:root {
	--color-primary: #18843c;
    --color-primary:#21a8e5;
    --color-primary-background:white;
}
html ,body{
    height:100%;
    
   }



   /* loading api request */
   html {
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}
   html.loadingData {
    background: white url('/img/loading.gif') no-repeat 50% 50%;
    -webkit-transition: background-color 0;
    transition: background-color 0;
}

   html.successDialog {
    background: white url('/img/success.gif') no-repeat 50% 50%;
    -webkit-transition: background-color 0;
    transition: background-color 0;
}
html.successDialog body {
    opacity: 0;
    -webkit-transition: opacity 0;
    transition: opacity 0;
}

/* body.loadingData {
    background: white url('/img/loading.gif') no-repeat 50% 50%;
    -webkit-transition: background-color 0;
    transition: background-color 0;
} */

body {
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
    background-color: lightyellow;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{
    border-bottom:2px solid black
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    box-shadow: 0px 9px 4px -6px grey;
    background-color: rgba(0, 0, 0, 0.1);
    background-color:RGBa(27, 166, 230,0.1)
   }
   tr:hover td{
     cursor:pointer;
    
    
   }
   table.dataTable thead th, table.dataTable tfoot th{
       font-size:0.9rem
   }
   .dataTables_wrapper{
       padding: 0.3rem;
   }
   .dataTables_wrapper .dataTables_filter input{
       padding:3px;
       background-color: white;
   }
   .dataTables_scrollHead {
    background-color: var(--color-primary);
    color: var(--color-primary-background);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
table.dataTable{
	font-size:0.8rem;
}

table.dataTable thead .sorting,table.dataTable thead .sorting_desc  {
    background-image: none!important;
}


table.dataTable thead .sorting_asc {
	border-top:4px solid var(--color-primary-background);
}
table.dataTable thead .sorting_desc {
	border-bottom:4px solid var(--color-primary-background);
}
table.dataTable tbody th, table.dataTable tbody td,table.dataTable thead th, table.dataTable thead td{
	padding: 4px 6px;
	white-space: nowrap;
}
.dataTables_wrapper .dataTables_scroll{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}


html.loadingData body {
    opacity: 0;
    -webkit-transition: opacity 0;
    transition: opacity 0;
}
 /* end css loading api request */


   .dataTables_wrapper .dataTables_filter{
       float:left
   }
   .main-content{
       padding-top:10px
   }
   .bootbox-close-button{
display:none;
   }

   .form-control:disabled{
    background-color: inherit;
    border: none;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
   }
   .pointer{
       cursor:pointer
   }
   .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
    color: var(--color-primary);
    font-weight: bolder;
   }
   .navbar-light .navbar-text{
    color: var(--color-primary);
   }

   .btn{
       background-color: var(--color-primary);
       color: var(--color-primary-background);
   }
   .btn:hover {
    color: var(--color-primary);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn:hover {
    color: var(--color-primary-background);
}
   
   html,body{
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 1rem;
   background-color: #f8f9fa;
   font-family: 'Roboto Condensed', sans-serif;
   }
   .text-left{
	text-align: left;
}

   .fa-sign-out-alt{
    font-size: 20px;
    cursor:pointer!important;

   }

   .navbar{
       margin-bottom:20px;
   }
   .navbar,.navbar-brand{
padding-top:0px;
padding-bottom:0px;
background-color: white;
   }
   .navbar-brand img{
       height:60px;
   }

.nav-link{
    cursor:pointer
}
.alert{
    z-index:1051;
    position:absolute;
    bottom:0px;
}
.hidden{
    display:none
}
input[type=checkbox] {
      cursor: pointer;
}