body{
    font-size: 10pt;
    font-family: 'Quicksand' !important;
    color: #55588b;
}
.login-page, .register-page {
    height: auto;

    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background: linear-gradient(4deg, rgb(240,240,240) 52%, rgb(60,70,100) 52.1%);
}
.box{
    -webkit-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
    border-radius: 4px;
    border: solid 1px rgba(80,80,80,.4);
    border-top: solid 1px #f8f8f8;
}    
.skin-default .left-side,.skin-default .main-sidebar,.skin-default .wrapper {
    background: #dce2f9;
    color: #55588b;
}
.skin-default .main-sidebar li, .skin-default .main-sidebar li a {
    color: #55588b;
}
.skin-default .sidebar-menu li.active a, .skin-default .sidebar-menu li.actual a, .skin-default .sidebar-menu li.menu-open a, .skin-default .sidebar-menu li:hover a {
    background: #f2f4fc;
    border-left-color: #f2f4fc;
    color: #55588b;
}
.skin-default .sidebar-menu li .treeview-menu {
    margin: 0 1px;
    background: #f2f4fc;
}
.skin-default .main-header .logo:hover {
    background: #567;
}
.skin-default .main-header .logo {
    background: #567;
    color: #eee;
    border-bottom: 0 solid transparent;
}
.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: right;
    background-color: #567;
}
.info{
    background-color: #4a5353;
}
.skin-default .nav-button {
    background-color: #567;
}

.navbar-static-top {
    border-radius: 0;
    background-color: #567;
}
.btn {
    padding: 3px 12px;
    font-size: 10pt;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.panel-heading {
    padding: 5px 15px;
}
.nav-pills>li>a {
    padding: 5px 15px;
}

.select2-container--bootstrap .select2-selection {
    box-shadow: inset 1px 1px 1px rgb(0 0 0 / 41%);
    background-color: #dedede70;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 10pt;
    outline: 0;
}

@media(max-width: 1024px){
    .dataTable{width: 2000px;
        
    }
}

@media screen and (max-width: 1024px){
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}