body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
 
h1, h2, h3, h4, h5, h6, #page-title > h2, #page-title > p {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     margin-bottom:25px;
    font-weight: 300;
}
 
.blue_data_dbr {
    background: #f2f2f2;
}

.blue_data_dbr .panel{
    margin-bottom: 15px;
}

 

.blue_data_dbr .panel{
    margin-bottom: 15px;
}

.blue_data_dbr .panel .panel-body {
    padding: 10px 15px;
    position: relative;
}

.blue_data_dbr .panel .panel-heading {
    padding: 5px 8px;
     
}

    .blue_data_dbr #header-logo {
        width: 235px !important;
        /*background: none;*/
    }

@media only screen and (min-width: 56.25em) {
    .blue_data_dbr #page-content {
        margin-left: 0;
    }
}


 

.bluetwo #header-logo .logo-content-big{
    background: url(../image-resources/logo_site.png) left 50% no-repeat;
    text-indent: -999em;
    position: absolute;
    height: 47px;
    width: 190px;
    left: 10px;
    top: 50%;
    margin-top: -24px;
}

 .bluetwo #header-logo .logo-content-small {
    background: url(../image-resources/logo_icon.png) left 50% no-repeat;
}
.bluetwo  #mobile-navigation .logo-content-small {
    display: block;
    left: 78px;
    width: 73px;
}


.closed-sidebar #header-logo .logo-content-small {
    width: 55px;
   
}


.blue_data_dbr #header-logo .logo-content-big, .logo-content-small {
    height: 43px;
}

.blue_data_dbr #mobile-navigation .logo-content-small {
    width: 54px;
    display: block;
    left: 0px;
}
 

.blue_data_dbr #mobile-navigation {
    /*float: left;
    margin: 0;
    position: relative;
    height: 78px;
    padding: 0 65px 0 0;
    text-align: center;*/
   border-right: none
}

@media only screen and (min-width: 48em)
{
    .blue_data_dbr .user-account-btn {
        display: block;
    }
}

 .blue_data_dbr .user-account-btn > a {
    height: 30px;
    line-height: 30px;
    display: block;
    white-space: nowrap;
    float: left;
}

 .blue_data_dbr  .count_chart .tile-content{
   
    font-size: 25px;
    text-align: left;
    color:#3498db
 
 }

 

 .blue_data_dbr  .tile-content-wrapper > .glyph-icon {
     
    right: -75%;
   
}

.blue_data_dbr .content-box {
    border-bottom: 4px solid #ddd;
}

.title_blue
{

}

.bd__panel-right {
    float: right;
}



.table-hover tr:hover td {
    color: #000;
    background: #EDEDED;
}
#mobile-navigation {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  float: left;
  height: 78px;
  margin: 0;
  padding: 0 70px 0 0;
  position: relative;
  text-align: center;
}
#mobile-navigation .logo-content-small {
  display: block;
  left: 65px;
  width: 73px;

    background: url(../image-resources/logo_icon.png) left 50% no-repeat;

}   

@media (max-width: 768px) {
      .logo-doitac{
          display:none;

    }
 
     
    .bluetwo #header-nav-right .header-btn, .bluetwo #header-nav-right .dropdown > a {
        border: rgba(255, 255, 255, 0.2) solid 1px;
        border-radius: 4px;
        width: 30px;
        height: 45px;
        line-height: 43px;
        display: block;
        text-align: center;
        position: relative;
    }


    .blue_data_dbr #header-nav-right .header-btn, .blue_data_dbr #header-nav-right .dropdown > a {
        border: rgba(255, 255, 255, 0.2) solid 1px;
        border-radius: 4px;
        width: 30px;
        height: 45px;
        line-height: 43px;
        display: block;
        text-align: center;
        position: relative;
    }
}






.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, .tabs-navigation>ul, .table>tbody>tr>td>a
{
    color:#2f4f4f !important;
}
.table>tbody>tr.processing>td{
    color:#ff8c00 !important;
}

   .bsdatepicker {
            z-index: 999999 !important;
        }


   .menuleft_active{
       
   background-color: rgb(48, 131, 202);
    border: transparent 1px solid;
    border-radius: 4px;
   }

   .menuleft_active a{
       color:white!important
   }


  #sidebar-menu li .sidebar-submenu ul li a:hover, #sidebar-menu li .sidebar-submenu ul li a.sfActive {
     background-color: rgb(48, 131, 202);
     color:white!important
}

  #page-header .user-account-btn > a.user-profile .glyph-icon, .logo-bg {
    background-color: #3D4154;
    color: #fff;
}

  table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px;
  
}
   table .glyph-icon:before{
      font-size:20px;
      margin-right:10px
  }


   #loading {
    z-index: 5555;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0.9;
}

   span.field-validation-error {
    color: red;
}


   p.info {
    margin-top: 6px;
}

   a{
       cursor: pointer
   }


.thSort.SortDESC

{
    color:red!important;
}
    .thSort.SortDESC::after {
        border-top: 10px solid red;
        border-left: 6px solid rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        height: 0;
        vertical-align: bottom;
        width: 0;
        margin-left: 10px;
    }

.thSort.SortASC {
    color: green !important;
}



    .thSort.SortASC::after {
        border-bottom: 10px solid #000000;
        border-left: 6px solid rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        height: 0;
        vertical-align: bottom;
        width: 0;
        margin-left: 10px;
    }

  .nav-tabs {
    padding-right: 10px;
    padding-left: 0px;
}