﻿body, html{
    height: 100%;
 	background-repeat: no-repeat;
 	background-color: #fff;
 	font-family: "Helvetica", Arial, sans-serif;    
}

.wrapper /*.........To decrease the font-size of form-content..........*/
{
    font-size: 12px;
}

/*........................ CSS for Home Page............................*/

h1.title { 
	font-size: 50px;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: 400; 
}

hr{
	width: 10%;
	color: #fff;
    margin-top:15px;
    margin-bottom:20px;
}

.form-group
{
    margin-bottom: 4px;
}

.bottom-margin
{
    margin-bottom: 10px;
}

.main-login{
 	background-color: rgba(255,255,255,0.5);
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    min-height: 450px;
}

.main-center{
 	margin-top: 0px;
    padding: 10px 30px;
}

.btn-lg
{
    border-radius:2px;
}

.btn-sm
{
    border-radius:2px;
}

.background
{
    background: url(/Images/background.jpg);    
	background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;        
}

.background-admin
{
    background: url(/Images/Background-Admin.jpg);    
	background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;        
}

input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 3;
    padding-top: 3px;
}

.TxtHome
{
    background-color: rgba(255, 255, 255, 0.8);
}

/*...............................CSS for Navbar and Footer.......................................*/

.content {
  min-height: calc(100vh - 113px);
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
}

.navbar-inverse {    
    border: none;
}

.navbar {    
    border-radius: 0px;
    margin-bottom: 5px;
    min-height: 72px;
    background: #fff;
    border-bottom: 2px solid #90a4ae !important;    
}

.navbar-header
{
    padding:10px 10px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #607d8b;
    padding: 25px 15px;
}

.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:active, 
.navbar-inverse .navbar-nav > li > a:visited {    
    background-color: #546e7a;
    transition: background-color ease-in-out 0.3s;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.footerHome
{        
    font-size:12px;
    color:#cfd8dc;
    background-color: rgba(32, 63, 65, 0.8); 
}

.footerHomeAdmin
{        
    font-size:12px;
    color:#cfd8dc;    
}

.footer {
  height: 16px;
  margin: 10px 20px;
}

/*...............................CSS for Form related Pages......................................*/

.required {
    color: red;
}

label{
	margin-bottom: 12px;
}

.panel-heading {
    padding: 5px 10px;
}

.panel-title
{
    font-size:14px;
    font-weight:700;
    color:#777;
}

.panel-body
{
    padding:10px;
}

.panel-body label
{
    font-weight:400;
}

.input-sm {    
    padding: 2px 10px;  
    height: 25px;  
}

input[type=checkbox], input[type=radio] {
    margin: 1px 0 0;
}

.sub-heading
{
    border-bottom: 1px solid #607d8b;
    font-weight:700 !important;
}

.main-heading
{
    text-align:left;
    font-weight:700;
    border-bottom:1px dashed #90a4ae;
}

.main-heading-modal
{
    text-align:left;
    font-weight:700;
    border-bottom:1px solid #90a4ae;
    font-size:14px;
}

.section
{
    margin-top:25px;
    color:#31708f;
}

.section-heading
{
    text-align:center;
    color:#31708f;
    font-weight:700;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding: 3px 8px;
}

thead tr {
    color: #fff;    
    background: linear-gradient(#688fb1,#286090);
}

.alert
{
    margin-bottom: 5px;
}

/*------------------------Validation CSS--------------------------*/

.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td {
    background-color: #f44336;
    color: white;
    font-family: "Helvetica Neue", Arial, "Droid Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.471;
    text-align: left;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_icon_cell {
    display: none;
}

.CustomValidatorCalloutStyle .ajax__validatorcallout_popup_table {
    width: 150px;
}

.disableClick{
    pointer-events: none;
}

.modal-body
{   
    height:100%;   
    max-height: 350px;
    overflow-y: auto;
}

.highlight
{
    outline: 1px solid #E53935 !important;      
    z-index: 1000;
}

.ErrorMsg
{
    color: red;
    font-weight:700;
}

.SuccessMsg
{
    color: #00cc00;
    font-weight:700;
}

.input-group .form-control {    
    z-index: 1;
}

.btn-block+.btn-block {
     margin-top: 0px; 
}

.Principal_Main_Heading {
    text-align:center;
    padding:15px;
    background-color:powderblue;
    border-radius:5px;
}
