@charset "utf-8";
* { margin:0;padding:0; }
html,body,div,span,label,ul,ol,li,form,select,input,textarea,strong,a,p { font:normal 16px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica, Arial, "Lucida Grande", sans-serif;}
body{ background-color:#fafafa;  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */}
a{text-decoration: none;}
div,span,label,ul,ol,li,strong,a,p { color:#232323; }
strong { font-weight:bold;; padding:0;}
ol,ul,li { list-style:none;text-align:left; }
input:not(.btn),select,textarea{ background-color:white ;border:1px solid #ebebeb;padding: .25rem .5rem;min-height: 2.5rem;box-sizing: border-box;border-radius:.5rem;color:#232323}
select{ padding: .25rem .25rem; }
::placeholder {  color:#959595; }
textarea:focus, input:focus{    outline: none;}
textarea{ min-height: 100px;resize: none; }
form>div{ border-radius:.5rem; margin:5px;}
label,p{line-height: 20px}

iframe,object,embed{ position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index: 2; }
.bgc-main{ background-color:#fafafa; }
.bgc-second{ background-color:white; }
.bgc-third{ background-color:#dbdbdb; }
.btncol-main{ background-color:#027df0; }
.btncol-second{ background-color:white; }
.btncol-angry{ background-color: red;}
.tcol-r{ color:red;}
.tcol-g{ color:#03fc84;}

.container{ height:100vh;}
.btn2, .btn3,.btn4{  border-radius:.5rem;border:0;font-weight:bold;;display:flex;justify-content:center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:white;min-height: 5vh;cursor:pointer;;position: fixed; bottom: 2vh; left: 2vw; z-index: 3; width:50%;max-width: 210px !important}
.btn3{bottom: 10vh;font-size:2.2vh;justify-content: flex-start;background-color:#027df0;}
.btn4{bottom: 17.5vh; }
.btn4 img, .btn3 img, .btn2 img { margin:5px 10px; width:30px; height:30px;}
.btn4, .btn2{background-color:white; color: black;justify-content: flex-start;border-bottom:2px solid #ebebeb;}

.btn{ background-color:#027df0; border-radius:.5rem;border:0;font-weight:bold;;color:white;min-height: 2.5rem;cursor:pointer;;display:flex;justify-content:center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center}

.login{ height:80%;display:flex;justify-content:center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center}
.login>form{ width:250px;}
.login div{ padding:3px 0;display:flex;}
.login input{ flex:1;}

.nav{ width:100%; height: 60px; background-color:white;border-bottom:2px solid #ebebeb;display:flex;justify-content: center;;}
.nav>a{height: 57px;display:flex;align-items: center; padding: 0 30px;font-weight:bold;}
.nav>a:hover{ border-bottom:3px solid #eb7d00; cursor:pointer;;}

div.bed{margin:5vh auto;text-align:center}
div.bed a{color:#0f7bff;text-decoration: none;}
div.bed img{ width:90%; max-width: 600px }
@media screen and (max-device-width: 480px) {
	html,body,div,span,label,ul,ol,li,form,select,input,textarea,strong,a,p { font:normal 5vw "HelveticaNeue-Light", "Helvetica Neue Light"}
	img{ width:98%; max-width: 600px }
}