.bootstrap-dialog .modal-header{border-top-left-radius:4px;border-top-right-radius:4px}.bootstrap-dialog .modal-title{color:#fff;display:inline-block;font-size:16px}.bootstrap-dialog .bootstrap-dialog-message{font-size:14px}.bootstrap-dialog .bootstrap-dialog-button-icon{margin-right:3px}.bootstrap-dialog .bootstrap-dialog-close-button{font-size:20px;float:right;opacity:.9;filter:alpha(opacity=90)}.bootstrap-dialog .bootstrap-dialog-close-button:hover{cursor:pointer;opacity:1;filter:alpha(opacity=100)}.bootstrap-dialog.type-default .modal-header{background-color:#fff}.bootstrap-dialog.type-default .modal-title{color:#333}.bootstrap-dialog.type-info .modal-header{background-color:#5bc0de}.bootstrap-dialog.type-primary .modal-header{background-color:#337ab7}.bootstrap-dialog.type-success .modal-header{background-color:#5cb85c}.bootstrap-dialog.type-warning .modal-header{background-color:#f0ad4e}.bootstrap-dialog.type-danger .modal-header{background-color:#d9534f}.bootstrap-dialog.size-large .modal-title{font-size:24px}.bootstrap-dialog.size-large .bootstrap-dialog-close-button{font-size:30px}.bootstrap-dialog.size-large .bootstrap-dialog-message{font-size:18px}.bootstrap-dialog .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

body {
}

.Overlay {
    background: rgba(0,0,0,0.5) url(images/loading.svg) center center no-repeat;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
}

.loading {
    min-height: 200px;
    background: url(images/loading.svg) center center no-repeat;
}

.bootstrap-dialog .loading {
    min-height: 200px;
    background: url(images/progress.gif) center center no-repeat;
}

/****************************select2***********************************/
.select2 {
    max-width: 100%;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-results__option {
    padding-left: 10px !important;
    color: #000;
}

/****************************auto complete***********************************/
.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.autocomplete-selected {
    background: #0072b1;
    color: #fff;
}
:root {
  --blue1: #0F3553;
  --blue2: #134268;
  --blue3: #0d6efd;
  --blue4: #337ab7;
  --orange: #ac9000;
  --gold: gold;
  --green1: #085237;
  --green2: #239f4b;
  --green-btn: #2cc75e;
  --wheat: wheat;
  --red: #822015;
  --red2: #CE1015;
  --black: black;
  --white: #ffffff;
}

.color-0 a {
  color: #0F3553;
}

.color-1 a {
  color: #ac9000;
}

.color-2 a {
  color: #085237;
}

.color-3 a {
  color: #822015;
}



.blue-background {
  background-color: var(--blue4) !important;
}

.bg-secondary {

  background-color: var(--green1) !important;
  /*background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;*/
}

body {
  background: #121418;
  color: #4a4a4a;
  font-family: 'Lato',sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

/*body, html {
    height: 100%;
    overflow: auto;
}*/

*, *:focus {
    outline: none !important;
}

    *:focus {
        box-shadow: none !important;
    }


a {
    text-decoration: none !important;
}

    a:hover:not(.btn):not(.btn-bg):not(.no-underline):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item-action) {
        text-decoration: underline !important;
    }

  a:not(.btn):not(.dropdown-item):not(.list-group-item-action):not(.nav-link):not(.page-link),
  a:hover:not(.btn):not(.dropdown-item):not(.list-group-item-action):not(.nav-link):not(.page-link) {
    /*color: #00f;*/
    color: #239f4b; /*global link and button color*/
  }

.underline {
    text-decoration: underline !important;
}

.no-underline, .no-underline:hover, .no-underline:active, .no-underline:visited {
    text-decoration: none !important;
}

.font-weight-medium {
    font-weight: 500;
}

.btn.disabled, .btn:disabled, .disabled {
    opacity: 0.4 !important;
}

.bg-custom-blue,
.btn.bg-custom-blue {
    background-color: #134268 !important;
    border-color: #134268 !important;
}

.btn.bg-custom-blue {
    border-color: #00006a !important;
}

.btn.bg-custom-blue:hover,
.btn.bg-custom-blue:focus {
    background-color: #0F3553 !important;
    border-color: #0F3553 !important;
}

.bg-custom-dark-blue,
.btn.bg-custom-dark-blue {
  background-color: #1a1f2b !important;
  background-color: var(--blue1) !important;
}

.btn.bg-custom-dark-blue {
    border-color: #1a1f2b !important;
}

.btn.bg-custom-dark-blue:hover,
.btn.bg-custom-dark-blue:focus {
    background-color: #303540 !important;
    border-color: #303540 !important;
}

.bg-custom-orange,
.btn.bg-custom-orange {
    background-color: #ac7300 !important;
}

.btn.bg-custom-orange {
    border-color: #9a6700 !important;
}

.btn.bg-custom-orange:hover,
.btn.bg-custom-orange:focus {
    background-color: #9a6700 !important;
    border-color: #8a5c00 !important;
}

.bg-custom-red,
.btn.bg-custom-red {
    background-color: #822015 !important;
}

.btn.bg-custom-red {
    border-color: #751c12 !important;
}

.btn.bg-custom-red:hover,
.btn.bg-custom-red:focus {
    background-color: #751c12 !important;
    border-color: #691910 !important;
}

.color-green-text {
  color: #239f4b !important;
}

.bg-custom-lighter-green,
.btn.bg-custom-lighter-green {
  background-color: #239f4b !important;
  color: #fff;
}

.btn.bg-custom-lighter-green {
    border-color: #2CC75E !important;
}

.btn.bg-custom-lighter-green:hover,
.btn.bg-custom-lighter-green:focus {
    background-color: #1f8f43 !important;
    border-color: #1f8f43 !important;
}

.bg-custom-dark-green,
.btn.bg-custom-dark-green {
  background-color: #35560a !important;
  color: #fff;
}

.btn.bg-custom-dark-green {
    border-color: #2CC75E !important;
}

.btn.bg-custom-dark-green:hover,
.btn.bg-custom-dark-green:focus {
    background-color: #436c0d !important;
    border-color: #436c0d !important;
}

.bg-custom-green,
.btn.bg-custom-green {
    background-color: #436c0d !important;
}

.btn.bg-custom-green {
    border-color: #35560a!important;
}

.btn.bg-custom-green:hover,
.btn.bg-custom-green:focus {
    background-color: #68893d !important;
    border-color: #436c0d !important;
}

.text-custom-blue {
    color: #134268!important;
}

.text-custom-orange {
    color: #ac7300!important;
}

.text-custom-red {
    color: #822015 !important;
}

/**********************************/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*************************************/
.ls-2 {
    letter-spacing: 2px !important;
}

/***************************/

.bg-primary {
    background-color: #4385f6 !important;
}

.text-primary {
    color: #4385f6 !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    background-color: #4385f6 !important;
    border-color: #4385f6 !important;
}

.btn-outline-primary {
    color: #fff;
    border-color: #4385f6;
}

    .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
        color: #000;
        background-color: #4385f6;
        border-color: #4385f6;
    }

.border-primary {
    border-color: #4385f6 !important;
}

.table .thead-primary th {
    background-color: #4385f6;
    border-color: #4385f6;
}

.tooltip-primary .tooltip-inner {
    background-color: #4385f6;
}

.tooltip-primary.bs-tooltip-top .arrow:before {
    border-top-color: #4385f6;
}

.tooltip-primary.bs-tooltip-right .arrow:before {
    border-right-color: #4385f6;
}

.tooltip-primary.bs-tooltip-left .arrow:before {
    border-left-color: #4385f6;
}

.tooltip-primary.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #4385f6;
}

/*****************************

.bg-success {
    background: #8cca2e;
    background: -moz-linear-gradient(top, #8cca2e 0%, #81bd27 50%, #84bf2b 100%);
    background: -webkit-linear-gradient(top, #8cca2e 0%,#81bd27 50%,#84bf2b 100%);
    background: linear-gradient(to bottom, #8cca2e 0%,#81bd27 50%,#84bf2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cca2e', endColorstr='#84bf2b',GradientType=0);
    color: #ffffff !important;
}

.text-success {
    color: #8cca2e !important;
}

.btn-success, .btn-success:hover, .btn-success:focus, .btn-success.focus {
    background: #8cca2e;
    background: -moz-linear-gradient(top, #8cca2e 0%, #81bd27 50%, #84bf2b 100%);
    background: -webkit-linear-gradient(top, #8cca2e 0%,#81bd27 50%,#84bf2b 100%);
    background: linear-gradient(to bottom, #8cca2e 0%,#81bd27 50%,#84bf2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cca2e', endColorstr='#84bf2b',GradientType=0);
    border-color: #8cca2e !important;
}

.btn-outline-success {
    color: #fff;
    border-color: #8cca2e;
}

    .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
        color: #000;
        background-color: #8cca2e;
        border-color: #8cca2e;
    }

.border-success {
    border-color: #8cca2e !important;
}

.table .thead-success th {
    background: #8cca2e;
    background: -moz-linear-gradient(top, #8cca2e 0%, #81bd27 50%, #84bf2b 100%);
    background: -webkit-linear-gradient(top, #8cca2e 0%,#81bd27 50%,#84bf2b 100%);
    background: linear-gradient(to bottom, #8cca2e 0%,#81bd27 50%,#84bf2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cca2e', endColorstr='#84bf2b',GradientType=0);
    color: #ffffff;
    border-color: #8ed02a;
}


.tooltip-success .tooltip-inner {
    background: #8cca2e;
    background: -moz-linear-gradient(top, #8cca2e 0%, #81bd27 50%, #84bf2b 100%);
    background: -webkit-linear-gradient(top, #8cca2e 0%,#81bd27 50%,#84bf2b 100%);
    background: linear-gradient(to bottom, #8cca2e 0%,#81bd27 50%,#84bf2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cca2e', endColorstr='#84bf2b',GradientType=0);
}

.tooltip-success.bs-tooltip-top .arrow:before {
    border-top-color: #8ed02a;
}

.tooltip-success.bs-tooltip-right .arrow:before {
    border-right-color: #8ed02a;
}

.tooltip-success.bs-tooltip-left .arrow:before {
    border-left-color: #8ed02a;
}

.tooltip-success.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #8ed02a;
}

/******************************************************/
.bg-warning {
    background-color: #ffbb00 !important;
}

.btn-outline-wheat {
  color: wheat !important;
  border-color: #6c757d;
}

.text-wheat {
  color: wheat !important;
}

.text-warning {
  color: #0d6efd !important;  /*b.lue title instead of orange*/
}

.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning.focus {
    background-color: #ffbb00 !important;
    border-color: #ffbb00 !important;
    color: #ffffff !important;
}

.btn-outline-warning {
    color: #fff;
    border-color: #ffbb00;
}

    .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
        color: #000;
        background-color: #ffbb00;
        border-color: #ffbb00;
    }

.border-warning {
    border-color: #ffbb00 !important;
}

.table .thead-warning th {
    color: #ffffff;
    background-color: #ffbb00;
    border-color: #ffbb00;
}

a.text-warning:focus, a.text-warning:hover {
    color: #fff !important;
}

.tooltip-warning .tooltip-inner {
    background-color: #ffbb00;
}

.tooltip-warning.bs-tooltip-top .arrow:before {
    border-top-color: #ffbb00;
}

.tooltip-warning.bs-tooltip-right .arrow:before {
    border-right-color: #ffbb00;
}

.tooltip-warning.bs-tooltip-left .arrow:before {
    border-left-color: #ffbb00;
}

.tooltip-warning.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #ffbb00;
}

/*****************************/
.bg-danger {
    background-color: #CE1015 !important;
}

.text-danger {
    color: #CE1015 !important;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
    background-color: #CE1015 !important;
    border-color: #CE1015 !important;
}

.border-danger {
    border-color: #CE1015 !important;
}

.btn-outline-danger {
    color: #fff;
    border-color: #CE1015;
}

    .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
        color: #000;
        background-color: #CE1015;
        border-color: #CE1015;
    }

.table .thead-danger th {
    color: #ffffff;
    background-color: #CE1015;
    border-color: #CE1015;
}


.tooltip-danger .tooltip-inner {
    background-color: #CE1015;
}

.tooltip-danger.bs-tooltip-top .arrow:before {
    border-top-color: #CE1015;
}

.tooltip-danger.bs-tooltip-right .arrow:before {
    border-right-color: #CE1015;
}

.tooltip-danger.bs-tooltip-left .arrow:before {
    border-left-color: #CE1015;
}

.tooltip-danger.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #CE1015;
}

/*****************************/
.bg-blue {
  background-color: #293846 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.text-white {
    color: #ffffff !important;
}

.btn-white, .btn-white:hover, .btn-white:focus, .btn-white.focus {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}

    .btn-white:hover {
        background-color: #c2c0c0 !important;
    }

.border-white {
    border-color: #ffffff !important;
}

.table .thead-white th {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}


.tooltip-white .tooltip-inner {
    background-color: #ffffff;
    color: #000;
}

.tooltip-white.bs-tooltip-top .arrow:before {
    border-top-color: #ffffff;
}

.tooltip-white.bs-tooltip-right .arrow:before {
    border-right-color: #ffffff;
}

.tooltip-white.bs-tooltip-left .arrow:before {
    border-left-color: #ffffff;
}

.tooltip-white.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #ffffff;
}

/*****************************/

.bg-light {
    background-color: #f2f2f2 !important;
}

.text-light {
    color: #f2f2f2 !important;
}

.btn-light, .btn-light:hover, .btn-light:focus, .btn-light.focus {
    background-color: #f2f2f2 !important;
    border-color: #6F6F6F !important;
    color: #fff !important;
}

.border-light {
    border-color: #f2f2f2 !important;
}

.table .thead-light th {
    color: #000000;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}


.tooltip-light .tooltip-inner {
    background-color: #f2f2f2;
    color: #000;
}

.tooltip-light.bs-tooltip-top .arrow:before {
    border-top-color: #f2f2f2;
}

.tooltip-light.bs-tooltip-right .arrow:before {
    border-right-color: #f2f2f2;
}

.tooltip-light.bs-tooltip-left .arrow:before {
    border-left-color: #f2f2f2;
}

.tooltip-light.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #f2f2f2;
}

/*****************************/

.bg-light2 {
    background-color: #999999 !important;
}

.text-light2 {
    color: #999999 !important;
}

.btn-light2, .btn-light2:hover, .btn-light2:focus, .btn-light2.focus {
    background-color: #8a8a8a !important;
    border-color: #6F6F6F !important;
    color: #fff !important;
}

.border-light2 {
    border-color: #999999 !important;
}

.table .thead-light2 th {
    color: #000000;
    background-color: #999999;
    border-color: #999999;
}


.tooltip-light2 .tooltip-inner {
    background-color: #999999;
    color: #000;
}

.tooltip-light2.bs-tooltip-top .arrow:before {
    border-top-color: #999999;
}

.tooltip-light2.bs-tooltip-right .arrow:before {
    border-right-color: #999999;
}

.tooltip-light2.bs-tooltip-left .arrow:before {
    border-left-color: #999999;
}

.tooltip-light2.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #999999;
}


/*****************************
.bg-dark2 {
    background-color: #272727 !important;
}

.bg-dark {
    background-color: #000000 !important;
}

.text-dark {
    color: #000000 !important;
}

.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark.focus {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.border-dark {
    border-color: #000000 !important;
}

.table .thead-dark th {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}


.tooltip-dark .tooltip-inner {
    background-color: #000000;
}

.tooltip-dark.bs-tooltip-top .arrow:before {
    border-top-color: #000000;
}

.tooltip-dark.bs-tooltip-right .arrow:before {
    border-right-color: #000000;
}

.tooltip-dark.bs-tooltip-left .arrow:before {
    border-left-color: #000000;
}

.tooltip-dark.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #000000;
}

/*****************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 700;
    color: inherit;
    margin-bottom: 15px;
}

h1, .h1 {
    font-size: 2rem;
    margin: 20px 0px;
    font-weight: 300;
}

h2, .h2 {
    font-size: 1.6rem;
}

h3, .h3 {
    font-size: 1.4rem;
}

h4, .h4 {
    font-size: 1.2rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: 0.85rem;
}

.sup {
    position: relative;
    top: -15px;
}


/*******************************************************************/
.bootstrap-dialog.type-danger .modal-header {
  background-color: #f0ad4e !important; /*instead of #d9534f;*/
}



.select2-container--default .select2-selection--single .select2-selection__rendered {
  background: #f2f2f2 !important;
  background-color: #f2f2f2 !important;
}


.form-control {
  font-size: 1.1rem !important;
  background-color: #f2f2f2 !important; /* !important; grey instead of white*/
}

.form-control::-webkit-input-placeholder {
    color: #bbbbbb !important;
}

.form-control:-moz-placeholder {
    color: #bbbbbb !important;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #bbbbbb !important;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #bbbbbb !important;
}

.form-control::-ms-input-placeholder {
    color: #bbbbbb !important;
}

.form-control::placeholder {
    color: #bbbbbb !important;
}


label {
}

    label.required:after {
        content: "*";
        color: red;
        margin-left: 5px;
    }

input.form-control,
div.form-control,
textarea.form-control,
select.form-select {
    color: #000000;
    font-family: 'Lato',sans-serif;
}

textarea.form-control {
    resize: none;
}

    textarea.form-control:not([rows]) {
        height: 136px;
    }

.form-control:disabled, .form-control[readonly] {
    background: #aaaaaa !important;
}

.input-validation-error, .has-error .custom-file-label {
    border-color: #CE1015 !important;
}

.field-validation-error.text-danger {
    color: #CE1015 !important;
}

.file-caption-icon,
.file-caption-name {
    opacity: 0 !important;
}


/****************************************************************

.white-transparent {
    background-color: rgba(255,255,255,0.80) !important;
    color: #505050;
}

.black-transparent {
    background-color: rgba(0,0,0,0.50) !important;
    color: #fff;
}

/*******************************************************************
.grid-mvc .table {
    border: none;
}

.grid-mvc .table-bordered > tbody > tr > td,
.grid-mvc .table-bordered > tbody > tr > th,
.grid-mvc .table-bordered > tfoot > tr > td,
.grid-mvc .table-bordered > tfoot > tr > th,
.grid-mvc .table-bordered > thead > tr > td,
.grid-mvc .table-bordered > thead > tr > th {
    border-color: #555;
    border-right: none;
    border-left: none;
    padding: 0.5rem 0.75rem;
}

.grid-mvc .table-bordered > thead > tr > th {
    background: rgba(136,136,136,1);
    background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(28,28,28,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(136,136,136,1)), color-stop(100%, rgba(28,28,28,1)));
    background: -webkit-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(28,28,28,1) 100%);
    background: -o-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(28,28,28,1) 100%);
    background: -ms-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(28,28,28,1) 100%);
    background: linear-gradient(to bottom, rgba(136,136,136,1) 0%, rgba(28,28,28,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#1c1c1c', GradientType=0 );
    color: #fff;
    padding: 1rem 0.75rem;
    border-bottom: none;
}

.grid-mvc .table-bordered > thead > tr > th,
.grid-mvc .table-bordered > tbody > tr > td .btn {
    white-space: nowrap;
}

.grid-mvc .table-striped > tbody > tr:nth-child(odd) > td,
.grid-mvc .table-striped > tbody > tr:nth-child(odd) > th {
    background: rgba(0,0,0,0.50) !important;
    color: #fff;
}

.grid-mvc .table-striped > tbody > tr:nth-child(even) > td,
.grid-mvc .table-striped > tbody > tr:nth-child(even) > th {
    background: rgba(0,0,0,0.50) !important;
    color: #fff;
}

.grid-mvc .table-bordered > thead > tr > th > a,
.grid-mvc .table-bordered > thead > tr > th .grid-header-title a {
    color: #fff;
}

.grid-mvc .table > tbody > tr > td,
.grid-mvc .table > tbody > tr > th,
.grid-mvc .table > tfoot > tr > td,
.grid-mvc .table > tfoot > tr > th,
.grid-mvc .table > thead > tr > td,
.grid-mvc .table > thead > tr > th {
    vertical-align: middle;
}


.pointer {
    cursor: pointer;
}

@media(max-width:575.98px) {
    .grid-mvc {
        overflow: auto;
        max-width: 100%;
    }
}

/********************************************/

@media(min-width:1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    .modal-xl {
        max-width: 970px;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .modal-xl {
        max-width: 650px;
    }
}

.modal, .modal-backdrop {
    z-index: 9999 !important;
}

.bootstrap-dialog .modal-title {
    font-size: 20px;
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 16px;
    color: #000000;
}

.modal-dialog .EditorContent * {
    color: #000 !important;
}


/**********************************************************/

.EditorContent img {
    margin: 10px auto;
    display: block;
    max-width: 100%;
}

.EditorContent a:not(.btn) {
    color: #00f;
    text-decoration: underline;
}

.EditorContent ul:not(.row):not(.nav) li {
    margin-left: 10px;
}

.EditorContent p:last-child,
.EditorContent ul.compact li {
    margin-bottom: 0px;
}

/*******************************************************************
.abs-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 999;
    width: 100%;
}

.abs-vertical-middle {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    z-index: 999;
}

/*************Font Families**************/
.font-montserrat {
    font-family: 'Montserrat',sans-serif;
}

.font-open-sans {
    font-family: 'Open Sans',sans-serif;
}

/*************Font Sizes**************/
.fs-80 {
    font-size: 80px;
}

.fs-66 {
    font-size: 66px;
}

.fs-64 {
    font-size: 64px;
}

.fs-60 {
    font-size: 60px;
}

.fs-54 {
    font-size: 54px;
}

.fs-48 {
    font-size: 48px;
}

.fs-42 {
    font-size: 42px;
}

.fs-40 {
    font-size: 40px;
}

.fs-38 {
    font-size: 40px;
}

.fs-36 {
    font-size: 36px;
}

.fs-32 {
    font-size: 32px;
}

.fs-30 {
    font-size: 30px;
}

.fs-26 {
    font-size: 26px;
}

.fs-24 {
    font-size: 24px;
}

.fs-22 {
    font-size: 22px;
}

.fs-20 {
    font-size: 20px;
}

.fs-18 {
    font-size: 18px;
}

.fs-17 {
    font-size: 17px;
}

.fs-16 {
    font-size: 16px;
}

.fs-15 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

.fs-10 {
    font-size: 10px;
}
/***************************************************
.btn .fa-chevron-down, .btn.collapsed .fa-chevron-up {
    display: none !important;
}

.btn .fa-chevron-up, .btn.collapsed .fa-chevron-down {
    display: inline !important;
}

.page-item.active .page-link {
    background-color: #000000;
    border-color: #000000;
}

.page-link, .page-link:hover {
    color: #000000;
}

.dropdown-menu {
    z-index: 1040;
}
/**************************************************************************

.breadcrumb {
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    margin-top: -1.8rem;
    background: #f5f5f5;
    height: 50px;
    overflow: hidden;
}

    .breadcrumb li {
        float: left;
        color: #fff;
        padding: 10px 0px 10px 15px;
        position: relative;
        background: #666;
    }

        .breadcrumb li:after,
        .breadcrumb li:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 50px solid transparent;
            border-bottom: 50px solid transparent;
            border-left: 30px solid #d3d3d3;
            position: absolute;
            top: 50%;
            margin-top: -50px;
            left: 100%;
        }

        .breadcrumb li:before {
            margin-left: 1px;
            z-index: 1;
        }

        .breadcrumb li:after {
            z-index: 2;
            border-left: 30px solid #666;
        }

        .breadcrumb li a {
            color: inherit !important;
            text-decoration: none;
            padding: 10px 0 10px 45px;
            display: block;
        }

        .breadcrumb li.home a {
            background: #ebebeb;
        }

        .breadcrumb li.home:after {
            border-left-color: #ebebeb;
        }

        .breadcrumb li + li {
            padding: 0px;
            background: transparent;
            color: #000;
            border-left: none;
        }

            .breadcrumb li + li:after {
                border-left-color: #f5f5f5;
            }

            .breadcrumb li + li:before {
                padding: 0;
            }

/***********************************************************************/

.text-shadow-sm {
    text-shadow: 2px 2px 2px #000;
}

.text-shadow {
    text-shadow: 5px 5px 5px #000;
}

.text-shadow-lg {
    text-shadow: 7px 7px 7px #000;
}

/***********************************************************************/
@media(min-width:1200px) {
    .h-xl-100 {
        height: 100% !important;
    }
}

@media(min-width:992px) {
    .h-lg-100 {
        height: 100% !important;
    }
}

@media(min-width:768px) {
    .h-md-100 {
        height: 100% !important;
    }
}

@media(min-width:576px) {
    .h-sm-100 {
        height: 100% !important;
    }
}

/*********************************************************************/
.kv-avatar .file-preview {
    border-style: dashed;
    padding: 0px;
    margin: auto;
    max-width: 270px;
}

.kv-avatar .krajee-default.file-preview-frame {
    padding: 0px;
    float: none;
}

    .kv-avatar .krajee-default.file-preview-frame img {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        width: 100%;
    }

    .kv-avatar .krajee-default.file-preview-frame .kv-file-content {
        width: auto !important;
        height: auto !important;
    }

.kv-error-close {
    border: none;
    background-color: transparent;
    float: right;
}

    .kv-error-close span {
        font-size: 22px;
        line-height: 0.5;
        color: white;
        background: black;
        padding: 0 8px 1px 8px;
        border-radius: 5px;
    }

.mb-10 {
    margin-bottom: 10rem !important;
}

.card-img-top {
  width: 330px !important;
}

.btn-link {
  color: #239f4b !important;
}


/*welcomePopup*/
#welcomePopup .modal-backdrop.show {
  background-color: rgba(19, 66, 104, 0.9);
}

#welcomePopup .modal-title {
  text-transform: none !important;
  margin-bottom: 0;
  line-height: 1.5;
  color: white !important;
}

#welcomePopup .modal-header {
  border-bottom: none !important;
}

#welcomePopup .modal-dialog {
  /*position: fixed;*/
  bottom: 0;
  left: 0;
  margin: 0;
  margin-top: 4rem;
  max-width: 50%;
}

#welcomePopup .modal-header {
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background-color: rgba(19, 66, 104, 0.9);
  /*background-color: var(--blue1) !important;*/
  color: white;
}

#welcomePopup .modal-body {
  background-color: rgba(19, 66, 104, 0.9);
  /*background-color: var(--blue2) !important;*/
  color: white;
}

#welcomePopup h4 {
  color: var(--wheat) !important;
}


.custom-card {
  /*border: 1px solid #ddd;*/
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.custom-card-img-top {
  width: 100%;
  height: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.custom-card-body {
  padding: 15px;
  background-color: var(--blue1) !important;
  color: white;
  /*color: var(--wheat) !important;*/
  flex-grow: 1;
}

.custom-card-title {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 100;
  color: white;
}

.custom-card {
  color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
}
/*End welcomePopup*/

nav.navbar.navbar-dark {
    background: #1a1f2b;
    color: #fff;
}

nav.navbar.navbar-dark .container {
    z-index: 3;
}

nav.navbar #MainNav .nav-item.active-item {
    position: relative;
}

nav.navbar #MainNav .nav-item.active-item:after {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 4px;
    background-color: #134268;
    display: block;
    border-radius: 100px;
}

.navbar-brand {
    max-width: 185px;
}

.navbar-dark .dropdown-menu {
    background-color: #000;
    border-color: #333;
    padding: 0px;
    box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    min-width: 12rem;
}

    .navbar-dark .dropdown-menu li + li {
        border-top: 1px solid #333;
    }

    .navbar-dark .dropdown-menu li .dropdown-item {
        padding: 7px 15px;
    }

    .navbar-dark .active .dropdown-menu .dropdown-item.active,
    .navbar-dark .dropdown-menu .dropdown-item:hover,
    .navbar-dark .dropdown-menu .dropdown-item:focus {
        background-color: #ce1015;
    }

/************************************************************************/
@media (max-width:1199.98px) {
    #MainNav .nav {
        display: none !important;
    }

    .mobile-nav-toggle {
        background: none;
        border: 0;
        cursor: pointer;
        outline: none !important;
        padding: 16px 30px 16px 5px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        z-index: 9999;
    }

    .mobile-nav-active .mobile-nav-toggle {
    }

    .mobile-nav-toggle span,
    .mobile-nav-toggle span:before,
    .mobile-nav-toggle span:after {
        cursor: pointer;
        height: 2px;
        width: 23px;
        background: #fff;
        position: absolute;
        display: block;
        content: '';
        transition: all 500ms ease-in-out;
    }

        .mobile-nav-toggle span:before {
            top: -7px;
            width: 23px;
        }

        .mobile-nav-toggle span:after {
            bottom: -7px;
            width: 23px;
        }

    .mobile-nav-overlay {
        width: 100%;
        height: 100%;
        z-index: 1038;
        top: 0;
        left: 0;
        position: fixed;
        background: rgba(19, 39, 57, 0.8);
        overflow: hidden;
        display: none;
    }

    .mobile-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1040;
        overflow-y: auto;
        left: -280px;
        width: 280px;
        padding-top: 18px;
        background: rgba(0, 0, 0, 0.8);
        transition: 0.4s;
        -moz-transition: 0.4s;
        -webkit-transition: 0.4s;
    }

        .mobile-nav * {
            margin: 0;
            padding: 0;
            list-style: none;
            color: #fff;
        }

        .mobile-nav .dropdown-menu {
            position: static !important;
            transform: none !important;
            background: none !important;
            padding-left: 25px;
        }

            .mobile-nav .dropdown-menu .dropdown-item-text {
                margin: 5px 0px;
                padding: 2px 10px;
            }

            .mobile-nav .dropdown-menu .dropdown-item {
                margin: 10px 0px;
            }

                .mobile-nav .dropdown-menu .dropdown-item .fa {
                    display: none;
                }

                .mobile-nav .dropdown-menu .dropdown-item:before {
                    content: "\00BB";
                    margin-right: 5px;
                    font-size: 20px;
                    line-height: 1;
                }

        .mobile-nav > ul > li {
            padding: 5px 20px;
        }

            .mobile-nav > ul > li > a {
                display: block;
                position: relative;
                color: #fff;
                padding-top: 5px;
                padding-bottom: 5px;
                font-weight: 500;
                text-transform: uppercase;
                text-align: left !important;
                text-decoration: none !important;
            }

                .mobile-nav > ul > li > a > img {
                    width: 20px;
                    margin-right: 10px;
                }

    .mobile-nav-active {
        overflow: hidden;
    }

        .mobile-nav-active .mobile-nav-toggle span:after {
            width: 23px;
        }

        .mobile-nav-active .mobile-nav-toggle span {
            background-color: transparent;
        }

            .mobile-nav-active .mobile-nav-toggle span:before,
            .mobile-nav-active .mobile-nav-toggle.active span:after {
                top: 7px;
            }

            .mobile-nav-active .mobile-nav-toggle span:before {
                transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                bottom: 0px;
            }

            .mobile-nav-active .mobile-nav-toggle span:after {
                transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
            }

        .mobile-nav-active .mobile-nav {
            left: 0;
        }

        .mobile-nav-active .mobile-nav-toggle {
            margin-top: -15px;
        }

            .mobile-nav-active .mobile-nav-toggle i {
                color: #fff;
            }

    .mobile-nav ul.navbar-nav > li.nav-item > .megamenu, .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu {
        font-size: 15px;
        font-weight: 400;
        position: static;
        background: none;
        color: #fff;
        padding: 0px;
        border: none;
        display: none;
    }

        .mobile-nav ul.navbar-nav > li.nav-item > .megamenu a,
        .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a {
            display: block;
            padding: 10px 20px;
            color: #fff;
        }

            .mobile-nav ul.navbar-nav > li.nav-item > .megamenu a:before,
            .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a:before {
                display: inline;
                content: "\00bb";
                margin-right: 5px;
            }
}

/* Site colors
  defined in frontend-global.css
     :root {
  --blue1: #0F3553;
  --blue2: #134268;
  --blue3: #0d6efd;

  --white1: #f0f2f5;
  --orange: #ac9000;
  --green1: #085237;
  --green2: #239f4b;
  --wheat: wheat;
  --red: #822015;
  --black: black;
}
*/

﻿ /***************************Common***************************/
.progress-bar {
  background: #2CC75E;
}

.bg-cover {
    background-size: cover;
}

.bg-contain {
    background-size: contain;
}

.bg-norepeat {
    background-repeat: no-repeat;
}
/* bg opacity not working well
body {
  position: relative;
}

  body::before {
    content: "";
    background-image: url('/content/images/bg.jpg');
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
  }*/

.special-background {
  background-image: url('/content/images/bg/paper.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}


.background-light-gray,
#MainContent.main-banner-is-visible,
#MainContent.main-banner-is-hidden > section {
  background-color: #f0f2f5;
}

#MainContent.main-banner-is-visible .page-title {
    margin-bottom: 8rem;
    text-align: center;
    color: #fff !important;
}

#MainContent.main-banner-is-visible .page-title.text-custom-blue {
    color: #134268 !important;
}

#MainContent.main-banner-is-hidden .page-title {
    margin-bottom: 3rem;
}

.page-title.position-absolute {
    position: absolute;
    right: 0;
    left: 0;
}

.display-flex {
    display: flex !important;
}

/***************************Common***************************/
.bg-white-transparent {
    background: rgba(255,255,255,0.85);
    border: 1px solid #616161;
    color: #000000;
}

  .input-group-text,
  .select2-container--bootstrap4 .select2-dropdown,
  .select2-container--bootstrap4 .select2-selection,
  .bg-white-transparent input.form-control,
  .bg-white-transparent div.form-control,
  .bg-white-transparent textarea.form-control,
  .bg-white-transparent select.form-select {
    border-color: #777 !important;
    background-color: #f2f2f2 !important;
  }

.bg-black-transparent {
  background: rgba(41, 56, 70, 1);  /* b.lue background instead of grey rgba(0,0,0,0.7);*/
  border: 1px solid #616161;
  color: #ffffff;
}

.bg-black-transparent-lighter {
  background: rgba(41, 56, 70, 0.7);
}

.bg-black-transparent .field-validation-error.text-danger {
    color: #ac9000 !important;
}

.bg-danger-transparent {
    background: rgba(206,16,21,0.7);
    color: #ffffff;
}

.bg-custom-blue-transparent {
    background: rgba(19,66,104,0.7);
    color: #ffffff;
}

.bg-primary-dark {
    background: #2461ca !important;
}

/* Site colors
     :root {
  --blue1: #0F3553;
  --blue2: #134268;
  --blue3: #0d6efd;
  --white1: #f0f2f5;
  --orange: #ac9000;
  --green1: #085237;
  --green2: #239f4b;
  --wheat: wheat;
  --red: #822015;
  --red2: #CE1015;
  --black: black;
}
*/

.bg-blue1 {   background: var(--blue1) !important;  }
.bg-blue2 {  background: var(--blue2) !important; }
.bg-blue3 {  background: var(--blue3) !important;}
.bg-blue3 {  background: var(--blue3) !important;}
.bg-white1 {  background: var(--white1) !important;}
.bg-green1 {  background: var(--green1) !important;}
.bg-green2 {  background: var(--green2) !important;}

.text-blue1 {color: var(--blue1) !important;}
.text-blue2 {
  color: var(--blue2) !important;
}
.text-blue3 {
  color: var(--blue3) !important;
}
.text-blue3 {
  color: var(--blue3) !important;
}
.text-white1 {
  color: var(--white1) !important;
}
.text-green1 {
  color: var(--green1) !important;
}
.text-green2 {
  color: var(--green2) !important;
}

.text-gold {
  color: var(--gold) !important;
}

.text-wheat {
  color: var(--wheat) !important;
}

.text-orange{
  color: var(--orange) !important;
}

.text-red{
  color: var(--red) !important;
}




.bg-image {
    padding-bottom: 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bdr-top-before:before {
    border-top: 6px solid #134268;
    content: '';
    display: block;
    padding-top: 30px;
    width: 70px;
}

.home-page-section-content .bdr-top-before:before {
    border-top-color: #ac7300;
}

#MainContent {
    position: relative;
    z-index: 0;
}

#HowItWorks.bg-danger .bg-danger {
    background: rgb(33,37,41) !important;
}

/***************************pagination***************************/
.page-item.disabled {
    opacity: 1 !important;
}

.bg-black-transparent .page-item .page-link {
    background-color: #000000;
    color: #ffffff;
}

.bg-black-transparent .page-item.disabled .page-link {
    background-color: #454545 !important;
}

.bg-black-transparent .page-item:hover:not(.disabled) .page-link,
.bg-black-transparent .page-item.active .page-link {
    border-color: #dee2e6 !important;
    background-color: #085237 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/***************************owl carousel***************************/
.owl-theme {
    padding: 0px 40px;
}

.owl-theme .owl-stage-outer {
    z-index: 2;
}

.owl-theme .owl-stage-outer .owl-stage {
    display: flex;
}

.owl-theme .owl-nav {
    position: absolute;
    margin: -30px 0px 0px 0px;
    left: 0px;
    right: 0px;
    top: 50%;
    z-index: 1;
}

.owl-theme .owl-nav .owl-prev span,
.owl-theme .owl-nav .owl-next span {
    font-size: 100px;
    line-height: 0.4;
    color: #fff;
}

.owl-theme .owl-nav .owl-prev {
    float: left;
}

.owl-theme .owl-nav .owl-next {
    float: right;
}

/***************************Header***************************/
/***************************Footer***************************/
.copyright a {
    color: #fff !important;
    text-decoration: underline !important;
}

.bg-black-transparent .EditorContent a {
    color: #ffbb00 !important;
    text-decoration: underline !important;
}

.footer-section {
    background: #16191e;
    border-top: 6px solid #426786;
    margin-bottom: 0;
}

.footer-section .copyright {
    border-top: 1px solid #1a1f2b;
    background: #121418;
    color: #7b7f88;
    font-size: 12px;
}

.footer-section .copyright a {
    color: #a3a6ac !important;
}

/***************************Left Panel***************************/
.bg-primary .nav .nav-item.active,
.bg-primary .nav .nav-item:not(.active) .nav-link:hover,
.bg-primary .nav .nav-item .nav-link.active,
.bg-primary .nav .nav-item .nav-link:hover {
  color: var(--wheat) !important;
  background-color: var(--blue2);
}

.bg-primary .nav .nav-item:not(.active) .nav-link {
  color: var(--wheat) !important;
}
/***************************HOME Page***************************/
#CompanyImage {
}

#CompanyImage > div.ImageBg {
    background-repeat: no-repeat;
}

  #CompanyImage > div.ImageBg > div.position-relative {
    min-height: 182px;
    /*padding-bottom: 20%;*/ /* 33.33333%;*/
    background: rgba(0,0,0,0.4);
  }

#CompanyImage > div.ImageBg .kv-upload-progress {
    position: relative;
    z-index: 1;
}

.work-area {
    height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-dark .nav-link.active {
    color: #ffbb00 !important;
}


.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}


.g-recaptcha > div {
    border: 1px solid #777;
}

.how-it-works-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 10px rgba(0,0,0,0.05);
    overflow: hidden;
    padding: 0 1.5rem 0 0;
    font-size: 13px;
    line-height: 22px;
    height: 100%;
}

.right-bottom-circle {
    border-bottom-right-radius: 50%;
}

.test-mask {
    background-image: url( '/content/images/down-arrow-mask.svg' );
}

#MainContent.main-banner-is-hidden > section.home-page-section {
    background-color: transparent;
    position: relative;
    color: white;
}

.home-page-section-content {
    z-index: 5;
}

.home-page-section-background {
    filter: grayscale(10%) contrast(140%);
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    opacity: 0.2;
    mix-blend-mode: overlay;
    background-size: cover;
}

.custom-shadow {
    box-shadow: 0 0.8rem 1.5rem rgba(0, 0, 0, 0.15) !important;
}

/*.card-latest-jobs {
  border-radius: 0.5rem;
  text-shadow:none !important;

}*/


/* Custom card styles */

.owl-carousel .item {
  display: flex;
  justify-content: center;
  align-items: stretch;
  min-height: 225px; 
}

.owl-carousel .owl-stage-outer {
  /* height: auto !important;*/
  max-height: 225px !important;
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-height: 225px !important;
}

.custom-card {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 150px; /* Ensure cards have a minimum height */
  padding: 10px;
  box-sizing: border-box; /* Ensure padding and borders are included in the height */
}

  .custom-card .card-header {
    font-size: medium;
    line-height: 1.2;
    padding: 10px;
    height: auto; /* Remove fixed height */
    white-space: normal; /* Allow text to wrap */
    overflow: visible; /* Ensure overflow text is visible */
    text-overflow: clip; /* Prevent text truncation */
  }


  .custom-card .card-body a {
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    height: calc(3* 1.5em);
    text-shadow: none !important;
  }

  .custom-card .card-footer {
    font-size: small;
    color: #6c757d;
    text-shadow: none;
    border-top: none;
    padding: 5px;
    margin-top: auto; /* Ensure footer sticks to the bottom */
  }

.cycle-carousel-wrap {
  width: 100%;
}

.side-scroll {
  height: 445px;
  overflow: hidden;
}
  /*End custom card*/

.background-mask {
    background-image: url('/content/images/down-arrow-mask.svg');
    position: absolute;
    height: 25px;
    width: 100%;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.background-mask-homepage {
  background-image: url('/content/images/down-arrow-mask.svg');
  position: absolute;
  height: 25px;
  width: 100%;
  bottom: 0;
  background-size: cover;
  background-position: center;
}

.custom-button {
  background: linear-gradient(to right, gray, white);
  color: var(--blue1) !important;
  display: block;
  text-align: center;
  padding: 10px; /* Adjust padding as needed */
  border-radius: 5px; /* Optional for rounded corners */
  text-decoration: none !important; /* To remove underline from links */
  font-weight: bold;
}

  /* Adjust for hover effects if needed */
  .custom-button:hover {
    text-decoration: none !important; 
    background: linear-gradient(to right, white, white);
  }

@media (max-width: 576px) {
  .social-links {
    margin-left: 50px;  
    margin-right: 50px; 
  }
}



/***************************Main Banner***************************/
.main-banner-background-mask {
    background-image: url('/content/images/down-arrow-mask.svg');
    background-size: cover;
    background-position: center;
    position: relative;
    height: 25px;
    top: -25px;
}

.main-banner {
    position: absolute;
    width: 100%;
}

.main-banner-image {
    height: 12rem;
    background-position: center;
    background-size: cover;
    filter: grayscale(5%) contrast(110%);
}

.page-content-box {
    box-shadow: 0 0.8rem 1.5rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.custom-cycle-slideshow {
    border: 1px dashed #e5e5e5;
    border-bottom: none;
    border-radius: 5px;
}

.custom-slide {
    background-color: #ffffff;
    border-bottom: 1px dashed #e5e5e5;
    box-shadow: 0 6px 10px rgba(0,0,0,0.05);
    margin-bottom: 0.5rem;
}

.custom-slide:nth-child(even) {
    background-color: #f5f7fa;
}

.typing {
  display: block;
  /*overflow: hidden;*/
  white-space: nowrap;
  animation: typing 3s steps(60, end);
  transition: all 0.2s;
}

.typing-later {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    animation: typing-later 6s steps(60, end);
    transition: all 0.2s;
}

@keyframes typing {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes typing-later {
    0% {
        width: 0;
    }

    50% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.z-index-5 {
    z-index: 5;
}

.border-radius-top-small {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.credits-card-header {
    min-height: 5rem;
}

.border-radius-0-5-left-side {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

.border-radius-0-5-right-side {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.border-radius-0-5-top {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.web-profile-nav .last-nav-item,
.web-profile-nav .last-nav-item .active {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.pagination .page-item {
    border: none;
    padding: 0.4rem 0.2rem;
    background-color: white;
}

.pagination .page-item .page-link {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
    border-right: 1px solid #e5e5e5;
    padding: 0.5rem 1.6rem;
}

.pagination .page-item:last-child .page-link {
    border-right: none;
}

.pagination .page-item.active .page-link {
    border-right: none;
    background-color: #0F3553;
}

.pagination .page-item:first-child,
.pagination .page-item:first-child .page-link {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.page-item:last-child,
.page-item:last-child .page-link {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

/*main menu*/
.navbar-dark .dropdown-menu {
  background-color: var(--blue1);
  /*background-color: #fefefe;*/
  box-shadow: 0 6px 10px rgba(0,0,0,0.05);
  border: none;
  color: var(--gold);
  /*color: #1a1f2b;*/
  border-radius: 0.75rem;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

  .navbar-dark .active .dropdown-menu .dropdown-item.active,
  .navbar-dark .dropdown-menu .dropdown-item:hover,
  .navbar-dark .dropdown-menu .dropdown-item:focus {
    color: var(--gold) !important;
    /*background-color: var(--blue1);*/
    background-color: var(--blue2);
    /*color: #1a1f2b !important;*/
  }

.navbar-dark .dropdown-menu li:first-child,
.navbar-dark .dropdown-menu li:first-child > a,
.navbar-dark .active .dropdown-menu li:first-child,
.navbar-dark .active .dropdown-menu li:first-child .dropdown-item,
.navbar-dark .active .dropdown-menu li:first-child .dropdown-item.active,
.navbar-dark .dropdown-menu li:first-child .dropdown-item:hover,
.navbar-dark .dropdown-menu li:first-child .dropdown-item:focus {
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
}

.navbar-dark .dropdown-menu li:last-child,
.navbar-dark .dropdown-menu li:last-child > a,
.navbar-dark .active .dropdown-menu li:last-child,
.navbar-dark .active .dropdown-menu li:last-child .dropdown-item,
.navbar-dark .active .dropdown-menu li:last-child .dropdown-item.active,
.navbar-dark .dropdown-menu li:last-child .dropdown-item:hover,
.navbar-dark .dropdown-menu li:last-child .dropdown-item:focus {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.navbar-dark .dropdown-menu li + li {
    border-color: #e8e8e9;
}

  .navbar-dark .dropdown-menu li .dropdown-item.text-white {
    color: var(--gold) !important;
    /*color: #1a1f2b !important;*/
  }

  .navbar-dark .dropdown-menu li .dropdown-item .text-warning {
    color: var(--white1) !important;
    /*color: #303540 !important;*/
  }

.navbar-dark a.dropdown-item.nav-link.active,
.navbar-dark a.dropdown-item.nav-link.active .text-warning {
    background-color: var(--green1);
    color: white !important;
}

.navbar-dark li.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.article-box-details {
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.8rem 1.5rem rgba(0, 0, 0, 0.15);
}

.article-box {
    overflow: hidden;
    position: relative;
    border-radius: 0.5rem;
    border: 0.5rem solid white;
    box-shadow: 0 0.8rem 1.5rem rgba(0, 0, 0, 0.15);
}

.article-box::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.article-box:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.article-box::after {
    content: "";
    background: #09212e;
    background: linear-gradient(0deg, #09212e 10%, rgba(9, 33, 46, 0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.article-box-title-overlay {
    position: absolute;
    z-index: 2;
    text-align: center;
    color: #fff;
    background: rgba(26, 31, 43, 0.6);
    opacity: 1;
    padding: 1rem 0;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
}

.article-box-created-date {
    position: absolute;
    bottom: 1rem;
    right: 1.2rem;
    z-index: 2;
    color: #cecece;
    font-style: italic;
    font-size: 12px;
}

.article-box-summary {
    padding: 1rem;
    font-size: 14px;
    text-align: left;
}

#HideSearchTradeId {
    opacity: 0;
    height: 0;
    display: block;
    width: 0;
}

.blog-article-sidebar {
    color: white;
}

.blog-article-sidebar ul {
    list-style: none;
    font-size: 14px;
    text-align: right;
    padding: 2rem 1.5rem;
}

.blog-article-sidebar ul li {
    position: relative;
    padding: 1.5rem 0;
}

.blog-article-sidebar ul li a {
    line-height: 1.4rem;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.2em;
    color: rgba(255, 255, 255, 0.35) !important;
    display: block;
    transition: all ease-out 300ms;
}

.blog-article-sidebar ul li.active a {
    color: white !important;
}

.blog-article-sidebar ul li:not(.active)::after {
    opacity: 0.2;
}

.blog-article-sidebar ul li:not(.active):hover a,
.blog-article-sidebar ul li:not(.active):focus a {
    color: rgba(255, 255, 255, 0.75) !important;
}

.blog-article-sidebar ul li a:hover,
.blog-article-sidebar ul li a:focus {
    text-decoration: none !important;
}

.blog-article-sidebar ul li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.2em;
    background: black;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #5e42a6, #b74e91);
}

.blog-article-sidebar ul li:last-child::after {
    height: 0;
}

.blog-article-content-section:first-of-type {
    padding-top: 0 !important;
}

.sticky {
    position: sticky;
    width: 100%;
    height: auto;
    margin: 0;
    top: 0;
    left: 0
}

.trade-image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.trade-image-cell {
    position: relative;
    overflow: hidden;
}

.trade-image-grid img {
    height: 180px;
    width: 100%;
}

.trade-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 128, 0, 0.6); /* Green background with opacity */ 
    color: white;
    text-align: center;
}

.trade-title {
    padding: 10px;
}

.list-of-trade-images {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

  .list-of-trade-images li {
    display: flex;
    overflow: hidden;
    flex: 0 0 33%;
    margin: 0;
    padding: 0;
    position: relative;
    height: 200px;
    width: auto;
    margin-bottom: 10px;
  }

@media (max-width: 768px) {
  .list-of-trade-images li {
    flex: 0 0 100%; /* This makes it 2 images per row on small screens */
  }
}

.list-of-trade-images li a {
    margin: 0.5rem
}

.list-of-trade-images img {
  width: 100%; 
  height: 100%;  
  object-fit: fill;
/*  max-width: 100%;*/
}

.list-of-trade-images .overlay-container {
  display: block;
  position: relative;
  font-size: medium;
  border: 0.3rem solid rgba(108, 117, 125, 0.5);
}

  .list-of-trade-images .overlay-container::before {
    content: attr(data-overlay-text);
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-weight: bolder;
    color: #fff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    background-color: rgba(26, 31, 43, 0.6); /*blue navy*/
    /*background-color: rgba(44,199,94, 0.6);*/ /*green*/
    opacity: 1;
    padding: 0.5rem;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }


  .list-of-trade-images .overlay-container .overlay-img {
    width: 100%;
    height: 100%;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 0rem 0.5rem rgba(0, 0, 0, 0.15);
  }

.has-error .list-of-trade-images .overlay-container .overlay-img {
    border: 0.3rem solid rgba(26, 31, 43, 0.8);
}

.has-error .list-of-trade-images .overlay-container::before {
  background-color: rgba(26, 31, 43, 0.8);
}

.list-of-trade-images .overlay-container:hover .overlay-img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}


#selectedTradesmanModal .modal-body {
  text-align: center;
}

#selectedTradesmanImage {
  max-width: 60%;
  margin-bottom: 20px;
}

.modal-backdrop {
  z-index: 9999 !important; 
}

.modal {
  z-index: 10000 !important; 
}

.steps-text {
  color: wheat  !important;
  margin-bottom: 1.5rem !important;
  font-style: italic;
}

.help-button {
  cursor: pointer;
  padding-right: 1.5rem !important;
  padding-left: 0.5rem !important;
}

/* YT  video*/
.iframe-container {
  position: relative;
  width: 50%; /* Default width for larger screens */
  padding-top: 28.125%; /* Aspect ratio padding for 16:9 - Adjusted for 50% width */
  margin: 0 auto; /* Centering the container */
}

  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

@media (max-width: 768px) {
  .iframe-container {
    width: 100%; /* Full width on smaller screens */
    padding-top: 56.25%; /* Aspect ratio padding for 16:9 */
  }
}



/*social buttons*/
.list-inline {
  display: flex;
  justify-content: space-between; /* or 'space-around' for equal space around items */
  width: 100%;
}

.list-inline-item {
  font-size: xx-large;
}

  .list-inline-item a:hover .fab.fa-facebook {
    color: #0866FF !important;
  }

  .list-inline-item a:hover .fab.fa-google-plus { /* Google Plus color */
  }

  .list-inline-item a:hover .fab.fa-linkedin {
    color: #0A66C2 !important;
  }

  .list-inline-item a:hover .fab.fa-twitter {
    color: #176C90 !important;
  }

  .list-inline-item a:hover .fab.fa-youtube {
    color: #7D0000 !important;
  }

  .list-inline-item a:hover .fab.fa-instagram { /* Instagram color */
  }

/*Words cloud*/
/* Default styles for larger screens */
.jqcloud-word a {
  font-size: 26px;
}

.jqcloud-word.single-word a {
  font-size: 40px;
}

/* Styles for very small screens (e.g., small mobile devices) */
@media screen and (max-width: 480px) {
  .jqcloud-word a {
    font-size: 16px; 
  }

  .jqcloud-word.single-word a {
    font-size: 24px; 
  }
}
/*Words cloud*/




/* Custom styles for the Upgrade button */
.upgrade-btn {
  color: var(--green-btn);
  border-color: var(--green-btn);
  background-color: transparent;
  max-width: 180px; /* Adjust width as needed */
  display: inline-block;
  text-align: left;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  margin-left: 0;
}

  .upgrade-btn:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
  }

  .upgrade-btn i {
    margin-right: 0.3rem;
  }

/* Mobile-specific styles */
@media (max-width: 768px) {
  .upgrade-container {
    padding-left: 32px !important;  
    width: auto;  
    margin: 0 auto;  
  }
}
/* Custom styles for the Upgrade button */




/* Hover effect */
.stage-button:hover {
  background-color: #34495e; /* Slightly lighter background on hover */
}

/* Selected state */
.stage-button.selected {
  background-color: #2980b9; /* Highlighted background color */
  color: #fff; /* Contrasting text color */
  border: 2px solid #1abc9c; /* Noticeable border */
  box-shadow: 0 0 10px rgba(46, 204, 113, 0.7); /* Glow effect */
}


.underlined-text {
  text-decoration: underline;
  text-underline-offset: 4px; /* Adjust the value as needed */
}


/* Tradesman Signup banner */
/* High specificity selector */
body a.tradesman-banner,
body a.tradesman-banner:hover,
body a.tradesman-banner:focus,
body a.tradesman-banner:active {
  background: #134268;
  color: white !important;
  padding: 6px 10px;
  border-radius: 8px;
  text-decoration: none !important;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: Arial, sans-serif;
  text-align: center;
  line-height: 1.2;
  width: auto;
  white-space: nowrap;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

body a.tradesman-banner:hover,
body a.tradesman-banner:focus {
  opacity: 1;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}

  /* Override the specific global hover style */
  body a.tradesman-banner:hover:not(.btn):not(.btn-bg):not(.no-underline):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item-action) {
    text-decoration: none !important;
  }

body a.tradesman-banner .banner-button {
  margin-bottom: 6px;
  color: white !important;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  letter-spacing: 0.5px;
  text-decoration: none !important;
}

body a.tradesman-banner .banner-subheadline {
  color: var(--gold) !important;
  font-size: 10px;
  opacity: 0.9;
  letter-spacing: 0.5px;
  text-decoration: none !important;
}

/* Additional override for any possible text-decoration */
body a.tradesman-banner *,
body a.tradesman-banner:hover *,
body a.tradesman-banner:focus *,
body a.tradesman-banner:active * {
  text-decoration: none !important;
}
/* Tradesman Signup banner */

@media (min-width:1200px) {
    .mw-xl-75 {
        max-width: 75%;
    }
}

@media (min-width:992px) {
    .mw-lg-90 {
        max-width: 90%;
    }
}

/************************************************************************/
@media (min-width:1900px) {
}

@media(min-width:1600px) and (max-width:1899.98px) {
}

@media(min-width:1366px) and (max-width:1599.98px) {
}

@media(min-width:1200px) and (max-width:1365.98px) {
}

@media (max-width:1199.98px) {
}

@media (min-width:992px) and (max-width:1199.98px) {
}

@media (max-width:991.98px) {
}

@media (min-width:768px) and (max-width:991.98px) {
    .modal-dialog {
        max-width: 700px;
    }
}

@media (min-width:576px) and (max-width:767.98px) {
}

@media (min-width:480px) and (max-width:575.98px) {
}

@media (min-width:360px) and (max-width:479.98px) {
}

/*********************************************************************/
@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0% !important;
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0% !important;
    }
}


/*********************************************************************/
@media(max-width:991.98px) {
    #CompanyImage {
        padding-bottom: 200px;
    }

        #CompanyImage #CompanyLogo {
            /*position: absolute;*/
            /*margin: 50px 0px 0px 0px;*/
            top: 100%;
            left: 0px;
        }
}

@media (max-width:767.98px) {
    .bg-image {
        padding-bottom: 60%;
    }
}

@media (max-width: 575.98px) {
    .bg-image {
        padding-bottom: 75%;
    }
}

@media (max-width: 479.98px) {
}

@media(max-width:419.98px) {
}

@media (max-width: 399.98px) {
}

@media (max-width: 359.98px) {
}




/* Responsive Tables
***************************************************/
@media (max-width: 767px) {
    table.responsive, table.responsive tbody, table.responsive tfoot, table.responsive tbody td, table.responsive tbody tr, table.responsive tfoot tr, table.responsive tfoot td {
        display: block;
        width: 100% !important;
    }

        table.responsive thead tr, table.responsive tfoot tr th {
            position: absolute;
            top: -9999px;
            left: -9999px;
            display: none;
        }

        table.responsive tbody tr td, table.responsive tfoot tr td {
            border: none;
            border-bottom: 1px solid #acc828;
            position: relative;
            padding-left: 55% !important;
            white-space: normal;
            text-align: left !important;
            font-size: 80%;
        }

            table.responsive tbody tr td:before, table.responsive tfoot tr td:before {
                position: absolute;
                top: 50%;
                left: 10px;
                width: 30%;
                padding-right: 7%;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
                content: attr(data-title);
                margin-top: -18px;
            }

        table.responsive tfoot tr:last-child td {
            border-bottom: none;
        }

