﻿.d-workingarea {

background-color:#f7f7f7;
}

.btn_roomtype {
    border: 0;
    background: url(../img/btnd/btn_unselect.jpg) no-repeat 0 0;
    background-size: cover;
    vertical-align: baseline;
    text-align: center;
    width: 180px;
    height: 90px;
    font-weight: bold;
    white-space: normal !important;
    word-wrap: break-word;
    color: #912302;
    margin: 10px;
}

.btn_roomtype_s {
    border: 0;
    background: url(../img/btnd/btn_selected.jpg) no-repeat 0 0;
    color: #fff;
    vertical-align: baseline;
    text-align: center;
    width: 180px;
    height: 90px;
    font-weight: bold;
}


.d_room_title {
    font-size: 18px;
    height: 50px;
}

.d-btn-search {
    width: 80px;
    height: 30px;
}

.d-btn-main {
    min-width: 80px;
    padding: 5px 10px 5px 10px;
    margin-left: 10px;
    margin-right: 10px;
    min-width: 100px;
    min-height: 35px;
}

.d-roomtype-text {
    min-width:150px;

}

.selecttimeslot_setup {
    background-color:#F1F1F1;
    color:#000000;
}

.selecttimeslot_notopen {
    background-color:#959595;
    color:#ffffff;
}

.d-footer-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
}
.d-footer-item {
    align-self: start;
    justify-self: start;
    width:150px;
}
.d-icon-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-right:20px;
}

.d-footeravadiv {
    border: 1px solid #808080;
    width:20px;
    height:20px;
}

.d-table {
    background-color:#ffffff;
}

.d-condition {
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
}

.d-booked-wording {
    font-size:20px;
    margin: auto auto;
    /*width: 90%;*/
    background: white;
    padding: 16px;
}

.d-book-success {
   color: #1ab422;
    font-size: 70px;
}

.d-equip-table table {
  border: 0px solid black;
  border-collapse: collapse;
}

.d-equip-table td {
  padding: 5px;
}

.d-nosetup {
    font-size:18px;
   
}

.d-reminder {
    color:red;
}

#lnkLayoutPlan {
    text-decoration: underline;
}
.d-row {
    min-height:45px;
}

.d-pull-right {
    float:right;
}

.d-td-info {
    width:130px;
}

.d_room_title {
font-size: 20px;
    line-height: 34px;
    color: #274d58;
    font-weight:bold;
}

.d-room-photo {
    max-height: 300px;
    max-width:100%;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.selecttimeslot_week {
    text-align: center;
    min-width: 50px;
    font-weight:bold;
    background-color: rgb(250,123,49,0.5);
}

.d-week-select{
    background-color:#FA7B31;
}


.d-search-timeslot, .d-search-room{
    align-self: start;
    justify-self: start;
    min-width:150px;
    margin-left:10px;
    margin-bottom:3px;
    background-color:#efe9e9;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    padding: 10px;
}
    .d-search-timeslot:hover, .d-search-room:hover {
    background-color:#FA7B31;
    cursor:pointer;
    }

.d-search-container {
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
}

.d-search-date {
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    background: #ffffff;
    border: 1px solid #f1f1f1;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    padding: 10px;
    width:150px;
}

.d-search-table {
    border-bottom: 1px  solid #cfcdcd;
}
.d-table-date {
    width:150px;
    vertical-align: top;
    padding-bottom:10px;
    padding-top:10px;
}

.d-table-room {
    padding-bottom:10px;
    padding-top:10px;
}

.d-not-found {
   color: #856404;
    background-color: #fff3cd;
    font-size: 18px;
    font-weight: 800;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #856404;
}

.d-search-tablerm {
    width:10%;
    vertical-align: middle;
    text-align:center;
}

.d-user-detail {
    background-color:#d8d8d8;
    text-align:left;
}

.d-user-title {
    background-color:gray;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
    color:#ffffff;
}

.d-sysicon {
    font-size: 20px;
}

@media (min-width: 768px) {
    .d-container {
        margin-top: 20px;
        max-width:90%;
        margin:auto;
    }
}

@media (max-width: 768px) {

.d-icon-container {
    min-width:200px;
}
    .d-icon-item {
    
        font-size: 8px;
    width: auto;
    min-width: 120px;
    }
  
.d-footer-item i {
    
    width:18px;
    font-size:16px;
}

}


.d-cell-detail {
 white-space:normal;
}

@media screen and (max-width: 1024px) {
    .table-responsive {
        width:98%;
    }

}

.d-block-msg {

    font-size: 36px;
    line-height: 50px;
    color: #FA7B31;
    font-weight: bold;
}

.wrapper {
    overflow: visible;
}

.show-fullday {
background: white;
    border: 1px solid gray;
    padding: 0px 1px;
    color: #000000;
}

.d-short-name {
    overflow: hidden;
    max-width: 100px;
}

.loglpw + .glyphicon {
   cursor: pointer;
   pointer-events: all;
   top:10px;
 }

  .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: rgba(230, 230, 230, 0.35);
            color: #d3d3d3;
            cursor: not-allowed;
        }