@font-face {
    font-family: "Open Sans Light";
    src:        url("fonts/OPENSANS-LIGHT.TTF");
}

html {
	background-color: #B2C559;
}

body {
    font-family: "Open Sans Light";
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}
.container {
	background: #F4F5F7;
}
.layout {

}

.user-role {
	font-size: 10px;
}

.acam-form-field select {
	height: 30px !important;
	border: none;
    border-bottom: 1px solid #AAA;
    border-radius: 0;
    box-shadow: none;
}

.logo-background,
.signin-background {
    background-color: #FFFFFF;
    height: 240px;
    text-align: center;
}

.signin-background {
    background-color: #F4F5F7;
}

.logo-background img {
    width: 30%;
    margin-top: 50px;
}

.signin-background img {
    width: 40%;
    margin-top: 40px;
}

.green-background {
    background-color: #B2C559;
    height: 450px;
	margin-top: 40px;
}

.index-menu,
.signin-menu {
    margin: 60px auto;
    background-color: #F4F5F7;
    width: 90%;
    height: 300px;
    text-align: center;
    padding-top: 100px;
}
.signin-menu {
    background-color: white;
    margin: -120px auto;
    height: 400px;
    padding-top: 0;
}

.index-menu-btn {
    background-color: #46A1CE !important;
    width: 50%;
    border-radius: 1.5em;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 22px;
    border-color: transparent;
}


/************ Signin ************/
.acam-form-title {
    margin-bottom: 30px;
}

.acam-form-title,
.acam-form-field {
    color: #46A1CE;
    text-align: left;
}

.acam-form-field {
    font-size: 10px;
}

.acam-form-field input {
    height: 20px !important;
    border: none;
    border-bottom: 1px solid #AAA;
    border-radius: 0;
    box-shadow: none;
}

.signin-menu {
    padding: 0 35px;
}

.acam-form-button {
    margin-top: 25px;
}

.acam-form-button a {
    color: white;
    background-color: #46A1CE;
    padding: 8px 20px;
    font-size: 21px;
    border-radius: 2em;
}
.main-background {
	height:500px;
	margin-top: 110px;
}

/*** PANEL ***/
.panel-background {
    background-color: #F4F5F7;
    height: 580px;
	margin-top: 40px;
}

.panel-buttons {
    background: url('../img/panel-buttons.png') no-repeat;
    background-size: cover;
    height: 560px;
}
.admin-buttons {
    background: url('../img/panel-admin.png') no-repeat;
    background-size: cover;
    /*height: 560px;*/
	height: 1350px;
}
@media (min-height: 750px){
	.admin-buttons {
		height: 75vh;
	}
}


.panel-buttons img {
    width: 100%;
    margin-top: -20px;
}

.panel-menu {
    height: 680px;
	width: 360px;
}

.panel-button-left {
    width: 30%;
    height: 100px;
    float: left;
    margin-right: 10px;
    margin-left: -10px;
	margin-bottom:15px;
}

.panel-button-middle {
    width: 30%;
    height: 100px;
    float: left;
    margin-right: 10px;
    margin-left: 14px;
	margin-bottom:15px;
}

.panel-button-right {
    width: 30%;
    height: 100px;
    float: left;
	margin-bottom:15px;
}


/* Checkbox */

.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	padding-top: 6px;
	margin-top: 20px;
}

.checkbox-container input {
	position: absolute;
	opacity: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

.checkbox-container input:checked ~ .checkmark {
	background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* Radio Buttons */

.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
	padding-top: 6px;
    margin-top: 20px;
}

.radio-container input {
    position: absolute;
    opacity: 0;
}

.radcheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.radio-container input:checked ~ .radcheckmark {
    background-color: #2196F3;
}

.radcheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked ~ .radcheckmark:after {
    display: block;
}

.radio-container .radcheckmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/*** INFO ***/
.info-background {
    height: 600px;
}

.info-menu {
    height: 560px;
}

.back-button {
    margin-top: 40px;
}
.back-button-ns {
    margin-top: 85px;
}
.back-panel-btn,
.back-main-btn {
    background-color: transparent !important;
    border: 1px solid white;
    padding: 5px 12px !important;
    font-size: 18px !important;
}

/** DIAPERS */

.diapers-menu {
	height: 480px;
}

.diapers-left {
    font-weight: bold;
}
.diapers-background {
	height:500px;
}

/** Falls */

.falls-menu {
	height: 440px;
}
falls-background {
	height:400px;
}

/** Food **/
.food-menu{
	height: 470px;
}

/** Meds **/
.meds-menu {
	height: 410px;
}
.meds-background {
	height: 500px;
}

/** Vitals **/
.vitals-menu {
	height: 580px;
}

/** Ulcers */

.ulcer-menu {
	height: 410px;
}
.ulcer-background {
	height: 500px;
}

/** Activities */

.activities-menu {
	height: 470px;
}
.activities-background {
	height: 500px;
}

/** observations */

.observations-menu {
	height: 350px;
}
.observations-background {
	height:500px;
}

/** Consults */

.consult-menu {
	height: 400px;
}
.consult-background {
	height:500px;
}

/** Studies */

.studies-menu {
	height: 470px;
}
.studies-background {
	height: 500px;
}

/** Providers */
.providers-menu {
	height: 200px;
}

/** History */
.history-menu {
	height: 600px;
	overflow-y:scroll;
}
.history-background {
	height:550px;
}
.bottom-back-btn {
	text-align: center;
	padding-top: 0;
	margin-top: 100px;
}
.users-background{
	height:550px;
}
hr {
	border-color: #000;
}

.logged-user {
	font-size: 12px;
}

.logout {
	font-size: 10px;
}

@media (min-width: 750px) {
	.index-menu{
		/*margin-top:-10px;*/
		width:80%;
	}
	.signin-menu{
		margin-top:-10px;
		width:80%;
	}
	.panel-menu{
		width:70vw;
		/*width: 25%;*/
		height:105%;
	}
	.panel-background{
		height:120vh;
	}
	.logo-background img{
		width:22%;
	}
	.panel-buttons{
		height:90%;
		width:100%;
	}
	.panel-button-left{
		height: 20vw;
		margin-right:25px;
	}
	.panel-button-middle{
	    height: 20vw;
	}
	.panel-button-right{
	    height: 20vw;
	}

	.logged-user {
		font-size: 22px;
	}

	.logout {
		font-size: 18px;
	}
}

@media (min-height: 750px) {
	.green-background{
		height:77vh;
	}
	.signin-menu{
		height:75vh;
	}
	.panel-menu{
		height:105%;
	}
	.info-background{
		height:77vh;
	}
	.history-background{
		height:100vh;
	}
	.meds-background .back-button{
		margin-top:35vh;
	}
	.food-background .back-button{
		margin-top:30vh;
	}
	.diapers-background .back-button{
		margin-top:150px;
	}
	.falls-background .back-button{
		margin-top:35vh;
	}
	.ulcer-background .back-button{
		margin-top:35vh;
	}
	.activities-background .back-button{
		margin-top:20vh;
	}
	.observations-background .back-button{
		margin-top:25vh;
	}
	.consult-background .back-button{
		margin-top:20vh;
	}
	.studies-background .back-button{
		margin-top:30vh;
	}
	.users-background .back-button{
		margin-top:5vh;
	}
	.history-background .back-button{
		margin-top:5vh;
	}
	.main-background .back-button{
		margin-top:15vh;
	}

	.logged-user {
		font-size: 22px;
	}

	.logout {
		font-size: 18px;
	}
}