﻿body 
{
    font-family:Helvetica, Sans-Serif;
 background-color:#fff;  
 margin:0;
  -webkit-text-size-adjust:none;
}

body > *[selected="true"] {
    display: block;
    margin-left: 0px;
}



li > a[selected], li > a:active {
    background-color: #194fdb !important;
    background-repeat: no-repeat, repeat-x !important;	/* TG: !important */
    background-position: right center, left top !important;	/* TG: !important */
    color: #FFFFFF !important;
}

li > a[selected="progress"] {
}

h1
{
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
  font-weight:bold; 
  padding: 0px 0px 0px 0px;
   color:#3c566c;   
    }
    
.panel
{
 padding:5px;    
}
 
     
.panel > h2 {
   font-family:Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    color: #3c566c;
    text-align:center;
}

   .panel > h1 {
 font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
  font-weight:bold; 
  padding: 0px 0px 0px 0px;
   color:#3c566c;   
    text-align:center;
}
 
.header
{
    
  font: 16px/1.2em Arial,Sans-serif; color:#4c566c; padding:10px; 
    background-color:#e8eefa;
 
   border-bottom: 1px solid #bbccdd;   
}

.header div 
{
    margin-top:2px; font-weight:bold; color:#25c;
    }
  
    
    .fieldsetpanel
{
 /* background-color:#e8eefa;
  margin: 0 0 20px 0;
    border-top: 1px solid #bbccdd;
   border-bottom: 1px solid #bbccdd;
   padding: 5px 0 15px 5px;*/
   padding: 0px 0 5px 0px;
      
}

.fieldsetpanelTop
{
 /* background-color:#e8eefa;
  margin:0;
  border-top: 1px solid #bbccdd;
  
   padding: 5px 0 15px 5px;*/
   padding: 0px 0 5px 0px;
      
}

.fieldsetpanelmiddle
{
 /* background-color:#e8eefa;
  margin:0;
 
 
   padding: 5px 0 15px 5px;*/
   padding: 0px 0 5px 0px;
      
}

.fieldsetpanelBotton
{
 /* background-color:#e8eefa;
 margin: 0 0 20px 0;
  
   border-bottom: 1px solid #bbccdd;
   padding: 5px 0 15px 5px;*/
   padding: 0px 0 5px 0px;
}

.row{}


.row > label {
    font-family:Tahoma;
   font-size:15px;
   color:Black; 
    display: block;

}

.labelnormal
{
   font-family:Tahoma;
   font-size:15px;
   color:Black; 
   font-weight:normal;
    }
    
    .tboxnormal
{
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
   width:90%;
    padding-left:5px;
   color:Black;   
    }
      .tbox
{
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
   width:90%;
    padding-left:5px;
   color:Black;   
   max-width: 350px;
    }
    
       .tboxlogin
{
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
   width:90%;
    padding-left:5px;
   color:Black;   
    }
    
    
     .tboxshort
{
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
 
    padding-left:5px;
   color:Black;   
    }

     
.tboxmultiline
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 12px 10px 0 10px;
   
    width:100%;
    background: none;
   color:#385176; /*#385386; #445374*/
    font-size: 16px;
    font-weight: normal;
    max-width: 350px;
}

    
 .ddl 
{
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
 
    padding-left:5px;
   color:Black; 

   width:90%;
  max-width: 350px;
   
   
   
}
 
         .lblnormal
{
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
  padding:  0px 0px 0px 10px;
   color:#3c566c;   
    }
       
  
  .chklist
{
   font-family:Tahoma;
   font-size:15px;
   color:Black; 
   font-weight:normal;
   padding:0;
   text-align:left;
   margin:0;
    }  

    .chkbox
{
   font-family:Tahoma;
   font-size:15px;
   color:Black; 
   font-weight:normal;
   display:block;
 /*  padding-left:3px;*/
    }
    
    
         .whiteButton
{
   font-family:Helvetica, Sans-Serif;
   margin-left: 2px;
   font-size:15px;
  font-weight:bold;
  /* padding: 0px 0px 0px 10px;*/
   color:#3c566c; 
    }
    
    .whiteButtonIphone {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/*border:1px solid #dcdcdc;*/	
	border:1px solid #777777;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 70px;
	text-decoration:none;
	
    }

        .buttonnormal
{
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
 
    }
    
    
.labelnormalBlue
{
   font-family:Tahoma;
   font-size:15px;
   color:Blue;   
    }
    
    .labelRed
{
   font-family:Tahoma;
   font-size:15px;
   color:Red;   
    }
    
   
 .title
    {
   font-family:Helvetica, Sans-Serif;
   
   font-size:15px;
  font-weight:bold; 
  padding: 0px 0px 0px 0px;
   color:#3c566c;   
    }
    
    /*
{
   font-family:Tahoma;
   font-size:15px;
   color:Black;
   font-weight:bold;   
    }
    */
    
    .bluebackgound
{
      background-color:#E8EEFA;
    }    

.logoLogin {
    display: block;
    padding: 0;
    width: 100%; /*244px;*/
    height: 87px;
    border-width: 0 8px 0 14px;
   
    /*background: url(logoLogin.png) no-repeat center; */
     text-align:center;
}

.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}


.waitbox
{
    position:absolute;
    top:40%;
    left:10%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

/*****************ToolBar***********************/

body > *:not(.toolbar) {
    /*position: absolute; 
    top: 55px;*/  
    margin-top:80px; /*45px*/
}
.menu
{
    width: 100%; text-align: center; POSITION: fixed; top: 40px; Z-INDEX: 20;
  font: 16px/1.2em Arial,Sans-serif; color:#4c566c; padding:0px; 
    background-color:#e8eefa;
 
   border-bottom: 1px solid #bbccdd;
  height: 20px;   
}

.toolbar
{
    width: 100%; text-align: center; POSITION: fixed; top: 0px; Z-INDEX: 20;
  font: 16px/1.2em Arial,Sans-serif; color:#4c566c; padding:10px; 
    background-color:#e8eefa;
 
   border-bottom: 1px solid #bbccdd;
  height: 20px;   
}

.toolbar div 
{
    margin-top:2px; font-weight:bold; color:#25c;
    }

.toolbar > h1 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin: 1px 0 0 -75px;
    
    height: 45px;
    font-size: 20px;
    width: 150px;
   
  
    text-align: center;
  
}

.toolbar > a {
   color:#0066cc; 
  
}


#backButton {
    display: inline;
    float:left;
    left: 6px;
    right: auto;
    padding: 0;
    max-width: 85px;
    border-width: 0 8px 0 14px;
}


#acceptButton {
    display: inline;
    float:right;
    padding: 0 20px;
    max-width: 85px;
    border-width: 0 8px 0 14px;
}

/*   List  */


ul
{
    
margin: 0;
padding: 0;

   
}


 ul > li {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 0  8px 10px;
    font-size: 20px;
    font-weight: bold;
    list-style: none;
  
}

ul > li > a {
    display: block;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 10px;
    text-decoration: none;
    color: inherit;
    background: url(listArrow.png) no-repeat right center;
}


/****************/



a.linkapointment:link {
    color: black;
    text-decoration: none;
}

a.linkapointment:visited { 
                             color:black;
     text-decoration:none;
                         }

a.linkapointment:hover { 
                             color:black;
     text-decoration:none;
                         }


.radiobuttoncontacts {

text-align:left;

}


.panelcalendar{
   width:100%;
  max-width: 350px;

}

.casenotetext {

  width:100%;
  max-width: 350px;

}

.topmenu{
    width:100%;
    max-width:500px;
    background-color:#bbccdd;
    border:0;

}

.topmenutd {
    width:10%;
    padding: 5px;
}
   
/*
    // cellpadding
th, td { padding: 5px; }

// cellspacing
table { border-collapse: separate; border-spacing: 5px; } // cellspacing="5"
table { border-collapse: collapse; border-spacing: 0; }   // cellspacing="0"

// valign
th, td { vertical-align: top; }

// align (center)
table { margin: 0 auto; }
    
    */



/*ContentTabs*/

.ContentTabs
{
    min-height:400px;
    }

.ContentTabs .ajax__tab_active
{
     border-bottom: 1px solid White;
    
}
   
   .ContentTabs .ajax__tab_header  /*The heading section of your tabs and also the font that appears in your tabs.*/
{
    color: #00c;
    text-decoration: none; 
    font-size: 13px;
    font-weight:normal;
    background-color:#ebeff9;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 8 10 0 10 ;
   /* border-bottom: 1px solid #6b90da;*/

    
}

.ContentTabs .ajax__tab_header .ajax__tab_outer 
{
    vertical-align:bottom;
   /* border:solid 1px #a3a3a3;*/
    border-bottom-width:0px;
    
}


.ContentTabs .ajax__tab_outer /*The outside edges of any non-selected tabs.*/
{
    background-color: #ebeff9;
    
        
    
}
.ContentTabs .ajax__tab_inner /*The inside of the non-selected tabs.*/
{
    padding: 6px;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #ebeff9;
    text-decoration: underline; 
     
    
}
.ContentTabs .ajax__tab_hover .ajax__tab_outer /*The outside edges of any non-selected tabs.*/
{
    background-color: Orange;
    
    
}

.ContentTabs .ajax__tab_hover .ajax__tab_inner /*The inside of the non-selected tabs.*/
{
    background-color: #FFFFE1;

}
.ContentTabs .ajax__tab_active .ajax__tab_outer /*The outside edges of the selected tab.*/
{
    background-color: White;
    border-left: 1px solid #6b90da;
    border-right: 1px solid #6b90da;
    border-top: 1px solid #6b90da;
    border-bottom: 0px solid White;
 
    
}
.ContentTabs .ajax__tab_active .ajax__tab_inner /*The inside of the selected tab.*/
{
    background-color: #fefdf7;
    color: #000;
    text-decoration: none; 
    font-size: 13px;
    font-weight:Bold;
    
} 

/*style="white-space:nowrap";*/

div.checkboxlist ul li { margin: 7px 0px; }
div.checkboxlist ul li input { width: 15px; display: block; float:left;}
div.checkboxlist ul li label { padding-left: 28px; display: block; }
div.checkboxlist ul li div { margin-left: 28px; clear: both; font-size: .9em; }


