/* New Main CSS ----------------------------------- */

/*Utilities*/
.mt-0 {
    margin-top: 0px;
}

.mt-1 {
    margin-top: 4px;
}

.mt-2 {
    margin-top: 8px;
}

.mt-3 {
    margin-top: 16px;
}

.mt-4 {
    margin-top: 24px;
}

.mt-5 {
    margin-top: 48px;
}

.mt-6 {
    margin-top: 64px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 4px;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-3 {
    margin-bottom: 16px;
}

.mb-4 {
    margin-bottom: 24px;
}

.mb-5 {
    margin-bottom: 32px !important;
}

.mb-6 {
    margin-bottom: 64px !important;
}

.ml-0 {
    margin-left: 0px;
}

.ml-1 {
    margin-left: 4px;
}

.ml-2 {
    margin-left: 8px;
}

.ml-3 {
    margin-left: 16px;
}

.ml-4 {
    margin-left: 24px;
}

.ml-5 {
    margin-left: 48px;
}


.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.lh-5 {
    line-height: 50px;
}

.dark-green {
    color: #00AB47;
}

.erebus-blue {
    color: #0B0039;
}

.deep-blue {
    color: #190c7f;
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*Dropdowns*/

.box-base {
    height: 49px;
    padding: 12px 16px;
    margin: 4px 0px;
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    border-radius: 5px;
    font-family: Manrope;
    font-size: 16px;
    line-height: 24px;
}

.Sortby-box-base {
    height: 32px;
    padding: 4px 8px;
    font-family: Manrope;
    font-style: normal;
    line-height: 24px;
    color: #838383;
}

    .Sortby-box-base:hover, .box-base:hover {
        border: 1px solid #A3C7D2;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    }

.search-panel {
    display: flex;
    align-items: center;
}


/*Styling for Accounting Report (Submit)*/
.UploadFile {
}

#FirmAccounting .UploadFile input[type=file]::file-selector-button {
    content: "CHOOSE FILE" !important;
    padding: 8px 16px;
    background: #FFFFFF;
    border: 1px solid #A67F42;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: Manrope;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.078125em;
    text-transform: uppercase;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.removeDocument {
    float: right !important;
    margin-top: 7px !important;
    margin-right: -25px !important;
    display: inline-block;
    margin-left: 0 !important;
    color: #0B0039;
}

.modal-title {
    color: #FFFFFF;
    font-family: PT Serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 41px;
}

.divider-gold-100 {
    border: 2px solid #A67F42;
    width: 100%;
    margin-left: 0px;
    margin-top: 16px;
    margin-bottom: 16px;
}

/*.modal-text, .modal-text p {
    font-family: Manrope;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
}*/

/*.btn-reopen {
    width: 175px;
    height: 44px;
}*/


.btn-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em;
}


/*.search-button-icon {
    height: 20px;
    background: #FFFFFF;
}*/
/*.Searchdropdown-check-list {
    display: inline-block;
}*/
/*Enda's Changes'*/

#FirmAccounting input.error {
    box-shadow: none !important;
}

.label-caption {
    font-weight: bold !important;
    color: #0B0039;
    font-size: 16px;
}

#PIICreateUser i, #PIISearchUser i, #RARCreateUser i, #RARSearchUser i, #FirmAccounting i {
    font-size: 16px;
    font-style: normal !important;
    vertical-align: middle;
}

#PIICreateUser .input-group-eye, #RARCreateUser .input-group-eye {
    padding: 0.375rem 0.75rem;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}


#PIICreateUser input:not([type='checkbox']):hover, #RARCreateUser input:not([type='checkbox']):hover {
    border-color: #A3C7D2;
    border-width: 2px;
}

.question-text:hover .hint__tip {
    display: block !important;
    float: right;
    right: -150px;
    position: absolute;
}

#PIICreateUser .validationMessage, #RARCreateUser .validationMessage, #FirmAccounting .validationMessage {
    font-size: 16px;
}


#FirmAccounting .error-outlined-icon {
    margin-left: 0px !important;
    margin-right: 10px !important;
    color: #E60000;
}

#FirmAccounting .span-validation-message {
    display: flex;
    align-items: flex-start;
    margin-top: 5px;
}

#FirmAccounting .k-state-hover {
    background-color: transparent;
}

/*----- Overwritting some Kendo classes stop match our own styling ----*/
#FirmAccounting .k-input {
    padding: 8px 16px;
    position: static;
    height: 48px;
    left: 0px;
    top: 26px;
    background: #FFFFFF;
    border: 1px solid #838383;
    box-sizing: border-box;
    border-radius: 5px;
}

#FirmAccounting .k-autocomplete > .k-i-close {
    margin-right: 16px !important;
    font-size: 20px !important;
}

#FirmAccounting .modal-footer {
    justify-content: center;
}

#FirmAccounting .modal-dialog h5 {
    font-family: Manrope;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.03125em;
    color: #555555;
}



/*Styling form Alert green ligth box*/
.alert-success-light-green {
    display: flex;
    color: #555555;
    background-color: #DEFFEC;
    border-color: #DEFFEC;
    border-top: 5px solid #00AB47 !important;
    line-height: 24px;
    justify-content: space-between;
    align-items: center;
}

    .alert-success-light-green span {
        font-family: 'Manrope', sans-serif;
        font-size: 14px;
    }

        .alert-success-light-green span:first-of-type {
            flex: auto;
        }

        .alert-success-light-green span:last-child {
            margin-left: 10px;
        }

    .alert-success-light-green > i:first-of-type {
        margin-right: 20px;
    }

    .alert-success-light-green span .fa-times:before {
        -webkit-text-stroke: 1.5px #DEFFEC;
        cursor: pointer;
    }



#PIICreateUser .table td, #PIISearchUser .table td, #RARCreateUser .table td, #RARSearchUser .table td, #FirmAccounting .table td {
    border-top: 0px;
    padding: 20px 10px !important;
    border-bottom: 1px solid #dee2e6;
}

#PIISearchUser .input-no-gutter > [class*='col-'], #PIICreateUser .input-no-gutter > [class*='col-'], #RARCreateUser .input-no-gutter > [class*='col-'], #RARSearchUser .input-no-gutter > [class*='col-'], #FirmAccounting .input-no-gutter > [class*='col-'] {
    padding: 0px 10px 0px 0px;
}



/****Main Search Page****/
.article {
    padding: 20px 0 10px 0;
    border-bottom: 0px;
}

#search-results h4 > a {
    text-decoration: none;
}

#search-results .news-preview {
    margin: 32px 0px 32px;
}

    #search-results .news-preview h4:hover {
        color: #0B0039;
        opacity: 0.5;
    }

    #search-results .news-preview h4 {
        margin-bottom: 16px;
    }

#search-results .search-header-subsection {
    color: #A67F42;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
}

#search-results .search-header-date {
    color: #838383;
    font-size: 13px;
    font-weight: 300;
}

#search-results .panel-facets {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid #B5B5B5;
    box-sizing: border-box;
    border-radius: 5px;
    width: 300px;
}

    #search-results .panel-facets li {
        padding: 5px;
    }

        #search-results .panel-facets li:hover {
            background: #EBEBEB
        }

#search-results .search-count {
    font-size: 13px;
    line-height: 18px;
}

#search-results .search-header-introText {
    font-size: 16px;
    margin-bottom: 0px;
}


#search-results .search-count-div {
    display: flex;
}

#search-results .search-count-div-top {
    align-items: flex-end;
}

#search-results .search-count-div-bottom {
    justify-content: space-between;
    align-items: center;
}



#search-results .hr-input {
    /*min-width: 258px;*/
    border: 1px solid #EBEBEB;
    flex: none;
    order: 5;
    align-self: stretch;
    flex-grow: 0;
    margin: 16px 0px;
}

#search-results ul hr:last-child {
    display: none;
}

#search-results #pnlError p {
    font-family: Manrope;
    font-style: normal;
    line-height: 24px;
    color: #838383;
}

#search-results #pnlError {
    margin-top: 16px;
}



/*Overwritting styles from commerce.css for the media query to trigger earlier at 1050px instead of 800px*/
@media (max-width: 1050px) {
    #search-results .col-1, #search-results .col-2, #search-results .col-3, #search-results .col-4, #search-results .col-5, #search-results .col-6, #search-results .col-7, #search-results .col-8, #search-results .col-9, #search-results .col-10, #search-results .col-11, #search-results .col-12 {
        width: 100%;
    }

    #search-results .panel-facets {
        width: 100%;
    }

    #search-results .box-base {
        width: 100%
    }

    #search-results .search-count-div-bottom {
        width: 260px;
        float: right;
    }
}

@media all and (max-width: 568px) {

    /*stop checkbox doubling size in small screens*/
    #FirmAccounting input[type=checkbox] {
        -ms-transform: none; /* IE */
        -moz-transform: none; /* FF */
        -webkit-transform: none; /* Safari and Chrome */
        -o-transform: none; /* Opera */
    }
}