@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:400,700&subset=cyrillic-ext');

body {
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
}

h1,h2,h3,h4,h5 {
/* 	font-family: 'Montserrat', sans-serif; */
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

h1 {
	font-size: 32px;
}

.elLockLay {
	background: rgba(255, 255, 255, 0.85) !important;
}
.caption {
	line-height: normal;
color: rgb(166, 166, 166);
font-size: 14px;
margin-bottom: 2.5px;
}

.cap-value {
	line-height: normal;
	margin-bottom: 15px;
	font-size: 18px;
}

.row .row {
	margin: 0;
}

.cap-value-min{
	font-size: 14px;
	margin-bottom: 15px;
	line-height: normal;
}

.cell-rel{
	position: relative;
	line-height: 35px;
}

button{
border:1px solid #e3e3e3;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px; padding: 10px 15px; text-decoration:none; display:inline-block;font-weight:bold; color: #4A4A4A;
 background-color: #f3f3f3; /*
background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
 background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
*/
transition-duration: 0.1s;
}

button:hover{
border:1px solid #e3e3e3;
 background-color: #f3f3f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#DDDDDD));
 background-image: -webkit-linear-gradient(top, #f3f3f3, #DDDDDD);
 background-image: -moz-linear-gradient(top, #f3f3f3, #DDDDDD);
 background-image: -ms-linear-gradient(top, #f3f3f3, #DDDDDD);
 background-image: -o-linear-gradient(top, #f3f3f3, #DDDDDD);
 background-image: linear-gradient(to bottom, #f3f3f3, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3f3f3, endColorstr=#DDDDDD);
}

button:active {
	transform: scale(0.97);
}

button:disabled{
border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
 background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
 background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
 opacity: 0.5;
 cursor: default;
}
button:disabled:hover{
border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
 background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
 background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
 background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
 opacity: 0.5;

}
button:disabled:active {
	transform: none !important;
}


aside {
	width: 220px;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #3b3e46;
	z-index: 7;
	transition-duration: 0.2s;
/* 	box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.15); */
}


main {
	width: calc(100% - 220px);
	position: relative;
	left: 220px;
	top: 0;
	padding: 50px;
	padding-top: 100px;
	transition-duration: 0.5s;
}

main.mini {
	width: calc(100% - 60px);
	position: relative;
	left: 0px;
	top: 0;
	padding: 30px;
	padding-left: 70px;
	padding-top: 100px;
}

.avatar{
	height: 40px !important;
	width: 40px !important;
	
}

.topbar-nav {
	background: rgba(0, 0, 0, 0.31);
	overflow: hidden;
	height: 40px !important;
}

.topbar-nav div{
	min-height: 40px;
}

.elem2 {
	transition-duration: 0.2s;
}

aside .name span:first-child{ 
	color: #f9f9f9;
	display: block;
	font-style: normal;
	line-height: 20px;
}
aside .name span:last-child {
	font-style: italic;
	display: block;
	color: rgba(250, 250, 250, 0.5);
	line-height: 20px;
	font-size: 12px;

}

.avatar {
	border-radius: 200px;
	margin: 10px auto;
	background-color: #b7b7b1;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDAzIDUxMi4wMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMDMgNTEyLjAwMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNFNkFGNzg7IiBwb2ludHM9IjMzNS40NDYsMzYxLjkzOSAzMzUuNDQ2LDMwMC4xNSAxNzYuNTU4LDMwMC4xNSAxNzYuNTU4LDM2MS45MzkgMjU2LjAwMiw0MzIuNTU2ICIvPgo8cGF0aCBzdHlsZT0iZmlsbDojRUZGMkZBOyIgZD0iTTQ1OC4yODYsMzkwLjg0M2wtMTA5LjIyOS0yNS43MDFjLTEuNjUtMC4zODgtMy4xNjctMS4wNDctNC41ODctMS44NDZsLTg4LjQ2OSw1MS42MDdMMTcwLjk4MiwzNjAuOCAgYy0yLjIwMSwyLjA3Mi00LjkzMywzLjYxMi04LjAzNiw0LjM0M0w1My43MTcsMzkwLjg0NGMtMTUuOTUsMy43NTMtMjcuMjIyLDE3Ljk4NS0yNy4yMjIsMzQuMzd2NjkuMTM0ICBjMCw5Ljc1MSw3LjkwNCwxNy42NTQsMTcuNjU0LDE3LjY1NGg0MjMuNzAyYzkuNzUxLDAsMTcuNjU0LTcuOTA0LDE3LjY1NC0xNy42NTR2LTY5LjEzNCAgQzQ4NS41MDcsNDA4LjgyOCw0NzQuMjM1LDM5NC41OTUsNDU4LjI4NiwzOTAuODQzeiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojRDI5QjZFOyIgZD0iTTE3Ni41NTgsMzAwLjE1djY1LjE5M2MxMDAuMDc4LDM2LjA1NywxNTguODg4LTU0LjE4NSwxNTguODg4LTU0LjE4NXYtMTEuMDA5SDE3Ni41NThWMzAwLjE1eiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojRjBDMDg3OyIgZD0iTTE0MS4yNDksOTcuMTI3bDcuNjkyLDE2OS4yMjhjMC43MTgsMTUuODA5LDguNDcsMzAuNDcsMjEuMTMsMzkuOTY1bDM2LjQ5OCwyNy4zNzQgIGM5LjE2OCw2Ljg3NSwyMC4zMTgsMTAuNTkzLDMxLjc3OCwxMC41OTNoMzUuMzA5YzExLjQ2LDAsMjIuNjEtMy43MTcsMzEuNzc4LTEwLjU5M2wzNi40OTgtMjcuMzc0ICBjMTIuNjYtOS40OTYsMjAuNDEyLTI0LjE1NSwyMS4xMy0zOS45NjVsNy42OTItMTY5LjIyOEMzNzAuNzUzLDk3LjEyNywxNDEuMjQ5LDk3LjEyNywxNDEuMjQ5LDk3LjEyN3oiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0U2QUY3ODsiIGQ9Ik0yMjkuNTIxLDEzMi40MzVjMzUuMzA5LDAsODguMjcxLTguODI3LDEwMC44MzMtMzUuMzA5SDE0MS4yNDlsNy42OTIsMTY5LjIyOCAgYzAuNzE4LDE1LjgwOSw4LjQ3LDMwLjQ2OSwyMS4xMzEsMzkuOTY1bDM2LjQ5OCwyNy4zNzRjOS4xNjgsNi44NzUsMjAuMzE4LDEwLjU5MywzMS43NzgsMTAuNTkzaDE3LjY1NCAgYy0xNy42NTQsMC01Mi45NjMtMzUuMzA5LTUyLjk2My03OS40NDRjMC0yMS41ODYsMC03OS40NDQsMC0xMDUuOTI2QzIwMy4wMzksMTUwLjA4OSwyMTEuODY2LDEzMi40MzUsMjI5LjUyMSwxMzIuNDM1eiIvPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNFNEVBRjY7IiBkPSJNOTEuMyw0NTQuNzE0bC01Ny4xOTktNTEuMzgyYy00Ljc5Myw2LjA2OS03LjYwMywxMy43MDYtNy42MDMsMjEuODgydjY5LjEzNCAgIGMwLDkuNzUxLDcuOTA0LDE3LjY1NCwxNy42NTQsMTcuNjU0aDYxLjc5di0yNC40NTRDMTA1Ljk0MSw0NzUuMDIxLDEwMC42MTgsNDYzLjA4NCw5MS4zLDQ1NC43MTR6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRTRFQUY2OyIgZD0iTTQyMC43MDUsNDU0LjcxNGw1Ny4xOTktNTEuMzgyYzQuNzkzLDYuMDY5LDcuNjAzLDEzLjcwNiw3LjYwMywyMS44ODJ2NjkuMTM0ICAgYzAsOS43NTEtNy45MDQsMTcuNjU0LTE3LjY1NCwxNy42NTRoLTYxLjc5di0yNC40NTRDNDA2LjA2Myw0NzUuMDIxLDQxMS4zODYsNDYzLjA4NCw0MjAuNzA1LDQ1NC43MTR6Ii8+CjwvZz4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVCNUQ2RTsiIHBvaW50cz0iMjc4LjA3LDUxMi4wMDEgMjMzLjkzNCw1MTIuMDAxIDIzOS40NTEsNDMyLjU1NiAyNzIuNTUzLDQzMi41NTYgIi8+CjxwYXRoIHN0eWxlPSJmaWxsOiM1MTUyNjI7IiBkPSJNMjc4LjA3LDQxNC45MDJoLTQ0LjEzNnYxNi42MTNjMCw1LjQ1MSw0LjQxOCw5Ljg2OSw5Ljg2OSw5Ljg2OUgyNjguMiAgYzUuNDUxLDAsOS44NjktNC40MTgsOS44NjktOS44Njl2LTE2LjYxM0gyNzguMDd6Ii8+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6I0U0RUFGNjsiIGQ9Ik0xNzUuMzE5LDM0Mi4yODdsODAuNjg0LDcyLjYxNWMwLDAtMjIuNTk2LDExLjQwNy01MC40OCwzNC4zOTggICBjLTUuNzUyLDQuNzQyLTE0LjQ1MywyLjgyMS0xNy41MzgtMy45NjZsLTM3LjkwNy04My4zOTRsMTEuOTkyLTE3Ljk4N0MxNjUuMDU0LDMzOS40NzMsMTcxLjMxOCwzMzguNjg3LDE3NS4zMTksMzQyLjI4N3oiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNFNEVBRjY7IiBkPSJNMzM2LjY4NiwzNDIuMjg3bC04MC42ODQsNzIuNjE1YzAsMCwyMi41OTYsMTEuNDA3LDUwLjQ4LDM0LjM5OCAgIGM1Ljc1Miw0Ljc0MiwxNC40NTMsMi44MjEsMTcuNTM4LTMuOTY2bDM3LjkwNy04My4zOTRsLTExLjk5Mi0xNy45ODdDMzQ2Ljk1LDMzOS40NzMsMzQwLjY4NiwzMzguNjg3LDMzNi42ODYsMzQyLjI4N3oiLz4KPC9nPgo8cGF0aCBzdHlsZT0iZmlsbDojNzg1NTUwOyIgZD0iTTMwOS41MTYsMzguNjQ3bDguMjc1LDU4LjQ4YzM3Ljc3NSw3LjU1NSw0My4yMTksNjYuODM3LDQ0LjAwMyw4My43NjkgIGMwLjE0MiwzLjA3MywxLjEyMyw2LjA0LDIuNzksOC42MjVsMTQuNDEzLDIyLjM1OGMwLDAtNC45MzMtMzYuOTY0LDE3LjY1NC02MS43OUMzOTYuNjUyLDE1MC4wODksNDA0LjQwOCwzLjMzOCwzMDkuNTE2LDM4LjY0N3oiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0YwQzA4NzsiIGQ9Ik0zODcuODUxLDIwOC4xMTVsLTkuOTY1LDM5Ljg2MWMtMS4xODEsNC43MjUtNS40MjUsOC4wMzgtMTAuMjk2LDguMDM4bDAsMCAgYy01LjM1MywwLTkuODY3LTMuOTg1LTEwLjUzMS05LjI5NmwtNS4wOTctNDAuNzdjLTEuMzY0LTEwLjkxMyw3LjE0NC0yMC41NTEsMTguMTQyLTIwLjU1MWgwLjAwOCAgQzM4Mi4wMDgsMTg1LjM5OCwzOTAuNzM2LDE5Ni41NzUsMzg3Ljg1MSwyMDguMTE1eiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojNjk0QjRCOyIgZD0iTTE0OS43MDksMjIuODMxbDEzLjA1Niw4LjkxOWMtNTkuMDMxLDQzLjU4NC00Ny45OTgsMTE4LjMzOS00Ny45OTgsMTE4LjMzOSAgYzE3LjY1NCwxNy42NTQsMTcuNjU0LDYxLjc5LDE3LjY1NCw2MS43OWwxNy42NTQtMTcuNjU0YzAsMC02LjgxMy01MC45OTgsMjYuNDgxLTcwLjYxN2MzMC44OTUtMTguMjA2LDU3LjkyOC04LjgyNyw4NS41MTMtOC44MjcgIGM3My45MjcsMCw5NC42MTYtMjcuODYxLDkxLjAzLTYxLjc5Yy0xLjg1Ni0xNy41NTYtMjguNjk4LTU0LjEyNi05Ny4wOTgtNTIuOTYzQzIyOC4zOTcsMC40OTcsMTc2LjU1OCw4Ljg1NSwxNDkuNzA5LDIyLjgzMXoiLz4KPHBhdGggc3R5bGU9ImZpbGw6IzVBNDE0NjsiIGQ9Ik0xNDQuNTU5LDEwNy4wNTdjMCwwLTkuMzc5LTM2Ljk2NCwxOC4yMDYtNzUuMzA2Yy01OS4wMzEsNDMuNTg0LTQ3Ljk5OCwxMTguMzM5LTQ3Ljk5OCwxMTguMzM5ICBjMTcuNjU0LDE3LjY1NCwxNy42NTQsNjEuNzksMTcuNjU0LDYxLjc5bDE3LjY1NC0xNy42NTRjMCwwLTYuODEzLTUwLjk5OCwyNi40ODEtNzAuNjE3YzMwLjg5NS0xOC4yMDYsNTcuOTI4LTguODI3LDg1LjUxMy04LjgyNyAgYzEyLjAyMywwLDIyLjUtMC44MDUsMzEuODMyLTIuMTg1QzIzNi45NjksMTE0LjUwNSwyMDMuNDA4LDcxLjM4LDE0NC41NTksMTA3LjA1N3oiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0U2QUY3ODsiIGQ9Ik0xMjQuMTUzLDIwOC4xMTVsOS45NjUsMzkuODYxYzEuMTgxLDQuNzI1LDUuNDI1LDguMDM4LDEwLjI5Niw4LjAzOGwwLDAgIGM1LjM1MywwLDkuODY3LTMuOTg1LDEwLjUzMS05LjI5Nmw1LjA5Ny00MC43N2MxLjM2NC0xMC45MTMtNy4xNDQtMjAuNTUxLTE4LjE0Mi0yMC41NTFoLTAuMDA4ICBDMTI5Ljk5NiwxODUuMzk4LDEyMS4yNjgsMTk2LjU3NSwxMjQuMTUzLDIwOC4xMTV6Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiNFNEVBRjY7IiBkPSJNMzcwLjc1NSw0OTQuMzQ2aC02MS43OWMtNC44NzUsMC04LjgyNywzLjk1Mi04LjgyNyw4LjgyN3Y4LjgyN2g3OS40NDR2LTguODI3ICBDMzc5LjU4Miw0OTguMjk5LDM3NS42MjksNDk0LjM0NiwzNzAuNzU1LDQ5NC4zNDZ6Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

aside nav ul li {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	background-position: left 15px center;
	background-size: 25px;
	background-repeat: no-repeat;
	opacity: 0.6;
	border-bottom: 1px solid rgba(0, 0, 0, 0.9);  
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	
}

aside nav ul li a{
	color: #ffffff;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
padding: 15px;
padding-left: 55px;
display: block;
	
}
aside nav ul li:hover {
	opacity: 1;
	color: #ffffff;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;

}

aside nav ul li:hover a{
	color: #ffffff;


}

aside nav ul li.active a{
	color: #000;
}

aside nav ul li.active {
	background-color: #ffffff;
	color: #000000;
	opacity: 1;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}

aside nav ul li.money {
	background-image: url(/static/images/money.png);
}
aside nav ul li.people {
	background-image: url(/static/images/people.png);
}
aside nav ul li.objects {
	background-image: url(/static/images/object.png);
}
aside nav ul li.calend {
	background-image: url(/static/images/calend.png);
}
aside nav ul li.analytic {
	background-image: url(/static/images/diagram.png);
}
aside nav ul li.money:hover, aside nav ul li.money {
	background-image: url(/static/images/money-color.png);
}
aside nav ul li.people:hover, aside nav ul li.people {
	background-image: url(/static/images/people-color.png);
}
aside nav ul li.objects:hover, aside nav ul li.objects {
	background-image: url(/static/images/object-color.png);
}
aside nav ul li.calend:hover, aside nav ul li.calend {
	background-image: url(/static/images/calend-color.png);
}
aside nav ul li.analytic:hover, aside nav ul li.analytic {
	background-image: url(/static/images/diagram-color.png);
}

aside.mini {
	width: 60px;
}

aside.mini .name, aside.mini span{
	display: none;
}

aside.mini ul li{
	padding: 25px 0;
}
aside.mini .elem4 > div{
	width: 100%;
	height: 100%;
	padding: 0;
}
aside.mini .topbar-nav div{
	display: none !important;
}
aside.mini .topbar-nav div:first-child{
	width: 100%;
	display: block !important;
}

aside.mini.full {
	width: 220px;
	box-shadow: 0 0 150px rgba(0, 0, 0, 0.5);
}

aside.mini.full .name, aside.mini.full span{
	display: block;
}

aside.mini.full ul li{
	padding: 15px 15px;
	padding-left: 55px;
}
aside.mini.full .elem4 > div{
	width: auto;
	height: auto;
	padding: auto;
}
aside.mini.full .topbar-nav div{
	display: block !important;
}
aside.mini.full .topbar-nav div:first-child{
	width: 36px;
	display: inline-block !important;
}
aside.mini.full .avatar{
margin: auto 10px;
}

aside.mini.full nav > div:first-child > div span{
padding-top: 7px;
}
aside.mini.full nav i.icon-dots-three-horizontal {
	margin-top: 10px !important;
}
.elem2 {
	background: rgba(107, 167, 255, 0.11);}

.elem2:hover, main nav ul li:hover  {
	background: #1c7fe8;
	color: #fff;
}

.elem3:hover {
	background: rgba(107, 167, 255, 0.11);}
.elem4 {
	padding: 15px 0;
	background: rgba(221, 231, 255, 0.07);
	height: 70px !important;
	overflow: hidden;
}

main nav {
	position: fixed;
	top: 0;
	left: 220px;
	width: 100%;
	height: 40px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	z-index: 5;
	transition-duration: 0.2s;
}

main.mini nav {
	left: 60px;
}

main nav ul li {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border-right: 1px dotted #cdcdcd;
	cursor: pointer;
}

input[type="radio"].brcrad{
  display: none !important;
}

label.toggler_r{ 
  display: block;
  position: relative;
  padding-left: 32px; 
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none; 
  color: #afafaf;
  font-size: 14px;
  color: #3b3b3b;

}

label.toggler_r::before{ 
  content: '';
  display: block;
  position:absolute;
  width: 18px;
  height: 18px;
  border: 2px solid #bababa;
  border-radius: 50px;
  left: 0;
  top: 3px;
}

label.toggler_r::after{ 
  content: '';
  position:absolute;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  left: 6px;
  top: 9px;
  overflow: hidden;
  transition: all 0.2s; 
}

input[type="radio"]:checked + label.toggler_r::after {
	background: #ffffff;
}
input[type="radio"]:checked + label.toggler_r::before {
	  border: 2px solid #1c7fe8;
	  background: #1c7fe8;

}

.tabs-apple > div {
/*
	min-width: 49.9999%;
	max-width: 49.9999%;
	float: left;
*/
	display: inline-block;
/* 	margin-left: -4px !important; */
	text-align: center;
}

.tabs-apple .column > div {
/* 	margin-left: 0px !important; */

}

.tabs-apple > div:first-child {
/* 	margin-left: 0 !important; */
}

.tabs-apple > div {
	border-right: 1px solid rgba(213, 213, 213, 1);
}


.tabs-apple > div:last-child {
	border-right: 0px solid rgba(213, 213, 213, 1);
}



.tabs-apple {
	border: 1px solid rgba(215, 215, 215, 1);	
	border-radius: 2px;
	padding-left: 0px;
	margin-bottom: 10px;
	background: #ffffff;
	padding: 0;
	display: inline-block;
	overflow: hidden;
}

.tabs-apple label.toggler_r::after, .tabs-apple label.toggler_r::before{
	display: none;
}

.tabs-apple label.toggler_r{
	padding-left: 0;
	margin: 0 !important;
	height: 30px;
	line-height: 30px !important;
	padding: 0 15px;
}
.tabs-apple div:first-child label.toggler_r{
border-radius: 2px 0px 0px 2px;
}
 .tabs-apple div:last-child label.toggler_r{
	 border-radius: 0px 2px 2px 0px;

 }

.tabs-apple input[type="radio"]:checked + label.toggler_r{
	color: #ffffff;
	background: #1c7fe8;
/* 	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4); */

}

.tabs-apple .column {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.tabs-apple input[type="radio"]:disabled + label.toggler_r{
	color: #b0b0b0;
	background: #f2f2f2;
/* 	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4); */

}

input[type="radio"]:disabled + label.toggler_r::after {
	background: #f2f2f2;
}
input[type="radio"]:disabled + label.toggler_r::before {
	  border: 2px solid #f2f2f2;
}

input[type="radio"]:disabled + label.toggler_r {
	  color: #b0b0b0;
	  cursor: default;
}

/* #### checkbox buttons #### */

input[type="checkbox"].brcheck{
  display: none;
}

label.toggler{ 
  display: block;
  position: relative;
  padding-left: 32px; 
  padding-top: 2px;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none; 
   font-size: 14px;
   -webkit-user-select: none;
-moz-user-select: none;
color: #3b3b3b;
}

label.toggler::before{ 
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid #bababa;
  left: 0;
  top: 6px;
}

label.toggler::after{ 
  content: '\f00c';
  position:absolute;
  left: 0px;
  top: 7px;
  font: 13px FontAwesome;
  color: #ffffff;
  width: 0; 
  overflow: hidden;
  background: #1c7fe8;
}

input[type="checkbox"]:checked + label.toggler::after{ 
  transition: width 0.1s; 
  width: 18px;
  height: 17px;
  padding: 1px  3px;
}
input[type="checkbox"]:checked + label.toggler::before{ 
  border: 2px solid #1c7fe8;

}

input[type="checkbox"]:checked + label.toggler {
}

input[type="checkbox"]:disabled + label.toggler {
	color: #b0b0b0;
	cursor: default;
}
input[type="checkbox"]:disabled + label.toggler::before{ 
  border: 2px solid #dddddd;
}

.DSelement_checkbox.-label-top > label.toggler{ 
	margin: 0 10px 20px;
	padding: 0 0 20px;
}

.DSelement_checkbox.-label-top > label.toggler::before{ 
	left: 1px;
	top: 24px;
}

.DSelement_checkbox.-label-top > label.toggler::after{ 
	left: 1px;
	top: 24px;
}

.icheck input[type="checkbox"].brcheck{
  display: none;
}

.icheck label.toggler::after{ 
	position: absolute;
	left: 1.5px;
	top: 6px;
	color: rgba(255, 255, 255, 0);
	width: 18px;
	height: 18px;
	border-radius: 15px;
	overflow: hidden;
	background: #fff;
	transition-duration: 0.2s;
/* 	background: #1c7fe8; */
}

.icheck label.toggler::before{ 
	content: ' ';
	display: block;
	position: absolute;
	width: 34px;
	left: 0;
	top: 4.5px;
	border: none !important;
	border-radius: 20px;
	height: 21px;
	background: #d3d4d7;	
}

.icheck label.toggler {
	padding-left: 44px
}

.icheck input[type="checkbox"]:checked +  label.toggler::after {
	 position: absolute;
	left: 14.5px;
	top: 6px;
	color: rgba(255, 255, 255, 0);
	width: 18px;
	height: 18px;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: -2px 0 3px rgba(0, 0, 0, 0.37);
	transition: left 0.2s;
	transition-duration: 0.2s;
}
.icheck input[type="checkbox"]:checked +  label.toggler::before {
	background: #1c7fe8;
	transition-duration: 0.2s;
	top: 4.5px;

}

.icheck input[type="checkbox"]:disabled +  label.toggler::after {
	position: absolute;
	left: 2px;
	top: 6px;
	color: rgba(255, 255, 255, 0);
	width: 18px;
	height: 18px;
	border-radius: 15px;
	overflow: hidden;
	background: #d9d9d9;
}
.icheck input[type="checkbox"]:disabled +  label.toggler::before {
	background: #efefef;
	top: 4.5px;

}

/* ####################### DS WINDOWS ######################################################### */

.ds-wnd-wrap {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	/* border: 1px solid #d8d8d8; */
	border-radius: 4px;
	background: #ffffff;
	min-width: 300px;
	overflow: hidden;
}

.ds-wnd-f1 {
	padding: 15px 20px;
	background: #292B30;
	color: #ffffff;
	cursor: default;
}
.ds-wnd-f1 .DSbutton {
	margin: 0 5px;
	line-height: 0px;
}
.DS-window-content {
	padding-top: 0px;
}

#element-login-username input{
	margin-bottom: 0 !important;
}

.DS-window-content > div{
	padding: 10px 20px !important;
}

.ds-wnd-wrap.fullscreen {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
    overflow-y: auto;
}

/* ####################### DS WINDOWS END ######################################################### */

.ds-grid-hdr-row td{
	transition-duration:0.1s;
	cursor: default;
	padding: 7px;
/* 	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.21); */
	outline: none;
	vertical-align: middle;
	border-right: 1px solid rgba(154, 176, 193, 0.3);
}

.ds-grid-hdr-row td:last-child{
	border-right: 0px solid rgba(154, 176, 193, 1);

}

.ds-grid-hdr-col.ds-grid-hdr-col-sort-asc {
	background-image: url(/static/images/arr5.png);
	background-position: right 7px center;
	background-size: 10px;
	background-repeat: no-repeat;
	background-color: #1c7fe8;
	padding-right: 25px;


}

.ds-grid-hdr-col.ds-grid-hdr-col-sort-asc:hover, .ds-grid-hdr-col.ds-grid-hdr-col-sort-desc:hover {
	background-color: #4090e6;

}
.ds-grid-hdr-col.ds-grid-hdr-col-sort-desc {
	background-image: url(/static/images/arr4.png);
	background-position: right 7px center;
	background-size: 10px;
	background-repeat: no-repeat;
	padding-right: 25px;
	background-color: #1c7fe8;
}

.ds-grid-hdr-row td:hover{
	background-color: rgba(67, 105, 133, 1);
	color: white;
}


.ds-grid-hdr-row td span.title{
	display: none;
}


.ds-grid-hdr-row td i{
	font-size: 18px !important
}

.ds-grid-hdr-row td i{
	font-size: 18px !important
}


.ds-grid-data-row {
	text-align: left;
	padding: 7px;
	outline: none;
	background: white;

}

.ds-grid-data-row td{
	height: 35px;
/*
padding-left: 10px;
padding-right: 10px;
*/
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
outline: none;
	font-size: 12px;
vertical-align: middle;
border-right: 1px solid rgba(0, 0, 0, 0.15);
padding: 10px;
}

.ds-grid-data-row td .ds-textfield-caption, .ds-grid-data-row td .ds-autocomplete-caption, .ds-grid-data-row td .ds-passfield-caption, .ds-grid-data-row td .ds-textarea-caption, .ds-grid-data-row td .ds-textarea-caption, .ds-grid-data-row td .combo_caption{
	margin-bottom: 0;
}


.ds-grid-data-row:hover td{
	background: rgba(0, 0, 0, 0.05)
}

.selected {
	background: #f3faff
}



.ds-grid-data-row.changed td{
	background: rgba(255, 243, 202, 1);
}

.ds-grid-bbar {
	text-align: center;
	margin-top: 30px;
	padding-top: 0;
	padding-bottom: 0;
}

.no-header .ds-grid-hdr-row{
	display: none;
}

.no-header tr:nth-child(2) td{
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.ds-grid-hdr-row{
	height: 35px;
	font-size: 11px;
	text-align: left;
	background: #3B3E46;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
}

.ds-grid-hdr-row input{
	display: block !important;
}

.ds-grid-frame {
width: 100%;
border-radius: 5px;
/* background: rgba(247, 247, 247, 1); */
margin-top: 0px;
/* border: 1px solid #cacaca; */
border-spacing: 0px;
}

.menu_block {
	position: absolute;
	max-width: 600px;
	/* padding: 10px; */
	background: white;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
	padding: 0px;
	border-radius: 5px;
	outline: none;
	z-index: 10;
	
}

.DSelement_menu-item {
	padding-right: 15px;
	min-height: 40px;
	padding: 0 5px;
}

.DSelement_menu-item:hover {
	background: rgba(0, 0, 0, 0.05);
}
.ds-grid-data-row.colored {
	background: #f7f7f7;
}



.ds-grid-hdr-col-sort {
	background-image: url(/static/images/arr5o.png), url(/static/images/arr4o.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right 7px top 8px, right 7px top 18px;
	padding-right: 25px !important;

}
.-menu-attached {
	background: rgba(0, 0, 0, 0.1);
}
.menu_block .item{
	height: 40px;
	text-align: left;
	display: block;
	cursor: default;
	box-sizing: border-box;
}

.menu_block .item.disabled{
	color: rgba(255, 255, 255, 0.2);
	background: none !important;
}

.menu_block .item:hover{
	background: rgba(255, 255, 255, 0.22);
}
.menu_block .item div{
	float: left;
	margin: 0px;
}

.DSelement_menu-item {
	border-bottom: 1px solid #d8d8d8;
}

.menu_block .icn{
	/* width: 30px; */
/* 	display: none; */
height: 30px;
line-height: 30px;
text-align: center;
/* border-right: 1px solid rgba(0, 0, 0, 0.3); */
/* display: none; */
}

.menu_block .txt{ 
	min-width: 100px;
	border-left: 1px solid rgba(255, 255, 255, 0.05);
	line-height: 40px;
}

.menu_block .txt span{ 
	padding-left: 10px;
	padding-right: 10px;
}

.menu_block .sp {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	display: block !important;
	height: 0px;
	box-sizing: content-box;
}

/*
.ds-grid-tbar {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
margin-bottom: 35px;
border-radius: 0px 0px 5px 5px;
border-bottom: 1px solid silver;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.1);
position: absolute;
width: 100%;
left: 0;
padding: 15px 30px;
height: auto;
padding-top: 0;
padding-bottom: 0;
/*z-index: 9999;*/


.ds-grid-tbar td {
	background: none !important;
}

.ds-grid-col-separator, .ds-grid-nodata-col{
	display: none;
}

.ds-grid-tbar .DSelement_textfield{
	vertical-align: middle;
	text-align: left;
	margin-right: 10px;
}

.ds-grid-tbar .DSelement_combo {
text-align: left;
vertical-align: middle;
}

.ds-grid-frame tr td:first-child {
	border-left: 1px solid rgba(0, 0, 0, 0.15);

}

.ds-grid-ctl-onpage{
	display: none;
	vertical-align: middle;
}

.ds-grid-ctl-onpage-inp{
	display: none;
}



.ds-grid-ctl-first {
	background-color: #fff;
	background-image: url(/static/images/arr2b.png), url(/static/images/arr2b.png) !important;
	background-position: 5px center, 15px center;
	background-size: 15px, 15px;
	background-repeat: no-repeat, no-repeat;
	border: 1px solid silver;
	border-radius: 2px;
	width: 35px;
	height: 30px;
	transition-duration: 0.1s;
	margin: 5px;
	opacity: 0.5;
	width: 40px;

}


.ds-grid-ctl-prev {
	background-color: #fff;
	border: 1px solid silver;
	background-image: url(/static/images/arr2b.png) !important;
	background-position: center center;
	background-size: 15px;
	background-repeat: no-repeat;
	border-radius: 2px;
	height: 30px;
	transition-duration: 0.1s;
	margin: 5px;
	opacity: 0.5;
	width: 40px;

}

.ds-grid-ctl-next {
	background-color: #fff;
	background-image: url(/static/images/arr1b.png) !important;
	background-position: center center;
	background-size: 15px;
	background-repeat: no-repeat;
	border: 1px solid silver;
	border-radius: 2px;
	width: 40px;
	height: 30px;
	transition-duration:0.1s;
	margin: 5px;
	margin-left: 15px;
		opacity: 0.5;

	
}


.ds-grid-ctl-last {
	background-color: #fff;
	background-image: url(/static/images/arr1b.png), url(/static/images/arr1b.png) !important;
	background-position: 5px center, 15px center;
	background-size: 15px, 15px;
	background-repeat: no-repeat, no-repeat;
	border: 1px solid silver;
	border-radius: 2px;
	width: 40px;
	height: 30px;
	transition-duration:0.1s;	margin: 5px;
	opacity: 0.5;


	
}

.DSelement_grid-control-refresh button{
	background-color: #fff;
	background-image: url(/static/images/arr3b.png) !important;
	background-position: center center;
	background-size: 15px;
	background-repeat: no-repeat;
	border: 1px solid silver;
	border-radius: 2px;
	width: 40px;
	height: 30px;
	transition-duration:0.1s;
	margin: 5px;
	margin-left: 15px;
		opacity: 0.5;

}


.DSelement_grid-control-refresh img{
	display: none;
}


.ds-grid-ctl-first, .ds-grid-ctl-prev ,.ds-grid-ctl-next, .ds-grid-ctl-last, button#DS17.DSbutton {
	}


.ds-grid-ctl-first:hover, .ds-grid-ctl-prev:hover ,.ds-grid-ctl-next:hover, .ds-grid-ctl-last:hover, button#DS17.DSbutton:hover {
	opacity: 1 !important;
	background-color: inherit !important;

	
}

.ds-grid-ctl-first:active, .ds-grid-ctl-prev:active, .ds-grid-ctl-next:active, .ds-grid-ctl-last:active, button#DS17.DSbutton:active{
	opacity: 1 !important;
	background-color: inherit !important;
}

.ds-grid-ctl-first img, .ds-grid-ctl-prev img, .ds-grid-ctl-next img, .ds-grid-ctl-last img, button#DS17.DSbutton img{
	display: none;
}

.DSelement_grid-control-page {
	font-size: 20px;
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
	
}

.DSelement_grid-control-page input{
	/* background-color: rgba(0, 0, 0, 0.4); */
	color: rgb(23, 23, 23);
	border: none;
	border-bottom: 1px solid rgb(135, 135, 135);
	border-radius: 0px;
	height: 30px !important;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	outline: none;
	vertical-align: top;
	transition-duration: 0.1s;
	margin-left: 7px;
	width: 40px;
	padding: 0;
}

.ds-grid-ctl-page-lbl {
	line-height: 32px;
	vertical-align: top;
	font-size: 14px;
}

.ds-grid-ctl-page-total {
	line-height: 32px;
	vertical-align: top;
	font-size: 14px;
	margin-left: 20px;
}

.ds-grid-ctl-onpage {
	font-size: 20px;
	line-height: 42px;
	vertical-align: top;
	margin-left: 15px;
}

.elMessageBlow{
    width: 260px;
    padding: 10px 15px;
    padding-left: 50px;
    position: fixed;
    right: 30px;
    border-radius: 5px;
    z-index: 20000000;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    opacity: 1;
    color: #000000;
    font-size: 14px;
    background-image: url(/static/images/info.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: left 15px center;
/*     border-bottom: 1px solid #c4c4c4; */
}

.elMessageBlow_red
{
    color: #ef3144 !important;
        background-image: url(/static/images/error.png);

}

.elMessageBlow_green
{
    color: #59b251 !important;
        background-image: url(/static/images/ok.png);


}

.elMessageBlow_blue
{
    color: #466fac;

}

.elMessageBlow_chat
{
    width: 300px;
}

.elMessageBlow_chat .ava-user
{
    margin: 0;
}

.elMessageBlow_chat .chat-msg-preview
{
    font-weight: normal;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    width: 215px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.elMessageBlow_chat .chat-preview-username
{
    font-weight: bold;
    display: block;
}

.elMessageBlow_yellow
{
    background: rgba(240, 189, 22, 1);
    border: 3px solid #e6a80c;

    color: #ffffff;

}

/* ############################## COMBO ############################## */

.combo_block {
/* 	display: inline-block; */
/* min-width: 250px; */

	position: relative;
}

.combo {
	height: 35px;
border-radius: 2px;
/* border: 1px solid #878787; */
background: white;
color: #262626;
/* text-transform: uppercase; */
font-size: 12px;
box-sizing: border-box;
/* font-weight: 600; */
transition-duration: 0.2s;
padding-left: 10px;
padding-right: 55px;
line-height: 35px;
overflow: hidden;
box-sizing: border-box;
cursor: default;
	border: 1px solid #e3e3e3;
position: relative;
z-index: 4;
font-size: 14px;
background: #f3f3f3;
	}
	
	.select_c{
	width: 45px;
background-color: rgb(223, 223, 223);
height: 100%;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjg2LjkzNSw2OS4zNzdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEgxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBDMS44MDcsNzIuOTk4LDAsNzcuMjc5LDAsODIuMjI4YzAsNC45NDgsMS44MDcsOS4yMjksNS40MjQsMTIuODQ3bDEyNy45MDcsMTI3LjkwN2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOCAgIHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhMMjg2LjkzNSw5NS4wNzRjMy42MTMtMy42MTcsNS40MjctNy44OTgsNS40MjctMTIuODQ3QzI5Mi4zNjIsNzcuMjc5LDI5MC41NDgsNzIuOTk4LDI4Ni45MzUsNjkuMzc3eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-position: center center;
background-size: 10px;
background-repeat: no-repeat;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
	}
	
	.select_c:hover{
	background-color:#1c7fe8;
	background-position: center center;
	background-size: 20px;
	background-repeat: no-repeat;
}


.combo.active .select_c, .combo:hover .select_c{
	background-color: #1c7fe8;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjg2LjkzNSw2OS4zNzdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEgxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBDMS44MDcsNzIuOTk4LDAsNzcuMjc5LDAsODIuMjI4YzAsNC45NDgsMS44MDcsOS4yMjksNS40MjQsMTIuODQ3bDEyNy45MDcsMTI3LjkwN2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOCAgIHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhMMjg2LjkzNSw5NS4wNzRjMy42MTMtMy42MTcsNS40MjctNy44OTgsNS40MjctMTIuODQ3QzI5Mi4zNjIsNzcuMjc5LDI5MC41NDgsNzIuOTk4LDI4Ni45MzUsNjkuMzc3eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	background-position: center center;
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}


.values_c {
	width: 100%;
	max-height: 400px;
	overflow-y: auto;
	outline: none;
/* 	border: 1px solid #e3e3e3; */
	border-radius: 0px 0px 5px 5px;
	background: white;
	font-size: 14px;
	color: #8b8b8b;
	margin: 0px;
	margin-top: -1px;
	overflow-x: hidden;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	z-index: 5;
	cursor: default;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.23);
	font-family: 'Roboto', sans-serif;
	max-height: 0 !important;
	transition-duration: 0.2s;
}

.combo.active + .values_c {
	
	max-height: 400px !important;
}

.values_c div > div {
	width: 100%;
	min-height: 30px;
	background: white;
	display: block;
	vertical-align: middle;
	line-height: 30px;
	color: #202020;
	text-align: left;
	padding-left: 20px;
	padding-right: 5px;
	box-sizing: border-box;
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	cursor: default;
}

.values_c div > div:last-child  {
	border-bottom: 0px dotted #d5d5d5;
}

.values_c div > div:hover {
	background-color: #eeeeee;
}

td#tab-content-DS0-0, td#tab-content-DS0-1, td#tab-content-DS0-2 {
	background: white;
	border: 1px solid #eee;
	border-top: none;
}

#DS0-pan-row-0 > td,
#DS0-pan-row-1 > td,
#DS0-pan-row-2 > td,
.DSelement_tab-panel > table > tbody > tr:last-child > td,
#DS0-0-0,
#DS0-0-2,
#DS0-1-0,
#DS0-1-2,
#DS0-2-0,
#DS0-2-2
{
	background: none!important;
}

.DSelement_tab-panel > table > tbody > tr:nth-child(2){
	display: none;
}

/* ###########################  TABS  ############################### */

.tab-pre{
	width: 0px !important;
	background: none !important;
}

.tab-post{
	width: 0px !important;
	background: none !important;
}

.tab-tab {
/* 	background: #eeeeee!important; */
	border-bottom: 3px solid #ccc;
	padding: 5px 15px;
/* 	transition-duration: 0.1s; */
/* 	border-bottom: none; */
	font-size: 14px;
	color: #9a9a9a;
	outline: none;
	text-align: center;
}

.tab-tab:hover {
/* 	background-color: #d0d0d0!important; */
/* 	border-color: #d0d0d0; */
	border-bottom: 3px solid #9a9a9a;
}

.DSelement_tab-panel td{
	background-image: none !important;
}

.tab-tab.active {
	background: #fff !important;
	color: #1c7fe8;
/* 	border-color: rgba(208, 208, 208, 0) !important; */
/* 	transform: translateY(-5px); */
/* 	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.26); */
	font-weight: bold;
	border-bottom: 3px solid #1c7fe8;
}


/*
.tab-tab.active::after{
content: "";
display: block;
background: #fff;
height: 10px;
width: calc(100% + 2.5px);
position: absolute;
left: -1px;
bottom: -7px;
border-left: 1px solid rgba(208, 208, 208, 1);
border-right: 1px solid rgba(208, 208, 208, 1);
}
*/

.DSelement_tab-panel-item {
	padding-top: 20px;
	padding-top: 20px;
border: 1px solid #dfdfdf;
border-top: 0;
padding: 20px;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}



.DSelement_column-layout .column:first-child{
	padding-left: 0 !important;
}

.DSelement_column-layout .column:last-child{
	padding-right: 0 !important;
}

.DSelement.column {
	display: inline-block !important;
	float: none;
	vertical-align: top;
}

.DSelement_tab-panel{
display: block;
margin-top: 10px;
margin-left: -10px;
}

/* ################################ DS RANGE ############################## */

.ds-range-wrp {
    background-image: url("//api.ds-servers.com/scripts/DSuserInterface/img/glass.png");
    background-size: auto 100%;
    border-radius: 5px;
    height: 10px;
    position: relative
}

.ds-range-inner {
    background-color: rgb(0, 153, 0);
    background-image: url("//api.ds-servers.com/scripts/DSuserInterface/img/glass.png");
    background-size: auto 100%;
    border-radius: 3px;
    box-shadow: 0 0 10px rgb(0, 136, 0);
    height: 4px;
    position: relative;
    top: 3px
}

.ds-range-handle {
    background: rgba(0, 0, 0, 0) url("//api.ds-servers.com/scripts/DSuserInterface/img/range_handle.png") repeat scroll 0 0 / 100% 100%;
    height: 32px;
    position: absolute;
    top: -11px;
    width: 16px;
    transform: translate(-50%)
}

.DSelement_range {
    padding: 10px;
    cursor: default;
}

.ds-range-inner {
	background: #1c7fe8;
	height: 100%;
	top: 0px;
	box-shadow: none;
	left: -8px;
}
.ds-range-wrp {
	background: #d0d0d0;
}
.ds-range-handle {
	width: 20px;
	height: 20px;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	top: -5px;
	cursor: hand;
	cursor: default;
}	

/* ################ PROGRESS BAR ######################### */


.progress-base{
	background: #f0f1f3;
	margin: 0 auto;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
}

.progress-txt{
	color: #fff;
	display: block;
	text-align: center;
	font-weight: bold;
	position: relative;
	z-index: 2;
	text-shadow: 1px 1px 1px black;
}

.progress-line{
	background: -webkit-linear-gradient(135deg,
		#437cb9 25%, #5892d0 25%,
		#5892d0 50%, #437cb9 50%,
		#437cb9 75%, #5892d0 75%);
  background: -moz-linear-gradient(135deg,
		#437cb9 25%, #5892d0 25%,
		#5892d0 50%, #437cb9 50%,
		#437cb9 75%, #5892d0 75%);
  background: -o-linear-gradient(135deg,
		#437cb9 25%, #5892d0 25%,
		#5892d0 50%, #437cb9 50%,
		#437cb9 75%, #5892d0 75%);
	width: 78%;
	background-size: 50px 50px;
	-webkit-animation: animasi 3.0s linear infinite;
  -moz-animation: animasi 3.0s linear infinite;
  -o-animation: animasi 3.0s linear infinite;
  height: 100%;
position: absolute;
top: 0;
left: 0;
}

.progress-line.done {
	color: #43bb7b;
		background: -webkit-linear-gradient(135deg,
		#43bb7b 25%, #3aa16a 25%,
		#3aa16a 50%, #43bb7b 50%,
		#43bb7b 75%, #3aa16a 75%);
  background: -moz-linear-gradient(135deg,
		#43bb7b 25%, #3aa16a 25%,
		#3aa16a 50%, #43bb7b 50%,
		#43bb7b 75%, #3aa16a 75%);
  background: -o-linear-gradient(135deg,
		#43bb7b 25%, #3aa16a 25%,
		#3aa16a 50%, #43bb7b 50%,
		#43bb7b 75%, #3aa16a 75%);
	width: 78%;
	background-size: 50px 50px;
	-webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  
}

.progress-line.done .progress-txt {
	color: #fff;
}

.progress-line.fail {
	background: #df4242;
}

@-webkit-keyframes animasi {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px
    }
}

@-moz-keyframes animasi {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px
    }
}

@-o-keyframes animasi {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px
    }
}

/* #99ef0f 75%, */
/* ####################################### ПАНЕЛЬ СВОРЧАИВАЮЩАЯСЯ ####################################*/

.DSelement_panel {
	border: 1px solid rgba(0, 0, 0, 0.15);
	position: relative;
	margin-bottom: 15px;
}

.DSelement_panel > table tr td:first-child, .DSelement_panel > table tr td:last-child, .DSelement_panel > table tr td{
	background: none;
	
}

.DSelement_panel > table > tbody > tr:first-child{
	background-color: #f3f3f3	
}

.DSelement_panel > table > tr:first-child:hover{
	background-color: #e3e3e3	
}



.DSelement_panel > table tr:first-child td:nth-child(2){
	padding: 5px 0;
	background-image: url(/static/images/arr5b.png), url(/static/images/arr4b.png) !important;
	background-position: right 10px top 8px, right 10px top 18px;
	background-size: 10px, 10px;
	background-repeat: no-repeat, no-repeat;
	transition-duration: 0.2s;
 
}

.DSelement_panel > table tr:first-child td:nth-child(2):hover{
	padding: 5px 0;
	background-image: url(/static/images/arr5b.png), url(/static/images/arr4b.png) !important;
	background-position: right 10px top 6px, right 10px top 20px;
	background-size: 10px, 10px;
	background-repeat: no-repeat, no-repeat;
}

.DSelement_panel > table > tbody > tr:last-child, .DSelement_panel > table > tbody > tr:nth-child(2){
	display: none !important;
}

.ds-textfield-label, .ds-autocompletefield-label, .ds-passfield-label {
	font-size: 14px;
}

.ds-textfield-caption, .ds-autocomplete-caption, .ds-passfield-caption, .ds-textarea-caption, .ds-textarea-caption, .combo_caption{
	font-style: italic;
	font-size: 12px;
	margin-bottom: 10px;
	color: #939393;
}

.DStextarea {
	margin-bottom: 0;
}


.DSelement_panel table tr:nth-last-child(2) {
	/* top: 40px;
	position: relative; */
/* 	background: red; */
	width: 100%;
}

input {
	height: 35px;
	font-size: 14px;
	padding: 0 10px;
	border-radius: 2px;
	border: 1px solid #d1d1d1;
	margin-bottom: 0;
}

input.invalid {
	border: 1px solid rgb(255, 64, 64);
	margin-bottom: 0;
}

.DSfieldErrs {
	background: rgba(255, 64, 64, 0.1);
	border-radius: 0 0 5px 5px;
	color: rgb(255, 64, 64);
	font-size: 12px;
	padding-left: 10px;
	margin-bottom: 2px;
}

.DSelement_checkbox .DSfieldErrs {
  padding-left: 32px;
}

.ds-passfield-wrapper input{
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQwMS45OTggNDAxLjk5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk5OCA0MDEuOTk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTM1Ny40NSwxOTAuNzIxYy01LjMzMS01LjMzLTExLjgtNy45OTMtMTkuNDE3LTcuOTkzaC05LjEzMXYtNTQuODIxYzAtMzUuMDIyLTEyLjU1OS02NS4wOTMtMzcuNjg1LTkwLjIxOCAgIEMyNjYuMDkzLDEyLjU2MywyMzYuMDI1LDAsMjAwLjk5OCwwYy0zNS4wMjYsMC02NS4xLDEyLjU2My05MC4yMjIsMzcuNjg4Qzg1LjY1LDYyLjgxNCw3My4wOTEsOTIuODg0LDczLjA5MSwxMjcuOTA3djU0LjgyMSAgIGgtOS4xMzVjLTcuNjExLDAtMTQuMDg0LDIuNjYzLTE5LjQxNCw3Ljk5M2MtNS4zMyw1LjMyNi03Ljk5NCwxMS43OTktNy45OTQsMTkuNDE3VjM3NC41OWMwLDcuNjExLDIuNjY1LDE0LjA4Niw3Ljk5NCwxOS40MTcgICBjNS4zMyw1LjMyNSwxMS44MDMsNy45OTEsMTkuNDE0LDcuOTkxSDMzOC4wNGM3LjYxNywwLDE0LjA4NS0yLjY2MywxOS40MTctNy45OTFjNS4zMjUtNS4zMzEsNy45OTQtMTEuODA2LDcuOTk0LTE5LjQxN1YyMTAuMTM1ICAgQzM2NS40NTUsMjAyLjUyMywzNjIuNzgyLDE5Ni4wNTEsMzU3LjQ1LDE5MC43MjF6IE0yNzQuMDg3LDE4Mi43MjhIMTI3LjkwOXYtNTQuODIxYzAtMjAuMTc1LDcuMTM5LTM3LjQwMiwyMS40MTQtNTEuNjc1ICAgYzE0LjI3Ny0xNC4yNzUsMzEuNTAxLTIxLjQxMSw1MS42NzgtMjEuNDExYzIwLjE3OSwwLDM3LjM5OSw3LjEzNSw1MS42NzcsMjEuNDExYzE0LjI3MSwxNC4yNzIsMjEuNDA5LDMxLjUsMjEuNDA5LDUxLjY3NVYxODIuNzI4ICAgeiIgZmlsbD0iIzU0NTQ1NCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	background-position: left 10px center;
	padding-left: 35px;
	background-size: 15px;
	background-repeat: no-repeat;
	
}

/* ###############################  AUTOCOMPLETE  ############################## */

.ds-autocomplete-res-outer {
    position: relative;
}

.ds-autocomplete-res-wrap {
    position: absolute;
    top: 1px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.23);
    z-index: 2;
    border-radius: 0px 0px 2px 2px
}

.ac-elem {
    padding: 5px 20px 5px 20px
}

.ac-elem:hover {
    background: #eaeaea;
}

/* ###############################  PICK A DAY  ################################# */

.pika-single {
    z-index: 9999;
    display: block;
    overflow: hidden;
    position: relative;
    color: #333;
/*     border-radius: 5px; */
    background: #fff;
    border: 1px solid #e8e8e8;
    border-bottom-color: #bbb;
    -webkit-animation-duration: .5s;
	animation-duration: .5s;
	 -webkit-animation-name: fadeIn;
	 animation-name: fadeIn;
}

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
	    opacity: 1;

}
.pika-next:hover {
    opacity: 1;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    border-radius: 0px;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button, .pika-button-hour.pika-select, .pika-button-minute.pika-select{
    color: #fff;
    font-weight: bold;
    background: #34abff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 0px;
}



.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 0px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 0px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: rgba(75, 154, 230, 1);
    box-shadow: none;
	border-radius: 0px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

.time_pik {
	float: left;
	position: relative;
	color: #333;
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 200px;
	font-weight: bold;
	padding-top: 12px;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}

.times {
	display: inline-block;
	width: 60px;
	vertical-align: top;
	text-align: center;
}

.times p{
	margin: 0px;
	margin-bottom: 10px;
	font-size: 14px;
}

.hours_btns {
	width: 100%;
	text-align: center;
	height: 134px;				
	overflow: auto;
	-webkit-overflow-scrolling: touch;

}

.hours_btns button{
	width: 40px;
	text-align: center;
	display: block;
	margin: 0px auto;
	border: 0px;
	background: #f7f7f7;
	font-size: 12px;
	padding: 5px;
	color: #666;
	border-radius: 0px;
}

.hours_btns button:hover{
	background: rgba(75, 154, 230, 1);
	color: white;
}
.dd {
	display: inline-block; 
	vertical-align: middle;
	font-weight: bold;
	height: 200px;
	font-size: 20px;
	padding-top: 80px;
}
.cbc {
	display: inline-block;
}

.prev {
	display: inline-block;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
	*left: 0;
	border: 0px;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	vertical-align: middle;
}
.nxt {
	display: inline-block;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
	*right: 0;
	border: 0px;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	vertical-align: middle;
}

.pika-single button{
	border: none !important;
}

/* ######################################## FILE LOADER ################################### */

.wrapper-file	{
	height: 150px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	position: relative;
	transition-duration: 0.2s;
}

.wrapper-file div{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #aaaaaa;
	cursor: default;
	width: 100%;
	text-align: center;
}

.wrapper-file div span{
	position: relative;
	top: 7px;
	left: 5px;
}


.wrapper-file:hover {
	background: #f8f9fb;
}

.wrapper-file.hover {
	background-color: #358fc7;
	background-size: 45px;
	background-position: center center;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMjhweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI3LjU4NiwxMi43MTJDMjYuNjYsMTAuMjUxLDI0LjI4NCw4LjUsMjEuNSw4LjVjLTAuNjQxLDAtMS4yNiwwLjA5My0xLjg0NiwwLjI2NiAgICBDMTguMDY4LDYuMjA1LDE1LjIzMyw0LjUsMTIsNC41Yy00LjkwNCwwLTguODk0LDMuOTI0LTguOTk4LDguODAzQzEuMjA3LDE0LjM0MiwwLDE2LjI4MywwLDE4LjVjMCwzLjMxMiwyLjY4OCw2LDYsNmg2di0ySDUuOTk3ICAgIEMzLjc5NCwyMi41LDIsMjAuNzA5LDIsMTguNWMwLTEuODkzLDEuMzE3LTMuNDgyLDMuMDg3LTMuODk2QzUuMDI5LDE0LjI0NSw1LDEzLjg3Niw1LDEzLjVjMC0zLjg2NiwzLjEzNC03LDctNyAgICBjMy4xNjIsMCw1LjgzNCwyLjA5Nyw2LjcwMiw0Ljk3NWMwLjc2OS0wLjYxMSwxLjczOS0wLjk3NSwyLjc5OC0wLjk3NWMyLjMxNiwwLDQuMjI1LDEuNzUsNC40NzMsNGgwLjAzICAgIGMyLjIwMywwLDMuOTk3LDEuNzkxLDMuOTk3LDRjMCwyLjIwNS0xLjc4OSw0LTMuOTk3LDRIMjB2Mmg2YzMuMzEyLDAsNi0yLjY5Myw2LTZDMzIsMTUuNzM1LDMwLjEzLDEzLjQwNywyNy41ODYsMTIuNzEyeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwb2x5Z29uIHBvaW50cz0iMTYsMTMuNSAxMSwxOS41IDE0LDE5LjUgMTQsMjcuNSAxOCwyNy41IDE4LDE5LjUgMjEsMTkuNSAgICIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

.loader-wrapper.nodrag .wrapper-file div span{
	display: none;
}

.ds-uploader-drop-zone
	{position: fixed;
	top:0; right:0; bottom:0; left :0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 15;
/* 	pointer-events: none; */
	}
.ds-uploader-drop-zone.hovered {
	display: block;
}

.ds-uploader-drop-zone div {
color: #fff;
position: absolute;
text-align: center;
width: 100%;
height: 45px;
font-size: 30px;
top: 50%;
}

.wrapper-input button{
	width: 100px;
	height: 35px;
	padding: 0;
}

.wrapper-input input{
	width: calc(100% - 104px);
}

.buttons button:first-child {
	width: 49%;
	float: left;
}
.buttons button:last-child {
	width: 49%;
	float: left;
	margin-left: 2%;
}

.title-file-loader {
	background: rgb(242, 242, 242);
/* 	margin-bottom: 10px; */
/* 	padding: 5px 10px; */
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 0;
	font-weight: bold;
	height: 40px;

}

.title-file-loader > div {
	padding: 7px 10px;
	float: left;
}
.title-file-loader .how-file{
	float: right;
	font-weight: normal;
}

.how-file.active {
	font-weight: bold;
/* 	color: #1c7fe8; */
	background: rgba(0, 0, 0, 0.1);
}

.how-file:hover {
	background: rgba(0, 0, 0, 0.05);
	cursor: default;
}

.how-file.active:hover {
	background: rgba(0, 0, 0, 0.1);
}

.file-loader {
/* 	border: 1px solid #cecece; */
	border-radius: 2px;
	overflow: hidden;
}

.wrapper-uploads .ds-grid-hdr-row {
	display: none;
}

.wrapper-uploads .icon-cancel {
	font-size: 18px;
	margin: 0 auto;
	display: block;
	text-align: center;
	/* color: rgb(237, 84, 71); */
	
	color: #a9a9a9;
}

.wrapper-uploads .ds-grid-data-row  .ds-grid-data-col:last-child:hover {
	background: #faefef
}
.wrapper-uploads .ds-grid-data-row  .ds-grid-data-col:last-child:hover i{
	color: #ee6565;
}
.wrapper-uploads .ds-grid-data-row:hover .ds-grid-data-col{
	background: #f7f8fa;
}






div#DSwindowBlock {
	box-shadow: none !important;
	background: #ffffff !important;
}

.ds-wnd-cont{
	background: #fff;
	vertical-align: top;
	box-shadow:none;
}

.ds-wnd-f6, .ds-wnd-f7, .ds-wnd-f3, .ds-wnd-f4,.ds-wnd-f5 {
	background: #fff;
}








.notelem {
	min-height: 30px; 
	border-bottom: 1px solid #2b445b; 
	padding-left: 15px;
	/* padding-bottom: 15px;
	padding-top: 15px; */
	width: 285px;
	background: none;
	margin: 0;
}

.notelem label.toggler {
	color: white;
}

.notelem:hover {
	background: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

.notelemCATEG {
	background: rgba(36, 62, 79, 0.8); 
	line-height: 40px; 
	white-space: nowrap;
	width: 300px;
	height: 40px;
	z-index: 1;
}

.wrapper {
	width: 300px;
	position: absolute;
	top:0px;
	height: 90%;
	transition-duration:0.5s;
	cursor: default;
}
.scroller {
    height: 100%;
    overflow-y: auto;
	color: #fff;
}
.scroller::-webkit-scrollbar {
    width: 0;
}
.scroller__bar-wrapper {
    position: absolute;
    z-index: 3;
    top: 10px;
    bottom: 10px;
    right: 5px;
    width: 8px;
    border-radius: 5px;
    background: #ffdede;
    background: rgba(223, 223, 223, 0.15);
    pointer-events: none;
}
.scroller__bar {
    position: absolute;
    z-index: 1;
    width: 8px;
    border-radius: 3px;
    background: #8a8a8a;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    pointer-events: auto;
}
.scroller__bar:hover {
    opacity: .8;
}
.baron .scroller__bar {
    opacity: .6;
}
.baron_h .scroller__bar_h {
    opacity: .6;
    bottom: 30px;
}

.header__title {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid rgba(27, 67, 101, 1);
    width: 100%;
    height: 30px;
    padding-left: 15px;
    line-height: 30px;
    color: white;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* background: rgba(209, 21, 49, 0.93); */
    background-color: rgba(92, 95, 102, 0.8);
    font-size: 14px;
    opacity: 1;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer;
	
	backdrop-filter: blur(6px);
}
.header__title_state_fixed {
    position: absolute;
    z-index: 1;
    background-color: rgba(27, 46, 64, 0.8);
}
.header__title_position_top {
    background-color: rgba(82, 121, 145, 0.8);
}
.header__title_position_top:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 30px;
    background:-webkit-linear-gradient(top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0) 55%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0) 55%);
    pointer-events: none;
}
.header__title_position_bottom {
    display: block;
}
.wrapper_iphone .header__title_state_fixed {
    position: relative;
}
.wrapper_iphone .header__title_position_top {
    position: absolute;
    top: 0;
}
.wrapper_iphone .header__title_position_bottom {
    position: absolute;
    bottom: 0;
}


.label-left {
	display: inline-block;
    vertical-align: inherit;
    margin-right: 20px;
}

.label-left .ds-textfield-label {
	float: left;
	margin-right: 10px;
}

.label-left .DStextfield {
	float: left;
	width: auto;
	height: 30px;
}

.label-left .ds-textfield-caption {
	display: none;
}

.label-left .DSfieldErrs {
	float: left;
	padding-right: 10px;
	border-radius: 0 5px 5px 0;
}

.label-left .DSfieldError {
	line-height: 30px;
}


button .dsred-mini{
background: rgb(255, 202, 42);
color: #fff;
border-radius: 20px;
display: inline-block;
margin-left: 7.5px;
padding: 0 6px;
}

button .dsred-mini::empty{
	display: none;
}

h2.thin {
	font-weight: 300;
	font-size: 4rem;
	
}

.sticky-calend {
	 position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;

  top: 40px;
  z-index: 4;
  
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.97) 71%, rgba(255,255,255,0.67) 87%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,0.97)), color-stop(87%, rgba(255,255,255,0.67)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.97) 71%, rgba(255,255,255,0.67) 87%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.97) 71%, rgba(255,255,255,0.67) 87%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.97) 71%, rgba(255,255,255,0.67) 87%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.97) 71%, rgba(255,255,255,0.67) 87%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.mounth-content{
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.16);
	padding: 1rem;
	border-radius: 5px;
	height: 260px;
	min-width: 294px;
}

.shadow-box{
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.16);
	border-radius: 5px;
	overflow: hidden;
}

.content-grid-calendar .grid-item {
}

.calend-round-btn{
	background: #f4f4f4;
border: none;
font-size: 20px;
display: inline-block;
margin-right: 0px;
border-radius: 20px;
height: 30px;
width: 30px;
line-height: 34px;
padding: 0;
color: #c0c0c0;
text-align: center;
vertical-align: top;
margin-top: 5px !important;
}

.calend-round-btn:hover{
	background: #939393;
border: none;
font-size: 20px;
display: inline-block;
margin-right: 0px;
border-radius: 20px;
height: 30px;
width: 30px;
line-height: 34px;
padding: 0;
color: #ffffff;
text-align: center;
vertical-align: top;
margin-top: 5px !important;
}

.sticky-calend h2{
	margin-right: 10px;
}

.name-month {
	font-weight: 300;
	font-size: 2rem;
	display: block;
	color: #000000;
	margin: 10px 0;
	margin-left: 1rem;
}

.calend-grid li{
float: left;
	width: 13.2%;
	text-align: center;
}

.week-days {
	margin-bottom: 10px;
}

.week-days li{
	color: #9b9b9b;
	font-weight: bold;
}

.week-days li.color-red {
	color: #dd5656
}

.days .today {
	background: #fa5e33;
	color: #fff;
	font-weight: bold;
}

.days .today:hover{
	background: #e84518;
}

.days {
	cursor: default;
	margin-bottom: 15px;
}

.days li:hover {
	background: #f4f4f4;
}

.calendar_rib {
	background-color: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	border-top: 15px solid #faeec0;
	border-right: 20px solid #faeec0;
	border-left: 15px solid transparent;
	border-bottom: 20px solid transparent;
}

.calendar-grid-mounth .ds-grid-hdr-row, .calendar-grid-week .ds-grid-hdr-row{
	background: none;
	color: #5e5e5e;
	font-size: 16px;
	text-transform: none;
	background: #fff;
}

.calendar-grid-mounth .ds-grid-hdr-row td, .calendar-grid-week .ds-grid-hdr-row td{
	border: none !important;
		background: #fff !important;
		color: #414141 !important;
		height: 60px !important;

}

.calendar-grid-week .ds-grid-hdr-row td{
	padding-bottom: 20px;
}

.calendar-w-cell{
	border: none !important;
	border-top: 1px solid #ececec !important;
	width: 14%;
	position: relative;
	height: 55px !important;
}


.calendar-w-cell .add-deal{
/* 	display: none; */
content: "+";
width: 100%;
position: relative;
border: none;
background: none;
font-size: 16px;
height: 100%;
padding: none;
margin: 0;
position: relative;
z-index: 3;
visibility: hidden;
opacity: 0;
transition-duration: 0.1s;
}

.calendar-w-cell:hover .add-deal{
	/* 	display: none; */
content: "+";
width: 100%;
position: relative;
border: none;
background: none;
font-size: 16px;
visibility: visible;
opacity: 1;
height: 100%;
background: #f5f8fb;
}


.ds-grid-data-row:hover .calendar-w-cell{
	background: rgba(0,0,0,0) !important;
}

.deal-time-empty{
font-size: 14px;
font-weight: 300;
display: inline-block;
position: absolute;
top: -15px;
left: 5px;
background: #fff;
padding: 0 5px;
z-index: 2;
height: 20px;
}

.deal-time-empty::after{
	display: block;
	height: 1px;
	width: 100%;
	background: #ccc;
}

.calendar-grid-mounth .ds-grid-hdr-row td:first-child{
	padding-left: 20px;

}

.calendar-grid-mounth tbody tr:nth-child(2) td{
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}


.calendar_rib span{
	color: #a38359;
	position: relative;
	top: -15px;
	text-align: center;
	/* background: rgba(255, 0, 0, 0.24); */
	width: 20px;
	display: block;
	font-size: 13px;
	font-weight: bold;
}
.calendar-cell {
	height: 80px !important;
	font-size: 20px !important;
	position: relative;
	width: 13%;
	border: none !important;
padding-left: 20px !important;
}

.shadow-box .ds-grid-bbar{
	margin: 0;
	display: none;
}

.calendar-grid-mounth .ds-grid-data-row:hover .calendar-cell{
	background: #e9ebed;
}

.calendar-cell:hover{
	background: #535f71 !important;
	color: #fff;
}


.calendar-grid-mounth tbody tr:nth-child(2n+1) td:nth-child(4n+1){
	background: #f5f7f9;
}
.calendar-grid-mounth tbody tr:nth-child(2n) td:nth-child(4n+3){
	background: #f5f7f9;
}

span.calendar_current{
background: #fa5e33;
color: #fff;
font-weight: bold;
border-radius: 30px;
text-align: center;
display: inline-block;
height: 35px;
width: 35px;
line-height: 35px;
}


.row {
    max-width: none;
}

.deal-block{
background: #ffa20d;
border-radius: 4px;
padding: 10px;
margin: 12.5px 0;
margin-bottom: 15px;
position: relative;
font-weight: bold;
color: #fff;
line-height: normal;
}

.deal-block:last-child{
	margin-bottom: 30px;
}

.deal-time {
	font-weight: bold;
	font-size: 16px;
	display: block;
}

.ds-textfield-wrapper input {
	width: 100%;
}


label.toggler.invalid {
  background-color: rgba(255, 64, 64, 0.1);
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.item-count > input {
	width: 100%;
	margin-bottom: 10px;
}