/*
EmojiSymbols Font (c)blockworks - Kenichi Kaneko
http://emojisymbols.com/
*/
@font-face {
    font-family: "EmojiSymbols";
    src: url('../fonts/EmojiSymbols-Regular.woff') format('woff');
    text-decoration: none;
    font-style: normal;
}

.emj {
    font-family: "EmojiSymbols";
    line-height: 1;
}

body {
    min-width: 320px;
}

hr {
    margin: 13px 0;
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-center {
    justify-content: center;
}

.align-items-baseline {
    align-items: baseline;
}

.align-items-center {
    align-items: center;
}

.pos-rel {
    position: relative;
}

.badge_abs {
    position: absolute;
    top: 0;
    right: 0;
}

#esp-user-profile {
    font-size: 14px;
}

textarea {
    height: auto;
    resize: vertical;
}

.overflow_auto {
    overflow-x: auto;
}

.table_category_text_inh .table > thead > tr > th {
    text-transform: initial;
}

.list_style_type_n {
    list-style-type: none;
}

.dn {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.whitespace_normal {
    white-space: normal;
}

.clearfix {
    clear: both;
}

.float-l {
    float: left;
}

.bd-settings-row .fs-wrap {
    position: relative;
}

.bd-settings-row .fs-label-wrap,
.bd-settings-row .fs-label-wrap .fs-label,
.bd-settings-row .fs-dropdown {
    width: 100%;
}

aside .navigation > li > a {
    display: flex;
    align-items: center;
}

.navigation > li > a > i {
    min-width: 28px;
    min-height: 28px;
}

.fm-file-item {
    overflow: visible;
}

.widget .widget-body {
    word-break: break-word;
}

table tr th, table tr td {
    word-break: normal;
}

.widget.widget_height .widget-body {
    height: 320px;
    overflow: inherit;
}

.table.table-sm > thead > tr > th,
.table.table-sm > tbody > tr > th,
.table.table-sm > tfoot > tr > th,
.table.table-sm > thead > tr > td,
.table.table-sm > tbody > tr > td,
.table.table-sm > tfoot > tr > td {
    padding: 6px 10px;
}

.widget.wh-xs .widget-body {
    height: 200px;
    overflow: hidden;
}

.widget.wh-sm .widget-body {
    height: 250px;
    overflow: hidden;
}

.widget.wh-md .widget-body {
    height: 300px;
    overflow: hidden;
}

.widget.wh-lg .widget-body {
    height: 350px;
    overflow: hidden;
}

.widget.wh-xl .widget-body {
    height: 400px;
    overflow: hidden;
}

/*LOGIN PAGE BEGINS HERE*/
.login-form-main {
    margin-top: 100px;
}

/*LOGIN PAGE END*/


/*~~~~~MODULE PAGE~~~~~*/
/*~~~Module icons begins here~~~*/
.widget .widget-body .item a {
    display: block;
    text-align: center;
    color: #737373;
}

.widget .widget-body .item a i {
    font-size: 28px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-shadow: 1px 1px 2px #1f364f;
}

.dashboard-index .widget {
    height: 112px;
    overflow: hidden;
}

.dashboard-index .widget .badge {
    position: absolute;
    top: 8px;
    right: 10px;
}

/*~~~Module icons end~~~*/
/*~~~~~MODULE PAGE~~~~~*/


/*~~~~~ITEMS PAGE~~~~~*/
.iconsetting {
    font-size: 14px;
    top: 5px;
    left: 0;
    #position: absolute;
}

.radiolist_icons .radio-custom {
    display: inline-block;
    font-size: 24px;
    padding: 15px;
    margin-right: 25px;
    width: 70px;
}

.radiolist_icons .radio-custom input[type="radio"] + label:before {
    top: 24px;
}

.radiolist_icons .radio-custom input[type="radio"] + label:after {
    top: 29px;
}

/*~~~Filters begins here~~~*/
#bl-create-2 #operationfilter {
    width: 100%;
    height: auto;
}

.filters-body .form-group {
    margin-bottom: 10px;
}

#bl-create-2 .form-control,
#form-filters .filters .form-control,
.checklist-view .filters .form-control,
.passport .filters .form-control,
.objhimiya-index .filters .form-control,
.objconsumables-index .filters .form-control,
.checklistmainobject-view .filters .form-control,
.filters .field_item .form-control {
    height: 30px;
    width: 60%;
    display: inline-block;
}

#bl-create-2 .modal-dialog .form-control,
#form-filters .filters .modal-dialog .form-control,
.checklist-view .filters .modal-dialog .form-control,
.passport .filters .modal-dialog .form-control,
.objhimiya-index .modal-dialog .form-control,
.objconsumables-index .modal-dialog .form-control,
.checklistmainobject-view .modal-dialog .form-control {
    width: 100%;
}

.filters-body .canvascenter {
    text-align: center;
}

.filters-body .input-group {
    width: 100%;
    display: flex;
}

#bl-create-2 .input-group-addon:first-child,
#form-filters .filters .input-group-addon:first-child,
.checklist-view .filters .input-group-addon:first-child,
.passport .filters .input-group-addon:first-child,
.objhimiya-index .filters .input-group-addon:first-child,
.objconsumables-index .filters .input-group-addon:first-child,
.checklistmainobject-view .filters .input-group-addon:first-child,
.filters .field_item .input-group-addon:first-child {
    font-size: 12px;
    width: 40%;
    padding: 6px 3px;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.filters-body .fs-wrap {
    width: 60%;
    display: inline-block;
    min-width: 0;
}

.filters-body .fs-label-wrap, .filters-body .fs-label-wrap .fs-label {
    width: auto;
}

#formobjectselect ul li input[type="radio"], #formobjectselect ul li input[type="checkbox"] {
    cursor: pointer;
}

#form-filters .filters #ft-name-filter {
    width: 100%;
    color: white;
    background: #57caff;
    border-color: #00a7f5;
}

#bl-create-2 .input-group-addon:last-child,
#form-filters .filters .input-group-addon:last-child,
.checklist-view .filters .input-group-addon:last-child,
.passport .filters .input-group-addon:last-child,
.objhimiya-index .filters .input-group-addon:last-child,
.objconsumables-index .filters .input-group-addon:last-child,
.checklistmainobject-view .filters .input-group-addon:last-child,
.filters .field_item .input-group-addon:last-child {
    position: absolute;
    right: 1px;
    z-index: 2;
    width: 35px;
    padding: 7px;
}

/*~~~Filters end~~~*/

/*~~~Tables begins here~~~*/
/*.items-index .table > thead > tr > th,
.items-index .table > tbody > tr > th,
.items-index .table > tfoot > tr > th,
.items-index .table > thead > tr > td,
.items-index .table > tbody > tr > td,
.items-index .table > tfoot > tr > td {
    padding: 5px;
}*/
/*.widget-body > .grid-view {
    overflow: auto;
}*/
.table_widget {
    display: table;
    width: 100%;
}

/*.items-index #items_table tr td:nth-child(2), .sprints .show_mes_success {
    color: #5dc2ae;
    font-size: 18px;
    line-height: 14px;
}*/
.show_mes_close {
    text-decoration: line-through;
    color: #737373;
}

/*.items-index #items_table .show_mes_close td:nth-child(2) {
    color: #737373;
}
.items-index #items_table .show_mes_er td:nth-child(2), .sprints .show_mes_er{
    color: #ed7177;
}
.items-index #items_table .show_mes_war td:nth-child(2), .sprints .show_mes_war{
    color: #ffcc62;
}*/
.items-index .canvascenter canvas {
    margin-top: -20px;
}

.items-index .canvascenter .speed_percent {
    margin-top: -30px;
    font-size: 12px;
    font-weight: bold;
}

/*~~~Tables end~~~*/
/*~~~~~ITEMS PAGE END~~~~~*/


/*~~~~~ITEMS VIEW PAGE BEGINS HERE~~~~~*/
.items-view .items_time_btn {
    position: absolute;
    top: 0;
    right: 55px;
    font-size: 32px;
}

/*~~~Uploaded files begins here~~~*/
.uploaded_files {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding: 20px 0;
}

.uploaded_files .item {
    /* float: left; */
    margin-bottom: 20px;
    width: 100px;
    text-align: center;
}

.uploaded_files .item:last-child {
    /* margin-bottom: 0;9 */
}

.uploaded_files img {
    width: auto;
    height: 80px;
}

.uploaded_files .name {
    height: 36px;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
    word-wrap: break-word;
    padding:10px 20px;
}

.uploaded_files .item a {
    display: flex!important;
    flex-direction: column;
    align-items: center;
}

.uploaded_files .item:hover {
    transition: 0.3s;
    transform: scale(1.05);
}
.uploaded_files .item:hover .ico_img_del {
    display: block;
}
.uploaded_files .item:hover .name {
    /* overflow: visible;
    background: white;
    height: auto;
    min-height: 36px;
    width: 110px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    border: 1px solid #d9d9d9;
    border-radius: 4px; */
}

/*~~~Uploaded files end~~~*/

/*~~~Progress begins here~~~*/
.progress_list {
    white-space: nowrap;
    overflow-x: auto;
}

.progress_list > li {
    padding: 15px;
    width: 110px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.progress_list > li + li {
    margin-left: -3px;
}

.progress_list > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-top: 1px solid #d9d9d9;
}

.progress_list > li:after {
    content: "";
    position: absolute;
    left: 55px;
    top: -8px;
    margin-left: -8px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 2px solid #9a9a9a;
    background-color: #FFF;
}

.progress_list > li.progress-success:after {
    border-color: #17A88B;
}

.progress_list > li.progress-danger:after {
    border-color: #E5343D;
}

.progress_list > li.progress-default:after {
    border-color: #9a9a9a;
}

.progress_list > li.progress-active:after {
    border: 5px solid #ffcc62;
    height: 28px;
    width: 28px;
    top: -14px;
    margin-left: -14px;
}

/*~~~Progress end~~~*/

/*~~~History of changes begins here~~~*/
.items-view .change_history {
    max-height: 330px;
    overflow: auto;
}

/*~~~History of changes end~~~*/

/*~~~Comments begins here~~~*/
.items-view .items_comments {
    height: 330px;
    overflow: auto;
}

/*~~~Comments end~~~*/

/*~~~Rating begins here~~~*/
.star_full, .star_o {
    color: #ffcc62;
    font-size: 18px;
}

/*~~~Rating end~~~*/
/*~~~~~ITEMS VIEW PAGE END~~~~~*/

/*~~~~~ITEMS BOARD PAGE BEGINS HERE~~~~~*/
.itemsboard-index .item-sort ul li {
    overflow: unset;
}

/*~~~~~ITEMS BOARD PAGE END~~~~~*/


/*~~~~~CHECKLIST PAGE BEGINS HERE~~~~~*/
/*~~~Filters begins here~~~*/
#formobjectselect ul {
    margin-bottom: 0;
}

#formobjectselect ul li {
    padding-left: 0;
    padding-right: 30px;
}

#formobjectselect ul li a {
    color: inherit;
}

#formobjectselect ul li a:hover {
    text-decoration: underline;
}

#formobjectselect ul {
    margin-bottom: 0;
}

#formobjectselect ul li {
    padding-left: 0;
    padding-right: 30px;
}

#formobjectselect ul li a {
    color: inherit;
}

#formobjectselect ul li a:hover {
    text-decoration: underline;
}

/*~~~Filters end~~~*/

/*~~~List begins here~~~*/
.checklis_check .radio-inline + .radio-inline {
    margin-top: 0;
}

.checklist_check_box {
    border-bottom: 1px solid #777;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.checklist_check_box:last-child {
    border-bottom: 0;
    margin: 0;
}

/*~~~List end~~~*/
/*~~~~~CHECKLIST PAGE END~~~~~*/


/*~~~~~OBJECTS PAGE BEGINS HERE~~~~~*/
/*~~~Personal begins here~~~*/
.table tbody input {
    border: 0;
    background: #f7f7f7;
}

.table tbody .t_day input {
    background: #f7f7f7;
    border: 1px solid #d9d9d9;
}

/*~~~Personal end~~~*/
/*~~~~~OBJECTS PAGE END~~~~~*/


/*~~~~~OBJECTS PASSPORT PAGE BEGINS HERE~~~~~*/
#formobjectselect .modal-dialog .form-control {
    width: 100%;
}

/*~~~~~OBJECTS PASSPORT PAGE END~~~~~*/


/*~~~~~USERS PAGE BEGINS HERE~~~~~*/
table tbody tr td.resultusersdepartament, table tbody tr td.tableinertd {
    vertical-align: top;
}
.table-inner-users .respon-table-name {
    word-break: break-all!important;
    min-width: 150px;
}
/*~~~~~USERS PAGE END~~~~~*/


/*~~~~~STATISTICS PAGE BEGINS HERE~~~~~*/
.stat_map .stat_map_tachometer {
    height: 360px;
}

.stat_map .stat_map_tachometer .item {
    text-align: center;
    height: 180px;
}

/*~~~~~STATISTICS PAGE END~~~~~*/


/*~~~~~WORKS PAGE BEGINS HERE~~~~~*/
.works-index table .filters td,
.works-index table .filters td input,
.works-index table .filters td select {
    padding: 5px;
}

/*~~~~~WORKS PAGE END*/


/*~~~~~PROJECT BEGINS HERE~~~~~*/
.table > thead > tr.filters > td {
    padding: 5px;
}

.table .filters input {
    padding: 5px;
}

.tachometers .item h5 {
    margin-top: -10px;
}

#structure .name {
    display: inline-block;
    overflow: hidden;
    line-height: normal;
    vertical-align: text-bottom;
    text-overflow: ellipsis;
}

#structure .name.project {
    width: 200px;
    min-width: 200px;
}

#structure .name.task_group {
    width: 300px;
    min-width: 300px;
}

#structure .name.task {
    width: 460px;
    min-width: 460px;
}

#structure .name:hover {
    width: auto;
}

#projectstructure_weekly_result .form-group {
    margin-bottom: 0;
}

#projectstructure_weekly_result .help-block {
    margin-top: 0;
    margin-bottom: 0;
}

/*~~~~~PROJECT END~~~~~*/


.regedit-index .pagination {
    width: 100%;
}

#form-main-users-add img {
    width: 100px;
}

.infoobj {
    cursor: pointer;
}

/*
.show_mes_war td:first-child{
    background-color: #FFFEC0!important;
}
.show_mes_er td:first-child{
    background-color: rgb(234, 108, 86)!important;
    color: white!important;
}
.show_mes_er td:first-child a{
    color: white!important;
}
*/
.tab-content {
    margin-top: 15px;
}

.ui-widget-content {
    z-index: 999 !important;
}

.progress-line {
    height: 2px;
}

#ftsub-resetobject, #ftsub-selectallobject, #ftsub-resetproject, #ftsub-selectallproject {
    line-height: 25px;
    text-decoration: underline;
    cursor: pointer;
}

.cnt-main-object, .cnt-main-project {
    margin-top: 15px;
    margin-left: 5px;
}

.cnt-sub-object input {
    margin-right: 5px;
}

#ch-main-obj {
    margin-right: 5px;
}

.cnt-sub-object span {
    margin-right: 10px;
}

.like_lst .ch-obj-el::before {
    content: '•';
    position: absolute;
    left: -17px;
}

#EquipmentMultipleModal .like_lst .ch-obj-el::before {
    content: none;
}

.canvascenter {
    text-align: center;
}

.left-input-group-addon {
    width: 100px;
}

.btn-area {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

.btn-area.mn-fixed {
    position: fixed;
    top: 40px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
    border-bottom: 1px solid red;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.2s;
    background-color: white;
    z-index: 999;
}

.g-date-select, .datepicker_box .input-group-addon {
    cursor: pointer;
}

.custom-preloader {
    z-index: 999;
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    color: white;
    /* backdrop-filter: blur(1px); */
}
#loader {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #62BEED;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 99991001;
}
#loader-center {
    display: block;
    position: absolute;
    left: 73%;
    top: 73%;
    width: 84px;
    height: 84px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #8869AB;

    -webkit-animation: spin 1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 99991001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #EF7081;

    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;

    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: rgba(34, 34, 34, 0.6);
    z-index: 99991000;
    -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0); /* IE 9 */
    transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

.object-info .bootstrap-select .dropdown-toggle {
    min-height: 30px;
}
.form-main-forms-add .bootstrap-select .dropdown-toggle {
    min-height: 34px;
}
.object-info .bootstrap-select {
    padding: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%); /* IE 9 */
    transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%); /* IE 9 */
    transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%); /* IE 9 */
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

span.red {
    width: 100%;
    display: block;
    height: 100%;
    background-color: red;
    position: absolute;
    right: 0px;
}

.fc-end span.red {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1px;
    border-color: #47B5FF;
}

span.green {
    width: 100%;
    display: block;
    height: 100%;
    background-color: #44BD5C;
    position: absolute;
    right: 0px;
}

.fc-end span.green {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1px;
    border-color: #47B5FF;
}

.fc-agendaWeek-view- .fc-event:hover {
    z-index: 999 !important;
    width: 100% !important;
    background-color: #EAEAEA !important;
    color: black !important;
    border: 1px black solid !important;
    top: 50px !important;
}

.fc-day:hover {
    background-color: #BBD9F1 !important;
    cursor: pointer;
}

.fc-bg:hover td, .fc-content-skeleton:hover td {
    cursor: pointer;
}

#calendar-select-time {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 999;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.time-modal-footer {
    margin-top: 10px;
}

#time_vipolneniya {
    margin-top: 25px;
    margin-left: 20px;
}

.errorinput {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.errorinput:focus {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(169, 68, 66, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(169, 68, 66, 0.6) !important;
}

#material-block {
    width: 100%;
}

#material-block td {
    padding-bottom: 5px;
}

.n-unit {
    width: 50px;
    margin: 0px;
    float: left;
    padding: 3px;
    height: 27px;
}

.modal-sub-works td, .modal-sub-works input, .modal-sub-works select {
    padding: 3px !important;
}

.modal-sub-works input, .modal-sub-works select {
    height: 27px;
}

.c-btn2--check span {
    font-size: 18px;
    cursor: pointer;
}

#material-block input {
    margin-right: 10px;
    width: 95%;
}

.item-works-price {
    margin-top: 5px;
    font-size: 16px;
}

.btnworksdelete {
    cursor: pointer;
    margin-top: 0px;
    color: red;
    margin-left: 10px;
    font-size: 20px;
}

#total-works {
    margin-left: 20px;
    margin-top: 10px;
    font-size: 16px;
}

.bl-items-detail-view th {
    width: 300px;
}

.bl-items-detail-view th p {
    font-weight: normal;
    margin: 0px;
}

.formfields-table {
    width: 100%;
}

.formfields-table td, .formfields-table th {
    padding: 2px 15px 2px 0;
    #border-bottom: 1px solid #e6e6e6;
}

.formfields-table .files a {
    float: left;
    margin-right: 15px;
}

.border-ppblock {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.border-ppblock th:first-child {
    border-left: 3px solid #ffcc62;
    padding-left: 10px;
}

.border-ppblock .striped-tr {
    background-color: #f9f9f9;
    width: 100%;
}

.border-ppblock .striped-td {
    padding: 10px 10px;
    vertical-align: middle;
    border-top: 1px solid #d9d9d9;
}

.border-ppblock .striped-td p {
    margin: 0;
}

/*
.items-index td{
    padding:5px!important;
    font-size: 13px;
}

.items-index td a{
    font-size: 13px;
}
*/
.in-status-order_num {
    width: 60px !important;
}

.item-name-board {
    font-size: 12px;
}


.periodlog span {
    display: block;
    height: 15px;
    /* width: 1px; */
    float: left;
    background-color: red;
    padding-left: 8px;
    font-size: 12px;
    line-height: 15px;
}

.greenlog {
    background-color: #6aeb00 !important;
}

.begin-date {
    clear: both;
}

/*.off{
    display: block;
    height: 15px;
    width: 15px;
    float: left;
    background-color: red;
    padding-left: 8px;
    font-size: 12px;
    line-height: 15px;
    margin-right: 5px;
    margin-top: 3px;
}*/

.logoff {
    background-color: forestgreen !important;
}

.loggrey {
    background-color: lightgrey !important;
}

.checklist-filters {
    margin-top: 10px;
    margin-bottom: 5px;
}

.ch-obj-el .glyphicons {
    margin-right: 3px !important;
    margin-top: 2px;
    margin-left: 15px;
}

.addcomentform {
    display: none;
}


.empty-input {
    color: red !important;
}

.ch-coment-form.empty-text {
    border: 1px red solid;
    box-shadow: 0 0 3px #FF0000;
}

.chcomentshow {
    padding: 4px;
}

.authorization-save-btn {
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
}

input[name='filters[ft-date-from]'] {
    height: 30px;
    line-height: 30px;
}

input[name='filters[ft-date-from]'] {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

input[name='filters[ft-date-to]'] {
    height: 30px;
    line-height: 30px;
}

input[name='filters[ft-date-to]'] {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.gr-process {
    width: 100%;
}

/*.btn-default{
    margin-bottom: 10px;
}*/

.selbill {
    background-color: rgba(47, 175, 19, 0.15) !important;
}

.items-excel-export-rg img {
    width: 30px;
    margin-right: 5px;
    margin-left: 20px;
    margin-bottom: 5px;
}

.statistics-checklist-info {
    position: relative;
    float: left;
    width: 715px;
}

/*
.statistics-checklist-info-total{
    background-color: whitesmoke;
    height: 215px;
    width: 140px;
    float: left;
    margin-top: 25px;
}

.statistics-checklist-info-total .total-sum{
    width: 100%;
    text-align: center;
    line-height: 140px;
    font-size: 32px;
    color: #007dd8;
}
*/
.statistics-checklist-info-total .total-sum {
    font-size: 18px;
    font-weight: 700;
}

.total-res {
    text-align: center;
}

.statistics-checklist-info-total .glyphicons-arrow-down {
    font-size: 25px;
    color: red;
    margin-right: 5px;

}

.statistics-checklist-info-total .glyphicons-arrow-up {
    font-size: 25px;
    color: #2faf13;
}

.total-res {
    position: absolute;
    top: -25px;
    right: 10px;
}

.total-res-num {
    line-height: 25px;
    #padding-left: 10px;
    font-size: 18px;
}

.total-sum {
    position: absolute;
    top: -50px;
    right: 10px;
}

.show_mes_close {
    text-decoration: line-through;
}

.authorization-bl {
    margin-top: 10px;
    margin-bottom: 15px;
}

.passport .new-item {
    list-style: none;
    cursor: pointer;
}

.passport .set-position {
    font-size: 24px;
}

.passport #board {
    background-position: center top;
    /*background-size: cover;
    width: 1200px;
    height:500px;*/
    margin: 0 auto;
}

.actions i {
    cursor: pointer;
}

.filters-result .label {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 3px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filters-body .fs-label-wrap, .filters-body .fs-label-wrap .fs-label {
    width: auto;
    /*max-width: 140px;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb {
    margin-bottom: 5px;
}

.breadcrumb li.active {
    font-size: 16px;
    font-weight: 700;
}

.breadcrumb li.active:before {
    font-size: 14px;
}

.widget-body {
    position: relative;
}

.canvascenter {
    position: absolute;
    right: 0px;
    top: -40px;
    width: 200px;
}

.filters-result {
    margin-right: 170px;
}

#operationfilter {
    /*margin-left:-3px;
    height: 34px;*/
    border: 2px solid #d9d9d9;
}

.filters-result-button {
    margin-bottom: 5px;
}

/*
.filters-nf{
    border: 1px solid #fccf59;
}
*/
.nav-tabs {
    margin-bottom: 10px
}

/*
.filters-df-btn{
    margin-bottom: 5px;
}
*/
.checklist-view .bg-danger, .checklist-view .bg-success {
    padding: 15px;
    display: none;
}

.bg-light-success {
    background-color: #5dc2ae6b;
}

.result-line {
    font-weight: bold;
    color: #ee6f80;
    font-size: 18px;
}

#pac-input, #radius-input {
    margin-bottom: 10px;
    padding: 4px 5px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-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;
}

.pac-container {
    z-index: 10000 !important;
}

#pac-input {
    width: 100%;
}

#radius-input {
    width: 100%;
}

.bl-fine {
    font-weight: bold;
    color: #ee6f80;
    font-size: 16px;
    float: right;
}

.input-sel {
    width: 35px;
    text-align: center;
}


#items-rating label {
    display: block;
    margin: 0px;
    /* margin-left: 20px; */
    /* margin-bottom: 20px; */
    height: 40px;
    line-height: 40px;
}

.starfull {
    display: block;
    width: 35px;
    float: left;
    height: 32px;
    background: url("/img/stars.png") no-repeat 0px -32px;
}

.starfullempty {
    display: block;
    width: 35px;
    float: left;
    height: 32px;
    background: url("/img/stars.png") no-repeat 0px 0px;
}

#items-rating input {
    margin-left: 10px;
    padding-top: 5px;
    margin-right: 5px;
}

.ratingcol {
    /*float: left;
    margin-right: 150px;*/
}

.table-dash-task td, .table-dash-task th {
    padding: 8px !important;
}

.left-panel li {
    position: relative;
}

.contractor-val {
    background-color: #fffac1 !important;
}

.objects_users_list {
    height: 200px;
    overflow: auto;
}

.newmes {
    color: #FF9800;
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.other .newmes {
    right: 0px !important;
}

#message {
    resize: none;
    height: 75px;
}

.open_filter {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

#form-main-object-add textarea {
    height: 106px;
}

.personal-view table img {
    width: 60px;
}

#typical_schedule table td > select {
    min-width: 100%;
    width: auto;
}

.objectspersonal-index .th_day {
    text-align: center;
}

.delete-note-btn {
    color: red;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
    text-decoration: underline;
}

.link-select-personal {
    text-decoration: underline;
    cursor: pointer;
    color: #61bdec;
}

.stat_map_tachometer h5 {
    margin-top: -8px;
}

.d-disabled {
    background: #ffdede !important;
}

.tabsrepeat {
    float: left;
    padding-right: 15px;
    margin-bottom: 20px;
    margin-right: 15px;
    border-right: 1px solid #929292;
}

.tabsrepeat input {
    margin-right: 10px;
    margin-top: 10px;
}

#tabs-repeat .tab_content {
    display: none;
}

.tabsrepeat input, .tabsrepeat label {
    cursor: pointer;
}

#tabs-repeat .tab_content input[type=text] {
    /*background-color: rgba(0, 0, 0, .25);*/
    /* display: block; */
    /*color: #B36BFF;*/
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding: 0px 5px;
    margin-right: 5px;
    margin-left: 10px;
    width: 50px;
    margin-top: 0px;
}

#tabs-repeat .tab_content select {
    /*background-color: rgba(0, 0, 0, .25);*/
    /* display: block; */
    /*color: #B36BFF;*/
    height: 25px;
    /* line-height: 25px; */
    /* font-size: 12px; */
    padding: 0px 5px;
    margin-right: 5px;
    margin-left: 10px;
    width: auto;
    margin-top: 0px;
}


#tabs-repeat .tab_content input {
    margin-right: 10px;
    margin-top: 10px;
}

#tabs-repeat .alldays li {
    float: left;
    width: 150px;
}

#tabs-repeat .alldays {
    max-width: 800px;
    margin-top: 10px;
}

#tabs-repeat li {
    list-style: none;
}

#tabs-repeat ul {
    padding-left: 10px;
}

#passport-pos .nav li a {
    cursor: pointer !important;
}

.bl-in {
    padding: 10px 10px;
    vertical-align: middle;
    border-top: 1px solid #d9d9d9;
}

.listworks-sub {
    margin-left: 20px;
}

#task-table-res td {
    padding: 5px !important;
}

.task-plan th {
    text-align: center;
    padding: 3px;
    font-size: 12px;
}

.task-plan th.date {
    text-align: left;
    padding: 3px;
    font-size: 10px;
    font-weight: normal;
}

.task-plan th, .task-plan td {
    border-bottom: 1px solid #e6e6e6;
    border: 1px solid #e6e6e6;
}

table.task-plan > tbody > tr > td {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 4px;
}

.img-thumbnail {
    /* display: block;
    margin-bottom: 5px;
    margin-right: 10px; */
}

#draglist {
    padding-left: 0;
    width: 25px;
    float: left;
}

#draglist li {
    margin-top: 5px;
}

.select-main-bl {
    padding-bottom: 5px;
    background-color: #57caff;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    min-height: 55px;
}

.add-sub-pos {
    line-height: 34px;
    float: right;
    color: white;
}

.select-main-bl.fix {
    #position: fixed;
    #width: 1070px;
    #top: 50px;
}


.draglist-select {
    width: 250px;
    float: left;
    margin-right: 15px;
}

.bl-gantt .main-pr {
    background-color: #e79eff !important;
}

.viewtime {
    float: right !important;
    margin-top: 0px !important;
    margin-right: -5px !important;
}

.gantt_hor_scroll {
    margin-top: 10px;
}

.gantt_grid_head_timeuser {
    #width: 40px !important;
}

.gantt_cell:nth-child(1) .gantt_tree_content {
    color: #3DB9D3;
}

#result-block {
    position: relative;
}

#objlist option {
    cursor: pointer;
}

.gantt_task_line1 {

}

.gantt_task_line1 {
    border: 2px solid #d96c49 !important;
    color: #d96c49 !important;
    background: #d96c49 !important;
}

.gantt_task_line1 .gantt_task_progress {
    background: #db2536 !important;
}

.gantt_task_line.gantt_dependent_task {
    background-color: #65c16f;
    border: 1px solid #3c9445;

}

.gantt_task_line.gantt_dependent_task .gantt_task_progress {
    background-color: #46ad51;
}

.gantt_task_line3 .dep, .gantt_task_line2 .dep, .gantt_task_line1 .prog {
    position: absolute;
    left: 5px;
    top: -5px;
}

.gantt_grid .dep {
    display: none;
}

.gantt_grid .prog {
    display: none;
}

.table-typicalschedule td {
    padding: 5px !important;
    font-size: 12px !important;
}

.del-field {
    background-color: #fff0f0 !important;
}

.t-red {
    background-color: #ff3e3e !important;
    color: white;
}

.t-orange {
    background-color: #ffb61e !important;
    color: white;
}

.t-red input {
    color: #737373;
}

.clone .t-red .fixed-side {
    background: none;
}

.t-orange input {
    color: #737373;
}

.clone .t-orange .fixed-side {
    background: none;
}

.btn-disabled {
    background-color: #e8eaed !important;
    border-color: #999999 !important;
    color: #999999 !important;
}

.pr-item-close {
    text-decoration: line-through;
    color: #737373;
}

.pr-item-close .name {
    text-decoration: line-through;
    color: #737373;
}

.btn-user-search, .btn-object-search, .btn-project-search, .btn-client-search, .btn-search {
    cursor: pointer;
}

#res-user-search {
    display: none;
}

.edit_td {
    width: 60px;
    text-align: center;
}

.id_td {
    width: 80px;
}

.search-cnt-main-object {
    margin-top: 15px;
    margin-left: 5px;
}

.search-cnt-sub-object input {
    margin-right: 5px;
}

#search-ch-main-obj {
    margin-right: 5px;
}

.search-cnt-sub-object span {
    margin-right: 10px;
}

.like_lst .search-ch-obj-el::before {
    content: '•';
    position: absolute;
    left: -17px;
}

#select-object-form ul {
    margin-bottom: 0;
}

#select-object-form ul li {
    padding-left: 0;
    padding-right: 30px;
}

#select-object-form ul li a {
    color: inherit;
}

#select-object-form ul li a:hover {
    text-decoration: underline;
}

#select-object-form ul {
    margin-bottom: 0;
}

#select-object-form ul li {
    padding-left: 0;
    padding-right: 30px;
}

#select-object-form ul li a {
    color: inherit;
}

#select-object-form ul li a:hover {
    text-decoration: underline;
}

#select-object {
    cursor: pointer;
}

.search-cnt-main-project {
    margin-top: 15px;
    margin-left: 5px;
}

.search-cnt-sub-project input {
    margin-right: 5px;
}

#search-ch-main-project {
    margin-right: 5px;
}

.search-cnt-sub-project span {
    margin-right: 10px;
}

.like_lst .search-ch-project-el::before {
    content: '•';
    position: absolute;
    left: -17px;
}

#select-project-form ul {
    margin-bottom: 0;
}

#select-project-form ul li {
    padding-left: 0;
    padding-right: 30px;
}

#select-project-form ul li a {
    color: inherit;
}

#select-project-form ul li a:hover {
    text-decoration: underline;
}

#select-project-form ul {
    margin-bottom: 0;
}

#select-project-form ul li {
    padding-left: 0;
    padding-right: 30px;
}

#select-project-form ul li a {
    color: inherit;
}

#select-project-form ul li a:hover {
    text-decoration: underline;
}

.modal-main-forms {
    overflow-y: scroll
}

.btn-filter-user {
    /* width: 60%; */
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
    justify-content: center;
}
.btn-filter-user .btn-line {
    min-width:160px;
}
.btn-filter-user .btn-line a {
    color: inherit!important;
}
.card_img_star {
    background: url(/css/cssimage/ads_star.png) no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: 5px;
}

.card_img_star.active {
    background: url("/css/cssimage/ads_star_active.png") no-repeat;
    background-size: contain;
}

.card_add_favorite p {
    text-align: center;
    font-size: 0.857em; /* 30px */
    color: white;
    margin-bottom: 1.000em; /* 30px */
}

.card_add_favorite span {
    text-align: center;
    font-size: 0.857em; /* 30px */
    color: white;
    margin-bottom: 1.000em; /* 30px */
}

.ads_star.loading, .card_img_star.loading {
    background: url("/css/cssimage/ajax-loader.gif") center no-repeat !important;
    background-size: contain;
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

.btn-line-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

.btn-line-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

.btn-line-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.btn-line-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

.btn-primary-sel {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border: 1px solid #007bff;
    border-radius: 6px;
}
.primary-newsel {
   color: white;
   background:#007bff ;
}

.btn-success-sel {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border: 1px solid #28a745;
    border-radius: 6px;
}
.success-newsel {
    color: white;
    background:#28a745;
}

.btn-danger-sel {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border: 1px solid #dc3545;
    border-radius: 6px;
}
.danger-newsel {
   color: white;
   background:#dc3545 ;
}

.btn-warning-sel {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ffc107;
    border-radius: 6px;
}
.warning-newsel {
    color: white;
    background:#ffc107 ;
}

.btn-info-sel {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border: 1px solid #007bff;;
    border-radius: 6px;
}
.info-newsel {
    color: white;
    background:#007bff ;
}
.btn-line {
    outline: 0 !important;
    border-width: 1px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.task-options-item {
    position: relative;
    padding: 11px 30px 11px 0;
    border-bottom: 1px solid #e6e9ec;
    margin: 0px;
}

.task-options-item-fx {
    position: relative;
    padding: 11px 30px 11px 0;
    border-bottom: 1px solid #e6e9ec;
    margin-bottom: 15px;
}

.task-options-item-param {
    color: #5e6675;
    font-size: 14px;
    text-align: left;
    padding-right: 10px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    min-width: 130px;
}

.task-options-item-destination .task-options-item-open-inner {
    display: block;
    overflow: hidden;
}

.task-form-field {
    display: block;
    position: relative;
    background-color: white;
    min-height: 33px;
    border: 1px solid #c6cdd3;
    padding: 5px 5px 0 5px;
}

.task-form-field .task-form-field-item {
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    height: 30px;
    position: relative;
    line-height: 25px;
    margin: 0 5px 5px 0;
    background: #bcedfc;
}

.task-form-field .task-form-field-item .task-form-field-item-text {
    padding: 0 0 0 10px;
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.task-form-field .task-form-field-item .task-form-field-item-text {
    color: #1f6ab5;
}

.task-form-field .task-form-field-item .task-form-field-item-delete {
    width: 25px;
    height: 30px;
    z-index: 1;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: auto;
    text-align: center;
}

.task-form-field .task-form-field-controls {
    min-width: 200px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    height: 30px;
    position: relative;
    line-height: 30px;
    margin: 0 5px 5px 0;
}

.task-form-field .task-form-field-link.add {
    margin-left: 18px;
}

.task-form-field .task-form-field-link.add:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoz2NgQAIK6Rv+gzADLkCeApggLkxYAe0dCQDF5T3p5/14OgAAAABJRU5ErkJggg==) no-repeat center;
    content: '';
    height: 8px;
    left: -14px;
    position: absolute;
    top: 5px;
    width: 8px;
}

.task-form-field .task-form-field-link {
    border-bottom: 1px solid transparent;
    color: #2067b0;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    margin: 7px 7px 7px 7px;
    line-height: 17px;
    vertical-align: top;
    position: relative;
    -webkit-transition: border-bottom-color .2s linear;
    transition: border-bottom-color .2s linear;
}

.main-pr {
    background-color: #6ac0ee;
}

.main-pr .gantt_task_content {
    color: #ffffff;
}

.personal_find_result div {
    padding: 5px;
    font-size: 14px;
}

.field-personal-delete {
    cursor: pointer;
    color: red;
    margin-left: 7px;
    font-size: 18px;
}

.task-checklist-separator:before {
    content: '';
    position: absolute;
    background: #a5abb2;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 35px;
    margin: auto;
    height: 1px;
    -webkit-animation: divider-line-moveRight .5s linear;
    -moz-animation: divider-line-moveRight .5s linear;
    -ms-animation: divider-line-moveRight .5s linear;
    -o-animation: divider-line-moveRight .5s linear;
    animation: divider-line-moveRight .5s linear;
}

.task-checklist-separator:hover:after {
    opacity: 1;
    display: block;
}

.task-checklist-separator:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 11px;
    height: 2px;
    background: #a5abb1;
    box-shadow: 0 -4px 0 0 #a5abb1, 0 4px 0 0 #a5abb1, 5px 0 0 0 #f8f9fa, -5px 0 0 0 #f8f9fa;
    opacity: 0;
    transition: opacity .2s linear;
}

.task-checklist-separator .icon-move {
    height: 16px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.task-checklist-separator .task-separator-delete {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 13px;
    margin: auto;
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s linear;
}

.task-checklist-separator:hover .task-separator-delete {
    opacity: .7;
}

.task-checklist-separator .task-separator-delete:hover {
    opacity: 1;
}

.task-checklist-separator .task-separator-delete:before {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/css/cssimage/media2.png) no-repeat 0 -12px;
    content: '';
    width: 14px;
    height: 14px;
    display: block;
}

.task-dashed-link {
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 19px;
    font-size: 13px;
    color: #1f67b0;
    cursor: pointer;
    border-bottom: 1px dashed rgba(31, 103, 176, .5);
}

.task-checklist-add {
    width: 100%;
    box-sizing: border-box;
    max-width: 715px;
    padding: 0 60px 0 20px;
    display: block;
    position: relative;
    color: #535c69;
    overflow: hidden;
}

.task-checklist-form {
    padding: 4px 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    max-width: 715px;
}

.checklist-form-title {
    width: 735px;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #c6cdd3;
    outline: 0;
    line-height: 22px;
    color: #535c69;
    font-size: 14px;
    padding: 0 6px;
    height: 22px;
    border-radius: 2px;
    top: auto;
}

.task-checklist-actions {
    overflow: hidden;
    position: relative;
    margin: 6px 0 0 20px;
    display: block;
}

.checklist-form-submit {
    display: block;
    right: 30px;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    z-index: 2;
    transition: opacity .2s linear;
    opacity: .6;
    -webkit-transition: opacity .2s linear;
    width: 25px;
    height: 25px;
}

.task-checklist-field-input {
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #c6cdd3;
    outline: 0;
    line-height: 22px;
    color: #535c69;
    font-size: 14px;
    padding: 0 6px;
    height: 22px;
    border-radius: 2px;
    top: auto;
}

.checklist-form-submit:before {
    position: absolute;
    top: 8px;
    left: 6px;
    background: url(/css/cssimage/media2.png) no-repeat 0 -25px;
    content: '';
    width: 20px;
    height: 13px;
    display: block;
}

.checklist-form-submit-edit {
    display: block;
    right: 30px;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    top: 6px;
    z-index: 2;
    transition: opacity .2s linear;
    opacity: .6;
    -webkit-transition: opacity .2s linear;
    width: 25px;
    height: 25px;
}

.checklist-form-submit-edit:before {
    position: absolute;
    top: 8px;
    left: 6px;
    background: url(/css/cssimage/media2.png) no-repeat 0 -25px;
    content: '';
    width: 20px;
    height: 13px;
    display: block;
}

.checklist-form-delete {
    display: inline-block;
    opacity: .7;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 2;
    transition: opacity .2s linear;
    width: 25px;
    height: 25px;
}

.checklist-form-delete:before {
    position: absolute;
    top: 6px;
    left: 8px;
    background: url(/css/cssimage/media2.png) no-repeat 0 -12px;
    content: '';
    width: 14px;
    height: 14px;
    display: block;
}

.checklist-form-submit:hover, .checklist-form-delete:hover, .checklist-form-submit-edit:hover {
    opacity: 1;
}

.task-checklist-add {
    display: none;
}

.icon-move {
    cursor: move;
    padding: 2px 15px 2px 15px;
}

.items-view .task-checklist-field .icon-move {
    cursor: move;
    top: 0;
    left: 0;
    position: absolute;
    height: 34px;
    width: 25px;
    opacity: 0;
    transition: opacity .2s linear;
}

.items-view .task-checklist-field .icon-move:before {
    width: 11px;
    height: 2px;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 7px;
    margin: auto;
    background: #c1c5cb;
    box-shadow: 0 -4px 0 0 #c1c5cb, 0 4px 0 0 #c1c5cb;
}

.task-checklist-field {
    /*padding: 8px 8px 8px 8px;*/
    margin: 0;
    position: relative;
    transition: background-color .2s linear;
    max-width: 100%;
    width: 100%;
}

.items-view .task-checklist-field {
    display: inline-block;
    padding: 8px 8px 8px 47px;
    margin: 0;
    position: relative;
    transition: background-color .2s linear;
    max-width: 100%;
    width: 100%;
}

.checklist_with_drop {
    padding: 0;
}

.task-checklist-field:hover {
    background: #f3f2e4;
}

.task-checklist-field:hover .icon-move {
    opacity: .7;
}

.tasks-btn-edit:hover, .tasks-btn-delete:hover {
    opacity: 1 !important;
}

.tasks-btn-edit {
    right: 26px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    width: 25px;
    height: 25px;
}

.task-checklist-field:hover .tasks-btn-edit, .task-checklist-field:hover .tasks-btn-delete {
    opacity: .7;
}

.tasks-btn-edit:before {
    position: absolute;
    top: 0;
    left: 6px;
    background: url(/css/cssimage/media2.png) no-repeat 0 8px;
    content: '';
    width: 20px;
    height: 20px;
    display: block;
}

.tasks-btn-delete {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 2;
    transition: opacity .2s linear;
    width: 25px;
    height: 25px;
    opacity: 0;
}

.tasks-btn-delete:before {
    position: absolute;
    top: 6px;
    left: 8px;
    background: url(/css/cssimage/media2.png) no-repeat 0 -12px;
    content: '';
    width: 14px;
    height: 14px;
    display: block;
}

.task-checklist-field-checkbox {
    margin: 0 !important;
    position: absolute;
    left: 27px;
    top: 11px;
}

.task-checklist-separator {
    display: inline-block;
    padding: 8px 65px 8px 47px;
    margin: 0;
    position: relative;
    width: 100%;
    height: 16px;
    max-width: 690px;
    cursor: move;
    opacity: .4;
    transition: opacity .2s linear;
    margin-left: 25px;
}

.red-time {
    color: red;
}

.red-td {
    background: red;
    color: white;
}

.tr-red {
    background-color: #ff00002b !important;
}

/*.task-checklist-field .icon-move {
    cursor: move;
    top: 0;
    left: 0;
    position: absolute;
    height: 34px;
    width: 25px;
    opacity: 0;
    transition: opacity .2s linear;
}
.icon-move:before {
    width: 11px;
    height: 2px;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 7px;
    margin: auto;
    background: #c1c5cb;
    box-shadow: 0 -4px 0 0 #c1c5cb, 0 4px 0 0 #c1c5cb;
}*/
.sprints .input_point, .sprints .input_weekends {
    width: 50px;
    height: 24px;
    padding: 0;
}

/*~~~~~SPRINTS BEGINS HERE~~~~~*/
.tgl-sprint {
    color: #1f364f;
}

.tgl-sprint:hover {
    color: #1f364f;
}

.sprints .div-sprint:last-child .checklist_with_drop {
    margin-bottom: 0;
}

.sprints .task-checklist-field {
    border: 1px solid #f1f1f1;
    margin-top: -1px;
}

.sprints .checklist_with_drop {
    min-height: 20px;
    margin-top: 10px;
}

.sprints .div-sprint .checklist_with_drop_close {
    margin-top: 0;
    min-height: 5px;
}

.sprints .div-sprint {
    position: relative;
    margin-bottom: 20px;
}

.sprints ol.checklist_with_drop, .sprints ol.checklist_with_drop2 {
    padding-left: 0;
    list-style: none;
}

.sprints .task-checklist-field .dropdown {
    position: absolute;
    top: 12px;
    right: 15px;
}

.spr-his-user-info {
    font-size: 12px;
    color: #888888;
}

.tgl-sprint.close-link:before {
    font-family: "Ionicons";
    content: "\f3d3";
    position: absolute;
    top: -1px;
    left: 6px;
    font-size: 12px;
    line-height: 48px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s, transform 0.3s;
}

.tgl-sprint.open-link:before {
    font-family: "Ionicons";
    content: "\f3d0";
    position: absolute;
    top: -1px;
    left: 5px;
    font-size: 12px;
    line-height: 55px;
    margin-right: 5px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s, transform 0.3s;
}

.search_input_box {
    display: inline-block;
    margin-right: 5px;
}

.search_input {
    width: 150px;
}

.sprints .icon-move > div > span {
    width: 16px;
    min-width: 16px;
    text-align: center;
}

.close-item-sprint {
    text-decoration: line-through;
}

/*~~~~~SPRINTS END~~~~~*/


/*~~~~~CLIENTS BEGINS HERE~~~~~*/
.clients-view .avatar_edit {
    position: absolute;
    top: 2px;
    right: 4px;
    cursor: pointer;
}

/*~~~~~CLIENTS END~~~~~*/


/*~~~~~SPRINTS BEGINS HERE~~~~~*/
.clients-toothmap .tooth_map {
    overflow-x: auto;
}

.clients-toothmap .tooth_item {
    display: inline-block;
    width: 55px;
    text-align: center;
    margin-right: 5px;
    position: relative;
}

.clients-toothmap .tooth_item .tooth {
    background: #fea3a2;
    width: 55px;
    height: 100px;
}

.clients-toothmap .tooth_item .tooth img {
    max-height: 130px;
}

.clients-toothmap .upper_jaw {
    display: flex;
    margin-bottom: 120px;
}

.clients-toothmap .upper_jaw img {
    position: absolute;
    bottom: -35px;
    left: 3px;
}

.clients-toothmap .upper_jaw .badge {
    margin-bottom: 5px;
}

.clients-toothmap .lower_jaw {
    display: flex;
}

.clients-toothmap .lower_jaw img {
    position: absolute;
    top: -35px;
    left: 3px;
}

.chcomentshow
.clients-toothmap .lower_jaw .badge {
    margin-top: 5px;
}

/*~~~~~SPRINTS END~~~~~*/

.bl-action span {
    margin-right: 15px;
}

#from_the_phone {
    text-decoration: underline;
    cursor: pointer;
}

.chimgshow {
    padding: 4px;
}

.bl-action {
    margin-top: 5px;
}

.chitemshow {
    padding: 4px;
}

.role-setting a {
    color: #504d4d;
}

.role-del-sub {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: -15px;
    /* padding: 5px; */
    color: #ff0000;
    /* width: 20px; */
    /* height: 20px; */
    /* line-height: 20px; */
    font-size: 14px;
    /* white-space: normal; */
    font-weight: bold;
    padding-right: 3px;
    padding-left: 3px;
}

.role-add {
    cursor: pointer;
}

.department-del {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: -15px;
    /* padding: 5px; */
    color: #ff0801;
    /* width: 20px; */
    /* height: 20px; */
    /* line-height: 20px; */
    font-size: 14px;
    /* white-space: normal; */
    font-weight: bold;
    padding-right: 3px;
    padding-left: 3px;
}

.has-error .inp-date_vipolneniya-help-block {
    color: #e7434c;
}

#log_time_Modal #log_time_h {
    width: 65px;
}

/*~~~~~CATALOG STYLE BEGINS HERE~~~~~*/
.catalog-index .edit_btn {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16px;
}

.catalog-index .edit_btn a {
    color: black;
    opacity: .2;
}

.catalog-index .edit_btn a:hover {
    opacity: .5;
}

/*~~~~~CATALOG STYLE END~~~~~*/
.test-class {
    background-color: red;
    color: white;
    padding: 15px;
    position: absolute;
    left: 250px;
    font-size: 18px;
    font-weight: bold;
    z-index: 9999;
}

/*~~~~~CATALOG STYLE BEGINS HERE~~~~~*/
.catalog-index .edit_btn {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16px;
}

.catalog-index .edit_btn a {
    color: black;
    opacity: .2;
}

.catalog-index .edit_btn a:hover {
    opacity: .5;
}

/*~~~~~CATALOG STYLE END~~~~~*/

/*~~~~~Style for fixed table col begins here~~~~~*/
.table-scroll {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.table-wrap {
    width: 100%;
    overflow: auto;
}

.table-scroll table {
    width: 100%;
    margin: auto;
}

.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.clone th, .clone td {
    visibility: hidden
}

.clone td, .clone th {
    border-color: transparent
}

.clone tbody th {
    visibility: visible;
    color: red;
}

.clone .fixed-side {
    background: #f9f9f9;
    visibility: visible;
}

.clone thead, .clone tfoot {
    background: transparent;
}

/*~~~~~Style for fixed table col end~~~~~*/

.has-error-equipment {
    color: red !important;
    font-weight: bold !important;
}

.rowlistobjects .input-group {
    width: 100%;
}

.workers-row {
    background-color: #ffcc62;
}

.select-file-link {
    cursor: pointer;
    text-decoration: underline;
}

.reportuserstime-table td {
    padding: 2px 5px !important;
    font-size: 12px;
}

.personal-index-table td {
    /* padding: 2px 5px !important;
    font-size: 12px; */
}

.btn-filter {
    outline: 0 !important;
    padding: 5px 15px;
    background-color: white;
    font-weight: normal !important;
    border: 1px #a69a9a solid;
    color: #717171;
    line-height: 18px;
    max-width: 250px;
    font-size: 12px;
}


/*
.bootstrap-select .glyphicon-ok:before {
    content: "\E153"!important;
}
*/
.filters-block input {
    border: 1px #a69a9a solid !important;
}

.filters-block .input-group-addon {
    border: 1px #a69a9a solid !important;
    border-left-width: 0px !important;
    background-color: #5dc2ae;
    color: #ffffff;
}

.filters-block .select {
    height: 30px !important;
}

.attachment_btn {
    max-height: 330px;
    overflow: auto;
}

.personal_stat_filter .input-group {
    width: 100%;
}

.personal_stat_filter button.btn-filter {
    height: 34px;
    border-radius: 0 4px 4px 0;
    background-color: #f5f5f5;
    border: none;
}

.budget-add {
    cursor: pointer;
}

.btn-success2 {
    color: #FFF;
    background-color: #04bf58;
    border-color: #149278;
}

.btn-success2:hover {
    color: #FFF;
    background-color: #1abf80;
    border-color: #149278;
}

.widgetnottmp {
    background-color: #e9fff2;
}

.run_green {
    background-color: #87ffb2 !important;
}

.run_orange {
    background-color: #ffcc6280 !important;
}

.run_green_pay {
    text-decoration: line-through;
    background-color: #dadada !important;
}

.btn-budget-group-type:active, .btn-budget-group-type.active, .btn-budget-group-type:active.focus, .btn-budget-group-type.active.focus {
    background-color: #8eff8d !important;
}

.folder-add {
    cursor: pointer;
}

.breadcrumbs-folder {
    color: #009fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.list-folder a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: inline-block;
    padding-left: 10px;
    margin: 0 15px 0 0;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: #93c8ff 1px solid;
    border-radius: 4px;
    cursor: pointer;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #ddf7ff;
    color: #444444;
    font-weight: bold;*/
}

.breadcrumbs-folder .sep {
    color: #737373;
    font-size: 14px;
}


.filemanager-index .dropdown-menu {
    margin-top: -2px;
}

.box {
    background-color: #ffffff;
    position: relative;
    padding: 20px;
    height: 100%;
}

.box.has-advanced-upload {
    outline: 2px dashed #f3f3f3;
    outline-offset: -2px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.box.is-dragover {
    outline-color: #009fff;
    background-color: #f4f4f4;
}

.box__dragndrop,
.box__icon {
    display: none;
}

.box.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #009fff;
    display: block;
    margin-bottom: 40px;
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
    visibility: hidden;
}

.box__uploading,
.box__success,
.box__error {
    display: none;
}

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
    display: block;
}

.box__uploading {
    font-style: italic;
}

.box__success {
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
}

@-webkit-keyframes appear-from-inside {
    from {
        -webkit-transform: translateY(-50%) scale(0);
    }
    75% {
        -webkit-transform: translateY(-50%) scale(1.1);
    }
    to {
        -webkit-transform: translateY(-50%) scale(1);
    }
}

@keyframes appear-from-inside {
    from {
        transform: translateY(-50%) scale(0);
    }
    75% {
        transform: translateY(-50%) scale(1.1);
    }
    to {
        transform: translateY(-50%) scale(1);
    }
}

.box__restart {
    font-weight: 700;
}

.box__restart:focus,
.box__restart:hover {
    color: #009fff;
}

.js .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.js .box__file + label {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 20px;
}

.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
    color: #009fff;
}

.js .box__file:focus + label,
.js .box__file.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.js .box__file + label * {
    /* pointer-events: none; */ /* in case of FastClick lib use */
}

.no-js .box__file + label {
    display: none;
}

.no-js .box__button {
    display: block;
}

.box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #009fff;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0;
}

.box__button:hover,
.box__button:focus {
    background-color: #0f3c4b;
}

.fm-file {
    width: 160px;
    display: inline-block;
    text-align: center;
    border: 1px solid #cac7c7;
    border-radius: 4px;
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: white;
    height: 140px;
    position: relative;
}

.fm-file img {
    max-width: 120px;
    max-height: 76px;
}

.fm-file-name {
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fm-file-teaser {
    overflow: hidden;
    height: 76px;
}

.fm-files {
    margin-bottom: 20px;
    margin-right: 20px;
}

.fm-menu-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.fm-file .popover {
    width: 100%;
}

.add-dln-initem {
    margin-left: 15px;
    font-size: 13px;
    color: #949494;
    font-weight: normal;
    text-decoration: underline;
}

.add-dln-initem-pdr {
    margin-left: 15px;
    font-size: 13px;
    color: #949494;
    font-weight: normal;
    text-decoration: underline;
}

.fm-menu-icon {
    cursor: pointer;
}

.stat-val-green {
    color: #00bf78;
}

.stat-val-orange {
    color: #bf9a00;
}

.stat-val-red {
    color: #bf0002;
}

.text-red {
    color: red;
}

.text-green {
    color: green;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}

.canvasrestotallabel {
    text-align: center;
    color: #5dc2ae;
    font-size: 32px;
}

.total-sum-pay {
    position: absolute;
    top: -0px;
    right: 10px;
    color: #ffc800;
    font-weight: bold;
}

.set-budget:hover, .set-block:hover {
    background-color: #fff70040;
}

.set-budget, .set-block {
    cursor: pointer;
}

.filemanager-dropdown-toggle {
    border: 2px solid #d9d9d9;
}

.ico_img_del {
    position: absolute;
    top: -15px;
    right: 0;
    cursor: pointer;
    display: none;
    transition: 0.3s;
}

.ico_img_del:hover {
    color: red;
}

.gallery > div {
    height: 140px;
    width: 140px;
    overflow: hidden;
    margin: 5px;
}

.gallery > div > a {
    display: block;
    text-align: center;
}

.gallery > div > a img {
    height: -webkit-fill-available;
    margin-right: 0 !important;
}

.menu_el_ico i {
    margin-right: 10px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-shadow: 1px 1px 2px #1f364f;
}

.chart_box .heading_with_data {
    padding: 20px;
}

.category_text {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_list_menu {
    position: absolute;
    top: 0;
    right: 0;
    color: #737373;
}

.item_list_menu > a {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
}

.item_list_menu a, .item_list_menu a:hover, .item_list_menu a:focus {
    color: #737373;
    font-size: 21px;
}

.item_list_menu .dropdown-menu {
    left: auto;
    right: 10px;
}

.item_list_menu .dropdown-menu a {
    flex-grow: 1;
    text-align: center;
}

.activechild {
    font-weight: bold;
}

.worktabletdblock {
    position: relative;
    color: black;
    padding: 2px !important;
    margin: 0;
    overflow: hidden;
}

.worktabletddata {
    background-color: #ffe1e17a;
    min-height: 25px;
    line-height: 25px;
    border: 1px solid #ff93aa;
    padding-left: 10px;
    white-space: nowrap;
}

.worktabletddatanormal {
    position: absolute;
    height: 3px;
    background-color: #2eff00;
    top: 1px;
    left: 2px;
}

.has-error-sel {
    border-color: transparent !important;
    box-shadow: none !important;
    background-color: #ed7177 !important;
    color: #FFF !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}

ul.treecat {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.treecat ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 30px;
}

ul.treecat label {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    /* background: #fc0; */
    /* padding: 5px; */
    text-overflow: ellipsis;
    #width: 230px;
    margin: 0;
    margin-left: 5px;
    line-height: 14px;
    margin-top: 5px;
}

.fltr-open-left {
    width: 300px !important;
    display: block !important;
}

.fltr-open-right {
    width: calc(100% - 300px) !important;
}

.openseadragon-canvas {
    outline: none;
}

.linktable {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.table-longtitle th {
    padding: 4px 6px !important;
    text-transform: initial !important;
    font-weight: 600 !important;
    text-align: center;
    min-width: 160px;
}

.fm-dwnl-link {
    position: absolute;
    left: 10px;
    top: 15px;
    cursor: pointer;
}

.fm-dwnl-link span {
    color: #808080;
    font-size: 10px;
}

.fm-file-acs {
    text-align: center;
}

.fm-file-acs span, .open-fld-access span {
    font-size: 10px;
    color: #808082;
    margin-right: 5px;
}

#popovercreatefolder {
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer;
}

.open-fld-access {
    font-size: 13px;
    font-weight: 400;
    color: #737373;
}

.sel-equipment-help-block {
    color: red;
}

.table_edit_icon {
    position: absolute;
    top: 0;
    right: 5px;
}

.field_item_sp {
    height: 50px;
}

.table_edit_sc {
    text-transform: none;
    text-align: center;
    min-width: 150px;
}

.table_edit_icon_sc {
    display: block;
    color: #868686;
}

#ft-sp-all {
    line-height: 35px;
    text-decoration: underline;
}

.result-filters-obj-sp {
    list-style: none;
}

.temperature .media-heading {
    height: 30px;
    overflow: hidden;
}

.fa-file-excel-o {
    color: #149278;
    font-size: 16px;
    transition: 0.3s;
}
.file-excel i {
    margin-right: 5px;
}
.file-excel {
    /* width: 80px; */
    display: flex;
    padding: 2px 6px;
    border: 1px solid #149278;
    border-radius: 3px;
    background: white;
    color: #149278;
    font-size: 12px;
    font-weight: 700;
    transition: 0.3s;
    align-items: center;
    justify-content: space-around;
}
.file-excel:hover {
    color: white;
    background: #5dc2ae;
}
.file-excel:focus {
    color: #149278!important;
}
.file-excel:hover .fa-file-excel-o {
    color: white;
}
.removelink {
    margin-left: 10px;
    line-height: 20px;
    color: red;
}

.date {
    cursor: pointer;
}

.object-has-error {
    color: red;
}

.deleteavatar {
    position: absolute;
    cursor: pointer;
}

.field_item_prsonal {
    min-height: 50px;
}

.widget.wh-lg-dhb .widget-body {
    height: 300px;
    overflow: hidden;
}

.loadingfx {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.loadingfx div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #3f3f3f;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loadingfx div:nth-child(1) {
    left: 8px;
    animation: loadingfx1 0.6s infinite;
    background: #b065e9;
}

.loadingfx div:nth-child(2) {
    left: 8px;
    animation: loadingfx2 0.6s infinite;
    background: #ed7177;
}

.loadingfx div:nth-child(3) {
    left: 32px;
    animation: loadingfx2 0.6s infinite;
    background: #57caff;
}

.loadingfx div:nth-child(4) {
    left: 56px;
    animation: loadingfx3 0.6s infinite;
    background: #ffcc62;
}

@keyframes loadingfx1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes loadingfx3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes loadingfx2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

div.treeviewfx {
    overflow: auto;
    padding: 4px;
    border: solid 1px #d9d9d9;
    border-radius: 4px;
}

.treeviewfx, .treeviewfx ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.treeviewfx ul {
    margin-left: 1em;
    position: relative
}

.treeviewfx ul ul {
    margin-left: .5em
}

.treeviewfx ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid;
    bottom: 14px;
}

.treeviewfx li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    font-weight: 700;
    position: relative
}

.treeviewfx ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0
}

.personal-index .filters-block .dropdown-menu {
    min-width: 270px !important;
}

.bl-wrk-yel {
    color: #000000;
    background-color: #FFFF00;
    padding: 1px;
    border: solid 1px #d9d9d9;
}

.bl-wrk-yel a {
    color: #000000;
}

.bl-wrk-green {
    background-color: #00ff1a;
    padding: 1px;
    border: solid 1px #d9d9d9;
}

.bl-wrk-green a {
    color: #ffffff;
}

.bl-wrk-blue {
    background-color: #0094ff;
    padding: 1px;
    border: solid 1px #d9d9d9;
}

.bl-wrk-blue a {
    color: #ffffff;
}

.bl-wrk-red {
    background-color: #ff0015;
    padding: 1px;
    border: solid 1px #d9d9d9;
}

.bl-wrk-red a {
    color: #ffffff;
}

#table_plan td {
    padding: 2px 5px !important;
}

.btn-qr-sizes {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -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;
}

.planitems_price {
    border: 1px solid #ccc;
    width: 300px;
    height: 30px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -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;
}

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

.podrab-red {
    background-color: #ff0015;
    padding: 1px;
    color: #FFF !important;
    border: solid 1px #d9d9d9;
}

.podrab-clmn {
    width: 20%;
}

td.nb {
    border: 0 !important;
    padding-top: 0px;
}

.podrab-border {
    padding-right: 15px;
    padding-left: 15px;
    border: solid 1px #d9d9d9;
    margin-bottom: 20px;
}

.ion-help-circled-top {
    color: rgb(93, 194, 174);
    font-size: 28px;
}

.btn-top-add {
    padding: 5px 5px !important;
}

.pg-abs {
    position: absolute;
    top: -60px;
    left: 0;
}

.items-az .bootstrap-select .dropdown-toggle {
    min-height: 34px;
}

.mob-sidebar {
    background-color: #FFF;
    position: fixed;
    top: 54px;
    bottom: 0;
    left: 0;
    width: 260px;
    padding: 0 20px 0 20px;
    z-index: 1030;
    opacity: 0;
    box-shadow: 3px 0 6px rgba(31, 54, 79, 0.2);
    -lh-property: 0;
    height: -webkit-calc(100% - 54px);
    height: -moz-calc(100% - 54px);
    height: calc(100% - 54px);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s, transform 0.3s, opacity 0.3s;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -ms-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

.bg-warning-supp {
    background-color: #ffcc62;
    color: #FFF;
}

.bg-warning-supp:hover {
    background-color: #ffbb2f;
    color: #FFF;
}

.status-btn-lim {
    width: 140px;
    word-break: break-word;
    overflow-wrap: anywhere;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
}

.clone > thead > tr > th:not(.fixed-side) {
    border-color: transparent;
}

.clone > tbody > tr > td:not(.fixed-side) {
    border-color: transparent;
}

#item-catalog > thead > tr > th,
#item-catalog > tbody > tr > th,
#item-catalog > tfoot > tr > th,
#item-catalog > thead > tr > td,
#item-catalog > tbody > tr > td,
#item-catalog > tfoot > tr > td {
    padding: 10px;
}

#items_table tr:hover {
    background: #f3f2e4;
}
#items_table thead tr:hover {
    background: initial!important;
}
#items_table  tr{
    transition: background-color .2s linear;
}

#bg_modal{
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#modal {
    background: #fff;
    width: 520px;
    height: 305px;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    position: relative;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.modal__body {
    padding: 0;
    display: flex;
}

.modal__descriptiontext {
    padding-bottom: 5px;
}
.modal__img img{
    background: url(../css/cssimage/icons-chrome.png) no-repeat 15px top;
    width: 130px;
    margin-left: -21px;
}
.modal__browser {
    list-style-type: none;
}
.modal__text {
    margin-top: 3px;
}
.modal__description > h2 {
    margin-top: 3px;
}
.block-filter-user {
    display: flex;
}
.new-work-order {
    margin-right:16vw; ;
}
@media (max-width: 1560px) {
    .m-header {
#min-height: 60px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .total-sum {
        top: -50px;
    }
    .total-res {
        top: -30px;
    }
  }
 
  @media (max-width: 1570px) {
    .new-work-order {
        margin-right:10vw; ;
    }  
  }
  @media (max-width: 1020px) {
    .block-filter-user {
        flex-wrap: wrap;
    }
    .btn-filter-user {
        margin:10px 0;
        
    }
  }