/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 14px;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

input[type=text], input[type=button], input[type=password], input[type=submit], textarea, select{
    -webkit-appearance:none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
p.clearfix{
    margin:0;
    padding:0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html{
    position:relative;
}
body{
    padding:0;
    margin:0;
    font-family:Open Sans;
    font-weight:400;
    height:100%;
    background:#F1F1F1;
}
.button:not(.oranje){
    background:#2F313A;
    color:#FFF;
    padding:5px;
    text-decoration:none;
    font-size:13px;
    border:none !important;
    box-shadow:none !important;
    cursor:pointer;
    font-weight:600;
}
.button-small{
    font-size:10px !important;
    padding:3px !important;
}
.button i{
    font-size:13px;
}
.button:hover{
    background:#279BDD;
    color:#FFF;
    text-decoration: none;
    cursor:pointer;
}
.button:not(.sluit):active{
    position:relative !important;
    top:1px !important;
}
.zoekbutton{
    background:#FFBFBF !important;
    color:#000 !important;
}
.zoekbutton i{
    color:#db0000;
}
.zoekbutton:hover{
    color:#FFF !important;
    background:#db0000 !important;
}
.zoekbutton:hover i{
    color:#FFF;
}
.zoekenToggle:hover{
    color:#279bdd;
    cursor:pointer;
}
.oranje{
    background:#FF6600;
    color:#FFF !important;
    padding:3px;
    text-decoration:none;
    font-size:12px;
    border:none !important;
    box-shadow:none !important;
    cursor:pointer;
    font-weight:600;
}
.groen{
    background:#52BE7F !important;
    color:#FFF !important;
    padding:3px;
    text-decoration:none;
    font-size:12px;
    border:none !important;
    box-shadow:none !important;
    cursor:pointer;
    font-weight:600;
}
.rood{
    background:#DB0000 !important;
    color:#FFF !important;
    padding:3px;
    text-decoration:none;
    font-size:12px;
    border:none !important;
    box-shadow:none !important;
    cursor:pointer;
    font-weight:600;
}
.box{
    font-weight:600;
    color:#FFF;
    padding:15px;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:5px;
}
.box a{
    color:#FFF;
    text-decoration:underline;
}
.box a:hover{
    color:#FFF;
    text-decoration: none;
}
.add-margin{
    margin:5px;
}
.error{
    background:#FF7474;
}
.warning{
    background:#FFE5BA;
    color:#E28F00;
}
.valid{
    background:#52BE7F;
}
.info{
    background:#53A0BC;
}
.green{
    color:#45AD70;
}
.red{
    color:#F34235;
}
.orange{
    color:#FF6600;
}
.groen{
    background:#52BE7F;
}
.groen:hover{
    background:#207945 !important;
    color:#FFF !important;
}
.grijs{
    background:#BBBFC9;
    color:#E8EAEF;
}
.grijs:hover{
    background:#BBBFC9;
    color:#E8EAEF;
    cursor:not-allowed;
}
.oranje{
    color:#FB7C38;
}
.bgOranje{
    background:#FB7C38;
}
.bgOranje:hover{
    background:#E2540D;
}

input:-moz-placeholder{ 
    color:#999; 
}
input, textarea, select{
    font-family:'Open Sans';
    font-weight:500;
    border:1px solid #CCC;
    color:#262930;
    margin-bottom:5px;
    margin-right:5px;
    box-shadow:inset 0px 0px 5px rgba(0,0,0,0.1);
    border-radius:0;
}
textarea.tekst{
    width:calc(100% - 10px);
    height:300px;
}   
input, textarea, select{
    font-size:13px;
    padding:5px;
}

a{
    color:rgb(2, 119, 189);
}

/*              */
/*  IMS         */
/*              */

.ims-topbar{
    background:#039be5;
    color:#FFF;
    padding:3px;
    font-size:12px;
    border-bottom:1px solid #FFF;
    position:relative;
}

    .ims-topbar-left{
        position:relative;
    }
    .ims-topbar-right{
        position:absolute;
        right:0px;
        top:0px;
        padding:3px;
    }
    .ims-topbar-right a{
        color:#FFF;
        text-decoration: none;
    }
.ims-menu{
    border-top:1px solid #039be5;
    width:100%;
    box-shadow:0px 0px 5px rgba(0,0,0,0.1);
    z-index:1;
}
.ims-menu:not(.ims-menu-hue) .ims-menu-item{
    padding:20px 0 20px 0;
    width:calc(100% / 3);
    float:left;
    background:#FFF;
    text-align:center;
    border-bottom:3px solid #999;
    cursor:pointer;
}
    .ims-menu.ims-menu-hue .ims-menu-item{
        padding:20px 0 20px 0;
        width:calc(100% / 4);
        float:left;
        background:#FFF;
        text-align:center;
        border-bottom:3px solid #999;
        cursor:pointer;
    }
    .ims-menu-hue .ims-menu-item img{
        position:relative;
        top:-3px;
    }

.ims-content{
    padding-top:5px;
}
.ims-menu-item:not(.ims-menu-item-selected):hover{
    color:#01579b;
    border-bottom:3px solid #01579b;
}
.ims-menu-item-selected{
    font-weight:700;
    color:#039be5;
    border-bottom:3px solid #039be5;
    background:#e1f5fe !important;
}
.ims-melding{
    background:#FFF;
    margin:5px 0 20px 0;
    box-shadow:0px 0px 5px rgba(0,0,0,0.1);
}
.ims-melding-datum{
    color:rgba(0,0,0,0.5);
    font-size:12px;
    width:calc(100% - 5px);
    padding:3px 5px 0 0;
    text-align:right;
}
.ims-melding-tekst{
    padding:5px 5px 15px 5px;
    font-size:15px;
    font-weight:600;
}
.ims-opschaling{
    color:rgb(244, 67, 54);
}
.ims-melding-status{
    margin-top:5px;
    width:100%;
}
.ims-melding-hue{
    width:calc(100% - 30px);
    margin:-10px 5px 10px 5px;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(7,43,63,1) 44%, rgba(14,37,99,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(7,43,63,1) 44%,rgba(14,37,99,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(7,43,63,1) 44%,rgba(14,37,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0e2563',GradientType=1 );
    color:#FFF;
    padding:10px;
}
.ims-melding-hue-table{
    margin:5px 5px 0 5px !important;
}
.ims-melding-hue img{
    position:relative;
    top:-3px;
    margin:0 10px 0 10px;
}

@media all and (max-width:660px){
    .ims-melding-status-item{
        width:calc((100% / 2) - 24px);
        text-align:center;
        float:left;
        display:table-cell;
        vertical-align:center;
        padding:5px 0 7px 0;
        border:2px solid rgba(0,0,0,0.1);
        border-radius:5px;
        margin:0 10px 5px 10px;
        cursor:pointer;
        font-size:13px;
    }
    .p2000-table .ims-melding-status-item{
        width:calc((100% / 2) - 8px);
        text-align:center;
        float:left;
        display:table-cell;
        vertical-align:center;
        padding:2px 0 4px 0;
        border:2px solid rgba(255,255,255,0.2);
        border-radius:5px;
        margin:0 2px 5px 2px;
        cursor:pointer;
        font-size:10px;
    }
}
@media all and (min-width:661px){
    .ims-melding-status-item{
        width:calc((100% / 4) - 24px);
        text-align:center;
        float:left;
        display:table-cell;
        vertical-align:center;
        padding:5px 0 7px 0;
        border:2px solid rgba(0,0,0,0.1);
        border-radius:5px;
        margin:0 10px 5px 10px;
        cursor:pointer;
    }
    .p2000-table .ims-melding-status-item{
        width:calc((100% / 4) - 8px);
        text-align:center;
        float:left;
        display:table-cell;
        vertical-align:center;
        padding:2px 0 4px 0;
        border:2px solid rgba(255,255,255,0.2);
        border-radius:5px;
        margin:0 2px 5px 2px;
        cursor:pointer;
    }
}
.ims-melding-status-item[data-status='opschaling']:hover,
.ims-melding-status-item[data-status='monteren']:hover{
    border:2px solid rgb(245, 124, 0);
    color:rgb(245, 124, 0);
}
.ims-melding-status-item[data-status='onderweg']:hover{
    border:2px solid rgb(79, 195, 247);
    color:rgb(79, 195, 247);
}
.ims-melding-status-item[data-status='verstuurd']:hover,
.ims-melding-status-item[data-status='terplaatse']:hover{
    border:2px solid rgb(76, 175, 80);
    color:rgb(76, 175, 80);
}
.ims-melding-status-item[data-status='afwezig']:hover,
.ims-melding-status-item[data-status='loos']:hover{
    border:2px solid rgb(211, 47, 47);
    color:rgb(211, 47, 47);
}


.ims-melding-status-item-selected[data-status='opschaling'],
.ims-melding-status-item-selected[data-status='opschaling']:hover,
.ims-melding-status-item-selected[data-status='monteren'],
.ims-melding-status-item-selected[data-status='monteren']:hover{
    background:rgb(245, 124, 0);
    border:2px solid solid rgb(245, 124, 0);
    color:rgb(255,255,255);
}
.ims-melding-status-item-selected[data-status='onderweg'],
.ims-melding-status-item-selected[data-status='onderweg']:hover{
    background:rgb(79, 195, 247);
    border:2px solid rgb(79, 195, 247);
    color:rgb(255,255,255);
}
.ims-melding-status-item-selected[data-status='terplaatse'],
.ims-melding-status-item-selected[data-status='terplaatse']:hover,
.ims-melding-status-item-selected[data-status='verstuurd'],
.ims-melding-status-item-selected[data-status='verstuurd']:hover{
    background:rgb(76, 175, 80);
    border:2px solid rgb(76, 175, 80);
    color:rgb(255,255,255);
}
.ims-melding-status-item-selected[data-status='afwezig'],
.ims-melding-status-item-selected[data-status='afwezig']:hover,
.ims-melding-status-item-selected[data-status='loos'],
.ims-melding-status-item-selected[data-status='loos']:hover{
    background:rgb(211, 47, 47);
    border:2px solid rgb(211, 47, 47);
    color:rgb(255,255,255);
}
.ims-melding-start-nav{
    padding:10px 5px 10px 5px;
    text-decoration:none;
    display:inline-block;
    color:rgb(56, 142, 60);
}
.ims-melding-start-nav:hover{
    background:rgb(232, 245, 233);
}
.p2000-table .ims-melding-start-nav{
    color:rgb(67, 160, 71) !important;
}
.p2000-table .ims-melding-start-nav:hover{
    background:rgb(67, 160, 71);
    color:rgb(255, 255, 255) !important;
}

.ims-p2000-opties{
    position:fixed;
    top:100px;
    right:0px;
    background:rgba(255,255,255,0.2);
    padding:5px;
    color:#FFF;
    font-size:20px;
    cursor:pointer;
}
.ims-p2000-opties:hover{
    color:rgb(225, 245, 254);
    background:rgb(41, 182, 246);
}

.ims-p2000-opties-sluit{
    position:fixed;
    top:100px;
    right:0px;
    background:rgb(198, 40, 40);
    color:#FFF;
    font-size:20px;
    padding:5px;
    cursor:pointer;
}
.ims-p2000-opties-sluit:hover{
    background:rgb(255, 205, 210);
    color:rgb(198, 40, 40);
}
.ims-snelkoppeling-form{
    position:fixed;
    top:150px;
    right:0px;
    background:rgba(3,155,229,0.2);
    padding:5px;
    color:#FFF;
    font-size:20px;
    cursor:pointer;
}

.p2000-table img{
    padding-bottom:3px;
}

.ims-p2000-voorkeuren{
    position:fixed;
    top:0px;
    left:0px;
    width:calc(100% - 20px);
    height:calc(100vh - 20px);
    background:rgba(255,255,255,1);
    padding:10px;
    z-index:2;
    overflow-y:scroll;
}
.ims-p2000-voorkeuren h2{
    margin:0;
    padding:0;
}
.ims-p2000-show-opties{
    padding:2px;
    color:rgb(255,255,255);
    margin-left:10px;
    cursor:pointer;
    font-size:10px;
    border-bottom:2px solid rgba(255,255,255,0.2);
}
.ims-p2000-show-opties:hover{
    color:#039be5;
}

.ims-afwezigheid{
    background:rgba(255,255,255);
    box-shadow:0px 5px 5px rgba(0,0,0,0.1);
    padding:5px;
    width:calc(100% - 10px);
}

.ims-afwezigheid-table-kop td{
    font-weight:700;
    border-bottom:1px solid #CCC;
    padding:2px;
}
.ims-afwezigheid-table-item1 td{
    font-size:13px;
    padding:2px 20px 2px 2px;
    border-top:1px solid #CCC;
    background:rgb(255,255,255);
}
.ims-afwezigheid-table-item2 td{
    font-size:11px;
    padding:5px 2px 5px 2px;
    border-bottom:1px solid #CCC;
    background:rgb(255,255,255);
}

.ims-popup-melding{
    width:100%;
    height:100vh;
    position:fixed;
    background:#FFF;
    z-index:999;
}
.ims-popup-sluit-balk{
    width:calc(100% - 20px);
    padding:10px;
    background:#42a5f5;
    color:#FFF;
    cursor: pointer;
}
.ims-popup-sluit-balk:hover{
    background:#0d47a1;
}

.ims-info{
    padding:8px;
}
.ims-info{
    font-size:12px;
}
.ims-info tr td:nth-child(1),
.ims-info tr td:nth-child(3){
    font-weight:700;
    padding-right:15px;
}
.ims-info tr td:nth-child(2){
    padding-right:10px;
}


@media all and (min-width:801px){
    #ims-status-full{
        width:100%;
        height:calc(100vh - 88px);
        position:fixed;
        background:rgba(0,67,104,0.8);
        z-index:50;
        top:88px;
        left:0;
        text-align: center;
    }
    .ims-status-full-item{
        background:#FFF;
        width:500px;
        min-height:300px;
        border-radius:5px;
        margin-left:auto;
        margin-right:auto;
        padding:10px;
        margin-top:15px;
    }
    .ims-status-full-item h2{
        margin:0 0 5px 0;
        padding:0;
    }
}
@media all and (max-width:800px){
    #ims-status-full{
        width:100%;
        height:100vh;
        position:fixed;
        background:rgba(0,67,104,0.8);
        z-index:50;
        top:0;
        left:0;
        text-align: center;
    }
    .ims-status-full-item{
        background:#FFF;
        width:calc(100% - 30px);
        min-height:300px;
        border-radius:5px;
        margin-left:auto;
        margin-right:auto;
        padding:10px;
        margin-top:15px;
        position: relative;
        top:88px;
    }
    .ims-status-full-item h2{
        margin:0;
        padding:0;
    }
}

.ims-melding-burgernet div{
    max-width: 380px;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    color: #000;
    padding: 10px 0 10px 0;
}
.ims-melding-burgernet{
    text-decoration: none;
}
.ims-melding-burgernet:hover div{
    border: 2px solid #0064a0;
    color: #0064a0;
}
.ims-melding-burgernet .vet{
    font-weight: 600;
}
.ims-status-full-item{
    box-shadow:0 0 10px rgba(0,0,0,0.5);
}
#ims-status-full .ims-melding-status{
    margin-top:10px;
}
#ims-status-full .ims-melding-status-item{
    width:calc(50% - 24px);
}
#ims-status-full .ims-melding-tekst{
    margin:0;
    padding:0;
}
.ims-status-full-huidig{
    background:#336886;
    padding:5px;
    width:calc(100% + 10px);
    position:relative;
    left:-10px;
    color:#FFF;
    margin:10px 0 20px 0;
}

@media all and (min-width:801px){
    .ims-af,
    .ims-af-info{
        width:calc(800px - 20px);
        margin-top:25px;
    }
    .ims-af table tr td:nth-child(1){
        padding-left:10px;
    }
    .ims-af table tr td:last-child{
        padding-right:10px;
    }
    .ims-af table tr td:nth-child(1){
        width:185px;
    }
    .ims-af table tr td:nth-child(2){
        width:160px;
    }
    .ims-af table tr td:nth-child(4){
        width:35px;
        text-align: center;
    }
    .ims-af table tr td:nth-child(3) input{
        width:calc(100% - 10px);
    }
    .ims-af table tr td:nth-child(5){
        width:80px;
        text-align: center;
    }
}
@media all and (max-width:800px){
    .ims-af,
    .ims-af-info{
        width:calc(100% - 20px);
        margin-top:10px;
    }
    .ims-af table,
    .ims-af table thead,
    .ims-af table tbody,
    .ims-af table tr,
    .ims-af table td{
        display:block;
    }
    .ims-af table tr:not(.rij){
        display:none !important;
    }
    .ims-af td{
        position: relative;
        padding-left: 70px !important;
        white-space: normal;
    }
    .ims-af td:before{
        content: attr(data-title);
        position: absolute;
        top: 7px;
        left: 5px;
        width: 70px;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        display:block;
        font-size:10px;
        color:#000;
    }
    .ims-af table tr td:nth-child(3) input{
        width:calc(100% - 10px);
    }
}
.ims-af{
    padding:10px;
    background:#FFF;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    margin-left:auto;
    margin-right:auto;
}
.ims-af-info{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.ims-af h3{
    margin:0;
}
.ims-af table{
    width:calc(100% + 20px);
    position:relative;
    left:-10px;
    margin-top:10px;
}
.ims-af table tr td input{
    font-size:12px;
    padding:3px;
}
.ims-af table tr.rij:nth-of-type(odd) td{
    background:#e1f5fe;
}
.ims-af table tr.rij td{
    font-size:12px;
}
.ims-af table tr.rij td .button{
    font-size:9px;
    padding:4px 2px 4px 2px;
}
.ims-af table tr:nth-child(1) td{
    background:#dddddd;
    font-weight:700;
}
.ims-af table tr td{
    padding:5px;
}
.button-nu{
    font-size:10px;
    background:#039be5;
    padding:2px;
    color:#FFF;
    cursor:pointer;
}
.button-nu:hover{
    background:#1565c0;
}
.button-nu:active{
    position:relative;
    top:2px;
}
input[name=reden]::placeholder,
input[name=datum_van]::placeholder,
input[name=datum_tot]::placeholder{
    opacity:0.2;
}
input[name=reden]:focus::placeholder,
input[name=datum_van]:focus::placeholder,
input[name=datum_tot]:focus::placeholder{
    opacity:0;
}

/* ==========================================================================
   P2000
   ========================================================================== */

#p2000-toolbar{
    width:calc(100% - 0px);
    position:relative;
    left:-5px;
    padding:5px;
    background:rgba(255,255,255,0.2);
    font-size:10px;
    z-index:0;
}
#p2000-toolbar .button,
#p2000-toolbar .button i{
    font-size:10px;
}
#p2000-toolbar .button{
    background:#039be5;
    color:#FFF;
    padding:2px 3px 2px 3px;
}
#p2000-toolbar input[type=text]{
    font-size:10px;
    padding:2px 2px 2px 2px;
    margin:0;
    border:none;
}

#p2000{
    position:relative;
    top:-5px;
    width:calc(100% - 10px);
    padding:5px;
    background:#000;
    min-height:calc(100vh - 20px);
    color:#FFF;
    -webkit-overflow-scrolling: touch;
}
.p2000-laden{
    position:absolute;
    top:20%;
    width:100%;
    text-align:center;
}
#p2000 table{
    color:#99ccff;
    font-weight:700;
    font-size:10px;
    font-family:'Verdana';
    width:100%;
    margin-bottom:10px;
    position:relative;
    top:5px;
}
#p2000 table td a{
    color:#99ccff;
}
#p2000 table td{
    padding:3px;
    vertical-align: top;
}
#p2000 table td.datum{
    color:#FFF;
    font-size:10px;
}
#p2000 table td.capcode{
    color:#FFF;
    text-align:right;
    padding-right:5px;
    width:40px;
}

td.capcode,
td.capcode-label,
td.opschaling,
td.datum,
td.keuze-naam,
td.keuze{
    font-size:8px;
}
.p2000-melding{
    font-size:11px;
}

#p2000 table tr:last-child td{
    border-bottom:1px solid rgba(255,255,255,0.2);
    padding-bottom:10px;
}
#p2000 table tr:first-child td{
    padding-top:5px;
}
#p2000 table td.opschaling{
    text-align:center;
}
#p2000 table td.opschaling span{
    color:#FFF;
    background:#ff0000;
    padding:0px 3px 0px 3px;
    font-weight:700;
    font-family:'Open Sans';
}
#p2000 .keuze{
    text-align:right;
    padding-right:6px;
}
.p2000keuzes{
    margin-bottom:10px;
}
.p2000keuzes td{
    text-align:center;
    padding:5px;    
    font-weight:700;
}
.p2000keuzes tr td:nth-child(1){
    border-left:1px solid #CCC;
    background:rgba(0,0,0,0.05);
}
.p2000keuzes tr:nth-child(1) td{
    border-top:1px solid #CCC;
    background:rgba(0,0,0,0.1);
}
.p2000keuzes tr td{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
@media all and (min-width:601px){
    .p2000-links{
        float:left;
    }
    .p2000-rechts{
        float:right;
    }
}
@media all and (max-width:600px){
    .p2000-rechts{
        height:130px;
    }
}
.p2000zoeken{
    margin-bottom:10px;
}
.p2000zoeken td{
    text-align:left;
    font-size:10px;
    padding:5px;
    font-weight:700;
}
.p2000zoeken tr td:nth-child(1){
    background:rgba(0,0,0,0.05);
    border-left:1px solid #CCC;
}
.p2000zoeken input{
    font-size:12px;
    padding:2px;
}
.p2000zoeken tr td{
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
}
.p2000zoeken tr:last-child td{
    border-bottom:1px solid #CCC;
}
.voertuig{
    border-bottom:1px dotted #99ccff;
}
.gebruiker-telegram{
    text-decoration: none;
    border-bottom:1px dotted rgba(255,255,255,0.4);
}


/*************************************************/
/*      DATEPICKER                               */
/*************************************************/

.ui-datepicker{
    background:#FFF;
    box-shadow:1px 1px 10px rgba(0,0,0,0.15);
}
.ui-datepicker i.fa:hover{
    color:#279BDD;
    cursor:pointer;
}
.ui-datepicker-header{
    background:#262930;
    color:#FFF;
    padding:5px;
    text-align:center;
}
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e{
    color:#FFF !important;
}
.ui-icon-circle-triangle-w{
    position:absolute;
    left:5px;
}
.ui-icon-circle-triangle-e{
    position:absolute;
    right:5px;
}
.ui-corner-all:hover{
    text-decoration:none;
}
.ui-datepicker-calendar{
    padding:5px;
}
.ui-datepicker-calendar td{
    width:25px;
    height:25px;
    text-align:center;
    vertical-align:center;
}
.ui-datepicker-calendar td a{
    text-decoration:none;
    display:inline-block;
    width:25px;
    height:22px;
    background:#FFF;
    padding-top:3px;
}
.ui-datepicker-today a{
    background:#262930 !important;
    color:#FFF;
}
.ui-datepicker-today:hover a{
    background:#FFF !important;
    color:#279BDD;
}
.ui-datepicker-current-day a{
    background:#279BDD !important;
    color:#FFF;
}
.ui-state-default:hover{
    background:#BAE5FC;
}


/*************************************************/
/*      Hue                                      */
/*************************************************/

.hue-container{
    background: rgb(0,0,0);
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(7,43,63,1) 44%, rgba(14,37,99,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(7,43,63,1) 44%,rgba(14,37,99,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(7,43,63,1) 44%,rgba(14,37,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0e2563',GradientType=1 );
    color:#FFF;
    width:calc(100% - 10px);
    padding:5px;    
    position:relative;
    top:-5px;
    min-height:calc(100vh - 115px);
    -webkit-overflow-scrolling: touch;
}

.hue-info{
    border:2px solid #FFF;
    border-radius:5px;
    padding:10px;
    margin:5px;
}
.hue-lampen-aangezet-namen{

}
.hue-optie{
    width:calc(100% - 20px);
    padding:10px;
    background:rgba(0,0,0,0.5);
    border-radius:5px;
    margin-bottom:10px;
    font-size:18px;
    cursor:pointer;
}
.hue-optie:hover{
    background:rgba(255, 253, 231, 0.3);
}
.hue-optie-selected{
    background:rgba(255, 253, 231, 0.9);
    color:#000;
}
.hue-optie-selected:hover{
    background:rgba(255, 253, 231, 0.3));
    color:#FFF;
}