@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
body{
    font-size:150%;
    font-family: 'Lato', sans-serif;
}
a{
    color:#1999ce;
}
a:hover{
    color:#1999ce;
    text-decoration:underline;
}

select{
    height: unset !important;
}
table{
    /*text-align: center;*/
}

.sortable{
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}


.breadcrumb-item{
    font-size:1.5rem;
}
.table-style{
    font-size:1.2rem;
}
.hide-menu{
    font-size: 1.4rem;
}
.label {
    font-size: 150%;
}
.login-section{
    background:#f2f4f5;
    height:100vh;
}
.login-content{
    margin:auto;
    margin-top:5%;
}
.login-panel{
    background:#fff;
    margin-top:2rem;
    padding:5rem 2rem 4rem 2rem;
}
.form-control{
    font-size:1.3rem;
}

.single-form{
    padding-left: 10px;
}

label {
    font-weight: 500;
    font-size: 1.6rem!important;
}
.sidebar-item a:hover{
    text-decoration: none;
}
.btn-primary {
    font-family: 'Roboto', sans-serif;
    background-color: #1999ce;
    border-color: #1999ce;
    font-size: 1.3rem;
    padding: 0.3rem 1rem 0.3rem 1rem!important;
    border-radius: 0.3rem;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-primary:hover {
    background-color: transparent!important;
    border-color: #1999ce!important;
    color:#1999ce!important;
}
.btn-primary:active {
    background-color: transparent!important;
    border-color: #a1def8!important;
    color:#1999ce!important;
}
.btn-primary:focus {
    box-shadow: none;
}
.navbar {
    border: 0px solid transparent;
}
.navbar-brand{
    width: 50%;
    margin: auto;
    float: none;
    height: auto;
}

.nav-title{
 border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 15px;
}


.page-wrapper>.container-fluid {
    padding: 20px;
    min-height: calc(100vh - 150px);
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding: 0 15px;
    font-size: 1.6rem;
    line-height: 65px;
    height: 65px;
}
.logo{
    max-width:180px;
}
.label-info{
    font-size: 1.4rem!important;
}
.label-success{
    font-size: 1.4rem!important;
}
.label-danger{
    font-size: 1.4rem!important;
}
.label-warning{
    font-size: 1.4rem!important;
}
.button-table{
    padding:0.2rem 2rem 0.2rem 2rem!important;
    font-size:1.4rem;
    border-radius:0.5rem;
    text-transform: none;
    font-weight:500;
}
.menu-brand{
        display: flex;
        align-items: center;
        margin: auto!important;
        padding: 0 10px;
        width: 70%;
        justify-content: space-between;
}
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5], #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul, #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin5], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin5], #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5], #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul, #main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin5], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin5] {
    background: #111218;
}
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin5], #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin5] {
    background: #111218;
}
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav>#sidebarnav>.sidebar-item>.sidebar-link:hover, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav>#sidebarnav>.sidebar-item>.sidebar-link:hover {
    border-left: 2px solid #1999ce;
}
.scroll-sidebar{
    padding-top:10rem;
}
.mr-left{
    margin-left: auto!important;
}
i.mdi{
    font-size:1.3rem;
}
.alert-warning {
    color: #85621b;
    background-color: transparent;
    border-color: #85621b;
    margin: 1rem;
}
.logo{
    margin:auto;
}
@media (min-width: 768px){
    #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
        width: 250px;
        height: 65px;
        padding: 15px;
    }
    
}
@media (max-width:768px){
    .logo {
        max-width: 30%;
    }
}

/****PAGINATION***/
.page-item.active .page-link{
    border: 0;
    background: transparent;
    color: #1999ce;
    border-bottom: 1px solid #1999ce;
}

.pagination>li>a, .pagination>li>span {
    border: 0;
    background: transparent;
    color: #1999ce;
    border-bottom:0;
}