/*
override original bootstrap css
--------------------------------------------------
*/
.media, .media-body {
    overflow: inherit;
}
.nav-link {
    padding: 8px !important;
}
.sidebar .nav.nav-first-level>li>a {
    padding: 10px 15px;
}
ul .nav.nav-third-level>li>a {
    padding: 7px 15px 7px 75px;
}
question > img {
    margin-top: -5px;
    /*margin-left: 5px;*/
}
@media (min-width: 1200px) {
    .modal-xl {
        width: 900px;
    }
}
.schedule-custom-data >div>p {
    margin-bottom: 2px;
}
/*.modal-body {*/
/*    overflow-y: auto;*/
/*    max-height: calc(100vh - 15rem);*/
/*}*/
.duration-label {
    align-items: center;
    display: inline-flex;
    margin-left: 10px;
}
.duration-item > input {
    width: 60px !important;
    margin-right: 10px;
}
.duration-item {
    font-weight: normal;
    text-align: right;
}
.duration-item > span {
    margin-right: 10px;
}
.approved-appointment {
    background-color: #a3ffa342 !important;
}
.ui-grid-row-selected .approved-appointment {
    background-color: #abfab4 !important;
}
.rejected-appointment {
    background-color: #cd5c5c4a !important;
}
.selected-appointment {
    background-color: #42a9ee4a !important;
}
.ui-grid-row-selected .rejected-appointment {
    background-color: #efacac !important;
}
.requested-appointment {
    background-color: #54a1ba !important;
    color: #fff;
}
.ui-grid-row-selected .requested-appointment {
    background-color: #5fcce6 !important;
}
.split-label {
    display: inline-flex;
    margin-right: 10px;
    flex-direction: row;
}
.split-label >.label {
    border-radius: 4px 0 0 4px;
    margin-right: -4px;
}
.split-label >.label:nth-child(2) {
    border-radius: 0 4px 4px 0;
}
.schedule-custom-data {
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #31708f;
    border-radius: 4px;
    color: #31708f;
    background-color: #d9edf7;
    display: inline-block;
    margin-right: 10px;
    min-width: 150px;
}
.navbar-toggle {
    float: left;
}
.panel-footer {
    display: grid;
}
.navbar-top-links li {
    display: inline-block;
}
.panel-collapse-left {
    padding-left: 15px;
}
.bootstrap.snippet .col-md-6, .bootstrap.snippet .col-md-12 {
    padding-right: 0;
}
.schedule-day-box {
    display: inline-flex;
    width: 125px;
    height: 50px;
    padding: 5px;
    border: 1px solid #b3b3b3;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 .15rem 0.75rem 0 rgba(58,59,69,.15)!important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    text-transform: uppercase;
}
.user-image {
    max-width: 150px; height: 150px; margin-right: 15px;
}
.selected-tab {
    background-color: #fffcfc !important;
}
.sidebar ul li.active>a {
    background-color: #fefefe;
}
.delete-eventlogs .form-group {
    margin-bottom: 10px;
}
.items-per-page {
    float: right; width: 290px; display: table; padding: 0;margin: 20px 0;
}
.margin-right {
    margin-right: 5px;
}
.margin-left {
    margin-left: 5px;
}
.schedule-week {
    height: auto;
    text-align: left;
    float: left;
    position: relative;
    margin-right: 5px;
}
.schedule-week .heading {
    background-color: #d9edf7;
    text-align: left;
    padding: 1px 10px 10px 10px;
    margin-bottom: 15px;
    margin-top: 5px;
    border: 1px solid #99cce6;
}
.icon-big {
    color: #909090;
    font-size: 2em;
    padding-right: 5px;
    vertical-align: middle;
}
.nav-one-level>li>a {
    font-size: 14px;
    font-weight: 400;
    background-color: #ddd;
}
.modal-dialog.modal-full {
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.modal-dialog.modal-full .modal-content {
    height: 100%;
}
.report-settings-sum-user {
    width: 160px;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
.report-settings-show-time-user {
    width: 260px;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
.report-settings-list-user {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
.bg-title {
    background-color: #d9edf7;
    padding: 10px 10px;
    border: 1px solid #99cce6;
}
.fullheight-table-jobconf {
    height: 70vh;
}
/*visitor management*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background: #f3f3f3;
}
.alert-info {
    border-color: #90bfc9;
}
.alert-warning {
    border-color: #c1ae88;
}
.alert-success {
    border-color: #abc596;
}
.alert-danger {
    border-color: #c1989f;
}
.well {
    border: 1px solid #cecece;
}
.seperated-items {
    padding-left: 10px;
    padding-right: 10px;
    display: initial;
    height: fit-content;
}
.plan-card {
    margin-bottom: 0;
}
.plan-card .label {
    padding: 0.2em 0.8em 0.2em;
}
.sep-right {
    border-right: solid 1px #ccc;
}
.lbl-sub-float-left p{
    margin: 0 0 2px !important;
}
.plan-summ-top {
    display: flex;
    width: 90%;
}
.plan-list .well {
    margin-bottom: 0;
}
.label-lg {
    font-size: 14px;
}
.vertical-middle {
    vertical-align: middle !important;
}
.sidebar .nav-third-level li a {
    padding-left: 75px;
}
.nav-first-level>li>a {
    font-size: 16px;
    font-weight: 600;
    background-color: #ddd;
}
.nav-first-level>li>a>img{
    margin-right: 5px;
    height: 35px;
}
.schema-form-input-addon {
    display: block;
    margin-top: -15px;
}
legend {
    margin: 3px;
    text-align: left !important;
    width: 100%;
    text-transform: uppercase;
    font-size: initial;
}
[uib-typeahead-popup].dropdown-menu {
    display: block;
    max-height: 300px;
    overflow: auto;
}
.ri-buttons {
    float: right;
    top: 0;
}
.item-heading {
    padding: 5px;
}
.item-body {
    padding: 5px 10px;
    display: flex;
}
.visitor-params {
    border: 1px solid #b9b8b8;
    border-radius: 5px;
    background-color: #f0f0f0;
    padding: 5px;
}
.roster-item-users {
    margin-top: 5px;
    padding-bottom: 5px;
}
.roster-item-visitors {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-bottom: 5px;
}
.ri-buttons button {
    margin-left: 2px;
}
.shift-title mark {
    color: #fff;
    background-color: #484848;
    background: #484848;
}
.visitor-device-icon {
    position: absolute;
    right: 10px;
    top: auto;
    height: 50%;
    opacity: 0.2;
}
.visitlog-wrapper {
    height: Calc(70vh);
}
.navbar-default {
    border-color: initial;
    background-color: initial;
}
.modal-content {
    border: none;
    border-radius: 4px;
}
.margin-bottom-default {
    margin-bottom: 10px;
}
.margin-top-default {
    margin-top: 15px;
}
.margin-both {
    margin: 15px 0;
}
.sub-title {
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 5px;
}
.sub-title-heading {
    margin: 0;
    text-transform: uppercase;
}
.filter-by-title > .btn.float-right {
    margin-top: -20px;
}
.fullheight-table-wrappper {
    height: Calc(75vh);
}
@media (max-width: 1200px) {
    .fullheight-table-wrappper {
        height: Calc(30vh);
    }
}
@media(max-width: 1199px){
    .fullheight-table-with-tab {
        height: auto;
    }
}
.fullheight-table-with-tab {
    height: Calc(80vh);
}
.full-height {
    height: 100%;
}
p.cell-heading {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    /*float: left;*/
}
.list-icon {
    padding: 0 10px;
}
.list-item {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

@media (min-width: 991px) {
    .panel-selected-info .panel-title{
        display: block;
    }
    .panel-selected-info .panel-title .label{
        display: inline;
    }
    .panel-selected-info .panel-heading img{
        /*max-width: 100px !important;*/
        /*height: 100px !important;*/
    }
    /*.panel-heading question > img {*/
    /*    margin-top: -15px;*/
    /*}*/
    /*.panel-selected-info {*/
    /*    flex-direction: row !important;*/
    /*}*/
    .visitor-device-icon {
        position: absolute;
        right: 10px;
        top: auto;
        height: 50%;
        opacity: 0.2;
    }
}
@media (min-width: 1400px) {
    .panel-selected-info {
        flex-direction: row !important;
    }
    .panel-selected-info .label.label-info.float-right {
        float: none;
        display: inherit;
    }
    .panel-selected-info .panel-body {
        width: -webkit-fill-available;
        width: 100%;
    }
    .panel-selected-info .panel-title{
        display: block;
    }
    .panel-selected-info .panel-title .label{
        display: inline;
    }
    .panel-selected-info .button-line {
        display: inline;
    }
}


.auto-w {
    width: auto;
}
.auto-w-right {
    width: auto;
    float: right;
}
.auto-w-left {
    width: auto;
    float: left;
}
@media (max-width: 1200px) {
    .list-val {
        padding: 0;
    }
}
.nav-tabs>li {
    width: auto;
}
p.cell-visitor-id.ng-binding {
    margin-top: -20px;
    float: right;
    font-size: 15px;
    background-color: #f0f8ff;
    border-radius: 5px;
    padding: 2px;
    display: inherit;
}
p.cell-email.ng-binding {
    font-style: italic;
    /*float: left;*/
}
.cell-padding-5 {
    padding: 5px;
}
.checkbox-inline, .radio-inline {
    /*display: table-cell;*/
}
div.app-links> div {
    margin: 0 15px;
    text-align: center;
    display: initial;
    float: initial;
}
.min80 {
    min-width: 80px;
}
.calendar-pop {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
.event-img-container {
    width: 220px;
    display: inline-block;
    padding: 0 15px 15px 5px;
}
.no-events {
    color: #ccc;
    zoom: 1;
    padding: 25% 0;
}
.event-img-container img {
    margin-bottom: 10px;
    max-height: 230px;
}
.on-leave button span {
    background-color: #ffa500;
    border-radius: 32px;
    color: #000;
}
.icon-center {
    padding: 0 2px;
}
.no-spin-control::-webkit-outer-spin-button, .no-spin-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.no-spin-control {
    -moz-appearance: textfield;
}
.font-normal {
    font-size: 100%;
}
.overlay-lang-code {
    color: #828181;
    margin-top: 4px;
    margin-left: -5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    border-color: #888;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    padding: 0 1px;
}

.ui-grid-pager-panel {
    display: contents;
}
.sidebar ul li.active {
    background-color: #f1f1f1;
}
.rep_nav_btn {
    /*padding-right: 15px;*/
}
.iti-flag {
    display: inline-block;
    margin-right: 5px;
}
.lang-pick {
    /*position: absolute;*/
    z-index: 9999;
    right: 0;
}
.report-buttons {
    width: auto;
    position: relative;
    /*padding-right: 15px;*/
    padding-left: 15px;
    float: left;
}
baidu-map {
    display: block;
    margin: 0 0 10px 0;
    /*height: inherit;*/
}
.inline-grid {
    display: inline-grid;
}
/*select[multiple].input-sm:focus, textarea.input-sm:focus {*/
/*    height: 60px;*/
/*    margin-top: -30px;*/
/*}*/
/*select[multiple].input-sm, textarea.input-sm {*/
/*    height: 30px;*/
/*}*/
#eventlog-map {
    /*height: inherit;*/
}
.BMap_bubble_content {
    padding-left: 2px;
}
.pano_close {
    display: none !important;
}
.huge {
    font-size: 18px;
}
/*.h4, h4 {*/
/*    font-size: 16px;*/
/*}*/
/*.h1, h1 {*/
/*    font-size: 30px;*/
/*}*/
.fc-day-grid-event > .fc-content {
    white-space: normal;
    overflow: hidden;
}
.row.pie-charts > .col-xs-6:nth-child(odd) {
    padding-right: 7px;
    padding-left: 0;
}
.row.pie-charts > .col-xs-6:nth-child(even) {
    padding-left: 7px;
}
.filter-text {
display: inline;
    float: right;
    color: #c5c5c5;
    background: #0000;
    font-size: 22px;
    font-weight: 300;
    text-align: left;
    border: 0px;
    margin: 0px auto;
    font-style: oblique;
}
h5.col-md-4.col-sm-4.col-xs-4.flex.col-xs-ignore.ng-binding {
    width: auto;
}
h5.col-md-8.col-sm-8.col-xs-8.list-val.ng-binding {
    width: auto;
}
.start-over {
    margin-bottom: 10px;
    background-color: #eaf1ee;
    padding: 5px;
}
.scr-tab-box {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    position: relative;
    bottom: 0;
    border-radius: 5px;
    background: #f7f7f7;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.enrollment-lbl {
    float: right;
    margin-top: -25px;
    margin-right: 0px;
}
.btn-margin {
    margin-left: 5px !important;
}
.roster-items .input-group {
    width: auto;
}
.roster-items .tab-pane {
    overflow-x: hidden;
    min-height: 35vh;
    overflow-y: auto;
}
/*.modal-body {*/
/*    max-height: 75vh;*/
/*    overflow-y: auto;*/
/*}*/
/*.modal-header {*/
/*    cursor: grabbing;*/
/*}*/
@media (min-width: 992px) {
    .modal-xl {
        width: 70vw;
    }
    .right-pane {
        padding-right: 0;
    }
}
.nav > li > a:focus, .nav > li > a:hover {
    background: transparent;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
}

@media (max-width: 510px) {
    .title-text {
        width: 250px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 667px) and (min-width: 511px) {
    .title-text {
        width: 275px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 767px) and (min-width: 666px) {
    .title-text {
        width: 300px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.icon-panel-right {
    position: absolute;
    right: 10px;
    top: 20%;
    height: 52%;
    opacity: 0.3;
}

.modal-header>.modal-title>div {
    display: inline;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 100%;
    height: 30px;
    text-align: center;
}

.dragover {
    border: 5px dashed #61AADE;
}

.old-jobs {
    max-height: 200px;
    overflow-y: auto;
}

ul.export_list {
    list-style: none;
    margin-bottom: 10px;
}

ul.export_list ul {
    list-style: none;
}

ul.export_list ul>li {
    margin-top: 5px;
}

.progress {
    margin-bottom: 0;
}

.pop-readme {
    height: 70vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.settings-form .nav.nav-tabs {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 5px;
}

.button-line .btn {
    margin-bottom: 2px;
}

.pass-alert {
    margin: 10px 0;
}

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

.holiday {
    background-color: #ff6666;
}
.holiday-recurring {
    background-color: #d0cfcf;
}
.holiday-rec {
    background-color: #0d88c1;
}

.panel-body .fc-day-number {
    font-size: x-large;
}

.panel-body .fc-event-container>a {
    margin-top: -12px;
}

@media (min-width: 767px) {
    /*.media-body>.row {*/
    /*    margin-left: 10px;*/
    /*}*/
    /*.media-body .addr-list {*/
    /*    padding: 0;*/
    /*}*/
    .padding-r-0 {
        padding-right: 0;
    }
}


/* navbar responsive */

.navbar-header {
    float: left;
}

ul.nav.navbar-top-links.navbar-right {
    margin-right: 0;
}

.navbar-header button.navbar-toggle {
    float: left;
}

.navbar-login-source{
    vertical-align: middle;
    color: #ffffff;
    margin-right: 8px;
    display: inline-block;
}

.navbar-login-source-title{
    font-weight: 500;
    font-size: 14px;
    text-overflow: ellipsis;
    max-width: 25vw;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
}

.fc-toolbar {
    margin-bottom: 1em;
    margin-top: 0;
}

.warning .alert {
    padding: 8px;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: 7px;
    right: 10px;
    color: inherit;
}

.contents {
    display: contents;
}

.ui-grid {
    font-size: 13px;
}

.feature_div_title {
    padding-top: 20px;
    font-size: large;
    font-weight: 600;
    text-decoration: underline;
}


/* ui grid */

.fc-toolbar {
    margin-bottom: 1em;
    margin-top: 1em;
}

.fc-left h2 {
    font-size: 18px;
}

.navbar.navbar-default.navbar-static-top .nav.navbar-top-links.navbar-right .dropdown>a {
    padding: 6px 0 0 0px;
}

.navbar-static-top {
    border-width: 0;
}


/* .navbar-header {
    width: 100%;
} */

.mobile_cp_ico {
    display: none;
}

ul.dropdown-menu.static-pop.export-pop {
    min-width: 300px;
}

.btn-xs>.fa {
    display: inline-block;
}

.btn.ico_btn>.fa {
    display: initial !important;
}

.panel .panel-body .nav-tabs>li.active>a {
    padding: 5px 10px;
}

.panel .panel-body .nav-tabs>li.active>a:hover {
    /* background-color: #fff; */
    border: 1px solid #ddd;
}

.data-tabs .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.eventlog-tabs .nav>li>a {
    padding: 10px 10px 5px 10px;
}

div.eventlog-tabs .nav-tabs {
    margin-bottom: 5px;
}

.search-pop {
    width: 250px;
    padding: 0 5px;
}

.btn-group.float-right {
    margin-left: 5px;
}

div.pop ul.dropdown-menu {
    right: 0;
    left: auto;
}

.map_labels {
    color: white;
    background-color: red;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    width: 30px;
    white-space: nowrap;
}

.field-key {
    padding-right: 15px;
    padding-left: 15px;
    width: 120px;
}

.field-value {
    padding-right: 15px;
    padding-left: 15px;
    width: calc(100% - 120px);
}

.text-underline {
    text-decoration: underline;
}

uib-tab-heading {
    text-transform: uppercase;
}

.tabbar-sm .nav-tabs>li.active>a,
.tabbar-sm .nav-tabs>li.active>a:focus,
.tabbar-sm .nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #337ab7;
    border: 1px solid blue;
    border-bottom-color: transparent;
}
.tabbar-sm .nav>li>a {
    padding: 7px 10px;
}

div.panels-in-tab ul.nav-tabs>li.active>a.nav-link {
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border: 1px solid #337ab7;
    border-bottom-color: 1px solid #337ab7;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: 600;
}

div.panels-in-tab ul.nav-tabs>li>a.nav-link {
    border-bottom-color: 1px solid #337ab7;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: 600;
}

div.panels-in-tab .nav-tabs>li>a:hover {
    border-color: #eee #eee #337ab7;
}

div.panels-in-tab .nav-tabs {
    border-bottom: 1px solid #337ab7;
}

.ui-grid-column-tooltip {
    position: absolute;
    right: 25px;
    top: 2px;
}

.gridStyle .ui-grid-row-leave .ui-grid-cell {
    background-color: #818181;
    color: #fff;
}

.rounded-corners {
    border-radius: 15px !important;
}

.notifications {
    float: right;
    display: inline-block;
}

.notifications .fa-stack {
    color: transparent;
}

.notifications .fa-stack>.fa-inverse {
    font-size: 14px;
}

.rIcon {
    font-size: 16px;
}

.menu-btn {
    color: white !important;
    border-color: white;
}

.menu-btn:hover {
    color: rgb(104, 104, 104) !important;
    border-color: rgb(175, 175, 175);
}

.r-dismiss {
    font-size: 16px;
}

.r-delete {
    font-size: 16px;
}

.read_n {
    background-color: #e2e2e2;
}

.deleted_n {
    background-color: #d6c28c;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    word-break: break-word;
}

.modal-header span {
    text-transform: initial;
}

.toggle-btn {
    border-radius: 5px !important;
}

.floating-menu-collapse {
    display: block;
    position: fixed;
    bottom: 10em;
    left: -2em;
    z-index: 9999;
}

.btn-vertical {
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

/*.media-left,*/
/*.media>.pull-left {*/
/*    padding-right: 10px;*/
/*    height: 150px;*/
/*    margin-bottom: 0;*/
/*    padding-right: 4px;*/
/*    margin-right: 10px;*/
/*}*/


/* img {
    background-image: url(/app/img/user.png);
    background-repeat: no-repeat;
    background-position: center;
} */

.orange button span {
    background-color: orange;
    border-radius: 32px;
    color: black;
    padding: 5px;
}

.bottom-5 {
    padding-bottom: 5px;
}

.add-rosteritem {
    float: right;
    position: absolute;
    top: 15px;
    right: 5px;
    z-index: 1;
}

.bg-additional {
    background-color: #f0f8ff;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px !important;
}

.ritem-btm {
    border-bottom: 1px solid #ccc;
}

.report-settings-day .uib-left,
.report-settings-month .uib-left {
    display: none !important;
    margin-left: 15px;
}

.report-settings-day .uib-right,
.report-settings-month .uib-right {
    display: none !important;
}

.reporting-tabbar .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #337ab7;
    border: 1px solid blue;
    border-bottom-color: transparent;
}

/*.scroll-tabs-usergroup .scrtabs-tab-scroll-arrow {*/
/*    padding-top: 17px;*/
/*}*/

.tabbar-sm .nav-tabs>li.active>a,
.tabbar-sm .nav-tabs>li.active>a:focus,
.tabbar-sm .nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #337ab7;
    border: 1px solid blue;
    border-bottom-color: transparent;
}

.tabbar-sm .nav {
    border-bottom: 1px solid #337ab7;
}

.tabbar-sm .nav>li>a {
    padding: 7px 10px;
}

.tabbar-no-border-sm .nav-tabs>li.active>a,
.tabbar-no-border-sm .nav-tabs>li.active>a:focus,
.tabbar-no-border-sm .nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #337ab7;
    border: 1px solid blue;
    border-bottom-color: transparent;
}

.tabbar-no-border-sm .nav>li>a {
    padding: 7px 10px;
}

.tabbar-no-border-sm .nav {
    border-bottom: unset;
}

.reporting-tabbar .nav-tabs {
    border-bottom: none;
}

.reporting-button {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ui-grid-sort-priority-number {
    font-size: 0;
}

.shift-title {
    margin-left: -5px;
    color: #fff;
    padding: 5px 0 0 5px;
    margin-bottom: 3px;
}

.toggled-options {
    padding-top: 10px;
    padding-left: 25px;
    display: block;
    width: max-content;
}

@media (max-width:991px) {
    #controlpanel .navbar-link {
        margin-top: 10px;
    }
    .fullheight-table-jobconf {
        height: 30vh;
    }
}

#controlpanel a>.customer-name {
    padding-left: 0;
    font-weight: 400;
}

#controlpanel a>.customer-name>.ncheck-intro {
    margin-top: 10px;
    padding-left: 0;
}

.ncheck-logo-bottom {
    width: 130px;
    display: inline;
    position: absolute;
    margin-left: -135px;
    margin-top: 0;
}

.navbar-brand {
    font-family: sans-serif;
    padding-top: 6px;
    float: left;
    height: 60px;
    font-size: 18px;
    line-height: 20px;
}

@media (min-width: 992px) {
    .settings-wide-checkbox {
        width: 66.8%;
    }
    .settings-wide {
        width: 65.8%;
    }
}

.report-settings-show-time {
    width: 280px;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.report-settings-sum {
    width: 240px;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.report-settings-label {
    max-width: 100px;
    padding-left: 15px;
    float: left;
}

.report-settings-label-date {
    width: 100px;
    padding-left: 15px;
    float: left;
}

.report-settings-label-centered {
    width: 100px;
    margin-top: 4px;
    padding-left: 15px;
    float: left;
}

.report-settings-summery-listbox {
    width: 210px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.report-settings-list {
    width: 140px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.report-settings-show-time-list {
    width: 180px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.report-settings-year {
    width: 100px;
    position: relative;
    padding-left: 10px;
    float: left;
}

.report-settings-day {
    width: 80px;
    position: relative;
    padding-left: 10px;
    float: left;
}

.report-settings-month {
    width: 90px;
    position: relative;
    padding-left: 10px;
    float: left;
}

.report-settings-date {
    width: 200px;
    position: relative;
    padding-left: 10px;
    float: left;
}

.report-settings-calendar {
    width: 150px;
    position: relative;
    float: left;
}

.report-settings-buttons-full-width {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

.report-filters-group {
    /*width: 380px;*/
    /*position: relative;*/
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
    /*padding-bottom: 15px;*/
    float: left;
    margin-bottom: 5px;
}

.report-filters-listbox {
    width: 250px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.report-settings-date-selection {
    width: 300px;
    position: relative;
    float: left;
}

.report-settings-customrange {
    display: flex;
    align-items: center;
    width: 200px;
    position: relative;
    float: left;
}

.modal-header .close{
    margin-top: 0px;
    opacity: .5;
}


@media (max-width: 441px) {
    .report-settings-date-selection {
        width: 280px;
        position: relative;
        float: left;
    }
    .report-settings-label-date {
        width: 100%;
        padding-left: 15px;
        float: left;
    }
    .report-settings-sumery-type {
        width: 100%;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-default {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-summery {
        /*width: 100%;*/
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
}

@media (min-width: 442px) and (max-width: 768px) {
    .report-settings-label-date {
        width: 100px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-sumery-type {
        width: 100%;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-default {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-summery {
        /*width: 100%;*/
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 1121px) {
    .report-settings-label-date {
        width: 100px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-sumery-type {
        width: 100%;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-default {
        width: 300px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-summery {
        /*width: 100%;*/
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
}

@media (min-width: 1122px) and (max-width: 1441px) {
    .report-settings-label-date {
        width: 100px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-sumery-type {
        width: 300px;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-default {
        width: 300px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-summery {
        /*width: 100%;*/
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
}

@media (min-width: 1442px) and (max-width: 1741px) {
    .report-settings-label-date {
        width: 100px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-sumery-type {
        width: 300px;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-default {
        width: 300px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-summery {
        /*width: 100%;*/
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
}

@media (min-width: 1742px) {
    .report-settings-label-date {
        width: 100px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-sumery-type {
        width: 300px;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-default {
        width: 300px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .report-settings-daterange-summery {
        width: 400px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
}

@media(max-width:1361px) {
    .report-btn-settings-lg {
        display: none;
    }
    .report-btn-settings-sm {
        width: 100%;
        display: inline;
        float: right;
        text-align: right;
    }
}

@media(min-width:1362px) {
    .report-btn-settings-lg {
        display: inline;
    }
    .report-btn-settings-sm {
        display: none;
    }
}


/*@media (min-width: 1980px) {

    
}
@media (max-width: 1980px) {
    
   
}

@media (max-width: 1310px) {

    
}*/

.uib-button-bar {
    display: none;
}

.stats {
    color: #337ab7 !important;
}

.label-success {
    color: #fff;
    background-color: #5cb85c;
}

.label-light {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-info {
    color: #ffffff;
    background-color: #637cbf;
    border: none;
    padding: 3px;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0;
}

.collapsing-section {
    background-color: #338888;
    color: #fff;
    padding: 5px;
    cursor: pointer;
}

@media (min-width: 767px) {
    .cp-title-wid {
        padding-top: 10px;
        min-width: 400px;
    }
    .sidebar-nav {
        top: auto
    }
}

.auto-height {
    height: auto !important;
}

.only-content {
    display: contents;
}

.tmpl-suggested {
    max-height: 200px;
}

.cp-title-wid {
    padding-top: 15px;
}


/* Round cross btn for delete */

.template-delete {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50% !important;
    line-height: inherit;
    margin-right: -5px;
    margin-top: -5px;
}

.template-zoom {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.cp-title-wid {
    padding-top: 15px;
}

.bottom-0 {
    margin-bottom: 0;
}

.notransform {
    text-transform: initial;
}

.roster-iteration {
    margin-right: 8px;
    float: left;
    margin-left: 2px;
    margin-top: 10px;
    display: flex;
}

.iteration-calendar {
    margin: 0 2px;
}

.additional-emp {
    margin-right: 3px;
}

.holiday {
    background-color: #f3abc3;
}
.holiday-rec {
    background-color: #0d88c1;
}

.ico-holiday {
    width: 70px;
    right: 5px;
    top: 35px;
    position: absolute;
}

.controlpanel .ncheck-intro {
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #dce2e2;
    line-height: 0;
    padding-left: 54px;
}

.role-label {
    display: block;
    position: absolute;
    right: 25px;
    top: 14px;
    font-size: 25px;
}

.role-label-auditor {
    display: block;
    position: absolute;
    right: 23px;
    bottom: 20px;
    font-size: 20px;
}


/* Breaks words to several lines  */

.break-word {
    word-wrap: break-word
}


/* no rows on .ui-grid  */

.ui-grid-allusersgroup-selected {
    background-color: #C9E1D1 !important;
}

.ui-grid-allusersgroup-background {
    background-color: #bcc7ca !important;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    /*font-size: 13px;*/
    border-radius: 0;
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 24px;
    padding: 2px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
}

.lbl-list-left {
    max-width: 200px;
    width: 200px;
    display: inline-flex;
    margin-right: 15px;
    margin-left: 15px;
    vertical-align: -webkit-baseline-middle;
}

.lbl-list-right {
    display: inline-flex;
    margin-right: 15px;
    margin-left: 15px;
    vertical-align: -webkit-baseline-middle;
}

.table-fixed {
    width: 100%;
}

.table-fixed tbody {
    height: 200px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody td {
    float: left;
}

.table-fixed thead tr th {
    float: left;
    background-color: #f39c12;
    border-color: #e67e22;
}

.current-day {
    background-color: #e1d9f7 !important;
}

.width-100 {
    width: 80px;
}

.table-top .button-line>.btn {
    margin-top: 5px;
}

.button-top {
    margin-top: 5px;
}

.roster-week {
    /* width: 14.2%; */
    /* width: 13%; */
    width: 210px;
    /* height: 50px; */
    /* background-color: #d9edf7; */
    text-align: left;
    /* padding: 0 10px 10px 10px; */
    /* margin-bottom: 15px; */
    float: left;
    position: relative;
    /* margin-top: 5px; */
    margin-right: 5px;
}

.roster-week .heading {
    background-color: #d9edf7;
    text-align: left;
    padding: 1px 10px 10px 10px;
    margin-bottom: 15px;
    /* float: left; */
    /* position: relative; */
    margin-top: 5px;
    /* margin-right: 5px; */
    /* position: fixed;
    display: block;
    width: inherit; */
    border: 1px solid #99cce6;
}

.view-roster {
    /* overflow-y: scroll;
    max-height: 300px; */
}

.search-roster {
    float: right;
    display: inline-block;
    margin-top: 10px;
}

.search-roster .input-group {
    width: 200px;
}

.search-roster input {
    border-right: 0;
}

.search-roster-mobile {
    float: right;
    display: inline-block;
    margin-top: 10px;
}

.search-roster-mobile .input-group {
    width: 200px;
}

.search-roster-mobile input {
    border-right: 0;
}

.no-top {
    border-top: none;
}

.row-selected {
    background-color: rgb(192, 192, 192)
}

.panel-heading {
    /*border-top-left-radius: 0;*/
    /*border-top-right-radius: 0;*/
}

.ui-grid-pager-control input {
    width: 60px;
}

.panel-title {
    text-transform: uppercase;
}

.panel-sub-title {
    text-transform: initial;
}

.panel-title .label {
    text-transform: initial;
}

.top-boder-list {
    border-top: 1px solid #C0BFBF;
}

.adv-setting {
    padding-top: 10px;
    /* text-decoration: underline; */
}

.row-tog {
    background-color: #ececec;
}

.chartWrapper {
    position: relative;
    overflow-x: overlay;
}

.chartWrapper>canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.chartAreaWrapper {
    /* width: 600px; */
    overflow-x: scroll;
}

.no-margin {
    margin: 0;
}

.fw-400 {
    font-weight: 400;
}

.token-label {
    font-size: 15px;
}

.sub-note-payment {
    border-top: 1px solid #B3B3B3;
    margin-top: 10px;
    padding-top: 20px;
}

.caret-right {
    float: right;
    margin-top: 8px;
}

.label.label-info.quick-help::after {
    /* content: "Quick Help"; */
    text-transform: initial;
    font-weight: 700;
    font-size: 12px;
}

.no-rows {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.no-rows .msg {
    opacity: 1;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 50%;
    line-height: 200%;
    background-color: #eee;
    border-radius: 4px;
    border: 1px solid #555;
    text-align: center;
    font-size: 22px;
    display: table;
}

.no-rows .msg span {
    display: table-cell;
    vertical-align: middle;
}


/* end no rows on .ui-grid  */

.footer-margin-0 {
    margin: 0;
}

.secondary-grid {
    padding: 15px 0 0 0;
}

@media (max-width: 1199px) {
    .secondary-grid {
        padding: 0;
    }
}

.rep-header {
    margin: 0 0;
    margin-bottom: 8px;
    padding-bottom: 0;
}

.rep-header .form-group {
    margin-bottom: 2px;
}

.quick-help {
    /*float: right;*/
    padding: 0 !important;
    /*border-radius: 50% !important;*/
}

.quick-help-info {
    float: right;
    border-radius: 50% !important;
    margin-top: 3px !important;
}

.popover {
    color: #333;
    border-radius: 0;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
}

.popover .popover-content {
    font-size: 13px;
}

@media (max-width: 767px) {
    .plan-card {
        margin-bottom: 10px;
    }
    .hidden-smaller {
        display: none;
    }
    .show-smaller {
        display: inline;
    }
    #side-menu .form-control {
        height: 30px;
    }
    ul.nav.navbar-top-links.navbar-right {
        display: table;
        position: fixed;
        top: 50px;
        background: #ccc;
        width: 100%;
        right: 0;
        border-bottom: 1px solid #c5c5c5;
    }
    li>a>img.circle-pic {
        /*filter: invert(0.8);*/
        filter: grayscale(100%);
    }
    #mainView {
        margin-top: 50px;
    }
    .sidebar .sidebar-nav.navbar-collapse {
        box-shadow: 5px 5px 3px #dcdcdc;
    }
    .navbar-header {
        width: 100vw;
    }

    .nav-title {
        max-width: 100vw !important;
    }

    .navbar-login-source-title{
        max-width: 45vw !important;
    }

    .navbar-default.sidebar {
        margin-top: 100px;
    }
}

@media (min-width: 767px) {
    .hidden-smaller {
        display: inline;
    }
    .show-smaller {
        display: none;
    }
}

.tab-border-bottom {
    border-bottom: 1px solid #dedede;
}

.media-body {
    width: 10000px;
    min-width: 260px;
}
.user-property img {
    max-width: 150px;
    height: 150px;
    margin-bottom: 0;
}
/*.user-property .media-body .row {*/
/*    display: grid;*/
/*    padding-bottom: 15px;*/
/*}*/

.full-width {
    width: 100%;
}

.refresh-btn {
    z-index: 100;
}

@media only screen and (max-width: 991px) {
    #user-info .user-property {
        padding: 5px!important;
    }
    #user-info .user-property a {
        margin: 0;
    }
    /*#user-info .user-property .media-body {*/
    /*    padding: 10px;*/
    /*}*/
}

@media only screen and (min-width: 992px) {
    #user-info .user-property img {
        max-width: 180px;
    }
}

.inline-btns {
    /* margin-bottom: 5px; */
}

@media (max-width: 1199px) and (min-width: 991px) {
    .panel-padding-md {
        padding: 15px 0 0 0;
    }
    .panel-collapse-left {
        padding-left: 15px;
    }
}

@media (max-width: 990px) and (min-width: 425px) {
    .panel-padding-md {
        padding: 15px 0 0 0;
    }
    .circle-pic {
        margin-right: 7px;
    }
}

@media (max-width: 425px) {
    .panel-padding-md {
        padding: 10px 0 0 0 !important;
    }
    .plan-summ-top {
        display: grid;
        margin: 0 0 10px 0 !important;
    }
    .seperated-items {
        padding: 0;
        margin: 0;
        display: initial;
    }
    .plan-list .well {
        margin-bottom: 7px;
    }
}

@media (min-width: 1200px) {
    .panel-padding-md {
        padding-right: 0;
    }
    .second-panel {
        padding-top: 15px;
    }
    .scroll-table-md {
        max-height: 250px;
        overflow-y: auto;
    }
}

.scroll-table-sm {
    max-height: 30vh;
    overflow-y: auto;
}

.scroll-table-auto {
    overflow-y: auto;
}
.scroll-table-auto h5.col-lg-6.col-md-6.col-sm-6.col-xs-4.flex.ng-binding {
    overflow: hidden;
}

.scroll-table-sm-cs {
    max-height: 190px;
    overflow-y: auto;
}

.scroll-table-xs {
    max-height: 100px;
    overflow-y: auto;
}

.scroll-table-md {
    max-height: 230px;
    overflow-y: auto;
}

.list-scroll {
    max-height: 75px;
    overflow-y: auto;
}

.modal-footer {
    background-color: #f3f3f3;
    color: white;
    border-radius: 0 0 4px 4px;
}

.modal-header {
    background-color: #83c8ce;
    color: white;
    border-radius: 4px 4px 0 0;
}

.input-sm {
    font-size: 13px;
}

.block-element {
    display: inline-block;
}

.dropdown-menu {
    min-width: 195px;
    /* left: auto;
    right: 0; */
}

.export-btn.dropdown-menu {
    left: auto;
}

.form-group>.control-label {
    text-align: left;
}

.filter-by-title {
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 5px;
    margin: 0 15px 15px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ececec;
    background-color: transparent;
}

.search-all .btn {
    border-radius: 16px;
}

.search-all .form-control {
    border-radius: 16px;
}

.search-all .input-group {
    float: right;
}

.form-control-dynamic {
    display: block;
    width: 66.66666667% !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

a.active.tabbar-link {
    background: white;
}

.well-sm {
    padding: 9px;
    border-radius: 0;
}

.anchorjs-link:hover,
.anchorjs-link:focus {
    text-decoration: none !important;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}


/*example used in bootstrap docs*/

.inline-text {
    display: inline-flex;
}


/*example end*/

legend {
    margin: 3px;
    text-align: center;
    width: 100%
}

.pre-wrap {
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}

.float-left {
    float: left;
}

.glyphicon-lg {
    font-size: 4em
}

.info-block {
    border-right: 5px solid #E6E6E6;
    /*margin-bottom: 25px*/
}

.info-block .square-box {
    width: 60px;
    min-height: 57px;
    margin-right: 22px;
    text-align: center !important;
    background-color: #676767;
    padding: 3px 0;
    margin: 0px 5px 0px 5px;
}

.panel-default .info-block.block-info {
    border-color: #20819e
}

.panel-default .items {
    background-color: #f5fffb;
}

.panel-danger .info-block.block-info {
    border-color: #e24848
}

.panel-danger .items {
    background-color: #ffe8e8;
}

.info-block.block-info .square-box {
    background-color: #20819e;
    color: #FFF
}

input.currency {
    text-align: right;
}

.invoice-title h2,
.invoice-title h3 {
    display: inline-block;
}

.table>tbody>tr>.no-line {
    border-top: none;
}

.table>thead>tr>.no-line {
    border-bottom: none;
}

.table>tbody>tr>.thick-line {
    border-top: 2px solid;
}


/* invoive css */

.total-amt {
    border-bottom: 4px double #333;
    border-top: 1px solid #333 !important;
    padding: 6px 0;
}

.pad-top {
    padding-top: 15px;
}

.padding-5 {
    padding: 5px;
}

.col-xl-6 {
    padding-left: 15px;
    padding-right: 15px;
}

.hidden-xl {
    display: block;
}

.show-xl {
    display: none;
}

.xs-left-lg-right {
    float: right;
}

.xs-right-lg-left {
    float: left;
}

@media (min-width: 1800px) {
    .col-xl-6 {
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .hidden-xl {
        display: none;
    }
    .show-xl {
        display: block;
    }
    .widescreen-left-rep {
        width: 100%;
        float: left;
    }
    .panel-body-image {
        float: left;
    }
    .panel-body-list {
        width: calc(100% - 150px);
    }
}

.notify-paramchange {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.notify-paramchange .msg {
    opacity: 1;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 50%;
    line-height: 200%;
    background-color: #eee;
    border-radius: 4px;
    border: 1px solid #555;
    text-align: center;
    font-size: 18px;
    display: table;
}

.notify-paramchange .msg div {
    display: table-cell;
    vertical-align: middle;
}

.float-right {
    float: right;
}

.tooltip-inner {
    max-width: 250px;
    padding: 5px 8px;
    /* color: #0041ff; */
    text-align: left;
    /* background-color: rgb(181, 218, 255); */
    border-radius: 4px;
}

.tooltip span>hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dashboard-container {
    display: block;
    padding: 15px 15px;
    margin-top: 65px;
}

.btn-xs {
    padding: 1px 5px !important;
    font-size: 11px;
    line-height: 1.5;
}

.btn-xs-h {
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1;
    border-radius: 3px;
    margin-top: -5px;
}

.priv-indicator {
    font-size: 35px;
    position: relative;
    margin-top: 70px;
    margin-left: 84px;
    color: #bfbfbf;
}

.user-selected {
    border: 1px solid #c12929;
}

.corporate-info {
    font-size: 12px;
}

.corporate-info>a {
    color: white !important;
}

@media (min-width: 1200px) {
    .container.footer-body {
        width: 80% !important;
    }
}

.timepicker-popup,
.datepicker-popup {
    cursor: default !important;
    background-color: #fff !important;
    opacity: 1 !important;
}

.hide-animate {
    transition: all linear 0.5s;
    opacity: 1;
}

.hide-animate .ng-hide {
    opacity: 0;
}

.carousel-control:hover,
.carousel-control:focus {
    cursor: pointer;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

.lbl-sm {
    padding: 0px 10px;
    background-color: rgba(201, 214, 121, 0.43);
    margin-right: 5px;
    margin-left: -5px;
    border-radius: 5px;
    border: solid 1px #a5c5c1;
}

.status-label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

::-webkit-input-placeholder {
    font-style: italic;
}

:-moz-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}

.search-box {
    /*font-style: italic;*/
    border-radius: 20px !important;
}

@media (max-width: 991px) {
    .padding-xs {
        /*padding-top: 5px;*/
        padding-bottom: 10px;
    }
    .right-pane {
        padding: 0;
    }
    .pad-bot {
        /* padding-bottom: 0 !important; */
    }
}

.pad-bot {
    padding-bottom: 5px;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
    background: #f7f7f7;
}
@media (min-width: 1800px){
    .widescreen-left-o {
        width: 60%;
        float: left;
    }
    .widescreen-left-rep {
        width: 60%;
        float: left;
    }
    .panel-body-image {
        float: left;
    }
    .panel-body-list {
        width: calc(100% - 150px);
    }
}

@media (min-width: 1520px) and (max-width: 1799px) {
    /* create seperate tag for widescreen-left-o and change width to 100% <===== (1) */
    .widescreen-left-rep {
        width: 60%;
        float: left;
    }
    .panel-body-image {
        float: left;
    }
    .panel-body-list {
        width: calc(100% - 150px);
    }
    .widescreen-left-o {
        width: 60%;
        float: left;
    }
}

@media (min-width: 1520px) {
    .user-calendar {
        margin-top: inherit !important;
    }
    .user-evtlogtable {
        padding-left: 15px;
    }
    /*.media-left,*/
    /*.media-right,*/
    /*.media-body {*/
    /*    display: inline;*/
    /*    vertical-align: top;*/
    /*}*/
    .user-section {
        border-right: none !important;
        width: 100%;
    }
    .restriction-section {
        border-left: none !important;
    }
    .device-section {
        width: 100%;
        padding-top: 25px;
    }
    .widescreen-left {
        width: 60%;
        /*height: 767px;*/
        float: left;
    }
    .widescreen-left-o {
        width: 70%;
        float: left;
    }
    .widescreen-left-ev {
        width: 30%;
        float: left;
    }
    .widescreen-right {
        width: 40%;
        float: left;
    }
    .widescreen-right-ev {
        width: 70%;
        float: left;
        height: 767px;
    }
    .widescreen-full {
        width: 100% !important;
    }
    .hidden-ws {
        display: inherit !important;
    }
    .show-ws {
        display: none !important;
    }
    .table-top {
        height: 100px !important;
    }
    .hidden-widescreen {
        display: none !important;
    }
    .show-widescreen {
        display: inline !important;
    }
}

@media (max-width: 1520px) {
    .float-left-ws {
        float: none !important;
    }
    .no-padding-media {
        padding: 0 !important;
    }
}

.float-left-ws {
    float: left;
}

.no-padding-media {
    padding-right: 10px;
}

.user-calendar {
    margin-top: -25px;
}

.hidden-widescreen {
    display: inline;
}

.show-widescreen {
    display: none;
}

.table-top {
    height: auto;
}

.show-ws {
    display: inherit;
}

.hidden-ws {
    display: none;
}

.widescreen-left {
    margin-left: 0;
    margin-right: 0;
}

.widescreen-left-o {
    margin-left: 0;
    margin-right: 0;
}

.widescreen-left-rep {
    margin-left: 0;
    margin-right: 0;
}

.widescreen-left-ev {
    margin-left: 0;
    margin-right: 0;
}

.widescreen-right {
    margin-left: 0;
    margin-right: 0;
}

.widescreen-right-ev {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 1519px) {
    #page-wrapper {
        /* max-width: 991px !important; */
        position: relative;
    }
    .single-tab {
        min-height: 600px;
    }
}
@media (max-width: 1520px) and (min-width: 1024px) {
    .widescreen-left-ev {
        width: 40%;
        float: left;
    }
    .widescreen-right-ev {
        width: 60%;
        float: right;
    }
}

@media (max-width: 1023px) and (min-width: 991px) {
    .widescreen-left-ev {
        width: 50%;
        float: left;
    }
    .widescreen-right-ev {
        width: 50%;
        float: right;
    }
}

@media (max-width: 1520px) and (min-width: 991px) {
    .single-tab {
        min-height: 600px;
    }
    #page-wrapper {
        /* max-width: 991px !important; */
        /* max-width: 1100px !important; */
        position: relative;
        /* min-width: 945px !important; */
    }
    .panel-body-image-width {
        width: 100%;
    }
    .panel-body-image {
        position: relative;
        left: calc(50% - 75px);
        margin-right: -50%;
    }
    .panel-body-list {
        width: 100%
    }
}

@media (max-width: 991px) and (min-width: 500px) {
    .panel-body-list {
        width: calc(100% - 150px);
    }
    .panel-body-image {
        float: left;
    }
}

@media (max-width: 500px) {
    /*.media-left,*/
    /*.media-right,*/
    /*.media-body {*/
    /*    display: inline;*/
    /*    vertical-align: top;*/
    /*}*/
    .panel-body-image-width {
        width: 100%;
    }
    .panel-body-image {
        position: relative;
        left: calc(50% - 75px);
        margin-right: -50%;
    }
    .panel-body-list {
        width: 100%
    }
    
    .navbar-login-source{
        display: none !important
    }
}

@media (max-width: 991px) and (min-width: 300px) {
    /*.media-left,*/
    /*.media-right,*/
    /*.media-body {*/
    /*    display: inline;*/
    /*    vertical-align: top;*/
    /*}*/
}

.fc-state-highlight {
    background: lightskyblue;
}

@media (max-width: 767px) {
    .eventlog-filters {
        margin-top: inherit !important;
        padding-right: inherit !important;
        padding-left: inherit;
    }
    .plan-summ-top {
        margin-left: -10px;
        display: grid;
    }
}

.eventlog-filters {
    padding-right: 0;
    padding-left: inherit;
}

.ui-grid-pinned-container-right .ui-grid-viewport .ui-grid-row>.ng-isolate-scope>div:last-child {
    padding-right: 15px;
}

.ui-grid-header-cell-wrapper {
    display: block;
}

.ui-grid-header-cell-row {
    /*display: block;*/
}


/*.ui-grid-header-cell {
    display: block;
    float: left;
}*/

#eventLog .ui-grid-filter-container {
    display: none;
}

#userDetails .ui-grid-filter-container {
    display: none;
}

#totalWorkHours .ui-grid-filter-container {
    display: none;
}

#monthlySummary .ui-grid-filter-container {
    display: none;
}

#productivity .ui-grid-filter-container {
    display: none;
}

#lateArrival .ui-grid-filter-container {
    display: none;
}

#earlyDeparture .ui-grid-filter-container {
    display: none;
}

#absentees .ui-grid-filter-container {
    display: none;
}

.red {
    color: red;
}

.green {
    color: green;
}

.violet {
    color: violet;
}

.underline {
    border-bottom: 2px solid #B3B3B3;
}

.page-header-sub {
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 9px;
    margin: 40px 0 20px;
}

.section-title {
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 9px;
    padding-top: 10px;
}

.no-top-margin-sm {
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
}

.icon-space {
    padding-right: 5px;
}

.btn-right-header {
    float: right;
    margin-top: -28px;
}

.icon-space-left {
    padding-left: 5px;
}

.thumbnail-time {
    margin: 0 15px;
    padding-top: 0;
    margin-top: 0;
    text-align: center;
}

.img-container {
    height: 130px;
    width: 130px;
    position: relative;
    margin: 5px;
    text-align: center;
    position: relative;
    background: #ccc;
}

.img-container-lg {
    height: 200px;
    width: 200px;
    position: relative;
    margin: 5px;
    text-align: center;
    position: relative;
    background: #ccc;
}

.img-container>img {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-container-lg>img {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-ico {
    padding-right: 10px;
}

.cb-table {
    text-align: center;
    padding: 0 5px 5px 5px;
}
table.cal-legend tr {
    display: inline-table;
    margin-right: 15px;
}

.date-selected {
    background: #a2e5ff !important;
}

.fc-unthemed .fc-today {
    background: #ffc772;
}

.fc-left>h2 {
    font-size: 24px;
}

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #696969;
    text-decoration: none;
}

.no-evt-day, .ot {
    background-color: white;
    /*border-radius: 32px;*/
    text-align: center;
    border-color: skyblue;
    color: #969696;
    padding: 7px;
    font-size: 9px;
}

.no-evt-day:hover, .ot:hover {
    border-color: skyblue;
    color: #757575;
}

.date-ok {
    text-align: center;
    background-color: limegreen;
    border-color: lightgreen;
    /*border-radius: 32px;*/
    color: floralwhite;
    padding: 7px;
    cursor: pointer;
}

.date-ok-ot {
    text-align: center;
    background-color: #0f9c18;
    border-color: lightgreen;
    /*border-radius: 32px;*/
    color: floralwhite;
    padding: 7px;
    cursor: pointer;
}

.date-error {
    text-align: center;
    background-color: red;
    border-color: yellow;
    /*border-radius: 32px;*/
    color: floralwhite;
    padding: 7px;
    cursor: pointer;
}

.date-warning, .date-with-leave {
    text-align: center;
    background-color: rgb(206, 180, 36);
    border-color: yellow;
    /*border-radius: 32px;*/
    color: floralwhite;
    padding: 7px;
    cursor: default;
}

.date-danger {
    text-align: center;
    background-color: rgb(255, 102, 102);
    border-color: rgb(248, 0, 0);
    /*border-radius: 32px;*/
    color: floralwhite;
    padding: 7px;
    cursor: default;
}

.date-holiday {
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    color: #a72828;
    padding: 2px;
    font-size: 9px;
    cursor: default;
}

.date-leave {
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    color: #51a3e8;
    padding: 7px;
    cursor: default;
}
.date-leave-restricted {
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    color: #e82a3e;
    padding: 7px;
    cursor: default;
}

.date-noleave {
    background-color: transparent;
    text-align: center;
    border-color: transparent;
    color: #969696;
    padding: 7px;
    font-size: 9px;
}

.date-today {
    text-align: center;
    background-color: rgb(255, 174, 0);
    border-color: yellow;
    /*border-radius: 32px;*/
    color: floralwhite;
    padding: 7px;
    cursor: pointer;
}

.no-evt-day button span {
    /*background-color: grey;
    border-radius: 32px;*/
    color: #333;
    padding: 2px;
}

.date-ok button span {
    background-color: limegreen;
    border-radius: 32px;
    color: floralwhite;
    padding: 2px;
}

.date-error button span {
    background-color: red;
    border-radius: 32px;
    color: floralwhite;
    padding: 2px;
}

.date-warning button span {
    background-color: rgb(206, 180, 36);
    border-radius: 32px;
    color: floralwhite;
    padding: 2px;
}

.date-today button span {
    background-color: red;
    border-radius: 32px;
    color: floralwhite;
    padding: 2px;
}

.btn-xs {
    /*padding: 2px 6px;*/
}

.intl-tel-input {
    width: 100%;
}

.ui-grid-header-cell-label {
    display: inline-block;
    white-space: initial;
}

.grid-container .ui-grid-disable-selection {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: auto;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {}

.ui-grid-row:nth-child(even) .ui-grid-cell {}

.grid .ui-grid-row .gray {
    background-color: #e0e0e0;
}

.grid .ui-grid-row .normal {
    background-color: #3494BD;
}

.normal {
    background-color: #3494BD;
}

.gray {
    background-color: #b9b9b9 !important;
}

.dark-gray {
    color: #686868
}

@media (max-width: 500px) {
    .col-xs-ignore {
        width: 100%;
    }
}

@media (max-width: 561px) {
    .dashboard-container {
        display: block;
        padding: 0;
        margin-top: 89px;
    }
}

.flex {
    display: flex;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    /*background-color: #eee0;*/
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee0;
    border-color: #337ab7;
}

a.dropdown-toggle {
    color: #fff0;
}


/* 
.navbar-right {
    list-style: none;
    margin-top: 13px;
    margin-right: 12px;
} */


/* @media (max-width: 767px) {
    .navbar-right {
        list-style: none;
        margin-top: 9px;
        margin-right: 12px;
    }
} */

.box {
    text-align: center;
}

.hlp-body {
    font-size: 16px;
}

.hlp-head {
    font-size: 28px;
}

.text-italic {
    font-style: italic;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    /*width:250px;*/
    height: 200px;
}

.wrap-text {
    word-wrap: break-word;
}

.ngCellText {
    white-space: normal;
}

.ui-grid-selectable .ui-grid-disable-selection {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: auto;
}

.dash-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}


/*the callouts from the bootstrap documentation*/

.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-left-width: 5px;
    border-radius: 3px;
    position: relative;
    /*border-left: 5px solid #eee;*/
}

.bs-callout h4 {
    margin-top: 0;
}

.bs-callout-danger h4 {
    color: #B94A48;
}

.bs-callout-warning h4 {
    color: #C09853;
}

.bs-callout-info h4 {
    color: #3A87AD;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}


/* Themes for different contexts */

.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}

.bs-callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}

.bs-callout-info {
    background-color: #f6fff7;
    border-color: #d0e3f0;
}


/*end callouts*/

.heading-large {
    margin-top: 0;
    font-size: 50px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
    padding-bottom: 15px;
}

.form-control-login {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.forgot-pwd {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.green {
    color: green;
    font-weight: 600;
}

.blue {
    color: dodgerblue;
    font-weight: 600;
}

.black {
    color: grey;
    font-weight: 600;
}

.gray-out {
    color: #d0d0d0;
    font-weight: 600;
}

.plan {
    background-color: #dfdfdf;
    margin: 0 0 30px 10px;
    padding: 20px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.center {
    text-align: center;
    text-align: -webkit-center;
}

.no-left-padding {
    padding-left: 0;
}

.input-group-addon,
.input-group-btn {
    /* width: 10%; */
    white-space: nowrap;
    vertical-align: middle;
}

.tp-popup-inline {
    display: inline-flex;
}

@media (max-width: 991px) {
    .device-section {
        padding-top: 15px;
        /*padding-left: 0;*/
    }
    .user-section {
        border-right: none !important;
    }
    .restriction-section {
        border-left: none !important;
    }
}

.user-section {
    border-right: 1px solid #c0bfbf;
}

.restriction-section {
    border-left: 1px solid #c0bfbf;
}

.fake-link {
    cursor: pointer;
}

.list-val {
    color: #337ab7;
    word-break: break-word;
}

.list-topic {
    padding-right: 5px;
}

.addr-list {
    /*border-top: 1px solid #555;*/
    border-bottom: 1px solid #C0BFBF;
    display: flex;
    padding: 0;
    flex-direction: row;
    align-items: center;
}

.btn-grey {
    color: #fff;
    background-color: #9f9f9f;
    border-color: #aeaeae;
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey.focus,
.btn-grey:active,
.btn-grey.active,
.open>.dropdown-toggle.btn-grey {
    color: #fff;
    background-color: #818181;
    border-color: #adadad;
}

.btn-violet {
    color: #fff;
    background-color: #997ace;
    border-color: #a86fca;
}

.btn-violet:hover,
.btn-grey:focus,
.btn-grey.focus,
.btn-grey:active,
.btn-grey.active,
.open>.dropdown-toggle.btn-grey {
    color: #fff;
    background-color: #755d9e;
    border-color: #655171;
}

.btn-yellow {
    color: #717171;
    background-color: #e0d172;
    border-color: #dcc022;
}

.btn-yellow:hover,
.btn-grey:focus,
.btn-grey:active {
    color: #fff;
    background-color: #c1b359;
    border-color: #9e890f;
}

.help-ico {
    color: #fff;
    background-color: #feb22a;
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.25);
}

.label {
    /*padding: 0.05em .3em .3em;*/
    /*padding: .2em 0.6em .3em;*/
    padding: 0.4em 1em .4em;
    margin-bottom: 0;
    border-radius: 0;
    margin-top: 4px;
}

.label-default {
    /*margin-left: 7px;*/
}

/*.media-heading {*/
/*    font-weight: 600;*/
/*    !*padding-left: 15px;*!*/
/*    padding-bottom: 10px;*/
/*}*/

.img-crop {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
    height: 160px;
    line-height: 200px;
}

.cp-user-email {
    font-style: italic;
    font-size: 12px;
    line-height: 0;
    color: #383838 !important;
}

@media (min-width: 767px) {
    .container>.navbar-header {
        /* padding: 0 25px 0 25px; */
    }
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-nav .open .dropdown-menu {
    right: 20px;
    z-index: 1000;
    position: absolute;
    list-style: none;
    /*background-color: transparent;*/
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    top: 52px;
}

.navbar .pull-right>li>.dropdown-menu:after,
.navbar .nav>li>.dropdown-menu.pull-right:after {
    left: auto;
    right: 13px;
}

.navbar .nav>li>.dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px;
}

.navbar .pull-right>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu.pull-right:before {
    left: auto;
    right: 12px;
}

.navbar .nav>li>.dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}

.navbar-toggle {
    float: left;
    margin-left: 10px;
}

.fake-link {
    cursor: pointer;
}

.template-list {
    min-height: 150px;
    text-align: center;
    margin: 5px;
    position: relative;
    max-width: 150px;
}
.img-container.row {
    margin-right: 0;
    margin-left: 0;
}

.selected-image {
    border: 10px solid #a9cfde;
}

@media screen and (min-width: 768px) {
    .modal-lg {
        width: 900px;
    }
    .modal-sm {
        width: 300px;
    }
}

.field-compulsory {
    color: red;
    padding-left: 5px;
}

/*.modal-backdrop {*/
/*    bottom: 0;*/
/*    position: fixed;*/
/*}*/
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}
.modal-backdrop {
    background-color: #fff;
}

.pointer {
    cursor: pointer;
}

.dropdown-toggle {
    /*padding: 12px 14px !important;*/
}

.title-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 300;
    font-size: 25px;
    padding-left: 15px;
}

.dropdown-menu>li>a {
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: inherit !important;
    cursor: pointer;
}

.dropdown-menu>span>li>a {
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: inherit !important;
    cursor: pointer;
    padding: 3px 20px;
    display: block;
}

.navbar-default .navbar-nav>li>a {
    /*color: #FFF;*/
}

.navbar-login {
    width: 340px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-lg {
    width: 340px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-sm {
    width: 200px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session {
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.icon-size {
    font-size: 87px;
}

body {
    /*font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: 14px;*/
    /*min-height: Calc(80vh);*/
    /*margin-bottom: 110px; */
}

.single-selector {
    padding-left: 15px;
}

.clear_txtField {
    top: 6px;
    bottom: 0;
    position: absolute;
    right: 20px;
    cursor: pointer;
    color: #cccccc;
    font-size: small;
}

.typeahead-demo .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

.typeahead-demo .custom-popup-wrapper>.message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}

.typeahead-demo .custom-popup-wrapper>.dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.radio input[type="radio"],
.radio-inline input[type="radio"] {
    /*margin-left: 0px;*/
}


/*.checkbox-inline,
.radio-inline {
    display: inline;
    padding-left: 0px;
    padding-right: 20px;
}*/

.profile-image {
    max-width: 300px;
    max-height: 300px;
    /*min-height: 100px;
    background: url('/app/img/sample_user.jpg');*/
}

.profile-image-sm {
    max-width: 200px;
    max-height: 200px;
}

.template-image {
    max-height: 130px;
    object-fit: cover;
    object-position: center;
    height: 100%;
    border-radius: 4px;
    /*width: 110px;*/
}

.template-image-lg {
    max-height: 200px;
    border-radius: 4px;
}

.circle-pic {
    position: static;
    left: 0;
    right: -100%;
    top: -145%;
    bottom: -100%;
    margin: auto;
    margin-top: 3px;
    max-width: 35px;
    width: 40px;
    border-radius: 50%;
    -webkit-clip-path: circle(at 50% 50%);
    clip-path: circle(at 50% 50%);
    background-color: #fff; /*transparent*/
    border-color: cadetblue;
    border: 2px solid #e4e4e4;
    margin-right: 10px;
    border-width: 2px;
    font-size: 14px;
    font-weight: 600;
    color: white;
    /*background: url('/app/img/sample_user.jpg');*/
    background-size: cover;
}

.image-container {
    width: 130px;
    height: 100px;
    /*overflow: hidden;*/
    position: relative;
    /*-webkit-clip-path: circle(at 50% 50%);
    clip-path: circle(at 50% 50%);*/
}

.profilepic-container {
    width: 50px;
    height: 75px;
    /*overflow: hidden;*/
    position: relative;
    /*-webkit-clip-path: circle(at 50% 50%);
    clip-path: circle(at 50% 50%);*/
}

.image-container img {
    /*height: 100%;*/
    position: absolute;
    left: -84%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    /*min-height: 100%;
    min-width: 100%;*/
}

.profilepic-container img {
    /*height: 100%;*/
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    max-height: 40px;
    max-width: 40px;
}

.circle-pic-collapse {
    /*margin-top: -35px;
    margin-bottom: -42px;*/
    max-width: 110px;
    max-height: 110px;
    -webkit-clip-path: circle(at 50% 50%);
    clip-path: circle(at 50% 50%);
    background-color: transparent;
    border-color: cadetblue;
    /*margin-right: 10px;*/
    border-width: thick;
    /* background: url('/app/img/sample_user.jpg'); */
    background: rgb(184, 184, 184);
    background-repeat: round;
    /*width: 150px;*/
    border-radius: 50%;
}

.dropdown-cp {
    margin-top: 0;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.dd-toggle-cp {
    color: #555;
    background-color: rgba(231, 231, 231, 0) !important;
}

.filter-form input{
    height: 31px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
}

.filter-form select{
    height: 31px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
}

.filter-form button{
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
}

.list_with_thumbnails .list{
    padding-inline-start: 0px;
}

.list_with_thumbnails .list .item{
    display: table;
    border-collapse: collapse;
    width: 100%;
    padding: 10px 0;
}

.list_with_thumbnails .list .item .boundary{
    border: 2px solid #3e6cdc;
    border-radius: 15px;
    margin: 10px;
    padding:10px;
    background:#ffffff;
}

.list_with_thumbnails .list .item .item-image{
    display: table-cell;
    vertical-align: middle;
    width: 64px;
    padding-right: 16px;
    margin: 0 auto;
}


.list_with_thumbnails .list .item .top-allign{
    display: table-cell;
    vertical-align: top;
    padding-top: 10px;
}


.list_with_thumbnails .list .item .item-image .thumbnail{
    display: block;
    width: 64px;
}

.list_with_thumbnails .list .item .item-image .thumbnail-rounded{
    display: block;
    max-width:  64px;
}

.list_with_thumbnails .list .item .item-text{
    vertical-align: middle;
    width: 100%;
    display: table-cell;
    text-align: left;
}

.list_with_thumbnails .list .item .item-text .heading{
    font-size: 20px;
    font-weight: bold;
    color: #00BC8C;
} 

.list_with_thumbnails .list .item .item-text .heading-small {
    font-size: 15px;
    font-weight: bold;
    color: #00BC8C;
    margin-bottom: 1px;
    margin-right: 5px;
    display: inline-block;
}

.list_with_thumbnails .list .item .item-text .heading-specialization{
    font-size: 12px;
    display: inline-block;
    color: #ffffff;
    background: #4a77dd;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 2px;
    margin-right: 5px;
    border-radius: 5px;
} 

.list_with_thumbnails .list .item .item-text .highlight-label{
    font-size: 12px;
    display: inline-block;
    color: #ffffff;
    background:  #3ca635;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 2px;
    margin-right: 5px;
    border-radius: 5px;
} 

.list_with_thumbnails .list .item .item-text .sub-heading{
    font-size: 12px;
    color: #42a288;;
} 

.list_with_thumbnails .list .item .item-text .sub-heading-two{
    font-size: 15px;
    display: inline-block;
    color: #ffffff;
    background: #4a77dd;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 2px;
    margin-right: 5px;
    border-radius: 5px;
} 




.list_with_thumbnails .list .item .item-text .content-body .description-group{
    display: inline-block;
    margin-right: 15px;
}



.list_with_thumbnails .list .item .item-text .content-body .description-group-button{
    display: inline-block;
    vertical-align: top;
    margin-top:5px;
    margin-bottom: 10px;
}

.list_with_thumbnails .list .item .item-text .content-body .description-group .description-multiple{
    font-size: 15px;
    color: #06946d;
    margin-bottom: 2px;
} 

.list_with_thumbnails .list .item .item-text .description{
    font-size: 15px;
    color: #a2adaa;
} 

.list_with_thumbnails .list .item .item-category{
    vertical-align: middle;
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-top: 10px;

} 

.list_with_thumbnails .list .item .item-category .description-category{
    font-size: 12px;
    color:#00BC8C;
    font-weight: bold;

}

.list_with_thumbnails .list .item .item-category .description-text{
    font-size: 13px;
    color:#00BC8C;
    font-weight: bold;

}

.list_with_thumbnails .list .item .item-category .content-body {
    width: 100%;
    height: 150px;
    overflow: auto;
}

.list_with_thumbnails .list .item .item-category .content-body .slot-group{
    margin-left: 10px;
}

.list_with_thumbnails .list .item .item-category .content-body .slot-group .slot-group-text{
    color: #06946d;
    font-size: 15px;
    margin-bottom: 2px;
}

.list_with_thumbnails .list .item .item-category .content-body .slot-group .slot-item{
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    background: #06946d;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    max-width: 130px;
}

.list_with_thumbnails .list .item .item-category .content-body .slot-group .slot-item .description{
    color: #fff;
    font-size: 12px;
    margin-bottom: 0px;
}


.list_with_thumbnails .list .item .item-category .content-body .slot-group .slot-item .splitter{
    margin-top: 2px;
    margin-bottom: 5px;
}

.double-buttons{
    margin:5px;
    display:inline-block;
}

.double-buttons .btn-primary-selected {
    background-color: #04AA6D; 
    border: 1px solid green; 
    color: white; 
    cursor: pointer; 
    float: left; 
}

.double-buttons .btn-primary-default {
    background-color: #ffffff; 
    border: 1px solid #04AA6D; 
    color: #04AA6D; ; 
    cursor: pointer; 
    float: left; 
}

.double-buttons .btn-secondary-default {
    background-color: #ffffff; 
    border: 1px solid #04AA6D; 
    color: #04AA6D; ; 
    cursor: pointer; 
    float: left; 
}

.double-buttons:after {
    content: "";
    clear: both;
    display: table;
}

.double-buttons button:not(:last-child) {
    border-right: none;
}

.action-list{
    list-style: none; 
    display: flex; 
    flex-direction: row;
}

.action-list span{
    font-size: 16px; 
    margin-top: auto; 
    margin-bottom: auto;
    margin-right: 5px;
}

.action-list .edit-overlay{
    background-color: #ffffff;
    border: 1px solid #04AA6D;
    color: #04AA6D;
    cursor: pointer;
    margin: 2px;
    padding: 0px;
}

.action-list .delete-overlay{
    background-color: #ffffff;
    border: 1px solid #d40a0a;
    color: #d40a0a;
    cursor: pointer;
    margin: 2px;
    padding: 0px;
}
  

.no-results{
    background: #fff;
    border: 2px solid #05be8f;
    border-radius: 10px;
}

.no-results .inner-box{
    text-align: center;
    padding: 30px 30px;
    color: #24846b;
    font-size: 20px;
    font-weight: 400
}

.no-results .inner-box-two{
    text-align: left;
    padding: 30px 30px;
    color: #24846b;
    font-size: 15px;
    font-weight: 200
}

.list-scroll{
    width: 100%;
    max-height: 200px;
    overflow: auto;
}

.item-selected{
    border: 4px solid #3e6cdc !important;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
}

.time-slots{
    display: flex;
    flex-wrap: wrap;
}

.time-slot{
    display: inline-block; 
    padding: 5px; 
    border-radius: 8px;
    max-width: 150px;
    width: 150px;
    margin: 3px;
    cursor: pointer;
}

.alert-info-custom{
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
/*.btn-primary:hover {
    background-color: #026B52;
    border-color: #055A54;
}

.btn-primary {
    background-color: #327D76;
    border-color: #055A54;
}

.btn.disabled:hover {
    background-color: #327d76;
    border-color: #0d655f;
}

.btn-primary:active {
    background-color: #086952;
    border-color: #024b46;
}

.btn-primary:active:focus {
    background-color: #055341;
    border-color: #07413d;
}*/

.glyphicon {
    font-size: 20px;
}

.copy-to {
    text-align: center;
    padding-top: 15px;
}

.form-control-feedback {
    top: 6px;
    right: 15px;
}

.error {
    color: #A94442;
}


/* Sticky footer styles
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
    min-width: 300px;
}
.footer-body {
    display: flex;
}

@media (max-width: 400px) {
    .overlay-lang-code {
        font-size: 14px;
        margin-top: 0;
        margin-left: -2px;
        border-width: 1px;
        font-weight: 400;
        color: #828181;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-transform: uppercase;
        border-color: #888;
        border-style: solid;
        border-radius: 50%;
        padding: 0 1px;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 0;
        padding-right: 8px;
        padding-left: 8px;
    }
    .row.pie-charts > .col-xs-6:nth-child(odd) {
        padding-right: 5px;
    }
    .row.pie-charts > .col-xs-6:nth-child(even) {
        padding-left: 5px;
    }
    .row {
        margin-right: -8px;
        margin-left: -8px;
    }
    .footer-body {
        text-align: center !important;
    }
    .full-xsm {
        width: 100%;
    }
    .padding-r-0 {
        /* padding: 0; */
    }
    .footer img {
        display: inline;
    }
    .footer-right {
        text-align: center;
    }
    body {
        margin-bottom: 20vh !important;
    }
    .panel-body {
        padding: 10px;
    }
}

.footer {
    position: static;
    bottom: 0;
    max-height: 125px;
    /*height: inherit;*/
    width: 100%;
    background-color: #a7a7a7;
    /*left: 0;
right: 0;*/
}


/* Custom page CSS
-------------------------------------------------- */


/* Not required for template or sticky footer method. */

body>.container {
    padding: 60px 15px 0;
}

.container .text-muted {
    margin: 20px 0;
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}


/*/////////////////////////////////*/


/* .gridStyle { */


/*     border: 1px solid rgb(212,212,212); */


/*     width: 400px;  */


/*     height: 300px */


/* } */


/* html, body { */


/* 	widows: 100%; */


/* 	height: 100%; */


/* } */

.round-button {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    /*border-radius: 20px !important;*/
    /*height: 34px;*/
    /*width: 36px;*/
}

.glyph-center-round {
    right: 1px;
}

.modal-title {
    text-transform: uppercase;
    display: initial;
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
}

.tab-header {
    display: grid;
}

.uib-daypicker {
    background-color: #edf3f0;
}

.datepicker-center {
    left: 0px;
    margin-right: auto;
    margin-left: auto;
    min-height: 10em;
    width: 300px;
    top: 5em;
}

.form-group-nomargin {
    margin-right: 15px;
    margin-left: 15px;
}

.flex-container {
    display: flex;
    flex-direction: column;
    min-height: 500px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vertical-align {
    position: absolute;
    top: 50%;
    height: 10em;
    margin-top: -5em
}

label.regular-font {
    font-weight: 400;
}

span.glyphicon {
    font-size: 14px;
}

button>i.glyphicon {
    font-size: 10px;
}

.glyph-input-group {
    font-size: 12px;
}

.tabbar-link.ng-binding.active {
    color: #333;
}

.tabbar-link {
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome/Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+ */
}

.tabbar-link.ng-binding.active {
    border-width: thin;
    border-color: #FFFFFF;
    border-right: none;
    border-style: solid none solid solid !important;
    padding-right: 10px;
    margin-right: -4px;
    background-color: #fff;
    z-index: 999;
    border-radius: 0 !important;
}

table.dataTable,
table.dataTable.no-footer {
    border-top: none;
}


/*@media all and (min-width:768px)*/

.navbar-fixed-bottom,
.navbar-fixed-top {
    border-radius: 0;
    /*height: 85px;*/
}

.panel-top {
    /* 	for navbar > container */
    margin-top: 3px;
}

.navbar-logo {
    max-height: 45px;
    margin-top: 0;
    padding-right: 10px;
}

.ncheck-intro {
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #dce2e2;
}

.navbar-default .navbar-nav>li>a {
    background-color: #f2f2f6;
    color: #545454;
}

.navbar-default {
    border-color: #72b5b3;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.nav-title {
    font-size: x-large;
    font-family: 'Varela Round', sans-serif;
    float: right;
    padding: 7px;
    font-weight: 400;
    max-width: 40vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.navbar-brand>img {
    display: inline;
}

.form-inline .form-control {
    width: 100%;
}

.form-inline .form-group {
    margin-bottom: 15px;
}

td.button-row {
    display: flex;
}

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

.btn.disabled {
    cursor: auto;
}

.nav-pills {
    padding-top: 45px;
}

.pills-pane {
    padding-right: 0;
}

.tabbar-link {
    margin-left: 5px;
    color: #fff;
}

.tabpane-bordered {
    border-radius: 5px;
    border-width: thin;
    border-color: #3494BD;
    border-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
    /*     min-height: 500px; */
}

.tabbar-bordered {
    /*background-color: #fff;*/
    z-index: 999;
    border-radius: 0 !important;
    background-color: #f2f2f6;
}

.tabbar-bordered:hover {
    /*background-color: #fff;*/
    z-index: 999;
    border-radius: 0 !important;
    background-color: #fff;
}

li.tabbar-bordered {
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav-pills>li>a {
    border-radius: 0;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 15px;
}

.nav-pills>li.active>a {
    border-width: thin;
    border-color: #FFFFFF;
    border-right: none;
    border-style: solid none solid solid !important;
    padding-right: 10px;
    margin-right: -2px;
    background-color: #fff;
    z-index: 999;
    border-radius: 0 !important;
}

.button-line {
    display: inline;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #333;
    background-color: rgb(255, 255, 255);
}

.nav-pills>li {
    border-radius: 5px;
}

.btn-width-90 {
    min-width: 90px;
}

.btn-width-80 {
    min-width: 80px;
}

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

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

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

.no-top-margin {
    margin-top: 0px;
    font-weight: 600;
}

.admin-page-header {
    margin: 0px 0 20px;
}

.nav-pills>li {
    border-width: thin;
    border-style: solid;
    border-color: #FFF0;
    border-radius: 5px;
}

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

.remove-focus:focus {
    outline: none;
}


.profile-pic {
    position: static;
    left: 0;
    margin: auto;
    margin-top: -13px;
    height: 50px;
    border-radius: 50%;
    -webkit-clip-path: circle(at 50% 50%);
    clip-path: circle(at 50% 50%);
    background-color: transparent;
    border-color: cadetblue;
    border-width: thick;
    font-size: 14px;
    font-weight: 600;
    color: white;
    /*background: url('/app/img/sample_user.jpg');*/
    background-size: cover;
}

.thumbnails{
    margin: 15px;
}

.thumbnails .thumbnail{
    width:100px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    
}

.thumbnails .thumbnail .thumbnail-rounded{
    max-height: 80px;
    height: 80px;
    max-width: 80px;
    margin-top: 0px;
}

.thumbnails .thumbnail .thumbnail-rounded-view{
    max-height: 40px;
    height: 40px;
    max-width: 40px;
    margin-top: 0px;
}

.thumbnails .thumbnail .thumbnail-title{
    margin-top:10px;
    font-size: 12px;
    color: #06946d;
    word-break: break-word;
}

.thumbnails .thumbnail .close-button{
    right: 0px;
    width: 100%;
    color: rgb(209, 8, 8);
}

.thumbnails .thumbnail .download-button{
    right: 0px;
    width: 100%;
    color: rgb(60 148 2);
}

.list-scroll-biometrics{
    width: 100%;
    height: 155px;
    overflow: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    /*.modal-dialog {*/
    /*    width: 70vw;*/
    /*}*/
    /*.modal-dialog.modal-xl {*/
    /*     width: 80vw;*/
    /*}*/
    /*.modal-dialog.modal-md {*/
    /*    width: 70vw;*/
    /*}*/
    /*.modal-dialog.modal-sm {*/
    /*    width: 60vw;*/
    /*}*/
    /*.modal-dialog.modal-xs {*/
    /*    width: 300px;*/
    /*}*/
    /*.footer {*/
    /*    width: calc(100% - 250px)*/
    /*}*/
}

@media (min-width: 992px) and (max-width: 1200px) {
    /*.modal-dialog {*/
    /*    width: 80vw;*/
    /*}*/
    /*.modal-dialog.modal-xl {*/
    /*    width: 90vw;*/
    /*}*/
    /*.modal-dialog.modal-md {*/
    /*    width: 80vw;*/
    /*}*/
    /*.modal-dialog.modal-sm {*/
    /*    width: 70vw;*/
    /*}*/
    /*.modal-dialog.modal-xs {*/
    /*    width: 300px;*/
    /*}*/
    .btn-sm {
        padding: 3px 6px;
        font-size: 12px;
        line-height: 1.42;
    }
    .user-property img {
        max-width: 100px;
        height: 100px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1201px) and (max-width: 1400px){
    /*.modal-dialog {*/
    /*    width: 70vw;*/
    /*}*/
    /*.modal-dialog.modal-xl {*/
    /*    width: 80vw;*/
    /*}*/
    /*.modal-dialog.modal-md {*/
    /*    width: 70vw;*/
    /*}*/
    /*.modal-dialog.modal-sm {*/
    /*    width: 60vw;*/
    /*}*/
    /*.modal-dialog.modal-xs {*/
    /*    width: 300px;*/
    /*}*/
    .btn {
        /*padding: 4px 10px;*/
    }
    .input-group-btn button {
        padding: 4px 10px;
    }
    .form-control {
        height: 30px;
        padding: 4px 10px;
    }
    .switch .switch-text {
        font-size: 12px;
    }
    .btn-sm {
        /*padding: 3px 6px;*/
        font-size: 12px;
        line-height: 1.42;
    }
    .input-sm {
        height: 25px;
    }
    .user-property img {
        max-width: 120px;
        height: 120px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1401px) {
    /*.modal-dialog {*/
    /*    width: 60vw;*/
    /*}*/
    /*.modal-dialog.modal-xl {*/
    /*    width: 70vw;*/
    /*}*/
    /*.modal-dialog.modal-md {*/
    /*    width: 60vw;*/
    /*}*/
    /*.modal-dialog.modal-sm {*/
    /*    width: 40vw;*/
    /*}*/
    /*.modal-dialog.modal-xs {*/
    /*    width: 300px;*/
    /*}*/
}

.text-muted {
    color: rgb(255, 255, 255);
}

body>.container {
    padding: 20px 15px 0;
}

.page-header {
    border-bottom: 2px solid #B3B3B3;
}

.bfh-selectbox {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin-bottom: 0;
    margin-top: auto;
    padding-top: 0;
    margin-bottom: 15px;
}

.bfh-selectbox-option {
    height: 30px;
    padding-top: 4px;
}

.bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option {
    display: inline-block;
    float: left;
    width: 100%;
    height: 30px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bfh-selectbox .bfh-selectbox-toggle .selectbox-caret {
    margin-top: 13px !important;
}

.bfh-selectbox .bfh-selectbox-options {
    left: 14px !important;
}

.jumbotron {
    background-color: rgba(159, 193, 176, 0.19);
}


/* .well {
    background-color: rgba(159, 193, 176, 0.19);
} */

.panel {
    position: relative;
    display: block;
    /*flex-direction: column;*/
    min-width: 0;
    background-clip: border-box;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}

.notification-bubble {
    padding-top: 85px;
}

.link {
    font-size: large;
}

.row.centered-form {
    padding-left: 10px;
    padding-right: 10px;
}

.hide_element {
    display: none;
}

.show_block {
    display: block;
}

.navbar-form-options {
    padding-top: 5px;
    font-size: smaller;
    color: #fff !important;
}

.navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-default .navbar-brand {
    color: rgba(65, 130, 117, 0.41);
    /* text-shadow: 2px 2px hsla(0, 0%, 27%, 0.58); */
}

.navbar-form {
    margin-bottom: 0;
    margin-top: 20px;
}


/*.checkbox-inline {
    padding-left: 35px;
}*/

.navbar {
    background-color: #72b5b3;
    /* box-shadow: 0 0 10px rgb(0, 0, 0); */
}

.forgot-password-link {
    color: #fff;
    font-weight: 600;
}

.navbar-default {
    /* border-color: #418275; */
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-brand {
    font-family: sans-serif;
}

.btn-login {
    color: #eee;
    /*background-color: #3F9084;*/
    border-color: #eee;
    border-width: thin;
    border-radius: 0;
}

.form-control {
    border-radius: 0;
}

.login_screen_half {
    padding: 30px;
}

.login-page-body {
    top: 50px;
}

.signup-body {
    margin-top: 20px;
    /* margin-bottom: 80px; */
    padding-bottom: 20px;
}

.previous-data {
    padding-left: 15px;
    padding-right: 15px;
}

.inline-item {
    /* padding-left: 5px;*/
    padding-right: 20px;
}

.well-display {
    display: flex;
}

.content_box {
    padding: 10px;
    border-color: #2e6da4;
    background-color: #bce8f1;
    margin-bottom: 10px;
    min-width: 220px;
}

.content_box_row {
    margin-top: 30px;
    padding: 20px;
}

.graph_box_row {
    top: 200px;
    padding: 20px;
    /*margin-top: 200px;*/
}

.graph_box {
    padding: 10px;
    border-color: #ce8483;
    background-color: #98C0CC;
    margin-bottom: 20px;
}

.font_icon {
    font-size: 47px;
    padding-top: 10px;
}

.chart_title {
    font-family: sans-serif;
    font-size: large;
    font-weight: 600;
    text-align: center;
    padding-bottom: 5px;
}

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

.table_body {
    padding: 20px;
}

.table_title {
    font-family: sans-serif;
    font-size: large;
    font-weight: 600;
    text-align: center;
}

.single_box_row {
    padding-left: 20px;
    padding-right: 20px;
}

.bold {
    font-weight: bold;
}

.message_strip {
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.message_bar {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
}

.title {
    font-size: large;
    font-weight: 600;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #5bc0de;
    /*padding-right: 0px;*/
    padding: 5px 0 5px 5px;
    text-align: center;
}

.message_bar {
    font-size: medium;
    font-weight: 600;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #bce8f1;
    padding-left: 0;
}

.no_padding_right {
    padding-right: 0;
}

.no_padding_left {
    padding-left: 0;
}

#visit-appointments{
    height: 300px;
}

/*////////////////////  MEDIA //////////////////*/

@media (max-width: 991px) {
    .navbar-brand {
        font-family: sans-serif;
        font-size: 25px;
    }
    .well-display {
        display: block;
    }
    .tabbar-link.ng-binding.active {
        border-style: solid !important;
    }
}

.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: transparent;
}

hr {
    border-top: 1px solid #8C8C8C;
}

@media (min-width: 991px) {
    .content_box {
        padding: 10px;
        border-color: #2e6da4;
        background-color: #bce8f1;
        margin-bottom: 10px;
        min-width: 220px;
        max-height: 92px;
    }
}

@media (max-width: 767px) and (min-width: 400px) {
    .overlay-lang-code {
        color: rgb(130, 129, 129);
        margin-top: 2px;
        margin-left: -5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        border-color: rgb(136, 136, 136);
        border-width: 1px;
        border-style: solid;
        border-radius: 50%;
        padding: 0 1px;
    }
}

@media (max-width: 767px) {
    .row.pie-charts > .col-xs-6:nth-child(even) {
        padding-left: 7px;
        padding-right: 0;
    }
    .xs-left-lg-right {
        float: left !important;
    }
    .xs-right-lg-left {
        float: right !important;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: white;
    }
    .notification-bubble {
        padding-top: 0px;
    }
    .row.centered-form {
        margin-left: 10px;
        margin-right: 15px;
    }
    .no_padding_left {
        padding-left: 15px;
    }
    .no_padding_right {
        padding-right: 15px;
    }
    .navbar-brand {
        font-family: sans-serif;
        font-size: 25px;
        height: 35px;
    }
    .navbar-form-options {
        padding-top: 10px;
    }
    .form-group {
        padding-bottom: 5px;
    }
    body {
        margin-bottom: 20vh !important;
    }

    .form-serach-button-full-width{
        width: 100%;
    }
}

@media (max-width: 767px) and (min-width:420px) {
    .navbar-form {
        padding-left: 10%;
        padding-right: 10%;
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        /*height: 60px;*/
    }
}

@media (min-width: 767px) {
    .navbar {
        height: 60px;
    }
}


/* ------------------------------------------------------ */


/* 		CSS loading indicator - cssload.net */


/* ------------------------------------------------------ */

.windows8 {
    position: relative;
    width: 68px;
    height: 68px;
    margin: auto;
    z-index: 1500;
    position: fixed;
    left: 50%;
    top: 50% !important;
}

.windows8 .wBall {
    position: absolute;
    width: 65px;
    height: 65px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 3.9325s infinite;
    -o-animation: orbit 3.9325s infinite;
    -ms-animation: orbit 3.9325s infinite;
    -webkit-animation: orbit 3.9325s infinite;
    -moz-animation: orbit 3.9325s infinite;
}

.windows8 .wBall .wInnerBall {
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgb(86, 176, 133);
    left: 0px;
    top: 0px;
    border-radius: 8px;
}

.windows8 #wBall_1 {
    animation-delay: 0.856s;
    -o-animation-delay: 0.856s;
    -ms-animation-delay: 0.856s;
    -webkit-animation-delay: 0.856s;
    -moz-animation-delay: 0.856s;
}

.windows8 #wBall_2 {
    animation-delay: 0.173s;
    -o-animation-delay: 0.173s;
    -ms-animation-delay: 0.173s;
    -webkit-animation-delay: 0.173s;
    -moz-animation-delay: 0.173s;
}

.windows8 #wBall_3 {
    animation-delay: 0.3465s;
    -o-animation-delay: 0.3465s;
    -ms-animation-delay: 0.3465s;
    -webkit-animation-delay: 0.3465s;
    -moz-animation-delay: 0.3465s;
}

.windows8 #wBall_4 {
    animation-delay: 0.5095s;
    -o-animation-delay: 0.5095s;
    -ms-animation-delay: 0.5095s;
    -webkit-animation-delay: 0.5095s;
    -moz-animation-delay: 0.5095s;
}

.windows8 #wBall_5 {
    animation-delay: 0.693s;
    -o-animation-delay: 0.693s;
    -ms-animation-delay: 0.693s;
    -webkit-animation-delay: 0.693s;
    -moz-animation-delay: 0.693s;
}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }
    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }
    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }
    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }
    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }
    76% {
        opacity: 0;
        transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }
    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }
    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }
    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }
    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }
    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }
    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }
    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }
    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }
    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }
    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }
    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }
    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }
    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }
    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }
    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }
    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }
    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }
    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }
    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }
    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}


/* ------------------------------------------------ */


/* 		ajax loader */


/* ------------------------------------------------ */

#loaderDiv {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: rgba(255, 255, 255, 0);
    opacity: 1;
    transition: opacity 3s cubic-bezier(1, 0, 0, 1);
}

.loading {
    color: rgb(68, 138, 101);
    left: 53px;
    position: absolute;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: 600;
    padding: 15px;
}

#fountainG {
    position: relative;
    top: 50%;
    margin: auto;
    left: 44%;
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: rgb(104, 186, 189);
    width: 28px;
    height: 28px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 0.845s;
    -o-animation-duration: 0.845s;
    -ms-animation-duration: 0.845s;
    -webkit-animation-duration: 0.845s;
    -moz-animation-duration: 0.845s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    border-radius: 19px;
    -o-border-radius: 19px;
    -ms-border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}

#fountainG_1 {
    left: 0;
    animation-delay: 0.336s;
    -o-animation-delay: 0.336s;
    -ms-animation-delay: 0.336s;
    -webkit-animation-delay: 0.336s;
    -moz-animation-delay: 0.336s;
}

#fountainG_2 {
    left: 29px;
    animation-delay: 0.4225s;
    -o-animation-delay: 0.4225s;
    -ms-animation-delay: 0.4225s;
    -webkit-animation-delay: 0.4225s;
    -moz-animation-delay: 0.4225s;
}

#fountainG_3 {
    left: 58px;
    animation-delay: 0.509s;
    -o-animation-delay: 0.509s;
    -ms-animation-delay: 0.509s;
    -webkit-animation-delay: 0.509s;
    -moz-animation-delay: 0.509s;
}

#fountainG_4 {
    left: 88px;
    animation-delay: 0.5955s;
    -o-animation-delay: 0.5955s;
    -ms-animation-delay: 0.5955s;
    -webkit-animation-delay: 0.5955s;
    -moz-animation-delay: 0.5955s;
}

#fountainG_5 {
    left: 117px;
    animation-delay: 0.672s;
    -o-animation-delay: 0.672s;
    -ms-animation-delay: 0.672s;
    -webkit-animation-delay: 0.672s;
    -moz-animation-delay: 0.672s;
}

#fountainG_6 {
    left: 146px;
    animation-delay: 0.7585s;
    -o-animation-delay: 0.7585s;
    -ms-animation-delay: 0.7585s;
    -webkit-animation-delay: 0.7585s;
    -moz-animation-delay: 0.7585s;
}

#fountainG_7 {
    left: 175px;
    animation-delay: 0.845s;
    -o-animation-delay: 0.845s;
    -ms-animation-delay: 0.845s;
    -webkit-animation-delay: 0.845s;
    -moz-animation-delay: 0.845s;
}

#fountainG_8 {
    left: 205px;
    animation-delay: 0.9315s;
    -o-animation-delay: 0.9315s;
    -ms-animation-delay: 0.9315s;
    -webkit-animation-delay: 0.9315s;
    -moz-animation-delay: 0.9315s;
}

@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(65, 160, 163);
    }
    100% {
        transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(65, 160, 163);
    }
    100% {
        -o-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(65, 160, 163);
    }
    100% {
        -ms-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(65, 160, 163);
    }
    100% {
        -webkit-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(65, 160, 163);
    }
    100% {
        -moz-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}


/* Notifications */

.navbar-default .dropdown-menu.notify-drop {
    min-width: 330px;
    background-color: #fff;
    min-height: 360px;
    max-height: 360px;
    left: auto;
    right: 0;
}

@media (max-width: 489px) {
    .navbar-default .dropdown-menu.notify-drop {
        min-width: 220px;
        background-color: #fff;
        min-height: 360px;
        max-height: 380px;
        left: auto;
        right: 0;
    }
    .ui-grid-pager-max-pages-number {
        display: none;
    }
    .ui-grid-pager-max-pages-number {
        display: none;
    }
    .ui-grid-pager-count-container {
        display: none;
    }
    .ui-grid-pager-row-count-label {
        display: none;
    }
    .ui-grid-pager-container {
        width: 100%
    }
    .ui-grid-pager-row-count-picker {
        float: right;
    }
}

.navbar-default .dropdown-menu.notify-drop .notify-drop-title {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 15px 10px 15px;
}

.navbar-default .dropdown-menu.notify-drop .drop-content {
    min-height: 280px;
    max-height: 280px;
    overflow-y: scroll;
}

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li {
    border-bottom: 1px solid #e2e2e2;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li:nth-child(2n+0) {
    background-color: #fafafa;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li:after {
    content: "";
    clear: both;
    display: block;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li:hover {
    background-color: #fcfcfc;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li:last-child {
    border-bottom: none;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li .notify-img {
    float: left;
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0px 0px 8px 0px;
}

.navbar-default .dropdown-menu.notify-drop .allRead {
    margin-right: 7px;
}

.navbar-default .dropdown-menu.notify-drop .rIcon {
    float: right;
    color: #999;
}

.navbar-default .dropdown-menu.notify-drop .rIcon:hover {
    color: #333;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li a {
    font-size: 12px;
    font-weight: normal;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li {
    font-weight: bold;
    font-size: 11px;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li hr {
    margin: 5px 0;
    width: 70%;
    border-color: #e2e2e2;
}

.navbar-default .dropdown-menu.notify-drop .drop-content .pd-l0 {
    padding-left: 0;
    padding: 10px 0px 5px 12px;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li p {
    font-size: 11px;
    color: #666;
    font-weight: normal;
    margin: 3px 0;
    white-space: pre-line;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li p.time {
    font-size: 10px;
    font-weight: 600;
    top: -6px;
    margin: 8px 0px 0px 0px;
    padding: 0px 3px;
    border: 1px solid #e2e2e2;
    position: relative;
    background-image: linear-gradient(#fff, #f2f2f2);
    display: inline-block;
    border-radius: 2px;
    color: #B97745;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li p.time:hover {
    background-image: linear-gradient(#fff, #fff);
}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer {
    border-top: 1px solid #e2e2e2;
    bottom: 0;
    position: relative;
    padding: 5px 15px;
}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a {
    color: #777;
    text-decoration: none;
}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a:hover {
    color: #333;
}

span.badge.notification-badge {
    position: absolute;
    top: 10px;
    display: block;
    left: inherit;
    margin-left: 24px;
    padding: 4px 5px;
    border-radius: 50%;
    letter-spacing: 0;
    line-height: 10px;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-danger-bordered {
    color: #fff;
    background-color: #dc3545;
    border: 1px solid black;
}

@media (max-width: 425px) {
    .hidden-mobile {
        display: none !important;
    }
}

@media (min-width: 426px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media (min-width: 426px) and (max-width:767px) {
    .hidden-tab {
        display: none !important;
    }
}

.tab-content-height-xs {
    height: 150px;
    overflow-y: scroll;
}

.tab-pane-xs {
    /*padding: 0px 18px;*/
    padding: 0;
}

.panel-body-image-sm {
    position: relative;
    left: calc(50% - 50px);
    margin-right: -50%;
}

.thumbnail-xs {
    display: block;
    padding: 4px;
    margin-bottom: 5px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.input-xs {
    height: 22px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}

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

.margin-lg {
    margin-left: 15px;
    margin-right: 15px;
}

.dropdown-menu-filters-lg {
    list-style: none;
    min-width: 350px;
}

.dropdown-menu-filters-lg li {
    float: left;
    margin-right: 10px;
}

.dropdown-menu-filters-mobile {
    list-style: none;
    min-width: 230px;
}

.font-size-mobile {
    font-size: 12px;
}

.select-mobile {
    height: 22px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 13px;
}

.filters-custom {
    color: red;
    font-style: italic;
}

.filters-default {
    color: blue;
    font-style: italic;
}

@media (min-width: 992px) and (max-width:1519px) {
    .eventlog-basic-info {
        padding-right: 15px;
    }
}

@media (max-width: 425px) {
    .hidden-mobile {
        display: none;
    }
    span.badge.notification-badge {
        position: absolute;
        top: 8px;
        display: block;
        left: inherit;
        margin-left: 20px;
        padding: 3px 4px;
        border-radius: 50%;
        letter-spacing: 0;
        font-size: 11px;
        line-height: 10px;
    }
    .circle-pic {
        margin-top: 2px;
        margin-right: 5px;
    }
    .modal-footer .btn {
        padding: 4px 7px;
    }
    .addr-list h5.col-lg-6.col-md-6.col-sm-6.col-xs-4.flex {
        overflow: hidden;
    }
    .no-evt-day, .ot {
        background-color: #ffffff30;
        border-color: #87ceeb;
        color: #969696;
        padding: 5px 2px;
        font-size: 9px;
        margin-top: -15px;
    }
    .margin-lg {
        margin-left: 10px;
        margin-right: 10px;
    }
    .eventlog-filters {
        padding: 0 !important;
    }
    .admin-page-header {
        margin: 0 0 10px;
    }
    .well {
        margin-bottom: 10px;
    }
    .fc-left>h2 {
        font-size: 20px;
    }
    .report-filters-group {
        padding-left: 0;
    }
    .ui-grid-filter-container{
        display: none;
    }
    .navbar.navbar-default.navbar-static-top .nav.navbar-top-links.navbar-right .dropdown>a {
        padding: 8px 0 0 0;
    }
    .no-rows .msg {
        font-size: 15px;
    }
    .ui-grid {
        font-size: 12px;
    }
    .ui-grid-pager-row-count-picker select {
        padding: 3px 10px !important;
    }
    .ui-grid-pager-control button {
        padding: 6px 9px !important;
    }
    .datagrid_mobile {
        max-height: 300px;
    }
}
.eventlog-map {

}

.ui-grid-pager-row-count-picker select {
    padding: 3px 10px !important;
}

@media (min-width: 426px) and (max-width:767px) {
    .hidden-tab {
        display: none;
    }
}

.tab-content-height-xs {
    height: 150px;
    overflow-y: scroll;
}

.tab-content-height-sm {
    min-height: 10em;
    overflow-y: scroll;
}

.tab-content-height-auto {
    /*overflow-y: scroll;*/
}

.panel-body-image-sm {
    position: relative;
    left: calc(50% - 50px);
    margin-right: -50%;
}

.thumbnail-xs {
    display: block;
    padding: 4px;
    margin-bottom: 5px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.input-xs {
    height: 22px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

@media (min-width: 1450px) {
    .reporting-tabs {
        width: 1060px;
        float: left;
    }
}

.report-filters-summery-element {
    display: inline-block;
    margin-right: 30px;
}

.report-filters-summery {
    border: 1px solid #B3B3B3;
    padding: 10px 5px;
}

.lbl-sub-flex {
    display: inline-flex;
    margin-right: 45px;
}

.lbl-sub-float-left {
    float: left;
    margin-right: 25px;
}

.section-float-left {
    /*float: left;*/
    margin-right: 20px;
}

.lbl-main-flex {
    display: inline-flex;
    margin-right: 20px;
}

.lbl-plan-main {
    float: left;
    width: 140px;
}

.subscription-help {
    position: absolute;
    display: block;
    right: 0;
    margin-right: 42px;
}

.custom-badge {
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}

.circle-success {
    color: #5cb85c;
    border-color: #4cae4c;
}

.circle-info {
    color: #5bc0de;
    border-color: #46b8da;
}

.ico-navi {
    color: transparent;
    border-radius: 50%;
    border: 1px solid white;
}

.ico-nav-loc {
    display: inline-block;
    float: right;
    margin-top: -3px;
    margin-left: 5px
}

.fa-stack-nav {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-2x-nav {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 2em;
    text-align: center;
}

.fa-inverse-nav {
    font-size: 21px;
    color: #fff;
}

.navbar-toggle {
    margin-right: 0px;
}

.date-picker-right .dropdown-menu {
    left: unset !important;
    right: 0 !important;
}

.date-picker-left .dropdown-menu {
    right: unset !important;
    left: 0 !important;
}

.border-bottom-ridge {
    display: -webkit-box;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: ridge;
}

.input-selector-xs {
    height: 22px;
    padding: 0px 12px;
}

.timepicker-xs .form-control {
    height: 22px;
    padding: 0px 12px;
}

.timepicker-xs .btn {
    padding: 0px 5px;
}

.settings-label-left {
    max-width: 250px;
    width: 250px;
    display: inline-flex;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    vertical-align: -webkit-baseline-middle;
}

.no-left-right-margin {
    margin-left: 0px;
    margin-right: 0px;
}

.btn-bottom-right {
    position: relative;
    bottom: 0;
    right: 0;
    float: right;
}

.remove-tab-border-bottom>.ui-tabs-scrollable>.spacer>div:first-child>.tab-content {
    border: unset;
}

.date-previous button span {
    background-color: rgb(219, 240, 105);
    border-radius: 40px;
    color: black;
    border: 5px solid rgb(219, 240, 105);
  }

  .date-available button span {
    background-color: limegreen;
    border-radius: 40px;
    color: black;
    border: 5px solid limegreen;
  }

  .item-selected-green{
    outline: rgb(204 247 44) solid 4px;
    outline-offset: -3px;
  }

  .background-danger{
    background: #b11e14 !important;
    }

/* Footer new */

.footer {
    /*z-index: 1001;*/
    /*background: #EDEFF1;*/
    /* height: auto; */
    padding: 10px 0;
    /* position: relative; */
    /* width: 100%; */
    color: #fff;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
}

.footer p {
    margin: 0;
}

.footer img {
    max-height: 70px;
}

.footer h3 {
    border-bottom: 1px solid #BAC1C8;
    color: #54697E;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 40px 0 10px;
    text-transform: uppercase;
}

.footer ul {
    font-size: 13px;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 15px;
    color: #7F8C8D;
}

.footer ul li a {
    padding: 0 0 5px 0;
    display: block;
}

.footer a {
    color: #ffffff;
}

.search-roster-mobile {
    float: right;
    display: inline-block;
    margin-top: 10px;
}

.button-group-right-align{
    float: right;
    margin-top: 15px;
}

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

button.remove-focus:focus {
    outline: none;
}

/* mobile view */

@media(max-width: 425px) {
    .modal-footer .btn+.btn {
        margin-bottom: 5px;
        margin-left: 5px;
    }
    .modal-footer button.btn.btn-primary,
    .modal-footer button.btn.btn-default,
    .modal-footer button.btn.btn-success,
    .modal-footer button.btn.btn-warning,
    .modal-footer button.btn.btn-danger,
    .modal-footer button.btn.btn-info {
        margin-bottom: 5px;
        margin-left: 5px;
    }
    .form-control {
        height: 30px;
    }
    .navbar.navbar-default.navbar-static-top .navbar-toggle {
        margin-left: 5px;
    }
    .navbar.navbar-default.navbar-static-top .navbar-header {
        float: left;
        width: auto;
    }
    .nav.navbar-top-links.navbar-right {
        /* float: right; */
        text-align: right
    }
    .navbar-default {
        /*background-color: #9a9a9a;*/
        border-color: #e7e7e7;
    }
    .sidebar .sidebar-nav.navbar-collapse {
        width: 100%;
    }
    .navbar-default.sidebar a {
        /*color: #fff;*/
    }
    .navbar-default.sidebar a.active {
        color: #9a9a9a;
    }
    .navbar-header button.navbar-toggle {
        float: left;
    }
    .nav-title {
        font-size: inherit;
        font-family: 'Varela Round', sans-serif;
        float: right;
        padding: 7px;
        font-weight: 400;
    }
    #mainView {
        padding-top: 5px;
    }
    .hidden-mobile {
        display: none !important;
    }
}

@media (min-width: 426px) and (max-width:767px) {
    .hidden-tab {
        display: none !important;
    }
}
@media (min-width: 425px) and (max-width: 509px) {
    .nav-title {
        font-size: 18px;
    }
    .title-text {
        width: 250px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (min-width: 320px) and (max-width: 424px) {
    .nav-title {
        font-size: 16px;
    }
    .title-text {
        width: 75vw;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .navbar-logo {
        display: none;
    }
}
@media (max-width: 319px) {
    .nav-title {
        font-size: 16px;
    }
    .title-text {
        width: 65vw;
    }
}

@media (max-width: 767px) {
    .navbar-default.sidebar {
        width: 100%;
    }
    .navbar-default {
        /*background-color: #9a9a9a;*/
        border-color: #e7e7e7;
    }
    .sidebar .sidebar-nav.navbar-collapse {
        width: 100%;
    }
    .navbar-toggle {
        position: relative;
        padding: 10px 10px;
        margin-top: 7px;
        margin-right: 0;
        margin-bottom: 5px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navbar-brand {
        font-family: sans-serif;
        font-size: 16px;
        padding: 5px;
        height: 40px;
        line-height: 20px;
    }
    .circle-pic {
        width: 35px;
    }
    #page-wrapper {
        padding: 60px 15px 0 15px;
    }
    .navbar {
        position: fixed;
        width: 100%;
    }
    .title-text {
        font-weight: 600;
        font-size: 14px;
        padding-left: 0;
    }
    .navbar-logo {
        max-height: 40px;
        margin-top: 0;
        padding-right: 10px;
        margin-left: 5px;
    }
    .navbar-top-links li:last-child {
        margin-right: 5px;
    }
}

@media (max-width: 400px) {
    .form-control {
        font-size: 12px;
    }
    .dropdown-menu {
        font-size: 13px;
    }
    .h5, h5 {
        font-size: 12px;
    }
    .form-control {
        padding: 4px 12px;
        font-size: 14px;
    }
    .form-group {
        margin-bottom: 10px;
    }
    .report-settings-sum {
        width: 140px;
    }
    .report-settings-daterange-default {
        width: 180px;
    }
    .checkbox, .radio {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .report-settings-label-date {
         padding-left: 0;
    }
    .fc-ltr .fc-basic-view .fc-day-number {
        text-align: right;
        font-size: 18px;
    }
    .panel-heading, .panel-footer {
        font-size: 11px;
    }
    .quick-access-item .col-xs-3 {
        display: none;
    }
    .quick-access-item {
        font-size-adjust: 0.4;
        zoom: 80%;
    }
    .round-button {
        zoom: 65%;
    }
    .switch {
        zoom: 85%;
    }
    .form-group-nomargin {
        margin-right: -15px;
        margin-left: -15px;
    }
    .navbar-default .dropdown-menu.notify-drop {
        min-width: 250px;
    }
    .btn-block {
        display: block;
        width: auto;
    }
    .dropdown-menu {
        max-width: 300px;
        min-width: 250px;
    }
    #side-menu {
        margin-top: 1px;
    }
    .sidebar-search button {
        height: 30px;
    }
    #page-wrapper {
        padding: 50px 5px 0 5px;
    }
    .circle-pic {
        width: 30px;
    }
    .mobile_cp_ico {
        display: inline;
        float: right;
        padding: 6px;
        border-radius: 50%;
        margin-left: 5px;
        font-size: 11px;
        line-height: 1.5;
        border: 1px solid #fff;
    }
    .navbar-header {
        width: auto;
    }
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 5px;
        line-height: 22px;
        font-size: 16px;
    }
    .btn,
    .btn-sm {
        padding: 2px 5px;
        font-size: 11px;
        line-height: 1.5;
    }
    .button-line .btn {
        margin-bottom: 3px;
    }
    #fountainG {
        top: 50%;
        margin: auto;
        left: 20%;
    }
    .nav-link {
        padding: 7px 15px !important;
    }
    .h4,
    h4 {
        font-size: 13px;
    }
    .panel-title {
        font-size: 14px;
    }
    label {
        font-weight: 600;
    }
    .input-md {
        font-size: 13px;
        height: 30px;
        padding: 5px 10px;
    }
    .input-group-btn .btn {
        padding: 6px 12px;
    }
    /*.media>.media-object>img {*/
    /*    max-width: -webkit-fill-available !important;*/
    /*    max-width: -moz-available !important;*/
    /*}*/
}

@media (min-width: 768px) {
    .sidebar {
        margin-top: 60px;
        top: 0;
    }
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 10px 15px;
        /*overflow: hidden;*/
        /*height: Calc(100vh - 60px);*/
    }

    .schema-form-fixed-height{
        height: 84px;;
    }
}

@media all and (min-width: 768px) {

    .equal-height{
        display: flex;
        flex-wrap: wrap;
    }
}
.ngImageAppearPlaceholder {
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
    height: 100%;
}