.logo-auth {
    width:154px;
    height:67px;
    background: url(../img/logo-hm.png);
}
.user-avatar {
    overflow: hidden;
    border-radius: 100px;
    background-size: cover;
    background-repeat: no-repeat;
}
.user-avatar img {

}
#error, #success {
    display:none;
    padding: 0px;
    border-radius: 3px;
	max-width:50%
}
#error .head, #success .head {
    background:#ed4a4a;
    padding:20px ;
    color:#fff;
}
#success .head {
    background:#5eb214;

}
#error .body, #success .body {
    padding:20px;
    color:#333333;
    line-height: 22px;
}
#error .fancybox-close-small:after, #success .fancybox-close-small:after {
    background: transparent;
    font-size: 26px;
    top: 10px;
    color: #f6a5a5;
}
.ask-form input[type=text], .ask-form input[type=password] {
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    resize: none;
    outline: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px; }
.answer-item-text {
    width:77%;
    margin: 0px 0px 0px 0px;
    display: inline-block;
}
.answer-item-value {
    float:right;
    width:19%;
    display: inline-block;
}
.answer-item {
    padding:0px 0px 20px 0px;
}
.answers .label {
    display: block;
    font-size: 12px;
    color: #333333;
    margin-bottom: 10px;
}
.line {
    background:#e5e5e5;
    width:100%;
    height:1px;
    margin:10px 0px;
}
.add-form .button-box{
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 30px 40px 40px;
    padding: 30px 0px 0px 00px;
    border-top: 1px solid rgba(0, 0, 0, 0.05); 
}
.float-left {
    float:left;
}
.questions-list .search-field:first-child {
    padding:0px 10px 0px 0px;
}
.tr-options, .page-main .hide {
    display:none;
}
.q-tags-block {
    width:100%;
}
.chosen-container-multi .chosen-choices {
    min-height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1px; 
}
div.chosen-container-multi .chosen-choices {
    border:1px solid rgba(0, 0, 0, 0.1);
    line-height: 32px;
    background-image: none;
    padding: 0px;
}
div.chosen-container-multi .chosen-choices li.search-choice {
    background: #ebf5e4;
    border: 1px solid #cee6bc;
    height: 32px;
    line-height: 32px;
    padding: 0px 40px 0px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 12px;
    margin: 3px 2px; 
    border-radius: 0px;
    box-shadow:none;
}
div.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close {
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 9px;
    height: 9px;
    background: url("../img/close.svg") 0px 0px;
    cursor: pointer;
    opacity: 0.9; 
}
div.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close:hover {
    opacity: 1; 
    background-position:0px 0px;
}
div.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin:0px 0px 0px 5px;
    height: 36px;
}
.chosen-container-multi .chosen-choices {
    margin-left: 10px; 
}
.q-category {
    width:200px;
    margin:0px 10px 0px 0px;
}
.width50 {
    display:inline-block;
    width:50%;
    padding:0px 15px 0px 0px;
    box-sizing: border-box;
}
.width50:nth-child(2n) {
    float:right;
    padding:0px 0px 0px 15px;
}
.form-field label {
    padding:20px 0px 5px 0px;
    display:inline-block;
}
.photo-field {
    padding:20px 0px;
}
.photo-field span {
    cursor:pointer;
}


.user-photo {
    display:inline-block;
    border-radius: 100px;    
    width: 100px;
    height: 100px;
    background-size: cover;
    overflow:hidden;
    position:relative;
}
#photo .user-avatar {

}
#photo span {
    position: absolute;
    top:12px;
    right:12px;
    color:#ed4a4a;
    font-weight: bold;
}
#photo img {
    width:100%;
}
.table .user-photo {
    margin:10px 10px 10px 0px;
    width: 70px;
    height: 70px;
    float:left;
}
.table td a {
    vertical-align: middle;
}
.report-status.status-decline {
    color: #fff;
    background-color: #f49696;
    border: 1px solid #f93939; }
.button-red-transp {
    border: 1px solid #f53737;
    color: #333333;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
.doedit {
    padding:0px 0px 20px 20px;
}
.doedit .checkbox-green {
    display:inline-block;
    margin:0px 10px 0px 0px;
}
.mobile {
    display:none;
}
#agents input[type=text] {
    max-width:80px;
    display: inline-block;
}
.js-del:hover {
    cursor:pointer;
    border-bottom: 1px dashed ;
}

.check-header input[type=text] {
    border: 1px	solid #d9dbdc;
    height: 39px;
    border-radius: 2px;
    padding: 0 5px 0 5px;
    line-height: 39px;
    text-align:center;
}
.adm-input-wrap-calendar {
    display:inline-block;
    margin:0px 10px;
}
input[name=count_person] {
    margin: 0px 0px 0px 10px;
}
.textarea_comment {
    margin:10px 0px 0px 50px;
    padding:5px;
    width:93%;
    height: 100px;  
}
.report-info th {

}
.report-info td {
    font-size:12px;
    color:#000;
}
.report-info a {
    color: #5eb214;
    border:1px solid #5eb214;
    display:inline-block;
    padding:10px;
    float:right;
}
.category_info {
    margin:20px 0px;
}
.category_info b, .box-title b {
    font-weight:bold;
    font-size:12px;
}
.box-information .category_info {
    background: #fbfbfc;
    border-bottom: 1px solid #f2f4f5;
    padding: 20px 40px;    
    margin:0px
}
@media (min-width: 840px) {
    .d-mobile {
        display:none;
    }
    .form-row div {
        display: inline-block;
    }
}
@media (max-width: 840px) {
    .form-row  {
        width:100%;
    }
    .form-row div {
        width:100%;
        padding:5px  0px;
    }
    .form-row .b-label {
        width:100%;
        vertical-align: middle;
        display:inline-block;
        padding:5px  0px;
    }
    .form-row input[type=text] {
        width:100%;
        margin:0px;
    }

}
@media (max-width: 850px) {
    .check-header {
        display:block;
        padding:10px 10px 0px 10px;
    }
    .check-controls {
        padding:10px 0px 10px 0px;
        display: block;
    }
    .check-controls a {
        display:inline-block;
    }
    .middle {
        padding-left: 10px;
        padding-right: 10px; 
    }     
}