@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500,600,600italic,700);
@import url(//fonts.googleapis.com/css?family=Ubuntu:400,300italic,300,400italic,500,500italic,600,600italic,700);
@import url(//fonts.googleapis.com/css?family=Varela+Round:400,300italic,300,400italic,500,500italic,600,600italic,700);
@import url("css/reset.css");
@import url("css/responsive.css");
@import url("css/dashicons.css");
@import url("css/loader.css");
@import url("css/nav.css");
@import url("css/pagination.css");
@import url("css/table.css");
@import url("css/form.css");
@import url("css/popup.css");
/*
body{
    -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;
}
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

.pageWrap{
    /*
    position: relative;
	margin-top: 40px;
    */
	width: calc(100% - 60px);
	margin-bottom: 30px;
	margin-top: 10px;
}

.pageHead{
    width: 100%;
    padding: 0 30px;
    margin: 15px 0;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
    /*
	width: calc(100% - 30px);
    padding: 0 15px 0 15px;
    */
}

.pageTitle{
    font-family: 'Roboto';
}

.pageTitle h1{
	font-weight: 400;
    padding: 8px 12px;
}

.pageContent{
	/*width: calc(100% - 30px);*/
    width: 100%;
    padding: 0 30px;
    margin: 15px 0;
}

.logUser{
	display: block;
	font-size: 14px;
	font-weight: 400;
}

.pushy-open-left .pageWrap,
.pushy-open-left .push {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-open-right .pageWrap,
.pushy-open-right .push {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pageWrap,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content ul li a,
.pushy-content ul li button{
    text-transform: capitalize;
}

li.pushy-submenu ul li{
    list-style-type: none;
}

li.pushy-submenu ul li a{
    text-transform: capitalize;
}

.details{
    padding-bottom: 25px;
}

.title{
    float: left;
    font-size: 14px;
    padding-top: 6px;
    font-weight: 400;
    color: #000;
    padding-bottom: 15px;
}

.labelname{
    clear: both;
    font-size: 11px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #666;
}

.labelvalue{
    font-size: 14px;
    clear: both;
    font-weight: 500;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #000000;
}

span.price{
    font-size: 30px;
    font-weight: 300;
}


/*** TABLE ***/
.table{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.table th{
	padding:12px 8px;
	line-height: 18px;
}
.table th{
	background:#f3f3f3;
	font-weight: 500;
}
.table thead th span{
	display: block;
	color: #95a5a6;
}
.table td{
	padding:12px 8px;
	vertical-align:middle;
}
.table tbody tr{
	/*cursor:pointer;*/
}
.table tbody tr:hover{
	background:#f4f4f4;
}
.table tfoot{
	background:#f3f3f3;
	text-align:left;
}

.table th span{
	color: #95a5a6;
}

.table tbody td span{
	display: block;
	color: #95a5a6;
}

.table tbody td a{
	font-weight: 500;
	color: #4c4c4c;
}

.table tbody td.actLink a{
	color: #4c4c4c;
	margin: 0 5px;
}

.table tbody td a:hover{
	color: #d35400;
}

.table tbody td.actLink a:hover{
	color: #d35400;
}

.table tbody td span.stat{
	color: #d35400;
}

.table tbody tr.no-records:hover{
	background: none;
}

/*
textarea{
    width: 91%;
    min-height: 60px;
}

input[type=submit]{
    margin-top: 10px;
}


.btn{
    display: inline-block;
    background-color: #ff8e14;
    color: #fff;
    border: 0;
    padding: 3px 10px;
    font-weight: 600;
    font-family: 'Roboto';
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    border-radius: 4px;
}
*/


/*
.field{
    min-width: 100%;
    float: left;
}

.field label{
    display: block;
    padding: 8px 0;
}

.field input,
.field select{
    width: 100%;
    padding: 8px 12px;
}
*/

.pro_input{
    background-color: grey; padding: 10px; margin: 10px 0; border-radius: 4px;
}

.card{
    background-color: #ecf0f1; padding: 10px; border-radius: 12px; margin-bottom: 15px;
}
.fleft{
    float: left;
}

.fright{
    float: right;
}

.visit{
    background-color: #27ae60;
}

td.desc{
    display: none;
}

li span{
    vertical-align: middle;
    padding-right: 5px;
}

.addBtn{
    padding: 0 10px;
    font-weight: 600;
    float: left;
    margin-top: 11px;
    margin-right: 5px;
    color: #e67e22;
}

a.addBtn span{
    font-size: 40px;
}

#UserName{
    text-transform: uppercase;
}

.icon-color-sale {
    background-image: url(./img/icons/sale.svg);
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: right+15px center;
}

.loginFrom{
}
@media screen and (min-width: 900px){
	.loginFrom{
        width: 25%;
        margin: 0px auto;
	}
}



.loginFrom label{
    display: block;
    padding: 8px 0;
}

.loginFrom input[type=text],
.loginFrom input[type=password],
.loginFrom input[type=tel],input[type=date],
.loginFrom input[type=submit],
.loginFrom textarea,
.loginFrom select{
    width: 100%;
    padding: 8px 12px;
}

a.hmenu{
    float: left;
    color: #fff;
    padding: 7px;
    line-height: 16px;
    vertical-align: middle;
    cursor: pointer;
}

a.logout{
    background-color: #e74c3c;
}
.green{
    background-color: #27ae60;
}

.searchbox{
    padding-bottom: 15px;
}
/* Search Box */
/*.searchbox{ text-align:right;float:right;}*/
.searchbox input#search{width: 100%;height: 33px;background: #fff;border: none;font-size: 12px;float: left;color: #333;padding: 0 0 0 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1px solid #ddd;}
.searchbox input#search::-webkit-input-placeholder {color: #65737e;}
.searchbox input#search:-moz-placeholder { /* Firefox 18- */ color: #65737e;}
.searchbox input#search::-moz-placeholder {  /* Firefox 19+ */color: #65737e;}
.searchbox input#search:-ms-input-placeholder { color: #65737e;}
.searchbox button.icon{-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border: none;background: #fff;height: 33px;width: 50px;color: #4f5b66;opacity: 1;font-size: 11px;-webkit-transition: all .55s ease;-moz-transition: all .55s ease;-ms-transition: all .55s ease;-o-transition: all .55s ease;transition: all .55s ease;margin-left: -50px;outline: none; border:1px solid #ddd;}
/*.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{ outline: none;opacity: 1;margin-left: -50px;}
*/
.searchbox:hover button.icon:hover{background: white;}
/*.searchbox button.icon i { width:20px; height:20px; display:block; float:left;}*/
.searchbox a.fa-import{padding-left:30px; }
.searchbox a.fa-export{padding:15px 15px; }
.searchbox a.fa-movearrow{padding:20px 15px; }



/* Select Box*/
.selectbox {-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 35px;padding: 7px 38px 5px 5px;background: #fff url("img/icons/select-arrow.svg") no-repeat right 16px center; background-size: 10px;transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out; border:1px solid #ddd; border-radius: 5px;color:#222;}
/*.selectbox:hover {border: 1px solid #999;}
.selectbox:focus { border: 1px solid #999; box-shadow: 0 3px 5px 0 rgba(0,0,0,.2); outline: none;}
*/.selectbox::-ms-expand {display:none;}

.card2{
    width: calc(100% - 25px);
    border-radius: 6px;
    padding: 10px; 
    margin-bottom: 15px;
    background-color: #ecf0f1;
}

a .card2{
    color: #2c3e50;
}

/*
.next{
    background-image: url("img/icons/next.svg");
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: right+15px center;
}
*/

.storeinfo{
    width: calc(100% - 40px);
}

.storeStatus{
    margin: 10px 0;
}

.storeinfo t{ font-size: 14px; text-transform: uppercase; font-weight: 500; display: block;}
.storeinfo ad{ font-size: 12px; text-transform: capitalize; font-weight: 500; display: block; margin-top:10px;}
.storeinfo ci{ font-size: 14px; text-transform: capitalize; font-weight: 500; display: block; margin-top:10px;}

.actions ul{ margin: 0; padding: 0;}
.actions ul li{ display: inline-block;}
.actions ul li a{ display: inline-block; padding: 5px; border: 1px solid #ccc; border-radius: 5px; transition: .5s ease;}
.actions ul li a:hover{ color: #fff; background-color: #d35400;}

.btn{
    width: 100%;
    display: block;
}
.btn:disabled
{
    background-color: grey;
}

.green{
background-color: green;
color: white;
}

.red{
background-color: red;
color: white;
}

.yellow{
background-color: yellow;
color: black;
}