h1{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}

@media (max-width:767.98px){
    h1{
        font-size: 30px;
    }
}

.bottom-btn {
    margin: 25px 0 15px 0;
    text-align: center;
}
.login-page {
    margin: 20px auto;
    width:360px;
    max-width: 100%;
    padding: 25px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.login-page .rememberMe {
    font-weight: normal;
}
.or-box {
    position: relative;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    margin-top: 20px;
}
.or {
    color: #666666;
    background-color: #ffffff;
    position: absolute;
    text-align: center;
    font-size: 14px;
    top: -8px;
    width: 40px;
    margin-left: -20px;
    left: 50%;
}
.form-group {
    margin-bottom: 0;
}
.mt30{
    margin-top: 30px
}
form h1 {
    font-size: 3em;
    font-weight: 300;
    text-align: center;
    color: #2196f3;
}
form h5 {
    text-align: center;
    text-transform: uppercase;
    color: #c6c6c6;
}
form hr.sep {
    background: #2196f3;
    box-shadow: none;
    border: none;
    height: 2px;
    width: 25%;
    margin: 0px auto 45px auto;
}
form .emoji {
    font-size: 1.2em;
}
  
.systemtitle{
    font-size: 20px;
    font-weight: bold;
}

.rownormal{
    color: black;
}

.rowactive{
    color: blue;
}

.rowcomplete{
    color: #898989;
}

.rowexpired{
    color: red;
}

.rowsuspend{
    color: #999999;
    text-decoration-line: line-through;
}

.rowdelete{
    color: red;
    text-decoration-line: line-through;
}

.loginbackgroup {
    background-color: white;
}

.odd {
    background-color: white;
}

.even {
    background-color: #EFEFEF;
}

.msg {
    color: red;
}

.lbl {
    color: black;
    background-color: #e7e7e7;
    padding: 8px;
}

.title {
    text-align: center;
}

.subtitle {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.submitctl {
    margin-top: 15px;
    text-align: center;
}

.portal {
    background-color: #210EF4;
}

.bg-light{
    background-color: #f6f6f4;
    /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 226, 222, 0.5)), color-stop(58.85%, rgba(255, 255, 255, 0))), #ffffff;
    background: linear-gradient(180deg, rgba(224, 226, 222, 0.5) 0%, rgba(255, 255, 255, 0) 58.85%), #ffffff;*/
}
.bg-white{
    background-color: #fff;
}
.text-blue{
    color: #08396B;
}

.btn1{
    border-radius: 100px;
    -webkit-transform: scale(1);
    transform: scale(1);
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
}
.btn-sm{
      padding: 5px 8px !important;
}
.btn-submit {
    color: white;
    background: #0066CC;
}
.btn.btn-submit:hover, .btn.btn-submit:active, .btn.btn-submit:focus{
    background:  #fc0000 ;
    color: white;
}
.btn-default{
    color: #000;
    background: #e0e2de;
    border: none;
}
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
    color: white;
    background: #fc0000;
}
.btn-dark {
    color: white;
    background: #333;
}
.btn.btn-dark:hover, .btn.btn-dark:active, .btn.btn-dark:focus{
    background:  #000 ;
    color: white;
}
.btn:hover, .btn:active, .btn:focus {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
}

.buttonlink {
    margin-bottom: 15px;
}

.button {
    margin-top: 15px;
    text-align: right;
}

.title {
    margin: 0 0 20px 0;
}

.textbox {
    width: 200px;
    max-width: 80vw;
}

.textboxm {
    width: 400px;
    max-width: 80vw;
}

.textboxl {
    width: 800px;
    max-width: 80vw;
}

.linespace {
    height:100px;
}

.uploadfile {
    margin: 35px 0 25px 0;
}

.hidden {
    display: none;
}

.it .btn-orange
{
	background-color: blue;
	border-color: #777!important;
	color: #777;
	text-align: left;
  width:100%;
}
.it input.form-control
{
	
	border:none;
  margin-bottom:0px;
	border-radius: 0px;
	border-bottom: 1px solid #ddd;
	box-shadow: none;
}
.it .form-control:focus
{
	border-color: #ff4d0d;
	box-shadow: none;
	outline: none;
}
.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fieldsetborder{
    border:1px solid gray;
}

.subsection {
    margin-left: 30px;
}

.subsectioncontent {
    margin-left: 50px;
}

.careplan1 {
    font-weight: bold;
    background-color: #D99594;
}

.careplan2 {
    font-weight: bold;
    background-color: #FABF8F;
}

.careplan3 {
    font-weight: bold;
    background-color: #FFFF00;
}

.careplan4 {
    font-weight: bold;
    background-color: #C2D69B;
}

.careplan5 {
    font-weight: bold;
    background-color: #95B3D7;
}

.careplan6 {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #645B8E;
}

.careplan {
    max-width: 100px;
}

.careplandate {
    max-width: 140px;
}

.questionnaire1 {
    font-weight: bold;
    background-color: #FBE4D5;
}

.questionnaire2 {
    font-weight: bold;
    background-color: #FFFFCC;
}

.questionnaire3 {
    font-weight: bold;
    background-color: #DEEAF6;
}

.questionnaire4 {
    font-weight: bold;
    background-color: #E2EFD9;
}

.questionnaire5 {
    font-weight: bold;
    background-color: #95B3D7;
}

.questionnaire6 {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #645B8E;
}

.questionnaire {
    max-width: 100px;
}