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

.logo {
    max-width: 150px;
    max-height: 25px;
}

.overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.75) url(../images/loading.gif) center center no-repeat;
    z-index: 3000;
}

.gridUI{
    height: 74vh;
}

.ui-grid-cell-contents.center-cell{
    text-align: center;
}

.breadcrumbActions{
    text-align: right;
    padding: 5px 5px;
    background-color: #f5f5f5;
    border: 1px solid;
    border-color: #d4d4d4;
    border-bottom: 0;
}

.topBreadcrumbAndActions{
    margin-top: 10px;
}

.breadcrumbActions button{
    border-radius: 4px;
}

.btn-multi-action-print{
    background-color: #F0F4C3;
    border-color: #d7dca4;
}

.btn-multi-action-markSent{
    background-color: #C8E6C9;
    border-color: #b0ccb1;
}

#printContent{
    display: none;
}

.lowResolution{
    background: #e92b27;
    color: #fff;
}
#panel-step1 .panel-heading, #panel-step2 .panel-heading{
    display: flex;
    justify-content: space-between;
}

.align-middle {
    vertical-align: middle !important;
}
.table-header-background {
    background-color: #ECECEC;
}

.panel-loading{
    min-height: 200px;
    background: transparent url('../images/spinner.svg') center center no-repeat;
    background-size: 80px;
}
.no-padding-left {
    padding-left: 0 !important;
}
.no-padding-right {
    padding-right: 0!important;;
}
.cursor-pointer {
    cursor: pointer;
}
.word-break-all {
    word-break: break-all;
}
.word-break-word {
    word-break: break-word;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-none {
    margin-top: 0 !important;
}
.form-group .error-message{
    color: red;
    font-size: 0.9em;
    padding-left: 5px;
}
.form-group input.error {
    border-color: #900;
}
.breadcrumb-select {
    border-radius: 4px;
    padding: 2px 10px;
}
ul.dropdown-menu > li > a {
    cursor: pointer;
}
.padding-right-20 {
    padding-right: 20px;
}
.clear-both {
    clear: both;
}
.contractTerms-container {
    padding:5px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    color: #101010;
    width: 90%;
    height: 300px;
    overflow: auto;
    text-align:justify;
    margin-bottom: 10px;
}
.manual-list > li {
    margin: 10px 0 20px;
}

.inline-block {
    display: inline-block;
}
.panel-heading > button {
    margin-top: -5px;
}

.form-cell-phone-wrapper .form-input {
    display: inline-block;
}

.form-cell-phone-wrapper .form-input:first-child {
    width: 29%;
}

.form-cell-phone-wrapper .form-input:nth-child(2) {
    width: 19%;
}

.form-cell-phone-wrapper .form-input:last-child {
    width: 48%;
}

.box-customer, .box-addresses, .box-freight, .box-item, .box-basket, .box-payment, .box-summary-left, .box-summary-right {
    display: inline-block;
}

.box-customer, .box-freight, .box-item, .box-summary-left {
    float: left;
}

.box-addresses, .box-basket, .box-payment, .box-summary-right {
    float: right;
}

.list-group-freight-ist {
    overflow-y: auto;
    max-height: 700px;
}

.label-freight-list {
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.label-freight-list  input {
    display: none;
}

.container-item-row {
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.container-item-row label {
    width: 100%;
}

.country-list-item {
    margin-top: 5px;
    background-color: #f0f8ff;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding: .2rem .5rem;
    font-size: 1rem;
    border: 1px dashed #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    justify-content: space-between;
}

p.country-list-item span{
    padding: .5rem .5rem;
}

.country-list-item span {
    display: block;
    width: 100%;
    padding: .1rem .2rem;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.country-remove {
    background: #de4d40;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-left: 1rem;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.country-remove:hover {
    color: #fff;
    text-decoration: none;
}

.container-input-dates {
    display: block;
    float: left;
    position: relative;
    width: 49%;
}

.container-input-dates button {
    width: 100%;
}

.input-dates-wrapper {
    width: 100%;
}

.input-dates-wrapper .container-input-dates:first-child{
    margin-right: 2%;
}

.configurator-product-content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
}

.configurator-product-content .product {
    width: 48%;
    max-width: 175px;
    margin: .5rem;
    padding: .5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px solid #e6e6e6;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: border .2s ease-in-out;
}

.configurator-product-content .product img {
    width: 70%;
    display: block;
    max-width: 80px;
}

.configurator-product-content .product-info {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 0 1rem;
}

.configurator-product-content .product-info span {
    text-align: center;
    display: block;
}

.configurator-product-content .product-price-label {
    font-size: .8rem;
}
.configurator-product-content .product {
    margin: .5rem;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: justify;
    align-items: center;
    border: 2px solid #e6e6e6;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: border .2s ease-in-out;
}

.configurator-product-content .product-info span {
    text-align: center;
    display: block;
}

.configurator-product-content .product-price {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.3rem;
}

.configurator-product-content .product-info span {
    text-align: center;
    display: block;
}

.configurator-product-content .product-days {
    font-size: .9rem;
    font-style: italic;
}

.configurator-product-content .product.selected, .configurator-product-content .product:hover {
    border-color: #2c4ca4;
}




.configurator-extras-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.configurator-extras-content .extra {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .25rem .25rem .25rem 2.5rem;
    margin-bottom: .5rem;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.configurator-extras-content .extra {
    margin: 0 0 .5rem;
    width: 100%;
    padding-left: 2rem;
}

.configurator-extras-content .extra:first-child {
    margin-left: 0;
}

.configurator-extras-content .extra-image {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0.5rem 1rem 0.5rem 2rem;
    display: block;
}

.configurator-extras-content .extra-info {
    align-items: start;
    margin: 0;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
}

.configurator-extras-content .extra-name {
    text-align: left;
    font-size: 1.5rem;
}

.configurator-extras-content .extra-price {
    text-align: left;
    font-weight: 700;
    font-size: 1.5rem;
}

.configurator-extras-content .extra:before {
    content: '';
    display: block;
    background: url(../images/icon-checkbox-unchecked.svg) center center no-repeat;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0;
    left: 0;
    margin-left: 1rem;
}

.configurator-extras-content .extra.selected:before {
    background: url(../images/icon-checkbox-checked.svg) center center no-repeat;
}

.configurator-extras-content .extra.item:before {
    content: '';
    display: none;
    background: none;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    left: 0;
    margin-left: 0;
}

.configurator-extras-content .extra.item .extra-info .extra-name {
    font-weight: bold;
    color: #9b0000;
    width: 100%;
}

.configurator-extras-content .extra.item .extra-info .extra-price {
    width: 100%;
}







.country-list-container {
    width: 100%;
    position: relative;
    left: 0;
    bottom: 0;
}

.country-list-selected {
    z-index: 300;
    position: absolute;
    top: 0;
    width: 100%;
}
ul.country-list-selected {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
li.country-list-item:hover {
    background: #fff;
    font-weight: 700;
}
li.country-list-item {
    margin-top: 0;
    font-size: 14px;
    background: #f2f2f2;
    color: #333;
    padding: 0.65rem;
    border: 1px solid #ddd;
    cursor: pointer;
}

.findPlans {
    margin-top: 10px;
}

.country-list-item.totalDays {
    /*padding: 10px;*/
}


.box-basket-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 98%;
    margin-left: 1%;
    border: 1px solid #ddd;
    padding: 10px 0;
}

@media (max-width: 425px){
    .box-basket-item {
        flex-direction: column;
    }
}

.box-basket-item-info img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 150px;
    max-height: 150px;
}

@media (max-width: 425px){
    .box-basket-item-info img {
        margin: 0 auto;
    }
}

.box-basket-item .box-basket-item-info {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 0 .5rem;
    align-content: center;
    flex-flow: wrap;
    /*min-width: 100px;*/
    /*max-width: 300px;*/
}
@media (max-width: 425px){
    .box-basket-item .box-basket-item-info{
        padding-top: 1rem;
    }
}

.box-basket-item-info.img {
    display: flex;
    flex-direction: row;
    align-content: center;
    /*width: 100px;*/
}

.box-basket-item .box-basket-item-info span {
    font-size: 1.2rem;
    flex-direction: row;
    display: flex;
    width: 100%;
}
@media (max-width: 425px){
    .box-basket-item .box-basket-item-info span {
        justify-content: center;
    }
}
/*
.box-basket-item .box-basket-item-info.extras {
    display: flex;
    flex-direction: row;
}*/
.box-basket-item .box-basket-item-info.period span {
    justify-content: center;
}
.box-basket-item .box-basket-item-info.extras {
    /*min-width: 180px;*/
}
.box-basket-item .box-basket-item-info.quantity {
    min-width: 250px;
}
.box-basket-item .box-basket-item-info.total span {
    justify-content: flex-end;
}
@media (max-width: 425px){
    .box-basket-item .box-basket-item-info.total span{
        justify-content: center;
        padding-top: 1rem;
    }
}

.box-basket-item  .box-basket-item-info.remove {
    width: 50px;
    justify-content: center;
    min-width: 50px;
}

.box-basket-item  .box-basket-item-info.remove span {
    width: auto;
    display: inline-block;
}

.summary-subtotal {
    color: #04c;
    font-weight: bold;
}

.summary-discount {
    color: #9b0000;
    font-weight: bold;
}

.summary-total {
    font-size: 2rem;
    color: #3c763d;
    font-weight: bold;
}

.no-border {
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

table.financial-config-plans > thead > tr, table.financial-config-plans > tbody > tr{
    display:flex;
    flex-flow:row wrap;
    width:100%;
}

table.financial-config-plans > thead > tr > th{
    flex: 1 1 25%;
}

table.financial-config-plans > tbody > tr > td{
    flex: 1 1 25%;
}

table.financial-config-plans > tbody > tr > td:last-child{
    flex: 4 1 100%;
    margin: 0;
    padding: 0;
    background-color: #CCC;
}

tr.row-day-title{
    background-color: #CCC;
}
tr.row-day-subtitle{
    background-color: #eee;
}

.ui-grid-header, .ui-grid-header-cell {
    height: 95px !important;
    background-color: #f3f3f3;
}
.container-flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    gap: 10px;
}
.container-flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    gap: 10px;
}

.overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}