/* ------------------------- */
    /* Simple Reports Styles */
/* ------------------------- */

.header-desktop { display:block }
.header-mobi { display:none }
.header-mobi-brdcrumb { display: none; }
.header-mobi-nav { display:none; }
.w3-mobile-container { padding-top:5px; }
#header_filter { display: block; margin-top:-15px; }
#submit_button { margin-top:-48px; }

.ellipsis {
  text-overflow: ellipsis; 
  overflow: hidden;
  white-space: nowrap;
}

a:hover {
    cursor: pointer;
}

.login-div {
    margin-top:40px;
}

/* Телефонлар учун стил */
@media screen and (max-width:720px) and (min-width:0px) {
    
   .w3-table-small tbody td {
        font-size:11px;
        padding:4px;
    }
    
    .header-desktop { display:none }
    .header-mobi { display:block; /*position: fixed; width:100%; z-index: 999999; */ }
    .header-mobi-brdcrumb { display: block; /*padding-top:65px;*/ }
    .header-mobi-nav { display:block; /*margin-top:50px*/ }
    .w3-mobile-container { padding:5px 10px 10px 10px }
    #header_filter { display: none; }
    #submit_button {
        display:block;
        position: relative;
        margin-top:0px;
        margin-bottom:10px; 
        font-size:12px;
    }
    .login-div {
        margin-top:-10px;
    }
    
}


/* ------------------------- */
    /* Dashboard Reports Styles */
/* ------------------------- */


    /* Datatable styles */ 

    .display thead td { height:40px; }
    .display tbody td {color:#333; }
    .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
      display: inline-block;
    }

    /* Grid Styles */    

    .card-header { padding-top:2px; }
    .card-header h5 {
        border-bottom:1px dotted lightgray;
        padding-bottom:5px;
        color:gray;
        font-weight: 600;
    }
    .w3-card-1:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1); }
    
    /* Chart Styles */    

    .chart {
      width: 100%; 
      min-height: 300px;
      max-height: 100%;
    }


/* Телефонлар учун стил */
@media screen and (max-width:480px) {
   
}



/* ------------------------- */
    /* General Styles */
/* ------------------------- */

/*#mainBody { background-color:#fff; }*/
.database_theme { margin-top:5px; font-size:20px; }
.padding-0 { padding:0; }
.padding-10 { padding:6px; }
.margin-5 { margin:5px; }
.compact { font-size:12px; }
.w3-compact { padding:4px; color:#565656; }
.w3-compact-select { padding:6px; color:#565656; }
.w3-compact-label { padding:4px; color:#565656; }

.login-div img { width:628px; margin-top:10px; border:1px solid #fff; }
.database_list { width:40%; text-align:left; }
.database_list li { padding-top:14px!important;padding-bottom:14px!important }

#login {
    background-color:#fff;
    width:350px;
    margin:0 auto;
    border:1px solid lightgray;
    margin-top:10%;
}

.logo_icon {
    margin-top:100px;
    height:70px;
}

.logo_icon h3 {
    margin:0;
    padding:6px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom:0;
    font-size:32px;
    
}

.logo_icon img {
    width:250px;
    
}

#login h1 {
    font-size:18px;
    margin:0;
    padding:5px;
    background-color:#009688;
    text-align: center;
    color:#fff;
}

#login #inputs {
    padding:22px;
}

#login #inputs label {
    display: block;
    position: relative;
    font-size:14px;
    padding:0;
    color:gray;
    margin-bottom:3px;
}
#login #inputs input {
    width:100%;
    border:1px solid lightgray;
    border-radius: 3px;
    padding:5px;
    margin-bottom:15px;
    color:gray;
}

.custom-padding-10 {
    padding:10px;
}

.logo_icon {
    background:none;
    height:50px;
    text-align: center;
}


/* Телефонлар учун */
@media screen and (max-width:480px) {
   .padding-10 { padding:5px; } 
   .compact { font-size:12px; }
   .submit_button { margin-top:20px; }
   .login-div img { width:364px; margin-top:10px; border:1px solid #fff; }
   .database_list { width:100%; }
   .database_list li { padding-top:16px!important;padding-bottom:16px!important }
   
   #login {
        background-color:#fff;
        width:90%;
        margin:0 auto;
        margin-top:5%;
        border:1px solid lightgray;
    }

    #login h1 {
        font-size:18px;
        margin:0;
        padding:5px;
        background-color:#009688;
        text-align: center;
        color:#fff;
    }

    #login #inputs {
        padding:22px;
    }

    #login #inputs label {
        display: block;
        position: relative;
        padding:0;
        color:gray;
        margin-bottom:3px;
    }
    #login #inputs input {
        width:100%;
        border:1px solid lightgray;
        border-radius: 3px;
        padding:5px;
        margin-bottom:15px;
    }
    
    .custom-padding-10 {
        padding:16px;
    }
    
    .logo_icon {
    }
   
}