.cl-lightgray {
    color: #999;
}
.card {
    font-size: 11px;
    margin-bottom: 4px;
}
.card-active {
    background-color: #f5fff5!important;
    border-color: #ccffcc!important;
}
.card-free-time {
    background-color: #f2f2f2!important;
    border-color: #dfdfdf!important;
}
.table td, .table th {
    padding:.5rem!important;
}
.set {
    display: inline-block;
    font-size: 11px;
}
.o-0 {
    opacity: 0;
}
.card-body {
    padding:1rem!important;
    word-break: break-all;
}
.phone {
    font-size: 12px;
    margin: 0;
}
.employee-name {
    font-size:12px;
    margin: 0;
}
.company {
    display: block;
    font-size: 12px;
}
.vcmi {
    color: #199669;
}
.vcmia {
    color: #BE1C31;
}
.hoverable {
    width: 100%;
    height:40px;
}
td:hover button {
    opacity: 1;
}
.clickable {
    cursor: pointer;
}
.card-title {
    margin-bottom: 0!important;
}
.card-selected {
    background-color: rgba(0,192,255,0.2)!important;
}
/*.card-bulk {*/
    /*border-color: rgba(255, 90, 44, 0.42) !important;*/
/*}*/
.card-bulk-hover {
    border-color: #7d7b7c !important;
    opacity: 1!important;
}
.fixed-w-65 {
    width: 65px;
    cursor: pointer;
}
.bg-color {
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/*.color-picker {*/
    /*-moz-border-radius-topleft: 0!important;*/
    /*-webkit-border-top-left-radius: 0!important;*/
    /*-moz-border-radius-bottomleft: 0!important;*/
    /*-webkit-border-bottom-left-radius: 0!important;*/
    /*border-bottom-left-radius: 0!important;*/
    /*border-top-left-radius: 0!important;*/
    /*border: 1px solid #e3e3e3!important;*/
    /*border-left: unset!important;*/
/*}*/

/*.color-picker-wrap li{list-style: none;}*/
/*.color-picker-wrap ul{width: 100%;padding: 0;display:inline-block;margin-bottom:0;}*/
/*.color-picker-wrap li{border: 1px dotted #333333; position:relative;float:left;width:32px;height:32px;margin:2px 1px 0 0;background:#000;cursor:pointer;filter:alpha(opacity=50);opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;}*/
/*.color-picker-wrap li:hover{filter:alpha(opacity=100);opacity:1}*/
/*.color-picker-wrap li.active{height:36px;margin-top:0;filter:alpha(opacity=100);opacity:1;border-style: solid;}*/
/*.color-picker-wrap li.add_new{ background:#fff;border: 1px dotted #333333; text-align:center;line-height: 32px;font-size:24px;}*/
/*.color-picker-wrap.cp-sm li{width:24px;height:24px;}*/
/*.color-picker-wrap.cp-sm li.active{height:28px;}*/
/*.color-picker-wrap.cp-sm li.add_new{ line-height: 24px;font-size:16px;}*/
/*.color-picker-wrap.cp-lg li{width:48px;height:48px;}*/
/*.color-picker-wrap.cp-lg li.active{height:52px;}*/
/*.color-picker-wrap.cp-lg li.add_new{ line-height: 48px;font-size:40px;}*/
/*.color-picker-wrap .color-picker{display:none;}*/


/*.ui-datepicker {*/
    /*border-radius: 0;*/
    /*padding: 0 0 1.5em;*/
    /*border: 0;*/
    /*box-shadow: 2px 2px 5px #aaa;*/
    /*width: 14.5em;*/
/*}*/

/*.ui-datepicker table {*/
    /*font-size: 13px;*/
/*}*/

/*.ui-datepicker th,*/
/*.ui-datepicker td {*/
    /*padding: 0;*/
    /*width: 10px;*/
/*}*/

/*.ui-datepicker th {*/
    /*text-transform: uppercase;*/
    /*color: #E3797D;*/
    /*font-size: .8em;*/
    /*padding-bottom: 1em;*/
/*}*/

/*.ui-datepicker .ui-datepicker-header {*/
    /*border: none;*/
    /*border-radius: 0;*/
    /*background: #4ECDC4;*/
    /*color: #fff;*/
    /*margin-bottom: 2em;*/
/*}*/

/*.ui-datepicker .ui-datepicker-title {*/
    /*line-height: 1;*/
    /*padding: 3em 0;*/
    /*font-family: 'Oswald', sans-serif;*/
    /*text-transform: uppercase;*/
/*}*/

/*.ui-datepicker .ui-datepicker-month {*/
    /*display: block;*/
    /*font-size: 1.8em;*/
    /*margin-bottom: .4em;*/
/*}*/

/*.ui-datepicker .ui-datepicker-year {*/
    /*color: rgba(255, 255, 255, 0.7);*/
/*}*/

/*.ui-datepicker .ui-datepicker-prev,*/
/*.ui-datepicker .ui-datepicker-next {*/
    /*top: 50%;*/
    /*margin-top: -16px;*/
    /*border: 0;*/
    /*cursor: pointer;*/
/*}*/

/*.ui-datepicker .ui-datepicker-prev {*/
    /*left: 10px;*/
/*}*/

/*.ui-datepicker .ui-datepicker-next {*/
    /*right: 10px;*/
/*}*/

/*.ui-datepicker .ui-datepicker-prev .ui-icon {*/
    /*background-position: -96px -32px;*/
/*}*/

/*.ui-datepicker .ui-datepicker-prev:hover .ui-icon {*/
    /*background-position: -96px -48px;*/
/*}*/

/*.ui-datepicker .ui-datepicker-next .ui-icon {*/
    /*background-position: -32px -32px;*/
/*}*/

/*.ui-datepicker .ui-datepicker-next:hover .ui-icon {*/
    /*background-position: -32px -48px;*/
/*}*/

/*.ui-datepicker .ui-state-default {*/
    /*border: none;*/
    /*background: transparent;*/
    /*padding: 0;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*text-align: center;*/
/*}*/

/*.ui-datepicker td.ui-datepicker-current-day .ui-state-default,*/
/*.ui-datepicker .ui-state-hover {*/
    /*background: #4ECDC4;*/
    /*color: #fff;*/
/*}*/

/*.ui-datepicker .ui-priority-secondary,*/
/*.ui-datepicker .ui-widget-content .ui-priority-secondary,*/
/*.ui-datepicker .ui-widget-header .ui-priority-secondary {*/
    /*opacity: .4;*/
    /*filter: Alpha(Opacity=40);*/
/*}*/

.table thead th {
    font-size:12px;
}
.table-double-striped tr:nth-child(4n-1), .table-double-striped tr:nth-child(4n) {
    background: #eeeeee;
}

/*table tr:nth-child(4n-1), table tr:nth-child(4n)  {*/
    /*background: #ccc;*/
/*}*/

#weekpicker {
    position: absolute;
    display: block;
    max-width: 50%;
    padding: 5px;
    border-radius: 3px;
}
a {
    text-decoration: none!important;
}
.fixme {
    width:100%;
    background-color:white;
}

.fixme tr {
    width:100%;
}

.fixme.fixed {
    position: fixed;
    top: 0;
    right: 0;
    z-Index: 9999;
    display: table;
    left: 0;
}
.d-ib {
    display:inline-block;
}
#ui-datepicker-div {
    position: fixed!important;
    top: 174px!important;
    margin-left: -187px!important;
    left: 50%!important;
}

#weekpickerClick {
    font-size:1.1rem;
}

.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
    margin-top:.3rem!important;   
}

.ddb {
    height:20px;
    cursor:pointer;
    background-color: transparent!important;
    border: 0!important;
}

@media screen and (max-width: 768px) {
    #weekpickerClick {
        font-size:0.9rem;
    }
    .table th, .table td {
        min-width:180px;
    }
    tr td:first {
        width:180px!important;
        overflow:hidden;
    }    
    .fixme.fixed {
        display:none;
    }    
}

/*#weekpicker:focus {*/
    /*display: block;*/
/*}*/
/*#weeklyDatePicker:hover + #weekpicker {*/
    /*display: block;*/
/*}*/
table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
@media print {
    .card-body {
        font-size:9px!important;
        line-height:14px!important;
        padding:.2rem!important;
    }
    tr td:first {
        font-size:8px!important;
    }
    th, td {
        padding:4px!important;
    }
    .hide-on-print {
        display: none;
    }
    .table {
        border-spacing: 0 45px;
        border-collapse: separate;
    }
}