/********************************** addddddd *********************/
/**** добавить вот это:
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
или то, что ниже ****/
/* cyrillic-ext */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/********************************** add *********************/

html {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}

.row{display:-ms-flexbox;display:-webkit-box;display:flex;
/*** 8530 -ms-flex-wrap:wrap;flex-wrap:wrap;***/
margin-right:-.5rem;margin-left:-.5rem}



.btn-group .btn-warning .dropdown-toggle
{border-color:#007cbb;
/*background-color:#007cbb;*/
background-color:#007cbb;

color:#fff}

/********* 8530 *************/
.main-container .content-container .content-area
{
/*-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;*/-webkit-overflow-scrolling:touch;padding:1rem 1rem 1rem 1rem;
}

.modal-header
{
border-bottom:none;
padding:0 0 1rem 0;
}


.modal-header .modal-title{color:#000;font-size:.91667rem;font-family:'Open Sans',Avenir Next,Helvetica Neue,Arial,sans-serif;font-weight:200;line-height:1rem;
/***************/
letter-spacing:normal;
/***************/
margin:0;padding:0 .125rem}



.select:after{position:absolute;content:"";height:.41667rem;width:.41667rem;
/***************/
top:.3167rem
/***************/
}



.select:hover:after{color:#737373} .select .disabled{opacity:.5;cursor:not-allowed} .select .disabled:hover:after{color:#9a9a9a} .select .disabled>select, .select select:disabled{opacity:.5;cursor:not-allowed} .select .disabled>select:hover, .select select:disabled:hover{background:none;border-color:#9a9a9a} .select .multiple:after{content:none}select[multiple],select[size]{padding:0;background:#fff;border:1px solid #ccc;border-radius:.125rem;height:auto;min-width:5rem}select[multiple]:active,select[multiple]:hover,select[size]:active,select[size]:hover{background:#fff;border-color:#ccc}select[multiple] option,select[size] option{padding:.125rem .25rem;color:#000} .date-container{display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;white-space:nowrap} .datepicker-trigger{height:1.5rem;min-width:1.5rem;padding:0 0;margin:0!important;color:inherit;border:none;border-radius:.125rem;background:none;cursor:pointer;line-height:1.5rem} .datepicker-trigger:hover clr-icon{fill:#007cbb} .date-input{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto} .datepicker{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:.5rem;margin-top:.25rem;width:11.58334rem;height:13.08334rem;background:#fff;border:1px solid #ccc;border-radius:.125rem;overflow:hidden;z-index:1000} .calendar-header, .datepicker{display:-ms-flexbox;display:-webkit-box;display:flex}.calendar-header{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center} .calendar-switchers, .year-switchers{display:-ms-flexbox;display:-webkit-box;display:flex} .year-switchers{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:4.5rem;-ms-grid-row-align:center;align-self:center} .calendar-table{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;width:100%} .calendar-cell{height:1.5rem;width:1.5rem;min-height:1.5rem;min-width:1.5rem;padding:0;text-align:center} .day{display:inline-block} .weekdays{-ms-flex:0 0 1.5rem;-webkit-box-flex:0;flex:0 0 1.5rem} .weekday{font-size:.5rem;font-weight:600} .calendar-btn{height:1.5rem;min-width:1.5rem;padding:0 0;margin:0!important;color:inherit;border:none;border-radius: .125rem;background:none;cursor:pointer;line-height:1.5rem;font-size:.75rem;font-weight:200}.calendar-btn:focus,.calendar-btn:hover{background:#eee}.calendar-btn:focus{outline:0}.day-btn{height:1.5rem;min-width:1.5rem;padding:0 0;margin:0!important;border:none;border-radius:.125rem;background:none;cursor:pointer;line-height:1.5rem;width:100%;color:inherit}.day-btn:focus,.day-btn:hover{background:#eee}.day-btn:focus{outline:0}.day-btn.is-today{color:#000;font-weight:600}.day-btn.is-selected{background:#d9e4ea;color:#000}.day-btn.is-selected:focus{background:#d9e4ea}.day-btn.is-disabled{opacity:.25}.day-btn.is-disabled:hover{background:none}.calendar-pickers{display:-ms-flexbox;display:-webkit-box;display:flex}.switcher{color:#0094d2}.monthpicker-trigger,.yearpicker-trigger{min-width:2rem;color:#0094d2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthpicker,.yearpicker{min-height:12rem}.monthpicker,.yearpicker,.years{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden}.monthpicker,.years{-ms-flex-wrap:wrap;flex-wrap:wrap}.month,.year{height:2rem;min-width:2rem;padding:0 .5rem;margin:0!important;color:inherit;border:none;border-radius:.125rem;background:none;cursor:pointer;line-height:1.5rem;width:5.25rem;font-size:.75rem;font-weight:200;outline-offset:-5px}.month:focus,.month:hover,.year:focus,.year:hover{background:#eee}.month:focus,.year:focus{outline:0}.month.is-selected,.year.is-selected{background:#d9e4ea;color:#000}.month.is-selected:focus,.year.is-selected:focus{background:#d9e4ea}.month{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month,.year{text-align:center}.form,form{padding-top:.5rem}.form label,.form span,form label,form span{display:inline-block}.form .form-block,form .form-block{margin:.5rem 0 1.5rem 0}.form .form-block>label,form .form-block>label{font-size:.66667rem;letter-spacing:.01em;font-weight:400;color:#000;margin-bottom:.25rem}.form .form-group,form .form-group{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding-left:9.5rem;margin-bottom:.5rem;font-size:.54167rem;letter-spacing:normal;line-height:1rem}.form .form-group.row,form .form-group.row{padding-left:0;position:static}.form .form-group>label:first-child,.form .form-group>span:first-child,form .form-group>label:first-child,form .form-group>span:first-child{position:absolute;width:8.5rem;left:0;top:.25rem;margin:0}.form .form-group.row>[class*=col-]:first-child>label,.form .form-group.row>[class*=col-]:first-child>span,form .form-group.row>[class*=col-]:first-child>label,form .form-group.row>[class*=col-]:first-child>span{position:static}.form .form-group.row>[class*=col-]>label,.form .form-group.row>[class*=col-]>span,.form .form-group>label:first-child,.form .form-group>span:first-child,form .form-group.row>[class*=col-]>label,form .form-group.row>[class*=col-]>span,form .form-group>label:first-child,form .form-group>span:first-child{color:#565656;}.form .form-group.row>[class*=col-]>label.required:after,.form .form-group.row>[class*=col-]>span.required:after,.form .form-group>label:first-child.required:after,.form .form-group>span:first-child.required:after,form .form-group.row>[class*=col-]>label.required:after,form .form-group.row>[class*=col-]>span.required:after,form .form-group>label:first-child.required:after,form .form-group>span:first-child.required:after{content:"*";font-size:1.1em;color:#c92100;margin-left:.25rem}.form .form-group .form-control,form .form-group .form-control{width:100%} .form .form-group>.btn,.form .form-group>.checkbox-inline,.form .form-group>.radio-inline, .form .form-group>.select, .form .form-group>.tooltip-validation,.form .form-group>a,.form .form-group>button, .form .form-group>input[type=button], .form .form-group>input[type=text],.form .form-group>label:not(:first-child), .form .form-group>span:not(:first-child),.form .form-group input[type=date],.form .form-group input[type=datetime-local], .form .form-group input[type=email], .form .form-group input[type=number],.form .form-group input[type=password],.form .form-group input[type=submit],.form .form-group input[type=tel],.form .form-group input[type=time],.form .form-group input[type=url],form .form-group>.btn,form .form-group>.checkbox-inline,form .form-group>.radio-inline,form .form-group>.select,form .form-group>.tooltip-validation,form .form-group>a,form .form-group>button,form .form-group>input[type=button],form .form-group>input[type=text],form .form-group>label:not(:first-child),form .form-group>span:not(:first-child),form .form-group input[type=date],form .form-group input[type=datetime-local],form .form-group input[type=email],form .form-group input[type=number],form .form-group input[type=password],form .form-group input[type=submit],form .form-group input[type=tel],form .form-group input[type=time],form .form-group input[type=url]{-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;margin-left:0;margin-right:.5rem}.form .form-group>.btn.btn-link,form .form-group>.btn.btn-link{margin-right:0}.form .form-group>.checkbox,.form .form-group>.radio,form .form-group>.checkbox,form .form-group>.radio{-ms-flex:1 1 100%;-webkit-box-flex:1;


/*flex:1 1 100%;
*/
}
form .form-group input[type=url]{-ms-flex:1 1 100%;-webkit-box-flex:1;

/*
flex:1 1 100%
*/


}


/***************** 8530 start search ****/
.clr-treenode-children{margin-left:2.4rem}
.datagrid-foot .column-switch-wrapper{-ms-flex:1 1 100%;-webkit-box-flex:1;

/*flex:1 1 100%*/

}




/**********/
.top {
    height: 74px;
     width: 100%;
     display: block;
     background-color: #005078;
}
.top_form{color:#fff!important;}
.form-group-login{padding-left:0px!important;}
.form-group-login-text{margin-left:15px; padding-left:0px!important; margin-top:15px; display:block; min-width:340px; width:100%; clear:both;}
.form-group-login-text p{margin-top:0px;}
.login-text{font-size:0.5rem}
.login-logo{display:block; background-image:url('../img/logo_login.png'); width:225px; height:80px; margin-bottom:3vw;}

.form-group-request{ padding-left:50px; margin-top:1vw; display:block; min-width:340px; }

/*form .form-group-request>label:first-child{ width:70px!important; }*/

form .form-group-login>input[type=text]{text-indent:15px;}
form .form-group-login>input[type=password]{text-indent:15px;}
.btn-login{padding-left:10px; margin-left:10px;}

.checkbox-inline label, .checkbox label{margin-bottom:5px;}
.checkbox-request{font-size:12px;}
.btn-request{margin-top:20px; margin:0!important;}

@media screen and (max-height:545px){
.form-group-request{	padding-left:0;}
}
.modal-shadow{  width:100%; height:100%; background-color:#000; opacity:0.7; }

/*****.form .form-group, form .form-group{    padding-left: 4.5rem;}****/
.form-group label{margin-left:5px;}
.checkbox-container{ width:300px; display:block; float:left;}
.wrap{clear:both;}
form .form-group>.checkbox{margin-left:15px;}
form.compact .form-group {margin-left:5px}
.clr-treenode-content{
 margin-top: -7px;
 padding-left:7px;
}


.user, .messenger, .cog {
	filter:  alpha(opacity=50);
	opacity:  0.5;
	padding-right: 1.33rem;
   	display: block;
    display: inline;
    width: 30px;
    height: 50px;
    background-repeat: no-repeat;
    line-height:  2.5rem;
	cursor:  pointer;
	margin-top: 0.7rem;
	padding-top: 5px;
	padding-bottom: 5px;
}

.user:hover, .messenger:hover, .cog:hover {
	filter:  alpha(opacity=100);
	opacity:  1;
}

.user {
	background-image: url('../img/ico_user.png');
}
.messenger {
	display: inline;
	background-image: url('../img/ico_alarm.png');
	width: 80px;
	font-size: 0.8em;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align:  middle;
}
.header .branding .clarity-logo{

/*******/
	background-image:url('../img/logo.png');
	height:111px;
	width:40px;
/*******/

	margin-right:11px;
	min-width:0px;}


.cog {
	background-image: url('../img/ico_cog.png');
}

.messanger .text_value {
	margin-top: -10px;
}

.select .top_select {
     width: 155px;
}

.divider {
    padding-left: 1.4rem;
}

.clr-header {
    width: 100%;
}







.add_menu{
	display:none;
	background-color: rgba(250, 250, 250, 0.6);
	width:190px; height:250px; position:absolute;
	bottom:70px;
	right:70px;
	z-index:101;
	border:1px solid #ddd;

}
.add_obj_start{
	display:block;
	width:100px; height:100px;
	background-image:url('../img/obj_add_start.png');
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	bottom:10px;
	right:10px;
}

.add_menu ul{list-style-type: none; }
.add_menu li{padding:2px 10px 2px 10px;}
.add_menu li.sub{padding:2px 10px 2px 0px;}
.add_menu li.title{font-weight:700; border-bottom:1px solid #ccc;}
.add_menu li.sub{margin-left:5px; font-weight:300;}
.add_menu li.disabled{color:#ccc;}
.add_menu li.active{}


.header-backdrop{text-align:right;}
.start_form_title{display:block; margin-left:5px; width:100%; clear:both; font-weight:700;}
/**********/
.toggle-switch{margin-left:5px!important;     margin-right: 0;}
form .form-group>.toggle-switch{margin-right:10px;}
form .form-group .checkbox{margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
form .form-group button{margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
clr-tree-node-content-container{padding-bottom:10px;}
form .form-group .toggle-switch label{padding-right:10px;}
.wrap{clear:both;  width:100%; padding-left:40px;}
.search_right_group{float:left; display:block; width:340px;}
.toggle-switch-search{float:left; display:block;}

.search_results{width:80%;}
.search_where_block{margin:30px 0 10px 0; padding:7px 0 0 10px; background-color:#f1f1f1; width:80%;}
.search_where_block_where{float:left;  padding:0 0 10px 0; display:block; width:340px; height:auto; }
.search_where_block_where ul{list-style-type:none;}
.search_where_block_where a.first_level{font-weight:900;}
.search_where_block_where a.second_level{font-weight:300;}
.search_where_title{font-weight:700;  width:150px; height:auto; display:block; float:left; padding:0px 7px 0 10px;}
.search_results_title_symbol{margin-right:10px;margin-top:5px; float:left;}
.search_result_groups{}
.search_result_group{}
.search_results_title{font-size:20px; margin-top:15px;}
.search_result_block{padding-bottom:20px;}
.search_result_position{font-weight:700; display:block; width:100%; padding-top:10px; font-size:15px;}
.search_result_position_path{font-size:13px; display:block; width:100%; margin-bottom:7px;}
.search_result_position_text{font-size:13px; margin-bottom:20px}
.search_result_position_text_select{font-weight:bold;}



.form-group-login-text ul li img{width:30px; height:auto;}
.form-group-login-text ul{list-style-type:none; }
.form-group-login-text ul li{display: table-cell;}
.form-group-login-text ul li img{margin-right:2px;}
p.login-text{padding-top:20px;}

.form-group .group-title{font-size:12px;color:#777;font-weight:400; padding-bottom:5px;}
.group-title{}
.column-container{ display: flex; flex:1; flex-direction: column;}
.row-container{ display: flex; flex:1; flex-direction: row;}
.login_social {    -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5;
    filter: alpha(opacity=50);}
.login_social:hover{    -webkit-filter: none; filter: none;opacity: 1;
    filter: alpha(opacity=100);}
.login_social:hover > .login_social{}

.reg_form{margin-bottom:15px;}
.form-block p{font-size:13px;margin-bottom:30px; margin-top: 0px;}

.center-container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	overflow: auto;
}
.authorize-form {
	display: block;
	border: none;
}
.register-shadow{
	position: absolute;
	top: 0;
	left: 0;
}
.register-modal {

}
.restore-container {
	margin-top: 15px;
}
.restore-button {
	margin-right: 15px;
}
.back-link {
	margin-top: 5px;
}



/******************************** adddd *************************/
.alert{font-size:12px;}

form .form-group .toggle-switch label{color:#565656}
.authorize-form span a{font-size:13px;}
.authorize-form span{padding-top:7px; padding-bottom:12px;}
/*form .form-group .checkbox-inline label{margin-left:25px;}*/
.form .form-block>label, form .form-block>label {
    display: block;
    margin-left: 5px;
    padding-bottom:10px;
    padding-top:10px;
    width: 100%;
    clear: both;
    font-weight: 700;
    color:#565656;
   }



/****************************** 8530 ******************************/
.col-xl-6{/****flex:0!important;****/  max-width:100%!important;}
/****************************** 8530 ******************************/

form .form-block, form .form-block {    margin: .5rem 0 0 0; }
header .header-actions{ font-size: 110%!important;
                           letter-spacing: normal;
                           line-height: 1rem;
                           margin-bottom: 0;
                           margin-right:20px;}

header .header-nav .nav-link .nav-text{font-size: 90%!important;}
header .header-nav .nav-link{font-size: 90%!important;}
form .form-group .btn-icon{margin: 0;}

/*
@media screen and (max-width:950px){
    .content-area{ margin-left:20px; margin-right:20px;}
}
@media screen and (min-width:951px){
    .content-area{ width:700px!important; padding-left: calc(50% - 350px)!important; padding-right: calc(50% - 350px)!important;}
}
*/

.content-area{     width: 80%; min-width:700px!important; padding-top:30px!important; padding-bottom:60px!important; padding-left:30px!important; padding-right:30px!important;    margin: 0 auto!important;}

.header.header-4, header.header-4{width:100%!important;}



.header .branding, header .branding{
width:150px;
}



.datagrid-row-flex datagrid-container,.datagrid-container div{
font-family:OpenSans;
}

.datagrid-container div .row {
padding-bottom:15px;
font-family:OpenSans;
}
.col-xs-6>span{
padding-top:10px;
font-size:13px;
display:block;
font-weight:500!important;
font-family:OpenSans;
}

.checkbox label{line-height:1; padding-top:5px; padding-right:12px;}
.select select{color:#676767;}


.header-nav{background-color:#066083;}


form .form-group button, form .form-group .checkbox{margin-top:0; margin-bottom:0;    margin-left: 1px;}
.clr-tree-node-content-container{height:30px;}
.form-group{padding-bottom:15px;}
.form.compact .form-block, form.compact .form-block{margin:0!important;}

s {
    padding-right: 10px;
}

.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%}

@media screen and (min-width:1408px){
.content-container{
        padding-left: 10%;
        padding-right: 10%;
    }
}
@media screen and (max-width:1407px){
.content-container{
        padding-left: 5%;
        padding-right: 5%;
    }
}