body{
  font-size: 14px;
  font-family:"Lato Semibold", sans-serif;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}
#rental_no{
  min-width: 160px;
}
#rental_yes{
  min-width: 160px;
}


#logoimg {
  width: 125px;
}
#logoutimg {
  width: 55px;
}
#profileimg {
  width: 55px;
}
#faqimg {
  width: 55px;
}

/* start new for fullcalendar 5 */
.fc-daygrid-event {
  height: 25px;
  line-height: 22px;
}

.fc-event-title-container {
  padding-left:5px;
}

.daylabelText{
  float:left;
  color:black;
  width:100%;
  margin-top: 2px;
  font-size: 12px;
  margin-left: 30px;
  margin-top: 4px;
}

.dayLabelDayNumber {
  float:right;
  color:black;
  font-size: 20px;
  margin-right:5px
}

.dayColorunknown {
  background-color: white;
  color:black
}

.dayColorred {
  background-color: red;
  color:white
}

.dayColoryellow {
  background-color: yellow;
}

.dayColorblue {
  background-color: blue;
  color:white;
}

.dayColorgreen {
  background-color: green;
  color:white;
}

.dayColorchocolate {
  background-color: chocolate;
}

.dayColorpurple {
  background-color: purple;
}

.dayColorlightcoral {
  background-color: lightcoral;
}

.dayColorlightyellow {
  background-color: lightyellow;
}

.dayColorlightblue {
  background-color: lightblue;
}

.dayColorlightgreen {
  background-color: lightgreen;
}

.dayColorsandybrown {
  background-color: sandybrown;
}

.dayColorfuchsia {
  background-color: fuchsia;
}

.dayColorlightgray {
  background-color: lightgray;
}

.fc-event-title {
  font-size:12px
}

.fc-event-start {
  margin-left: calc(100vw / 7 - 100vw / 17)  !important;
}
.fc-event-end { 
  margin-right:calc(100vw / 7 - 100vw / 17) !important;
}

.fc-highlight {
  background:none !important;
}

.fc-daygrid-day.fc-day-today {
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px ) !important;
}

.fc-event-time {
  font-size: 10px;
  background-color: white;
  color: black;
  min-width: 30px;
}

.fc-daygrid-day-top {
  background-color: white !important;
  opacity: 1 !important;
}

.fc-scrollgrid-sync-table tr {
  height:100px;
}

.fc-event.hidden {
  display: none;
}

/* end new for fullcalendar 5 */
.jconfirm-box-container {
  display: contents !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
  color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
  color: #000;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-yellow {
  background-color: #9fcb06;
  color: #000;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-yellow:hover {
  background-color: #9fcb06;
  color: #FFF;
}

.closeDialogButton{
  background-color:#9fcb06 !important;
  color:black !important;
}
/*
.ownRental {
  background-color:darkgreen !important;
  color:white !important;

}
*/
td.details-control {
  background: url('/assets/img/details_open.png') no-repeat center center;
  cursor: pointer;
}

tr.shown td.details-control {
  background: url('/assets/img/details_close.png') no-repeat center center;
}

.grid-container {
  width: 100%;
}

.grid-child { 
  float: left; 
  width: 50%; 
} 

.banner {
  width: 25%;
  height: auto;
  min-width: 344px;
}

.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-icon-caret-2-n-s, .ui-icon-caret-1-n, .ui-icon-caret-1-sm, .ui-icon-triangle-1-n, .ui-icon-triangle-1-s{
  width: 0px !important;
  height: 0px !important;
}

.ui-buttonset .ui-button{
  margin-right: 5px;
  padding: .4em 1em;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #ffffff;
  border-bottom-width: 1px;
  background: #ffffff ;
  font-weight: normal;
  color: #2C3E50;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #2C3E50;
  text-decoration: none;
}

.ui-state-active a {
  color: #2C3E50;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.flex-item {
  width: 100%;
  height: 80%;
  padding: 10px;
}

img:hover {
  cursor: pointer;
  background: lightgray;
}


#add_event .readonly {
  border: 0;
  resize: none;
  background-color: transparent;
}

#view_event textarea {
  resize: none;
  background-color: transparent;
}

.header {
	padding: 5px;
  height: 55px;
}
.ms-options-wrap, .ms-options-wrap * {
    width: 90%;
}

.row {
  width: 100%;
  display: inline-flex;
  margin-top: 5px;
  margin-bottom: 5px;
}

table {
  font-size: 12px;
  cursor: pointer;
}

label {
  min-width: 80px;
  text-align: left;
  padding-top: 5px;
}

select { 
  border: solid 1px #006a72;
  border-radius: 2px;
  padding: 3px;
  min-width: 200px;
}

textarea {
  width:98%;
  min-height: 90px;
}

textarea[readonly] {
    background-color:lightgray;
}

.menubar {
  display: inline-block; 
  text-align: right;
}

.menuimg {
  width:30px;
  height: 30px;
}

#dataTable tbody > tr > td {
overflow:hidden;
max-width: 500px;
white-space: nowrap
}

#loginformcontainer {
  position: absolute;
  margin: auto;
  width: 370px;
  height: 280px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  min-height: 1px;
}

#login {
  padding:17px;  
}

#loginlogo {
	vertical-align: middle;
  text-align: center;
  background-color: lightgray;
  margin-bottom: 50px;
}
  
.form-style {
  background: #FFFFFF;
  min-height: 98%;
}

.form-style input[type="submit"] {
  min-width:250px;
  display: inline-block;
  padding: 6px 12px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
  min-height: 1em;
  border: 0;
}

.form-style input[type="button"] {
  min-width:250px;
  display: inline-block;
  padding: 6px 12px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
  min-height: 1em;
  border: 0;
}

.btn-yellow {
  background-color: #9fcb06;
  color: #000;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.btn-yellow:hover {
  background-color: #9fcb06;
  color: #FFF;
}

.btn-green {
  background-color: #2ecc71;
  color: #000;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.btn-green:hover {
  background-color: #2ecc71;
  color: #FFF;
}

.btn-red {
  background-color: #e74c3c;
  color: #000;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.btn-red:hover {
  background-color: #e74c3c;
  color: #FFF;
}

.form-style input[type="radio"] {
  vertical-align: middle; 
  margin-top: -1px; 
  margin-bottom: 1px;
}

#container {
  width:500px;
  padding:0 0 50px;
  margin:0 auto;
}

blockquote {
  margin:1em 0;
}

blockquote p {
  margin:0;
  font-size:2em;
}

.follow {
  clear:both;
  margin-top:2em;
  font-size:1.125em;
}

.follow span {
  font-weight:bold;
}


@media (max-width: 1200px) {
  html_rotate {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }

  .flex-container {
    flex-wrap: wrap;
  }
  .flex-item {
    width: 100%;
    padding: 2px;
  }
  .daylabelText{
    font-size: 8px;
    margin-top: 1px;
    padding-left: 1px;
    margin-left:0px
  }
  .dayLabelDayNumber {
    font-size: 10px;
    padding-right: 1px;
    margin-right:0px
  }
  .ui-tabs .ui-tabs-panel {
    padding:0;
  }
  .ui-tabs {
    padding:0;
  }
  .ui-tabs .ui-tabs-nav {
    padding:0;
  }
  #header {
    height:35px;
  }

  .menubar {
    padding-left: 5px;
  }
  #logoimg {
    width: 75px;
  }
  #logoutimg {
    width: 30px;
  }
  #profileimg {
    width: 30px;
  }
  #faqimg {
    width: 30px;
  }
  #refresh_arrival_list {
    min-width:0 !important;
  }
}