@charset "UTF-8";
/*This is common CSS for the portal.*/
/* captcha-cell Alignment*/

/* Utility Classes */
.w-100{
    width: 100% !important;
}

.w-0{
    width: 0 !important;
}

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

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

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

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

.mt-0 {
    margin-top: 0 !important;
}
/* End Utility Classes */

.captcha-cell {
    padding-left: 28px;
}

/*input radio*/
.crmEntityFormView .cell input[type="radio"] {
    vertical-align: middle !important;
}

/* Search icon*/
.launchentitylookup, button[aria-label='Search Results'] {
    border: 1px solid #d0d0d0;
    color: #295240;
    background-color: white;
}

    button[aria-label='Search Results']:focus, .launchentitylookup:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* Clean look up*/
.clearlookupfield {
    border: 1px solid #d0d0d0;
    color: #903939;
    background-color: white;
}

/*For General messages*/
.coh-general-alert {
    background-color: #ebccd1;
    padding: 15px;
    color: black;
}

.coh-general-success {
    background-color: #d6e9c6;
    padding: 15px;
    color: black;
}

.coh-general-info {
    background-color: #bce8f1;
    padding: 15px;
    color: black;
}

/* Rectangle box to display the information on top of the page*/
.coh-displayMessageOnTopPage {
    border: 1px solid #288dc1;
    padding: 15px;
    background-color: #eaf4f9;
    color: #1c6387;
}

/*Loading page loader*/
.spinner-container {
    line-height: 400px;
    height: 400px;
    text-align: center;
}

    .spinner-container .d-spinner {
        display: inline-block;
        position: relative;
        width: 64px;
        height: 64px;
    }

        .spinner-container .d-spinner div {
            -webkit-animation: d-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: d-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            -webkit-transform-origin: 32px 32px;
            transform-origin: 32px 32px;
        }

            .spinner-container .d-spinner div:after {
                content: " ";
                display: block;
                position: absolute;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #00529b;
                margin: -3px 0 0 -3px;
            }

            .spinner-container .d-spinner div:nth-child(1) {
                -webkit-animation-delay: -0.036s;
                animation-delay: -0.036s;
            }

                .spinner-container .d-spinner div:nth-child(1):after {
                    top: 50px;
                    left: 50px;
                }

            .spinner-container .d-spinner div:nth-child(2) {
                -webkit-animation-delay: -0.072s;
                animation-delay: -0.072s;
            }

                .spinner-container .d-spinner div:nth-child(2):after {
                    top: 54px;
                    left: 45px;
                }

            .spinner-container .d-spinner div:nth-child(3) {
                -webkit-animation-delay: -0.108s;
                animation-delay: -0.108s;
            }

                .spinner-container .d-spinner div:nth-child(3):after {
                    top: 57px;
                    left: 39px;
                }

            .spinner-container .d-spinner div:nth-child(4) {
                -webkit-animation-delay: -0.144s;
                animation-delay: -0.144s;
            }

                .spinner-container .d-spinner div:nth-child(4):after {
                    top: 58px;
                    left: 32px;
                }

            .spinner-container .d-spinner div:nth-child(5) {
                -webkit-animation-delay: -0.18s;
                animation-delay: -0.18s;
            }

                .spinner-container .d-spinner div:nth-child(5):after {
                    top: 57px;
                    left: 25px;
                }

            .spinner-container .d-spinner div:nth-child(6) {
                -webkit-animation-delay: -0.216s;
                animation-delay: -0.216s;
            }

                .spinner-container .d-spinner div:nth-child(6):after {
                    top: 54px;
                    left: 19px;
                }

            .spinner-container .d-spinner div:nth-child(7) {
                -webkit-animation-delay: -0.252s;
                animation-delay: -0.252s;
            }

                .spinner-container .d-spinner div:nth-child(7):after {
                    top: 50px;
                    left: 14px;
                }

            .spinner-container .d-spinner div:nth-child(8) {
                -webkit-animation-delay: -0.288s;
                animation-delay: -0.288s;
            }

                .spinner-container .d-spinner div:nth-child(8):after {
                    top: 45px;
                    left: 10px;
                }

@-webkit-keyframes d-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes d-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*Sign In page*/
.coh-form .coh-form-row {
    text-align: center;
}

.coh-form-row input {
    width: 70%;
    display: inline-block;
}

.coh-form-row .fas {
    color: gray;
}

.coh-form .coh-sign-btn {
    margin: auto;
    margin-left: 17%;
    display: block;
    background: #2279a6;
    color: white;
    border: none;
    cursor: pointer;
    font-size: initial;
    height: 47px;
    width: 70%;
}

.coh-sign-heading {
    font-size: 20px;
    text-align: center;
    color: #767676;
}

/*OR separator for sign in Register page*/
.coh-or-spacer {
    margin: 50px auto;
    width: 70%;
    position: relative;
    margin-left: 17%;
}

    .coh-or-spacer .coh-mask {
        overflow: hidden;
        height: 20px;
    }

        .coh-or-spacer .coh-mask:after {
            content: '';
            display: block;
            margin: -25px auto 0;
            width: 100%;
            height: 25px;
            border-radius: 125px / 12px;
            -webkit-box-shadow: 0 0 8px black;
            box-shadow: 0 0 8px black;
        }

    .coh-or-spacer span {
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 100%;
        margin-bottom: -25px;
        left: 50%;
        margin-left: -25px;
        border-radius: 100%;
        -webkit-box-shadow: 0 2px 4px #999;
        box-shadow: 0 2px 4px #999;
        background: white;
    }

        .coh-or-spacer span i {
            position: absolute;
            top: 4px;
            bottom: 4px;
            left: 4px;
            right: 4px;
            border-radius: 100%;
            border: 1px dashed #aaa;
            text-align: center;
            line-height: 40px;
            font-style: normal;
            color: #999;
        }

/*Social media icons*/
.coh-social {
    font-size: 38px;
    text-align: center;
}

    .coh-social a {
        text-decoration: none;
        margin-right: 15px;
    }

    .coh-social .sometxt {
        font-size: 17px;
        font-weight: 400;
        color: #767676;
    }

/*Notification Messages for every page*/
#coh-message-box {
    margin-top: 15px;
    padding: 15px;
    color: #000000;
    border: 1px solid #bdbdbd;
}

.coh-message-alert {
    background-color: #ebccd1;
}

.coh-message-success {
    background-color: #d6e9c6;
}

.coh-message-info {
    background-color: #b8e1f5;
}

/*label override [coming from default bundle]*/
label.control-label.required {
    word-break: normal;
}

/* Position Sticky */
.pos-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
    height: auto;
}

/* Responsive */
@media (max-width: 767px) {
    /*Captcha alignment */
    .captcha-cell {
        padding-left: inherit;
    }
}

/* Profile  */
.profile-steps .row {
    padding: 25px;
}

.profile-steps p {
    overflow: hidden;
}

.dblue {
    background: #218592;
}

.dyellow {
    background: #fcb124;
}

.dsalmon {
    background: #FFA07A;
}

.dgreen {
    background: #58D68D;
}

.dvelvet {
    background: #C39BD3;
}

.dmelvin {
    background: #d56868;
}

.dorange {
    background: #EB984E;
}

.dlightblue {
    background: #85C1E9;
}

.profile-circle {
    width: 40px;
    margin-right: 24px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    float: left;
    text-align: center;
    font-size: 25px;
    color: white;
}

@media (max-width: 599.98px) {
    .profile-steps .row {
        text-align: center;
    }

    .profile-circle {
        width: 60px;
        margin: 0px auto;
        height: 60px;
        border-radius: 50%;
        line-height: 60px;
        float: none;
        font-size: 29px;
        color: white;
    }
}

/* Icons  */
.fa-trash-o:before {
    content: "" !important;
}

.fa-clock-o:before {
    content: "Select Time \f017" !important;
}

/* Check mark*/
.check-mark {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
}

.green-check {
    color: green;
}

.red-check {
    color: red;
}


/*Dropdown in all tables*/
.swpts_dropdown .dropdown.action .btn-xs { /*Removing background for dropdowns*/
    background: none;
}

.swpts_dropdown td {
    word-break: normal;
}

.swpts_dropdown ul.dropdown-menu.show {
    border: 0;
    background: none;
    /*triple click issue*/
    top: 0px !important;
    left: 0px !important;
}

    .swpts_dropdown ul.dropdown-menu.show li {
        padding: 10px;
        border-bottom: 1px solid #ffffff;
        /*border-radius: 5px;*/
        background: #2279A6;
    }

        .swpts_dropdown ul.dropdown-menu.show li a {
            color: white;
        }

        .swpts_dropdown ul.dropdown-menu.show li:hover {
            background: #22a69b;
        }

            .swpts_dropdown ul.dropdown-menu.show li:hover a {
                color: white;
            }

.swpts_dropdown .dropdown.action {
    position: static;
}

End Dropdown*/
/* Notes */
.entity-notes .notes {
    border: 1px solid #cccccc;
}

    .entity-notes .notes .createdby {
        display: none;
    }

    .entity-notes .notes .postedon {
        margin-top: 15px;
    }

/* Table */
.table-overflow {
    overflow: auto;
    display: block;
}

.table thead th {
    vertical-align: top;
    border-bottom: none;
}

.table th, .table td {
    border-top: none;
}

/* Tab Title Common*/
.tabTitleCommon {
    display: inline-block;
    padding: 8px;
    color: white;
    background: #308eb3;
    position: relative;
    padding-left: 15px;
    font-size: 1.75rem;
}

    .tabTitleCommon::before {
        content: "";
        width: 7px;
        height: 100%;
        position: absolute;
        background: #ff9800;
        top: 0;
        left: 0;
    }

.tabTitleCommonFull {
    display: block;
    background: #308eb3;
    padding: 7px;
    color: white;
    text-align: center;
    border-radius: 10px 10px 0 0px;
}

.tableEntityList {
    -webkit-box-shadow: 0 11px 15px 0 rgba(0, 0, 0, 0.11), 0 5px 7px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 11px 15px 0 rgba(0, 0, 0, 0.11), 0 5px 7px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    padding: 15px;
}

/* Form readonly*/
textarea[readonly="readonly"], input[readonly="readonly"], select[readonly="readonly"],
textarea[disabled="disabled"], input[disabled="disabled"], select[disabled="disabled"] {
    background: #e9ecef !important;
    padding-left: 20px !important;
    border: none;
}

/* Error Msg for date fields*/
.err-msg-after {
    display: inline-block;
    background: #ebccd1;
    padding: 5px;
    margin-top: 5px;
}

.entitylist-search {
    width: auto;
}

.text-muted { /* shows — */
    display: none;
}

/* Entity Form*/
.customiframe {
    width: 60%;
    margin: auto;
}

@media (max-width: 767px) {
    .customiframe {
        width: 70%;
    }
}

#aside-nav {
    padding-top: 3rem;
}

#ms4leftsidenavID {
    list-style: none;
}



    #ms4leftsidenavID a {
        font-size: 18px;
        color: #555;
        display: block;
        padding-left: 5px;
    }



        #ms4leftsidenavID a.active {
            font-size: 20px color: #006680;
            background-color: #0066804a;
            border-left: solid 3px;
        }
/* END */

/* IE browser*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .entitylist-search {
        width: 240px;
    }
}