/*------------------------------------------------------------------------------*/
/*Mobile Version------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

.modal {padding-right: 0 !important; overflow: hidden;}
.loginmodal-container {  padding: 40px;  max-width: 320px;  width: 100% !important;  background-color: #F7F7F7;  margin: 0 auto;  border-radius: 2px;  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);  font-family: roboto;  border: 5px solid #4a1b57;}

.loginmodal-container h1 {  font-size: 2.2em;  font-family: roboto;  text-align: left;  font-weight: 300;}
.loginmodal-container input[type=submit] {  width: 100%;  display: block;  margin-bottom: 10px;  position: relative;  border-radius: 6px;  text-align: center;}
.loginmodal-container input[type=text], input[type=password] {  height: 44px;  font-size: 16px;  width: 100%;  margin-bottom: 10px;  -webkit-appearance: none;  background: #fff;  border: 1px solid #d9d9d9;
 border-top: 1px solid #c0c0c0;  /* border-radius: 2px; */  padding: 0 8px;  box-sizing: border-box;  -moz-box-sizing: border-box;}
.loginmodal-container input[type=text]:hover, input[type=password]:hover {  border: 1px solid #b9b9b9;  border-top: 1px solid #a0a0a0;  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}
.loginmodal {  text-align: center;  font-size: 14px;  font-family: 'Arial', sans-serif;  font-weight: 700;  height: 36px;  padding: 0 8px;}
.loginmodal-submit {  border: 0px;  color: #fff;  text-shadow: 0 1px rgba(0,0,0,0.1);  background-color: #4d90fe;  padding: 17px 0px;  font-family: roboto;  font-size: 14px;}
.loginmodal-submit:hover {  border: 0px;  text-shadow: 0 1px rgba(255,255,255,0.3);  background-color: #357ae8;}
.loginmodal-container a {  text-decoration: none;  color: #666;  font-weight: 400;  text-align: center;  display: inline-block;  opacity: 0.6;  transition: opacity ease 0.5s;}
.modal-backdrop {background-color: #fff; opacity: 0.8; }
.loginmodal-container input[type=text], input[type=password] {border: 2px solid;}
.loginmodal-container input[type=text]:hover, input[type=password]:hover {border: 2px solid;}
.modal-dialog {width: 320px; margin: 30px auto ;}
.modal-open { overflow: scroll; margin: auto; padding: 0 !important;}
.modal-backdrop.in {opacity: 0.75;}
.loginmodal-container {position: relative;}
.modal-popup-close { font-size: 60px; font-weight: 300; top: 0; position: absolute; right: 25px;}

/*------------------------------------------------------------------------------*/
/*TABLETTE Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

@media(min-width:768px) and (max-width: 992px){

 .modal-dialog {min-width: 320px; margin: 30px auto ; width: 100%;}

}

/*------------------------------------------------------------------------------*/
/*DESKTOP Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


@media(min-width:992px) {

 .modal-dialog {min-width: 320px; margin: 30px auto ; width: 100%;}


}