﻿.label-required:after {
    content: "*";
    padding-left: 5px;
    color: red;
    float: right;
}

.required:not(input):after {
    content: "*";
    padding-left: 5px;
    color: red;
    float: right;
}

.input-validation-error {
    border: 1px solid red !important;
}

.field-validation-error {
    color: red !important;
}

.btn-green, .btn-green:hover, .btn-green:active, .btn-green:focus {
    background-color: #008000;
    border-color: #008000;
    color: white;
}

.spinnerDiv {
    float: left;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    z-index: 100010;
    text-align: center;
}

.btn-primary {
    background-color: #e75d2e !important;
    border-color: #e75d2e !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.hover {
        background-color: #e65100 !important;
    }

    .btn-primary .material-icons {
        color: white;
        font-size: 15px;
    }

.btn-outline-primary {
    color: #e75d2e;
    background-color: transparent;
    background-image: none;
    border: 1px solid #e75d2e !important;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:active,
    .btn-outline-primary.hover {
        background-color: #e65100 !important;
        color: white;
    }

.text-primary {
    color: #e65100 !important;
}

.m-0 {
    margin: 0px;
}

.m-auto {
    margin: 0 auto;
    float: none;
}

.p-0 {
    padding: 0px;
}

.p-l-0 {
    padding-left: 0px;
}
.p-l-10 {
    padding-left: 10px;
}
.p-t-0 {
    padding-top: 0px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-7 {
    padding-top: 7px;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-l-r-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.color-black {
    color: black;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-r-10 {
    padding-right: 10px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.p-l-0 {
    padding-left: 0px;
}

.p-l-r-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.m-t-0 {
    margin-top: 0px;
}

.w-100 {
    width: 100%;
}

.label-success, .label-danger, .label-info, .label-warning {
    padding: 5px;
}

.table thead {
    background-color: #ccc;
}

.panel, .panel-default, .panel-primary {
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.panel-primary {
    border-color: #e75d2e !important;
}

    .panel-primary > .panel-heading {
        background-color: #e75d2e !important;
        border-color: #e75d2e !important;
    }

        .panel-primary > .panel-heading > h1,
        .panel-primary > .panel-heading > h2,
        .panel-primary > .panel-heading > h3 {
            color: white;
        }

.sc-header {
    font-family: Open Sans;
    font-weight: 600;
    line-height: 24px;
    color: #666666;
    text-transform: uppercase;
}

.uk-nav li.menu-item-has-children > a:after, .profile-submenu > li.menu-item-has-children > a:after {
    font-family: FontAwesome;
    content: "\f0d7";
    right: 40px;
    top: 18px;
    position: absolute;
    font-size: 1.2em;
}

.tab-content {
    background-color: #f8f8f8 !important;
    border-left: solid 1px #e3e3e3 !important;
    border-right: solid 1px #e3e3e3 !important;
    border-bottom: solid 1px #e3e3e3 !important;
    padding: 10px;
}

ul.nav-tabs li.active a {
    border-bottom: solid 2px #E75D2E !important;
}

.nav-tabs li a {
    background-color: #f7f7f7;
    border-bottom: solid 2px #f7f7f7;
}

.nav-tabs > li {
    margin-top: 1px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #ea5e2e !important;
    border-color: #ea5e2e !important;
}

    .list-group-item.active a, .list-group-item.active:focus a, .list-group-item.active:hover a {
        color: white !important;
    }

.panel-heading {
    border-bottom-color: #dcdcdc;
}

.alert-success2 {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-warning2 {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-info2 {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.info {
    border-left: 6px solid #2196F3;
}

.table-responsive .row {
    margin-left: 0px;
    margin-right: 0px;
}

.shadow-box {
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important
}

.f-bold {
    font-weight: bold !important;
}

.f-10 {
    font-size: 10px;
}

.f-12 {
    font-size: 12px;
}

.f-13 {
    font-size: 13px;
}

.f-14 {
    font-size: 14px;
}
.f-15 {
    font-size:15px;
}
.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.btn-check {
    position: absolute;
    /*clip: rect(0,0,0,0);*/
    pointer-events: none;
    margin: 12px 0px 0px 10px !important;
}

.check-label-outline {
    padding: 5px 15px 5px 15px;
    border: 2px;
    border-style: solid;
    border-color: #ddd;
    margin-bottom: 0px;
    cursor: pointer;
}

    .check-label-outline:hover {
        color: white !important;
        background-color: #ea5e2e;
    }

.btn-check:checked + .check-label-outline {
    background-color: #ea5e2e;
    color: white !important;
}


.check-label-outline2 {
    padding: 5px 15px 5px 25px;
    border: 2px;
    border-style: solid;
    border-color: #ddd;
    margin-bottom: 0px;
    cursor: pointer;
}

    .check-label-outline2:hover {
        color: white !important;
        background-color: #ea5e2e;
    }

.btn-check:checked + .check-label-outline2 {
    background-color: #ea5e2e;
    color: white !important;
}

.spn-radio input[type=radio], .spn-check input[type=checkbox] {
    display: none;
}

.bg-grey {
    background-color: #4c4c4c;
}

.color-grey {
    color: #4c4c4c;
}

.color-white {
    color: #fff !important;
}

.show-on-mobile {
    display: none;
}

.hide-on-mobile {
    display: block;
}

.chosen-container {
    width: 100% !important;
}

.badge-primary {
    color: #fff;
    background-color: #e65100;
}

.pac-container {
    z-index: 2000;
}

ul.custom-address-autocomplete li.ui-menu-item .ui-menu-item-wrapper:before {
    content: "\f041";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0px 5px;
}

.ui-autocomplete {
    z-index: 2000 !important;
    background-color: #fff;
    text-align: left;
}

.leaflet-bottom.leaflet-right {
    display: none;
}

.link {
    color: #E75D2E;
    cursor: pointer;
}

.ui-autocomplete {
    z-index: 2200 !important;
}

.btn-facebook {
    color: white;
    background-color: #597bc1;
}

.btn-2 {
    padding: 10px 16px;
}

.btn-facebook:hover {
    color: white;
    background-color: #4064ac;
}

.u-case {
    text-transform: uppercase;
}

.mention-autocomplete {
    height: 0px;
    padding: 0px;
    visibility: hidden;
}

/*form hide tinymce text content editor*/
.tox .tox-statusbar {
    display: none !important;
}

.tox-tinymce {
    resize: both;
}

.active-left-nav {
    background: linear-gradient(-30deg, #e05424, #f46838) !important;
}

/*BEGIN: CUSTOM SEARCH*/
ul#customSearchItems li {
    cursor: pointer;
    z-index: 0;
}

    ul#customSearchItems li a {
        float: right;
        margin-left: 5px;
        z-index: 1;
    }

    ul#customSearchItems li:hover {
        background-color: #ea5e2e;
        color: white;
    }

        ul#customSearchItems li:hover i.fa, ul#customSearchItems li.active i.fa {
            color: white;
        }

    ul#customSearchItems li.active {
        background-color: #ea5e2e;
        border-color: #ea5e2e;
        color: white;
    }
/*END: CUSTOM SEARCH*/

ul.custom-list-group li {
    cursor: pointer;
    z-index: 0;
}

    ul.custom-list-group li:hover {
        background-color: #ea5e2e;
        color: white;
    }

        ul.custom-list-group li:hover i.fa, ul.custom-list-group li.active i.fa, ul.custom-list-group li:hover a {
            color: white;
        }

    ul.custom-list-group li.active {
        background-color: #ea5e2e;
        border-color: #ea5e2e;
        color: white;
    }

.border-l-0 {
    border-left: none;
}

.border-r-0 {
    border-right: none;
}

#divRightTopNav ul li a {
    color: black !important;
}

#divRightTopNav i.fa {
    color: #E75D2E;
}

.nav-tabs > li > a {
    padding: 8px;
    color: #555;
}

.banner-img {
    width: 100%;
    max-height: 550px;
}
/*BEGIN: SELECT2 STYLES*/
.select2-container img {
    height: 25px;
    width: 30px;
    border-radius: 50%;
}

.select2-container--default .select2-selection--single {
    height: auto;
}

    .select2-container--default .select2-selection--single .select2-selection__clear {
        height: auto;
    }
/*END: SELECT2 STYLES*/
/*.table-responsive {
    overflow-x: inherit !important;
}*/
/*BEGIN: Colorpicker input*/
.sp-input {
    background-color: white !important;
}

.color-picker-100 .sp-replacer {
    display: block;
}

    .color-picker-100 .sp-replacer .sp-preview {
        width: 95%;
    }
/*END: COLOR PICKER*/
.swal-content {
    margin-top: 25px !important;
}

.table-responsive .table {
    width: 99%;
}

.img-round {
    border-radius: 50%;
}

.timeline-entry-inner table {
    width: 100% !important;
}

.disable-selection {
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Opera */
    cursor: not-allowed; /* Optional: show a "not allowed" cursor */
}

.input-group-dropdown .input-group-addon {
    padding: 0px;
}

    .input-group-dropdown .input-group-addon .btn {
        border: none;
    }

.bg-blue {
    background-color: #25355c;
}

.modal-header .close:not(.wow-modal-close) {
    margin-top: -2px;
    border-radius: 50%;
    background-color: red;
    height: 25px;
    width: 25px;
    color: white;
    opacity: 1;
}

.w-12 {
    width: 12%;
}
.w-15 {
    width: 15%;
}

.w-55 {
    width: 55%;
}
.w-30 {
    width: 30%;
}
.w-33 {
    width: 33%;
}
.ul-tbl-btn {
    padding:0px;
    margin:0px;
}
.ul-tbl-btn li {
    display:table-cell;
    padding-left:5px;
}
.div-split-image {
    text-align:center;
}
.div-split-image img {
    width: 65px;
}
@media screen and (min-width: 640px) {
    .tab-responsive > ul.nav-tabs > li {
        width: auto;
        display: block;
    }

    .service-box-image {
        height: 212px;
    }
}

@media only screen and (max-width: 640px) {
    .show-on-mobile {
        display: block;
    }

    .hide-on-mobile {
        display: none;
    }

    .tab-responsive > ul.nav-tabs {
        /*position: absolute;*/
        z-index: 9999;
        margin-top: 0px;
    }

        .tab-responsive > ul.nav-tabs > li:not(.active) a {
            background-color: #e75d2e;
            color: white;
        }

        .tab-responsive > ul.nav-tabs > li {
           /* width: 90%;*/
           float:none;
        }

            .tab-responsive > ul.nav-tabs > li.taboptions {
                /*width: 90%;*/
                float: none;
                /*display: none!important;*/
            }

    /*.tab-responsive > ul.nav-tabs > li.active {
                width: auto;
                display: block;
            }*/

    /*.tab-responsive > ul.nav-tabs > li.active > a:before {
                    content: '\e5d2';
                    font-family: "Material Icons";
                    color: #727272;
                    margin-right: 8px;
                    vertical-align: -4px;
                    font-size: 18px;
                }*/

    .service-box-image {
        height: auto;
    }
}
@media (max-width: 820px) {
    .w-12, .w-15, .w-30, .w-33, .w-55 {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .modal-xl {
        width: 1100px;
    }
}

@media (min-width: 1200px) {
    .modal-xl-2 {
        width: 90%;
    }
}

@media (min-width: 992px) {
    .modal-xl-2 {
        width: 90%;
    }
}


/*Table Height Responsive Css Start Here*/
@media (max-width:991px) {
    body .md-card .email-card-cls, .notes-wrap-cont .dashboard-panel .md-card-content, body .notes-wrap-cont .dashboard-panel .md-card-content {
        height: inherit;
    }
}
