@import 'init.css?v=18.03.20';

@font-face {
    font-family: 'ComfortaaRegular';
    src: url('../fonts/Comfortaa-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

.dz-icon {
    font-family: 'pe-icon-7-strokeregular';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-icon {
    color: #595959;
    font-size: 40px;
    margin-bottom: 2px;
    display: inline-block;
}

a.purple, span.showAll {
    color: black;
    text-decoration: none;
}

span.showAll {
    cursor: pointer;
}

.text-green {
    color: green;
    text-decoration: none;
    display: block;
    margin: 20px;
}

a.purple:hover, span.showAll:hover {
    text-decoration: underline;
}

a.purple.no-underline:hover, span.showAll.no-underline:hover {
    text-decoration: none;
}

a.ags-customer,
.text-white {
    color: #FFF !important;
}

a.white {
    color: #FFF;
    text-decoration: none;
}

a.white:hover {
    text-decoration: underline;
}

input[type=submit] {
    border: none;
    cursor: pointer;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email] {
    border: 1px solid #595959;
    border-radius: 5px;
    width: 250px;
    padding: 5px;
}

input.date-picker {
    background-image: url('../images/icons/icon-calendar.png');
    background-repeat: no-repeat;
    background-position: 50% right;
    background-position-x: 5%;
    background-position-y: 50%;
    padding-left: 35px;
}

input.date-picker-disabled-future {
    background-image: url('../images/icons/icon-calendar.png');
    background-repeat: no-repeat;
    background-position: 50% right;
    background-position-x: 5%;
    background-position-y: 50%;
    padding-left: 35px;
    color: #00A9B0;
    border-radius: 0;
}

input.small-input {
    width: 65px;
    margin: 0 10px 10px 0;
}

input.readonly {
    background-color: #595959;
}

.custom-radio {
    margin: 10px 15px 10px 0;
    display: block;
    position: relative;
}

.custom-radio input[type=radio] {
    display: none;
}

/*html body select {*/
/*    border-radius: 25px;*/
/*    background-color: #fff;*/
/*    color: #000;*/
/*    padding: 5px;*/
/*}*/

select.sort-filter {
    background-color: #E0E1DC;
}

textarea {
    border: 1px solid #595959;
    border-radius: 5px;
}

button.clear-btn-style {
    background: transparent;
    border: none;
}

.single-label {
    line-height: 30px;
}

.modal-box {
    display: none;
}

.centered {
    text-align: center;
}

.inner-body {
    margin: 2px;
}

.inner-content {
    padding: 10px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.standart-margin-top {
    margin-top: 10px;
}

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

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

.standart-margin-left {
    margin-left: 10px;
}

.font-20 {
    font-size: 20px;
}

.cursor-pointer {
    cursor: pointer;
}

.btn-purple-to-dark {
    padding: 10px 15px;
    background: #00b7af;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 45px;
    margin: 15px 15px 0 0;
    border-radius: 5px;
    white-space: nowrap;
}

.btn-purple-to-dark.disabled {
    background: #e5e5e5;
    color: #ababab;
}

.btn-purple-to-dark.disabled:hover {
    background: #e5e5e5;
    color: #ababab;
    cursor: no-drop;
}

.btn-purple-to-dark.small {
    padding: 6px 15px;
}

input.btn-purple-to-dark {
    padding: 12px 15px;
    line-height: 14px;
}

input.btn-purple-to-dark.small {
    padding: 7px 15px;
}

.btn-purple-to-dark:hover {
    background: #889DBB;
}

.main-content {
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    border: 10px solid rgb(235, 235, 235);
    height: 100%;
    height: -webkit-calc(100% - 170px);
    height: -moz-calc(100% - 170px);
    height: calc(100% - 170px);
    margin-top: 100px;
}

header {
    position: relative;
    width: 100%;
    height: 50px;
    color: #FFF;
    text-align: center;
}

header .logo {
    padding-top: 5px;
    height: 110px;
    float: left;
}

.header-app-logo {
    width: 200px;
    z-index: 3;
    position: absolute;
    padding-left: 3%;
    padding-top: 31px;
}

.logo {
    display: block;
    padding-top: 12px;
}

header .user-box {
    position: absolute;
    right: 0;
    top: 46px;
    font-size: 20px;
    color: #fff;
    z-index: 3;
    background-color: #595959;
    height: 60px;
    padding-left: 50px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-right: 10px;
    padding-top: 6px;
    box-sizing: border-box;
}

header .user-box a {
    color: #fff;
}

header .support-box {
    /*height: 110px;*/
    text-align: right;
}

header .sign-out-button {
    margin-right: 11px;
}

header .user-guide-separator {
    color: #595959;
    font-size: 20px;
}

header .support-box a {
    color: #fff;
    text-align: right;
}

.user-box__separator {
    color: #595959;
    font-size: 20px;
}

aside {
/ / width: 40 %;
    width: 20%;
    background: #00b7af;
    box-shadow: 0 0 10px #595959;

    float: left;
    display: block;

    height: 100%;
    height: -webkit-calc(100% - 8px);
    height: -moz-calc(100% - 8px);
    height: calc(100% - 8px);
}

aside.small {
    width: 0px;
}

aside.middle {
    width: 20%;
}


ul.main-menu {
    position: absolute;
    float: left;
    text-align: left;
    padding-left: 21%;
    height: 150px;
    z-index: 2;
    top: 0;
    left: -10px;

    background: #00b7af; /* Old browsers */
    background: -moz-linear-gradient(left, #fff 0%, #00b7af 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #889DBB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #fff 0%, #00b7af 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #fff 0%, #00b7af 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #fff 0%, #00b7af 100%); /* IE10+ */
    background: linear-gradient(to right, #fff 0%, #00b7af 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#00b7af', GradientType=1); /* IE6-9 */

    /*background: #889DBB; !* Old browsers *!*/
    /*background: -moz-linear-gradient(left, #fff 0%, #889DBB 100%); !* FF3.6+ *!*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #889DBB)); !* Chrome,Safari4+ *!*/
    /*background: -webkit-linear-gradient(left, #fff 0%, #889DBB 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(left, #fff 0%, #889DBB 100%); !* Opera 11.10+ *!*/
    /*background: -ms-linear-gradient(left, #fff 0%, #889DBB 100%); !* IE10+ *!*/
    /*background: linear-gradient(to right, #fff 0%, #889DBB 100%); !* W3C *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#889DBB', GradientType=1); !* IE6-9 *!*/

    width: 100%;
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
}

aside.small ul.main-menu {
    width: 100%;
}

ul.main-menu li {
    display: inline-block;
    text-align: center;
    height: 150px;
    width: 100px;
}

ul.main-menu li a {
    color: #595959;
    text-decoration: none;
    font-size: 16px;
    display: block;
    height: 107px;
    padding-top: 43px;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-position-x: 50%;
    background-position-y: 25%;
    font-weight: bold;
}

ul.main-menu li a .menu-icon {
    width: 100%;
}

ul.main-menu li a.no-icon {
    padding-top: 20px;
}

ul.main-menu li a.customers {
    background-image: url('../images/icons/icon-customers-inactive.png');
}

ul.main-menu li a.customers:hover, ul.main-menu li a.customers.selected {
    background-image: url('../images/icons/icon-customers-active.png');
}

ul.main-menu li a.audits {
    background-image: url('../images/icons/icon-audits-inactive.png');
}

ul.main-menu li a.audits:hover, ul.main-menu li a.audits.selected {
    background-image: url('../images/icons/icon-audits-active.png');
}

ul.main-menu li a.users {
    background-image: url('../images/icons/icon-users-inactive.png');
}

ul.main-menu li a.users:hover, ul.main-menu li a.users.selected {
    background-image: url('../images/icons/icon-users-active.png');
}

ul.main-menu li a.dashboard {
    background-image: url('../images/icons/icon-dashboard-inactive.png');
}

ul.main-menu li a.dashboard:hover, ul.main-menu li a.dashboard.selected {
    background-image: url('../images/icons/icon-dashboard-active.png');
}

ul.main-menu li a.profile {
    background-image: url('../images/icons/icon-profile-inactive.png');
}

ul.main-menu li a.profile:hover, ul.main-menu li a.profile.selected {
    background-image: url('../images/icons/icon-profile-active.png');
}

ul.main-menu li a:hover {
    background-color: #fff;
    color: #00b7af;
}

ul.main-menu li a .nav-item-text {
    color: #595959;
    line-height: 15px;
}

ul.main-menu li a:hover .menu-icon {
    color: #00b7af;
}

ul.main-menu li a.selected {
    background-color: #fff;
    color: #00b7af;
    position: relative;
}

ul.main-menu li a.selected::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 14px solid #00b7af;
    position: absolute;
    bottom: 0;
    left: 44%;
    box-sizing: border-box;
}

ul.main-menu li a.selected .menu-icon {
    color: #00b7af;
}

.top-list-nav {
    height: 10%;
    width: 100%;
    position: relative;
    float: left;
}

.top-list-nav.small {
    height: 5%
}

.top-list-nav.big {
    height: auto !important;
    margin-bottom: 10px;
}

.top-list-nav select {
    width: 49%;
    margin: 3px 0 3px 0;
}

.top-list-nav .inner-body div {
    margin: 1px;
    width: 49%;
}

.top-list-nav .inner-body {
    background: #00b7af;
    margin: 0;
}

.top-list-nav .inner-body .icon-search-btn {
    cursor: pointer;
    width: 25px;
    margin: 9px 0 0 7px;
}

.top-list-nav .inner-body .search-box {
    margin: 1px;
    position: absolute;
    background-color: #FFF;
    width: 75%;
    margin-left: 45px;
    height: 32px;
    padding: 1px 0 1px 2px;
}

.top-list-nav .inner-body .search-box.audits {
    width: 87%;
}

.top-list-nav .inner-body .search-box input {
    width: 83%;
}

.top-list-nav .inner-body .search-box .close-search-box {
    font-size: 40px;
    line-height: 30px;
    color: #777a7c;
    cursor: pointer;
}

.top-list-nav .inner-body div.small {
    width: 36%;
    margin: 4px 0 0 5px;
}

.top-list-nav .inner-body div.auto {
    width: auto;
}

.top-list-nav.small .purple.font-55.no-underline.float-right {
    float: left;
    margin: 4px 0 0 5px;
}

ul.menu-list-data::-webkit-scrollbar-thumb {
    display: none;
}

.top-list-nav .inner-body div select {
    margin: 1px;
    margin-top: 5px;
    width: 100%;
}

.top-list-nav .inner-body input.date-picker {
    width: 40%;
    margin: 6px 3px 0 5px;
}

@media screen and (max-width: 1550px) {
    .top-list-nav .inner-body input.date-picker {
        width: 37%;
    }

    ul.main-menu li {
        width: 95px;
    }

    .top-list-nav .inner-body .icon-search-btn {
        margin-left: 4px;
    }

    .top-list-nav .inner-body div.small {
        margin-left: 4px;
    }
}

ul.menu-list-data {
    width: 100%;
    height: 90%;
    overflow: scroll;
    overflow-x: hidden;
    margin-top: 15px;
}

ul.menu-list-data.big {
    background: #CCE3D6;
    height: 92.5%;
}

ul.menu-list-data.big > li {
    background-color: #595959;
    border-bottom: 1px solid #CCE3D6;
}

ul.menu-list-data.small {
    height: 85.5%;
    margin-top: -10px;
    background: #CCE3D6;
}

ul.menu-list-data.small > li {
    background-color: #595959;
    border-bottom: 1px solid #CCE3D6;
}

ul.menu-list-data a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 5px 0 0 0;
}

ul.menu-list-data a:hover {
    color: #00b7af;
}

ul.menu-list-data a:hover .description {
    color: #00b7af;
}

ul.menu-list-data a.selected {
    background-color: #595959;
    color: #00b7af;
}

ul.menu-list-data a.selected .description {
    color: #00b7af;
}

ul.menu-list-data .customer-objects > li {
    background: #fff;
}

ul.menu-list-data .customer-objects > li:hover {
    background: #00b7af;
}

ul.menu-list-data .customer-objects > li a {
    color: #595959;
    border-bottom: 1px solid #00b7af;
}

ul.menu-list-data .customer-objects > li a.selected {
    color: #fff;
    background: #00b7af;
}

ul.menu-list-data .customer-objects > li:hover a {
    color: #fff;
}

ul.menu-list-data a.golden {
    background-color: #FFB90F;
    border-bottom: 1px solid #FFF;
}

ul.menu-list-data a.golden.selected {
    background-color: #c08905;
    color: #FFF;
}

ul.menu-list-data a.silver {
    background-color: #E8E8E8;
    border-bottom: 1px solid #979797;
}

ul.menu-list-data a.silver.selected {
    background-color: #979797;
    color: #FFF;
}

ul.menu-list-data a.bronze {
    background-color: #FF7F24;
    border-bottom: 1px solid #FFF;
}

ul.menu-list-data a.bronze.selected {
    background-color: #c45608;
    color: #FFF;
}

ul.menu-list-data a .title {
    font-size: 18px;
    margin-bottom: 5px;
    margin-left: 30px;
}

ul.menu-list-data li ul li a {
    padding-left: 35px;
    height: auto;
    padding-top: 10px;
}

ul.menu-list-data a .description {
    color: #fff;
    margin-left: 30px;
    margin-bottom: 5px;
}

main {
    width: 80%;
    float: right;
    padding: 2% 2% 100px 2%;
    overflow-y: scroll;
    box-sizing: border-box;

    height: 100%;
    /*height: -webkit-calc(100% - 50px);*/
    /*height: -moz-calc(100% - 50px);*/
    /*height: calc(100% - 50px);*/
}

main.big {
    width: 100%
}

main.middle {
    width: 80%;
}

main .empty-content {
    text-align: center;
}

.empty-content img {
    width: 200px;
}

.preview-data {
    background-color: #FFF;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

.preview-data.disabled {
    background-color: #E0E1DC;
}

.preview-data .preview-data-row {
    font-size: 16px;
    padding: 10px 5px 5px 5px;
    border-bottom: 1px solid #E0E1DC;
}

.preview-data .preview-data-row * {
    font-size: 16px;
}

.manage-data {
    width: 100%;
}

.manage-data select {
    min-width: 250px;
}

.manage-data > div {
    margin-bottom: 10px;
}

.manage-data .manage-data-label {
    float: left;
    width: 18%;
    font-weight: bold;
}

.object-questions .group-header {
    background: #00b7af; /* Old browsers */
    background: -moz-linear-gradient(left, #fff 0%, #00b7af 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #889DBB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #fff 0%, #00b7af 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #fff 0%, #00b7af 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #fff 0%, #00b7af 100%); /* IE10+ */
    background: linear-gradient(to right, #fff 0%, #00b7af 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#00b7af', GradientType=1); /* IE6-9 */
    /*background: #00b7af; !* Old browsers *!*/
    /*background: -moz-linear-gradient(left, #00b7af 0%, #fff 100%); !* FF3.6+ *!*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00b7af), color-stop(100%, #fff)); !* Chrome,Safari4+ *!*/
    /*background: -webkit-linear-gradient(left, #00b7af 0%, #fff 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(left, #00b7af 0%, #fff 100%); !* Opera 11.10+ *!*/
    /*background: -ms-linear-gradient(left, #00b7af 0%, #fff 100%); !* IE10+ *!*/
    /*background: linear-gradient(to right, #00b7af 0%, #fff 100%); !* W3C *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7af', endColorstr='#fff', GradientType=1); !* IE6-9 *!*/
    color: #000;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px !important;
    font-size: 20px;
}

.object-questions .group-body div {
    padding: 2px;
}

.object-questions .group-body ul li {
    border-bottom: 1px solid #E0E1DC;
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
}

.object-questions .label {
    width: 130px;
    float: left;
}

.object-questions .group-body .answers .delete-question {
    position: absolute;
    right: 5px;
    top: 5px;
}

.color-choise {
    padding: 5px 14px;
    border-radius: 25px;
}

.scale {
    padding: 6px 12px;
    border-radius: 25px;
    border: 1px dashed #575b5d;
    color: #575b5d;
}

.new-audit-question-text {
    font-size: 18px;
}

.scale.selected {
    border: 1px solid #575b5d;
    color: #FFF;
    background: #575b5d; /* Old browsers */
    background: -moz-linear-gradient(top, #575b5d 0%, #777a7c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575b5d), color-stop(100%, #777a7c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #575b5d 0%, #777a7c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #575b5d 0%, #777a7c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #575b5d 0%, #777a7c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #575b5d 0%, #777a7c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575b5d', endColorstr='#777a7c', GradientType=0); /* IE6-9 */
}

.color-choise.red, .scale.red {
    border: 1px dashed #bd0102;
}

.color-choise.red.selected, .scale.red.selected {
    border: 1px solid #bd0102;
    background: #ed3334; /* Old browsers */
    background: -moz-linear-gradient(top, #ed3334 0%, #ef5958 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed3334), color-stop(100%, #ef5958)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ed3334 0%, #ef5958 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ed3334 0%, #ef5958 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ed3334 0%, #ef5958 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ed3334 0%, #ef5958 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed3334', endColorstr='#ef5958', GradientType=0); /* IE6-9 */
}

.color-choise.yellow, .scale.yellow {
    border: 1px dashed #cfa127;
}

.color-choise.yellow.selected, .scale.yellow.selected {
    border: 1px solid #cfa127;
    background: #f6b911; /* Old browsers */
    background: -moz-linear-gradient(top, #f6b911 0%, #f5c63c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6b911), color-stop(100%, #f5c63c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6b911 0%, #f5c63c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6b911 0%, #f5c63c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6b911 0%, #f5c63c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6b911 0%, #f5c63c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b911', endColorstr='#f5c63c', GradientType=0); /* IE6-9 */
}

.color-choise.green, .scale.green {
    border: 1px dashed #80b409;
}

.color-choise.green.selected, .scale.green.selected {
    border: 1px solid #80b409;
    background: #a5dd1c; /* Old browsers */
    background: -moz-linear-gradient(top, #a5dd1c 0%, #b5e343 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5dd1c), color-stop(100%, #b5e343)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a5dd1c 0%, #b5e343 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a5dd1c 0%, #b5e343 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a5dd1c 0%, #b5e343 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a5dd1c 0%, #b5e343 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5dd1c', endColorstr='#b5e343', GradientType=0); /* IE6-9 */
}

.color-choise.n-a {
    padding: 5px 6px;
    border: 1px dashed #575b5d;
    color: #575b5d;
    border-radius: 8px !important;
}

.color-choise.n-a.selected {
    border: 1px solid #575b5d;
    color: #FFF;
    background: #575b5d; /* Old browsers */
    background: -moz-linear-gradient(top, #575b5d 0%, #777a7c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575b5d), color-stop(100%, #777a7c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #575b5d 0%, #777a7c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #575b5d 0%, #777a7c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #575b5d 0%, #777a7c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #575b5d 0%, #777a7c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575b5d', endColorstr='#777a7c', GradientType=0); /* IE6-9 */

}

.audit-gallery a img {
    max-width: 100px;
    max-height: 100px;
    float: left;
    margin: 0px 10px 10px 0;
}

.dashboard-box {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}

.dashboard-box.no-margin {
    margin-bottom: 10px;
}

.dashboard-box.single {
    width: 50%;
}

.failed-audits {
    display: block;
    width: 80px;
    margin: auto;
}

.failed-audits div {
    width: 100%;
    display: block;
}

.failed-audits .value {
    border: 2px solid #002d72;
    color: #002d72;
    font-weight: bold;
/ / padding: 35 px 0 35 px 0;
    padding: 20px 0 20px 0;
    font-size: 35px;
    text-align: center;
}

.customer-logo {
    float: right;
    margin-bottom: 10px;
}

.filter-print {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}

.customer-logo.edit {
    position: absolute;
    top: 10px;
    right: 30px;
}

.customer-logo img.scaleW {
    width: 120px;
}

.customer-logo img.scaleH {
    height: 120px;
}

.print-btn {
    background: transparent;
    border: none;
    background-image: url('../images/icons/icon-print.png');
    background-size: cover;
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-right: 8px;
}

.pdf-btn {
    background: transparent;
    border: none;
    background-image: url('../images/icons/icon-pdf-30.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 26px;
    height: 32px;
    cursor: pointer;
    display: block;
    margin-right: 8px;
}

.export-audit-to-excel-button {
    margin: 0;
}

.reports-list-box {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.reports-list-box .report-box {
    display: block;
    float: left;
    width: 28%;
    min-height: 120px;
    margin-right: 3%;
    text-align: center;
    text-decoration: none;
    color: #595959;
/ / padding-top: 30 px;
    background: #00b7af;
    padding: 30px 1%;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 50%;
    height: 0;
    padding-bottom: 24.7%;
    border: 5px solid #fff;
    position: relative;
    box-shadow: 0 0 10px #889DBB;
}

.reports-list-box .report-box:hover {

    color: #002d72;
}

.reports-list-box .report-box .icon {
    font-size: 50px;
    display: block;
    margin-bottom: 20px;
    color: #002d72;
    margin-top: 15%;
}

.reports-list-box .report-box:hover .icon {
    color: #fff;
}

.reports-list-box .report-box .name {
    font-size: 20px;
}

.report-list-choice {
    list-style: none;

}

.report-list-choice {
    width: 100%;
}

.report-list-choice li {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 5px;
    width: 30%;
    float: left;
    margin-right: 1%;
    height: 30px;
}

.report-list-choice li:hover {
    background-color: #ccc;
}

.delete-audit-form {
    text-align: center;
    width: 100%;
}

.audits-manage-form {
    float: left;
    width: 50%;
    margin-bottom: 40px;
}

.align-left {
    text-align: left;
}

.search-td {
    width: 250px;
}

.exel-td {
    width: 40px;
    padding: 0px !important;
    cursor: pointer;
}

.inactive {
    background: #ccc;
}

.inline-block {
    display: inline-block;
    width: 70px;
}

.new-caf-group {
    margin: 40px 0px;
}

#back {
    margin-left: 10px;
}

.form-h3 {
    margin-bottom: 20px;
}

.new-caf-group > input {
    margin: 0px 10px;
}

.isRequired {
    font-weight: bold;
}

.caf-container {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}

#new-multi-target-form {
    margin-left: auto;
    margin-right: auto;
    width: 540px;
}

#new-multi-target-form > div > input {
    margin: 5px;
}

.bold-row {
    font-weight: bold;
    color: #002d72;
    background: rgba(156, 171, 171, 0.5);
}

.font20 {
    font-size: 20px;
}

.font17 {
    font-size: 17px;
}

.table-tr:hover {
    background: #002d72;
    color: white;
}

.width60 {
    width: 60px;
    height: 25px;
}

.width60 > a {
    padding: 5px 15px;
    line-height: 28px;
}

.group-header-name {
    background: linear-gradient(to right, #002d72 0%, #fff 100%);
    padding: 10px;
    color: white;
}

.up-down-buttons {
    float: right;
    width: 27px;
    margin-top: -2px;
    background-color: #002d72;
}

.up-down-buttons a {
    padding: 3px;
}

.question-up-down-buttons {
    background: #002d72;
    width: 27px;
    margin-top: -2px;
    display: inline-block;
}

.question-up-down-buttons a {
    padding: 3px;
}

.add-new-question {
    float: right;
    font-size: 45px;
    line-height: 20px;
    width: 30px;
    margin: 3px 15px;
    cursor: pointer;
}

.answer-type-change-div {
    float: right;
}

.answer-type-container {
    height: 40px;
}

.question-intensities label {
    width: 130px;
    display: inline-block;
}

.new-question-group {
    float: right;
}

.new-question-group:hover {
    text-decoration: none;
}

.new-group-header {
    margin: 10px 0px;
}

.remove-question-link {
    float: right;
    margin-right: 10px;
}

.remove-group-link {
    float: right;
    margin: 2px 0px 0px 5px;
}

.group-target-select {
    margin: 0px 10px;
}

.checkbox-item-div {
    float: left;
    width: 50%;
    margin: 3px 0px;
}

.checkbox-container {
    background: white;
    color: black;
    padding: 10px;
    margin: 10px 5px;
    overflow: hidden;
}

.checkbox-item-div input {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    float: left;
    margin-right: 10px;
    display: inline-block;
    margin-top: 3px;
}

.save-assign-button-container {
    width: 100%;
    float: left;
}

.target-area {
    padding: 5px 10px;
}

.remove-static-info {
    display: inline-block;
    margin-top: -30px;
}

.new-location-audit {
    text-decoration: none;
    color: black;
    width: 100%;
    display: block;
    padding: 10px 5px 5px 5px;
}

.new-location-audit:hover {
    background-color: #F9FAF5;
}

.new-location-div-parent {
    padding: 0px !important;
}

.new-audit-by-location-li > .new-audit-by-location-link {
    color: #00b7af;
    font-weight: bold;
}

.audit-results {
    width: 365px;
    float: left;
}

.audit-results > h1 {
    text-align: center;
    font-size: 28px;
    color: #002d72;
}

.circles {
    overflow: hidden;
    height: 120px;
    vertical-align: middle;
}

.circle {
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 15px;
    border-radius: 50%;
    margin-top: 10px;
    border: 1px double #fff;
}

.circle-red {
    background: #ed3232;
    box-shadow: 0 0 10px #ed3232;
}

.circle-yellow {
    background: #F2B101;
    box-shadow: 0 0 10px #F2B101;
}

.circle-green {
    background: #95CF01;
    box-shadow: 0 0 10px #95CF01;
}

.audit-numbers > .first-number {
    padding-left: 7px;
    width: 115px;
}

.audit-numbers > div {
    float: left;
    width: 120px;
    text-align: center;
    font-size: 23px;
}

.audits-pie.no-margin {
    float: left;
    width: 50%;
}

.audits-statistics {
    float: right;
}

.audits-statistics > h2 {
    color: #002d72;
    margin-left: -160px;
    font-size: 29px;
    margin-bottom: 35px;
}

.arrow-down {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ed3232;
    display: inline-block;
}

.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #95CF01;
    display: inline-block;
}

.arrow-transparent {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid inherit;
    display: inline-block;
}

.audits-statistics > div > p {
    font-size: 35px;
    font-weight: 100;
    margin-bottom: 20px;
    padding-left: 25px;
    text-align: right;
    width: 125px;
}

.audits-tops {
    float: left;
    width: 100%;
    overflow: hidden;
}

.bottom5 {
    float: left;
    width: 50%;
    text-align: center;
}

.bottom5 > div > div > div {
    height: 30px;
}

.top5 {
    float: left;
    width: 50%;
}

.bottom-bar-parent {
    width: 80%;
    margin: auto;
    background: #F0F0F0;
    margin-bottom: 30px;
}

.bottom-bar {
    float: right;
    background-color: #305B88;
    height: 30px;
}

.bottom-header {
    color: #305B88;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 20px;
}

.top5 {
    float: left;
    width: 50%;
    text-align: center;
}

.top5 > div > div > div {
    height: 30px;
}
.top5-values{
    float: left;
    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.locations-values{

    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.bottom5-values{
    float: right;
    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.top-bar-parent {
    width: 80%;
    margin: auto;
    background: #F0F0F0;
    margin-bottom: 30px;
}

.top-bar {
    float: left;
    background-color: #002d72;
    height: 30px;
}

.top-header {
    color: #002d72;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 20px;
}

.form-div > .management-form {
    text-align: center;
    margin-bottom: 40px;
}

.audit-results-legend {
    padding: 40px 20px 0px 20px;
}

.audit-results-legend > div {
    margin: 40px 20px;
    font-size: 20px;
}

.green-square {
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: #95CF01;
}

.red-square {
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: #ed3232;
}

.yellow-square {
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: #F2B101;
}

.top5-values {
    float: left;
    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.bottom5-values {
    float: right;
    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.main-issues {
    width: 100%;
    float: left;
}

.main-issues > h2 {
    margin-top: 50px;
    color: #002d72;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px;
    background: #f0f0f0;
    border-radius: 5px;
    text-align: center;
}

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

.issues > ul > li {
    padding-left: 1em;
    text-indent: -.7em;
    float: left;
    width: 100%;
    font-size: 25px;
}

.issues > ul > li:before {
    content: "• ";
    font-size: 50px;
    text-decoration: none;
    color: #ed3232;
    float: left;
}

.issue-text {
    text-decoration: underline;
    float: left;
    margin: 16px;
    width: 85%;
    font-size: 22px;
}

.top-container {
    height: 400px;
    overflow: hidden;
}

.up-down-container {
    margin-top: 15px;
}

.up-down-container > span {
    cursor: pointer;
    padding: 7px;
}

.up-down-container > span:hover {
    background: #F0F0F0;
}

.lastAudits > div > table > tbody > tr:hover {
    color: white;
    background: #002d72;
    cursor: pointer;
}

.lastAudits > div > table > tbody > .light-purple:hover {
    background: #002d72;
    cursor: inherit;
}

.audit-scores-table table tr td {
    border: 2px solid white;
    text-align: center;
    padding: 0 5px;
}

.audit-scores-table {
    width: 50%;
    float: left;
}

.comments-dash-table table {
    margin-top: 10px;
    border-collapse: collapse;
    width: 100%;
}

.comments-dash-table table tr td, .comments-dash-table table tr th {
    border: 1px solid black;
    text-align: center;
}

.report-audit-info-row {
    cursor: pointer;
}

.report-audit-info-row:hover {
    background: #002d72;
    color: white;
}

.empty-question-answer {
    border: 1px solid red !important;
}

.error-msg {
    background-color: red;
    color: #FFF;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
    display: block;
    border-radius: 5px;
}

.dashboard-logo-cont img {
    width: 100px;
    margin-bottom: 30px;
}

.areas-count {
    position: fixed;
    right: 50px;
    font-size: 20px;
    color: white;
    padding: 10px;
    border-radius: 5px;
    z-index: 9;
    background: #002d72;
}

/*NFC add rule calendar section style*/
.calendar {
    width: 800px;
    display: inline-block;
    float: left;
}

.calendar > .month {
    float: left;
    width: 260px;
}

.daysOfMonth {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background: white;
    position: relative;
}

.main-content {
    border: 0px !important;

}

.footer.footer--logged-in {
    display: none !important;
}

.time {
    width: 100% !important;
}

.timers {
    width: 300px;
}

.nfc-main-content {
    height: 600px;
}

.infobox {
    width: 250px;
    float: left;
}

/*Start Tasks*/

.tasks-background {
    background-color: #EBEBEB;
}

.task-list {
    float: left;
    width: 50%;
    height: 100%;
    background: white;
    border-radius: 8px;
    margin: 0px 5px 5px 5px;
}

.body-container__tasks-filters-container {
    height: 100%;
}

@media screen and (max-width: 1550px) {
}

.task-list-header {
    width: 100%;
    height: 50px;
    background-color: #F7F7F7;
    border-radius: 7px;
    border: 1.4px solid;
    border-color: #d3d3d382;
    position: relative;
}

.task-info {
    height: 100%;
    width: 33%;
    overflow-y: hidden;
    background: white;
}

.customerFilter {
    margin-top: 1%;
    margin-left: 2%;
    border-radius: 7px;
    width: 17%;
}

.task-text {
    padding-left: 30%;
}

main .empty-content {
}

.left img {
    width: 150px;
!important;
}

.font-14 {
    text-align: center;
    width: 62%;
    margin-left: 35px;
}

.font-color-grey {
    color: #A3A3A3;
    font-weight: bold;
}

.tasks-info-row-container {
    padding-top: 20px;
    cursor: pointer;
}

.tasks-info-row-container:after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    padding-top: 5px; /* This creates some space between the element and the border. */
    float: right;
    width: 96.6%;
    border-bottom: solid 1px #d3d3d382;
}

.text-container {
    padding-top: 1.9%;
    width: 100%;
}

.task-list-header-text-size {
    height: 5%;
    width: 16.6666666667%;
    display: inline-block;
}

.content .left {
    float: left;
    width: 21%;
    padding-top: 20px;
}

.task-icon {
    font-size: 200%;
    margin-right: 7px;
}

.grey-color {
    color: #A3A3A3;
}

.task-icon-text {
    margin-top: -13px;
    display: inline-table;
}

.user-info {
    height: 70%;
    padding: 4%;
}

.user-info-content-row-style {
    padding: 5px 0px 5px 0px;
    width: 35%;
}

.border-bottom-grey-color {
    border-bottom: solid 1px #d3d3d382;
}

.top-right {
    text-align: right;
}

.time-container {
    display: inline-block;
    width: 100%;
    margin: 0;
    float: none;
    padding-top: 20px;
    padding-bottom: 20px;
}

.left-time-container {
    margin: 0;
    padding: 0;
    width: 41%;
    text-align: right;
    display: inline-block;
}

.right-time-container {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 41%;
    display: inline-block;
}

.clock-right {
    padding-right: 10px;
}

.clock-svg img {
    padding-left: 4%;
    padding-right: 2%;
    width: 10%;
    margin-top: -15px;
}

.task-icon-medium {
    font-size: 30px;
    margin-right: 7px;
    color: #00b7af;
}

.task-name-size {
    font-size: 35px;
}

.color-grey {
    color: dimgrey;
}

.task-name {
    width: 426px;
}

.task-name-container {
    margin-top: 10px;
}

.task-description-height {
    height: 5%;
    padding-top: 2%;
}

.message-texttarea {
    margin-top: 2%;
    border-color: #F7F7F7;
!important;
    height: 30%;
}

.task-row:hover {
    background-color: #FFF6E9;
}

.child-question-remove {
    color: #002d72;
    font-weight: bold;
}

.status-class {
    height: 10%;
}

.status-label-class {
    padding-top: 8px;
}

.red-font {
    color: red;
}

span.icon-Tasks.task-icon.active {
    color: #00b7af;
}

main.tasks-background.big.qaudit-big {
    height: 103%;
}

.no-tasks {
    padding-top: 200px;
    padding-left: 360px;
    width: 300px;
}

.after-task-name {
    margin-top: 12%;
    font-size: x-large;
    color: #002D72;
}

.task-info-value {
    height: 5%;
    padding-top: 2%;
    color: #00b7af;
    border-bottom: solid 1px #d3d3d382;
}

.task-info-key {
    float: left;
    color: #A3A3A3;
    font-weight: bold;
}

.system-color {
    float: right;
}

.status-class {
    height: 10%;
    padding-top: 2%;
    border-bottom: solid 1px #d3d3d382;
}

.user-info-content-row--assignee-name-key {
    border-bottom: solid 1px #d3d3d382;
    padding: 5px 0px 5px 0px;
    width: 35%;
    color: #A3A3A3;
    font-weight: bold;
    float: left;
}

.user-info-content-row--created-by-key {
    border-bottom: solid 1px #d3d3d382;
    padding: 5px 0px 5px 0px;
    width: 35%;
    color: #A3A3A3;
    font-weight: bold;
    float: right;
    text-align: right;
}

.user-info-content-row--created-by-value {
    color: #002D72;
    padding: 5px 0px 5px 0px;
    width: 35%;
    text-align: right;
    float: right;
}

.user-info-content-row--assignee-name-value {
    color: #00b7af;
    padding: 5px 0px 5px 0px;
    width: 35%;
    float: left;
}

.body-container__nfc-calendar--tasks {
    margin-top: 15px;
}

/* Start tasks scrollbar */

.menu-list-data-tasks {
    overflow-x: hidden;
    height: 82%;
}

.menu-list-data-tasks::-webkit-scrollbar {
    width: 6px;
}

.menu-list-data-tasks::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0px 0px 40px #00b7af;;
    border-radius: 25px;
    border: 0.4px solid white;
}

.menu-list-data-tasks::-webkit-scrollbar-track {
    border: 1.2px solid #d3d3d382;
    background-color: white;
    border-radius: 25px
}

/* End tasks scrollbar */

input[type="checkbox"][class="filter-block__status-checkbox"],
input[type="checkbox"][class="filter-block__modal-task-priority-checkbox"],
input[type="checkbox"][class="filter-block__modal-task-type-checkbox"],
input[type="checkbox"][class="filter-block__area-checkbox"],
input[type="checkbox"][class="filter-block__target-checkbox"],
input[type="checkbox"][class="filter-block__location-checkbox"],
input[type="checkbox"][class="filter-block__object-checkbox"] {
    display: none;
}

label[class="filter-block__status-label"],
label[class="filter-block__modal-task-priority-label"],
label[class="filter-block__modal-task-type-label"],
label[class="filter-block__area-label"],
label[class="filter-block__target-label"],
label[class="filter-block__location-label"],
label[class="filter-block__object-label"] {
    cursor: pointer;
}

input[type="checkbox"][class="filter-block__status-checkbox"] + label span,
input[type="checkbox"][class="filter-block__modal-task-priority-checkbox"] + label span,
input[type="checkbox"][class="filter-block__modal-task-type-checkbox"] + label span,
input[type="checkbox"][class="filter-block__area-checkbox"] + label span,
input[type="checkbox"][class="filter-block__target-checkbox"] + label span,
input[type="checkbox"][class="filter-block__location-checkbox"] + label span,
input[type="checkbox"][class="filter-block__object-checkbox"] + label span {
    display: inline-block;
    vertical-align: sub;
    width: 30px;
    height: 30px;
    background: url(../images/icons/icon-unchecked.svg) 0px center no-repeat;
}

input[type="checkbox"]:checked[class="filter-block__status-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__modal-task-priority-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__modal-task-type-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__area-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__target-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__location-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__object-checkbox"] + label span {
    background: url(../images/icons/icon-checked.svg) 0px center no-repeat;
}

.filter_block__body--object-select {
    overflow-y: auto;
    height: 20%;
}

.modal-body__date-select--tasks {
    height: 5%;
    text-align: left;
}

/*End Tasks*/

/*Start Time And Attendance Reports*/

.success {
    background-color: #00b7af;
}

.time-and-attendance-error {
    background-color: red;
}

.message {
    border-radius: 20px;
    overflow: hidden;
    color: white;
    padding: 0px 20px;
    width: 22%;
    margin: 0 auto;
    margin-top: 5px;

}

.table-row-light-red {
    background-color: #faa2a2;
}

.table-row-light-yellow {
    background-color: khaki;
}

.heading-colon-color,
.location-row-select:hover,
.table-container::-webkit-scrollbar,
.table-container::-webkit-scrollbar-thumb {
    background-color: #305B88;
}

.custom-table {
    margin-top: 10px;
    overflow-y: scroll;
    height: 100%;
}

.report-table {
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
    border-collapse: collapse;
}

.scroll {
    width: 100%;
}

.header-container {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #305B88;
}

.header-container__title-content {
    float: left;
    margin-left: 10px;
}

.header-container__circle {
    z-index: 999;
    width: 10px;
    height: 10px;
    background-color: #00b7af;
    margin-right: 5px;
    border-radius: 50%;
    display: inline-block;
}

.header-container__heading, .select-customers-container__text {
    color: white;
    font-weight: normal;
    display: inline-block;
    font-size: 1.5em;
}

main.big.big--customers {
    padding: 0%;
    background: #EBEBEB;
    border-left: none;
}

.select-customers-container {
    width: 95%;

}

.select-customers-container__heading {
    background: #00b7af;
    border-radius: 0px 15px 15px 0px;
    margin-top: 3%;
    text-align: center;
}

.select-customers-container__body {
    background: white;
    margin: 0% 2% 0% 2%;
    border-radius: 0px 0px 15px 15px;
    padding: 15px 5px 15px 15px;
}

.report-list-choice--scroll li {
    color: #687777;
    border: none;
    border-bottom: 1px solid #d3d3d382;
}

.report-list-choice__text {
    border-bottom: 1px solid #ccc;
}

/* Start customers scrollbar */

.report-list-choice--scroll {
    overflow-y: hidden;
}

.report-list-choice--scroll {
    overflow-x: hidden;
}

.report-list-choice--scroll::-webkit-scrollbar {
    width: 6px;
}

.report-list-choice--scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.report-list-choice--scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0px 0px 40px #00b7af;
    border-radius: 25px;
    border: 0.4px solid white;
}

.report-list-choice--scroll::-webkit-scrollbar-track {
    border: 1.2px solid #d3d3d382;
    background-color: white;
    border-radius: 25px
}

/* End customers scrollbar */

.cursor-pointer__cursomer-name-container {
    display: inline-block;
}

input[type="checkbox"][class="cursor-pointer__option-checkbox"] {
    display: none;
}

label[class="cursor-pointer__option-checkbox-label"] {
    cursor: pointer;
}

input[type="checkbox"][class="cursor-pointer__option-checkbox"] + label span {
    display: inline-block;
    vertical-align: sub;
    width: 30px;
    height: 30px;
    background: url(../images/icons/icon-unchecked.svg) 0px center no-repeat;
}

input[type="checkbox"]:checked[class="cursor-pointer__option-checkbox"] + label span {
    background: url(../images/icons/icon-checked.svg) 0px center no-repeat;
}

.select-customers-container__buttons {
    float: right;
    margin: 0% 2% 0% 2%;
}

.btn-purple-to-dark--customers {
    border-radius: 20px;
}

/*End Time And Attendance Reports*/

/*Start Manage NFC*/

.centered,
.nfc-table__body-row,
.nested-table__body-row,
.task-list-modal__table-row,
.nfc-table__nested-table,
.task-list-modal__users-table,
.nfc-table__tag-heading-info,
.nested-table__no-users-assigned,
.filter-block__heading,
.body-container__filters {
    text-align: center;
}

.body-container {
    height: 94%;
    overflow-y: hidden;
}

.body-container__filters_and_table {
    height: 55%;
    margin-bottom: 20px;
}

.header-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-container,
.nfc-calendar__month-year-filter,
.filter-block__heading,
.nfc-calendar__select-month,
.task-list-modal__close-button {
    background: #889DBB; /* Old browsers */
    background: -moz-linear-gradient(left, #fff 0%, #889DBB 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #889DBB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #fff 0%, #889DBB 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #fff 0%, #889DBB 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #fff 0%, #889DBB 100%); /* IE10+ */
    background: linear-gradient(to right, #fff 0%, #889DBB 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#889DBB', GradientType=1); /* IE6-9 */
}

.header-container--cordant {
    padding-bottom: 50px;
}

.header-container__circle {
    width: 10px;
    height: 10px;
    background-color: #ffce02;
    margin-right: 5px;
    border-radius: 50%;
}

.header-container__circle, .header-container__heading {
    display: inline-block;
}

.header-container__heading {
    color: white;
    font-weight: normal;
}

.body-container {
    width: 100%;
}

.body-container--scroll {
    height: 100%;
    overflow-y: scroll;
}

.body-container__filters {
    width: 15%;
    float: left;
}

.body-container__body {
    height: 85%;
    margin: 5px;
}

.body-container__body,
table.nfc-table tbody.nfc-table__main {
    overflow-y: hidden;
}

.body-container__nfc-table {
    background-color: white;
    margin-top: 5px;
    border-radius: 8px;
    margin-right: 1%;
    overflow-y: auto;
    height: 100%;
}

table.nfc-table th, table.nfc-table td {
    width: 176px;
}

table.nfc-table tbody.nfc-table__main,
table.nfc-table thead.nfc-table__main {
    display: table-header-group;
}

table.nfc-table tbody.nfc-table__main {
    overflow-x: hidden;
    margin: 5px;
}

div.body-container__nfc-table > table > tbody > tr > th,
.nested-table__heading_row,
.nfc-table__heading-row,
.task-list-modal__heading-row {
    color: #788585;
}

.nfc-table, .task-list-modal__users-table {
    border-collapse: collapse;
}

.nfc-table__heading-row {
    height: 30px;
    vertical-align: bottom;
}

.nested-table__heading_row, .nfc-table__heading-row, .task-list-modal__heading-row {
    border-bottom: 1px solid #788585;
}

.nfc-table__body-row, .nested-table__body-row, .task-list-modal__table-row {
    color: #0335A1;
    font-weight: bold;
    cursor: pointer;
}

.nfc-table__body-row--inactive,
.body-container,
.main-content__manage-nfc
.calendar-container__filter {
    background-color: #EBEBEB;
}

.nfc-table__body-row--selected, .nfc-table__body-row:hover {
    background-color: #00a9b052;
}

.nfc-table__nested-table-container {
    margin: 20px 0px 20px 0px;
}

.nfc-table__nested-table, .task-list-modal__users-table {
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
    border-collapse: collapse;
    border: none;
    border-color: white;
}

.task-list-modal__close-button {
    float: right;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: none;
    color: white;
}

.btn-purple-to-dark--modal-close {
    margin: unset;
}

.calendar-container {
    height: 50%;
}

.calendar-container__filter {
    height: 15%;
}

.filter__month {
    height: 33%;
    background: #D3D8E3;
}

.filter-block__heading {
    width: 100%;
    display: inline-block;
    color: white;
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.filter-block__heading, .body-container__nfc-table, table.nfc-calendar__nfc-calendar-table {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

.filter-block__heading--search {
    background: white;
    color: #788585;
    padding-left: 5px;
    width: 12%;
    float: left;
    margin-left: 12px;
    height: 20px;
    text-align: left;
}

.filter-block__heading--modal-textfield {
    background: white;
    color: #788585;
    padding-left: 5px;
    text-align: left;
}

.filter-block__heading--subject {
    height: 20px;
}

.filter-block__subject-textfield {
    border: none;
    padding-left: 5px;
    width: 90%;
}

.filter-block__message-textfield {
    width: 100%;
    border: 1px solid #d3d3d382;
}

.filter-block__heading--customer-user-search {
    width: 22%;
}

.filter-block__heading--required-gps {
    padding-top: unset;
    padding-bottom: 7px;
}

.filter-block__arrow-position img {
    float: right;
    padding-right: 15px;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.filter_block__body {
    padding: 5px 10px 10px 10px;
    overflow-y: auto;
}

.filter_block__body--nfc-select {
    overflow-y: auto;
    height: 30%;
}

.filter_block__body--modal,
.filter_block__body--rule-type-select,
div.filter_block__body.filter_block__body--modal-rule-type-select {
    height: unset;
}

/* Start filter scrollbar */

.filter_block__body {
    overflow-x: hidden;
}

.body-container--scroll::-webkit-scrollbar,
.nfc-calendar-table__tbody::-webkit-scrollbar,
.body-container__body::-webkit-scrollbar,
table.nfc-table tbody::-webkit-scrollbar,
.body-container__nfc-table::-webkit-scrollbar,
.filter_block__body::-webkit-scrollbar {
    width: 6px;
}

.body-container--scroll::-webkit-scrollbar-button,
.nfc-calendar-table__tbody::-webkit-scrollbar-button,
.body-container__body::-webkit-scrollbar-button,
table.nfc-table tbody::-webkit-scrollbar-button,
.body-container__nfc-table::-webkit-scrollbar-button,
.filter_block__body::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.body-container--scroll::-webkit-scrollbar-thumb,
.nfc-calendar-table__tbody::-webkit-scrollbar-thumb,
.body-container__body::-webkit-scrollbar-thumb,
table.nfc-table tbody::-webkit-scrollbar-thumb,
.body-container__nfc-table::-webkit-scrollbar-thumb,
.filter_block__body::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0px 0px 40px #00b7af;
    border-radius: 25px;
}

.body-container--scroll::-webkit-scrollbar-track,
.nfc-calendar-table__tbody::-webkit-scrollbar-track,
.body-container__body::-webkit-scrollbar-track,
table.nfc-table tbody::-webkit-scrollbar-track,
.body-container__nfc-table::-webkit-scrollbar-track,
.filter_block__body::-webkit-scrollbar-track {
    border: 1.2px solid #d3d3d382;
    background-color: white;
    border-radius: 25px
}

/* End filter scrollbar */

.filter-block__body-row {
    border-bottom: 1px solid #788585;
    color: #788585;
    text-align: left;
    padding: 2px;
}

.filter-block__body-checkbox {
    width: 10px;
    height: 10px;
    border: 2px solid #0335A1;
    border-radius: 50%;
    display: inline-block;
}

.filter_block__body--full-width {
    height: 85%;
}

.filter-block__search {
    border: none;
    width: 60%;
}

.filter-block {
    background: white;
    border-radius: 8px;
    margin: 5px;
}

.btn-purple-to-dark--delete-user, .btn-purple-to-dark--modal-close {
    border: none;
}

.btn-purple-to-dark.btn-purple-to-dark--customers.btn-purple-to-dark--delete-user {
    line-height: 0px;
}

.nfc-table__check-all-users-checkbox-label {
    float: left;
    color: white;
    margin-top: -5px;
    margin-left: 10px;
}

/* Start Filter Customer Checkbox */

input.filter-block__modal-rule-type-required-date-range-checkbox,
input.filter-block__modal-rule-type-required-gps-checkbox,
input.filter-block__modal-rule-type-checkbox,
input.filter-block__nfc-checkbox,
input.task-list-modal__users-task-list-checkbox-class,
input.filter-block__customer-checkbox,
input.nfc-table__check-all-checkbox-class,
input.nfc-table__check-all-users-checkbox-class,
input.filter-block__user-checkbox,
input.filter-block__rule-type-checkbox,
input.filter-block__rule-type-required-gps-checkbox,
input.nfc-table__nfc-checkbox-class,
input.nfc-table__active-checkbox-class {
    display: none;
}

.filter-block__modal-rule-type-required-date-range-label,
.filter-block__modal-rule-type-required-gps-label,
.filter-block__modal-rule-type-label,
.filter-block__nfc-label,
.task-list-modal__users-task-list-checkbox-label,
.nfc-table__active-checkbox-label,
.nfc-table__check-all-checkbox-label,
.nfc-table__check-all-users-checkbox-label,
.filter-block__customer-label,
.filter-block__user-label,
.filter-block__rule-type-label,
.filter-block__rule-type-required-gps-label,
.nfc-table__nfc-checkbox-label,
.filter-block__body-row,
.filter-block__arrow-position img,
.task-list-modal__close-button,
.task-list-modal__close-button,
.btn-purple-to-dark--delete-user,
.btn-purple-to-dark--modal-close {
    cursor: pointer;
}

input.filter-block__modal-rule-type-required-date-range-checkbox + label span,
input.filter-block__modal-rule-type-required-gps-checkbox + label span,
input.filter-block__modal-rule-type-checkbox + label span,
input.filter-block__nfc-checkbox + label span,
input.task-list-modal__users-task-list-checkbox-class + label span,
input.filter-block__customer-checkbox + label span,
input.nfc-table__check-all-checkbox-class + label span,
input.nfc-table__check-all-users-checkbox-class + label span,
input.nfc-table__nfc-checkbox-class + label span,
input.filter-block__user-checkbox + label span,
input.filter-block__rule-type-checkbox + label span,
input.filter-block__rule-type-required-gps-checkbox + label span,
input.nfc-table__active-checkbox-class + label span {
    display: inline-block;
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    background: url(../images/icons/icon-unchecked.svg) 0px center no-repeat;
}

input[type="checkbox"]:checked[class="filter-block__modal-rule-type-required-date-range-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__modal-rule-type-required-gps-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__modal-rule-type-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__nfc-checkbox"] + label span,
input[type="checkbox"]:checked[class="task-list-modal__users-task-list-checkbox-class"] + label span,
input[type="checkbox"]:checked[class="filter-block__customer-checkbox"] + label span,
input[type="checkbox"]:checked[class="nfc-table__check-all-checkbox-class"] + label span,
input[type="checkbox"]:checked[class="nfc-table__check-all-users-checkbox-class"] + label span,
input[type="checkbox"]:checked[class="nfc-table__active-checkbox-class"] + label span,
input[type="checkbox"]:checked[class="filter-block__user-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__rule-type-checkbox"] + label span,
input[type="checkbox"]:checked[class="filter-block__rule-type-required-gps-checkbox"] + label span,
input[type="checkbox"]:checked[class="nfc-table__nfc-checkbox-class"] + label span {
    background: url(../images/icons/icon-checked.svg) 0px center no-repeat;
}

/* End Filter Customer Checkbox */

/* End NFC Checkbox */

/*End NFC Table CSS */

/*Start NFC Calendar */

.body-container__nfc-calendar {
    clear: left;
    float: left;
    width: 100%;
    height: 50%;
}

.nfc-calendar__month-year-container {
    width: 100%;
    height: 10%;
    float: left;
    display: flex;
}

input.btn-purple-to-dark.btn-purple-to-dark--customers--generate-calendar {
    margin: unset;
    margin-left: 20px;
    line-height: 4px;
    border: none;
}

.nfc-calendar__month-year-filter {
    border-radius: 0px 15px 15px 0px;
    width: 60%;
    display: table;
}

.nfc-calendar__filter-text {
    padding-right: 10px;
    color: white;
    float: right;
    display: table;
}

table.nfc-calendar__nfc-calendar-table {
    table-layout: fixed;
    background: white;
    height: 90%;
    width: 99%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

table thead.nfc-calendar__nfc-calendar-table {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 99%;
}

.nfc-calendar__calendar-container > table > thead > tr > th:nth-child(1) {
    width: 100px;
}

.nfc-calendar__calendar-container > table > thead > tr > th:nth-last-child(1) {
    border-radius: 0px 15px 15px 0px;
}

.nfc-calendar__calendar-container {
    margin-top: 40px;
    position: relative;
    height: 180%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.nfc-calendar-table__number-circle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 8px;
    background: white;
    border: 1px solid #788585;
    color: #788585;
    margin: 0 auto;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.nfc-calendar-table__thead {
    background: #F7F7F7;
    height: 100%;
}

.nfc-calendar-table__thead-tag,
.nfc-calendar-table__thead {
    background: #F7F7F7;
    border-radius: 0px 15px 15px 0px;
    border: double 4px transparent;
    background-image: none, linear-gradient(#F7F7F7, #d3d3d382);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.nfc-calendar-table___tbody-username {
    color: #0099A8;
    background: #F7F7F7;
    text-align: center;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    font-weight: bold;
    width: 100px;
}

.nfc-calendar-table___tbody-action {
    background: white;
    border: 1px solid #d3d3d3;
    text-align: center;
    font-weight: bold;
    height: 50px;
}

.nfc-calendar-table___tbody-action:hover {
    border: 1px solid #00b7af;
}

.nfc-calendar-table___tbody-action--active {
    background: #EBEBEB;
    color: #0335A1;
    cursor: pointer;
}

.nfc-calendar__select-month {
    color: black;
    border: none;
}

/* NFC Calendar Popup */

.nfc-calendar-table__popup-table {
    text-align: center;
}

.nfc-calendar-table__popup-table th {
    width: 25%;
}

table.nfc-calendar__nfc-calendar-table td .nfc-calendar-table__popup-container {
    width: 40%;
    position: absolute;
    border: 1px solid #0099A8;
    top: 0px;
    left: 50px;
    display: none;
    background: white;
    color: #0099A8;
    border-radius: 8px;
}

table.nfc-calendar__nfc-calendar-table td:hover .nfc-calendar-table__popup-container {
    display: block;
}

.date-picker.date-picker--nfc-calendar-select.hasDatepicker {
    width: 130px;
    border-radius: 20px;
}

.modal-body__date-select {
    padding: 10px 5px 5px 5px;
    width: 100%;
}

.modal-body__date-select-to-date-right {
    float: right;
}

.modal-body__date-select-dates-content {
    width: 70%;
    float: right;
}

.modal-body__date-select-dates-checkbox-content {
    width: 30%;
}

div.nfc-calendar__calendar-container > table > tbody {
    display: block;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
}

.nfc-calendar-table__tbody,
.nfc-calendar-table__thead-tag,
div.nfc-calendar__calendar-container > table > tbody > tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#nfc-calendar-assign-rules-button {
    margin: unset;
}

/*End NFC Calendar */

/*End Manage NFC*/

.training-audit {
    margin-left: 10%;
    font-weight: bold;
}

input.training-audit-checkbox-class {
    display: none;
}

.traing-audit-checkbox-label {
    cursor: pointer;
}

.manage-data-label--checkbox {
    padding-top: 12px;
}

.custom-checkbox {
    display: inline-block;
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    background: url(../images/icons/icon-unchecked.svg) 0px center no-repeat;
}

.custom-checkbox.checked {
    background: url(../images/icons/icon-checked.svg) 0px center no-repeat;
}

input.custom-checkbox {
    display: none;
}

.custom-checkbox-label {
    cursor: pointer;
}

.main-content .dashboard-v2__charts {
    background: #fff;
}

.dashboard-grid__buttons .dashboard-grid__buttons-item:hover div {
    color: #00b7af;
}

.control-block {
    border-bottom: 1px solid #788585;
    color: #788585;
    text-align: left;
    padding: 2px;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.custom-radio-label-style, .custom-checkbox-label-style {
    display: inline-block;
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    background: url(../images/icons/icon-unchecked.svg) 0px center no-repeat;
    line-height: 40px;
    padding-left: 30px;
    cursor: pointer;
}

.custom-radio-label-style.checked, .custom-checkbox-label-style.checked {
    background: url(../images/icons/icon-checked.svg) 0px center no-repeat;
}

input.custom-input-style {
    display: none;
}

.filter-block .control-block {
    display: block;
}

.filter-block.inactive .control-block {
    display: none;
}

.filter-block.error {
    border: 2px solid red;
}

.task-row.status-2 {
    background-color: #edfcde;
}

.task-row.status-1 {
    background-color: #ed8e8e;
}

.task-row.status-3 {
    background-color: #efeded;
}

.task.filter-block.task-info #task_message {
    height: auto !important;
    padding: 10px 0px 10px 0px !important;
}

.taskHistoryRow {
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.taskHistoryRow .taskHistoryRowMsg {
    padding-left: 40px;
    font-style: italic;
}

.chat-support__chat .chat-support__chat-heading {
    background: #00b7af;
}

.chat-popup .chat-popup__header {
    background: #00b7af;
}

.main-content .chat-popup__content-sent-message, .chat-popup .chat-popup__content-sent-message {
    background: #00b7af;
}

.main-content .blink, .main-content aside .blink .description, .main-content aside .blink .title {
    color: #00b7af;
}
.top-header-locations{
    color: #00b7af;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 20px;
}
.top-bar-locations{
    float: left;
    background-color: #00b7af;
    height: 30px;
}
.top-bar-parent{
    width: 80%;
    margin: auto;
    background: #F0F0F0;
    margin-bottom: 30px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker .btn-primary{
    background-color: #00b7af !important;
}

.number-of-something-box .value {
    color: #00b7af;
}

.dashboard-v2__logo {
    width: 120px !important;
}

.dashboard-v2__logo img {
    max-width: 120px !important;
    max-height: 120px !important;
}

.position-relative {
    position: relative !important;
}

.overflow-unset {
    overflow: unset !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}