/* General CSS */

h1{color: #d9534f !important; font-size:30px !important;}

p{font-size:15px !important;}
h2{color: #5bc0de !important;font-size:17px !important;}
h3{color: #d9534f !important;font-size:17px !important;  font-size: 14px !important;}
h4{color: #5bc0de !important;font-size:15px !important;}

form label{background: #5bc0de; color:white; margin-top: 5px; margin-bottom:0px; 
          line-height: 30px; text-align: left;}
input[type=text],input[type=email], input[type=date], input[type=select],input[type=number],
          input[type=textarea], input[type=password]{border: 1px solid #5bc0de; height:30px; }
input[type=button], form input[type=submit]{background: #5bc0de !important; padding: 9px;
          border-radius: 5px; display: inline-block !important;}
img{border: 1px solid transparent !important; padding: 3px;
          border-radius: 5px; box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
          }

/* Header css */
.top-header{background:black;color:white; padding-top: 5px;}
.top-header h1{color:white;font-size: 11px !important;}
.business-logo{ text-align:center;}
.business-logo img{width:100px;}
.welcome-heading{font-size:13px !important; font-weight:bold; text-align: center; color:green;}
.tagline{font-style: italic; text-align: center;}
.internal-heading{font-size:11px !important; line-height:15px; text-align: left; color:white !important;}
#profile{text-align: right; width:100%;}
#profile i, #profile a i{cursor: pointer; color:white; margin-left: 5px; }
#profile i:hover, #profile a i:hover{color:blue; }
.main-menu h4{font-size: 14px;}
.main-menu li{font-size:14px;list-style: none; line-height: 22px;}
.main-menu li a{text-decoration:none; color:white;}
.main-menu li a:hover{text-decoration: underline;}
.pat-search-form {margin-top: 5px; font-size: 11px;}
.pat-search-form input{width:100%; height:35px;font-weight: bold; border:1px solid rgb(140,140,200); border-radius: 8px;} 
.pat-search-form button{width:35px; margin-left: 2px; height:35px; border:1px solid rgb(140,140,200); border-radius: 8px;}
/* client and Loan buttons */
.client-loan-div form button{padding: 5px; border:1px solid rgb(140,140,200); border-radius: 4px;}
.client-loan-div form select{height:35px;font-weight: bold; border:1px solid rgb(140,140,200); border-radius: 4px;}
.client-loan-div form input{height:35px;font-weight: bold; border:1px solid rgb(140,140,200); border-radius: 4px;}
.workable-menu{text-align: center; background:rgb(253, 225, 225); border-top-left-radius:15px; border-top-right-radius: 15px; padding-bottom: 4px;}
.workable-menu i{color:#0F4392 !important;border:1px solid rgb(240,140,140); border-radius: 4px; padding: 5px;}
.workable-menu .fa-plus{background: #FF4949; color:white !important; border:1px solid #FF4949;}
.workable-menu .fa-pencil{background:#0F4392; color:white !important;  border:1px solid #0F4392; }
.workable-menu span{margin-left:2px; font-weight: bold; font-size:18px;}
/* Login form css */
.login-form-div form{border:0px solid transparent;}



/* pay daily form   */
.pay-daily-form{ border:1px solid #5bc0de !important; width:300px; display: none !important;}





/* Footer css */
.header{padding-top: 5px !important;}
.header h4{color:rgb(224, 241, 255) !important;}
.footer{background: #292b2c !important; color:white !important;}
.current-user{ text-align:center !important; font-size:12px !important; line-height: 13px !important;}
.copyright{text-align:center !important; font-size:10px !important;  font-weight: bold;}





@media screen and (max-width: 1000px){
    /*General moble settings */
    h2{font-size:20px ;}
    h2{font-size:20px ;}
    h3{font-size:20px !important;}
    h4{font-size:20px !important;}

    /* header settings */
    .internal-heading{font-size:11px !important; text-align: center;}
    #profile{text-align: center; width:100%;}
}