/** Generated by FG **/
@font-face {
	font-family: 'Conv_ManilaSansReg';
	src: url('../fonts/ManilaSansReg.eot');
	src: local('☺'), url('../fonts/ManilaSansReg.woff') format('woff'), url('../fonts/ManilaSansReg.ttf') format('truetype'), url('../fonts/ManilaSansReg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body,
html {
    margin: 0;
    padding: 0;
    border: 0
}
* {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    line-height: 1.5;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
    background: #fff
}
ul {
    list-style: none;
    margin: 0;
    padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0
}

body,
html {
    width:100%;
    height:100%;
    overflow:auto;
    font-family:Conv_ManilaSansReg;
	background:#ffffff;
}
input, button, select, textarea{font-family:Conv_ManilaSansReg;}
.clearfix:after {
    content:"";
    display:table;
    clear:both
}
.hidden {
    display:none!important
}
a,
button,
input,
label {
    -ms-touch-action:manipulation;
    -webkit-tap-highlight-color:transparent
}
#main {
    position:relative;
    z-index:999
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.metrial-add {
    position:fixed;
    right:6%;
    top:1%;
    background-color:#E3714D;
    z-index:999;
    display:inline-block;
    color:#fff;
    border-radius:50%;
    height:60px;
    width:60px;
    text-align:center;
    font-size:45px;
    line-height:70px;
    cursor:pointer
}
.metrial-add .tip {
    position:absolute;
    background-color:rgba(0,
    0,
    0,
    .65);
    font-size:18px;
    line-height:1.2;
    width:105px;
    text-align:left;
    right:75px;
    padding:7px 11px;
    text-transform:capitalize;
    top:12px;
    display:none
}
.metrial-add .tip:after {
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:10.5px 0 10.5px 13.1px;
    border-color:transparent transparent transparent rgba(0,
    0,
    0,
    .65);
    position:absolute;
    top:7px;
    right:-13px
}
.metrial-add:hover .tip {
    display:block
}

.hamburger {
    position:fixed;
    top:18px;
    left:29px;
    z-index:11;
    cursor:pointer;
    width:42px;
    height:42px;
    margin-bottom:60px;
    border-radius:50%;
    background:url("../images/menu-burger.png") center center no-repeat rgba(255,
    255,
    255,
    .8)
}
.logo {
    position:relative;
    display:block;
    height:32px;
    margin-bottom:45px;
    cursor:pointer
}
.logo .short {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url("../images/f-wallet.png") 33px center no-repeat;
    opacity:1;
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    -ms-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.logo .full {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    text-align:center;
    font-size:24px;
    font-weight:700;
    color:#373c41;
}
.logo .full span {
    font-size:16px;
    font-weight:400;
    padding-left:8px
}
.menubar {
    position:fixed;
    top:0;
    left:0;
    width:70px;
    height:100%;
    z-index:10;
    padding:30px 0;
    border-right: 3px solid #E3714D;
    -webkit-transition:transform .3s ease;
    -moz-transition:transform .3s ease;
    -o-transition:transform .3s ease;
    -ms-transition:transform .3s ease;
    transition:transform .3s ease
}
.menubar li {
    position:relative;
    margin-bottom:20px;
    height:26px;
    cursor:pointer;
    background:url(/content/images/menu-profile.png) center center no-repeat
}
.menubar li .tip {
    position:absolute;
    left:85%;
    top:3px;
    font-size:12px;
    padding:5px 16px;
    text-transform:uppercase;
    background:#4d4d4d;
    border-radius:2px;
    color:#fff;
    white-space:nowrap;
    z-index:20;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    -ms-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.menubar li .tip:after {
    content:'';
    position:absolute;
    left:-5px;
    top:6px;
    border-top:5px solid transparent;
    border-right:5px solid #4d4d4d;
    border-bottom:5px solid transparent
}
.menubar li:hover .tip {
    opacity:1;
    visibility:visible
}
.menubar li.active:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:#e3714d
}
.menubar li.profile {
    background-image:url("../images/menu-profile.png")
}
.menubar li.profile.active {
    background-image:url("../images/menu-profile-active.png")
}
.menubar li.cash {
    background-image:url("../images/menu-cash.png")
}

.menubar li.whatsapp {
    background-image:url("../images/whatsapp.png")
}

.menubar li.cash.active {
    background-image:url("../images/menu-cash-active.png")
}

.menubar div.logout {
    background-image:url("../img/ui-icons_333333_256x240.png")
}


.show-menu #menuOverlay {
    visibility:visible;
    opacity:1
}
.mobile-header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:50px;
    line-height:50px;
    font-size:24px;
    font-weight:700;
    text-align:center;
    background:#fff;
    color:#373c41;
    box-shadow:0 0 4px -1px rgba(0,
    0,
    0,
    .3);
    z-index:11;
    display:none
}
.mobile-header img {
    margin-top:0px
}
.mobile-header span {
    font-size:16px;
    font-weight:400;
    padding-left:6px
}
.show-menu .menubar li {
    background-position:20px center
}
.show-menu .menubar li .tip {
    display:inline-block;
    position:relative;
    left:5px;
    top:3px;
    background-color:transparent;
    color:#373C41;
    font-size:13px;
    -webkit-transition:opacity .3s ease .3s;
    -moz-transition:opacity .3s ease .3s;
    -o-transition:opacity .3s ease .3s;
    -ms-transition:opacity .3s ease .3s;
    transition:opacity .3s ease .3s;
    visibility:visible;
    opacity:1;
    font-weight: bold;
}
.show-menu .menubar li .tip:after {
    display:none
}
.show-menu .menubar li:hover .tip {
    display:inline-block
}
.show-menu .menubar .logo .short {
    opacity:0;
    -webkit-transition-delay:.3s;
    -ms-transition-delay:.3s;
    -moz-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.show-menu .menubar .logo .full {
    opacity:1;
    -webkit-transition:opacity .3s ease .3s;
    -moz-transition:opacity .3s ease .3s;
    -o-transition:opacity .3s ease .3s;
    -ms-transition:opacity .3s ease .3s;
    transition:opacity .3s ease .3s
}
.show-menu .menubar {
    width:160px;
}
.show-menu .menubar,
.show-menu .menubar-bg {
    -webkit-transform:translate3d(0,
    0,
    0);
    -ms-transform:translate3d(0,
    0,
    0);
    -moz-transform:translate3d(0,
    0,
    0);
    -o-transform:translate3d(0,
    0,
    0);
    transform:translate3d(0,
    0,
    0)
}

/*Corrections*/
.right_panel {margin-top: 30px;min-height: 550px;}
.login-head .btn.btn-primary {background: #08b2a9 none repeat scroll 0 0;border-radius: 0;}
.btn.reset_btn {margin-bottom: 9px;}
.btn.export_btn {margin-bottom: 9px;}
.page-header {text-align: center;}
footer{text-align: center;}
.ui-widget-content {font-family: 'Conv_ManilaSansReg';}
.ui-datepicker {font-size: 13px}
input#datepicker {width: 20%;}
.order-align{width: 48%;}
.metrial-add a {color: #ffffff;text-decoration: none;}
.adjust{margin-left:160px;}
.cash > .active {border-left: 5px solid #ff0000;padding: 15px 20px;}
.cash > .active > .tip{color: red !important;}
.cash > a {padding: 15px 25px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{border-radius: 0px;}
.btn{border-radius: 0px;}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {border-radius: 0;}
.btn-group > .btn:first-child {border-radius: 0;}
.btn_save, .btn_cancel{margin-right: 10px;}
.form-actions.act_btns{margin-top: 20px;}
.dash_total h5 {text-align: center;color: #ffffff;line-height: 30px;min-height: 30px;border-bottom: 1px solid #ffffff;}
.dash_total p {color: #ffffff;font-size: 30px;line-height: 60px;min-height: 60px;text-align: center;}
.dash_red {
  background: #ff0000 none repeat scroll 0 0;
}
.dash_orange {
  background: #ffa500 none repeat scroll 0 0;
}
.dash_blue {
  background: #0000ff none repeat scroll 0 0;
}
.dash_yellow {
  background: #ee82ee none repeat scroll 0 0;
}
.dash_green {
  background: #008000 none repeat scroll 0 0;
}

.logout > a{position: absolute;bottom: 100px;left: 0;padding: 20px 0;width: 160px;text-align: center;}
.logout > p{position: absolute;bottom: 55px;left: 0;padding: 0;width: 160px;text-align: center;}
.alert{margin-left:100px;margin-top: 5px;}
.table-responsive {overflow: auto;}

.mobile-header .resp_menu div {width: 20px;height: 2px;background-color: #333333; margin: 4px 0;cursor: pointer;}
.resp_menu {position: absolute;left: 15px;top: 15px;}
.right_panel h2 {border-bottom: 1px solid #dddddd;margin-bottom: 10px;padding-bottom: 5px;}
.right_panel h1 {border-bottom: 1px solid #dddddd;margin-bottom: 10px;padding-bottom: 5px;font-size: 28px;}
.right_panel.adjust .tableStyle tr th, .right_panel.adjust .tableStyle tr td{text-align: center;}
.table thead th, .table tfoot td {background-color: #f1f1f1;font-weight: bold;}
.dash_total .table thead th, .dash_total .table tfoot td, .dash_total .table tbody td {background: none; border:none;color: #ffffff;text-align: center;}
.dash_total .table {margin-bottom: 10px;}
.dash_total .table tbody td {font-size: 20px;}
.pagination {height: 30px;float: right;margin: 0 0 20px 0;}

/*Responsvie*/
@media (max-width: 767px){
	.mobile-header {display: block;}
	.right_panel.adjust {margin: 0px;padding: 10px;padding-top: 45px;}
	.menubar {display: none;}
	.menubar.show_hide {display: block;padding-top: 60px;background: rgba(255,255,255,0.85);transition: 0.5s;}
	.menubar.show_hide .logo {display: none;}
	.page-header h1 {font-size: 24px;}
	.page-header h1 {font-size: 24px;}
	.metrial-add {width: 40px;height: 40px;line-height: 48px;font-size: 36px;}
	.graph_rpt h2 {font-size: 22px;}
    #wrapper {padding: 10px;}
    input.login_submit {width: 100%;}
    .right_panel h2 {font-size: 24px;}
    .right_panel h1 {font-size: 24px;}
    .right_panel .ordr_dated {display: inline-block;width: 49%;max-width: 90px;clear: both;}
    .right_panel .dlvry_dated {display: inline-block;width: 49%;max-width: 90px;float: right;}
    .right_panel .order_cust_name {display: inline-block;width: 100%;float: left;clear: both;}
    .right_panel .order_cust_mob {display: inline-block;width: 35%;float: left;clear: both;}
    .right_panel .age_list {display: inline-block;width: 25%;float: left;}
    .right_panel .gender_list {display: inline-block;float: right;}
    .right_panel .lens_type {display: inline-block;width: 78%;float: left;clear: both;margin-bottom: 10px;}
    .right_panel .lens_price {display: inline-block;width: 20%;float: right;}
    .right_panel .lens_price input {text-align: right;}
    .right_panel .frame_type {display: inline-block;width: 73%;float: left;clear: both;margin-bottom: 10px;}
    .right_panel .frame_price {display: inline-block;width: 25%;float: right;}
    .right_panel .frame_price input {text-align: right;}
    .right_panel.adjust .tot_amt {float: left;width: 33%;padding: 0 10px 0 0;}
    .right_panel.adjust .tot_amt input {text-align: right;}
    .right_panel.adjust .adv_amt {float: left;width: 33%;padding: 0 10px 0 0;}
    .right_panel.adjust .adv_amt input {text-align: right;}
    .right_panel.adjust .balnc_amt {float: left;width: 33%;padding: 0 0px 0 0;}
    .right_panel.adjust .balnc_amt input {text-align: right;}
    .right_panel .ord_taken_by {display: inline-block;width: 49%;float: left;clear: both;}
    .right_panel .delvry_stat {display: inline-block;width: 49%;float: right;}
    .right_panel.adjust .tableStyle tr th, .right_panel.adjust .tableStyle tr td{max-width: 50px;min-width: 50px;width: 50px;text-align: center;}
    .right_panel.adjust .tableStyle tr td input{max-width: 60px;min-width: 60px;width: 60px;}
    .table th, .table td {white-space: nowrap;}
    .status_select{width: 70% !important}
}