.hidden {
    display: none !important;
}

.height-0 {
    height: 0 !important;
}

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

.no-warp-white-space {
    white-space: nowrap !important;
}

.alert.alert-dismissable.alert-danger .close, .alert.alert-dismissable.alert-success .close {
    padding-top: 3px;
}

.terms-conditions {
    border: 1px solid #ebedf2;
    background-color: #F2F2F2;
    margin: 0 16px;
}

.terms-conditions p {
    font-weight: normal;
}

.terms-conditions ul > li {
    font-size: 14px;
}

p {
    font-size: 14px;
}

.m-portlet__body .flash-container {
    padding: 0 50px !important;
}

.inline-loader {
    display: inline-block;
    width: 30px;
}

body a:hover {
    text-decoration: none;
}

.img-box {
    display: inline-block;
    margin: 5px;
    cursor: pointer;
}

.img-box:hover {
    border: .25rem solid #1e8cbe;
    padding: 0 !important;
}

.margin-auto-0 {
    margin: auto 0;
}

.margin-0-auto {
    margin: 0 auto;
}

.h-100px {
    height: 100px;
}

.color-box {
    height: 160px;
    width: 6.33%;
    margin: 10px;
    display: inline-block;
    box-shadow: 0px 5px 5px #888888;
}

.selected-color {
    border: 7px solid #D8D8D8;
}

.avatar-list > a > img {
    width: 100px;
    margin: 12px;
}

.avatar-list > a:hover > img {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px #1e8cbe
}

.filter-bg-transparent {
    background: transparent;
}

.group-control-box {
    border: 4px solid #efefef;
    padding: 10px;
}

/* For typeahead */
.tt-menu {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.form-group > div > .form-group {
    margin-bottom: 0;
}

/* events CSS start */
.event-block {
    color: #697882;
    background-color: #f7f7f7;
    margin: 1rem 0;
    padding: 0.85rem 1.5rem;
}

.event-block .event-duration {
    float: left;
    text-transform: uppercase;
    padding: 0 12px;
}

.event-block .event-duration > span {
    display: block;
    font-size: 22px;
    line-height: 28px;
    color: #16a1f2;
}

.event-block .event-action {
    letter-spacing: 0.02em;
    border: 4px solid transparent;
    overflow: hidden;
}

.event-block .event-action > a {
    background-color: #ddd;
    text-align: center;
    display: block;
    padding: 25px 0;
}

.event-block .event-action.selected > a {
    background: #4db3a4;
}

.event-block .event-action > a > span {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
}

.event-action.selected {
    border-color: #ccc !important;
}

.event-action a:hover {
    background: #B0D87A;
}

.event-action a:focus {
    outline: 0;
}

.event-action.selected .corner:after {
    content: "";
    display: inline-block;
    border-left: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #ccc;
    position: absolute;
    top: 4px;
    right: 4px;
}

.event-action.selected .check:after {
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 8px;
    color: #fff;
}

.event-action.selected:hover {
    border-color: #aaa !important;
}

/* event CSS end */

/* dashboard widget css start */
#m_sortable_portlets .m-portlet__head.ui-sortable-handle .m-portlet__head-icon i {
    font-size: 1.8rem;
}

/* dashboard widget css end  */

/* start CSS for error report list */
.error-report-list ul.m-nav.m-nav--inline > .m-nav__item:first-child {
    padding-left: 25px;
}

.error-report-list ul.m-nav.m-nav--inline > .m-nav__item {
    width: 100%;
}

/* end CSS for error report list */

/* widget29 CSS */
.m-widget29 .m-widget_content {
    transition: all 0.5s linear 0s;
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link .m-nav__link-bullet.m-nav__link-bullet--dot > span {
    background-color: #fff;
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link .m-nav__link-text {
    color: #fff;
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link {
    padding: 5px 0;
}

.m-widget29 .m-widget_content:hover .m-widget_content-title {
    color: #c4c5d6;
}

.m-widget29 .m-widget_content:hover {
    background-color: #fff;
}

.m-widget29 .m-widget_content:hover .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link .m-nav__link-text {
    color: #c4c5d6;
}

.m-widget29 .m-widget_content:hover .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link .m-nav__link-bullet.m-nav__link-bullet--dot > span {
    background-color: #c4c5d6;
}

/* widget29 CSS */


/* subheader dropdown menu start */
.subheader-widget .m-dropdown__wrapper {
    right: 0;
    width: auto;
}

.subheader-widget .m-dropdown__content.options {
    padding: 10px 7px 0 7px;
}

.m-subheader .m-subheader__daterange > .subheader-widget > .btn > i {
    font-size: .8rem !important;
}

.subheader-widget .m-dropdown__content.options ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    min-width: 210px;
    max-width: 100%;
}

.subheader-widget .m-dropdown__content.options ul li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: 0 0;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-weight: 400;
    border-color: transparent;
    font-size: 13px;
}

.subheader-widget .m-dropdown__content.options ul li:hover {
    color: #7b7e8a;
    background: #f9f9fd;
}

.subheader-widget .m-dropdown__content.options ul li.active {
    background: #716aca;
    color: #fff;
    border: 1px solid #716aca;
}

/* subheader dropdown menu end  */

/* quiz program CSS start */

.question-options .option:not(.overlay) {
    border: 2px solid #F2F3F8;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
}

.question-options .option:not(.overlay):not(.bordered-dashed):hover {
    -webkit-box-shadow: 0 1px 5px 1px rgba(154, 148, 169, 0.08);
    -moz-box-shadow: 0 1px 5px 1px rgba(154, 148, 169, 0.08);
    box-shadow: 0 1px 5px 1px rgba(154, 148, 169, 0.08);
}

.question-options .option.selected {
    border-color: #fff;
    color: #fff;
    background-color: #1A315B;
}

.question-options .image-box {
    width: 250px;
    height: 180px;
    padding: 7px;
    border: 2px solid #F2F3F8;
    position: relative;
    cursor: pointer;
}

.question-options .image-box:hover {
    -webkit-box-shadow: 0 1px 5px 1px rgba(154, 148, 169, 0.08);
    -moz-box-shadow: 0 1px 5px 1px rgba(154, 148, 169, 0.08);
    box-shadow: 0 1px 5px 1px rgba(154, 148, 169, 0.08);
}

.question-options .image-box img {
    height: 100%;
    width: 100%;
}

.question-options .image-box .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #cabbbb;
}

.question-options .image-box .selected {
    opacity: 0.6;
}

#drop-container .option.bordered-dashed {
    color: #d6c5c5;
    border-style: dashed !important;
    padding: 10px 20px;
}

.drop-options {
    border: 4px solid #F2F3F8;
    padding: 0 10px 10px 10px;
    min-height: 70px;
}

#drop-options .option {
    border: 2px solid #F2F3F8;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: move;
    margin-top: .5rem !important;
}

.fill-blanks, .fill-blanks:focus {
    width: 10%;
    border-color: #fff;
    border-bottom: 1px solid;
    border-radius: 0;
    padding: 0 5px;
}

.m-widget14 {
    padding: 2.2rem
}

.m-widget14.m-widget14--no-padding {
    padding: 0
}

.m-widget14 .m-widget14__header {
    padding: 1.1rem 0;
    margin-bottom: .5rem
}

.m-widget14 .m-widget14__header .m-widget14__title {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 0
}

.m-widget14 .m-widget14__header .m-widget14__desc {
    display: inline-block;
    margin-top: .2rem;
    font-size: 1rem
}

.m-widget14 .m-widget14__legend {
    margin-bottom: .9rem
}

.m-widget14 .m-widget14__legend:last-child {
    margin-bottom: 0
}

.m-widget14 .m-widget14__legend .m-widget14__legend-bullet {
    width: 2rem;
    height: .45rem;
    display: inline-block;
    border-radius: 1.1rem;
    margin-bottom: .12rem;
    margin-right: .8rem
}

.m-widget14 .m-widget14__legend .m-widget14__legend-text {
    display: inline-block
}

.m-widget14 .m-widget14__chart {
    position: relative;
    margin-top: .5rem;
    height: 250px;
}

.m-widget14 .m-widget14__chart .m-widget14__stat {
    font-size: 2.4rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-widget14 .m-widget14__chart .m-widget14__stat.quiz-score {
    margin-top: 8px;
}

.m-widget14__title {
    color: #575962
}

.m-widget14__desc {
    color: #9699a2
}

.m-widget14__legend-text {
    color: #9699a2
}

.m-widget14__chart .m-widget14__stat {
    color: #dadbe2
}

.quiz-score-correct-bg {
    background-color: rgb(0, 128, 0) !important;
}

.quiz-score-wrong-bg {
    background-color: rgb(243, 243, 248) !important;
}

.m-portlet .m-portlet__quiz-head {
    height: auto;
    background-color: #fff !important;
    border-bottom: 0;
    padding-top: 25px;
}

.m-quiz--timer-section {
    margin-bottom: 20px;
}

.m-quiz--timer-section .quiz-title {
    font-size: 12px;
}

.quiz-sections .m-stack {
    border: 0 !important;
    width: auto;
    margin: 0 auto;
}

.m-stack .nav-item.m-stack__item {
    padding: 0;
    width: 300px;
}

.m-stack .nav-item.m-stack__item a {
    display: block;
    height: 100%;
    cursor: pointer;
    position: relative;
    color: #6f727d;
}

.m-stack .nav-item.m-stack__item a span {
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.m-stack .nav-item.m-stack__item a.active {
    background-color: #6f727d8c;
    border: 2px solid #fff;
    color: #fff;
}

/* quiz program CSS end */

/* theme table (Quiz result) CSS start */
.m-table--theme {
    margin: 50px 50px 0;
}

.m-table.m-table--head-bg-theme thead th {
    background: #22B9FF;
    color: #fff;
}

.m-table--theme .m-table.m-table--head-bg-theme tbody > tr > td.m-table-theme__cell:first-child {
    width: 250px;
}

.m-table.m-table--head-bg-theme tbody > tr > td.m-table-theme__cell {
    background: #faf9fc;
}

.m-pricing-table-2__btn {
    text-align: center;
    display: inline-block;
}

.m-pricing-table-2__btn .btn-group .btn.active {
    background: #716aca;
    color: #fff;
}

.m-pricing-table-2__btn .btn-group .btn {
    background: #fff;
    color: #898b96;
    padding: 0.8rem 1.93rem 0.8rem 1.93rem;
}

table.first-top-no-border tbody tr:first-child td {
    border-top: 0;
}

table.first-top-no-border tbody tr td {
    vertical-align: middle;
}


.bootstrap-select .div.dropdown-menu.open {
    max-height: 300px !important;
    overflow: hidden;
}

.bootstrap-select ul.dropdown-menu.inner {
    max-height: 250px !important;
    overflow-y: auto;
}

.m-content--skin-light2 .m-body {
    background-color: #f8f9fb;
}

.m-header .m-header__top {
    background-color: #272727;
}

.m-header .m-header__top .m-brand {
    background-color: #272727;
}

.m-header .m-header__top .m-stack.m-stack--ver.m-stack--desktop {
    border-bottom: 1.5px solid #353639;
}

.m-brand__logo a {
    /*color: #ffffff;*/
    font-size: 22px;
}

.m-menu__item span,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__hor-arrow,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__hor-arrow {
    color: #ffffff !important;
}

.m-menu__item--active {
    /*border-top: 5px solid #188ae2;*/
    background-color: #f5f6fc;
}

.m-menu__item--active .m-menu__link-text {
    font-weight: 600 !important;
    color: #2d2d2d !important;
}

.btn-black {
    background-color: #272727;
    color: #ffffff;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 3px;
    font-weight: 700;
}

.btn-black-md {
    background-color: #272727;
    color: #ffffff;
    border-radius: 3px;
    font-weight: 700;
}

.btn-grey {
    background-color: #eaeaeb;
    color: #5c5c5f;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 3px;
    font-weight: 700;
}

.btn-grey-md {
    background-color: #eaeaeb;
    color: #5c5c5f;
    border-radius: 3px;
    font-weight: 700;
}

.btn-black:hover, .btn-black-md:hover {
    color: #ffffff !important;
}

.btn-black-bordered {
    border-color: #272727;
    background-color: #ffffff;
}

.btn-grey:hover, .btn-grey-md:hover {
    color: #5c5c5f !important;
}

.search-input {
    border-radius: 25px;
}

.has-error .form-control-feedback {
    color: #f4516c;
}

.bottom-bordered-form .form-control.m-input, .bottom-bordered-form .form-control.m-bootstrap-select .dropdown-toggle, .bottom-bordered-form .bootstrap-tagsinput, .bottom-bordered-form select.form-control, .bottom-bordered-form .select2-container {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px !important;
}

.bottom-bordered-form .select2-selection {
    /*border-bottom: 0.5px solid #272727 !important;*/
}

.bottom-bordered-form .select2-container--default .select2-selection--multiple, .bottom-bordered-form .select2-container--default .select2-selection--single {
    border: none;
}

.bottom-bordered-form .bootstrap-tagsinput {
    box-shadow: none;
    width: 100%;
    text-align: left;
}

.bottom-bordered-form .select2-selection__arrow {
    display: none !important;
}

.bottom-bordered-form .input-group .input-group-append > .input-group-text {
    border: none !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
}

.bottom-bordered-form .input-group .input-group-append > .input-group-text {
    border: none !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
}

.bottom-bordered-form .input-group .input-group-append > .input-group-text i:hover {
    color: #272727 !important;
    cursor: pointer;
}

.bottom-bordered-form .form-control[disabled] {
    background-color: #ffffff !important;
}

.grey-nav.nav-pills .nav-link.active, .grey-nav.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #808080 !important;
    /*border-radius: 50px;*/
    padding: 10px 15px;
    font-weight: 500;
}

.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--primary a.m-tabs__link.active {
    color: #272727;
    border-bottom: 1px solid #272727;
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
}

.btn-medium {
    padding: .85rem 2.50rem;
    margin: 0 5px;
}

.border-radius-20 {
    /*border-radius: 20px !important;*/
}

.contact-portlet .m-portlet__head {
    border-bottom: none;
}

.contact-portlet .m-form__group {
    /*padding-left: 5px !important;*/
    /*padding-right: 5px !important;*/
    padding: 2.5px 5px !important;
}

.no-border {
    border-bottom: none !important;
}

.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-footer {
    margin-left: 0;
}

/*
header, .m-topbar__nav-wrapper,  .m-brand--skin-dark, .m-header-head{
    background-color: #272727 !important;
}
*/


header .m-portlet__head-tools ul {
    margin-top: 0;
    margin-bottom: 0;
}

header .search-input, header .search-input:focus {
    background-color: #2d2d2d;
    color: white;
    /*border-color: #36383e;*/
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
}

.responsive-header-tool {
    width: 0;
}

@media only screen and (max-width: 995px) {
    .responsive-header-tool {
        width: auto;
    }
}

.m-subheader__breadcrumbs .m-nav__item {
    padding-left: 5px !important;
}

.m-subheader__breadcrumbs .m-nav__link-text {
    color: #99999b !important;
}

.m-subheader__breadcrumbs .active.m-nav__link-text {
    color: #272727 !important;
}

.m-datatable__pager {
    text-align: right;
}

.m-datatable__pager-nav li {
    padding: 5px 10px !important;
    border: 1px solid #eaeaeb;
}

.m-datatable__pager-nav li span {
    color: #99999b;
}

.m-datatable__pager-nav .active {
    background-color: #1f2024;
}

.m-datatable__pager-nav .active a {
    color: white;
}

.list-action .btn {
    padding-left: 0;
    padding-right: 0;
    color: black;
    padding-top: 5px !important;
}

.detail-label {
    color: #99999b !important;
}

.detail-accounrdion .m-accordion__item {
    border-radius: 0 !important;
    border: 1px solid !important;
}

.detail-accounrdion .m-accordion__item-head {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.detail-accounrdion .m-accordion__item-title {
    color: #7c7d7e !important;
    font-size: 1rem !important;
}

.detail-accounrdion .m-accordion__item-mode {
    color: black !important;
}

.crm-modal-header {
    border-bottom: none;
}

.black-bg-div {
    background-color: #272727;
    color: white !important;
}

#crm_modal i {
    font-size: 3rem;
}

#crm_modal .m-demo-icon__preview {
    padding: 10px 15px;
    border-radius: 5px;
}

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

.breadcrumbs-bar .m-portlet__head {
    height: 3rem;
}

@media only screen and (min-width: 995px) {
    header {
        height: 50px !important;
    }

    .m-brand__logo {
        height: 50px !important;
    }

    .m-stack.m-stack--desktop.m-stack--ver > .m-stack__item {
        height: 50px !important;
    }
}

.form-control-error {
    color: red;
    font-size: 0.85rem;
}

.filter-header th {
    padding-right: 20px;
    background-color: white;
}

.searchTextBox .form-group {
    margin-bottom: 0;
}

.m--padding-top-0 {
    padding-top: 0 !important;
}


#logo-wrapper-md, #img1-wrapper-md, #img2-wrapper-md {
    width: 100px;
    height: 100px;
    cursor: pointer;
}

#logo-wrapper-md img, #img1-wrapper-md img, #img2-wrapper-md img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.btn-outline-black {
    color: #272727;
    border-color: #272727;
    background-color: #ffffff;
}

.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > span,
.m-datatable > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > span,
.m_datatable .m-checkbox.m-checkbox--solid > span,
.m-checkbox.m-checkbox--solid > span {
    background: #ffffff;
    border: 1px solid #000000 !important;
    border-radius: 0;
}

.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span, .m-datatable > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span,
.m-datatable > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span,
.m-checkbox.m-checkbox--brand.m-checkbox--solid > input:checked ~ span {
    background: #272727;
    border: 1px solid #000000 !important;
    border-radius: 0;
}

.m-datatable .m-datatable__row .m-checkbox {
    margin-bottom: 12px;
}

.m_datatable th, .m_datatable td {
    vertical-align: middle;
    color: black;
}

.m-list-search__result-item-text {
    word-break: break-all;
}

table.employee-table thead .m-datatable__row {
    background-color: #eaeaeb;
}

table.employee-table .m-datatable__row {
    /*background-color: #eaeaeb;*/
}

table.employee-table tbody .m-datatable__row {
    /*background-color: #f5f5f5;*/
}

table.employee-table .m-datatable__row th {
    padding: 12px 10px;
}

table.employee-table .m-datatable__row td {
    padding: 5px 10px;
}

table.employee-table .m-datatable__row a {
    color: black;
}


@media (min-width: 993px) {
    .megamenu .m-menu__arrow.m-menu__arrow--adjust,
    .profile-dropdown-wraper .m-dropdown__arrow,
    .m-topbar__notifications .m-dropdown__wrapper .m-dropdown__arrow {
        display: none !important;
    }
}

@media (min-width: 1000px) {
    .megamenu-li {
        position: static !important;
        padding: 0px !important;
    }

    .megamenu {
        position: absolute !important;
        width: 100% !important;
        left: 0;
        right: 0;
        padding: 0 0 5px 0 !important;
    }

    .megamenu .m-menu__subnav {
        background-color: #F5F6FC !important;
    }

    .megamenu .m-menu__link-text {
        color: #272727 !important;
    }

    .megamenu .m-menu__subnav {
        padding: 0 5px !important;
    }

    .megamenu .m-menu__link {
        padding: 5px 20px !important;
        text-align: center !important;
        display: inline-block !important;
        border-right: 1px solid #bfbfbf;
    }

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

    .megamenu li:last-child .m-menu__link {
        border-right: 0px !important;
    }

    .megamenu .m-menu__link .m-menu__link-text:hover {
        font-weight: 500 !important;
    }

    /*.megamenu-li:last-child {
        position: absolute !important;
        left: 50%;
        font-size: 15px;
    }
    .megamenu-li:last-child .m-menu__link-text{
        font-size: 17px !important;
    }*/
    .megamenu-li:first-child {
        padding-left: 25px !important;
    }

    .megamenu-li:first-child .m-menu__link-text {
        font-size: 28px !important;
    }


    .megamenu-li > .m-menu__link {
        padding: 0 20px !important;
        border-right: 1px solid #bfbfbf;
    }

    .megamenu-li:last-child .m-menu__link,
    .m-dropdown .profile-dropdown-wraper .m-dropdown__content .m-nav__item:last-child .m-nav__link {
        border-right: 0px !important;
    }

    /*.megamenu-li:first-child .m-menu__link { border-left: 1px solid #bfbfbf !important; }*/
    .m-brand {
        width: 50px;
    }
}

.header-grid .m-nav-grid__item {
    padding: 1rem 0.50rem !important;
}

.header-grid .m-nav-grid__icon {
    font-size: 30px !important;
    color: #272727 !important;
}

.header-grid .m-dropdown__wrapper {
    width: 225px !important;
    /*width: 265px !important;*/
    padding-top: 5px !important;

    margin-left: -10px !important;
}

.header-grid .m-dropdown__arrow--adjust {
    display: none !important;
}

.header-grid .m-nav-grid__text {
    color: #272727 !important;
    font-size: 12px !important;
}

td.width-50 {
    width: 50px;
}

td.width-75 {
    width: 75px;
}

td.width-100 {
    width: 100px;
}

td.width-125 {
    width: 125px;
}

td.width-150 {
    width: 150px;
}

td.width-200 {
    width: 200px;
}

td.width-250 {
    width: 250px;
}


/*----------------------------------*/
body.m-aside-left--skin-dark .m-header .m-header-head {
    box-shadow: none;
}

#m_header_menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    font-size: 14px;
}

/*.megamenu-li:first-child .m-menu__link .m-menu__link-text{ font-size: 15px !important;}*/

.m-nav-grid__row {
    background-color: #f5f6fc;
}

.m-nav-grid__row {
    background-color: #f5f6fc;
}

.m-dropdown.m-dropdown--medium .profile-dropdown-wraper {
    /*width: 405px;*/
    width: 205px;
    padding-top: 0;
}

.m-dropdown .profile-dropdown-wraper .m-dropdown__body {
    padding: 2px;
    background-color: #f5f6fc;
}

.m-dropdown .profile-dropdown-wraper .m-dropdown__content .m-nav__item {
    padding: 10px 0;
}

.m_header_topbar-li > .m-nav__link {
    padding: 0 !important;
}

.m-dropdown .profile-dropdown-wraper .m-dropdown__content .m-nav__item .m-nav__link {
    padding: 0 20px !important;
    border-right: 1px solid #bfbfbf;
}

.m-dropdown .profile-dropdown-wraper .m-dropdown__content .m-nav__item .m-nav__link .m-nav__link-text {
    font-size: 12px;
    color: #272727
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item {
    padding: 0 5px !important;
}

.m-nav__item .m-nav__link-icon .flaticon-grid-menu {
    padding-right: 20px;
    border-right: 1px solid #bfbfbf;
}


#demo-2 input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}

#demo-2 input[type=search]:hover {
    background-color: #fff;
}

#demo-2 input[type=search]:focus {
    width: 130px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
}

#demo-2 input:-moz-placeholder {
    color: transparent;
}

#demo-2 input::-webkit-input-placeholder {
    color: transparent;
}

.wo-action-table .m-datatable__row td {
    padding: 10px !important;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    padding: 10px 10px;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell {
    padding: 4px 10px;
}

#activity_log .m-list-timeline__item .m-list-timeline__time {
    width: 200px;
}

.btn-808080, .btn-808080:hover {
    background-color: #808080;
    color: #ffffff;
}

.simple-date-range_picker input, .range_picker input {
    text-align: left;
}

/*.kanban-board-header{
    background-color: #272727;
    color: #ffffff;
}*/
.kanban-board {
    background: #eef0f5 !important;
}

.kanban-board-header .kanban-title-board {
    font-size: 12px;
    font-weight: 400;
}

.kanban-board .kanban-drag {
    padding: 5px !important;
}

.list-view-breadcrumbs .m-nav__link-text {
    font-size: 16px !important;
}

.bottom-bordered-form td .m-bootstrap-select {
    background-color: transparent;
}

.m-datatable--loaded {
    min-height: 300px;
}

table.employee-table tbody .untouched_row_cell {
    background-color: #f5f5f5;
}

.m-checkbox-inline .checkbox {
    display: inline-block;
    margin-right: 15px;
}

#m_header {
    background-color: #2d2d2d;
    color: #ffffff;
}

.ul-table-list-counter [class^="m--font"] {
    margin-bottom: 0;
    font-weight: 600;
}

.m--font-warning-custom {
    color: #FF8913;
}

.m--font-success-custom {
    color: #00D12B;
}

.m--font-primary-custom {
    color: #225C9A;
}

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

.padding-l-0 {
    padding-left: 0 !important;
}

.padding-r-0 {
    padding-right: 0 !important;
}

.padding-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

.padding-tb-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.padding-t-0 {
    padding-top: 0 !important;
}

.padding-b-0 {
    padding-bottom: 0 !important;
}

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

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

.margin-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


.form-left-action-ul, .form-right-action-ul {
    /*padding: 0px 10px;*/
}

.form-left-action-ul .m-nav__link, .form-right-action-ul .m-nav__link {
    padding: 5px 0 !important;
}

.form-left-action-ul .m-nav__link-icon, .form-right-action-ul .m-nav__link-icon {
    color: #6f727d !important;
    font-size: 1.2rem !important;
}

.form-left-action-ul .m-nav__item {
    padding: 0 5px !important;
    border-right: 2px solid #e5e5e8;
}

.form-right-action-ul .m-nav__item {
    padding: 0 5px !important;
    max-height: 40px;
}

.m-widget5__section {
    display: table-cell;
    vertical-align: top;
    padding-left: 1.43rem;
    padding-top: 0.3rem;
}

.font-14 {
    font-size: 14px;
}

.font-12 {
    font-size: 12px;
}

.font-10 {
    font-size: 10px;
}

.form-stack .m-stack__item {
    padding: 10px 25px !important;
    border: none !important;
    background: none !important;
    border-right: 1px solid #bfbfbf !important;
}

.form-stack .m-stack__item:last-child {
    border-right: none !important;
}

.lead-stage {
    min-height: 25px;
    position: relative;
    color: white;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    padding-top: 6px;

    margin: 0 20px;
}

.lead-stage:after {
    content: "";
    position: absolute;
    left: -1px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 14px solid white;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.lead-stage:before {
    content: "";
    position: absolute;
    right: -25px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.font-color-blue {
    color: #3366ff;
    cursor: pointer;
}

.font-color-black {
    color: #272727;
}

.light-green-stage {
    background: #7fe894;
}

.light-green-stage:before {
    border-left: 25px solid #7fe894;
}

.dark-green-stage {
    background: #61c686;
}

.dark-green-stage:before {
    border-left: 25px solid #61c686;
}

.dark-grey-stage {
    background: #808080;
}

.dark-grey-stage:before {
    border-left: 25px solid #808080;
}

.dark-red-stage {
    background: #f33333;
}

.dark-red-stage:before {
    border-left: 25px solid #f33333;
}

.dark-yellow-stage {
    background: #efb167;
}

.dark-yellow-stage:before {
    border-left: 25px solid #efb167;
}

.dark-blue-stage {
    background: #00a1e0;
}

.dark-blue-stage:before {
    border-left: 25px solid #00a1e0;
}

.sea-green-stage {
    background: #37c6d0;
}

.sea-green-stage:before {
    border-left: 25px solid #37c6d0;
}

.maroon-stage {
    background: #9d71a8;
}

.maroon-stage:before {
    border-left: 25px solid #9d71a8;
}

.disabled-stage {
    background: #f0f0f0;
    color: #939496;
}

.disabled-stage:before {
    border-left: 25px solid #f0f0f0;
}

.quick-update-form .form-group {
    margin-bottom: 0px !important;
}

.quick-update-form .col-form-label {
    /*font-size: 14px;*/
    /*font-weight: 600;*/
}

.m-widget5 .m-widget5__item {
    border-bottom: 1px solid #ebedf2;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
}

.m-widget5 .m-widget5__item .widget-item-image {
    display: table-cell;
    width: 50px;
}

.m-widget5 .m-widget5__item .widget-item-desc {
    display: table-cell;
    vertical-align: top;
    padding-left: 5px
}

.form-top-action {
    background-color: #f5f6fc;
    margin-top: -15px;
    /*position: fixed; right: 0; left: 0; z-index: 1;*/
}

.form-top-action .btn_delete_with_popup .la-trash {
    color: #f4516c !important;;
}

.brokerage-confirm {
    color: white;
    height: 20px;
    width: 20px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}

.brokerage-confirm-red {
    background-color: #E87878;
}

.brokerage-confirm-green {
    background-color: #2CE69B;
}

.quick-select-button .bootstrap-select.btn-group > .dropdown-toggle:after,
.quick-input-2-select-button .bootstrap-select.btn-group > .dropdown-toggle:after {
    display: none !important;
}

.quick-select-button .bootstrap-select.btn-group > .dropdown-toggle,
.quick-input-2-select-button .bootstrap-select.btn-group > .dropdown-toggle {
    padding-right: 1rem !important;
}

.quick-select-button .bootstrap-select.btn-group > .dropdown-toggle .filter-option,
.quick-input-2-select-button .bootstrap-select.btn-group > .dropdown-toggle .filter-option {
    text-align: center !important;
}


.btn-default-white {
    color: #000000 !important;
    background-color: #ffffff !important;
    /*border-color: #f2f2f2 !important;*/
    font-weight: 600;
    border-radius: 0 !important;
    border-bottom: 0.5px solid #000000 !important;
}

.btn-default-grey {
    color: #000000 !important;
    /*background-color: #ffffff !important;*/
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
    font-weight: 600;
    border-radius: 0 !important;
}

.btn-green {
    color: #0BC91E !important;
    /*background-color: #0bc91e1a !important;*/
    background-color: #ffffff !important;
    /*border-color: #0bc91e1a !important;*/
    font-weight: 600;
    border-radius: 0 !important;

    border-bottom: 0.5px solid #000000 !important;
}

.btn-red {
    color: #f33333 !important;
    /*background-color: #f333331a !important;*/
    background-color: #ffffff !important;
    border-color: #f333331a !important;
    font-weight: 600;
    border-radius: 0 !important;

    border-bottom: 0.5px solid #000000 !important;
}

.btn-yellow {
    color: #FF8913 !important;
    /*background-color: #ff89131a !important;*/
    background-color: #ffffff !important;
    /*border-color: #ff89131a !important;*/
    font-weight: 600;
    border-radius: 0 !important;

    border-bottom: 0.5px solid #000000 !important;
}

.btn-blue {
    color: #3366ff !important;
    /*background-color: #3366ff1a !important;*/
    background-color: #ffffff !important;
    /*border-color: #3366ff1a !important;*/
    font-weight: 600;
    border-radius: 0 !important;

    border-bottom: 0.5px solid #000000 !important;
}

.form-border-bottom {
    border-bottom: 2px solid #bfbfbf;
}

.large-font-lable {
    font-weight: 500;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.display-table {
    display: table !important;
}

.display-table-cell {
    display: table-cell !important;
}

.recordNavigator {
    width: 25px !important;
}

.bootstrap-switch-black {
    background-color: #272727;
    border-color: #272727;
    color: #ffffff;
}

.lead-image {
    height: 90px !important;
    width: 90px !important;
    cursor: pointer;
}

.lead-image-small {
    height: 60px !important;
    width: 60px !important;
    cursor: pointer;
}

.lead-image img, .lead-image-small img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}


.noborder-select .bootstrap-select.btn-group > .dropdown-toggle {
    border: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.noborder-select .bootstrap-select.btn-group > .dropdown-toggle i {
    font-size: 16px;
}

.noborder-select .bootstrap-select, .noborder-select .dropdown-toggle {
    background-color: transparent !important;
}

.noborder-select .bootstrap-select.btn-group > .dropdown-toggle:after {
    display: none;
}

.noborder-select .dropdown-menu.open.show {
    min-width: 150px;
}

.select-text-color-light-green {
    color: #7fe894;
}

.select-text-color-dark-green {
    color: #00d12b;
}

.select-text-color-dark-grey {
    color: #808080;
}

.select-text-color-dark-red {
    color: #f33333;
}

.display-block {
    display: block;
}

.list-counter {
    position: absolute !important;
    left: 40%;
    height: auto !important;
}

.list-counter .m-portlet__nav-item {
    display: inline-block !important;
    margin: 0 10px;
    padding: 6px 10px !important;
}

.li-nurturing {
    background-color: rgba(34, 92, 154, 0.05);
}

.li-initiated {
    background-color: rgba(255, 137, 19, 0.05);
}

.li-inprogress {
    background-color: rgba(0, 209, 43, 0.05);
}

.list-counter h2, .list-counter h6 {
    font-weight: 600;
}

@media only screen and (max-width: 1500px) {
    .list-counter {
        left: 30%;
    }

    .list-counter h2 {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 1300px) {
    .list-counter {
        left: 25%;
    }
}

@media only screen and (max-width: 1200px) {
    .list-counter {
        left: 20%;
    }
}

.breadcrumn-root {
    text-transform: uppercase;
    font-weight: 600 !important;
}

.form-row-one-right-ul {
    padding: 15px 0;
}

.form-row-one-right-ul .m-nav__item {
    /*padding: 10px 40px !important;*/
    padding: 5px 20px !important;
    border-right: 1px solid #bfbfbf;
    /*height: auto !important;*/
}

.form-row-one-right-ul .m-nav__item:last-child {
    border-right: none #bfbfbf;
    padding-right: 0 !important;
}

.form-collapsed-portlet .m-portlet__head {
    background-color: #f5f6fc;
    padding: 0 50px !important;
}

.form-collapsed-portlet .m-portlet__body {
    padding: 2.2rem 50px !important;
}

.quick-update-form .col-form-label.m--font-boldest {
    color: #575976;
}

.details-sub-head {
    color: #272727;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.form-collapsed-portlet .m-portlet__head .m-portlet__nav-item .m-portlet__nav-link--icon i {
    color: #272727 !important;
}

.status_cold {
    color: #0095FF !important;
}

.status_warm {
    color: #FF8913 !important;
}

.status_hot {
    color: #f33333 !important;
}

.btn.btn-outline-black {
    color: #272727;
    border-radius: 0;
    border-color: #272727;
}

.btn.icon-btn--black {
    color: #ffffff;
    border-radius: 0;
    border-color: #272727;
    background-color: #272727;
}

.btn-font-bold {
    font-weight: 600 !important;
    color: #272727;
}

#filter-container {
    margin-bottom: 15px !important;
}

#filter-container .m-portlet__body {
    padding: 5px !important;
}

#filter-container .table td {
    border-top: none !important;
}

.todays-followups, .missed-followups {
    position: relative;
    padding: 0 15px !important;
    cursor: pointer;
}

.todays-followups a, .missed-followups a {
    color: #000000;
}

.todays-followups .m-badge, .missed-followups .m-badge {
    position: absolute;
    top: 10px;
    right: 5px;
}

.missed-followups .m-badge {
    background-color: #F44336;
    color: #ffffff;
}

.todays-followups .m-badge {
    background-color: #2CE69B;
    color: #ffffff;
}

.form-doc-list .m-list-search__result-item i, .form-financial-doc-list .m-list-search__result-item i {
    font-size: 2.3rem;
    color: #272727;
}

.form-doc-list .m-list-search__result-item-text, .form-financial-doc-list .m-list-search__result-item-text {
    padding: 0 10px;
}

.sourceIdSelect .dropdown-menu.open.show {
    width: 300px
}

.btn-black-bg {
    background-color: #272727 !important;
    color: #ffffff !important;
}

.btn-delete-selected {
    background-color: #f44336 !important;
    color: #ffffff !important;
}

.btn-multiple-record-action {
    border-radius: 0;
}

.account-contact-list .m-widget5 .m-widget5__item {
    border-bottom: none !important;
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
}

.account-contact-list .m-widget5 .m-widget5__item .widget-item-image {
    display: table-cell;
    width: 70px;
}

.account-contact-list .m-widget5 .m-widget5__item .widget-item-desc {
    padding-left: 10px !important;
}

.account-contact-list .light-text {
    color: #bfbfbf;
}

.franchisee-select .btn.dropdown-toggle {
    border: 2px solid #272727;
    border-radius: 0 !important;
    padding: 10px;
}

.franchisee-select .btn.dropdown-toggle .filter-option {
    text-align: center;
    font-weight: 600;
    color: #272727;
}


.custom_black_badge {
    /*color: #fff;*/
    /*background-color: #484848;*/
    display: inline-block;
    margin: 2px;
    padding: 2px 7px;
    cursor: pointer;
    /*border-radius: 25px;*/
}

.light-border {
    border: 1px solid #dedede;
}

ul.property-details-sub-tabs {
    border-bottom: none;
    margin-bottom: 10px !important;
}

ul.property-details-sub-tabs .m-tabs__item {
    text-align: center;
    padding: 0px;
    margin: 0 !important;
    border: 1px solid #dedede;
}

ul.property-details-sub-tabs .m-tabs__link {
    padding: 10px 20px;
    border-radius: 0;
}

ul.property-details-sub-tabs a.m-tabs__link:hover {
    border-bottom: none !important;
}

ul.property-details-sub-tabs a.m-tabs__link.active {
    background: #808080 !important;
    color: #ffffff !important;
    border-bottom: none !important;

}

.tc {
    width: 100px;
    height: 100px;
    /*display: inline-block;*/
}


.property-gallery-image-box {
    height: 100px;
    width: 100px;
    text-align: center;
}

.property-gallery-image-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    cursor: pointer;
}

.property-gallery-image-upload-box {
    border: 1px dashed #000000;
    cursor: pointer;
}

/* img:hover + .gallery-image-feature-text {
    display: block !important;
} */

.property-gallery-image-box:hover .gallery-image-feature-text {
    display: block !important;
}

.gallery-image-feature-text {
    position: absolute;
    color: black;
    background-color: white;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 25px;
    bottom: 0;
    display: none;
    padding-top: 5px;
    font-weight: 500;
}

.sub-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f4f5f8;
}

.dark-grey-badge {
    background-color: #666666;
    color: white;
}

.black-badge {
    background-color: #272727;
    color: white;
}

.m-widget5 .m-widget5__item .m-widget5__desc b {
    color: #272727;
}

.thin-switch .bootstrap-switch .bootstrap-switch-handle-on, .thin-switch .bootstrap-switch .bootstrap-switch-handle-off, .thin-switch .bootstrap-switch .bootstrap-switch-label {
    padding-top: 0.50rem !important;
    padding-bottom: 0.50rem !important;
}


.quick-input-2-select {
    width: 100% !important;
}

.bottom-bordered-form .quick-input-2:focus, .bottom-bordered-form .select2-container--focus {
    border-color: blue !important;
}

/*multi select in single line*/
/*.single-line-multiselect .select2-selection__choice, .single-line-multiselect .select2-search--inline{
    float: none !important;
    display: inline-block !important;
}*/

.blockUI.blockMsg.blockElement {
    top: 30% !important;
    left: 50% !important;
}

.colored-select .bs-placeholder {
    background-color: #ffffff;
    color: black;
}

.btn-prop-status-available {
    /*color: #ffffff !important;*/
    /*background-color: #69a84f !important;*/
    /*border-color: #69a84f !important;*/
    font-weight: 600;
    border-radius: 0 !important;

    background-color: #ffffff;
    border-bottom: 1px solid #272727;
    color: #69a84f !important;;
}

.btn-prop-status-sold {
    /*color: #ffffff !important;*/
    /*background-color: #cc0000 !important;*/
    /*border-color: #cc0000 !important;*/
    font-weight: 600;
    border-radius: 0 !important;

    background-color: #ffffff;
    border-bottom: 1px solid #272727 !important;
    color: #cc0000 !important;;
}

.btn-prop-status-onhold {
    /*color: #ffffff !important;*/
    /*background-color: #e69134 !important;*/
    /*border-color: #e69134 !important;*/
    font-weight: 600;
    border-radius: 0 !important;

    background-color: #ffffff;
    border-bottom: 1px solid #272727 !important;
    color: #e69134 !important;;
}

.btn-prop-status-leased {
    /*color: #ffffff !important;*/
    /*background-color: #ff00fa !important;*/
    /*border-color: #ff00fa !important;*/
    font-weight: 600;
    border-radius: 0 !important;

    background-color: #ffffff;
    border-bottom: 1px solid #272727 !important;
    color: #ff00fa !important;;
}

.btn-prop-status-underoffer {
    /*color: #ffffff !important;*/
    /*background-color: #4888e3 !important;*/
    /*border-color: #4888e3 !important;*/
    font-weight: 600;
    border-radius: 0 !important;

    background-color: #ffffff;
    border-bottom: 1px solid #272727 !important;
    color: #4888e3 !important;
}

.link-color-black, .link-color-black:hover, .link-color-black:focus {
    color: #272727;
    outline: none;
}


.dark-green-badge {
    background-color: #66a857;
    color: white;
}

.dark-blue-badge {
    background-color: #488091;
    color: white;
}

.dark-blue-2-badge {
    background-color: #1354cd;
    color: white;
}

.dark-purple-badge {
    background-color: #361c73;
    color: white;
}

.payment-slab-div {
    background-color: #fbfafa;
}

.widget-bg-color-blue {
    background-color: #3773a5;
    color: #ffffff;
}

.widget-bg-color-green .m-widget4__title, .widget-bg-color-green .m-widget4__sub,
.widget-bg-color-blue .m-widget4__title, .widget-bg-color-blue .m-widget4__sub,
.widget-bg-color-accent .m-widget4__title, .widget-bg-color-accent .m-widget4__sub,
.widget-bg-color-primary .m-widget4__title, .widget-bg-color-primary .m-widget4__sub,
.widget-bg-color-warning .m-widget4__title, .widget-bg-color-warning .m-widget4__sub {
    color: #ffffff;
}

.widget-bg-color-accent {
    background-color: #00c5dc;
    color: #ffffff;
}

.widget-bg-color-warning {
    background-color: #ffb822;
    color: #ffffff;
}

.widget-bg-color-primary {
    background-color: #5867dd;
    color: #ffffff;
}

.widget-bg-color-green {
    background-color: #34bfa3;
    color: #ffffff;
}

.widget-cold {
    color: #3366ff !important;
    background-color: #3366ff1a !important;
}

.widget-cold .m-widget4__title, .widget-cold .m-widget4__sub {
    color: #3366ff !important;
}

.widget-warm {
    color: #FF8913 !important;
    background-color: #ff89131a !important;
}

.widget-warm .m-widget4__title, .widget-warm .m-widget4__sub {
    color: #FF8913 !important;
}

.widget-hot {
    color: #f33333;
    background-color: #f333331a;
}

.widget-hot .m-widget4__title, .widget-hot .m-widget4__sub {
    color: #f33333 !important;
}

.btn-save-summernote {
    position: absolute;
    top: 13px;
    z-index: 2;
    right: 20px;
}


label.selectedable-label {
    border: 1px solid #eaeaeb;
    line-height: 40px;
    /*height:40px;*/
    width: 100%;
    /*border-radius:40px;*/
    color: #272727;
    text-align: center;
    margin: 0;
    cursor: pointer;
}

label.selectedable-label-small {
    border: 1px solid #eaeaeb;
    line-height: 20px;
    /*height:40px;*/
    width: 100%;
    /*border-radius:40px;*/
    color: #272727;
    text-align: center;
    margin: 0;
    cursor: pointer;
}

input[type=checkbox].selectedable-label-checkbox, input[type=radio].selectedable-label-checkbox {
    display: none;
}

input.selectedable-label-checkbox:checked + label.selectedable-label {
    background-color: #808080;
    color: #ffffff;
}

input.selectedable-label-checkbox:checked + label.selectedable-label-small.selectedable-label-success {
    background-color: #34bfa3;
    color: #ffffff;
}

input.selectedable-label-checkbox:checked + label.selectedable-label-small.selectedable-label-danger {
    background-color: #f4516c;
    color: #ffffff;
}

input.selectedable-label-checkbox:checked + label.selectedable-label-small.selectedable-label-info {
    background-color: #36a3f7;
    color: #ffffff;
}


.has-error .form-control-error {
    text-align: left;
}

.bootstrap-tagsinput .tag.label.label-info {
    line-height: 2;
}

span.select2-dropdown {
    z-index: 9999;
}

.list-filter-icon {
    margin-top: 3px;
    cursor: pointer;
}

.quick-update-form .m-portlet__head {
    height: 0;
}

.onClickToggle {
    cursor: pointer;
}

.list-view-breadcrumbs .form-control.m-bootstrap-select .dropdown-toggle {
    border-bottom: none !important;
    color: #272727;
    font-size: 16px;
    font-weight: 600;
}

a.btn-ajax-submit.disabled {
    pointer-events: none;
    cursor: default;
}

.list-view-breadcrumbs .dropdown-menu.open.show {
    min-width: 150px;
}

.list-view-breadcrumbs .btn-group.bootstrap-select {
    width: auto !important;
}


.notification_list_container .m-list-timeline .m-list-timeline__items:before,
.notification_list_container .m-list-timeline .m-list-timeline__items .m-list-timeline__item:first-child:before {
    display: none !important;
}

#notification_badge {
    font-size: 12px;
    line-height: 15px;
    min-height: 15px;
    min-width: 15px;
    position: absolute;
    top: 3px;
}

.unread_notification {
    background-color: #F2F2F2;
}

.notification_list_container .m-list-timeline__item {
    cursor: pointer;
}

.notification_list_container .m-list-timeline__item:hover {
    background-color: #f9f9f9;
}

.quick-update-form .bootstrap-select.btn-group > .dropdown-toggle.btn-default.disabled {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px !important;
    background-color: white;
}

/*Goolge place autosuggest hide Powered By Google*/
.pac-logo:after {
    display: none;
}

.pac-item:hover {
    background-color: #f2f3f8;
    cursor: pointer;
}

.list-pin-image {
    width: 15px;
}

.form-accordion-container {
    margin: 0 -15px;
    padding: 0px 50px;
}

.td-width-100-dot {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.margin-b-2 {
    margin-bottom: 2px;
}

.border-radius-0 {
    border-radius: 0;
}

.hover-pointer {
    cursor: pointer;
}

.opportunity-top-counter {
    height: 20px;
    width: 20px;
    line-height: 20px;
    /* vertical-align: middle; */
    /*background-color: #ffffff;*/
    border-radius: 20px;
    text-align: center;
    /*padding: 7px 12px;*/
    font-size: 12px;
    display: inline-block;
}

.opportunity-top-counter-success {
    background-color: #34bfa3;
    color: #fff;
}

.opportunity-top-counter-warning {
    background-color: #ffb822;
    color: #fff;
}

.opportunity-top-counter-danger {
    background-color: #f4516c;
    color: #fff;
}

.opportunity-top-counter-info {
    background-color: #36a3f7;
    color: #fff;
}

@media only screen and (max-width: 1300px) {
    .form-left-action-ul .m-nav__item .m-nav__link .m-nav__link-text, .form-left-action-ul .m-nav__item i, .form-left-action-ul .m-nav__item .btn.dropdown-toggle {
        font-size: 12px !important;
    }

    .form-left-action-ul .m-nav__item {
        padding: 0 5px !important;
    }

    .form-right-action-ul .m-nav__item .m-nav__link, .form-right-action-ul .m-nav__item .m-nav__link i {
        font-size: 12px !important;
    }
}

.div-border-bottom-light {
    border-bottom: 1px solid #ebedf2;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
}

.kanban-item p {
    margin-bottom: 2px;
}

.past_project_list .list-group-item {
    padding: 0.2rem;
    border: none;
}

.min-height-250 {
    min-height: 250px;
}

.line-height-250 {
    line-height: 250px;
}

.nav-tabs.light-border-tab .nav-link.active {
    border-color: #dedede #dedede #fff !important;
}

.tab-content.light-border-tab-content {
    border: 1px solid #dedede !important;
}

.nav-tabs.light-border-tab {
    margin-bottom: 0 !important;
}

.m-portlet .m-portlet__head_4_rem {
    height: 4rem !important;
}

.select2-container--disabled {
    border-color: #000000 !important;
}

.select2-container--disabled .select2-selection--single {
    background-color: #ffffff !important;
}

.margin-t-2 {
    margin-top: 2px;
}

.m-nav.form-left-action-ul .m-nav__item > .m-nav__link .m-nav__link-icon, .m-nav.form-right-action-ul .m-nav__item > .m-nav__link .m-nav__link-icon {
    width: 20px;
}

#notification_list .m-list-timeline__text {
    vertical-align: top;
}

.opacity_50 {
    opacity: 0.5;
}

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

#mainrecordForm input[type=text], #mainrecordForm textarea, #mainrecordForm select, #mainrecordForm .form-control .btn-default, #mainrecordForm .select2-selection__rendered {
    padding-left: 0px;
}

.m-topbar__userpic {
    width: 40px;
    height: 40px;
}

.m-topbar__userpic img {
    width: 100%;
    height: 100%;
}

.dashboard-lead-table-div td {
    padding: 0.35rem 0.75rem;
}

.dashboard-lead-table-div .m-datatable__pager {
    padding: 0 10px;
    margin-top: 5px !important;
}

input.percentage-mask {
    text-align: left !important;
}

#quickMessageModal .note-group-select-from-files {
    display: none;
}

.border-blue {
    border: 2px solid #668dd2;
}

.btn-marketing-task {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

.pending-badge {
    background-color: dodgerblue;
    color: white;
}

.inprocess-badge {
    background-color: orange;
    color: black;
}

.completed-badge {
    background-color: green;
    color: white;
}

.rejected-badge {
    background-color: red;
    color: black;
}

.f-1-1 {
    font-size: 1.1rem !important;
}

.text-low-priority {
    color: #228b22;
}

.text-moderate-priority {
    color: #f1bb00;
}

.text-medium-priority {
    color: #eb8d0d;
}

.text-high-priority {
    color: #f2451c;
}

.text-urgent-priority {
    color: #c80d0d;
}

#campaigns_count_badge {
    font-size: 12px;
    line-height: 15px;
    min-height: 15px;
    min-width: 15px;
    position: absolute;
    top: 0;
    margin-left: 7px;
}
.franchisee_dropdown_container .parent{font-weight: bold !important;}
.franchisee_dropdown_container .child{margin-left: 2% !important;}
.no-btn-border{border:none !important;}
#c_total_amt, #total_amt{font-weight: 700;}


.reciept {
    border-radius: unset !important;

    width: 20px !important;
    height: 19px !important;
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.reciept-red {
    background-color: #E87878;
}

.reciept-green {
    background-color: #2CE69B;
}

.btn-verification{
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    margin-top: 0.2rem;

}

.required_field_label:after {
    content:" *";
    color: red;
}


.m-datatable .m-datatable__limit-control {
    display: flex !important;
}

.m-datatable .m-datatable__limit-control .control-label {
    padding-top: 5px !important;
}

.m-datatable .m-datatable__limit-control #limit {
    margin-left: 10px !important;
}
.m-tabs-line.nav.nav-tabs .form-tab-error .nav-link,
.m-tabs-line .form-tab-error a.m-tabs__link {
    color: red !important;
}
.m-badge.m-badge--wide.btnOpenOfferModal {
    background-color: #DFFF00;
    color: #000;
    margin-top: 15px;
    font-weight: bold;
}
.m-badge.m-badge--wide.add_payment_condition {
    margin-top: 5px;
    background-color: #61c686;
    color: #fff;
}