<style type="text/css"> 

/**************************************
------------HTML5----------------------
**************************************/
section, header, footer, aside, article, nav, div { display: block;}

/* external file "style.css" begins */
A { text-decoration:none;}
A:link { color: blue }
A:visited { color: blue }
A:hover { cursor: pointer; cursor: hand; }
 .tabmsg { font-size:20px; text-align:right; font-family: "Arial", "Helvetica", sans-serif; color:white;}
 .stileupdn {font-weight:bold; font-size:8px; font-family: "Arial", "Helvetica, sans-serif"; text-align:center; color:blue;}
 .stileret {font-size:8px; font-family: "Arial", "Helvetica", sans-serif;}

 ::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

 ::-webkit-input-placeholder {
   color: #707070 ;
}

:-moz-placeholder { /* Firefox 18- */
   color: #707070;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #707070;  
}

:-ms-input-placeholder {  
   color: #707070;  
}
 
tr.rowhighlight {background-color:#e1e1e1;margin:0;border:0;padding:0;}

html { 
  background: url("../img/background.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/**************************************
--------Generic classes----------------
**************************************/
.hidden {
	display: none ;
}

.centered {
  position: relative;
  margin: auto;
  //top: 50%;
  //left: 50%;
  //transform: translate(-50%, -50%);
}

.hcentered {
    position: relative; 
    margin: 0 auto;   
    //left: 50%;    
    //transform: translate(-50%, 0px);
}

.vcentered {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

 /* end of external file "style.css" */

 .button {
     font-size: 18px; 
     border-radius: 25px;
     border: 2px solid #2c2d73;
     padding: 5px;     
     color: #2c2d73;  
     height: 25px ;  
     align-content: center;
     vertical-align: middle;
     line-height: 25px;
     background-color: rgba(255, 255, 255, 1) ;    
     
 } 

 .button_image {     
     line-height: 30px;
     float: left ;     
     display: block ;
     margin: -3px auto;
     margin-left: -2px ;
     width: 32px ;
     height: 32px ;
 }
 .button:hover {     
     cursor: pointer ;
 }

 .close_botton {
     position: relative;
     background-image: url("../img/close.png") ;        
     width: 25px ;
     height: 25px ;    
     background-size: cover; 
     z-index: 100 ;
 }

 .close_botton_filler {
     position: relative;
     width: 25px ;
     height: 25px ;    
     background-size: cover; 
     z-index: 100 ;
 }
 .close_botton:hover {     
     cursor: pointer ;
 }

 .close_botton_2 {
     position: relative;
     background-image: url("../img/close_2.png") ;        
     width: 40px ;
     height: 40px ;    
     background-size: cover; 
     z-index: 100 ;
 }
 .close_botton_2:hover {     
     cursor: pointer ;
 }

 .square_button {
     font-size: 14px; 
     font-family: 'Open Sans Hebrew Extra Bold';
     border: 2px solid #2c2d73;
     padding: 5px;     
     color: #2c2d73;      
     align-content: center;
     vertical-align: middle;
     line-height: 40px;
     background-color: rgba(255, 255, 255, 1) ;    
     width: 60px ;
     height: 40px ;
     border-bottom-right-radius: 10px; 
     border-bottom-left-radius: 10px;
 } 
 .square_button:hover {     
     cursor: pointer ;
 }

.form {
     position: relative; 
     font-size: 18px; 
     border-radius: 25px;
     border: 2px solid #2c2d73;     
     padding: 5px;     
     color: #2c2d73;          
     z-index: 1 ;   
     background-color: rgba(255,255,255,0.8) ;     
     padding: 10px ;    
     opacity: 0.99; 
     box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
 } 

.form_header{
    font-family: "Open Sans Hebrew Extra Bold";
    font-size: 20px ;
    margin-top: -20px ;    
    z-index: -1;
}

.input_standalone {
     font-size: 18px; 
     border-radius: 25px;
     border: 1px solid #707070;
     padding: 5px;     
     color: #2c2d73;     
     background-color: rgba(255,255,255,0.8) ;
     width: 240px ;
     height: 22px ;
     line-height: 18px ;
     margin: 5px;
     position: relative ;
     z-index: 1;
     padding-right: 10px ;
}

.input {
     font-size: 18px; 
     border-radius: 25px;
     border: 1px solid #707070;
     padding: 0px;     
     color: #2c2d73;     
     background-color: rgba(255,255,255,0.8) ;
     width: 300px ;
     height: 30px ;
     margin: 5px;
     position: relative ;
     z-index: 1;   
     margin: 0 auto ; 
     margin-top: 8px ;
     margin-bottom: 5px ;
}

.input_header {
    float: right ;
    width: 100px ;
    height: 20px ;
    padding: 3px;  
    border-left: 1px solid #707070 ;  
    font-size: 16px; 
    line-height: 20px ;
    color: #707070;    
    margin-top: 2px ;
    margin-bottom: 2px ;
    font-weight: bold ;
    text-align: right ;
    padding-right: 10px ;
}
.input_value {
    float: right ;
    border: none ;
    width: 170px ;
    height: 30px ;
    padding: 0px; 
    padding-right: 5px ;   
    border: none ; 
    background-color: rgba(0,0,0,0.0) ;
    font-size: 20px; 
    line-height: 25px ;
    color: #2c2d73;    
    text-align: right ;
    //margin-top: 2px ;      
}

.input_select_value {
    float: right ;
    border: none ;
    width: 180px ;
    height: 30px ;
    padding: 0px;    
    border: none ; 
    background-color: rgba(0,0,0,0.0) ;
    font-size: 20px; 
    line-height: 20px ;
    color: #2c2d73;    
    text-align: right ;
}

.select {
     font-size: 14px; 
     border-radius: 25px;
     border: 1px solid #707070;
     padding: 5px;     
     color: #2c2d73;     
     background-color: rgba(255,255,255,0.8) ;
     width: 240px ;
     height: 25px ;
     margin: 5px;    
     position: relative ;
     z-index: 1; 
     padding-right: 10px ;
}

.calendar {
     font-size: 12px; 
     font-weight: bold ;
     color: #707070 ;
     border-radius: 25px;
     border: 1px solid #707070;
     padding: 5px;  
     padding-right: 10px;   
     padding-left: 10px;   
     color: #2c2d73;     
     background-color: rgba(255,255,255,0.8) ;
     width: 220px ;
     height: 15px ;
     margin: auto;
     margin-top: 5px ;
     margin-bottom: 5px ;
     position: relative ;
     z-index: 100;
     text-align: right ;
     line-height: 15px ;
     
}

.calendar_select {
    width: 100% ; 
    height: 20px ;
    color: #707070 ;      
}

.calendar_header { 
    float: right ;
    width: 80px ;
    height: 15px ;
    padding: 3px;  
    padding-top: 0 ;
    border-left: 1px solid #707070 ;  
    font-size: 12px; 
    line-height: 15px ;
    color: #707070;        
    margin-bottom: 2px ;
    font-weight: bold ;
    text-align: right ;
    padding-right: 0 ;    
}

.calendar_value {
    float: right ;
    border: none ;
    width: 150px ;
    height: 30px ;
    padding: 0px;    
    border: none ; 
    background-color: rgba(0,0,0,0.0) ;
    font-size: 12px; 
    line-height: 20px ;
    color: #2c2d73;    
    text-align: right ;
    padding-right: 5px ;
}
.calendar_button_image {
    float: left ;
    width: 15px;
    height:20px ;
    margin-top: -3px ;
}

.calendar_content {
    background: white ;
    width: 200px ;
    margin: 0 auto ;
    margin-top: 0px ;
    box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.2) ;
}

.calendar_content table{
    border: 1px solid #707070 ;
    text-align: center ;
    width: 100% ;
}

.calendar_content td, .calendar_content th {
    height: 20px;
    border: 1px solid #707070 ;
    text-align: center ;
}

.calendar_content th {
    font-family: 'Open Sans Hebrew Extra Bold';
}

.calendar_content td img {
    
    height: 100% ;
}


 .invalid_slot {
     background-color: #e1e1e1 ;
 }

 .checked_slot {
     background-color: #2c2d73 ;
 }

.blue_button {    
    background-color: #2c2d73; 
    color: white ;
}

.underline {
    text-decoration: underline;
}

.error_message {
     color: red ;
     font-size: 12px; 
     z-index: 100 ;
     width: 100%;  
     position: absolute;      
}

.text_field {
     font-family: 'Open Sans Hebrew Regular';
     font-size: 14px; 
     border-radius: 25px;
     border: 1px solid #707070;
     padding: 5px;     
     color: #2c2d73;     
     background-color: rgba(255,255,255,0.8) ;
     width: 240px ;
     height: 15px ;
     margin-top: 5px;
     margin-bottom: 5px;
     position: relative ;
     z-index: 1;     
     line-height: 15px ;
     padding-right: 10px ;
     padding-left: 15px ;	 
}

.text_field .title {
    float: right ;
	max-width: 60px ;
}

.text_field .value {
    float: left ;
    font-size: 16px ;
    //font-family: 'Open Sans Hebrew Extra Bold';
	max-width: 180px ;
	max-height: 15px ;
	text-align: left ;
	overflow-y: scroll ;
}

.label {
    font-family: "Open Sans Hebrew Extra Bold";    
    //z-index: -1;
    margin-top: 15px ;
    margin-bottom: 15px ;
    font-size: 14px ;
}

.link {
    font-family: "Open Sans Hebrew Extra Bold" ;
    color: #00bff3 ;
    margin-top: 15px ;
    margin-bottom: 15px ;
    font-size: 14px ;
}
.link:hover {     
     cursor: pointer ;
 }

.link_button {
    font-family: "Open Sans Hebrew Extra Bold" ;
    color: #00bff3 ;
    margin-top: 0px ;
    margin-bottom: 0px ;
    font-size: 10px ;
}

.link_button:hover {     
     cursor: pointer ;
}

.link_button.add {
    color: red ;
}

.link_button.remove {
    color: #00bff3 ;
}

.link_button.update {
    color: #707070 ;
}

.link_button.info {
    color: #707070 ;
}

.link_button.info:hover {     
     cursor: default ;
}

.object_selector {
    text-align: center ;        
    font-size: 12px ;
    font-family: 'Open Sans Hebrew Extra Bold';
}

.object_selector a {
    margin: 1px ;
    color: #2A388F ;
    padding-left:3px ;
    padding-right:3px ;
}

.object_selector a.selected {
    background-color: #2A388F ;
    color: white ;
    border-radius: 5px ;
}

.overlay {  
    position: absolute;   
    padding: 0px ;
    margin: 0px ;
    background-color: rgba(0,0,0,0.5) ;
    top: 0px;
    left: 0px;
    right: 0px ;    
    bottom: 0px ;   
    height: 100% ;
    width: 100%;       
    z-index: 100;
    align-content: center ;    
}

.overlay .content {
    display: block ;
    position: relative ;    
    right: 50%;  
    top: 50% ;  
    transform: translate(50%, -50%);      
    height: 80% ;         
}

.overlay .content_portrait {
    display: block ;
    position: relative ;    
    right: 50%;  
    top: 50% ;      
    -webkit-transform: translate(50%, -50%) rotate(90deg);
    -moz-transform: translate(50%, -50%) rotate(90deg);
    -o-transform: translate(50%, -50%) rotate(90deg);
    -ms-transform: translate(50%, -50%) rotate(90deg);
    transform: translate(50%, -50%) rotate(90deg); 
    height: 80% ;         
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.overlay iframe{       
    position: absolute ; 
    top: 0px ;   
    margin: 0 auto ;   
    height: 100% ;  
    width: 100% ;      
}

.click_handler{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
.debug_border {
    border: 1px solid red ;
}

.system_message_form {
    position: fixed;
    bottom: 20px ;
    left: 20px ;;
    width: 200px ;
    height: 200px ;
    font-size: 18px; 
    border-radius: 25px;
    border: 2px solid #2c2d73;     
    padding: 5px;     
    color: #2c2d73;          
    z-index: 1 ;   
    background-color: rgba(255,255,255,0.8) ;     
    padding: 10px ;    
    opacity: 0.7; 
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
}

.system_message_title {
    font-family: "Open Sans Hebrew Extra Bold";
    text-align: center;
}
 /**************************************
--------Elements----------------
**************************************/

#splash_screen {
    margin: 0px;
    padding: 0px;   
    z-index: 100 ;
    width: 100% ;
    height: 100% ;
}


 #splash_screen img {
    /* Set rules to fill background */

  min-height: 100%;
  min-width: 1900px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10 ;
 }

@media screen and (max-width: 1900px) { /* Specific to this particular image */
    #splash_screen img {
        left: 50%;
        margin-left: -950px; /* 50% */
    }
}
  @media screen and (max-height: 1200px) { /* Specific to this particular image */
  #splash_screen img {
    top: 50%;
    margin-top: -500px;   /* 50% */
  }
}

 #waiting {
     position: absolute ;
     margin: 0px ;
     padding: 0px ;
     top: 0px ;
     left: 0px ;
     width: 100% ;
     height: 100% ;
     z-index: 10 ;     
 }

 #waiting img {
     position: absolute ;
     margin: 0 auto ;
     padding: 0px ;
     top: 50% ;
     left: 50% ;
     transform: translate(-50%, -50%);
 }
  body {
    //background-color: rgba(255, 255, 255, 0.5) ;     
    color: #2A388F ;
    margin: 0px ;	
    font-family: "Open Sans Hebrew Regular" ;
    position: absolute ;    
    width: 100% ;
    top: 0; left: 0;   
}
  
#top_menu {    
    background-color: rgba(255, 255, 255, 0.5);      
    top: 0px;
    left: 0px ;    
    right: 0px ;
    height: 60px ;
    display: block ; 
    padding: 0px;
    width: 100% ;
}

#top_menu #logo{
    position: relative;
    right: 15% ;
    float: right ;
    clear: both ;    
    max-width:150px;
    max-height:50px;
    width: auto;
    height: auto;    
    top: 5px;

}

#top_menu #logo #logo_img {
    width: 100%;
    height: 100%;
}

#top_menu #start_btn{     
    width: 180px;  
    top: 10px ;   
}

#top_menu #start_btn a{      
    width: 180px;        
    margin-right:40px ;
}

#top_menu_buttons {
    top: 10px ;   
    width: 500px ;
    height: 50px ;
    
}
#top_menu #top_menu_buttons #start_btn1{     
    width: 150px;  
    top: 10px ;   
    float: right ;
    text-align: center ;
}
#top_menu #top_menu_buttons #start_btn1 a{  
    text-align: center ;
}
#top_menu #top_menu_buttons #anonimus_search_btn{     
    width: 150px;  
    top: 10px ;   
    float: right ;
    margin-right: 4px ;
    text-align: center ;
}
#top_menu #top_menu_buttons #anonimus_search_btn a{  
    text-align: center ;
}

#top_menu #top_menu_buttons #start_video_btn{     
    width: 150px;  
    top: 10px ;   
    float: left ;
    text-align: center ;
}
#top_menu #top_menu_buttons #start_video_btn a{  
    text-align: center ;
}

#main {        
    position: absolute; 
    top: 100px;
    left: 0px;
    right: 0px ;    
    display: block ;        
    text-align: center;
    vertical-align: middle;
    z-index: 0;
}

#main_content {
    position: absolute ;
    z-index: -1 ;
    top: 0 ;
    left: 50%;    
    transform: translate(-50%, 0px);
}
#main h1 {
    font-family: "Open Sans Hebrew Regular" ;
    color: white ;
    text-shadow: 5px 5px 20px #000000 ;
    font-size: 60px ;
    margin: 0px ;
    padding: 0px ;
}

#main h2 {
    font-family: "Open Sans Hebrew Regular" ;
    color: white ;
    text-shadow: 5px 5px 20px #000000 ;
    font-size: 45px ;
    margin: 0px ;
    padding: 0px ;
}

#main h3 {
    font-family: "Open Sans Hebrew Extra Bold" ;
    color: white ;
    text-shadow: 5px 5px 20px #000000 ;
    font-size: 25px ;
    margin: 0px ;
    padding: 0px ;
}
#video_container {
    position: absolute;   
    padding: 0px ;
    margin: 0px ;
    background-color: rgba(0,0,0,0.5) ;
    top: 0px;
    left: 0px;
    right: 0px ;    
    bottom: 0px ;   
    height: 100% ;
    width: 100%;       
    z-index: 100;
    align-content: center ;    
}

#video_container video {
    display: block ;
    position: relative ;    
    width: 50% ;
    top: 10% ;
    margin: 0 auto ;  
    
}

#video_container_close {    
    right: 20% ;
    top: 10% ;
}

#login_form {    
    width: 300px ;  
    height: 300px ;      
}

#login_fields {
    margin-top: 50px ;
}


#sign_up_btn {
    width: 105px ;    
    margin-top: 40px ;
    float: left ;
    margin-left: 25px ;
}
#login_btn {
    width: 105px ;
    float: right ;
    margin-right: 25px ;
    margin-top: 40px ;
}

#forgot_password_btn{
    float: right ;
    margin-right: 45px ;
    margin-top: 20px ;
    font-size:14px;
}

#remember_me_btn{
    float: left ;
    margin-left: 40px ;
    margin-top: 20px ;
    font-size:14px;    
}

#remember_me_checkbox {    
}

#signup_form {    
    width: 400px ;
    height:387px ;
    
}

#signup_fields {
    margin-top: 20px ;
}

#cancel_signup_btn {        
    width: 110px ;    
    margin-top: 10px ;
    float: left ;
    margin-left: 75px ;    
}
#signup_btn  {
    width: 110px ;
    margin-top: 10px ;
    float: right ;
    margin-right: 75px ;   
}

#forgot_password_form {    
    width: 400px ;
    height:200px ;
    
}

#forgot_password_fields {
    margin-top: 55px ;
}

#cancel_forgot_password_btn {        
    width: 110px ;    
    margin-top: 67px ;
    float: left ;
    margin-left: 75px ;    
}
#confirm_forgot_password_btn  {
    width: 110px ;
    margin-top: 67px ;
    float: right ;
    margin-right: 75px ;   
}

/****************************
******* main ****************
*****************************/
#top_menu #greeting{
    //top: 20px ;      
    //width: 100%;
    height: 20px;
    font-size: 20px;
    width: 400px;  
    top: 15px ;       
    text-align: center ;  
}

#greeting_text {
        text-align: center ;    
}

#top_menu #greeting_image {    
    width: 30px ;
    height: 30px ;
    margin-right: 0px ;
}

#options {    
    width: 300px ;    
    
}

#update_form_btn {
    width: 200px ;   
    margin: 0 auto;  
    margin-top: 10px ; 
    margin-bottom:10px ; 
}

#search_form_btn  {
    width: 200px ;     
    margin: 0 auto;  
    margin-top: 10px ; 
    margin-bottom:10px ; 
}

#show_my_clinic_form_btn {
    width: 200px ;     
    margin: 0 auto;  
    margin-top: 10px ; 
    margin-bottom:10px ; 
}

#clinic_report_form_btn {
    width: 200px ;     
    margin: 0 auto;  
    margin-top: 10px ; 
    margin-bottom:10px ; 
}

#admin_report_form_btn {
    width: 200px ;     
    margin: 0 auto;  
    margin-top: 10px ; 
    margin-bottom:10px ; 
}


#logout_btn{    
    margin-right: 130px ;
    margin-top: 20px ;
    margin-bottom: 0px ;
    font-size:14px;
}

#search_form {    
    width: 400px ; 
    height: 338px ;   
}

#admin_search_form {    
    width: 400px ; 
    height: 182px ;   
}

#search_fields {
    margin-top: 20px ;
}

#cancel_btn {
    width: 110px ;    
    margin-top: 4px ;
    float: left ;
    margin-left: 75px ;
}

#search_btn  {
    width: 110px ;
    margin-top: 4px ;
    float: right ;
    margin-right: 75px ;    
}

#calendar {
    width: 280px ;
    height: 20px ;
}

#calendar .calendar_header {
    font-size: 16px ;
    line-height: 20px ;
    width: 100px ;
    height: 20px ;
}

#calendar .calendar_content {
    margin-top: 5px ;
}

#update_form {
    width: 400px;
}

#guest_update_form {    
    width: 400px ;   
    height: 325px ;
}

#resident_update_form {    
    width: 400px ;   
    height: 365px ;
}

#owner_update_form {
     width: 400px ;   
    height: 325px ;
}

#admin_update_form {
     width: 400px ;   
    height: 245px ;
}



#change_password_btn{    
    margin-right: 130px ;
    margin-top: 20px ;
    margin-bottom: 0px ;
    font-size:14px;
}

#cancel_update_details_btn {
    width: 110px ;    
    margin-top: 4px ;
    float: left ;
    margin-left: 75px ;
}

#update_details_btn {
    width: 110px ;
    margin-top: 4px ;
    float: right ;
    margin-right: 75px ;    
}

#update_password_form {
    width: 300px ;   
    height: 130px ;
}

#cancel_update_password_btn {
    width: 110px ;    
    margin-top: 4px ;
    float: left ;
    margin-left: 25px ;
}

#update_password_btn {
    width: 110px ;
    margin-top: 4px ;
    float: right ;
    margin-right: 25px ;    
}

#search_result {
    width: 600px ;  
    position: relative;
    left: 0%; 
	border: 20px solid rgba(255,255,255, 0.0);  
	margin: auto;
	text-align: center;
    border-radius: 25px;
    padding: 10px ;
    padding-bottom: 40px ;
    top: -20px ;       
}

#search_result:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 2px solid rgb(14, 56, 119);
    border-radius: 25px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5); 
}
#search_result_content{    
    width: 580px;    
    min-width: 580px ;
    margin: 10px ;
}

#search_result_content table {
    width: 100%;
    border-collapse: collapse;
}

#search_result_content table td, table th {
  border: 1px solid #2A388F;
  width: 50px ;
  text-align:center;
  font-size: 12px ;
}

#search_result_content table th {
    font-family: "Open Sans Hebrew Extra Bold"
}
#search_result_content table tr:first-child th {
  border-top: 0;
}
#search_result_content table tr:last-child td {
  border-bottom: 0;
}
#search_result_content table tbody tr td:first-child,
#search_result_content table thead tr th:first-child {
  border-right: 0;
}
#search_result_content table tbody tr td:last-child,
#search_result_content table thead tr th:last-child {
  border-left: 0;
}

#close_result_btn {
    width: 110px ;    
    margin-top: 20px ;
    float: left ;
    margin-left: 170px ;
}

#show_clinic_btn {
    width: 110px ;
    margin-top: 20px ;
    float: right ;
    margin-right: 170px ;    
}

#search_result_header {
    width: 100% ;    
    height: 30px ;
    text-align: center ;       
}
#search_result_header_text {
    float: right ;
    clear: both ;
    margin-right: 50px ;    
    margin-top: 0;
    font-size: 14px ;
    
}
#search_page_selector {
    float:left ;
    margin-left: 20px ;       
    font-size: 12px ;
    font-family: 'Open Sans Hebrew Extra Bold';
}

#search_page_selector a {
    margin: 1px ;
    color: #2A388F ;
    padding-left:3px ;
    padding-right:3px ;
}

#search_page_selector a.selected {
    background-color: #2A388F ;
    color: white;
    border-radius: 5px ;
}

#search_result_form_close_btn {
    margin-top: -22px ;
    margin-right: -10px ;
}


#show_item_form {
    width: 620px ;
    height: 505px ;
    background-color: white ;
    padding: 30px ;
    margin-top: -10px ;
}

#show_item_footer {
    width: 100% ;
    height: 20px ;
    display: block;
    margin-top: 485px ;
}

#show_item_details {
    float: right ;
    width: 50% ;
    height: 100%;
    margin: 0px ;
    margin-right: -1px ;
    border-left: 1px solid #707070;
    
}

#show_item_header_text {
    text-align: right ;
    margin-top: -10px ;
    margin-bottom: 10px ;
}
#show_item_left {
    float: left ;
    width:50% ;
    height: 100%;
    margin: 0px ;
    margin-left: -1px ;
    
}

#show_item_form_close_btn {
    margin-top: -45px ; 
    margin-right: -25px ;   
    margin-bottom: 20px ;
}

#show_item_form .label {
    margin-top: 5px ;
    margin-right: 20px ;
    //margin-bottom: 30px ;
    font-size: 14px ;
    text-align: right ;

}

#show_item_form #description_label {
    margin-top: 15px ;
    margin-bottom: 15px ;
    font-size: 14px ;
}

#show_item_buttons {
    width: 150px ;
    height: 50px ;
    margin: 0 auto ;
    margin-top: -35px ;
    display: block ;    
}

#show_item_images_images_btn {
    float: right ;
}

#show_item_images_specs_btn {
    float: left ;
}

#show_item_images_container {
    border-bottom: 1px solid #707070;
}

#show_item_images {
    width: 100% ;
    height: 150px ;   
    margin: 0 auto ;
    margin-top: 20px ; 
    margin-bottom: 25px ;     
}

#show_item_room_image {
    width: 220px ;
    margin: 0 auto ;
    height: 100% ;    
    border: 1px solid #707070 ;
    padding: 5px ;
}

#show_item_room_image:hover {
    cursor: pointer ;
}

#show_item_room_image img{
    //width: 100% ;    
    //height: 100% ;            
}

#show_item_room_image iframe{
    width: 100% ;    
    height: 100% ; 
    overflow: hidden ;           
}

#show_item_previous_image {
    float: left ;
    width: 40px ;
    clear: none ;
    
}

#show_item_next_image {
    float: right ;
    width: 40px ;
    clear: none ;
    margin-top: -160px ;
    
}

#image_uploade_buttons {    
    width: 210px ;
    height: 15px ;
    line-height: 10px ;
    margin: 0 auto ;
    margin-top: -15px ;
    text-align: center;
}

#add_image_btn {    
    float: right ;
    width: 70px ;
    text-align: center ;
}

#remove_image_btn {
    float: right ;
    width: 70px ;
}

#image_count_label {
    float: right ;
    width: 70px ;
}
#room_selector {   
    margin-top: 20px ; 
    height: 40px ;
}

#room_selector_title {
    position: relative ;
    width: 80px ; 
    margin-bottom: 0 ;
    float: right ;  
}

#room_selector_buttons {
    position: relative ;
    width: 300px ; 
    height: 45px ;    
    float: left ;
    margin-left: 0px ;
    //text-align: right ;    
}

#room_selector_buttons a {
    margin: 5px ;    
}

#resident_select {
    margin-top: 30px ;
}  

#owner_select {
    margin-top: 0px ;   
    width: 265px ;
    height: 26px ; 
    margin-right: 0px ;
} 

#owner_select .input_header {
    width: 60px ;
    height: 16px ;
    font-size: 14px ;
    line-height: 16px ;
    font-weight: normal ;
    color: #2c2d73 ;
}  

#owner {    
    height: 26px;     
    font-size: 16px;
    line-height: 20px;
    color: #2c2d73;   
}

#is_active_select {
    margin-top: 0px ;   
    width: 265px ;
    height: 26px ; 
    margin-right: 0px ;
} 

#is_active_select .input_header {
    width: 60px ;
    height: 16px ;
    font-size: 14px ;
    line-height: 16px ;
    font-weight: normal ;
    color: #2c2d73 ;
}  

#is_active {    
    height: 26px;  
    width: 40px ;   
    font-size: 16px;
    line-height: 20px;
    color: #2c2d73;  
    float: left ; 
}

#unit_medical_type_select {
    margin-top: 0px ;   
    width: 265px ;
    height: 26px ; 
    margin-right: 0px ;
} 

#unit_medical_type_select .input_header {
    width: 60px ;
    height: 16px ;
    font-size: 14px ;
    line-height: 16px ;
    font-weight: normal ;
    color: #2c2d73 ;
}  

#unit_medical_type_edit {    
    height: 26px;  
    //width: 40px ;   
    font-size: 16px;
    line-height: 20px;
    color: #2c2d73;  
    float: left ; 
    font-family: 'Open Sans Hebrew Regular' ;
}

#unit_standard_type_select {
    margin-top: 0px ;   
    width: 265px ;
    height: 26px ; 
    margin-right: 0px ;
} 

#unit_standard_type_select .input_header {
    width: 60px ;
    height: 16px ;
    font-size: 14px ;
    line-height: 16px ;
    font-weight: normal ;
    color: #2c2d73 ;
}  

#unit_standard_type_edit {    
    height: 26px;  
    //width: 40px ;   
    font-size: 16px;
    line-height: 20px;
    color: #2c2d73;  
    float: left ; 
    font-family: 'Open Sans Hebrew Regular' ;
}

#unit_content_description_edit #value {
    width: 160px ;
    height: 18px ;
    margin: 0 ;
    margin-top: -4px ;
    border: none ;
    font-size: 16px;
    line-height: 18px;
    color: #2c2d73;  
    float: left ;
    font-family: 'Open Sans Hebrew Regular' ;
}

#room_size {
    margin-top: 30px ;
} 

#resident_update_buttons {    
    width: 210px ;
    height: 15px ;
    line-height: 10px ;
    margin: 0 auto ;
    margin-top: 0px ;
    text-align: center;
}

#owner_update_buttons {    
    width: 210px ;
    height: 15px ;
    line-height: 10px ;
    margin: 0 auto ;
    margin-top: 0px ;
    text-align: center;
}

#show_search_owner_form_btn {    
    float: right ;
    width: 70px ;
}

#remove_owner_btn {
    float: right ;
    width: 70px ;
}

#show_search_user_form_btn {    
    float: right ;
    width: 70px ;
}

#remove_resident_btn {
    float: right ;
    width: 70px ;
}

#show_update_resident_form_btn {
    float: right ;
    width: 70px ;
}

#room_availability_table {
    
    box-shadow: none ;
    width: 260px ;
    margin-top: 6px ;
}

#send_message {
    text-align: right ;
    margin-right: 20px ;
    bottom: 10px ;
}

#send_unit_message {
    text-align: right ;
    margin-right: 0px ;
    margin-top: 60px ;
    bottom: 10px ;
}

#message_form {
    width: 340px ;
    height: 280px ;        
}

#message_form td {
    vertical-align: middle ;
    border: none ;
}

#message_form .label{
    text-align: left ;
    margin: 0 ;
    font-size: 12px ;
}

#message_form .text_field{
    text-align: right ;
    margin: 5px ;
    font-size: 12px ;
}

#message_form table, td, th {
    border: none ;
}
#message_comments {
    height: 100px ;
    border-radius: 10px ;
}

#message_form #message_comments_container {
    vertical-align: top ;
    padding-top: 10px ;
}

#cancel_message_btn {
    width: 110px ;    
    margin-top: 4px ;
    float: left ;
    margin-left: 45px ;
    font-size: 14px ;
}

#send_message_btn  {
    width: 110px ;
    margin-top: 4px ;
    float: right ;
    margin-right: 45px ; 
    font-size: 14px ;   
}

#image_form_container {
    overflow: hidden ;
    position: relative ;
    height: 500px ;
    width: 850px ;    
    margin: 0 auto ;
    margin-top: 50px ;
}
#image_frame {
    //display: inline-block;
    height: 400px ;
    width: 700px ;
    background-color: white ;
    border-radius: 25px; 
    margin: 0 auto ;
    //background: red ;
}

#image_frame_portrait {
    //display: inline-block;
    height: 400px ;
    width: 700px ;
    background-color: white ;
    border-radius: 25px; 
    margin: 0 auto ;
    //background: red ;
}

#landscape_image {
    height: 100% ;
    width: 100% ;
}

#portrait_image {
    transform: rotate(90deg) ;
    height: 118px ;
    margin-top: 16px ;
}

#image_frame_portrait img{        
    border-radius: 25px; 
    width: 350px ;
    height: 300px ;
    margin: 0 ;    
}

#image_frame img{        
    border-radius: 25px; 
    margin: 0 ;    
}

#next_image_btn {    
    position: absolute;
    top: 235px ;
    right: 0; 
    width: 40px ;
    height: 90px ;
    
}

#prev_image_btn {    
    position: absolute;
    top: 200px ;
    left: 0;     
    width: 40px ;
    height: 90px ;    
}

#pdf_viewer {
    width: 100% ;
    height:100% ;
}

#search_user_form {
    width: 400px;
    height: 233px;
}

#cancel_search_user_btn {
    width: 110px ;    
    margin-top: 4px ;
    float: left ;
    margin-left: 75px ;
    font-size: 14px ;
}

#search_user_btn  {
    width: 110px ;
    margin-top: 4px ;
    float: right ;
    margin-right: 75px ; 
    font-size: 14px ;   
}

#search_user_result {
    width: 600px ;  
    position: relative;
    left: 0%; 
	border: 20px solid rgba(255,255,255, 0.0);  
	margin: auto;
	text-align: center;
    border-radius: 25px;
    padding: 10px ;
    padding-bottom: 40px ;
    top: -20px ;       
}

#search_user_result:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 2px solid rgb(14, 56, 119);
    border-radius: 25px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5); 
}
#search_user_result_content{    
    width: 580px;    
    min-width: 580px ;
    margin: 10px ;
}

#search_user_result_content table {
    width: 100%;
    border-collapse: collapse;
}

#search_user_result_content table td, table th {
  border: 1px solid #2A388F;
  width: 50px ;
  text-align:center;
  font-size: 12px ;
}

#search_user_result_content table th {
    font-family: "Open Sans Hebrew Extra Bold"
}
#search_user_result_content table tr:first-child th {
  border-top: 0;
}
#search_user_result_content table tr:last-child td {
  border-bottom: 0;
}
#search_user_result_content table tbody tr td:first-child,
#search_user_result_content table thead tr th:first-child {
  border-right: 0;
}
#search_user_result_content table tbody tr td:last-child,
#search_user_result_content table thead tr th:last-child {
  border-left: 0;
}

#close_resident_result_btn {
    width: 110px ;    
    margin-top: 20px ;
    float: left ;
    margin-left: 170px ;
}

#choose_user_btn {
    width: 110px ;
    margin-top: 20px ;
    float: right ;
    margin-right: 170px ;    
}

#create_user_btn{    
    margin-right: 130px ;
    margin-top: 20px ;
    margin-bottom: 0px ;
    font-size:14px;
}

#search_user_result_header {
    width: 100% ;    
    height: 30px ;
    text-align: center ;       
}
#search_user_result_header_text {
    float: right ;
    clear: both ;
    margin-right: 50px ;    
    margin-top: 0;
    font-size: 14px ;
    
}
#search_user_page_selector {
    float:left ;
    margin-left: 20px ;       
    font-size: 12px ;
    font-family: 'Open Sans Hebrew Extra Bold';
}

#search_user_page_selector a {
    margin: 1px ;
    color: #2A388F ;
    padding-left:3px ;
    padding-right:3px ;
}

#search_user_page_selector a.selected {
    background-color: #2A388F ;
    color: white;
    border-radius: 5px ;
}

#search_result_form_close_btn {
    margin-top: -22px ;
    margin-right: -10px ;
}

#add_resident_form {
    width: 400px;
    height: 325px;
}

#cancel_add_resident_btn {
    width: 110px ;    
    margin-top: 4px ;
    float: left ;
    margin-left: 75px ;
    font-size: 14px ;
}

#add_resident_btn  {
    width: 110px ;
    margin-top: 4px ;
    float: right ;
    margin-right: 75px ; 
    font-size: 14px ;   
}

#add_resident_form_header {
    margin-top: 0px ;
}

#add_resident_form_header_2 {
    margin-top: 0px ;
}

#add_resident_room_selector {   
    margin-top: 20px ; 
    height: 40px ;    
}

#add_resident_room_selector_title {
    position: relative;
    width: 80px;
    margin-top: 0px;
    float: right;
    margin-right: 10px;
}

#add_resident_room_selector_buttons {
    position: relative ;
    width: 290px ; 
    height: 40px ;    
    float: left ;
    margin-left: 10px ;
    text-align: right ;    
}

#add_resident_room_selector_buttons a {
    margin: 5px ;
}

#add_resident_room_avaiability {
    margin-bottom: 50px ;
}
#add_resident_room_availability_title {
    text-align: right ;
    margin-right: 10px ;
}

#add_resident_mark_all_slots_btn {
    margin-left: 30px ;
    font-size: 12px ;
    color: #2c2d73 ;
    font-family: "Open Sans Hebrew Regular" ;
}

#add_resident_clear_all_slots_btn {
    margin-right: 30px ;
    font-size: 12px ;
    color: #2c2d73 ;
    font-family: "Open Sans Hebrew Regular" ;
}

#pdf_viewer_close_btn {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100 ;
}

.user_message_form {
    height: 200px ;
    width: 500px ;    
    margin-top: 100px ;
}

.user_message_header {
    width: 100% ;
    text-align: center ;
    font-size: 20px ;
    font-family: "Open Sans Hebrew Extra Bold";
}

.user_message_content {
    margin: 20px ;
    font-size: 20px ;
    height: 90px ;   
    text-align: center ;    
}

#confirm_message_btn {
    width: 110px ;    
    margin-top: 10px ;
    float: right ;
    margin-right: 125px ;   
    text-align: center ; 
}

#cancel_confirm_message_btn {
    width: 110px ;    
    margin-top: 10px ;
    float: left ;
    margin-left: 125px ;    
    text-align: center ;
}

/*REPORTS*/
#reports_form {
    display: inline-block ;
    min-height:200px;
    width: 500px ;
}

.report {
    margin: 10px ;
}
.report_header {
    font-family:"Open Sans Hebrew Extra Bold" ;
    float: right ;
}

.report_table table, th, td{
    border: 1px solid black;
    font-size: 14px ;
}

.report_table table, th, td{
    border: 1px solid black;
    width: 200px ;
    text-align: center ;
    font-size: 14px ;
}

.report_line {
    margin-right: 0px ;   
    height: 30px ;
}

.report_line_header {
    float: right ;
}

.report_data {
    float: right ;
}

#report_options_form {
    width: 300px ;
}

#add_user_form {
    width: 400px ;
    height: 474px ;
}

#add_user_btn  {
    width: 110px ;
    margin-top: 4px ;
    float: right ;
    margin-right: 75px ; 
    font-size: 14px ;   
}

#add_user_form_header {
    margin-top: 0px ;
}

#add_user_form_header_2 {
    margin-top: 0px ;
}

#add_user_room_selector {   
    margin-top: 20px ; 
    height: 40px ;    
}

#add_user_room_selector_title {
    position: relative;
    width: 80px;
    margin-top: 0px;
    float: right;
    margin-right: 10px;
}

#add_user_room_selector_buttons {
    position: relative ;
    width: 290px ; 
    height: 40px ;    
    float: left ;
    margin-left: 10px ;
    text-align: right ;    
}

#add_user_room_selector_buttons a {
    margin: 5px ;
}

#add_user_room_avaiability {
    margin-bottom: 10px ;
}
#add_user_room_availability_title {
    text-align: right ;
    margin-right: 10px ;
}

#add_user_mark_all_slots_btn {
    margin-left: 30px ;
    font-size: 12px ;
    color: #2c2d73 ;
    font-family: "Open Sans Hebrew Regular" ;
}

#add_user_clear_all_slots_btn {
    margin-right: 30px ;
    font-size: 12px ;
    color: #2c2d73 ;
    font-family: "Open Sans Hebrew Regular" ;
}

.scroll-left {
	 height: 50px;	
	 overflow: hidden;
	 position: relative;
}
.scroll-left p {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 line-height: 50px;
	 text-align: center;
	 /* Starting position */
	 -moz-transform:translateX(100%);
	 -webkit-transform:translateX(100%);	
	 transform:translateX(100%);
	 /* Apply animation to this element */	
	 -moz-animation: scroll-left 10s linear infinite;
	 -webkit-animation: scroll-left 10s linear infinite;
	 animation: scroll-left 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
	 0%   { -moz-transform: translateX(100%); }
	 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
	 0%   { -webkit-transform: translateX(100%); }
	 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
	 0%   { 
		 -moz-transform: translateX(100%); /* Browser bug fix */
		 -webkit-transform: translateX(100%); /* Browser bug fix */
		 transform: translateX(100%); 		
	 }
	 100% { 
		 -moz-transform: translateX(-100%); /* Browser bug fix */
		 -webkit-transform: translateX(-100%); /* Browser bug fix */
		 transform: translateX(-100%); 
	 }
}

@font-face {
    font-family: 'Open Sans Hebrew Regular'; /*a name to be used later*/
    src: url('../fonts/OpenSansHebrew-Regular.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'Open Sans Hebrew Extra Bold'; /*a name to be used later*/
    src: url('../fonts/OpenSansHebrew-ExtraBold.ttf'); /*URL to font*/
}

/**************************************
--------Landscape message----------------
**************************************/
#landscape_warning_message {
    display: none;
}

#landscape_warning_message_content {
    font-size: 50px ;
    text-align: center ;
    width: 500px ;
    height: 400px ;
    font-family: "Open Sans Hebrew Extra Bold" ;
}

#no_license_warning_message_content {
    font-size: 40px ;
    text-align: center ;
    width: 500px ;
    height: 300px ;
    font-family: "Open Sans Hebrew Extra Bold" ;
}

@media only screen and (orientation:portrait){
    #main { display: none; }
    #landscape_warning_message { display: block; }
}
@media only screen and (orientation:landscape){
    #landscape_warning_message { display: none; }
}

</style> 
