/*
Theme Name: EMR Checklist
Author: Prosoft Phils
Author URL: http://prosoft-phils.com/
Description: Main CSS for Global Partials
*/

/*--------------------------------------------------------------
CHECKLIST PAGE
--------------------------------------------------------------*/

.checklist-pg {
	margin-top: 50px;
}

/*--------------------------------------------------------------
LOGIN
--------------------------------------------------------------*/

.login-pg {
	margin-top: 30vh;
	height: 65vh;
}

.login {
	width: 30%;
}

.login button {
	width: 100%;
}

.login .error {
	color: var(--bs-danger);
}

.login .input-group-text {
	height: 100%;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

/*--------------------------------------------------------------
NAV
--------------------------------------------------------------*/
.checklist-nav {
	border-bottom: 1px solid var(--color-lgray);
}

.checklist-nav-menu {
	padding: 0;
	padding-top: 15px;
	margin: 0;
}	

	.checklist-nav-menu li {
		display: inline-block;
	   padding: 0 1rem;
	   padding-bottom: 1rem;
	   width: 20%;
	   text-align: center;
	}

	.checklist-nav-menu li.active {
		font-weight: 600;
		border-bottom: 3px solid var(--color-blue);
	}

	.checklist-nav-menu li.active {
		color: var(--color-blue);
	}

.add-patient-btn {
	padding-top: .5rem;
}

.checklist-search {
	margin: 1rem 0;
}
	
	.checklist-search .input-group {
		width: 30%;
	}

	.checklist-search input {
		/*width: 40%;
	   display: inline;*/
	   font-size: 14px;
	   padding: 5px .5rem;
	   border-radius: 3px!important;
	   background-color: #fff;
	   background-image: url("../../plugins/fontawesome-5.8.1/svgs/solid/search.svg");
	   background-repeat: no-repeat;
	   background-position: left 10px center;
	   background-size: 14px;  
	   padding-left: 35px; 
	}

	.checklist-search button {
		font-size: 14px;
	}

	.checklist-search .form-outline {
		width: 25%;
	}

.input-group span.search-label {
	margin-top: 5px;
}

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
	header {
		background:none;
	}

	hr {
		margin: 0px;
	}

	img.logo {
		width:100%;
	}

	.mobile-nav-menu {
		display:none;
	}

	.desktop-nav-menu {
		padding-top:1%;
		padding-bottom: 1%;
	}

	.dropdown-menu {
		border-radius: 0px;
		padding: 0px;
		color:white;
		font: 15px/23px Nunito Sans Bold;
	}

	.dropdown-menu a{
		display: block;
		width: 160px;
		height: 40px;
		padding: 0px;
		padding-left:11px;
		padding-right:11px;
		display: flex;
		align-items: center;
		text-transform: uppercase;
	}

	.dropdown-menu a.disabled{
		color: #D0D0D0;
	}

	.dropdown-menu a.enabled:hover {
		background-color: #434343;
		color:white !important;
	}

	.dropdown-toggle::after {
	    display: none;
	}

	ul.nav-menu li #dropdownMenuButton,
	.nav-menu li.login-link a {
		font: 16px/23px Nunito Sans Bold;
		background:inherit;
		color:white;
	}

	ul.nav-menu li {
		padding-left:3%;
		color: white;
	}

	ul.nav-menu li i.fas{
		color:#00b1b1;
	}

	ul.button_nav {
		padding-left: 0;
		margin-right: -5px;
	}

	ul.button_nav li {
		padding-left: 1.5%;
	    display: inline-block;
	    vertical-align: top;
	}

	.desktop-header-fixed {
		padding: 12px 15px;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 200;
	}

	.header {
		-webkit-transition: all 300ms ;
		-moz-transition: all 300ms ;
		-ms-transition: all 300ms ;
		-o-transition: all 300ms ;
		transition: all 300ms ;
	}

	.desktop-header {
		background: #D4D4D4;
	}

/*HEADER ON SCROLL*/
	.desktop-header-scroll {
		background: rgba(000,000,000,0.3);
		-webkit-transition: all 300ms ;
		-moz-transition: all 300ms ;
		-ms-transition: all 300ms ;
		-o-transition: all 300ms ;
		transition: all 300ms ;
		backdrop-filter: blur(5px);
	}

	.border-bottom {
		border-bottom: 1px solid black;
		font-weight: bold;
	}

	.ml-auto {
		margin-left: auto !important;
	}

	.pw-alert {
		font-size: 12px;
		color: #dc3545;
    	margin-left: 40px;
	}

	.title-modal {
		padding: 0;
	}

	.check-done {
        color: green;
        font-size: 100px;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-top: 25px;
    }

    .ty-done {
        text-align: center;
        font-weight: 900;
        margin-top: 15px;
        font-size: 20px;
    }

  	.invalid-feedback-profile {
  		font-size: 11px !important;
  	}

/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
	height: 30px;
}
/*--------------------------------------------------------------
BACKEND
--------------------------------------------------------------*/
.pointer {
	cursor: pointer;
}

/*--------------------------------------------------------------
404 PAGE NOT FOUND
--------------------------------------------------------------*/