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

.m-grid.m-grid--ver-desktop.m-grid--desktop > .m-grid__item.m-grid__item--fluid.m-leftside_bar {
    background: url(../../../images/misc/background.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    background-position: left 100% top 0px;
}

.m-brand.m-brand--skin-dark {
    background-color: #231F20;
}

.m-aside-left.m-aside-left--skin-dark {
    background: url(../../../images/misc/sidebar_bg.png) no-repeat;
    min-height: 400px;
    background-size: 100%;
    background-position: left 100% top 0px;
}

.m-grid_overlayer {
    background-color: rgba(28, 26, 26, 0.95);
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
}

/**************************/


.m-login-custom .m-login__container .m-portlet {
    padding: 25px 30px;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__head .m-login__title {
    text-align: left;
    font-weight: 200;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
    padding: 1.1rem 4rem;
    font-size: 1.3rem;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__head .m-login__title {
    color: #404040;
    font-size: 2rem;
}

.m-link {
    color: #FDB813;
}

.m-link:hover {
    color: #FDB813;
}

.m-link:hover:after {
    border-bottom-color: #FDB813;
}

.m-login-link {
    color: #404040;
    font-weight: 500;
}

.m-login-link:hover {
    color: #FDB813;
}

.m-login.m-login--2.m-login-custom .m-login__wrapper .m-login__form .form-control {
    border-radius: 0;
    border: 0;
    border: 1px solid #DFDFDF;

    margin-top: 0.1rem;
    color: #404040;
    font-family: "Poppins";
    font-size: 1rem;
    font-weight: normal;
}

.m-login.m-login--2.m-login-custom .m-login__wrapper .m-login__form .m-form__group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #404040;
}

.m-login.m-login--2.m-login-custom .m-login__wrapper .m-login__form .m-form__group .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #404040;
}

.m-login.m-login--2.m-login-custom .m-login__wrapper .m-login__form .m-form__group .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #404040;
}

.m-login.m-login--2.m-login-custom .m-login__wrapper .m-login__form .m-form__group .form-control:-moz-placeholder { /* Firefox 18- */
    color: #404040;
}

.m-login.m-login--2.m-login-custom .m-login__wrapper .m-login__container .m-login__form .m-form__group {
    margin: 0 15px;
}

/*   .m-login.m-login--2.m-login-custom .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub {
      padding-left: 0;
      padding-right: 0;
  } */
.m-login.m-login--2.m-login-custom .m-login__wrapper .m-login__container .m-login__form .m-form__group.has-danger .form-control-feedback {
    padding-left: 5px;
    color: #F93939;
    font-weight: 400;
}

.m-checkbox {
    color: #404040;
}

.m-login-custom .m-checkbox {
    font-weight: 500;
}

.m-form.my-form--custom .form-control-feedback {
    color: #F93939;
    font-weight: 400;
}


/***********************/
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username {
    color: #231F20;
    padding-left: 10px;
    font-size: 1rem;
    font-weight: 500;
    text-transform: none;
    line-height: 16px;

}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username em {
    display: block;
    font-style: normal;
    font-size: 1.09rem;
    font-weight: 600;
    text-transform: uppercase;
}

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow {
    color: #FDB813;
}

/********************/

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after {
    background: #FDB813;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after {
    background: #FDB813;
}

/**** side bar *****/

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    font-size: 1.12rem;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text {
    color: #B2B2B2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #B2B2B2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: #B2B2B2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text {
    color: #B2B2B2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #B2B2B2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text {
    color: #FDB813;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot > span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot > span {
    background-color: #FDB813;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #FDB813;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot > span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot > span {
    background-color: #FDB813;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #FDB813;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #FDB813;
}


.m-aside-menu .m-menu__nav > .m-menu__section {
    margin-top: 0;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-text {
    color: #777777;
    font-size: 1.1rem;
}


.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    background-color: #231F20;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active {
    background-color: #231F20;
}

@media (min-width: 1025px) {
    .m-aside-left--fixed .m-body {
        -webkit-transition: width 0.2s ease;
        transition: width 0.2s ease;
        padding-left: 300px;
        -moz-transition: width 0.2s ease;
        -ms-transition: width 0.2s ease;
        -o-transition: width 0.2s ease;
    }

    .m-brand,
    .m-aside-left {
        width: 300px;
    }

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

}

@media (min-width: 1025px) {
    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__link-icon, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__link-icon {
        color: #FDB813;
    }

    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-icon {
        color: #B2B2B2;
    }
}

/**********************/

.m-subheader .m-subheader__title {
    font-size: 1.55rem;
    font-weight: 600;
    font-family: Poppins;
    padding-bottom: 0;
}

.m-subheader .m-subheader__subtitle {
    display: block;
    font-size: 1rem
}

/***********************/

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    padding-left: 15px;
    position: relative;
    text-transform: uppercase;
    color: #404040;
    font-weight: bold;
    font-family: Poppins;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 26px;
    background-color: #FDB813;
    left: 0;
}

.m-form--square .form-control, .m-form.my-form--custom .input-group > .input-group-append > .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.m-form.my-form--custom .form-control[readonly], .m-form.my-form--custom .form-control,
.m-form.my-form--custom .custom-file .custom-file-label {
    border-color: #DFDFDF;
    color: #404040;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    overflow: hidden;
}


.m-form.my-form--custom .form-control-label,
.m-form.my-form--custom .col-form-label,
.m-form.my-form--custom .m-form__group > label {
    font-weight: 500;
    color: #404040
}

.m-form.my-form--custom .m-checkbox.m-checkbox--brand > input:checked ~ span,
.m-form.my-form--custom .m-checkbox.m-checkbox--brand > span:after {
    border: 1px solid #FDB813;
}

.m-form.my-form--custom .m-checkbox > input:checked ~ span,
.m-form.my-form--custom .m-checkbox > span {
    border: 1px solid #DFDFDF;
}

.m-form.my-form--custom .m-radio.m-radio--brand > span {
    border: 1px solid #DFDFDF;
}

.m-form.my-form--custom .m-radio.m-radio--brand > input:checked ~ span {
    border: 1px solid #FDB813;
}

.m-form.my-form--custom .m-radio.m-radio--brand > span:after {
    border: solid #FDB813;
    background: #FDB813;
}

.m-form.my-form--custom .m-form__help, .m-form .m-form__help, .modal-body .m-form__help {
    color: #FF5D5D;
    font-weight: 500;
}

/**********************/
.m-footer .m-footer__copyright {
    color: #858585;
    font-size: 1rem;
}

/**************************/
.btn.m-btn--custom {
    font-size: 1.075rem;
    font-weight: 600;
}

.btn {
    font-size: 1.075rem;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
}

.btn.btn-brand {
    color: #404040;
}

.btn-brand {
    color: #404040;
    background-color: #FDB813;
    border-color: #FDB813;
}

.btn-brand:hover {
    color: #404040 !important;
    background-color: #FBC64B;
    border-color: #FBC64B;
}

.btn.btn-brand.active, .btn.btn-brand.focus, .btn.btn-brand:focus, .btn.btn-brand:hover:not(:disabled) {
    color: #404040 !important;
}

.btn-brand:focus,
.btn-brand.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(227, 163, 10, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(227, 163, 10, 0.5);
}

.btn-brand.disabled,
.btn-brand:disabled {
    color: #404040;
    background-color: #FBC64B;
    border-color: #FBC64B;
}

.btn-brand:not(:disabled):not(.disabled):active,
.btn-brand:not(:disabled):not(.disabled).active,
.show > .btn-brand.dropdown-toggle {
    color: #404040;
    background-color: #FBC64B;
    border-color: #FBC64B;
}

.btn-brand:not(:disabled):not(.disabled):active:focus,
.btn-brand:not(:disabled):not(.disabled).active:focus,
.show > .btn-brand.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(227, 163, 10, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(227, 163, 10, 0.5);
}


.btn.btn-secondary {
    color: #404040;
    background-color: #EFEFEF;
    border-color: #DBDBDB;
}

.btn-secondary {
    color: #404040;
    background-color: #EFEFEF;
    border-color: #DBDBDB;
}

.btn-secondary:hover {
    color: #404040 !important;
    background-color: #DFDFDF;
    border-color: #DFDFDF;
}

.btn.btn-secondary.active, .btn.btn-secondary.focus, .btn.btn-secondary:focus, .btn.btn-secondary:hover:not(:disabled) {
    color: #404040 !important;
}

.btn-secondary:focus,
.btn-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 223, 223, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(223, 223, 223, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #404040;
    background-color: #DFDFDF;
    border-color: #B2B2B2;
}

.btn.btn-default:hover:not(:disabled), .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:focus, .show > .btn.btn-default.dropdown-toggle, .btn.btn-secondary:hover:not(:disabled), .btn.btn-secondary.active, .btn.btn-secondary:active, .btn.btn-secondary:focus, .show > .btn.btn-secondary.dropdown-toggle {
    color: #404040;
    background-color: #DFDFDF;
    border-color: #B2B2B2;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #404040;
    background-color: #DFDFDF;
    border-color: #B2B2B2;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 223, 223, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(223, 223, 223, 0.5);
}


/************************/
.m-portlet .m-portlet__head, .m-portlet .m-portlet__foot:not(.m-portlet__no-border) {
    border-bottom-color: #DFDFDF
}

.m-portlet.m-portlet--bordered {
    border-color: #DFDFDF
}

.m-custom-select .form-control {
    border: 0;
    padding: 3px 0;
    height: 26px;
}

.filter-block a:hover {
    text-decoration: none !important;
}

.filter-block .m-menu__link-icon {
    font-size: 2rem;
    color: #404040;
}

.filter-block .m-menu__link-icon:hover {
    color: #FDB813
}

.m-form .m-form__actions {
    padding: 20px 30px;
}

.filter-body {
    padding: 2rem 2.2rem 0;
}

.filter-body .m-portlet__foot:not(.m-portlet__no-border) {
    border-top: none;
    border-bottom: 1px solid #ebedf2;
}

.m-nouislider-barnd.noUi-target.noUi-horizontal {
    height: 10px;
}

.m-nouislider-barnd.noUi-target.noUi-horizontal .noUi-handle {

}

.m-nouislider-barnd.noUi-target .noUi-connect {
    background: #FDB813;
    box-shadow: none;
}

/*****************************/

.m-checkbox.m-checkbox--solid > span, .m-checkbox.m-checkbox--brand.m-checkbox--solid > span {
    background: #ffffff;
    border: 1px solid #DBDBDB !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid > input:checked ~ span {
    background-color: #FDB813;
    border-color: #FDB813;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
    color: #FDB813;
}

.dataTables_wrapper .pagination .page-item.active > .page-link, .dataTables_wrapper .pagination .page-item:hover > .page-link {
    background-color: #FDB813;
}

.dataTables_wrapper .pagination .page-item.previous > .page-link:hover, .dataTables_wrapper .pagination .page-item.next > .page-link:hover, .dataTables_wrapper .pagination .page-item.last > .page-link:hover, .dataTables_wrapper .pagination .page-item.first > .page-link:hover {
    background-color: #FDB813;
}

.btn.m-btn--hover-brand:hover, .btn.m-btn--hover-brand.active, .btn.m-btn--hover-brand:active, .btn.m-btn--hover-brand:focus, .show > .btn.m-btn--hover-brand.dropdown-toggle {
    border-color: #FDB813 !important;
    color: #ffffff !important;
    background-color: #FDB813 !important;
}

.table thead th, .table-bordered, .table-bordered td, .table tbody th {
    border-color: #DFDFDF;
    font-weight: 500;
}

table.table-bordered.dataTable th, .table thead th {
    background-color: #EFEFEF;
}

.custom-tab-btn {
    margin-bottom: 30px;
}

.custom-tab-btn {
    border-bottom: 1px solid #DFDFDF;
}

.custom-tab-btn li {
    display: block;
    float: left;
    margin-left: 1px;
}

.custom-tab-btn li a {
    font-size: 14px;
    font-weight: bold;
    padding: 12px 20px;
    display: inline-block;
    color: #404040 !important;
    text-transform: uppercase;
    background-color: #EFEFEF;
    border: 1px solid #DFDFDF;
}

.custom-tab-btn li:first-child a {
    border-right: none
}

.custom-tab-btn li a:hover, .custom-tab-btn li a:focus, .custom-tab-btn li.active a, .custom-tab-btn ul li a.active {
    text-decoration: none;
    background-color: #FDB813 !important;
    border-color: #FDB813 !important;
}

.back-icon {
    display: inline-block;
    vertical-align: middle;
    min-width: 40px;
}

.back-icon a {
    text-decoration: none;
    color: #404040;
}

.back-icon a:hover {
    color: #FDB813
}

.m-scroll-top:hover > i {
    color: #FDB813;
}

.back-icon .m-menu__link-icon {
    font-size: 30px;
}

.more_detail {
    color: #404040;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.more_detail .m-nav__link-icon {
    font-size: 1.8rem;
}

.more_detail:hover {
    text-decoration: none;
    color: #FDB813
}

.project-detail-block dl {
    overflow: auto;
}

.project-detail-block dt {
    float: left;
    width: 40%;
    text-align: left;

}

.project-detail-block dd {
    width: 60%;
    float: left;
    font-weight: 500;

}

/***************************/
.custom-range .irs-from:after, .custom-range .irs-to:after, .custom-range .irs-single:after {
    border-top-color: #FDB813;
}

.custom-range .irs-from, .custom-range .irs-to, .custom-range .irs-single {
    background: #FDB813;
}

/*****************************/
.m-timeline-2.m-custom-timeline2:before {
    left: 6.84rem;
}

.m-timeline-2.m-custom-timeline2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-time {
    color: #575962;
    font-size: 1rem;
}

.m-timeline-2.m-custom-timeline2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-time span {
    display: block;
}

.m-timeline-2.m-custom-timeline2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-cricle {
    left: 6.1rem;
}

.m-timeline-2.m-custom-timeline2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-text {
    padding-left: 7rem;
}

/************************* */
.mobile_user .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
    display: block;
    vertical-align: middle;
    max-width: 41px !important;
    margin: 0 0 0 5px;
}

@media (max-width: 768px) {
    .m-dropdown.m-dropdown--mobile-full-width.m-dropdown--align-center > .m-dropdown__wrapper, .m-dropdown.m-dropdown--mobile-full-width > .m-dropdown__wrapper {
        width: auto;
        left: auto;
        right: 0;
        width: 280px;
    }

}

@media (max-width: 575.98px) {
    .m-portlet .m-portlet__head {
        flex-direction: column;
        height: auto;
    }

    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title {
        min-height: 40px;
    }

    .m-portlet .m-portlet__head .m-portlet__head-caption {
        margin-top: 15px;
    }

    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__head .m-login__title {
        font-size: 1.8rem;
    }

    .m-form-col .col {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .m-form-col .col.m--align-right {
        text-align: left;
    }

}

/* Five Start Rating CSS*/

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label {
    margin: 0;
    padding: 0;
}

body {
    margin: 20px;
}

h1 {
    font-size: 1.5em;
    margin: 10px;
}

/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 5px;
    font-size: 1.5em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FDB813;
}

/* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

/*End Five star rating css*/
@media (max-width: 767.98px) {
    body { margin: 0}
    .m-body .m-content { padding: 20px 10px}
    .m-portlet .m-portlet__body { padding: 15px 10px }
}
.bg-red {
    background: rgba(255,0,0,0.3);
}
.bg-green {
    background: rgba(0,128,0,0.3);
}

.bg-orange {
    background: rgba(255,165,0,0.3);
}
.bg-yellow {
    background: rgba(238, 255, 0, 0.904);
}

.avg-hour{
    text-align: center;
    font-weight: 600 !important;
    cursor: pointer;
}