html, body
{
    height: 100%;
}
        
body
{
    margin: 0;
    padding: 0;
    color: #000;
}
html
{
    overflow-y: hidden;
}
        
#header, #footer, #middlecontainer, #menuheader
{
    position: absolute;
    width: 100%;
    left: 0;
} 
        
#header
{
    top: 0;
    height: 35px;
    /*background:	#1F4102;*/
    background-color: #062F17;
    /*background-image: linear-gradient(to bottom, #36780f, #1F4102);*/
 }
        
#menuheader
{
    top: 35px;
    height: 30px;
    background:  #E6EBE6;
    border-bottom: 1px solid #546854;
    
}
        
#menuleft
{
    position: relative;
    overflow-y: auto;
    height: 100%;
    width: 150px;
    float: left;
    z-index: 778;
    padding: 5px;
    background-color: #E6EBE6;
}
        
#middlecontainer
{
    top: 65px;
    bottom: 20px;
    overflow: hidden;
    z-index: 777;
}
        
#middle
{
    overflow-y: auto;
    float: none;
    position: relative;
    height: 100%;
    width: auto;
    max-width: 100%;
    z-index: 779;
    margin: 0 5px;
}
        
#footer
{
    bottom: 0px;
    height: 20px;
    background-color: #6B957D;
    /*background-image: linear-gradient(to bottom, #1F4102, #36780f);*/
}

#footericons
{
    height: 75px width:100%;
    z-index: 780;
    background: #998FED;
    position: absolute;
    float: left;
    bottom: 0px;
    right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

fieldset.scheduler-border
{
    border: 1px solid #000 !important;
    padding: 1px 20px 2px 18px !important;
    margin: 0 0 0px 0 !important;
}
        
legend.scheduler-border
{
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

/*Superbill Start*/
.table-fluid .controls-row [class*="span"] {
float: left;
}
.table-fluid {
width: 100%;
*zoom: 1;
}

/* .table-fluid:before,
.table-fluid:after {
display: table;
line-height: 0;
content: "";
}

.table-fluid:after {
clear: both;
}*/

.table-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.127659574468085%;
*margin-left: 2.074468085106383%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.table-fluid [class*="span"]:first-child {
margin-left: 10;
}

.table-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.127659574468085%;
}


.table-fluid .spancontainer {
width: 25%;
              
              
/*width: 48.88297872340425%;*/  
}

.horizontal-form{padding:9px 9px 9px 0;  /*border: 1px groove #000 !important;*/}

.horizontal-form .group-control {
margin-bottom: 0px;
*zoom: 1;
  

}

/*.horizontal-form .group-control:before,
.horizontal-form .group-control:after {
display: table;
line-height: 0;
content: "";
}*/

.horizontal-form .group-control:after {
clear: both;
}
.viewpages .group-control 
{

margin-bottom: 0px;
}
.group-control {
margin-bottom: 0px;  	
 
}
.horizontal-form .view-label {
float: left; 
/* width: 48.93617021276595%;
*width: 48.88297872340425%;*/
width: 40.914893617021278%;
*width: 31.861702127659576%; 
color: #000;
text-align: right;  
font-weight:bold;
font-family:Times New Roman;
font-size: 11px;
margin-top:0px;
  
}
.view-label:first-letter{
text-transform: capitalize;
}
.horizontal-form .viewcontrols {
/*display: inline-block;*/
/*padding-left:30px;*/
margin-left:31.914893617021278%;
/*margin-left: 0;*/
 
}
.viewvalueclass
{
width: 65.95744680851064%;
display: inline-block;
margin-bottom: 0px;
font-size: 11px;	
line-height: 20px;	
color:#000000;
vertical-align: middle;
padding-left:10px;
}

/* login Button*/

.toplogin
{
    height:70px;
    background-color:#194775;
    color:#FFF;
    line-height:2.5;
    
}
.logtitle
{
    margin-left:90px;
    font-size:25px;
}


.loginbody
{
    background-color:#335C85;
    width:385px;
    margin-left:-10px;
    height:370px;
}

.inputlabel
{
    font-size:16px;
    margin-left:70px;
}

.inputbox
{
    height:25px;
    width:250px;
    font-size:14px;
    margin-left:70px;
    border: 1px solid #ccc;
    border-radius:4px;
}

.loginbtn
{
    margin-left:60px;
    color:#FFF;
    border: 1px solid #FFF;
    border-radius:4px;
    height:30px;
    background-color:#194775;
    
}

.loginbtn:hover
{
    
    background-color:#5C7D9D;
    color:#FFF;
    
}
/* login Button End*/



/*Superbill End*/


/*Superbill End*/

/* table adjustment for patient */

.patienttable
{
  border-right:4px solid #FFF;
  border-left:5px solid #FFF;
}

.heading
{
    font-size:14px;
    font-weight:bold;
    
}

.inline
{
    font-size:10px;
    font-weight:bold;
    
}


button.superbillClass
{
    width:20px;
    height:18px;
    text-align:center;    
    content:'asdfasdf';
}

span.superbillClass
{
      position: apsolute;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: .5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
        margin-top:-6px;
        margin-left:-3px;
        text-align:center;    
}



.col-view{font-size:12px;font-weight: bold;color:#000;}
.col-value{font-size:11px;font-weight: normal;color:#000;}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
   color:red;
   font-size:12px;
   
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid red !important;
    color: red;
    /*font-weight: bold;*/
    background-color: red;
    padding-right: 25px !important;
    background: url(../Content/images/errorenlarged.png) no-repeat right !important;
    background-size: 16px !important;
}
thead {
    pointer-events: auto !important;
}
.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


.hightlight
    {
       background:#5C7D5C;
    }


::selection, select:focus::-ms-value {
            background-color: gray;
            color: orange;
        }
    

::selection 
{
    color:#000000;background:#CCD6CC;
    }

::-moz-selection 
{
    color:#000000;background:#CCD6CC;
    }


#Homepage
{   
    
     height: 98%;
     background-color:#E6EBE6;
}

.legend
{
    padding: 0px;
    color: #1F4102;
    font-size: 1.4em;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
}

/*#LoginPage
{
    border: 1px solid #000000;
}*/

.caption
{
    height:30px;
    font-size:1.4em;
    line-height:1.5;
    text-align:center;
    color: #FFFFFF;
    background-color: #6B957D;
    /*border-radius:4px;
    background-color: #36780f; background-image: linear-gradient(to bottom, #36780f, #005900);*/
    }

.button_example{
border:1px solid #34740e;
 border-radius: 3px;
 font-size:12px;
 text-decoration:none;
 display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold;
 color: #FFFFFF;
 height:20px;
 margin-left:60px;
 background-color: #6B957D;
 /*background-color: #36780f; background-image: linear-gradient(to bottom, #36780f, #005900);*/
 }

.button_example:hover{
 border:1px solid #224b09;
 color: #FFFFFF;
 background-color: #20452D;
 /*background-color: #4ba614; background-image: linear-gradient(to bottom, #4ba614, #008c00);*/
 }
 
 .border-bottom
 {
     padding:8px;
     margin:0;
     background-color: #E6EBE6;
     
}
 
 
.nav-tabs {
    margin: 0;
}




 .khtabBorder{padding:5px 0 0 5px;border-left: 1px solid #ccc ;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

 .formshade
{
	background:transparent url("../../Content/images/background_bottom.png") bottom repeat-x;	
	
	/*box-shadow:1px 2px 3px 2px #bfbfbf;
 	-webkit-box-shadow:1px 2px 3px 2px #bfbfbf;
 	-moz-box-shadow:1px 2px 3px 2px #bfbfbf;
	-ms-box-shadow: 1px 2px 3px 2px #bfbfbf;
	 -o-box-shadow: 1px 2px 3px 2px #bfbfbf;*/
	border:1px solid #bfbfbf;
	border-radius: 5px;	
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.25);
    -o-box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.25);
}

/* For Bottom by Rajadurai */
.bottomdesign
{
    height:35px;
    background-color: #6B957D;
    /*background-image: linear-gradient(to bottom, #36780f, #53A84A);*/
    border-top:1px solid #FFF;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#36780f', EndColorStr='#36780f'; );*/
}


/* DropDown Sub Menu Start */


.dropdown-submenu {
    position:relative;
}

.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:4px 0 4px 4px;
    border-left-color:#000000;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color:#000000;
}

.dropdown-submenu.pull-left {
    float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
/* Dropdown Submenu End */

/* Common message font color css By Saravanan */

    #commonMessageForPatient {
    color:red;
    }
    #commonMessage {
    color:red;
    }
    #commonMessageForAddress {
    color:red;
    }
    #commonMessageForInsurance {
    color:red;
    }
    #commonMessageForReferringProvider {
    color:red;
    }
    #commonMessageForAssignedProvider {
    color:red;
    }
    #commonMessageForProcedure {
    color:red;
    }
    #commonMessageForDiagnosis {
    color:red;
    }
    #commonMessageForModifier {
    color:red;
    }
    #commonMessageForCase {
    color:red;
    }
    #commonMessageForPaymentsAdjustments {
    color:red;
    }
    #commonMessageForEDI {
    color:red;
    }
    #commonMessageForResetPassword {
    color:red;
    }
    #commonMessageForClaim {
    color:red;
    }
    #commonMessageForClaimChangeStatus {
    color:red;
    }
     #commonMessageForCreateClaim {
    color:red;
    }
    #commonMessageForPatientSatementSetting{
    color:red;
    }
/* Common message font color css By Saravanan */


/*Media query Startingpage*/
/*Media query Startingpage*/
@media (max-width: 1020px) {
    .Pickpracticeok {
        margin-top: 20px !important;
    }
}
@media (max-width: 1600px) {
    .shadow-div {
        width: 411px !important;
        margin-left: 2% !important;
        /*margin-top:20px !important;*/
    }
}

@media (max-width: 1366px) {
    .loginpage-wrapper {
        column-gap: 55px !important;
        /*margin-top: -254px !important;*/
    }
}
@media (max-width: 1280px) {
    .loginpage-wrapper {
        column-gap: 104px !important;
        /*margin-top: -254px !important;*/
    }
}
@media (max-width: 1280px) {
    .loginpage-wrapper {
        column-gap: 104px !important;
        /*margin-top: -254px !important;*/
    }
}
@media (max-width: 1274px) {
    .loginpage-wrapper {
        display: flex !important;
        flex-direction: column-reverse !important;
        /*margin-top: -254px !important;*/
    }
}

@media (max-width: 1233px) {
    .divradius {
        /*width: 70% !important;*/
        max-width: 500px !important;
        max-height: 500px !important;
    }
}
    @media (max-width: 1166px) {
        .loginpage-wrapper {
            display: flex !important;
            flex-direction: column-reverse !important;
            margin-top: -254px !important;
        }



        .divradius {
            /*width: 70% !important;*/
            max-width: 300px !important;
            max-height: 300px !important;
        }

        .shadow-div {
            width: 50% !important;
            /*margin-top:20px !important;*/
        }

        .loginLabel {
            width: 80% !important;
        }

        .loginimagewidth-wrapper {
            /*width: 149% !important;*/
        }

        .Mainimageheight {
            height: 470px !important;
        }
    }
    @media (max-width: 698px) {
        .logincard-wrapper {
            display: flex !important;
            flex-direction: column !important;
        }
        /*.Divradiusimage img {
            width: 100% !important;
            height: auto !important;
        }*/
        .divradius {
            width: 70% !important;
            max-width: 400px !important;
            max-height: 400px !important;
        }

        .Mainimageheight {
            height: 470px !important;
        }

        .text-overlay {
            width: 100% !important;
        }
    }

    @media (max-width: 520px) {
        .loginpage-wrapper {
            margin-top: -199px !important;
        }

        .shadow-div {
            width: 90% !important;
        }

        .text-overlay {
            width: 100% !important;
        }

        .Mainimageheight {
            height: 470px !important;
        }
    }