@charset "UTF-8";
/* CSS Document */
#myOverlay{position:absolute;height:100%;width:100%;}
#myOverlay{background:black;opacity:.8;z-index:1100;display:none;}
#loadingGIF{position:absolute;top:40%;left:45%;display:none;}
.box {
  position: relative;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
  width: 100%;
}
#overlayBoxError {
	display:none;
 position: fixed;
    top:0;
    right:0;
	    padding: 12px; 
	 
color:#fff;
border:none;
font-size:22px;
    width: 100%;
    z-index: 10000; /* makes the div the top layer, so it'll lay on top of the other content */
opacity:1;filter:alpha(opacity=100);
}

 
 
.san.table-bordered{
    border:1px solid black;
    margin-top:20px;
	color:#333 !important 
  }
.san.table-bordered > thead > tr > th{
    border:1px solid black;
}
.san.table-bordered > tfoot > tr > th{
    border:1px solid black;  
}
.san.table-bordered > tbody > tr > td{
    border:1px solid black;
}
  
   
.bg-error{background-color:#ffe1e0!important}
.bg-discount{background-color:#fff4ce!important}
.bg-free{background-color:#c5f1ff!important}
 .widget-numbers{font-weight:bold;font-size:1.5rem !important; }
.bg-night-sky{ background: #55217e !important;  border-color: #3d0b64 !important;}
.app-header{height:80px;}
.app-header__logo{padding:0 1.5rem;height:80px;width:335px;}
.app-header__menu{ display:block !important;padding:0 1.5rem;height:120px;align-items:center}
.app-header__logo .logo-src{height:80px;width:290px !important;}
.app-logo{height:80px;width:300px !important;}.app-logo-inverse{height:80px;width:300px !important;}

.dropdown-item{display:block;padding-top:.2rem}
@media only screen and (max-width: 1320px){.header-user-info{display:block !important}}
/*@media only screen and (max-width: 429px){.header-user-info{display:none !important}}*/
 
.pagination > li > a
{
    background-color: white;
    color: #5A4181;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #5a5a5a;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a
{
    color: white;
    background-color: #5A4181 !Important;
    border: solid 1px #5A4181 !Important;
}

.pagination > .active > a:hover
{
    background-color: #5A4181 !Important;
    border: solid 1px #5A4181;
}

.bg-alternate{background-color:#5A4181!important}a.bg-alternate:hover,a.bg-alternate:focus,button.bg-alternate:hover,button.bg-alternate:focus{background-color:#5A4181!important}
.btn-alternate{color:#fff;background-color:#5A4181;border-color:#5A4181}.btn-alternate:hover{color:#fff;background-color:#5A4181;border-color:#5c3a69}