.container-login { display:inline-block; position:absolute; top:calc(50% - 180px); left:calc(50% - 200px); width:400px; height:300px;  } 
.container-login .logo { display:inline-block; width:100%; height:66px; background:url(../images/logo-mobile.png) no-repeat center; margin-bottom:35%; margin-left:0px; }
.container-login .form {  display:inline-block; width:100%; height:50px; margin-bottom:20px; }
.container-login .form  .text { display:inline-block; float:left; width:50px; height:50px; line-height:50px; text-align:right; color:rgba(255,255,255,1.00); font-size:25px; text-align:center; padding-left:16px; }
.container-login .form  .input { display:inline-block;  width:calc(100% - 100px); line-height:30px;  border-bottom: 1px solid #4F7596; }
.container-login .form  .input input { display:inline-block; width:100%; height:30px; color:rgba(255,255,255,1.00); border: none; font-size:18px;  background: transparent; margin-bottom:0px; padding:0px; -moz-appearance: none; -webkit-appearance: none; appearance:none; -webkit-box-shadow: none; box-shadow: none; }
.container-login button { display:block; width:150px; height:30px; background:rgba(90,123,131,1.00); text-align:center; color:rgba(255,255,255,1.00); font-size:12px; border:0px; -moz-appearance: none; -webkit-appearance: none; appearance:none;  }
.btn-log { display:inline-block; width:255px; height:50px; }
.button { display:inline-block; float:left; width:180px; height:50px; background:#1E303F ; cursor:pointer; color:rgba(255,255,255,1.00); font-size:18px; text-align:center; line-height:50px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right: 1px solid   #263D51; behavior: url(/PIE.htc); margin-top:50px; margin-bottom:50px;}
.button:hover { background: #314F68;  }	
.button-call { display:inline-block; float:left; width:70px; height:50px; background:#1E303F ; cursor:pointer; color:rgba(255,255,255,1.00); font-size:18px; text-align:center; line-height:50px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; behavior: url(/PIE.htc); margin-top:50px; margin-bottom:50px;}	
.button-call:hover { background: #314F68;  }

.page_container_mobile { display:block; width:calc(100% - 245); margin-left:245px; min-height:600px;  background:#2e4050 no-repeat center; }	
.container-profile { display: inline-block; width:100%; height:230px; background: #394F62; }	
.container-profile .profile-round { display:block; width:120px; margin-top:30px; height:120px; background:url(../images/profile_homme.png) center no-repeat; border-radius: 50%; }
.container-profile .profile-name { display:inline-block; float:left; width:100%; height:40px; color:rgba(255,255,255,1.00); font-size:18px; text-align:center; line-height:40px; }
.container-profile .profile-gift { display:inline-block; float:left; width:100%; height:20px; color:rgba(255,255,255,1.00); font-size:12px; text-align:center; line-height:20px; }

.container-title { display:block; width:100%; height:40px; }
.container-title .icon { display:block; float:right; width:40px; height:40px; text-align:center; font-size:16px; line-height:40px; color:rgba(255,255,255,1.00); border-bottom: 1px solid #4A6883  }
.container-title .text { display:block; float:right; min-width:150px; marging-left:10px; height:40px; text-align:right; font-size:12px; line-height:40px; color:rgba(255,255,255,1.00); border-bottom: 1px solid #4A6883;  }
	
	
.container-devices { display:inline-block; position:relative; float:left;  width:calc(100% - 10px); background:rgba(255,255,255,1); min-height:200px; margin:5px; }
.container-devices .devices-title { display:inline-block; width:calc(100% - 10px); height:40px; line-height:40px; margin-left:10px; border-bottom: 1px solid rgba(218,218,218,1.00); text-align:left; font-size:12px; }
.container-devices .devices-picture { display:block; float:left; width:120px; height:120px; margin:8px; color:rgba(115,115,115,1.00); font-size:76px; text-align:center; line-height:120px ; border: 1px solid rgba(218,218,218,1.00);  }
.container-devices .devices-infos { display:inline-block; float:left; width:calc(100% - 138px); min-height:120px; padding-top:30px; }
.container-devices .devices-open { display:inline-block; width:100%; height:20px; color:rgba(70,70,70,1.00); text-align:center; font-size:16px; text-align:20px; border-top: 1px solid rgba(218,218,218,1.00); }   
.container-devices .devices-status { display:block; position:absolute; top:20px; right:30px; min-width:100px; height:20px; line-height:20px; background:rgba(187,44,79,1.00); color:rgba(255,255,255,1.00); font-size:12px; padding:10px;  }
.container-devices .devices-bullet { display:block; position:absolute; top:65px; left:80px; color:rgba(255,255,255,1.00); background:rgba(154,0,2,1.00); font-size:16px; text-align:center; width:30px; height:30px; line-height: 30px;border-radius:50%; z-index:100; }

.container-devices .devices-infos .text { display:block; float:left; min-width:50px; height:20px; line-height:20px; margin-right:10px; color:rgba(0,0,0,1.00); text-align:left; }

.container-form { display:inline-block; float:left; width:calc(47% - 20px); min-height:60px; margin:10px; }
.container-form .label-form { display:inline-block; width:calc(100% - 5px); height:20px; line-height:20px; text-align:left; padding-left:5px; color: rgba(142,142,142,1.00); font-size:12px; }
.container-form .input-form { display:inline-block; float:left; width:calc(90% - 5px); min-height:40px; text-align:left; padding-left:5px; border-bottom: 1px solid rgba(142,142,142,1.00); } 
.container-form .input-form input { width:100%; height:40px; color:rgba(90,90,90,1.00); -webkit-appearance:none; font-size:16px; background:none; border:none; box-shadow:none; }
.container-form .input-form textarea { width:100%; height:100%; -webkit-appearance:none; border:none; box-shadow:none; }
.btn-form { display:inline-block; width:calc(100% - 20px); height:40px; margin:10px; line-height:40px; color:rgba(255,255,255,1.00); font-size:18px; text-align:center; background:rgba(45,89,120,1.00); } 


.container-files { display:inline-block; position:relative;  width:calc(100% - 10px); background:rgba(255,255,255,1); height:60px; margin:5px; }
.container-files .files-icon { display:block; float:left; width:40px; height:60px; text-align:center; font-size:18px; line-height:60px; color: rgba(36,99,166,1.00); border-bottom: 1px solid #4A6883; }
.container-devis { display:inline-block; width:calc(100% - 40px); height:60px; }
.container-devis .text { display:inline-block; float:left; min-width:50px; height:60px; padding:0px 10px; line-height:60px;  color:rgba(79,79,79,1.00); text-align:left; } 
.container-devis .status { isplay:block; float:right; width:60px; height:60px; text-align:center; font-size:18px; line-height:60px; color: rgba(100,100,100,1.00); border-bottom: 1px solid #4A6883; }

.return { display:inline-block; position:absolute; width:40px; height:40px; top:20px; left:20px; cursor:pointer; color:rgba(255,255,255,1.00); line-height:40px; font-size:32px; }
.display-title {  display:inline-block; min-width:130px; height:40px; position:absolute; top:20px; right:0px; color:rgba(255,255,255,1.00); line-height:40px; font-size:18px; }
.display-title .text { display:inline-block; float:left; min-width:calc(100% - 5px); height:40px; text-align:center; color:rgba(255,255,255,1.00); font-size:16px; }
.display-title .separate { display:inline-block; float:left; width:5px; height:40px; background:rgba(255,255,255,1.00); 
     -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px; } 
	
	
.br-theme-fontawesome-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}
.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f06b';
  color: #d2d2d2;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color:#ED6790;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ED6790;
}
.br-theme-fontawesome-stars .br-widget .br-current-rating {
  display: none;
}
.br-theme-fontawesome-stars .br-readonly a {
  cursor: default;
}
@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f06b';
    color: black;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f06b';
    color: black;
  }
}


@media only screen and (max-width: 768px) {
.page_container_mobile { display:block; width:100%; min-height:600px; margin:0px;  background:#2e4050 no-repeat center; }
body { background:url(../images/background.png) no-repeat center; background-size:cover; }
.container-devices { display:inline-block; position:relative;  width:calc(100% - 10px);  }
.container-login { display:inline-block; position:absolute; top:calc(50% - 180px); left:calc(50% - 200px); width:100%; height:300px;  } 
.container-login { left:0px; }	
textarea:focus, input:focus{ outline: none; }
.return { display:inline-block; position:absolute; width:40px; height:40px; top:20px; left:20px; color:rgba(255,255,255,1.00); line-height:40px; font-size:32px; }.display-title {  display:inline-block; min-width:130px; height:40px; position:absolute; top:20px; right:0px; color:rgba(255,255,255,1.00); line-height:40px; font-size:18px; }
.display-title .text { display:inline-block; float:left; min-width:calc(100% - 5px); height:40px; text-align:center; color:rgba(255,255,255,1.00); font-size:16px; }
.display-title .separate { display:inline-block; float:left; width:5px; height:40px; background:rgba(255,255,255,1.00); 
     -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px; } 
}