/* GENERAL */

.row {
    margin-left: -8px;
    margin-right: -8px;
}

.ml-10{
	margin-left: 10px;
}

.modal-dialog .modal-content{
	z-index: 100;
}

/* Add a background to (un)checked images */
input.labelauty + label > span.labelauty-unchecked-image,
input.labelauty + label > span.labelauty-checked-image{
	background-image: url('../img/sprite-forms.png');
}

input.labelauty + label{
	padding: 0;
	display: inline;
	background: transparent !important;
}

input.labelauty + label > span.labelauty-unchecked-image,
input.labelauty + label > span.labelauty-checked-image{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

input.labelauty ~ label{
	display: inline-block;
}

.dataTable input.labelauty ~ label{
	margin-top: 10px;
}

input.labelauty[type="checkbox"] + label > span.labelauty-unchecked-image{
	background-position: -5px -5px;
}

input.labelauty[type="checkbox"] + label > span.labelauty-checked-image{
	background-position: -35px -5px;
}

input.labelauty[type="radio"] + label > span.labelauty-unchecked-image{
	background-position: -5px -35px;
}

input.labelauty[type="radio"] + label > span.labelauty-checked-image{
	background-position: -35px -35px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left: 8px;
    padding-right: 8px;
}

.form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}

#main-content{
    min-height: 150px;
}

.require:after{
    content: '*';
    color: #dc0032;
    margin-left: 5px;
}

.require-before:before{
    content: '*';
    color: #dc0032;
    margin-right: 5px;
}

.popover-title,
.popover-content{
    color: #333;
}

.visible{
    display: inline-block !important;
}

h2.title-header {
    margin-bottom: 20px;
}

.myParcel h2.title-header {
	margin-top: 10px;
}

.bold {
    font-weight: 400;
}

.bg-dark-gray {
    background: #e3e4e4;
    padding: 20px 25px;
}

.date-block{
    background: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border: 3px solid #FFF;
    margin-bottom: 10px;
}

.date-block label{
    display: none !important;
}

.date-block input{
    display: none;
}

.date-block .icon{
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.date-block .day-name{
    display: block;
    text-align: center;
}

.date-block .day-name:first-line{
    font-size: 20px;
}

.date-block.active{
    border: 3px solid #dc0032;
}

/* FORMS STYLES */

.form-field {
    margin-bottom: 15px;
}

.myParcel-content .select2-container--default .select2-selection--single,
.myParcel-content input:not([type="radio"]):not([type="submit"]),
textarea{
    background: #FFF;
}

input:not([type="radio"]):not([type="submit"])[disabled] {
	border: 0;
	color: #999;
}

/* FMP - LOGIN PAGE */

.loginForm-container .login-panel{
    border-bottom: 1px solid #e6e7e7;
}

.loginForm-container .login-panel .table{
    margin-bottom: 0;
}

.loginForm-container .login-panel .field input ~ label{
    display: none;
}

.loginForm-container .login-panel .field label{
    bottom: -1px;
    padding: 5px 0px;
    margin-bottom: 0;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}

.loginForm-container .login-panel .field input:checked ~ label{
    color: #dc0032;
    border-bottom: 2px solid #dc0032;
}

.loginForm-container .error-container {
	margin: 0;
}

.loginForm-container .error-container label {
	margin: 5px 0;
}

/* INDEX PAGE */
.myParcel .row .col-xs-12.no-padding-left.background{
    top: auto!important;
}

.myParcel .tiles-action{
    padding: 16px 8px;
}

.myParcel .myParcel-content{
    padding: 16px;
}

@media(max-width: 768px){
	.myParcel .myParcel-content{
		padding-top: 0px;
	}
}

.myParcel .tiles-action .tile {
	padding-right: 0;
}

.myParcel .tiles-action .tile a:hover,
.myParcel .tiles-action .tile a:active,
.myParcel .tiles-action .tile a:focus{
    color: #414042;
}

.myParcel .tiles-action .tile a:hover > *,
.myParcel .tiles-action .tile a:active > *,
.myParcel .tiles-action .tile a:focus > *{
    outline: 1px solid #b7b6b7;
}

@media (max-width: 767px){ 
	
	.myParcel .tiles-action .tile a:hover > *,
	.myParcel .tiles-action .tile a:active > *,
	.myParcel .tiles-action .tile a:focus > *{
    	outline: none;
	}	
}

.myParcel .tiles-action .tile .content{
    background: #FFF;
    display: block;
    padding: 20px;
    min-height: 150px;
    position: relative;
}

.myParcel .tiles-action .tile:after{
    content: "";
    background-repeat: no-repeat;
    background-position: -50px -3766px;
    width: 11px;
    height: 19px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.myParcel .tiles-action .tile h2{
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
}

.myParcel .tiles-action .tile h2 .icon {
	position: absolute;
	left: 0;
	top: -5px
}

.myParcel .tiles-action .tile h2 .tile-text {
		
}

.myParcel .tiles-action .tile .tile-content{
    display: block;
    width: calc(100% - 20px);
}

.myParcel .tiles-action.odd .tile:first-child{
    width: 100% !important;
}

.myParcel .tiles-action .tile .content > .icon{
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.myParcel .tiles-action .tile .inactive .content{
    color: #a09fa0;
}

.myParcel .parcel-list li > div {
    display: none;
}

.myParcel .parcel-list li.active > div {
    display: block;
}

.myParcel .bottomActionBar {
	display: none;
}

/* TODO put into sprite*/
.icon.icon-REFUSE_A_PARCEL{
    background-image: url(../img/icons/svg/refuse_parcel_desktop.svg);
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
}

.ie .icon.icon-REFUSE_A_PARCEL,
.edge .icon.icon-REFUSE_A_PARCEL,
.no-svg .icon.icon-REFUSE_A_PARCEL{
    background-image: url(../img/icons/png/refuse_parcel_desktop@1x.png);
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
}

.icon.icon-REFUSE_A_PARCEL.inactive{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.6;
}

/* Messages - alert, info */

.alert {
	border: 1px solid  #dc0032;
	color: #dc0032;
	border-radius : 0px;
	padding: 10px;
	margin: 25px 0 -5px;
}

.alert ul{
	display: table;
}

.alert.multi-errors ul li {
	list-style-type: disc;
	list-style-position: inside;
	display: table-row;
}

.alert:not(.multi-errors) ul li{
	list-style: none;
}

.alert:not(.multi-errors) ul li:before{
	content: ""
}

.alert ul li:before{
	display: table-cell;
	padding-right: 10px;
	content: "\25CF";
}

.alert.info {
	border: none;
}

.alert.alert-danger{
	background: transparent;
}
.alert.alert-danger strong{
	display: none;
}

.alert.info p {
	font-size: 20px;
	color: #dc0032;
	font-weight: 300;
}

.alert.info p:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 15px;
}


.alert a{
	cursor: pointer;
}

.alert a:hover,
.alert a:active,
.alert a:focus{
	text-decoration: underline;
	color: #414042;
}

.t-error-single,
.has-error, .error,
.has-error label{
    color: #dc0032;
}

.has-error .select2-container,
.has-error input,
input.error{
    border: 1px solid #dc0032;
}

.notifyjs-bootstrap-error {
    background: #FFF url("../img/error.png") no-repeat 10px center;
    background-size: 20px 20px;
    border-color: #eed3d7;
    color: #dc0032;
    font-weight: normal;
    padding: 8px 15px 8px 35px;
}

@media (max-width: 768px){
    .notifyjs-bootstrap-base{
        white-space: normal;
        width: 280px;
    }
}

.error-container{
    margin: 5px 0;
}
/*************  ALERTS - END */


.login-disabled-container {
	margin-top: 50px;
}

.login-disabled-container #message {
	margin-bottom: 20px;
}

.parcel-disabled-info {
	padding-left: 20px;
}

.parcel-disabled-info ul {
	list-style: disc;
    list-style-position: inside;
}

.parcel-disabled-info ul li {
	margin-bottom: 10px;
}

#parcel-shop-list .pudo-list .item .location-map {
	display: none!important;
}
#parcel-shop-list .pudo-list .item .pudo-point-info {
	margin-bottom:20px
}

#parcel-shop-list .box-gray.disabled .holiday-on {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #808285;
}

#parcel-shop-list .pudo-list .item.disabled {
	opacity: 0.6
}

#parcel-shop-list .pudo-list .item.disabled.hover {
	background-color: #fff
}

#parcel-shop-list .pudo-list .item.disabled  .holiday-on {
	position: absolute;
	top: 20px;
	right: 20px;	
}
#parcel-shop-list .pudo-list .item.disabled .distance {
	color: #808285
}

.myParcel .actionBar.bottomActionBar span.icon.icon-arrow-big-black-left {
    display: none;
}

@media (max-width: 1199px) and (min-width: 1024px){
	.myParcel .tiles-action,
	.myParcel .myParcel-content {
	    padding-right: 34px;
	}

}
@media (max-width: 1024px) and (min-width: 768px) {
	.myParcel .tiles-action,
	.myParcel .myParcel-content {
	    padding-right: 28px;
	    display: block;
	}
	
}

@media (max-width: 767px){
	.myParcel .myParcel-content {
		padding-left: 24px;
	}
	.myParcel .parcel-list,
	.myParcel .nav-tabs {
		display: none;
	}
	.myParcel .tiles-action {
		padding-top: 0;
	}
	.myParcel .parcel-list li.active {
		background: #f2f3f3;
	}
	.myParcel .parcel-list li.active a,
	.myParcel .tiles-action .tile .tile-content {
		display: none;
	}
	.myParcel .tiles-action .tile .content {
		border-bottom: 1px solid #e6e7e8;
		padding: 25px 25px 25px 5px;
		min-height: auto;
	}
	.myParcel .tiles-action .tile .content > .icon {
		top: 21px;
		bottom: inherit;
		right: 5px;
	}
	.myParcel .tiles-action .tile:after {
		display: none;
	}
	.myParcel .bottomActionBar {
		display: block;
		padding-right: 0;
	}
	.myParcel .bottomActionBar h4 {
		margin: 16px 0;
    	text-align: center;
	}
	.myParcel .myParcel-content .bottomActionBar {
		padding: 0 16px;
    	margin: 0 -24px 0 -16px;
	}

    .myParcel .myParcel-content .bottomActionBar h4,
    .myParcel .myParcel-content .actionBar.bottomActionBar span.icon.icon-arrow-big-black-left {
		display: none;
	}
	.myParcel .actionBar.bottomActionBar a.icon.icon-arrow-big-black-left {
		position: absolute;
	    left: 28px;
	    top: 8px;
	    width: 30px;
	    height: 30px;
	    margin-left: 0;
	    text-indent: 999em;
	}
	.myParcel .myParcel-content .actionBar.bottomActionBar a.icon.icon-arrow-big-black-left {
        display: block;
		position: relative;
	    top: 0;
	    text-indent: 0;
	    width: auto;
	    left: 0;
	    height: auto;
	}
	
	.myParcel .tiles-action .tile {
		padding-right: 8px;
		padding-left: 16px;
	}
	.parcel-disabled-info {
		padding-left: 28px;
		padding-right: 18px;
	}
	.myParcel #errorContainer {
		clear: both
	}
	.myParcel .tiles-action .tile h2 {
		margin-bottom: 0;
	}
	.date-block {
		border-bottom: 1px solid #e6e7e8;
		margin-bottom: 2px;
	}
	.date-block.active {
		padding: 10px 8px;
    	margin: 0 -8px;
	}
	.date-block .icon {
		float:left
	}
	.date-block .day-name {
		text-align:left;
		padding-left: 35px;
		line-height: 30px;
		font-size: 12px !important;
	}
	.date-block .day-name:after {
		content: "";
		display: inline-block;
		background: url("../../img/icons/svg/arrow_big_black_right.svg") no-repeat center center;
		width: 11px;
		height: 19px;
		float: right;
		margin: 5px 0 0 0;
	}

    .date-block .day-name br,
    .myParcel .hideForMobile {
		display: none
	}
	.currentDeliveryDate {
		display: block;
	}
}

.redirection-feedback .actionBar a.icon.icon-arrow-big-black-left {
    text-indent: 0;
    width: auto;
    line-height: 20px;
    padding-left: 28px;
}

.redirection-feedback .actionBar .icon {
    text-indent: 9999em;
    width: 24px;
    height: 24px;
    margin: 8px 0 0 5px;
    overflow: hidden;
}

.redirection-feedback .actionBar {
    text-align: right;
    height: 37px;
    border-bottom: 1px solid #e6e7e8;
    padding-right: 8px;
}

@media (max-width: 992px) {
    .redirection-feedback .actionBar {
        margin: 0 -16px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 768px) {
    .redirection-feedback .actionBar {
        text-align: left;
    }
    .myParcel .bottomActionBar,
    .myParcel .myParcel-content .bottomActionBar {
    	display: none;
    }
}

.single-tiles-action span.tile-text{
	font-size: 13px;
	margin-top: 20px;
}

.single-tiles-action li{
	border: 1px solid #e6e7e7;
	text-align: center;
}

.single-tiles-action img{
	width: 90px;
	height: 100%;
}
/* BREADCRUMB IN HEADER - START */

.breadcrumb-navigation {
	position:absolute;
	top: 0px;
	background-color: #fff;
	padding: 15px 0px 0px 22px;
	z-index: 111;
	width: 75%;
	height: 40px;
}
.breadcrumb-navigation li {
	float: left; 
	font-size: 18px;
}

@media (max-width: 400px){ 
	.breadcrumb-navigation li {
		font-size: 14px;
	}
}

.breadcrumb-navigation li:FIRST-OF-TYPE {
	width: 10%;
}

.breadcrumb-navigation li:FIRST-OF-TYPE a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.breadcrumb-navigation li:LAST-OF-TYPE {
	width: 90%;
	text-align: center;
}

.breadcrumb-truncate {
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.security-check .breadcrumb-navigation,
body.parcelDetailsPage .breadcrumb-navigation {
	display: none!important;
}
body.redirection-options-page .breadCrumb {
	display: none;
}
body.redirection-options-page .breadCrumbRedirection {
	display:block!important;
}

/* BREADCRUMB IN HEADER - END */

@media (max-width: 991px){
	body:not(.homepage) #help{
		display: block !important;
		position: relative;
		top: 1px;
	}
	body:not(.homepage) #userPreferences{
		display: none !important;
	}
}

.auto-location-holder {
	padding-left: 8px;
}

@media (max-width: 1024px){
	.auto-location-holder {
    	padding-left: 20px;
	}
}
@media (max-width: 767px){
	.auto-location-holder {
    	padding-left: 23px;
	}
}

.iti {
	width: 100%;
}

.iti__flag {
	background-image: url(../img/lib/inputtel/flags.png) !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.iti__flag {
		background-image: url(../img/lib/inputtel/flags@2x.png) !important;
	}
}

.zip-code-input {
	text-transform: uppercase;
}