/* BEGIN Global Styles*/

body {
    padding-bottom: 20px;
}

/* END Global Styles*/

/* BEGIN Header Styles*/

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

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 10px;
}

.margin-top-35 {
    margin-top: 10px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 10px;
}

.margin-bottom-35 {
    margin-bottom: 10px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}
.padding-bottom-0 {
    padding-bottom: 0;
}

.margin-left-minus-25 {
    margin-left: -25px !important;
}

.no-top-radius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.btn-primary {
    background-color: #326e9a !important;
    border-color: #326e9a !important;
}

.modal-content {
    box-shadow: 0 0 5px #a7a6a6
}

.bg-color-inreach {
    background-color: #006663 !important;
    color:white;
}

.text-color-inreach {
    color: #326e9a !important;
}

.user-profile-container {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #FFF;
    margin-top: -3px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
}

.mr-auto, .mx-auto {
    margin-right: 0 !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e4e4e4;
}

.breadcrumb {
    padding: 5px 10px;
    min-height:34px;
}

.logo-header {
    padding: 10px;
}

/* END Header Styles*/

/* BEGIN Content Styles*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
    margin: 20px 0;
}

/* END Content Styles*/

/* BEGIN Footer Styles*/

footer .col-sm {
    background-color: #adadad;
    padding: 20px;
    /*height: 100px;
    line-height: 60px;*/
}

/* END Footer Styles*/

/* BEGIN FAQs Section */

#faqAccordian .btn-link:hover {
    text-decoration: none;
    font-weight: 400;
    color: #007bff;
}

#faqAccordian .btn-link:focus, .btn-link.focus {
    text-decoration: none;
    font-weight: 400;
    color: #007bff;
}

#faqAccordian .btn-link {
    white-space: normal;
    text-align: left;
    cursor: default;
}

#faqAccordian .card-header {
    padding: 2px;
    cursor: pointer;
}
/* END Faqs Section*/


.custom-control-label::before {
    top: 0.4rem;
    width: 1.2rem;
    height: 1.2rem;
}

.custom-control-label::after {
    top: 0.4rem;
    width: 1.2rem;
    height: 1.2rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #326e9a;
    }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #326e9a;
}

  
    /*toogle button script*/
    .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 1;
}

    .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;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

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

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

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*updated view for mobile*/

    @media (max-width: 575.98px) {
        .navbar-nav .dropdown-menu {
            position: absolute;
            color: white;
        }

        button.full-width {
            width: 100%;
        }
    }


    /*for IE floating labels*/
    .form-label-group input:not(:-ms-input-placeholder), .form-label-group select:not(:-ms-input-placeholder) {
        padding-top: 1.25rem;
        padding-bottom: .25rem;
    }

        .form-label-group input:not(:-ms-input-placeholder) ~ label, .form-label-group select:not(:-ms-input-placeholder) ~ label {
            padding-top: .25rem;
            padding-bottom: .25rem;
            font-size: 12px;
            color: #777;
        }

    /*for Edge floating labels*/
    @supports (-ms-ime-align: auto) {
        .form-label-group input:not([ng-reflect-model=""]),
        .form-label-group select:not(:empty) {
            padding-top: 1.25rem;
            padding-bottom: .25rem;
        }

            .form-label-group input:not([ng-reflect-model=""]) ~ label,
            .form-label-group select:not(:empty) ~ label {
                padding-top: .25rem;
                padding-bottom: .25rem;
                font-size: 12px;
                color: #777;
            }
        /*.edge-value-with-input-value {
        padding-top: 1.25rem !important;
        padding-bottom: .25rem !important;
    }

    .edge-label-with-input-value {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
        font-size: 12px !important;
        color: #777 !important;
    }*/
    }
    /*for custom date picker component*/
    .date-picker-form {
        margin-bottom: 0rem !important;
    }

    .date-picker-parent {
        margin-bottom: 1rem !important;
    }

    @media print {
        .no-print, .no-print * {
            display: none !important;
        }

        #print-section {
            margin-top: 30px !important;
        }
        /** {
            -webkit-print-color-adjust: exact !important;
            color-adjust: exact !important;
        }

        @page {
            size: auto;
        }*/

        /*@page {
        margin: 1mm;
    }*/

    }

    /*Client Branding*/
.navbar-dark .navbar-nav .nav-link, .dropdown-menu.custom-dropdown, .dropdown-menu.custom-dropdown .dropdown-item{
    color: white;
    background-color: #006663;
}
.dark-teal {
    background-color: #006663 !important;
    color: white !important;
}

    .navbar-nav {
        color: white
    }
.cursor-pointer {
    cursor: pointer;
}
.white-space-normal {
    white-space: normal;
}
.form-label-group input.datepicker {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
}

.form-label-group input.datepicker ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 12px;
}

.form-label-group input.datepicker::-webkit-input-placeholder {
    color: #ced4da;
}

.form-label-group input.datepicker::-moz-placeholder {
    color: #ced4da;
}

.form-label-group input.datepicker::placeholder {
    color: #ced4da;
}
.bg-gray {
    background-color: #e8e8e8 !important;
}
.height-30 {
    height: 30px !important;
    padding: .375rem .6rem;
    width: 75px;
}
.justify-content-end{
    margin-right:0px;
}
@media screen and (max-width: 800px) {
    .desktop-hidden {
        display: block;
    }

    .mobile-hidden {
        display: none;
    
        }
    .datatable-body-cell-label {
        width: 100% !important;
    }
}

@media screen and (min-width: 800px) {
    .desktop-hidden {
        display: none;

    }
    
    .mobile-hidden {
        display: initial;
    }
}
.row-detail-bg {
    background-color: rgba(0, 0, 0, 0.05);
}
.p-rem-75{
    padding:.75rem;
}