html,body{font-family: Arial, Helvetica, sans-serif;}
a,a:hover{text-decoration: none;}
input.parsley-error, select.parsley-error, textarea.parsley-error {background: #FAEDEC !important;border: 1px solid #E85445 !important;}
table{font-size: 9pt !important;}
ul.parsley-errors-list {list-style: none;color: #E74C3C;padding-left: 0;}
ul.parsley-success-list {list-style: none;color: #30E458;padding-left: 0;}
div.dataTables_wrapper div.dataTables_length select {
    width: 70px !important;
    display: inline-block;
}
::-webkit-input-placeholder { /* Edge */
color: #c7c7c7 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #c7c7c7 !important;
}

::placeholder {
color: #c7c7c7 !important;
}
#content{min-height:515px;}
.app-theme-white .app-sidebar {
    background: #529b32;
}
.tabs-animated .nav-link::before {
    transform: scale(0);
    opacity: 1;
    width: 100%;
    left: 0;
    bottom: -2px;
    content: "";
    position: absolute;
    display: block;
    border-radius: .25rem;
    background: #529b32
    transition: all .2s;
    height: 4px;
}
.app-page-title .page-title-icon-small {font-size: 1.6rem;align-items: center;align-content: center;text-align: center;padding: 3px;margin: 0 13px 0 0;background: #fff;background-image: none;box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03),0 0.9375rem 1.40625rem rgba(4,9,20,0.03),0 0.25rem 0.53125rem rgba(4,9,20,0.05),0 0.125rem 0.1875rem rgba(4,9,20,0.03);border-radius: .25rem;width: 42px;height: 41px;}
.app-page-title {padding: 12px 30px 12px 30px;margin: -30px -30px 9px;position: relative;}
.app-sidebar{
    justify-content: center;
}
.app-sidebar__heading {
    color: #ffffffb5;
    white-space: nowrap;
    position: relative;
    background: #edf1f300;
    padding: 3px 10px;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 11px;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 0px;
}

.rounded-circle {
    border-radius: 20px !important;
}
.app-sidebar.sidebar-text-white .vertical-nav-menu li a {
    color: #FFF;
    font-weight: normal;
}
.app-header__logo .brand img{
    width: 57%;
}
.app-sidebar .scrollbar-sidebar {z-index: 15;width: 100%;margin-top: 234px;box-shadow: 0px 0px 44px -18px rgb(187, 187, 187);}
.app-theme-white.fixed-header .app-header__logo {background-image: linear-gradient(to top,#fff 0%,#fff 100%) !important}
.body-tabs-shadow .body-tabs-animated .nav-link::before {
    height: 70%;
    top: 15%;
    z-index: 4;
    bottom: auto;
    box-shadow: 0 16px 26px -10px rgba(144, 144, 144, 0.56), 0 4px 25px 0px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(63,106,216,0.2);
    border-radius: 100%;
    opacity: .5;
}
.bg-green-dark{background-image: linear-gradient(to bottom, #0a5950, #1f7a57) !important;}
.bg-green-dark-gradient{background-image: linear-gradient(to top, #065934 0%, #02aa75 100%) !important;}
.bg-grow-dark-gradient {background-image: linear-gradient(to top, #292c2a 0%,#4e514f 100%) !important;}
.bg-malibu-beach {
    background-image: linear-gradient(to right, #1e1e1e 0%, #1e1e1e 100%) !important;
}.bg-blue {background-color: #3895f7 !important;}
.bg-grey{
    background-color: #d2d8da !important;
}
.app-sidebar .app-sidebar__inner {
    padding: 2px 1.5rem 1.5rem;
    background-color: #529b32;
}
.nowrap{white-space: nowrap;}
.brand{line-height: 13px;}
.brand-name-a{font-size: 13px;font-weight: bold;color:#4e4e4e;}
.brand-name-b{font-size: 14px;font-weight: 800;color:#529b32}
.brand-name-c{font-weight: normal;
    color: #b10e0e;
    text-transform: uppercase;
    font-size: 10px;}
.btn-action{border: 1px solid #9f9f9f;border-radius: 5px;padding: 7px 10px 6px 10px;color: #FFF;background: #2f3030;margin: 2px;font-weight: 400;}
.btn-action:hover{color : #FFF;opacity:0.8;cursor: pointer;}
.btn-action-info{background: #1f8af9;border: 1px solid #1f8af9;}
.btn-action-delete{background: #bd0d0d;border: 1px solid #ae2020;}
.btn-action-warning {background: #baaa00;border: 1px solid #d5c40b;}
.btn-action-add {background: #28a745;border: 1px solid #3b7a49;}
.btn-light {color: #747474 !important;background-color: #fff;border-color: #dadbdd;}
.btn-primary {
    color: #fff;
    background-color: #1f8af9;
    border-color: #1f8af9;
}
.display{display: block !important;}
.dtr-title{margin-bottom: 10px !important;}
.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #1e8af9;
    outline: 0;
    box-shadow: 0 0 0 0px rgba(0,123,255,0.25);
}
.label-2{
    font-size: 12px;
    font-weight: bold;
    color: #a7a7a7;
    margin-bottom: 2px;
}
.hide{display: none;}
.load{font-size: 80px;color: #3c3c3c;display: block;position: absolute;top: 0px;left: 0%;z-index: 3;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-color: #13131313;border-radius: 0;}
.loading {display: block;position: absolute;top: 0;left: 0%;z-index: 1;width: 100%;height: 100%;background-image: url("loading.gif");background-repeat: no-repeat;background-position: center;background-color: #08020200;border-radius: 11px;}
.loading-input {background-color: #ffffff;background-image: url("loading_input.gif");background-size: 25px 25px;background-position:right center;background-repeat: no-repeat;}
.load-spinner{margin-left: 55%;margin-top: 20%;}
.load-spinner-inner {margin-left: 46%;margin-top: 9%;}
.logo-src{text-align: center;margin-top: 15px;position: absolute;padding: 5px;}
.logo-src img {
    width: 128px;
    background-color: #FFF;
    border-radius: 11px;
    height: 128px;
    object-fit: cover;
    box-shadow: 0px 1px 74px -11px #eaeaead9;

}
.logo-src p{margin-top: 5px;
    font-weight: 600;
    color: #f1f4f6;
    margin-bottom: 0px;
}
.logo-src h6{margin-top: 7px;
    color: #fdeb3c;
    font-size: 10pt;}
.logo-src h5{margin-top: 0px;color: #fff;font-size: 10pt;margin-bottom: 0px;}
.m-top-0{margin-top: 93px !important;}
.m-top-0-up{margin-top: 0px !important;}
.modal-backdrop {position: fixed;top: 0;left: 0;z-index: 15;width: 100vw;height: 100vh;background-color: #000;}
.modal-xxl {max-width: 98%;}
.modal-body {min-height: 225px;}
.modal-dialog {box-shadow: unset;}
.modal-title {
    font-size: 17px;
    color: #3c3c3c;
    font-weight: 500;
}
.modal-load{font-size: 80px;color: #3c3c3c;display: block;position: absolute;top: 0px;left: 0%;z-index: 1;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-color: #08020240;border-radius: 0;}
.modal-load-page{font-size: 80px;color: #3c3c3c;display: block;position: absolute;top: 0px;left: 0%;z-index: 1;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-color: #08020240;border-radius: 0;}
.modal-load-spinner{margin-left: 42%;margin-top: 20%}.photo-table{width: 80px;height: 80px;object-fit: cover;border-radius: 50%;box-shadow: 0px 0px 15px -8px #00000082;text-align: center;font-size: 52px;margin-left: 10px;margin-right: 10px;color: #8a8a8a;}
.photo-table i{line-height: 1.4;color: #bbbbbb;}
.photo-table{width: 80px;height: 80px;object-fit: cover;border-radius: 50%;box-shadow: 0px 0px 15px -8px #00000082;text-align: center;font-size: 52px;margin-left: 10px;margin-right: 10px;color: #8a8a8a;}
.image-table i{line-height: 1.4;color: #bbbbbb;}
.image-table {
    width: 100px;
    height: 80px;
    object-fit: cover;
    border-radius: 12%;
    box-shadow:  0px 0px 15px -8px #00000082;
    text-align: center;
    font-size: 52px;
    margin-left: 10px;
    margin-right: 10px;
}
.select2-selection--single {border-radius: 4px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}
.small{width: 48px !important;}
.row-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
}
.vertical-nav-menu ul {
    transition: padding 300ms;
    padding: .1em 0 0 16px;
}
.vertical-nav-menu li a.mm-active {
    color: #4e4e4e !important;
    background: #ffffff;
    font-weight: bold;
}
.vertical-nav-menu li a.mm-active i.metismenu-icon {font-weight: bold;}
.vertical-nav-menu li a:hover {
    color: #4e4e4e !important;
    background: #ffffff;
    font-weight: bold;text-decoration: none;
}
.vertical-nav-menu i.metismenu-icon {opacity: 1 !important;}
.vertical-nav-menu li a:hover i.metismenu-icon {opacity: 1;}
.vertical-nav-menu ul>li>a.mm-active {
    color: #616160 !important;
    background: #e2e2e2;
    font-weight: bold !important;
}
.vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon {
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    /* left: 5px; */
    top: 50%;
    margin-top: -17px;
    font-size: 1.5rem;
    opacity: .3;
    transition: color 0ms;
}
.vertical-nav-menu ul>li>a {
    color: #6c757d;
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.8rem 0;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 24px;
    height: 2px;
    background-color: #1b9bf0;
    border-radius: 10px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #1b9bf0;
}

.hamburger{
    display: none;
}

.page-item.active .page-link, .pagination .active.page-number .page-link {
    z-index: 1;
    color: #fff;
    background-color: #4f4f4f;
    border-color: #4f4f4f;
}

.pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #4f4f4f;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination li a:hover {
    z-index: 2;
    color: #4f4f4f;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-item.disabled .page-link, .pagination .disabled.page-number .page-link {
    color: #4f4f4f;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.table-hover tbody tr:hover {
    background-color: #e4eaec;
}
.w-100{width: 100% !important;}
.d-grid{
    display: grid !important;
}
.bg-red-smile {
    background-image: radial-gradient(circle 248px at center, #ea314a 0%, #3895f7 47%, #3895f7 100%) !important;
}
.widget-content-new .widget-content-left .widget-heading {
    opacity: 1.8;
    font-weight: bold;
    font-size: 57px;
    color: #FFF !important;
}
.widget-content-new .widget-content-left .widget-subheading {
    opacity: 0.8;
    font-size: 23px;
}
.widget-content-new .fa {
    position: absolute;
    color: #00000024;
    font-size: 108px;
    right: 0;
}

.btn-mobile{
    background: #1b9bf0;
    color: #FFF;
}
.font-icon-wrapper.font-icon-lg {
    float: left;
    padding: 10px;
    text-align: center;
}

.menu-mobile {
    display: flex !important;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.menu-mobile-app {
    text-align: center;
}

.menu-mobile-app h6 {
    font-size: 10px;
}
@media only screen and (max-width: 990px){
.brand {
    line-height: 13px;
    margin-top: 9px;
    text-align: center;
}


.font-icon-wrapper {

    margin: 10px !important;
    text-align: center;
    border: none !important;
    border-radius: 10px;
    padding: 5px;
}


.app-theme-white.fixed-header .app-header__logo { background-image: linear-gradient(to top, #529b32 0%,#529b32 100%) !important;}
.app-header__logo{display: block !important;}
.header__pane{display: none !important;}
.brand-name-b{color:#FFEB3B}
.brand-name-a{color:#ffffff}
.brand-name-c {
    font-weight: normal;
    color: #e4e4e4;
    text-transform: uppercase;
    font-size: 10px;
}
.logo-src img {width: 141px;text-align: center;}
.hamburger{
    display: block;
}
.app-page-title .page-title-heading, .app-page-title .page-title-wrapper {
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}
}
@media only screen and (max-width: 766px){
.app-header__logo {display:block;padding: 0 1.5rem;height: 60px;align-items: center;transition: width .2s;}
.app-header__logo .brand img {
    width: 60%;
}
.app-sidebar .scrollbar-sidebar {margin-top: 193px;}
.logo-src img {width: 128px;text-align: center;}
.load-spinner {margin-left: 42%;margin-top: 43%;}
.page-title-icon-small{display: none;}



}