@import url('https://fonts.googleapis.com/css?family=Lato:400,500,600,700&display=swap');
.ov-btn.ov-btn-cancel-shopping {
    background: #E3000F;
}
.ov-btn.ov-btn-cancel-shopping:before {
    content: '';
    position: relative;
    width: 15px;
    height: 15px;
    margin: -1px 5px 0 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='M9.26331 2.51953L1.0101 10.7733c-.041524.0417-.071505.0943-.085782.1508l-.91478952 3.6717c-.02736398.1106.00511592.2281.08578012.3088.0610334.061.1441964.0948.2292624.0948.026055 0 .052706-.0032.078642-.0097l3.671767-.915c.05723-.0142.10922-.0441.15074-.0856l8.25398-8.25323-3.21639-3.21634zM14.5242 1.39415l-.9187-.918718c-.614-.614024-1.6842-.613429-2.2975 0L10.1826 1.6008l3.2162 3.21622 1.1254-1.12537c.3067-.30659.4757-.71468.4757-1.14869 0-.43402-.169-.8421-.4757-1.14881z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
}

.ov-btn.ov-btn-cancel-shopping:before {
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FEFEFE' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
    background-size: 15px 15px;
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(77, 166, 255, 0.28)
    url('http://i.stack.imgur.com/FhHRx.gif')

    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.divTable-even-Body .divTable-even-Row .divTable-even-Cell:first-child {
    padding-left: 20px;
}
.divTable-even-Cell{
    padding: 23px 8px;
}

.overview-copy-id-number-ttl {
    min-width: 20px;
}
.divTable-even-Body .divTable-even-Row .divTable-even-Cell:last-child {
    padding-right: 10px;
}

.page-clear-all{
    padding-left: 10px;
}

.page-clear-all {
    margin-top: 10px;
}
.page-clear-all,
.page-clear-all {
    position: relative;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.01em;
    text-decoration-line: underline;
    color: #FEFEFE;
    padding: 2px 22px 2px 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.page-clear-all:hover,
.page-clear-all:hover {
    color: #2452A0;
}
.page-clear-all:before,
.page-clear-all:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 15px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8057 2.19482c-2.92639-2.925755-7.6855-2.925755-10.61187 0-2.925108 2.92576-2.925108 7.68609 0 10.61188 1.46319 1.4625 3.38471 2.1935 5.30625 2.1935 1.92155 0 3.84242-.731 5.30562-2.1935 2.9257-2.92576 2.9257-7.68612 0-10.61188zm-2.2111 7.51665c.2445.24448.2445.63963 0 .88413-.1219.122-.282.1832-.4421.1832-.16002 0-.32011-.0612-.44205-.1832l-2.2104-2.21102L5.29027 10.595c-.12255.1219-.28265.1832-.4421.1832-.16006 0-.32016-.0613-.44209-.1832-.24448-.2445-.24448-.64031 0-.88418l2.20979-2.2104-2.2104-2.2104c-.24448-.24448-.24448-.64029 0-.88415.24386-.24448.63967-.24448.88415 0l2.2104 2.2104 2.2104-2.2104c.24448-.24448.63968-.24448.88418 0 .2445.24386.2445.63967 0 .88415l-2.21042 2.2104 2.21042 2.21105z' fill='%23FEFEFE' fill-opacity='.85'/%3E%3C/svg%3E");
    background-size: 15px 15px;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}


.radio-new{
    display: inline-flex;
    background: #fff;
    /* height: 70px;
    width: 400px; */
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    padding: 10px 7px;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
    font-family: 'Lato', sans-serif;
}



.radio-new .option {
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 6px;
    border: 2px solid #e6eef5;
    transition: all 0.3s ease;
    font-size: 15px;
    text-decoration: none;
}
.radio-new .option .dot{
    height: 20px;
    width: 20px;
    background: #e6eef5;
    border-radius: 50%;
    position: relative;
}
.radio-new .option .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}
input[type="radio"]{
    display: none;
}
#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2,
#option-3:checked:checked ~ .option-3,
#option-4:checked:checked ~ .option-4,
#option-5:checked:checked ~ .option-5,
#option-6:checked:checked ~ .option-6,
#option-7:checked:checked ~ .option-7,
#option-8:checked:checked ~ .option-8,
#option-9:checked:checked ~ .option-9,
#option-10:checked:checked ~ .option-10,
#option-11:checked:checked ~ .option-11,
#option-12:checked:checked ~ .option-12{
    border-color: #0069d9;
    background: #0069d9;
}


#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot,
#option-3:checked:checked ~ .option-3 .dot,
#option-4:checked:checked ~ .option-4 .dot,
#option-5:checked:checked ~ .option-5 .dot,
#option-6:checked:checked ~ .option-6 .dot,
#option-7:checked:checked ~ .option-7 .dot,
#option-8:checked:checked ~ .option-8 .dot,
#option-9:checked:checked ~ .option-9 .dot,
#option-10:checked:checked ~ .option-10 .dot,
#option-11:checked:checked ~ .option-11 .dot,
#option-12:checked:checked ~ .option-12 .dot{
    background: #fff;
}
#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before,
#option-3:checked:checked ~ .option-3 .dot::before,
#option-4:checked:checked ~ .option-4 .dot::before,
#option-5:checked:checked ~ .option-5.dot::before,
#option-6:checked:checked ~ .option-6 .dot::before,
#option-7:checked:checked ~ .option-7 .dot::before,
#option-8:checked:checked ~ .option-8 .dot::before,
#option-9:checked:checked ~ .option-9 .dot::before,
#option-10:checked:checked ~ .option-10 .dot::before,
#option-11:checked:checked ~ .option-11 .dot::before,
#option-12:checked:checked ~ .option-12 .dot::before{
    opacity: 1;
    transform: scale(1);
}
.radio-new .option span{
    font-size: 15px;
    color: #808080;
}
#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span,
#option-3:checked:checked ~ .option-3 span,
#option-4:checked:checked ~ .option-4 span,
#option-5:checked:checked ~ .option-5 span,
#option-6:checked:checked ~ .option-6 span,
#option-7:checked:checked ~ .option-7 span,
#option-8:checked:checked ~ .option-8 span,
#option-9:checked:checked ~ .option-9 span,
#option-10:checked:checked ~ .option-10 span,
#option-11:checked:checked ~ .option-11 span,
#option-12:checked:checked ~ .option-12 span{
    color: #fff;
}

/* select2 | white */
.select2-white .select2-container {
    border-bottom: none !important;
}
.select2-white .select2 .select2-selection--single {
    border: 1px solid #e6eef5 !important;
    border-radius: 5px !important;
    margin-bottom: 5px !important;
}
.select2-white .select2 .select2-selection__rendered {
    color: #1E1E1E !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.select2-white .select2 .select2-selection__rendered {
    color: #1E1E1E !important;
}
.select2-white .select2-dropdown {
    background-color: #fff !important;
    border: none !important;
}
.select2-white .select2-search__field {
    height: 40px !important;
    border: 1px solid rgba(245, 245, 245, 0.5) !important;
    color: #1E1E1E !important;
}
.select2-white .select2-results__option--selected {
    background: #2452A0 !important;
    color: #1E1E1E !important;
}
/* / select2 */


/* select2 */
.select2 {
    border: 0;
    border-bottom: 1px solid rgba(245, 245, 245, 0.5) !important;
}
.select2 .select2-selection--single,
.select2 .select2-selection__rendered {
    font-family: 'Lexend', sans-serif;
    position: relative;
    border: none !important;
    background: transparent !important;
    padding: 0 10px !important;
    height: 40px !important;
    width: 100% !important;
    max-width: 450px !important;
    font-size: 14px !important;
    line-height: 40px !important;
    border-radius: 0;
    color: #fefefe !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
}
.select2 .select2-selection__rendered {
    color: #fefefe !important;
    padding: 0 !important;
}
.select2-dropdown {
    background-color: rgba(30, 30, 30, 0.95) !important;
    border: none !important;
    border-radius: 5px;
}
.select2-search--dropdown .select2-search__field {
    height: 40px !important;
    border: 1px solid rgba(245, 245, 245, 0.5) !important;
}
.select2-container--default .select2-results__option--selected {
    background: #2452A0 !important;
    color: #fefefe !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #2452A0 !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: rgba(88, 150, 251, 0.5) !important;
}
/* / select2 */



.event-half-day{
    color: #479fff;
}

.user-info-block{
    max-width: 1000px;
}