/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
    border-radius: 4px !important;
}

.portlet .portlet-title {
    border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
    border-radius: 0px 0px 4px 4px !important;
}
*/


.nowrap {
    white-space: nowrap;
}

.no-padding, table.no-padding th, table.no-padding td {
    padding: 0;
}

.no-padding-left {
    padding-left : 0;
}
.no-padding-right {
    padding-right : 0;
}
.flag-icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 11px;
}

.w10 {
    width: 10px;
    padding-left: 0;
    padding-right: 0;
}

.editableform-loading {
    background-image: url('/assets/themes/metronic_admin_4/images/loading.gif');
}
.form-horizontal .editable { 
    padding-top: 0;
}

.form-horizontal .editableform .form-group {
    margin-left: 0;
    margin-right: 0;
}

.datepicker table tr td.highlight {
    color: #3598dc;    
    font-weight: bold !important;
}
.form-control.datepicker {
    padding: 6px 12px;
}

.table-container{
    overflow: auto;
}

.badge i {font-size: 9px !important;}

.table .btn {
    margin-bottom: 5px;
}

.btn-outline{
    border-width: 1px;
}

.page-header.navbar .page-logo .logo-default {
    height: 55%;
    margin-top: 10%;
    margin-left: 5%;
}

@media (max-width: 991px){
    .page-header.navbar .page-logo .logo-default {
        height: 45%;
        margin-top: 15%;
    }
}

@media (min-width: 992px){
    .page-sidebar .page-sidebar-menu li .menu-User {
        display: none;
    }
}

@media (max-width: 767px){
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user{
        display:none;
    }

    .page-top .alert:last-child{
       margin-bottom:0px;
    }

    .page-top .alert{
        width: auto;
        margin: 15px 10px 15px 10px !important;
    }
    .page-top .alert:first-child{
        margin-top:0px!important;
    }

    .page-header.navbar .page-top{
        display: flex;
        flex-direction: column;
        height: auto;

    }
}
.dropdown-menu {
    z-index: 9999;
}