@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,300);
@import url(font-awesome.css);

body{font-family: 'Open Sans', 'Tahoma', 'Helvetica Neue', sans-serif; font-weight: 300; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #333;  font-size: 14px; background: #eaeaea; }


.ptop0 {padding-top:0px;}
.margin0 {margin:0;}
.padding0 {padding:0;}
.mtop5 {margin-top: 5px;}
.mtop10 {margin-top: 10px;}
.mtop0 {margin-top: 0px;}
.mtop15 {margin-top: 15px;}
.mtop20 {margin-top: 20px;}
.mbottom0{margin-bottom:0px;}
.mbottom5{margin-bottom:5px;}
.mbottom10{margin-bottom:10px;}
.mbottom15{margin-bottom:15px;}
.mbottom20{margin-bottom:20px;}
.mright10 {margin-right:10px;}
.padding5 {padding:5px;}
.padding8 {padding:8px;}
.padding10 {padding:10px;}
.padding15 {padding:15px;}
.padding20 {padding:20px;}
.paddingtb15 {padding-top: 15px; padding-bottom: 15px;}
.grey-bg {background-color: #f2f2f2;}
.white-bg {background-color: #fff;}
.white {color: #fff;}
.black,.black:hover,.black:focus {color: #2a333e;}
.full-size {width:100%;}
.pointer {cursor: pointer;}
.border0 {border:none;}
.border-top {border-top:1px solid #ddd; }
.border-bottom {border-bottom:1px solid #ddd; }
.box-border {border:1px solid #ddd; }
.vmiddle {vertical-align:middle;}
.vtop {vertical-align:top;}
.vbottom {vertical-align: bottom;}
em.required {color: #A94442;}
label.error {color: #a94442;font-size:11px; font-weight: 400; position:absolute; bottom:-22px; left:15px;}
label.error_cake {color: #a94442;font-size:11px; font-weight: 400; position:absolute; bottom:-22px; left:15px;}
.validation-error {border-color: #A94442; }



/*Over write Bootrap CSS*/
.navbar-brand > img {display:inline-block;}
a:active, a:hover {outline: none;}
.navbar-default {background: #2b3643;}
.navbar-header {width:250px; background: #fff;}
.navbar-brand {display: block;  float: none;  height: auto; padding:5px;   text-align: center;}
.navbar-toggle {margin-top:24px;}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: #337ab7; }
.navbar-default .navbar-toggle .icon-bar, .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {background-color: #fff;}
.navbar {margin-bottom: 0;}
.navbar-right {margin-right:0;}
.navbar-default .navbar-nav > li > a {color: #fff; text-shadow:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: #337ab7; color: #fff;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding:10px 15px; }
.breadcrumb {background:none; font-size:13px; font-weight:400;}
.breadcrumb > li + li:before { color: #333333;  content: "";  font-family: 'Glyphicons Halflings';  font-size: 10px;  padding: 0 5px;}
.breadcrumb a,
.breadcrumb > .active {   color: #333333;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {display:inline-block;}
.panel-heading h3 {font-weight:300;}
.form-control { -o-border-radius:0; -webkit-border-radius:0; border-radius:0; box-shadow:none; }
.form-group {  margin-bottom: 20px; position:relative;}
.panel-footer {background: none;}
.btn { -o-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:14px; font-weight:600;}
.btn-green {background: #337ab7; color:#FFFFFF;}
.btn-black {background: #2b3643; color: #fff;} 
.btn-black:hover {color: #ddd;}
.btn-black:active{color: #fff;}
.btn-black:focus{color: #fff;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {background-color: #eaeaea; border-bottom:2px solid #c3c3c3; padding:10px; vertical-align:middle;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border-color:#eaeaea;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align:middle;}
.table-bordered {border-bottom: 2px solid #337ab7;}
.modal-header .close {  margin-top: 3px;}
.close {font-size:35px;}
.modal-dialog {max-width: 98%; }
.modal-footer {text-align:inherit;}
.alert-dismissable .close, .alert-dismissible .close { top: -8px;}
/*Typography*/
h1, .h1 {
    font-size: 36px;
	font-weight:300;
}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}
.weight-light {font-weight:300;}
.weight-normal {font-weight:400;}
.weight-semi {font-weight:600;}
.weight-bold {font-weight:700;}
.green,.green:hover,.green:focus {color: #337ab7;}
.red,.red:hover,.red:focus {color: red;}
/*Header*/
.navbar-collapse .navbar-nav > li > a {height: 82px}
.navbar-collapse .navbar-nav li:hover > a {background: #337ab7; color: #fff;}
.navbar-collapse .navbar-nav > li span.glyphicon {font-size: 22px; margin-bottom:10px;}
.navbar-collapse .navbar-nav > li li a {padding:10px; }
.navbar-collapse .navbar-nav > li li span.glyphicon {margin-right:5px; margin-bottom:0; vertical-align:middle; }
.navbar-collapse .navbar-nav > li li a {vertical-align: middle;}

/* Sidebar Navigation*/
#sidebar_main {
	padding-left: 0;
}
#sidebar_main.toggled {
	padding-left: 250px;
}
#sidebar-wrapper {
	z-index: 1000;
	position: absolute;
	left: 250px;
	width: 52px;
	height: 100%;
	margin-left: -250px;
	background: #364150;
}
#sidebar_main.toggled #sidebar-wrapper {
	width: 250px;
}
#page-content-wrapper {
	width: 100%;
}
#page-content {
	width: 100%;
}
#sidebar_main.toggled #page-content-wrapper {
	position: absolute;
}
.sidebar-nav {
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-nav li div.seprator1{
		border-bottom: 1px solid #2a333e;
	display: block;	
}
 .sidebar-nav li .drop-down, .sidebar-nav li .drop-down li {
	border-bottom: 1px solid #364150;
	display: block;
}
.sidebar-nav li > div {
	height: 50px;
}
.sidebar-nav li .drop-down li:last-child {
	border-bottom: none;
}
.sidebar-nav li ul.drop-down {
	padding-left: 0;
	background: #2a333e;
	list-style: none;
	display: none;
}
.sidebar-nav li.open > ul.drop-down {
	display: block;
}
.sidebar-nav li ul.drop-down a {
	color: #fff;
	padding: 10px 15px;
}
.sidebar-nav li span {
    color: #ffffff;
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
    width: 135px;
}
.sidebar-nav li a {
	display: block;
}
.sidebar-nav li a:hover {
	text-decoration: none;
}
.toggled .sidebar-nav li.open {
	background: none repeat scroll 0 0 #364150;
	height: 50px;
}
.toggled .sidebar-nav li.open .seprator1 {
	background: none repeat scroll 0 0 #364150;
	position: fixed;
	width: 192px;
}
.toggled .sidebar-nav li.open > ul.drop-down {
	display: block;
	margin-left: 52px;
	margin-top: 50px;
	padding: 0;
	position: fixed;
	background: #2A333E;
	width: 140px;
}
.sidebar-nav li .parent {
	background: url(../img/down-arrow.png) 94% center no-repeat;
	cursor: pointer;
}

#wrapper {height:100%;}
.page-title-fix {  -o-box-shadow: 0 1px 2px #DADADA; -webkit-box-shadow: 0 1px 2px #DADADA;box-shadow: 0 1px 2px #DADADA;  position: relative; z-index: 1;}
.footer { background: #FFFFFF;  bottom: 0; box-shadow: 0 -2px 2px 0 #DDDDDD;  left: 0; position: absolute;  width: 100%;}
.select-style.form-control {position:relative; padding:6px 0;  min-width: 90px}
.select-style:after {
      -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;  
    background: url("../img/select-arrow.png") no-repeat scroll center center #FFFFFF;
    content: "";
    pointer-events: none;
	-o-pointer-events: none;
	-webkit-pointer-events: none;
    position: absolute;
    height: 32px;
    right: 0;
    top: 0;
    width: 37px;
}
.select-style select {
	width:100%; border:0;
	padding:0 6px;
}
.select-style select:focus {
    outline: none;
}
	.radio label.error
{
	margin-left:0px !important;
	left:0px !important;
}

/*Dashboard Color Box*/
.color-boxes .color-box {background: #fff;  -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.color-boxes .color-box p {color: #fff; font-size:16px; padding:10px 0; font-weight:400;  -o-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.color-boxes .color-box p span {font-size: 20px;vertical-align: top;}
.color-boxes > div .color-box p {display:block; background-color:#337ab7;} 
.color-boxes > div + div .color-box p {background-color:#ee4d9b;} 
.color-boxes > div + div + div .color-box p {background-color:#f8941e;} 
.color-boxes > div + div + div + div .color-box p {background-color:#0072bc;} 
.color-boxes .color-box .figure-number {display: block; font-size:36px; font-weight:700; color:#337ab7;} 
.color-boxes > div + div .color-box .figure-number {color:#ee4d9b;} 
.color-boxes > div + div + div .color-box .figure-number {color:#f8941e;} 
.color-boxes > div + div + div + div .color-box .figure-number {color:#0072bc;} 


.filterBox.active {background: #2a333e; color: #b4bcc8; -o-border-radius: 5px 0 0; -webkit-border-radius: 5px 0 0; border-radius: 5px 0 0; }
.toolbar {}
.pagination > li span {color:#2b3643; font-size:20px; font-weight:600; line-height:14px;}
.pagination > li.page-status > span {background: #337ab7; border-color: #337ab7; color: #fff; font-weight:600; font-size: 14px;line-height: 20px }
#MyGallery.modal,
#Trade-Exucetion.modal {display: block; visibility:hidden;}
.modal-open #MyGallery.modal,
.modal-open #Trade-Exucetion.modal {visibility:visible;}
#carousel2.flexslider .slides > li,
#carousel.flexslider .slides > li {margin-right:5PX; position:relative;} 
#carousel2.flexslider .slides > li img{ width:98%; margin:0 1%;  border:1px solid #fff;  box-shadow:0 0 3px #5a5a5a;}
#carousel.flexslider .slides > li img  { border:1px solid #fff;  box-shadow:0 0 3px #5a5a5a;  height: 100px;   width: 150px;}
#carousel2.flexslider,
#carousel.flexslider {border:1PX solid #fff; background: #f2f2f2; box-shadow:0 0 3px #5a5a5a; padding:10px;  }
#slider2 .slides > li img,
#slider .slides > li img {  border:1px solid #fff;  box-shadow:0 0 3px #5a5a5a;  width: inherit; display:inline;} 
img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.slider-images { display: table;   height: 300px;   margin: 10px 1% 0; width:98%;}
.slider-images {position: relative;}
.slider-images img{max-width: 550px}
.slider-images.small img{max-width: 414px}
.slider-images a.new-tab { background: rgba(0, 0, 0, 0.8); border: 1px solid #FFFFFF; bottom: 0; box-shadow: 0 0 2px #000000; color: #FFFFFF; font-size: 14px; padding: 3px 6px 0; position: absolute; right: 6px;}

.slider_small_img{ vertical-align: middle; display: table-cell; text-align:center; height: 100px;
	width:150px; border:1px solid #fff; box-shadow:0 0 3px #5a5a5a; background:#fff; }
.slider_small_img img{ border:none !important;  box-shadow:none !important; margin:0px auto; 
	height:auto !important; width:auto !important; max-height: 100px; max-width: 150px; }

.slider-images img { max-height: 300px; }
.table-cell {   display: table-cell;  height: 100%;  text-align: center;  vertical-align: middle;}

.select-img { background: none repeat scroll 0 0 #11151A;   border: 1px solid #FFFFFF;   height: 40px;  position: absolute;  right: 1px;   top: 0;   width: 40px;   z-index: 9;}
.select-img span {  color: #009966;  font-size: 26px;   padding: 5px; cursor:pointer; }
.select-img select {background: #fff; }
.select-img select:focus, .select-img select:hover {outline:none;} 
a:hover, a:focus {outline:none; text-decoration: none;  }


/*Multi Select*/ 
.bootstrap-select .caret { background: url("../img/select-arrow.png") no-repeat scroll right center;  border: 0 none;  float: right; height: 20px;  width: 20px;}
.bootstrap-select .dropup .caret, .navbar-fixed-bottom .dropdown .caret {background: url("../img/select-arrow-top.png") no-repeat scroll right center;  border: 0 none; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {  background: #E8E8E8;}
/*Radio and Checkbox desgin*/
.radio label, .checkbox label {padding-left: 5px; margin-left: 22px;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { height: 18px;
    margin-left: 0;
    vertical-align: middle;
	position: absolute;
	outline:none;
	margin-top:0;
    width: 18px;}

input[type=radio]:checked + label,
input[type=radio] + label,
input[type=checkbox]:checked + label,
input[type=checkbox] + label {
  position:relative;
} 
input[type=radio] + label:after,
input[type=checkbox] + label:after {
    background: none repeat scroll 0 0 #DADADA;
    border: 1px solid #2B3643;
    content: "";
    height: 20px;
    left: -22px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	pointer-events: none;
	-o-pointer-events: none;
	-webkit-pointer-events: none;
	
  
} 
input[type=radio] + label:after {background: #fff; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
input[type=checkbox] + label:after {background: #fff;}
input[type=radio]:checked + label:after{background:url(../img/radio-btn.png) no-repeat center #fff;}
input[type=checkbox]:checked + label:after {background-image:url(../img/check-btn.png); 
background-repeat:  no-repeat;
background-position: center;
background-color:  #fff;}
input[type=checkbox]:disabled + label:after,
input[type=radio]:disabled + label:after {background-color: #ddd; border:1px solid #a5a5a5;}

/*Radio and Checkbox desgin End*/

.table-action-list li { padding: 0 5px; position: relative;}
.table-action-list li:after { content: "|"; font-size: 16px; position: absolute; right: -6px; top: 0;}
.table-action-list li:last-child:after {content:'';}
div.select {
	float: left;
    min-width: 90px;
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
}
div.select:after {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
    background: url("../img/select-arrow.png") no-repeat scroll center center #FFFFFF;
    content: "";
    pointer-events: none;
	-o-pointer-events: none;
	-webkit-pointer-events: none;
    position: absolute;
    height: 34px;
    right: 0px;
    top: 0px;
    width: 37px;
}
div.select select {
	width:100%; border:0;
	padding:0 6px;
	background: #fff;
	outline: none;
	height: 34px;
}

tr:hover div.select::after{background-color:  #f5f5f5;}
tr:hover div.select select{background-color:  transparent;}

select:focus {
  color: rgba(0,0,0,0) !important;
  text-shadow: 0 0 0 #000;
}
option {
	color:#000 !important;
	text-shadow: 0 0 0 #fff;
}
select:hover option:hover,
select option:hover{
	
	color:#FFF !important;
}

::-moz-selection { /* Code for Firefox */
    color: #FFF;
    background-color: #2196F3;
}

td.error { -o-box-shadow: inset 0 0 0px 1px red; -webkit-box-shadow: inset 0 0 0px 1px red; box-shadow: inset 0 0 0px 1px red;}
td.error span.error {display: none !important; }
.grey,.grey:hover,.grey:focus {color: #8e8e8e;}

/*Tree CheckBox*/
 
.treeview {
  margin: 10px 0 0 20px;
}
 
 
.treeview  input[type="checkbox"] + label::after {background:none; border:0; width:0; height:0; display: none;}
 
.treeview  ul { 
  list-style: none;
  margin:0;
  padding:0;
}
 
.treeview li {
  background: url(http://jquery.bassistance.de/treeview/images/treeview-default-line.gif) 0 0 no-repeat;
  padding: 2px 0 2px 23px;
  list-style: none;
  position:relative;
}
.treeview li.parent > .glyphicon {  background: #fff none repeat scroll 0 0;
   background: #fff none repeat scroll 0 0;
    font-size: 9px;
    left: 8px;
    padding: 1px;
    position: absolute;
    top: 8px;}
 
.treeview li label,
.treeview > li:first-child > label {
  /* style for the root element - IE8 supports :first-child
  but not :last-child ..... */
  font-weight:400;
  
}
 
.treeview li.last {
  background-position: 0 -1766px;
}
 
.treeview li > input {
  height: 16px;
  width: 16px;
  /* hide the inputs but keep them in the layout with events (use opacity) */
  opacity: 0;
  filter: alpha(opacity=0); /* internet explorer */ 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}
 
.treeview li > label {
  background: url(../img/gr_custom-inputs.png) 0 -1px no-repeat;
  /* move left to cover the original checkbox area */
  margin-left: -20px;
  /* pad the text to make room for image */
  padding-left: 20px;
}
 
/* Unchecked styles */
 
.treeview .custom-unchecked {
  background-position: 0 -1px;
}
.treeview .custom-unchecked:hover {
  background-position: 0 -21px;
}
 
/* Checked styles */
 
.treeview .custom-checked { 
  background-position: 0 -81px;
}
.treeview .custom-checked:hover { 
  background-position: 0 -101px; 
}
 
/* Indeterminate styles */
 
.treeview .custom-indeterminate { 
  background-position: 0 -141px; 
}
.treeview .custom-indeterminate:hover { 
  background-position: 0 -121px; 
}
.panddingwhite20{
  padding-top:25px;
  color:#FDFFFF;
}
/*.blocked-btn
{
    position:relative;
}
.blocked-btn:after
{
    content: '';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1;
    background: transparent;
}*/
 .blue {color: #21d2bd;}
.grey1 {color: #5a5a5a;}
.order-status-item {padding-bottom:15px; position:relative;}
.order-status-item > div {display:inline-block; vertical-align:middle;}
.order-status-item > div:last-child {margin-left:15px;}
.status-icon {width:50px; height:50px; line-height:50px; text-align:center; border:1px solid #ddd; -o-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; font-size:18px; position:relative; z-index:1; background:url(../img/sprite1.png) no-repeat #fff -8px -4px; }
.order-status-item:before {position:absolute; content:'';  height:100%; width:4px; background: #ddd;     left: 24px;  }
.order-status-item:last-child:before {border: none;}
.order-status-item:last-child {padding-bottom:0;}
.order-status-item.active {color: #21d2bd;}
.order-status-item.active > div:last-child {font-weight: bold;}
.order-status-item.error,
.order-status-item.cancel_by_seller,
.order-status-item.cancel_by_user,
.order-status-item.payment_failed {color:red; }
.order-status-item.active .status-icon {border-color: #21d2bd;}
.order-status-item.error .status-icon,
.order-status-item.cancel_by_seller.active .status-icon,
.order-status-item.cancel_by_user.active .status-icon,
.order-status-item.payment_failed.active .status-icon,
.order-status-item.cancel_by_seller .status-icon,
.order-status-item.cancel_by_user .status-icon,
.order-status-item.payment_failed .status-icon {border-color: red;}

.order-status-item.init .status-icon{background-position:-8px -4px;}
.order-status-item.paid .status-icon {background-position:-8px -59px;}
.order-status-item.assigned .status-icon{background-position:-8px -117px;}
.order-status-item.assigned_shipment .status-icon{background-position:-8px -117px;}
.order-status-item.dispatch .status-icon{background-position:-8px -183px;}
.order-status-item.out_for_delivery .status-icon{background-position:-8px -250px;}
.order-status-item.delivered .status-icon{background-position:-8px -314px;}

.order-status-item.init.active .status-icon{background-position:-100px -4px;}
.order-status-item.paid.active .status-icon {background-position:-100px -59px;}
.order-status-item.assigned.active .status-icon{background-position:-100px -117px;}
.order-status-item.assigned_shipment.active .status-icon{background-position:-100px -117px;}
.order-status-item.dispatch.active .status-icon{background-position:-100px -183px;}
.order-status-item.out_for_delivery.active .status-icon{background-position:-100px -250px;}
.order-status-item.delivered.active .status-icon{background-position:-100px -314px;}

.order-status-item.init.error .status-icon{background-position:-199px -4px;}
.order-status-item.paid.error .status-icon {background-position:-199px -59px;}
.order-status-item.assigned.error .status-icon{background-position:-199px -117px;}
.order-status-item.assigned_shipment.error .status-icon{background-position:-199px -117px;}
.order-status-item.dispatch.error .status-icon{background-position:-199px -183px;}
.order-status-item.out_for_delivery.error .status-icon{background-position:-199px -250px;}
.order-status-item.delivered.error .status-icon{background-position:-199px -314px;}
.order-status-item.cancel_by_seller .status-icon {background-position:-199px -379px;}
.order-status-item.cancel_by_user .status-icon {background-position:-199px -379px;}
.order-status-item.payment_failed .status-icon {background-position:-199px -59px;}
/*Tree CheckBox*/
@media(min-width:768px) {
	
	#sidebar_main {
		position: relative;
		padding-left: 250px;
	}
	#sidebar_main.toggled {
		padding-left: 52px;
	}
	#sidebar-wrapper {
		width: 250px;
		overflow-x: hidden;
	}
	#sidebar_main.toggled #sidebar-wrapper {
		width: 52px;
		overflow-x: hidden;
	}
	#sidebar_main.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.modal-dialog  {margin:0 1%;}
	.navbar-collapse .navbar-nav > li br {display: none;}
	.navbar-collapse .navbar-nav > li span.glyphicon {margin-bottom:0; margin-right: 10px; vertical-align:middle;}
	.navbar-collapse .navbar-nav > li li,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff;  text-align:left; }
	.navbar-right {text-align:left;}
	.navbar-default .navbar-nav .open .dropdown-menu > li:hover > a {background: #337ab7; color: #fff;}
	#sidebar_main {
		padding-left: 44px;
	}
	#sidebar_main.toggled {
		padding-left: 250px;
	}
	#sidebar_main.toggled #page-content-wrapper {
		position: relative;
	}
}

#resend_email {width: 45%;margin: 11px;}
.modal-body #email {
    width: 40%;
    padding: 4px;
    margin: 3px;
}


@media screen and (max-width: 480px) and (min-width:320px ) {
.modal-body #email {width: 70%;padding: 3px;margin: 6px;}
}

.status_show {
	border: none !important;
	padding: 0 !important;
	background: none !important;
}
.input_date input {
	padding: 7px 4px;
	border: none;
}
.input_date .glyphicon {
	right: 6px;
}
.input_date input:focus-visible {
	outline: none;
}