body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #606879;
    background-color: #e8eaec;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

.wrappper {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.modal {
    background-color: rgba(8, 62, 100, 0.8);
}

.modal .modal-content h1 {
    font-family: 'Rajdhani', sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #083e64;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 15px;
}

.modal .modal-content h1 span {
    font-family: 'Rajdhani', sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #ff9600;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 15px;
}

.modal .modal-content p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #606879;
    line-height: 28px;
    text-align: left;
}

.modal-body {
    padding: 45px 15px 50px;
}

button.close {
    position: absolute;
    right: 10px;
    top: 4px;
    z-index: 9999;
    color: #ef621f;
    opacity: 0.90;
    font-size: 55px;
    font-weight: 700;
    cursor: pointer;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

.close:focus,
.close:hover {
    color: #ef621f;
    opacity: 1;
}

.q-input {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    height: 46px;
    background-color: #e8eaec;
    border: 2px solid #fff;
    margin: 0 0 30px;
    color: rgba(8, 62, 100, 1);
    padding: 10px;
}

.q-textarea {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    height: 50px;
    background-color: #e8eaec;
    border: 2px solid #fff;
    margin: 0 0 30px;
    color: rgba(8, 62, 100, 1);
    padding: 10px;
}

.q-textarea-text {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    height: 124px;
    background-color: #e8eaec;
    border: 2px solid #fff;
    margin: 0 0 30px;
    color: rgba(8, 62, 100, 1);
    padding: 10px;
}

.q-button {
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
    font-weight: 300;
    width: 200px;
    height: 46px;
    background-color: #083e64;
    border: 2px solid #083e64;
    margin: 0 auto 00px;
    display: table;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}

.q-button:hover {
    background-color: #e48525;
}


/* Fonts */

.font-rajdhani {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
}

.font-montserrat-bold {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.flexpanel {
    display: none !important;
}


/* Common Styles */

a:hover {
    text-decoration: none;
    color: #d42e12;
}

button,
a {
    cursor: pointer;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}

.content {
    position: relative;
}

.equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.equal>[class*='col-'] {
    display: flex;
    flex-direction: column;
}

.nowrap {
    white-space: nowrap;
}

.pointer-event-none {
    pointer-events: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
input[type="checkbox"]:focus,
.form-control:focus {
    border-color: inherit;
    box-shadow: none;
    outline: 0 none;
    background-color: transparent;
}

.container-fluid.custom-container {
    width: 1500px;
    margin: 0;
}

.background-image {
    background-size: cover;
    background-repeat: no-repeat;
}

.orange-circle-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.orange-circle-list li {
    position: relative;
    padding-left: 60px;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 15px;
}

.orange-circle-list li:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f111";
    font-size: 10px;
    left: 30px;
    top: 0;
    color: #ef621f;
}

.no-experience {
    margin-right: 30px;
}

.form-group {
    margin-bottom: 15px;
}

span.error {
    font-size: 12px;
    color: red;
}


/* List Styles */

.form-list-upper-alpha {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: item;
}

.form-list-upper-alpha li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px 15px;
    border-bottom: 1px solid rgba(8, 62, 100, 0.10);
}

.form-list-upper-alpha li:before {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    position: absolute;
    counter-increment: item;
    content: counter(item, upper-alpha) ". ";
    left: 0px;
    top: 0px;
    font-size: 20px;
    color: #ef621f;
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
}


/* List Dropdown style */

.remark-toggle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 350px;
    position: relative;
    padding-right: 15px;
    cursor: pointer;
}

.remark-toggle:after {
    position: absolute;
    content: "";
    background-image: url(../images/icon/select-arrow-up.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 22px;
    top: 4px;
    right: -3px;
}

.remark-toggle.collapsed:after {
    position: absolute;
    content: "";
    background-image: url(../images/icon/select-arrow.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 22px;
    top: 4px;
    right: -3px;
}


/* Background Colour */

.bg-white {
    background-color: #fff;
}

.bg-light-gray {
    background-color: rgba(232, 234, 236, 0.40);
}

.bg-light-red {
    background-color: rgba(236, 85, 86, 0.30);
    max-width: 104px;
}

.bg-light-yellow {
    background-color: rgba(255, 198, 0, 0.30);
    max-width: 104px;
}

.bg-light-green {
    background-color: rgba(0, 158, 31, 0.30);
    max-width: 104px;
}

.bg-blue {
    background-color: #083e64;
}


/* Text Color */

.text-blue {
    color: #083e64;
}

.text-orange {
    color: #ef621f;
}

.text-gray {
    color: #606879;
}


/* Form Fields */

.custom-arrow,
.custom-arrow-blue {
    width: 100%;
}

.custom-arrow select {
    width: 100%;
    background-image: url(../images/icon/select-arrow.png);
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: 97% 7px;
    border: none;
    font-size: 14px;
    color: #173860;
    border-radius: 2px;
    padding-right: 30px;
    cursor: pointer;
}

.custom-arrow-blue select {
    width: 100%;
    height: 36px !important;
    background-image: url(../images/icon/select-arrow-blue.png);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: 92% 15px;
    border: none;
    font-size: 14px;
    color: #173860;
    border-radius: 2px;
    padding-right: 30px;
    cursor: pointer;
}

.bg-gray-input {
    width: 100%;
    height: 36px;
    background-color: #e8eaec;
    font-size: 14px;
    border-radius: 2px;
    padding: 5px 10px;
    color: #083e64;
    border: none;
    position: relative;
}

.bg-gray-textarea {
    width: 100%;
    height: 90px;
    background-color: #e8eaec;
    font-size: 14px;
    border-radius: 2px;
    padding: 10px 20px;
    color: #083e64;
    border: none;
    position: relative;
    resize: none;
}

.bg-gray-textarea:focus {
    background-color: #e8eaec;
}

.bg-gray-input:focus {
    background-color: #e8eaec !important;
}

.date-wrapper {
    position: relative;
}

.date-wrapper:after {
    position: absolute;
    content: "";
    right: 15px;
    top: 10px;
    width: 20px;
    height: 21px;
    background-image: url(../images/icon/date.png);
    background-repeat: no-repeat;
}

.custom-radio label.custom-control-label {
    font-size: 14px !important;
}

.custom-radio .custom-control-label::before {
    width: 16px;
    height: 16px;
    background-color: #e8eaec;
    top: 6px;
}

.custom-radio .custom-control-label::after {
    width: 13px;
    height: 13px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #083e64;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: none;
    width: 10px;
    height: 10px;
    background-color: #ef621f;
    border-radius: 50%;
    top: 15px;
    left: 3px;
    margin-top: -6px;
}

.custom-checkbox label.custom-control-label {
    font-size: 14px;
}

.custom-checkbox label.custom-control-label small {
    font-size: 11px;
}

.custom-checkbox .custom-control-label::before {
    width: 16px;
    height: 16px;
    border-radius: 0px;
    background-color: #e8eaec;
}

.custom-checkbox .custom-control-label::after {
    width: 16px;
    height: 16px;
    background-size: 75%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #e8eaec;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../images/icon/tick.png);
    background-repeat: no-repeat;
}

.label-small {
    color: #083e64;
    font-size: 12px;
    margin: 0;
}

.label-bold {
    color: #083e64;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.add-button {
    display: inline-block;
    padding: 4px 11.5px;
    margin: -10px 0 0 12px;
    vertical-align: middle;
    text-align: center;
    border: 2px solid #e8eaec;
    border-radius: 2px;
}

.remove-button {
    display: inline-block;
    padding: 4px 11.5px;
    margin: -10px 0 0 12px;
    vertical-align: middle;
    text-align: center;
    border: 2px solid #e8eaec;
    border-radius: 2px;
}


/* Button Styles */

.more {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.80px;
    background-color: #ef621f;
    border: none;
    display: inline-block;
    border-radius: 2px;
    padding: 10px 12px;
    text-align: center;
    text-transform: uppercase;
    -moz-box-shadow: 0px 2px 14px rgba(239, 98, 31, 0.5);
    -webkit-box-shadow: 0px 2px 14px rgba(239, 98, 31, 0.5);
    box-shadow: 0px 2px 14px rgba(239, 98, 31, 0.5);
}

.more-save {
    padding: 2px 12px;
    font-size: 14px;
}

.more-clear {
    background-color: #333;
    padding: 2px 12px;
    font-size: 14px;
}

.more:hover {
    background-color: #e6530d;
    color: #fff;
}

.table-more {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    padding: 3px 4px 2px;
    text-transform: uppercase;
    display: inline-block;
}

.table-more.bg-light-red {
    color: #ec5552;
}

.table-more.bg-light-red:hover {
    background-color: rgba(236, 85, 86, 1);
    color: #fff;
}

.file-custom:after {
    content: attr(data-content);
}

.custom-file.custom-style .custom-file-label {
    text-align: center;
    color: #083e64;
    font-size: 14px;
    opacity: 0.70;
    border: none;
    border-bottom: 2px solid #e8eaec;
    border-radius: 0;
}

.custom-file.custom-style .custom-file-label:focus {
    outline: none;
}

.custom-file.custom-style .custom-file-label:after {
    display: none;
}

.table-more.bg-light-green {
    color: #009e1f;
}

.table-more.bg-light-green:hover {
    background-color: rgba(0, 158, 31, 1);
    color: #fff;
}

.table-more.bg-light-yellow {
    color: #c29700
}

.table-more.bg-light-yellow:hover {
    background-color: rgba(255, 198, 0, 1);
    color: #fff;
}

.table-more-blue {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    background-color: #083e64;
    font-size: 14px;
    color: #fff;
    padding: 3px 28px 2px 3px;
    position: relative;
    -moz-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    -webkit-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    width: 100px !important;
}
.table-more-green {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    background-color: #0cc815;
    font-size: 14px;
    color: #fff;
 
    position: relative;
    -moz-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    -webkit-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    width: 100px !important;
}
.table-more-yellow {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    background-color: #ffe614;
    font-size: 14px;
    color: #fff;
  
    position: relative;
    -moz-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    -webkit-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    width: 100px !important;
}
.table-more-red {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    background-color: #ff0000;
    font-size: 14px;
    color: #fff;
    
    position: relative;
    -moz-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    -webkit-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    width: 100px !important;
}

.table-more-blue.disabled {
    background-color: #ccc;
    color: #939393;
    cursor: not-allowed !important;
    -moz-box-shadow: 0px 2px 6px rgba(222, 222, 222, 0.9);
    -webkit-box-shadow: 0px 2px 6px rgba(222, 222, 222, 0.9);
    box-shadow: 0px 2px 6px rgba(222, 222, 222, 0.9);
}

.table-more-orange.disabled {
    background-color: #ccc;
    color: #939393;
    cursor: not-allowed !important;
    -moz-box-shadow: 0px 2px 6px rgba(222, 222, 222, 0.9);
    -webkit-box-shadow: 0px 2px 6px rgba(222, 222, 222, 0.9);
    box-shadow: 0px 2px 6px rgba(222, 222, 222, 0.9);
}

.table-more-blue i {
    color: #083e64;
    background-color: #fff;
    padding: 4px 8.5px;
    border-radius: 2px;
    margin-left: 7px;
    position: absolute;
    top: 2px;
    right: 2px;
}

.table-more-blue:hover {
    background-color: #052d4a;
    color: #fff;
}

.table-more-blue:hover i {
    color: #052d4a;
}

.table-more-orange {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    background-color: #ef621f;
    font-size: 14px;
    color: #fff;
    padding: 3px 28px 2px 3px;
    position: relative;
    -moz-box-shadow: 0px 2px 6px rgba(239, 98, 31, 0.5);
    -webkit-box-shadow: 0px 2px 6px rgba(239, 98, 31, 0.5);
    box-shadow: 0px 2px 6px rgba(239, 98, 31, 0.5);
    width: 94px !important;
}

.table-more-orange img {
    margin-left: 7px;
    position: absolute;
    top: 2px;
    right: 2px;
}

.table-more-orange:hover {
    background-color: #e6530d;
    color: #fff;
}

.progress-btn {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    display: block;
    width: 100px;
}

.table-bottom-button {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #083e64;
    border: 2px solid #e8eaec;
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
}

.table-bottom-button.bg-orange {
    background-color: #ef621f;
    color: #fff;
    border: 2px solid #ef621f;
    -moz-box-shadow: 0px 2px 6px rgba(239, 98, 31, 0.5);
    -webkit-box-shadow: 0px 2px 6px rgba(239, 98, 31, 0.5);
    box-shadow: 0px 2px 6px rgba(239, 98, 31, 0.5);
}

.table-bottom-button.bg-orange:hover {
    background-color: #e6530d;
    border: 2px solid #e6530d;
    color: #fff;
}

.table-bottom-button:hover {
    background-color: #083e64;
    color: #fff;
    border: 2px solid #083e64;
    -moz-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    -webkit-box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
    box-shadow: 0px 2px 6px rgba(8, 62, 100, 0.5);
}


/* Text Styles */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    margin: 0;
}

p {
    margin: 0;
}

.main-title {
    font-size: 36px;
    color: #083e64;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 30px;
}

.main-title:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    background-color: #ef621f;
    left: 50%;
    margin-left: -20px;
    bottom: -10px;
}

.font-8 {
    font-size: 8px;
}

.font-9 {
    font-size: 9px;
}

.font-10 {
    font-size: 10px;
}

.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 10px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
    line-height: 24px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px;
}

.font-24 {
    font-size: 24px;
}

.font-25 {
    font-size: 25px;
}


/* Back To Top */

#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 25px;
    background: #000;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top:hover {
    background: #e6530d;
    color: #fff;
}

#back-to-top.show {
    opacity: 1;
}


/** Margins **/

.mar-top-5 {
    margin-top: 5px;
}

.mar-top-10 {
    margin-top: 10px;
}

.mar-top-15 {
    margin-top: 15px;
}

.mar-top-20 {
    margin-top: 20px;
}

.mar-top-25 {
    margin-top: 25px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-35 {
    margin-top: 35px;
}

.mar-top-40 {
    margin-top: 40px;
}

.mar-top-45 {
    margin-top: 45px;
}

.mar-top-50 {
    margin-top: 50px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-60 {
    margin-top: 60px;
}

.mar-top-70 {
    margin-top: 70px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-90 {
    margin-top: 90px;
}

.mar-top-100 {
    margin-top: 100px;
}

.mar-top-120 {
    margin-top: 120px;
}

.mar-top-200 {
    margin-top: 200px;
}

.mar-btm-5 {
    margin-bottom: 5px;
}

.mar-btm-10 {
    margin-bottom: 10px;
}

.mar-btm-15 {
    margin-bottom: 15px;
}

.mar-btm-20 {
    margin-bottom: 20px;
}

.mar-btm-25 {
    margin-bottom: 25px;
}

.mar-btm-30 {
    margin-bottom: 30px;
}

.mar-btm-35 {
    margin-bottom: 35px;
}

.mar-btm-40 {
    margin-bottom: 40px;
}

.mar-btm-45 {
    margin-bottom: 45px;
}

.mar-btm-50 {
    margin-bottom: 50px;
}

.mar-btm-55 {
    margin-bottom: 55px;
}

.mar-btm-60 {
    margin-bottom: 60px;
}

.mar-btm-70 {
    margin-bottom: 70px;
}

.mar-btm-80 {
    margin-bottom: 80px;
}

.mar-btm-90 {
    margin-bottom: 90px;
}

.mar-btm-100 {
    margin-bottom: 100px;
}

.mar-btm-200 {
    margin-bottom: 200px;
}


/** Paddings **/

.no-padding {
    padding: 0px;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-top-15 {
    padding-top: 15px;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-top-25 {
    padding-top: 25px;
}

.pad-top-30 {
    padding-top: 30px;
}

.pad-top-35 {
    padding-top: 35px;
}

.pad-top-40 {
    padding-top: 40px;
}

.pad-top-45 {
    padding-top: 45px;
}

.pad-top-50 {
    padding-top: 50px;
}

.pad-top-55 {
    padding-top: 55px;
}

.pad-top-60 {
    padding-top: 60px;
}

.pad-top-70 {
    padding-top: 70px;
}

.pad-top-80 {
    padding-top: 80px;
}

.pad-top-90 {
    padding-top: 90px;
}

.pad-top-100 {
    padding-top: 100px;
}

.pad-top-120 {
    padding-top: 120px;
}

.pad-top-200 {
    padding-top: 200px;
}

.pad-btm-5 {
    padding-bottom: 5px;
}

.pad-btm-10 {
    padding-bottom: 10px;
}

.pad-btm-15 {
    padding-bottom: 15px;
}

.pad-btm-20 {
    padding-bottom: 20px;
}

.pad-btm-25 {
    padding-bottom: 25px;
}

.pad-btm-30 {
    padding-bottom: 30px;
}

.pad-btm-35 {
    padding-bottom: 35px;
}

.pad-btm-40 {
    padding-bottom: 40px;
}

.pad-btm-45 {
    padding-bottom: 45px;
}

.pad-btm-50 {
    padding-bottom: 50px;
}

.pad-btm-55 {
    padding-bottom: 55px;
}

.pad-btm-60 {
    padding-bottom: 60px;
}

.pad-btm-70 {
    padding-bottom: 70px;
}

.pad-btm-80 {
    padding-bottom: 80px;
}

.pad-btm-90 {
    padding-bottom: 90px;
}

.pad-btm-100 {
    padding-bottom: 100px;
}

.pad-btm-200 {
    padding-bottom: 200px;
}

.pad-135 {
    padding: 135px 0px;
}


/*------------------------------------------------
		  Header Backend Styles Starts Here 
--------------------------------------------------*/

header {
    position: fixed;
    background-color: #fff;
    padding: 10px 20px;
    margin: 0 0px;
    min-height: 88px;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #e8eaec;
}

header .logo img {
    max-width: 300px;
    width: 100%;
}

#sidebar {
    position: Fixed;
    background-color: #e8eaec;
    height: 100%;
    top: 88px;
    width: 300px;
}

#sidebar:after {
    position: absolute;
    content: "";
    top: 100%;
    width: 100%;
    height: 600px;
    background-color: #eee;
}

#sidebar .navbar-expand-lg .navbar-collapse {
    /*	overflow: hidden;*/
}

#sidebar .navbar {
    padding: 0px;
}

#sidebar .navbar ul {
    width: 100%;
    display: block;
}

#sidebar .navbar ul li {
    width: 100%;
}

#sidebar .navbar ul li a {
    width: 100%;
    white-space: inherit;
}

#sidebar .list-group-item,
#sidebar .dropdown-toggle {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0.80px;
    border-radius: 0;
    background-color: #e8eaec;
    color: #606879;
    /*padding: 12px 30px 12px 25px;*/
    padding: 20px 55px;
    text-transform: uppercase;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-color: rgba(8, 62, 100, 0.10);
    position: relative;
}

#sidebar .dropdown a.dropdown-item {
    font-size: 13px;
}

#sidebar .list-group-item.active {
    border-color: #ef621f;
    background-color: #fff;
}

#sidebar .list-group-item.active:after {}


/* active */

#sidebar .list-group .list-group-item.active {
    color: #ef621f;
}


/* closed state */

#sidebar .list-group .list-group-item.active::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 11px solid #ef621f;
    border-bottom: 8px solid transparent;
    right: 25px;
    top: 50%;
    font-size: 20px;
    margin-top: -8px;
}


/* open state */

#sidebar .list-group .list-group-item[aria-expanded="true"] {
    background-color: #cccccc;
}

#sidebar .list-group .list-group-item[aria-expanded="true"]::after {
    position: absolute;
    content: "\f106";
    font-family: FontAwesome;
    right: 25px;
    top: 16px;
}

#sidebar.collapsing {
    height: 100%;
    width: 0;
    -webkit-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}

#sidebar .list-group .list-group-item:hover,
#sidebar .dropdown .dropdown-toggle:hover,
#sidebar .dropdown .dropdown-toggle.active {
    color: #ef621f;
    background-color: #fff;
    border-color: #ef621f;
}

#sidebar .dropdown-toggle::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 11px solid transparent;
    border-bottom: 8px solid transparent;
    right: 25px;
    top: 50%;
    font-size: 20px;
    margin-top: -8px;
}

#sidebar .dropdown-toggle:hover::after,
#sidebar .dropdown .dropdown-toggle.active::after,
#sidebar .dropdown-toggle::after {
    display: none;
}

#sidebar .dropdown-toggle:hover::before,
#sidebar .dropdown-toggle.active::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 11px solid #ef621f;
    right: 25px;
    top: 50%;
    font-size: 20px;
    margin-top: -8px;
}

#sidebar .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    z-index: 9999;
    width: 100%;
    top: 37px;
    left: 0;
    border: none;
    border-bottom: 1px solid rgba(8, 62, 100, 0.10);
    border-radius: 0;
}

#sidebar .navbar ul li .dropdown-menu a.dropdown-item {
    padding-left: 50px;
    position: relative;
}

#sidebar .navbar ul li .dropdown-menu a.dropdown-item::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 5px solid #d1d8de;
    border-bottom: 4px solid transparent;
    left: 35px;
    top: 15px;
    font-size: 20px;
}

#sidebar .navbar ul li .dropdown-menu a.dropdown-item:hover {
    color: #ef621f;
}

#sidebar .navbar ul li .dropdown-menu a.dropdown-item:hover::before,
#sidebar .navbar ul li .dropdown-menu .dropdown-item.active:before {
    border-left: 5px solid #ef621f;
}

#sidebar .navbar ul li .dropdown-item.active {
    color: #ef621f;
    text-decoration: none;
    background-color: transparent;
}

#sidebar .navbar ul li .dropdown-item.active:hover {}

.dropdown.align-middle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-right: 1rem;
}

.dropdown.align-middle .dropbtn {
    background-color: transparent;
    border: none;
    color: #555;
    padding: 5px 25px 5px 9px;
    font-size: 16px;
    position: relative;
    margin: 16px 0 0;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
}

.dropdown.align-middle .dropbtn:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f078";
    right: 0;
    top: 4px;
    font-size: 12px;
}

.dropdown.align-middle .dropdown-content {
    display: none;
    position: absolute;
    background-color: #F4F4F4;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    right: 0;
}

.dropdown.align-middle .dropdown-content a {
    color: black;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    font-size: 12px;
    cursor: pointer;
    border-bottom: 1px solid #e8eaec;
    font-weight: 100;
}

.dropdown.align-middle .dropdown-content a:hover {
    background-color: transparent;
    ;
    color: #d42e12;
}

.dropdown.align-middle:hover .dropdown-content {
    display: block;
}

.dropdown.align-middle:hover .dropbtn {
    background-color: transparent;
    ;
    color: #ef621f;
}

.right-side-content-wrapper {
    left: 16.666%;
    margin-top: 88px;
}

.home-right-cont {
    left: 300px;
}


/*------------------------------------------------------------------
		Header Backend Styles Ends Here
--------------------------------------------------------------------*/


/** Welcome Page Styles Starts Here **/

.background-image {
    min-height: 175px;
    position: relative;
    border-bottom: 3px solid #ef621f;
}

.background-image .banner-overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(8, 62, 100, 0) 12%, rgba(8, 62, 100, 0) 13%, rgba(8, 62, 100, 0.03) 16%, rgba(8, 62, 100, 0.1) 20%, rgba(8, 62, 100, 0.11) 21%, rgba(8, 62, 100, 0.18) 25%, rgba(8, 62, 100, 0.18) 26%, rgba(8, 62, 100, 0.25) 30%, rgba(8, 62, 100, 0.3) 32%, rgba(8, 62, 100, 0.34) 35%, rgba(8, 62, 100, 0.38) 36%, rgba(8, 62, 100, 0.61) 50%, rgba(8, 62, 100, 0.62) 51%, rgba(8, 62, 100, 0.74) 58%, rgba(8, 62, 100, 0.83) 67%, rgba(8, 62, 100, 0.91) 77%, rgba(8, 62, 100, 0.94) 89%, rgba(8, 62, 100, 0.92) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(8, 62, 100, 0) 12%, rgba(8, 62, 100, 0) 13%, rgba(8, 62, 100, 0.03) 16%, rgba(8, 62, 100, 0.1) 20%, rgba(8, 62, 100, 0.11) 21%, rgba(8, 62, 100, 0.18) 25%, rgba(8, 62, 100, 0.18) 26%, rgba(8, 62, 100, 0.25) 30%, rgba(8, 62, 100, 0.3) 32%, rgba(8, 62, 100, 0.34) 35%, rgba(8, 62, 100, 0.38) 36%, rgba(8, 62, 100, 0.61) 50%, rgba(8, 62, 100, 0.62) 51%, rgba(8, 62, 100, 0.74) 58%, rgba(8, 62, 100, 0.83) 67%, rgba(8, 62, 100, 0.91) 77%, rgba(8, 62, 100, 0.94) 89%, rgba(8, 62, 100, 0.92) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(8, 62, 100, 0) 12%, rgba(8, 62, 100, 0) 13%, rgba(8, 62, 100, 0.03) 16%, rgba(8, 62, 100, 0.1) 20%, rgba(8, 62, 100, 0.11) 21%, rgba(8, 62, 100, 0.18) 25%, rgba(8, 62, 100, 0.18) 26%, rgba(8, 62, 100, 0.25) 30%, rgba(8, 62, 100, 0.3) 32%, rgba(8, 62, 100, 0.34) 35%, rgba(8, 62, 100, 0.38) 36%, rgba(8, 62, 100, 0.61) 50%, rgba(8, 62, 100, 0.62) 51%, rgba(8, 62, 100, 0.74) 58%, rgba(8, 62, 100, 0.83) 67%, rgba(8, 62, 100, 0.91) 77%, rgba(8, 62, 100, 0.94) 89%, rgba(8, 62, 100, 0.92) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eb083e64', GradientType=0);
}

.background-image h1 {
    padding-top: 120px;
    z-index: 11;
    position: relative;
    font-size: 40px;
}


/* Custom Table Starts */

.custom-table .table {
    text-align: center;
    margin: 0 0 80px;
}

.custom-table .table th {
    /*font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #083e64;
    text-transform: uppercase;
    line-height: 14px;
    padding: 13px 10px;*/
    background: #083e64;
    padding: 10px 40px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}

.custom-table .table td {
    /*font-size: 12px;
    padding: 13px 10px;*/
    color: #606879;
    vertical-align: middle;
    padding: 10px 40px;
    font-size: 14px;
    font-weight: 600;
}

.custom-table .table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(232, 234, 236, .4);
}

.custom-table .table tr td {
    border-color: #e8eaec;
}

.custom-table .table.table-bordered tr td:first-child {
    border-left: none;
}

.custom-table .table.table-bordered tr td:last-child {
    border-right: none;
}

.custom-table.welcome-table tr th:nth-child(1) {
    min-width: 106px;
}

.existing-application-table tr th:last-child {}

.custom-table.welcome-table tr th:nth-child(2) {
    min-width: 250px;
}

.custom-table.welcome-table tr th:nth-child(4) {
    /*min-width: 100px;*/
}

.custom-table.welcome-table tr th:nth-child(3) {
    width: 400px;
}

.tracking-table .bg-gray-textarea {
    height: 48px;
    padding: 5px 10px;
}

.custom-table .datepicker {
    min-width: 140px;
}

.custom-table.declatation-non-table tr th:nth-child(1),
.custom-table.declatation-non-table tr th:nth-child(2),
.custom-table.declatation-non-table tr th:nth-child(3),
.custom-table.declatation-non-table tr th:nth-child(4),
.custom-table.declatation-non-table tr th:nth-child(5) {
    min-width: 20%;
}


/* Custom Table Ends */


/** Welcome Page Styles Ends Here **/


/** Acknowledgment and agreement Page Styles Starts Here  **/

.datepicker .datepicker-switch {
    width: 205px;
    font-size: 14px;
}

.datepicker.dropdown-menu {
    color: #606879;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #ef621f;
    color: #fff;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #ef621f;
    color: #fff;
}

.datepicker th.prev,
.datepicker th.next {
    color: #ef621f;
}

.datepicker table tr td.active.active {
    background: #ef621f;
    color: #fff;
}

.custom-table .table .custom-arrow-blue select {
    background-color: transparent;
}

.user-settings-form label {
    font-size: 12px;
    margin: 0;
}


/** Acknowledgment and agreement Page Styles Ends Here **/


/** Collateral Page styles **/

.collateral-form-show {
    width: 100%;
}

.collateral-form .custom-checkbox .custom-control-label {
    line-height: 16px;
    margin: 4px 0 0;
}


/** Borrower Entity styles starts here **/

.show-input {}

.other-show-input {
    display: none;
}


/** Borrower Entity styles ends here **/


/** Login Page Styles Starts Here **/

.login-page .nav-tabs {
    border: none;
    margin: 30px 0 50px;
}

.login-page .forgot-password {
    color: rgba(8, 62, 100, 0.77);
}

.login-page .nav-tabs .nav-item .nav-link {
    position: relative;
    color: #083e64;
    font-size: 16px;
}

.login-page .nav-tabs .nav-item .nav-link.active:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #083e64;
    bottom: -24px;
    left: 50%;
    margin-left: -22px;
}

.login-page .nav-tabs .nav-item .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-align: center;
    border-radius: 0;
    border: 2px solid #e8eaec;
    padding: 20px 10px;
}

.login-page .nav-tabs .nav-item .nav-link span {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
}

.login-page .nav-tabs .nav-item:first-child .nav-link {
    border-right: none;
}

.login-page .nav-tabs .nav-item:last-child .nav-link {
    border-left: none;
}

.login-page .nav-tabs .nav-link.active {
    background-color: #083e64;
    color: #fff;
    text-align: center;
    border: 2px solid #083e64;
}

.login-page .nav-tabs .nav-link .login-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto;
    background-image: url(../images/icon/login-blue.png);
    background-repeat: no-repeat;
}

.login-page .nav-tabs .nav-link.active .login-icon {
    background-image: url(../images/icon/login-white.png);
}

.login-page .nav-tabs .nav-link .signup-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto;
    background-image: url(../images/icon/new-blue.png);
    background-repeat: no-repeat;
}

.login-page .nav-tabs .nav-link.active .signup-icon {
    background-image: url(../images/icon/new-white.png);
}

.login-page .forgot-password span {
    border-bottom: 1px solid rgba(8, 62, 100, 0.77);
}

.login-page .forgot-password:hover {
    color: rgba(8, 62, 100, 1);
}

.login-page .nav-tabs .nav-item .nav-link:hover {
    color: #083e64;
}

.login-page .nav-tabs .nav-item .nav-link.active:hover {
    color: #fff;
}

.login-page .signup-condition {
    line-height: 20px;
}

.login-page .signup-condition a {
    color: rgba(8, 62, 100, 0.77);
}

.login-page .signup-condition a span {
    text-decoration: underline;
}

.login-page span.required-star {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #ef621f;
    position: absolute;
    right: 15px;
    top: 43px;
    z-index: 99;
}

.login-page .sign-note a:hover {
    color: rgba(8, 62, 100, 1);
}

.login-page .sign-note {
    font-size: 16px;
    color: #083e64;
    margin: 40px 0 0;
}

.login-page .sign-note span {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #ef621f;
}


/** Login Page Styles Starts Here **/


/** Collateral Page Styles Starts Here **/

.amour-wrap {
    position: relative;
}

.amour-wrap span.dollar-symbol {
    position: absolute;
    top: 3px;
    z-index: 9;
    left: 30px;
}

.inline-field-label .inline-field {
    padding-left: 15px;
    margin: 4px 0 0;
}

.amour-wrap .amount-input {
    padding-left: 30px;
}

.amour-wrap.table-amount .dollar-symbol {
    left: 15px;
    top: 4px;
}

.amour-wrap-warrantors {
    position: relative;
}

.amour-wrap-warrantors .dollar-symbol {
    position: absolute;
    top: 34px;
    left: 27px;
    z-index: 9;
}

.amour-wrap-warrantors.statement-net-worth .dollar-symbol {
    top: 68px;
    left: 25px;
    font-weight: 700;
}

.amour-wrap-warrantors.no-label .dollar-symbol {
    top: 4px;
}

.amour-wrap-warrantors.percentage .dollar-symbol {
    top: 3px !important;
    left: inherit;
    right: 25px;
}

.amour-wrap-warrantors.statement .dollar-symbol {
    top: 1px;
    left: 10px;
}

.amour-wrap-warrantors.statement .amount-input.right-field {
    padding-left: 20px;
}

.amour-wrap-warrantors.percentage .form-control {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
}

.amour-wrap-warrantors.statement-net-worth {
    width: 250px;
    margin: 0 auto;
}

.amour-wrap-warrantors .amount-input {
    padding-left: 30px;
}


/** Collateral Page Styles Ends Here **/

.ownership.amour-wrap-warrantors .dollar-symbol {
    position: absolute;
    top: 34px;
    right: 27px;
    z-index: 9;
    left: auto !important;
}

.ownership .amount-input {
    padding-right: 30px;
    padding-left: 0px;
    text-align: right;
}


/** ===================  Credit Card Authorization Styles Starts Here  =======================**/

.custom-cart-input .credit-card-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-cart-input .credit-card-list li {
    width: 25%;
    float: left;
}

.custom-cart-input .credit-card-list li .custom-control.custom-radio {
    padding: 0;
}

.custom-cart-input .credit-card-list li:nth-child(1) {
    text-align: left
}

.custom-cart-input .credit-card-list li:nth-child(2) {
    text-align: center
}

.custom-cart-input .credit-card-list li:nth-child(3) {
    text-align: center
}

.custom-cart-input .credit-card-list li:nth-child(4) {
    text-align: right
}

.custom-cart-input .custom-radio .custom-control-label::before {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 2px solid #e8eaec;
    top: 6px;
}

.custom-cart-input .custom-radio .custom-control-label::after {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    top: 10px;
    left: 4px;
}

.custom-cart-input .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff;
    border: 2px solid #ef621f;
}

.custom-cart-input .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: none;
    width: 16px;
    height: 16px;
    background-color: #ef621f;
    border-radius: 50%;
    top: 16px;
    left: 4px;
    margin-top: -6px;
}

.custom-cart-input .credit-card-list li:nth-child(1) .custom-control.custom-radio .custom-control-label img {
    margin: 27px 0 0 15px;
    float: left;
}

.custom-cart-input .credit-card-list li:nth-child(1) .custom-radio .custom-control-label::before {
    left: 34px;
}

.custom-cart-input .credit-card-list li:nth-child(1) .custom-radio .custom-control-label::after {
    left: 38px;
}

.custom-cart-input .credit-card-list li:nth-child(2) .custom-control.custom-radio .custom-control-label img {
    margin: 27px 55px 0 0;
    float: left;
}

.custom-cart-input .credit-card-list li:nth-child(2) .custom-radio .custom-control-label::before {
    left: 50%;
    margin-left: -42px;
}

.custom-cart-input .credit-card-list li:nth-child(2) .custom-radio .custom-control-label::after {
    left: 50%;
    margin-left: -38px;
}

.custom-cart-input .credit-card-list li:nth-child(3) .custom-control.custom-radio .custom-control-label img {
    margin: 27px -15px 0 0;
    float: left;
}

.custom-cart-input .credit-card-list li:nth-child(3) .custom-radio .custom-control-label::before {
    left: 50%;
    margin-left: -10px;
}

.custom-cart-input .credit-card-list li:nth-child(3) .custom-radio .custom-control-label::after {
    left: 50%;
    margin-left: -6px;
}

.custom-cart-input .credit-card-list li:nth-child(4) .custom-control.custom-radio .custom-control-label img {
    margin: 27px 15px 0 0;
    float: left;
}

.custom-cart-input .credit-card-list li:nth-child(4) .custom-radio .custom-control-label::before {
    left: inherit;
    right: 35px;
    margin-left: -12px;
}

.custom-cart-input .credit-card-list li:nth-child(4) .custom-radio .custom-control-label::after {
    left: inherit;
    right: 39px;
    margin-left: -8px;
}


/** ===================  Credit Card Authorization Styles Ends Here  =======================**/


/** =================== Statment of net worth Styles Starts Here   ====================**/

.text-unerline-orange {
    border-bottom: 3px solid #ef621f;
    padding: 0 0 15px;
    margin: 0 0 50px;
}

.statement-of-net-worth-form .bg-gray-input.amount-input.right-field {
    height: 30px;
}

.statement-of-net-worth-form .form-group {
    margin-bottom: 20px;
}

.net-worth-amount p.font-15 {
    margin: -12px 0 0;
}

.net-worth-amount .bg-gray-input {
    width: 250px;
    height: 40px !important;
    margin: 12px auto 0;
    text-align: center;
    background-color: #fff;
    font-weight: 700;
    font-size: 15px;
}

.a-total-amount .orange-input {
    background-color: transparent;
    border: 2px solid #ef621f;
    font-weight: 700;
}

.ownership .percentage.text-right {
    padding-right: 30px;
}

.statement-of-net-worth-form .no-gutters {
    margin-left: 5px;
    margin-right: 5px;
}

.statement-of-net-worth-form .no-gutters>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
}

.forms-accordion {}

.forms-accordion .card {
    border: none;
    border-bottom: 3px solid #000 !important;
    padding: 10px 0;
}

.forms-accordion .card-header {
    position: relative;
}

.forms-accordion .card-header {
    padding: 0px;
    background: none;
    border: none;
}

.forms-accordion .card-header button {
    width: 100%;
    text-align: left;
    border: none;
    background: none;
    outline: none;
    padding-left: 80px;
    text-transform: uppercase;
    font-size: 32px;
}

.forms-accordion .card-header button[aria-expanded="true"]:before {
    background-color: #ef621f;
}

.forms-accordion .card-header button:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    align-items: center;
    display: flex;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    left: 0;
    width: 66px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    background-color: #083e64;
    line-height: -20px;
    color: white;
}

.forms-accordion .card-header button[aria-expanded="true"]:after {
    transform: rotate(180deg);
    content: "\f078";
    position: absolute;
    top: 0;
    font-size: 20px;
    left: 22px;
    height: 100%;
    align-items: center;
    display: flex;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    line-height: -20px;
    color: white;
}

.forms-accordion .card-header button[aria-expanded="false"]:after {
    content: "\f078";
    position: absolute;
    top: 0;
    font-size: 20px;
    left: 22px;
    height: 100%;
    align-items: center;
    display: flex;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    line-height: -20px;
    color: white;
}

.w-100 {
    width: 100% !important;
}

.table-more-blue i,
.table-more-orange i {
    color: #083e64;
    background-color: #fff;
    padding: 4px 8.5px;
    border-radius: 2px;
    margin-left: 7px;
    position: absolute;
    top: 2px;
    right: 2px;
}

.form-table {
    margin: 10px 0px;
}

.form-table tbody tr {
    border-bottom: 1px solid #b4b4b4;
}

.form-table tbody tr:nth-child(even) {
    background: #f6f7f7;
}

.form-table thead {
    background: #083e64;
}

.form-table thead th {
    /*padding: 13px 40px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    font-family: 'Rajdhani', sans-serif;*/
    padding: 10px 40px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}

th.or {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #f06727;
}

.profilesettings-table .form-table thead th:first-child,
.profilesettings-table .form-table thead th:nth-child(2) {
    width: 40%;
}

.profilesettings-table .form-table thead th:first-child {
    /*text-align: center !important;*/
}

.form-table tbody tr td:first-child {
    padding: 15px 10px;
    width: 34%;
    text-align: left;
}

.form-table tbody tr td {
    text-align: center;
}

.form-table tbody tr td {
    /*font-size: 12px;
    padding: 13px 40px;*/
    color: #606879;
    vertical-align: middle;
    padding: 10px 40px;
    font-size: 14px;
    font-weight: 600;
}

.h-44 {
    min-height: 44px;
}

.profilesettings-table .form-table tbody tr td:first-child {
    /*text-align: center;*/
}

.form-table tbody tr td:last-child {
    padding-right: 0px;
    text-align: right;
}

.instructions-list h6 {
    color: #083e64;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

.disable-underline:after {
    display: none;
}

.disable-underline a {
    color: #083e64;
}

.password-icon {
    position: relative;
}

.password-icon span {
    position: absolute;
    top: 34px;
    right: 24px;
    z-index: 1;
}

.password-icon input {
    padding-right: 40px;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    cursor: pointer !important;
    min-width: 100px;
}

.uploadbtn {
    font-size: 14px !important;
    font-weight: 600;
    color: #fff;
    padding: 0;
    border: none;
    color: #fff;
    background: none;
    padding-left: 0px !important;
    text-align: center !important;
}

.uploadbtn:before {
    content: none !important;
}

.uploadbtn i {
    color: #083e64;
    background-color: #fff;
    padding: 4px 8.5px;
    border-radius: 2px;
    margin-left: 7px;
    position: absolute;
    top: 2px;
    right: 2px;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    bottom: 0;
    text-indent: -999px;
    cursor: pointer;
}

.no-border {
    border: none !important;
}

.table-search {
    flex: 1;
}

.table-search input {
    background: #e8eaec;
    border: none;
    outline: none;
    font-size: 14px;
    width: 100%;
    padding: 5px;
    height: 26px;
}

.table-search input::-webkit-input-placeholder {
    /* Edge */
    color: #083e64;
}

.table-search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #083e64;
}

.table-search input::placeholder {
    color: #083e64;
}

.navbar-nav .welcome {
    background: url(../images/icon/welcome.png);
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 25px;
}

#sidebar .list-group .list-group-item:hover .welcome {
    background: url(../images/icon/welcome-active.png);
}

#sidebar .list-group .list-group-item.active .welcome {
    background: url(../images/icon/welcome-active.png);
}

.navbar-nav .existing {
    background: url(../images/icon/existing.png);
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 25px;
}

#sidebar .list-group .list-group-item:hover .existing {
    background: url(../images/icon/existing-active.png);
}

#sidebar .list-group .list-group-item.active .existing {
    background: url(../images/icon/existing-active.png);
}

.navbar-nav .myprojects {
    background: url(../images/icon/myprojects.png);
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 25px;
}

#sidebar .list-group .list-group-item:hover .myprojects {
    background: url(../images/icon/myprojects-active.png);
}

#sidebar .list-group .list-group-item.active .myprojects {
    background: url(../images/icon/myprojects-active.png);
}

.navbar-nav .forms {
    background: url(../images/icon/myforms.png);
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 25px;
}

#sidebar .list-group .list-group-item:hover .forms {
    background: url(../images/icon/myforms-active.png);
}

#sidebar .list-group .list-group-item.active .forms {
    background: url(../images/icon/myforms-active.png);
}

.navbar-nav .payloan {
    background: url(../images/icon/payloan.png);
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 25px;
}

#sidebar .list-group .list-group-item:hover .payloan {
    background: url(../images/icon/payloan-active.png);
}

#sidebar .list-group .list-group-item.active .payloan {
    background: url(../images/icon/payloan-active.png);
}

.navbar-nav .profile {
    background: url(../images/icon/profile.png);
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 25px;
}

#sidebar .list-group .list-group-item:hover .profile {
    background: url(../images/icon/profile-active.png);
}

#sidebar .list-group .list-group-item.active .profile {
    background: url(../images/icon/profile-active.png);
}

.navbar-nav .settings {
    background: url(../images/icon/settings.png);
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 25px;
}

#sidebar .dropdown .dropdown-toggle.custom-active {
    color: #ef621f;
    background: #fff;
}

#sidebar .list-group .list-group-item:hover .settings {
    background: url(../images/icon/settings-active.png);
}

#sidebar .dropdown .dropdown-toggle.custom-active .settings {
    background: url(../images/icon/settings-active.png);
}

#sidebar .list-group .list-group-item.active .settings {
    background: url(../images/icon/settings-active.png);
}

.mobile-show-menu {
    display: none;
    background: red;
    height: 30px;
    width: 100%;
    z-index: 100;
    position: fixed;
    transition: all .3s ease;
}

.mobile-contact {
    background: #083e64;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 0px 0;
}

.mobile-contact .w-100:first-child {
    border-right: 2px solid #fff;
}

.flex-btn {
    background: #ffff;
}

.flex-btn span {
    background-color: #ef621f;
}

.flexpanel-active .flex-btn span {
    background-color: #ef621f;
}

.flex-btn:hover span {
    background-color: #ef621f;
}

.Signature-wrapper {
    width: 100%;
    height: 100px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signature-pad {
    width: 400px;
    height: 100px;
    border: 1px solid #e8eaec;
}

.signature-btn-section button:first-child {
    padding: 1px 25px;
    background: #ef621f
}

.signature-btn-section button {
    background: #083e64;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 600;
    padding: 1px 10px;
    margin-right: 5px;
}

.signature-btn-section {
    max-width: 400px;
    text-align: center;
    margin-top: 10px;
}

.outer-cost .main-title::after {
    content: none;
}

.outer-cost {
    padding-top: 66px;
}

.links-bx {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 28px;
    border-top: 1px solid #e2e2e2;
    margin-top: 22px;
}

.links-bx a:hover {
    transition: .5s ease-out;
}

.links-bx a:hover {
    box-shadow: 1px 1px 10px #a7a7a7;
    background-color: #083e64;
    color: #fff;
}

.links-bx .pr {
    border: 1px solid gainsboro;
    font-size: 12px;
    color: #083e64;
    line-height: 19px;
    padding: 7px 28px;
}

.nxt {
    font-size: 12px;
    color: #083e64;
    line-height: 19px;
    padding: 7px 36px;
    background-color: #f06c2e;
    color: white;
}

.nxt:hover {
    color: #fff;
}

.select-bx {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #f06726;
    padding: 13px 0;
}

.select-bx h3 {
    color: #fff
}

.address-select {
    padding-left: 16px;
    padding-right: 41px;
}

.address-select h4 {
    color: #fff;
    font-size: 16px;
}

.select-bx-out {
   align:center;
    width: 100%;
    margin-left: 20px;
    position: relative;
    display: flex;
    align-items: center;
}

.outer-cost .col-lg-10 {
    padding: 0px 80px;
}

.outer-cost table td>span {
    float: left;
    font-weight: 100;
}

.select-bx-out span {
    position: absolute;
    left: 8px;
    font-weight: 600;
    color: #f06726;
    font-size: 15px;
}

.select-bx-out select {
    width: 100%;

    border: 0;
    padding: 10px 0;
    /* display: flex; */
    /* align-items: center; */

}

.outer-cost table {
    width: 100%;
}

.outer-cost table tr>td:first-child {
    width: 70%;
    padding-right: 18px;
}

.outer-cost table tr>td:last-child {
    width: 30%;
}

.outer-cost table tr>td .outer-bx {
    position: relative;
    display: flex;
    align-items: center;
}

.outer-cost table tr>td .outer-bx span {
    position: absolute;
    left: 7px;
}

.outer-cost table tr {
    color: #083e64;
}

.outer-cost table tr>td {
    padding: 15px 0;
}

.f-w-600 {
    font-weight: 600;
}

.outer-cost table tr>td .outer-bx input {
    width: 100%;
    border: 0;
    background-color: #e8eaec;
    padding-left: 30px;
    color: #5d5c5c;
}

.outer-cost .main-title {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}

.outer-cost .main-title span {
    color: #f06727;
}


/** =================== Statment of net worth Styles Ends Here  ====================**/


/** ================= Responsive CSS Code ====================== **/

@media (max-width: 1550px) {
    .container-fluid.custom-container {
        width: 95%;
    }
}

@media (max-width: 3000px) and (min-width: 1200px) {
    #sidebar .dropdown:hover>.dropdown-menu {
        display: block;
    }
}

@media (max-width: 1199px) {
    .container-fluid.custom-container {
        width: 100%;
    }
    .settingmenu {
        min-width: 25% !important;
    }
    #sidebar {
        min-width: 16.66666%;
        width: 200px;
    }
    .home-right-cont {
        left: 200px;
    }
    .custom-table .datepicker {
        min-width: 120px;
    }
    .bg-gray-input {
        width: 100%;
        height: 36px;
        background-color: #e8eaec;
        font-size: 12px;
        border-radius: 2px;
        padding: 5px 10px;
        color: #083e64;
        border: none;
        position: relative;
    }
    .row.form-group .label-small.col-xl-8.text-right.font-15 {
        text-align: left !important;
    }
    h3.text-orange.text-uppercase.col-12.mar-btm-20 {
        font-size: 20px;
    }
    .forms-accordion .card-header button {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    body.flexpanel-left .flexpanel {
        right: auto;
        left: -50%;
        width: 50%;
        top: 35px;
    }
    .mobile-menu {
        position: relative;
        display: block;
        height: 60px;
        /* background-color: #a5a4a4; */
        width: 100%;
        margin-top: 18px;
        border-top: 1px solid #cccccc;
    }
    .mobile-contact .w-100 a {
        padding: 9px 0;
        display: block;
        color: #fff;
        text-decoration: none;
        transition: .5s ease-out;
    }
    .mobile-contact .w-100 a:hover {
        background-color: #ca6332;
    }
    .mobile-contact .w-100:first-child {
        border-right: 2px solid #fff;
        background-color: #ef621f;
    }
    .projects-table {
        width: 1014px !important;
    }
    .mobile-show-menu {
        display: block;
    }
    .wrappper {
        /*padding-top: 48px;*/
    }
    body.flexpanel-left .flexpanel .flex-btn {
        top: 100px;
    }
    .flexpanel-active .mobile-show-menu {
        -webkit-transform: translate(40%, 0);
        -moz-transform: translate(40%, 0);
        -ms-transform: translate(40%, 0);
        transform: translate(40%, 0);
        transition: all .3s ease;
    }
    .navbar-nav li a {
        width: 100%;
        white-space: inherit;
        color: #606879 !important;
        font-family: 'Rajdhani', sans-serif;
        font-weight: 600;
        font-size: 16px;
        background: none;
        border: none;
    }
    .navbar-nav li a.active {
        background-color: #fff !important;
    }
    .navbar-nav li a span:last-child {
        margin-left: 60px;
    }
    .flexpanel .viewport {
        background-color: #e8eaec;
    }
    .dropdown.align-middle .dropbtn {
        margin-top: 0px;
    }
    header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .sliding-nav {
        z-index: 1;
    }
    .flexpanel-active2 {
        -webkit-transform: translate(40%, 0);
        -moz-transform: translate(40%, 0);
        -ms-transform: translate(40%, 0);
        transform: translate(40%, 0);
        opacity: .7;
    }
    .flexpanel {
        display: inherit !important;
    }
    #sidebar {
        display: none;
    }
    .table-res {
        overflow: scroll;
        display: block;
    }
    .container-fluid.custom-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .no-gutters>.col,
    .no-gutters>[class*=col-] {
        padding-right: 15px;
        padding-left: 15px;
    }
    #toggle-icon {
        width: 30px;
        height: 30px;
        position: relative;
        margin: 0px auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #toggle-icon span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #ef621f;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #toggle-icon span:nth-child(1) {
        top: 0px;
    }
    #toggle-icon span:nth-child(2),
    #toggle-icon span:nth-child(3) {
        top: 10px;
    }
    #toggle-icon span:nth-child(4) {
        top: 20px;
    }
    #toggle-icon.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #toggle-icon.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #toggle-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #toggle-icon.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #sidebar {
        margin-bottom: 1px;
        width: 100%;
        z-index: 99;
        height: auto;
        left: 0px;
        position: relative;
        top: 0px;
    }
    #sidebar:after {
        height: 1px;
    }
    .right-side-content-wrapper {
        left: 0%;
        margin-top: 0px;
    }
    #sidebar .navbar {
        padding: 7px 0 0;
        background-color: #fff;
    }
    #sidebar .menu-wrapper .navbar-toggler {
        margin-left: 22px;
    }
    .collateral-form .font-montserrat-bold.nowrap {
        white-space: normal;
    }
    .login-page li.nav-item.col-6 {
        padding: 0;
    }
    .login-page span.required-star {
        right: 30px;
    }
    .custom-table .table.table-bordered tr td:first-child {
        border-left: 1px solid #e8eaec;
    }
    .custom-table .table.table-bordered tr td:last-child {
        border-right: 1px solid #e8eaec;
    }
    .custom-table.welcome-table tr th:nth-child(1) {
        width: 106px;
        max-width: 106px;
    }
    .custom-table.welcome-table tr th:nth-child(2) {
        width: 290px;
        max-width: 290px;
    }
    .custom-table.welcome-table tr th:nth-child(3),
    .custom-table.welcome-table tr th:nth-child(4),
    .custom-table.welcome-table tr th:nth-child(5),
    .custom-table.welcome-table tr th:nth-child(6) {
        width: 120px;
        max-width: 120px;
    }
    .custom-table.acknowledgment-table tr th:nth-child(1),
    .custom-table.acknowledgment-table tr th:nth-child(2),
    .custom-table.acknowledgment-table tr th:nth-child(3),
    .custom-table.acknowledgment-table tr th:nth-child(4),
    .custom-table.acknowledgment-table tr th:nth-child(5) {
        width: 20%;
        max-width: 224px;
    }
    .custom-table.tracking-table tr th:nth-child(1) {
        width: 199px;
        max-width: 199px;
    }
    .custom-table.tracking-table tr th:nth-child(2),
    .custom-table.tracking-table tr th:nth-child(3),
    .custom-table.tracking-table tr th:nth-child(4),
    .custom-table.tracking-table tr th:nth-child(5),
    .custom-table.tracking-table tr th:nth-child(6),
    .custom-table.tracking-table tr th:nth-child(7),
    .custom-table.tracking-table tr th:nth-child(8),
    .custom-table.tracking-table tr th:nth-child(9) {
        width: 112px;
        max-width: 112px;
    }
    .custom-table.declatation-non-table tr th:nth-child(1),
    .custom-table.declatation-non-table tr th:nth-child(2),
    .custom-table.declatation-non-table tr th:nth-child(3),
    .custom-table.declatation-non-table tr th:nth-child(4),
    .custom-table.declatation-non-table tr th:nth-child(5) {
        width: 224px;
        max-width: 224px;
    }
    .custom-table.loan-fraud-table tr th:nth-child(1),
    .custom-table.loan-fraud-table tr th:nth-child(2),
    .custom-table.loan-fraud-table tr th:nth-child(3),
    .custom-table.loan-fraud-table tr th:nth-child(4),
    custom-table.loan-fraud-table tr th:nth-child(5) {
        width: 20%;
        max-width: 224px;
    }
    .custom-table.disclaimer-table tr th:nth-child(1),
    .custom-table.disclaimer-table tr th:nth-child(2),
    .custom-table.disclaimer-table tr th:nth-child(3),
    .custom-table.disclaimer-table tr th:nth-child(4),
    .custom-table.disclaimer-table tr th:nth-child(5) {
        width: 20%;
        max-width: 224px;
    }
    header {
        z-index: 99;
        /*position:relative;*/
    }
    .container-fluid.custom-container {
        transition: all .3s ease;
        padding-top: 140px;
    }
    header .container-fluid {
        transition: all .3s ease;
        width: calc(100% - 50px);
    }
    .flex-btn-wrap {}
    .flex-btn-wrap .flex-btn {}
    .flexpanel-active header .container-fluid {
        -webkit-transform: translate(45%, 0);
        -moz-transform: translate(45%, 0);
        -ms-transform: translate(45%, 0);
        transform: translate(45%, 0);
        transition: all .3s ease;
    }
    .flexpanel-active .container-fluid.custom-container {
        -webkit-transform: translate(40%, 0);
        -moz-transform: translate(40%, 0);
        -ms-transform: translate(40%, 0);
        transform: translate(40%, 0);
        transition: all .3s ease;
    }
    .custom-table .datepicker {
        min-width: 120px;
    }
    .bg-gray-input {
        width: 100%;
        height: 36px;
        background-color: #e8eaec;
        font-size: 12px;
        border-radius: 2px;
        padding: 5px 10px;
        color: #083e64;
        border: none;
        position: relative;
    }
}

@media (max-width: 960px) {
    .flexpanel-active header .container-fluid {
        -webkit-transform: translate(55%, 0);
        -moz-transform: translate(55%, 0);
        -ms-transform: translate(55%, 0);
        transform: translate(55%, 0);
        transition: all .3s ease;
    }
    .flexpanel-active .container-fluid.custom-container {
        -webkit-transform: translate(50%, 0);
        -moz-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        transition: all .3s ease;
    }
    .flexpanel-active .mobile-show-menu {
        -webkit-transform: translate(50%, 0);
        -moz-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        transition: all .3s ease;
    }
}

@media (max-width: 768px) {
    body.flexpanel-left .flexpanel {
        right: auto;
        left: -80%;
        width: 80%;
        top: 63px;
    }
    /*body.flexpanel-active.flexpanel-left .flexpanel .viewport-wrap{
		-webkit-transform: translate(50%,0);
	    -moz-transform: translate(50%,0);
	    -ms-transform: translate(50%,0);
	    transform: translate(50%,0);
	    background-color: #e8eaec;
	}*/
    .flexpanel-active .mobile-show-menu {
        -webkit-transform: translate(80%, 0);
        -moz-transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        transform: translate(80%, 0);
        transition: all .3s ease;
    }
    .flexpanel-active header .container-fluid {
        -webkit-transform: translate(85%, 0);
        -moz-transform: translate(85%, 0);
        -ms-transform: translate(85%, 0);
        transform: translate(85%, 0);
        transition: all .3s ease;
    }
    .flexpanel-active .container-fluid.custom-container {
        -webkit-transform: translate(80%, 0);
        -moz-transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        transform: translate(80%, 0);
        transition: all .3s ease;
    }
}

@media (max-width: 767px) {
    /* .dropbtn-mobilehide {
        display: none;
    } */
    header .logo img {
        margin: 0 auto;
        display: table;
    }
    .dropdown.align-middle {
        position: absolute;
        top: 32px;
        right: 0;
        z-index: 99;
    }
    .main-title {
        font-size: 28px;
    }
    .form-list-upper-alpha li .col-lg-8.col-md-10 {
        margin-bottom: 15px;
    }
    .form-list-upper-alpha li {
        padding-left: 10px;
    }
    .form-group.form-group.col-xl-4.col-lg-5.col-md-4.col-sm-6.text-center {
        text-align: left !important;
    }
    .form-group.form-group.col-xl-4.col-lg-5.col-md-4.col-sm-6.text-center .custom-control.custom-radio.custom-control-inline.mar-top-35 {
        margin-top: 10px;
    }
    .contact-information-form .float-right {
        float: left !important;
    }
    .custom-table.tracking-table tr th:nth-child(1) {
        width: 199px;
        max-width: 199px;
        min-width: 110px;
    }
    .custom-table.tracking-table tr th:nth-child(2),
    .custom-table.tracking-table tr th:nth-child(3),
    .custom-table.tracking-table tr th:nth-child(4),
    .custom-table.tracking-table tr th:nth-child(5),
    .custom-table.tracking-table tr th:nth-child(6),
    .custom-table.tracking-table tr th:nth-child(7),
    .custom-table.tracking-table tr th:nth-child(8),
    .custom-table.tracking-table tr th:nth-child(9) {
        width: 112px;
        max-width: 112px;
        min-width: 110px;
    }
    .bg-gray-input {
        font-size: 12px;
    }
}

.projects-table th {
    text-align: center;
}

.projects-table th:nth-child(3),
.projects-table th:nth-child(4),
.projects-table th:nth-child(5) {
    width: 200px;
}


/* .projects-table tbody tr td:last-child {
    padding-right: 30px;
} */

@media (max-width: 576px) {
    body.flexpanel-left .flexpanel {
        top: 53px;
    }
    .forms-accordion .card-header button:before {
        position: inherit;
        width: 66px;
        height: 40px;
        float: left;
        margin-right: 10px;
    }
    .form-table thead th {
        min-width: 200px;
    }
    .uploadbtn {
        position: initial !important;
    }
    .forms-accordion .card-header button {
        padding-left: 0px;
        display: flex;
        align-items: center;
        position: relative;
    }
    header {
        padding: 10px 0;
        z-index: 99;
    }
    header .logo img {
        max-width: 250px;
    }
    #sidebar .menu-wrapper .navbar-toggler {
        margin-left: 0;
    }
    .dropdown.align-middle {
        top: 36px;
    }
    .orange-circle-list li {
        padding-left: 30px;
    }
    .orange-circle-list li:before {
        left: 10px;
    }
    .login-page .nav-tabs .nav-item .nav-link {
        font-size: 12px;
        line-height: 20px;
    }
    .login-page .nav-tabs .nav-item .nav-link span {
        font-size: 16px;
    }
    .custom-table.loan-fraud-table tr th:nth-child(1),
    .custom-table.loan-fraud-table tr th:nth-child(2),
    .custom-table.loan-fraud-table tr th:nth-child(3),
    .custom-table.loan-fraud-table tr th:nth-child(4),
    custom-table.loan-fraud-table tr th:nth-child(5) {
        width: 20%;
        max-width: 224px;
        min-width: 110px;
    }
    .custom-table.acknowledgment-table tr th:nth-child(1),
    .custom-table.acknowledgment-table tr th:nth-child(2),
    .custom-table.acknowledgment-table tr th:nth-child(3),
    .custom-table.acknowledgment-table tr th:nth-child(4),
    .custom-table.acknowledgment-table tr th:nth-child(5) {
        width: 20%;
        max-width: 224px;
        min-width: 110px;
    }
    .custom-table.disclaimer-table tr th:nth-child(1),
    .custom-table.disclaimer-table tr th:nth-child(2),
    .custom-table.disclaimer-table tr th:nth-child(3),
    .custom-table.disclaimer-table tr th:nth-child(4),
    .custom-table.disclaimer-table tr th:nth-child(5) {
        width: 20%;
        max-width: 224px;
        min-width: 110px;
    }
    .custom-table.declatation-non-table tr th:nth-child(1),
    .custom-table.declatation-non-table tr th:nth-child(2),
    .custom-table.declatation-non-table tr th:nth-child(3),
    .custom-table.declatation-non-table tr th:nth-child(4),
    .custom-table.declatation-non-table tr th:nth-child(5) {
        min-width: 20%;
        min-width: 110px;
    }
    .custom-table.tracking-table tr th:nth-child(1) {
        width: 199px;
        max-width: 199px;
        min-width: 110px;
    }
    .custom-table.tracking-table tr th:nth-child(2),
    .custom-table.tracking-table tr th:nth-child(3),
    .custom-table.tracking-table tr th:nth-child(4),
    .custom-table.tracking-table tr th:nth-child(5),
    .custom-table.tracking-table tr th:nth-child(6),
    .custom-table.tracking-table tr th:nth-child(7),
    .custom-table.tracking-table tr th:nth-child(8),
    .custom-table.tracking-table tr th:nth-child(9) {
        width: 112px;
        max-width: 112px;
        min-width: 110px;
    }
    .custom-cart-input .credit-card-list li:nth-child(2) .custom-control.custom-radio .custom-control-label img,
    .custom-cart-input .credit-card-list li:nth-child(3) .custom-control.custom-radio .custom-control-label img {
        margin: 27px 0 0 0;
    }
    .custom-cart-input .credit-card-list li:nth-child(2) .custom-radio .custom-control-label::before,
    .custom-cart-input .credit-card-list li:nth-child(3) .custom-radio .custom-control-label::before {
        margin-left: -15px;
    }
    .custom-cart-input .credit-card-list li:nth-child(2) .custom-radio .custom-control-label::after,
    .custom-cart-input .credit-card-list li:nth-child(3) .custom-radio .custom-control-label::after {
        margin-left: -11px;
    }
}

#myPopover15d {
    top: 20px !important;
    left: 50% !important;
    right: 20px;
    width: 80%;
    display: none;
    max-height: calc(100vh - 40px);
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    transform: translateX(-50%);
}

#myPopover15d .wrappper {
    padding: 10px !important;
}

#myPopover15d p {
    font-size: 14px;
}

#myPopover15d .close {
    position: fixed;
    z-index: 5555;
    background-color: #fff;
    color: #000;
    height: 40px;
    width: 40px;
    right: 50px;
    top: 35px;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #dadada;
}