/* This would ensure scrollbar appear outside of main body in IE */
@-ms-viewport { width: auto; }

/* header */
body {margin:0;font-size:16px;}

/*h1 {margin:0 0 1em 0;font-size:2.8em; font-weight:700;}
h2 {margin:0 0 .5em 0;font-size:1.6em; font-weight:700;line-height:1.1em;}
h3 {margin:0 0 .5em 0;font-size:1.3em; font-weight:700;}
h4 {margin:0 0 .5em 0;font-size:1em; font-weight:500;}*/
p {margin: 0 0 1em 0;}
a {color:#000000;}
a:visited {color:#000000;}

/* colors */
.green {color:#2AB05B;}
.mediumGreen {color:#7CAE65;}
.lightGreen {color:#A7BCB2;}
.bg-green {background-color:#e3fcee;}
.yellow {color:#EADE16;}
.lighYellow {color:#F9E8D0;}
.red {color:#FD595B;}
.cyan {color:#00abec;}
.faintCyan {color:#9ffff9;}
.blue {color:#1244ac;}
.gray {color:#393939;}
.lighterGray {color:#888;}
.faintGray {color:#ccc;}
.black {color:black;}
.orange {color:#ff6600;}
.lightOrange {color:#eccecd;}
.white {color:#fff;}

/* helpers */
.float-left {float:left;}
.float-right {float:right;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.vertical-align {vertical-align:middle;}
.align-bottom {vertical-align:bottom;}
.no-padding {padding:0;}
.no-margin {margin:0;}
.full-width {width:100%;}
.half-width {width:50%;}
.white-font {color:white;}
.center {text-align:center;}
.centered {display:flex; justify-content:center;padding-top:10px;padding-bottom:10px;}
.bold {font-weight:600;}
hr {margin-top:5px;margin-bottom:5px;}
.width-800 {width:800px;}
.left-gap {padding-left:10px;}
.right-gap {padding-right:10px;}
.hide {display:none;}
.show {display:block;}

/* app page */
#app-page {min-width:480px;width:100%;margin:0 auto;position:relative;}
.app-content {padding:40px;width:100%;}
.app-footer {padding:0 20px;font-size:12px;}
.app-tooltip {margin-left:10px;cursor:pointer;}
.page-content {}
.page-content-center {width:800px;margin:0 auto;}
.page-content label {font-weight:normal;}
.page-title {font-family:Verdana, Geneva, Tahoma, sans-serif}
.page-title-divider {background-color:lightgray;height:1px;width:100%;margin-top:5px;}
.simple-box {padding:15px;border:1px solid lightgray;}
.simple-box-error {border:1px solid red;}
.page-horz-section {width:350px;float:left;margin-right:50px;}
.page-horz-section label {font-weight:500;}
.page-section {margin:0px 10px}
.header-section {margin-bottom:20px;}
.data-section {padding:20px 0px;}
.left-section {float:left;width:220px;flex:0 0 220px;background-color:white;border-right:1px solid lightGray;}
.right-section {float:left;width:calc(100% - 260px);flex:1;/* expandable */}
.three-section {width:300px;float:left;padding-right:40px;}
.three-section label, .page-section label {font-weight:500;}
.section-content .control-group {margin-bottom:20px;}
.control-group label.radio i {padding:5px 5px 5px 15px;}
.section-text {color:green;}
.section-title {padding:30px 0px 20px 0px;}
.section-title span {color:green;}
.section-title-divider {margin:10px 0;background-color:#eee;height:1px;width:100%;}
.section-dropdown {width:300px;text-align:left;padding:4px 10px;}
.section-dropdown span {float:right;position:relative;top:10px;}
.section-dropdown option {margin:10px 0px;}
.dialog-instruction {padding-top:10px;padding-bottom:10px;}
.legend-spacing {margin-left:50px;margin-top:5px;}
.legend-top {margin-top:5px;}
.legend-green-box {background-color:green;padding:8px;margin:10px;}
.legend-red-box {background-color:red;padding:8px;margin:10px;}

/* option input */
.display-option {margin-left:50px;position:relative;top:5px;}
.option-item {margin-right:20px;}

/* right section grid */
.app-grid {width:100%;min-width:1000px;}
.app-grid-right {position:absolute;top:200px;left:260px;width:100%;max-width:1600px;min-width:1000px;}
.page-filter {width:200px;background-color:#fefefe;margin-bottom:20px;}

/* social accounts */
.social-account {margin:10px;width:182px;border:1px solid lightgray;border-radius:5px;}
.social-account button {width:180px;text-align:left;}
.social-account button i {width:16px;}

/* registration */
.go-register {margin:10px 0px;}
.go-register button {background-color:green;color:white;}
.login-account {margin:10px;width:160px;border:1px solid gray;}
#LoginEmail {width:300px;}
.register-textbox {width:250px;}
.register-dropdown {width:250px;text-align:left;padding:4px 10px;}
.register-dropdown span {float:right;position:relative;top:10px;}
.register-dropdown option {margin:10px 0px;}
.register-action {position:relative;top:20px;}
.register-action button {background-color:green;color:white;width:300px;}
.register-action button i {margin-right:5px;}

/* under construction page */
.under-contruction {padding:30px;border:1px solid lightgray;height:auto;width:100%;}
.under-contruction:after {content: "";display:table;clear:both;}
.under-contruction > div:first-child {margin:0 auto;}
.under-contruction > div:nth-child(2) {position:relative;top:10px;margin-left:30px;}

/* tooltip */
.tooltip-style {min-width:250px;background-color:#eee !important;color:#777 !important;text-align:left;padding:10px;}

/* input bar */
.input-item > div > label {line-height:1em;font-weight:600;}
.input-item div:nth-child(2) {margin-bottom:15px;}

/* dynamic adjustment grid style */
div.k-grid-content-locked table tr, div.k-grid-content table tr {height:40px !important;}
.today   {background-color:#e3fcee;}
.weekday, .sunday {background-color:orange;}
.friday, .weekend {background-color:steelblue;}
.booked {background-color:lightgray;}
.noborder {border-width:0 !important;}
.suggested {border-style:solid !important;border-color:red !important;border-width:1px 1px 0 1px !important;}
.suggested-last {border: 1px solid red !important;}
.minNights {border-style:solid !important;border-color:red !important;border-width:1px 1px 0 0 !important;}
.minNights-left {border-style:solid !important;border-color:red !important;border-width:1px 1px 0 1px !important;}
.minNights-last {border-style:solid !important;border-color:red !important;border-width:1px 1px 1px 0 !important;}
.reservation-break {border-style:solid !important;border-color:white !important;border-width:1px 0 0 0 !important;}
.suggested-break {border-top-style:solid !important;border-top-color:white !important;border-top-width:1px !important;}