@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=cyrillic');
/*@import url('https://fonts.googleapis.com/css?family=Roboto:500&subset=cyrillic');*/

body {
    /* color: #444444 !important;*/
    color: #505050 !important;
    font-size: 15px !important;
/*    font-family: 'Roboto', sans-serif !important;*/
    font-family: 'Open Sans', sans-serif !important;
	font-weight: 300 !important;
/*	background-color: #EEF2F4 !important;*/
}

.user-name {
	font-weight: 600 !important;
}

.user-absence-status {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: #6f7f8f;
}

.company-row {
    margin-bottom: 16px;
    margin-top: 16px;
}

.department-row {
/*    font-weight: normal;*/
    text-transform:uppercase;
    background: #AFDAFC;
	background: #BCEDFC;
	background: #2FC7F7;
	background: #F1F5F7;
	background: #BCEDFC;
/*	color: white;*/
    padding: 6px 0px 6px 0px;
/*    letter-spacing: 0.02em;*/
/*	font-size:10pt;*/
	font-family: 'Open Sans', sans-serif !important2;

}
.user-row-container {
    border:1px solid #AFDAFC;
}

.title-row {
    margin-bottom: 4px;
}

.user-row {
    padding: 8px 0px 8px 4px;
}

.user-row:hover {
    background-color: #ffffb8 !important;
}


.user-row:nth-of-type(even){
    background-color: #dbebd0;
    background-color: #E6E6FA;
    background-color: #F0F8FF;

}
.user-row:nth-of-type(odd){
    background-color: #fff;
}
@media screen and (max-width: 767px) {
  /*.col-md-3,.col-md-2,.col-md-1 { font-size: 20px !important;*/
/*  }*/
  .container-fluid {padding-left: 0px !important; padding-right: 0px !important;}
}
.container-fluid {
    margin-bottom: 50px;
}
.department-container {
    margin-bottom: 30px;
}
.row {
	margin-right: 0px !important;
	margin-left: 0px !important;

}
.col-3 {

}

/* Bitrix24 styles */

.main-ui-filter-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
/*    height: 39px;*/
    border: 2px solid #EEF2F4;
    border-radius: 2px;
    background: #fff;
 /*   font: 15px/39px "Helvetica Neue",Arial,Helvetica,sans-serif;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    z-index: 1;
    overflow: hidden;
}

.main-ui-filter-search-filter {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 4px 1px;
    padding: 0 50px 0 15px;
    width: 100%;
    height: 30px;
    outline: 0;
    border: 0;
    border-radius: 2px;
/*    font: 15px/30px "Helvetica Neue",Arial,Helvetica,sans-serif;*/
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.main-ui-filter-search-filter::placeholder {
    color: #b1b6bb;
    opacity: 1;
    -moz-transition: color .3s;
    transition: color .3s;
}

.main-ui-item-icon.main-ui-search {
    position: absolute;
    right: 8px;
    z-index: 1;
    width: 25px;
    height: 39px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23535C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.33%205.5c0-2.304%201.866-4.17%204.17-4.17S9.67%203.195%209.67%205.5c0%202.305-1.865%204.17-4.17%204.17-2.305%200-4.17-1.865-4.17-4.17m12.528%206.944l-3.816-3.817-.014-.008C10.64%207.73%2011%206.66%2011%205.5%2011%202.462%208.537%200%205.5%200S0%202.462%200%205.5%202.463%2011%205.5%2011c1.158%200%202.232-.36%203.118-.972.004.004.005.01.01.014l3.816%203.817c.372.37.982.37%201.354%200l.06-.063c.372-.372.372-.982%200-1.354%22/%3E%3C/svg%3E');
    background-position: center 12px;
    background-repeat: no-repeat;
    opacity: .3;
}

.main-ui-item-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: .3;
    cursor: pointer;
}

.main-ui-item-icon-block {
    position: absolute;
    top: 0;
    right: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
    height: 39px;
    width: 60px;
    box-sizing: border-box;
}