@font-face {font-family: 'Helvetica-Condensed';
src: url('../fonts/Helvetica-Condensed.eot');
src: url('../fonts/Helvetica-Condensed.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Condensed.woff') format('woff'), url('../fonts/Helvetica-Condensed.ttf') format('truetype'), url('../fonts/Helvetica-Condensed.svg#Helvetica-Condensed') format('svg');
font-weight: normal;font-style: normal;}
html {font-size: 16px;}
body {font-size: 1rem;font-family: 'Helvetica-Condensed';background: #F7F5F4; color:#666}
.main-wrapper {position: relative;margin-left: 0px;}
a:hover{transition:background ease .5s;}
a:focus{ text-decoration: none;}
.errormessage{ color: red; font-size: 13px}
.successmessage{ color:green; font-size: 13px; margin: 10px 0}
.nicescroll-rails div{background: #370D18 !important; width:10px !important}
.nicescroll-rails, .nicescroll-rails-vr{ z-index: 999999 !important;}
.nicescroll-cursors{ background:#370D18 !important; border: none !important;width:10px  !important;}
input.parsley-error, .parsley-error button {border: 1px solid #b94a48 !important}
.form-group.parsley-error {margin: 0 0 25px !important}
.form-group.parsley-error .parsley-errors-list {font-size: 14px !important;margin: 7px 0;padding: 0;}
.form-group.parsley-error .parsley-errors-list li{ margin: 0 !important}
.footable-filtering .dropdown-menu-right {left: auto;padding:5px 10px 0;right: 0;text-align: left;}
/*-navigation start -*/
.main-nav,
.main-wrapper,
.main-wrapper .main-header {
-webkit-transition: all 500ms ease-out 200ms;
-moz-transition: all 500ms ease-out 200ms;
-o-transition: all 500ms ease-out 200ms;
transition: all 500ms ease-out 200ms;}
.nav-toggle .main-nav {left: -255px;
-webkit-transition: all 500ms ease-out 100ms;
-moz-transition: all 500ms ease-out 100ms;
-o-transition: all 500ms ease-out 100ms;
transition: all 500ms ease-out 100ms;}
.nav-toggle .main-wrapper {margin-left: 0;
-webkit-transition: all 500ms ease-out 100ms;
-moz-transition: all 500ms ease-out 100ms;
-o-transition: all 500ms ease-out 100ms;
transition: all 500ms ease-out 100ms;}
.nav-toggle .main-wrapper .main-header {left: 0;
-webkit-transition: all 500ms ease-out 100ms;
-moz-transition: all 500ms ease-out 100ms;
-o-transition: all 500ms ease-out 100ms;
transition: all 500ms ease-out 100ms;}


.dashboard-superbadmin .user-panel:nth-child(2), .dashboard-superbadmin .user-panel:nth-child(3),
.dashboard-store .user-panel:nth-child(1), .dashboard-store .user-panel:nth-child(2),
.dashboard-supervisor .user-panel:nth-child(1), .dashboard-supervisor .user-panel:nth-child(3){ display: block}

.dashboard-store .sidebar-menu li:nth-child(2), .dashboard-store .sidebar-menu li:nth-child(3), .dashboard-store .sidebar-menu li:nth-child(5), .dashboard-store .sidebar-menu li:nth-child(6), .dashboard-store .sidebar-menu li:nth-child(9),
.dashboard-supervisor .sidebar-menu li:nth-child(2), .dashboard-supervisor .sidebar-menu li:nth-child(3), .dashboard-supervisor .sidebar-menu li:nth-child(6), .dashboard-supervisor .sidebar-menu li:nth-child(9){display:none;}

.main-nav {width: 255px;position: fixed;left: 0;top: 0;bottom: 0;overflow: auto;background: #051f41;z-index: 9998;}
.main-sidebar,
.left-side {padding-top: 73px;
-webkit-transform: translate(-255px, 0);
-ms-transform: translate(-255px, 0);
-o-transform: translate(-255px, 0);
transform: translate(-255px, 0);}
.main-sidebar,
.left-side {bottom: 0;overflow-y: auto;position: absolute;top: 0;left: 0;min-height: 100%;width: 255px;z-index: 810;
-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;}

.user-panel {display: block;width:255px;}
.user-panel {position: relative;width: 100%;padding: 70px 5px 50px;}
.user-panel:before,
.user-panel:after {content: " ";display: table;}
.user-panel {background-color: #341714;background-size: cover;background-repeat: no-repeat;background-position: center;}
.user-panel:after {clear: both;}
.user-panel > .info {text-align: center;font-size: 1.2rem;line-height: 1.5rem;text-shadow: 0 1px 4px #000;color: #fff;text-decoration: none}
.usertype {font-size: 1rem;}
.user-panel > .info a,
.user-panel > .info a:hover,
.user-panel > .info a:focus {color: #fff;text-decoration: none}
.dashboard-superbadmin .user-panel{ background-image:url(../images/superadmin-probg.jpg);}
.dashboard-supervisor .user-panel{ background-image:url(../images/supervisor-probg.jpg);}
.dashboard-store .user-panel{ background-image:url(../images/store-probg.jpg);}
.sidebar-menu {list-style: none;margin: 0;padding: 0;}
.sidebar-menu > li {position: relative;margin: 0;padding: 0;color: #fff;text-decoration: none}
.sidebar-menu > li > a {font-size: 18px;padding: 16px 5px 14px 15px;display: block;border-bottom: #051f41 solid 1px;color: #fff;text-decoration: none}
.sidebar-menu > li > a:hover {background: #AF3050}
.sidebar-menu > li.active > a {background: #051f41}
.sidebar-menu > li > a > .zmdi {width: 30px;font-size: 24px;text-align: left}
.ripple.has-ripple > span {vertical-align: top;}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {margin-top: 3px;margin-right: 5px;}
.sidebar-menu li.header {padding: 10px 25px 10px 15px;font-size: 12px;}
.sidebar-menu li.active > .treeview-menu {display: block;}
.sidebar-menu .treeview-menu {display: none;list-style: none;padding: 0;margin: 0;padding-left: 5px;}
.sidebar-menu .treeview-menu .treeview-menu {padding-left: 20px;}
.sidebar-menu .treeview-menu > li {margin: 0;}
.sidebar-menu .treeview-menu > li > a {padding: 5px 5px 5px 15px;display: block;font-size: 14px;}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {/*white-space:nowrap; overflow: hidden;*/}
.sidebar-menu:hover {overflow: visible;}
.sidebar-menu > li.header {overflow: hidden;text-overflow: clip;}
.sidebar-menu li > a {position: relative;}
.sidebar-menu li > a > .pull-right {position: absolute;top: 50%;right: 10px;margin-top: -7px;}
/*main navigation end*/
.c-row{
   background: #ddd;
}
.c-row h4{color:#AF3050;font-weight: bold;}

/*-all buttons css start-*/
.btn-group {display: inline-block;}
.btn-group ul {display: inline-block;list-style-type: none;margin: 0 5px;padding: 0;}
.btn-group ul li {display: inline-block;margin: 0 5px;padding: 0;}

.btn-circle {display: inline-block;height: 3rem;width: 3rem;background:transparent;text-align: center;vertical-align: middle;border-radius: 50%;text-decoration:none; color: #051f41; border:none; }
.btn-circle:hover, .btn-circle:focus{background: #051f41; color: #fff; text-decoration:none;}
.btn-circle i {display: block;/*width: 3rem;*/line-height: 3rem;text-align: center;font-size: 1.5rem;}

.main-container .container-head .head-right .btn-group .btn-circle {background: transparent;border-radius: 50%;color:#878787}
.main-container .container-head .head-right .btn-group .btn-circle:hover, .main-container .container-head .head-right .btn-group .btn-circle:focus{ background: #4FC3F7; color:#fff}
.btn-eye-off:hover, .btn-eye-off:focus{ background:#666 !important}.btn-eye:hover, .btn-eye:focus{ background:#8BC34A !important}.btn-delete:hover, .btn-delete:focus{background:#C62828 !important}

/*Switch button start*/

.switch-more:hover, .switch-more:focus{ background:#eee !important}
.switchbtn .yesbtn, .switchbtn .nobtn{background: #fff; border: 1px solid #ddd; color: #666}
.switchbtn .yesbtn:focus, .switchbtn .yesbtn:active, .switchbtn .yesbtn.active{ background:#8BC34A; border-color:#ddd; color:#fff}
.switchbtn .nobtn:focus, .switchbtn .nobtn:active, .switchbtn .nobtn.active{ background:#bbb; border-color:#ddd; color: #666}
.switchbtn .btn-default {background-color: #fff;border-color: #ddd;color: #666;}

.switch-field {overflow: hidden; display: inline-block; vertical-align: middle}
.switch-title {margin-bottom:5px;}
.switch-field input {display: none;}
.switch-field label {float: left;}
.switch-field input:checked + label.npbtclr{background:#bbb; color: #666}
.switch-field label {display: inline-block;width:auto;background-color:#fff;color:#666;
font-weight: normal;text-align: center;text-shadow: none;
padding:5px 10px; font-size: 14px; margin: 0;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition:    all 0.1s ease-in-out;
-ms-transition:     all 0.1s ease-in-out;
-o-transition:      all 0.1s ease-in-out;
transition:         all 0.1s ease-in-out;
}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {color:#fff;background-color:#8bc34a;-webkit-box-shadow: none;box-shadow: none;}
.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
/*Switch button end*/

.table-responsive, .table-responsive th{text-align: center !important; font-weight: normal}
.table-responsive thead{color: #089000}
.inpwdhsml{ width: 50px; margin: 0 auto; display: inline-block}
.inpwdhbg{ width:150px;  margin:5px auto 0;}
/*all buttons css end*/

/*header css start*/
.header-logo {display: inline-block;margin-left: 10px;}
.main-header {position: fixed;z-index: 9999;left: 0px;top: 0;right: 0;}
.main-header .header-container {background-color: #fff;height: 90px;line-height: 70px;padding: 10px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.40);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.40);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.40)}
/*header css edn*/

/*maincontainer css start*/
.main-container {padding-top: 90px; min-height: 695px;}
.main-container .container-head {padding: 20px;float: left;width: 100%;}
.main-container .container-head .head-right {float: right;}
.main-container .container-head .head-right .right-group {float: right;}
.main-container .container-head h1 {display: inline-block;font-size: 1.5rem;color: #051f41;margin: 0;line-height: 3rem;}
.main-container .container-detail {padding: 0 20px 20px;float: left;width: 100%;}
/*maincontainer css end*/

/*Dashboard start*/
.iconbar { background: #fff;border:#E7E6E4 solid 1px; color:#666; text-align:center; margin-bottom:30px; display:block; position:relative; cursor: pointer; transition:ease-in 200ms; -webkit-transition:ease-in 200ms;}
.iconbar:hover, .iconbar:focus{text-decoration:none; outline:none; color:#798A9A; transform:scale(1.02); transition:ease-out 200ms; -webkit-transform:scale(1.02); -webkit-transition:ease-out 200ms; box-shadow:0 0 10px #000; border-color:#051f41; }

.dashboard .iconbar > .zmdi {font-size:6.25rem; color:#666; padding:1.5rem 0 3rem 0 ;}
.dashboard .iconbar:hover > .zmdi, .dashboard .iconbar:focus > .zmdi{ animation:bounce 0.5s 1; -webkit-animation:bounce 0.5s 1;color: #051f41}
@keyframes bounce {
0% { transform:scale(1) }
50% { transform:scale(1.3) }
100% { transform:scale(1) }
}
@-webkit-keyframes bounce {
0% { transform:scale(1) }
50% { transform:scale(1.3) }
100% { transform:scale(1) }
}
.iconbar h2 {padding:20px 0 5px; margin:0; font-size:1.125rem; color: #666}
.iconbar h3 {font-size:1.125rem; background:transparent; border-top: 1px solid #E7E6E4; padding:15px 0; color:#575F6C; margin:0;}
.iconbar:hover > h3, .iconbar:focus > h3{ background:#051f41; color: #fff}
/*Dashboard end*/

/*Dashboard store start*/
.dashboard-store .main-nav, .dashboard-supervisor .main-nav{background:#fff}
.dashboard-store .sidebar-menu > li > a, .dashboard-supervisor .sidebar-menu > li > a {border-bottom: 1px solid #e7e6e4;color: #666;}
.dashboard-store .sidebar-menu > li > a:hover, .dashboard-supervisor .sidebar-menu > li > a:hover{background:#F2F2F2}
.dashboard-store .sidebar-menu > li.active > a, .dashboard-supervisor .sidebar-menu > li.active > a{background:#ddd}
/*Dashboard store end*/

/*modal css start*/
.modal-backdrop{z-index: 99999}
.modal{z-index: 999999}
.select2-drop{z-index: 9999999}
.modal-dialog {margin:10% auto; width: 900px}
.modal-content{border-radius: 0;}
.btn-default {background-color: #999;border-color: #888;color: #fff;}
.modal-title{ font-size:1.5rem; color: #7D2039}
button.close {background: #eee;border-radius: 50px;height: 2rem;width: 2rem;}
.close {color: #878787;font-size: 1rem;font-weight: normal;line-height: 1.5rem;opacity: 1;}
/*modal css end*/

/*Custom checkbox start*/
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label {padding-left:23px;height:18px; display:inline-block;line-height:18px;background-repeat:no-repeat;background-position: 0 0;font-size:18px;vertical-align:middle;cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -18px;}
label.css-label {
background-image:url(../images/checkbox1.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox{margin:0; padding:0}
.fooicon-plus, .fooicon-minus{float: left;line-height: 30px;margin: 0 !important;}
/*Custom checkbox end*/

/*Pagination start*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #7d2239;border-color: #dddddd;color: #fff;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {background-color: #f7f5f4;border-color: #ddd;color: #999;}
.pagination > li > a, .pagination > li > span {background-color: #f7f5f4;border: 1px solid #ddd;color: #666;float: left}
.pagesize-control {float: right;width: 70px; background:#f7f5f4 !important; margin:10px 0 0 0; height:37px}
.footable-paging .label-default {background: transparent;color: #666;float: left;margin: 20px 0 0 !important;padding: 0 !important;font-size: 0.8rem; font-weight:normal}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ color:#051f41}
.pagination + .divider{ display:none}
/*Pagination end*/


#rptvew{ width:50%}
#rptnhnd{ width: 40%}
.table-responsive td, .table-responsive th{ vertical-align: middle !important}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {border-bottom-width: 1px;}
.reptbox{ background: #fff; padding:20px 20px 1px;
-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}
.rprt-btngrp{ margin-bottom: 20px;}
.rprt-btngrp .btn-default {background-color: #fff;border-color: #ddd;color: #666;}
.ornbtn, .ornbtn:hover, .ornbtn:focus{ background: #ff7541; vertical-align:top;border: 1px solid #ff5f22;border-radius: 5px;color: #fff;display: inline-block;line-height: 30px;min-height:34px;padding: 0 10px;text-decoration: none; margin-left: 5px; margin-bottom: 8px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);}
.ornbtn i{display: inline-block;font-size: 1.5rem; margin: 0 5px 0 0;vertical-align: sub;}
.ornbtn-right{ text-align: right}
.cunt{ width:auto; text-align:right; display: inline-block}
.btn-primary{background-color:#051f41;border-color:#051f41}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-color:#051f41;border-color:#051f41}
.form-control{ border:1px solid #ddd; box-shadow:none;}
footer { color: #333; border-top: 1px solid #e7e6e4;display: inline-block;padding: 20px;width: 100%;}

.user-panel > .info {text-align:center; text-shadow:0 1px 4px #000;}
.info > .open > .dropdown-menu {width:150px; right:0; top:44px; padding:0; border-radius:2px; display:inline-block; margin:0 auto;}
.info > .open > .dropdown-menu li a {width:100%; text-align:center; color:#333; margin:0px; font-size:15px; padding:6px 0; text-shadow:none;}
.user-panel > .info > .dropdown a {margin:15px 0 5px; display:inline-block; color:#FFF; font-size:18px; word-wrap:break-word;}
.user-panel .dropdown-menu > .active > a, .user-panel >.dropdown-menu > .active > a:hover, .user-panel .dropdown-menu > .active > a:focus{ background: #af3050 !important; color: #fff !important;}
.user-panel > .info > .dropdown a:focus {text-decoration:none; outline:none;}
.user-panel > .info > .dropdown p { font-size:15px;}
.alert{z-index:999999 !important;}
.alert-success button.close { top: 8px ! important; font-size: 1rem;  background: none ! important ;}

/*Datepicker start*/
.dtpckr{ display: inline-block;
    vertical-align: top;
    width: 160px;}
.dtpckr input{ border-radius: 4px !important}
.caldicon{background: transparent none repeat scroll 0 0;margin:5px 0 0 -30px !important;padding: 0;}
.parsley-required{margin: 0 !important;}
ul.parsley-errors-list {margin: 5px 0;}
.sidenav-toggle > .zmdi-menu {margin: 0 auto;}
.dtpckr .input-group-btn{display:inline}
.caldicon i{ font-size: 1.5rem}
/*Datepicker end*/


.notification { float: right; padding-top: 15px; }
.notification .saving,.notification .saved { display: none; }
//.notification .saved { display: inline-block; }
.saving > .saving  { display: inline-block !important; }
.saved > .saved  { display: inline-block !important; }

.advance-no.footable th:nth-child(1), .advance-no.footable td:nth-child(1), .itemtypestbl .advance-no.footable th:nth-child(1), .itemtypestbl .advance-no.footable td:nth-child(1),.usertbl .advance-no tr:nth-child(2) th:last-child, .usertbl .advance-no tbody td:last-child { text-align: left}

.bootstrap-select { margin-bottom: 8px;}
.disabled, .disabled:hover {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #999;
    cursor: not-allowed !important;
}

@media (max-width:1400px) {
.ornbtn i { font-size: 1.3rem;}
.ornbtn, .ornbtn:hover, .ornbtn:focus { font-size: 15px;}
}

@media (max-width:1024px) {
.main-nav {top: 90px;left: 0;}
.main-wrapper {margin-left: 0;}
.main-wrapper .main-header {left: 0;}

.dashboard .iconbar > .zmdi {font-size:3.5rem;padding: 0.5rem 0 1rem;}
.iconbar h2{ font-size:0.9rem; padding:10px 0 5px}
.iconbar h3{font-size:1rem;padding: 10px 0;}
.modal-dialog { width:95%}
#rptvew, #rptnhnd{ width:100%}

/* Responsive table start */
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}

/* Responsive table end*/

}
@media (max-width:767px) {
.btn-circle i{font-size:1.3rem}
.main-nav {top:60px;}
.main-container {padding-top: 60px}
.main-header .header-container {height: 60px;line-height: 40px;}
.header-logo img {height: 25px;}
.btn-group ul li {margin: 0 2px;}
.btn-circle {height: 2rem;width: 2rem;}
.btn-circle i {width: 2rem;line-height: 2rem;font-size: 1.5rem;}
.main-container .container-head {padding: 10px;}
.main-container .container-head h1 {display: block;font-size: 1.125rem;line-height: 2rem;}
.main-container .container-head .head-right {float: none;display: block;text-align: center;}
.main-container .container-head .head-right .right-group {float: none;display: inline-block;text-align: center;}

.dashboard .iconbar > .zmdi{padding:1rem 0}
footer div{ text-align: center !important}
.pagesize-control{margin:10px auto 0; float:inherit}
.footable-paging .label-default{float:inherit;margin: 0 !important;text-align: center;width: 100%;}

.usertbl tr:nth-child(2) th:last-child, .usertbl tbody td:last-child {width:auto !important; text-align:left}
.footable tbody td{line-height:20px !important}
th, td{padding:3px !important}
th{color:#7d2139; font-weight:normal !important}
.footable-detail-row .footable-details td{text-align:left !important; line-height:20px !important}
.footable-detail-row .footable-details tbody{background:#f7f5f4}
.fooicon-plus, .fooicon-minus{margin:0 0 0 5px !important}
.rprt-btngrp, .ornbtn-right{ text-align:center}
.lftaln{ text-align:left !important}
.ornbtn-right{ margin:10px 0 0 0}
.bootstrap-select{ text-align: left}
.bootstrap-select, .ornbtn, .ornbtn:hover, .ornbtn:focus{margin-top:5px}
.ornbtn-right{margin:0}
.reptbox{padding:5px 10px 1px;}
.rprt-btngrp{margin-bottom: 10px}
.dtpckr {vertical-align: middle;}
}

@media (max-width:560px) {
.bootstrap-select, .reptbox .rprt-btngrp .dtpckr   { width: 100% ! important;}  
.dtpckr .input-group { display: inherit; width: 100% }  
.ornbtn, .ornbtn:hover, .ornbtn:focus { width: 100%; margin-left: 0px;}
}

@media (max-width:375px) {
.ornbtn, .ornbtn:hover, .ornbtn:focus {font-size: 13px;line-height: 25px;min-height: 25px;min-width: 90px;padding: 0 10px}
}
/*VS*/
#multipleaction.dblock { display: block;}
#multipleaction.dnone { display: none;}
.footable thead tr th { border:0; }
.footable th:nth-child(1), .footable td:nth-child(1){text-align:center}

.footable-header { background: #F7F5F4;
-webkit-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.1);}
.footable-header th {color:#7D2139; font-weight:normal; line-height:35px !important}
.usertbl tr:nth-child(2) th:last-child, .usertbl tbody td:last-child{ width:165px; text-align:right}
.footable-header span, .footable tbody td:last-child a{ width:38px; display:inline-block; text-align:center}
.footable-header span i, .footable tbody td:last-child a i{font-size:1.25rem;}

.footable tbody tr:hover, .footable tbody tr:focus, .footable tbody tr:active, .tractv{background:#FCF3F5}
.footable tbody { background: #FFF;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);}
.footable tbody td { color:#666666; line-height:35px !important}
.footable tbody td a { color:#7D2139; text-decoration: underline;}
.footable-filtering .form-group {margin: 0 -10px 10px 0 !important;}
.icnclr-gray{color:#666}.icnclr-green{ color:#8BC34A}.icnclr-blue{ color:#4FC3F7}.icnclr-red{ color:#C62828}
.emal{color:#666 !important; text-decoration:none !important;}
.emal:hover{color:#051f41 !important; text-decoration:none !important;}

.relative {position: relative;}
.footable th:nth-child(1), .footable td:nth-child(1),
.itemtypestbl .footable th:nth-child(1), .itemtypestbl .footable td:nth-child(1){text-align:center}

/*krutik*/
.footable .intercept tbody td:last-child a { text-align: left;}
.footable .intercept tbody td a, .footable .intercept tbody td { width: auto; text-align: left;}
.footable .intercept tbody th { text-align: right;  vertical-align: middle;}
.unbold { font-weight: normal;}
a:focus { outline: none;}
.editview { color: #666;}
.editview .form-group { margin-bottom: 10px;}
.editview .form-group p { margin-bottom: 0;}
.editview .modal-header {border: 0;}
.editview .modal-body { padding: 0 15px;}
.editview .modal-footer { text-align: left; border: 0; margin-top: 5px; padding: 0 15px 15px;}
.modal-footer .btn {  font-size: 1rem; padding: 4px 25px}
.orangebtn { background: #FF7541; border-color: #FF5F22;}

.edit-wrap label { font-weight: normal; margin-bottom: 3px;}
.edit-wrap .form-group .form-control { border-radius:2px;}
.edit-wrap .form-group select.form-control option { width: 100%; }
.edit-wrap .btn-group ul li { display: list-item;}
.edit-wrap  .dropdown-menu > li > a  { padding: 3px 5px; }
.weekdays-wrap { padding: 0 15px;}
.weekdays-wrap .weekday { width: 50px; max-width: 100%; display: inline-block; margin-right: 7px; margin-bottom: 0; text-align: center;}
.weekdays-wrap .weekday:last-child { margin-right: 0;}
/*krutik*/

@media all and (max-width: 2500px) and (min-width: 991px) {
.text-block{display:block !important;}
.switch-more{display:none;}
}
@media (max-width:990px){
.footable-header span, .footable tbody td:last-child a.emal{width:auto}
.switch-more{background:#eee;border:none;border-radius: 50px;color: #7d2139;font-size:1.1rem;height:35px;line-height:35px;width:35px}
.text-block{display:none}
.usertbl tr:nth-child(2) th:last-child{display:none !important}
.usertbl tr:nth-child(2) th:last-child, .usertbl tbody td:last-child{width:50px}
.more-btn-toogle{position:absolute; top:25px; margin-top:-30px; right:50px; background:#fff; box-shadow:1px 1px 5px #999; border-top:#7D2139 solid 3px;}
.more-btn-toogle:after{ content:''; position:absolute; border-width:7px; border-color:transparent transparent transparent #fff; top:17px; border-style:solid;}
.more-btn-toogle .icons-box{display:table; border-spacing:5px; min-width:125px}
.more-btn-toogle .icons-box a{display:table-cell; padding:10px;}
}
@media (max-width:767px){.footable th:nth-child(1), .footable td:nth-child(1){text-align:right}}


.panel-login {
	border-color: #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
.panel-login>.panel-heading {
	color: #00415d;
	background-color: #fff;
	border-color: #fff;
	text-align:center;
}
.panel-login>.panel-heading a{
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
	color: #029f5b;
	font-size: 18px;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	height: 45px;
	border: 1px solid #ddd;
	font-size: 16px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
}
.btn-login {
	background-color: #051f41;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #051f41;
}
.btn-login:hover,
.btn-login:focus {
	color: #fff;
	background-color: #072143e8;
	border-color: #072143e8;
}

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border:none;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #74C059;
    
}
.wizard li.active span.round-tab i{
    color: #74C059;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 33.3%;
    text-align: center;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #74C059;
    transition: 0.1s ease-in-out;
}


.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

}

.wizard .nav-tabs > li.disabled{background: none;border:none;}