.tnav .navbar .container { height: 10px; }
html, body {
    height: auto!important;
}
th
{
background-color :#33BBFF;  
font-size: 15px;	
valign:top;
}
td
{

font-size: 15px;	

}
tr:hover {background-color: #f5f5f5}

.tr-background-color{
	background-color :#0d93d6;  
}

.container {
   padding-right: 15px;
   padding-left: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
   overflow:hidden;
   min-height:0px;
    padding-bottom: 0px;
	padding-top: 0px;
}


.section{
   padding-right: 15px;
   padding-left: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
   overflow:hidden;
   min-height:0px;
   padding-bottom: 10px;
   padding-top: 10px;
}

.divFlow{
	
	min-height:300px;
}
.pre-scrollable {
  max-height: 450px;
  overflow-y: scroll;
}
.displayField{
	
	min-width:100px;
}

.displayFieldWide{
	
	min-width:200px;
}
.displayFieldsmall{
	
	min-width:100px;
	min-height:20px;
}

.btn{

	border-color:#33BBFF;
	background-image:none;
}

.btn-primary{
	
	min-height:15px;
	font-size: 15px;	
}
.btn-primaryWide{
	
	min-height:15px;
	min-width:100px;
	font-size: 15px;	
}
.table-scroll thead {
    display: table;
    width: 100%;
    table-layout: fixed;
	valign:top;

}
.table-scroll tbody {
    max-height: 400px;
    overflow-y: auto;
    display: block;
    width: 100%;
    table-layout: fixed;
}

.table-scroll tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.table-scroll td {
    height: 47px;
}

ul.topnav li {
	float: left;
}

.ui-select-choices.dropdown-menu {
    display: block;
}

/* ---Sidebar----- */
.app-body{
    position: relative;
    width: 100%;
    height: 100%;
}
.sideBar{
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    padding-top: 0!important;
    /* margin-right: -30px; */
    border-style: ridge;
    border-width: 1px;
    background-color: rgba(0,0,0,.06);
    
}
.main{
    height: 650px;
    width: 85%;
    overflow: auto;
}
.sidebar-hidden .main{
    width: 100%;
}
.sideBar{
    width: 15%!important;
    float: left;
    display: inline-block;
}
.logout-padding{
    padding-top: 25px;
}
.modulesection-title h5 {
    font-size: 18px;
    font-weight: 900;
  }

h5.section-title {
    font-size: 18px;
    font-weight: 900; 
}
.cardicons-header {
    padding-top: 10px;
    padding-left: 10px;
}
.grail-border {
    font-size: 14px;
    border-style: ridge;
    border-width: 0px;
    background-color: rgba(0,0,0,0.08);
    border-radius: 10px;
}
.grail-border label {
    font-size: 14px;
}
header {
    background-color: rgba(0,0,0,.06);  
}
.align-header-text {
    padding-left: 220px;
}
.popupsection-title {
    font-size: 18px;
    font-weight: 900;
}
.modal-footer{
    font-size: 15px;
    font-weight: 900;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity: 1!important;
    z-index: 234!important;
    left: 5px!important;
    border-radius: 50%;
    padding: 0;
    top: 55px!important;
    width: 30px;
    border: none!important;
}
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
  .tooltip2 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity: 1!important;
    z-index: 234!important;
    border-radius: 50%;
    padding: 0;
    width: 30px;
    border: none!important;
    right: -165px!important;
    top: 25px!important;
  }
  .tooltip2 .tooltiptext {
    visibility: hidden;
    width:300px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    right: 0px!important;
    margin-left: -60px;
  }
  
  .tooltip2:hover .tooltiptext {
    visibility: visible;
  }
  .app.sidebar-fixed.header-fixed.sidebar-hidden .tooltip3 {
    left: -195px!important;
  }
  .app.sidebar-fixed.header-fixed .tooltip4 {
    top: 45px!important;
    right: -132px!important;
}
  .app.sidebar-fixed.header-fixed.sidebar-hidden .tooltip4 {
    top: 25px!important;
    right: -180px!important;
  }
.app.sidebar-fixed.header-fixed .text-danger {
    color: #BD362F !important;
}
.app.sidebar-fixed.header-fixed .tooltip3 .tooltiptext{
 left: 0!important;
}
.card-header{
    background-color: rgba(0,0,0,0);
}
thead{
    background-color: rgba(0,0,0,.04);  
}
.padding-container-fluid{
    padding-top: 15px;
}
.background-login{
    height:800px;
}
.footer-fixed{
    position: auto;
}
.card.login-trans{
    background-color: rgba(0, 0, 0, 0.4)
}
.justify-content-center .card {
    border-top: 1px solid #edeff0;
}
.card-block.login-block p,.card-block.login-block button,.card-block.login-block h4,.card-block.login-block label{
    color: #808080;
}
.login-margin{
    padding-left: 10px;
    padding-right: 10px;
}
.text-danger.font-bold{
    font-weight: bold;
}
.toast-success {
    background-color: #51A351;
    font-size: 15px;
}
.toast-error {
    background-color: #BD362F;
    font-size: 15px;
}
.toast-info {
    background-color: #2F96B4;
    font-size: 15px;
}
.text-success {
    color: #2F96B4 !important;
}
.color-footer {
    color: #2F96B4;
}
.searchBtn{
    width: 50%!important;
    text-align:center;
}
#menu li a i {
    margin-right: 7px;
}
@media only screen and (min-width: 481px) and (max-width: 1024px) {
    .logInCnt{
        padding: 0px!important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .logInCnt{
        padding: 0!important;
    }
    .sideBar{
        width: 40%!important;
        float: left;
        display: inline-block;
    }
    .main{
        height: 650px;
        width: 60%;
        overflow: auto;
    }
#menu{
    display: inline-block;
    width: 100%;

}
#menu li{
    display: inline-block;
    width: 100%;

}
#menu li a i{
    margin-right: 7px;

}
}