@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('UnicaOne-Regular'), url(eunice/font/z3VYemEbD7zsQFQLG6g3Sj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{	
/*font-family:"Myriad Pro", Arial;
font-family: 'Poppins', cursive;*/
font-family: 'Poppins', Arial;
}

html, body { height:100%;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    /*vertical-align:baseline;*/
    background:transparent;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

html, body { width:100%;}
a { text-decoration:none; color:#6a51ff; font-size:12px; font-family:'Poppins', Arial, Helvetica, sans-serif;}
a:hover { text-decoration:underline;}
body{	background:#f8f8fb;  margin:0; padding:0;}


.box{
background-color: #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 5px;
  
    box-shadow: 0px 0px 32px #aaa;
}
  
	}
	
.login{  }

.box > .title { BACKGROUND: URL(../images/cool-background.png);
    background-repeat: no-repeat;
    background-size: cover;  height: 150px; border-radius: 5px 5px 0 0;}

.box > .title > h1 {     color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    margin: 0 40px;
    font-weight: bolder;

    text-align: left;
    padding-top:45px;
	
	    font-family: Poppins,sans-serif;
}

.box > .title > p{
	text-align: left;
    margin-left: 40px;
    color: #fff;
    font-size: 12px;
	    font-family: Poppins,sans-serif;
}
.box.login > .content {     padding: 15px 30px 50px;  opacity:1;}
.box.login .control{ color:#495057;
    font-weight: 500;

   margin-bottom: .5rem;

}
.box.login .controlHolder{ margin-bottom:15px;}
.box.login > .buttonHolder { padding:0 40px; margin:0;}


.controlHolder{ margin:10px 0;}
.buttonHolder{ margin-top:20px; clear:both;}
.holder{
   
   margin:0;
   padding:0;
}

select {
	
   
    padding: 3px;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #495057;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .47rem .75rem;
    font-size: .8125rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.burger_menu, .fullscreen{
	font-size:25px !important;
}

.fullscreen{
 float:right;
}

.fullscreen-enable .bx-fullscreen::before {
    content: "\ea2d";
}


.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .71094rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.header-item {
    height: 70px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: #555b6d;
    border: 0;
    border-radius: 0;
}

.right { float:right;}

input[type=text], input[type=password], textarea{ 
font-family: 'Poppins', Arial, Helvetica, sans-serif;
    background-color: #fff;
    border: 1px solid #ced4da;
    width: calc(100% - 2px - 1.5rem);
    margin: 0;
       padding: .47rem .75rem;
    color: #333;
    border-radius: .25rem;

}

input[type=text]:focus, input[type=password]:focus, textarea:focus{ outline: none; border:#6a51ff solid 1px;    }

select{ font-family:'Poppins', Arial, Helvetica, sans-serif;}
button { outline: none;}
input[type=submit], input[type=button], a.button{
	color: #fff;
    background-color: #556ee6;
    border-color: #556ee6;

	display: inline-block;
    font-weight: 400;
   
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  
    border: 1px solid #556ee6;
    padding: .47rem .75rem;
    font-size: .8125rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;

	cursor: hand;
}

input[type=submit].submit{
	width:100%;
	cursor:pointer;
}

input[type=submit].submit:hover{ }


input[type=submit]:hover, input[type=button]:hover, a.button:hover{ color: #fff;
    background-color: #3452e1;
    border-color: #2948df;
	text-decoration:none;
}


a.button{ margin-left:3px;}
.dummyText{ color:#404040; }
.footer{ text-align: center;
  padding:20px;
font-size:12px;
    position: absolute;
    right: 0;
    color: #74788d;
    left: 250px;
    background-color: #f2f2f5;
	margin-top:15px;
	width: calc(100% - 290px);
	}
	
.hidebody .footer{ 
left: 70px;
	width: calc(100% - 110px);
}

.flashing{
	position: fixed;
    top: 20px;
    width: 450px;
    left: calc(50% - 225px);
    color: #fff;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
	z-index: 3;
}
}
.flashing > h3{ margin:0; padding:0; font-size:14px;  color:#fff; }
.flashing > ul{ margin:0; padding:0; list-style:none; }
.flashing > ul > li{ margin:0; padding:0; font-size:14px; color:#fff; }
.flashing::before {
    font: normal normal normal 24px/1 "Material Design Icons";
    float: left;
    position: relative;
    top: 5px;
    margin: 0 10px 0 0;
    font-size: 31px;
}
.flashing::after {
    content: "×";
    float: right;
    position: relative;
    top: -23px;
    margin-top: -30px;
    text-shadow: 0 1px 0 #000;
    font-size: 20px;
}
.flashing:hover::after {
    color: #000!important;
}

#flash_Errors, #flash_Error{ 
	background: rgba(244,106,106,.8);
    border: 1px solid #f46a6a!important;  
}

#flash_Errors::before, #flash_Error::before {
    content: "\F00AD";
}

#flash_Errors::after, #flash_Error::after {
    color: #7f3737;
}


#flash_notices{ 
	background: rgba(80,165,241,.8);
}
#flash_notices::before {
    content: "\F05D6";
}
#flash_notices::after {
    color: #2a567d;
}


#flash_Note{  
	background: rgba(52,195,143,.8);
}

#flash_Note::before {
    content:"\F012D";
}
#flash_Note::after {
    color: #1b654a;
}


body > .wrapper{ /* margin:auto; min-width:1024px;  width:95%;*/ width: calc(100% - 300px); padding:15px 25px; float:left; margin-left: 250px; margin-top: 70px;
transition: all .4s;
}

body > .wrapper.pi{  margin-left:0; margin-top:0; width:100%; padding: 0px 25px;}





.mini-navigation{ background-color: #fff;
    height: 70px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
	z-index:2;
	}
.mini-navigation .nav_header {
	box-shadow: 4px 1px 13px #aaaaaa;
    height: 70px;
    width: calc(100% - 250px);
    float: left;
    padding:0px;
	transition: all .4s;

}

.hidebody .mini-navigation .nav_header {
    width: calc(100% - 70px);
	
}

.mini-navigation .back{ display:inline-block; width:200px; display:none;}

.brand{ width:250px; height:70px; float:left; background-color:#2a3042; transition: all .4s;}
.brand img{
	    width: 76px;
    margin: 0 auto;
    position: relative;
    left: calc(50% - 38px);
    top: 15px;


}

.hidebody .brand {
	width:70px;
}

.hidebody .brand img {

  object-fit: cover;
    width: 32px;
    height: 32px;
    object-position: 3px 0;
    /* margin: 0 auto; */
    left: calc(50% - 16px);
}

.navigation{ 
width:250px;
float:left;
background-color:#2a3042;
height: calc(100% - 52px);
position:fixed;
top:70px;
    overflow: scroll;
	    box-shadow: 8px -2px 7px -1px #aaaaaa;
transition: all .4s;
z-index:1;
}
.menu ul li a span{
    vertical-align: middle;
    -webkit-transition: all .4s;
    transition: all .4s;
	width:100%;
	overflow:hidden;
}

.menu ul li .content a span{
display: inline-block;
    width: 153px;
}

.hidebody .menu ul li a span{
	width:0;
	display:none;
}

.hidebody .navigation{
	width:70px;
}

.hidebody .menu-title{
	display:none;
}	

.hidebody #nav .has-arrow:after{
	content: "";
}

/* Let's get this party started */
.navigation::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
.navigation::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
/* Handle */
.navigation::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;


}

.navigation:hover::-webkit-scrollbar-thumb {
    background: #999; 
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


.menu ul li a i {
    display: inline-block;
    min-width: 1.75rem;
    padding-bottom: .125em;
    font-size: 1.25rem;
    line-height: 1.40625rem;
    vertical-align: middle;
    -webkit-transition: all .4s;
    transition: all .4s;
	float:left;
}

.hidebody .menu #nav li:hover a i {
    float:none;
}

.hidebody .menu ul li a i {
    font-size: 1.45rem;
    
}

.navigation::-webkit-scrollbar-thumb:window-inactive {
	/*background: #000; */
}

.navigation > .wrapper{
width:100%;
float:none;
}

.menu{ padding:10px 0 30px 0;}
.menu > ul{ margin:0; padding:0; list-style:none; cursor: pointer;	cursor: hand;}
.menu > ul >li{ margin:0; padding:0; list-style:none; /*display:inline-block;*/ }

.menu > ul > li > .content {}
.menu > ul > li.first > .content{ background:none;}
.menu > ul > li > .content > a{ color:#79829c; text-decoration:none; font-size:13px;  font-family: 'Poppins', cursive;
	display: block;
    padding: .625rem 1.5rem;
    color: #545a6d;
    position: relative;
    font-size: 13px;
    -webkit-transition: all .4s;
    transition: all .4s;


 }

.menu > ul > li > .content > a > span{
color:#a6b0cf;
	/*display: inline-block;
    width: 153px;*/
}

.profile_picture{
	    width: 32px;
    position: relative;
    /* left: -25px; */
    display: inline-block;
    /* shape-outside: margin-box; */
    /* margin-left: -25px; */
    float: left;
    top: 7px;
}

.menu > ul > li > .content > .info{ display:none;  }

.menu > ul > li:hover > .content > a{ color:#fff;   }
.menu > ul > li:hover > .content > .info{ color:#fff;   }

.menu > ul > li.active {   }
.menu > ul > li.active > .content > a{ color:#fff;   }
.menu > ul > li.active > .content > a >span{ color:#fff;   }
.menu > ul > li.active > .content > a >span{ color:#fff;   }

.menu > ul > li.highlight > .content > a { color:#fff;   }
.menu > ul > li.highlight > .content > a > span { color:#fff;   }
ul > li.highlight > a { color:#fff!important;   }

.action{padding: 0 20px 0 10px;}

.action > .content > .info { text-decoration:none; display:none;}
.action > .content.active > .info {     text-decoration: none;
    display: block;
    background: #fff;
    /* width: 100px; */
    box-shadow: 2px 2px 2px #999;
    border-radius: 5px;
    position: fixed;
    top: 71px;
    padding: 5px 0px;
    min-width: 130px;
    right: 20px;}
.action > .content > .info > a {     text-decoration: none;
    color: #212529;
    font-size: 13px;
    display: block;
    padding: .35rem 1.5rem;
}

.action > .content > .info > a.logoutbtn {   
  color:#f46a6a;
}

.dropdown-divider{	height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #eff2f7;
}

.action > .content > .info > a:hover { text-decoration:none; background-color:#e4e4e4;}
.action > .content > .title > h2 { margin: 0;
    padding: 0;
    color: #555b6d;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-top: 26px;
    margin-left: 8px;}

.menu-title {
    padding: 12px 20px!important;
    letter-spacing: .05em;
    pointer-events: none;
    cursor: default;
    font-size: 11px;
    text-transform: uppercase;
color:#6a7187;
    font-weight: 600;
}

table *{ font-family:'Poppins', Arial, Helvetica, sans-serif; }



table.data {

		
		
		/*background-color:#fff; */
		width:100%;
		margin:10px auto 0;
		

	
	}
		table.data td a { font-size:14px;}
	table.data th, table.data td { text-align:center; font-family:'Poppins', Arial, Helvetica, sans-serif;}
	table.data.newstyle th, table.data.newstyle td { }
	
	table.data th {color:#6a51ff; text-transform:capitalize; font-size: 14px;
}}
	
	table.data.newstyle th {}
	
	table.data td { color:#000; font-size:14px; font-family:'Poppins', Arial, Helvetica, sans-serif; }
	
	table.data tr.odd-row td {background:#1e1e1e;}
	
	table.data td.first, table.data th.first {text-align:left}
	
	table.data td.last {border-right:none;}
	
	table.data td {
		padding: 5px 0;
	}
	
	table.data tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
	
	
	table.data th { 
		border-top:2px solid #eff2f7; 
		color: #495057;
		background-color: #e4e4e4;
		border-color: #eff2f7;
		padding: .75rem;
	}
		

	table.data th, table.data td{
		border-top: 1px solid #d8d8d8
	  
	}

	table.data tr:nth-of-type(even) {
		background-color: #f5f5f5;
	}


	table.data td:last-child{
		border-right:0;	
	}
	


.newInput { margin:0 0 0 50px; }
.newInput > .controlHolder { clear:both;}
.newInput > .controlHolder > .control { display:inline-block; width:25%;float:left; color:#000; font-size:14px; text-align:right; padding-right:10px; font-family:'Poppins', Arial, Helvetica, sans-serif; }
.newInput > .controlHolder > .holder { display:inline-block; width:70%; color:#000; font-size:14px; font-family:'Poppins', Arial, Helvetica, sans-serif;

-moz-box-shadow:     0 0 0px #000;
   -webkit-box-shadow:  0 0 0 #000;
   box-shadow:          0 0 0px #000;

}

.newInput > .controlHolder > .holder > input[type=text] {    font-family:'Poppins', Arial, Helvetica, sans-serif; }
.newInput > .controlHolder > .holder > textarea {    font-family:'Poppins', Arial, Helvetica, sans-serif; }

.newInput.mail { margin:0; padding:0 50px;}
.newInput.mail > .controlHolder > .control { width:5%; text-align:left; }
.newInput.mail > .controlHolder > .holder { width:93%;  }

input[type=text].shortOrder{ width:100px; margin-right:20px;}
input[type=text].url{ width:227px;margin:0px 5px 11px 0px; }
input[type=text].url.edit{ width:227px;margin:6px 5px 5px 0px; }
input[type=file]{ width:242px; margin-bottom:5px; }
input[type=text].datepicker { width:150px; margin:0px 5px;}


form.searchForm{ display:inline-block; font-size:12px;  }
input[type=text].search{ 
width:210px; height:34px; border:0; 
	background:transparent url(eunice/table_bg.png) repeat;
	border:2px solid #d6d8d8;
	
	display:inline-block;
  margin:0;
   padding:0 20px 0 10px;
   font-family:'Poppins', Arial, Helvetica, sans-serif;
}

input[type=text].search.dummyText{
	color:#404040;
}
	
input[type=text].search:focus{	border:1px solid #6a51ff;}
	

input[type=submit]:focus{	border: 1px solid #6a51ff;
    outline: none;
    box-shadow: 0 0px 5px #aaa;}

input[type=submit].searchBtn{ width:50px; height:39px; background:transparent url(eunice/searchBtn.png) left top no-repeat; 
	-moz-box-shadow:    0 0px 0px #f3ead0;
   -webkit-box-shadow: 0 0px 0px #f3ead0;
   box-shadow:         0 0px 0px #f3ead0;
   
      margin:0;
   padding:0; position:relative; top:-1px; left:-5px;
   margin-right:-2px; border:0;
   float:right;
   }
input[type=submit].searchBtn:hover{ background-position:left -39px;  }



label{ color:#6a51ff; font-size:12px;}

label.checkbox span.holder{height:84px;background:url(../images/checkbox.png) 0 -1px no-repeat}

label.radio span.holder{height:57px;background:url(../images/radio.png) 0 -1px no-repeat}

label.checkbox:hover span.holder{top:-28px !important}
label.radio:hover span.holder{top:-19px !important}

label.checked.radio span.holder, label.checked.radio:hover span.holder{top:-38px !important}
label.checked.checkbox span.holder, label.checked.checkbox:hover span.holder{top:-56px !important}

label.list{float:left;clear:left;margin:0 0 5px 0}

label.inline{float:left;margin:0 10px 0 0}

input.hiddenCheckbox{position:absolute;left:-10000px}

label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:5px;overflow:hidden}
label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0}

label.prettyCheckbox{ display:inline-block;}

.label{ padding-top:7px; display:inline-block; margin-right:30px;}
img{ margin:10px 0;}

.tab{ margin-top:20px; }
.tab > .content{
	background:transparent url(eunice/table_bg.png) repeat;
	border-radius:0 5px 5px 5px;
	padding:20px; 
	
}
.tab > ul{ list-style:none; border-bottom: 1px solid #ced4da;}
.tab > ul > li{ display:inline-block; }


.tab > ul > li > a{ font-size:12px;   color:#000; /*background:#1e1e1e; */

	-moz-border-radius:5px 5px 0 0; /* FF1+ */
	-webkit-border-radius:5px 5px 0 0; /* Saf3-4 */
	border-radius:5px 5px 0 0;
	
	display:inline-block;		
	margin-right:0px;
	padding:15px 30px;
	text-align:center;
	font-size:12px;
	
	/*background:transparent url(eunice/table_bg.png) repeat;
	border-left:#d6d8d8 solid 1px;
	border-right:#d6d8d8 solid 1px;
	border-top:#d6d8d8 solid 1px;
   	font-weight:bold;*/
   }
   
.tab > ul > li > a.active{color: #6a51ff;


   border-left:#ced4da solid 1px;
   border-right:#ced4da solid 1px;
   border-top:#ced4da solid 1px;
	    background: #fff;

    position: relative;
    top: 1px;
	font-weight:bold;
}


.tab > ul > li> a:hover{
	
   text-decoration:none;	
   box-shadow: 0px -1px 3px #ccc;
}


.ui-datepicker-month, .ui-datepicker-calendar th span, .ui-datepicker-year { color:#1e1e1e;}

.newmail{ display:inline-block; position:relative; background: url(../images/notification.png) top left no-repeat; margin:-35px -35px 0 0; 
width: 20px; height: 25px; padding-top: 10px; padding-left: 15px; font-size: 10px; font-weight: bold; top: -50px;
left: 312px;}

.page{ margin:20px auto 0; display:block; text-align:center;}
.page span.first{ display: inline-block;text-align: left;height: 32px; }
.page span.last{ display: inline-block;text-align: left;height: 32px; }
.page a{     color: #74788d;
    border-radius: 30px!important;
    border: none;
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    line-height: 32px;
    display: inline-block;}

.page a:hover{     
    color: #1f3dd0;
    text-decoration: none;
    background-color: #eff2f7;
}

.page a.active{     
    text-decoration: none;
    color: #fff;
    background-color: #556ee6;
    border-color: #556ee6;
}

.page > ul{ list-style:none; display:inline-block;}
.page > ul > li.first{ background:none;}

.page span.first a, .page span.last a { color:transparent; overflow:hidden; margin-bottom: -12px;}
.page span.first a:before{ background:none; content:"\F0600"; font-family: 'Material Design Icons'; color:#74788d; font-size: 14px; position: relative; left: 9px;}
.page span.last a:before{ background:none; content:"\F0601"; font-family: 'Material Design Icons'; color:#74788d; font-size: 14px; position: relative; left: 9px;}
.page span.first:hover a:before, .page span.last:hover a:before { color: #1f3dd0; }


.page > ul > li{ display: inline-block;

    margin: 0;
    padding: 0;   }


#nav .has-arrow:after {
    content: "\F0140";
    font-family: 'Material Design Icons';
    display: block;
    float: right;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    font-size: 1rem;
}


.action .title h2:after {
    content: "\F0140";
    font-family: 'Material Design Icons';
    display: block;
    float: right;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    font-size: 0.8rem;
}

.action .content{
	cursor:pointer;
}

#nav .active .has-arrow:after, .action .content.active .title h2:after  {
   transform: rotate(-180deg);
}

#nav li {
	
	/*float: left;
	position: relative;*/
	list-style: none;
	text-align:left;
}

.hidebody #nav li:hover {
	 background: #2e3548;
}

.hidebody #nav li:hover a span {
	display: block;
    width: 180px;
    background: #2e3548;
    position: fixed;
    left: 65px;
    margin-top: -35px;
    padding: 15px 15px 10px;
    z-index: 9999;
}

.hidebody #nav li:hover > .content > ul {
	display: block;
    width: 180px;
    background: #2a3042;
    position: fixed;
    left: 65px;
    margin-top: 0;
    padding: 15px;
    z-index: 9999;
	transform: scaleY(1);
    height: auto;
}

.hidebody #nav li.active:hover > .content > ul {
	display: block;
    width: 180px;
    background: #2a3042;
    position: fixed;
    left: 65px;
    margin-top: 0;
    padding: 15px;
    z-index: 9999;
	transform: scaleY(1);
    height: auto;
}

.hidebody #nav li:hover > .content > ul  a{
    padding: .4rem 1.5rem .4rem 1rem;
}
.hidebody #nav li:hover > .content > ul li:hover{
	background:transparent;
}
#nav .content ul {
	overflow-y:hidden;
	 transform: scaleY(0);    
	  transform-origin: top;
	  transition: transform 0.26s ease;
	  height:0;
	
	/*transition: all 0.25s ease-in-out;*/
}

/* main level link */
#nav .content ul li a {
	
	color: #79829c;
	text-decoration: none;
	display: block;
	margin: 0;

    padding: .4rem 1.5rem .4rem 3.5rem;
    font-size: 13px;
}



#nav .content ul li a:hover {
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #666 url(../images/gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav .content ul a:hover {
	color: #fff !important;
}


#nav li.active > .content > ul {
	transform: scaleY(1);
	height:auto;
}

.hidebody #nav li.active > .content > ul {
	transform: scaleY(0);
	height:0;
}

/* level 2 list */
#nav .content ul {
	
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav .content ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav .content ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}

hr{
	border:0;
	border-bottom: solid 1px #e2e2e2;
	}


.cashier input[type=text], .cashier input[type=password], .cashier textarea{
	width:300px;

}

.productBox{
	background-color:#fff;
	border:#000 solid 2px;
	position:absolute;
	border-radius:5px;

	margin:0 12px;
	padding:22px;
	z-index:998;
	
	min-width:940px;  width:90%;	
	    box-shadow: 0px 0px 6px 1px #ccc;
}


}


.productDigitalBox{
	background-color:#fff;
	border:#000 solid 2px;
	position:absolute;
	border-radius:5px;

	margin:0 12px;
	padding:22px;
	z-index:998;
	
	 width: 800px;
    left: 50%;
    margin-left: -400px;	
}

.productDigitalBox .productDigitaClose span{ display:none; }
.productDigitalBox .productDigitaClose {
	width:40px; 
	height:40px;
	background:transparent url("eunice/close.png") left -40px no-repeat;
	display:inline-block; zoom:1; *display:inline;
	position:relative;
	float:right;
	top:-41px;
	right:-43px;

 }
 
 .productDigitalBox .productDigitaClose:hover{
	 background-position:0 0;
	 
 }



.productBox .close span{ display:none; }
.productBox .close {
	width:40px; 
	height:40px;
	background:transparent url("eunice/close.png") left -40px no-repeat;
	display:inline-block; zoom:1; *display:inline;
	position:relative;
	float:right;
	top:-41px;
	right:-43px;

 }
 
 .productBox .close:hover{
	 background-position:0 0;
	 
 }

.productBg, .productDigitalBg{
	background:#000;
	opacity:0.5;
	width:100%;
	height:100%;
	position:fixed;
	z-index:997;
	top:0;
	left:0;
	
}

.product_detail .product{
	/*width:525px;*/
	/*width:380px;*/
	display:inline-block;
	zoom:1;
	*display:inline;	
}

.product.left.newInput { margin-left:10px; width:calc(45% - 13px); float: none!important;}
.product.right.newInput { margin-left:10px; width:calc(55% - 13px); float: none!important; }

.product_detail .product.right{
	float:none;
	width:calc(55% - 13px);
}

.product_detail .newInput > .controlHolder.cashier > .holder{
	width: calc(70% - 10px);
}

.product_detail .newInput > .controlHolder.cashier > .control{
	width:30%;	
}

.product_detail .newInput > .controlHolder.cashier > .holder > input[type='text']{
	width:75px;
}


.discountBox, .qtyBox, .kasBox, .aksessDisc, .voucherBox, .floatingBox{
	background-color: #fff;
    position: fixed;
    border-radius: 5px;
    width: 500px;
    padding: 22px;
    z-index: 998;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    top: 40px;
    left: calc(50% - 272px);
    box-shadow: 0px 0px 7px #666;	
}

.discountBox .discountclose span, .qtyBox .qtyclose span, .kasBox .kasClose span, .aksessDisc .aksessClose span, .voucherBox .voucherBoxClose span, .floatingBox .floatingClose span{ display:none; }
.discountBox .discountclose, .qtyBox .qtyclose,.kasBox .kasClose, .aksessDisc .aksessClose, .voucherBox .voucherBoxClose, .floatingBox .floatingClose{
	width:40px; 
	height:40px;
	background:transparent url("eunice/close.png") left -40px no-repeat;
	display:inline-block; zoom:1; *display:inline;
	position:relative;
	float:right;
	top:-41px;
	right:-43px;
	margin-left:-40px

 }

 .discountBox .discountclose:hover,  .qtyBox .qtyclose:hover, .kasBox .kasClose:hover, .aksessDisc .aksessClose:hover, .voucherBox .voucherBoxClose:hover, .floatingBox .floatingClose:hover{
	 background-position:0 0;	 
 }
 
.ctrlhldr{
	width:100%;
	margin: 10px 0;
}

.ctrl{
	width:85px;
	display:inline-block;
}

.hldr{
	width:calc(100% - 100px);
	display:inline-block;
	
}

 
.controlHolder.total{
	width:400px;
	
	
}

.penjualan .controlHolder.total{
	width:560px;
	
	
}


.controlHolder.total > .control { display:inline-block; width:45%;float:left; color:#000; font-size:26px; text-align:right; padding-right:10px; }
.controlHolder.total > .holder { display:inline-block; width:50%; color:#000; font-size:26px; border:0;  

	-moz-box-shadow:    inset 0 0 0px #f3ead0;
   -webkit-box-shadow: inset 0 0 0px #f3ead0;
   box-shadow:         inset 0 0 0px #f3ead0;
   text-align:right;

}

.td_total{ text-align:right; margin-right:20px;}
.bayarText{ text-align:right}
.clear{ clear:both;}
.plus{ background:url(../images/plus.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; position:relative; top:3px;}
.plus:hover{background-position:0 -16px;}
.plus span{ display:none;}

.minus{ background:url(../images/delete.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; position:relative; top:3px;}
.minus:hover{ background-position:0 -16px;}
.minus span{ display:none;}

.newInput > .controlHolder >.holder.number { font-size:14px; font-weight:bold;}

label.error{ color:#F00; background:url(../images/warning.png) top left no-repeat; padding-left:25px; margin-left:2px; font-size:14px; display:inline-block; height:22px; font-weight:bold;}

.retur .old{ text-decoration:line-through; color:#F00 }
.data .td_currency{text-align:right; padding-right:20px;}
.data .td_rp{ border-right:0; width:10px; padding-left:20px; }
.data .td_border{border-bottom:#000 solid 2px;}
.data .td_em{ font-size:20px; font-weight:bold;}
.data .td_keterangan{ text-align:left;}
.data .td_number{ width:150px;}
.data .td_operation{ width:10px;}
.data .td_break{ padding:0; height:2px}
.data .td_noborder{  border-right:0;}

.judul{ text-align:center; padding:20px 0;}
.judul h2{ font-size:32px; color:#6a51ff;}
.judul h4{ font-size:22px; font-weight:normal; }

.data.neraca .td_keterangan.left{ width:20%; float:none; }
.data.neraca .td_keterangan.right{ width:35%; float:none; }
.data.neraca .td_rp{ width:2.5%; }
.data.neraca .td_operation{ width:2.5%;}
.data.neraca .td_number{ width:10%;}

.data.neraca tr.sum { height:10px;}
.data.neraca tr.sum td{ padding:0; }
.data.neraca tr.sum .line{display:block; border-bottom:#000 solid 2px; height:20px; position:relative; top:-20px;  }
.data.neraca tr.total td{ border-top:0; padding-top:0;}

.data.neraca input[type=text],.data.labarugi input[type=text]{ text-align:right;}


.productDigitalBox > .newInput {
	margin:0;	
}

.newInput.productDigitalContent .controlHolder .control{
	font-size: 25px;
	text-transform:capitalize;
}

.newInput.productDigitalContent .controlHolder .holder{
	font-size: 25px;
}

.newInput.format_form .controlHolder .control{
	font-size: 25px;
	text-transform:capitalize;
}

.newInput.format_form .controlHolder .holder input{
	font-size: 65px;
}


.imgthumb { 
		/*border:1px solid #000;*/
		height: 32px; 
		margin:0; 
		position: relative; 
		top: 3px; 
		border: 0;
    	float: none;		
	}
	.thumb span { 
		position:absolute;
		visibility:hidden;
		height:100%;
		width: 768px;
		vertical-align: middle;
		height:100%;
	}
	.thumb:hover, .thumb:hover span { 
		visibility:visible;
		top:0px;
		left:calc(50% - 384px); 
		z-index:1;
	}
	
	.thumb span img {
		
		box-shadow: 0px 0px 8px #888888;
		
		
		max-width: 100%; 
		width: 100%;
		height: auto;
		position: absolute;  
		top: 0;  
		bottom: 0;  
		left: 0;  
		right: 0;  
		margin: auto;
	}

th.asc{
	background-image: url(../images/asc.svg);
	background-repeat: no-repeat;
    background-position-x: -10px;
    padding-left: 20px !important;
background-size: 34px;
    background-position-y: center;
}

th.desc{
	background-image: url(../images/desc.svg);
	background-repeat: no-repeat;
    background-position-x: -10px;
    padding-left: 20px !important;
background-size: 34px;
    background-position-y: center;
}

th {
	cursor:pointer;
}

table.data .batal td{
	text-decoration: line-through;
    color: #F00;
}

.pembelian .classontop {
    top: -480px !important;
	height:400px;
}

.pembelian.purchase_order .classontop, .pembelian.report_product .classontop {
    top: -480px !important;
	height:auto;
}


.pembelian .toppenjualan {
    position: relative;
    top: 408px !important
}

.pembelian .productdetail {
    position: relative;
    top: 424px !important;
}

.pembelian .productdetail_hr {
    position: relative;
    top: 423px!important
}

.pembelian .classontop_hr{
	top:-63px !important;
}

.newInput {
    margin: 0 !important;
	clear:both;
}

.penjualan .classontop {
	top: -228px;
}

.penjualan .toppenjualan{
	top: 212px;
}


.penjualan .productdetail_hr{
	top:212px;
}

.penjualan .classontop_hr{
	top:0px;
}

.penjualan .productdetail {
    position: relative;
    top: 201px;
}

.sales_order .classontop {
	top:-260px;
}
.sales_order .toppenjualan{
	top: 176px;
}
.sales_order .classontop_hr{
	top: -72px;
}
.sales_order .productdetail_hr {
    position: relative;
    top: 189px;
}
.sales_order .productdetail {
    position: relative;
    top: 183px;
}


.productBox {
background-color: #fff;
    border: 0;
    position: fixed;
    border-radius: 5px;
    padding: 22px;
    z-index: 998;
    min-width: 90%;
    width: 90%;
    top: 30px;
    left: calc(5% - 20px);
    margin: 0;
}

.wrapp_box{
	background: #fff;
    padding: 1.25rem;
    border-radius: .25rem;
}

.breadcrumbs{
    font-size: 18px;
    text-transform: uppercase;
    color: #495057;
    margin: 0;
}

body.login > .wrapper {
	width: 475px;
    padding: 0;
    float: none;
    margin:0;
}

.login .wrapp_box{
    background: none;
    position: fixed;
    top: calc(35% - 253.5px);
    width: 435px;
    left: calc(50% - 217.5px);
}


.login .footer{
    position: fixed;
    width: 100%;
    bottom: 20px;
    background: transparent;
    left: 0;
}



@-webkit-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-webkit-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@-o-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
/* Main styles */
body.login {
 
  color: #495057;
    font-family: Poppins,sans-serif;
    font-size: .8125rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0;
  -webkit-animation: bg-scrolling-reverse 5s infinite;
  -moz-animation: bg-scrolling-reverse 5s infinite;
  -o-animation: bg-scrolling-reverse 5s infinite;
  animation: bg-scrolling-reverse 5s infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.app_log{
background-color: #eff2f7;
    width: 72px;
    height: 72px;
    border-radius: 50px;
    position: relative;
    top: -36px;
    left: 13px;
    margin-bottom: -36px;
}

.app_log img{
        width: 25px;
    margin: 22px 0 0 23px;
}

body.login .breadcrumbs{
	display:none;
}

.penerimaan .classontop_hr{
	top: -179px !important;
	
}

.penerimaan .toppenjualan {
    top: 177px !important;
}

.penerimaan .productdetail_hr {
    top: 188px!important;
}

.penerimaan .productdetail {
    top: 187px !important;
}

.penerimaan .classontop {
    top: -365px !important;
	height: 171px !important;
}

.action_icon{
	font-size: 20px;
	transition: all .2s;
}

.action_icon:hover{
	font-size: 30px;
}

.sales_order .action_icon{
	font-size: 40px;
	transition: all .2s;
}

.sales_order .action_icon:hover{
	font-size: 45px;
}

.sales_order .tbaction a{
    width: 40px;
    height: 40px;
    display: inline-block;
}
.sales_order .newInput > .controlHolder > .control {
	font-size: 18px;
}

.sales_order .newInput > .controlHolder > .holder {
	font-size: 18px;
}

.sales_order table.data td {   
    font-size: 18px;
}
table.data td.tbharga, table.data td.tbtotal, table.data th.tbharga, table.data th.tbtotal, table.data th.tbtotal{
	text-align:right;
}

table.data td.tbproduct, table.data th.tbproduct{
	text-align:left;
}

.btn_danger{
	color: #fff!important;
    background-color: #f46a6a!important;
    border-color: #f46a6a!important;
}

.btn_warning{
    color: #fff!important;
    background-color: #f1b44c!important;
    border-color: #f1b44c!important;
}

.btn_info{
	color: #fff!important;
    background-color: #50a5f1!important;
    border-color: #50a5f1!important;
}


.btn_success {
    color: #fff!important;
    background-color: #2ca579!important;
    border-color: #299b71!important;
}


.danger{
    color: #f46a6a;
}

.warning{
color: #f1b44c;
}

.info{
	color: #50a5f1;
}


.success {
color: #2ca579;
}

.badge{
	padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
	color: #50a5f1;
    background-color: rgba(80,165,241,.18);
}
	
.badge.approve{
	color: #34c38f;
    background-color: rgba(52,195,143,.18);
}

.badge.pending, .badge.packing{
	color: #f1b44c;
    background-color: rgba(241,180,76,.18);
}

.badge.deleted, .badge.return{
	color: #f46a6a;
    background-color: rgba(244,106,106,.18);
}

.box_bottom{
	text-align:right;
	margin-top:20px;
}



@media only screen and (max-width: 1024px) {
    .hidesmall {
         display: none;   
    }
}

.purchase_order .toppenjualan, .report_product .toppenjualan {
    position: relative;
    top: -11px !important;
}

table tbody tr.green{
	border-color: #95e0c5;
	background-color: #c6eee0;
}

table.data tr.green:nth-of-type(even) {
    border-color: #95e0c5;
	background-color: #c6eee0;

}

table tbody tr.red{
	background-color: #f9b2b2!important;
}

.burger_menu {
float:left;
}
.btnheadicons{
	font-size:25px !important;
float:right;
}

a.btnheadicons{
	    height: auto;
    padding-top: 19px;
    padding-bottom: 14px;
}
body.penjualan  .nav_header .grandtotal{
display: inline-block;
    font-size: 45px;
    font-weight: bold;
    color: red;
}

body.penjualan .nav_header .info_toal{
    display: inline-block;
    font-size: 45px;
}

.penjualan.pos .classontop {
    top: -212px;
	left: calc(50% + 70px);
	width:calc(50% - 70px);
    height: 155px;
}

.penjualan.pos .toppenjualan {
top:190px;
height: auto;
width:calc(50% - 70px);
}

.penjualan.pos .productdetail {
height: auto;
top: 182px;
left: calc(50% + 70px);
width:calc(50% - 70px);
}

.penjualan.pos > .wrapper { background-color:#fff;}
.penjualan.pos .wrapp_box {
	margin:0;
padding:0;
}

.penjualan.pos table.data.scroll {
    top: 78px!important;
}


.penjualan.pos .productdetail_hr {
   top: 191px;
    position: relative;

}

.penjualan.pos .classontop_hr {
    top: -14px;
    position: relative;

}

.penjualan.pos .newInput > .controlHolder {
    clear: both;
    width: 49%;
    display: inline-block;
}

.penjualan.pos  .controlHolder {
 margin: 1px 0;
}

.penjualan.pos .newInput > .controlHolder.full {
    clear: both;
    width: 100%;
    display: block;
}

.penjualan.pos .footer{
    display: block;
    position: absolute;
    bottom: 0;
    /* width: 50%; */
    /* height: 0px; */
    padding: 5px 0;
    /* left: 70px; */
    width: 62%;
    z-index: 0;
    opacity: 0.5;
    background: 0;
    text-align: right;
}

.penjualan.pos .product_detail .newInput > .controlHolder.cashier > .control {
    width: 80px;
}

.penjualan.pos .product_detail .newInput > .controlHolder.cashier > .holder {
    width: calc(100% - 90px);
}

.penjualan.pos {
background-color:#fff;
}

.penjualan.pos .merekfilter{
display:none!important;
}
	
.product_images {
    position: relative;
    width: 180px;
    height: 180px;
    margin-bottom: -180px;
    top: -210px;
    right: 0px;
    float: right;
}



.penjualan.pos .product_images{
position: relative;
    width: 180px;
    height: 180px;
    margin-bottom: -180px;
    top: 448px;
    right: 359px;
    float: right;
	}

	.product_images img{
		width:100%;
	}
	
	.activatedkasir{
	color:#556ee6;
	}
	
	
	
	.hilightnama{
		color:red!important;
		font-weight:bold!important;
	}
	
	
	.satuan{
		color: red;
    font-weight: bold;
	}
	
	
	.perubahan_harga .hpp{
		color: red;
    font-weight: bold;
	
	}
	
	.hmfailedasklist{
		margin-left: 29px;
		margin-bottom: 13px;
	}
	
	.pi .footer{
	text-align: center;
    padding: 3px 0px;
    font-size: 12px;
    position: absolute;
    /* right: 0; */
    color: #74788d;
    left:0px;
    background-color: #f2f2f5;
    margin-top: 15px;
   width: calc(100% + 50px);
      bottom: -28px;
	}
	
	.pi .productBox {
	left:calc(5% - 20px);;
	}
	
	body.hidebody > .wrapper{  width: calc(100% - 120px); margin-left: 70px; }