main .container {
    padding: 40px 40px !important;
}

main .branch-selector {
    padding: 16px 82px 16px 40px !important;
}

main .head p.done {
    background: url('../images/icon-check-circle.svg') no-repeat left center !important;
}

.checkbox input:checked + label:after {
    background: url('../images/icon-check.svg') no-repeat top left !important;
}

.form-row.required > label:after {
    content: " *" !important;
}

.F1DateFilter {
    color: #212B36;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    padding: 8px 35px 8px 16px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
    border: 1px solid #C4CDD5;
  
    box-sizing: border-box;
    box-shadow: 0px 1px 0px rgba(22, 29, 37, 0.05);
    position: relative;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

    .F1DateFilter:hover {
        cursor: pointer !important;
    }

.F1InvalidInput {
    background: #FBEAE5 !important;
    border: 1px solid #BF0711 !important;
    border-radius: 4px !important;
}


    .F1InvalidInput .rcbInner {
        background: #FBEAE5 !important;
    }

aside nav ul li a .icon img {
    display: block;
    margin: 0 auto;
}

.table-list .filters-container .F1DateFilter:after {
    content: "";
    top: 16px;
    right: 15px;
    width: 10px;
    height: 5px;
    position: absolute;
    background: url('../Images/DownIcon.png') no-repeat top left;
}

.form-row textarea {
    display: block !important;
    width: 100% !important;
    color: #212B36 !important;
    font-family: 'DM Sans' !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 8px 13px !important;
    background: #FFFFFF !important;
    border: 1px solid #C4CDD5 !important;
    box-sizing: border-box !important;
    box-shadow: inset 0px 1px 2px rgba(102, 113, 123, 0.21) !important;
    border-radius: 3px !important;
}

    .form-row textarea:focus {
        border: 1px solid #316386 !important;
    }

    .form-row textarea:disabled {
        color: #8d9398 !important;
        background: #F9FAFB !important;
        border: 1px solid #C4CDD5 !important;
    }

.form-row .validation-error {
    background: url('../images/icon-error.svg') no-repeat 0px 1px !important;
}

.field-info img {
    float: left !important;
    margin: 6px 10px 0 0 !important;
}

.field-type-selector .items {
    padding-top: 15px !important;
}

.field-type-selector.item {
    float: left !important;
    width: calc(50% - 9px) !important;
}

    .field-type-selector .item + .field-type-selector .item {
        margin-left: 18px !important;
    }

    .field-type-selector .item input {
        display: none !important;
    }

    .field-type-selector .item label {
        display: block !important;
        cursor: pointer !important;
        padding: 16px !important;
        background: #FFFFFF !important;
        box-shadow: 0px 1px 3px rgba(63, 63, 68, 0.15), 0px 0px 0px rgba(63, 63, 68, 0.05) !important;
        border-radius: 3px !important;
        box-sizing: border-box !important;
    }

    .field-type-selector .item span {
        display: block !important;
        color: #212B36 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        padding-left: 26px !important;
        margin-bottom: 23px !important;
        position: relative !important;
    }

        .field-type-selector .item span:before {
            content: "" !important;
            top: 2px !important;
            left: 0px !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            border-radius: 50% !important;
            position: absolute !important;
            background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%) !important;
            border: 1px solid #C4CDD5 !important;
            box-sizing: border-box !important;
            box-shadow: 0px 1px 0px rgba(22, 29, 37, 0.05) !important;
            cursor: pointer !important;
        }

    .field-type-selector .item input:checked + label span:before {
        border-color: #5C6AC4 !important;
    }

.ItemChecked label span:after {
    content: "" !important;
    top: 6px !important;
    left: 4px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    position: absolute !important;
    background: #5C6AC4 !important;
}

.field-services table {
    border-top: none !important;
}

    .field-services table td {
        border-top: none !important;
    }

.with-sidebar .content .box + .boxdiv {
    margin-top: 36px;
}

.form-row-centered {
    text-align: center;
}

.warning-text {
    color: red !important;
}


.field-servicesServiceTD {
    padding-left: 24px !important;
}

.field-servicesSummaryServiceTD {
    padding-left: 24px !important;
}

/** NEW **/
main h1 {
    color: #212B36 !important;
    font-weight: bold !important;
    font-size: 28px !important;
    line-height: 28px !important;
    letter-spacing: -0.2px !important;
    margin-bottom: 30px !important;
}

main .head {
    margin-bottom: 30px !important;
}

    main .head h1 {
        margin-bottom: 0px !important;
    }




    main .head div {
        color: #212B36 !important;
        font-size: 16px !important;
        font-weight: bold !important;
        line-height: 24px !important;
    }

        main .head div.done {
            padding-left: 30px !important;
            background: url('../images/icon-check-circle.svg') no-repeat left center !important;
            max-width: 500px !important;
            margin-top: 40px !important;
        }

        main .head div a {
            /*color: #3E50F2;*/
        }

    main .head .buttons-container {
        font-size: 0px !important;
        margin: 15px 0px -15px 0px !important;
    }

        main .head .buttons-container .left {
            float: left !important;
        }

        main .head .buttons-container .right {
            float: right !important;
        }

        main .head .buttons-container .btn {
            float: left !important;
        }

.notifications-list ul li > a {
    background: url('../images/RightIcon.png') no-repeat right 6px !important;
}

.table-list .filters-container .search input {
    background: #FFFFFF url('../images/DarkSearchIcon.png') no-repeat 14px 10px !important;
}

.table-list .filters-container .filter:after {
    background: url('../images/DownIcon.png') no-repeat top left !important;
}

.table-list .filters-container .filter-settings:after {
    background: url('../images/SettingsIcon.png') no-repeat top left !important;
}

.steps ul li.done {
    background: url('../images/icon-check-circle.svg') no-repeat right 20px center !important;
}

.mobile-steps ul li.done {
    background: url('../images/icon-check-circle.svg') no-repeat center left !important;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
}

.page-list .head h1 {
    float: none;
}

/*.field-services table {
    width: calc(100%) !important;
   
}*/

/*Search Box*/
.RadSearchBox_Default .rsbInner {
    border: 0px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    border: 0px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    padding: 4px 10px 4px 10px !important;
}

.RadSearchBox .rsbEmptyMessage {
    color: white !important;
    font-family: 'DM Sans' !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-style: normal !important;
}

.RadSearchBox .rsbInput {
    color: white !important;
    font-family: 'DM Sans' !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.RadSearchBox_Default .rsbButtonSearch {
    color: rgba(255, 255, 255, 0.75) !important;
}
.RadSearchBox_Default .rsbButtonSearch {
    color: rgba(255, 255, 255, 0.75) !important;
}
.RadSearchBox .rsbButton {
    margin: 0;
    padding: 2px;
    font-size: inherit;
    width: 1.42857143em;
    height: 1.42857143em;
    border: 1px solid transparent;
    color: inherit;
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: 0 0;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-sizing: content-box;
}

.wrapper header.printheader {
    display: block;
    font-size: 0px;
    text-align: center;
    position: static;
}

.printheader .logo {
    width: auto;
    float: none;
    padding-left: 0px;
    width: 100%;
}

.printHeaderWrapper {
    width: 100%;
    overflow: hidden;
}

.printheader {
    display: none;
}

.containerEstimatePrintable {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

@media (max-width:768px) {

    .MobilePaddTopSignaturePar {
        padding-top:130px;
    }

    .notifications-list ul li .time {
        position: static;
        display: block;
        margin-top: 6px;
    }

    .RadGrid_Default .rgHeader {
        border-left:0px !important;
    }

    .RadGrid .rgRow > td {
        border-left-width:0px !important;
    }

    main .container {
        box-sizing:border-box !important;
    }
    .page-list {
        box-sizing:border-box !important;
    }
    header .mobile-menu .nav li + li {
        margin-top: 0px !important;
    }
    header .mobile-menu .nav li a {        
        padding: 6px 0 !important;
    }
    header .mobile-menu .nav {
        padding-top: 15px;
    }
}

@media print {

    .wrapper header {
        display: none;
    }

    aside {
        display: none;
    }

    main .head .buttons-container {
        display: none;
    }

    .wrapper header.printheader {
        display: block;
        font-size: 0px;
        text-align: center;
        position: static;
    }

    .table-list .table-container table th, .table-list .table-container table td {
        min-width:100px !important;
        width:100px !important;
    }


   .printheader .logo {
        width: auto;
        float: none;
        padding-left: 0px;
        width: 100%;
    }

    .printHeaderWrapper {
        width: 100%;
        overflow: hidden;
    }


    header .logo svg {
        display: inline;
    }

    main {
        margin-top: 10px;
    }

    body {
        background: #FFFFFF;
    }

    .form-review table tr td {
        vertical-align: top;
        padding: 0px 0 0px 0;
    }

    .field-services-summary table td {
        padding: 0px 0 0px 16px;
        border-top: 1px solid #DFE3E8;
    }

    .form-section {
        padding: 10px 17px;
    }

        .form-section h4 {
            padding-bottom: 6px;
        }

    .mobile-footer {
        display: none;
    }

    .mobile-steps {
        display: none;
    }

    main .head p {
        display: none;
    }


    .page-simple main {
        padding: 0px 0;
    }

    .containerEstimatePrintable {
        max-width: 600px;
    }

    .mobile-actions {
        display: none !important;
    }

    .NoteEntry, .UploadLink, .FileRemove, .AcceptSection {
        display: none !important;
    }

    .table-list .table-container table td .action.has-arrow .label:after {
        background-image: none !important;
    }

    .table-list .table-container table td .action .label {
        border-bottom: none !important;
    }

    .form-review table tr td:first-child {
        font-weight: normal !important;
    }

    .form-notes .notes {
           margin-top:5px !important;
    }
    .field-services-summary.alt table td {
        padding:5px 15px 5px 0px !important;
    }
    .field-services-summary table th {
        padding: 5px 0px 5px 15px !important;
    }
    .form-section + .form-section {
        border-top:none !important;
    }
    .with-sidebar .content .box {
        box-shadow:none !important;
    }
   

    .field-services-summary table tr + tr td {
        border-top:none !important;
    }
    .field-services-summary table tr th {
        border-bottom: 1px solid #DFE3E8 !important;
    }
   
    .field-services-summary table {
        border-top:none !important;
    }


       
}