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

/**
 *  0.875em - 14px
 *  1em     - 16px
 *  1.125em - 18px
 *  1.25em  - 20px
 *  1.5em   - 24px
 *  1.875em - 30px
 *  2.125em - 34px
 *  2.5em   - 40px
 *  2.625em - 42px
 *  3em     - 48px
 *  3.125em - 50px
 *  3.375em - 54px
 *  4em     - 64px
 */

html, body {
    height: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    line-height: 1.25em;
    background: #efefef;
    overflow-y: scroll;
}
.fas {
    /* margin-right: 8px; */
}
#header {
    width: 100%;
    z-index: 1000;
    height: 48px;
    padding: 0 16px;
}
#footer {
    position: relative;
    height: 150px;
    margin-top: -150px;
}
.dashboard-wrapper {
    display: flex;
    position: relative;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;

    -webkit-align-content: stretch;
    align-content: stretch;

    min-height: 100%;
}
#content {
    width: 100%;
}
#header, #footer {
    background: #111111;
    color: #aaaaaa;
}

#header .toggle {
    display: block;
}
#header .toggle:hover .btn-hamburger,
#header .toggle:hover .btn-hamburger:before,
#header .toggle:hover .btn-hamburger:after {
    background: #fafafa;
}
.header-menu {
    float:left;
}
.header-menu ul {
    display: block;
    overflow: hidden;
    clear: both;
}
.header-menu ul li, .user-account ul li {
    display: block;
    float:left;
    margin:0 8px;
}
.header-menu ul li:first-child, .user-account ul li:first-child {
    margin-right: 8px;
    margin-left: 0 !important;
}
.header-menu ul li:last-child, .user-account ul li:last-child {
    margin-left: 8px;
}
.header-menu ul li a, .user-account ul li a {
    display: block;
    color: #aaaaaa;
    text-decoration: none;
}
.header-menu ul li a:hover, .user-account ul li a:hover {
    color: #fafafa;
}
.user-account {
    float:right;
}


.breadcrumbs {
    color: #555;
}
.breadcrumbs ul {
    display: block;
    overflow: hidden;
}
.breadcrumbs ul li {
    display: block;
    float: left;
    margin: 0 16px 0 0;
}
.breadcrumbs a {
    color: #aaa;
    text-decoration: none;
}
.breadcrumbs a:hover {
    color: #fafafa;
}
.breadcrumbs span {
    color: #ddd;
}

#sidebar {
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}
#sidebar {
    width: 15%;
    background: #222222;
    z-index: 1000;
}
#sidebar .heading {
    width: 52px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}
#sidebar .heading a {
    display: block;
}
#sidebar ul li {
    display: block;
    height: 48px;
    line-height: 48px;
    border-left: 3px solid #222;
}
#sidebar ul li.active {
    background: #333;
    border-left: 3px solid #457bbe;
}
#sidebar ul li a {
    display: block;
    position: relative;
    color: #aaaaaa;
    text-decoration: none;
    white-space: nowrap;
}
#sidebar ul li a span {
    opacity: 1;
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
}
#sidebar ul li a i.fas {
    width: 45px;
    text-align: center;
    margin-right: 0;
}
#sidebar ul li.active a {
    color: #fafafa;
}
#sidebar ul li a:hover {
    color: #fafafa;
}
/* Toggle Menu Style */
#sidebar.active {
    width: 52px;
}
#sidebar.active ul li a span {
    visibility: hidden;

    display: block;
    position: absolute;
    height: 44px;
    top: 2px;
    left: 62px;
    padding: 0 16px;
    font-size: 14px;
    background: #444;
    color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    opacity: 0;
    transform: translateX(-25%);

    /* -webkit-transition: opacity 0.2s ease, transform 0.2s ease;
    -moz-transition: opacity 0.2s ease, transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease; */

    transition-property: opacity, transform;
    transition-duration: .2s;
    transition-timing-function: ease;
}
#sidebar.active ul li a:hover span {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}
#sidebar.active ul li a:hover span:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #444;
}

@media only screen and (max-width: 1366px) {

}



/* .sidebar-menu ul li {
    display: block;
    height: 48px;
    line-height: 48px;
    padding:0 16px 0 13px;
    border-left:3px solid #222;
}
.sidebar-menu ul li:hover {
}
.sidebar-menu ul li.active {
    background: #333;
    border-left:3px solid #457bbe;
} */
/* .sidebar-menu ul li a {
    display: block;
    color: #aaaaaa;
    text-decoration: none;
}
.sidebar-menu ul li a:hover {
    color: #fafafa;
}
.sidebar-menu ul li.active a {
    color: #fafafa;
} */



.dashboard-actions-menu {

}
.dashboard-actions-menu ul li {
    float:left;
}
.dashboard-actions-menu ul li {
    margin:0 16px 0 0;
}


.dashboard-table {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
.dashboard-table-sidebar, .dashboard-table-content {
    display: table-cell;
    vertical-align: top;
}
.dashboard-table-sidebar {
    width: 19.99999%;
    background: #222222;
}
.dashboard-table-content {
    width: 79.99999%;
}



.dashboard-box {
    min-height: 128px;
    font-size: 15px;
    line-height: 15px;
    padding: 16px;
    background: #fff;
    color: #444;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dashboard-box .heading {
    color: #727272;
    font-size: 14px;
    margin: 0 0 16px;
}
.dashboard-box .heading .total, .dashboard-box-row .total {
    font-weight: 500;
}
.dashboard-box-row {
    margin-bottom: 12px;
}
.dashboard-box-row:last-child {
    margin-bottom: 0px;
}
.dashboard-box.small {
    min-height: auto;
}

.dashboard-box h3 {
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 8px;
    font-weight: 500;
}
.dashboard-box-section-title a, .dashboard-box-section-title {
    color: #2e2e2e;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
}
.dashboard-box-section-title a:hover {
    color: #4e4e4e;
}
.dashboard-box p {
    margin:0 0 4px;
}
.dashboard-box .entries {
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}



/* Categories and Articles */
.categories ul li, .articles ul li {
    display: block;
    position: relative;
    padding: 0 0 0 16px;
}
.categories ul li a, .articles ul li a {
    display: inline-block;
    padding: 0 0 16px;
    color: #111111;
}
.categories ul li a:hover, .articles ul li a:hover {
    text-decoration: none;
}

.categories .actions, .articles .actions {
    position: absolute;
    top: 0;
    right: 16px;
}
.categories-radio {

}

/* entries-header - deprecated */
.entries-header {
    margin:0 0 16px;
}
.entries-header ul {
    display: block;
    overflow: hidden;
}
.entries-header ul li {
    display: block;
    margin: 0 8px;
    float: left;
}
.entries-header ul li:first-child {
    margin:0 8px 0 0 !important;
}
.entries-header ul li:last-child {
    margin:0 0 0 8px;
}

/* entries-heading - new */
.entries-heading {
    /* background: #f8f8f8; */
    margin: 0 0 16px;
    /* -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; */
}
/* .entries-heading nav {
    padding: 8px 0;
} */
.entries-heading nav ul li {
    display: block;
    float: left;
    margin-right: 16px;
}
.entries-heading nav ul li:last-child {
    margin-right: 0;
}

/* .form-filters */
.form-filters {

}
.form-filters .filter {
    padding: 0 8px;
}
.form-filters .filter:first-child {
    padding-left:0;
}
.form-filters .filter:last-child  {
    padding-right: 0;
}
.form-filters #range span {
    display: inline-block;
    width: 20px;
    text-align: center;
}
.form-filters #range input[type="text"] {
    display: inline-block;
    width: calc(46% - 8px);
}
/* .form-limit */
.form-limit {
    width: 80px;
    padding: 0;
    float: right;
}

/* .entry-attributes ul {
    padding:0 16px;
}
.entry-attributes ul li {
    position: relative;
    display: block;
    margin: 16px 0;
}
.entry-attributes ul li:last-child {
    margin:8px 0;
}
.entry-attributes label, .entry-attributes input[type='checkbox'] {
    cursor: pointer;
}
.entry-attributes span {
    display: block;
    position: relative;
}
.entry-attributes label {
    display: inline-block;
}
.entry-attributes input[type='checkbox'] {
    display: inline-block;
}
.entry-attributes input[type='text'] {
    display: inline-block;
    width:128px;
} */
/* .entries .heading {
    margin-bottom: 16px;
}
.entries .heading nav ul li {
    display: inline-block;
} */

/* entries */
.entries {

}
.entries .fas {
    font-size:16px;
}
.entries table {
    width: 100%;
}
.entries table thead th {
    background: #333333;
    color: #eaeaea;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
}
.entries table thead th,
.entries table tbody td {
    text-align: center;
}
.entries table thead tr th:first-child,
.entries table tbody tr td:first-child {
    text-align: left;
}
.entries table thead tr th:last-child,
.entries table tbody tr td:last-child {
    text-align: right;
}
.entries table tbody tr {
    background: #fff;
    border-bottom: 1px solid #dedede;
}
.entries table tbody tr:last-child {
    border-bottom: none;
}
.entries table tr:nth-child(even) {
    background: #f8f8f8;
}
.entries table tr.new td,
.entries table tr.new td a {
    color: #6a9b53;
}
.entries table tr.deprecated td a {
    color: #CD5C5C;
}
.entries table tr.active td a {
    color: #6a9b53;
}
.entries table tr td {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    padding: 0.875em 1em;
    vertical-align: middle;
    color: #444444;
}
.entries table tbody tr.new a:hover {

}
.entries table tbody a {
    /* color:#457bbe; */
    color: #555;
    text-decoration: none;
}
.entries table tbody tr a:hover {
    color: #777;
}
.entries table tbody .not-active,
.entries table tbody .not-active a {
    color: #ac202c;
}
.entries table thead tr:first-child td:first-child,
.entries table thead tr:first-child th:first-child {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}
.entries table thead tr:first-child td:last-child,
.entries table thead tr:first-child th:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
.entries table tbody tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.entries table tbody tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}




/* entry */
.entry {
    background: #fff;
    color: #555;
    font-size: 14px;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.entry:after {
    content: '';
    clear: both;
    display: block;
    float:none;
    height: 0;
    position: relative;
    visibility: hidden;
}
.entry .c10, .entry .c15, .entry .c20,
.entry .c25, .entry .c33, .entry .c50,
.entry .c66, .entry .c75, .entry .c80,
.entry .c100 {
    padding: 8px;
}

h1.heading {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 16px;
}
h2.heading {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

/* menu small */
ul.menu-small {
    display: inline-block;
}
ul.menu-small li {
    display: block;
    position: relative;
    white-space: nowrap;
}
ul.menu-small li:hover ul {
    display: block;
}
ul.menu-small li ul {
    display: none;
    position: absolute;
    right: 0;
    top: auto;
    text-align: left;

    background: #444;
    -webkit-box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
ul.menu-small li ul li {
    padding: 8px 16px;
    min-height: 32px !important;
    line-height: 32px !important;
    border-bottom: 1px solid #333;
    border-top: 1px solid #555;
}
ul.menu-small li ul li:first-child {
    border-top: none;
}
ul.menu-small li ul li:last-child {
    border-bottom: none;
}
ul.menu-small li ul li a {
    color: #fff;
    text-decoration: none;
}


/* entry-sidebar */
.entry-sidebar {
    margin: 0 0 0 16px;
    background: #fff;
    color: #555;
    font-size: 14px;
    padding: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.entry-sidebar ul li {
    display: block;
    margin-bottom: 8px;
}


/* entry boxes */
.entry-box {
    margin: 0 0 16px;
    background: #fff;
    color: #555;
    font-size: 14px;
    padding: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.entry-box .content {
    padding-top: 8px;
}
.entry-box table {
    width: 100%;
    border: 1px solid #dedede;
}
.entry-box table tbody tr td {
    border: 1px solid #dedede;
    padding: 8px;
}
.entry-box table tbody tr td:last-child {
    text-align: center;
}
.entry-box table tr:nth-child(odd) {
    background: #f8f8f8;
}
.entry-box table tr.new td,
.entry-box table tr.new td a {
    color: #6a9b53;
}
.entry-box table tr.deprecated td a {
    color: #CD5C5C;
}
.entry-box table tr.active td a {
    color: #6a9b53;
}
.entry-box table tr td {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    padding: 0.875em 1em;
    vertical-align: middle;
    color: #444444;
}
.entry-box table tbody a {
    color: #555;
    text-decoration: none;
}
.entry-box table tbody tr a:hover {
    color: #777;
}
.entry-box table tbody .not-active,
.entry-box table tbody .not-active a {
    color: #ac202c;
}



/* input-date-container */
.input-date-container {

}
.input-date-heading, .input-date-dd, .input-date-mm, .input-date-Y,
.input-time-heading, .input-time-hh, .input-time-mm {
    float:left;
}
.input-date-dd {

}
.input-date-mm {

}
.input-date-Y {

}


.wrap {
    background: #fff;
    padding: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Categories Sidebar */

.categories-sidebar ul li {
    display: block;
    position: relative;
    line-height: 44px;
    min-height: 44px;
    padding: 0;
    border-bottom: 1px solid #d0d0d0;
}
.categories-sidebar .active {
    background: #fff;
}
.categories-sidebar ul li span {
    display: block;
    position: relative;
}
.categories-sidebar ul li ul li {
    padding: 0 0 0 16px;
    border-top: 1px solid #d0d0d0;
    border-bottom: none;
}
.categories-sidebar label {
    cursor: pointer;
    display: block;
    margin:0 0 0 20px;
}
.categories-sidebar input[type='radio'], .categories-sidebar input[type='checkbox'] {
    display: block;
    position: absolute;
    width:13px;
    height: 13px;
    top:50%;
    left:0;
    margin:-6px 0 0;
}

.single {
    border-bottom:1px solid #cfcfcf;
}

/* Tabs */
.tabs {
    display: block;
    position: relative;
    float:none;
}
.tabs .tabs-bookmarks {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 0 16px;
}
.tabs .tabs-bookmarks:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d0d0d0;
    bottom:0;
    left:0;
    z-index:100;
}
.tabs .tabs-bookmarks li, .tabs .tabs-bookmarks li:after, .tabs .tab {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tabs .tabs-bookmarks li {
    display: block;
    position: relative;
    float: left;
    display: block;
    min-height: 42px;
    line-height: 42px;
    padding: 0 16px;
    color: #555555;
    cursor: pointer;
    z-index: 200;
}
.tabs .tabs-bookmarks li:after {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #d0d0d0;
    bottom: 0;
    left: 0;
    z-index: 200;
}
.tabs .tabs-bookmarks li:hover {
    color:#457bbe;
}
.tabs .tabs-bookmarks li:hover:after {
    background: #457bbe;
    height: 1px;
}
.tabs .tabs-bookmarks li.active {
    color: #fff;
    background: #457bbe;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.tabs .tabs-bookmarks li.active:after {
    background: #457bbe;
}
.tabs .tab {
    display: none;
}
.tabs .tab.active {
    display: block;
}


/* Pagination */
.pagination {
    position: relative;
    overflow: hidden;
    float: left;
    margin: 16px 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.pagination ul li {
    display: block;
    float: left;
    margin: 0 0.5px;
    background: #fff;
}
.pagination ul li:first-child {
    margin-left: 0;
}
.pagination ul li:last-child {
    margin-right: 0;
}
.pagination a, .pagination .active {
    display: block;
    font-size: 14px;
    font-weight: 500;
    min-width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    color: #555;
}
.pagination ul li a:hover {
    color:#457bbe;
}
.pagination .active {
    background: #333;
    color: #fff;
}
.pagination .prev, .pagination .next {
    padding:0 16px;
}


/* account / login */
.login-wrapper {
    min-width: 320px;
    padding: 32px;
    background: #fafafa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.login-wrapper h1 {
    text-align: center;
    font-size: 18px;
    color: #555;
    font-weight: 500;
    margin:0 0 16px;
}
.login-wrapper .btn {
    display: block;
    width: 100%;
    max-width: 100%;
}
.login-wrapper .message {
    font-size: 14px;
    text-align: center;
    height: 32px;
    color: #a50e3c;
}

/* задачи */
.tasks {

}
.tasks .w25 {

}
.tasks h2 {
    width: calc(100% - 1px);
    position: relative;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    color: #fff;
    padding: 0 16px;
    margin: 0 0.5px 16px;
}
.tasks h2.start {
    background: #00aaff;
    border: 1px solid #0090d9;
    text-shadow: 0 1px 0 #0090d9;
}
.tasks h2.open {
    background: #fea01a;
    border: 1px solid #e88a05;
    text-shadow: 0 1px 0 #e88a05;
}
.tasks h2.in-progress {
    background: #d73751;
    border: 1px solid #c2233c;
    text-shadow: 0 1px 0 #c2233c;
}
.tasks h2.done {
    background: #8acc48;
    border: 1px solid #74b733;
    text-shadow: 0 1px 0 #74b733;
}
.tasks h2 a .fas {
    font-size: 16px;
    margin-right: 0;
}
.tasks h2 a {
    display: block;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid rgba(255,255,255,0.6);
    text-decoration: none;
    text-align: center;
    text-shadow: 0 0 0 #0090d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}
.tasks h2 a:hover {
    color: #333;
    background: #fff;
    border: 1px solid #ffffff;
}
.tasks .task {
    font-size: 14px;
    padding: 16px;
    margin: 0 8px 16px;
    color: #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}
.tasks .task .content {
    padding: 8px 0;
}
.tasks .task a {
    color: #333;
    font-weight: 500;
    text-decoration: none;
}
.tasks .task.new {
    padding: 0;
}
.tasks .task.new a {
    display: block;
    padding: 16px;
    color: #444;
    text-align: center;
}
.tasks .task.new a:hover {
    color: #555;
}

.task .w60 {
    padding: 8px;
}
.task .w40 {
    padding: 8px;
}


.sidebar-right {
    padding-left: 16px;
}


/* shadows */
.pagination, .modal, .shadow, .dashboard-box,
.tasks .task {
    -webkit-box-shadow:
        rgba(0, 0, 0, 0.07) 0px 1px 2px,
        rgba(0, 0, 0, 0.07) 0px 2px 4px,
        rgba(0, 0, 0, 0.07) 0px 4px 8px,
        rgba(0, 0, 0, 0.07) 0px 8px 16px,
        rgba(0, 0, 0, 0.07) 0px 16px 32px,
        rgba(0, 0, 0, 0.07) 0px 32px 64px;
    -moz-box-shadow:
        rgba(0, 0, 0, 0.07) 0px 1px 2px,
        rgba(0, 0, 0, 0.07) 0px 2px 4px,
        rgba(0, 0, 0, 0.07) 0px 4px 8px,
        rgba(0, 0, 0, 0.07) 0px 8px 16px,
        rgba(0, 0, 0, 0.07) 0px 16px 32px,
        rgba(0, 0, 0, 0.07) 0px 32px 64px;
    box-shadow:
        rgba(0, 0, 0, 0.07) 0px 1px 2px,
        rgba(0, 0, 0, 0.07) 0px 2px 4px,
        rgba(0, 0, 0, 0.07) 0px 4px 8px,
        rgba(0, 0, 0, 0.07) 0px 8px 16px,
        rgba(0, 0, 0, 0.07) 0px 16px 32px,
        rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

/* box-table styles */
.box-table {
    width: 100%;
}
.box-table td {
    padding: 12px;
    vertical-align: middle;
    font-weight: 500;
    color: #555;
}
.box-table.input-data tbody td {
    padding: 0;
}
/* .box-table thead td:first-child, .box-table tbody td:first-child, .box-table tfoot td:first-child {
    border-left: none;
}
.box-table thead td:last-child, .box-table tbody td:last-child, .box-table tfoot td:last-child {
    border-right: none;
} */
.box-table thead td {
    font-weight: 500;
    color: #555;
    border: 1px solid #d0d0d0;
    background: #f1f1f1;
}
.box-table tbody tr {
    border: 1px solid #d0d0d0;
}
.box-table tbody td {
    border: 1px solid #d0d0d0;
}
.box-table tfoot td {
    padding: 8px 0px 0;
}
/* .box-table .border-none, .box-table .border-none td {
    border: none;
}
.box-table .border-none, .box-table .border-none td {
    border: none;
} */
.box-table td input[type='text'] {
    font-size: 14px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* items-box styles */
#object-list, #contacts-list {
    border: 1px solid #d0d0d0;
    margin: 0 0 16px;
}
#object-list li, #contacts-list li {
    position: relative;
    min-height: 40px;
    line-height: 40px;
}
#object-list .object, #contacts-list .contact {
    border-bottom: 1px solid #d0d0d0;
}
#object-list .object-header, #contacts-list .contact-header {
    padding: 0 16px;
}
#object-list .object .item-list {
    display: none;
}
#object-list .object.active .item-list,
#object-list .object.active .item.active .documents-list {
    display: block;
}
#object-list .object.active .item.active .documents-list {
    display: block;
}
#object-list .object.active .item.active .documents-list li {
    display: none;
}
#object-list .object.active .item.active .documents-list .show,
#object-list .object.active .item.active .documents-list .show-all {
    display: block;
}
#object-list .object.active .item.active .documents-list.active li {
    display: block;
}

#object-list .object.active .object-header a,
#object-list .object.active .item.active .item-header a {
    color: #457bbe;
}
#object-list .object-header a, #object-list .item-header a, #contacts-list .contact-header a {
    color: #555555;
    text-decoration: none;
}
#object-list .object-header a:hover, #object-list .item-header a:hover, #contacts-list .contact-header a:hover {
    color: #457bbe;
}
#object-list .object:last-child, #contacts-list .contact:last-child {
    border: none;
}
#object-list .item-list .item {
    padding: 0 64px;
    border-top: 1px solid #d0d0d0;
}
#object-list .documents-list {
    display: none;
}
#object-list .documents-list li {
    line-height: 32px;
    min-height: 32px;
}
#object-list .documents-list a {
    color: #555555;
}
#object-list .documents-list a:hover {
    color: #457bbe;
}



.actions-menu.menu-vertical {
    position: absolute;
    right: -8px;
    top: 0;
    z-index: 100;
}
.actions-menu.menu-vertical:hover {
    z-index: 200;
}
.actions-menu.menu-vertical .btn-dots-wrapper {
    display: block;
    position: relative;
    text-align: right;
    padding: 0 24px;
}
.actions-menu.menu-vertical .btn-dots-wrapper .btn-dots,
.actions-menu.menu-vertical .btn-dots-wrapper .btn-dots:before,
.actions-menu.menu-vertical .btn-dots-wrapper .btn-dots:after {
    background: #888;
}
.actions-menu.menu-vertical ul li ul {
    position: relative;
    overflow: hidden;
    background: #444;
    -webkit-box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 9px 15px -6px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.actions-menu.menu-vertical ul li ul li {
    min-height: 32px !important;
    line-height: 32px !important;
    border-bottom: 1px solid #333;
    border-top: 1px solid #555;
}
.actions-menu.menu-vertical ul li ul li:first-child {
    border-top: none;
}
.actions-menu.menu-vertical ul li ul li:last-child {
    border-bottom: none;
}
.actions-menu.menu-vertical ul li ul li a {
    display: block;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 0 16px;
}
.actions-menu.menu-vertical ul li ul li a:hover {
    background: #555;
}


/* group */
.group-add {
    float: left;
    margin: 0 32px 0 0;
}
.group-add-name {
    float:left;
    margin: 0 8px 0 0;
}
.group-add-btn {
    float:left;
}
/* item */
.group-item {
    float: left;
}
/*
.group-id {
    float:left;
    margin: 0 8px 0 0;
}
#item-group-id {
    float:left;
    margin: 0 8px 0 0;
}
*/
.group-item-name {
    float:left;
    margin: 0 8px 0 0;
}
.group-item-btn {
    float:left;
}

/* modal */
.modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}
.modal-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal-content {
    position: relative;
    font-size: 15px;
    color: #555;
    padding: 16px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.modal-close {
    position: absolute;
    top: -24px;
    right: -24px;
}

.modal-content .actions {
    display: block;
    margin: 0 -8px;
}
.modal-content .actions li {
    display: block;
    float: left;
    margin: 0 8px;
}




.modal input[type='text'] {
    min-width: 256px;
}

/* scrollbar */
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background: #444;
}

/* input-datetime-container */
.input-datetime-container {

}
.input-datetime-content input[type="text"] {
    display: inline-block;
    padding: 0 10px;
}
.input-datetime-content input[type="text"].day,
.input-datetime-content input[type="text"].month,
.input-datetime-content input[type="text"].hours,
.input-datetime-content input[type="text"].minutes {
    width: 48px;
}
.input-datetime-content input[type="text"].year {
    width: 64px;
    margin-right: 8px;
}

.error-field
{
    border: 1px solid #b54b45 !important;
}


/* dynamic warehouse table styles */
table.dynamic,
.warehouse-table {
    width: 100%;
    border: 1px solid #d0d0d0;
    border-collapse: separate;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
table.dynamic input[type='text'],
.warehouse-table input[type='text'] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
table.dynamic thead td,
.warehouse-table thead td {
    text-align: center;
    vertical-align: middle;
    padding: 0 !important;
}
table.dynamic thead tr:first-child td,
.warehouse-table thead tr:first-child td {
    background: #f0f0f0;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    color: #444;
    border-bottom: 1px solid #d0d0d0;
}
table.dynamic thead tr:last-child td ,
.warehouse-table thead tr:last-child td {
    background: #f0f0f0;
    line-height: 32px;
    font-size: 14px;
    color: #555;
}
table.dynamic tfoot tr:last-child td,
.warehouse-table tfoot tr:last-child td {
    padding: 4px;
}
table.dynamic tfoot tr:last-child td .btn-o,
.warehouse-table tfoot tr:last-child td .btn-o {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
/* dynamic calibration table styles */


.tar-table {
    width: 100%;
}
.tar-table thead td {
    text-align: center;
    vertical-align: middle;
    padding: 0 !important;
}
.tar-table thead tr:last-child td:first-child {
    padding-right: 4px;
    padding-bottom: 8px !important;
}
.tar-table thead tr:last-child td:last-child {
    padding-left: 4px;
    padding-bottom: 8px !important;
}
.tar-table thead span {
    background: #f0f0f0;
    color: #555;
    display: block;
    line-height: 48px;
    height: 48px;
}
.tar-table thead tr:first-child td span {
    border-bottom: 1px solid #d0d0d0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.tar-table thead tr:last-child td:first-child span {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.tar-table thead tr:last-child td:last-child span {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.tar-table tr {
    width: 100%;
}
.tar-table tr td {
    width: 50%;
    color: #555555;
    padding-bottom: 8px;
}
.tar-table tbody tr td:first-child {
    padding-right: 4px;
}
.tar-table tbody tr td:last-child {
    padding-left: 4px;
}
/* calibration-actions */
.calibration-actions ul {
    display: block;
    text-align: center;
}
.calibration-actions ul li {
    display: block;
    vertical-align: top;
    margin: 0 0 16px;
}
.docs-table {
    width:100%;
}
.docs-table tr td {
    color: #555555;
    font-size: 16px;
    line-height: 40px;
    padding: 0 8px;
    border: 1px solid #d0d0d0;
    vertical-align: middle;
}
/* calibration box */
.calibration-box pre {
    width: 100%;
    white-space: normal;
    padding: 16px;
    background: #fafafa;
    border: 1px solid #d0d0d0;
}