body {
	font-size: 13px;
}
/*----------------------------- html5 --------------------------------*/

article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section {
	display: block;
}

audio, canvas, embed, keygen, meter, progress, video {
	display: inline-block;
}
[hidden] {
	display: none;
}
.handsontable_costom .thead_tr{
    font-weight: bold;
    height: 15px;
}
.handsontable_costom .tbody_td{
	height: 15px;
	text-align: center;
}
.flash-info-all {
 	/*min-width: 500px;*/
    position: fixed;
    top: 0px;
    width: 30%;	
}
.flash-info-all .alert{
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	
    box-shadow: 5px 5px 3px 1px #888888;
    margin-top: -4px;
    padding-left: 50px;
}
/*------------ end html5 -------------------------------------*/
.asteriskField{
	display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
}
.footer_right{
	color: #efefff;
    font-style: italic;
}
.legend-label{
	display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5%;
    margin-left: 15%;
    margin-top: 5%;
    width: 100%;
}
.saved_successfully {
   	margin-bottom: 30px;
   	display: none;
   	
}
.saved_successfully .info_h2{
   color: #FFFFFF;
    font-size: 11px;
    margin: 0;
    padding: 5px 20px 5px 25px;
}
#saved_successfully {
   	margin-bottom: 0px;
   	display: none;
   	
}
#saved_successfully .info_h2{
   color: #FFFFFF;
    font-size: 11px;
    margin: 0;
    padding: 5px 20px 5px 25px;
}
.form_errors {
	background-color: #FFFFCC;
	border: 1px solid #FF3333;
	margin-bottom: 10px;

}
.form_errors .info_h2 {
    background: url("../../images/icons/error1.png") no-repeat scroll 5px 1px #FF3333;
    color: #FFFFFF;
    padding-left: 30px;
}
.form_errors h2 {
    background: url("../../images/icons/error1.png") no-repeat scroll 5px 1px #FF3333;
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 !important;
    padding: 5px 20px 5px 25px;
}
.save_ok {
    border: 1px solid #73B65A;
	margin-bottom: 10px;
	width: 90%;
}
.save_ok .info_h2 {
    background: url("../../images/icons/ok.png") no-repeat scroll 5px 1px #73B65A; 
    color: #FFFFFF;
    padding-left: 30px;
}
.save_ok h2 {
    background: url("../../images/icons/ok.png") no-repeat scroll 5px 1px #73B65A;
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 !important;
    padding: 5px 20px 5px 25px;
}
.error404{
    float: left;
    margin-right: 40px;
    margin-top: -10px;
    width: 100%;
}
.error404-image{
    float: left;
    margin-right: 40px;
}
.error404-h1{}
#mask {
    background-color: #000000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9000;
}
.clear {
    clear: both;
}
img {
    border: medium none;
}
.admin_form {
    margin-bottom: 15px;
}
.admin_info {
    margin-top: 10px;
}
.admin_form ul {
    margin: 0;
    padding: 0;
}
.admin_form li {
    list-style-type: none;
    margin: 8px 0 0;
}
.templates {
    float: left;
    height: 100px;
    margin-top: 25px;
    width: 100px;
}
.templates_all {
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;

}
.save {
    margin-top: 30px;
}

.form-errors {
    margin-bottom: 10px;
    width: 233px;
}
.form-errors h2 {
    background: url("../../images/icons/error1.png") no-repeat scroll 5px 2px #FF3333;
    color: #FFFFFF;
    font-size: 11px;
    padding: 5px 20px 5px 25px;
}
.login-error .error {
    color: #000000;
}
.error {
	color: red;	

}
.fieldset-all {
    border: 1px solid #CDCDCD;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
}
span.changelang
{
	color: black;
	text-decoration: underline;
	cursor: pointer;
}
span.changelang.inactive
{
	color: grey;
	text-decoration: none;
	cursor: default;
}

.one_category_text {
    margin-bottom: 10px;
}
.fast_contact {
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    width: 100%;
}	
.coment_layout, .layout_gmap {
    float: left;
    padding: 20px 10px 10px;
    width: 480px;
}
#mapka{
    height: 270px;
    margin-left: 40px;
    width: 400px;
}
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 3%;
	/*margin-left: 30px;*/
	right: 2%;
	z-index: 100;
	display: none;
}
#back-top a {
/*	width: 82px;*/
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #777777;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #ffffff;
}

#back-top .first{
    background: #555555 none repeat scroll 0 0;
    display: block;
    height: 43px;
 /*   margin-bottom: 10px;*/
    width: 48px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}
#back-top  .second{
    background: #555555 url("../../images/icons/up-arrow.png") no-repeat scroll center center / 25px auto;

    display: block;
    height: 40px;
    margin-top: 1px;
    position: absolute;
    width: 48px;
   
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #dddddd;
}
.baner_top {
    height: 160px;
    margin-left: 120px;	
}
.show_form_all{
	display: none;
}
.layout-grayscale{
    left: 145px;
    position: fixed;
    top: 35px;
    z-index: 1000;
}

.info {
    background: none repeat scroll 0 0 red;
    color: #FFFFFF;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 28px;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
}
.loading_info {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1001;
}
.loading_all {
    background: none repeat scroll 0 0 #000000;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 270px auto auto;
    width: 380px;
}
.loading_text {
    height: auto;
    padding: 16px;
}
.loading_data {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.loading_img {
    text-align: center;
}
.reg_check{
	color: #ff0000;
}
.link_next_previous_all{
	font-weight: bold;
    height: 25px;
    margin-top: 30px;
    overflow: hidden;
    width: 100%;		
}
.link_next_previous_all .previous{
	float: left;
}
.link_next_previous_all .next{
	float: right;
}
.menu_title_top {
    background: #5e5d5d none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    font-weight: bold;
    height: 30px;
    padding-bottom: 3px;
    padding-top: 5px;
}
.default-top {
    min-height: 25px;
}
.next_line_color {
    background-color: #f1f1f1;
}
.default-bottom {
    min-height: 25px;
 /*   padding-top: 3px;*/
}
#indicator {
	display:none;
	text-align:center; 
	padding-top: 20px; 
	padding-bottom: 10px;
	border: 1px solid #CDCDCD;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0;
    position: relative;
}
.indicator_title {
    margin-top: 15px;
    padding-bottom: 10px;
}
.mobile_class{
    display: none;
}
@media screen and (max-width: 1024px) {
	
  .mobile_class{
    display: block;
  }
  
  .mesage_info {
    position: relative;
  } 
}
.class{
	position: relative;   
	z-index: 10001;
}
.loading_info_box {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1001;
}
.loading_info_again {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1001;
}
.loading_all_box {
	background: #ffffff none repeat scroll 0 0;
    border-radius: 20px;
    color: blue;
    font-weight: bold;
    margin: 10% auto auto;
    padding: 25px;
 
}
.loading_all_box .text {
    margin-top: 20px;
    text-align: left;
}
.loading_all_box .top_start, .loading_all_box .top_stop, .loading_all_box .name, .loading_all_box .data, .loading_all_box .info_start{
	text-align: center;
}
.loading_all_box .top_start, .loading_all_box .top_stop {
    font-size: 25px;
    height: 40px;
    margin-top: 20px;
}
.loading_all_box .top_start{
	color: #009900;
}
.loading_all_box .top_stop {
	color: #ee0000;
}
.loading_all_box .info_start{
	color: #009900;
    font-size: 22px;
    margin-top: 20px;
    min-height: 40px;
}
.loading_all_box .name {
	font-size: 20px;
    height: 40px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.loading_all_box .data {
    height: 30px;
}

.loading_info_again .loading_all_box .text {
	color:red;
}
.avatar_img{
	margin-bottom: 10px;
    text-align: center
}

.sh_show_search {
    display: none;
}

/* ---------------  styckybox and admin link -----------------  */

.floating_container .floating_content {
    background-color: rgba(224, 235, 253, 0.8);
    border-color: #A8B3C7;
    border-radius: 10px 10px 0 0;
    border-style: solid;
    border-width: 2px 2px 0;
    height: 63px;
    padding: 0 20px;
}
.floating_container {
    bottom: 0;
    position: fixed;
    z-index: 999;
}
.admin_link, .admin_link1, .admin_link2, .admin_link3, .admin_link4, .admin_link5{

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;

    box-sizing: content-box;

 
    
    height: 65px;
    margin-top: 50px;
}

.admin_link_left{
	float: left;
	padding-top: 14px;
}
.admin_link_left a{
	margin-left: 15px;
}
.admin_link_right{
	float: right;
	margin-right: 40px;
    padding-top: 14px;
}
.admin_link_right a{
    margin-right: 15px;
}
.admin_link_disable{
	display:none;
}
.admin_actions {
  /*  margin-top: 2px;*/
}
.admin_actions li {
    float: left;
    margin-left: 5px;
}
.admin_actions input[type="submit"], .admin_actions input[type="button"] {
    padding-left: 25px;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background-color: #DDDDDD;
}
.grid-cell * {
    display: inline-block !important;
    white-space: nowrap;
}
.grid_info .color{
	border: 1px solid;
    width: 33px;
}
.grid_info .color2{
	border: 1px solid;
    width: 25px;
}
.grid_info .data{
	text-align: center;
    width: 125px;
}
.grid_info .data2{
	text-align: center;
    width: 270px;
}
.grid_info .sep{
    width: 30px;
}
.grid_info {
	font-size: 95%;
}
.handsontable th, .handsontable td {
    padding: 0 1px !important;
}
/*.handsontable * {
    font-size: 98%;
}*/
.handsontable th {
    font-weight: bold !important;
}

.ht_master, .ht_clone_top, .ht_clone_left, .ht_clone_top_left_corner{
		left: auto !important;
}

.hidden{
	display: block !important;
    visibility: visible  !important;
}
.modal-dialog{
	z-index: 1050 !important;
}
#grid, #grid_appli, #grid_production, .grid, .grid_appli, .grid_production{
    color: #000 !important;
}

@media (max-width: 1680px) {
	.grid-margin-left.col-lg-offset-1 {
	    margin-left: 0.1% !important;
	}
}
.handsontableInputHolder .htCore colgroup col {
	width: 50px !important;

}
.handsontableInputHolder .wtHolder {
	min-width: 70px !important; 
}
.handsontable .htDimmed { color: #000 !important; text-align: left !important; }
.handsontable td, .handsontable .htNumeric { text-align:center !important; }
.handsontable tr th{ font-size: 95% !important; }
.handsontable tr td{ font-size: 77% !important; }
.handsontable tr td.htDimmed{ font-size: 95% !important; }
.handsontableInputHolder .htCore { font-size: 84% !important;}

.grid_bonus .handsontable tr td{ font-size: 95% !important; }

.bonus .handsontable td{
	padding-left: 4px !important;
    text-align: left !important;
}	
.cursor, .user_photo, .editCar, .deleteApp{
	cursor: pointer;
}
.common-form .input-group-addon{
	 background: none !important;
    border: none !important;
    display: inline !important;
}
div#div-sessionExpired-text {
    background: #ffffff url("/images/icons/padlock.png") no-repeat scroll 40px 25px;
    border: 5px solid #aaaaaa;
    border-radius: 5px;
    box-shadow: 0 4px 18px #c8c8c8;
    font-weight: normal;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px 20px 80px;
    position: relative;
    top: 15%;
    width: 400px;
}
div#div-sessionExpired {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 99999;
}
div#worning-text {
	margin-left: 30px;
}
.keyboard .form-control{
	width: 87%;
	float: left;
}
.object-empty {
	border: 1px solid #CDCDCD;
    margin: 10px 0;
    padding: 15px 5px;
    position: relative;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
	text-align: center;
}
.btn-xs, .btn-group-xs > .btn {
    font-size: 11px;
}
.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/*.tab-pane{
	
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}*/
/*.tab-content > .active {
    display: block;
}
.tab-content > .tab-pane {
    display: none;
}*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 13px;
    padding-right: 13px;
}
.navbar-nav > li > a {
    padding-left: 6px;
    padding-right: 6px;
}
.nav > li li{
    width: 100%;
}
.add_image{
	width: 20px; 
	margin-right: 5px;
}
.val_b{
	 color: blue !important;
	 font-weight: bold !important
}
.val_n{
	 color: #777777 !important;
    ;
}
.sig_red{
	color: red !important;
	 font-weight: bold !important;
}
.sig_blue{
	color: blue !important;
	 font-weight: bold !important;
}
.sig_worker{
	background: #00ff00;
    color: #000;
    display: inline-block;
    height: 15px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 2px;
}
a .workerFoto{
	color: #000;
}
.img_delete{
	margin-right: 100px;
}
select.input-sm[multiple] {
 /*   height: 90px;*/
}
.table_height{
	border-bottom: 1px solid #cdcdcd; 
	height: 31px;
}
.table_user{
	font-size: 80% !important;
}
.table_user1{
	font-size: 85% !important;
}
.table_user2{
	font-size: 74% !important;
}
.color_red{
	color:red !important;
}
.color_red_bg{
	background:#ffeeff; !important;;
}
.off_icon{
    margin-bottom: 5px;
    margin-right: 30px;	
}

/* .a2lix_translationsFields {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-left: solid 1px #ddd;
	padding: 15px 15px 10px; }
.a2lix_translations .nav-tabs > li > a {
	padding: 5px 10px; } */

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
	background-color: #e7e7e7;
	color: #333; }

legend {
	margin: 2px 0;
	padding-left: 8px;
	border-bottom: none;
	padding-right: 8px; }
	
legend .btn {
	margin-top: 4px; }

.box {
	margin-top: 10px;
	margin-bottom: 15px; }
	.box .box-header {
		margin: 0;
		padding: 10px;
		position: relative;
		display: block; }
		.box .box-header .box-title {
			margin: 0;
			font-size: 18px; }
			.box-header > .box-tools {
		  		position: absolute;
			  	right: 10px;
			  	top: 5px; }
		  	.box-header > .box-tools > label {
			  	padding: 6px 9px;
			  	font-size: 11px;
			  	margin-right: 5px; }
			.box-header > .box-tools [data-toggle="tooltip"] {
			  	position: relative; }
			.box-header > .box-tools.pull-right .dropdown-menu {
			  	right: 0;
			  	left: auto; }
	.box .box-body {
		padding: 15px 0; }
	.box .box-body .box-form {
		padding-top: 10px;
		border: 1px solid #ddd;
		background-color: #fdfdfd;
		margin-bottom: 15px; }
	.box .box-footer {
		margin: 10px 0;
		padding: 10px; }
		
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table; }
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both; }
  
.box-border {	
	border: solid 1px #ddd; }
	
.box-default > .box-header {
	background: #fff;
	color: #616162;
	border-bottom: 1px solid #ddd; }
.box-default > .box-footer {
	border-top: 1px solid #ddd; }

.box-grey {
	border: 1px solid #aaaaaa; }	
.box-grey > .box-header {
	background-color: #e7f8f8;
	border-bottom: 1px solid #aaaaaa; }
.box-grey > .box-body {
	padding: 10px; }
.box-grey > .box-footer {
	border-top: 1px solid #aaaaaa; }
	
.box-dark-grey {
	border: 1px solid #BDBDBD; }
.box-dark-grey .box-body {
	padding: 10px; }	
.box-dark-grey > .box-header {
	background-color: #E0E0E0;
	border-bottom: 1px solid #BDBDBD; }
.box-dark-grey > .box-footer {
	border-top: 1px solid #BDBDBD; }

/* dobrze */

table.dataTable thead th, table.dataTable thead td { border-bottom: 2px solid #ddd !important; }
  
.bg-grey-cararra {
	border: 1px solid #ddd;
	background-color: #fdfdfd;
}

.mega-dropdown {
  position: static !important;
  width:100%;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    background-color: #f9f9f9
}
	
.form-group {	
	margin-bottom: 8px; }
.form-group input, 
.form-group select {	
	font-size: 12px; }

ul.box-category {
	margin: 0; 
	padding: 0; } 
ul.box-category a {
	color: #616162; }
ul.box-category a:HOVER {
	color: #48227c; } 
ul.box-category > li {
	display: table-cell;
	width: 25%;
	padding-left: 15px;
	padding-right: 15px; }
	ul.box-category > li > a {
		border-bottom: 1px solid #ddd;
		padding: 8px 15px;
		display: block;
		font-weight: bold; }
	ul.box-category > li > ul {
		margin: 0;
		margin-left: 10px;
		padding: 0;
		list-style: none; }
		ul.box-category > li > ul > li > a {
			padding: 8px 15px;
			display: block; }

ul.left-box-category {
	margin: 0;
	padding: 0; }	
ul.left-box-category a {
	color: #616162; } 
ul.left-box-category a:HOVER {
	color: #48227c; } 
ul.left-box-category > li.last > a {
	border: none; }		
ul.left-box-category > li {
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;
	border: 1px solid #ddd; }
	ul.left-box-category > li > a {
		border-bottom: 1px solid #ddd;
		padding: 8px 15px;
		display: block;
		font-weight: bold; }
	ul.left-box-category > li > ul {
		margin: 0;
		margin-left: 10px;
		padding: 0;
		list-style: none; }
		ul.left-box-category > li > ul > li > a {
			padding: 8px 15px;
			display: block; }

.tab-content {
	min-height: 20px; }

.product-short-details{
	margin: 0px; }
table.table-details > tbody > tr > td, 
table.table-details > tbody > tr > th,
table.table-details > tfoot > tr > td, 
table.table-details > tfoot > tr > th, 
table.table-details > thead > tr > td, 
table.table-details > thead > tr > th {
	border-bottom: 1px solid #eee !important;
	border-top: 0; }
.table-details .active {
	font-weight: bold; }
table.palette-table > tbody > tr > td, 
table.palette-table > tbody > tr > th,
table.palette-table > tfoot > tr > td, 
table.palette-table > tfoot > tr > th, 
table.palette-table > thead > tr > td, 
table.palette-table > thead > tr > th {
	vertical-align: middle; }
.palette-table > thead > tr > th {
	background-color: #e7e7e7; }
.palette-attr .col-palette-attr {
	border-right: solid 1px #ddd; 
	padding: 0px 5px; }
.palette-attr div:LAST-CHILD {
	border: none; }
.palette-attr .col-palette-attr > p {
	margin-bottom: 2px; }

ul.thumb-list {
	margin: 0px;
	padding: 0px;
	list-style: none; }
ul.thumb-list > li {
	margin-bottom: 5px; }
ul.thumb-list > li.thumb-list-main {
	width: 100%;
	padding: 10px; }
ul.thumb-list > li.thumb-list-img {
	float: left;
	padding: 0 5px; }
ul.thumb-list > li.thumb-list-img img {
	height: 55px; }

/* catalog */
#sortable {
	width: 668px; }
#sortable li {
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 155px; }
.thumb-item {
	padding: 10px;
	cursor: move;
	width: 145px; }
.thumb-item p {
	margin-bottom: 0;
	margin-top: 10px; }
.thumb-item p a {
	margin-left: 2px;}
	
ul.sortable {
	list-style-type: none;
	padding-left: 0; }

#layers1 .sortable select:FOCUS, 
#layers1 .sortable select:ACTIVE {
	border: 1px solid #ff0000;
	background: rgba(217,83,79,0.3); }
.chosen-container {
	margin-bottom: 10px; }
#htmlimagemap1 {
	margin-bottom: 10px; }
#layers1 {
	margin-top: 10px; }
area {
	cursor: pointer;
	background: rgba(255,255,255,0.8); }
#sortable hr {
    border-bottom: 1px solid #cdcdcd !important;
    float: left;
    width: 100%;
    margin-left: -5px; }
.product-short-details {
	margin-bottom: 10px; }
.mixed-pallet-details {
	margin-bottom: 20px; }
	
img.fancytree-icon {
	height: 24px;
	width: auto;
	vertical-align: middle; }
img.fancytree-img {
	height: 48px !important;
	width: auto !important; }
span.fancytree-title {
	cursor: inherit;
	vertical-align: middle; }
table.fancytree-ext-table tbody tr td {
	vertical-align: middle; }
	
.dataTables_wrapper .dataTables_paginate .paginate_button { border: 0px !important; padding: 0px !important; margin: 0px !important; }
.fullscreen { display: none; }


.tabbable-line > .nav-tabs {
    border: medium none;
    margin: 0;
}
.tabbable-line > .nav-tabs > li {
    border-bottom: 4px solid transparent;
    margin: 0;
}
.tabbable-line > .nav-tabs > li > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none;
    color: #737373;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 4px solid #36c6d3;
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
    border: 0 none;
    color: #333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 4px solid #9fe4ea;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none;
    color: #333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}
.tabbable-line > .tab-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eef1f5 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-top: 0;
    padding: 5px 0;
}

.static-info {
    margin-bottom: 1px;
}
.static-info .name {
    font-size: 12px;
    text-align: right;
    padding: 6px 10px;
    font-weight: 600;
}
.static-info .value {
    font-size: 12px;
    padding: 6px 10px;
}
	
ul.static-list-info {
	list-style: outside none none;
    padding-left: 0;
}
ul.static-list-info li {
    position: relative;
    border-left: 2px solid #36c6d3;
    margin-bottom: 1px;
    display: block;
    font-size: 12px;
    margin-bottom: 1px;
    padding: 6px 10px;
}

.container-full {
  margin: 0 auto;
  width: 98%;
}

table {
	font-size: 11px;
} 

.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td {
	padding: 2px 6px;
}
.table > tbody > tr > th,
.table > tfoot > tr > th, 
.table > thead > tr > th {
	padding: 4px /* 6px; */
}

.box-tools .btn-sm {
	padding: 3px 6px; }
.portlet .actions .btn-sm {
	padding: 3px 6px; }
.nav-tabs > li > a {
	padding: 4px 9px;}
	
hr.break {
	margin-top: 3px;
	margin-bottom: 3px; }

.tabbable-line > .nav-tabs {  
  border: none;
  margin: 0px; }
  .tabbable-line > .nav-tabs > li {
    margin: 0;
    border-bottom: 4px solid transparent; }
    .tabbable-line > .nav-tabs > li > a {
      background: none !important;
      border: 0;
      margin: 0;
      padding-left: 15px;
      padding-right: 15px;
      color: #737373; }
      .tabbable-line > .nav-tabs > li > a > i {
        color: #a6a6a6; }
    .tabbable-line > .nav-tabs > li.active {
      background: none;
      border-bottom: 4px solid #36c6d3;
      position: relative; }
      .tabbable-line > .nav-tabs > li.active > a {
        border: 0;
        color: #333; }
        .tabbable-line > .nav-tabs > li.active > a > i {
          color: #404040; }
    .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
      background: none;
      border-bottom: 4px solid #9fe4ea; }
      .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
        border: 0;
        background: none !important;
        color: #333; }
        .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
          color: #a6a6a6; }
      .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
        margin-top: 0px; }
        
.catalog-picture ul li:nth-child(16n):after {
    content: '\A';
    white-space: pre;
}
.pagination > li > a, .pagination > li > span {  
	font-size: 11px;
    font-weight: bold;
    padding: 2px 9px !important; }
.select2-results__option {
    -moz-user-select: none;
    padding: 0px 0px 0px 5px !important;}

/**
portlet
**/
.portlet-form .form-body,
.form .form-body {
    padding: 10px; }
.portlet.light .portlet-form .form-body, .portlet.light
.form .form-body {
    padding-left: 0;
    padding-right: 0; }

.portlet-form .form-actions,
.form .form-actions {
    padding: 5px;
    margin: 0;
/*    background-color: #f5f5f5;*/
    border-top: 1px solid #e7ecf1;
    zoom: 1; }
.portlet.light .portlet-form .form-actions, .portlet.light
.form .form-actions {
    background: none;
    padding-left: 0;
    padding-right: 0; }
.portlet-form .form-actions.noborder,
.form .form-actions.noborder {
    border-top: 0; }
.portlet .portlet-form .form-actions, .portlet
.form .form-actions {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px; }
.portlet-form .form-actions:before, .portlet-form .form-actions:after,
.form .form-actions:before,
.form .form-actions:after {
    content: " ";
    display: table; }
.portlet-form .form-actions:after,
.form .form-actions:after {
    clear: both; }
.portlet-form .form-actions.right,
.form .form-actions.right {
    padding-left: 0;
    padding-right: 20px;
    text-align: right; }
.portlet.light .portlet-form .form-actions.right, .portlet.light
.form .form-actions.right {
    padding-right: 0; }
.portlet-form .form-actions.left,
.form .form-actions.left {
    padding-left: 20px;
    padding-right: 0;
    text-align: left; }
.portlet.light .portlet-form .form-actions.left, .portlet.light
.form .form-actions.left {
    padding-left: 0; }
.portlet-form .form-actions.nobg,
.form .form-actions.nobg {
    background-color: transparent; }
.portlet-form .form-actions.top,
.form .form-actions.top {
    margin-top: 0;
    margin-bottom: 20px;
    border-top: 0;
    border-bottom: 1px solid #e7ecf1; }
.portlet.light .portlet-form .form-actions.top, .portlet.light
.form .form-actions.top {
    background: none; }
.portlet-form .form-actions .btn-set,
.form .form-actions .btn-set {
    display: inline-block; }
@media (max-width: 767px) {
    .portlet-form .form-actions,
    .form .form-actions {
        /* 767px */ }
    .portlet-form .form-actions .btn-set,
    .form .form-actions .btn-set {
        margin-bottom: 3px;
        margin-top: 3px;
        float: left !important; } }

.portlet-form .form-section,
.form .form-section {
    margin: 30px 0px 30px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7ecf1; }
.form-fit .portlet-form .form-section, .form-fit
.form .form-section {
    margin-left: 20px;
    margin-right: 20px; }


/***
Portlets
***/
/* Full Screen portlet mode */
.page-portlet-fullscreen {
    overflow: hidden; }

/* Basic portlet */
.portlet {
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
.portlet.portlet-fullscreen {
    z-index: 10060;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff; }
.portlet.portlet-fullscreen > .portlet-body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px; }
.portlet.portlet-fullscreen > .portlet-title {
    padding: 0 10px; }
.portlet > .portlet-title {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 2px;
    min-height: 41px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; }
.portlet > .portlet-title:before, .portlet > .portlet-title:after {
    content: " ";
    display: table; }
.portlet > .portlet-title:after {
    clear: both; }
.portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    padding: 5px 0; }
.portlet > .portlet-title > .caption.bold {
    font-weight: bold; }
.portlet > .portlet-title > .caption > i {
    float: left;
    margin-top: 4px;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    color: #666; }
.portlet > .portlet-title > .caption > i.glyphicon {
    margin-top: 2px; }
.portlet > .portlet-title > .caption > .caption-helper {
    padding: 0;
    margin: 0;
    line-height: 13px;
    color: #9eacb4;
    font-size: 13px;
    font-weight: 400; }
.portlet > .portlet-title > .actions {
    float: right;
    display: inline-block;
    padding: 6px 0; }
.portlet > .portlet-title > .actions > .dropdown-menu i {
    color: #555555; }
.portlet > .portlet-title > .actions > .btn.btn-sm,
.portlet > .portlet-title > .actions > .btn-group > .btn,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
    padding: 3px 9px;
    font-size: 12px;
    line-height: 1.5; }
.portlet > .portlet-title > .actions > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
    padding: 3px 9px; }
.portlet > .portlet-title > .actions > .btn > i,
.portlet > .portlet-title > .actions > .btn.btn-sm > i,
.portlet > .portlet-title > .actions > .btn-group > .btn > i,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
    font-size: 12px; }
.portlet > .portlet-title > .actions .btn-icon-only {
    padding: 5px 7px 3px 7px; }
.portlet > .portlet-title > .actions .btn-icon-only.btn-default {
    padding: 4px 6px 2px 6px; }
.portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
    font-size: 14px; }
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {
    font-family: FontAwesome;
    color: #a0a0a0;
    padding-top: 3px; }
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
    padding: 3px 3px !important;
    height: 27px;
    width: 27px; }
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
    content: "\f065"; }
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
    content: "\f066"; }
.portlet > .portlet-title > .tools {
    float: right;
    display: inline-block;
    padding: 12px 0 8px 0; }
.portlet > .portlet-title > .tools > a {
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    opacity: 1 ;
    filter: alpha(opacity=100) ; }
.portlet > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon.png);
    background-repeat: no-repeat;
    width: 11px; }
.portlet > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon.png);
    background-repeat: no-repeat;
    width: 12px; }
.portlet > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon.png);
    width: 13px; }
.portlet > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon.png);
    width: 14px;
    visibility: visible; }
.portlet > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon.png);
    width: 14px;
    visibility: visible; }
.portlet > .portlet-title > .tools > a.fullscreen {
    display: inline-block;
    top: -3px;
    position: relative;
    font-size: 13px;
    font-family: FontAwesome;
    color: #ACACAC; }
.portlet > .portlet-title > .tools > a.fullscreen:before {
    content: "\f065"; }
.portlet > .portlet-title > .tools > a.fullscreen.on:before {
    content: "\f066"; }
.portlet > .portlet-title > .tools > a:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: 0.8 ;
    filter: alpha(opacity=80) ; }
.portlet > .portlet-title > .pagination {
    float: right;
    display: inline-block;
    margin: 2px 0 0 0;
    border: 0;
    padding: 4px 0; }
.portlet > .portlet-title > .nav-tabs {
    background: none;
    margin: 1px 0 0 0;
    float: right;
    display: inline-block;
    border: 0; }
.portlet > .portlet-title > .nav-tabs > li {
    background: none;
    margin: 0; }
.portlet > .portlet-title > .nav-tabs > li > a {
    background: none;
    margin: 5px 0 0 1px;
    border: 0;
    padding: 8px 10px;
    color: #fff; }
.portlet > .portlet-title > .nav-tabs > li.active > a,
.portlet > .portlet-title > .nav-tabs > li:hover > a {
    color: #333;
    background: #fff;
    border: 0; }
.portlet > .portlet-body {
    clear: both;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px; }
.portlet > .portlet-body p {
    margin-top: 0; }
.portlet > .portlet-empty {
    min-height: 125px; }
.portlet.full-height-content {
    margin-bottom: 0; }

/* Portlet background colors */
/* Side bordered portlet */
.portlet.bordered {
    border-left: 2px solid #e6e9ec !important; }
.portlet.bordered > .portlet-title {
    border-bottom: 0; }

/* Light Portlet */
.portlet.light {
    padding: 6px 10px 7px 10px;
    background-color: #fff; }
.portlet.light.bordered {
    border: 1px solid #e7ecf1 !important; }
.portlet.light.bordered > .portlet-title {
    border-bottom: 1px solid #eef1f5; }
.portlet.light.bg-inverse {
    background: #f1f4f7; }
.portlet.light.bg-grey {
    background: #fdfdfd;
    border: 1px solid #ddd !important; }
.portlet.light > .portlet-title {
    padding: 0;
    min-height: 30px; }
.portlet.light > .portlet-title > .caption {
    color: #666;
    padding: 5px 0; }
.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 18px; }
.portlet.light > .portlet-title > .caption > i {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    margin-top: 3px; }
.portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
    font-size: 15px; }
.portlet.light > .portlet-title > .caption.caption-md > i {
    font-size: 14px; }
.portlet.light > .portlet-title > .actions {
    padding: 3px 0 7px 0; }
.portlet.light > .portlet-title > .actions .btn-default {
    color: #666; }
.portlet.light > .portlet-title > .actions .btn-icon-only {
    height: 27px;
    width: 27px; }
.portlet.light > .portlet-title > .actions .dropdown-menu li > a {
    color: #555; }
.portlet.light > .portlet-title > .inputs {
    float: right;
    display: inline-block;
    padding: 4px 0; }
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
    font-size: 14px;
    margin-top: 9px; }
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
    height: 30px;
    padding: 2px 26px 3px 10px;
    font-size: 13px; }
.portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
    height: 30px;
    padding: 3px 10px;
    font-size: 13px; }
.portlet.light > .portlet-title > .pagination {
    padding: 2px 0 13px 0; }
.portlet.light > .portlet-title > .tools {
    padding: 10px 0 13px 0;
    margin-top: 2px; }
.portlet.light > .portlet-title > .nav-tabs > li {
    margin: 0;
    padding: 0; }
.portlet.light > .portlet-title > .nav-tabs > li > a {
    margin: 0;
    font-size: 12px;
    color: #666; }
.portlet.light > .portlet-title > .nav-tabs > li.active > a,
.portlet.light > .portlet-title > .nav-tabs > li:hover > a {
    margin: 0;
    background: none;
    color: #333; }
.portlet.light.form-fit {
    padding: 0; }
.portlet.light.form-fit > .portlet-title {
    padding: 17px 20px 10px 20px;
    margin-bottom: 0; }
.portlet.light .portlet-body {
    padding-top: 8px; }
.portlet.light.portlet-fullscreen > .portlet-body {
    padding: 8px 0; }
.portlet.light.portlet-fit {
    padding: 0; }
.portlet.light.portlet-fit > .portlet-title {
    padding: 15px 20px 10px 20px; }
.portlet.light.portlet-fit > .portlet-body {
    padding: 10px 20px 20px 20px; }
.portlet.light.portlet-fit.portlet-form > .portlet-body {
    padding: 0; }
.portlet.light.portlet-fit.portlet-form > .portlet-body {
    padding: 0; }
.portlet.light.portlet-fit.portlet-form > .portlet-body .form-actions {
    background: none; }
.portlet.light.portlet-datatable.portlet-fit > .portlet-body {
    padding-top: 10px;
    padding-bottom: 25px; }

.tab-pane > p:last-child {
    margin-bottom: 0px; }

/* Reverse aligned tabs */
.tabs-reversed > li {
    float: right;
    margin-right: 0; }
.tabs-reversed > li > a {
    margin-right: 0; }

/* jQuery UI Draggable Portlets */
.portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
    cursor: move; }

.portlet-sortable-placeholder {
    border: 2px dashed #eee;
    margin-bottom: 25px; }

.portlet-sortable-empty {
    box-shadow: none !important;
    height: 45px; }

.portlet-collapsed {
    display: none; }

@media (max-width: 991px) {
    /* 991px */
    .portlet-collapsed-on-mobile {
        display: none; } }

/* Box portlet */
.portlet.box {
    padding: 0px !important; }
.portlet.box > .portlet-title {
    border-bottom: 0;
    padding: 0 10px;
    margin-bottom: 0;
    color: #fff; }
.portlet.box > .portlet-title > .caption {
    padding: 11px 0 9px 0; }
.portlet.box > .portlet-title > .actions {
    padding: 7px 0 5px 0; }
.portlet.box > .portlet-body {
    background-color: #fff;
    padding: 15px; }

.portlet.box.danger {
    border: 1px solid #e7505a; }
.portlet.box.danger > .portlet-title {
    background-color: #FEFCFE;
    color: #333;
    border-bottom: 1px solid #e7505a; }

.portlet.box.success {
    border: 1px solid #5cb85c; }
.portlet.box.success > .portlet-title {
    background-color: #FBFFFB;
    color: #333;
    border-bottom: 1px solid #5cb85c; }

.portlet.box.warning {
    border: 1px solid #f0ad4e; }
.portlet.box.warning > .portlet-title {
    background-color: #FFFFFA;
    color: #333;
    border-bottom: 1px solid #f0ad4e; }

.portlet.box.default {
    border: 1px solid #777; }
.portlet.box.default > .portlet-title {
    background-color: #FCFCFC;
    color: #333;
    border-bottom: 1px solid #777; }


/* Reverse aligned tabs */
.tabs-reversed > li {
  float: right;
  margin-right: 0; }
  .tabs-reversed > li > a {
    margin-right: 0; }

/* jQuery UI Draggable Portlets */
.portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
  cursor: move; }

.portlet-sortable-placeholder {
  border: 2px dashed #eee;
  margin-bottom: 25px; }

.portlet-sortable-empty {
  box-shadow: none !important;
  height: 45px; }

.portlet-collapsed {
  display: none; }

@media (max-width: 991px) {
  /* 991px */
  .portlet-collapsed-on-mobile {
    display: none; } }
    
/* Box portlet */
.portlet.box {
  padding: 0px !important; }
  .portlet.box > .portlet-title {
    border-bottom: 0;
    padding: 0 10px;
    margin-bottom: 0;
    color: #fff; }
    .portlet.box > .portlet-title > .caption {
      padding: 11px 0 9px 0; }
    .portlet.box > .portlet-title > .actions {
      padding: 7px 0 5px 0; }
  .portlet.box > .portlet-body {
    background-color: #fff;
    padding: 15px; }
    
.portlet.box.danger {
  border: 1px solid #e7505a; }
  .portlet.box.danger > .portlet-title {
	  background-color: #FEFCFE;
	  color: #333;
	  border-bottom: 1px solid #e7505a; }
        
.portlet.box.success {
  border: 1px solid #5cb85c; } 
  .portlet.box.success > .portlet-title {
	  background-color: #FBFFFB;
	  color: #333;
	  border-bottom: 1px solid #5cb85c; }
	  
.portlet.box.warning {
  border: 1px solid #f0ad4e; }
  .portlet.box.warning > .portlet-title {
	  background-color: #FFFFFA;
	  color: #333;
	  border-bottom: 1px solid #f0ad4e; }
  
.portlet.box.default {
	border: 1px solid #777; }
	.portlet.box.default > .portlet-title {
  		background-color: #FCFCFC;
  		color: #333;
  		border-bottom: 1px solid #777; }
        
   

/***
Customized Bootstrap Tabs 
***/
/* Tabs and pills */
.nav-tabs,
.nav-pills {
  margin-bottom: 10px; }
  .nav-tabs > li > a,
  .nav-pills > li > a {
    font-size: 12px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; }
  .nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after,
  .nav-pills > li .dropdown-menu:before,
  .nav-pills > li .dropdown-menu:after {
    display: none; }
  .nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a,
  .nav-pills.nav-tabs-sm > li > a,
  .nav-pills.nav-pills-sm > li > a {
    font-size: 12px; }
  .nav-tabs .dropdown.open > .dropdown-toggle,
  .nav-pills .dropdown.open > .dropdown-toggle {
    background: #eee;
    color: #0d638f;
    border-color: transparent; }

/* Left and right tabs */
.tabs-right.nav-tabs,
.tabs-left.nav-tabs {
  border-bottom: 0; }
  .tabs-right.nav-tabs > li,
  .tabs-left.nav-tabs > li {
    float: none; }
    .tabs-right.nav-tabs > li > a,
    .tabs-left.nav-tabs > li > a {
      margin-right: 0;
      margin-bottom: 3px; }

/* Left tabs */
.tabs-left.nav-tabs {
  border-right: 1px solid #ddd; }
  .tabs-left.nav-tabs > li > a {
    display: block;
    margin-right: -1px; }
    .tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus {
      -webkit-border-radius: 4px 0 0 4px;
      -moz-border-radius: 4px 0 0 4px;
      -ms-border-radius: 4px 0 0 4px;
      -o-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px;
      border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
  .tabs-left.nav-tabs > li.active > a,
  .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-color: #ddd transparent #ddd #ddd;
    border-right-color: #ffffff; }

/* Right tabs */
.tabs-right.nav-tabs {
  border-left: 1px solid #ddd; }
  .tabs-right.nav-tabs > li > a {
    display: block;
    margin-left: -1px; }
    .tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus {
      -webkit-border-radius: 0 4px 4px 0;
      -moz-border-radius: 0 4px 4px 0;
      -ms-border-radius: 0 4px 4px 0;
      -o-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0;
      border-color: #eeeeee #eeeeee #eeeeee #dddddd; }
  .tabs-right.nav-tabs > li.active > a,
  .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-color: #ddd #ddd #ddd transparent;
    border-left-color: #ffffff; }

/* Below tabs */
.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
  border-bottom: 0;
  margin-bottom: 0px;
  margin-top: 10px; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 10px; }
  .tabs-below > .nav-tabs > li > a {
    margin-top: -1px;
    margin-bottom: 0; }
    .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
      border-bottom-color: transparent;
      -webkit-border-radius: 0 0 4px 4px;
   	  -moz-border-radius: 0 0 4px 4px;
      -ms-border-radius: 0 0 4px 4px;
      -o-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px; }
    .tabs-below > .nav-tabs > li > a .dropdown-menu {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
  .tabs-below > .nav-tabs .active a,
  .tabs-below > .nav-tabs .active a:hover .active a:focus {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-color: transparent #ddd #ddd #ddd  !important; }

/***
Custom tabs
***/
/* In BS3.0.0 tabbable class was removed. We had to added it back */
.tabbable:before, .tabbable:after {
  content: " ";
  display: table; }

.tabbable:after {
  clear: both; }

.tabbable-custom {
  margin-bottom: 15px;
  padding: 0px;
  overflow: hidden; }
  .tabbable-custom > .nav-tabs {
    border: none;
    margin: 0px; }
    .tabbable-custom > .nav-tabs > li {
      margin-right: 2px;
      border-top: 2px solid transparent; }
      .tabbable-custom > .nav-tabs > li > a {
        margin-right: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
        .tabbable-custom > .nav-tabs > li > a:hover {
          background: none;
          border-color: transparent; }
      .tabbable-custom > .nav-tabs > li.active {
        border-top: 3px solid #36c6d3;
        margin-top: 0;
        position: relative; }
        .tabbable-custom > .nav-tabs > li.active > a {
          border-top: none !important;
          font-weight: 400;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          -o-border-radius: 0;
          border-radius: 0; }
          .tabbable-custom > .nav-tabs > li.active > a:hover {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            border-top: none;
            background: #fff;
            border-color: #d4d4d4 #d4d4d4 transparent; }
  .tabbable-custom > .tab-content {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px; }
  .tabbable-custom.nav-justified > .tab-content {
    margin-top: -1px; }
  .tabbable-custom.boxless > .tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none; }
  .tabbable-custom.tabs-below.nav-justified .tab-content {
    margin-top: 0px;
    margin-bottom: -2px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; }
  .tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
    color: #424242;
    font-size: 12px;
    padding: 9px 15px; }
  .tabbable-custom.tabbable-full-width > .tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none; }
  .tabbable-custom.tabs-below .nav-tabs > li > a {
    border-top: none;
    border-bottom: 2px solid transparent;
    margin-top: -1px; }
  .tabbable-custom.tabs-below .nav-tabs > li.active {
    border-top: none;
    border-bottom: 3px solid #36c6d3;
    margin-bottom: 0;
    position: relative; }
    .tabbable-custom.tabs-below .nav-tabs > li.active > a {
      border-bottom: none; }
      .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
        background: #fff;
        border-color: #d4d4d4 #d4d4d4 transparent; }

.tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
  border: 0; }

.tabbable-custom.tabbable-noborder .tab-content {
  border: 0; }

.portlet:not(.light) .tabbable-line {
  padding-top: 15px; }

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px; }
  .tabbable-line > .nav-tabs > li {
    margin: 0;
    border-bottom: 4px solid transparent; }
    .tabbable-line > .nav-tabs > li > a {
      background: none !important;
      border: 0;
      margin: 0;
      padding-left: 15px;
      padding-right: 15px;
      color: #737373; }
      .tabbable-line > .nav-tabs > li > a > i {
        color: #a6a6a6; }
    .tabbable-line > .nav-tabs > li.active {
      background: none;
      border-bottom: 4px solid #36c6d3;
      position: relative; }
      .tabbable-line > .nav-tabs > li.active > a {
        border: 0;
        color: #333; }
        .tabbable-line > .nav-tabs > li.active > a > i {
          color: #404040; }
    .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
      background: none;
      border-bottom: 4px solid #9fe4ea; }
      .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
        border: 0;
        background: none !important;
        color: #333; }
        .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
          color: #a6a6a6; }
      .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
        margin-top: 0px; }

.tabbable-line > .tab-content {
  margin-top: 0;
  border: 0;
  border-top: 1px solid #eef1f5;
  padding: 30px 0; }
  .page-container-bg-solid .tabbable-line > .tab-content {
    border-top: 1px solid #dae2ea; }
  .portlet .tabbable-line > .tab-content {
    padding-bottom: 0; }

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent; }
  .tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0; }
  .tabbable-line.tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbdcde; }
  .tabbable-line.tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #ed6b75; }

.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px; }

.portlet .tabbable-bordered {
  margin-top: 20px; }

.tabbable-bordered .nav-tabs {
  margin-bottom: 0;
  border-bottom: 0; }

.tabbable-bordered .tab-content {
  padding: 30px 20px 20px 20px;
  border: 1px solid #ddd;
  background: #ffffff; }
  
.img-user-presence {
    margin: 30% auto;
}

.bg-blue { 
	background: #3598dc !important; }
.font-white { 
	color: #ffffff !important; }
.caption-left-10{margin-left: 10px;}
.caption-left-20{margin-left: 20px;}
.caption-left-30{margin-left: 30px;}
.caption-left-40{margin-left: 40px;}
.caption-left-50{margin-left: 50px;}
.caption-left-60{margin-left: 60px;}
.caption-left-70{margin-left: 70px;}
.caption-left-80{margin-left: 80px;}
.caption-left-90{margin-left: 90px;}
.caption-left-100{margin-left: 100px;}

.btn-xl,
.btn-group-xl > .btn {
  	padding: 16px 18px;
	font-size: 17px;
	line-height: 1.33;
	border-radius: 6px;
}


.bigButonLabel .button-label {
  display: inline-block;
  padding: 1em 2em;
  margin: 0.5em;
  cursor: pointer;
  color: #292929;
  border-radius: 0.25em;
  background: #efefef;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.bigButonLabel .button-label:hover {
  /*background: #d6d6d6;*/
  color: #101010;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
}
.bigButonLabel .button-label:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
}
.bigButonLabel .button-label h1 {
	margin-top: 11px;
}

.bigButonLabel #guest-button:checked + .button-label {
  background: #8e8e88;
  color: #efefef;
}
.bigButonLabel .guest-button:hover {
  background: #8e8e88;
  color: #e2e2e2;
}
.table > thead > tr > td.guest,
.table > thead > tr > th.guest,
.table > thead > tr.guest > td,
.table > thead > tr.guest > th,
.table > tbody > tr > td.guest,
.table > tbody > tr > th.guest,
.table > tbody > tr.guest > td,
.table > tbody > tr.guest > th,
.table > tfoot > tr > td.guest,
.table > tfoot > tr > th.guest,
.table > tfoot > tr.guest > td,
.table > tfoot > tr.guest > th,
.bigButonLabel .guest-button, .guest-button {
  background-color: #eeeeee;
}


.bigButonLabel #loading-button:checked + .button-label {
  background: #2ECC71;
  color: #efefef;
}
.bigButonLabel .loading-button:hover {
  background: #29b765;
  color: #e2e2e2;
}
.bigButonLabel .button-label:hover h1, .bigButonLabel .radio-label:checked + .button-label h1{
  border-bottom: 10px solid red;
  padding-bottom: 35px;
  margin-bottom: -33px;
}
#erpik_gatehousebundle_gatehousebase_documentType {
	margin-bottom: 20px;
}

.table > thead > tr > td.loading,
.table > thead > tr > th.loading,
.table > thead > tr.loading > td,
.table > thead > tr.loading > th,
.table > tbody > tr > td.loading,
.table > tbody > tr > th.loading,
.table > tbody > tr.loading > td,
.table > tbody > tr.loading > th,
.table > tfoot > tr > td.loading,
.table > tfoot > tr > th.loading,
.table > tfoot > tr.loading > td,
.table > tfoot > tr.loading > th,
.bigButonLabel .loading-button, .loading-button {
  background: #d7f7e6;
}

.bigButonLabel #supply-button:checked + .button-label {
  background: #fab027;
  color: #efefef;
}
.bigButonLabel .supply-button:hover {
  background: #fab027;
  color: #e2e2e2;
}
.table > thead > tr > td.supply,
.table > thead > tr > th.supply,
.table > thead > tr.supply > td,
.table > thead > tr.supply > th,
.table > tbody > tr > td.supply,
.table > tbody > tr > th.supply,
.table > tbody > tr.supply > td,
.table > tbody > tr.supply > th,
.table > tfoot > tr > td.supply,
.table > tfoot > tr > th.supply,
.table > tfoot > tr.supply > td,
.table > tfoot > tr.supply > th,
.bigButonLabel .supply-button, .supply-button {
  background: #fdfac6;
}

.bigButonLabel #transfer-button:checked + .button-label {
  background: #ce4245;
  color: #efefef;
}
.bigButonLabel .transfer-button:hover {
  background: #ce4245;
  color: #e2e2e2;
}
.table > thead > tr > td.transfer,
.table > thead > tr > th.transfer,
.table > thead > tr.transfer > td,
.table > thead > tr.transfer > th,
.table > tbody > tr > td.transfer,
.table > tbody > tr > th.transfer,
.table > tbody > tr.transfer > td,
.table > tbody > tr.transfer > th,
.table > tfoot > tr > td.transfer,
.table > tfoot > tr > th.transfer,
.table > tfoot > tr.transfer > td,
.table > tfoot > tr.transfer > th,
.bigButonLabel .transfer-button, .transfer-button {
  background: #f2cccd;
}

.bigButonLabel #service-button:checked + .button-label {
  background: #876f63;
  color: #efefef;
}
.bigButonLabel .service-button:hover {
  background: #876f63;
  color: #e2e2e2;
}
.table > thead > tr > td.service,
.table > thead > tr > th.service,
.table > thead > tr.service > td,
.table > thead > tr.service > th,
.table > tbody > tr > td.service,
.table > tbody > tr > th.service,
.table > tbody > tr.service > td,
.table > tbody > tr.service > th,
.table > tfoot > tr > td.service,
.table > tfoot > tr > th.service,
.table > tfoot > tr.service > td,
.table > tfoot > tr.service > th,
.bigButonLabel .service-button, .service-button {
  background: #d1c6c0;  
}

.bigButonLabel #gift-button:checked + .button-label {
  background: #1d40cd;
  color: #efefef;
}
.bigButonLabel .gift-button:hover {
  background: #1d40cd;
  color: #e2e2e2;
}
.table > thead > tr > td.gift,
.table > thead > tr > th.gift,
.table > thead > tr.gift > td,
.table > thead > tr.gift > th,
.table > tbody > tr > td.gift,
.table > tbody > tr > th.gift,
.table > tbody > tr.gift > td,
.table > tbody > tr.gift > th,
.table > tfoot > tr > td.gift,
.table > tfoot > tr > th.gift,
.table > tfoot > tr.gift > td,
.table > tfoot > tr.gift > th,
.bigButonLabel .gift-button, .gift-button {
  background: #ccddf7;  
}

.bigButonLabel #reservation-button:checked + .button-label {
  background: #fad669;
  color: #efefef;
}
.bigButonLabel .reservation-button:hover {
  background: #fad669;
  color: #e2e2e2;
}
.table > thead > tr > td.gift,
.table > thead > tr > th.gift,
.table > thead > tr.gift > td,
.table > thead > tr.gift > th,
.table > tbody > tr > td.gift,
.table > tbody > tr > th.gift,
.table > tbody > tr.gift > td,
.table > tbody > tr.gift > th,
.table > tfoot > tr > td.gift,
.table > tfoot > tr > th.gift,
.table > tfoot > tr.gift > td,
.table > tfoot > tr.gift > th,
.bigButonLabel .reservation-button, .reservation-button {
  background: #fce9ad;  
}

.bigFontDatatables .individual_filtering,
.bigFontDatatables table {
    font-size: 16px;
}
.guest-radius, .loading-radius, .service-radius, .transfer-radius, .supply-radius, .gift-radius, .reservation-radius {
	border-radius: 6px 6px 0px 0px;
}

.radioHidden {
  display: none;
}
#changeForm label {
	font-size: 17px;
}
.permission-confirmation-info {
	font-style: italic; 
	color: #00aa00;
}
.lg-backdrop {
	z-index: 1050  !important;
}
.ldDet-all-border{
	border: 1px #cdcdcd solid; background: #ffffff;
}
.ldDet-noTop-border {
	background: #ffffff;
	border-bottom: 1px #cdcdcd solid; 
	border-left: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
}
.modal-header .close {
    margin-top: -22px;
}
.sms-counter{
    font-size: 20px;
    font-weight: bold;
}
.sms-from{
    color: #ff0000;
}
.sms-to{
    color: #009900;
}