.flex{display: flex;flex-direction: row;justify-content: flex-start; align-items: flex-start;}

h1{margin: 0 0 30px 0;}

#jGrowl .jGrowl-message{color: #ffffff;}



/* File
<div class="fileUpload__block">
    <label class="flex">
        <input type="file" name="file" accept="image/*">
        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M12.8134 1.46673C11.279 -0.034607 8.826 -0.0342804 7.29198 1.46747L0.85818 7.9013C-0.305179 9.09209 -0.282946 11.0005 0.907841 12.1638C2.07904 13.3081 3.94952 13.3081 5.12071 12.1638L10.9466 6.33793C11.704 5.58055 11.704 4.35257 10.9466 3.59519C10.1892 2.83782 8.96126 2.83782 8.20389 3.59519L2.63127 9.16778C2.4369 9.36904 2.44248 9.68974 2.64374 9.88411C2.84006 10.0737 3.1513 10.0737 3.34762 9.88411L8.92021 4.31152C9.28974 3.95751 9.87629 3.97013 10.2303 4.33966C10.5736 4.69803 10.5736 5.26323 10.2303 5.6216L4.40439 11.4475C3.61736 12.2233 2.35037 12.2142 1.57453 11.4272C0.806531 10.6481 0.806531 9.3967 1.57453 8.61763L8.00833 2.1838C9.15436 1.03736 11.0127 1.03703 12.1592 2.18302C13.3056 3.32902 13.3059 5.18742 12.1599 6.33386L5.72611 12.7677C5.5136 12.9497 5.48885 13.2695 5.67084 13.482C5.85283 13.6945 6.17264 13.7193 6.38514 13.5373C6.40497 13.5203 6.42344 13.5018 6.44041 13.482L12.8742 7.04817C14.3987 5.4901 14.3715 2.99119 12.8134 1.46673Z" fill="#E83428"/>
        </svg>
    </label>
</div>
*/
/*.fileUpload__block.flex{flex-wrap: wrap;}*/
.fileUpload__block{background-color: rgba(255, 255, 255, 0.6);border-radius: 5px;padding: 3px;}
.fileUpload__block input[type=file]{display: none;}
.fileUpload__block label.flex{align-items: center;justify-content: center;}
.fileUpload__block label{overflow: hidden;cursor: pointer;margin: 0!important;}
.fileUpload__block label svg{}
.fileUpload__block label svg path{fill: #549ad3;}

button{outline: none!important;}
small,
.small{display: inline-block;font-size: 75%;font-weight: 100;line-height: 1.2;}

select option[disabled]{color:#dedede;}



.radio label,
.checkbox label{padding-left: 30px;}
input[type="radio"],
input[type="checkbox"]{width: 25px;height: 25px;margin: -2px 0 0;margin-left: -30px!important;}

.select2-container{width: 100%!important;}
.placeImg_block img{max-width: 200px;margin-bottom: 10px;}
.tab-content .tab-pane.fade {margin-top: 30px;}
.card-style.img-responsive {margin: auto;max-height: 180px;}
.main-page {margin-top: 30px;}
.main-page .thumbnail {padding: 25px 45px 10px 45px;}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td{border: 1px solid #9f9c9c;}


/* header */
.header__block{background-color: #f8f8f8;border:1px solid #e7e7e7; margin-bottom: 20px;padding: 14px 0;}
.header__block .logo{font-size: 18px;line-height: 20px;color: #777;}

/* footer */
.footer__block{background-color: #f5f5f5;border-top: 1px solid #ddd;margin-top: 40px;padding: 14px 0;}

/* breadcrumb */
.breadcrumb__block{margin-bottom: 20px;}
.breadcrumb__block ul.flex{}
.breadcrumb__block ul{list-style: none;margin: 0;padding: 0;}
.breadcrumb__block ul li.separator{padding: 0 10px;}

/* Контен */
.content__area{min-height: 400px;}


/* Кабинет оператора */
.card-style .img-rounded {height: 200px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}

/* Графики */
.amcharts-amexport-item.amcharts-amexport-item-level-0{width: 100px!important;}
.amcharts-amexport-item {border: 2px solid #777777;}

.amcharts-amexport-top .amcharts-amexport-item > .amcharts-amexport-menu {top: -3px!important;left: 2px}
#charts
.preloader{display:none;position: absolute;top: -10%;left: calc(50% - 32px);z-index: 1000;}
#preloader{display: block;display: none;position: fixed;left: 50%;top: 50%;margin-left: -32px;margin-top: -32px;
}

/* Редактор датчика  */
.editorDevice__block{}
.editorDevice__block h4{margin: 0 0 20px 0;}
.editorDevice__block .border{border: 1px solid #d9d9d9;border-radius: 5px;padding: 10px;}
.editorDevice__block .radio{margin:0 0 5px 0;}
.editorDevice__block .radio input[type="radio"],
.editorDevice__block .radio input[type="checkbox"]{width: 15px;height: 15px;margin: 2px 0 0;}
.editorDevice__block .overflow{height: 305px;overflow-y: auto;}
.editorDevice__block table.table{margin: 0;}
.editorDevice__block table.table tbody tr.active,
.editorDevice__block table.table tbody tr.active td{color: #ffffff;background-color: #105693;}
.editorDevice__block .btn__block{margin-top: 20px;}
.editorDevice__block .btn__block>div{margin-bottom: 10px;}


.margin-top-26 {
    margin-top: 26px;
}

.colorpanel > div {
    display: flex;
    height: 50px;
    align-items: center;
}

.namecolor {
    margin-right: 20px;
    min-width: 146px;
}

.linecolor {

}

.d-flex {
    display: flex;
}

.margin-right-10 {
    margin-right: 20px;
}

.linewidth, .linecolor {
    display: flex;
    height: 50px;
    align-items: center;
}

.d-flex > div {
    width: 38.3333333333%;
}

.typepanel > div {
    display: flex;
    height: 50px;
    align-items: center;
    
}

.typepanel select {
 height: 27px;
}

#charts .profile__block .btn__profile:active,
#charts .profile__block .btn__profile:focus,
#charts .profile__block.btn__profile.active,
#charts .profile__block .btn__profile.active:hover
{    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc;}


#saveUserProfileBtn,
#saveUserProfileColorBtn,
#editUserProfileColorBtn
{
    margin-top: 5px;
}


.profile__block .btn-group .dropdown-menu li {
    padding: 3px 15px;
}


.dropdown-menu {
    width: 220px;
}

.colorSchema li {
    display: flex;
    justify-content: space-between;
}

.colorSchema li a.schemaitem {
    color: #333333;
    text-decoration: none;
}

.colorSchema li a.deleteschema {
    color: #d9534f;
    text-decoration: none;
    font-weight: bold;
}

.firsttime {
    display: none;
}
.schemaitem.active {
   color: #337ab7!important;
   font-weight: bold;
}


.checkboxw {
    margin-top: 10px;

}

.checkboxw input[type="checkbox"] {
    width: initial;
    height: initial;
    margin-left: initial!important;
}


.pros {
    display: flex;
}

.margin-right-10 {
    margin-right: 10px;
}

.platformProfileBtn__block .btn-group {
    margin-bottom: 10px;
}


.platformProfileBtn__block .showAll__btn {
    margin-bottom: 10px;
}

.p-relative {
    position: relative;
}

.deletenameprofil {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #d9534f;
    cursor: pointer;
}

.show-password {
    justify-content: end;
}

.show-password label {
    font-weight: normal;
    margin-bottom: initial;
}

.show-password input[type="checkbox"] {
    width: 15px;
    height: 15px;
    line-height: 30px;
    margin-left: 0!important;
}

.d-none {
    display: none;
}

table.fullinfo tr.thead  th {
    text-align: center;
    color: #0777dd;
}


.yearform {
    display: flex;
    justify-content: space-around;
    align-items: center;
}


.my-form-control {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.copyyearform {
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 768px) {
    .offset-md-1 {
        margin-left: 8.33333333%;
    }

}

@media (max-width: 767px) {




    .margin-md-10 {
        margin-bottom: 10px;
    }

    h1{font-size:20px;margin: 0 0 25px 0;}


    /* Кабинет оператора */
    .card-style .img-rounded.card-style .img-rounded {height: 150px;}
}