.book .set {

        padding: 0px 10px 10px 10px;

    }

    .book .set .email,
    .book .set .name,
    .book .set .tab {

        display: inline-block;
        width: auto;
        padding: 10px 10px 11px 10px;
        cursor: pointer;

    }

    .book .set .email {

        display: none;
        color: #666666;

    }

    .book .set .email.show {

        display: inline-block;

    }

    .book .set .name {

        color: rgba(146,168,179,1.0);

    }

    .book .set .tab.selected {

        color: #222222;
        font-weight: 600;
    }

    .book .set .tab:not(.selected) {

        color: #666666;

    }

    .book .set .email:hover:not([disabled]),
    .book .set .tab:hover:not([disabled]) {

        filter: brightness(95%);

    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++ */

    .main {

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        /*align-items: stretch;
        justify-content: flex-start;*/
        /*background-color: rgba(242,246,248,1.0);*/
        /*background-color: rgba(238,244,246,1.0);*/

        padding: 0px 5px 0px 5px;

    }

    .main.policies {

        padding-top: 20px;

    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++ */

    .col {

        display: flex;
        flex-direction: column;
        /*flex-wrap: wrap;*/
        /*align-self: top;
        justify-content: top;*/

        flex-grow: 0;
        flex-shrink: 1;

        /*flex: 1 1 auto;
        align-items: flex-start;*/
        flex-basis: calc((100% - (7 * 10px)) / 7);
        padding: 0px 5px 10px 5px;

        overflow: hidden;

    }

    .col.times {

        flex-basis: calc((100% - (7 * 10px)) / 7);

    }

    .col.weak {

        opacity: 0.5;

    }

    .col > .title {

        width: calc(100% - 20px);
        border-top: 1px solid #dedede;
        padding: 9px 10px 10px 10px;
        cursor: default;

    }

    .col .grow {

        flex-grow: 1;
        flex-shrink: 0;
        /*flex: 0 0 auto;*/
    }

    .col .notop {

        border-top: none;

    }

    .col .values {

        font-size: 13px;

    }

    .col .extraTop {

        padding-top: 2px;

    }

    .col .values .value {

        display: inline-block;
        padding-right: 5px;
        margin-right: 5px;

        font-size: 13px;
        text-transform: uppercase;

    }

    .col .list {

        width: 100%;

    }

    .col .select {

        margin-right: 0px;

    }

    .col .item {


        position: relative;

        /*color: #555555;*/
        border-top: 1px solid #ffffff;
        cursor: pointer;
        width: calc(100% - 20px);
        padding: 9px 10px 10px 10px;

        /*background-color: rgba(242,246,248,1.0);*/
        background-color: rgba(242,246,248,1.0);

        overflow: hidden;

    }

    .col .remove {

        color: rgba(255,149,0,1.0);

    }


    .col .item:hover {

        filter: brightness(95%);

    }

    /*.col .item.title {

        cursor: default;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;

    }*/

    .col .item .bonus {

        display: none;

    }

    .col .item:hover .bonus {

        display: inline-block;

        /*float: right;*/
        /*font-size: 13px;
        text-transform: uppercase;*/

    }

    /*.col .link {


    }

    .col .link span {

        border-bottom: 1px solid rgba(84,199,252,1.0);
        padding-bottom: 2px;

    }*/

    .col .sub {

        color: rgba(146,168,179,1.0);

    }


    .col .body .clickable,
    .col .item .clickable,
    .col .title .clickable,
    .col .item.clickable,
    .col .title.clickable {

        cursor: pointer

    }

    .col .title.clickable:hover {

        filter: brightness(95%);

    }

    .popover .clickable,
    .col .body .clickable,
    .col .item .clickable,
    .col .title .clickable,
    .col .item.clickable .clickable,
    .col .title.clickable .clickable {

        /*color: rgba(84,199,252,1.0);*/
        color: #358dc6;

    }

    .col .item .clickable:hover,
    .col .title .clickable:hover,
    .col .item.clickable:hover .clickable,
    .col .title.clickable:hover .clickable {

        filter: brightness(95%);

    }

    .col .title .cancelled {

    	color: #f15a24;
        padding-bottom: 10px;
        font-weight: 600;

        font-size: 13px;
        text-transform: uppercase;

    }

    .col .title .confirmed {

        color: rgba(76,200,218,1.0);
        padding-bottom: 10px;
        font-weight: 600;

        font-size: 13px;
        text-transform: uppercase;

    }

    .col .title .booked {

        color: rgba(146,168,179,1.0);
        padding-bottom: 10px;
        font-weight: 600;

        font-size: 13px;
        text-transform: uppercase;

    }

    .col .title .edit {

    	color: #358dc6;
        padding-top: 10px;
        cursor: pointer

    }

    .col .title button.edit {

        padding-left: 0px;

    }

    .col .title .edit:hover {

        filter: brightness(95%);

    }

    .col .title .cancel {

    	color: #f15a24;
        padding-top: 10px;
        cursor: pointer

    }

    .col .title button.cancel {

        padding-left: 0px;

    }

    .col .title .cancel:hover {

        filter: brightness(95%);

    }

    .col .small {

        text-transform: uppercase;
        font-size: 14px;
        color: #888888;

    }

    .col .booking {

        background-color: rgba(84,199,252,1.0);
        color: #ffffff;

    }

    .col .single {

        line-height: 39px;
        padding: 0px 10px 0px 10px;
        height: 40px;

    }
    .col .next:hover {

        background-color: rgba(84,199,252,1.0);
        color: #ffffff;
        font-weight: 600;

    }

    .col .truncate {

        height: 40px;

        /* white-space: nowrap; */
        overflow: hidden;
        text-overflow: ellipsis;

    }

    .col .body {

        padding: 0px 10px 10px 10px;

    }

    .col .body .hours {

        /*width: 100%;*/

        display: block;
        border-top: 1px solid #efefef;
        padding: 9px 10px 10px 10px;
        margin: 0px -10px 0px -10px;

    }

    .col .body .hours .day {

        width: 40px;
        display: inline-block;

    }

    .col .body .hours .time {

        display: inline-block;

    }

    .col .body .action {

        display: block;
        border-top: 1px solid #efefef;
        padding: 9px 10px 10px 10px;
        margin: 0px -10px 0px -10px;

        /* white-space: nowrap; */
        overflow: hidden;
        text-overflow: ellipsis;

    }

    @media all and (max-width : 1440px) {

        .col {

            flex-basis: calc((100% - (6 * 10px)) / 6);

        }

        .col.times {

            flex-basis: calc((100% - (7 * 10px)) / 7);

        }
    }

    @media all and (max-width : 1200px) {

        .col {

            flex-basis: calc((100% - (5 * 10px)) / 5);

        }

        .col.times {

            flex-basis: calc((100% - (7 * 10px)) / 7);

        }
    }

    @media all and (max-width : 979px) {

        .col {

            flex-basis: calc((100% - (4 * 10px)) / 4);

        }

        .col.times {

            flex-basis: calc((100% - (7 * 10px)) / 7);

        }
    }

    @media all and (max-width : 767px) {

        .col {

            flex-basis: calc((100% - (3 * 10px)) / 3);

        }

        .col.times {

            flex-basis: calc((100% - (7 * 10px)) / 7);

        }
    }

    @media all and (max-width : 640px) {

        .col {

            flex-basis: calc((100% - (3 * 10px)) / 3);

        }

        .col.times {

            flex-basis: calc((100% - (4 * 10px)) / 4);

        }


    }

    @media all and (max-width : 480px) {

        .col {

            flex-basis: calc((100% - (2 * 10px)) / 2);

        }

        .col.times {

            flex-basis: calc((100% - (2 * 10px)) / 2);

        }


    }

    @media all and (max-width : 320px) {

    	.col {

            flex-basis: calc((100% - (2 * 10px)) / 2);

        }

        .col.times {

            flex-basis: calc((100% - (2 * 10px)) / 2);

        }

        .col.settings {

            flex-basis: calc(100% / 1);

        }
    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++ */

    .picker {

        display: none;

        position: fixed;
    	top: 0px;
    	left: 0px;
    	right: auto;
    	bottom: auto;

        width: 0px;
        height: 0px;

        background-color: rgba(0,0,0,0.2);
        /*background: rgba(146,168,179,0.2);*/

        overflow: hidden;
        z-index: 300;

    }

    .picker.open {

        display: flex;
        justify-content: center;

    	right: 0px;
    	bottom: 0px;

        width: auto;
        height: auto;

    }

    .picker .panel {

        position: relative;

        display: block;
        background-color: rgba(255,255,255,1.0);
        padding: 10px 10px 50px 10px;
        width: 100%;
        max-width: 420px;

        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        /*min-height: 100%;*/

    }

    .picker .close {

        display: block;

        position: absolute;
    	top: 0px;
    	left: auto;
    	right: 0px;
    	bottom: auto;

        width: auto;
        height: auto;

        line-height: 40px;
        /*font-weight: 600;*/
        padding: 10px 20px 11px 20px;
        text-align: center;

        /*color: rgba(146,168,179,1.0);*/

        color: #358dc6;
        overflow: hidden;
        cursor: pointer;

    }

    .picker .close:hover {

        filter: brightness(95%);

    }

    .picker .panel > .title {

        padding: 10px 80px 21px 10px;
        /*font-size: 13px;
        text-transform: uppercase;*/
        font-weight: 600;

    }

    .picker .panel > .title.clickable {

        cursor: pointer

    }

    .picker .panel > .title.clickable .clickable {

        /*color: rgba(84,199,252,1.0);*/
        color: #358dc6;
    }

    .picker .panel > .title.clickable .clickable:hover {

        filter: brightness(95%);

    }

    .picker .loading {

        padding: 0px 10px 0px 10px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 600;
        color: #999999;

        line-height: 49px;
        border-top: 1px solid #dedede;

    }

    .picker .panel .list {


    }

    .picker .panel .list .item {

        position: relative;

        color: #555555;
        /*line-height: 49px;*/
        border-top: 1px solid #dedede;
        cursor: pointer;
        width: calc(100% - 160px);
        padding: 15px 150px 16px 10px;
        background-color: #ffffff;

        /* white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */

    }

    .picker .panel .list .item.selected {

        font-weight: 600;

    }

    .picker .panel .list .item.title {

        cursor: default;
        text-transform: uppercase;
        font-size: 13px;
        color: rgba(146,168,179,1.0);
        font-weight: 600;
        padding-top: 30px;

    }

    .picker .panel .list .item.title:first-of-type {

        border-top: none;
        padding-top: 0px;

    }

    .picker .panel .list .item.marks {

        padding-left: 30px;

    }

    .picker .panel .list .item.values {



    }

    .picker .panel .list .item .value {

        position: absolute;
    	top: 0px;
    	left: auto;
    	right: 10px;
    	bottom: 0px;

        width: 65px; /* WAS 75px */
        height: auto;
        padding: 15px 0px 16px 10px;

        /*white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;*/

        text-align: right;

        font-size: 13px;
        text-transform: uppercase;

    }

    .picker .panel .list .item .value.request {

        width: 140px; /* WAS 150px */

    }

    .picker .panel .list .item .value + .value {

    	right: 85px; /* WAS 75px */

    }

    .picker .panel .list .item:not(.title):hover {

        filter: brightness(95%);

    }

    .picker .panel .list .item .mark {

        content: "";
        position: absolute;

        top: 17px;
        left: 7px;
        right: auto;
        bottom: auto;

        width: 16px;
        height: 16px;

        border-radius: 4px;
        background-color: #e9e9e9;

    }

    .picker .panel .list .item .mark:after {

        content: "";
        position: absolute;

        top: 0px;
        left: 0px;
        right: auto;
        bottom: auto;

        width: 16px;
        height: 16px;

        background-image: url(../_images/material/navigation/ic_check_24px.svg);
        background-size: 14px 14px;

        background-position: center center;
        background-repeat:  no-repeat;
        -webkit-filter: grayscale(1) invert(1) opacity(1.0);
        filter: grayscale(1) invert(1) opacity(1.0);

    }

    .picker .panel .list .item.selected .mark {

        /*background-color: #4cc8da;*/
        background-color: rgba(80,160,240,1.0);

    }

    .picker .panel .list .divide {

        margin-bottom: 20px;

    }


    /* +++++++++++++++++++++++++++++++++++++++++++++++++ */


    .popover {

        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 350;


    	/* display: flex;

    	position: fixed;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;

     	background-color: rgba(0,0,0,0.2);

    	flex-direction: column;
    	align-items: center; */
        z-index: 350;

    }



    .popover .shell {

    	overflow-y: scroll;
    	-webkit-overflow-scrolling: touch;

    	width: 100%;
    	max-width: 420px;
    	background-color: #ffffff;

    }

    .popover .wrap {

    	padding: 0px 10px 10px 10px;

    }

    /*.popover .title {

        padding: 20px 10px 10px 10px;

    }*/

    /*

    .popover .message {

    	color: #666666;

    }*/

    .popover .instruction {

    	padding: 20px 10px 10px 10px;


    }

    .popover .instruction + .instruction {

        padding-top: 10px;

    }

    .popover .error {

    	color: #f15a24;
        padding: 0px 10px 20px 10px;

    }

    .popover .select {

        margin-right: 0px;

    }

    /*.popover .action {

    	padding: 20px 0px 20px 0px;
    	margin: 20px 0px 0px 0px;
    	color: #666666;
    	cursor: pointer;

    }

    .popover .action[disabled] {

    	color: #666666;
    	cursor: default;

    }

    .hover .popover .action:hover:not([disabled]) {

    	color: #111111;

    }

    .popover a span {

    	border-bottom: 1px solid #dddddd;

    }

    .hover .popover a:hover span {

    	border-bottom: 1px solid #111111;

    }


    .popover .event {

    	padding: 16px 0px 16px 0px;
    	border-bottom: 1px solid #dedede;

    }

    .popover .event .cancelled {

    	color: #f15a24;

    }

    .popover .event .action {

    	color: #666666;
    	cursor: pointer;

    }

    .popover .event .confirmed {

    	color: #39b54a;

    }

    .popover .error {

    	color: #f15a24;

    }

    .popover .wrap .error {

    	margin: 0px 0px 16px 0px;

    }


    .popover .actions {

    	margin-top: 20px;

    }

    .popover .row {

    	padding: 20px 0px 20px 0px;

    }

    .popover .row:first-of-type {

    	padding-top: 32px;

    }


    .popover .row:last-of-type {

    	padding-bottom: 0px;

    }


    .popover .row .attribute {

    	color: #888888;
    	display: inline-block;
    	vertical-align: top;
    	width: 820px;

    }

    .popover .row .value {

    	display: inline-block;
    	vertical-align: top;
    	width: calc(100% - 820px);

    }

    .popover .row.full .value {

    	width: 100%;

    }

    .popover .row .value.full {

    	width: 100%;

    }

    .popover .row a.value {

    	color: #666666;

    }

    .hover .popover .row a.value:hover {

    	color: #111111;

    }

    .popover .row .sub {

    	font-size: 16px;
    	padding: 20px 0px 20px 0px;
    	color: #111111;
    	display: flex;

    }

    .popover .row .sub:first-of-type {

    	padding: 0px 0px 20px 0px;

    }



    .popover .row input[type="text"] {

    	margin: 0px 0px 0px 0px;
    	padding-left: 20px;
    	padding-right: 20px;
    	border: none;

    }

    .popover .row .sub input[type="checkbox"],
    .popover .row .sub input[type="radio"] {

    	display: none;

    }

    .popover .row .sub .check {

    	width: 24px;
    	display: inline-block;

    }

    .popover .row .sub input:checked + .check:before {

    	content:'check_box';
    }

    .popover .row .sub input:not(:checked) + .check:before {

    	content:'check_box_outline_blank';

    }

    .popover .row .sub .service {

    	width: calc(100% - 32px);
    	display: inline-block;

    }
    .popover .row .sub div.price {

    	width: 420px;
    	color: #666666;
    	display: inline-block;
    	text-align: right;

    }*/

    /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
    /* TOGGLE */

    .toggle  {

    	margin: 10px 5px 10px 5px;

    }


    .toggle .button {

    	/*background-color: #efedec;*/

        border-top: 1px solid #dedede;
    	color: #666666;
        width: calc(50% - 30px);
    	/*text-align: center;*/
        display: inline-block;
    	position: relative;
    	cursor: pointer;
    	padding: 10px 10px 11px 10px;
        margin: 0px 5px 0px 5px;

    }

    .toggle .button:hover {

        filter: brightness(95%);

    }


    .toggle .button.selected {

    	color: #222222;
        border-top: 1px solid #999999;

    }


    /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
    /* ACTIONS */

    .actions {

    	padding: 20px 5px 10px 5px;

    }

    .actions.below {

        padding-top: 0px;

    }

    .actions .primary {

    	background-color: #019ff1;
        color: #ffffff;

    	text-align: center;
    	width: 100%;
    	cursor: pointer;
    	line-height: 40px;
    	height: 40px;
        margin: 0px 5px 0px 5px;
        font-weight: 600;
        padding: 0;
    }

    .actions .secondary {

    	line-height: 40px;
    	color: #222222;
    	text-align: center;
        width: calc(100% - 10px);
    	cursor: pointer;
    	height: 40px;
        background-color: rgba(242,246,248,1.0);
        margin: 0px 5px 0px 5px;
        padding: 0;

    }

    .actions .stack {

    	line-height: 40px;
    	color: #222222;
    	text-align: center;
        width: calc(100% - 10px);
    	cursor: pointer;
    	height: 40px;
        background-color: #ffffff;
        border-top: 1px solid #dedede;
        margin: 0px 5px 0px 5px;
        color: #000000;
    }

    .actions button.stack {

        color: #000000 !important;

    }

    .actions .stack:last-of-type {

        border-bottom: 1px solid #dedede;

    }

    .actions .stack:hover:not([disabled]),
    .actions .primary:hover:not([disabled]),
    .actions .secondary:hover:not([disabled]) {

        filter: brightness(95%);

    }

    .actions.inline .primary,
    .actions.inline .secondary {

        display: inline-block;
    	width: calc(50% - 10px);

    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++ */



    /*
    .loader {

        display: none;

        position: fixed;
    	top: 0px;
    	left: 0px;
    	right: auto;
    	bottom: auto;

        width: 0px;
        height: 0px;

        background-color: rgba(0,0,0,0.2);
        overflow: hidden;

    }

    .loader.open {

        display: flex;
        align-items: center;
        justify-content: center;

    	right: 0px;
    	bottom: 0px;

        width: auto;
        height: auto;

    }

    .spinner {

        width: 50px;
        height: 50px;

        position: relative;
        margin: 100px auto;

    }

    .bounce {

        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: rgba(0,0,0,0.2);
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;

    }

    .loader .animation {

        -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
        animation: sk-bounce 2.0s infinite ease-in-out;

    }

    .loader .delay {

        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;

    }

    @-webkit-keyframes sk-bounce {

        0%, 100% { -webkit-transform: scale(0.0) }
        50% { -webkit-transform: scale(1.0) }

    }

    @keyframes sk-bounce {
        0%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        } 50% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }
    */