body {
    background-color: #f6f6f6;
    min-height: 100vh;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-bottom: 20px;
    padding-left: 200px;
    padding-right: 0px;
    margin-left: 0px;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
}

body > div.container.body-content > div.divcontainer > div.container.body-content {
    background: none;
    padding: 0px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
.sidenav {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: linear-gradient( 0deg,#d24218 0,#ed721a 100%);
    overflow-x: hidden;
    padding-top: 12px;
    box-shadow: 10px 0 5px -10px #888
}

    /* Style the sidenav links and the dropdown button */
    .sidenav a, .dropdown-btn {
        padding: 6px 8px 6px 16px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        border: none;
        background: none;
        width: 100%;
        text-align: left;
        cursor: pointer;
        outline: none;
    }

        /* On mouse-over */
        .sidenav a:hover, .dropdown-btn:hover {
            color: #eee;
        }

.active {
    background-color: white !important;
    color: #ed721a !important;
    border-top-right-radius: 25px;
    width: 101% !important;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    background-color: #d24218;
    padding-left: 8px;
}

    .dropdown-container a {
        font-size: 14px !important;
    }

        .dropdown-container a:hover {
            color: #eee
        }
/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

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

.userarea {
    position: absolute;
    right: 0;
    top: 25px;
    height: 50px;
    width: 18vw;
    background: linear-gradient( 90deg,#ff974b 0,#ed721a 50%,#d24218 100%);
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

.notification {
    background-color: red;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    float: left;
    margin-top: 5px;
    color: white;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
}

.notifications-dropdown {
    display: none;
    position: absolute;
    background: linear-gradient( 0deg,#f78431 0,#ed721a 100%);
    border-radius: 12.5px;
    right: 0.75vw;
    padding: 10px;
    margin-top: 30px;
    color: white;
    width: 16vw;
    height: auto;
    box-shadow: 0 0 10px #d3431a;
    z-index: 1;
}

.userarea:hover + .notifications-dropdown {
    display: block;
}

.widgets {
    height: 120px;
    width: 60vw;
    background: linear-gradient( 90deg,#d24218 0,#ed721a 40%,#ed721a 60%,#d24218 100%);
    border-radius: 60px;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.tile {
    border: 2px solid white;
    height: 100%;
    width: 12.5%;
    margin-right: 1%;
    border-radius: 15px;
    float: left;
    text-align: center;
    padding: 10px;
}

    .tile .glyphicon {
        font-size: 36px;
        color: white;
    }

    .tile .title {
        font-size: 14px;
        color: white;
    }

    .tile:hover {
        background-color: white;
        border: 2px solid #ed721a;
        color: #ed721a !important;
        cursor: pointer
    }

.clicked {
    background-color: white;
    border: 2px solid #ed721a;
    color: #ed721a !important;
}

.clicked2 {
    color: #ed721a !important;
}

.widgetshome {
    margin-top: 50px;
    width: 99%;
    margin-left: 0.5%;
}

.widgettool {
    width: 32%;
    margin-left: 1%;
    height: 50vh;
    border-radius: 20px;
    float: left;
    border: 2px solid #ff974b;
    display: none;
}

.formbuild {
    width: 47%;
    float: left
}

    .formbuild label {
        font-weight: 600
    }

.glyphicon {
    font-family: inherit;
}

    .glyphicon:before {
        font-family: 'Glyphicons Halflings';
    }

.editformview label:hover {
    padding: 6px;
    border-radius: 6px;
    border: 1.8px solid #d24218;
    cursor: pointer
}

.editformview h2:hover {
    border: 1.8px solid #d24218;
    background: white;
    color: #d24218;
    cursor: pointer
}

/*[action="/Configuration/EditForm"] span:hover {
    padding: 6px;
    border-radius: 6px;
    border: 1.8px solid #d24218;
    cursor: pointer
}*/

.editformview .header span:hover {
    padding: 6px;
    border-radius: 6px;
    border: 1.8px solid white;
    cursor: pointer
}

.editformview .bar {
    padding: 10px;
    border-radius: 15px;
    margin-top: 0px;
    color: #d24218;
    background: linear-gradient( 270deg,#ff974b 0,#ed721a 50%,#d24218 100%);
    padding-left: 25px;
    color: white;
    border: 0px solid;
    text-align: left
}

    .editformview .bar span:hover {
        padding: 6px;
        border-radius: 6px;
        border: 1.8px solid white;
        cursor: pointer
    }

.editformview .header span:hover {
    padding: 6px;
    border-radius: 6px;
    border: 1.8px solid #d24218;
    cursor: pointer
}

.editformview label {
    font-weight: 600;
    color: #d24218;
    margin: 0px;
    margin-right: 10px;
    margin-bottom: 15px;
}

.editformview .buttonlabel {
    font-weight: 500;
    width: 25%;
    color: white;
    background: linear-gradient( 0deg,#ff5c0a 0,#ed721a 70%);
    padding: 8px 8px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #ff974b;
    border-right: 0px;
    border-left: 0px;
    font-weight: 600;
    margin: 0px;
}

.formview label {
    font-weight: 600;
    color: #d24218;
    margin: 0px;
    margin-right: 10px;
    margin-bottom: 15px;
}

.formbuild .buttonlabel {
    font-weight: 500;
    width: 25%;
    color: white;
    background: linear-gradient( 0deg,#ff5c0a 0,#ed721a 70%);
    padding: 8px 8px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #ff974b;
    border-right: 0px;
    border-left: 0px;
    font-weight: 600;
    margin: 0px;
}

.formbuild h4 {
    font-weight: 600;
    color: #d24218;
}

.formview {
    width: 47%;
    margin-left: 1%;
    float: right
}

.formReadOnlyView {
    width: 100%;
}

input,
textarea,
select, .fit-and-proper-submitted-date {
    padding: 8px 8px;
    border: 1px solid #ccc;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom: 25px;
    box-sizing: border-box;
    background-color: white;
    font-size: 16px;
    color: #444444;
    width: 50%;
    margin-left: -4px;
    margin-top: 3px;
    padding-top: 7px;
}

select {
    margin-top: 0px;
    padding-bottom: 9.2px;
    padding-top: 8px
}


.formview textarea {
    display: inline-table
}

.editformview textareaa {
    display: inline-table
}

.editformview input, .editformview select, .editformview textarea, .editformview input[type=file] {
    padding: 8px 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 25px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #d24218;
    width: auto !important;
    margin-left: -4px;
    margin-top: 3px;
    padding-top: 7px
}

.formview input, .formview select, .formview textarea, .formview input[type=file] {
    padding: 8px 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 25px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #d24218;
    width: auto !important;
    margin-left: -4px;
    margin-top: 3px;
    padding-top: 7px
}

select option {
    background-color: white;
}

input:focus,
textarea:focus,
select:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ed721a !important;
    outline-width: 0
}

.editdel {
    width: 30% !important;
    background: linear-gradient( 0deg,#d24218 0,#e84e20 30%) !important;
    margin-top: 10px !important
}

    .editdel:hover {
        background: linear-gradient( 0deg,#ff5c0a 0,#ed721a 70%) !important;
    }

[for="Please_give_your_recent_employment_history_"], [for="Please_upload_your_birth_certificate"] {
    background: none !important;
    color: #d24218 !important;
    border: 0px solid !important;
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
}

.bar label {
    background: none !important;
    border: 0px solid !important;
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: white !important
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.dropdown-container a.active {
    background-color: transparent !important;
    color: rgb(255, 172, 112) !important;
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
    height: 40%;
    border-radius: 20px; /* Could be more or less, depending on screen size */
}

.modal .labelmodal {
    font-weight: 500;
    width: 20%;
    color: white;
    background: linear-gradient( 0deg,#d24218 0,#e84e20 30%);
    padding: 8px 8px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #ff974b;
    border-right: 0px;
    border-left: 0px;
    font-weight: 600;
    margin: 0px;
}

.hlabel {
    font-weight: 600;
    font-size: 15px;
    color: #d24218
}

/* The Close Button */
.close {
    color: #ed721a;
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: 1.0;
}

    .close:hover,
    .close:focus {
        color: #d24218;
        text-decoration: none;
        cursor: pointer;
        opacity: 1.0;
    }

.bar {
    width: 100%;
    background: linear-gradient( 0deg,#d24218 0,#ed721a 50%);
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    border-top: 3px solid #ffae73;
    border-right: 4px solid #ffae73;
    font-size: 16px;
    font-weight: 600;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

#txtDate {
    background-image: url(https://i.imgur.com/u6upaAs.png);
    background-repeat: no-repeat;
    padding-left: 25px;
}

.header {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px;
    color: #d24218;
    font-size: 16px;
    border-radius: 10px;
    border: 2px solid #d24218;
    width: 75%;
    font-weight: 700;
}

.formbuild h3 {
    padding: 10px;
    border-radius: 15px;
    margin-top: 0px;
    color: #d24218;
    background: linear-gradient( 270deg,#ff974b 0,#ed721a 50%,#d24218 100%);
    padding-left: 25px;
    color: white;
}

.formbuild h2 {
    padding: 10px;
    background: linear-gradient( 270deg,#ff974b 0,#ed721a 50%,#d24218 100%);
    padding-left: 25px;
    color: white;
    width: 100%;
    border-radius: 15px;
    margin-top: 0px
}

.createform {
    padding: 15px;
    border-radius: 25px;
    border: 2px solid #d24218;
    background: linear-gradient( 180deg,#f5f5f5 0,white 100%)
}

.createform1 {
    padding: 15px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-left: 2px solid #ffae73;
    border-right: 4px solid #ffae73;
    border-bottom: 3px solid #ffae73;
    background: linear-gradient( 180deg,#f5f5f5 0,white 100%)
}

.editformview h2 {
    padding: 10px;
    background: linear-gradient( 270deg,#ff974b 0,#ed721a 50%,#d24218 100%);
    padding-left: 25px;
    color: white;
    width: 100%;
    border-radius: 15px;
    margin-top: 0px
}

.formpreviewtitle {
    padding: 15px;
    border: 2px solid #ffae73;
    padding-left: 25px;
    color: #d24218;
    width: 100%;
    border-radius: 15px;
    margin-top: 40px;
    background: linear-gradient( 90deg,#f5f5f5 0,#fafafa 100%)
}

.fabutton2 {
    color: white;
    background: linear-gradient( 0deg,#d24218 0,#e84e20 30%);
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    font-size: 18px
}

    .fabutton2:hover {
        background: linear-gradient( 0deg,#ff5c0a 0,#ed721a 70%);
        cursor: pointer
    }

.fabutton {
    color: white;
    background: linear-gradient( 0deg,#ff5c0a 0,#ed721a 70%);
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    font-size: 18px
}

    .fabutton:hover {
        background: linear-gradient( 0deg,#d24218 0,#e84e20 30%) !important;
        cursor: pointer
    }

#backedit:after {
    font-family: FontAwesome;
    content: "\f060"
}

#editFA:after {
    font-family: FontAwesome;
    content: "\f044"
}

#deleteFA:after {
    font-family: FontAwesome;
    content: "\f1f8"
}

.sectionmessage {
    padding: 10px;
    width: 100%;
    background-color: #fff8f5;
    color: #4d4d4d;
    border-radius: 8px;
    margin-top: 22.5px;
    margin-bottom:20px;
}

.forgotpwd {
    margin: 15px;
}

.center2 .validationError li::marker {
    display: none;
    color: white;
}

.center2 .validationError ul {
    display: contents;
    margin: 0px !important
}

.center2 .validationError {
    padding: 10px;
    width: 100%;
    background-color: #de4343;
    color: white;
    border-radius: 8px;
    margin-top: 20px;
}

.validationError.good {
    background-color: #489e02;
}

.center2 {
    width: 25%;
    text-align: center;
    background: white;
    padding: 20px;
    border-radius: 10px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    display: table-cell;
    vertical-align: middle;
    top: 5%;
    height: 90% !important;
}

.loginButton {
    -webkit-appearance: none;
    background-color: #05759c;
    font-size: 16px;
    width: 100%;
    line-height: 22px;
    border-radius: 6px !important;
    border: none;
    letter-spacing: 0.01em;
    color: white;
    white-space: normal;
    padding: 10px 20px;
    font-weight: 600;
    box-shadow: 0 0.4em 0.5em -0.4em #bbb;
    margin-bottom: 20px !important
}

    .loginButton:hover {
        background: linear-gradient( 0deg,#d24218 0,#e84e20 30%);
        color: white;
        text-decoration: none
    }

    .loginButton:active {
        background: #E85D35;
    }

.textboxlogin {
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px 8px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: white;
    font-size: 16px;
    color: #444444;
}

    .textboxlogin:focus {
        outline: none !important;
        border-color: #ed721a !important;
        box-shadow: 0 0 10px #ed721a !important;
    }

button:focus {
    outline: none !important;
}

input[type="button"] {
    outline: none !important;
}

.loginButton {
    -webkit-appearance: none;
    background-color: #ed721a;
    font-size: 16px;
    width: 100%;
    line-height: 22px;
    border-radius: 15px;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    white-space: normal;
    padding: 10px 20px;
    font-weight: 600;
}

.field-icon2 {
    float: right;
    margin-top: -37px;
    position: relative;
    z-index: 20;
    color: #d3431a;
    right: 23px;
    display: none;
    margin-right: 7.5px;
}

.field-icon {
    float: right;
    margin-top: -37px;
    position: relative;
    z-index: 20;
    color: #d3431a;
    margin-right: 7.5px;
}

.divform .col-md-8 {
    padding-left: 0px
}

.divform .col-md-10 {
    padding-left: 0px
}

.disabledbutton {
    background: #bbb !important
}

.disabledbutton:hover {
    background: #bbb !important
}

.bar1 {
    width: 100%;
    color: #05759c !important;
    font-size: 18px;
    padding-left: 0px;
    font-weight: 600;
    padding-bottom: 15px
}

.network-member-container .bar1 {
    color: #05759c !important;
    font-size: 18px;
    padding-left: 0px
}

    .network-member-container .bar1 .glyphicon {
        padding-left: 0px
    }

.bar2 {
    background-color: #ccc;
    color: #d3431a;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 4px solid #ff974d;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-top-right-radius: 15px;
}

    .bar2.active1 {
        background-color: #d3431a;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
        border-right: 4px solid #ff974d;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        border-top-right-radius: 15px;
    }

    .bar2:hover {
        cursor: pointer;
    }

.bar1 a {
    color: white
}

    .bar1 a:hover {
        color: white
    }

.wq-table a {
    color: #d3431a;
}

    .wq-table a:hover {
        text-decoration: none;
        color: #ed721a;
    }

.texthover:hover {
    color: #d24218 !important;
}

.wq-table {
    width: 100%;
}

    .wq-table select {
        min-width: 90% !important
    }

    .wq-table th {
        color: white;
        background-color: #05759c;
        font-size: 13px;
        letter-spacing: 0em;
        padding: 8px;
        text-align: left;
        border-left: 1px solid #e0e0e0;
    }

    .wq-table td {
        padding: 8px;
        color: #444444;
        font-size: 12px;
        text-align: left;
        border: 0.75px solid #e0e0e0 !important;
    }

    .wq-table tr:nth-child(odd) {
        background-color: #f6f6f6
    }

    .wq-table tr:nth-child(even) {
        background-color: white
    }

    .wq-table tr:hover {
        background-color: #efefef;
        cursor: pointer !important
    }

    .wq-table th:nth-child(1) {
        border-left: none;
    }

    .wq-table td:nth-child(1) {
        border-left: none;
    }

.fsdtables table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px
}

.fsdtables input[type="checkbox"]:not(:checked) {
    display: none !important;
}

.tablescheckbox td {
    padding: 10px
}

.tablescheckbox1 td {
    padding: 10px
}

    .tablescheckbox td:nth-child(1) {
        width: 45% !important;
    }

    .tablescheckbox td:nth-child(4) {
        width: 40% !important;
    }

    .tablescheckbox td:nth-child(2), .tablescheckbox td:nth-child(3) {
        width: 5% !important
    }

.tablescheckbox1 td:nth-child(1) {
    width: 30% !important;
}

.tablescheckbox1 td:nth-child(4), .tablescheckbox1 td:nth-child(5) {
    width: 20% !important;
}

.tablescheckbox1 td:nth-child(2), .tablescheckbox1 td:nth-child(3) {
    width: 5% !important
}

.tablescheckbox1 input[type="checkbox"] {
    margin: 0px !important;
    padding: 0px !important;
    width:35px !important;
    height: 35px !important
}

.fsdtables table th {
    color: white;
    background-color: #05759c;
    font-size: 15px;
    letter-spacing: 0em;
    padding: 8px;
    text-align: left;
    border-left: 1px solid #e0e0e0;
}
    .fsdtables table td {
        padding-left: 8px;
        padding-right: 8px;
        color: #444444;
        font-size: 13px;
        text-align: left;
        border: 0.75px solid #e0e0e0 !important;
    }
    .fsdtables table tr:nth-child(even) {
        background-color: white
    }

    .fsdtables table tr:nth-child(odd) {
        background-color: #f6f6f6
    }

    .fsdtables table th:nth-child(1) {
        width: 30%
    }

    .fsdtables table th:nth-child(2) {
        width: 17.5%
    }

    .fsdtables table th:nth-child(3) {
        width: 17.5%
    }

    .fsdtables table th:nth-child(4) {
        width: 17.5%
    }

    .fsdtables table th:nth-child(5) {
        width: 17.5%
    }

    .fsdtables table input {
        width: 90% !important;
        background: none !important;
        border: none !important;
        font-size: 14px !important
    }

#AboutYou input[type="checkbox"] {
    accent-color:#05759c 
}

.exceptionstd {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.detailstable tr {
    border: 0.75px solid #e0e0e0 !important
}

.detailstable {
    margin-bottom: 0px
}

.management-table td {
    border: 0.75px solid #e0e0e0 !important
}

.management-table th {
    border: 0.75px solid #e0e0e0 !important
}

.divform .form-group {
    margin: 0px !important
}

.divform label.col-md-2, [for="Anniversary_Date:_"], .submitteddate {
    font-weight: 500;
    color: white;
    background: #05759c !important;
    padding: 5px 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #05759c;
    border-right: 0px;
    border-left: 0px;
    font-weight: 600;
    margin: 0px;
    margin-top: 3px;
    z-index: 10;
    text-align: left !important;
    padding-left: 10px
}

[for="Anniversary_Date:_"], .submitteddate {
    padding-top: 9px !important;
    padding-bottom: 8px !important
}

.fit-and-proper-submitted-date {
    padding-top: 9px !important;
    padding-bottom: 11px !important
}

.submitteddate {
    margin-left: 50px;
}

    #DueDate {
        width: 35% !important
    }
    .divform label.col-md-3 {
    font-weight: 500;
    color: white;
    background: #05759c !important;
    padding: 5px 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #05759c;
    border-right: 0px;
    border-left: 0px;
    font-weight: 600;
    margin: 0px;
    margin-top: 3px;
    z-index: 10;
    text-align: left !important;
    padding-left: 10px
}

.divform2 label.col-md-3 {
    font-weight: 500;
    color: white;
    background: #05759c !important;
    padding: 5px 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #05759c;
    border-right: 0px;
    border-left: 0px;
    font-weight: 600;
    margin: 0px;
    margin-top: 3px;
    z-index: 10;
    text-align: left !important;
    padding-left: 10px
}

.divform2 .col-md-9 {
    margin: 0px;
    padding: 0px
}

.divform label.col-md-3 {
    font-weight: 500;
    padding: 5px 6px;
    font-weight: 600;
    margin: 0px;
    margin-top: 3px;
    z-index: 10;
    text-align: left !important;
    padding-left: 10px
}

.divform select {
    padding: 6.5px !important;
    margin-top: 3.5px !important;
    width: 100%
}

.divform2 select {
    padding: 5.5px !important;
    margin-top: 3.5px !important;
    width: 100%
}

.divform2 input {
    padding: 5px !important;
    margin-top: 3px !important;
    width: 100%;
    height: 32px
}

.divform input:not(.details-entry-input) {
    padding: 5px !important;
    margin-top: 3px !important;
    width: 100%;
    height: 32px
}

.divform select {
    padding: 5px !important;
    margin-top: 3px !important;
    width: 100%;
    height: 32px
}

.divform div {
}

.homelogo:hover {
    cursor: pointer
}

.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ddd;
    border-radius: 6px
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
    background-color: #ccc;
}

#noteTextArea {
    width: 98%;
    border: 0px;
    padding: 10px;
    margin-left: 1%;
    min-height: 200px;
    margin-right: 1%;
    margin-bottom: 0px
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-weight: 700
}

input[type="radio"] {
    width: 10% !important;
    width: 10% !important;
    height: 1.5em !important;
    margin-top: 7px !important
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 15; /* Sit on top */
    padding-top: 25px; /* Location of the box */
    padding-bottom: 25px; /* Location of the box */
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.modal-content {
    margin: auto;
    padding: 20px;
    width: 60%;
    height: auto;
    color: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

#newLeadModal .col-md-3 {
    margin-top: 10px
}

.glyphicon-remove {
    color: #208eba;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.close:hover {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

[name="NewNotes"], [name="NewNote"] {
    width: 75% !important;
    float: left !important;
    padding: 10px 14px;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    margin: 10px;
    margin-top: 0px;
    margin-left: 7.5px;
    font-size: 14px !important;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 16px;
    float: left;
    font-weight: 500
}

.notessubmit {
}

.navbar-right:hover {
    text-decoration: none;
    border-radius: 4px;
    color: white;
}

.navbar-right {
    bottom: 0;
    position: absolute;
}

    .navbar-right > li > a {
        margin-right: -10px;
    }

        .navbar-right > li > a:hover {
            background-color: transparent;
        }

.notes {
    position: relative;
}

.notesholder {
    width: 100%;
    padding: 10px;
    margin-left: -5px;
    font-size: 12px
}

.textentry {
    width: 99%;
    margin-right: 2px;
    margin-bottom: 6px;
    font-weight: 600;
    color: #d24218;
    border-radius: 6px;
    font-weight: 500;
}

.ExperianModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

#ddlCheckGroups {
    width: 90% !important
}


.disableddiv {
    background-color: #ccc;
    pointer-events: none
}

/* Modal Content/Box */
.graduateModal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 25px !important;
    border: 1px solid #888;
    width: 50%;
    height: 10%;
    border-radius: 20px; /* Could be more or less, depending on screen size */
}

.ExperianModal-content {
    background: white;
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    width: 30%;
    height: 45%;
    margin-top: 5%;
    color: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.disableddiv {
    background: #ccc !important
}

.checkboxholder2 input {
    height: 25px;
    width: 25px
}

.checkboxholder2 {
    height: 50px
}

    .checkboxholder2 label {
        width: 55%;
        float: left;
    }

    .checkboxholder2 input {
        width: 10%;
        margin-right: 35%;
        float: right;
    }

.hidden2 {
    display: none;
}

.orbitform {
    pointer-events: none;
}

.orbitform a {
    pointer-events: all !important
}

    .orbitform #AboutYou label, .photoid .labelyes, #AddressForm label, .BIlabel label, #ADSecondBox label {
        font-weight: 500;
        width: 20%;
        color: white;
        background: #05759c !important;
        padding: 8px 8px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border: 1px solid #05759c !important;
        border-right: 0px;
        border-left: 0px;
        font-weight: 600;
        margin: 0px;
        color: white !important
    }

    .orbitform h4 {
        color: #d24218;
        font-weight: 600
    }

.fsd .labelyes, .fsd .labelno, .fsd .yes, .fsd .no {
    color: #d24218
}

.fsd table {
    font-size: 16px;
    font-weight: 600
}

.noyes {
    font-size: 16px
}

.fsd {
    width: 100% !important;
    padding-top: 20px;
    padding-bottom: 20px
}

.containerform .col-md-9 {
    padding-left: 0px
}

#AboutYou {
    width: 100% !important;
    padding-top: 20px;
    padding-bottom: 20px
}

.controlholder {
    width: 100%;
    border-bottom: 0.75px solid #e0e0e0 !important;
    padding-top: 20px;
    padding-bottom: 20px
}

    .controlholder label {
        font-weight: 500;
        width: 15%;
        color: white;
        background: #05759c !important;
        padding: 8px 8px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border: 1px solid #05759c;
        border-right: 0px;
        border-left: 0px;
        font-weight: 600;
        margin: 0px;
    }

.orbitform input[type="radio"] {
    width: auto;
    margin-left: -25px;
    margin-top: -2px !important;
    margin-right: -10px;
    accent-color: #05759c;
    height: 20px;
    width: 20px;
    margin-top: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.orbitform input[type="checkbox"] {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    accent-color: #05759c;
    height: 35px;
    width: 35px;
    margin-top: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.orbitform input[type="file"] {
    display: none
}

.orbitform h2 {
    color: #05759c !important;
    width: 100% !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px !important;
    font-size: 20px;
    font-weight: 600
}

/*Exceptions Table*/

.ExceptionsTable button {
    -webkit-appearance: none;
    background-color: #d3431a;
    border-radius: 4px;
    border: none;
    margin: 10px;
    color: white;
    white-space: normal;
    width: auto;
    padding: 8px 12px;
}

.Declined {
    width: 96% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: #d41515 !important;
}

    .Declined:hover {
        cursor: context-menu !important;
        width: 96% !important;
        color: white !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

.ExceptionsTable1 .Approve:hover:enabled {
    cursor: context-menu !important;
    width: 96% !important;
    color: white !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: green !important;
}

.ExceptionsTable1 .Review:hover:enabled {
    width: 96% !important;
    cursor: context-menu !important;
    color: white !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: #ff9d00 !important;
}

.changelic input {
    width: 50px;
}

.changelic label {
    width: 250px;
    vertical-align: middle;
    margin-top: -12px
}

.title {
    text-decoration: underline;
    font-weight: bold;
}

.Approve {
    width: 96% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    color: green !important;
    background: #fff !important;
    border: 1px solid green !important
}

.Review {
    width: 96% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    color: #ff9d00 !important;
    background: #fff !important;
    border: 1px solid #ff9d00 !important
}

.Reject {
    width: 96% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    color: Red !important;
    background: #fff !important;
    border: 1px solid Red !important
}

.Approve[disabled="disabled"] {
    width: 96% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: green !important;
    color: white !important;
    border: 0px
}

.Review[disabled="disabled"] {
    width: 96% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: #ff9d00 !important;
    color: white !important;
    border: 0px
}

.Reject[disabled="disabled"] {
    width: 96% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: Red !important;
    color: white !important;
    border: 0px
}

.Approve:hover:enabled {
    width: 96% !important;
    cursor: pointer !important;
    color: white !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: darkgreen !important;
}

.Review:hover:enabled {
    cursor: pointer !important;
    width: 96% !important;
    color: white !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: #ff8400 !important;
}

.Reject:hover:enabled {
    cursor: pointer !important;
    width: 96% !important;
    color: white !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    background-color: Red !important;
}

.totalusrsG {
    border-radius: 8px;
    background-color: green;
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    line-height: 25px;
    color: white;
    float: right;
    cursor: pointer;
    text-align: center
}

.totalusrsA {
    border-radius: 8px;
    background-color: #ff9d00;
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    line-height: 25px;
    color: white;
    float: right;
    margin-left: 2%;
    cursor: pointer;
    text-align: center
}

.totalusrsR {
    border-radius: 8px;
    background-color: #d41515;
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    line-height: 25px;
    margin-left: 2%;
    color: white;
    float: right;
    cursor: pointer;
    text-align: center
}

.totalusrsGrey {
    border-radius: 8px;
    background-color: dimgrey;
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    line-height: 25px;
    margin-left: 2%;
    color: white;
    float: right;
    cursor: pointer;
    text-align: center
}

/*STYLING FOR THE LICENSES ON THE "People" TAB ON THE EDIT FIRM/FIRM DETAILS PAGE 
GENERIC - Used for all*/
.UserLicense {
    border-radius: 8px;
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    line-height: 25px;
    margin-left: 2%;
    color: white;
    float: right;
    cursor: pointer;
    text-align: center
}
/*SPECIFIC - Use different colour for each circle*/
.MortgageUL {
    background-color: blue;
}

.GeneralInsuranceUL {
    background-color: orange;
}

.ProtectionUL {
    background-color: green;
}

.PrivateMedicalInsuranceUL {
    background-color: black;
}

.EquityReleaseUL {
    background-color: brown;
}

.BusinessProtectionUL {
    background-color: purple;
}

.InvestmentUL {
    background-color: grey;
}

.GroupPmiUL {
    background-color: red;
}

.SupervisionUL {
    background-color: darkslategrey;
}

#pages {
    background: linear-gradient( 90deg,#ff974b 0,#ed721a 50%,#d24218 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px 20px;
    font-size: 18px;
    color: white;
}

.pageNumber {
    margin-right: 10px;
}

    .pageNumber:hover {
        cursor: pointer
    }

    .pageNumber:focus {
        border: 1px solid white;
    }

.tabnav {
    width: 20%;
    float: left;
    /*height: 85vh;*/
    margin-top: 5vh;
    /*position: fixed*/
}

.mainsection {
    width: 80%;
    float: right;
    padding-left: 3.5%;
    margin-top: 7vh;
}

.tab {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border: 2px solid #d24218;
    width: 100%;
    height: 20%;
    margin-bottom: 10%;
    box-shadow: 0 0 10px #d24218;
    padding: 20px;
    padding-left: 12px;
    font-size: 24px;
    color: #d24218;
    font-weight: 600;
    text-align: center;
    background: linear-gradient( 0deg,#ffe3d1 10%,#ffece0 80%);
}

.active3 {
    background: linear-gradient( 0deg,#d24218 15%,#ed721a 50%);
    border: 2px solid white;
    color: white
}

.tab .glyphicon {
    font-size: 36px;
}

.tab span {
    margin-top: 15px
}

.tab:hover {
    cursor: pointer
}

.firm-edit-hide {
    display: none;
}

.container-firm-history {
    max-width: 100%;
    padding: 5px 30px;
}

.historic-parent-container {
    display: flex;
    justify-content: space-between;
    margin-left: -25px;
}

.historic-graphic-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 120px;
}


.grahic-line-block {
    width: 8px;
    height: 100%;
    background: #f1f1f1;
    z-index: 0;
}

/*.grahic-edit-line {
    width: 8px;
    height: 100%;
    background: #f1f1f1;
    z-index: 0;
}*/

.graphic-icon-block {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    top: -1px;
    left: 32px;
    height: 46px;
    width: 46px;
    background: linear-gradient( 0deg,#ff5c0a 0,#ed721a 70%);
    border: 6px solid hwb(0deg 94% 6%);
    border-radius: 25px;
    z-index: 1;
}

.graphic-edit-icon {
    background: #05759c
}

.graphic-creation-icon {
    background: rgb(70,135,78);
    background: linear-gradient(315deg, rgba(70,135,78,1) 31%, rgb(134 250 89) 91%)
}

.graphic-edit-icon .glyphicon-pencil {
    font-size: 15px;
    font-weight: bold;
}

.historic-block-containter {
    width: 1200px;
    position: relative;
    background: #f5f5f5;
    color: #444444;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 1px 1px 2px 1px #e6e6e6;
    z-index: 1;
    margin-bottom: 20px;
}

    .historic-block-containter hr {
        margin: 12px 0px;
        background: #e4e4e4;
        height: 1px;
    }

    .historic-block-containter::before {
        content: "";
        position: absolute;
        background: inherit;
        top: 10px;
        left: -5px;
        height: 25px;
        width: 25px;
        transform: rotate(45deg);
        z-index: -1;
    }

.historic-edit-mod {
    overflow: hidden;
}

    .historic-edit-mod .historic-parent-container {
        width: 900px;
    }

    .historic-edit-mod .historic-graphic-container {
        width: 120px;
    }

    .historic-edit-mod .historic-block-containter {
        width: 790px;
    }

    .historic-edit-mod .graphic-icon-block {
        left: 36px;
    }

.main-setup input[readonly] {
    background: #f2f2f2;
}

.main-setup select[disabled] {
    background: #f2f2f2;
    opacity: 1;
}

#popup-leave-content #firm-leave-block {
    width: 90%;
    display: flex;
    justify-content: center;
}

    #popup-leave-content #firm-leave-block .control-label {
        width: 30%;
        height: 40px;
    }

.hide-div-content {
    display: none
}

.edit-leave-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    height: 36px;
    width: 36px;
    font-size: 22px;
    border-radius: 6px;
    transition: 0.2s ease-in;
    cursor: pointer;
    margin-top: 3px;
    margin-left: -3px;
}

    .edit-leave-checkbox .glyphicon-remove {
        color: #d4d4d4;
    }

    .edit-leave-checkbox.leave-checkbox-active {
        background: #208eba;
    }

        .edit-leave-checkbox.leave-checkbox-active .glyphicon-remove {
            color: white !important;
        }

.network-leave-btn {
    padding: 10px;
    color: white;
    text-align: center;
    font-weight: bold;
    border-radius: 20px;
    margin-top: 10px;
}

.network-leave-btn-active {
    background: linear-gradient( 0deg,#ff5c0a 0,#ed721a 70%);
    transition: 0.2s ease-in;
    border: 1px solid orange;
    cursor: pointer;
}

.network-leave-btn-inactive {
    background: #a5a5a5;
    cursor: not-allowed;
}

.network-leave-btn-active:hover {
    border: 4px solid white;
}

#hideInactiveCheckbox {
    text-decoration: none;
}

    #hideInactiveCheckbox:hover {
        cursor: pointer !important;
        text-decoration: none !important
    }

.custom-licenses .checkboxholder {
    display: flex;
}

.custom-licenses label {
    width: 50%;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 0px;
    margin-top: -6px;
    margin-left: 10px;
    float: right;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider {
    background-color: #05759c;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.searchholder {
    width: 70%
}

#search {
    width: 75%;
    float: left;
    padding: 10px 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    margin: 10px;
    margin-top: 0px;
    margin-left: 7.5px;
    margin-bottom: 16.75px;
    margin-right: 17.5px;
    font-size: 14px !important;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 16px;
    float: left;
    font-weight: 500
}

    #search:focus {
        outline: none !important;
        border-color: #ed721a !important;
        box-shadow: 0 0 10px #ed721a !important;
    }

.searchbutton {
    padding: 10px 14px !important;
    top: 0;
    bottom: 0;
    margin: auto;
    margin: 10px;
    font-size: 16px !important;
    box-sizing: border-box;
    border-radius: 20px !important;
    font-size: 0.85em;
}

.barbutton {
    float: left
}

.buttonholder {
    text-align: center
}

    .buttonholder .button {
        display: inline-flex
    }

.button {
    display: flex;
    padding: 0;
    background: linear-gradient( 0deg,#ed721a 0,#e36a12 30%);
    outline: none;
    border: none;
    border-bottom: 0.9px solid rgba(255,255,255,.0);
    border-radius: 5px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 0.4em 0.5em -0.4em #bbb;
}

    .button:hover {
        background: linear-gradient( 0deg,#d24218 0,#e84e20 30%);
    }

    .button:active {
        background: #E85D35;
    }

.button__text,
.button__icon {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    color: #fff;
    height: 100%;
}

.button__icon {
    font-size: 16px;
    background: rgba(0, 0, 0, 0.06);
    padding-bottom: 13px;
}

.backbtn {
    background: white;
    color: #05759c;
    margin-top: -5px;
}

    .backbtn .button__text, .backbtn
    .button__icon {
        color: #05759c
    }

    .backbtn:hover {
        background: linear-gradient( 0deg,#ed721a 0,#e36a12 30%)
    }

        .backbtn:hover .button__text, .backbtn:hover .button__icon {
            color: white !important;
        }

.member-tab-btn {
    background: #aaa;
    margin: 0px !important;
    margin-right: 1% !important;
}

    .member-tab-btn:hover {
        background: linear-gradient( 0deg,#ed721a 0,#e36a12 30%)
    }

.member-tab-btn {
    min-width: 15.83%;
    font-size: 16px
}

.lead_details .member-tab-btn {
    min-width: 19%;
}

.member-tab-btn .button__text {
    min-width: 65%
}

    .member-tab-btn .button__icon {
        min-width: 35%;
        padding-left: 12.5%;
        font-size: 18px
    }

.divcontainer {
    width: 95%;
    background-color: white;
    border-radius: 5px;
    margin-left: 2.5%;
    margin-top: -65px;
    padding-top: 10px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 20%)
}

.sectiontitle {
    width: 100%;
    height: 20vh;
    background-color: #05759c;
    padding-top: 25px;
    padding-left: 35px;
    color: white
}

    .sectiontitle h2 {
        width: 70%;
        float: left
    }

div.container.body-content > div.container.body-content {
    padding-left: 0px;
}

#newFirmModal input {
    width: 100% !important
}

#newFirmModal select {
    width: 100% !important
}

.paginateicon {
    margin-right: 2.5px
}

.paginateicon, .paginatenumber {
    text-decoration: none !important;
    font-size: 20px;
    color: #05759c
}

.paginatenumber {
    font-size: 18px;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    margin-right: 2.5px;
    color: #05759c;
    display: inline-block;
    color: #05759c
}

.paginateholder > a.paginatenumber {
    color: white;
    background-color: #05759c
}

    .paginateholder > a.paginatenumber ~ a.paginatenumber {
        color: #05759c;
        background-color: transparent
    }

.fit-and-proper-submitted-date-hidden {
    display : none;
}

.license-pending .checkboxholder {
    width:100%

}

.license-pending .custom-licenses label {
    width: 135%;
}

.fp-nav-hidden{
    display:none !important;
}

.fsdtables textarea {
    border: 0px solid !important;
    background-color: transparent !important;
    width: 100% !important;
    resize: none !important
}

.orbitform .labelyes, .orbitform .labelno {
    color: #05759c !important
}

.orbitform .editdel {
    background: #05759c !important;
    color: white !important
}

.assetstable td:nth-child(5) input, .liabilitiestable td:nth-child(5) input, .extable td:nth-child(5) input, .intable td:nth-child(5) input {
    color: #05759c
}

.assetstable tr:nth-child(8) input,
.assetstable tr:nth-child(8) td, .liabilitiestable tr:nth-child(9) input, .liabilitiestable tr:nth-child(9) td, .intable tr:nth-child(4) input, .intable tr:nth-child(4) input, .extable tr:nth-child(12) input, .extable tr:nth-child(12) td {
    color: #05759c !important
}

.liabilitiestable tr:nth-child(10) input, .liabilitiestable tr:nth-child(10) td, .extable tr:nth-child(13) input, .extable tr:nth-child(13) td {
    background-color: #d24218;
    color: white !important
}

#uploadForm .labelyes {
    color: white !important
}
}

.firm-toggler-hide{
    display: none;
}

@media screen and (max-width:1600px) {
    .edit-firm-details label.col-md-2 {
        width: 240px;
    }
}


input[type="checkbox"] {
    box-shadow: none !important
}

.contract_checkboxes input[type="checkbox"] {
    width: 12.5% !important
}

.contract_checkboxes input{
    margin-bottom: 25px !important
}

.firmFp-nav .button__icon:before {
    margin-left: 50% !important
}

.upload_holder input {
    min-width: 500px
}

input[type=file] {
    margin-top: 0px;
}

input[type=file]::file-selector-button {
    background: #ed721a;
    border: none;
    border-bottom: 0.9px solid rgba(255,255,255,.0);
    border-radius: 5px;
    padding: 10px 20px;
    color: white;
    margin: 8px;
    margin-right: 16px;
    cursor: pointer
}

    input[type=file]::file-selector-button:hover {
        background: #d24218
    }

.document_upload {
    border: none;
    background: none;
    color: #05759c;
    float: left;
    margin-left: -82px;
    margin-top: 26px;
}

    .document_upload:hover {
        text-decoration: underline;
        cursor: pointer;
        color: #23527c 
    }

.member-details-container .body-content {
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    background-color: white; 
    }

[name="LeadFile"] {
    float: left
}

.lead-management-container h4 {
    color: #05759c !important;
    font-size: 18px;
    padding-left: 0px;
    font-weight: 600;
    margin-left: -11.5px;
    margin-top: 15px;
    margin-bottom: 15px
}

.checkbox_label {
    color: #05759c !important;
    font-size: 16px;
    padding-left: 0px;
    font-weight: 500;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 200px
}

.checkbox_label2 {
    color: #05759c !important;
    font-size: 18px;
    padding-left: 0px;
    font-weight: 600;
    margin-top: 10px;
    margin-left: 3.5px;
    margin-bottom: 10px;
    min-width: 211px
}

.lead-management-container input[type="checkbox"] {
    width: auto;
    margin-left: 25px;
    width: 20px;
    height: 20px;
    accent-color: #05759c
}

.documents-table-info td {
    font-size: 14px
}

    .documents-table-info a {
        color: #05759c;
        font-size: 14px;
        margin-left: 7.5px;
        margin-right: 7.5px
    }

.documents-table-info a:hover {
    color: #23527c;
    cursor: pointer;
    text-decoration: underline
}

        .documents-table-info a:nth-child(1) {
            color: #EF4444
        }


            .documents-table-info a:nth-child(1):hover {
                color: #eb1515
            }

        .documents-table-info a:nth-child(2) {
            float: right
        }
}

.toggle_checkbox_div {
    margin-right: 7.5px;
    margin-top: 6px;
    float: right;
}

.toggle_checkbox_span {
    font-size: 14px;
    color: #05759c;
}

.table_header_sort_span {
    float: right;
}