body{
    background-color: #fff;
}
body[data-sidebar=dark] .vertical-menu,
body[data-sidebar=dark] .navbar-brand-box{
    background-color: #2a2a2a;
}
body[data-sidebar=dark] #sidebar-menu ul li a,
body[data-sidebar=dark] #sidebar-menu ul li a i{
    color: #aeaeae;
}
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a{
    color: #9b9a9a;
}
.logo{text-align: left;}
textarea.page-text-content{
    height: 320px;
}
.form-control{color: #2e384d;}
.mt-30{margin-top:30px;}
.mt-20{margin-top:20px;}
.mt-10{margin-top:10px;}
.thumb{height: 60px; border-radius: 4px;}
.image-uploader .uploaded-image:hover{cursor: grab;}
.itinerary .itinerary-item{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #CCC;}
.table .actions, .nowrap{white-space: nowrap;}

tr[attr-href], div[attr-href], li[attr-href]{cursor: pointer;transition-duration: 0.5s}
ul.list-table li{
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f5;
}
ul.list-table li label{
    width: 200px;
    display: block;
    float: left;
}
.gallery img{height: 120px; float: left; margin: 8px 8px 0 0;}
.m-t-30{margin-top: 30px;}
.text-right{text-align: right;}
table .pl-0{padding-left: 0;}
table .pr-0{padding-right: 0;}
.scroll-y{overflow-y: scroll;}
.bg-soft-danger{background-color: #fee7db;}
tr.subheader{background-color: #f4f5f7;}
.select2-container{z-index: 9999; display: block; width: 100% !important;}
.btn-group-sm>small.btn, small.btn-sm{
    padding: .1rem .5rem;
}
img{max-width: 100%;}
table .actions, .nowrap{white-space: nowrap;}
table .actions form{display: inline-block;padding:0 10px;}
table .actions > a:not(.btn):not(.btn-sm){display: inline-block;padding:5px 10px 0 10px;}
table .actions form input[type="submit"]{background: none;border:none;}
table td, table th{
    vertical-align: middle;
}
.table.items tr.item, .cursor-pointer{cursor: pointer;}
.modal-header .cancel-dialog{
    border: none;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f2f2f2;
}
.blockUI.blockMsg{border-radius: 8px;}
.blockUI.blockOverlay{background: rgba(0, 0, 0, 0.6)}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    animation: spinner-border .75s linear infinite;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em;
}
.ml-2, .mx-2 {
    margin-left: .5rem !important;
}
.datepicker.datepicker-dropdown{z-index: 9999 !important;}
h5.card-title{margin-bottom: 0;}
.modal-body .card-body{
    padding: 0;
}
.max-w-100{max-width: 100px;}
.f-right{float: right;}
.badge{
    padding: .5em 1em;
}
.list-performance li.list-group-item{
    padding: 0;
    border: none;
}
.no-hover:hover{background-color: transparent !important;}
body[data-layout=horizontal] .page-content{
    margin-top: 20px !important;
}
.collapsible,
.dataTables_filter{
    display: none;
}
.calendar-legend span{margin-right: 0.5em;}
.calendar-legend span i{margin-right: 4px;}
.fc-event{padding: 0;}
.fc-h-event .fc-event-title{font-size: 10px;vertical-align: middle;}
.fc a{color: rgba(73, 80, 87)}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 800px;
    }
}
.bg-success{background-color: #8CC300 !important; color: #FFF !important}
.system .avatar-xl{margin: 0; padding: 0;display: inline-block;}
.systems .system{
    padding: 40px;
    transition-duration: 0.5s;
    border-radius: 16px;
    display: inline-block;
}
.systems .system:hover{
    background-color: #F8F8FA;
}
.system .display-6{font-size: 1.1rem;white-space: nowrap;display: inline-block;margin-bottom: 0;}

/*
UI Changes
*/
.text-success{color: #8CC300 !important;}

.text-danger-light{color: #F29E9C !important;}
.bg-danger-light{color: #F29E9C !important;}
.pagination .page-link{padding: .25rem .5rem;}
.page-item.active .page-link{
    background-color: #70757A;
    color: #FFF;
}
.card-footer{background-color: #fff;}
div.dataTables_wrapper div.dataTables_paginate{margin-top: 15px;}
.card{box-shadow: none;}