body{
    background-image: url("../img/parallax2.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
nav {
    background:#FFF;
}
.jumbotron {
    background:none;
}
.contur {
    background-color: rgba(255,255,255,0.8);
    padding: 20px;
    border-radius: 16px;
    margin-top:20px;
    margin-bottom:4em;

}
.contur h1 .pagination {margin:0;}



.test-list{
    display:none;
    position:relative;
}
.test{
    background:#EEE;
    border:1px solid #999;
    border-radius:3px;
    position:relative;
    z-index:2;
    overflow: hidden;
    margin:2px 0;

}
.test .header{
    padding:5px;
    background:#FFF;    
}
.test .body{
    height:2px;
    overflow: hidden;
    border-top:1px solid #999;
    box-shadow: inset 0px 10px 10px -10px #999;
}
.test.showinfo .body{
    height:auto;
}
.test .body .inner{
    margin:5px;
}
.test .body table{
    width:100%;
}
.test .body table td{
    width:2em;
}
.test .body table td+td{
    width:auto;
}

.test .infobutton{
    position:absolute;
    right:4px;
    top:4px;
    color:#6c757d;
}

.test .infobutton .showinfo{
    display:inline-block;
}
.test .infobutton .hideinfo{
    display:none;
}
.test.showinfo .infobutton .showinfo{
    display:none;
}
.test.showinfo .infobutton .hideinfo{
    display:inline-block;
}
.infobutton .quickadd{
    display:none;
}
.test.quick-add .quickadd{
    display:inline-block;
}
.test .clientid,.test .client, .test .address-name /* .test .testdate,.test .freq,.test .address */ {
    display:none;
}
.test .header .address{
    display:block;
}

.test td {
    padding:2px 4px;
    vertical-align: top;
}
.table-day .test td{
    min-width: auto;
    width: auto;
    border:none;
}
.table-day .test .agent {
    display: none;
}
.table-day .test .bywho .agent{
    display: block;
}
.table-day .test .reporttime {
    white-space: nowrap;
}
.table-day .inline-icon{
    vertical-align: text-bottom;
}

.test.showinfo .testdate,.test.showinfo .freq,.test.showinfo .address {
    display:table-row;
    
}
.table-day .test.showinfo .client{
    display:block;
}
.test.ui-draggable-dragging .body{
    display:none;
}
.test.ui-draggable-dragging .infobutton{
    display:none;
}
.test.ui-draggable-dragging .test-hour{
    display:none;
}

.test.test-done{
    background:#DFD;
}
.test.test-done .header{
    background:#9F9;
}

.test.test-repeated{
    background:#EFE;
}
.test.test-repeated .header{
    background:#CDC;
}

.test.test-report{
    background:#FCC;
}
.test.test-report .header{
    background:#F66;
}

.test.test-rescheduled{
    background:#FEE;
    color:#999;
}
.test.test-rescheduled .header{
    background:#DCC;
}

.test.test-suspended{
    background:#DDD;
    color:#999;
}
.test.test-suspended .header{
    background:#EEE;
}

.test .bywho{
    text-align: right;
    font-style: italic;
}

/*V1.7 Styles */
/*
table.table tr td.range_run div{
    border-bottom:4px solid cyan;    
}
table.table tr td.range_start div{
    border-bottom:4px solid blue;    
}
table.table tr td.range_end div {
    border-bottom:4px solid blue; 
}

table.table tr .range_run.active div{
    color:black;
    font-weight: bold;
}
table.table tr .range_start.active div{
}
table.table tr .range_end.active div {
}

table.table tr .range_run.green div{
    border-bottom:4px solid limegreen;
}
table.table tr .range_end.green div{
    border-bottom:4px solid green;
}
table.table tr .range_start.green div{
    border-bottom:4px solid green;
}

table.table tr .range_run.silver div{
    border-bottom:4px solid #999;
}
table.table tr .range_end.silver div{
    border-bottom:4px solid #444;

}
table.table tr .range_start.silver div{
    border-bottom:4px solid #444;

}
table.table tr .range_run.yellow div{
    border-bottom:4px solid #FC0;
}
table.table tr .range_end.yellow div{
    border-bottom:4px solid #DA0;
}
table.table tr .range_start.yellow div{
    border-bottom:4px solid #DA0;    
}
*/

table.table td.working_range_run div{
    border-top:2px solid #000;
    box-shadow: 0 10px 10px -10px #999 inset;    
}
table.table td.working_range_run.active div{
    color:#000;
    font-weight: bold;
}

table.table td.working_range_start div{
}
table.table td.working_range_end div{
}

/* Mark start / end */
/*

table.table td.working_range_run div{
    border-top:2px solid #888;
    box-shadow: 0 10px 10px -10px #999 inset;    
}
table.table td.working_range_run.active div{
    color:#000;
    font-weight: bold;
}

table.table td.working_range_start div{
    border-top:2px solid #000;
    box-shadow: 0 10px 10px -10px #333 inset;   
}
table.table td.working_range_end div{
    border-top:2px solid #000;
    box-shadow: 0 10px 10px -10px #333 inset;   
}
*/
table.table-month td div {
    border-top:2px solid transparent;
    border-bottom:4px solid transparent;
}

.test-accept {
    cursor:pointer;
}



tr.legend{
    color:#AAA;
}
th.weekend{
    color:#AAA;
}
td.weekend{
    color:#AAA;
}
th.weekno{
    color:#BBB;
    font-weight: normal;
    text-align: center;
}
td.weekno{
    color:#BBB;
    font-weight: normal;
    text-align: center;
}
td.past{
    color:#ccc;
}
td.today{
    font-weight: bold;
    color:#F00;
}

table.table-day{
    margin-top:-1px;
    margin-bottom:4px;
}
table.table-day th.hour{
    width:4em;
}
.table-day tr.header{
    position: sticky;
    top:0px;
    background:#FFF;
    z-index: 95;
    box-shadow: 0px 0px 10px 0px silver;
}

.table-day .fixed{
    position: sticky;
    left:0px;
    z-index:90;
    background:#FFF;
    box-shadow: 5px 0 5px -5px #CCC;
}

table tr td.day{
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 0px;

}
table tr td.day > div{
    padding:4px 0px;
}
table .legend td{
    text-align: center;
}

/*.day .s0,.day .s1, .day .s2,.day .s3,.day .s4,.day .s5,.day .s6,.day .s7,.day .s8,.day .s9{*/
.day span{
/*    padding:2px;
    background:#FFF;*/
    border-radius:5px;
    z-index:1;
    position: relative;
}
.day .slot{
    position: absolute;
    height:3px;
    width:100%;
    margin-left:auto;
    margin-right: auto;
}
.day .s0{
    top:2px;
}
.day .s1{
    top:6px;
}
.day .s2{
    top:10px;
}
.day .s3{
    top:14px;
}
.day .s4{
    top:18px;
}
.day .s5{
    top:22px;
}
.day .s6{
    top:26px;
}
.day .s7{
    top:30px;
}
.day .s8{
    top:34px;
}
.day .s9{
    top:38px;
}
 /*
.day .si {
    border:1px solid #BDF;
    background: #8CF;
    border-left:none;
    border-right: none;    
}
.day .ss {

    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-left:1px;
    margin-left:4px;

}
.day .se {
/*
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-right:1px;
    margin-right:4px;

}
*/
.day .slot .puck {
    background:#BDF;
    height: 3px;
}

.container .container {
    width:auto;
}
.day .ss{
    padding-left:8px;
}
.day se{
    padding-right:8px;
}


.logoholder{
    background-color: rgba(255,255,255,0.75);
    border-radius:5px;
    border:1px solid #EEE;
    width:auto;
    padding:5px;
    margin-bottom:10px;
    overflow: hidden;
}
.custom-alert-error{
    background-color: rgba(255,255,255,0.75);
    border-radius:5px;
    border:1px solid #EEE;
    width:auto;
    padding:10px;
    margin-bottom:10px;
    color: red;
    font-weight: bold;
}

.headerblue {
    background-color: #F8F8F8;
}

.shadow {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    color: white;
}

.shadow input {
    color: #000;
    text-align: center;
}
.shadow .alert-info {
    text-align:center;
}

.table-wrapper {
    margin: 30px auto;
    background: #fff;
    padding: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border-radius: 1rem;
}


/* 1.8 - Not required
.table-title {
    padding-bottom: 10px;
    margin: 0 0 10px;
}
*/
.table-title h2 {
    margin: 6px 0 0 0;
    padding-bottom:0px;
}

.table-title .add-new {
    height: 34px;
    padding-top:8px;
    font-weight: bold;
    font-size: 12px;
    text-shadow: none;
    min-width: 100px;
    border-radius: 50px;
    line-height: 13px;
}

.table-title .add-new i {
    margin-right: 4px;
}

table.table-day {
    table-layout: fixed;
    width:auto;
    min-width: 100%;
    max-width: none;
}
.table-full-month td.day {
    font-size:2em;
}
.table-full-month td.weekno {
    font-size:2em;
}
table.table-day .scroll-spacer{
    width:8px;
    
}
table.table tr th,
table.table tr td {
    border-color: #e9e9e9;
}

table.table th i {
    font-size: 13px;
    margin: 0 5px;
    cursor: pointer;
}

.test td .options a {
    cursor: pointer;
    display: inline-block;    
    margin: 0 .2em;    
    min-width: 1.5em;
    text-align: center;
}

table.table td a.add {
    color: #27C46B;
}
table.table td a.activity {
    color: #666;
}
table.table td a.edit {
    color: #FFC107;
}
table.table i.admin-icon {
    color: #33F;
}
table.table i.client-icon {
    color: #CCC;    
}
table.table i.executant-icon {
    color: #3F3;    
}
table.table i.sef-echipa-icon {
    color: #fee347;    
}
table.table i.sef-laborator-icon {
    color: #F33;    
}

table.table td a.delete {
    color: #E34724;
}
table.table td a.delete-confirm{
    color: #FFF;
    text-align: center;
}
table.table td a.delete-cancel{
    color: #DDD;
    text-align: center;
}
table.table td.delete-confirmation{
    position:relative;
}
table.table td div.delete-confirmation{
    background:#E34724;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    padding: 8px;
    line-height: 1.42857143;
    width:100%;
    display: flex;
    align-items: center;    
}
table.table td div.delete-confirmation a{
    flex:1;
}
/*

.delete-confirmation::after{
    background:blue;
    content: "";
    background: blue;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
}
*/
table.table td i {
    font-size: 19px;
}

table.table td a.add i {
    font-size: 24px;
    margin-right: -1px;
    position: relative;
    top: 3px;
}

table.table .form-control {
    height: 32px;
    line-height: 32px;
    box-shadow: none;
    border-radius: 2px;
}

table.table .form-control.error {
    border-color: #f50000;
}

table.hours {
    border:1px solid #c8c8c8;
}
table.hours>tbody>tr td {
    padding:2px 4px;
    width:auto;
    border:none;
    
}
table.hours>tbody>tr td.lb {
    border-left:1px solid #c8c8c8;   
}
table.hours>tbody>tr td.bb {
    border-bottom:1px solid #c8c8c8;   
}

table.day {
    background:#fff;
    border:1px solid #bbbbbb;
    color:black;
    margin:10px 0px;
    width:100%;    
}

table.day label{
    margin:5px 0px;
}

table.day .glyphicon-ban-circle{
    color:#bbb;
}
table.day .glyphicon-remove{
    color:#FFF;
}
table.day label{
    font-weight: normal;
}

table.day th{
    text-align: center;
    font-weight: normal;
    color: #FFF;
    border-left: 1px solid #FFF;
    background-color: #800;
}

table.day td{
    padding:2px 4px;
    border:1px solid #cecece;
}
table.day td.tdw{
    background-color: #EEE;
}
table.day td.tdi{
    background-color: #DFD;
}
table.day td.tdid{
    background-color: #EFE;
}

table.day td.tdy{
    background-color: #00F;
    font-weight:bold;
    color:#FFF;
    border:1px solid #004;
}
table.day td.tdb{
    background-color:#FF8;
    color:#888;
}
table.day td.tdd{
    background-color:#FAFAFA;
}


.shadow{
    overflow-x: auto;
}
h3.prelevare {
    font-weight: lighter;
}

table.day td.highlight{
    background-color: #FF0;
}
table.day .ajax_delete_prog{
    color:#F00;
}
table.day .past{
    color:#CCC;
}

.badge-primary-active {color: #fff;background-color: #007bff;}
.badge-primary {color: #fff;background-color: #428bca;}
.badge-secondary {color: #fff;background-color: #6c757d;}
.badge-success {color: #fff;background-color: #28a745;}
.badge-danger {color: #fff;background-color: #dc3545;}
.badge-warning {color: #fff;background-color: #ffc107;}
.badge-info {color: #fff;background-color: #17a2b8;}
.badge-light {color: #343a40;background-color: #f8f9fa;}
.badge-dark {color: #fff;background-color: #343a40;}
.agentDate .badge {font-size:1em;border-radius: 20px;padding: 5px 20px;vertical-align: baseline;}
.agentDate .badge .badge {margin-right: -15px;border-radius: 15px;}

.filterTickTack{
    background-color: lime;
    height: 4px;
    box-shadow: 0px 0px 5px 0px lime;
    border-radius: 2px;
    display:none;
}
.filterPlaceHolder{
    margin:2px 4px;
    padding:0;   
    height:5px;
}

.prog-blue{
    color:blue;
    font-weight: bold;
    stroke:blue;
}

.prog-green{
    color:limegreen;
    font-weight: bold;
    stroke:limegreen;
}

.prog-silver{
    color:gray;    
    font-weight: bold;
    stroke:gray;
}
.prog-yellow{
    color:#F80;
    font-weight: bold;
    stroke:#F80;
}
.show-prog{
    display:none;
}
.filters {
	margin-top:8px;
}

.filters table{
width:100%;

}
/*
#calendar-date {
    border:1px solid blue;
}
#calendar-nav {
    border:1px solid red;
}
#calendar-view {
    border:1px solid green;
}
#calendar-filter{
    border:1px solid black;
}
#calendar-tests{
    border:1px solid gray;
}
#calendar-ajax {
    border:1px solid purple;
}
*/

.nopad{
    padding-left:0px;
    padding-right:0px;
}
.nopad-left{
    padding-left:0px;
}
.nopad-right{
    padding-right:0px;
}
table td{
    overflow: hidden;
}
#calendar-tests h5.client,#calendar-tests .test{
    cursor: default;
}

.text-caps{
    text-transform:uppercase;
}

table.table-month .dayWithActivity div{
    border-top:2px solid #000;
    box-shadow: inset 0 1em 1em -1.5em #000 ;
    border-bottom: 4px solid #999;
} 

table.table-month .dayWithActivity div{
    border-top:2px solid green;
    box-shadow: inset 0 1em 1em -1.5em green ;
    border-bottom: 4px solid limegreen;
} 

.dayWithHourActivity{
    color:#007bff;    
    font-weight: bold;
}
.dayWithHourActivity span {
    font-weight: bold;
    color:#007bff;
}
.past.dayWithHourActivity{
     color:#80c0ff;    
    font-weight: bold;
}
.past.dayWithHourActivity span {
    font-weight: bold;
    color:#80c0ff;
}


.day.dayHighlight span {
    padding:2px 4px;
    border-radius:12px;
    color: #fff;background-color: #007bff;    
}
.table-day .test .header .client {
    display:block;
    margin-right:1.1em;
}
.table-day .test .test-hour {
    display:none;
}
.table-day td.hour {
    max-width: 250px;
    min-width: 150px;
    border-right:1px solid #DDD;
}
.messages-anchor {
    position:relative;
}
.messages-anchor span span{
    vertical-align: top;
}
.messages-anchor .badge {
    padding: 3px 14px;
    cursor: pointer;
}
.messages-anchor .messages-count{
    top: -1px;
    position: relative;
}
.messages-outter:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  right: 1em;
  bottom:100%;
  border: 10px solid transparent;
  border-bottom-color: #369;
}
.messages{
    background:#FFF;
    padding:8px;
    border-radius:4px;
    width:360px;
}
.messages-outter{
    position:absolute;
    z-index: 100;
    padding:2px 2px 8px 2px;
    background: #369;
    border-radius:8px;
    right:15px;
    top:100%;
    display: none;
}
@media screen and (max-width: 765px){
    .messages-outter{
        position:relative;
        margin:0 10px;
    }
    .messages{
        width:auto;
    }

}
.messages .header{
    font-size:1em;
    font-weight: bold;
    overflow:hidden;
}
.messages > .body{
    margin-top:8px;
    max-height: 450px;
    overflow: hidden auto;
}
.messages .header .close{
    float:right;
}
.messages .message-new{
    font-weight: bold;
}
.messages .message{
    border-top:1px solid #ccc;
    padding:4px 0px;
}
.messages .test .header{
    font-weight: normal;
}
.messages .test.new .header{
    font-weight: bold;
}
.messages .body table {
    width:100%;
}
.messages ul{
    list-style: none;
    text-indent: 0;
    margin:0;
    padding:0;
}
.messages ul li {
    margin:2px auto;
}
.messages .header .client {
    display:block;
}
#messages-search-group {
    margin-top:4px;
}
#messages-search-caption {
    margin-top:4px;
    text-align: center;
    color:#777;
    font-size:85%;
}
#messages-search-caption b{
    color:#000;
}

.table-day .fixed {
    width:75px;
}
.table-day th.row {
    min-width:335px;
    max-width:50vw;
}
.scrollx{
    overflow-x: auto;
}
footer.navbar {
    margin-bottom:0px;
    border-radius:0;
}
.fullpage{
    flex: 1;
}
.past.dayWithFixedActivity span{
    color:#BBB;
}

h5.client .badge{
    margin-right:0.25em;
    min-width: 40px;
}
h5.client .badge.none{
    display:none;
}

h5.client .icons{
    float:right;
    margin-left: 1px;
}
h5.client .more{
    margin-right:5px;
}
h5.client {
    display:flex;
    align-items: center;
    margin:5px 0;
    padding:5px 0;
}
h5.client .name {
    flex-grow:1;
    padding-left:6px;
}

.highlight_run.highlight-drop{ background:yellow;}
.test-accept.highlight-drop{background:yellow;}

.highlight_run {
    background: #FFF;
 /*   border:1px solid silver;*/
    opacity: 1;
}

.highlight_start {
}
.highlight_end {
}

.highlight_outside{
    opacity:0.1;
}
/*1.8 Highlight set (when hovering over cursor)*/
.highlight_set div{
    background:blue;
    color: white;
}
.highlight_set div span{
    color: white;
}

/*
.highlight_set {

    opacity: 1;
    background: 
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
    font-weight: bold;
}
*/
/*
td.highlight_set_start{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
td.highlight_set_end{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;

}
*/

.range_run.highlight{
    background:yellow;
    color:#000;    
}

tr.highlight-drop td.highlight_run{
    /*Alb -> Galben */
    background:yellow;
    color:#000;    
}



#hide-selection {
    opacity: 0.1;
}
.agentTest{
    padding:8px;
    border-radius:8px;
    margin-bottom: 8px;
}
.agentTest h3{
    margin-top:0px;
}
.agentTest .alert-danger{
    margin-bottom:0px;
}
.agentTest td {
    padding:2px 4px;
    vertical-align: top;
}
.agent-auto-select td{
    vertical-align: middle;
}
.agentTest.test-done{
    background:#8F88;
}
.agentTest.test-report{
    background:#F888;
}
.agentTest.test-rescheduled{
    background:#FCC8;
    color:#999;
}

.agentTest.test-suspended{
    background:#DDD8;
    color:#999
}


.test-failed{
    
}
.scroll-hours {
    /* border:1px solid silver; */
    margin-bottom:8px;
    overflow: auto;
}
.no-scroll-hours {
    /* border:1px solid silver; */
    margin-bottom:8px;
    overflow: hidden;
}
.agentTest form.report{
    display:none;
}
.agentTest .badge{
    margin-bottom:8px;    
}
.agentTest .agentdetails{
    margin-bottom:8px;
}
.agentTest .pointsdetails td{
    padding:4px 4px;
    vertical-align: middle;
}
.agentTest .pointsdetails {
    margin-bottom:8px;
}
.agentTest .pointsdetails a{ 
    padding: 4px 10px;
}

.prog-history {
    font-weight: normal;
}

.calendar-pagination {
    display:flex;
    margin:0;
    padding:0;
    text-indent:0;
    list-style: none;
    align-items: center;
    padding-left: 1px;
}
.calendar-pagination > li {
    flex:1;
}
.calendar-pagination .show-prog {
    display:none;
}
.calendar-pagination.compact > li {
    flex:0 1 auto;
}
.calendar-pagination .first {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.calendar-pagination .last {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.calendar-pagination .title {
    display:block;
    background:#FFF;
    color: #214678;
    border:1px solid #DDD;
    margin-left:-1px;
    text-decoration: none;
    padding:6px 12px;
}
.calendar-pagination .x2 {
    font-size:2em;
    padding:4px 8px;
}
.calendar-pagination > li > a{
    display:block;
    background:#FFF;
    color: #428bca;
    border:1px solid #DDD;
    margin-left:-1px;
    text-decoration: none;
    padding:6px 12px;

}
.calendar-pagination li a:focus,.calendar-pagination li a:hover{
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}
.calendar-pagination li.active a{
    background: #428bca;
    color:#FFF;
}
.calendar-pagination li.active a:focus{
}

.calendar-header{
    flex:0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;

}
.day-view .calendar-pagination.compact {
    display:inline-flex;    
}
.day-view .calendar-header .trash-bin {    
    display: inline-block;
    border: 1px solid #DDD;
    text-decoration: none;
    padding: 6px 32px;
    background: #FFF;
    color: #214678;
    border-radius: 4px;
}





.side-data-selection {
    background:#CCC;
    overflow-y: auto;
}

.side-data-selection > .header {
    border: 1px solid #CCC;
    padding: 8px;
    box-shadow: 0px 0px 10px 0px silver;
    background: #FFF;
    position: sticky;
    top: 0;
    z-index: 30;  
    display:flex;
    align-items: center;
    align-content: center;
    gap: 5px;
    
}

.side-data-selection > .list .car {
    background:#FFF;
    border:1px solid #CCC;
    border-radius:4px;
    margin:4px 2px;
    padding:8px 8px 0px 8px;
} 

.side-data-selection .car .plate {
    border: 1px solid #369;
    border-left: 6px solid #369;
    display: inline-block;
    padding: 0px 4px;
    color: #444;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 0px 3px 1px white;    
}
.side-data-selection .car .type {
    color:#000;
    font-weight: bold;
}
.side-data-selection .car .driver-details{
    margin-top:4px;
    color:#999;
}
.side-data-selection .car .stats {
    display:flex;
    
}
.side-data-selection .car .stats .stat {
    flex:1;
    text-align: left;
    margin-top: 4px;
}
.side-data-selection .car .stats .stat.last{
    text-align: right; 
}

.side-data-selection .car.busy {
    background:#CFF;
}
.side-data-selection .car.active {
    background:#337ab7;
}

.side-data-selection .route+.route{
    border-top:1px solid #AAA;
}

.side-data-selection > .list > .users {
    
}

.side-data-selection > .list .driver {
    background:#FFF;
    border:1px solid #CCC;
    border-radius:4px;
    margin:4px 2px;
    padding:8px 8px 0px 8px;
} 

.side-data-selection .driver .plate {
    border: 1px solid #369;
    border-left: 6px solid #369;
    display: inline-block;
    padding: 0px 4px;
    color: #444;
    border-radius: 4px; 
    background: #FFF;
    box-shadow: 0px 0px 3px 1px white;
    
}
.side-data-selection .driver .type {
    color:#000;
    font-weight: bold;
}

.side-data-selection .driver .car-details{
    margin-top:4px;
    color:#999;
}
.side-data-selection .driver .stats {
    display:flex;
    
}
.side-data-selection .driver .stats .stat {
    flex:1;
    text-align: left;
    margin-top: 4px;    
}
.side-data-selection .driver .stats .stat.last{
    text-align: right; 
}

.side-data-selection .driver.busy {
    background:#CFF;
}
.side-data-selection .driver.active {
    background:#337ab7;
}

.side-data-selection > .header > button {
    flex:1;
}

.side-data-selection .list .header {
    display:flex;
}
.side-data-selection .list .header .type , .side-data-selection .list .header .name  {
    flex:1;
}
.side-data-selection .list .header .badge {
    padding: 2px 10px 2px 10px;    
    border:1px solid white;
    height:100%;
}
.side-data-selection .list .header .badge+.badge {
    
    margin-left:-10px;
}

.side-data-selection .stats {
    color:#999;
}
.side-data-selection .stats b {
    font-weight: normal;
}

.side-data-selection .stats.total {
    color:#000;
}
.side-data-selection .stats.total b {
    font-weight: bold;
}

.side-data-selection li{
    background:#FFF;
    border-radius:4px;
    margin:4px;
    border:1px solid #DDD;
}

.table-day-slot {
    height:100%;
    display:grid;
    grid-template-columns: 225px 1fr 75px;
    grid-gap: 8px;
    grid-template-areas:
        "trash-bin data column-add"        
}

.table-day-slot .add-column, .table-day-slot .trash-bin {
    border:1px solid #CCC;
    border-radius:8px;
    background:#FFF;
    
    width:auto;
    height:202px;
    height:calc(8em + 84px);
    
    text-align: center;        
    display: flex;
    align-items: center;
    justify-content: center;    
    
}

.table-day-slot .add-column,.table-day-slot .trash-bin h1{
    margin:0;
    padding:0;
}

.table-day-slot > .data {
    align-items: flex-start;
    display: flex;
    overflow: auto;
    max-height: 80vh;
    position: relative;
}

.table-day-slot .column > .header {    
    border:1px solid #CCC;
    padding:8px;    
    box-shadow: 0px 0px 10px 0px silver; 
    background:#FFF;
    position:sticky;
    top:0;
    z-index:30;
}




.table-day-slot .data-table th, .table-day-slot .data-table td{
    border:none;
}

.table-day-slot .data-table  tr.header{
    background: none;
    box-shadow: none;
}

.table-day-slot .data-table  tr.header > th{
    padding:0px 8px;
    min-width: 405px;
}

.table-day-slot .data-table  tr.slot-row > td{
    padding:0px 8px;
}
.table-day-slot .data-table .slot {    
    min-height:11em;
    padding:8px;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    background:#EEE;
}
.table-day-slot .data-table .slot+.slot{
    border-top:1px dashed #CCC;
    /*
    min-height:10vh;
    */
}
.table-day-slot .data-table .slot.slot-add {
    padding:0px;
    min-height:32px;
    padding:2px;
    border-bottom:1px solid #CCC;
}
.table-day-slot .data-table .slot.slot-add button{
    width:100%;
    height:100%;    
}


@media (min-width: 992px) {
    .calendar-container{
        display:flex;flex-direction: column;max-height: 95vh;
    }

    .calendar-body{
        flex:1;overflow: hidden;display: flex;
    }
    #calendar-view{
        overflow-y: auto;
    }
    #side-bar{
        overflow-y:auto;
        overflow-x:hidden;
    }    
    .row.calendar-day{
        display:flex;
        flex-direction: column;
        flex:1;
        overflow: hidden;
    }
    .day-view {
        display:flex;flex-direction: column;max-height: 95vh;
    }
    .day-view #calendar-view{
        display:flex;
        flex-direction: column;
        flex:1;
        overflow: hidden;
    }
    
    .day-view .scroll-hours{
        flex:1;
        /* overflow: auto; */
    }
    .day-view .save-hours{
        flex:0;
    }
    
    .row.table-full-week{
        display:flex;
        flex-direction: column;
        flex:1;
        overflow: hidden;
    }
    .week-view {
        display:flex;flex-direction: column;max-height: 95vh;
    }
    .week-view #calendar-view{
        display:flex;
        flex-direction: column;
        flex:1;
        overflow: hidden;
    }
    
    .week-view .scroll-hours{
        flex:1;
        /* overflow: auto; */
    }
    .week-view .save-hours{
        flex:0;
    }
    
    tr.reserved {
        height: calc(95vh / 13 - 25px);
    }
        
}


@media (max-width: 480px) {
    form p button.btn-lg{
        font-size:14px;
    }
}


/* 1.8 CSS + button */
/* Big screen 1400+ */
@media (min-width: 1400px) {
    .calendar-container {
        width:1370px;
    }
    .container{
        width:1370px; 
    }
}

@media (min-width: 1900px) {
    .calendar-container {
        width:1870px;
    }
    .container{
        width:1870px; 
    }
}

th.plus {
    position: relative;
    width:3em;
    overflow: visible;
}
th.plus::before {
    position: relative;
    width:3.5em;
    content: "";
    display: block;
}
th.plus button{
    position: absolute;
    top:8px;
    bottom: 8px;
    left:4px;
    right:4px;
    margin-bottom: 15px;
}


/* 1.8 CSS  Highlight and Range RUN */

table.table td.working_range_run div{
    border-top:2px solid #000;
    box-shadow: inset 0 1em 1em -1.5em #000 ;
    border-bottom: 4px solid #999;
    border-right: 1px dotted #CCC;
}
table.table td.working_range_run.active div{
    color:#000;
    font-weight: bold;
    background: #FFF;
}

table.table td.working_range_start div{
    border-left: 1px solid #000;
}
table.table td.working_range_end div{
    border-right: 1px solid #000;
}




/* General setup on div & pseudo element */
table.table tr td.range_run div {
    position: relative;
}
table.table tr td.range_run div::before{
    position: absolute;
    top:1px;
    left:0;
    right:0;
    bottom:1px;
    content:"";
}

/* When is active, ex: Adjusting it */
table.table tr .range_run.active {
    background: transparent;
}
table.table tr .range_run.active div{
    color:black;
    font-weight: bold;
}
table.table tr .range_start.active div{
}
table.table tr .range_end.active div {
}
table.table tr .range_run.active div::before{
    background: #FFF;
}

/* Default Color Scheme : Cyan + Blue*/
table.table tr td.range_run div::before{
    border-top:1px solid cyan;
    border-bottom:4px solid cyan;
    box-shadow: inset 0px -1em 1.5em -1em cyan;
}
table.table tr td.range_start div::before{
    left:1px;
    border-top:1px solid blue;
    border-left:1px solid blue;
    border-bottom:4px solid blue;
    
}
table.table tr td.range_end div::before {
    right:1px;
    border-top:1px solid blue;
    border-right:1px solid blue;
    border-bottom:4px solid blue; 
}

/* Green Scheme */
table.table tr .range_run.green div::before{
    border-top:1px solid limegreen;
    border-bottom:4px solid limegreen;
    box-shadow: inset 0px -1em 1.5em -1em limegreen;
}
table.table tr .range_end.green div::before{
    border-top:1px solid green;
    border-right:1px solid green;
    border-bottom:4px solid green;
}
table.table tr .range_start.green div::before{
    border-top:1px solid green;
    border-left:1px solid green;
    border-bottom:4px solid green;
}

/* Silver Scheme */
table.table tr .range_run.silver div::before{
    border-top:1px solid #999;
    border-bottom:4px solid #999;
    box-shadow: inset 0px -1em 1.5em -1em #999;
}
table.table tr .range_end.silver div::before{
    border-top:1px solid #444;
    border-right:2px solid #444;
    border-bottom:4px solid #444;
}
table.table tr .range_start.silver div::before{
    border-bottom:4px solid #444;
    border-left:2px solid #444;
    border-bottom:4px solid #444;
}

/* Yellow Scheme*/
table.table tr .range_run.yellow div::before{
    border-bottom:4px solid #FC0;
    border-top:1px solid #FC0;
    box-shadow: inset 0px -1em 1.5em -1em #FC0;
}
table.table tr .range_end.yellow div::before{
    border-top:1px solid #DA0;
    border-right:1px solid #DA0;
    border-bottom:4px solid #DA0;
}
table.table tr .range_start.yellow div::before{
    border-top:1px solid #DA0;
    border-left:1px solid #DA0;
    border-bottom:4px solid #DA0;
}

.navbar-primary {
    background:#FFF;
    color: #428bca;
}
.navbar-primary .navbar-toggle {
    border-color: #007bff;
}
.navbar-primary .navbar-toggle .icon-bar {
    background-color: #428bca;
}
.navbar-primary .dropdown-menu a {
    color: #428bca;
}

.navbar-primary .dropdown-menu .active a {
    color:#FFF;
}

.navbar-toggle .icon-bar {
    transition: transform 0.35s;    
    transform-origin: left;
}
.navbar-toggle.collapsed .icon-bar.bar-2 {
    transform-origin: right;
}
.navbar-toggle .icon-bar.bar-1{
    transform: skewY(29deg);
}
.navbar-toggle .icon-bar.bar-2{
    transform: scaleX(0);
}
.navbar-toggle .icon-bar.bar-3{
    transform: skewY(-29deg);
}
.navbar-toggle.collapsed .icon-bar {
    transform: none;
}


.navbar .year-select{
    padding:10px 15px;
    color:black;
    display:flex;
    align-items: center; 
    border:none;
}
.navbar .year-select:hover{
    background:#EEE;
}


.navbar .fake-a{
    padding:10px 15px;
    color:black;
    display:flex;
    align-items: center;
}
.navbar .fake-a .name{
    flex:1;
}
table.table .glyphicon {
    padding:0 2px;
    
}
table.table .glyphicon.off{
    color:#FFF;
    text-shadow: 0px 0px 2px #CCC;
}
.navbar .visible-only-xs{
/*    display:none; */
}
@media (min-width: 768px) {
    .navbar .year-select{
        display:block;
        padding-top:16px;
        padding-bottom: 16px;        
    }        
    .navbar .fake-a{
        padding-top:15px;
        padding-bottom: 15px;
    }
    .navbar .visible-only-xs{
        display:none;
    }
}
.nav-text {
    display:inline-block;
    margin: 20px 0px;
    line-height: 1.42857143;
    padding: 6px 12px;
    float: left;
}
.table-persons th.roles{
    width:110px;
}
.table-beneficiari{
}
.table-matrici {
}
.table-parc-auto {
}
.table-with-actions th.actions {
    width:90px;
}
.table-with-actions th.actions.x3 {
    width:130px;
}
table.table td.full-link{
    padding:0;
}
table.table td.full-link a{
    padding:8px;
    display:block;
    white-space: normal;
    color:#000;
}
table.table td.full-link a:hover{
    text-shadow: 0.5px 0px 0px #555, -0.5px 0px 0px #555;
}
.normal-size .navbar-brand{
    font-size:1em;
}

.table-wrapper h2{
    margin-top: 0;
    margin-bottom: 0;
}
.table-vertical-align>tbody>tr>td{
    vertical-align: middle;    
}
.table-vertical-align>thead>tr>th{
    vertical-align: middle;    
}

.table-with-actions td.yellow{
    background: yellow;
}
.table-with-actions td.orange{
    background: orange;
    color:white;
}
.table-with-actions td.red{
    background: red;
    color: white;
}
.table-with-actions td.green{
    background: lime;
}
.table-with-actions td.gray {
    background: silver;
}

.table-with-actions td.silver-text {
    color: #CCC;
}
.input-group.yellow .input-group-addon{
    background: yellow;
}
.input-group.orange .input-group-addon{
    background: orange;
    color:white;
}
.input-group.red .input-group-addon{
    background: red;
    color: white;
}
.input-group.green .input-group-addon{
    background: lime;
}
.input-group.gray .input-group-addon{
    background: silver;
}
 .test.ui-draggable-dragging { z-index:999;}
.test.ui-draggable-dragging .header {
    background:cyan;
}
.trash-bin.highlight-drop {
    background: red;
    color:white;
}
th.trash-bin h1{
    margin:0;
    padding:0;
}
th.trash-bin.trash-bin {
    vertical-align: middle;
    text-align: center
}
.table-title h2{
    margin-bottom: 16px;
}
.table-title form{
    margin-bottom: 16px;
}
.table-selector .pagination { margin :0 0 16px 0;}
.table-selector { min-height:55px;}

.is-new-data {
    background:yellow;
}
.is-no-contract-data {
    background:#FCC;
}
.is-innactive-data {
    background:#DDD;
}

#calendar-ajax {
    background:#FFF;
    padding:8px;
}
.equipment-list{
    padding-left:8px;    
    margin-bottom: 1em;
}
.equipment-list .title span {
    padding:2px 4px;
}
.equipment-list .chevron {
    padding-left:1em;
}
.equipment-list .body {
    display:none;
}
.dropdown-menu .yellow{
    background:#FF0;
}
.dropdown-menu .orange{
    background:#F80;
}
.dropdown-menu .gray{
    background:#CCC;
}
.dropdown-menu .red{
    background:#F00;
}

.toast {
    background: #FFF;
    padding: 4px 8px;
    border: 1px solid #428bca;
    border-bottom: 2px solid #000;
    border-radius: 4px;
    color: #428bca;
    font-size:2rem;
    line-height: 1.5;
}
.glyphicon-log-in {
    margin-right:0.5em;
}
.filter .error{
    background:red;
    color:white;
}
.color-coords-set{
    color:#CC0;
}
.color-coords-not-set{
    color:#036;
}
.admin-options td{
    padding-top:1em;
}
.admin-options a{
    color:#428bca;

}
/*
.admin-options a.active{
    background:#428bca;
    color:#FFF;
    padding: 3px 6px 2px 6px;
    border-radius: 8px;
}
*/
.admin-options.locked a{
    color:#999;
    cursor:not-allowed;
}
.admin-options a.remove-toggle, .admin-options a.cancel-remove{
    border-left:1px solid #CCC;
    padding-left:6px;
    margin-left: 0px;
}
.admin-options a.remove{
    color:red;
    font-weight: bold;
    padding:0 2px;
}
.test .admin-options a.set-hidden{
    display:none;
}
.messages .test a.set-hidden{
    display:inline;
}
/*
.admin-options.locked a.active{
    color:#FFF;
    background:#999;
}
*/


/*
.dropdown-menu .selected.yellow .glyphicon{
    color:#FF0;
}
.dropdown-menu .selected.orange .glyphicon{
    color:#FC0;
}
*/

#calendar-ajax {
    display:none;
}
#calendar-ajax + button{
    display:none;
}

.table .admin-options a{
    font-size: 19px;
}

.client-data {
    padding:4px 8px;
    border:1px solid #CCC;
    margin-bottom:16px;
    border-radius: 0.125em;
}
.adresa {
    border:1px solid #CCC;
    padding: 4px 8px;
    margin-bottom:8px;
    border-radius: 0.125em;
}

.lista-matrice > .form-group{
    padding:4px 4px 0px 16px;
}
.lista-matrice .row > div{
    margin-bottom:8px;
}
.lista-adrese .pull-right {
    margin-left:8px;
    margin-bottom:5px;
}
.lista-matrice .pull-right{
    margin-left:8px;
    margin-bottom:5px;
}
.lista-matrice .two-selects.two-selects .bootstrap-select.bootstrap-select{
    width:50%;
}
.lista-matrice .two-selects.two-selects .bootstrap-select.first .dropdown-toggle{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;    
}
.lista-matrice .two-selects.two-selects .bootstrap-select.second .dropdown-toggle{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left:-1px;
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 20em;
  height: 20em;
}
.loader {
  margin: 20px 0px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 255, 255, 0.2);
  border-right: 1.1em solid rgba(0, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(0, 255, 255, 0.2);
  border-left: 1.1em solid #008;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 2.1s infinite linear;
  animation: load8 2.1s infinite linear;
}
.rotate2s{
  -webkit-animation: load8 2.1s infinite linear;
  animation: load8 2.1s infinite linear;    
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.net-issue {
    position: relative;
    display:none;
}
.net-issue .loader {
  border-top: 1.1em solid rgba(0, 0, 0, 0.1);
  border-right: 1.1em solid rgba(0, 0, 0, 0.1);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.1);
  border-left: 1.1em solid #000;
    
}
.net-issue .stats{
    position: absolute;
    top:0;
    bottom: 0px;
    width: 14.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}
.net-issue .status {
    font-size:1.5em;
    width:80%;
}

.gps-calib {
    position: relative;
    display:none;
}
.gps-calib .accuracy{
    font-size:2.6em;
}
.gps-calib .stats{
    position: absolute;
    top: 0;
    bottom: 0px;
    width: 14.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}
.summary .inner .default{
    color:#999;
}
.summary .inner {
    border:1px solid #CCC;
    margin-top:-1px;
}
.agentTest .pointname {
    font-weight: bold;
    font-style: italic;
}
.contract .input-group-addon label{
    margin-bottom:0px;
}


.cmn-toggle 
{
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.cmn-toggle + label 
{
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.cmn-toggle-round-flat + label 
{
  padding: 2px;
  width: 75px;
  height: 30px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after 
{
  display: block;
  position: absolute;
  content: "";
}

input.cmn-toggle-round-flat + label:before 
{
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:after 
{
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 22px;
  background-color: #dddddd;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}

input.cmn-toggle-round-flat:checked + label 
{
  background-color: #27A1CA;
}

input.cmn-toggle-round-flat:checked + label:after 
{
  margin-left: 45px;
  background-color: #27A1CA;
}

.list-group-item-heading .extra {
    font-size:90%;
    font-weight: normal;
}


.lista-contracte {
    padding:0px;border:1px solid #CCC;
    margin-bottom:8px;
}
.lista-contracte .form-group {
    padding:8px;
    margin-bottom:2px
}


.test.test-client-disabled,.test.test-location-disabled,.test.test-point-disabled {
    filter:none;  
    padding-left:60px;
    color:#678;    
}
.test.test-client-disabled .header::before,.test.test-location-disabled .header::before , .test.test-point-disabled .header::before{
    position: absolute;
    z-index: 3;
    top: 0px;
    left:0px;
    right: auto;
    bottom: 0; 
    background: #AAA;
    content: "";
    font-size: 1rem;
    font-weight: 900;
    font-style: italic;
    color: black;
    width:60px;
    padding: 2px;
    border:none;
    display:flex;
    align-content: center;
    align-items: center;
    text-align: center;
}

.test.test-client-disabled .header::before{
    content: "CLIENT INACTIV";
}
.test.test-location-disabled .header::before {
    content: "LOCAŢIE INACTIVĂ";
}
.test.test-point-disabled .header::before{
    content: "PUNCT INACTIV";
}

.test.test-rescheduled,.test.test-suspended,.test.test-repeated {
    padding-left:80px;
}
.test.test-rescheduled .header::after ,.test.test-suspended  .header::after,.test.test-repeated .header::after {
    z-index: 3;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:80px;
    background: #CCC;
    font-size: 1rem;
    font-weight: 900;
    font-style: italic;
    color: black;
    width:80px;
    padding: 2px;
    border:none;
    display:flex;
    align-content: center;
    align-items: center;
    text-align: center; 
    border-right:1px solid #AAA;
}
.test.test-rescheduled .header::after{
    content: "PRELEVARE REALOCATĂ";   
}
.test.test-suspended .header::after{
    content: "PRELEVARE ANULATĂ";
}
.test.test-repeated .header::after{
    content: "PRELEVARE REPETATĂ";
}

.test.test-client-disabled.test-rescheduled,.test.test-location-disabled.test-rescheduled,.test.test-point-disabled.test-rescheduled {
    padding-left:140px;
}
.test.test-client-disabled.test-rescheduled .header::after,.test.test-location-disabled.test-rescheduled .header::after,.test.test-point-disabled.test-rescheduled .header::after {
    left:60px;
    right:140px;
}


.test.test-client-disabled.test-suspended,.test.test-location-disabled.test-suspended,.test.test-point-disabled.test-suspended {
    padding-left:140px;
}
.test.test-client-disabled.test-suspended .header::after,.test.test-location-disabled.test-suspended .header::after,.test.test-point-disabled.test-suspended .header::after {
    left:60px;
    right:140px;
}
/*
.agentView .testList .agentTest {
    padding-left:0px;
}
*/


h5.yellow {
    background:#FF0;
    color:#000;
}
h5.orange {
    background:#F80;
    color:#000;
}
h5.red {
    background:#F00;
    color: #FFF;
}
.client-inactive {
    background: silver;
    color: white;
}
.infinity{
    position:relative;
}
.infinity::before,.infinity::after  {
    position: relative;
    border: 2px solid #ccc;
    border-radius: 0.5em;
    width: 1em;
    height: 1em;
    content: "";
    display: inline-block;
    /*border-bottom: none;*/
}
.infinity::after {
    margin-left: -2px;
}

.fullpage { display:flex;flex-direction: column;}
.fullpage .day-view {width:100%;}
.fullpage .week-view {width:100%;}
.two-side {
    margin-top:-20px;
    display:flex;
    flex:1;
}
#sidebar {
    background:#FFFC;
    width:200px;
    flex: 0 0 auto;
    padding-top:8px;
    box-shadow: inset 0px 5px 10px -5px #CCC;

}
#sidebar.compact{
    width:4em;
}
#sidebar.compact .title {
    display:none;
}
#sidebar.compact ul ul .title {
    display:inline-block;
}
#sidebar.compact a.active + ul .title {
    display:none;
}

.two-side .container {
    flex:1 1 auto;
    margin:0 24px;
}
.sidebar-menu  {
    list-style: none;
    padding:0;
    margin:0;
    text-indent: 0;
}
.sidebar-menu li {
    padding-left:0.5em;
    position: relative;
}
.sidebar-menu li:hover a{
    background:#FFF;
}
.sidebar-menu a {
    padding:12px 8px 12px 1em;
    display:block;
    border-top-left-radius: 8px;
    border-bottom-left-radius:8px;
    position:relative;
}
.sidebar-menu a .glyphicon{
    width:2em;
}
.sidebar-menu a:hover{
    text-decoration: none;
    background:#FFF;
    /*text-shadow: 1px 1px #CCC;*/
    text-decoration: underline;
}
.sidebar-menu li a.active{
    background:#337ab7;
    color:#FFF;
}
.sidebar-menu li a.active:hover{
    background:#337ab7;
    color:#FFF;
    
}
/*
.sidebar-menu ul{
    list-style:none;
    padding:0;
    margin:0;
    margin-left:0.5em;
    text-indent:0;
    background:#EEE;
    border-bottom-left-radius: 0.5em;
}
.sidebar-menu ul a {
    padding:4px 8px 4px .5em;
    border-radius:0;
}
.sidebar-menu ul li {
    padding-left:0em;
}

.sidebar-menu ul a.active {
    background:#999;
    color:#FFF;
    font-weight:bold;
}
.sidebar-menu ul a.active:hover{
    background:#999;
    color:#FFF;
    text-shadow: 1px 1px #666;
}
*/
.sidebar-menu ul{
    position:absolute;
    left:100%;
    top:0px;
    min-width:150px;
    display:none;
    list-style: none;
    background:#FFF;
    border:1px solid #CCC;
    padding:8px;
    margin:0;
    z-index:9; 
}
.sidebar-menu li:hover ul{
    display:block;
}
.sidebar-menu li:hover ul::before, .sidebar-menu li:hover ul::after{
    content:"";
    position: absolute;
    display:block;
    width:6px;
    border:8px solid white;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:none;
    left:-6px;
    top:14px;       
}
.sidebar-menu li:hover ul::before{
    border-right:8px solid #CCC;
    left:-8px;
 
}

.sidebar-menu ul a {
    padding:4px 8px 4px .5em;
    border-radius:0;
    position: relative;
    display:block;
}

.sidebar-menu ul li {
    padding-left:0em;
    white-space: nowrap;
}

.sidebar-menu li:hover a.active + ul::before,.sidebar-menu li:hover a.active + ul::after{
    content:none;
}

.sidebar-menu a.active + ul{
    list-style:none;
    padding:0;
    margin:0;
    margin-left:0.5em;
    text-indent:0;
    border-left:1px solid #37b;
    display:block;
    position: relative;
    left:0;
    top:0;
    border-bottom: none;
    border-right:none;
    border-top:none;
    width:auto;
}


.sidebar-menu ul a.active {
    background:#FFF;
    color:#38F;
    font-weight:bold;
}
.sidebar-menu ul a.active::before{
    position:absolute;
    display:block;
    content:"";
    left:-2px;
    top:0;
    bottom: 0;
    width:5px;
    border-left:3px solid #38F;
    
}
.sidebar-menu ul a.active:hover{
    background:#999;
    color:#FFF;
    text-shadow: 1px 1px #666;
}
    
/*
.sidebar-menu a.active::before{
    position:absolute;
    content:"";
    top:-8px;
    right:0px;
    width:8px;
    height:8px;
    background:#FFF;
    display:block;
    border-bottom-right-radius:8px;
}
*/


.test-list-compact {
    border:1px solid #ccc;
    padding:0px;
    
}
.test-list-compact .header{
    background: #FFF;
    padding:8px;

}
.test-list-compact .toggle-compact {
    float:right;
}
.test-list-compact .list-compact {
    border-top:1px solid #CCC;
    display: none;

}
.panelslide {
    position:relative;
    height:100%;
    overflow: hidden;
}
.leftbutton,.rightbutton {
    position:absolute;
    top:0;
    left:0;
    height:100%;

    color:black;
    z-index:2;
}
.leftbutton a,.rightbutton a {
    padding:0.5em;
    font-size:3em; 
    display:block;
    height:100%;
    display:flex;
    align-items: center;
    text-decoration: none;
    
}
.rightbutton {
    left:auto;
    right:0;
}
.set2 {    
    position: absolute;
    left: 100%;
}
.panelslide .disabled {
    color:#999;
}
#equipment-checks-loader{
    display:flex;
    align-items: center;
}
#equipment-checks-loader .loader{
    width:4em;
    height:4em;
    margin:0 2em 0 10px; 
    border-width: 0.5em;
    border-color:#CCC;
    border-top-color: #EEE;
}
#equipment-loader{
    display:flex;
    align-items: center;
}
#equipment-loader .loader{
    width:4em;
    height:4em;
    margin:0 2em 0 10px; 
    border-width: 0.5em;
    border-color:#CCC;
    border-top-color: #EEE;
}
#equipment-panel-bg {
    display: none;
    background:#0001;
    position:fixed;
    z-index:1000;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#equipment-panel{
    font-size:inherit;
    --equipment-pointer-left: 80px;
}
#equipment-panel::before{
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
        border-bottom-color: rgb(204, 204, 204);
    border-bottom-color: rgba(0,0,0,0.2);
    position: absolute;
    top: -7px;
    left: var(--equipment-pointer-left);
}
#equipment-panel::after{
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top:-6px;
    left: var(--equipment-pointer-left);
}
#equipment-data {
    padding:0 10px;
}
#equipment-data pre{
    margin:0;
}
#equipment-data thead th{
    text-align: center;
}
@keyframes request-done-frames {
  50% {background-color: lime;}
}
.request-done{
    animation: request-done-frames .3s ease-in-out ;
}
@keyframes info-updated-frames {
  50% {background-color: orange;}
}
@keyframes flash-red {
  50% {background-color: red;}
}
@keyframes flash-orange {
  50% {background-color: orange;}
}
.info-updated{
    animation: info-updated-frames .3s ease-in-out ;
}

.tri-toggle{
    background:#EEE;
    border-radius:0.6em;
    overflow: hidden;
    display:inline-block;
    border:1px solid #428bca;
    margin:0 0.5em;
    white-space: nowrap;
}
.tri-toggle input{
    position: absolute;
    opacity: 0;    
}
.tri-toggle label{
    margin:2px;
    padding:2px 10px;
    color:red;
    border-radius:0.5em;
}
.tri-toggle label:hover{
    margin-top:-1px;
    border-bottom:2px solid #999;
    
}

.tri-toggle.flex {
    display:flex;
}.tri-toggle.flex label{
    flex:1;
}

.tri-toggle label + label {
    color:#428bca;
}

.tri-toggle label + label + label{
    color:lime;
}
.tri-toggle input:checked + input + input + label {
    color:#FFF;
    background:red;
}
.tri-toggle input + input:checked + input + label + label{
    color:#000;
    background:#FFF;   
}
.tri-toggle input+ input + input:checked  + label + label + label{
    color:#FFF;
    background:limegreen;    
}

.tri-toggle.disabled {
    cursor:not-allowed;
    border:1px solid #CCC;
}
.tri-toggle.disabled label{
    color:#CCC;
    cursor:not-allowed;
    pointer-events: none;
}
.tri-toggle.disabled input:checked + input + input + label,
.tri-toggle.disabled input + input:checked + input + label + label,
.tri-toggle.disabled input + input + input:checked + label + label + label
{
    color:#CCC;
    background:#FFF;   
}

.status .caption{
    padding:2px 8px;
    border:1px solid #CCC;
    background:#EEE;
    color:#678;
    text-align: center;
    border-radius:8px;
}
.status .date {
    font-size:0.75em;
    color:#678;
    text-align: center;
}
.status.good .caption{
    background:#4F4;
    color:#FFF;
    border:#0F0;
}
.status.bad .caption {
    background:#F44;
    color:#FFF;
    border:#F00;
}

.test .admin-options .options {
    white-space: nowrap;
}

.client-group .head, .address-group .head{
    display:flex;
    align-items: center;
    margin: 2px 0;
    padding: 5px 0; 
    cursor:pointer;
}
.client-group .head .name {
    height:2em;
    overflow: hidden;
}
.address-group .head .name {
    font-style: italic;
}

.client-group .head .badge, .address-group .head  .badge {
    min-width:25px;
}

.client-group > .body, .address-group > .body{
    height:0px;
    transition: height 200ms ease-in-out;
    overflow: hidden;
}
.client-group.showinfo > .body, .address-group.showinfo > .body {
}


.client-group .head .name, .address-group .head .name{
    flex-grow: 1;
    padding-left: 6px;
}
.weekday {
    border-right:1px solid #CCC;
}
.table-day .weekday7 {
    text-align:center;
    vertical-align: middle;
}
.view-week .weekday {
    border-bottom:10px solid #E8E8E8;
}
.view-week .weekday7 {
    border-bottom:10px solid #E8E8E8;
}

.weekday7 h2,.weekday7 h5{
    
    margin:0;
    padding:0;
}
.group-group{
    padding: 2px;
    border: 1px solid #000;
    border-radius: 8px;
    margin-top:1em;
}
.group-group > .name{
    display: block;
    background: #EEE;
    width: max-content;
    margin: 0 auto;
    padding: 2px 10px;
    transform: translateY(-50%);
    border: 1px solid #000;
    border-radius: 8px;
}
.address-group.ui-draggable-dragging {
    background : cyan;
}
.client-group.ui-draggable-dragging {
    background : cyan;
}

    .xeditor {
    }
    .xeditor .item {
        border: 1px #EEE dashed;
        margin: 4px 0;
    }

    .xeditor .item.active {
        border-color: #337ab7;
        background-color: #CEF;
    }

    .xeditor .empty {
        background: #FFF;
        border: 1px dashed #888;
        border-radius: 8px;
        text-align: center;
        margin: 4px;
        min-width: 3em;
    }

    .xeditor .tools {
        background: #F8F8F8;
        border: 1px solid #CCC;
        border-radius: 6px;
    }

    .xeditor .tools .list {
        display: flex;
    }

    .xeditor .tools .tool {
        background: #FFF;
        border: 1px solid #888;
        border-radius: 4px;
        margin: 4px;
        padding: 4px 8px;
        font-size: 1em;
        cursor: pointer;
    }

    .xeditor .tools .tool:hover {
        color: #337ab7;
    }

    .xeditor .tools .tool.active {
        background: #337ab7;
        color: #fff;
    }

    .xeditor .tools .tool.active:hover {
        background: #23527c;
    }

    .xeditor .tools .options {
        font-size: 1em;
        padding: 4px;
    }

    .xeditor .tools>.options {
        display: none;
    }

    .xeditor .options label {
        margin-bottom:0px;
        margin-right:0.5em;
    }
    .xeditor .options .xcheckbox label {
        margin-bottom:4px;
    }
    .xeditor .xtable {
        border:none;
    }
    .xeditor .xtable td {
        padding: 4px;
        border: 1px solid #000;
    }
    .xeditor .xinput label input{margin-left:8px;}
    .xeditor .xradio label input{margin-right:8px;}
    .xeditor .xcheck-box label input{margin-right:8px;}
    .xeditor .xspacer {font-size: 0.25em;}
@font-face {
    font-family: 'DejaVuSans';
    src: url('../fonts/DejaVuSans.ttf');
}
@font-face {
    font-family: 'DejaVuSans';
    src: url('../fonts/DejaVuSans-Bold.ttf');
    font-weight: bold;
}
.xdocument-fill {
    font-family: 'DejaVuSans', 'Georgia', serif;
}
.xdocument-fill input{
    font-weight: normal;
}
.xdocument-fill .xinput input{
    margin-left:0.5em;
}
.xdocument-fill .xcheck-box input{
    margin:0 0.5em; 
}
.xdocument-fill .xradio input{
    margin-left:0.5em; 
    margin-right:0.5em;
    vertical-align: top;
}
.xdocument-fill td{
    padding:0.25em;
    border:1px solid #000;
}
.xdocument-fill p, .xdocument-fill label {
    margin:0 0 2px 0;
}

.xdocument-fill .xspacer{
    font-size: 0.25em;
}


.with-a4-inside {
    background:#CCC;
    padding: 30 60px;
    overflow: auto;
    
}
.xdocument-page-a4 {
    width:756px;
    height:1069px;
    padding:0;
    background:#FFF;
    margin:0 auto;
    position: relative;
    font-family: 'DejaVuSans', 'Georgia', serif;
    z-index:0;
}
.xdocument-page-a4 .overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:5;
    
}
.xdocument-page-a4 .ui-sortable-handle{
    touch-action: inherit;
}
.xdocument-page-a4 .ontop{
    z-index:10;
}

.xdocument-page-a4{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.xdocument-page-a4 {height: 1000px;}
.xdocument-page-a4 .logo {padding: 36px 0 0 72px;}
.xdocument-page-a4 .form {padding: 0 72px ;}
.xdocument-page-a4 .footer{padding: 0 0 36px 72px;}
/*
.xdocument-page-a4 .logo {
    text-align:left;
    position: absolute;
    top:36px;
    left:72px;
}
*/
.xdocument-page-a4 .logo img{
    width:200px;
}
/*
.xdocument-page-a4 .form{
    position: absolute;
    top:50%;
    left:72px;
    right:72px;
    transform: translateY(-50%);
}
*/
.xdocument-page-a4 .form .title{
    text-align:center;
}
.xdocument-page-a4 input:disabled{
    background:#FFF;
}
/*
.xdocument-page-a4 .footer{

    position: absolute;
    bottom:36px;
    right:72px;
    left:72px;
    font-size:0.75em;
}
*/
/*
.xdocument-page-a4 .footer .left{
    text-align:left;
    position: absolute;
    bottom:0;
    left:0;
}
*/
.xdocument-page-a4 .footer label,.xdocument-page-a4 .footer input{
    text-align:center;
}
.xdocument-page-a4 label{
    font-weight:normal;
}
.xdocument-page-a4 input{
    border:1px solid #666;
    border-top:none;
    border-left:none;
    border-right:none;
}

.xdocument-page-a4 .xdocument-date {
    width:7em;
    text-align:center;
}
.xdocument-page-a4 p{
    margin:0 0 2px 0;
}
.xdocument-page-a4 .double-cell{
    width:100%;
    margin:0;
    padding:0;
}
.xdocument-page-a4 .double-cell .cell {
    width:49%;
    text-align: center;
    display:inline-block;
}
.xdocument-page-a4 .cell.left{
    text-align:left;
}
.xdocument-page-a4 .cell.right{
    text-align:right;
}

.xdocument-page-a4 .cell p{
    display:inline-block;
    text-align: center;
}

.xdocument-page-a4 .cell p > input{
    text-align: center;
    width:16em;
}
.xdocument-page-a4 .cell p .user-select{
    text-align: center;
    width:16em;
}

.xdocument-page-a4 .xspacer{
    font-size:0.25em;    
}
.xdocument-page-a4 input::placeholder{
    color:#CCC;
}
input.hideplaceholder::placeholder{
    color:transparent;
}
.xdocument-page-a4-border {
    width:758px;
    margin:0 auto;
    border:1px solid #000;
    box-shadow: 0px 2px 25px -10px #000;
}

.xdocument-page-a4.pdf table input {
    border-bottom:none;
}

.align-right .dropdown-menu.open {
    left:auto;
    right:0;
}

.btn-in-form-control {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    position: absolute;
    top:1px;
    right:2px;
}
.dropdown-in-form-control{
    width:100%;
}
.check-view{
    position: relative;
}
.check-view:hover::after{
    position: absolute;
    right:20px;
    top:0;
    bottom:0;
    width:20px;
    content: "\e105";
    top: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
.status .caption{
    background:#FFF;
    color:black;
}
.status .caption.red{
    background:red;
    color:#fff;
    border:1px solid #800;
}
.status .caption.orange{
    background:orange;
    color:#fff;
}
.status .caption.yellow{
    background:yellow;
    color:#000;
}
.status .caption.silver-text{
    background:#FFF;
    color:#CCC;
}
/*
check-add-new
check-verify
check-ok
*/
.row.equipment.eq-heights {
    margin-bottom:8px;
}
.equipment.eq-heights .eq-name {
    background:#EEE;
    border:1px solid #CCC;
    border-radius:8px;
    font-weight:bold;
    text-align: center;
    padding:2px 8px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.equipment.row.eq-heights{
    display:block;

}
.row.eq-heights{
    display:flex;

}
@media (min-width: 768px){
    .equipment.row.eq-heights{
        display:flex;
    }
}
.row.eq-heights .status, .row.eq-heights .caption {
    height:100%;
}

.row.eq-heights .caption {
    display:flex;
    align-items:center;
    justify-content: center;    
}

.row.eq-heights div.check-action > * {
    height:100%;
    display:flex;
    align-items:center;
    justify-content: center;
}
.btn-spacer {
    border: 1px solid #CCC;
    width: 3px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    user-select: none;
}
.check-add-new {
    background:#FFF;
    color:#000;
    font-weight: bold;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 2px 0px;
    border: 1px solid #888;
    border-radius: 8px;
    cursor: pointer;
    animation:flash-red 1s ease-in-out infinite;
    text-align:center;
}
.check-add-new:hover{
    border:1px solid #666;
    background:#CCC;
    color:#000;
}
.check-add-new-future {
    background:#EEE;
    color:#555;
    font-weight: bold;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 2px 0px;
    border: 1px solid #888;
    border-radius: 8px;
    text-align:center;
}
.check-verify {
    background:#FFC;
    color:#330;
    font-weight: bold;
    position: relative;
    top: 0;
    right: 0;
    left:0;
    bottom: 0;
    border: 1px solid #886;
    border-radius: 8px;
    cursor: pointer;
    animation:flash-orange 1s ease-in-out infinite;
    padding:2px 0;
    text-align:center;
}
.check-ok{
    background:#CFC;
    color:#080;
    font-weight: bold;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    padding:2px 0;
    border: 1px solid #686;
    border-radius: 8px;
    cursor: default;
    text-align: center;
}
.check-needed{
    background:#FCC;
    color:#800;
    font-weight: bold;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    padding:2px 0;
    border: 1px solid #866;
    border-radius: 8px;
    cursor: default;
    text-align: center;
}

.equipment-list .row {
    margin-bottom:2px;
}
#equipment-data .row{
    margin-bottom:2px;
}
.target-set-label {
    color:#789;
    font-weight:normal;
}
.pie-chart{
    width:150px;
    height:150px;
    margin:0 auto;
    display:block
}
.copy-paste-cmds{
    float:right;
    margin-right:10px;
}
.btn-paste-cmd{}
.btn-copy-cmd{}
input.cmn-toggle-compact + label {
    width: 50px;
    height: 20px;   
}
.cmn-toggle-compact::before{
    
}
input.cmn-toggle-compact + label::after{
    width:16px;
}
input.cmn-toggle-compact:checked + label::after {
    margin-left:26px;
}
.list-group-item label+label {
    padding-left:5px;
}
.check-equipment-list-group .ui-state-highlight{
    height:72px;
    
}
.check-equipment-list-group .edit-panel {
    border-left: 5px solid #999;
    border-right: 5px solid #999;
    box-shadow: inset 0px 5px 5px -5px #BBB, inset 0px -5px 5px -5px #BBB;
    background: #F8F8F8;
    margin: 0px -15px -10px -15px;
    padding: 5px 15px 2px 15px;
    overflow: hidden;
}
.check-equipment-list-group .btn-group-remove{
    position:absolute;
    right:12px;
    bottom:12px;
}
.check-equipment-list-group .option-edit{
    text-align: right;
}

.with-active-slider {
    margin-right:100px;
}
.with-two-sliders {
    margin-right:200px;
}
.sliders .slider{
    width:75px;
    display:inline-block;
    text-align:center;
}
.sliders .slider+.slider{
    margin-left:25px;
}
.red input.cmn-toggle-round-flat:checked + label {
    background-color:#F00;
}
.red input.cmn-toggle-round-flat:checked + label::after {
    background-color:#F00;
}

.yellow input.cmn-toggle-round-flat:checked + label {
    background-color:#AA0;
}

.yellow input.cmn-toggle-round-flat:checked + label::after {
    background-color:#AA0;
}

.yellow input.cmn-toggle-round-flat:checked + label::before {
    background-color:#FF0;
}

td.weekno.weekno {
    padding:0px;
}
.weekno span {
    display:block;
    padding: 4px 0px;
    border-top: 2px solid transparent;
    border-bottom: 4px solid transparent;        
}
.sem.cwto {
    margin-left:4px;
}


.legend .selmonth{
    color:#333;
    cursor: pointer;
}

.trim.cwto,
.sem.cwto,
.weekno,
.calendar-pagination .year,
.table-month .month {
    position: relative;
}
.periodWithActivity::before{
    display:block;
    content:"";
    top:0px;
    bottom:0px;
    right:0;
    left:0;
    border-top: 2px solid green;
    box-shadow: inset 0 1em 1em -1.5em green;
    border-bottom: 4px solid limegreen;   
    position: absolute;    
    pointer-events:none; 
}

.cwtd {
    border-top: 2px solid transparent;
    border-bottom: 4px solid transparent;    
}
.cwto {
    display:inline-block;
    padding:5px;
    font-weight:700;
    font-size:14px;
}
.cwto span {
    padding:4px 0px;
    display:inline-block;
    border-top: 2px solid transparent;
    border-bottom: 4px solid transparent;
}
.cwto.activity span{
    border-top: 2px solid #000;
    box-shadow: inset 0 1em 1em -1.5em #000;
    border-bottom: 4px solid #999;    
}
.em-hour-details .form-group{
    margin-bottom: 0px;
}

.bootstrap-select.fixed-max-width .dropdown-menu{
   max-width: 100%!important;
}


.checkbox.email-sent{
    margin-top:0px;
    margin-bottom:0px;
}
.checkbox.email-sent label{
    padding:10px 10px 10px 30px;
    display:block;
}
#day-mass-email {
    position: relative;
}
#day-mass-email .popup {
    position: absolute;
    z-index: 99;
    padding: 10px;
    background: #FFF;
    left: 50%;
    top: 100%;
    border: 1px solid #CCC;
    border-radius: 4px;
    color: #000;
    transform: translateX(-50%);
    text-align: center;
}
#day-mass-email .badge 
{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 0.8rem;
    padding: 1px 4px;
    border: 2px solid #FFF;
    z-index: 99;
}
.active #day-mass-email .badge {
    border:2px solid #428bca;
    color:#428bca;
    background:#FFF;
}
.email-problem {
    background:#FCC;
}
.email-notified {
    background:#CFC;
}

.nav-link {
    
}

.nav-link .menu-toggle{
    transition: transform 300ms ease-in-out;
}
.nav-link .menu-toggle.rotate-180{
    transform: rotate(-180deg);
}
.nav-link .options {
    display: none;
}
.nav-link .options > a {
    padding:1em 2em;
    display:inline-block;
    border:1px dashed #EEE;
    border-radius:8px;
    margin-right:1em;
}

.nav-link .add-location,
.nav-link .add-point {
    padding:2px 16px;
    border-radius:16px;
    background: #428bca;
    background: #337ab7;
    border:1px solid #2e6da4 ;
    color:#FFF;    
    
}

.nav-link .add-location:hover,
.nav-link .add-point:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    text-decoration:none;
}

.nav-link .add-location[disabled],
.nav-link .add-point[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    box-shadow: none;
}
.dialog{
    background: rgb(255, 255, 255);
    padding: 1em;
    border: 1px solid rgb(51, 102, 153);
    border-radius: 8px;
    text-align: center;
    margin-top: 1em;
}

.form-group.last-group{
    margin-bottom:3px;
}
.table-day .test {
    cursor:default;
}
.table-day .test .header{
    cursor:pointer;
}
.mw140 {
    min-width:140px;
}
.slot-add .extra-info-gps {
    margin-bottom:2px;
}
.extra-info-gps {
    padding-bottom: 8px;
    border-bottom: #CCC dashed 1px;
    margin: 0 -8px 8px -8px;
    text-align: center;
}
.extra-info-gps.end{
    border-top: #CCC dashed 1px;
    border-bottom:none;
    margin: 8px -8px 0 -8px;
    padding-top:8px;
    padding-bottom:0px;
}
.extra-info-gps .optimize{
    color:#DED;
    color:#398439;
}
/* 5cb85c +4cae4c | 449d44 +398439  */

.extra-info-gps .compute{
    color:#CDE;
    color:#337ab7;
}

.agent-extra-info-gps .optimize{
    color:#DED;
    color:#398439;
}
.agent-extra-info-gps .compute{
    color:#CDE;
    color:#337ab7;
}

.agent-extra-info-gps{
    border:2px solid #428bca;
    background:#FFF;
    color: #428bca;
    padding:2px 24px;
    border-radius:16px;
    margin:16px auto;
    display:inline-block;
    text-align: center;
}



.rotate90{
    transform: rotate(90deg);
}
.rotate180{
    transform: rotate(180deg);
}
.rotate-90{
    transform: rotate(-90deg);
}
.flipx{
    transform:scaleX(-1);
}
.flipy{
    transform:scaleY(-1);
}

.test-place-holder{
    border:1px dashed black;
    height:3em;
    background: yellow;
}

.test.test-selected {
    border:1px solid blue;
}
.test-accept.test-accept.drag-highlight{
    background: #FF0;
}
.trash-bin.test-accept.drag-highlight{
    background: #F00;
    color:#FFF;
}

.test.test-ghost {
    opacity: 0.5;
}
.test.blue .header{
    background: blue !important;
}

.test-dragged-item {
    opacity: 1;
}
/*
.sortable-ghost .header{
    background: red !important;
}
.sortable-chosen .header{
    background: cyan !important;
}
.sortable-drag .header{
    background : cyan !important;
}
*/
.external-check {
    position:relative;
}
.external-check::after{
    content: "";
    background:yellow;
    border:1px solid orange;
    display:block;
    position:absolute;
    width:12px;
    height:12px;
    border-radius:8px;
    top:2px;
    right:2px;
}
.caption a{
    display: block;
    color: inherit;
    padding: 2px 8px;
    margin: -2px -8px;
}

.done-group,.report-group{
    display:inline-block;
    border-radius:6px;
}
.done-group{
    /*background:#DFD;*/
    border-bottom: 2px solid #8C8;
}
.report-group{
    /*background:#FDD;*/
    border-bottom: 2px solid #C88;
}
h5.client .badge.badge-risk {
    min-width: 25px;
    cursor: help;
}
.template-picker .text-muted {
    display:block;
}
#dayDetails .overlay-checks-not-done{
    position: absolute;
    background: #0005;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1025;
    text-align: center;
}
#dayDetails .overlay-checks-not-done::before{
    content: "Executați verificările de la bază pentru deblocare!";
    font-size:3em;
    color: #FFF;
}
#dayDetails .testList {
    position:relative;
}

#equipment-checks-data .equipment {
    margin-top:4px;
    margin-bottom:4px;
}
#equipment-checks-data .equipment .caption {
    font-weight: bold;
}
#equipment-checks-data .status label {
    font-weight:normal;
}
#equipment-checks-data .status input {
    margin-right:8px;
}
#equipment-checks-data .caption.no-checks{
    text-align: left;
    border: none;
    color: #CCC;
    padding: 0px;
    font-style: italic;
}


.agentView .equipment-list .equipment {
    margin-top:4px;
    margin-bottom:4px;    
}
.agentView .equipment-list  .equipment .caption {
    font-weight: bold;
}
.agentView .equipment-list  .status label {
    font-weight:normal;
}
.agentView .equipment-list .caption.no-checks{
    text-align: left;
    border: none;
    color: #999;
    padding: 0px;
    font-style: italic;
    background: none;
}
.agentView .equipment-list .col-xs-8.col-xs-8 {
    padding-left:15px;
}
.agentView .equipment-list .location-at-base{
    text-decoration: underline;
    text-decoration-color: red;
    font-weight: bold;
    
}

table.view-week tr.history th.fixed{
    background:#CCC;    
}

table.view-week tr.history td.weekday{
    background:#DDD;    
}








table.table .file-drop-area .form-control {
    height: revert;
    line-height: revert;
}



.file-drop-area {
    border:2px dashed #AAA;
    border-radius:8px;
}
.file-drop-area.highlight{
    background:#FF9;
    border:2px dashed #888;
}

.custom-upload .upload-placeholder{
    display: relative;
    overflow: hidden;
}



.custom-upload .upload-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0px;
    background: #CFCD;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: inset -10px 0px 10px -12px #0C0C;
    transition: 0.5s width;
    overflow: hidden;
    
    background: #8F8;
    box-shadow: inset -15px 0px 20px -10px #040;
}
.custom-upload .upload-filename{
    padding-left: 8px;
    color: #FFF;
    text-shadow: 0px 0px 2px black;
    white-space: nowrap;
    overflow: hidden;
}

.custom-upload .upload-procent {
    padding-right: 8px;   
    white-space: nowrap;
    color: #FFF;
    text-shadow: 0px 0px 2px #000;

}
.custom-upload .upload-error{
    color:#a94442;
    background:#FFFCFC;
    position:absolute;
    display:flex;
    align-items: center;
    left:0;
    right:0;
    top:0px;
    bottom:0px;
    transition: 0.5s width;
    width: 0%;
    box-shadow: inset -17px 0px 10px -15px red;
    white-space: nowrap;
    overflow: hidden;
    
}
.custom-upload .upload-error .caption {
    padding:0 8px;
}
.has-error .btn {
    border:1px solid #a94442;
}
.has-error .upload-progress {
    background: #FCCD;
    box-shadow: inset -10px 0px 10px -12px #C00C;
}
.has-error .upload-error{
    width:100%;
}
.has-error + .custom-alert-error {
    border:1px solid #a94442;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin:-1px 1em 0 1em;
    color: #a94442;
}
.special-extra-field {
    display: none;
} 
.form-group-main {
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 16px;
}
.form-group.custom-upload{
    margin:16px 0;
}

.custom-upload .file-list{
    list-style: none;
    padding:0;
    margin:0;
    padding-left:2em;
    padding-top:0.5em;
}
.custom-upload .file-list .name {
    display:inline-block;
}
.custom-upload .file-list .options { 
    display:inline-block;
}
.custom-upload .file-list .options a {
    padding:4px 12px;
    display:inline-block;
}
.custom-upload .file-added {
    --flash-color: lime;
    animation: flashBackground .5s;
}
.custom-upload .file-removed{
    --flash-color: red;
    animation: flashBackground .5s;
}
.custom-upload .file-updated {
    --flash-color: silver;
    animation: flashBackground .5s;
}
@keyframes flashBackground{
    0%{
        background-color:none;
    }
    33% {
        background-color:var(--flash-color);
    }
    100% {
        background-color:none;
    }
}

#itinery-data-table {
    font-family: 'DejaVuSans', 'Georgia', serif;
}