/*----------------------------------Global Component Styling---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, span, label {
    color: #808080;
}

.responsive-img {
    max-width: 100%;
}

input, select, textarea, input.form-control, select.form-control, textarea.form-control {
    border-radius: 3px;
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.2);
    outline: none;
    height: 37px;
}

textarea {
    height: auto;
}

    textarea.form-control {
        height: auto;
    }

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

.cursor-pointer {
    cursor: pointer;
}

.blue-txt {
    color: #0192b1;
}

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

.flash-screen {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(./../assets/loader.gif) no-repeat center center #052642;
    z-index: 1;
}

ul.list-inline li {
    display: inline-block;
}

.cw-btn {
    padding: 5px 25px;
    color: #ffffff;
    outline: none;
    border: none;
    font-size: 14px;
    border-radius: 0;
    margin-right: 19px;
}


.btn-submit {
    color: #f7f7f7;
    background: rgb(23,162,184); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(23,162,184,1) 0%, rgba(0,144,158,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(23,162,184,1) 0%,rgba(0,144,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(23,162,184,1) 0%,rgba(0,144,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17a2b8', endColorstr='#00909e',GradientType=0 ); /* IE6-9 */
}

    .btn-submit:hover {
        color: #fff;
    }

.feature-container {
    border: 1px solid #ccc;
}

.container-heading {
    background: #f7f7f7;
    padding: 0.5rem 1rem;
    color: #a0a4a2;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}

    .container-heading:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        z-index: 2;
        border-width: 0 30px 30px 0;
        border-color: transparent #e31e2d transparent transparent;
    }

    .container-heading:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        z-index: 1;
        border-style: solid;
        border-width: 0 0 30px 30px;
        border-color: transparent transparent #ccc transparent;
    }

.container-body {
    padding: 1rem;
    border-bottom: 1px solid #ccc;
}

.cw-checkbox .mat-checkbox-label {
    font-size: 13px;
    color: #323232;
    padding-right: 10px;
}

.cw-checkbox.type-1 .mat-checkbox-label {
    font-size: 14px;
    color: #abaaaa;
    padding-right: 10px;
    font-weight: bold;
}

.cw-checkbox.cw-checkbox-0-margin .mat-checkbox-layout {
    margin: 0;
}

.cw-checkbox.mat-checkbox-checked .mat-checkbox-label {
    /*color: #fff;*/
}

.cw-checkbox .mat-checkbox-frame {
    border-color: #dedede;
    background: #f5f5f5;
}

.cw-checkbox .mat-checkbox-inner-container {
    width: 22px;
    height: 22px;
}

.cw-checkbox .mat-checkbox-checkmark-path {
    stroke: #17a2b8 !important;
}

.cw-checkbox.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #e4e4e4;
}

.cw-checkbox.mat-checkbox-disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.cw-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    border: 2px solid #17a2b8;
    background: #fff;
}

.cw-checkbox.text-ellipsis .mat-checkbox-layout {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cw-checkbox.text-ellipsis {
    display: block;
}

.radio-list.mat-radio-group .cw-radio.mat-radio-button {
    display: flex;
    clear: both;
}

.cw-radio.mat-radio-button .mat-radio-outer-circle {
    border: 1px solid #b9b6b6;
}

.cw-radio.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #17a2b8;
}

.cw-radio.mat-radio-button .mat-radio-inner-circle {
    background: #17a2b8;
}

.cw-radio.mat-radio-button,
.cw-radio.mat-radio-button .mat-radio-label {
    max-width: 100%;
}

    .cw-radio.mat-radio-button .mat-radio-label-content {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        color: black; /* Text becomes white when radio is disabled*/
        font-size: 13px;
    }

.cw-radio-small-text.cw-radio.mat-radio-button .mat-radio-label-content {
    font-size: 13px;
    word-wrap: break-word;
    white-space: normal;
    color: #696b6a; /* Text becomes white when radio is disabled*/
}

mat-select.cw-select.mat-select-required .mat-select-placeholder::after {
    display: none;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: inherit;
}

mat-select.cw-select {
    height: 34px;
    /*border: 1px solid #ced4da;*/
    background: #fff;
    border-radius: 3px;
}

    mat-select.cw-select .mat-select-placeholder {
        color: #989898;
        background: #fff;
        font-size: 13px;
        line-height: 21px;
        top: 5px;
        position: relative;
    }

    mat-select.cw-select:focus .mat-select-placeholder, mat-select.cw-selectBox:active .mat-select-placeholder {
        background: #fff;
    }

    mat-select.cw-select .mat-select-placeholder.mat-floating-placeholder {
        visibility: hidden;
    }

    mat-select.cw-select .mat-select-arrow-wrapper {
        background: rgb(238,238,238); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    }

    mat-select.cw-select .mat-select-arrow {
        /*background: url('./../images/icon_all_sprite_02.png') no-repeat -117px -1947px;*/
        width: 43px;
        height: 33px;
        border: none;
        margin: 0;
        border-left: 1px solid #ccc;
        background-image: url(./../assets/arrow.png);
        background-repeat: no-repeat;
        background-position: 10px;
    }

    mat-select.cw-select .mat-select-value-text {
        line-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto;
        display: block;
        text-align: left;
        color: #7b7d7f;
        font-size: 14px
    }

    mat-select.cw-select .mat-select-trigger {
        height: 31px;
        width: 100%;
        display: table;
        border: 1px solid #ced4da;
        border-radius: 3px;
    }

    mat-select.cw-select .mat-select-underline {
        display: none;
    }

    mat-select.cw-select .mat-select-value {
        padding-left: 9px;
        padding-bottom: 0;
        background: #fff;
        box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.2);
    }

.mat-select-panel {
    border-radius: 0;
    background: #fff;
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding: 0;
}

.mat-form-field-appearance-legacy .mat-form-field-underline, .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    display: none;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0;
    margin: 0;
    border: none;
}

.mat-form-field-type-mat-select .mat-form-field-label-wrapper .mat-form-field-label {
    left: 10px;
    top: 23px !important;
    font-size: 13px;
    width: calc(100% - 53px);
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    display: none !important;
}

.col-form-label {
    font-size: 14px;
    color: #878a88;
}

.form-group.row .col-form-label {
    line-height: 30px;
}

.mat-select-panel::-webkit-scrollbar, .cw-default-scroll::-webkit-scrollbar, .ag-body-viewport::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    margin-right: 10px;
}

.mat-select-panel::-webkit-scrollbar-track, .cw-default-scroll::-webkit-scrollbar-track, .ag-body-viewport::-webkit-scrollbar-track {
    background: #ddd;
}

.mat-select-panel::-webkit-scrollbar-thumb, .cw-default-scroll::-webkit-scrollbar-thumb, .ag-body-viewport::-webkit-scrollbar-thumb {
    background: #a5a5a5;
}
/*----------[Tree view]------------*/
.treeview-container .row-item i.fa-caret-down:before, .row-item i.fa-caret-right:before {
    content: '';
}

.treeview-container .row-item i.fa-caret-down {
    width: 22px !important;
    height: 23px;
    background: url(./../assets/expanded.png) no-repeat center center #fff;
}

.treeview-container .row-item i.fa-caret-right {
    width: 22px !important;
    height: 23px;
    background: url(./../assets/collapsed.png) no-repeat center center #fff;
}

.treeview-container .row-item .form-check-label, .treeview-header .row-all .form-check-label {
    padding-left: 9px;
    color: #666;
    position: relative;
}


.treeview-header .row-all input.form-check-input + label:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 23px;
    display: block;
    top: 0;
    left: -18px;
    background: url(./../assets/uncheck.png) no-repeat center center #fff;
}


.treeview-header .row-all input.form-check-input:checked + label:before {    
    background: url(./../assets/checked.png) no-repeat center center #fff;
}

.treeview-container .row-item input.form-check-input + label:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 23px;
    display: block;
    top: 0;
    left:-18px;
    background: url(./../assets/uncheck.png) no-repeat center center #fff;
}
.treeview-container .row-item input.form-check-input:checked + label:before {    
    background: url(./../assets/checked.png) no-repeat center center #fff;
}
.treeview-container .row-item input.form-check-input,
.treeview-header .row-all input.form-check-input {
    height: 0px;
    left: -999px;
    visibility:hidden;
}

/*-------------------------------Dialog start-------------------------------------*/
/*-------------------------------Dialog-------------------------------------*/
.cw-dialog .mat-dialog-container {
    padding: 0;
    overflow: inherit;
}

.cw-dialog .dialog-title {
    font-size: 15px;
    padding: 0.5rem 1rem;
    color: #fff;
}

.cw-dialog .mat-dialog-actions {
    border-top: 1px solid #e4dfdf;
    padding: 0.5rem;
    justify-content: flex-end;
    margin: 0;
}

.cw-dialog .mat-dialog-content {
    margin: 0;
    padding: 1rem 1rem;
    color: #797676;
    font-size: 13px;
    max-width: 650px;
    white-space: normal;
    word-wrap: break-word;
}

    .cw-dialog .mat-dialog-content ul {
        padding-left: 1.5rem;
    }

        .cw-dialog .mat-dialog-content ul li {
            margin-bottom: 0.5rem;
        }

.cw-dialog .btn-dialog {
    color: #fff;
}

.cw-dialog.cw-default-dialog .dialog-title {
    background: #ce4d15;
    margin: 0;
    font-weight: bold;
}

.cw-dialog.cw-default-dialog .btn-dialog {
    background: #fff;
    margin: 0;
    font-weight: bold;
    color: #ce4d15;
    border: 1px solid #ce4d15;
}

.cw-dialog.cw-success-dialog .dialog-title {
    background: #1d9e2f;
    margin: 0;
    font-weight: bold;
}

.cw-dialog.cw-success-dialog .btn-dialog {
    background: #fff;
    margin: 0;
    font-weight: bold;
    color: #1d9e2f;
    border: 1px solid #1d9e2f;
}

.cw-dialog.cw-confirm-dialog .dialog-title {
    background: #2397b1;
    margin: 0;
    font-weight: bold;
}

.cw-dialog.cw-confirm-dialog .btn-dialog {
    background: #fff;
    margin: 0;
    font-weight: bold;
    color: #2397b1;
    border: 1px solid #2397b1;
}

/*-------------------------------Dialog End-------------------------------------*/
.cdk-overlay-container {
    z-index: 1060;
}
/*--------------------------------------[Responsive]----------------------------------------------------*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .treeview-container .row-item input.form-check-input:checked:before {
        top: -4px;
    }
    .treeview-container .row-item input.form-check-input:before {
        top: -4px;
    }
}
@media only screen and (max-width: 1024px) {
    .modal {
        max-height: calc(100vh - 60px);
    }
}

@media only screen and (max-width: 768px) {
    .body-content {
        position: relative;
    }

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