html, body {
	height: 100%;
}
.layout-boxed html, .layout-boxed body {
	height: 100%;
}
body {
	overflow-x: hidden;
	overflow-y: auto;
	color: #374767;
	background-color: #f1f3f6;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	-webkit-overflow-scrolling: touch;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
p {
	margin: 0;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* General Links */

h1, .h1 {
	font-size: 36px;
}
h2, .h2 {
	font-size: 30px;
}
h3, .h3 {
	font-size: 24px;
}
h4, .h4 {
	font-size: 18px;
}
h5, .h5 {
	font-size: 14px;
}
h6, .h6 {
	font-size: 12px;
}
a {
	color: #35414f;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
	color: #38a9a3;
	-webkit-transition: all .3s;
	transition: all .3s;
}
hr {
	border-top: 1px solid #ccc;
}
.wrapper {
	min-height: 100%;
	position: relative;
	overflow: hidden;
}
.main-header {
	position: relative;
	max-height: 60px;
	z-index: 9999;
	background-color: #f0f0f0;
	/* 	border-bottom: 1px solid #2b3642; */
	box-shadow: 0px 2px 16px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 2px 16px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, .5);
}
.main-header .navbar {
	-webkit-transition: margin-left 0.3s ease-in-out;
	-moz-transition: margin-left 0.3s ease-in-out;
	transition: margin-left 0.3s ease-in-out;
	transition: margin-left 0.3s ease-in-out;
	margin-bottom: 0;
	/* 	margin-left: 250px; */
	border: none;
	border-radius: 0;
}
.main-header .navbar.gray {
	background-color: gray;
}
.main-header .navbar.red {
	background-color: red;
}
.main-header .navbar.green {
	background-color: green;
}
.main-sidebar {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 40px;
	min-height: 100%;
	width: 250px;
	z-index: 810;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-webkit-transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
	transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	transition: 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, -webkit-transform 0.3s ease-in-out;
	background-color: #282d38;
}
.main-header .logo {
	display: block;
	float: left;
	height: 60px;
	font-size: 20px;
	line-height: 60px;
	text-align: left;
	width: 200px;
	padding: 0 15px 0 60px;
	margin-top: -10px;
	font-weight: 300;
	/* overflow: hidden; */
	background-color: #f0f0f0;
	color: #241d1d;
	-webkit-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
}
.main-header .gray .logo {
	background-color: gray;
}
.main-header .red .logo {
	background-color: red;
}
.main-header .green .logo {
	background-color: green;
}
.main-header .logo .logo-lg {
	display: block;
	text-align: center;
}
.main-header .logo .logo-lg img, .main-header .logo .logo-mini img {
	height: 41px;
}
.main-header .logo .logo-mini {
	display: none;
}
.sidebar-menu>li {
	white-space: nowrap;
}
.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #1f242f;
}
.sidebar-menu>li {
	position: relative;
	margin: 0;
	padding: 0;
}
.clear_mobile {
	display: none;
}
.sidebar-menu>li>a {
	padding: 15px 5px 15px 15px;
	display: block;
	color: #b4c2df;
	position: relative;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.3px;
	text-decoration: none;
	border-bottom: 1px solid #1f242f;
	border-left: 3px solid #282d38;
	line-height: 22px;
	z-index: 22;
	/*transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;*/
	overflow: hidden;
}
.sidebar-menu>li>a>i {
	margin-right: 10px;
	display: inline-block;
	font-size: 16px;
	top: 0;
}
.sidebar-menu>li.active>a:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	top: 0;
	width: 3px;
}
.sidebar-menu>li:hover>a, .sidebar-menu>li.active>a {
	color: #b4c2df;
	background: #262626;
	border-left: 3px solid #0055a5;
}
.sidebar-menu>li:hover>a{
	overflow: visible;
}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {
	width: 20px;
}
.sidebar-menu>li .label, .sidebar-menu>li .badge {
	margin-right: 5px;
}
.sidebar-menu>li .badge {
	margin-top: 3px;
}
.sidebar-menu li.header {
	padding: 10px 25px 10px 15px;
	font-size: 12px;
	color: #fff;
}
.sidebar-menu li>a>.fa-angle-right, .sidebar-menu li>a>.pull-right-container>.fa-angle-right {
	width: auto;
	height: auto;
	padding: 0;
	margin-right: 0;
}
.sidebar-menu li.active>a>.fa-angle-right, .sidebar-menu li.active>a>.pull-right-container>.fa-angle-right {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sidebar-menu>li>ul {
	display: none;
	padding: 20px 0 20px 20px;
}
.sidebar-menu>li>ul>li>a {
	line-height: 20px;
}
.sidebar-menu .treeview-menu {
	position: relative;
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 15;
}
/*.sidebar-menu .treeview-menu:before {
    width: 2px;
    bottom: 0;
    background: rgba(59, 70, 72, 0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 33px;
}*/

.sidebar-menu .treeview-menu .treeview-menu {
}
.sidebar-menu .treeview-menu>li {
	margin: 0;
	position: relative;
	border-bottom: 1px solid #3d4957;
	background-color: #2b3642;
}
.sidebar-menu .treeview-menu>li>a {
	padding: 12px 5px 12px 0;
	display: block;
	color: #b4bcc7;
	letter-spacing: 0.3px;
	font-weight: 500;
	font-size: 13px;
	text-decoration: none;
	padding-left: 40px;
}
.sidebar-collapse.sidebar-mini .sidebar-menu .treeview-menu>li>a {
	padding-left: 20px;
}
.sidebar-menu .treeview-menu li.disabled a {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
.sidebar-menu .treeview-menu>li.active>a {
	color: #fff;
	background-color: #4f5b6a;
}
.sidebar-menu .treeview-menu>li:hover>a {
	background-color: #4f5b6a;
}
/*.sidebar-menu .treeview-menu>li::before {
    left: 0;
    top: 13px;
    width: 15px;
    content: ' ';
    position: absolute;
    display: inline-block;
    border: 1px solid rgba(59, 70, 72, 0.5);
}*/

.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon, .sidebar-menu .treeview-menu>li>a>.ion {
	width: 20px;
}
.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-right, .sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down, .sidebar-menu .treeview-menu>li>a>.fa-angle-left, .sidebar-menu .treeview-menu>li>a>.fa-angle-down {
	width: auto;
}
.main-sidebar {
	margin: 20px 0 0;
}
.main-sidebar .search-panel {
	border-bottom: 1px solid #434f5d;
	width: 90%;
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
}
.main-sidebar .search-panel input {
	border: 0px;
	width: 100%;
	line-height: 30px;
	padding-right: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: none;
	color: #fff;
	font-size: 15px;
}
.main-sidebar .search-panel a {
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px;
	color: #606c7c;
}
.toggleNav {
	margin-left: 15px;
	display: inline-block;
	position: relative;
	z-index: 99;
	float: left;
}
.nav-toggle-wrapper {
	position: absolute;
	display: block;
	height: 50px;
	width: 40px;
	margin: 0 0 0 0;
	top: 12px;
}
.nav-toggle-wrapper i {
	width: 25px;
	height: 3px;
	position: absolute;
	background-color: #b6bec9;
	display: inline-block;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
}
.nav-toggle-wrapper i:before, .nav-toggle-wrapper i:after {
	content: '';
	width: 25px;
	height: 3px;
	background: #b6bec9;
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.nav-toggle-wrapper i {
	top: 17px;
}
.nav-toggle-wrapper i:before {
	top: -7px;
}
.nav-toggle-wrapper i:after {
	bottom: -7px;
}
.nav-toggle-wrapper.active i {
	background: transparent;
}
.nav-toggle-wrapper.active i:before, .nav-toggle-wrapper.active i:after {
	background: #b6bec9;
}
.nav-toggle-wrapper.active i:before {
	transform: rotateZ(45deg);
	top: 0
}
.nav-toggle-wrapper.active i:after {
	transform: rotateZ(-45deg);
	bottom: 0;
}
.sidebar-menu li>a>.pull-right-container {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -7px;/*	margin-top: -30px;
	margin-right: -20px;
	padding: 20px; */
}
.main-footer {
	background: #dedede;
	padding: 15px;
	color: #444;
	border-top: 1px solid #d2d6de;
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	font-size: 12px;
	font-weight: normal;
}
.paginationRight {
	float: right;
}
.pagination.paginationRight {
	margin: 0px 0px 15px 0px;
}
.pagination>li>a, .pagination>li>span {
	padding: 4px 12px;
	font-size: 14px;
}
.pagination>li>a, .pagination>li>span {
	background: #f2f2f2;
	color: #555555;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	background: #e0e0e0
}
.pagination>li>a.active {
	font-weight: bold;
	background: #e0e0e0
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {/* display:block !important; top:35px !important; left:0 !important; bottom: auto !important; right: auto !important; */
}
.order-details.edit_manufactures .popup-content {
	padding-top: 0;
}
a.view_btn {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background: url(../images/view_btn.png) center center no-repeat #2299c5;
	display: inline-block;
	padding: 0;
}
a.view_btn.fa {
	background: #2299c5;
}
a.view_btn.fa:before {
	color: #fff;
}
td a.main_btn {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background: #1c222d;/* background:url(../images/view_btn.png) center center no-repeat #2299c5; */
	display: inline-block;
	padding: 0;
}
a.edit_btn {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background: url(../images/edit_btn.png) center center no-repeat #44c023;
	display: inline-block;
	padding: 0;
}
a.add_btn {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background: url(../images/add_btn.png) center center no-repeat #44c023;
	display: inline-block;
	padding: 0;
}
a.action_button, button.action_button{
	width: 30px;
	height: 30px;
	border-radius: 3px;
	padding-top: 8px;
}
button.action_button{
	padding: 0px;
	float: left;
	margin-right: 5px;
}
a.add_btn_link {
	width: 30px;
	/* 	height: 30px; */
	min-height: 15px;
	border-radius: 3px;
	background: url(../images/edit_btn_bk.png) center center no-repeat;
	display: inline-block;
	padding: 0;
}
td.actions{
	min-width: 200px;
}
td.actions>a.fa {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	display: inline-block;
	padding: 0;
	font: normal normal normal 14px/1 FontAwesome;
}
td.actions>a.fa:before {
	line-height: 30px;
}
td.actions>a.done {
	cursor: not-allowed;
}
.actions .btn.btn-default.btn-danger {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background: url(../images/delete_btn.png) center center no-repeat #e9242d !important;
	display: block;
	font-size: 0;
	padding: 0;
}
.actions > a {
	float: left;
	margin-right: 5px;
}
#results {
	overflow: auto;
	max-height: 440px;
	padding: 0 15px;
	margin-top: 20px;
	padding-top: 20px;
	margin-right: 15px;
}
#assignAccountForm #results {
	overflow: auto;
	max-height: 440px;
	padding: 0 15px;
	margin-top: 0px;
	padding-top: 20px;
	margin-right: 0px;
}
#results > div input[type=radio] {
	display: none !important;
}
#results > div input[type=radio] + label {
	width: 100%;
	margin-bottom: 0;
	background: #fff;
	display: block;
	margin-bottom: 10px;
	transition: all ease 0.5s;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
	padding-left: 60px;
	background: url(../images/radio.png) 20px center no-repeat #fff;
	cursor: pointer;
}
#results > div input[type=radio]:checked + label {
	box-shadow: 0 0 4px rgba(66,139,202,1);
	background: url(../images/radio_checke.png) 20px center no-repeat #fff;
}
#results > div input[type=radio] + label table.table {
	margin-bottom: 0;
}
#results > div input[type=radio] + label table.table tbody tr td {
	border-top: none !important;
}
#results > div input[type=radio] + label table.table.table-hover tbody tr:hover td {
	background: #fff;
}

.checkbox_dropdown{
	border: 1px solid #d8d8d8;
	border-radius: 2px;
	box-shadow: none;
	min-height: 40px;
	padding: 5px;
	width: 100%;
	font-size: 13px;
	background: #fff;
	padding-left: 10px;
}




.checkbox_dropdown_box span.drop{
     background:url(../images/arrow.png) right center no-repeat;
     float:right;
     width:20px;
     height:20px;
}
 .checkbox_dropdown_box .checkbox_element {
    float:left;
     height:20px;
}
 .checkbox_dropdown_box {
     background: #fff;
     height: 32px;
     width: 60px;
     position: relative;
     padding: 5px;
}
 .checkbox_dropdown_box.active {
     box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
 .checkbox_dropdown_box.active .checkbox_options {
    display:block;
}
 .checkbox_dropdown_box .checkbox_options {
    position: absolute;
     display:none;
     top: 100%;
     left: 0;
     width: 130px;
     list-style-type:none;
     background: #fff;
     margin:0;
     padding:0;
     box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
 .checkbox_dropdown_box .checkbox_options li {
    font-size:13px;
     border-bottom:1px solid #ccc;
     padding:12px 20px;
     cursor:pointer;
}
 .checkbox_dropdown_box .checkbox_options li:last-child {
    border-bottom:none;
}
 .checkbox_dropdown_box .checkbox_options li:hover {
    background:#f9f9f9;
}



@media (min-width: 1025px) {
/* .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
        float: right;
        width: auto!important;
        left: 200px!important;
        top: 11px!important; height: 40px;
    }*/
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
	margin-left: 50px;
	z-index: 840;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 50px;
	z-index: 999;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li {
	position: relative;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
	margin-right: 0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
	border-top-right-radius: 4px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
	border-bottom-right-radius: 4px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-right-radius: 4px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
	display: block!important;
	position: absolute;
	min-width: 180px;
	left: 100%;
}
.sidebar-collapse.sidebar-mini .sidebar .sidebar-menu li a span.pull-right-container {
	display: none !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
	top: 0;
	margin-left: 0px;
	padding: 12px 5px 12px 20px;
	background-color: inherit;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
	float: right;
	width: auto!important;
	left: 190px!important;
	top: 10px!important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
	display: none;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
	top: 39px;
	margin-left: 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-collapse.sidebar-mini .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
	display: none!important;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.sidebar-mini.sidebar-collapse .main-header .logo {
	/* 	width: 50px; */
	margin-left: 50px;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
	display: block;
	margin-left: -15px;
	margin-right: -15px;
	font-size: 18px;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
	display: none;
}
.sidebar-mini.sidebar-collapse .main-header .navbar {
/* 	margin-left: 50px; */
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel input {
	visibility: hidden;
	width: 1px;
	position: absolute;
	left: 50px;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel a {
	width: 50px;
	height: 40px;
	text-align: center;
	display: block;
	line-height: 40px;
	position: static;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel {
	width: 100%;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel:hover input {
	visibility: visible;
	width: 200px;
	background: #38aaa3;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	line-height: 38px;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel:hover a {
	background: #38aaa3;
	border: 0px;
	color: #fff;
}
 .sidebar-mini.sidebar-collapse .main-sidebar .search-panel input::-webkit-input-placeholder, .sidebar-mini.sidebar-collapse .main-sidebar .search-panel input::-moz-placeholder, .sidebar-mini.sidebar-collapse .main-sidebar .search-panel input:-ms-input-placeholder, .sidebar-mini.sidebar-collapse .main-sidebar .search-panel input:-moz-placeholder {
 color: #fff;
 border: 1px solid #00ff00;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
}
:focus {
	outline: none;
}
     ::-moz-focus-inner {
 border: 0;
}
button:focus, button:active, input:focus, input:active {
	outline: 0;
	border: 0;
}
}
.red{
	background-color: red;
}
ul.userinfo-header {
	float: right;
	width: auto;
	margin: 0 30px 0 0;
	position: relative
}
ul.userinfo-header li {
	display: inline-block;
	padding: 0 15px 0 5px;
	line-height: 55px;
}
ul.userinfo-header li:hover {
	background-color: #e1e1e1
}
ul.userinfo-header li.message {
	padding-right: 45px;
}
ul.userinfo-header li a {
	display: block;
	position: relative;
	color: #000;
	text-decoration: none;
	transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
}
ul.userinfo-header li.message a {
	padding-right: 10px;
}
.green ul.userinfo-header li a, .gray ul.userinfo-header li a, .red ul.userinfo-header li a{
	color: white;
}
ul.userinfo-header li .dropdown-menu a {
	color: #666;
}
ul.userinfo-header li a span.alert-message {
	width: 22px;
	height: 22px;
	display: block;
	color: #fff;
	position: absolute;
	border-radius: 100px;
	right: -17px;
	top: 14px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}
ul.userinfo-header li a img {
	margin-right: 10px;
	border-radius: 100px;
	border: 1px solid #192634;
	transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
}
ul.userinfo-header li a:hover img {
	border: 1px solid #0055a5;
}
ul.userinfo-header li a span.alert-message.blue {
	background-color: #0055a5;
}
ul.userinfo-header li a span.alert-message.green {
	background-color: #e96f35;
}
ul.userinfo-header li a:hover {
	color: #0055a5;
}
.main-header .dropdown-menu {
	position: absolute;
	background: #fff;
	margin-top: 5px;
	border: 1px solid #D9DEE4;
	-webkit-box-shadow: none;
	right: 0;
	left: auto;
	width: 220px;
	border-top: 0px;
	text-align: left;
}
.main-header .dropdown-menu li a {
	width: 100%;
	padding: 12px 20px 12px 17px;
	color: #666;
	border-left: 3px solid #fff;
}
.main-header .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background: #262626;
	border-left: 3px solid #0055a5;
}
.main-header ul.dropdown-menu li {
	margin: 0px;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #efefef;
}
.main-header ul.dropdown-menu {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 0px;
}
.main-header ul.dropdown-menu li:hover a {
	color: #fff
}
.main-header .notification .dropdown-menu, .main-header .message .dropdown-menu {
	/* 	width: 300px; */
}
.main-header .notification .dropdown-menu li a i {
	padding-right: 10px;
}
.main-header .message .dropdown-menu li a {
	position: relative;
	/* 	padding-left: 70px; */
}
.main-header ul.userinfo-header .message .dropdown-menu li a img {
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: inherit;
	border: 1px solid #e1e1e1;
}
.main-header .dropdown-menu li a h4 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #000;
}
.main-header .dropdown-menu li a p {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
.main-header .dropdown-menu li:hover a h4 {
	color: #fff;
}
.main-header .dropdown-menu li:hover a p {
	color: #fff;
}
.main-header .dropdown-menu>li>a {
	white-space: inherit
}
.content {
	margin-right: auto;
	margin-left: auto;
	padding: 0 30px 10px;
	padding-top: 20px;
	padding-bottom: 80px;
}
.content-sub-header {
	margin-right: auto;
	margin-left: auto;
	padding: 0 30px 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.content-wrapper, .right-side, .main-footer {
	-webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
	-webkit-transition: margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	transition: margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	margin-left: 250px;
	z-index: 1020;
}
.content-header {
	position: relative;
	padding: 6px 20px;
	background-color: #fff;
	border-bottom: 1px solid #e9ebed;
	margin-bottom: 0px;
}
.content-header h1, .content-header h4 {
	color: #676b6e;
	float: left;
	margin: 15px 0 10px 0;
}
.content-header h1 {
	font-size: 25px;
	font-weight: 300;
}
.content-header .main_btn {
	margin: 0;
	float: right;
	position: relative;
	right: 20px;
	top: 21px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 15px;
}
.content-header ul.breadcrumb {
	background: none;
	padding: 0px;
	margin: 0 0 10px 0;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.fl-right {
	float: right;
}
.content-header {
	position: relative;
	padding: 6px 20px;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 0px;
	min-height: 94px;
}
.content .order-details, .content-sub-header .order-details {
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	margin: 0px 0 0 0;
	padding: 20px;
	float: left;
	width: 100%;
}
.order-details.edit_manufactures {
	max-width: 800px;
	margin: 0 auto;
	float: none;
}
.order-details.edit_manufactures.account_edit {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	background: none;
	box-shadow: none;
	float: none;
}


.account_edit .white_bg
{padding: 20px; background: #fff;}
.content .order-details.reports_page {
	padding: 0;
	box-shadow: none;
	background: none;
}
.content .order-details.reports_page div.table-responsive {
	border: none;
}
.content .order-details.reports_page .dt-buttons {
	float: right;
	margin: 20px 0;
}
.content .order-details.reports_page .dt-buttons button.dt-button {
	margin: 0;
	padding: 0 20px 0 46px;
	border: none;
	height: 40px;
	cursor: pointer;
	margin-left: 20px;
	border-radius: 3px;
}
.content .order-details.reports_page .dt-buttons button.dt-button span {
	font: 15px/16px open sans;
	color: #fff;
}
.content .order-details.reports_page nav.navbar, .search_section nav.navbar {
	background: #282d37;
	border: 1px solid #282d37;
	margin-bottom: 40px;
}
.search_section nav.navbar {
	margin: 20px 0 0 0;
	padding-top: 5px;
}
.search_section .form-group {
	margin-bottom: 5px;
}
.search_section .form-group label {
	margin-top: 10px;
}
.content .order-details.reports_page nav.navbar .form-group {
	margin-bottom: 20px;
}
.content .order-details.reports_page nav.navbar label, .search_section nav.navbar label {
	color: #fff;
	font: 700 13px/14px open sans;
}
.content .order-details.reports_page nav.navbar span.input-group-addon {
	display: none;
}
.content .order-details.reports_page nav.navbar .form-control, .search_section nav.navbar .form-control {
	border: none;
	border-radius: 3px;
}
.content .order-details.reports_page nav.navbar button.form-control[type="submit"], .search_section nav.navbar button.form-control[type="submit"] {
	background: #1d58a8;
	color: #fff;
	text-transform: uppercase;
	font: 700 15px/16px open sans;
	border-bottom: 2px solid #11458d;
}
.content .order-details.reports_page nav.navbar .input-group {
	display: block;
}
.content .order-details.reports_page nav.navbar input.datepicker {
	background: url(../images/cal.png) 10px center no-repeat #fff;
	padding-left: 45px;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-copy {
	background: url(../images/ico_21.png) 20px center no-repeat #e94c3d;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-csv {
	background: url(../images/ico_22.png) 20px center no-repeat #0fa98c;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-excel {
	background: url(../images/ico_23.png) 20px center no-repeat #3497d2;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-pdf {
	background: url(../images/ico_24.png) 20px center no-repeat #34495e;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-print {
	background: url(../images/ico_25.png) 20px center no-repeat #965ba5;
}
.content .order-details.reports_page .dataTables_filter {
	float: left;
	margin: 20px 0;
}
.content .order-details.reports_page .dataTables_filter label {
	font-size: 0;
}
.content .order-details.reports_page .dataTables_filter label input {
	font-size: 12px;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #d5d5d5;
	padding: 0 12px;
	min-width: 400px;
	max-width: 400px;
}
.content .form-compacked {
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	margin: 34px 0 0 0;
	padding: 20px;
	float: left;
	width: 100%;
}
.form-compacked .popup-content {
	padding-top: 0px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active {
	background-color: #1d58a8 !important;
}
.bootstrap-datetimepicker-widget a.btn {
	background-color: transparent;
}
.bootstrap-datetimepicker-widget .table-condensed {/* background:#fff; */ /* min-width:300px; */
}
.bootstrap-datetimepicker-widget .table-condensed thead {/* background:#1d58a8; color:#fff; */
}
.bootstrap-datetimepicker-widget .table-condensed thead tr th, .bootstrap-datetimepicker-widget .table-condensed tbody tr td {/* border-radius:0; */
}
.bootstrap-datetimepicker-widget .table-condensed tbody tr td.active.today {
	background: #1d58a8;
	color: #fff;
}
.bootstrap-datetimepicker-widget .table-condensed thead tr th:hover, .bootstrap-datetimepicker-widget .table-condensed thead tr:first-child th:hover {
	background: #1d58a8;
	color: #fff;
}
/*.content .orderNumber {
	position: relative;
}*/
.content .orderNumber a > i {
	line-height: 50px;
	position: absolute;
	top: 0;
	right: 10px;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	color: #b7b7b7;
}
.content .orderNumber a i {
}
.content .orderNumber a:hover i {
	color: #38a9a3;
}
.content .tableItem p {
	margin: 0px;
	padding: 0px;
}
ul.inputElements {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 100%;
}
ul.inputElements li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	float: left;
}
ul.inputElements li:last-child {
	margin-right: 0;
	float: right;
}
ul.inputElements li.hideonMob {
	float: right;
	margin-right: 0;
}
.selectBox {
	width: auto;
}
.selectBox .select-box {
	cursor: pointer;
	position: relative;
	max-width: 20em;
	margin: 0;
	width: 140px;
}
.selectBox .select, .selectBox .label {
	color: #555555;
	display: block;
	font: 400 12px/20px 'FontAwesome', sans-serif;
	text-align: center;
	font-weight: bold;
}
.selectBox .select {
	width: 100%;
	position: absolute;
	top: 0;
	padding: 5px 0;
	height: 30px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background: none transparent;
	border: 0px;
	cursor: pointer;
}
.selectBox .select-box1 {
	background: #e0e0e0;
}
.selectBox .label {
	position: relative;
	padding: 8px 5px;
	cursor: pointer;
	padding-right: 40px;
}
.selectBox .open .label::after {
	content: "\f106";
}
.selectBox .label::after {
	content: "\f107";
	font-size: 22px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 8px 10px;
	border-left: 1px solid #fff;
}
.table-responsive .selectBox .select-box {
	width: 110px;
}
.content .search-panel {
	border: 1px solid #c8c8c8;
	width: 100%;
	position: relative;
	border-radius: 5px;
}
.content .search-panel input {
	border: 0px;
	width: 100%;
	padding-right: 70px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: none;
	color: #666;
	font-size: 14px;
	padding-left: 10px;
	padding: 7px 70px 7px 10px;
}
.content .search-panel a {
	position: absolute;
	right: 0;
	top: 0;
	color: #606c7c;
	width: 55px;
	text-align: center;
	background: #e0e0e0;
	line-height: 34px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.hideonDesktop {
	display: none;
}
.filterSection {
	width: 100%;
	margin: 20px 0 0 0;
	float: left;
}
.filterSection .btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	border: 1px solid #ccc;
	padding: 10px 20px;
}
.filterSection .btn-default:hover {
	color: #fff;
	background-color: #38aaa3;
	border-color: #38aaa3;
}
/*..........button css start.................*/

.btn {
	display: inline-block;
	padding: 7px 25px;
	/* 	padding-top: 14px; */
	margin-bottom: 0;
	font-size: 15px;
	line-height: 20px;
	color: #5e5e5e;
	text-align: center;
/* 	vertical-align: middle; */
	vertical-align: top;
	cursor: pointer;
	background-color: #d1dade;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: none !important;
	border: none;
	text-shadow: none;
	box-shadow: none;
	transition: all 0.12s linear 0s !important;
	font: 15px/20px "open sans", Helvetica, Arial, sans-serif;
}
.btn-cons {
	margin-right: 5px;
	min-width: 120px;
	margin-bottom: 8px;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-primary {
	color: #fff;
	background-color: #0055a5;
	border-color: #0055a5;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background: #044480;
}
.btn-primary:active, .btn-primary.active {
	background: #044480;
	box-shadow: none;
}
.btn-success {
	color: #fff;
	background-color: #38aaa3;
	border-color: #38aaa3;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
	background: #29857f;
}
.btn-success:active, .btn-success.active {
	background: #29857f;
	box-shadow: none;
}
.btn-grey {
	color: #555555;
	background-color: #d0d0d0;
	border-color: #d0d0d0;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open>.dropdown-toggle.btn-grey {
	background: #e1e1e1;
}
.btn-grey:active, .btn-grey.active {
	background: #e1e1e1;
	box-shadow: none;
}
.btn-info {
	color: #fff;
	background-color: #2f3645;
	border-color: #2f3645;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
	background: #1c222d;
}
.btn-info:active, .btn-info.active {
	background: #1c222d;
	box-shadow: none;
}
.btn-warning {
	color: #333;
	background-color: #ffedc1;
	border-color: #ffedc1;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
	background: #e4cf9c;
	color: #666;
}
.btn-warning:active, .btn-warning.active {
	background: #e4cf9c;
	box-shadow: none;
}
.btn-danger {
	color: #fff;
	background-color: #e9242d;
	border-color: #e9242d;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
	background: #ae0c14;
}
.btn-danger:active, .btn-danger.active {
	background: #ae0c14;
	box-shadow: none;
}
.btn-white {
	color: #5e5e5e;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}
.btn-white.sm {
	padding: 10px 20px 10px 20px;
	margin-left: 10px;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	border-color: transparent;
}
.btn-link {
	color: #5e5e5e;
	background-color: transparent;
	border: none;
}
.btn-small {
	padding: 5px 6px;
	font: 13px/15px "open sans", Helvetica, Arial, sans-serif;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	border-color: transparent;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn:hover{
	color: inherit;
	background-color: #b7c5cb;
}

ul.buttonList {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
ul.buttonList li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}
ul.buttonList li .btn {
	padding: 5px 25px;
}
ul.labelList {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
ul.labelList li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}
ul.labelList li .btn {
	padding: 5px 25px;
	cursor: default;
}
.btn.btn-sm {
	padding: 5px 15px;
	cursor: pointer;
}
.status .btn {
	padding: 0 25px;
	border-radius: 20px;
	font-size: 14px;
}
ul.table-options {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	margin: 11px 0 0 0;
}
ul.table-options li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	position: relative;
}
ul.table-options li:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 15px;
	top: 3px;
	background: #a6a6a6;
}
ul.table-options li a {
	font-size: 12px;
	margin: 0 5px 0 5px;
	text-decoration: none;
	color: #555555;
}
ul.table-options li span.selected {
	font-size: 12px;
	margin: 0 5px 0 5px;
	text-decoration: none;
	color: #9cdbe4;
	display: inline-block;
}
ul.table-options li a:hover {
	color: #9cdbe4;
}
ul.table-options li:last-child:after {
	display: none;
}
.table-responsive>table>thead>tr>th {
	font-family: 12px;
	background: #f2f2f2;
	border-color: #f2f2f2;
	white-space: nowrap;
}
.table-responsive>.dataTables_wrapper>table>thead>tr>th {
/* 	background: #f2f2f2; */
}
.table-responsive {
	margin: 0px 0 0 0;
	font-family: "open sans";
	clear: both;
}
.table-responsive>tbody>tr>td {
/* 	white-space: nowrap; */
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
	/* 	padding: 20px 30px 20px 30px; */
	padding: 8px;
	font-size: 14px;
	line-height: 22px;
	vertical-align: middle;
}
.table thead>tr>th a:not(.btn), .table tbody>tr>th a:not(.btn), .table tfoot>tr>th a:not(.btn), .table thead>tr>td a:not(.btn), .table tbody>tr>td a:not(.btn) {
	/* 	color: #555555; */
	color: #0055a5;
	text-decoration: none;
	text-align: center;
}
.table thead>tr>th a:not(.btn):hover, .table tbody>tr>th a:not(.btn):hover, .table tfoot>tr>th a:not(.btn):hover, .table thead>tr>td a:not(.btn):hover, .table tbody>tr>td a:not(.btn):hover {
	/* 	color: #38a9a3; */
	text-decoration: underline;
}
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.table-responsive.scroll_none {
	overflow: inherit;
	-webkit-overflow-scrolling: none;
	-ms-overflow-style: none;
	margin-bottom: 30px;
}
.table-responsive table tr th {
	border: 0px;
}
.table-responsive table thead {
	position: relative;
	z-index: 14;
}
.table-responsive table thead tr th:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #eaeaea;
	left: 0;
	bottom: 0;
}
.table-responsive.popupTable table thead tr th:before {
	display: none;
}
.sticky-table {
	max-width: 100%;
	max-height: inherit;
	overflow: auto;
	overflow-y: hidden;
/* 	overflow-x: hidden; */
}
.sticky-table table {
	margin-bottom: 0;
	width: 100%;
	max-width: 100%;
	border-spacing: 0
}
.sticky-table table tr.sticky-row td, .sticky-table table tr.sticky-row th {
	border-top: 0;
	/*position: relative;*/
	z-index: 16;
	color: #676b6e;
	font-size: 14px;
	font-weight: 7100;
}
.sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell {
	background-color: #fff;
	/* outline: red solid 1px;*/
	/*position: relative;*/
	z-index: 11;
}
.sticky-table table td.sticky-cell:before, .sticky-table table td.sticky-cell:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background: #eaeaea;
	right: 0;
	top: -1px;
}
.sticky-table table td.sticky-cell:after, .sticky-table table td.sticky-cell:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #eaeaea;
	left: 0;
	bottom: 0;
}
.sticky-table table tr.sticky-row td.sticky-cell, .sticky-table table tr.sticky-row th.sticky-cell {
	z-index: 17;
}
.sticky-table table tr.sticky-row th.sticky-cell {
	background: #f2f2f2;
}
.sticky-table table tr.greyBg td {
	background: #f5f5f5
}
.table-responsive >thead >tr >th i.fa-sort:before {
	color: red
}
.filter-menu {
	background: #36414f;
	-webkit-transform: translate(-250px, 0);
	transform: translate(-250px, 0);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	width: 250px;
	z-index: 852;
	position: absolute;
	top: 110px;
	bottom: 0;
}
.filterOpen .filter-menu {
	background: #36414f;
	width: 250px;
	float: left;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 250px;
	z-index: 850;
}
.filter-menu .filter-list {
	width: 100%;
	float: left;
	padding: 0 15px 0 15px;
}
.filter-menu .filter-list>h3 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #3c4855;
	padding-bottom: 10px;
	position: relative;
}
.filter-menu i {
	font-family: 16px;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 12px;
	color: #bfccdb;
	border: 1px solid #bfccdb;
	border-radius: 100px;
	line-height: 28px;
	text-align: center;
	display: block;
	z-index: 9;
}
.table thead>tr>th {
	/* 	padding: 15px 30px 15px 30px; */
	padding: 8px;
	font-size: 12px;
	vertical-align: middle;
}
/*......checkbox star...............*/

.checkboxPanel {
	position: relative;
	height: 24px;
}
input[type=checkbox] {
	display: none;
	margin: 0px;
}
/* to hide the checkbox itself */

input[type=checkbox]+label:before {
	font-family: "FontAwesome";
	display: inline-block;
	font-size: 16px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 0;
	margin: 0px;
	border: 1px solid #dadada;
}
.checkboxPanel label {
	margin: 0px;
}
input[type=checkbox]+label:before {
	content: "";
	border: 2px solid #d0d0d0;
	background: #fff;
}
/* unchecked icon */

label {
	cursor: pointer;
}
input[type=checkbox]:checked+label:before {
	content: "\f00c";
	border: 1px solid #056d67;
	background: #0055a5;
	color: #fff;
	line-height: 21px;
}
input[type=checkbox]+label.disabled:before {
	content: "\f068";
	border: 1px solid #056d67;
	background: #0055a5;
	color: #fff;
	line-height: 21px;
}
ul.table-items {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 315px;
}
ul.table-items li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	white-space: nowrap;
}
ul.table-items {
	margin-bottom: 20px;
}
ul.table-items:last-child {
	margin-bottom: 0;
}
ul.table-items {
	margin-bottom: 20px;
}
ul.table-items:last-child {
	margin-bottom: 0;
}
.paginationRight {
	float: right;
}
.pagination.paginationRight {
	margin: 0px 0px 15px 0px;
}
.filterSection button {
	width: 100%;
}
.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: normal; */
	white-space: nowrap;
/* 	text-align: center; */
vertical-align: top;
}
.table-responsive > .table > tbody > tr > td[data-label="comment"] {
	white-space: normal;
}
.table-responsive > .table > tbody > tr > td > span.status{
	float: left;
	width: 97%;
	text-align: center;
	border: solid .5px;
	padding: 4px;
	margin: 4px 0px;	
}
.table-responsive > .table > thead > tr > th.center_txt {
	text-align: center;
}
.main_btn {
	/* 	margin-top: 22px; */
	margin-bottom: 20px;
}
.enteries {
	float: left;
	margin-bottom: 20px;
}
.add {
	background: #2f3645;
}
.update {
	background: #0055a5;
}
ul.labelList.btns_with {
	max-width: 370px;
	margin-top: 20px;
}
ul.labelList.btns_with li {
	margin-bottom: 14px;
}
ul.labelList li a.btn, ul.labelList li a.btn:hover {
	padding-top: 12px;
	padding-bottom: 12px;
	cursor: pointer;
	color: #fff;
}
.breadcrumb > .active {
	color: #0055a5;
}
.morecontent span {
	display: none;
}
.comment {
	max-width: 1000px;
}
/* checked icon */


/*......checkbox end...............*/

.login_page {
	background: #282d38;
}
.login_page .wrapper {
	height: 100%;
	display: table;
	height: 100%;
	width: 90%;
	margin: 0 auto;
}
.login_page .wrapper .login_section {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.login_block {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 1);
	background: #fff;
	border-radius: 3px;
}
.login_block h1 {
	margin: 30px 0 40px 0;
	color: #666666;
	font-weight: 300;
	display: block;
	clear: both;
}
.login_logo {
	padding: 35px 0 20px 0;
}
.login_block form {
	padding: 0;
}
.login_block form .form_control {
	margin-bottom: 15px;
	position: relative;
}
.login_block form .form_control.border {
	border: 0px;
	border: 1px solid #d8d8d8;
	background: #fff;
	-webkit-appearance: none
}
.login_block form .form_control.border:hover {
	border: 1px solid #b2b2b2;
	background: #fff;
}
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background: #fff;
}
.login_section .form_control i {
	position: absolute;
	top: 23px;
	left: 20px;
	color: #b9b9b9;
}
.login_block form input[type="text"], .login_block form input[type="password"] {
}
.login_block form .form_control.submitBtn {
	padding-left: 0;
}
.login_block form input[type="text"], .login_block form input[type="password"] {
	height: 57px;
	padding: 0 15px 0 45px;
	font: 300 15px/16px open sans;
	width: 100%;
	border: 0px;
	background: none;
}
.login_block form input[type="submit"] {
	height: 57px;
	color: #fff;
	background: #3276b1;
	padding: 0 15px;
	font: 800 18px/20px open sans;
	width: 100%;
	border: 0px;
}
.login_block form input[type="submit"]:hover {
	background: #044480;
}
.login_block .sign_up_bar {
	color: #fff;
	background: #a4a4a4;
	padding: 22px 20px;
	font: 19px/20px open sans;
	cursor: pointer;
	width: 100%;
	display: block;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.login_block .form-content {
	padding: 0 50px 0 50px;
}
.login_block .remember_me {
	display: block;
	text-align: left;
	cursor: pointer;
}
.login_block .remember_me label {
	display: inline-block;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	font-family: "Open Sans";
	color: #9f9f9f;
	font-weight: 300;
}
.login_block .remember_me input[type=checkbox]+label:before {
	margin-right: 5px;
	vertical-align: top;
}
.login_block .sign_up_bar a {
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
.login_block form .form_control.have_account {
	margin: 40px 0 40px 0;
	font-size: 18px;
	font-weight: 600;
	color: #9f9f9f;
}
.login_block form .form_control.have_account a {
	text-decoration: underline;
	color: #000;
}
.login_block form .form_control.have_account a:hover {
	text-decoration: none;
	color: #374767;
}
.forgot_pass {
	float: right;
	color: #3c4457;
	font: 16px/16px open sans;
	text-decoration: underline;
}
.login_block .sign_up_bar:hover {
	background-color: #666
}
.content .order-details.listpage {
	padding-top: 15px;
}
.accordian_list {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	border: 1px solid #dadada;
	padding: 10px;
	border-bottom: 0px;
	margin-top: 10px;
	z-index: 99;
}
.accordian_list.fullborder {
	border: 1px solid #dadada;
}
.accordian_list h4 {
	float: left;
	padding: 5px 0 0 20px;
}
.accordian_list h4 i {
	width: 20px;
}
.accordian_list .btnRight {
	float: right;
}
.slide-popup-overlay {
	background: rgba(0, 0, 0, 0.35);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 0.2s ease 0s;
	opacity: 0;
	visibility: hidden;
	z-index: -2;
	overflow: auto;
}
.slide-popup-overlay.popup-center {
	padding-left: 15px;
	padding-right: 15px;
}
.slide-popup-show {
	opacity: 1;
	visibility: visible;
	z-index: 999996;
}
.slide-popup-container {
	background: #FFF;
	position: absolute;
	right: 0;
	top: 50%;
	width: 997px;
	max-width: 85%;
	margin: 0 auto;
	opacity: 0;
	padding-right: 10px;
	font-family: "Open Sans", sans-serif;
	overflow: auto;
	max-width: 1170px;
	margin: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%
}
.slide-popup-overlay.slide-popup-show .slide-popup-container {
	opacity: 1;
}
.checkout-signup-popup .slide-popup-container {
	margin-top: 5%;
}
.popup-center.popup-small .slide-popup-container {
	max-width: 800px;
	padding: 0;
	border-radius: 5px;
	background: #f4f4f4;
	padding-bottom: 100px;
}
.popup-center.popup-medium .slide-popup-container {
	max-width: 900px;
	padding: 0;
}
.popup-center .slide-popup-container {
	max-width: 85%;
	padding: 0;
	left: 0;
}
.slide-popup-large .slide-popup-container {
	max-width: 95%;
	width: 90%;
}
.slide-popup-controls {
	height: 28px;
	margin-bottom: 20px;
	margin-top: 20px;
	top: 0;
	width: 100%;
	text-align: left;
	padding: 0 40px;
}
.popup-center .slide-popup-controls {
	margin-bottom: 6;
	text-align: right;
	padding: 0 55px;
}
.popup-center.email-to-friend-popup .slide-popup-controls {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 16px;
	width: auto;
	width: auto;
}
.slide-popup-controls a.slide-popup-close {
	cursor: pointer;
	color: #a3a3a3;
	font-size: 23px;
	font-weight: 300;
	padding: 0 18px 0 0;
}
.popup-center .slide-popup-content {
	display: block;
	padding: 0 27px 0 27px;
	position: static;
	left: 0;
	top: 70px;
	right: 10px;
	bottom: 0;
	overflow-y: auto;
}
.popup-center.fullWidth .slide-popup-container {
	margin-top: 0px;
	top: 5%;
}
.popup-center.fullWidth .slide-popup-container {
	padding: 0;
	left: 0;
	bottom: 2%;
	top: 2%;
	position: fixed;
	margin-bottom: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	max-width: inherit;
	width: 98%;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.popup-center.fullWidth .table-responsive {
	margin-top: 0px;
}
.popup-center.fullWidth .slide-popup-content {
	position: absolute;
	padding: 0 30px 0 30px;
	left: 0;
	top: 80px;
	right: 23px;
	overflow-y: scroll;
	bottom: 0;
}
.slide-popup-container h1.popup_heading {
	font-size: 28px;
	border-bottom: 1px solid #ddd;
	text-align: center;
	text-align: left;
	padding: 0 0 0 20px;
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin: 0px;
	line-height: 60px;
	color: #848484;
}
.CheckoutBillingInfo .popup-add-new-address span {
	width: 150px;
	height: 30px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -75px;
}
.CheckoutBillingInfo .popup-add-new-address:hover {
	border-color: #62ccca;
	color: #62ccca;
	background: #f2f2f2;
}
.CheckoutBillingInfo .display-table .display-table-cell {
	position: relative;
}
.CheckoutBillingInfo label {
	width: 100%;
	margin: 0;
	cursor: pointer;
	font-weight: normal;
	padding: 15px;
	border: 2px solid #e3e3e3;
}
.CheckoutBillingInfo label address {
	margin: 0;
}
.CheckoutBillingInfo input[type="radio"] {
	position: absolute;
	visibility: hidden;
}
.CheckoutBillingInfo input[type="radio"]:checked+label {
	border-color: #62ccca;
	box-shadow: 0 0 5px #62ccca;
	background: #f2f2f2;
}
.CheckoutBillingInfo input[type="radio"]:checked+label .select-btn span {
	background: #62ccca;
	color: #ffffff;
	border-color: #62ccca;
	text-align: left;
}
.CheckoutBillingInfo .select-btn .fa {
	display: none;
	position: absolute;
	right: 5px;
	top: 7px;
}
.CheckoutBillingInfo input[type="radio"]:checked+label .select-btn .fa {
	display: block;
}
.CheckoutBillingInfo .select-btn {
	margin-top: 10px;
}
.CheckoutBillingInfo .select-btn span {
	background: #f3f3f3;
	border: 1px solid #d8d8d8;
	border-radius: 2px;
	color: #d8d8d8;
	display: inline-block;
	padding: 5px 35px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.CheckoutBillingInfo .lastname {
	display: block;
	clear: both;
}
.selectBox.inlineBlock {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.selectBox .select-box.small {
	width: 100px;
}
.roundedRadio.topmargin {
	margin-top: 10px;
}
.roundedRadio {
	position: relative;
	display: inline-block;
}
.roundedRadio input[type="radio"] {
	position: absolute;
	visibility: hidden;
}
.roundedRadio input[type="radio"]+label span {
	width: 20px;
	height: 20px;
	left: 0;
	top: 0;
	position: absolute;
	border-radius: 100px;
	background: #fff;
	border: 2px solid #3d3d3d;
	z-index: 1;
}
.roundedRadio input[type="radio"]+label {
	color: #3d3d3d;
	padding-left: 26px;
}
.roundedRadio input[type="radio"]:checked+label {
	color: #6acbc9;
}
.roundedRadio input[type="radio"]:checked+label span {
	border-color: #6acbc9;
}
.checkout-address-form h3 {
	width: 100%;
	float: left;
}
.checkout-address-form>form>ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.checkout-address-form ul li {
	padding: 10px 0;
	list-style: none;
}
.checkout-address-form ul li label {
	
	width: auto;
	text-align: left;
	padding-top: 8px;
	display: block;
	font-size: 13px;
/*
	color: #666;
	font-weight: 400;
*/
	color: #000;
	font-weight: 700;
}
.checkout-address-form ul li .form-feild label.switch {
	width: 50px;
}

h3.sub_title
	
	
	 {
   
  
    text-transform: uppercase;
    padding-bottom: 15px; margin-top: 0;
    margin-bottom: 25px;
    font-size: 17px; position: relative; color: #044480; font-weight: 700;
}

h3.sub_title:after
{height:2px; width:80px; position: absolute; left: 0; bottom: 0; content: ''; background: #044480;}

.account_edit .checkout-address-form ul li label
{padding-top: 0 !important;}

.account_edit .checkout-address-form .custom_radio_btns label
{padding-top: 8px !important;}

.custom_radio_btns
{margin-left:1px;}
.custom_radio_btns.half{
/* 	width: 50%; */
}
.custom_radio_btns.tri > div
{float:left; margin-left: -1px; width: 33.33%;}
.custom_radio_btns.four > div
{float:left; margin-left: -1px; width: 25%;}
.custom_radio_btns.half > div
{float:left; margin-left: -1px; width: 50%;}
.custom_radio_btns.full > div
{float:left; margin-left: -1px; width: 100%;}
.custom_radio_btns.full > div label
{width: 100%;}

.custom_radio_btns > div label
{position:relative; padding: 8px 10px 9px 45px !important; border: 1px solid #b2b2b2; height: 40px; color: #666; cursor: pointer; width: 100%}

.custom_radio_btns > div input[type="radio"]{
/* 	display:none !important;  */
	opacity: 0;
	position: absolute;
	z-index: -1;

}
.custom_radio_btns > div input[type="radio"]:checked + label{border: 1px solid #044480; background: #044480; color: #fff;}
.custom_radio_btns > div input[type="radio"]:checked + label.buy{background-color: green !important; }
.custom_radio_btns > div input[type="radio"]:checked + label.sell{background-color: red !important;}



.custom_radio_btns > div:first-child label{/* border-radius:3px 0 0 3px; */}

.custom_radio_btns > div:first-child label{/* border-radius:0 3px 3px 0; */}

.custom_radio_btns > div label:before{
	position:absolute; left: 15px; border: 2px solid #ccc; border-radius: 100%; width:20px; height: 20px; content: '';
}

.custom_radio_btns > div label.label-only{
	text-align: right;
	border: 0px;
}
.custom_radio_btns > div label.label-only:before{
	position:absolute; left: 15px; border: 2px solid #ccc; border-radius: 100%; width:20px; height: 20px; content: none;
}

.custom_radio_btns > div input[type="radio"]:checked + label:before{
	border:2px solid #fff; background: #fff;
}



.custom_radio_btns > div input[type="radio"]:checked + label:after
{ width:10px; height: 10px; position: absolute; content: ''; left: 20px;
top: 13px; background: #044480; border-radius: 100%;}



.form_group{margin-bottom:20px;}

#couple_names
{display:none;}

.account_edit .checkout-address-form ul li .form-feild textarea.address-form-input
{height:119px;}


.checkout-address-form ul li label .my-account-btn {
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.checkout-address-form ul li .form-feild {
	margin-left: 0;
	max-width: 100%;
	position: relative;
}
.checkout-address-form ul li .form-feild .min-form-feild {
	float: left;
	width: 50%;
	position: relative;
}
.checkout-address-form ul li .form-feild .min-form-feild.expiration-date .address-form-input {
	width: 68px;
}
.checkout-address-form ul li .form-feild .min-form-feild.cid {
	float: right;
}
.checkout-address-form ul li .form-feild .min-form-feild.cid .address-form-input {
	width: 65px;
}
.checkout-address-form ul li .form-feild .min-form-feild label {
	margin-right: 20px;
	text-align: right;
	width: auto;
}
.checkout-address-form ul li .form-feild .min-form-feild.state label {
	margin-right: 0;
	margin-left: 20px;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext {
	text-align: center;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext a {
	background: none;
	color: #333333;
	display: block;
	font-weight: 300;
	padding: 10px;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext label {
	margin-left: 20px;
	margin-right: 0;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext .p-ext {
	display: none;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext .p-ext .address-form-input {
	width: 60%;
	float: right;
}
.clear {
	height: 0;
	clear: both;
}
.nice_dropdown, .checkout-address-form ul li .form-feild .address-form-input, 
form.ddc_form .address-form-input,
#kvitel-dropdown select,
#kvitelCountForm .address-form-input,
#assignAccountForm .address-form-input,
#affiliatesForm .address-form-input,
.address-form-input{
	border: 1px solid #d8d8d8;
	border-radius: 2px;
	box-shadow: none;
	min-height: 40px;
	padding: 5px;
	width: 100%;
	font-size: 13px;
	background: #fff;
	padding-left: 10px;
}
textarea{
	min-height: 55px !important;
}
.enteries>.nice_dropdown{
	width: auto;
}
.enteries>.filter-set>.nice_dropdown{
	width: auto;
}
.filter-set{
	display: inline-block;
}
form.ddc_form .address-form-input{
	min-height: 34px;
}


.checkout-address-form ul li .form-feild textarea.address-form-input {
	resize: none;
	height: 100px;
}
.checkout-address-form ul li .form-feild select.address-form-input {
	height: 40px;
}
.select2-container, .select2-selection, .select2-selection__rendered{
	height: 40px !important;
	line-height: 36px !important;
}
.checkout-address-form ul li .form-feild .address-form-input:hover, .checkout-address-form ul li .form-feild .address-form-input:focus,
form.ddc_form .address-form-input:hover, form.ddc_form .address-form-input:focus,
#kvitelCountForm .address-form-input:hover, #kvitelCountForm .address-form-input:focus,
#assignAccountForm .address-form-input:hover, #assignAccountForm .address-form-input:focus{
	border-color: #b2b2b2;
	background: #fff;
}
.checkout-address-form ul li .form-feild .address-form-input+span.valid, .checkout-address-form ul li .form-feild .address-form-input+label.error+span.valid {
	color: #769e2d;
	display: none;
	font-size: 20px;
	position: absolute;
	right: 5px;
	top: 4px;
}
.checkout-address-form ul li .form-feild .address-form-input.valid+span.valid, .checkout-address-form ul li .form-feild .address-form-input.valid+label+span.valid {
	display: block;
}
.checkout-address-form ul li .form-feild .min-form-feild.state .address-form-input {
}
.checkout-address-form ul.other-country li .form-feild .min-form-feild.city {
	width: 40%;
}
.checkout-address-form ul.other-country li .form-feild .min-form-feild.state {
	width: 60%;
}
.checkout-address-form ul.us-country li .form-feild .min-form-feild.state .address-form-input {
	float: right;
	width: 60%;
}
.checkout-address-form ul.other-country li .form-feild .min-form-feild.state .address-form-input {
	float: right;
	width: 50%;
}
.checkout-address-form ul.us-country li .form-feild.zip .address-form-input {
	width: 110px;
}
select.address-form-input option {
	padding: 5px;
	border: 1px solid #bababa;
}
.checkout-address-form ul li .form-feild label {
	width: 100%;
	text-align: left;
}
.checkout-address-form ul li .form-feild label.error {
	color: #f93;
	font-weight: normal;
	left: 100%;
	margin: 0 !important;
	padding: 10px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 200px;
	white-space: nowrap;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone label.error {
	margin-left: 155px !important;
}
.checkout-address-form ul li .form-feild label.error:before {
	border: 2px solid #f93;
	border-radius: 100%;
	color: #f93;
	display: block;
	font-size: 16px;
	height: 25px;
	left: -32px;
	line-height: 21px;
	position: absolute;
	text-align: center;
	top: 8px;
	width: 25px;
	content: "!";
}
.checkout-address-form ul li .form-feild .min-form-feild.phone label.error:before {
	left: -187px;
}
.checkout-address-form ul li .form-feild .error+span.form-error:before {
}
.checkout-address-form ul li .form-feild .valid+span.form-error {
	display: none;
}
.checkout-address-form ul li .form-feild .min-form-feild.city label.error {
	bottom: -18px;
	padding: 0;
	top: inherit;
}
.checkout-address-form ul li .form-feild .min-form-feild.city label.error:before {
	top: -30px;
}
.checkout-address-form ul li .form-feild .cid label.error:before {
	left: -80px;
}
.checkout-address-form ul li .form-feild .cvv-info-link {
	position: relative;
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: top;
	padding-top: 5px;
	position: absolute;
	right: 0;
	top: 0;
}
.checkout-address-form ul li .form-feild .cvv-info-link a {
	width: 30px;
	height: 30px;
	display: inline-block;
	border: solid 1px #62CCCA;
	border-radius: 100%;
	line-height: 28px;
	text-align: center;
	color: #62CCCA;
}
.checkout-address-form ul li .form-feild .cvv-info-link .cvv-info-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 275px;
	padding: 10px;
	border: solid 1px #cbcbcb;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	z-index: 11111;
	background: #fff;
	display: none;
}
.checkout-address-form ul li .form-feild .cvv-info-link:hover .cvv-info-box {
	display: block;
}
.checkout-address-form ul li .form-feild .cvv-info-link .cvv-info-box p {
	font-weight: bold;
	text-transform: uppercase;
}
.relative {
	position: relative;
}
.checkout-address-form .checkout-form-wrapper {
	display: inline-block;
	vertical-align: middle;
}
.checkout-address-form .checkout-form-wrapper .checkout-form-error-border {
	border: 1px dashed #990000;
	border-radius: 4px;
	height: 100%;
	left: 190px;
	top: 0;
	max-width: 330px;
	width: 100%;
	z-index: 0;
	position: absolute;
}
.checkout-address-form ul li .roundedRadio label {
	padding-top: 0px;
}
.inline-blockDiv {
	display: inline-block;
	margin-right: 0;
}
.checkout-address-form ul li .form-feild .inline-blockDiv label {
	padding: 0px;
	border-radius: 3px;
	padding: 8px 20px 8px 20px;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
}
.checkout-address-form ul li .form-feild .inline-blockDiv input[type=checkbox]+label {
	border: 1px solid #d8d8d8;
	color: #666;
	background: #f7fbfc; /* Old browsers */
	background: -moz-linear-gradient(top, #f7fbfc 0%, #ffffff 43%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7fbfc 0%, #ffffff 43%, #e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7fbfc 0%, #ffffff 43%, #e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}
.checkout-address-form ul li .form-feild .inline-blockDiv input[type=checkbox]:checked+label {
	border: 1px solid #d8d8d8;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	color: #fff;
	background: #29928c;
	background: -moz-linear-gradient(top, #29928c 0%, #38aaa3 68%);
	background: -webkit-linear-gradient(top, #29928c 0%, #38aaa3 68%);
	background: linear-gradient(to bottom, #29928c 0%, #38aaa3 68%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29928c', endColorstr='#38aaa3', GradientType=0 );
}
.checkout-address-form ul li .form-feild .inline-blockDiv.checkboxPanel {
	height: auto;
	margin-right: 10px;
}
.inline-blockDiv:hover, .inline-blockDiv.checkboxPanel label {
	cursor: pointer;
}
.inline-blockDiv input[type=checkbox]+label:before {
	font-family: "FontAwesome";
	display: inline-block;
	font-size: 16px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 0;
	margin: 0px;
	border: 1px solid #dadada;
	font-weight: 600;
}
.inline-blockDiv .checkboxPanel label {
	margin: 0px;
}
.inline-blockDiv input[type=checkbox]+label:before {
	content: "";
	border: 0;
	background: #fff;
	vertical-align: middle;
	margin-right: 5px;
	display: none;
}
/* unchecked icon */

.inline-blockDiv input[type=checkbox]:checked+label:before {
	content: "\f00c";
	border: 0;
	background: #0055a5;
	color: #fff;
	line-height: 17px;
	display: inline-block;
	background: none;
}
.inline-blockDiv input[type=checkbox]+label.disabled:before {
	content: "\f068";
	border: 1px solid #056d67;
	background: #0055a5;
	color: #fff;
	line-height: 20px;
	cursor: pointer;
}
.popup-bottom {
	position: absolute;
	background: #fff;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px 20px 20px 20px;
}
.popup-bottom .flLeft {
	float: left;
}
.popup-bottom .flRight {
	float: right;
}
.space_60 {
	display: block;
	clear: both;
	width: 100%;
	height: 60px;
}
.space_20 {
	display: block;
	clear: both;
	width: 100%;
	height: 20px;
}
.popup-content {
	padding: 20px 0 0 0;
}
.checkout-address-form ul li {
	padding: 0; /* overflow-y:hidden */
	;
}
.checkout-address-form .textArea {
	width: 100%;
	min-height: 70px;
	resize: vertical;
	border: none;
	border: 1px solid #d8d8d8;
	font-size: 15px;
}
.checkout-address-form .textArea:hover, .checkout-address-form .textArea:focus {
	border: 1px solid #b2b2b2;
}
.checkout-address-form ul li .full_width, .no-padd {
	padding-left: 0;
	padding-right: 0;
}
.popup-bottom .btn {
	padding: 10px 30px;
	font-size: 20px;
}
/*.............file upload ...........*/

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	font-size: 1.25em;
	font-weight: 700;
	color: white;
	background-color: #fff;
	display: inline-block;
	height: 40px;
	border: 1px solid #d8d8d8;
	overflow: hidden;
}
.inputfile + label i.fa {
	position: absolute;
	left: 10px;
	top: 12px
}
.inputfile + label span {
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
}
.inputfile:focus + label, .inputfile + label:hover {
	border: 1px solid #b2b2b2;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
	position: relative;
	padding-left: 30px;
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
	pointer-events: none;
}
 select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
 border: 0;
}
 file::-moz-focus-inner {
 border: 0;
}
 button::-moz-focus-inner {
 border: 0;
}
:focus {
	outline: none;
}
::-moz-focus-inner {
border:0;
}
input:focus {
	outline: none;
}
td#action, div.actions {
	white-space: nowrap;
}
.rtl {
	direction: rtl !important;
}
.checkout-address-form ul li .form-feild .inline-blockDiv.delete label {
	padding: 8px 20px;
}
.hasDatepicker {
	position: relative;
	z-index: 9999;
}
.table tbody>tr>td.audio-text {
	font-size: 12px;
	line-height: 15px;
}

@media all and (max-width: 767px) {
.no-padd-mob {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.hidden-mob {
	display: none !important;
}
td.hidden-xs:before, td.hidden-xs {
	display: none !important;
}
.content .order-details.reports_page .dt-buttons {
	padding: 0;
	width: 100%;
	margin-top: 0;
}
.content .order-details.reports_page .dt-buttons button.dt-button {
	margin: 0 4.9% 10px 0;
	float: left;
	width: 30%;
}
.content .order-details.reports_page .dataTables_filter label {
	width: 100%;
}
.content .order-details.reports_page .dataTables_filter label input {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	margin: 0;
}
.content .order-details.reports_page .dataTables_filter {
	width: 100%;
	margin-top: 0;
}
.content .order-details.reports_page .dt-buttons button.dt-button:nth-child(3n) {
	margin-right: 0;
}
.clear_mobile {
	display: block;
	clear: both;
}
#datetimepicker7 .bootstrap-datetimepicker-widget {
	left: auto !important;
	right: 0 !important;
}
}
.form-control.btn {
	/* 	height: auto; */
	border: 1px solid #cccccc;
}
.userinfo-header {
	padding-left: 0px;
}
.navbar-default {
	border: 1px solid #ccc;
}
tr.done > td {
	background-color: #e0f5d9;
}
.table-hover > tbody > tr.done:hover > td {
	background-color: #cbf5bd;
}
.ASC:after, .DESC:after {
	content: ' ';
	position: relative;
	right: 2px;
	border: 8px solid transparent;
	margin: 15px;
}
.DESC:after {
	top: 10px;
	border-top-color: silver;
}
.ASC:after {
	bottom: 15px;
	border-bottom-color: silver;
}
.DESC, .ASC {
	padding-right: 10px;
}
.ASC, .DESC {
	background: rgb(233, 233, 233) !important;
}
th {
	cursor: pointer;
}
td {
	min-height: 43px;
}
legend {
	border: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.view_record th {
	width: 30%;
}
.load_bg {
	position: fixed;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100vh;
	z-index: 9999;
}
.load_bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.displayErrorMessage {
	color: red;
	font-size: 20px;
}
.displaySuccessMessage {
	color: Green;
	font-size: 20px;
}
.siteurlspan {
	padding-bottom: 1px;
	float: left;
	color: #666;
}
/*
.sidebar-menu>li:last-child{
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom: 20px;
}
*/

.small_btn{
	width: 30px;
	height: 30px;
	border-radius: 3px;
	padding: 4px .50px;
}

.white_text{
	color: white !important;
}

.half{
/* 	width: 50% !important; */
}
.btn-five{
	width: 20% !important;
}
.fifth div{
	width: auto !important;
}

.table tbody>tr.disabled>td, .table tbody>tr.disabled>td a{
	color: #c7c7c7;
}
.table tbody>tr.inactive>td, .table tbody>tr.inactive>td a{
/* 	color: #c7c7c7; */
	color: #b94a48;
}

.modal-dialog{
	right: auto;
	left: 50%;
	top: 50%;
	bottom: auto;
	width: auto;
	/* 	width: 600px; */
	padding-top: 30px;
	padding-bottom: 30px;
	position: absolute;
	transform: translate(-50%, -50%) !important;
}

.btn-square{
	width: 30px !important;
	height: 30px !important;
	padding: 0px !important;
}

label.half{
	float: left;
}

input[type=checkbox].visible{
	display: block ;
}

input[type="text"]:disabled {
  background: #dddddd !important;
}

.modal.in .modal-dialog{
	max-height: calc(100vh - 85px);
	max-width: 100vw;
}

label.id{
	margin-bottom: 0px;
	margin-top: 5px;
}

td.id_checkbox{
	width: 30px;
	text-align: center;
}
th.id_checkbox.ASC:after, th.id_checkbox.DESC:after{
	margin-right: 5px;
}
.tooltip-inner {
	white-space: nowrap; 
	max-width: inherit;
}
.accountpinshistory .tooltip-inner {
	font-size: 16px;
	padding: 10px 15px;
}
span#bulk_update{
/*
	text-decoration: underline;
	cursor: pointer;
*/
}

.inside{
	border: solid 1px;
	padding: 5px;		
}
.inside, .outside{
	margin-bottom: 10px;
}

table .header-fixed {
  position: fixed !important;
  top: 0px;
/*   left: 0 !important; */
  /*right: 0;*/
  z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */

}
p.red{
	color: red;
}
p.green{
	color: green;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
	width: 50px;
	height: 24px;
}
.switch.small{
	transform: scale(0.7);
	transform-origin: top left;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
	height: 16px;
	width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.col-sm-12{
	float: left !important;
	width: 100%;
}
@media (min-width: 992px){
	.col-sm-12{
		float: left !important;
		width: 100%;
	}	
}
body.modal-open {
	margin-right: 0px !important;
}

input#paper+label{
	background-color: green;
	color: white;
}
input#paper:checked+label{
	background-color: red;
}
@media (max-width: 600px){
	#candle_data td{
    padding-left: 20%;
	}
	#candle_data td::before {
		width: 12%;
	}
	#candle_data td p {
    width: auto;
    float: left;
    height: auto;
    margin-right: 10px;
	}
	.page-candles-index .search_section nav.navbar {
		margin: 14px 0 0 0;
	}
	.page-candles-index .search_section .btn.btn-default.search {
		padding: 7px 5px;
		max-width: 50px;
	}
}

.in_zone{
	background-color: rgba(255, 0, 0, 0.24);	
}

/* Chat containers */
.container {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}

/* Darker chat container */
.darker {
  border-color: #ccc;
  background-color: #ddd;
}

/* Clear floats */
.container::after {
  content: "";
  clear: both;
  display: table;
}

/* Style images */
img.avatar{
  float: left;
  max-width: 30px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
}
.container img{
  float: left;
}
/* Style the right image */
.container img.avatar.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
}

/* Style time text */
.time-right {
  float: right;
  color: #aaa;
	color: #757575;
	font-size: 12px;
}

/* Style time text */
.time-left {
  float: left;
  color: #999;
	font-size: 12px;
}
	
.scroll-to-div, .scroll-to-div .time-left{
	background-color: #5486ff !important;
	color: white !important;
}
.over-worked{
	border: solid 2px red;
	padding: 5px;
}
#pagination, #filters{
	clear: both;
}

.search_section .form-control:focus{
	border-color: initial;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: solid 1px gray;	
}
.search_section .form-control{
	margin: 20px 0 0 0;
	padding-top: 5px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	transition: none;
	border: none;
	border-bottom: solid 1px rgb(232, 232, 232);	
}

.isHighPriority{
background-color: rgba(255, 0, 0, 0.18);	
}
.clicked{
background-color: rgba(0, 77, 255, 0.46);	
}

.select2-dropdown {  
  z-index: 10060 !important;/*1051;*/
}

.form-feild .select2-container{
	width: auto !important;
}
form .form-feild .select2-container{
	width: 100% !important;
}
.pdf iframe{
	min-height: 300px;
}

.pc-tab {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.pc-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pc-tab ul li label {
  font-family: "Raleway";
  float: left;
  padding: 15px 25px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #eeeeee;
  color: #444;
}
.pc-tab ul li label:hover {
  background: #dddddd;
}
.pc-tab ul li label:active {
  background: #ffffff;
}
.pc-tab ul li:not(:last-child) label {
  border-right-width: 0;
}


/* inner page css here */

.container-fluid {
  max-width: 100%;
  padding: 0 15px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

/* Tabs */
.tabs,
.sub-tabs {
  width: 100%;
  background-color: transparent;
  border-radius: 0;
}

ul.tab-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #292d37;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

ul.tab-list li.active a {
  color: #495057;
  background-color: #fff;
  border-color: #292d37 #292d37;
}

.tab-list li a {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 15px;
  border-bottom: 0;
  color: #292d37;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: calc(calc(100% - -1px));
}

ul.tab-list li.active a i{display: none;}

.tab-list li a span.smalltxt {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

#tabs-content {
  padding: 15px;
  background-color: #ffffff;
  border-left: 1px solid #292d37;
  border-right: 1px solid #292d37;
  border-bottom: 1px solid #292d37;
}

#tabs-content-month{ padding: 20px 0;}

.sub-tabs ul.tab-list li{margin-top: 5px;}
.sub-tabs ul.tab-list li a {
  padding: 7px 13px;
  margin-bottom: 0;
  border: 1px solid #292d37;
  margin-right: 3px;
}

.sub-tabs ul.tab-list li.active a {
  background-color: #292d37;
  color: #fff;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  margin-right: 10px;
}

.form-group .form-control {
  border: 1px solid #cccccc;
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  width: auto;
}

.box .con {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

.box .con-detail {
  background-color: #292d37;
  padding: 100px 20px;
  height: calc(100% - 20px);
  position:relative;
}

.box .button {
  background-color: #59a8a2;
  color: #fff;
  border: 0;
  padding: 7px 20px;
  border-radius: 3px;
  cursor: pointer;
}
a.button {
    text-align: center;
    display: block;
    max-width: 190px;
}
.box .button:hover{background:#59a8a2cc;}

.box {
  width: 33.33%;
  padding: 0 15px;
  position: relative;
  margin-bottom: 30px;
}

.box img {
  width: 100%;
  height:100%;
  max-height: 305px;
  object-fit: cover;
}

.box .button {
  position: absolute;
  bottom: 37px;
  left: 0;
  right: 0;
  margin: auto;
}

/**********responsive************/

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1200px) {
  .sub-tabs ul.tab-list li a{padding: 7px 11px;}
}

@media screen and (max-width: 1023px) {
.tabs > ul > li{flex-grow:1; width: 100%;}
.tabs .tab-list li a{border:1px solid #292d37; background-color: #fff;}
.tabs .tab-list li.active a{background-color: #292d37; color:#fff;}
.box{width:50%;}
}

@media screen and (max-width: 767px){
  .box{width:100%;}
  .box img{height: 100%;}
}