/*@font-face{ 
	font-family:'Helvetica Medium';
	src:url(../fonts/HelveticaNeueLTPro-Md.eot);
	src:url(../fonts/HelveticaNeueLTPro-Md.eot?#iefix) format('eot'),
		url(../fonts/HelveticaNeueLTPro-Md.woff) format('woff'),
		url(../fonts/HelveticaNeueLTPro-Md.ttf) format('truetype'),
		url(../fonts/HelveticaNeueLTPro-Md.svg#helveticaneuelt_std_cnbold) format('svg');
	font-weight:400;
	font-style:normal;
}*/

@font-face{ 
	font-family:'Helvetica Medium';
	src:url(../fonts/HelveticaNeueLTPro-Bd.eot);
	src:url(../fonts/HelveticaNeueLTPro-Bd.eot?#iefix) format('eot'),
		url(../fonts/HelveticaNeueLTPro-Bd.woff) format('woff'),
		url(../fonts/HelveticaNeueLTPro-Bd.ttf) format('truetype'),
		url(../fonts/HelveticaNeueLTPro-Bd.svg#helveticaneuelt_std_cnbold) format('svg');
	font-weight:700;
	font-style:normal;
}

@font-face{
	font-family:'Helvetica Roman';
	src:url(../fonts/HelveticaNeueLTPro-Roman.eot);
	src:url(../fonts/HelveticaNeueLTPro-Roman.eot?#iefix) format('eot'),
		url(../fonts/HelveticaNeueLTPro-Roman.woff) format('woff'),
		url(../fonts/HelveticaNeueLTPro-Roman.ttf) format('truetype'),
		url(../fonts/HelveticaNeueLTPro-Roman.svg#helveticaneuelt_std_cnbold) format('svg');
	font-weight:400;
	font-style:normal;
}

@font-face{
	font-family:'bitumen';
	src:url(../fonts/bitumen.eot);
	src:url(../fonts/bitumen.eot?#iefix) format('eot'),
		url(../fonts/bitumen.woff) format('woff'),
		url(../fonts/bitumen.ttf) format('truetype'),
		url(../fonts/bitumen.svg) format('svg');
	font-weight:200;
	font-style:normal;
}

/*@font-face{
	font-family:'Helvetica Medium';
	src:url(../fonts/RN00145CondensedLight-W02.eot);
	src:url(../fonts/RN00145CondensedLight-W02.eot?#iefix) format('eot'),
		url(../fonts/RN00145CondensedLight-W02.woff) format('woff'),
		url(../fonts/RN00145CondensedLight-W02.ttf) format('truetype'),
		url(../fonts/RN00145CondensedLight-W02.svg#helveticaneuelt_std_cnbold) format('svg');
	font-weight:100;
	font-style:normal;
}*/

@font-face{
	font-family:'Helvetica Condensed';
	src:url(../fonts/RN00145CondensedBold-W02.eot);
	src:url(../fonts/RN00145CondensedBold-W02.eot?#iefix) format('eot'),
		url(../fonts/RN00145CondensedBold-W02.woff) format('woff'),
		url(../fonts/RN00145CondensedBold-W02.ttf) format('truetype'),
		url(../fonts/RN00145CondensedBold-W02.svg#helveticaneuelt_std_cnbold) format('svg');
	font-weight:700;
	font-style:normal;
}

@font-face{
	font-family:'Helvetica Condensed';
	src:url(../fonts/RN00145Condensed-W02.eot);
	src:url(../fonts/RN00145Condensed-W02.eot?#iefix) format('eot'),
		url(../fonts/RN00145Condensed-W02.woff) format('woff'),
		url(../fonts/RN00145Condensed-W02.ttf) format('truetype'),
		url(../fonts/RN00145Condensed-W02.svg#helveticaneuelt_std_cnregular) format('svg');
	font-weight:400;
	font-style:normal;
}

@font-face{
	font-family:'Helvetica Condensed';
	src:url(../fonts/total_com_helvetica_thin.eot);
	src:url(../fonts/total_com_helvetica_thin.eot?#iefix) format('eot'),
		url(../fonts/total_com_helvetica_thin.woff) format('woff'),
		url(../fonts/total_com_helvetica_thin.ttf) format('truetype'),
		url(../fonts/total_com_helvetica_thin.svg#helveticaneuelt_std_lt_cnRg) format('svg');
	font-weight:100;
	font-style:normal;
}




/* ************************************************************************** */
/* LOGIN */
/* ************************************************************************** */

/*body {color:#444444;background:url(../img/bg.jpg) no-repeat 0 0 fixed;background-size:cover;-webkit-background-size:cover;}*/
html, body, header, header *, .login_cont_main, .login_cont_main * {margin:0px;padding:0px;border:0px; box-sizing:border-box;-webkit-box-sizing:border-box;} 

.login-form{height:100%;width:100%;}
html.login {height:100%;width:100%;}
html.login body {height:100%;width:100%;}

html.login header, html.login .login_cont {font:normal 13px/18px Arial,sans-serif;}

html.login header {height:97px;position:absolute;top:0;left:0;width:100%;background:white url(../img/login/bg-header.png) repeat-x 0 100%;}
html.login header .header_cont {max-width:1170px;position:relative;padding:0 20px;margin:0px auto;}
html.login header .header_cont .logo {position:absolute;top:0;left:20px;}
/*html.login header .header_cont .head {padding-left:105px;display:block;padding-top:3px;font:normal 30px/90px 'Helvetica Medium',Arial,sans-serif;letter-spacing:0.02em;color:#ed1a3b;white-space:nowrap;text-transform: uppercase;font-weight:700;}*/
html.login header .header_cont img.logotype{position:absolute;top: 20px;left: 130px;}
.langs-switch.desktop {position:absolute;top:65px;right:23%;}
.langs-switch.mobile{display: none;background:rgba(225,225,225,0.85);text-align: center;padding:25px;}
.langs-switch.mobile.top{margin-bottom:2px}
.langs-switch.mobile.bottom{margin-top:2px}
.langs-switch a {color:#4a4a4a;text-decoration:none;line-height:15px;float:left;padding:0 10px;border-right:1px solid #b7b7b7;}
.langs-switch.mobile a{float: none;}
.langs-switch a.active,
.langs-switch a:hover {color:#e10b31;}
.langs-switch a:last-child {border-right:0px;}

.langs-switch a.manual-link{border-right:none;text-transform: uppercase;font-size: 13px; font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;font-weight:bold;background: transparent url("../img/arrow-red-main-transparent.png") left center no-repeat;padding: 0 30px 0 15px;}

.top-container .langs-switch{position:absolute;right:0px;top:105px}

@media all and (max-width: 640px){
	html.login body {}
	html.login header .header_cont {padding:0;}
	html.login header .header_cont .logo {left:0;}
	html.login header .header_cont .head {font-size:18px;font-weight:bold;}
	html.login header .header_cont img.logotype {left: 110px;}
	.langs-switch.desktop {right:0px;top:73px;bottom:auto;display: none;}
	.langs-switch.mobile{display: block;}
	.langs-switch a{padding: 0 5px;}
	.langs-switch a.manual-link{padding-right:0px;}
	.top-container .langs-switch{position:absolute;right:0px;top:49px}
}

html.login .step-2-fields input {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
html.login .step-2-fields.inactive input{height:0px !important;padding:0px;margin:0px;border:none;}
html.login .step-2-fields.inactive label{display: none;}

.login_cont_main {padding-top:97px;width:100%;height:100%;display:table;}
.login_cont {height:100%;width:100%;display:table-cell;vertical-align:middle;padding:20px;}
.login_cont .login_box {max-width:640px;margin:0px auto;}
.login_cont .login_box .login-form {background:rgba(225,225,225,0.85);min-height:400px;}
.login_cont h2 {font-size:24px;color:white;padding-bottom:20px;/*text-transform:uppercase;*/font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;}
.login_cont form h2 {color:#484647;font-weight:400;text-align:center;line-height:30px;padding:45px 20px 35px 20px;border-bottom:1px solid #9f9f9f;font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;}
.login_cont form fieldset {margin:0px auto;max-width:430px;padding:45px 20px 0 20px;}
.login_cont form label {float:left;width:39.5%;line-height:30px;text-transform:uppercase;font-weight:bold;}
.login_cont form input.text {float:left;width:60.5%;height:30px;padding:5px 10px;background:#f5f5f5;border:0px;margin:0 0 21px 0;}
.login_cont form input[type="password"] {background:#f5f5f5 url(../img/login/login-key.png) no-repeat 100% 50%;padding-right:30px;}
.login_cont .buttons {text-align:center;padding-top:20px;}
.login_cont .buttons button {letter-spacing:0.02em;padding:10px 15px 11px 15px;min-width:210px;cursor:pointer;color:#fff;display:inline-block;font:400 16px/1em 'Helvetica Condensed';letter-spacing:0.02em;text-decoration:none;text-align:center;background:#df0c37;transition:250ms;-webkit-transition:250ms;border:0px;position:relative;margin-left:50px;}
.login_cont .buttons button:hover {background-color:#bd062a;text-decoration:none;}
.login_cont .buttons button:before {content:' ';position:absolute;left:16px;top:50%;margin-top:-6px;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #ffffff;}
.login_cont .shipka {display:inline-block;text-decoration:underline;padding-left:20px;color:#504e4f;position:relative;}
.login_cont .shipka:before {position:absolute;top:4px;left:2px;content:' ';width:0;height:0;border-style:solid;border-width:4px 0 4px 8px;border-color:transparent transparent transparent #504e4f;}
.login_cont .shipka:hover {text-decoration:none;}
.login_cont .links {text-align:center;padding:50px 0 15px;}

@media all and (max-width: 640px){
	.login_cont .login_box .login-form {min-height:0px;}
	.login_cont h2 {font-size:20px;}
	.login_cont form h2 {display:none;}
	.login_cont form fieldset {padding-top:15px;}
	.login_cont form label {width:100%;float:none;display:block;margin-bottom:5px;}
	.login_cont form input.text {width:100%;float:none;display:block;margin-bottom:10px;font-size:16px;height:40px;}
	
	.login_cont .buttons {}
	.login_cont .buttons button{margin-left:0px;}
	.login_cont .links {padding-top:25px;}
}

/* ************************************************************************** */
/* APP */
/* ************************************************************************** */

body{margin:0px;padding:0px;font-family: Arial;font-size: 15px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body.phone{background: none;}

html.login body{background:url(../img/bg_desktop.jpg) no-repeat 0 0 fixed;background-size:cover;-webkit-background-size:cover;}

.cleaner {clear:both;font-size:0px;height:0px;display:block;line-height:0px;overflow:hidden;background:transparent;}
.hidden{display:none;}
.login-form{display: none;}
.login-form label{display: block;}

#overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 80;}
#overlay .overlay-inner{position: relative;width:100%;height:100%;}
#overlay .overlay-inner:after {content:'';position: absolute;top:0px;left: 0px;width:100%;height:100%;z-index:-1;background-color: #000000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#overlay .overlay-inner img{position:fixed;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;opacity:1}

#module-name-container{padding:32px 20px;}
#module-name-container{color:#ffffff;text-transform: uppercase;/*font-weight: bold;*/font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;font-size:40px;font-weight: 100;}
#module-name-container.two-lines{padding: 14px 20px;line-height: 40px;}
#module-menu-container{width:48px;height:48px;float:left;}
#user-menu-container{position:absolute;top:38px;right:65px;text-align: right;display: block;}
#user-menu-container .webix_view{font-size:12px;}
/*#app-main-container-padding{background-color: #ffffff;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden;padding:30px 20px;}
#app-main-container-padding.no-padding {padding:0;}
#app-main-container-padding.no-padding .main-container {padding:30px 20px;}
#app-main-container-padding.no-padding .webix_template{padding:0;}*/
#app-main-container{}

.main-container{}
.main-container .top-container{background-color: #ffffff;}
.main-container .top-container .top{margin: 0px auto;max-width: 960px;height:90px;position: relative;}
.main-container .top-container .top .logo{position: absolute;left:0px;bottom:10px;width:60px;height:72px;background: transparent url(../img/total-top-logo.png) center center no-repeat;}
/*.main-container .top-container .top .title{position: absolute;left: 75px;bottom:10px;border-left: 1px solid #cccccc;text-transform: uppercase;color:#ed1a3b;font-size: 30px;padding:20px;font-family: 'Helvetica Medium',Arial,sans-serif;letter-spacing:0.02em;font-weight: 700;}*/
.main-container .top-container .top img.logotype{position: absolute;top: 0px;left: 70px;padding: 13px 20px;margin: 5px;border-left: 1px solid #cccccc;}
.main-container .top-container .top .gear-button{position:absolute;top:38px;right:130px;width:20px;height:20px;cursor: pointer;font-family: bitumen;font-size: 16px;color: #484646;-webkit-font-smoothing: antialiased;}
.main-container .top-container .top .gear-button:before{content:"\e909";}
.main-container .top-container .top .info-button{position:absolute;top:38px;right:105px;width:20px;height:20px;cursor: pointer;font-family: bitumen;font-size: 16px;color: #484646;-webkit-font-smoothing: antialiased;}
.main-container .top-container .top .info-button:before{content:"\e90e";}
.main-container .top-container .top .maximize-button{position:absolute;top:30px;right:50px;width:32px;height:25px;cursor: pointer;font-family: bitumen;font-size: 32px;color: #484646;-webkit-font-smoothing: antialiased;}
.main-container .top-container .top .maximize-button:before{content:"\e90f";}
.main-container .top-container .top .logout-button{position:absolute;top:30px;right:0px;width:40px;height:32px;line-height:32px;cursor: pointer;font-family: bitumen;font-size: 32px;color: #484646;-webkit-font-smoothing: antialiased;}
.main-container .top-container .top .logout-button:before{content: "\e903";}
.main-container .top-container .gradient-line{width:100%;height:33px;background: transparent url(../img/top-gradient.png) top left repeat-x}
.main-container .top-container .bottom{margin: 0px auto;max-width: 960px;padding:10px;}
.main-container .top-container .bottom a{color: #454545;text-decoration: none;text-transform: uppercase;font-size: 13px;padding-right:15px;font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;font-weight:bold;}
.main-container .top-container .bottom a:hover{text-decoration: underline;}
.main-container .top-container .bottom a.home-button:hover{text-decoration: none;}
.main-container .top-container .bottom a .amount{font-weight: bold;}
.main-container .top-container .bottom a.new .amount{color:#ec3d42}
.main-container .top-container .bottom a.home-button{padding-top: 3px;font-family: bitumen;font-size: 16px;color: #484646 !important;-webkit-font-smoothing: antialiased;}
.main-container .top-container .bottom a.home-button:before{content: "\e908";}

@media all and (max-width: 640px){
	#module-name-container{color:#ed1a3b;font-size:28px;}
	
	html.login body{background-image:url(../img/bg_mobile.jpg);}
	
	.main-container .top-container .top {background:white;height:63px;box-shadow:0 5px 5px #dbdbdb;margin-bottom:20px;}
	.main-container .top-container .top .logo {top:0;left:0;bottom:auto;width:67px;height:100%;background-position: 50% 50%; background-size:auto 50px;}
	.main-container .top-container .top .title {bottom:auto;height:50px;left:67px;line-height:48px;padding:0 0 0 12px;top:8px;font-size:20px;}
	.main-container .top-container .top img.logotype {top: 0px;left: 70px;height: 40px;width: 121px;padding: 5px 15px;margin: 5px 0;}
	.main-container .top-container .gradient-line {display:none;}
	.main-container .top-container .bottom {display:none;}

	.menuico {font-size:45px;position:absolute;right:10px;top:50%;margin-top:-0.5em;display:block;width:1em;height:1em;z-index:100;}
	.menuico span {left:10px;top:21px;width:25px;opacity:1;display:block;border-top:4px solid #212121;position:absolute;transition:250ms;}
	.menuico span:nth-child(1) {top:14px;}
	.menuico span:nth-child(2) {opacity:0;}
	.menuico span:nth-child(3) {}
	.menuico span:nth-child(4) {top:28px;left:auto;right:10px;}
	.menuico.opened span:nth-child(1) {opacity:0;}
	.menuico.opened span:nth-child(2) {opacity:1;top:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
	.menuico.opened span:nth-child(3) {opacity:1;top:20px;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);}
	.menuico.opened span:nth-child(4) {opacity:0;}
	
	.logout-button,
	#user-menu-container {display:none;}
}


.main-container .middle-container {overflow:hidden;max-width:1420px;margin:0px auto;}
.main-container .middle-container .banner {position:relative;}
.main-container .middle-container .banner .blok {background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;height:110px;width:100%;}
.main-container .middle-container .banner .blok .module-name {padding:36px 20px;}
.main-container #module-name-container > div {font:100 24px/1em 'Helvetica Condensed';letter-spacing:0.02em;color:white;text-transform:uppercase;}
.main-container #module-name-container > div strong {font-weight:400;font-family:'Helvetica Condensed'}
.main-container .middle-container .banner .blok > * {max-width:960px;margin:0px auto;color:white;}
.main-container .middle-container .banner .img img {max-width:100%;margin:0;display:block;}

@media all and (max-width: 840px){
	.main-container .middle-container .banner .blok {height:auto;}
	.main-container .middle-container .banner .blok .module-name {padding:5px 20px;}
}

@media all and (max-width: 640px){
	.main-container .middle-container .banner .blok {position:relative;background:transparent;padding:10px 20px 0;max-width:100%;width:auto;}
	.main-container .middle-container .banner .img img {display:none;}
	.main-container #module-name-container {padding:0;max-width:100%;line-height: 30px;}
	.main-container #module-name-container > div {height: auto !important;color:#ed1a3b;text-align:center;width:auto;padding:0px;max-width:100%;}
}

/*.main-container .middle-container .banner .module-name {font: normal 32px/1.1875em 'Helvetica Condensed',sans-serif;text-transform: uppercase;}*/

.main-container .inside-padding {max-width:960px;margin:0px auto;padding:0 20px;box-sizing:content-box;-webkit-box-sizing:content-box;}
.main-container .inside-no-padding {max-width:100%;margin:0px auto;padding:0px;}


.main-container .middle-container .footer{position: relative;}
.main-container .middle-container .footer .blok{background:#ffffff; border-top:1px solid #dededf;padding:15px 0;}
.main-container .middle-container .footer .blok > * {max-width: 960px;margin: 0px auto;color: white;}
.main-container .img.truck-move {position:relative;}
.main-container .img.truck-move img.road {max-width:100%;margin:0;display:block;}
.main-container .img.truck-move img.truck {/*display:none;*/position:absolute;bottom:30px;left:0;}



.footer {position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;}
.footer * {box-sizing:border-box;-webkit-box-sizing:border-box;}
.footer .blok {background-color:#ededed;padding:15px 0;}
.footer .blok .links {max-width:960px;margin:0px auto;color:white;padding:0 20px;}
.footer .blok .links a {text-transform:uppercase;color:#7b7b7b;text-decoration:none;font-size:12px;}
.footer .blok .links a:hover {text-decoration:underline;}
.footer .footer-icons {display:none;height:70px;background:#df0c36;/*padding:0 20px;*/max-width:960px;margin:0px auto;}
.footer .footer-icons a {font-size:0.85em;padding:45px 0 0 0;width:25%;height:100%;float:left;background:transparent none no-repeat 50% 15px;color:white;text-decoration:none;text-align:center;position:relative}
.footer .footer-icons a.active{background-color: #b20b37}
.footer .footer-icons .webix_icon{position:absolute;top:8px;left: 35%;font-size:25px}
/*.footer .footer-icons a.obj {background-image:url(../img/objednavka/ico-obj-white.png);}
.footer .footer-icons a.hist {background-image:url(../img/objednavka/ico-history-white.png);}
.footer .footer-icons a.news {background-image:url(../img/objednavka/ico-news-white.png);}
.footer .footer-icons a.cont {background-image:url(../img/objednavka/ico-contact-white.png);}
.footer .footer-icons a.templates {background-image:url(../img/objednavka/ico-templates-white.png);}*/

@media all and (max-width: 640px){
	.footer .footer-icons {display: block;position:fixed;bottom:0;left:0;width: 100%;}
	body{padding-bottom: 70px;}
}



/*.main-container .footer-container{padding:20px;border-top: 1px solid #e6e6e6;background-color: #ffffff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}*/

.top-user-name{color:#ec3d42;text-decoration: underline;cursor: pointer;}
.top-user-role{font-style: italic;color:#000000}


.amount-input-field input{background: #ffffff url(../img/icon-weight.png) center right no-repeat;}

.phone-logo-container{}
.phone-logo-container.webix_view{background-color: transparent;border: 0}
.phone-logo-container .webix_template{padding: 0px;border:0px;background-color: transparent}
.phone-logo-container .phone-logo{width:100%;height:100%;background: transparent url(../img/total-top-logo-phone.png) center center no-repeat;}

.phone-app-user-toolbar{}
.phone-app-user-toolbar.webix_view{background-color: #cfcfcf;}
/*.phone-app-user-toolbar .webix_scroll_cont{border-top:1px solid #ffffff;}*/
.phone-app-user-toolbar .webix_template{padding: 2px 5px;border:0px;background-color: #d8d8d8}
.phone-user-container.webix_view{font-size: 11px;text-align: right;}

.phone-title-container div{border-left: 1px solid #cccccc;padding-left:10px;color:#ec3d42;text-transform: uppercase;font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;font-size: 20px;}

.phone-app-top-toolbar.webix_layout_toolbar.webix_toolbar{background-color: #ffffff;}
.phone-menu-button .webix_icon_btn{color: #484647 !important;}


.application-update{}
.application-update .webix_template{padding:0px;}
.application-update .logo{width: 450px;height:150px;background: transparent url(../img/update.png) top left no-repeat}
.application-update .title{padding: 10px; font-weight: bold;}
.application-update .content{padding: 0px 10px 10px 10px}

.application-update .small-label{color: #ff0000;font-weight:bold;font-size: 9px;}
/*
.orders-section-button {}
.orders-section-button .webix_template{padding:0 20px 0 0;}
.orders-section-button .content{width:100%;height:100%;position:relative;cursor: pointer;}
.orders-section-button .name{display: block;position: absolute;top: 20px;width: 140px;text-transform: uppercase;font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;font-size: 20px;}
.orders-section-button .amount{display: block;position: absolute;right: 20px;top: 10px;font-size: 54px;font-family: 'Helvetica Condensed',Arial,sans-serif;}
.orders-section-button .arrow{display: block;position: absolute;width:100%;padding-top:5px;height:20px;bottom:0px;left:0px;background-color: #cfcfcf;font-family: bitumen;font-size: 14px;color: #484646;-webkit-font-smoothing: antialiased;text-align:center;}
.orders-section-button .arrow:before{content: "\e907";}
.orders-section-button.active .arrow{color:#ffffff}
.orders-section-button.active .arrow:before{content: "\e904";}

.orders-section-button.active .name{color:#ffffff;}
.orders-section-button.active .amount{color:#ffffff;}

.orders-section-button.new .content {background: #e6e6e6 url(../img/section-new.png) 20px 20px no-repeat}
.orders-section-button.new .name{left:100px;}
.orders-section-button.new .amount{color:#ea1940}
.orders-section-button.new.active .content {background: #ed1a3b url(../img/section-new-active.png) 20px 20px no-repeat}
.orders-section-button.new.active .amount{color:#ffffff}
.orders-section-button.new.active .arrow{background-color: #d51734;}

.orders-section-button.current .content {background: #e6e6e6 url(../img/section-current.png) 20px 20px no-repeat}
.orders-section-button.current .name{left:95px;}
.orders-section-button.current.active .content {background: #f8981d url(../img/section-current-active.png) 20px 20px no-repeat}
.orders-section-button.current.active .arrow{background-color: #f68616;}

.orders-section-button.archive .content {background: #e6e6e6 url(../img/section-archive.png) 20px 20px no-repeat;}
.orders-section-button.archive .name{left:100px;}
.orders-section-button.archive .amount{display: none;}
.orders-section-button.archive .webix_template{padding:0;}
.orders-section-button.archive.active .content {background: #4696d1 url(../img/section-archive-active.png) 20px 20px no-repeat}
.orders-section-button.archive.active .arrow{background-color: #4087bb;}


.phone .orders-section-button .content {background-image: none !important;background-color: #cfcfcf;border-top: 1px solid #ffffff;}
.phone .orders-section-button .webix_template{padding: 0px;}
.phone .orders-section-button .arrow{display: none !important;}
.phone .orders-section-button .name{top:11px;left: 10px;font-size: 12px;font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;}
.phone .orders-section-button .amount{background: #4a4849;top:3px;right: 3px;width:20px;height:20px;text-align: center;line-height:20px;color:#ffffff;font-size: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

.phone .orders-section-button.new .amount{background: #ea1940;color:white;}
.phone .orders-section-button.new.active .amount{background: #ffffff;color:#ea1940}
.phone .orders-section-button.current .amount{background: #f8981d;color:white;}
.phone .orders-section-button.current.active .amount{background: #ffffff;color:#f8981d}

.webix_toolbar .webix_el_label.fake-date-container{text-transform: uppercase;padding-left:0px;cursor: pointer;text-align: center;font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;font-size:20px;}
.webix_toolbar .webix_el_label.fake-date-container.clean{text-align: right;padding-right: 5px;}
.webix_toolbar .webix_el_label.fake-date-container:hover{text-decoration: underline;}

.phone .webix_toolbar .webix_el_label.fake-date-container{font-size: 12px;}
*/
/*
.date-selector-middle-info{line-height: 30px;display: block;text-align: center;width:100%;font-size: 20px;font-family: 'Helvetica',Arial,sans-serif;}
.webix_toolbar .webix_el_label.calendar-button{padding: 0px;}
.calendar-button .calendar-button-inner{width:100%;height:100%;cursor: pointer;font-family: bitumen;font-size: 18px;color: #484646;-webkit-font-smoothing: antialiased;text-align:center;font-size: 26px;}
.calendar-button .calendar-button-inner:before{content:"\e911";}
.phone .calendar-button .calendar-button-inner{font-size: 21px;line-height: 28px;}
.calendar-button.reset .calendar-button-inner:before{content:"\e910";}
*/
.webix_view{color:#484646}
.webix_view.transparent{background: transparent;border: transparent;}
.webix_view.webix_dtable{font-size:13px;}
.webix_ss_header TD{font-size:13px;}
.fixed-window{position:fixed;}

/*.orders-table{}
.orders-table{}
.orders-table .orders-icon{display: block;width:22px; height:100%;font-family: bitumen;font-size: 24px;color: #484646;-webkit-font-smoothing: antialiased;text-align:center;}
.orders-table .error .orders-icon{color:#fa3443}
.orders-table .error .orders-icon:before{content: "\e90d";}
.orders-table .pickup .orders-icon{color:#f7a71e}
.orders-table .pickup .orders-icon:before{content: "\e90b";}
.orders-table .delivery .orders-icon{color:#545454}
.orders-table .delivery .orders-icon:before{content: "\e90a";}
.orders-table .changes .orders-icon{color: #00a2e8}
.orders-table .changes .orders-icon:before{content: "\e90c";}

.order-single-line-info{line-height:20px;position:relative;}
*/
/*.order-single-line-info .right-arrow-box{position:absolute;top:30px;right:5px;width:30px;text-align: right;}*/

/*
.order-single-line-info .order-id{position:absolute;left:0px;top:0px;font-size: 14px;font-weight: bold;padding: 0px 135px 0 0px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.order-single-line-info .order-id .inner-id{overflow: hidden;white-space: nowrap;width:100%;}
.order-single-line-info .order-prod{position:absolute;right:20px;top:2px;text-align: right;font-size: 11px;}
.order-single-line-info .order-ico{position:absolute;left:0px;top:32px;width: 30px;height:20px;}
.order-single-line-info .order-load{position:absolute;left:30px;top:23px;color: #f8981d;}

.order-single-line-info .order-place{position:absolute;padding: 0px 140px 0 55px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 12px;}
.order-single-line-info .order-place.load{top:23px;}
.order-single-line-info .order-place.unload{top:45px;font-weight: bold;}
.order-single-line-info .order-place .inner-place{overflow: hidden;white-space: nowrap;width:100%;}
.order-single-line-info .order-right{position: absolute;top:25px;right:-5px;text-align: right;}
.order-single-line-info .order-date{position:absolute;right:65px;width: 75px;text-align: right;font-weight: bold;font-size: 12px;}
.order-single-line-info .order-date.load{top:25px;}
.order-single-line-info .order-date.unload{top:45px;}
.order-single-line-info .order-time{position:absolute;right:20px;width: 40px;text-align: right;font-weight: bold;font-size: 12px;}
.order-single-line-info .order-time.load{top:25px;}
.order-single-line-info .order-time.unload{top:45px;}
.order-single-line-info .order-middle-line{position:absolute;width:100%;left:0px;top:42px;height:1px;box-sizing:border-box;-webkit-box-sizing:border-box;padding:0px 20px 0 35px}
.order-single-line-info .order-middle-line .in{width:100%;height:1px;background-color: #b3b3b3;}

.order-single-line-info .order-unload{position:absolute;left:30px;top:44px;color: #4696d1}
.order-single-line-info .line{border-bottom: 1px solid #b3b3b3}

.order-single-line-info.hide-ico .order-ico{display: none;}
.order-single-line-info.hide-ico .order-load{left: 0px;}
.order-single-line-info.hide-ico .order-unload{left: 0px;}
.order-single-line-info.hide-ico .order-place{padding-left: 20px;}
.order-single-line-info.hide-ico .order-middle-line{padding-left: 0px;}

.order-single-line-info.no-arrow .order-right{display: none;}
.order-single-line-info.no-arrow .order-middle-line{padding-right: 0px;}
.order-single-line-info.no-arrow .order-prod{right: 0px;}
.order-single-line-info.no-arrow .order-date{right: 45px;}
.order-single-line-info.no-arrow .order-time{right: 0px;}


.order-single-line-info .webix_icon{font-family: bitumen;font-size: 10px;-webkit-font-smoothing: antialiased;text-align: center;}
*/
.special-row-with-load-button{padding-top:24px;}
.bottom-white-border-top{border-top:1px solid #ffffff !important}

.fa-load:before{content: "\e904";}
.fa-unload:before{content: "\e905";}
.fa-next{font-family: bitumen;-webkit-font-smoothing: antialiased;font-size:10px;}
.fa-next:before{content: "\e907";}

.fa-hamburger{font-family: bitumen;-webkit-font-smoothing: antialiased;}
.fa-hamburger:before{content: "\e912";}

.fa-bitumen{font-family: bitumen;-webkit-font-smoothing: antialiased;}
.fa-hamburger:before{content: "\e912";}
.fa-orders:before{content: "\e914";}
.fa-dashboard:before{content: "\e908";}
.fa-drivers:before{content: "\e916";}
.fa-news:before{content: "\e900";}
.fa-contacts:before{content: "\e901";}
.fa-templates:before{content: "\e90f";}
.fa-history:before{content: "\e902";}
.fa-news:before{content: "\e900";}
.fa-info:before{content: "\e90c";}
.fa-top:before{content: "\e905";}
.fa-down:before{content: "\e904";}
.fa-truck:before{content: "\e914";}
.fa-weight:before{content: "\e910";}
.fa-date:before{content: "\e911";}
.fa-time:before{content: "\e90b";}
.fa-internal-number:before{content: "\e913";}


.phone .webix_layout_toolbar.webix_toolbar .webix_el_label{font-size:14px;font-weight: bold;overflow: hidden;white-space: nowrap;}

.odd-bg-color{background-color:#f5f5f5}
.even-bg-color{background-color:#e6e6e6}

.news-amount{color:#df0c36}

/*
.area {font-weight: bold;text-transform: uppercase}
.area .webix_template{padding-left:0px;}
.area.load{color: #f8981d;}
.area.load .fa-load{float:right;font-family: bitumen;-webkit-font-smoothing: antialiased;}
.area.unload{color: #4597d1;}
.area.unload .fa-unload{float:right;font-family: bitumen;-webkit-font-smoothing: antialiased;}
.area.product{}
.area.delivery{}
*/
/* editacni okno */
/*.order-tab-first-row{background-color: #cfcfcf;}
.order-load-form-area .webix_template{background: #cfcfcf url(../img/gray-car-load.png) center center no-repeat;}
.order-unload-form-area .webix_template{background: #cfcfcf url(../img/gray-car-unload.png) center center no-repeat;}
.order-material-form-area .webix_template{background: #cfcfcf url(../img/gray-barell.png) center center no-repeat;}
.order-line {background-color: #cfcfcf;}
.order-line.right .webix_template{border-right:2px solid #ffffff;padding:4px;}
.order-big-title-label{}
*/
.transparent-template{background-color:transparent;}

/*
.special-cal-template .webix_template{padding: 0;position: relative;}

.cal-container, .cal-container *{box-sizing:border-box; -webkit-box-sizing:border-box;}
.cal-container {border: 1px solid #e6e6e6;border-right:0px;background: #e6e6e6;}
.cal-container .cal-header{padding: 5px;text-align: center;text-transform: uppercase;font-weight: bold;}
.cal-container .cal-group{width:33%;border:1px solid #e6e6e6;float:left;}
.cal-container .cal-group:nth-child(2){width:34%}

.phone .cal-container .cal-group{width:100%;border:1px solid #e6e6e6;float:left;}
.phone .cal-container .cal-group:nth-child(2){width:100%}

.cal-item{width: 25%;height:83px;float:left;border: 1px solid #ffffff;float:left;background-color: #ffffff;cursor: pointer;position: relative;font-family: Arial;font-size: 12px;}
.cal-item .time{margin: 2px;}
.cal-item .spz{position: absolute;left:0px;bottom:20px;width:100%;text-align: center;color:#000000;font-weight: bold;}
.cal-item .location{position: absolute;bottom: 0;left: 0;width:100%;text-align: center;color: #ffffff;height: 18px;line-height: 18px;}
.cal-item .car{position: absolute;left:0;top:20px;width:100%;height:18px;font-family: bitumen;font-size: 18px;color: #484646;-webkit-font-smoothing: antialiased;text-align:center;}
.cal-item .number{position: absolute;left:0;right:0;top:25px;width:36px;height:36px;margin-left: auto;margin-right: auto;text-align: center;line-height: 35px;background-color: #8e8c8d;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;border-color:#8e8c8d;font-size: 25px;color: #fff;}
*/
.mask{position:absolute;top:0;left:0;width: 100%;height: 100%;background-color: #dddddd;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;z-index: 20000;display: none;}
/*
.cal-item:nth-child(1),
.cal-item:nth-child(3),
.cal-item:nth-child(6),
.cal-item:nth-child(8),
.cal-item:nth-child(9),
.cal-item:nth-child(11),
.cal-item:nth-child(14),
.cal-item:nth-child(16){background-color:#f7f7f7;border-color: #f7f7f7}

.cal-item:hover{background-color: #f5f5f5;border: 1px solid #c0c0c0;}

.cal-item.up .car:before{content: "\e900";}
.cal-item.down .car:before{content: "\e901";}

.cal-item.closed{background-image: url(../img/cal-cross.png);background-position: center center;background-repeat: no-repeat;}

.cal-item.red{border: 1px solid #ff1732}
.cal-item.red .location{background-color: #ff1732;}
.cal-item.red .car{color: #ff1732;}
.cal-item.red .corner{width:34px;height:34px;position: absolute;top:0px;right:0px;background: transparent url(../img/cal-alert.png) top right no-repeat;}

.cal-item.yellow{border: 1px solid #c0c0c0}
.cal-item.yellow .location{background-color: #f49720;}
.cal-item.yellow .car{color: #f49720;}

.cal-item.blue{border: 1px solid #c0c0c0}
.cal-item.blue .location{background-color: #4597d3;}
.cal-item.blue .car{color: #4597d3;}
*/


.webix_tooltip{background-color: transparent;padding: 0px;border:0px;border-radius: 0px;box-shadow: none}

.tootip-container{position:relative;}
.tooltip-top-arrow{background: transparent url(../img/tooltip-arrow.png) center top no-repeat;width:100%;height:11px;position:absolute;top:-10px;left:0;}
.tooltip-content{background-color: white;border: 1px solid #c5c5c5;padding:10px;}
.tooltip-content .errors{color: #ff1533}
.tooltip-content .title{color: #000000;font-style: italic;}

.cal-ovelayer{position:absolute;top:0;left:0;width: 100%;height: 100%;background-color: #000000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;z-index: 10;display: none;}
.cal-popup-container{display: none;}
/*#orders-popup{display: none;position:absolute;z-index: 11;}
#orders-popup .container{position: relative}
#orders-popup .content{padding: 0 0 5px 5px;border:1px solid #e6e6e6;background-color: #ffffff}
#orders-popup .cal-item{width:auto;margin:5px 5px 0 0}
#orders-popup .arrow{width:20px;height:11px;position:absolute;left: 50%;}
#orders-popup .arrow.up{background: transparent url(../img/tooltip-arrow.png) center top no-repeat;top:-10px;}
#orders-popup .arrow.l{left: 35px; right: auto;}
#orders-popup .arrow.r{right: 35px; left: auto;}
#orders-popup .arrow.down{background: transparent url(../img/tooltip-arrow-down.png) center top no-repeat;bottom:-10px;}

.phone .modules-container {border-color: red;}
.phone #orders-popup .cal-item{margin:0;width:25%}
.phone #orders-popup .content{padding: 0;}
*/

.silver-button.webix_el_button button{background-color: #d8d8d8;text-align:center}
.fa-small-arrow-left{font-family: bitumen;font-size: 10px;color: #484646 !important;-webkit-font-smoothing: antialiased;text-align: center;}
.fa-small-arrow-left:before{content: "\e906";}
.fa-small-arrow-right{font-family: bitumen;font-size: 10px;color: #484646 !important;-webkit-font-smoothing: antialiased;text-align: center;}
.fa-small-arrow-right:before{content: "\e907";}
.phone .fa-small-arrow-right, .phone .fa-small-arrow-left{font-size: 8px;}

.fa-arrow-left{font-family: bitumen;font-size: 10px;color: #484646 !important;-webkit-font-smoothing: antialiased;color:#ffffff !important;}
.fa-arrow-left:before{content: "\e906";}
.fa-arrow-right{font-family: bitumen;font-size: 10px;color: #484646 !important;-webkit-font-smoothing: antialiased;color:#ffffff !important;}
.fa-arrow-right:before{content: "\e907";}

.app-button button{background-color: #666666 !important;color:#ffffff !important;border-width:0 !important;padding-left: 5px;}
.app-button button .webix_icon{color:#ffffff !important;}
.app-button.submit button{background-color: #df0c36 !important;}
.app-button.remove button{background-color: #ce5545 !important;}
.app-button.load button{background-color: #f8981d !important;}
.app-button.unload button{background-color: #4597d1 !important;}

.phone .app-button.search button{background: #999798 url(../img/white-arrow-white-phone.png) left center no-repeat;}

.big-error{color: #ea1940;font-size: 20px;}
.phone .big-error{font-size: 15px;}
.big-title{color: #ea1940;font-size: 26px;font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;}
.phone .big-title{font-size: 16px;}

.fa-audits:before,.fa-changes:before{content:"\f022"}
/*.fa-filemanager:before{content:"\f07c"}*/
.fa-system:before{content:"\f085"}
.fa-settings:before{content:"\f013";}
/*.fa-drivers:before{content:"\f1b9";}*/
/*.fa-orders:before{content:"\f155";}*/

/*
.canceled-window-bg{background-color:#cfcfcf}
.canceled-window-bg.top .webix_template{background-color:#cfcfcf !important;text-align:left !important;text-transform: uppercase;padding-left: 10px;}
*/
.bottom-button {margin-top:23px !important}
.relative-container{position:relative;}
.selection_checkbox{width:32px;height:32px;/*background-color: red;*/}


/*.module_toolbar.phone {
    background-color: #f3f3f3
}
.module_toolbar.phone .webix_el_label.cancel,
.module_toolbar.phone .webix_el_label.add{
    color: #3C87FF;
	font-size: 15px;
}*/
/*.webix_layout_toolbar.module_toolbar.phone .webixtype_base {
    background-color: #65a0ff;
    color: #ffffff!important;
}*/

.pl .module_toolbar.phone .webix_spacer{margin: 0px !important}
.pl .module_toolbar.phone .webix_el_button{margin-left: 0px !important}

.no-side-border .webix_view{border-left:0px !important;border-right:0px !important;}

.detail-container > .webix_template{padding: 0px;}

.orders-grid{width: 100%}
.orders-grid .webix_tree_open{display: none;}
.orders-grid .webix_tree_folder_open{display: none;}



/* ************************************************************************** */
/* SKIN */
/* ************************************************************************** */


.webix_win_head button{border-width: 0px !important;}
.webix_hcell.webix_icon{width:25px;}

.webix_column .webix_cell{background-color: #f2f2f2}
.webix_column .webix_cell:nth-child(2n){background-color: #e6e6e6}
.webix_column > div.webix_row_select{background: #27ae60 !important;}
.webix_column .webix_cell.error{background-color: #ffecee}
.webix_column .webix_cell.data-table-hover{background: #ebebeb;}

.webix_layout_toolbar.webix_toolbar.section-toolbar{background-color: transparent;}

.webix_item_tab.webix_selected{background: #cfcfcf;border-color: #ffffff;border-radius: 0px;color: #000000}
.webix_item_tab{background: #e7e7e7;color:#000000;font-family: Arial,sans-serif;letter-spacing:0.02em;}
div.webix_item_tab{border-color:#ffffff;border-radius:0px;font-family: Arial,sans-serif;letter-spacing:0.02em;font-size:13px;font-weight: bold;text-transform: uppercase;line-height: 30px;}
.webix_item_tab:first-child{border-color:#ffffff;}
.webix_after_all_tabs{background: #cfcfcf;border-left:1px solid #ffffff;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
.webix_ss_header TD{background: #20394f;border-color: #ffffff;color:#ffffff}
.webix_ss_header td{border-right: 0px solid #ffffff;border-bottom: 0px solid #ffffff;}
.webix_dtable{border-color:#ffffff}
.webix_column .webix_cell{border-color:#ffffff}
.webix_tab_filler{border-color:#ffffff}
.webix_ss_vscroll_header{background: #20394f;border-color: #20394f;}
.webix_dtable .webix_ss_vscroll_header{border-color:#20394f}
.webix_ss_header{background: #20394f;border-bottom:1px solid #fff;}
.webix_dtable_colrow{background: #20394f;font-size:200%;color:#ffffff;font-family: 'Helvetica Condensed'; font-weight: 100}

.webix_layout_toolbar.webix_toolbar .webix_img_btn:active,.webix_layout_toolbar.webix_toolbar .webix_img_btn_top:active{background-color:#d8d8d8;box-shadow: none;}
.webix_layout_toolbar.webix_toolbar .webix_img_btn:focus,.webix_layout_toolbar.webix_toolbar .webix_img_btn_top:focus{background-color:#d8d8d8}
.webix_layout_toolbar.webix_toolbar .webix_img_btn:hover,.webix_layout_toolbar.webix_toolbar .webix_img_btn_top:hover{background-color:#d8d8d8}
.webix_layout_toolbar.webix_toolbar{background: #d8d8d8}
.webix_layout_toolbar.webix_toolbar .webix_el_label{color:#000000}
.webix_layout_toolbar.webix_toolbar .webix_img_btn_abs .webix_icon{color:#000000}
.webix_layout_toolbar.webix_toolbar .webix_img_btn_abs:hover{color:#000000}
.webix_layout_toolbar.webix_toolbar .webixtype_base{border-color:#4a4849;border-radius: 0;color:#000000}
.webix_layout_toolbar.webix_toolbar .webixtype_base:hover{color:#000000}
.webix_layout_toolbar.webix_toolbar .webixtype_base:active{color:#000000}
.webix_layout_toolbar.webix_toolbar .webixtype_base:focus{color:#000000}
.webix_view .webix_win_head>.webix_view>.webix_template{box-shadow: 0 -2px #d8d8d8 inset;}


.webix_popup_text{box-shadow: 0 3px #d8d8d8 inset;} 

.webix_popup_button div{background: #d8d8d8;border-color: #c1c1c1;color:#000000;border-radius: 0px;}
.webix_el_button button{background: #999798;border-color: #c1c1c1;color:#fff;border-radius: 0px;}
.phone-menu-button.webix_el_button button{background: transparent;border-color: transparent;color:#000;border-radius: 0px;}
.webix_el_button .webix_img_btn{color:#ffffff;}

.webix_layout_toolbar.webix_toolbar .webix_el_box .webix_img_btn_abs:active{background-color:#c1c1c1;color:#000000}
.webixtype_base:hover{background: #c1c1c1;color:#000000}
.webixtype_base:active{background: #c1c1c1;color:#000000}
.webix_el_toggle .webix_el_box.webix_pressed .webix_img_btn_abs, .webix_el_toggle .webix_el_box.webix_pressed .webixtype_base{background: #c1c1c1;color:#000000}
.webix_view .webix_pager_item{background: #d8d8d8;border-color: #c1c1c1;border-radius: 0px;color:#000000}
.webix_view .webix_pager_item_selected{background: #c1c1c1;border-color: #c1c1c1;border-radius: 0px;color:#000000}

.webix_cal_event{color: #484848;}
.webix_cal_body .webix_cal_select, .webix_cal_body .webix_cal_select.webix_cal_today{border-radius: 0px;}
.webix_cal_body .webix_cal_select, .webix_cal_body .webix_cal_select.webix_cal_today, .webix_cal_body .webix_selected{background: #484848;color:#ffffff;border-color:#484848}
.webix_cal_body .webix_cal_today{border-color:#484848;border-radius: 0px;}

.webix_el_colorpicker input, .webix_el_combo input, .webix_el_datepicker input, .webix_el_search input, .webix_el_text input, .webix_el_text .webix_inp_static, .webix_el_colorpicker .webix_inp_static, .webix_el_datepicker .webix_inp_static, .webix_el_dbldatepicker .webix_inp_static, .webix_el_richselect .webix_inp_static{border-radius: 0px;}
.webix_el_colorpicker span.webix_input_icon, .webix_el_combo span.webix_input_icon, .webix_el_datepicker span.webix_input_icon, .webix_el_dbldatepicker span.webix_input_icon, .webix_el_richselect span.webix_input_icon{border-radius: 0px;background-color:#d8d8d8;color:#000000}
.webix_el_radio .webix_radio_1 .webix_custom_radio:before{background-color:#000000}
.webix_el_select select, .webix_el_textarea textarea{border-radius: 0px;}
.webix_dtable .webix_ss_filter input, .webix_dtable .webix_ss_filter select{border-radius: 0px;}

.info-detail-container {color:#707173}
.info-detail-container a{color:#ec3d42}
.info-detail-container li{padding-bottom:5px;}

.webix_hcell{line-height: 45px !important;}

.webix_popup_button.confirm div,
.webix_el_box .webixtype_form{border-color:#df0c36;background:#df0c36 url(../img/rafinerie_kontakt/arrow-white-right.png) no-repeat 20px 50%;padding: 0 20px 0 20px;text-align:center;font-family: 'Helvetica Condensed';font-weight: 400;font-size:22px;padding:2px 20px 2px 48px;}
.webix_el_box .webixtype_form:hover{background-color:#b20b37;border-color:#b20b37;}
.webix_popup_button.confirm div:hover{background-color:#b20b37;border-color:#b20b37;}
.webix_popup_button div{color:#ffffff;border-color:#707173;background:#707173 url(../img/rafinerie_kontakt/arrow-white-right.png) no-repeat 20px 50%;padding: 0 20px 0 20px;text-align: center;font-family: 'Helvetica Condensed';font-weight: 400;font-size:22px;padding:2px 20px 2px 48px;}
.webix_popup_button div:hover{background-color:#646566;border-color:#646566}

div.webix_modal_cover{opacity: .3;}
.webix_modal_box, .webix_view.webix_popup{border:0;}
.webix_modal_box{box-shadow:none;padding:30px 25px;}
.webix_popup_text{box-shadow:none;padding:0px;margin:0px;}
.webix_popup_controls{padding:0px;}
.webix_popup_button{width: 46%;}

.webix_window{}

.webix_cal_day{font-weight: 700}
.webix_cal_day.webix_cal_event{font-weight: 300;}

.webix_cal_block[data-value="6"] {font-weight: 700;}
.webix_cal_block[data-value="7"] {font-weight: 700;}
.webix_cal_block[data-value="8"] {font-weight: 700;}
.webix_cal_block[data-value="9"] {font-weight: 700;}
.webix_cal_block[data-value="10"] {font-weight: 700;}
.webix_cal_block[data-value="11"] {font-weight: 700;}
.webix_cal_block[data-value="12"] {font-weight: 700;}
.webix_cal_block[data-value="13"] {font-weight: 700;}
.webix_cal_block[data-value="14"] {font-weight: 700;}
.webix_cal_block[data-value="15"] {font-weight: 700;}
.webix_cal_block[data-value="16"] {font-weight: 700;}
.webix_cal_block[data-value="17"] {font-weight: 700;}

.webix_cal_done{border-radius: 0;}

/* *************************************************************************************************
 *
 *  inpho
 *   
 * ************************************************************************************************* */

.total-page .cmsbutton {letter-spacing:0.025em;color:#fff;display:inline-block;padding:11px 20px 11px 48px;font-family: 'Helvetica Condensed';font-weight: 400;font-size:22px;text-decoration:none;text-align:center;border:0px;background:#df0c36 url(../img/rafinerie_kontakt/arrow-white-right.png) no-repeat 20px 50%;}
.total-page .cmsbutton.cancel-button{background-image: url(../img/rafinerie_kontakt/arrow-white-left.png)}
.total-page .cmsbutton:hover {background-color:#b20b37;text-decoration:none;}
.total-page .cmsbutton.download {background-image:url(../img/rafinerie_kontakt/arrow-white-down.png);}
.total-page .cmsbutton.download.opened {background-image:url(../img/rafinerie_kontakt/arrow-white-up.png);}
.total-page .cmsbutton.greybutton {background-color:#707173;}
.total-page .cmsbutton.greybutton:hover {background-color:#646566;}
.total-page .cmsbutton.greybutton.save-template-button{background-color: #4c98c9}
.total-page .cmsbutton.greybutton.save-template-button:hover{background-color: #428ab9}

.total-page .cmsbutton.greybutton.rewrite-template-button{background-color: #4c98c9}
.total-page .cmsbutton.greybutton.rewrite-template-button:hover{background-color: #428ab9}

.total-page .cmsbutton.camera {background-image:url(../img/rafinerie_kontakt/ico-camera-white.png);}
.total-page .cmsbutton.whitebutton {background-color:white;background-image:url("../img/arrow-red-main-transparent.png");color:#df0c36;}
.total-page .cmsbutton.disabled {background-color:#707173;cursor: default}
.total-page .cmsbutton.disabled:hover {background-color:#707173;}

.total-page .contact-box {width:49.091%;margin:0 1.818% 20px 0;float:left;padding:20px;border:1px solid #e8e8e8;}
.total-page .contact-box:nth-child(2n) {margin-right:0;}
.total-page .contact-box:nth-child(2n+1) {clear:both;}
.total-page .contact-box img {float:right;margin:0;max-width:40%;}
.total-page .contact-box h2 {padding-bottom:0.25em;}
.total-page .contact-box p {padding:0;}
.total-page .contact-box .inpho-box {font:400 14px/20px 'Helvetica Condensed';}

@media all and (max-width: 840px){
	.total-page .contact-box {margin-right:0;float:none;width:100%;}
	.total-page .contact-box img {max-width:20%;margin:0px auto 20px;display:block;min-width:140px;}
}


/*.total-page .raphineria-box {padding:20px;border:1px solid #e8e8e8;margin-bottom:25px;font-size:14px;line-height:20px;min-height:270px;}
.total-page .raphineria-box .txt {width:49.091%;margin-right:1.818%;float:left;position:relative;z-index:20;}
.total-page .raphineria-box .cmsbutton {margin-right:15px;}
.total-page .raphineria-box .map {width:49.091%;float:right;}
.total-page .raphineria-box .map img {max-width:100%;}
.total-page .raphineria-box .buttons {vertical-align:top;position:relative;z-index:10;margin-top:-35px;}
.total-page .raphineria-box .inpho-box {letter-spacing:0.025em;font:700 18px/22px 'Helvetica Condensed';}

body.phone .total-page .raphineria-box .txt {float:none;width:auto;margin:0;}
body.phone .total-page .raphineria-box .map {float:none;width:auto;margin:0 0 20px 0;}
body.phone .total-page .raphineria-box .buttons {margin:0px;}
body.phone .total-page .raphineria-box .buttons *:first-child {margin-bottom:10px;}*/



.total-page .inpho-box a, 
.total-page .inpho-box strong {color:#535353;display:inline-block;padding:5px 0 5px 32px;font-weight:normal;}
.total-page .inpho-box a:hover {text-decoration:none;}
.total-page .inpho-box .gps {background:url(../img/rafinerie_kontakt/ico-pointer.png) no-repeat 0 7px;}
.total-page .inpho-box .web {background:url(../img/rafinerie_kontakt/ico-planet.png) no-repeat 0 7px;text-decoration:none;}
.total-page .inpho-box .mail {background:url(../img/rafinerie_kontakt/ico-mail.png) no-repeat 0 8px;}
.total-page .inpho-box .phone {background:url(../img/rafinerie_kontakt/ico-phone.png) no-repeat 0 8px;}
.total-page .inpho-box .mobile {background:url(../img/rafinerie_kontakt/ico-mobile.png) no-repeat 0 6px;}



/*.raphineria-box .philelist {display: none;}
.philelist {padding-top:30px;}
.philelist h4 {padding-bottom:0.75em;}
.philelist table {width:100%;border-top:2px solid #e2e3e3;border-spacing: 0;border:0;margin:0px;}
.philelist table{border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8}
.philelist table tr td {padding:10px 0;line-height:40px;}
.philelist table tr.odd td{background-color:#f9f9f9}
.philelist table tr td:first-child{padding-left:10px;}*/

/*.desktop .philelist table tr td.name{}
.desktop .philelist table tr td.size{width:120px}
.desktop .philelist table tr td.date{width:120px}
.desktop .philelist table tr td.link{width:170px}
.desktop .philelist table tr td.description{width: 30%}*/


/*.papers-boxes .philelist{padding-top: 0px;}
.papers-boxes .philelist table tr td{border: 0px;margin:0px;}*/

/*body.phone .philelist table tr {display:block;}
body.phone .philelist table td {line-height:30px;padding:0 0;display:block;border-bottom-width:0px;}
body.phone .philelist table tr td:last-child {width:auto;padding:10px 0;}
body.phone .philelist table tr:last-child {border-bottom-width:0px;padding-bottom:0;}*/



.common-overlayer {display: none;width:100%;opacity:0.975;z-index:150150;position:fixed;top:0;left:0;height:110%;background:url(../img/rafinerie_kontakt/popup-bg.png) repeat 0 0;}
.common-popup {position:fixed;top:0;left:0;z-index:250150;width:100%;height:100%;display:table;}
.common-popup * {box-sizing:border-box;-webkit-box-sizing:border-box;}
.common-popup .cp-valign {display:table-cell;width:100%;height:100%;vertical-align:middle;}
.common-popup .cp-content {background:white;max-width:790px;margin:0px auto;padding:75px 35px 35px 35px;position:relative;}
.common-popup .cp-content h2 {font:100 40px/1em 'Helvetica Condensed';padding:0;margin:0 0 0.5em 0;color:#d62247;text-transform:uppercase;}
.common-popup .cp-content .close {position:absolute;top:20px;right:20px;width:37px;height:40px;background:url(../img/rafinerie_kontakt/ico-close.png) no-repeat 50% 50%;z-index:250151}

.common-popup.camera-popup .cp-content{width:100%;padding: 35px;}

body.phone .cp-content{width:100%;padding: 10px;}

.common-popup.camera-popup{display: none;}
.common-popup.camera-popup h2 {padding:0 0 0 45px;background:url(../img/rafinerie_kontakt/ico-camera-red.png) no-repeat 5px 50%;}
.cam-content {position:relative;margin-bottom:20px;}
.cam-content .resizer {display:block;width:100%;margin:0;}
.cam-content .cam-inner {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.cam-content .cam-inner > * {display:block;width:100%;height:100%;}
.cam-link-box {position:relative;float:left;width:50%;height:110px;}
.cam-link-box:before {content:' ';height:100%;width:50%;position:absolute;left:0;top:0;background:#707173 url(../img/rafinerie_kontakt/ico-camera-trans.png) no-repeat 50% 50%;}
.cam-link-box .cam-link {display:block;padding-left:55%;color:#d62247;text-decoration:none;font-family:'Helvetica Condensed';}

.common-popup.video-popup{display: none;}





.webix_template {padding:0px;}
.webix_template .central-content-padding {padding-top:40px;padding-bottom:40px;}
.total-page.vertical-pading {padding-top:45px;padding-bottom:45px;}

@media all and (max-width: 640px){
	.webix_template .central-content-padding {padding-top:30px;padding-bottom:30px;}
	.webix_template .central-content-padding.news-detail{padding-top:0px;}
	.webix_template .central-content-padding.news-detail h2{padding-top:20px;}
	.total-page.vertical-pading {padding-top:30px;padding-bottom:30px;}
	.big-title{font-size: 16px;}
}

@media all and (min-width: 641px){
	.news-detail div.img{display: none;}
}

.total-page {color:#535353;font:400 14px/18px Arial,sans-serif;}
.total-page, .total-page * {box-sizing:border-box;-webkit-box-sizing:border-box;}
.total-page .block-image {display:block;width:100%;margin:0px;}
.total-page a {color:#535353;}
.total-page a.show_legal_info{color:#ffffff}
.total-page p {padding:0 0 1em 0;margin:0;}
.total-page h2 {font:700 20px/26px 'Helvetica Condensed';text-transform:uppercase;padding:0 0 1.5em;margin:0;color:#000;}
.total-page h3 {font:700 14px/22px 'Helvetica Condensed';text-transform:uppercase;padding:0 0 1em;margin:0;color:#535353;}
.total-page h4 {font:400 18px/22px Arial;margin:0;padding:0 0 0.5em;color:#535353;}
.total-page a.small-button {text-decoration:none;position:relative;display:inline-block; padding-left:50px;font:700 14px/40px 'Helvetica Condensed';;color:#ed1a3b;}
.total-page a.small-button:before {position:absolute;left:0;top:0;width:40px;height:40px;content:' ';background:#df0c36 url(../img/rafinerie_kontakt/arrow-white-right.png) no-repeat 50% 50%;}
.total-page a.small-button.download:before {background-image:url(../img/rafinerie_kontakt/arrow-white-download.png);}
.total-page a.small-button:hover {color:#bd062a;}
.total-page a.small-button:hover:before {background-color:#bd062a;}
.total-page .red, .total-page .required {color:#df0c36;}





.total-page.blue-bg {background-color:#20394f;}
.total-page.obj-step-0 {background:#20394f url(../img/objednavka/obj-bg.png) no-repeat 50% 0;}
.total-page.obj-step-x {margin-bottom:1px;}
.total-page.obj-step-top {margin-top:1px;}



@media all and (min-width: 641px){

	.total-page .tab-menu {list-style:none;margin:0px;padding:0px;margin-bottom:0;height:72px;}
	.total-page .tab-menu li {transition:150ms;width:17%;position:relative;margin:0 2px 0 0;padding:8px 12px;float:left;height:100%;background:#f00e36;font:400 16px/1.25em 'Helvetica Roman';display:table;}
	.total-page .tab-menu li:hover {background-color:#bd062a;}
	.total-page .tab-menu li:after{width:0;height:0;border-style:solid;border-width:0 30px 30px 0;border-color:transparent #dededf transparent transparent;content:' ';position:absolute;top:0;right:0;}
	.total-page .tab-menu li.new-order-tab:after{border-color:transparent #ffffff transparent transparent;}
	.total-page .tab-menu li a.close {position:absolute;right:0;top:0;z-index:10;color:#f00e36;line-height:16px;padding:0 5px 10px 10px;text-decoration:none;}
	.total-page .tab-menu li a:not(.close) {color:white;display:block;height:100%;text-decoration:none;vertical-align:bottom;display:table-cell;}
	.total-page .tab-menu li.active {background:#20394f;margin-top:2px;}
	/*.total-page .tab-menu li.active:after {border-color:transparent #ffffff transparent transparent;}*/
}

@media all and (max-width: 640px){
	.total-page .tab-menu {display: none;list-style:none;margin:0px 0 10px;padding:0px;height:40px;text-align:center;}
	.total-page .tab-menu li {padding:0 45px;display:none;line-height:40px;}
	.total-page .tab-menu li.active {display:block;}
	.total-page .tab-menu li a {display:inline-block;vertical-align:middle;text-decoration:none;font:400 25px 'Helvetica Roman';}
	.total-page .tab-menu li a.close {margin-left:15px;font-size:0px;width:25px;height:25px;background:url(../img/objednavka/ico-btn-close.png) no-repeat scroll 50% 50%;background-size:25px auto;-webkit-background-size:25px auto;}
	.total-page .tab-menu-mobile-prev {display: none;float:left;width:40px;height:40px;background:#f5f5f5;position:relative;}
	.total-page .tab-menu-mobile-prev:before {content:' ';position:absolute;margin:-5.5px 0 0 -5.5px;top:50%;left:50%;width:0;height:0;border-style:solid;border-width:5.5px 11px 5.5px 0;border-color:transparent #b3b3b3 transparent transparent;}
	.total-page .tab-menu-mobile-next {display: none;float:right;width:40px;height:40px;background:#e6e6e6;position:relative;}
	.total-page .tab-menu-mobile-next:after {content:' ';position:absolute;margin:-5.5px 0 0 -5.5px;top:50%;left:50%;width:0;height:0;border-style:solid;border-width:5.5px 0 5.5px 11px;border-color:transparent transparent transparent #514f4f;}
	.total-page .tab-menu-dots {text-align:center;height:38px;margin-bottom:20px;}
	.total-page .tab-menu-dots a {display:inline-block;text-decoration:none;padding:10px;margin:0 5px;}
	.total-page .tab-menu-dots a span {vertical-align:top;display:inline-block;width:12px;height:12px;border-radius:50%;background:#707173;}
	.total-page .tab-menu-dots a.active span,
	.total-page .tab-menu-dots a:hover span {background:#ed1a3b;}	
}




.total-page .fields {padding:20px 0 50px;margin:0;border:0;position:relative;}
.total-page .fields.legal-info-container{padding: 20px 0 0 0;}
.total-page .fields label {display:block;color:white;line-height:40px;font-size:17px;}
.total-page .fields select,
.total-page .fields input.text,
.total-page .fields textarea,
.total-page .fields .sbHolder {height:50px;width:100%;display:block;background:white;border:0;padding:2px 15px 0 15px;margin-bottom:0px;
	font:400 17px/1em 'Helvetica Roman';color:black;
}
.total-page .fields textarea{padding:15px;}

.total-page .fields input.disabled,
.total-page .fields select.disabled,
.total-page .fields .sbHolder.disabled{background-color:#cfcfcf !important;}

.total-page .fields .sbHolder.error,
.total-page .fields select.error,
.total-page .fields input.text.error{border-bottom:3px solid #ec3d42;color:#ec3d42}

/*.total-page .fields input.souprava {background:#fff url(../img/objednavka/ico-car.png) no-repeat 100% 50%;}*/
/*.total-page .fields input.hmotnost {background:#fff url(../img/objednavka/ico-weight.png) no-repeat 100% 50%;}*/
/*.total-page .fields input.datum {background:#fff url(../img/objednavka/ico-calendar.png) no-repeat 100% 50%;}
.total-page .fields input.cas {background:#fff url(../img/objednavka/ico-clock.png) no-repeat 100% 50%;}*/

/*.total-page .fields select {display:none;}*/
.total-page .fields textarea {max-width:100% !important;height:100px;min-height:100px !important;}
.total-page .fields .sbHolder {position:relative;}
.total-page .fields .sbHolder .sbSelector {width:100%;height:100%;display:block;text-decoration:none;line-height:50px;color:inherit;padding-right:40px;padding-left: 10px;}
.total-page .fields .sbHolder li {height: 50px;}
.total-page .fields .sbHolder .sbToggle {position:absolute;top:0;right:0;height:100%;width:50px;background:url(../img/objednavka/shipka-down.png) no-repeat 50% 50%;}
.total-page .fields .sbHolder .sbOptions {margin:1px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;width:100%;background:white;}
.total-page .fields .sbHolder .sbOptions li {padding:0;}
.total-page .fields .sbHolder .sbOptions a {display:block;padding:10px 15px;text-decoration:none;color:inherit;height: 100%;}
.total-page .fields .sbHolder .sbOptions a:hover {background:#f5f5f5;}
.total-page .fields .sbHolder a:focus + ul {display:block;}
.total-page .fields .sbHolder a:focus + a + ul {display:block;}
.total-page .fields .inpho {width:28px;height:50px;display:inline-block;/*background:url(../img/objednavka/ico-i.png) no-repeat 50% 50%;*/color: #ffffff;font-size: 30px;float: left;margin-right: 15px;}
.total-page .fields .inpho-detail{color:#ffffff;font-style: italic;}
.total-page .fields .inpho.phone{display: none;width: 100%;color: white;background-position: center left;padding:5px 0 0 40px}
.total-page .fields .inpho.desktop{display: inline-block;}
.total-page .fields label.checkbox {padding:15px 0 15px 40px;position:relative;line-height:20px;}
.total-page .fields label.checkbox span.checkspan {top:10px;left:0;position:absolute;width:30px;height:30px;display:block;float:left;background:url(../img/objednavka/checkbox.png) no-repeat 0% 0%;}
.total-page .fields label.checkbox span.checkspan.checked {background-position:0 100%;}
.total-page .fields .field-col {padding:0 10px;}
.total-page .fields .field-col.per-66 {width:66.666%;float:left;}
.total-page .fields .field-col.per-33 {width:33.333%;float:left;}
.total-page .fields .field-col.per-22 {width:22.222%;float:left;}
.total-page .fields .field-col.per-16 {width:16.666%;float:left;}
.total-page .fields .field-col.inpho-right-col {padding-top:45px;padding-left:40px;}
.total-page .fields .field-col.checkbox-col {padding-top:20px;}
.total-page .fields .field-col.item-no-label {padding-top:30px;}

.total-page .fields .cmsbutton.remove {float:right;margin:11px 0px 0 0;position:relative;z-index:2;
	background:#df0c36 url(../img/objednavka/ico-btn-close.png) no-repeat 10px 50%;
	background-size:18px auto;-webkit-background-size:18px auto;
	font-weight: 100;font-family:'Helvetica Roman';font-size:18px;padding:7px 10px 7px 38px;
}
.total-page .fields .cmsbutton.remove:hover {background-color:#bd062a;}

.total-page .fields h2 {position:relative;font:100 34px/53px 'Helvetica Condensed';padding:0;margin:0;color:white;transition:150ms;}
.total-page .fields h2:before {position:absolute;left:-65px;width:50px;height:50px;background:url(../img/objednavka/hexagon-red.png) no-repeat top center;
	background-size:auto 100%;-webkit-background-size:contain; content:attr(data-attr-title);
	text-align:center;font-family:arial;line-height:50px;font-size:30px;
}

/*@media all and (max-width: 640px){
	.total-page .fields h2:before{height:auto;}
}*/

.truck-animation-container{display:none;}
.progress-car-over{display:none;overflow: hidden}

@media all and (min-width: 641px){
	.progress-car-over {position:relative;}
	.progress-car {z-index:100;position:absolute;top:100px;right:22%;width:10.25%;min-height:167px;background:url(../img/objednavka/ico-hexagon.png) no-repeat 50% 50%;
		background-size:100% auto;-webkit-background-size:100% auto;
		font:400 85px/167px 'Helvetica Condensed';text-align:center;color:white;display:/*table-cell*/none;vertical-align:middle;
	}
	.progress-trace {z-index:90;position:absolute;top:0px;right:22%;width:10.25%;background:url(../img/objednavka/progress-trace.png) repeat-y 50% 0%;
		max-height:calc(100% - 80px);height:5000px;
	}
	.progress-trace-horiz {z-index:90;position:absolute;bottom:36px;right:calc(26.95% + 21px);max-width:50%;max-width:20%;width:500px;height:25px;background:url(../img/objednavka/progress-trace-horiz.png) repeat-x 100% 50%;}
	.progress-trace-switch {z-index:9%;position:absolute;bottom:48px;right:26.95%;
		width:21px;height:25px; background:url(../img/objednavka/progress-trace-doleva.png) no-repeat 50% 50%;
	}
}



.total-page .add-item {padding-bottom:20px;}
.total-page .add-item h2 {cursor:pointer;float:left;background:url(../img/objednavka/auticko.png) no-repeat 100% 50%;padding-right:135px;}
.total-page .add-item h2:before {line-height:48px;}
.total-page .fields-confirm {max-width:66.666%;padding:30px 0 30px 10px;position:relative;z-index:200;}
.total-page .fields-confirm.filter{max-width:60%}
.total-page .fields-confirm.low-index{z-index:2}
.total-page .fields-confirm .cmsbutton {/*padding:15px 20px 15px 20px;background-image:url(../img/objednavka/arrow-white-right-big.png);background-position:25px 50%;background-image: none;*/}
.total-page.filter{display: none;}
.total-page.filter-items{display: none;}
.order-continue-button .webix_icon{width: 23px;}

@media all and (max-width: 1140px){
	.total-page .fields h2 {margin-left:45px;}
}

@media all and (max-width: 940px){
	.total-page .fields .field-col.per-66.heading-field {width:auto;float:none;}
}

@media all and (max-width: 640px){
	.progress-car {font-size:0px;}
	.total-page.obj-step-0 {background:#20394f;}
	.total-page .fields .field-col {float:none !important;width:auto !important;}
	.total-page .fields .field-col.inpho-right-col {padding-top:10px;padding-left:10px;}
	.total-page .fields .cmsbutton.remove {width:30px;height:30px;padding:0;background-color:transparent;font-size:0;margin-top:10px;background-image: url(../img/objednavka/ico-btn-close2.png);background-position: center center;background-size: auto;}
	.total-page .fields .inpho-detail{display: initial;}
	.total-page .fields h2 {font-size:18px;line-height:50px;margin-left:50px;margin-bottom:10px;}
	.total-page .fields h2:before {/*width:48px;line-height:44px;*/left:-55px;}
	.total-page .add-item h2 {width:auto;float:none;background-image:none;padding-right:0; background-size:auto 38px;-webkit-background-size:auto 38px;}
	/*.total-page .add-item h2:before {line-height:40px;}*/
	.total-page .fields-confirm {max-width:100%;width:auto;text-align:center;}
	.total-page .fields-confirm.filter{max-width:100%}
	.total-page .fields-confirm .cmsbutton{width:100%;padding-left:30px;padding-right:30px;margin-bottom: 10px;}
	.total-page.filter{display: block;}
	
	#orders-archive-grid-container .webix_ss_header{display:none}
}





.summary .item {width:100%;padding:0 0 40px 0;position:relative;}
.summary .item table {width:100%;border-collapse:collapse;border-spacing:0px;table-layout:fixed;}
.summary .item:before {content:attr(data-attr-number);width:69px;height:100px;font-weight:700;font-size:40px;line-height:2.25;position:absolute;right:100%;top:0;background:url(../img/objednavka/summary-no.png) no-repeat 0% 100%;color:white;text-align:center;}
.summary .item td {padding:10px 20px;border:1px solid #959595;font-family:Arial;font-family:'Helvetica Roman';font-size:18px;font-weight:100;line-height:1em;color:black;}
.summary .item td.title {font-family:'Helvetica Condensed';width:50%;padding:30px 20px;border-right-width:0px;font-size:100;;font-size:40px;line-height:1em;text-transform:uppercase;}
.summary .item td.num {text-align:right;width:50%;padding:30px 20px;vertical-align:bottom;font-weight:100;border-left-width:0px;white-space:nowrap;}
.summary .item td.internal-num {border-right-width:0px;}
.summary .item td.internal-button {border-left-width:0px;text-align:right;}
.summary .item td.common-inpho {padding-bottom:15px;}
.summary .item td span {padding-bottom:5px;display:block;font-size:14px;color:#787878;line-height:1.5;}
.summary .item td .edit {border:0px;font-size:1em;font-family:inherit;line-height:1.3em;display:inline-block;padding:12px 50px 12px 20px;text-decoration:none;color:black;width:80%;text-align:left;background:#e3e3e3;/* url(../img/objednavka/ico-edit.png) no-repeat 102% 50%;*/}

.summary-buttons {padding:40px 0 40px 0;}
.summary-buttons a.cmsbutton.greybutton {float:left;margin-right:10px;}
.summary-buttons .right{float:right;}
/*.summary-buttons a.cmsbutton:not(.greybutton){float:right;}*/
.summary-buttons a.cmsbutton.greybutton.save-template-button{margin-right:50px;}

.fields-confirm .right{float:right;}

@media all and (max-width: 1140px){
	.summary .item {padding-left:69px;padding-bottom:20px;}
	.summary .item:before {right:auto;left:0;}
}

@media all and (max-width: 640px){
	.total-page .summary .item {padding-left:39px;}
	.total-page .summary .item:before {width:39px;font-size:20px;height:60px;background-position:0 -30px;}
	.total-page .summary .item table, 
	.total-page .summary .item table tr,
	.total-page .summary .item table tr td {display:block;width:100%;}
	.total-page .summary .item table {border-bottom:1px solid #959595;}
	.total-page .summary .item table td {border:1px solid #959595;border-bottom-width:0px;text-align:left;padding:12px 15px;font-size:14px;}
	.total-page .summary .item table td.title {font-size:24px;}
	.total-page .summary .item td .edit {width:100%;}
	.total-page .summary-buttons {padding:20px 0px 10px 0px}
	.total-page .summary-buttons a.cmsbutton {float:none;width:100%;margin:0 0 10px 0;padding-left:50px;padding-right:50px;}
	
	.summary-buttons .right{float:initial;}
	.fields-confirm .right{float:initial;}
}



.total-page .newslist {padding:12px;background:#f8f8f8;}
.total-page .newslist h4 {font-size:16px;line-height:1.15;font-weight:700;padding:0 0 0 0;margin:0;}
.total-page .newslist p {font-size:16px;line-height:1.15;}
.total-page .newslist .item {position:relative;padding:1rem 0 0rem 80px;border-top:1px solid #cfcfd0;}
.total-page .newslist h2 + .item {border-top-width:0px;}
.total-page .newslist .item .date {position:absolute;font-size:18px;color:#f00e36;left:0;top:1rem;width:50px;text-align:center;}
.total-page .newslist .item .date strong {font-family:'Helvetica Condensed';font-weight:100;font-size:22px;display:block;padding-top:5px;}
.total-page .newslist .item:last-child {padding-bottom:0;}
.total-page .big-heading {color:#f00e36;font:100 40px/1em 'Helvetica Condensed';padding-bottom:0.25em;}

@media all and (max-width: 640px){
	.total-page .newslist .item {padding-left:0;}
	.total-page .newslist .item .date {position:static;margin-bottom:10px;width:auto;text-align:left;}
	.total-page .newslist .item .date strong {display:inline-block;padding-left:5px;}
}

.total-page .articlelist_calendar .item {min-height:450px;padding:0 0 50px 0;position:relative;margin-bottom:30px;background:#df0c03;}
.total-page .articlelist_calendar .item.noimage {padding-top:65px;}
.total-page .articlelist_calendar .item:nth-child(2n) {background:#af0b37;}
.total-page .articlelist_calendar .item h2 {color:white;font:700 24px/1.25em 'Helvetica Condensed';padding:15px;text-transform: none;}
.total-page .articlelist_calendar .item h2 a {color:white;text-decoration:none;}
.total-page .articlelist_calendar .item .cmsbutton {position:absolute;bottom:12px;right:0;}
.total-page .articlelist_calendar .item img {display:block;margin:0 auto;width:100%;}
.total-page .articlelist_calendar .article_date {background:#df0c03;position:absolute;top:0;left:0;padding:9px 2px;min-height: 74px;min-width:74px;line-height:1.25;text-align:center;color:white;font-size:24px;font-family:'Helvetica Condensed';}
.total-page .articlelist_calendar .article_date strong {font-size:19px;font-weight:normal;}
.total-page .articlelist_calendar .item:nth-child(2n) .article_date {background:rgb(178,11,55);}

@media all and (min-width: 841px){
	.total-page .articlelist_calendar .item {float:left;width:31.597%;margin-right:2.604%;}
	.total-page .articlelist_calendar .item:nth-child(3n) {margin-right:0px;}
	.total-page .articlelist_calendar .item:nth-child(3n+1) {clear:both;}
}

@media all and (min-width: 641px) and (max-width: 840px){
	.total-page .articlelist_calendar .item {float:left;width:48.698%;margin-right:2.604%;}
	.total-page .articlelist_calendar .item:nth-child(2n) {margin-right:0px;}
	.total-page .articlelist_calendar .item:nth-child(2n+1) {clear:both;}
}

@media all and (max-width: 640px){
	.total-page .articlelist_calendar .item {min-height:0;}
	.news-top-banner-area{display:none;}
}


.total-page.news-page h2{text-transform: uppercase;font-family: 'Helvetica Condensed',Arial,sans-serif;letter-spacing:0.02em;font-size:28px;font-weight: 100;color:#7b7c7e;padding: 0 0 0.7em 0;border-bottom:1px solid #6c6d6f;margin-bottom: 0.7em}
.total-page.news-page h2 .total-red{color:#f21d42;font-weight: 600;}
.total-page.news-page h2 b,
.total-page.news-page h2 strong{color:#f21d42;font-weight:700}
.total-page.news-page h3{font-size:22px;font:400 20px/24px 'Helvetica Condensed', Arial, sans-serif;text-transform: none;}
.total-page.news-page img{width:100%}

.total-page .paging {text-align:center;margin-bottom:0;padding:15px 0 0;}
.total-page .paging.mobile-paging {display:none;}
.total-page .paging i,
.total-page .paging a,
.total-page .paging strong {margin:0 2px;display:inline-block;height:30px;width:30px;text-decoration:none;text-align:center;color:#666;line-height:30px;background:#ebebeb ;}
.total-page .paging a:hover,
.total-page .paging strong {background:#af0b37;color:white;}
.total-page .paging i {background:transparent;}
.total-page .paging span,
.total-page .paging .paging-left,
.total-page .paging .paging-right {display:none;}


.templates-grid {}
.templates-grid .template-item{background: #e6e6e6 url(../img/objednavka/arrow-red.png) no-repeat 20px center;padding:20px 20px 20px 40px;cursor: pointer;}
.templates-grid .template-item:hover{background-color: #ebebeb !important}
.templates-grid .template-item:nth-child(2n){background-color: #f2f2f2}
.templates-grid .template-item .cross{float:right;width:20px;height:20px;background: transparent url(../img/objednavka/cross-red.png) no-repeat center center;}

.relative-container{position: relative;}
.spinner{position:absolute;right:48px;}
.spinner .webix_icon{font-size: 12px;color:#6d6d6e;}
.spinner.up{bottom:25px;cursor: pointer;}
.spinner.down{bottom:5px;cursor: pointer;}
.spinner.icon{bottom: 9px;right: 25px;}
.spinner.icon .webix_icon{font-size:27px;}

.internal-button .spinner{right:35px;}

.chosen-container{width: 100% !important;}
.chosen-container-single .chosen-single{height:50px;border:1px solid #ffffff;border-radius: 0;background: #ffffff}
.chosen-container.error{border-bottom:3px solid #ec3d42;}
.chosen-container.error span{color:#ec3d42}
.chosen-container-single .chosen-single span{line-height: 50px;font-size:17px}
.chosen-container-active.chosen-with-drop .chosen-single{background: #ffffff;border:0;border-radius: 0;}
.chosen-container-single .chosen-single div{width:25px;}
.chosen-container-single .chosen-single div b {background:url(../img/objednavka/shipka-down.png) no-repeat 50% 50%;}
.chosen-container-active.chosen-with-drop .chosen-single div b{background:url(../img/objednavka/shipka-down.png) no-repeat 50% 50%;}
.chosen-container-single.error .chosen-single div b {background-image: url(../img/objednavka/shipka-down-red.png);}
.chosen-container-active.error.chosen-with-drop .chosen-single div b{background-image:url(../img/objednavka/shipka-down-red.png);}
.chosen-container-single .chosen-drop{border:0;border-radius: 0;background: #ffffff}
.chosen-container .chosen-results li{line-height: 40px;font-size: 17px;}
.chosen-container .chosen-results li.highlighted{background: #f5f5f5;color:#000000}
/*.chosen-container-active .chosen-single {border: 1px solid #5897fb;}*/

.terms-conditions-container{color:#ffffff;border: 1px solid #ffffff;padding:15px;text-align: justify;}

.error-container .webix_icon {color:#ec3d42}
#orders-archive-grid-container .webix_cell{text-overflow: ellipsis;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ec3d42
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ec3d42
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ec3d42
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ec3d42
}

.dl-download{text-decoration: underline;cursor: pointer;display:inline-block;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;width: 100%;}

.app-main-container{height:auto !important;}