/******************************************************************
*** HEADER
******************************************************************/

.header-myaccount:hover .header-myaccount-submenu,
.header-myaccount .header-myaccount-submenu.submenuOver
{
    
	opacity: 1;
    top: 100%;
}

.header-myaccount-submenu {
    z-index: 99;
    position: absolute;

    margin-left: auto;
    margin-right: auto;
    background: #fcfeff;
    border-radius: 4px;
    padding: 10px;
    font: small Verdana, Geneva, sans-serif;
    margin-top: 0px;
    opacity: 0;
    min-width: 156px;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    top: 80%;
}
.header-myaccount-submenu-item{
    display: block;
    padding: 5px 0;
}
a.header-myaccount-submenu-item.item-logout {
    border-top: 1px solid #ececec;
    /*font-size: 80%;*/
}

.control-panel img{
	padding-bottom: 7px;
}

.cart-box:hover {
    cursor: pointer;
}


/******************************************************************
*** SIDEBAR
******************************************************************/

.form-control.is-invalid,.form-control.is-valid{
    /*border-color: #dc3545;*/
    border-width: 3px;
    border-style: solid;
}


/******************************************************************
*** HORAIRES / FILM DETAIL / 
******************************************************************/

.page-heading small {
    text-transform: initial;
}



/******************************************************************
*** ETAPE 1
******************************************************************/

input[type=radio   ]:not(old){
	width     : 2em;
	margin    : 0;
	padding   : 0;
	font-size : 1em;
	/*opacity   : 0;*/
}

input[type=radio   ]:not(old) + label{
	display      : inline-block;
	margin-left  : -2em;
	line-height  : 1.5em;
}

input[type=radio   ]:not(old) + label > span{
	display          : inline-block;
	width            : 0.875em;
	height           : 0.875em;
	margin           : 0.25em 0.5em 0.25em 0.25em;
	border           : 0.0625em solid rgb(192,192,192);
	border-radius    : 0.25em;
	background       : rgb(224,224,224);
	background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
	vertical-align   : bottom;
}

input[type=radio   ]:not(old):checked + label > span{
	background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=radio]:not(old):checked + label > span:before{
	content     : 'v';
	display     : block;
	width       : 1em;
	color       : rgb(153,204,102);
	font-size   : 0.875em;
	line-height : 1em;
	text-align  : center;
	text-shadow : 0 0 0.0714em rgb(115,153,77);
	font-weight : bold;
}
.affiche-etape-1{
	max-height: 260px;
	margin-bottom: 40px;
}
.trpaymeth.reg{
	display: none;
}
.bglunettes{
	background-color: #cdcdcd;
	height: 35px!important;
}
.bgpaymeth{
	padding-left: 15px!important;
	background-color: #333333;
	color:#fff!important;
}
.bgpaymeth input{
	/*background-color: #333333;*/
	color:black;
}



/******************************************************************
*** ETAPE PANIER
******************************************************************/
.checkout-wrapper tr > td{
    padding: 5px;
}
}
.checkout-wrapper tr > td:first-child{
    width: 15%;
}
.checkout-wrapper tr > td:first-child img{
    width: 100%;
    height: auto;
}

@media (max-width: 430px) {
    .checkout-wrapper tr > td{
        font-size: 12px;
    }
}


/******************************************************************
*** ETAPE PAIEMENT
******************************************************************/

.imgClass { 
    background-image: url(../paybox.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 270px;
    height: 171px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}



/******************************************************************
*** MON COMPTE
******************************************************************/
  #infos {
    display: none;
  }
  .account-form-wrapper {
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0 0 15px #00000026;
    padding: 15px;
    margin-top: 50px;
  }
  .account-form-wrapper .container{
    width: 100%;
  }

  .ui-tabs-panel form {
    overflow: hidden;
}


[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}


/******************************************************************
*** MON COMPTE
******************************************************************/

.form .form__title{
    width: 100%;
}