/*
 *    $Revision$
 *    $Id$  TODO: FONTAWESOME icons
 */


#resselector option {
  background-color: #17D575;
  color: #333;
  font-weight: normal;
  text-align: center; /* want dat heeft .fatal ook*/
}

#resselector .fatal {
    background-color: #FFC7CE;
    color: #9C0006;
}

#selectedDates{
 margin-top: 3px;
}
/* RES planboard noot: res gaat per id, obj gaat via class */
#tab_room_sched tbody tr,
.tab_obj_sched tbody tr {
    background-color: #eee;
}
#tab_room_sched tbody tr:hover,
.tab_obj_sched tbody tr:hover {
    background-color: #ddd;
}
#tab_room_sched tr.selected,
.tab_obj_sched tr.selected {
    background-color: #ddd;
    font-weight: bold;
}

i.plancad {
  cursor: pointer;
  font-size: 1.2em;
}

.tab_cat_sched.compressed tr.catline.notexisting { display: none; }

.planbord.compressed tr.res_nofit { display: none; }
.tab_cat_sched tr.catline.existing { background-color: #ddd; }

 table.planbord tr label { font-weight: normal;overflow: hidden; white-space: nowrap; }
 table.planbord td       {  vertical-align: inherit; } /* Herstel de generieke 'top' uit default.csx */

 table.planbord td.label       { width: 180px; padding-left: 5px; }
 table.tab_cat_sched td.label  { width: 250px; padding-left: 5px; }

 table.planbord label          { width: 180px; font-weight: normal; overflow: hidden; white-space: nowrap; }
 table.tab_cat_sched label     { width: 250px; font-weight: normal; overflow: hidden; white-space: nowrap; }

table.planbord td.capaciteit { width: 55px;
                               text-align: right;
                               vertical-align: bottom;
                               padding-right:15px; }

div.res_remark {  display: none;
                  float: right;
                  position:absolute;
                  z-index:1;
                  width:200px;
                  left:450px;
                  padding: 5px;
                  background-color: #FCFD93;
                  border: 1px solid #eee;
                  box-shadow: 4px 4px 8px #666;
               }
table.planbord96 tr td.between div { width:24px;}
table.planbord96 tr td.post div { width:16px;}
table.planbord96 td.reserv { background-image:url(../pictures/plan96x16.png) }

table.planbord72 tr td.between div { width:24px;}
table.planbord72 tr td.post div { width:16px;}
table.planbord72 td.reserv { background-image:url(../pictures/plan72x16.png) }

table.planbord60 tr td.between div { width:24px;}
table.planbord60 tr td.post div { width:16px;}
table.planbord60 td.reserv { background-image:url(../pictures/plan60x16.png) }

table.planbord48 tr td.between div { width:24px;}
table.planbord48 tr td.post div { width:16px;}
table.planbord48 td.reserv { background-image:url(../pictures/plan48x16.png) }

table.planbord36 tr td.between div { width:24px;}
table.planbord36 tr td.post div { width:16px;}
table.planbord36 td.reserv { background-image:url(../pictures/plan36x16.png) }

table.planbord24 tr td.between div { width:24px;}
table.planbord24 tr td.post div { width:16px;}
table.planbord24 td.reserv { background-image:url(../pictures/plan24x16.png) }

table.planbord16 tr td.between div { width:24px;}
table.planbord16 tr td.post div { width:8px;}
table.planbord16 td.reserv { background-image:url(../pictures/plan16x16.png) }

table.planbord8 tr td.between div { width:10px;}
table.planbord8 tr td.post div { width:3px;}
table.planbord8 td.reserv { background-image:url(../pictures/plan08x16.png) }

table.planbord4 tr td.between div { width:2px;}
table.planbord4 tr td.post div { width:0px;}
table.planbord4 td.reserv { background-image:url(../pictures/plan04x16.png) }

table.planbord           { border: 1px solid #ccc ; margin-top:5px; margin-right: 5px; }

table.planbord td.plantd { padding:0px; margin:0px; }
table.planbord td.plantd div.tddiv { position: relative; padding:0px; margin:0px; width:100%; height: 16px;}

table.planbord td.plantd.tijdbalk { height: 16px; }
table.planbord.multiday td.plantd.tijdbalk div.tddiv { height: 32px; }
table.planbord label { font-weight: normal; }

table.planbord tr        { height: 21px; }
table.planbord td.reserv { background-repeat: repeat-x;
                           background-position:1px 4px;}
table.planbord tr td.between div { margin-bottom: 1px; }
table.planbord tr td.post { padding:0px; }
table.planbord div.gepland{ position: absolute;
                            height: 16px;
                            top: 0px;
                           }

table.planbord div.metobj:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f26c";
    line-height: 1.25em;
    font-size: 1.25em;
    color: #444;
    left: 50%;
    margin-left: -9px;
}
table.planbord div.metcat:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f0f5";
    line-height: 1.25em;
    font-size: 1.25em;
    color: #444;
    left: 50%;
    margin-left: -6px;
}
table.planbord div.metobj.metcat:before {
    content: "\f26c\00a0\f0f5";
    left: 50%;
    margin-left: -17px;
}
/*
    background-image:url(../pictures/metobjcat.png);
    background-repeat: no-repeat;
    background-position:center; */
}

table.planbord div.begintijd{ position: absolute;
                              height: 17px;
                              left: 0px;
                              background-color: #eee;
                              top: -1px;
}
table.planbord div.eindtijd { position: absolute;
                              height: 17px;
                              background-color: #eee;
                              top: -1px;
}
table.planbord tr:hover div.begintijd,
table.planbord tr:hover div.eindtijd {background-color: #CCC;}


div.plantime           { position: absolute;
                         text-align: center;
                         height: 16px;
                         width: 40px;
}
div.plandate           {
                         position: absolute;
                         text-align: center;
                         height: 32px;
                         width: 40px;
                         top: 0px;}

#plandate {font-size: 1.2em; padding: 0 10px 0 10px; vertical-align: top;}

table.planbord.multiday div.plantime { top: 16px; }

table.planbord div.click  { cursor: pointer;}
table.planbord input[type=checkbox] { height:16px; width: 16px; }
table.planbord input[type=radio] { height:16px; width: 16px; }

.res_optie_eigen      { background-color:   #E37B00; color: #fff; } /* Optie eigen reservering: lichtblauw */
.res_definitief_eigen { background-color:   #009979; color: #fff; } /* Definitief eigen reservering: lichtrood */
.res_optie      { background-color:   rgb(238,176,102); color: #fff; } /* Optie: blauw ORANJE */
.res_definitief { background-color:   #66C2AF; color: #fff; } /* Definitief: rood GROEN */
.res_blok       { background-color:   #747578; color: #fff;} /* Blokkade: zwart GRIJS */
.res_vervallen  { background-color:   #AB1455; color: #fff;} /* Vervallen: paars */
.res_nietvrij   { background-color:   #B1B3B4; color: #fff; } /* Niet beschikbaar: oranje LICHTGROEN */
.res_cleaning   { border-left-style:  solid;
                     border-left-color:  #808080;
                     border-right-style: solid;
                     border-right-color: #808080;
                   }

div.gepland { border-left: 1px solid #999; border-right: 1px solid #999; }
table.planbord4 div.gepland { border-left: 0px solid #999; border-right: 0px solid #999; }

div.continueleft,
div.overflowleft  { border-left:  0px; }
div.continueright,
div.overflowright { border-right: 0px; }

tr.selected div.res_current  {  background-color: #F00;  }

div.overflowleft   { background-image:url(../pictures/moreleft.png);
                     background-position:left top;
                     background-repeat:no-repeat;
                   }
div.overflowright  { background-image:url(../pictures/moreright.png);
                     background-position:right top;
                     background-repeat:no-repeat;
                   }
tr.selected div.overflowright { background-image:url(../pictures/moreright_sel.png); }
tr.selected div.overflowleft  { background-image:url(../pictures/moreleft_sel.png); }

table.planbord tr td.between div { height:16px; }

tr          div.res_nieuw    {  display: none; }
tr.selected div.res_nieuw    {  display: block;
                                background-color: #0F0;
                             }

/* De volgende regels overrulen mogelijk bovenstaande. */
tr.res_nofit.selected        {  display: table-row!important; }
tr.res_nofit td              {  color: #808080; }
tr.res_nofit label           {  color: red; }
tr.extern td                 {  background-color: #F7F7F7; }

tr.unselected div.res_current  {  background-color: #F00;
                                background-repeat: repeat-x;
                                background-image:url(../pictures/delete.png); }

div.objcatline,div.resexternline
                      { cursor: pointer;
                        background-position: 4px 4px;
                        padding-top: 4px;
                      }
div.objcatline { padding-left: 20px; }
div.resexternline span { padding-left: 20px;}

div.objcatline.closed div.objcatdiv { display: none;}
div.resexternline.closed div.resexterndiv { display: none;}
.resexterntitle {font-size: 1.2em; font-weight: bold;}
.resexterntitle:hover {text-decoration: underline;}

div.objcatline.notavailable { background-image:none;
                              cursor: default;
                            }
div.objcatline.existing { font-weight: bold;
                          color: #31398C;
                        }

div.objcatdiv { font-weight: normal;
                color: black;
              }

.addcatering { cursor: pointer }

#resCat {}

#resObj {}

tr div.res_fatal             {  background-color: #ccc;
                                background-repeat: repeat-x;
                                background-position: 4px 0;
                                background-image:url(../pictures/resdirty.png)!important;
                                z-index: 1; }

tr.res_fatal td              {  background-color: #F88 !important;
                                border: 1px solid #D44444;
                                background-repeat: no-repeat;
                                background-image:url(../pictures/resdirty.png)!important;
                                padding-left : 20px;
                                z-index: 1; }

span.res_fatal,
input[type=text].button.required.res_fatal
                             {  background-color: #F88 !important;
                                border: 1px solid #D44444;
                                background-repeat: no-repeat;
                                background-image:url(../pictures/resdirty.png)!important;
                                padding-left : 20px;
                                z-index: 1; }
.res_fatalicon i { color: red; font-size: 1.3em;}

#timetip {position:absolute;border:1px solid #666;background-color:#fff;padding:2px;z-index:999;display:none;}

@media print
  { /* in print-mode doe we de kleuren als border. Daarmee geeft cleaning wel rare 'punten'. Het zij zo. */
    div.res_optie      { height:0px!important; border-top:7px solid #31398C; border-bottom:7px solid #31398C; } /* Optie: blauw */
    div.res_definitief { height:0px!important; border-top:7px solid #990000; border-bottom:7px solid #990000; } /* Definitief: rood */
    div.res_blok       { height:0px!important; border-top:7px solid #000000; border-bottom:7px solid #000000; } /* Blokkade: zwart */
    div.res_vervallen  { height:0px!important; border-top:7px solid #990099; border-bottom:7px solid #990099; } /* Vervallen: paars */
    div.res_nietvrij   { height:0px!important; border-top:7px solid #D6D80E; border-bottom:7px solid #D6D80E; } /* Niet beschikbaar: geel */
    table.planbord td.reserv { border:1px solid #888;}
    .plancad           { display: none; }
  }

