body {
    background-color: #eaeaea;
    font-family: "BPG Arial Caps";
    font-size: 11px;
}


.personDayChooser .checker span {
    color: #4fbb5f !important;
    border: 1px solid rgba(178, 180, 180, 0.3);
    border-radius: 5px !important;
    width: 15px !important;
    height: 15px !important;
    font-size: 7px !important;
}


.personDayChooser .checker span:after {
    /*content: "\e600";*/
    /*font-family: icomoon;*/
    font-size: 15px !important;
    /*line-height: 1;*/
    /*position: absolute;*/
    /*top: -1px;*/
    /*left: -1px;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
    /*opacity: 0*/
}


.navbar {
    background: rgba(38, 50, 56, 1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .05);
}

.navbar-default .navbar-nav > li > a {
    color: #c9cccd;
}

.dropdown-menu>li {
    font-size: 11px;
}

.dropdown-menu-dashed-li li{
    border: 0px;
    border-bottom-width: 1px;
    border-style: dashed;
    border-color: rgba(0,0,0,0.07);
}

.dropdown-menu-shadow {
    -webkit-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.2);
    box-shadow: -7px 7px 7px 0px rgba(0,0,0,0.2);
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #1f282d;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #1f282d;
}

.navigation li a>i {
    font-size: 12px;
}

.navigation li>.has-ul:after {
    position: absolute !important;
    top: 20px !important;
}

.panel-heading {
    padding: 10px !important;
}
.panel-heading>.heading-elements {
    padding-top: 3px;
    right: 7px !important;
}

.panel-title {
    font-size: 11px !important;
}

.panel-body {
    padding: 10px !important;
}

.panelBodyImage {
    position: fixed;
    top: 35%;
    width: 35%;
    left: 35%;
    height: 100%;
    z-index: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.05;
}

.panelBodyImage img {
    width: 100% !important;
}

/*.content-group {*/
/*    font-size: 11px;*/
/*}*/

.aio-table th {
    background: #ebebeb;
    border-width: 1px;
    border-color: #ddd;
    border-style: solid;
    text-align: center;
    padding: 5px !important;
}

.aio-table tr td {
    text-align: center;
    border-width: 1px;
    border-color: #ddd;
    border-style: dashed !important;
    padding: 3px !important;
    vertical-align: middle;
}

.questionnaire-table {
    border-width: 1px;
    border-style: solid !important;
    border-radius: 5px !important;
    border-color: rgba(0,0,0,0.1) !important;
}

.questionnaire-table tr {
    border-width: 1px;
    border-style: dashed !important;
    border-color: rgba(0,0,0,0.1) !important;
}

.questionnaire-table tr th {
    border-width: 1px;
    border-style: dashed !important;
    text-align: center;
    border-color: rgba(0,0,0,0.1) !important;
    font-size: 10px;
}

.questionnaire-table tr td {
    border-width: 1px;
    border-style: dashed !important;
    border-color: rgba(0,0,0,0.1) !important;
    font-size: 10px;
    padding: 5px 5px 5px 5px !important;
}

.company-edit-details-pic {
    height: 100px;
    border-top-right-radius: 20px;
    padding: 0px;
    border-color: #fff;
    border-width: 3px;
    border-style: solid;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.company-edit-details-pic span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(38, 166, 154, 0.85);
}

.company-edit-details-change-pic {
    position: absolute;
    top: 45px;
    left: 10%;
    width: 80%;
    z-index: 9999;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.company-edit-details-change-pic i {
    padding: 10px;
    border-radius: 100%;
    border-color: #fff;
    border-width: 3px;
    border-style: solid;
}

#company-edit-details-pic:hover #company-edit-details-pic {
    background: rgba(38, 166, 154, 0.95);
}

.user-statistic-cover {
    /*padding: 0px;*/
    /*border-color: #fff;*/
    /*border-width: 2px;*/
    /*border-style: solid;*/
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.user-statistic-cover .user-image {
    /*position: relative;*/
    top: 20px;
    /*left: 20px;*/
    /*width: 180px;*/
    height: 110px;
    background: rgba(255,255,255,0.8);
    text-align: center;
    border-radius: 10px 0px 10px 0px;
}

.fullSizeBackground {
    padding: 0px;
    /*border-color: #fff;*/
    /*border-width: 3px;*/
    /*border-style: solid;*/
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.user-statistic-rating {
    width: 57px;
    height: 57px;
    background: rgba(77,182,172,1);
    border-radius: 57px;
    border-width: 5px;
    border-color: rgba(255,255,255,0.5);
    border-style: solid;
    text-align: center;
    padding-top: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.user-statistic-rating i {
    position: absolute;
    top: -21px;
    right: 0px;
    color: rgba(38, 166, 154, 0.5);
}


.user-profile-pic {
    height: 300px;
    padding: 0px;
    border-color: #fff;
    border-width: 3px;
    border-style: solid;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.user-profile-pic img {
    width: 100%;
    border-color: #fff;
    border-width: 2px;
    border-style: solid;
}

.user-profile-signature {
    position: absolute;
    top: 7px;
    right: 0px;
    padding: 10px;
}

.user-profile-signature span {
    background: red;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
}

.dash-calendar-bg {
    position: absolute;
    /*width: 45%;*/
    height: 65%;
    top: 25%;
    left: 0%;
    z-index: 0;
    opacity: 0.03;
    text-align: center;
    /*background: red;*/
    -webkit-transform:rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.dash-calendar-bg img {
    position: relative;
    float: center;
    height: 100%;
}

#dashboard-calendar tr th  {
    font-size: 10px !important;
    text-align: center;
    color: rgba(0,0,0,0.75);
    background: rgba(0,0,0,0.05);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(0,0,0,0.1);
    padding: 4px 0px 3px 0px;
}

#dashboard-calendar tr td  {
    padding: 37px 0px 5px 0px;
    font-size: 9px !important;
    text-align: center;
    color: rgba(0,0,0,0.6);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(0,0,0,0.08);
}

.calendar-today-icon {
    /*position: absolute;*/
    margin-top: -25px;
    margin-bottom: 8px;
    /*margin-left: 10px;*/
}

.widget-bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    text-align: center;
    z-index: 0;
    opacity: 0.07;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.message-user-image {
    border-radius: 100px !important;
}

.message-chat-user-image {
    border-radius: 100px !important;
    border-width:2px;
    border-style: solid;
    border-color: #b3b3b3;
}

.live-camera iframe {
    border-color: #fff;
    border-style: solid;
    border-width: 3px;
}

.video-js .vjs-tech {
    object-fit: cover !important;
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
}


.companies-bg-pic {
    height: 120px;
    padding: 0px;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;

    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}

.companies-bg-title {
    padding: 5px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0) 100%) !important;
    position: absolute;
    bottom: 10px;
}


.company-details-pic {
    height: 180px;
    padding: 0px;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.company-details-title {
    padding: 5px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0) 100%) !important;
    position: absolute;
    bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    letter-spacing: 4px;
}

.company-details-consulting {
    /*background: red;*/
    position: absolute;
    top: 0px;
    padding-top: 20px;
    padding-right: 20px;
    height: 100%;
    /*overflow: auto;*/
}

.company-details-consulting-content {
    /*background: red;*/
    /*margin-top: 20px;*/
    position: absolute;
    height: 91vh;
    width: 88%;
    overflow: auto;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    background: #fff;
}

.pti-details-vehicle-pic {
    height: 80px;
    padding: 0px;
    border-color: #fff;
    border-width: 3px;
    border-style: solid;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
}

.pti-details-vehicle-pic img {
    width: 100%;
    border-color: #fff;
    border-width: 2px;
    border-style: solid;
}

.pti-tecDetails-vehicle-pic {
    height: 141px;
    padding: 0px;
    border-color: #fff;
    border-width: 2px;
    border-style: solid;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
}

.pti-tecDetails-vehicle-pic img {
    width: 100%;
    border-color: #fff;
    border-width: 2px;
    border-style: solid;
}

.pti-history-vehicle-pic1 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.pti-history-vehicle-pic2 {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.pti-history-vehicle-pic {
    height: 100px;
    padding: 0px;
    border-color: #fff;
    border-width: 2px;
    border-style: solid;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
}

.pti-history-vehicle-pic img {
    width: 100%;
    border-color: #fff;
    border-width: 2px;
    border-style: solid;
}

.team-person-img {
    height: 70px;
    width: 70px;
    border-radius: 80px;
    /*border-top-right-radius: 50px;*/
}

.person-img {
    height: 337px;
}

.trHover tr:hover {
    background: rgba(0,0,0,0.05) !important;
}

.tdPadding tr td {
    padding: 10px 7px 5px 7px !important;
}

.person-details-menu .panel {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%);

    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
    /*border: 0px;*/
    border-radius: 10px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #4db6ac;
}

.faulties-menu-point {
    background: rgba(255,255,255,0.5) !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.inspector-monitoring-image {
    position: absolute;
    top: -15px;
    width: 100%;
    height: 250px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /*top: 0px;*/
}

.teamTree .panel {
    border-radius: 10px;
    padding: 5px 0px 10px 0px;
}




.invoice-barcode-add {
    border: 1px solid #c1c1c1;
    padding: 3px 4px 3px 4px;
    border-radius: 3px;
    background: #fff !important;
}

.invoice-barcode-add:hover {
    border: 1px solid #26a69a;
}

.invoice-barcode-add i {
    font-size: 13px;
    color: #c1c1c1;
}

.invoice-pay-status-color-0 {
    color: #787878 !important;
}

.invoice-pay-status-color-1 {
    color: #f44336 !important;
}

.invoice-pay-status-color-2 {
    color: #4caf50 !important;
}

.inspect-starter-last-pti-pic {
    /*position: absolute;*/
    /*max-width: 96%;*/
    /*left: 2%;*/
    /*display: inline-block;*/
    background: #000;
    padding: 0px;
    border-radius: 0px 0px 10px 10px !important;

}

.inspect-starter-last-pti-pic img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    border-radius: 0px 0px 10px 10px !important;
}

.inspect-starter-details {
    top: -60px;
    /*bottom: 50px;*/
}

.inspect-starter-details .panel {
    border-radius: 10px 10px 0px 0px;
}

.inspect-starter-details-arrow {
    bottom: 25px;
}

.inspect-starter-details-arrow i {
    border-radius: 100px;
    font-size: 40px;
}

.inspect-starter-menu-section-1 {
    padding: 0px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-width: 1px;
    border-color: #eae5e5;
    border-style: solid;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
}

.inspect-starter-menu-section-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-width: 1px;
    border-color: #eae5e5;
    border-style: solid;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
}

.inspect-starter-details-done .btn-1 {
    background: #fff;
    color: rgba(0,0,0,0.5) !important;
    width: 100%;
    padding: 5px;
    font-size: 9px;
    border-radius: 0px 0px 0px 10px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0, 150, 136, 0.6);
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
}

.inspect-starter-details-done .btn-2 {
    background: #fff;
    color: rgba(0,0,0,0.7);
    width: 100%;
    padding: 5px;
    font-size: 9px;
    border-radius: 0px 0px 10px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0, 150, 136, 0.6);
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
}


.inspect-starter-details-footer {
    top: 10px;
    padding: 0px !important;
    margin-bottom: 50px;
}


.inspect-starter-details-footer .btn-1 {
    background: #fff;
    color: rgba(0,0,0,0.5) !important;
    width: 100%;
    padding: 5px;
    font-size: 9px;
    border-radius: 0px 0px 0px 10px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0, 150, 136, 0.6);
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
}

.inspect-starter-details-footer .btn-2 {
    background: #fff;
    color: rgba(0,0,0,0.7);
    width: 100%;
    padding: 5px;
    font-size: 9px;
    border-radius: 0px 0px 10px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0, 150, 136, 0.6);
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
}

.inspect-starter-details-footer .btn-3 {
    background: #fff;
    color: rgba(0,0,0,0.7);
    width: 100%;
    padding: 5px;
    font-size: 9px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0, 150, 136, 0.6);
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
}

.pti-operator-starter-pic {
    height: 110px;
    -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.2);
    border: 2px white solid;

    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.pti-operator-starter-pic img {
    max-width: 100%;
}

.pti-operator-starter button {
    width: 100%;
    background: transparent;
    border: 1px rgba(186, 184, 184, 0.5) solid;
    border-radius: 3px;
    padding: 3px;
}

.pti-operator-starter-legal-entity span {
    color: #455a64;
    border: 1px solid #607d8b;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 2px;
    margin: 0px !important;
    padding: 0px !important;
}

.pti-operator-starter-legal-entity {
    cursor: pointer;
}

.pti-operator-starter-legal-entity input, .pti-operator-starter-legal-entity span {
    margin-top: 3px !important;
    width: 12px;
    height: 12px;
}

.pti-operator-starter-legal-entity text {
    position: relative;
    top: 1px;
}

.pti-operator-starter-legal-entity .checker span.checked:after {
    color: #4caf50!important;
    font-size: 12px;
    padding: 0px !important;
    margin: 0px !important;
}

.pti-operator-starter-done-button {
    font-size: 10px;
    padding: 5px;
    width: 100%;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}

.audit-quest-footer-textarea {
    margin: 0px !important;
    top: 0px;
    width: 100%;
    height: 31px;
    padding: 8px 5px 5px 5px;
    background: transparent;
    border-width: 1px;
    border-color: rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-top: 7.5px;
    font-size: 10px;
    color: rgba(0,0,0,0.6);
    text-align: center;
}


.audit-quest-footer-textarea::-webkit-input-placeholder { /* Edge */
    color: red;
}

.audit-quest-footer-textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

.audit-quest-footer-textarea::placeholder {
    color: #989898 !important;
}


.audit-quest-footer .button {
    width: 100%;
    background: transparent;
    border-width: 0px;
    margin-top: 7px;
    font-size: 10px;
    color: rgba(0,0,0,0.6)
}

.audit-quest-footer:hover {
    background: rgb(79, 187, 95);
}

.audit-quest-footer:hover .button {
    color: #fff !important;
}

.quest-edit-textarea {
    border-color: rgba(0,0,0,0.1);
    width: 100%;
    height: 300px;
}

.synchMenu i {
    font-size: 20px;
    padding: 10px;
}

.synchMenu p {
    position: relative;
    top: 10px;
    font-size: 9px
}

.synchMenu .synchLine {
    position: absolute;
    left: 0px;
    top: 21px;
    width: 100%;
    background: #e0e0e0;
    height: 2px;
    z-index: 0;
}

.synchMenu .leftSpan {
    width: 50%;
    left: 50%;
}

.synchMenu .rightSpan {
    width: 50%;
    right: 50%;
}

.finance-daily-count {
    height: 200px;
    padding-top: 50px !important;
    text-align: center;
    background: linear-gradient(40deg, rgba(253, 92, 156, 100) 0%, rgba(255, 168, 105, 100) 100%) !important;
}


.finance-daily-count-top {
    position: relative;
    top: 20px;
    padding-top: 15px;
    height: 80px;
    background: #fff;
    border-radius: 5px;
}


.select-xs-aio {
    display: block;
    padding-left: 12px;
    padding-right: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-md-aio>.select2>.selection>.select2-selection--single {
    padding: 9.5px;
}

.select-xs-aio span.select2-selection--single  {
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 15px;
    /*padding-bottom: 5px;*/
}

.select2-selection--single .select2-selection__rendered  {
    color: #656365 !important;
    font-size: 10px !important;
}

/*.select2-selection--single {*/
/*    cursor: pointer;*/
/*    outline: 0;*/
/*    display: block;*/
/*    height: auto !important;*/
/*    padding: 5px;*/
/*    font-size: 10px !important;*/
/*    line-height: 1.5384616;*/
/*    position: relative;*/
/*    border: 1px solid transparent;*/
/*    white-space: nowrap;*/
/*    border-radius: 3px;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none;*/
/*}*/

.picker__select--month, .picker__select--year, .picker__weekday {
    font-size: 10px !important;
}

.picker--focused .picker__day--highlighted, .picker__day--highlighted, .picker__day--highlighted:hover {
    background: #26a69a !important;
}

.bg-active-dark {
    background: #d7d7d7 !important;
}

.bg-active {
    background: #ebebeb !important;
}

.bg-active-light {
    background: #f6f6f6 !important;
}

.bg-transparent {
    background: transparent !important;
}

.border-transparent {
    border-color: transparent;
}

.aio-border-xs {
    border-width: 1px !important;
    border-style: solid;
}

.border-dotted {
    border-style: dotted !important;
}

.border-dashed {
    border-style: dashed !important;
}

.text-truncate {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.hr-text-info {
    width: 30%;
    left: 35%;
    margin: 2px 0px 2px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0, 0, 0,0.1) !important;
}

.hr-dashed-100 {
    width: 100%;
    border-width: 1px 0px 0px 0px !important;
    border-style: dashed !important;
    border-color: grey !important;
}

.hr-dashed-80 {
    width: 80%;
    margin-left: 10% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dashed !important;
    border-color: grey !important;
}

.hr-dashed-70 {
    width: 70%;
    margin-left: 15% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dashed !important;
    border-color: grey !important;
}

.hr-dashed-60 {
    width: 60%;
    margin-left: 20% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dashed !important;
    border-color: grey !important;
}

.hr-dashed-50 {
    width: 50%;
    margin-left: 25% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dashed !important;
    border-color: grey !important;
}

.hr-dotted-80 {
    width: 80%;
    margin-left: 10% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dotted !important;
    border-color: grey !important;
}

.hr-dashed-full {
    width: 100%;
    margin-left: 0% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dashed !important;
    border-color: #ccc; !important;
}

.hr-dotted-70 {
    width: 70%;
    margin-left: 15% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dotted !important;
    border-color: grey !important;
}

.hr-dotted-50 {
    width: 50%;
    margin-left: 25% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dotted !important;
    border-color: grey !important;
}

.hr-dotted-30 {
    width: 30%;
    margin-left: 35% !important;
    border-width: 1px 0px 0px 0px !important;
    border-style: dotted !important;
    border-color: grey !important;
}

.aioGuide {
    background: #26a69a;
    animation: pulse-animation-aioGuide 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

.aioGuideXs {
    padding: 1px 5px 0px 5px !important;
    background: #26a69a;
    animation: pulse-animation-aioGuide 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-aioGuide{
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgb(255, 255, 255);
    }
}



.aio-status-0 {
    color: #e74242;
}

.aio-status-1 {
    color: #26a69a;
}

.pti-result-border-1 {
    border-bottom-color: #2e7d32 !important;
}

.pti-result-border-0 {
    border-bottom-color: #c52828 !important;
}

.pti-result-border-3 {
    border-bottom-color: #d7ad21 !important;
}

.pti-result-full-border-1 {
    border-width: 1px !important;
    border-style: solid;
    border-color: #2e7d32 !important;
}

.pti-result-full-border-0 {
    border-width: 1px !important;
    border-style: solid;
    border-color: #c52828 !important;
}

.pti-result-full-border-3 {
    border-width: 1px !important;
    border-style: solid;
    border-color: #ff0000 !important;
}

.pti-result-text-1 {
    color: #2e7d32 !important;
}

.pti-result-text-0 {
    color: #ff0000 !important;
}

.pti-result-text-3 {
    color: #ff0000 !important;
}

.pti-reg-status-SERIOUS {
    color: #ffb74d;
}

.pti-reg-status-DANGEROUS {
    color: #ff0000;
}

.pti-reg-status-INSIGNIFICANT {
    color: #4caf50;
}

.icon-pti-result-2-1:before{content:"\e372"; color:#4db6ac }
.icon-pti-result-2-0:before{content:"\ed6b"; color: #fa7f20 }
.icon-pti-result-2-3:before{content:"\ed6b"; color:#ff0000 }

.icon-pti-result-1:before{content:"\ec68"; color:#2e7d32 }
.icon-pti-result-0:before{content:"\ec68"; color:#ff0000 }
.icon-pti-result-3:before{content:"\ec68"; color:#ff0000 }

.icon-pti-result-check-1:before{content:"\e372"; color: #0bb613 }
.icon-pti-result-check-0:before{content:"\ed6b"; color:#ff0000 }
.icon-pti-result-check-3:before{content:"\ed6b"; color:#ff0000 }

.pti-type-bg-2 {
    background: rgba(33, 150, 243,0.2) !important;
}

.pti-registry-pti-status-bg-1 {
    background: rgb(187, 217, 192) !important;
    border-radius: 3px;
}

.pti-registry-pti-status-bg-0 {
    background: rgb(251, 201, 201) !important;
    border-radius: 3px;
}

.pti-registry-pti-type-bg-2 {
    background: rgb(207, 231, 250) !important;
    border-radius: 3px;
}

.today-stat-company-first {
    animation: anim-today-stat-company-first 1s infinite alternate ease;
    animation-fill-mode: both;
}
@keyframes anim-today-stat-company-first {
    from {
        border-bottom-width: 1px;
        border-bottom-color: rgba(5, 128, 40, 0);
        border-bottom-style: dotted;
        background: rgba(5, 128, 40, 0.2);
        /*color: #fff;*/
    }
    to {
        border-bottom-width: 1px;
        border-bottom-color: rgba(5, 128, 40, 0.5);
        border-bottom-style: solid;
        background: rgba(5, 128, 40, 0);
    }
}

.today-stat-company-sec {
    animation: anim-today-stat-company-sec 1s infinite alternate ease;
    animation-fill-mode: both;
}
@keyframes anim-today-stat-company-sec {
    from {
        border-bottom-width: 1px;
        border-bottom-color: rgba(253, 142, 2, 0);
        border-bottom-style: dotted;
        background: rgba(253, 142, 2, 0.2);
        /*color: #fff;*/
    }
    to {
        border-bottom-width: 1px;
        border-bottom-color: rgba(253, 142, 2, 0.5);
        border-bottom-style: solid;
        background: rgba(253, 142, 2, 0);
    }
}

.aio-gradient-button-1 {
    background: linear-gradient(90deg, rgb(22, 210, 227) 0%, rgb(6, 94, 151) 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.8);
    -webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
}

.no-button-style {
    padding: 0px !important;
    border: 0px;
    background: transparent;
}

.select-xs.select2-selection--multiple .select2-selection__choice {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.6666667;
}

.btn-xs {
    font-size: 11px;
    padding: 3px 10px;
}
.btn-xs i {
    font-size: 12px;
    padding: 0px !important;
}

.btn-labeled.btn-xs>b {
    padding: 7px;
}

.btn-xs-aio {
    font-size: 10px;
    padding: 3px 10px 2px 30px;
}

.btn-xs-aio i {
    font-size: 11px;
    padding: 0px !important;
}

.btn-labeled.btn-xs-aio>b {
    padding: 5.5px !important;
}


.input-xs-aio {
    height: 25px;
    font-size: 10px;
}

.select-sm-aio {
    background: #fff;
    cursor: pointer;
    outline: 0;
    display: block;
    height: auto !important;
    padding: 8px !important;
    font-size: 10px !important;
    line-height: 1.5384616;
    position: relative;
    border: 1px solid #ddd;
    white-space: nowrap;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select-sm-aio>option {
    padding-top: 10px !important;
}

legal-entity span {
    color: #455a64;
    border: 2px solid #607d8b;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 2px;
}

.legal-entity {
    cursor: pointer;
}

.legal-entity input, .legal-entity span {
    width: 15px;
    height: 15px;
}

.legal-entity .checker span.checked:after {
    color: #4caf50!important;
    font-size: 14px;
}

#warning-select-border.select2-selection--single:not([class*=bg-]):not([class*=border-]){
    border-color: red !important;
}

.rounded-round {
    border-radius: 100px!important;
}

.status-text-1 {
    color: #4db6ac !important;
}

.text-muted-2 {
    color: rgba(0,0,0,0.3) !important;
}

.tast-status-1 {
    color: red !important;
}
.tast-status-2 {
    color: #4caf50!important;
}

.status-have-1:before{content:"\e372"; color:#4db6ac }
.status-have-0:before{content:"\ed6b"; color:#4db6ac }

.href-color {
    color: #333 !important;
}
.no-border { border-width: 0px !important;}
.no-padding { padding: 0px !important; }
.no-margin { margin: 0px !important; }
.no-border-radius { border-radius: 0px !important; }

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

.verticaltext_content {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.float-right { right: 0px !important; float: right !important;}

.right-0 {
    right: 0px !important;
}

.pl-0 { padding-left: 0px   !important;}
.pr-0 { padding-right: 0px  !important;}
.pt-0 { padding-top: 0px    !important;}
.pb-0 { padding-bottom: 0px !important;}

.padding-3 { padding: 3px !important; }

.pt-1 { padding-top: 1px    !important; }
.pb-1 { padding-bottom: 1px !important; }
.pl-1 { padding-left: 1px   !important; }
.pr-1 { padding-right: 1px  !important; }

.pt-2 { padding-top: 2px    !important; }
.pb-2 { padding-bottom: 2px !important; }
.pl-2 { padding-left: 2px   !important; }
.pr-2 { padding-right: 2px  !important; }

.pt-3 { padding-top: 3px    !important; }
.pb-3 { padding-bottom: 3px !important; }
.pl-3 { padding-left: 3px   !important; }
.pr-3 { padding-right: 3px  !important; }

.pt-4 { padding-top: 4px    !important; }
.pb-4 { padding-bottom: 4px !important; }
.pl-4 { padding-left: 4px   !important; }
.pr-4 { padding-right: 4px  !important; }

.pl-5 { padding-left: 5px   !important; }
.pr-5 { padding-right: 5px  !important; }
.pt-5 { padding-top: 5px    !important; }
.pb-5 { padding-bottom: 5px !important; }

.pl-8 { padding-left: 8px   !important; }
.pr-8 { padding-right: 8px  !important; }
.pt-8 { padding-top: 8px    !important; }
.pb-8 { padding-bottom: 8px !important; }

.pl-9 { padding-left: 9px   !important; }
.pr-9 { padding-right: 9px  !important; }
.pt-9 { padding-top: 9px    !important; }
.pb-9 { padding-bottom: 9px !important; }

.pl-6 { padding-left: 6px   !important; }
.pr-6 { padding-right: 6px  !important; }
.pt-6 { padding-top: 6px    !important; }
.pb-6 { padding-bottom: 6px !important; }

.pl-7 { padding-left: 7px   !important; }
.pr-7 { padding-right: 7px  !important; }
.pt-7 { padding-top: 7px    !important; }
.pb-7 { padding-bottom: 7px !important; }

.pt-10 { padding-top: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pr-10 { padding-right: 10px !important; }
.pl-10 { padding-left: 10px !important; }

.pt-11 { padding-top: 11px !important; }
.pb-11 { padding-bottom: 11px !important; }
.pr-11 { padding-right: 11px !important; }
.pl-11 { padding-left: 11px !important; }

.pt-12 { padding-top: 12px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pr-12 { padding-right: 12px !important; }
.pl-12 { padding-left: 12px !important; }

.pt-13 { padding-top: 13px !important; }
.pb-13 { padding-bottom: 13px !important; }
.pr-13 { padding-right: 13px !important; }
.pl-13 { padding-left: 13px !important; }

.pt-14 { padding-top: 14px !important; }
.pb-14 { padding-bottom: 14px !important; }
.pr-14 { padding-right: 14px !important; }
.pl-14 { padding-left: 14px !important; }

.pt-15 { padding-top: 15px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pr-15 { padding-right: 15px !important; }
.pl-15 { padding-left: 15px !important; }

.pl-20 { padding-left: 20px !important; }
.pr-20 { padding-right: 20px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }

.pl-25 { padding-left: 25px !important; }
.pr-25 { padding-right: 25px !important; }
.pt-25 { padding-top: 25px !important; }
.pb-25 { padding-bottom: 25px !important; }

.pl-26 { padding-left: 26px !important; }
.pr-26 { padding-right: 26px !important; }
.pt-26 { padding-top: 26px !important; }
.pb-26 { padding-bottom: 26px !important; }

.pl-27 { padding-left: 27px !important; }
.pr-27 { padding-right: 27px !important; }
.pt-27 { padding-top: 27px !important; }
.pb-27 { padding-bottom: 27px !important; }

.pl-30 { padding-left: 30px !important; }
.pr-30 { padding-right: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }

.pl-33 { padding-left: 33px !important; }
.pr-33 { padding-right: 33px !important; }
.pt-33 { padding-top: 33px !important; }
.pb-33 { padding-bottom: 33px !important; }

.pl-32 { padding-left: 32px !important; }
.pr-32 { padding-right: 32px !important; }
.pt-32 { padding-top: 32px !important; }
.pb-32 { padding-bottom: 32px !important; }

.pl-35 { padding-left: 35px !important; }
.pr-35 { padding-right: 35px !important; }
.pt-35 { padding-top: 35px !important; }
.pb-35 { padding-bottom: 35px !important; }

.pl-40 { padding-left: 40px !important; }
.pr-40 { padding-right: 40px !important; }
.pt-40 { padding-top: 40px !important; }
.pb-40 { padding-bottom: 40px !important; }

.pl-50 { padding-left: 50px !important; }
.pr-50 { padding-right: 50px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-50 { padding-bottom: 50px !important; }

.pl-60 { padding-left: 60px !important; }
.pr-60 { padding-right: 60px !important; }
.pt-60 { padding-top: 60px !important; }
.pb-60 { padding-bottom: 60px !important; }

.pt-100 { padding-top: 100px !important;}

.padding-1 { padding: 1px !important; }
.padding-2 { padding: 2px !important; }
.padding-3 { padding: 3px !important; }
.padding-4 { padding: 4px !important; }
.padding-5 { padding: 5px !important; }
.padding-5-per { padding: 5% !important; }
.padding-6 { padding: 6px !important; }
.padding-7 { padding: 7px !important; }
.padding-8 { padding: 8px !important; }
.padding-9 { padding: 9px !important; }
.padding-10 { padding: 10px !important; }
.padding-10-per { padding: 10% !important; }
.padding-15 { padding: 15px !important; }
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.padding-20 { padding: 20px !important; }
.padding-30 { padding: 30px !important; }
.padding-50 { padding: 50px !important; }
.margin-20 { margin: 20px !important; }

.pt-12 { padding-top: 12px !important; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-47 { padding-top: 47px; }
.pt-48 { padding-top: 48px; }
.pt-50 { padding-top: 50px; }
.pt-70 { padding-top: 70px; }

.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-70 { padding-bottom: 70px; }

.mt-0 { margin-top: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mt-1 { margin-top: 1px !important; }
.ml-1 { margin-left: 1px !important; }
.mt-2 { margin-top: 2px !important; }

.mt-3 { margin-top:    3px !important; }
.ml-3 { margin-left:   3px !important; }
.mr-3 { margin-right:  3px !important; }
.mb-3 { margin-bottom: 3px !important; }

.mt-4 { margin-top:    4px !important; }
.ml-4 { margin-left:   4px !important; }
.mr-4 { margin-right:  4px !important; }
.mb-4 { margin-bottom: 4px !important; }

.mr-5 { margin-right:  5px !important; }
.ml-5 { margin-left:   5px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mt-5 { margin-top:    5px !important; }

.mt-6 { margin-top: 6px !important; }
.mb-6 { margin-bottom: 6px !important; }

.mt-7 { margin-top: 7px !important; }
.mb-7 { margin-bottom: 7px !important; }

.mt-8 { margin-top: 8px !important; }
.mb-8 { margin-bottom: 8px !important; }

.mt-9 { margin-top: 9px !important; }

.mt-12 { margin-top: 12px !important; }

.mr-10 { margin-right: 10px !important;}
.mt-10 { margin-top: 10px !important;}
.mb-10 { margin-bottom: 10px !important;}
.ml-10 { margin-left: 10px !important;}

.mr-11 { margin-right: 11px !important;}
.mt-11 { margin-top: 11px !important;}
.mb-11 { margin-bottom: 11px !important;}
.ml-11 { margin-left: 11px !important;}

.mt-17 { margin-top: 18px !important;}

.mr-15 { margin-right: 15px !important;}
.ml-15 { margin-left: 15px !important;}
.mt-15 { margin-top: 15px !important;}
.mb-15 { margin-bottom: 15px !important;}

.mr-20 { margin-right: 20px !important;}
.ml-20 { margin-left: 20px !important;}
.mt-20 { margin-top: 20px !important;}
.mb-20 { margin-bottom: 20px !important;}

.mr-22 { margin-right: 22px !important;}
.ml-22 { margin-left: 22px !important;}
.mt-22 { margin-top: 22px !important;}
.mb-22 { margin-bottom: 22px !important;}

.mt-25 { margin-top: 25px !important;}
.mb-25 { margin-bottom: 25px !important;}

.mt-30 { margin-top:    30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mr-30 { margin-right:     30px; }
.ml-30 { margin-left:      30px; }
.ml-30-per { margin-left:  30%; }
.mr-30-per { margin-right: 30%; }

.mt-35 { margin-top: 35px !important; }

.mr-40 { margin-right: 40px !important;}
.ml-40 { margin-left: 40px !important;}
.mt-40 { margin-top: 40px !important;}
.mb-40 { margin-bottom: 40px !important;}

.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-65 { margin-top: 65px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-100 { margin-top: 100px !important;}

.text-left { text-align: left !important;}
.text-right { text-align: right !important;}

.lsp-1 { letter-spacing:1px !important; }
.lsp-2 { letter-spacing:2px !important; }
.lsp-3 { letter-spacing:3px !important; }
.lsp-5 { letter-spacing:5px !important; }

.font-2 { font-size: 2px; !important;}
.font-3 { font-size: 3px; !important;}
.font-4 { font-size: 4px; !important;}
.font-5 { font-size: 5px; !important;}
.font-6 { font-size: 6px; !important;}
.font-7 { font-size: 7px; !important;}
.font-8 { font-size: 8px; !important;}
.font-9 { font-size: 9px; !important;}
.font-10 { font-size: 10px !important;}
.font-11 { font-size: 11px; !important;}
.font-12 { font-size: 12px; !important;}
.font-13 { font-size: 13px; !important;}
.font-14 { font-size: 14px; !important;}
.font-15 { font-size: 15px !important;}
.font-16 { font-size: 16px; !important;}
.font-17 { font-size: 17px; !important;}
.font-18 { font-size: 18px; !important;}
.font-19 { font-size: 19px; !important;}
.font-20 { font-size: 20px; !important;}
.font-22 { font-size: 22px; !important;}
.font-30 { font-size: 30px; !important;}
.font-40 { font-size: 40px; !important;}
.font-50 { font-size: 50px; !important;}
.font-70 { font-size: 70px; !important;}

.width-5  { width: 5px !important;}
.width-10 { width: 10px !important;}
.width-20 { width: 20px !important;}
.width-30 { width: 30px !important;}
.width-35 { width: 35px !important;}
.width-40 { width: 40px !important;}
.width-10-per { width: 10% !important;}
.width-30-per { width: 30% !important;}
.width-50 { width: 50px !important;}
.width-50-per { width: 50% !important;}
.width-100 { width: 100% !important;}
.height-100 { height: 100% !important;}

.border-bottom-grey-100 {
    border-bottom-color: #ddd !important;
}

.border-top-grey-100 {
    border-top-color: #ddd !important;
}

.border-bottom-grey-200 {
    border-bottom-color: #d4d3d3 !important;
}

.border-top-grey-200 {
    border-top-color: #d4d3d3 !important;
}

.bg-shadow {
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
}

.bg-shadow-light {
    -webkit-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
}

.bg-shadow-panel-sm {
    -webkit-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.05);
}

.bg-shadow-400 {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
}

.bg-shadow-300 {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
}

.bg-shadow-bottom {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.bg-shadow-center {
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
}

.bg-shadow-center-light {
    -webkit-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
}

.pulse-teal {
    animation: pulse-animation-teal 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-teal {
    from {
        color: rgba(38,166,154,0);
    }
    to {
        color: rgba(38,166,154,1);
    }
}

.pulse-danger {
    animation: pulse-animation-danger 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-danger {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgba(255,0,0,1);
    }
}


.pulse-warning {
    animation: pulse-animation-warning 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-warning {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: #ff7043;
    }
}


.pulse-blue {
    animation: pulse-animation-blue 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-blue {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: #008ec4;
    }
}


.pulse-success {
    animation: pulse-animation-success 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-success {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgb(54, 227, 137);
    }
}


.pulse-grey {
    animation: pulse-animation-grey 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-grey {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgb(80, 82, 82);
    }
}


.pulse-grey-100 {
    animation: pulse-animation-grey-100 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-grey-100 {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgb(136, 139, 139);
    }
}


#loadingAnimationTavadi {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(38,50,56,0.9);
    z-index: 9999999;
}

#loadingAnimationTavadi #text {
    min-width: 100%;
    top: 40%;
    text-align: center;
}

#loadingAnimationTavadiImage {
    width: 200px;
    height: auto;
    animation-fill-mode: both;
    -webkit-animation: loadingAnimationTavadiImage 1.5s infinite alternate ease;
    -moz-animation: loadingAnimationTavadiImage 1.5s infinite alternate ease;
    animation: loadingAnimationTavadiImage 1.5s infinite alternate ease;
}

@-webkit-keyframes loadingAnimationTavadiImage {
    0% { opacity: 0; }
    /*20% { opacity: 0.2; }*/
    /*40% { opacity: 0.4; }*/
    /*60% { opacity: 0.6; }*/
    /*80% { opacity: 0.8; }*/
    100% { opacity: 1; }
}

.tealPagination .pagination>.active>span {
    background-color: rgba(38,166,154,1);
    border: 1px solid rgba(38,166,154,1);
}

.pagination>li>span {
    padding: 3px;
}

.pagination>li>a {
    position: relative;
    float: left;
    padding: 3px;
    line-height: 1.5384616;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}



.xs-placeholder ::-webkit-input-placeholder { /* Edge */
    font-size: 9px;
    color: #c7c7c7;
    text-align: center;
}

.xs-placeholder :-ms-input-placeholder { /* Internet Explorer */
    font-size: 9px;
    color: #c7c7c7;
    text-align: center;
}

.xs-placeholder ::placeholder {
    font-size: 9px;
    color: #c7c7c7;
    text-align: center;
}

.animated-bg {
    background: linear-gradient(46deg, #4ac9d8, #005b96);
    background-size: 400% 400%;
    -webkit-animation: background-ease 10s ease infinite;
    -moz-animation: background-ease 10s ease infinite ;
    -o-animation: background-ease 10s ease infinite ;
    animation: background-ease 10s ease infinite ;
}

@-webkit-keyframes background-ease {
    0%{background-position:0% 99%}
    50%{background-position:100% 2%}
    100%{background-position:0% 99%}
}
@-moz-keyframes background-ease {
    0%{background-position:0% 99%}
    50%{background-position:100% 2%}
    100%{background-position:0% 99%}
}
@-o-keyframes background-ease {
    0%{background-position:0% 99%}
    50%{background-position:100% 2%}
    100%{background-position:0% 99%}
}
@keyframes background-ease {
    0%{background-position:0% 99%}
    50%{background-position:100% 2%}
    100%{background-position:0% 99%}
}

.animated-bg-2 {
    width: 100%;
    height: 600px;
    /*background: linear-gradient(to right, #22d686, #24d3d3, #22d686, #24d3d3);*/
    background: linear-gradient(to right, #22bbd6, #24d3d3, #1cd096, #22BBD6FF);
    background-size: 600% 100%;
    -webkit-animation: HeroBG 20s ease infinite;
    animation: HeroBG 20s ease infinite;
    overflow: hidden;
}

@-webkit-keyframes HeroBG {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0;
    }
    100% {
        background-position: 0 0;
    }
}

.aioWarningNoti {
    top: 20%;
    width: 40% !important;
    left: 31%;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.aioWarningNoti .brighttheme {
    background: rgba(38,166,154,0.8) !important;
    text-align: center;
    color: #fff !important;
    border-color: #fff;
    border-style: solid;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.aioWarningNoti .ui-pnotify-title {
    margin: 0px;
    font-size: 10px;
}

.aioWarningNoti .hardwareWarning {
    width: 50px;
    background: rgba(255,255,255,0.7);
    padding: 5px;
    border-radius: 10px;
}

.validation-invalid-label {
    position: absolute;
    bottom: -22px;
    width: 100%;
    font-size: 9px;
    color: red;
}

.text-black {
    color: #000 !important;
}

.text-black-700 {
    color: rgba(0,0,0,0.7) !important;
}

.fade {
    /*display: none;*/
}

.fadeTab {
    display: none !important;
}






/*mobile*/
@media only screen and (max-width: 600px) {
    .person-details-menu .text-center  {
        text-align: left !important;
    }
    .person-details-menu .col-xs-12  {
        padding: 0px !important;
        margin-top: 10px !important;
    }

    .personDetailsTable .text-center  {
        text-align: left !important;
    }

    .personDetailsTable .text-right  {
        text-align: left !important;
    }

    .personDetailsTable .col-xs-12  {
        margin-top: 10px !important;
    }


    .dash-calendar-bg {
        position: absolute;
        /*width: 45%;*/
        height: 65%;
        top: 25%;
        left: 0%;
        z-index: 0;
        opacity: 0.03;
        text-align: center;
        /*background: red;*/
        -webkit-transform:rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    .dash-calendar-bg img {
        position: relative;
        float: center;
        height: 50%;
    }
}