*{box-sizing: border-box;}
body{font-family: 'Arial','Helvetica Neue',Helvetica,Arial,sans-serif;background-color:#eee;overflow: hidden;}
.top{background:#005fc7;padding:10px 0;color:#fff;width:100%;overflow: hidden;}
.top .nav {display: flex;  align-items: center;  /*justify-content: space-between;*/}
.top .nav .system{font-family: 'Open Sans', sans-serif;font-size: 18px;flex: 3 0 0;}
.top .nav .auth{flex: 1 0 0;text-align: right;padding-right: 20px;}
.top .nav .auth a{color:#fff; /*text-decoration:none;*/}
.top .nav .logo{}
.top .nav .logo img{width: 35px;}
.footer{position:fixed;bottom:0;color:#fff;background:#372E2C;width: 100%;padding:5px 0;font-size:12px;    z-index: 10;}
.body{}
.body,.top .nav,.footer .nav{max-width: 1490px;margin: auto!important;}
.footer .nav .nav-left{float:left;}
.footer .nav .nav-right{float:right;}

/* MAIN MENU */
.main-menu{float:left;width:210px;margin-right: 20px;}
.main-menu ul li.section > a{padding: 15px 25px;color: #fff;background: #372e2c;display: block;text-decoration: none;outline:none;}
.main-menu ul li.section ul li a{display: block;padding: 5px 25px;text-decoration: none;background: #fff;font-size:14px;-webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s;}
.main-menu ul li.section ul li.active a{background:#79b6fa;color:#fff;}
.main-menu ul li.section ul{overflow:hidden;-webkit-transition: max-height 0.5s; transition: max-height 0.5s;max-height: 10em;}
.main-menu ul li.section ul.hidden{max-height:0}
.main-menu a{color:#000;text-transform:uppercase;}
.main-menu ul li.section ul li a:hover{background:#79b6fa;color:#fff;}
.main-menu a:active{color:#000;}

/* MAIN WINDOW */
.main-window{margin-left: 230px;padding:20px 0 0 0;}
.main-window:last-child{padding:0 0 40px 0;}
.main-window .w-paper{background:#fff;font-size: 14px;
    position: absolute;
    width: 1260px;
    float: right;
    overflow-y: scroll;
    height: calc(100% - 165px);}
.w-title {text-transform:uppercase;background:#E4F5F9;color:#666;padding:10px 20px;}
.w-content{margin:10px;}
.w-paper-wrapper{margin:3px;border:1px solid grey;height:calc(100% - 6px);    overflow: auto;}
.w-free-wrapper,.w-shipping-wrapper{display: flex;align-items:center;justify-content: center;flex-direction: column;height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;}
.w-hand-wrapper{display: flex;align-items:center;flex-direction: row;justify-content:space-around;height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;padding-top: 30px;}
.w-free-js,.w-shipping-js{font-size: 100px;margin-top: 35px;}

.grid-item {
  float: left;
  width: 300px;
  height: 150px;
  background: #fff;
  
}

.grid-item--width-600 { width: 600px; }
.grid-item--width-900 { width: 900px; }
.grid-item--height-600 { height: 600px; }
.grid-item--height-750 { height: 750px; }
.grid-item--height-450 { height: 450px; }
.grid-item--height-300 { height: 300px; }
.grid-item--height-150 { height: 150px; }

a.square-btn-js{display:inline-block;font-weight:bold;color:#fff;text-transform:uppercase;font-size:20px;width:180px;height:80px;text-align:center;line-height: 75px;text-decoration:none;}
a.square-btn-js.green{background:#4caf50;}
a.square-btn-js.green:hover{background:#488c2b;}
a.square-btn-js.red{background:#ff5722;}

#online a.btn-js.red{background:#ff5722;}
#online a.btn-js.red:hover{background:#cc1723;}
/* 1240 */
/* highlight drag & drop */

/* Draggabilly adds is-dragging */
.grid-item.is-dragging,
/* Packery adds class while transitioning to drop position */
.grid-item.is-positioning-post-drag {
  background: #EA0;
  z-index: 2; /* keep dragged item on top */ 
}
.packery-drop-placeholder {
  outline: 2px dashed #444;
  outline-offset: -4px;
  /* transition position changing */
  -webkit-transition: -webkit-transform 0.2s;
          transition: transform 0.2s;
}

.w-content th{padding:5px 10px;font-weight:bold;font-size:14px;border-bottom:1px solid grey;text-align:center;}
.w-content tr{border-bottom:1px solid grey;}
.w-content td{padding:5px 10px;font-size:14px;text-align:center;}
.w-content td a{text-decoration:none;padding: 5px 10px;text-align: center;background: #5ca5f6;display: block;color:#fff;-webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s;}
.w-content td a:hover{background:#0176f8;}

#outPopUp {
	display:none;
  position: absolute;
  width: 400px;
  height: 200px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -200px;
  background: #fff;
  border:1px solid #000;
}

#outPopUp .titlebar{padding: 10px 20px;color:#fff;background:#307ecc;font-weight:bold;}
#outPopUp .dialogContent{padding: 20px 40px;line-height:1.4;}
#outPopUp .confirmBtn{position: absolute;bottom: 20px;text-align: center;width: 100%;}
.confirmBtn a.success{background:#488c2b;color:#fff;padding:5px 30px;text-decoration:none;margin-right:20px;-webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s;}
.confirmBtn a.cancel{background:#ff5722;color:#fff;padding:5px 30px;text-decoration:none;margin-left:20px;-webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s;}
.confirmBtn a.success:hover{background:#3dcd01}
.confirmBtn a.cancel:hover{background:#ff3d00}

#online tr.danger{background:#ff572250;}

#serverHealth{
	display:block;
	width:400px;
	position:fixed;
	left:0;
	right:0;
	margin:0 auto;
	bottom:22px;
	font-size:12px;
	max-height:0;
	-webkit-transition: max-height 0.5s; transition: max-height 0.5s;
	overflow: hidden;
}
#serverHealth.success{background:#fff;}
#serverHealth.danger{background:#f8948a;}
#serverHealth.success .text{padding:10px 20px;border:1px solid green;border-bottom:none;color:green;}
#serverHealth.danger .text{padding:10px 20px;border:1px solid red;border-bottom:none;color:#fff;}

.w-paper-content{padding:10px;}
.w-paper-content table{}
.w-paper-content th{}
.w-paper-content td{}
.w-paper-content h3{text-transform: uppercase;background: #E4F5F9;color: #666;padding: 10px 20px;}

#arch tr{border-bottom:1px solid #eee;}
#arch tr.danger > td{background:#ff572250}
#arch tr:hover{background:#eee;}
#arch th{background:#ddd;vertical-align:middle;}
#arch td, #arch th{padding:5px;text-align:center;}
#arch td a{}
i.red{color:#ff5722;}
i.green{color:#488c2b;}

.w-paper-pagination{background:#59BDD9;color:#fff;padding:5px 10px;font-size:12px;overflow:hidden;display:flex;align-items: center;justify-content: space-between;}
.w-paper-pagination-counter{float:left;}
.w-paper-pagination-limit{float:right;}
#list-limit {padding:5px 0px;}

.main-window .w-paper {padding:10px;}
.main-window .w-paper .w-paper-header{font-size:16px;padding-bottom:20px;font-weight:bold;}
.main-window .w-paper {font-size:14px;}
.main-window .w-paper .roomservice img{max-width:250px;}
.main-window .w-paper .form-group{margin-bottom:10px;}
.main-window .w-paper .alert{padding: 10px;color: #fff;}
.main-window .w-paper .alert.alert-danger{background: #fb7171;}
.main-window .w-paper .alert.alert-success{background: #3ca64e;}
.main-window .w-paper button,.main-window .w-paper a.button,.main-window .filter a.button,.fancybox-content a.button{background-color: #307ecc!important;border: 0!important;outline: none!important;padding: 5px 20px;color:#fff;cursor: pointer;    text-transform:uppercase;text-decoration:none;}
.main-window .w-paper table.index{margin-bottom:30px;}
.main-window .w-paper table.index thead tr{background:#e4f5f9;text-align:center;}
.main-window .w-paper table.index thead tr td{vertical-align:middle;}
.main-window .w-paper table.index tbody tr td{vertical-align:middle;}
.main-window .w-paper table.index tbody tr:hover td{background:#d5e5ef;}
.main-window .w-paper table.index tbody tr td{text-align:center;}
.main-window .w-paper table.index td{padding:10px 15px;}
.main-window .w-paper table.index.roomservice td img{max-width:250px;}

.main-window .w-paper table.index td span.green{font-weight:bold;color:#488c2b;}
.main-window .w-paper table.index td span.red{font-weight:bold;color:#cc1723;}

#lightgallery img{max-height:250px;}

.main-window .filter{    position: absolute;
    bottom: 22px;
    background: #fff;
    width: 1260px;
    min-height: 50px;
	padding: 0px 10px 18px 10px;}
.main-window .filter a.button{text-transform:none;font-weight:bold;font-size: 12px;margin-right:10px;background-color:#7db2e8!important}
.main-window .filter a.button:hover{background-color:#307fcc!important}
.main-window .filter a.button.green,.main-window .w-paper a.button.green{color:#fff; background-color:#488c2b!important}
.main-window .filter a.button.green:hover,.main-window .w-paper a.button.green:hover{background-color:#3dcd01!important}
.main-window .filter a.button.grey,.main-window .w-paper a.button.grey{color:#fff; background-color:#a7a7a7!important}
.main-window .filter a.button.grey:hover,.main-window .w-paper a.button.grey:hover{background-color:#7B7B7B!important}
.main-window .filter a.button.red,.main-window .w-paper a.button.red{color:#fff; background-color:#cc1723!important}
.main-window .filter a.button.red:hover,.main-window .w-paper a.button.red:hover{background-color:#ff0000!important}
.main-window .filter .filter-control{}
.main-window .filter .filter-panel{display:none;margin-bottom: 16px;font-size: 12px;}
.main-window .filter .filter-panel.show{display:block;float: left;width: 100%;}
.main-window .filter .filter-panel .row{}
.main-window .filter .filter-panel .row .c1{margin: 0 0 10px 0;text-align:right;float:left;width:50%;}
.main-window .filter .filter-panel .row .c2{margin: 0 0 10px 0;text-align:left;float:left;width:50%;}
.main-window .filter .filter-panel .row .c1 label{top: 4px; right: 5px; position: relative;}
.main-window .filter .filter-panel .row .c2 label{top: 0px; left: 5px; position: relative;}

.main-window .filter .filter-pager {margin-bottom: 16px;font-size: 12px;background-color:#59BDD9;color:#fff;padding: 14px 5px;}
.main-window .filter .filter-pager a{color:#fff;text-decoration:none;}
.main-window .filter .filter-pager span.prev,.main-window .filter .filter-pager span.next{cursor:pointer;}
.main-window .filter .filter-pager span.pagecount a.current{opacity: .35;}
.main-window .filter .filter-pager nav.center{text-align: center;}
.main-window .filter .filter-pager nav.right{position: absolute;right: 30px;top: 10px;}
.main-window .filter .filter-pager nav.right span{display:none;}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid grey;
  padding: 2px;
  -webkit-text-fill-color: black;
  
  /*-webkit-box-shadow: 0 0 0px 1000px #000 inset;*/
  
  box-sizing: border-box;
}
table.table{width:100%}
.main-window .w-paper{height:calc(100% - 76px)}
.main-window .w-paper .form-group label{display: inline-block;width: 20%;}