/* fonts */

/* Nunito */

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'), url(../fonts/XRXV3I6Li01BKofINeaB.woff2) format('woff2'), url(../fonts/Nunito-Regular.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}         
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: local('Nunito Bold'), local('Nunito-Bold'), url(../fonts/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2'), url(../fonts/Nunito-Bold.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}  
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 900;
    src: local('Nunito Black'), local('Nunito-Black'), url(../fonts/XRXW3I6Li01BKofAtsGUYevI.woff2) format('woff2'), url(../fonts/Nunito-Black.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Material Icons */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot) format('embedded-opentype'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf)  format('truetype');
}
  
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Nunito', sans-serif;
}

:focus {
    outline: none;
}

#page-content {
    padding: 30px;
    min-height: calc(100vh - 95px) !important;
    border-top: 1px solid lightgrey;
    background-color: rgba(150, 150, 150, 0.1);
}

form {
    padding: 15px 0;
}

textarea {
    background-color: white;
}

button:hover {
    opacity: 0.85;
}

.btn-custom.btn-white:hover {
    background-color: rgba(0, 113, 188, 0.1) !important;
}

.mat-dialog-container form {
    padding: 0;
}

.router-area {
    height: 75px;
    margin-top: -24px !important;
    padding-left: 15px;
}

.router-area > .mat-title {
    margin: auto 0;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.content-area {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    padding: 15px 0;
}

.content-area > form {
    height: auto;
}

.ca1 {    
    height: calc( 100vh - 230px );
    margin-bottom: 0;
}

.ca2 {
    height: calc( 100vh - 270px );
    margin-bottom: 41px;
}

.ca3 {
    height: calc( 100vh - 320px);
    margin-bottom: 41px;
}

.ca4 {
    height: calc( 100vh - 280px);
    margin-bottom: 0;
}

.ca5 {
    height: calc( 100vh - 220px );
    margin-bottom: 41px;
}

/* ios
@supports (-webkit-overflow-scrolling: touch) {
    .ca1 {    
        height: calc( 100vh - 230px - 60px );
        margin-bottom: 0;
    }
    
    .ca2 {
        height: calc( 100vh - 270px - 60px );
        margin-bottom: 41px;
    }
    
    .ca3 {
        height: calc( 100vh - 310px - 60px );
        margin-bottom: 41px;
    }
    
    .ca4 {
        height: calc( 100vh - 280px - 60px );
        margin-bottom: 0;
    }
    
    .ca5 {
        height: calc( 100vh - 220px - 60px );
        margin-bottom: 41px;
    }
} */

.page-wrapper {
    padding: 24px;
}

.component-wrapper {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

mat-hint > mat-icon {
    font-size: 11px !important;
}

.form-wrapper > .component-wrapper {
    width: 200px !important;
}

.report-wrapper {
    overflow-y: auto;
    height: calc(100vh - 130px);
    margin: -2px;
    padding: 2px;
}

.report-wrapper .search-area {
    padding: 15px 15px 5px 15px;
    background-color: #fff;    
}

.search-area .mat-form-field {
    width: 100%;
}

.material-datepicker .mat-input-infix.mat-form-field-infix {
    padding: 5.5px 0px;
}

#reportViewer1 {
    height: 370px;
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 10px;
    background-color: white;
    
}

#reportViewer1:hover {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0, 113, 188, 0.7);
}

#reportViewer1 .trv-content-wrapper.k-content {
    display: flex;
    flex-direction: row;
}
#reportViewer1 .trv-content-wrapper.k-content .trv-content {
    order: 1;
}
#reportViewer1 .trv-content-wrapper.k-content .trv-nav.k-widget {
    order: 2;
}
#reportViewer1 .trv-menu-large {
    display: flex;
    flex-direction: column;
}
#reportViewer1 .trv-nav.k-widget {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#reportViewer1 .trv-nav.k-widget > .k-menu.k-header {
    margin: 0;
}
#reportViewer1 .trv-nav.k-widget > .trv-menu-large > .k-item > .k-link {
    width: 100%;
}
#reportViewer1 .k-animation-container {
    left: -80px !important;
}

#reportViewer1 .k-menu:not(.k-context-menu)>.k-item:focus, .k-menu:not(.k-context-menu)>.k-item.k-state-focused {
    box-shadow: none;
}

#reportViewer1 .trv-nav .k-state-disabled {
    opacity: 0.4;
}

@media only screen and (max-width: 599px) {
    #reportViewer1 .trv-menu-large { display: none !important; }
    #reportViewer1 .trv-content-wrapper.k-content {
        flex-direction: column;
    }
    #reportViewer1 .trv-content-wrapper.k-content .trv-content {
        order: 2;
    }
    #reportViewer1 .trv-content-wrapper.k-content .trv-nav.k-widget {
        order: 1;
    }
}  

.btn-custom6 {
    background-image: none !important;
    height: 35px !important;
    width: 35px !important;
    margin: 0 1px !important;
}

.btn-custom {
    border-radius: 35px !important;
    height: 35px;
    min-height: 35px;
    background-image: none !important;
    font-size: 16px !important;
    line-height: 35px !important;
}

.btn-custom .mat-button-ripple {
    border-radius: 5px !important;
}

.btn-custom6 .mat-icon {
    height: 20px !important;
    width: 20px !important;
    font-size: 20px !important;
    vertical-align: top !important;
}

.btn-blue {
    background-color: #0071bc !important;
    border: 1px solid #0071bc !important;
    color: white !important;
}

.btn-light-blue {
    background-color: #2797c9 !important;
    border: 1px solid #2797c9 !important;
    color: white !important;
}

.btn-dark-blue {
    background-color: #004470 !important;
    border: 1px solid #004470 !important;
    color: white !important;
}

.btn-green {
    background-color: #00c853 !important;
    border: 1px solid #00c853 !important;
    color: white !important;
}

.btn-white {
    background-color: white !important;
    border: 1px solid #0071bc !important;
    color: #0071bc !important;
}

.btn-mat-search {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0px 9px !important;
    background-color: #2797c9 !important;
}

 .btn-width1 {
    width: 100px;
}

.back-btn-area {
    position: absolute;
    bottom: 15px;
    left: 24px;
    padding: 0px;
    margin: 0px;
}

.submission-pending {
    background-image: url(../dist/images/submission-pending.svg);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
}

.submission-pending .submission-pending-msg {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #62808c;
    top: calc( 50% + 70px );

}

.custom-card1 {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
    display: block;
    position: relative;
    border-radius: 2px;
}

.box-shadow1 {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

.seperator-grey {
    position: relative;
}

.seperator-grey:after {
    content: '';
    width: 100%;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    position: absolute;
    bottom: 0;
    left: 0;
}

.btn-area {
    position: absolute;
    padding: 15px 24px;
    bottom: 0;
    left: 0;
    width: calc( 100vw - 130px);
}

.notification-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 35px !important;
    width: 35px !important;
    font-size: 35px !important;
    border-radius: 50%;
}

/* dialog */

.dialog-header {
    position: relative;
}

.dialog-header .dialog-title {
    margin: 0;
}

.dialog-content {
    overflow: auto;
    max-height: calc( 100vh - 190px) !important;
    padding: 15px 0;
}

.dialog-header > button {
    position: absolute;
    right: -24px;
    top: -24px;
    box-shadow: 1px 1px 1pz;
    z-index: 1;
}

.dialog-btn-area {
    padding: 15px 15px 0 15px;
}

.higlight-blue1 {
    background-color: rgba(122, 175, 255, 0.4);
    padding: 5px 15px;
    margin-top: 15px;
    border-radius: 10px;
}

.higlight-yellow1 {
    background-color: rgba(247, 255, 122, 0.4);
    padding: 5px 15px;
    margin-top: 15px;
    border-radius: 10px;
}

.higlight-purple1 {
    background-color: rgba(227, 174, 245, 0.4);
    padding: 5px 15px;
    margin-top: 15px;
    border-radius: 10px;
}


.display {
    display: block !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

/* common styles */
.fnt-white {
    color: white !important;
}

.fnt-grey1 {
    color: #9e9e9e !important;
}

.fnt-grey2 {
    color: #676767 !important;
}

.fnt-grey3 {
    color: lightgrey !important;
}

.fnt-grey4 {
    color: #374659 !important;
}

.fnt-white {
    color: white !important;
}

.fnt-blue {
    color: #0071bc !important;
}

.fnt-blue1 {
    color: #62808c !important;
}

.fnt-blue2 {
    color: #86cdfd !important;
}

.fnt-red {
    color: #dc5757 !important;
}

.fnt-orange {
    color: #ffa500 !important;
}

.txt-center {
    text-align: center !important;
}

.txt-right {
    text-align: right !important;
}

.txt-left {
    text-align: left !important;
}

.txt-bold {
    font-weight: bold;
}

.bgrnd-grey {
    background-color: lightgrey !important;
}

.bgrnd-grey2 {
    background-color: #f9f9f9 !important;
}

.bgrnd-grey3 {
    background-color: #f3f3f3 !important;
}

.bgrnd-grey4 {
    background-color: #9e9e9e !important;
}

.bgrnd-green {
    background-color: #00c853 !important;
}

.bgrnd-white {
    background-color: white !important;
}

.bgrnd-red {
    background-color: #dc5757 !important;
}

.bgrnd-blue {
    background-color: #0071bc !important;
}

.bgrnd-blue1 { 
    background-color: #62808c !important;
}

.bgrnd-blue2 {
    background-color: #0ad8cf !important;
}

.bgrnd-orange {
    background-color: #ffa500 !important;
}

.p-0 {
    padding: 0 !important;
}

.p-15 {
    padding: 15px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

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

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-x-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.p-y-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-y-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.m-x-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.m-x-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

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

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

.h-75px {
    height: 75px !important;
}

.l-h-40 {
    line-height: 40px;
}

.b-r-10 {
    border-radius: 10px !important;
}

.f-w-400 {
    font-weight: 400 !important;
}

.f-w-700 {
    font-weight: 700 !important;
}

.rotate180 {
    transform: rotate(180deg);
}

@media screen and (max-width: 599px) {

    #page-content {
        padding: 15px;
        overflow: scroll;
    }

    .content-area {
        min-height: 300px;
    }

    .p-xs-15 {
        padding: 15px !important;
    }

    .btn-custom3 {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 50%;
        border-radius: 0 !important;
    }

    .btn-custom4 {
        position: fixed !important;
        bottom: 0;
        right: 0;
        width: 50%;
        border-radius: 0 !important;
    }

    .bgrnd-xs-purple {
        background-color: #8e24aa !important;
    }

    .ca1 {
        height: calc( 100vh - 170px - 60px );
        margin-bottom: 0;
    }

    .ca2 {
        height: calc( 100vh - 240px - 60px );
        margin-bottom: 41px;
    }

    .ca3 {
        height: calc( 100vh - 290px - 60px );
        margin-bottom: 41px;
    }

    .ca4 {
        height: calc( 100vh - 250px - 60px );
        margin-bottom: 0;
    }
    
    .ca5 {
        height: calc( 100vh - 220px - 60px );
        margin-bottom: 41px;
    }

    .btn-area {
        position: absolute;
        padding: 15px;
        bottom: 0;
        left: 0;
        width: calc( 100vw - 30px);
    }

    .btn-custom {
        min-width: 60px !important;
        width: 60px !important; 
    }

    .btn-custom.btn-stretched {
        min-width: auto !important;
        width: auto !important;
    }

    .btn-custom .mat-icon {
        top: -2px;
        position: relative;
    } 
    
    .back-btn-area {
        position: absolute;
        bottom: 15px;
        left: 15px;
        padding: 0px;
        margin: 0px;
    }

    .submission-pending {
        background-image: none;
    }

    .submission-pending .submission-pending-msg {
        position: relative;    
    }

}

@media screen and ( max-width: 400px) {
    .btn-xs-header {
        position: fixed !important;
        width: 55px;
        min-width: 55px !important;
        margin-right: 0 !important;
    }

    .btn-xs-header:nth-child(2) {
        left: 0px;
    }

    .k-upload .k-upload-files .k-file-name-size-wrapper {
        margin-right: 15px !important;
    }
}

@media screen and ( min-width: 1280px ) {
    .form-wrapper > .component-wrapper {
        width: calc(27vw + 6px) !important;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    /**
    * iPhone 6, 6s, 7, 8
    */
    @media screen and (device-aspect-ratio: 375/667) {
        .ca1 {
            height: 368px !important;
        }
        .ca2 {
        height: 325px !important;
        } 
        .ca3 {
            height: 275px !important;
        }
        .ca4 {
            height: 318px !important;
        }
        .ca5 {
            height: 345px !important;
        }
    }
}

/**
 * iPhone 6 Plus, 6s Plus, 7 Plus, 8 Plus 
 */
/* @media screen and (device-aspect-ratio: 9/16) {
    .ca1 {
        height: 468px !important;
    }
    .ca2 {
      height: 425px !important;
    } 
    .ca3 {
        height: 375px !important;
    }
    .ca4 {
        height: 418px !important;
    }
    .ca5 {
        height: 445px !important;
    }
} */

.mat-radio-label-content {
    font-weight: normal !important;
}

.mat-header-cell {
    color: rgba(0, 0, 0, 0.8) !important;
}

.mat-header-cell {
    font-weight: bold !important;
}

.mat-select-trigger {
    font-size: inherit !important;
}

.lock {
    color: #da3a8e;
    font-size: 18px !important;
    float: right
}

.unlock {
    color: #408ff1;
    font-size: 18px !important;
    float: right
}

/* toastr msg start */

.toast-success {
    background-color: #F6FBFC !important;
    color: #53BCC0 !important;
    /*color: #0071bc !important;*/
    font-weight: bold;
    opacity: 1 !important;
}

.toast-error {
    background-color: #FDF2F2 !important;
    color: #d80001 !important;
    font-weight: bold;
    opacity: 1 !important;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}

#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;*/
     /* background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5jb3V0aW9uIGljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImN1dG9tLWljb25zL2NvdXRpb24taWNvbl9yZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iY291dGlvbi1pY29uIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtNyIgc3Ryb2tlPSIjRDgwMDAxIiBjeD0iMTQiIGN5PSIxNCIgcj0iMTQiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjE0LDkgTDE0LjQsOSBMMTQuNCwxMS4zOTQgTDE0LjE5LDE1LjY1IEwxMy4zMzYsMTUuNjUgTDEzLjE0LDExLjM5NCBMMTMuMTQsOSBaIE0xMy43NywxNy4xNzYgQzEzLjk4NDY2NzcsMTcuMTc2IDE0LjE2NDMzMjYsMTcuMjUwNjY1OSAxNC4zMDksMTcuNCBDMTQuNDUzNjY3NCwxNy41NDkzMzQxIDE0LjUyNiwxNy43NDA2NjU1IDE0LjUyNiwxNy45NzQgQzE0LjUyNiwxOC4yMDczMzQ1IDE0LjQ1MzY2NzQsMTguNDAwOTk5MiAxNC4zMDksMTguNTU1IEMxNC4xNjQzMzI2LDE4LjcwOTAwMDggMTMuOTg0NjY3NywxOC43ODYgMTMuNzcsMTguNzg2IEMxMy41NTUzMzIzLDE4Ljc4NiAxMy4zNzMzMzQxLDE4LjcwOTAwMDggMTMuMjI0LDE4LjU1NSBDMTMuMDc0NjY1OSwxOC40MDA5OTkyIDEzLDE4LjIwNzMzNDUgMTMsMTcuOTc0IEMxMywxNy43NDA2NjU1IDEzLjA3NDY2NTksMTcuNTQ5MzM0MSAxMy4yMjQsMTcuNCBDMTMuMzczMzM0MSwxNy4yNTA2NjU5IDEzLjU1NTMzMjMsMTcuMTc2IDEzLjc3LDE3LjE3NiBaIiBpZD0iISIgZmlsbD0iI0Q4MDAwMSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=') !important; */
}

#toast-container > .toast-success {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdWJtaXQgYnV0dG9uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjdXRvbS1pY29ucy9jaGVja2VkLWljb25fZ3JlZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0ic3VibWl0LWJ1dHRvbiI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iY2hlY2stLS1tYXRlcmlhbCIgZmlsbD0iIzUzQkNDMCIgcG9pbnRzPSIxMi4yNSAxNi41MzYgMTguNDI0IDEwLjM0OCAxOS4yNSAxMS4xNzQgMTIuMjUgMTguMTc0IDkuMDAyIDE0LjkyNiA5LjgxNCAxNC4xIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTciIHN0cm9rZT0iIzUzQkNDMCIgY3g9IjE0IiBjeT0iMTQiIHI9IjE0Ij48L2NpcmNsZT4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') !important; 
    /* background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzE0NkNCQTt9PC9zdHlsZT48dGl0bGU+aW5mbzwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9IkNoZWNrXzFfIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTUuMDAwMDAwLCA0MC4wMDAwMDApIj48cGF0aCBpZD0iU2hhcGVfM18iIGNsYXNzPSJzdDAiIGQ9Ik0tMzQwLTM5LjdjLTguMiwwLTE0LjgsNi42LTE0LjgsMTQuOHM2LjYsMTQuOCwxNC44LDE0LjhzMTQuOC02LjYsMTQuOC0xNC44Uy0zMzEuOC0zOS43LTM0MC0zOS43eiBNLTM0MC0xMi4yYy03LDAtMTIuNy01LjctMTIuNy0xMi43czUuNy0xMi43LDEyLjctMTIuN3MxMi43LDUuNywxMi43LDEyLjdjMCwzLjQtMS4zLDYuNi0zLjcsOVMtMzM2LjYtMTIuMi0zNDAtMTIuMnoiLz48cG9seWdvbiBpZD0iU2hhcGVfMl8iIGNsYXNzPSJzdDAiIHBvaW50cz0iLTM0Mi40LC0yMi4yIC0zNDQuNSwtMjQuMiAtMzQ2LC0yMi42IC0zNDIuMiwtMTkuMSAtMzMzLjksLTI5LjUgLTMzNS41LC0zMC44ICIvPjwvZz48L3N2Zz4=') !important; */

}
  /*.toast-success > background-image {
        width: 30px !important;
        height: 30px !important;
    }*/

.toast-message {
    margin-left: 10px;
}

.toast-error .toast-progress {
    background-color: #d80001 !important;
    opacity: 1 !important;
}

.toast-success .toast-progress {
    background-color: #53BCC0 !important; 
    /*background-color: #0071bc !important;*/
    opacity: 1 !important;
}

/* toastr msg end */

.request-for-edit-btn {
    padding: 14px;
}


.search-grid-container {
    height: 100% !important;
}

/* start kendo grid button panel for action buttons */

.k-grid tr.k-state-selected > td.change-button-position {
    position: absolute;
    background-color: #cccccc !important;
    border-radius: 5px;
    box-shadow: 1px 1px 1px grey;
    padding-top: 8px !important;
}
/* fix for mozilla browsers only, before firefox 61 */
@-moz-document url-prefix() { 
    .k-grid tr.k-state-selected > td.change-button-position {
        top: 2px !important;
    }
}
/* fix for mozilla browsers only, after firefox 61 fix and works for all firefox versions >=4 */
@media(min--moz-device-pixel-ratio:0) {
    .k-grid tr.k-state-selected > td.change-button-position {
        top: 2px !important;
    }
} 

.button-panel-padding {
    padding-top: 44px !important;
}

/* end kendo grid button panel for action buttons */

.nothingToReport {
    background-color: #84a184;
    margin-bottom: 34px;
    font-weight: bold;
    width: 231px;
    max-width: 231px !important;
    color: white;
    height: 30px;
    padding-top: 5px;
    padding-left: 10px;
    border-radius: 5px;
}

.inline-content {
    display:inline;
    vertical-align: top;
}

/* stepper  */

.stepper {
    position: relative;
    width: 100%;
}

.stepper-item {
    height: 40px;
    width: 40px;  
    border-radius: 5px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    color: white;
    background-color: #0071bc;
    box-shadow: #0071bc 0px 0px 0px 1px;
}

.stepper-item.selected:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    width: 50px;
    height: 50px;
    border: 2px solid #0071bc;
    border-radius: 10px !important;
}

.stepper-item.clause-invalid {
    color: #62808c;
    background-color: #e6e6e6;
    box-shadow:#bdbdbd 0px 0px 0px 1px
}

.stepper-item.comment-available:after {
    content: '';
    position: absolute;
    top: -3px;
    right: -5px;
    width: 12px;
    height: 12px;
    border-radius: 6px !important;
    background-color: #ff5454;
}

.stepper-line {
    z-index: 1;
    position: absolute;
    top: 50px;
    border: 1px solid rgb(242, 242, 242);
    width: 100%;
    display:none;
}

.general-comment {
    color: #62808c !important;
}

.reverted-comment {
    color: #dc5757 !important;
}

.has-comments-pending {
    color: #dc5757 !important;
}

.reverted-clause:after {
    content: 'info';
    position: absolute;
    top: -8px;
    right: -8px;
    border-radius: 50%;
    color: #dc5757;
    background-color: white;
    z-index: 1; 
    font-family: 'Material Icons';
    font-size: 19px;
    width: 15px;
    height: 15px;
    vertical-align: top;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ CSS */ 
    .reverted-clause:after {
        background-color: #dc5757;
    }
}

@supports (-ms-accelerator:true) { /* Edge 12+ CSS */ 
    .reverted-clause:after {
        background-color: #dc5757;
    }
}

@supports (-ms-ime-align:auto) { /* Edge 16+ CSS */     
    .reverted-clause:after {
        background-color: #dc5757;
    }
}

.avatar {
    height: 40px;
    width: 40px;
    border-radius: 100px;
}

@media screen and ( max-width: 599px ) {
    .avatar {
         display: none; 
    }
}

.avatar, .hi-msg, .hi-msg-desig {
    cursor: pointer;
}

.auditTitle {
    padding-top: 5px;
}

.red-highlight {
    color: whitesmoke;
    background-color: red;
}

.green-highlight {
    color: whitesmoke;
    background-color: green;
}

.grey-highlight {
    color: whitesmoke;
    background-color: gray;
}

/* sidenav mini scroll */
#sidenav-mini .ps__rail-y,
#sidenav .ps__rail-y {
    opacity: 1;
    width: 6px;
    background: rgba(0, 56, 93, 0.4);
}

#sidenav-mini .ps__thumb-y,
#sidenav .ps__thumb-y {
    right: 0;
    border-radius: 5px;
}

#sidenav-mini .ps__thumb-y,
#sidenav .ps__thumb-y {
    background-color:rgba(0, 56, 93, 0.75);
}

#sidenav-mini:hover .ps__thumb-y, #sidenav-mini:focus .ps__thumb-y,
#sidenav:hover .ps__thumb-y, #sidenav:focus .ps__thumb-y {
    width: 6px;
    background-color:rgba(0, 56, 93, 0.65);
    border-radius: 5px;
}

#sidenav-mini:hover .ps__rail-y, #sidenav-mini:focus .ps__rail-y,
#sidenav:hover .ps__rail-y, #sidenav:focus .ps__rail-y {
    background-color: rgba(189, 189, 189, 0.3);
    width: 6px;
    opacity: 1;
}

#sidenav-mini .ps__rail-y:hover .ps__thumb-y, #sidenav-mini .ps__rail-y:focus .ps__thumb-y {
    width: 10px;
    right: 0;
}

#sidenav .ps__rail-y:hover .ps__thumb-y, #sidenav .ps__rail-y:focus .ps__thumb-y {
    width: 12px;
    right: 2px;
    border-radius: 6px;
}

#sidenav-mini .ps__rail-y:hover, #sidenav-mini .ps__rail-y:focus {
    width: 10px;
}

#sidenav .ps__rail-y:hover, #sidenav .ps__rail-y:focus {
    width: 16px;
}

/* block ui  */

.block-ui-wrapper {
    background-color: rgba(0,0,0,0) !important;
}