/* CSS Developed by Avanza 01/11/2018 */
.iti-flag {background-image: url("flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {background-image: url("flags@2x.png");}
}

/* Modal Envío Paquete */
.pkt-quoting__inputs {
    width: 100%;
    float: left;
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}

#from-cp, #to-cp {
    width: 100%;
    padding-right: 44px;
}

.loadingbtn {
    background-color: '#ffffff';
    background-image: url(https://www.mycourtcircuit.be/images/PleaseWait.gif);
    background-size: 25px 25px;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent !important;
    background-color: transparent !important;
}
.loading {
    background-image: url(https://www.mycourtcircuit.be/images/PleaseWait.gif);
}

.pkt-quoting__package-modal .pkt-quoting__inputs input {
    width: 16% !important;
    float: left;
    margin: 5px;
    border: 1px solid #929292 !important;
    background: transparent !important;
}


.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    left: 0;
    right: auto;
}

.pkt-quoting__package-remove {
    position: absolute;
    top: 10px;
    right: 3px;
    font-weight: bold;
}

.pkt-quoting__declared-value input {
    padding: 0.5rem 0rem 0.5rem .5rem !important;
    margin-left: 5px;
    width: 206px;
    border-radius: 5px;
    border: 1px solid #929292;
    font-size: 12px!important;
}

.pkt-quoting__add-package {
    font-size: 10px;
    /*margin-left: 7px;*/
    background: #51b02b;
    width: 125px;
    margin-bottom: 5px;
    position: relative;
    z-index: 10;
    color: white;
    text-align: center;
    border-radius: 0px !important;
    padding: 10px;
 	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pkt-quoting__add-package:hover {
    background: #111c4e;
}


/* Modal Envío Sobre */
.pkt-quoting__fly-modal, .pkt-quoting__package-modal {
	padding:0;
    padding-top: 9px;
    padding-left: 8px;
}

.pkt-quoting__fly-modal:after {
    position: absolute;
    bottom: 96%;
    right: 69px;
    content: '';
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #fff transparent;
}

.pkt-quoting__fly-modal input{
	border: 1px solid #929292 !important;
	font-size: 12px!important;
}


.pkt-quoting__fly-modal .pkt-quoting__inputs input {
    width: 45% !important;
    float: left;
    margin: 0 5px;
    border: 1px solid #929292 !important;
}

.cta-menu a {
	border: 0px solid #fff; 
	  padding: 10px !important;
	border-radius: 8px;
	  background: #151b4e;
	  color: #fff !important;
	animation-name: pulse;
animation-duration: 5000ms;
transform-origin:70% 70%;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes pulse {
0% { transform: scale(1); }
30% { transform: scale(1); }
40% { transform: scale(1.08); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); }
}
.cta-menu a:hover {
	border: 0px solid #fff;
	  background: #151b4e;
	animation: none;
	  color: #fff !important;
		opacity: 1 !important;
}

.pkt-quoting__declared-value{
	font-weight:700;
	padding-left:8px;
}
.pkt-quoting .pkt-quoting__input-group input{
	font-size:14px!important;
	
}

#imgEstatus3{
	margin-top:-26px!important;
}
#imgEstatus4{
	margin-top:-5px!important;
}

#detalleenvios > div{
	border-width:4pt!important;
	border-radius:11px!important;
}

#cotizando .col-md-1{
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	width:9.7%;
	color:#525252 !important;
	
}
#cotizando .col-md-4{
	padding-left:8px;
	padding-right:2px;
	text-align:center;
	width:9%;
}

#cotizando .col-md-1 img{
	padding-left:2px;
	padding-right:8px;
	margin-top:-4px;
	max-height: 46px;
}

#cotizando .col-md-1 input{
	padding-left:2px;
	padding-right:2px;
	border:none;
	text-align:center;
	color:#727272;
}

#quotedetailscant{
	right: 0px !important;
	top: 2px!important;
}

#myModalQuotes h1{
	color:#525252 !important;
}

#myModalQuotes .modal-body{
	border-top-left-radius:80px;
	border-top-right-radius:80px;
	background:#fff!important;
}


#myModalQuotes .modal-content{
	background:#fff;
}

#cotizando{
	padding: 4px 8px!important;
}


.cotizando:hover{
	cursor:pointer;	
}

.cotizando > div{
	padding-top:6px!important;
	padding-left:15px;
	padding-right:15px;
}

.cotizando > div.col-md-3 > div {
	border-radius:5px !important;
	height:30px!important;
	padding-top:3px!important;
	max-width:80px;
}


.cotizando > div.col-md-3 > h2 {	
	font-family: Ebrima,"Open Sans",Arial,sans-serif;
}

.cotizacionseleccionada{
	border-color:#51b02b !important;
	
}

.cotizando img{
	margin-top: 0;
}

#myModalQuotes #frmRastrea > label{
	font-size:18px;
}

#myModalQuotes #frmRastrea > label, #myModalQuotes #frmRastrea > h1{
	padding-left:10px!important;
	
}

.cotizando .col-md-7 small{
	color:#525252 !important;
	font-size:17px;
}

.cotizando .col-md-7 small strong{
	color:#525252 !important;
	font-size:17px;
	font-weight:600!important;
}


.cotizando .col-md-3{
	color:#51b02b !important;
	font-size:15px
}

.cotizando .col-md-3 h2{
	color:#51b02b !important;
	font-weight:800;
	font-size:40px;
}
.cotizando .col-md-3 h2 small{
	color:#51b02b !important;
	font-weight:800;
	font-size:15px;
}

#cotizando .col-md-1 input{
	font-size:13px!important;
	padding: 8px 0px!important;
	height: 37px !important;
	border-width: 0px !important;
}

img.seleccionado{
	border-color:#51b02b !important;
}

.pkt-quoting__package-modal  input, .pkt-quoting__fly-modal  input{
	font-size:11px!important;
	
}

#menu-item-493 > a{
	color: #3baf29 !important;
}

.et_pb_slide_description{
	margin-top: -25% !important;
}

/*----- MODALES -------*/
.modal input{
	border-radius:10px;
	padding: 8px 10px !important;
	font-size:19px;
	border:3px solid #e1e1e1!important;
	height:46px !important;
	
}

.modal input[type="date"]{
	border-radius:10px;
	padding: 0px 10px !important;
	font-size:17px;
	border:3px solid #e1e1e1!important;
	height:46px !important;
	
}

.modal button{
	border-radius:10px;
	padding: 8px 10px !important;
	font-size:25px;
}

.modal-content{
	border-radius:23px;
	background: #f4f4f4;
	border:5px solid #aeaeae;
}

.modal .modal-body{
	border: none!important;
	background: #f4f4f4 !important;
}

#modal_formconsultafacturas > div{
	    max-width: 800px;
}
#modal_formconsultafacturas > div > div > div.modal-body.form{
    margin-left: 69px;
}
#modal_formconsultafacturas > div > div > div.modal-body.form>div{
	max-width:784px;
	margin: auto auto;
}

#modal_formconsultafacturas > div > div > div.modal-body.form > div:nth-child(1)  .col-md-2 b{
	text-align:left;
}

#modal_formconsultafacturas > div > div > div.modal-body.form > div.row > div.col-xs-4.col-md-4 > b{
	margin-left:15px;
}

#modal_formconsultafacturas > div > div > div.modal-body.form > div.row > div.col-xs-4.col-md-4{
	width:20%;
}

#myModalFacturacion .tab-content >div {
	width:100%!important;
}

#myModalFacturacion #datosticket{
	font-size:20px!important;
}

#body-facturacion{
	    margin-top: 30px;
	border-bottom:none!important;
}

#modal_formdatosfacturacion .modal-footer{
	border-top:none!important;
}

#formulariofacturacion p{
	padding-bottom:0px;
	margin:0px!important;
}

#formulariofacturacion label{
	padding-bottom:0px;
	margin:0px!important;
	font-weight:normal;
}

#formulariofacturacion input::placeholder { 
    opacity: 0;
}

#formulariofacturacion select{ 
    border-radius: 36px;
    padding: 8px 10px!important;
    font-size: 19px;
    border: 3px solid #e1e1e1!important;
    height: 46px!important;
}
#datosticket{
	font-size:20px!important;
	padding-left:30px;
}
#datosticket strong{
	font-size:30px!important;
}

.modal .modal-body button{
	float:right;
	margin-top:20px;
	border-radius:10px;
	padding: 8px 10px !important;
	font-size:25px;
	background:#51b02b;
	color:white;
	width:auto!important;
}


.modal-header{
	border-top-left-radius:18px!important;
	border-top-right-radius:18px!important;
	background:#51b02b;
	position:relative!important;
	height:100px;
}

#divestatus > div{
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}

.modal-header h2{
	position:relative;
	float:left;
	font-size:35px!important;
	width:100%;
	padding:0px;
	font-weight:700;
	color:white;
	margin: 10px 0px;
}

.modal-header h2 button,.modal-header h3 button{
	font-size:58px !important;
	padding:0px;
	font-weight:700;
	color:white;
	opacity:0.9;
	margin-top: -26px !important;
    margin-left: 11px !important;
}


.modal-header h3{
	position:relative;
	float:left;
	font-size:35px!important;
	width:100%;
	padding:0px;
	font-weight:700;
	color:white;
	margin: 10px 0px;
}

.modal-header  button{
	font-size:58px !important;
	padding:0px;
	font-weight:700;
	color:white;
	opacity:0.9;
	margin-top: -90px !important;
    margin-left: 11px !important;
}

#modal_formrastrea .modal-dialog{
	width :100%;
	max-width:660px!important;
}


#modal_formrastrea  .modal-content{
	border:none;
}

#myModalRastreo .modal-header{
	background:transparent;
	border-bottom:none;
	padding-bottom:0px
}

#myModalRastreo .modal-header span{
	display:none;
}

#myModalRastreo .modal-title{
	font-size:40px;
	padding:0px;
	font-weight:700;
	color: #606060;
}

#myModalRastreo .modal-body{
	border:none!important;
}

#frmRastrea > div:nth-child(5) > label{
	display:none;
}

#modal_formrastrea .modal-body label{
	color: #606060 !important;
	font-weight:700 !important;
}

#modal_formrastrea #divresultado > div > label{
	font-size:18px!important;
	margin-bottom:20px;
}

#modal_formrastrea #divestatus label{
	color: #60606066 !important;
	font-weight:700 !important;
}

#modal_formrastrea #divestatus label.statusActual{
	color: #606060 !important;
	font-weight:700 !important;

}

#cotizando input.btn{
	max-width:180px!important;
	font-size:17px;
	height:41px!important;
	border:none!important;
	margin-top:-5px;
	max-width: 168px!important;
  font-size: 16px;
}

#quoteResults{
	background:white!important;
	left: -6px !important;
	top: -6px !important;
	width: 102% !important;
}

#quoteResults input{
	width:100%;
	background:#dddddd;
}

#quoteResults input[type='checkbox'] {
    width: 21px!important;
    height: 15px!important;
}

.select-shipping__forms-summary{
	border:5px solid #dddddd;
	border-radius:18px;
	margin-top:30px;
}

.select-shipping__forms-summary-description{
	font-size:14px;
	font-weight:800;
	color:#606060!important;
}

.select-shipping__forms-summary-delivery-date{
	font-size:20px;
	font-weight:800;
	color:#606060!important;
	
}


.select-shipping__forms-summary-delivery-date{
	font-size:20px;
	font-weight:800;
	color:#606060!important;
	
}

.select-shipping__forms-summary-total{
	font-family:Ebrima;
	font-size:32px;
	font-weight:800;
	color:#51b02c!important;
	
}

.select-shipping__forms-summary-currency{
	font-size:12px;
	font-weight:800;
	color:#51b02c!important;
	
}

.select-shipping__single-form--origin label{
	margin-top:10px;
}

#sucursal-contacto{
	width:100%;
	border:none;
	border-bottom:2px solid;
	margin-top:10px;
}


#quoteResults > div > div:nth-child(2) > button:nth-child(1){
	background: #606060!important
}

#quoteResults > div > div:nth-child(2) > button.select-shipping__copy-data-btn.pull-right{
	background: #51b02c!important
}


.select-shipping__copy-data-btn{
	background: #151b4f;
	height:50px;
	border-radius:8px;
	padding-top:-4px!important;
}

.pkt-quoting__shipment-labels label input {
    height: 15px!important;
}

/* ULTIMOS */
#myModalFacturacion > div > div > div.modal-body{
	border-bottom-left-radius:18px;
	border-bottom-right-radius:18px;
}

#quote-btn{
	width:auto!important;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
}

#bodyformrastrea{
	
	border-bottom-left-radius:18px;
	border-bottom-right-radius:18px;
}

#formulariofacturacion label{
	padding-left:2px!important;
}

.pkt-quoting__package-modal, .pkt-quoting__fly-modal{
	background:#f4f4f4;
	z-index:6!important;
}
.select-shipping__send-button, .factura-switch.active{
	background: #3baf29;
}

.autocomplete-suggestion:hover{
	background:#e1e1e1;
	cursor:pointer;
}

#modal_formconsultafacturas > div > div > div.modal-footer > button{
	height:40px!important;
	padding-top:0px!important;
	border-radius:8px!important;
	background:#151b4e;
}

#myModalFacturacion .modal-header > button{
	font-size: 58px!important;
    padding: 0px;
    font-weight: 700;
    color: white;
    opacity: 0.9;
    margin-top: -80px!important;
    margin-left: 11px!important;
}

#btnfacturafacturar{
	background: #3baf29;
}

#modal_formdatosfacturacion > div > div > div.modal-footer > button.btn.btn-primary{
	background:#151b4e;
}

label.inputtitle {
	min-width:17%;
	text-align: center;
	margin-bottom:0px;
	width: 20% !important;
	margin-left:-2px;
}

.pkt-quoting__inputs{
	width: 100%;
}

.pkt-quoting__package-modal .pkt-quoting__inputs input{
	width: 17% !important;
	text-align:center;
}

.pkt-quoting__package-modal .pkt-quoting__inputs input:placeholder{
	width: 100% !important;
	
}

#declared-value{
	width: 17% !important;
	/*margin-left:36px!important;*/
}
#add-package-btn:hover{
	cursor:pointer;
}
.pkt-quoting__package-remove{
	right: -12px;
}
.pkt-quoting__package-remove:hover{
	cursor: pointer;
}

.select-shipping__form.active input{
	height:34.5px!important;
}

.factura-switch .square {
    width: 30px;
    height: 30px;
    background: white;
    border: 2px solid #5c5c5d;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 18px;
}

.factura-switch.active .square {
    width: 30px;
    height: 30px;
    background: white;
    border: 2px solid #5c5c5d;
    position: absolute;
    top: 0;
    left: 30px;
    border-radius: 18px;
}

.pkt-quoting__shipment-labels label input{
	
}

.ordenamiento {
    width: 100px!important;
    background: white!important;
  	color:#525252!important;
    font-weight: 400!important;
    padding: 0px 0px!important;
    text-align: center!important;
    padding-top: 0px!important;
    border-radius: 5px!important;
    height: 30px!important;
    font-size: 14px!important;
	margin-left:0px;
	margin-right:13px;
	margin-top: 0px!important;
}

.ordenamiento.activo {
  background:#449d44!important;
  color:white!important; 
}

.loadingbtn {
    background-color: '#ffffff';
    background-image: url(https://www.mycourtcircuit.be/images/PleaseWait.gif);
    background-size: 25px 25px;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent !important;
    background-color: transparent !important;
}