html{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%;}
body{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%;font-family:verdana;font-size:12px;background:#efeded;}

.clear{clear:both;}
.side-width{width:170px;}
.hide{display:none !important;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.bg-transparent{background:transparent !important;}
.color-black{color:#000 !important;}
.color-red{color:#F00 !important;}
.color-green{color:#3cc758 !important;}
.no-margin{margin:0 !important;}
.cursor-pointer{cursor:pointer;}
.input-wrap.separo{width:calc((100% / 2) - 10px) !important;float:left;}

.upload-result-error{margin:0;padding:0;position:fixed;z-index:300;width:100%;height:100%;top:0;left:0;box-sizing:border-box;background:rgba(255, 255, 255, 0.58);}
.upload-result-error section{margin:0;padding:15px;width:300px;box-sizing:border-box;background:#FFF;border:solid 1px #989898;box-shadow:0 0 10px 1px #b7b7b7;text-align:left;position:absolute;top:15%;left:calc((100% - 300px) / 2);border-radius:3px;}
.upload-result-error section p{margin:0 0 5px 0;padding:0;}
.upload-result-error section ul{margin:0;padding:0 0 10px 0;list-style:square;border-bottom:solid 1px #ccc;}
.upload-result-error section li{margin:5px 0 0 20px;padding:0;}
.upload-result-error .button-cancel{margin:10px 0 0 0;font-size:100%;float:right;}

.form-input-table-tarif{border:none !important;}
.form-input-table-tarif table{margin:0;padding:0;width:100%;border-spacing:1px;}
.form-input-table-tarif th{margin:0;padding:5px;background:#52a4c7;color:#FFF;font-weight:normal;}
.form-input-table-tarif td{margin:0;padding:5px;background:#fff;}
.form-input-table-tarif td i{margin:0;cursor:pointer;color:#c70000;}
.form-input-table-tarif td:nth-child(1){width:15px;text-align:center;}
.form-input-table-tarif td:nth-child(3){width:100px;text-align:right;}

#content .content-main-nav{margin:0;padding:10px 0;border-top:solid 1px #e6e6e6;}
#content .content-main-nav ul{margin:0;padding:0;list-style:none;text-align:right;}
#content .content-main-nav li{margin:0;padding:5px;display:inline;background:transparent;}
#content .content-main-nav li.link-active{background:#dedddd;}
#content .content-main-nav li.nav-link{cursor:pointer;}
#content .content-main-nav li.nav-link:hover{background:#ececec;}








.form-button{margin:0 10px 0 0;padding:7px 15px;background:#52a4c7;border:none;color:#FFF;outline:none;cursor:pointer;}
.form-button:hover, .form-button:focus{background:#4793b3;}
.form-button i{margin:0 10px 0 0;}
.form-button.button-cancel, .form-button.button-purple{background:#b744b5;}
.form-button.button-cancel:hover, .form-button.button-cancel:focus, .form-button.button-purple:hover, .form-button.button-purple:focus{background:#9c359b;}
.form-button.button-blue{background:#52a4c7;}
.form-button.button-blue:hover, .form-button.button-blue:focus{background:#4793b3;}
.form-button.button-red{margin:0;padding:7px 10px;border:none;background:#e05b5b;color:#FFF;outline:none;cursor:pointer;}
.form-button.button-red:hover, .form-button.button-red:focus{background:#ce4242;}


.mini-button{margin:0;padding:0;background:rgba(206, 66, 66, 0.6);border:none;color:#FFF;cursor:pointer;outline:none;}
.mini-button:hover, .mini-button:focus{background:rgba(206, 66, 66, 1);}

.ui-autocomplete{position:absolute;cursor:default;max-height:100px;overflow:auto;background:#FFF;border:solid 1px #cccccc;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.ui-menu{list-style:none;padding:3px;margin:0;display:block;float:left;}
.ui-menu .ui-menu{margin-top:-3px;}
.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:5px 10px;line-height:1.5;zoom:1;font-size:90%;font-family:verdana;border-radius:5px;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active{font-weight: normal;margin:0;background:#ececec;}

#content-form-login{margin:0;padding:0;background:#445a5d;width:100%;height:100%;position:fixed;font-size:90%;}
#content-form-login .app-name{margin:0;padding:0 2px 10px 0;text-align:right;color:#e2e2e2;font-size:90%;}
#content-form-login form{margin:0;padding:0;width:300px;box-sizing:border-box;position:absolute;top:calc((100% - 159px) / 2);left:calc((100% - 300px) / 2);}
#content-form-login .form-input{margin:0;padding:0;}
#content-form-login .input{margin:0 0 10px 0;padding:15px 15px;box-sizing:border-box;width:100%;border:none;outline:none;font-size:100%;font-family:verdana;background:#3e5052;color:#d8d8d8;}
#content-form-login .input:focus{background:#374648;}
#content-form-login .button{margin:0;padding:10px 20px;border:none;font-size:90%;text-transform:uppercase;background:#1b8696;color:#FFF;cursor:pointer;outline:none;}
#content-form-login .button i{margin-right:10px;}
#content-form-login .button:hover, #content-form-login .button:focus{background:#1b7784;}

#header{margin:0;padding:0;background:#75a9cc;height:40px;}
#header .header-side{margin:0;padding:0;background:#6496b7;color:#FFF;position:relative;float:left;height:100%;}
#header .header-side i, #header .header-side h1{display:inline-block;vertical-align:middle;}
#header .header-side i{margin:0;padding:10px;font-size:150%;}
#header .header-side i.header-side-minimaze{margin-left:20px;font-size:7px;cursor:pointer;}
#header .header-side i.header-side-minimaze:hover{background:#63af72;}
#header .header-side h1{margin:2px 0 0 0;padding:0;font-size:100%;}
#header .header-side ul{margin:0;padding:0;list-style:none;display:table;width:100%;}
#header .header-side li{margin:0;padding:0 10px;font-size:100%;display:table-cell;height:40px;vertical-align:middle;}
#header .header-side li i{margin:0 10px 0 0;padding:0;font-size:100%;}

#header .header-content{float:left;position:relative;color:#FFF;width:calc(100% - 170px);}
#header .header-content ul{margin:0;padding:0;list-style:none;display:table;height:40px;width:100%;text-align:right;}
#header .header-content li{margin:0;padding:13px 0 10px 10px;display:table-cell;vertical-align:middle;height:100%;font-size:100%;cursor:pointer;float:right;position:relative;}
#header .header-content li:hover{color:#FFF;}
#header .header-content li i{margin-right:10px;}
#header .header-content li:hover .more-user{display:block;}
#header .header-content .more-user{margin:0;padding:10px;background:#FFF;border:solid 1px #d2d2d2;position:absolute;top:40px;right:0;width:300px;text-align:center;z-index:20;cursor:auto;box-shadow:-1px 2px 10px 0px #9e9e9e;display:none;}
#header .header-content .more-user .more-user-profile{margin:-10px -10px 10px -10px;padding:10px;background:#6496b7;}
#header .header-content .more-user .more-user-profile img{margin:10px 0 10px 0;padding:0;width:100px;border:solid 5px #5c8dad;border-radius:50%;background:#FFF;}
#header .header-content .more-user .more-user-profile .more-user-profile-nama{margin:0;padding:0;color:#efefef;font-size:115%;}
#header .header-content .more-user .more-user-profile .more-user-profile-jabatan{margin:0;padding:0;color:#efefef;font-size:80%;}
#header .header-content .more-user .form-button{margin:0;}
#header .header-content .more-user .form-button.button-blue{float:left;}
#header .header-content .more-user .form-button.button-cancel{float:right;}




#content{margin:0;padding:10px;box-sizing:border-box;width:calc(100% - 170px);height:calc(100% - 40px);float:right;position:relative;overflow:auto;}

.content-title-from{margin:0 0 15px 0;padding:0;border-bottom:dashed 1px #bfbfbf;}
.content-title-from ul{margin:0;padding:0;list-style:none;}
.content-title-from li{margin:0 8px 0 0;padding:0 0 5px 0;display:inline-block;color:#828282;cursor:default;text-transform:uppercase;font-size:90%;}
.content-title-from li:hover{color:#1c8830;}
.content-title-from li:after{content:"";margin:0 0 0 10px;padding:0;border:solid 1px #828282;width:3px;height:3px;display:inline-block;border-top-right-radius:3px;}
.content-title-from li:last-child:after{display:none;}

.content-fix-menu{margin:-15px 0 0 0;padding:0;}
.content-fix-menu > ul{margin:0;padding:0;list-style:none;text-align:right;}
.content-fix-menu > ul > li{margin:0;padding:15px 0;display:inline-block;position:relative;color:#737373;}
.content-fix-menu > ul > li span{margin:0;padding:15px 0 0 0;display:block;}
.content-fix-menu > ul > li:first-child{float:left;}
.content-fix-menu > ul > li:first-child button{background:#52a4c7;}
.content-fix-menu > ul > li:first-child button:hover{background:#4292b5;}
.content-fix-menu > ul > li:last-child{margin:0;padding:15px 0 15px 10px;font-size:150%;vertical-align:middle;cursor:pointer;}
.content-fix-menu > ul > li:last-child:hover ul{display:block;}
.content-fix-menu > ul > li button{margin:0;}
.content-fix-menu > ul > li button i{margin-right:8px;}
.content-fix-menu > ul > li button:hover{}
.content-fix-menu ul ul{margin:15px 0 0 0;padding:0;list-style:none;min-width:120px;position:absolute;display:none;right:0;background:#FFF;border-radius:4px;overflow:hidden;box-shadow:#737373 1px 1px 5px 0px;z-index:2;}
.content-fix-menu ul ul li{margin:0;padding:8px;font-size:12px;display:inline-block;width:100%;text-align:left;cursor:pointer;}
.content-fix-menu ul ul li i{width:15px;text-align:center;}
.content-fix-menu ul ul li:hover{background:#f3f3f3;}

.content-search-box{margin:0;padding:0;background:rgba(41, 41, 41, 0.80);position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:3;}
.content-search-box form{margin:0;padding:15px;background:#FFF;position:absolute;box-sizing:border-box;width:400px;left:calc((100% - 400px) / 2);top:50px;border:solid 1px #7b7b7b;border-radius:4px;box-shadow:#585858 1px 1px 5px 0px;cursor:move;}
.content-search-box .input-wrap{margin:0 0 8px 0;padding:0;border-bottom:solid 1px #e4e4e4;color:#777;}
.content-search-box .input-wrap i{margin:0;width:15px;text-align:center;}
.content-search-box .input-wrap .input{margin:0;padding:8px;border:none;background:transparent;outline:none;box-sizing:border-box;width:calc(100% - 20px);color:#777;}

.content-search-box-transaksi .input-wrap{width:calc(100% / 2);float:left;}

.content-check-menu{margin:0;padding:0;background:#3475a2;position:fixed;border:solid 1px #3471a2;border-radius:6px;overflow:hidden;z-index:3;top:50px;left:180px;display:none;box-shadow:#777777 1px 1px 5px 0px;}
.content-check-menu ul{margin:0;padding:0;list-style:none;}
.content-check-menu li{margin:0 -4px 0 0;padding:10px 20px;display:inline-block;cursor:pointer;color:#fff;border-right:solid 1px #306b9c;}
.content-check-menu li:last-child{margin:0;border:none;}
.content-check-menu li span{margin:0 0 0 5px;padding:0;}
.content-check-menu li:hover{background:#2d7394;}

.content-box-detail{margin:0;padding:0;background:#FFF;width:350px;box-sizing:border-box;border-top:solid 2px #c75252;}
.content-box-detail table{margin:0;padding:0;border-spacing:0;width:100%;}
.content-box-detail td{margin:0;padding:0;box-sizing:border-box;vertical-align:top;}
.content-box-detail td.content-box-detail-data{width:70%;vertical-align:top;}
.content-box-detail td.content-box-detail-data span{display:inline-block;width:200px;}
.content-box-detail td.content-box-detail-data i{display:inline-block;vertical-align:top;}
.content-box-detail td.img-preview{width:30%;}
.content-box-detail td.img-preview img{margin:0;padding:5px;width:100%;box-sizing:border-box;}
.content-box-detail td ul{margin:0;padding:0;list-style:none;width:100%;}
.content-box-detail td li{margin:0;padding:6px;display:list-item;width:100%;box-sizing:border-box;font-size:100%;border-left:solid 1px #e8e8e8;border-bottom:solid 1px #e8e8e8;}
.content-box-detail td li:first-child span{font-weight:bold;text-transform:uppercase;}
.content-box-detail td li:last-child{border-bottom:none;}
.content-box-detail td li > i{margin-right:10px;width:15px;text-align:center;}
.content-box-detail td button{padding:5px 10px !important;font-size:95%;}

.content-box-list{width:calc(100% - 365px);float:right;}

.content-data-list-rincian-stok .td-nominal{width:80px !important;min-width:80px !important;}

.content-data-list{margin:0;padding:0;background:#FFF;overflow:auto;}
.content-data-list table{margin:0;padding:0;width:100%;border-spacing:0;font-size:95%;position:relative;}
.content-data-list table thead{position:absolute;}
.content-data-list table th{margin:0;padding:15px 5px;border-right:solid 1px #6290af;background:#6496b7;color:#FFF;font-size:100%;text-transform:uppercase;font-weight:normal;text-align:center !important;width:100%;}
.content-data-list table th:last-child{border:none;}
.content-data-list table th.td-meteran.td-meteran-link:hover{background:#5687a7;cursor:pointer;}
.content-data-list table td{margin:0;padding:8px 5px;border-right:solid 1px #ececec;vertical-align:top;line-height:15px;color:#3c3c3c;}
.content-data-list table td ul{margin:0 0 0 20px;padding:0;list-style:square;}
.content-data-list table td li{margin:0 0 5px 0;padding:0;}
.content-data-list table td li:last-child{margin:0;}
.content-data-list table td span{color:#e49e16;font-style:italic;font-size:90%;}
.content-data-list table td span.normal{color:#3c3c3c;font-style:normal;font-size:100%;}
.content-data-list table td span.same-width-40{min-width:50%;display:inline-block;}
.content-data-list table tr.total td{text-transform:uppercase;border-top:solid 1px #ececec;background:#585858 !important;color:#FFF;}
.content-data-list table tr.total .td-meteran{text-transform:lowercase;}
.content-data-list table tr.total td span{color:#FFF;font-size:80%;font-style:normal;}
.content-data-list table tr.total td:first-child{padding:8px 15px;}
.content-data-list table tr:hover td{background:#f6fff7;}
.content-data-list table tr:nth-child(2) td{}
.content-data-list table .td-right{text-align:right;}
.content-data-list table .td-chk{width:40px;min-width:40px;}
.content-data-list table .td-chk, .content-data-list table th.td-chk{text-align:center;}
.content-data-list table .td-chk i, .content-data-list table th.td-chk i, .content-data-list table th.td-nominal i{margin:1px 0 0 0 !important;font-size:130%;cursor:pointer;width:15px;text-align:left;}
.content-data-list table th.td-nominal i{margin-left:5px !important;}
.content-data-list table .td-no{text-align:center;width:60px;min-width:60px;}
.content-data-list table .td-foto{width:70px;min-width:70px;}
.content-data-list table .td-foto img{width:100%;}
.content-data-list table .td-kode{width:130px;min-width:130px;}
.content-data-list table .td-tanggal{width:90px;min-width:90px;text-align:center;}
.content-data-list table .td-idpel{width:70px;min-width:70px;text-align:center;}
.content-data-list table .td-jam{min-width:50px;text-align:center;}
.content-data-list table .td-nik{width:130px;min-width:130px;}
.content-data-list table .td-nama{width:180px;min-width:180px;}
.content-data-list table .td-link{cursor:pointer;}
.content-data-list table .td-link:hover{background:#dfe8ff;}
.content-data-list table .td-telepon{width:180px;min-width:180px;}
.content-data-list table .td-tarif{width:250px;min-width:250px;}
.content-data-list table .td-tarif .rentang-angka{margin:0;padding:0;display:inline-block;}
.content-data-list table .td-nominal{width:130px;min-width:130px;text-align:right;}
.content-data-list table .td-nominal.unpaid{color:#F00;}
.content-data-list table .td-nominal.paid{}
.content-data-list table .td-meteran{width:80px;min-width:80px;text-align:right;}
.content-data-list table .td-satuan{width:180px;min-width:180px;}
.content-data-list table .td-satuan ul{margin:5px 0 0 0;padding:0;list-style:square;border-top:solid 1px #e8e8e8;}
.content-data-list table .td-satuan li{margin:5px 0 0 20px;padding:0;}
.content-data-list table .td-satuan li i{margin:0;padding:0;width:30px;text-align:center;}
.content-data-list table .td-keterangan{min-width:180px;}
.content-data-list table .td-jabatan{width:120px;min-width:120px;}
.content-data-list table .td-alamat{min-width:180px;}
.content-data-list table .td-barang{width:200px;min-width:200px;}
.content-data-list table .td-barang ul{margin:0 0 0 20px;padding:0;list-style:square;}
.content-data-list table .td-barang li{margin:0 0 5px 0;padding:0;}
.content-data-list table .td-barang li:last-child{margin:0;padding:0;}
.content-data-list table .td-akun{width:140px;min-width:140px;}
.content-data-list table .td-level{width:130px;min-width:130px;}
.content-data-list table .td-proses{width:60px;min-width:60px;text-align:center;}
.content-data-list table .td-aksi{padding:0;width:80px;min-width:80px;}
.content-data-list table .td-aksi span{font-style:normal;color:#3c3c3c;display:none;}
.content-data-list table .td-aksi ul{margin:0;padding:0;list-style:none;text-align:center;}
.content-data-list table .td-aksi li{margin:5px 0 0 0;padding:4px;cursor:pointer;box-sizing:border-box;transition:all ease 0.2s;width:20px;display:inline-block;}
.content-data-list table .td-aksi li:hover i{color:#F00;}
.content-data-list table tr:last-child .td-aksi li:last-child{border:none;}
.content-data-list table .td-aksi li i{width:13px;text-align:center;}
.content-data-list table .td-aksi-no-border li{padding:8px 5px;}

.content-data-list-meja{margin:0;padding:0;list-style:none;min-height:100px;width:calc(100% - 10px);}
.content-data-list-meja li{margin:0;padding:0;width:55px;height:55px;box-sizing:border-box;float:left;vertical-align:middle;position:relative;text-align:center;}
.content-data-list-meja li.draggable, .content-data-list-meja li.draggable .no-meja{cursor:move;}
.content-data-list-meja .no-meja{margin:33% 0 0 0;padding:5px;z-index:2;position:relative;text-align:center;color:#FFF;font-size:60%;font-weight:bold;cursor:default;}
.content-data-list-meja .ikon-meja{margin:0;padding:0;top:0;left:0;width:100%;box-sizing:border-box;z-index:1;position:absolute;}
.content-data-list-meja .ikon-meja img{margin:0;padding:0;width:100%;box-sizing:border-box;}
.content-data-home .content-data-list-meja li, .content-data-home .content-data-list-meja .no-meja{cursor:pointer;}

.content-box-form{margin:0;padding:0;}
.content-box-form .main-box-form{margin:0 50px 0 0;padding:0;box-sizing:border-box;width:400px;float:left;}

.content-box-form .main-box-form .content-data-list{margin-bottom:10px;}
.content-box-form .main-box-form table th i{margin:0 !important;}
.content-box-form .main-box-form .td-nama{min-width:110px;}
.content-box-form .main-box-form .td-jml{width:50px;min-width:50px;text-align:center;}
.content-box-form .main-box-form .td-nominal{width:80px !important;min-width:80px;}
.content-box-form .main-box-form .td-remove{padding:0;width:30px;min-width:30px;text-align:center;}
.content-box-form .main-box-form .td-remove i{margin:0 !important;padding:11px 8px 5px 8px;cursor:pointer;}
.content-box-form .main-box-form .td-remove i:hover{color:#F00;}

.content-box-form .main-box-form-nota-kasir .td-jml{width:30px;min-width:30px;}
.content-box-form .main-box-form-nota-kasir .td-remove{width:45px;min-width:45px;}
.content-box-form .main-box-form-nota-kasir .td-remove i{padding:11px 5px 5px 5px;}


.content-box-form .input-wrap-image{margin-bottom:20px;width:150px;position:relative;}
.content-box-form .input-wrap-image .img-preview{margin:0 0 5px 0;padding:3px;box-sizing:border-box;background:#FFF;width:100%;border:solid 1px #ccc;}
.content-box-form .input-wrap-image .img-preview img{margin:0;padding:0;width:100%;height:auto;}
.content-box-form .input-wrap-image .form-button{display:block;width:100%;}
.content-box-form .input-wrap-image .mini-button{margin:0;padding:3px;position:absolute;top:0;right:0;}
.content-box-form .input-wrap-image .mini-button i{margin:0;}

.content-box-form .input-wrap{margin:0 0 20px 0;padding:0;width:100%;border-bottom:solid 1px #ccc;color:#616161;}
.content-box-form .input-wrap.input-wrap-focus{color:#3e99a9;border-color:#3e99a9;}
.content-box-form .input-wrap.input-wrap-focus .input{color:#3e99a9;}
.content-box-form .input-wrap .input{margin:0;padding:8px;box-sizing:border-box;width:calc(100% - 17px);border:none;background:transparent;outline:none;color:#616161;}
.content-box-form .input-wrap .input[type="time"]{}
.content-box-form .input-wrap .input[type="time"]::-webkit-inner-spin-button{display:none;}
.content-box-form .input-wrap .input[type="time"]::-webkit-clear-button{}
.content-box-form .input-wrap .input[type="time"]::-webkit-datetime-edit-fields-wrapper{padding:0;}
.content-box-form .input-wrap > i{margin:8px 0 0 0;padding:0;width:17px;text-align:left;float:left;font-size:125%;}
.content-box-form .input-wrap ul{margin:0;padding:0;list-style:none;}
.content-box-form .input-wrap li{margin:0 20px 0 0;padding:8px 0;display:inline-block;}
.content-box-form .input-wrap li button{margin:0;padding:0;border:none;background:transparent;outline:none;cursor:pointer;}
.content-box-form .input-wrap li button:focus{color:#338394;}
.content-box-form .input-wrap .input-check i{width:15px;}
.content-box-form .input-wrap li button span{margin:0 0 0 20px;padding:0;display:block;text-align:left;font-size:80%;font-style:italic;color:#ff8832;}
.content-box-form .input-wrap li i{margin:0 5px 0 0;}
.content-box-form .input-wrap .input-radio li, .content-box-form .input-wrap .input-check li{cursor:pointer;}
.content-box-form a.download-format-excel{margin:-10px 0 10px 0;padding:0 0 0 2px;text-decoration:none;outline:none;display:block;color:#616161;}
.content-box-form a.download-format-excel:hover{color:#d22323;}
.content-box-form .form-input-file .input{width:calc(100% - 17px - 115px);}
.content-box-form .form-input-file .form-button{width:110px;font-size:100%;margin:0;float:right;background:#52a4c7;}
.content-box-form .form-input-file .form-button:hover, .content-box-form .form-input-file .form-button:focus{background:#4292b5;}
.content-box-form .form-input-file .form-button i{font-size:100%;}
.content-box-form .form-input-konversi .input{width:calc(100% - 17px - 115px);}
.content-box-form .form-input-konversi .form-button{width:110px;font-size:100%;margin:0;float:right;background:#52a4c7;}
.content-box-form .form-input-konversi .form-button:hover, .content-box-form .form-input-konversi .form-button:focus{background:#4292b5;}
.content-box-form .form-input-konversi .form-button i{font-size:100%;}


#side{margin:0;padding:10px 0 0 0;height:calc(100% - 40px);box-sizing:border-box;background:#525252;font-family:arial;overflow:auto;}
#side ul{margin:0;padding:0;list-style:none;}
#side a{outline:none;}
#side > ul > li > a{padding:10px 8px;text-decoration:none;color:#FFF;display:block;position:relative;border-left:solid 2px transparent;}
#side > ul > li > a:hover{border-left-color:#F00;background:#5d5c5c;}
#side > ul > li > a .fa-chevron-right{padding:4px;position:absolute;right:2px;font-size:6px;}
#side > ul > li > a i:nth-child(1){width:15px;text-align:center;}
#side ul ul{margin:0;padding:0;display:none;}
#side ul ul a{margin:0;padding:10px 8px 10px 28px;text-decoration:none;display:block;color:#FFF;border-left:solid 2px transparent;}
#side ul a.actived{background:#484848;border-color:#7b7b7b;}
#side ul ul a:hover{background:#5d5c5c;border-color:#F00;}
#side ul ul.minimaze{padding:0 0 0 10px;width:27px;}

#title{margin:-10px 15px 15px 15px;padding:5px 10px;position:absolute;background:rgba(41, 41, 41, 0.80);color:#FFF;font-size:80%;border-radius:4px;z-index:3;text-align:center;}

#alert, #popup-input{margin:0;padding:0;position:absolute;z-index:300;width:100%;height:100%;top:0;left:0;box-sizing:border-box;background:rgba(255, 255, 255, 0.58);}
#alert .alert-box, #popup-input .popup-input-tarif-box{margin:0;padding:10px;background:#FFF;border:solid 1px #9e9e9e;box-shadow:#adadad 1px 1px 5px 0px;position:absolute;box-sizing:border-box;width:300px;text-align:right;border-radius:4px;top:50px;left:calc((100% - 300px) / 2);cursor:move;}
#alert .alert-content, #popup-input .popup-input-tarif-content{margin:0 0 10px 0;padding:10px;border-bottom:solid 1px #ccc;text-align:left;cursor:auto;color:#525252;line-height:18px;}
#alert .alert-content ul{margin:0;padding:0;list-style:square;}
#alert .alert-content li{margin:5px 0 0 20px;padding:0;}
#alert .alert-content b{text-transform:uppercase;}
#alert .alert-content p{margin:0;}
#alert .alert-content .same-width{width:60px;display:inline-block;}
#alert .alert-box .form-button{font-size:95%;}
#alert .alert-box .form-button:last-child{margin:0;}

#popup-input .popup-input-tarif-content i{font-size:120%;width:10px;}
#popup-input .popup-input-tarif-content.error p{margin:0;padding:0;color:#F00;}
#popup-input .popup-input-tarif-content.error p i{margin-right:15px;display:none;}
#popup-input .popup-input-tarif-content.error ul{margin:0 0 0 15px;padding:0;color:#F00;list-style:square;}
#popup-input .popup-input-tarif-content.error li{margin:3px 0 0 0;padding:0;}
#popup-input .popup-input-tarif-content input{margin:0;padding:0 10px;box-sizing:border-box;width:calc(100% - 20px);border:none;outline:none;color:#848484;}
#popup-input .form-button{margin:0;}

#loading{margin:0;padding:0;position:fixed;z-index:999;width:100%;height:100%;background:rgba(255, 255, 255, 0.8);top:0;left:0;text-align:center;}
#loading i{margin:0;padding:0;font-size:200%;position:absolute;width:30px;top:calc((100% - 30px) / 2);left:calc((100% - 30px) / 2);}
#loading img{margin:0;padding:8px;border-radius:50%;box-sizing:border-box;position:absolute;width:80px;top:calc((100% - 80px) / 2);left:calc((100% - 80px) / 2);}
#loading span{position:absolute;top:calc(50% + 15px);left:calc(50% - 27px);text-align:center;width:60px;}

#form-popup{margin:0;padding:0;background:rgba(41, 41, 41, 0.80);position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;}
#form-popup form{margin:0;padding:15px;background:#FFF;position:absolute;box-sizing:border-box;width:400px;left:calc((100% - 400px) / 2);top:50px;border:solid 1px #7b7b7b;border-radius:4px;box-shadow:#585858 1px 1px 5px 0px;cursor:move;}
#form-popup .input-wrap{margin:0 0 8px 0;padding:0;border-bottom:solid 1px #e4e4e4;color:#777;box-sizing:border-box;width:calc((100% / 2) - 10px);float:left;}
#form-popup .input-wrap i{margin:0;width:20px;text-align:center;}
#form-popup .input-wrap .input{margin:0;padding:8px;border:none;background:transparent;outline:none;box-sizing:border-box;width:calc(100% - 20px);color:#777;}
#form-popup .input-wrap span{margin:-2px 0 0 0;padding:8px 0;display:inline-block;width:20px;text-align:center;vertical-align:middle;}
#form-popup .input-wrap:nth-child(1) .input{width:calc(100% - 40px);}
#form-popup .input-wrap:nth-child(2){float:right;}
#form-popup .input-wrap:nth-child(2) span{width:calc(100% - 80px);text-align:left;overflow:hidden;}
#form-popup .input-wrap:nth-child(2) .input{width:60px;}

@media screen and (max-width:800px){
    .header-side{display:none;}
    #content, #header .header-content{width:100%;}
    #side{position:absolute;left:-100%;transition:all ease 0.5s;height:auto;}
}

@media screen and (max-width:360px){
    #content-form-login form{width:80%;left:calc((100% - 80%) / 2);}
}