/*body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: rgb(239,239,239);
    text-align:center;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}*/

header, footer, nav, section {
    display: block;
}

.bodyContent
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background-color:#fff;
    padding:10px 20px 10px 20px;
}

.footerContent
{
    /*background-image:url("/content/images/footer-bg.jpg");
    background-position-x:0px;
    background-position-y:0px;  
    background-repeat:repeat-x;
    background-color:#2a3445;        
    height:250px;*/
    margin-top:10px;    
}

.customcareLogo
{
    height:70px;
    width:180px;
    padding:10px 10px 0px 0px;
}

#mainMenu
{
    display:block;    
    padding-left:100px;
    background-color:#1d3863;
}

.imageTitle
{
    font-size:2.3em;color:#1d3863; font-weight:bold;
}

.aboutCustomcare
{
    width:250px;
    height:200px;
    color:#ababab;
    margin-top:20px;
    margin-left:30px;
    display:inline-block;
    vertical-align:text-bottom;
    font-size:0.9em;
}

.contactUs
{
    width:250px;
    height:200px;
    color:#ababab;   
    margin-left:110px;
    margin-top:20px;
    display:inline-block;
    vertical-align:text-bottom;
    font-size:0.9em;
}

.followUs
{
    width:250px;
    height:200px;
    color:#ababab;
    margin-top:10px;
    margin-left:60px;
    display:inline-block;
    vertical-align:text-bottom;
    font-size:0.9em;
}

.tableHeaderCell
{
    display:table-cell;
    width:100px;
    padding-left:5px;
}
   
.tableCell
{
   display:table-cell;
   width:100px;
   padding-left:5px;
}

.tableRowOdd
{
    background-color:#FFE4B5;
    text-align:left;
    vertical-align:top;
    display:inline-block;
    margin-top: 2px;
}

.tableRowEven
{
    background-color:white;
    text-align:left;
    vertical-align:top;
    display:inline-block;
    margin-top: 2px;
}

.tableRowHeader
{
    background-color:#c5dbec;
    text-align:left;
    vertical-align:top; 
    color: #1d3863;
    font-weight: bold;
    display:inline-block;    
}

.summaryTableRowHeader
{
    background-color:blue;
    text-align:left;
    vertical-align:top; 
    color: White;
    font-weight: bold;
    display:inline-block;
}

.div-link {
    cursor:pointer
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.labelWidth
    {
        display:inline-block;
        width:150px;
    }

.body-overlay{
    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}

.waitcursor
{
    position:fixed;
    top:50%; 
    left:50%;
    z-index:5000;
}

.div-overlay{
    background: #aaaaaa;
	opacity: .6;
	filter: Alpha(Opacity=60); /* support: IE8 */
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
}

.div-waitcursor
{
    position:absolute;
    top:15%;    
    left:50%;    
    z-index:50000;     
}

.div-waitcursor-hide {
    display:none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

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

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

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

input.error{
    border: 1px solid #f00;
    background-color: #fee;
}

label.error{
    color: #f00;
}

.process-success {
    color:green;
}

.ng-valid[required], .ng-valid.required  {
  border-left: 5px solid #42A948; /* green */
}

.ng-invalid:not(form)  {
  border-left: 5px solid #a94442; /* red */
}

/* Styles for login landing page
 ----------------------------------------------------------*/
.login-landing-container {
    background-image: url(/images/landingpage_large_whitebg.jpg);
    background-repeat: repeat-y;
    background-size: cover;
    margin-top: -21px;
}

/*
    Colored hr
-------------------------------------------------------------*/
.hr-primary {
    border-color: #2c3e50;
}

/*
    Opacity
------------------------------------------------------------*/
.panel-semi-transparent {
    opacity: .8;
    filter: Alpha(Opacity=80); /* support: IE8 */    
}


/* Styles for positioning
-----------------------------------------------------------*/
.cc-fr-rt {
    float :right;
}

@media(min-width: 0px) {
    .container-cc-hr { width:100% }        
}

@media(min-width: 1024px) {
    .container-cc-hr { width:3200px }        
}

/* Styles for custom file input
-----------------------------------------------------------*/
custom-file-input-for-validator > input {
    width:100%;
    max-height:20px;
}

/*Syncfusion overrides*/
.e-datetime-wrap {
  width: 100% !important;  
}

/*Bootstrap overrides*/
.panel-body {
    min-height:50px;
}

.panel-transparent {
    background-color:transparent !important;
}

/*Callout styles*/
.ng-callout-danger {
        border-left: 5px solid #a94442; /* red */
        padding-left: 15px;
        margin-left: 10px;
    }

.ng-callout-success {
     border-left: 5px solid #42A948; /* green */
     padding-left:15px;
     margin-left: 10px;
}

.ng-callout-primary {
     border-left: 5px solid #2c3e50; /* dark blue */
     padding-left:15px;
     margin-left: 10px;
}

.ng-callout-default {
    border-left: 5px solid #95a5a6; /* light grey */
    padding-left:15px;
    margin-left: 10px;
}

.ng-callout-info {
    border-left: 5px solid #3498db; /* light blue */
    padding-left:15px;
    margin-left: 10px;
}