.container {
  max-width: 960px;
}


.modal { overflow: auto !important; }

/*
 * Custom translucent site header
 */
.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header-nagoya {
  background-color: rgba(0, 92, 102, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header-shizuoka {
  background-color: rgba(130, 33, 4, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header-client  {
  background-color: rgba(30, 30, 30, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}


/*
* COMPONENTS
*/

.client_container{
	max-width: 800px;
}

.modal-full-x {
    min-width: 98vw;
    margin-left: auto;
    margin-right: auto;
}

.modal-full .modal-content {
    
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.2s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: rgb(200,200,200);
  display: block;
  transition: 0.1s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/*
 * Extra utilities
 */

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.text-shadow{ text-shadow: 1px 1px 3px #000; }
.flex-equal > * {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
  }
}

/*
 * Common class
 */


.overflow-hidden { overflow: hidden; }

.pnl_valid_msg{
	font-size: 70%;
}


.o-25{
	opacity: 0.25 !important;	
}

.o-50{
	opacity: 0.5 !important;	
}

.o-75{
	opacity: 0.75 !important;	
}




.bg-striped{
	background-image: url("/img/bg/bg_stripes.png");
	background-repeat: repeat;
	background-size: 10% 10%;
}

.bg-shade-b{
	background-image: url("/img/bg/bg_shade_bottom.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100% 4%;
}
.bg-shade-t{
	background-image: url("/img/bg/bg_shade_top.png");
	background-repeat: repeat-x;
	background-position: top;
	background-size: 100% 4%;
}

/*pink*/
.bg-Cherry-blossom{
	background-color: #FCC9B9;
}
.bg-peach{
	background-color: #F47983;
}
.bg-ibis-wing{
	background-color: #F58F84;
}
.bg-washed-out-crimson{
	background-color: #FFB3A7;
}
/*red*/
.bg-true-red{
	background-color: #8F1D21;
}

/*blue*/
.bg-light-blue{
	background-color: #48929B;
}
.bg-dodger-blue{
	background-color: #19B5FE;
}
.bg-jordy-blue{
	background-color: #89C4F4 !important;
}
.bg-ice-blue{
	background-color: #f2f9ff;
}
.bg-hanada{
	background-color: #044F67;
}

/*yellow*/
.bg-ripe-lemon{
	background-color: #F7CA18;
}
.bg-cream-can{
	background-color: #F5D76E !important;
}
.bg-skin-tone{
	background-color: #FFEFCC;
}
.bg-amber{
	background-color: #CA6924;
}

/*green*/
.bg-gossip{
	background-color: #87D37C !important;
}

/*gray*/
.bg-silver{
	background-color: #BFBFBF;
}
.bg-cararra{
	background-color: #F2F1EF;
}

/*blue*/
.text-light-blue{
	color: #48929B;
}
.text-dodger-blue{
	color: #19B5FE;
}
.text-jordy-blue{
	color: #89C4F4;
}
.text-ice-blue{
	color: #f2f9ff;
}
.text-hanada{
	color: #044F67;
}
.text-steel-blue{
	color: #4B77BE;
}
/*yellow*/
.text-saffron{
	color: #F4D03F;
}

/*green*/
.text-gossip{
	color: #87D37C;
}
.text-green-neon{
	color: #63ff44;
}
/*pink*/
.text-Cherry-blossom{
	color: #fcc9b9 !important;
}
.text-Cherry-blossom:HOVER{
	color: #f9835b!important;
}
/*RED*/
.text-pomegranate{
	color: #F22613 !important;
}
.text-pomegranate:HOVER{
	color: #af160a!important;
}



.font-xxs{
	font-size: 70%;
}


.pop_body{
	padding-top: 0px !important; 
}

.page-header{
	padding-top: 0px !important;
	margin-top: 5px !important;
}

.align-center{
	margin: 0 auto !important;
}
.align-right{
    margin-right: 0px;
    margin-left: auto;
}

.btn-sort{
	padding: 2px !important;
	background-color: rgb(240,240,240);
}

.pnl_loader{
	height: 40px;
	text-align: center;
}

.pnl-scroll-v{
	overflow-y: scroll;
}

.valid_error{
	background-color: #fffad8 !important;
	background: #fffad8 !important;
}

.row_disabled{
	background-color: gray !important;
}

.vl-mid{
	vertical-align: middle !important;	
}
.vl-bot{
	vertical-align: bottom !important;	
}
.color-l-gray{
	color: rgb(200,200,200);
}
.color-white{
	color: rgb(200,200,200);
}
.color-yellow{
	color: yellow;
}
.color-warning{
	color: #f7a61b;
}
.color-danger{
	color: #d10000;
}
.color-success{
	color: #5B8930 !important;
}


.fs-xxl{
	font-size: 160%;
}
.fs-xl{
	font-size: 140%;
}
.fs-l{
	font-size: 120%;
}
.fs-s{
	font-size: 90%;
}
.fs-xs{
	font-size: 80%;
}
.fs-xxs{
	font-size: 70%;
}
.fs-min{
	font-size: 65%;
}

.bold{
	font-weight: bold !important;
}

.space1{
	height: 10px !important;
	overflow: hidden;
}

.line-white{
	height: 1px !important;
	background-color: white;
	overflow: hidden;
	margin-top:5px; 
	margin-bottom:5px;
}
.line-gray{
	height: 1px !important;
	background-color: rgb(210,210,210);
	overflow: hidden;
	margin-top:5px; 
	margin-bottom:5px;
}
.line-l-gray{
	height: 1px !important;
	background-color: rgb(230,230,230);
	overflow: hidden;
	margin-top:5px; 
	margin-bottom:5px;
}

.bg-d-gray{
	background-color: rgb(120,120,120);
}
.bg-gray{
	background-color: rgb(210,210,210) !important;
}
.bg-l-gray{
	background-color: rgb(245,245,245);
}
.bg-white{
	background-color: white;
}
.bg-dark{
	background-color: rgb(50,50,50);
}
.bg-warning{
	background-color: #FFCE54;
}
.bg-n{
	background-color: rgb(245, 250, 255);
}

.bg-r{
	background-color: rgb(244, 255, 239);
}

.fix_bot{
	position:fixed;
	bottom:0px;
}

.fix_top{
	position:fixed;
	top:0px;
}

.float-right{
	float: right !important;
}

.dsp-block{
	margin-top:10px;
	display: inline-block;
}

.area-block{
	min-width:60px;
	width:65px;
    margin-top: 2px;
    display: inline-block;
}

.sd_bot{
	border-bottom: 4px solid rgb(50,50,50);
}

.c-poiter{
	cursor: pointer;
}

.padding-3{
	padding: 3px;
}

.over-vertical{
	overflow-y: scroll; 
}

.tab-10{
	padding-left: 10px;
}

.mar_top_2{
	margin-top:2px;
}

.warning{
	background-color:	#fff3cd !important;
}