.iko_universal_red_title{
 margin-bottom:20px;    
}
.iko_universal_form_title_grey{
 margin-left:0;    
 font-weight:normal;
}
.bolder_inline_text {
 text-decoration:none;
 font-style:normal;
 font-weight:600;
 font-family:Segoe UI Light,SegoeLight;
}
.iko_universal_plus:hover:before{
 background-position: 0 0;    
}
/* -------------------------------------------- PAGE RESTRICT ------------------------------------------------------------------------------------ */
#page_restrict{
 display:block;
 max-width:530px;
}
@media(max-width:530px){
 #page_restrict{ 
  max-width:100%;
  width:100%;
 }    
}
/* -------------------------------------------- AGENTS LIST ------------------------------------------------------------------------------------ */
#agents_list{
 display:block;
 width:100%;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#agents_list li{
 display:block;
 width:100%;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
 color:#333; 
 position:relative;
 font-size:10.5pt;
 margin-top:0;
}
#agents_list li:not(:last-child){
 margin-bottom:20px;    
}
.edit_agent, .delete_agent{
 color:#b11116;
 font-size:9pt;
 display:block;
 position:absolute;
 font-size:10.5pt;
 font-family:Segoe UI Light,SegoeLight;
 top:-2px;
}
.edit_agent{
 right:20px;
 text-decoration:underline;
}
.delete_agent{ 
 right:-20px;
}
.edit_agent:hover , .delete_agent:hover{
 color:#f72121;
}
.edit_agent:hover{
 text-decoration:none;
}
@media(max-width:600px){
 .edit_agent{
  right:27px;
 }
 .edit_agent:before{
  display:none;     
 }
 .delete_agent{
  right:3px;
 }
}
@media(max-width:470px){
 #agents_list li:not(:last-child){
  margin-bottom:60px;
 }
 #agents_list li:last-child{
  margin-bottom:60px;
 } 
 .edit_agent{
  top:25px;
  left:0;
  right:initial;
  width:48%;
  height:40px;
  background-color:#ddd;
  display:block;
  padding-top:12px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;
  text-decoration:none; 
 }
 .edit_agent:hover{
  text-decoration:underline;    
  background-color:#f1f1f1
 }
 .delete_agent{
  top:25px;
  left:initial;
  right:0;
  width:48%;
  height:40px;
  background-color:#ddd;
  display:block;
  padding-top:14px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;     
 }
 .delete_agent:hover{
  background-color:#f1f1f1     
 }
}
/* -------------------------------------------- FORM ------------------------------------------------------------------------------------ */
form{
 display:block;
 width:100%;
 padding:0 20px 20px 20px;
 margin:20px 0;
 background-color:#f1f1f1;
 position:relative;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
}
.form_wrap{
 width:100%;
 clear:both;
 display:inline-block;
}
.form_wrap_floater{
 display:block;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
 width:calc(50% - 10px);width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);        
}
#agent_type{
 float:left;
 margin:44px 10px 0 0;    
 padding-left:5px; 
}
#photo_wrap{
 float:right;
 margin-left:10px;     
}
#photo_wrap label{
 display:block;
 width:100%;
 margin-bottom:10px;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#photo_drop_box_wrap{
 width:100%;
 height:140px;
 background-color:#fff;     
 position:relative;
 border:1px solid #ddd;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#photo_drop_box_wrap:hover, #photo_drop_box_wrap:focus{
 box-shadow:0 0 4px 0 #aaa;         
}
#photo_drop_box{
 display:block;
 width:100px;
 height:100px;
 position:absolute;
 border:1px dashed #ddd;
 left:50%;
 top:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 -ms-transform:translateY(-50%) translateX(-50%);
 -moz-transform:translateY(-50%) translateX(-50%);
 -o-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%);
}
#photo_plus{
 font-size:70pt;
 font-weight:bold; 
 color:#ddd;
 position:absolute;
 left:50%;
 top:40%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 -ms-transform:translateY(-50%) translateX(-50%);
 -moz-transform:translateY(-50%) translateX(-50%);
 -o-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%);
}
#photo_drop_box:hover{
 border:1px solid #ddd;
 color:#999;    
 cursor:pointer;
}
#photo_drop_box:hover #photo_plus{
 color:#999;    
}
#photo_note{
 display:block;
 width:100%;
 margin-top:10px; 
}
#first_name_wrap{
 float:left;
 margin-right:10px;
}
#last_name_wrap{
 float:right;
 margin-left:10px;
}
#first_name_wrap label, #last_name_wrap label, #first_name_wrap input, #last_name_wrap input{
 display:block;  
 width:100%;
 margin-bottom:10px;
}
#first_name_wrap input, #last_name_wrap input{
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;    
}
#agent_mail_wrap{
 width:100%;
 margin-bottom:20px;
}
#agent_mail_wrap label{
 display:block;  
 width:100%;
 margin-bottom:10px; 
}
#agent_mail{
 width:100%;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;   
}
#phone_nums_wraps label{
 display:block;  
 width:100%;
 margin-bottom:10px;     
}
#phone_nums_wraps ul{
 display:block;
 width:100%;
}
#phone_nums_wraps ul li{
 display:block;
 width:100%;
 position:relative;
 margin-bottom:10px;
}
.edit_tel, .delete_tel{
 color:#b11116;
 font-size:9pt;
 display:block;
 position:absolute;
 font-size:10.5pt;
 font-family:Segoe UI Light,SegoeLight;
 top:0;
}
.edit_tel{
 right:25px;
 text-decoration:underline;
}
.delete_tel{ 
 right:0;
 top:2px;
}
.edit_tel:hover , .delete_tel:hover{
 color:#f72121;
}
.edit_tel:hover{
 text-decoration:none;
}
#new_phone_wrap{
 clear:both;
 display:inline-block; 
 width:calc(100% - 22px);width:-moz-calc(100% - 22px);width:-webkit-calc(100% - 22px);        
 position:relative;
}
/*#give_outter_shadow{
 display:inline-block;     
 box-shadow:0 0 4px 0 #aaa;         
}*/
#new_phone_wrap:hover, #new_phone_wrap:focus{
 box-shadow:0 0 4px 0 #aaa;         
}
#new_phone_type{
 float:left;
 width:120px;
 padding-left:5px;
 border-right:none;
 display:block;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#new_phone_type:hover, #new_phone_type:focus{
 box-shadow:none;         
}
#new_phone_prefix{
 float:left;    
 width:100px;
 padding-left:5px;
 border-right:none;
 display:block;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#new_phone_prefix:hover, #new_phone_prefix:focus{
 box-shadow:none;
}
#new_agent_phone{
 float:left;   
 width:calc(100% - 220px);width:-moz-calc(100% - 220px);width:-webkit-calc(100% - 220px);   
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#new_agent_phone:focus, #new_agent_phone:hover{
 box-shadow:none;    
}
#new_phone_wrap a{
 right:-29px;
}
@media(max-width:600px){
 form{
  margin-bottom:60px;       
 }   
 .form_button{
  top:initial;  
  bottom:-80px;
  right:0;  
  margin:0 auto 0 auto;
  display:block;  
  width:100%;
  height:40px;
  background-color:#ddd;
  display:block;
  padding-top:12px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;
 } 
 .form_button:hover{
  background-color:#f1f1f1;       
 } 
 .form_button:before{
  width:50%;   
  top:12px;
 }
}
@media(max-width:500px){
 form{
  padding-top:20px; 
  padding-bottom:80px;
 }    
 #last_name_wrap input{
  margin-bottom:0;       
 }
 .form_wrap {
  margin-bottom:0;
 }
 .form_wrap_floater{
  width:100%;    
 }    
 #agent_type{
  float:none;
  margin:0;
 }
 #photo_wrap {
  float:none;
  margin-left:0;
 }
 #first_name_wrap {
  float:none;
  margin-right:0;
 }
 #last_name_wrap{
  float:none;
  margin-left:0;   
 }
 #new_phone_wrap{
  width:100%;     
 }
 #new_phone_wrap:hover, #new_phone_wrap:focus{
  box-shadow:none;
 }
 #give_inner_shadow:hover, #give_inner_shadow:focus{
   box-shadow:0 0 4px 0 #aaa;     
 }
 #new_phone_type{
  width:calc(100% - 100px);width:-moz-calc(100% - 100px);width:-webkit-calc(100% - 100px);  
  width:100%;  
  float:none;
  margin-bottom:10px;
  border-right:1px solid #ddd;
 }
 #new_phone_type:hover, #new_phone_type:focus{
   box-shadow:0 0 4px 0 #aaa;            
 }
 #new_phone_prefix{
  width:110px;     
  border-right:1px solid #ddd;
 }
 #new_agent_phone{
  float:none;   
  width:calc(100% - 110px);width:-moz-calc(100% - 110px);width:-webkit-calc(100% - 110px);        
  border:1px solid #ddd;
  border-left:none;
 }
 #new_phone_wrap a {
  top:initial;
  bottom:-80px;
  right:0;
  margin:0 auto 0 auto;
  display:block;
  width:100%;
  height:40px;
  background-color:#ddd;
  display:block;
  padding-top:12px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;
 }
 #new_phone_wrap a:hover{
  background-color: #f3f3f3;    
 }
 #new_phone_wrap a:before {
  width:50%;
  top:12px;
 }
}
@media(max-width:470px){
 #phone_nums_wraps ul li{
  margin-bottom:60px;
 }
 .edit_tel{
  top:25px;
  left:0;
  right:initial;
  width:48%;
  height:40px;
  background-color:#ddd;
  display:block;
  padding-top:12px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;
  text-decoration:none;
 }
 .edit_tel:hover{
  background-color:#f3f3f3;
  text-decoration:underline;
 }
 .delete_tel{
  top:25px;
  left:initial;  
  right:0;
  width:48%;
  height:40px;
  background-color:#ddd;
  display:block;
  padding-top:14px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;     
 }
 .delete_tel:hover{
  background-color:#f3f3f3;     
 }
}