﻿

/*th, .tablehead {
    border: 1px;
    border-style: solid;
    border-color: #b7b7b7;
    text-align: center;
    height: 20px;
    padding: 4px 4px 4px 4px;
}


td, .tablecell {
    border: 1px;
    border-style: solid;
    border-color: #b7b7b7;
    padding: 4px 4px 4px 4px;
    width: 14%;
}*/


.tablehead {
    border: 1px;
    border-style: solid;
    border-color: #b7b7b7;
    text-align: center;
    height: 20px;
    padding: 4px 4px 4px 4px;
}


.tablecell {
    border: 1px;
    border-style: solid;
    border-color: #b7b7b7;
    padding: 4px 4px 4px 4px;
    width: 14%;
}


/*for table calendar*/
.cell {
    display: table-cell;
    height: 6vw;
    vertical-align: top;
}
/*form gridview calendar*/
.cell2 {
    display: table-cell;
    height: 7vw;
    vertical-align: top;

    border: 1px;
    border-style: solid;
    border-color: #b7b7b7;
    padding: 4px 4px 4px 4px;
    width: 14%;
}

/* bgrcolor Booked infotext Calendar*/
/*.booked-msg {
    display: block;
    font-size: 8px;
    background-color: #db7474;
    #34c6cd;
    background-color: #67773f;
    background-color: #74B35D;
    border-color: White;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: White;
    clear: both;
    vertical-align: bottom;
    margin: 2px 2px 0 0;
    padding: 5px;
    z-index: 1000;
}*/


.cal-block-text {
  display: block;
    border-color: White;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    clear: both;
    /*vertical-align: bottom;*/
    margin: 2px 2px 0 0;
    padding: 3px;
    z-index: 1000;
    overflow-x: hidden;
}

.clr-green {
  background-color: #95c395; 
}

.clr-white {
    background-color: white;
}

.clr-blue {
    background-color: #81c1ea;
}
.clr-primary {
   background-color: #428bca;
}

.clr-cyan {
    background-color: #81babd;
}

.clr-purple {
 background-color: #aea7cf;
}
.clr-red {
   background-color: #db7474;
}

.clr-warning {
  background-color: #f0ad4e;
}
.clr-darkgrey {
      background-color: #777777;
}

.block {
 font-size: 8px;
    color: White;
}

/* bgrcolor Booked Event Booker Calendar*/
.block-default {
    background-color: white;
    font-size: 8px;
    color: #333333;
    border-color: darkgray;
    border-style: solid;
    border-width: 1px;
}

/*.block-green {
    background-color: #95c395; 
    font-size: 8px;
    color: White;

}*/

/*.block-blue {
    background-color: #81c1ea;
    font-size: 8px;
    color: White;
}*/

/*.block-primary {
    background-color: #428bca;
    font-size: 8px;
    color: White;
}*/

/*.block-cyan {
     background-color: #81babd;
    font-size: 8px;
    color: White;
}*/

/*.block-purple {
     background-color: #aea7cf;
    font-size: 8px;
    color: White;   
}*/

/*.block-red {
    background-color: #db7474;
    font-size: 8px;
    color: White;
}*/

/*.block-warning {
    background-color: #f0ad4e;
    font-size: 8px;
    color: White;
}*/

/* User info Text */
.user_infotxt {
    font-size: 8px;
    background-color: #95b0c3;
    border-color: White;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: White;
    display: block;
    overflow-x: hidden;
    clear: both;
    /*vertical-align: bottom;*/
    margin: 2px 2px 0 0;
    padding: 5px;
}


/* Incomming requests*/
.incom-req {
    display: block;
    font-size: 8px;
    margin: 2px 2px 0 0;
    padding: 1px 0 2px 1px;
    font-weight: 600;
    line-height: 1;
    color: white;
    /*white-space: nowrap;*/
    /*vertical-align: baseline;*/
    float: left;
    background: #6eb056;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.calday {
    float: right;
    font-size: 16px;
    z-index: 10;
    padding-bottom: 3px;
}


.floatleft {
    float: left;
    /*width: 10%;*/
    padding: 5px 5px 5px 20px;
}

.floatright {
    float: right;
    /*width: 10%;*/
    padding: 5px 15px 5px 5px;
   
}

.floatnone {
    float: none;
}

.weekdays {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #e9e9e9), color-stop(0.89, white) );
    background-image: -o-linear-gradient(top, #e9e9e9 0, white 89%);
    background-image: -moz-linear-gradient(top, #e9e9e9 0, white 89%);
    background-image: -webkit-linear-gradient(top, #e9e9e9 0, white 89%);
    /*background-image: -ms-linear-gradient(top, #e9e9e9 0, white 89%);*/
    background-image: linear-gradient(to top, #e9e9e9 0, white 89%);
}

/*.modalPopup {
    background-color: #ffffdd;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
    position: absolute;
    top: 10px;
    left: 300px;
}*/

.NoDisplay {
    display: none;
}



.user_info_blankLink, .blankLinkBigBooker{
    display: block;
    float: none;
    z-index: 1;
    width: 100%;
    height: 100%;
    /*width: 10vw;
            height: 10vw;*/
    /*background-color: aquamarine;*/
}


.user_info_blankLink_small {
    display: block;
    float: none;
    z-index: 1;
    width: 100%;
    height: 80%;
    /*background-color: aquamarine;*/
}

.blankLinkSmallBooker {
    display: block;
    float: none;
    z-index: -100;
    width: 80%;
    height: 20%;
    /*background-color: aquamarine;*/
}

.divWaiting {
    position: absolute;
    background-color: #FAFAFA;
    z-index: 2147483647;/*!important*/
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 20%;
}

/*--------------------------------------------------------------------------------------------------------*/
/* Media over 1200px */
@media all and (min-width: 1200px) {
    .month {
        font-size: 20px;
    }

    .calday {
        font-size: 1.3vw;
    }

    /*form gridview calendar*/
    .cell2 {
        height: 7vw;
    }

    /* fontsize textblock Calendar*/
    /*.block-green, .block-blue, .block-primary, .block-cyan,.block-purple, .block-warning, .block-red, .user_infotxt {*/
  .block, .user_infotxt {

        font-size: 0.5vw;
    }


    /* bgrcolor text UserInfo Calendar*/
    /*.user_infotxt {
        font-size: 0.6vw;
    }*/

    .incom-req {
        font-size: 0.6vw;
    }
}

/* Media 992-1199px */
@media all and (min-width: 992px) and (max-width: 1199px) {
    .month {
        font-size: 15px;
    }

    .calday {
        font-size: 2vw;
    }

    /*form gridview calendar*/
    /*.cell2 {
        height: 7vw;
    }*/

     .cell2 {
        height: 10vw;
    }


    /* fontsize textblock Calendar*/
    /*.block-green, .block-blue, .block-primary, .block-cyan,.block-purple, .block-warning, .block-red, .user_infotxt {*/
    .block, .user_infotxt {

        font-size: 0.8vw;
    }

    /* bgrcolor text UserInfo Calendar*/
    /*.user_infotxt {
        font-size: 0.8vw;
    }*/

    .incom-req {
        font-size: 0.9vw;
    }
}

/* Media 767-991px */
@media all and (min-width: 768px) and (max-width: 991px) {
    .month {
        font-size: 15px;
    }

    .calday {
        font-size: 2vw;
    }

    /*form gridview calendar*/
    .cell2 {
        height: 12vw;
    }

    /* fontsize textblock Calendar*/
    /*.block-green, .block-blue, .block-primary, .block-cyan,.block-purple, .block-warning, .block-red, .user_infotxt {*/
    .block, .user_infotxt {

        font-size: 0.9vw;
    }

    /* bgrcolor text UserInfo Calendar*/
    /*.user_infotxt {
        font-size: 0.8vw;
    }*/

    .incom-req {
        font-size: 0.9vw;
    }
}

/* Media 50-767px*/
@media all and (min-width: 50px) and (max-width: 767px) {
    .month {
        font-size: 12px;
    }

    .calday {
        font-size: 2.2vw;
    }

    /*form gridview calendar*/
    .cell2 {
        height: 12vw;
    }

    /* fontsize textblock Calendar*/
    /*.block-green, .block-blue, .block-primary, .block-cyan,.block-purple, .block-warning, .block-red, .user_infotxt {*/
      .block, .user_infotxt  {
     font-size: 1.5vw;
    }
              
   
    /* bgrcolor text UserInfo Calendar*/
    /*.user_infotxt {
        font-size: 1vw;
    }*/

    .incom-req {
        font-size: 1vw;
    }
}
