/* Minification failed. Returning unminified contents.
(1251,1): run-time error CSS1019: Unexpected token, found '@import'
(1251,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap")'
(1600,1): run-time error CSS1019: Unexpected token, found '@import'
(1600,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap")'
 */

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
    margin: 0;
    padding: 0;
    border: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}



.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    display: flex;
    align-items: center;
    text-align: center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    /**/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


    .se-pre-con .logo {
        width: 100%;
        height: 30vh;
        display: block;
        position: absolute;
        top: 7vh;
        left: 0;
        background-repeat: no-repeat;
        background-image: url('/img/Logo.png');
        background-position: center center;
        background-size: auto 40%;
    }

.lds-roller {
    display: block;
    position: relative;
    width: 128px;
    height: 128px;
    margin: 8vh auto 0 auto;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 64px 64px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #fff;
            margin: -6px 0 0 -6px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 100px;
                left: 100px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 108px;
                left: 90px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 114px;
                left: 78px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 116px;
                left: 64px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 114px;
                left: 50px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 108px;
                left: 38px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 100px;
                left: 28px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 90px;
                left: 20px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


html, body {
    height: -webkit-fill-available;
    min-height: 100vh;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 0;
}

body {
    background: #000000;
    font-size: 13px;
    min-height: 100vh;
    line-height: 1.33;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #003366;
}

hr {
    width: auto;
    height: 36px;
    display: block;
    padding: 0;
    border: 0;
    margin: 0 0 0 0;
    background: url('/img/separator.png') no-repeat center top;
    background-size: contain;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}

h1 {
    margin: 0 0 15px 0;
    padding: 35px 0 0 0;
    color: #003399;
}

h2 {
    color: #000;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin: 0;
    padding: 10px 0 10px 0;
    color: #003399;
}

h3 {
    color: #003399;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0;
    padding: 10px 0 10px 0;
}

.TextBox {
    padding: 10px 0;
    display: block;
    font-family: 'Montserrat', sans-serif;
    color: #003399;
}

    .TextBox p {
        text-align: left;
        font-size: 15px;
        line-height: 1.33;
        padding: 4px 16px 4px 16px
    }


a {
    color: #003399;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
}

    a:hover, a:focus {
        color: #000000;
        text-decoration: none;
        outline: none;
    }

    a.animated_link {
        position: relative;
        text-decoration: none;
    }


.gradient {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(148,146,161);
    background: linear-gradient(0deg, rgba(148,146,161,1) 0%, rgba(219,217,232,1) 100%);
    z-index: 0;
}

.FormWrapper {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    border: 0;
    padding: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.Step3Dx-content {
    width: 100%;
    min-height: 425px;
    margin: 0 auto;
    display: flex;
    flex-wrap:wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.report-menu {
    color: #fff;
    display: block;
    position: relative;
    max-width: 960px;
    min-height: 40px;
    padding: 20px;
    text-align: right;
}

.report-body {
    background-color: #fff;
    color: #666;
    display: block;
    position: relative;
    max-width: 960px;
    min-height: 960px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.report-header {
    display: block;
    text-align: center;
    color: #003399;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    padding: 20px 0;
}

    .report-header b {
        font-size: 32px;
        font-weight: 800;
    }

    .report-header img {
        width: 400px;
        border: 0;
        padding: 20px 0;
        margin: 0 auto;
    }

#form_container {
    background-color: #fff;
    color: #666;
    display: block;
    position: relative;
    width:100%;
    max-width: 960px;
    min-height: 460px;
    margin: 0;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.Error {
    display: block;
    margin: 0;
    padding: 2px 0;
    line-height: 14px;
    font-size: 12px;
    color: #e34f4f;
    font-weight: 700;
}


.StepHeader {
    display: block;
}

.StepContent {
    position: relative;
    display: block;
    min-height: 425px;
    margin: 0 auto;
    padding: 50px 25px;
}

.BoxCenter {
    display: block;
    vertical-align: top;
    width: 100%;
    height: auto;
    min-height: 70px;
}

.BoxInner {
    display: block;
    height: auto;
    padding: 0 15px 0 15px;
    min-height: 300px;
}


.ActionBar {
    position: relative;
    display: flex;
    height: 50px;
    justify-content: center;
    align-content: center;
}


.MaxW50 {
    max-width: 50px;
}

.MaxW100 {
    max-width: 100px;
}

.MaxW150 {
    max-width: 150px;
}

.MaxW200 {
    max-width: 200px;
}

.Cella100 {
    display: block;
    position: relative;
    width: calc(100% - 9px);
    padding: 5px 0 5px 5px;
    color: #003366;
    background: #fff;
    margin: 0 auto;
    border: 0;
    border-left: 2px solid #fd0;
    border-bottom: 2px solid #fd0;
    min-height: 40px;
    font-size: 14px;
    color: #003366;
    border-radius: 5px;
}

    .Cella100:hover {
    }

.DropDown {
    display: block;
    position: relative;
    width: calc(100% - 9px);
    padding: 0;
    background: rgba(255, 255, 255, 0.66);
    margin: 0 auto;
    border-left: 2px solid #fd0;
    border-bottom: 2px solid #fd0;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
}

    .DropDown:hover {
    }

    .DropDown select {
        width: calc(100% + 30px);
        height: 42px;
        font-size: 14px;
        color: #003366;
        min-height: 20px;
        border: 0;
        margin: -1px -1px -1px -1px;
        padding: 0 5px;
        z-index: 10;
        background: url('/img/down.png') no-repeat;
        background-position: calc(100% - 30px) center;
    }

.PaxDropDown {
    overflow: hidden;
    max-width: 60px;
    margin: 0 auto;
}

    .PaxDropDown select {
        line-height: 32px;
        font-size: 20px;
        font-family: 'Montserrat', sans-serif;
        min-height: 32px;
        border: 0;
        border-bottom: 1px solid #ddd;
        margin: 0;
        color: #333;
        padding: 0;
        width: calc(100% + 20px);
        z-index: 10;
        background: url('/img/down.png') no-repeat;
        background-position: calc(100% - 30px) center;
    }


.Radio {
    display: inline;
}

    .Radio input {
        display: block;
        float: left;
        height: 20px;
        width: 20px;
        padding: 0;
        margin: 4px 2px;
        overflow: hidden;
    }

    .Radio label {
        display: block;
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 0;
        font-family: 'Barlow', sans-serif;
        font-weight: 400;
        font-size: 14px;
        overflow: hidden;
        margin: 4px 2px;
    }

.scaler {
    position: absolute;
    width: 48px;
    height: 12px;
    top: 12px;
    right: 0;
}

    .scaler img {
        border: 0;
        float: left;
        margin: 0 6px;
    }

.CheckBox {
}

    .CheckBox input {
        width: 24px;
        height: 24px;
        border: 1px solid #003399;
        color: #003399;
        background: #ffffff;
        margin: 0 8px 0 0;
        display: inline-block;
    }

    .CheckBox label {
        color: #08b163;
        font-size: 12px;
        line-height: 14px;
        padding: 4px 0 0 0;
        display: inline-block;
        width: calc(100% - 32px);
    }




::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #08b163;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #08b163;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #08b163;
}


.ErrorBaloon {
    min-width: 60px;
    height: 30px;
    position: absolute;
    top: -8px;
    right: 16px;
    background: top left no-repeat;
    background-image: url('/img/Bk-ErrorBaloon.png');
    background-size: cover;
    color: #fff !important;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    padding: 4px !important;
}


.Hide {
    display: none;
}

.center {
    text-align: center;
}

.GetTicket {
    text-align: center;
    margin: 0 auto 12px auto;
    width: 75%;
    height: auto;
    max-width: 200px;
}



.row {
    position: relative;
    padding: 0;
    margin: 0;
    min-height: 20px;
}

    .row:before, .row:after {
        display: table;
        content: " ";
    }

    .row:after {
        clear: both;
    }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    text-align: left;
}

.col-dynamic {
    float: left;
}

.col-md-1 {
    width: 8.333333333333332%;
}

.col-md-2 {
    width: 16.666666666666664%;
}

.col-md-3 {
    width: 25%;
}

.col-md-4 {
    width: 33.33333333333333%;
}

.col-md-5 {
    width: 41.66666666666667%;
}

.col-md-6 {
    width: 50%;
}

.col-md-7 {
    width: 58.333333333333336%;
}

.col-md-8 {
    width: 66.66666666666666%;
}

.col-md-9 {
    width: 75%;
}

.col-md-10 {
    width: 83.33333333333334%;
}

.col-md-11 {
    width: 91.66666666666666%;
}

.col-md-12 {
    width: 100%;
}

.col-content1 {
    position: relative;
    display: block;
    background: #e7e6ea;
    background: linear-gradient(0deg, #e7e6ea 0%, #ffffff 100%);
    border-radius: 5px;
    margin: 6px auto;
}

.col-content2 {
    position: relative;
    display: block;
    background: rgba(0,51,153,0.3);
    background: linear-gradient(0deg, rgba(0,51,153,0.3) 0%, #ffffff 100%);
    border-radius: 5px;
    margin: 6px auto;
}

.col-content3 {
    position: relative;
    display: block;
    background: rgba(255,204,0,0.6);
    background: linear-gradient(0deg, rgba(255,204,0,0.6) 0%, #ffffff 100%);
    border-radius: 5px;
    margin: 6px auto;
}

#PnlIntro {
    display: block;
    min-height: 360px;
    border-radius: 10px;
    background: no-repeat bottom left rgb(148,146,161);
    background-image: url('/img/wallpaper.jpg');
    background-size: cover;
}

.col-inner {
    position: relative;
    display: block;
    padding: 6px 3px;
}

.col-inner-flex {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

.col-inner p {
    margin: unset;
    padding: 0 0 3px 0;
    line-height: 14px;
    height: auto;
    font-size: 12px;
    text-transform: unset;
    color: #666;
    white-space: normal;
    overflow: visible;
    text-align: unset;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: center !important;
}


    .col-inner p u {
        font-size: 12px;
        font-weight: 600;
        color: #c00;
        display: block;
        text-decoration: none;
    }

    .col-inner p b {
        font-size: 12px;
        font-weight: 600;
        color: #039;
        display: block;
        text-transform:uppercase;
        text-decoration: none;
    }

    .col-inner p i {
        font-size: 11px;
        line-height: 12px;
        letter-spacing: 0;
        color: #08b163;
        font-style: normal;
    }

.cn, .Cn {
    text-align: center !important;
}

.sx, .Sx {
    text-align: Left !important;
}

.dx, Dx {
    text-align: right !important;
}



.PulsanteS {
    display: inline-block;
    position: relative;
    min-width: 120px;
    height: 40px;
    margin: 0 4px;
    font-family: 'Barlow', sans-serif;
}



    .PulsanteS a {
        display: block;
        min-width: 90px;
        height: 32px;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        padding: 0 8px 0 8px;
        border-radius: 16px;
        color: #003399;
        text-decoration: none;
        line-height: 32px;
        background: rgb(148,146,161) repeat-x;
        background-image: url('/img/bk-Pulsante.png');
        background-size: auto 64px;
        background-position: top left;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        transition: all 0.25s;
    }

        .PulsanteS a:hover {
            text-decoration: none;
            background-position: bottom left;
            color: #ffcc00;
        }

.Pulsante, .forward, .backward {
    display: flex;
    position: relative;
    min-height: 50px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    align-content: center;
    align-items: center;
}

    .Pulsante a, .forward a, .backward a {
        display: inline-block;
        min-width: 90px;
        height: 40px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        text-align: center;
        padding: 0 10px 0 10px;
        margin: 5px;
        color: #003399;
        border-radius: 20px;
        text-decoration: none;
        line-height: 40px;
        background: rgb(148,146,161) repeat-x;
        background-image: url('/img/bk-Pulsante.png');
        background-size: auto 80px;
        background-position: top left;
        box-shadow: 0 0 5px rgba(0,0,0,0);
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        transition: all 0.25s;
    }

        .Pulsante a:hover, .forward a:hover {
            box-shadow: 0 5px 10px rgba(0,0,0,0.5);
            background-position: bottom left;
            color: #ffcc00;
        }

    .backward a {
        color: #333;
        background-image: url('/img/bk-Pulsante-off.png');
    }

        .backward a:hover {
            box-shadow: 0 5px 10px rgba(0,0,0,0.5);
            background-position: bottom left;
            color: #fff;
        }


.prezzo {
    color: #111;
    font-size: 18px;
    font-weight: 600;
}

    .prezzo u {
        font-size: 14px;
        color: #999;
        font-weight: 400;
        text-decoration: line-through;
    }

    .prezzo strong {
        font-size: 20px;
        color: #003399;
        font-weight: 800;
    }


.Console {
    display: block;
    background: #333;
    color: chartreuse;
    padding: 10px;
    font-family: Consolas, sans-serif;
    position: relative;
    margin: 50px auto;
    max-width: 1200px;
}
/*  Modal */
.modal {
    display: none;
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
}

.modal-content {
    background-color: #fefefe;
    color: #000;
    margin: 100px auto 0 auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    box-shadow: #222 0 0 10px;
    border-radius: 6px;
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    z-index: 99;
}

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: 800;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-header {
    position: relative;
    display: block;
    padding: 20px;
    height: 35px;
    text-align: right;
    background: #fff;
}

.modal-title {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 800;
}

.modal-body {
    position: relative;
    display: block;
    padding: 0;
    height: 320px;
    width: 100%;
    overflow: auto;
    text-align: left;
    background: #fff;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    .modal-body b, .modal-body strong {
        color: #003399;
    }

.modal-footer {
    position: relative;
    display: block;
    padding: 20px;
    height: 35px;
    text-align: right;
    background: #fff;
}

.modal-bt {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 90px;
    height: 35px;
    margin: 2px;
}

    .modal-bt a {
        display: block;
        width: 90px;
        height: 35px;
        font-size: 15px;
        font-weight: 800;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        line-height: 35px;
        background: rgb(0,94,125) repeat-x;
        background-image: url('/img/bk-Pulsante.png');
        background-size: auto 70px;
        background-position: top left;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        transition: all 0.25s;
    }

        .modal-bt a:hover {
            background-position: bottom left;
        }

.footer {
    display: block;
    margin: 0 auto 0 auto 50px;
}


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

    .gradient {
        position: fixed;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        min-width: 100vw;
        top: 0;
        left: 0;
        background: #ffffff;
        z-index: 0;
    }

    #form_container {
        width: 100%;
        margin: 0;
        border-radius: 0;
        text-align: center;
        box-shadow: none;
    }

    #left_form {
        margin-left: 0;
    }

    .col-dynamic {
        float: none;
        display: block;
        width: 100%;
    }
}


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



    .Pulsante a, .forward a, .backward a {
        font-family: 'Roboto Condensed', sans-serif;
    }


    .StepContent {
        padding: 25px 0;
    }



    .BoxInner {
        padding: 0 10px;
    }

    .col-inner p {
        font-size: 11.5px;
        letter-spacing: 0;
    }


    .s1 {
        display: block;
        margin: 0;
        padding: 10px 0;
        line-height: 15px;
        font-size: 15px;
    }
}





.no-print {
    display: block;
}

@media print {
    .no-print {
        display: none;
    }

    body {
        background: #fff;
    }

    .row {
        min-height: 16px;
    }

    .report-body {
        box-shadow: none;
    }

    .report-header {
        padding: 0 0 0 0;
    }

        .report-header img {
            padding: 0 0 15px 0;
            width: 40%;
        }


    .Step3Dx-content {
        min-height: 90px;
    }

    .report-content {
        padding: 0 0 0 0;
    }

    .report-box {
        border: 1px solid #003399;
        border-radius: 6px;
        margin: 3px;
        font-size: 12px;
        line-height: 14px;
    }

    .Note-box {
        border: none;
    }

    .box-inner {
        padding: 0 4px;
        min-height: 68px;
        font-size: 12px;
        line-height: 14px;
    }

        .box-inner p {
            font-size: 12px;
            line-height: 14px;
            padding: 1px 0 1px 0;
        }

            .box-inner p b {
                font-size: 14px;
            }


}

@import url("https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap");

.MyCalendar .ajax__calendar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-family: sans-serif;
    font-weight: 400;
    font-family: Roboto,sans-serif !important;
}

.MyCalendar .ajax__calendar_container {
    width: 250px;
    min-height: 300px;
    border-radius: 10px;
    background: #f1f1f1;
    color: #1565c0;    
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    position: relative;
    display: block;
    z-index: 100;
    text-align: center;
    font-size: 14px;
}

.MyCalendar .ajax__calendar_body {
    width: 230px;
    height: 240px;
    border: none;
    position: relative;
    display: block;
    z-index: 100;
    margin: 8px auto 8px auto;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

.MyCalendar .ajax__calendar_header {
    position: relative;
    display: block;
    width: 250px;
    height: 40px;
    overflow: hidden;
}

.MyCalendar .ajax__calendar_title {
    display: block;
    color: #1565c0;
    line-height: 39px;
    font-weight: 600;
    font-size: 16px;
    border-bottom: solid 1px #1565c0;
    text-align: center;
}


.MyCalendar .ajax__calendar_next,
.MyCalendar .ajax__calendar_prev {
    display: block;
    position: absolute;
    top: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    background:transparent no-repeat center center;
    background-size: 40px 40px;
    margin:5px 0 0 0;
}

.MyCalendar .ajax__calendar_next {
    right: 0;
    background-image: url('/img/calendar_next.png')
}

.MyCalendar .ajax__calendar_prev {
    left: 0;
    background-image: url('/img/calendar_prev.png')
}

.MyCalendar .ajax__calendar_days {
}


.MyCalendar .ajax__calendar_dayname {
    margin: 0 1px 1px 1px;
    text-align: center;
    color: #1565c0;
    line-height: 24px;
    width: 28px;
    height: 24px;
}

.MyCalendar .ajax__calendar_day {
    margin: 0 1px 1px 1px;
    text-align: center;
    border: none;
    color: #1565c0;
    background: #fff;
    line-height: 32px;
    width: 28px;
    height: 32px;
    border-radius: 5px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}

.MyCalendar .ajax_calendar_invalid .ajax_calendar_day {
    margin: 0 1px 1px 1px;
    text-align: center;
    border: none;
    color: #fff !important;
    background: #ddd !important;
    line-height: 32px;
    width: 28px;
    height: 32px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
/*
.MyCalendar .ajax_calendar_invalid {
    margin: 0 0 1px 1px;
    text-align: center;
    border: none;
    color: #fff !important;
    background: #ddd !important;
    line-height: 32px;
    width: 28px;
    height: 32px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day
{
    color: #fff;
    background: #1565c0;
    font-weight: bold;
}
    */

.MyCalendar .ajax__calendar_invalid .ajax__calendar_day
/* Add class for your Invalid dates*/ {
    margin: 0 0 1px 1px;
    text-align: center;
    border: none;
    color: #fff !important;
    background: #ddd !important;
    line-height: 32px;
    width: 28px;
    height: 32px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}


.MyCalendar .ajax__calendar_today {
    font-weight:bold;
}




.MyCalendar .ajax__calendar_months {
    display: block;
    width: 232px;
    height:135px;
    background: #f1f1f1;
    overflow: hidden;

}

.MyCalendar .ajax__calendar_month {
    text-align: center;
    border: none;
    color: #000;
    background: #fff;
    width: 58px;
    height: 44px;
    padding: 0;
    margin: 0 0 1px 1px;
    overflow: hidden;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}


.MyCalendar .ajax__calendar_years {
    display: block;
    width: 232px;
    height: 135px;
    background: #f1f1f1;
    overflow: hidden;
}

.MyCalendar .ajax__calendar_year {
    margin: 0 0 1px 1px;
    text-align: center;
    border: none;
    color: #000;
    background: #fff;
    width: 58px;
    height: 44px;
    overflow: hidden;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}


.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    background: rgba(21,101,192,0.33);
    font-weight: bold;
}






/*
 * author: Lin.Chung
 * email: zjl_java@163.com
 * address: https://github.com/zhongjinglin/chungTimePicker
 * date: 2017/9/28
 * version: 1.0
 */

.chung-timepicker * {
	font-family: "Roboto";
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	text-align: center;
}

.chung-timepicker {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	display: block;
	min-width: 160px;
	padding: 10px;
	margin: 2px 0 0;
	text-align: left;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-color: #fff;
}

.chung-timepicker:before {
	content: '';
	position: absolute;
	display: inline-block;
	left: 10px;
	top: -7px;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #ccc;
}

.chung-timepicker:after {
	content: '';
	position: absolute;
	display: inline-block;
	left: 11px;
	top: -6px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
}

.chung-timepicker>.chung-timepicker-hours,
.chung-timepicker>.chung-timepicker-minutes {
	vertical-align: top;
}

.chung-timepicker table {
	width: 100%;
}

.chung-timepicker .title:hover {
	cursor: auto;
	background: #fff;
}

.chung-timepicker td:hover,
.chung-timepicker th:hover,
.chung-timepicker-bottom .bottom-btn:hover {
	background: #eeeeee;
	cursor: pointer;
}

.chung-timepicker td.active {
	background-color: rgb(101, 206, 167);
	color: rgb(255, 255, 255);
	text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.chung-timepicker td,
.chung-timepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	padding: 5px;
}

.chung-timepicker .icon-arrow-left {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 2px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url('/img/glyphicons-halflings.png');
	background-position: -240px -96px;
	background-repeat: no-repeat;
}

.chung-timepicker-bottom {
	margin-top: 5px;
}

.chung-timepicker-bottom .bottom-btn {
	display: inline-block;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, .15);
	font-weight: 500;
}

@import url("https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap");
.mdtimepicker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(5px);
    transition: background-color .28s ease;
    z-index: 100001
}
    .mdtimepicker .mdtp__wrapper {
        position: absolute;
        display: flex;
        flex-direction: column;
        left: 50%;
        bottom: 24px;
        min-width: 280px;
        opacity: 1;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transform: translateX(-50%) scale(1);
        box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
        transition: transform .28s ease,opacity .28s ease;
        overflow: hidden;        
        border-radius: 10px;
        background:#f1f1f1;
    }.mdtimepicker .mdtp__wrapper.animate{transform:translateX(-50%) scale(1.05);opacity:0}.mdtimepicker .mdtp__time_holder{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:46px;padding:20px 24px;color:hsla(0,0%,100%,.5);text-align:center;background-color:#1565c0}.mdtimepicker .mdtp__time_holder>span{display:inline-block;line-height:48px;cursor:default}.mdtimepicker .mdtp__time_holder>span:not(.mdtp__timedots):not(.mdtp__ampm){cursor:pointer;margin:0 4px;transition:color .2s linear}.mdtimepicker .mdtp__time_holder .mdtp__time_h.active,.mdtimepicker .mdtp__time_holder .mdtp__time_m.active{color:#fafafa}.mdtimepicker .mdtp__time_holder .mdtp__ampm{font-size:18px;cursor:pointer;transition:color .2s linear}.mdtimepicker .mdtp__time_holder .mdtp__ampm:hover{color:#fafafa}
    .mdtimepicker .mdtp__clock_holder {
        position: relative;
        background: #f1f1f1;
    }.mdtimepicker .mdtp__clock_holder .mdtp__clock{position:relative;width:250px;height:250px;margin:20px;border-radius:50%;background-color:#ffffff}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__am,.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__pm{display:block;position:absolute;bottom:-8px;width:36px;height:36px;line-height:36px;text-align:center;cursor:pointer;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.05);transition:background-color .2s ease,color .2s;z-index:3}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__am:hover,.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__pm:hover{background-color:rgba(0,0,0,.1)}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__am.active,.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__pm.active{color:#fafafa;background-color:#1565c0}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__am{left:-8px}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__pm{right:-8px}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__clock_dot{position:absolute;top:50%;left:50%;padding:4px;border-radius:50%;background-color:#1565c0;transform:translate(-50%,-50%)}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__hour_holder,.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder{position:absolute;top:0;width:100%;height:100%;opacity:1;transform:scale(1);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;overflow:hidden}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__hour_holder.hidden,.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder.hidden{display:none}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__hour_holder.animate{transform:scale(1.2);opacity:0}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder.animate{transform:scale(.8);opacity:0}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit{position:absolute;width:50%;top:50%;left:0;margin-top:-16px;transform-origin:right center;z-index:1}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit span{display:inline-block;width:32px;height:32px;line-height:32px;margin-left:8px;text-align:center;border-radius:50%;cursor:pointer;transition:background-color .28s,color .14s}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit.inner--digit{width:36%;left:14%;z-index:2}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit.active span,.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover{background-color:#1565c0!important;color:#fff;z-index:2}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit.digit--disabled span{color:#c8c8c8;cursor:not-allowed;background-color:transparent!important}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit.active:before{content:"";display:block;position:absolute;top:calc(50% - 1px);right:0;height:2px;width:calc(100% - 40px);background-color:#1565c0}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder .mdtp__digit{font-size:13px}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker){margin-top:-6px;height:12px}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker) span{width:12px;height:12px;line-height:12px;margin-left:14px}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker).active:before{width:calc(100% - 26px)}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder .mdtp__digit.marker{margin-top:-12px}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder .mdtp__digit.marker span{width:24px;height:24px;line-height:24px;margin-left:10px}.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__minute_holder .mdtp__digit.marker.active:before{width:calc(100% - 34px)}.mdtimepicker .mdtp__buttons{padding:0 10px 10px;text-align:right}.mdtimepicker .mdtp__buttons .mdtp__button{display:inline-block;padding:0 16px;min-width:40px;text-align:center;text-transform:uppercase;line-height:32px;font-weight:500;cursor:pointer;color:#1565c0;border-radius:4px;transition:background-color .2s linear}.mdtimepicker .mdtp__buttons .mdtp__button:hover{background-color:rgba(0,0,0,.1)}.mdtimepicker .mdtp__buttons .mdtp__button:active{background-color:rgba(0,0,0,.2)}.mdtimepicker .mdtp__buttons .mdtp__button.clear-btn{float:left;color:#ef5350!important}.mdtimepicker .mdtp__buttons:after{content:"";display:block;clear:both}.mdtimepicker.hidden{display:none}.mdtimepicker.animate{background-color:transparent}.mdtp__digit.rotate--15{transform:rotate(-15deg)}.mdtp__digit.rotate--15 span{transform:rotate(15deg)}.mdtp__digit.rotate-6{transform:rotate(6deg)}.mdtp__digit.rotate-6 span{transform:rotate(-6deg)}.mdtp__digit.rotate-12{transform:rotate(12deg)}.mdtp__digit.rotate-12 span{transform:rotate(-12deg)}.mdtp__digit.rotate-15{transform:rotate(15deg)}.mdtp__digit.rotate-15 span{transform:rotate(-15deg)}.mdtp__digit.rotate-18{transform:rotate(18deg)}.mdtp__digit.rotate-18 span{transform:rotate(-18deg)}.mdtp__digit.rotate-24{transform:rotate(24deg)}.mdtp__digit.rotate-24 span{transform:rotate(-24deg)}.mdtp__digit.rotate-30{transform:rotate(30deg)}.mdtp__digit.rotate-30 span{transform:rotate(-30deg)}.mdtp__digit.rotate-36{transform:rotate(36deg)}.mdtp__digit.rotate-36 span{transform:rotate(-36deg)}.mdtp__digit.rotate-42{transform:rotate(42deg)}.mdtp__digit.rotate-42 span{transform:rotate(-42deg)}.mdtp__digit.rotate-45{transform:rotate(45deg)}.mdtp__digit.rotate-45 span{transform:rotate(-45deg)}.mdtp__digit.rotate-48{transform:rotate(48deg)}.mdtp__digit.rotate-48 span{transform:rotate(-48deg)}.mdtp__digit.rotate-54{transform:rotate(54deg)}.mdtp__digit.rotate-54 span{transform:rotate(-54deg)}.mdtp__digit.rotate-60{transform:rotate(60deg)}.mdtp__digit.rotate-60 span{transform:rotate(-60deg)}.mdtp__digit.rotate-66{transform:rotate(66deg)}.mdtp__digit.rotate-66 span{transform:rotate(-66deg)}.mdtp__digit.rotate-72{transform:rotate(72deg)}.mdtp__digit.rotate-72 span{transform:rotate(-72deg)}.mdtp__digit.rotate-75{transform:rotate(75deg)}.mdtp__digit.rotate-75 span{transform:rotate(-75deg)}.mdtp__digit.rotate-78{transform:rotate(78deg)}.mdtp__digit.rotate-78 span{transform:rotate(-78deg)}.mdtp__digit.rotate-84{transform:rotate(84deg)}.mdtp__digit.rotate-84 span{transform:rotate(-84deg)}.mdtp__digit.rotate-90{transform:rotate(90deg)}.mdtp__digit.rotate-90 span{transform:rotate(-90deg)}.mdtp__digit.rotate-96{transform:rotate(96deg)}.mdtp__digit.rotate-96 span{transform:rotate(-96deg)}.mdtp__digit.rotate-102{transform:rotate(102deg)}.mdtp__digit.rotate-102 span{transform:rotate(-102deg)}.mdtp__digit.rotate-105{transform:rotate(105deg)}.mdtp__digit.rotate-105 span{transform:rotate(-105deg)}.mdtp__digit.rotate-108{transform:rotate(108deg)}.mdtp__digit.rotate-108 span{transform:rotate(-108deg)}.mdtp__digit.rotate-114{transform:rotate(114deg)}.mdtp__digit.rotate-114 span{transform:rotate(-114deg)}.mdtp__digit.rotate-120{transform:rotate(120deg)}.mdtp__digit.rotate-120 span{transform:rotate(-120deg)}.mdtp__digit.rotate-126{transform:rotate(126deg)}.mdtp__digit.rotate-126 span{transform:rotate(-126deg)}.mdtp__digit.rotate-132{transform:rotate(132deg)}.mdtp__digit.rotate-132 span{transform:rotate(-132deg)}.mdtp__digit.rotate-135{transform:rotate(135deg)}.mdtp__digit.rotate-135 span{transform:rotate(-135deg)}.mdtp__digit.rotate-138{transform:rotate(138deg)}.mdtp__digit.rotate-138 span{transform:rotate(-138deg)}.mdtp__digit.rotate-144{transform:rotate(144deg)}.mdtp__digit.rotate-144 span{transform:rotate(-144deg)}.mdtp__digit.rotate-150{transform:rotate(150deg)}.mdtp__digit.rotate-150 span{transform:rotate(-150deg)}.mdtp__digit.rotate-156{transform:rotate(156deg)}.mdtp__digit.rotate-156 span{transform:rotate(-156deg)}.mdtp__digit.rotate-162{transform:rotate(162deg)}.mdtp__digit.rotate-162 span{transform:rotate(-162deg)}.mdtp__digit.rotate-165{transform:rotate(165deg)}.mdtp__digit.rotate-165 span{transform:rotate(-165deg)}.mdtp__digit.rotate-168{transform:rotate(168deg)}.mdtp__digit.rotate-168 span{transform:rotate(-168deg)}.mdtp__digit.rotate-174{transform:rotate(174deg)}.mdtp__digit.rotate-174 span{transform:rotate(-174deg)}.mdtp__digit.rotate-180{transform:rotate(180deg)}.mdtp__digit.rotate-180 span{transform:rotate(-180deg)}.mdtp__digit.rotate-186{transform:rotate(186deg)}.mdtp__digit.rotate-186 span{transform:rotate(-186deg)}.mdtp__digit.rotate-192{transform:rotate(192deg)}.mdtp__digit.rotate-192 span{transform:rotate(-192deg)}.mdtp__digit.rotate-195{transform:rotate(195deg)}.mdtp__digit.rotate-195 span{transform:rotate(-195deg)}.mdtp__digit.rotate-198{transform:rotate(198deg)}.mdtp__digit.rotate-198 span{transform:rotate(-198deg)}.mdtp__digit.rotate-204{transform:rotate(204deg)}.mdtp__digit.rotate-204 span{transform:rotate(-204deg)}.mdtp__digit.rotate-210{transform:rotate(210deg)}.mdtp__digit.rotate-210 span{transform:rotate(-210deg)}.mdtp__digit.rotate-216{transform:rotate(216deg)}.mdtp__digit.rotate-216 span{transform:rotate(-216deg)}.mdtp__digit.rotate-222{transform:rotate(222deg)}.mdtp__digit.rotate-222 span{transform:rotate(-222deg)}.mdtp__digit.rotate-225{transform:rotate(225deg)}.mdtp__digit.rotate-225 span{transform:rotate(-225deg)}.mdtp__digit.rotate-228{transform:rotate(228deg)}.mdtp__digit.rotate-228 span{transform:rotate(-228deg)}.mdtp__digit.rotate-234{transform:rotate(234deg)}.mdtp__digit.rotate-234 span{transform:rotate(-234deg)}.mdtp__digit.rotate-240{transform:rotate(240deg)}.mdtp__digit.rotate-240 span{transform:rotate(-240deg)}.mdtp__digit.rotate-246{transform:rotate(246deg)}.mdtp__digit.rotate-246 span{transform:rotate(-246deg)}.mdtp__digit.rotate-252{transform:rotate(252deg)}.mdtp__digit.rotate-252 span{transform:rotate(-252deg)}.mdtp__digit.rotate-255{transform:rotate(255deg)}.mdtp__digit.rotate-255 span{transform:rotate(-255deg)}.mdtp__digit.rotate-258{transform:rotate(258deg)}.mdtp__digit.rotate-258 span{transform:rotate(-258deg)}.mdtp__digit.rotate-264{transform:rotate(264deg)}.mdtp__digit.rotate-264 span{transform:rotate(-264deg)}.mdtp__digit.rotate-270{transform:rotate(270deg)}.mdtp__digit.rotate-270 span{transform:rotate(-270deg)}.mdtp__digit.rotate-276{transform:rotate(276deg)}.mdtp__digit.rotate-276 span{transform:rotate(-276deg)}.mdtp__digit.rotate-282{transform:rotate(282deg)}.mdtp__digit.rotate-282 span{transform:rotate(-282deg)}.mdtp__digit.rotate-285{transform:rotate(285deg)}.mdtp__digit.rotate-285 span{transform:rotate(-285deg)}.mdtp__digit.rotate-288{transform:rotate(288deg)}.mdtp__digit.rotate-288 span{transform:rotate(-288deg)}.mdtp__digit.rotate-294{transform:rotate(294deg)}.mdtp__digit.rotate-294 span{transform:rotate(-294deg)}.mdtp__digit.rotate-300{transform:rotate(300deg)}.mdtp__digit.rotate-300 span{transform:rotate(-300deg)}.mdtp__digit.rotate-306{transform:rotate(306deg)}.mdtp__digit.rotate-306 span{transform:rotate(-306deg)}.mdtp__digit.rotate-312{transform:rotate(312deg)}.mdtp__digit.rotate-312 span{transform:rotate(-312deg)}.mdtp__digit.rotate-315{transform:rotate(315deg)}.mdtp__digit.rotate-315 span{transform:rotate(-315deg)}.mdtp__digit.rotate-318{transform:rotate(318deg)}.mdtp__digit.rotate-318 span{transform:rotate(-318deg)}.mdtp__digit.rotate-324{transform:rotate(324deg)}.mdtp__digit.rotate-324 span{transform:rotate(-324deg)}.mdtp__digit.rotate-330{transform:rotate(330deg)}.mdtp__digit.rotate-330 span{transform:rotate(-330deg)}.mdtp__digit.rotate-336{transform:rotate(336deg)}.mdtp__digit.rotate-336 span{transform:rotate(-336deg)}.mdtp__digit.rotate-342{transform:rotate(342deg)}.mdtp__digit.rotate-342 span{transform:rotate(-342deg)}.mdtp__digit.rotate-348{transform:rotate(348deg)}.mdtp__digit.rotate-348 span{transform:rotate(-348deg)}.mdtp__digit.rotate-354{transform:rotate(354deg)}.mdtp__digit.rotate-354 span{transform:rotate(-354deg)}.mdtp__digit.rotate-360{transform:rotate(1turn)}.mdtp__digit.rotate-360 span{transform:rotate(-1turn)}body[mdtimepicker-display=on]{overflow:hidden}@media (max-height:360px){.mdtimepicker .mdtp__wrapper{flex-direction:row;bottom:8px}.mdtimepicker .mdtp__time_holder{width:160px;padding:20px}.mdtimepicker .mdtp__clock .mdtp__am,.mdtimepicker .mdtp__clock .mdtp__pm{bottom:-4px}.mdtimepicker .mdtp__clock .mdtp__am{left:-4px}.mdtimepicker .mdtp__clock .mdtp__pm{right:-4px}}@media (max-height:320px){.mdtimepicker .mdtp__wrapper{bottom:0}}.mdtp__wrapper[data-theme=red] .mdtp__clock .mdtp__am.active,.mdtp__wrapper[data-theme=red] .mdtp__clock .mdtp__clock_dot,.mdtp__wrapper[data-theme=red] .mdtp__clock .mdtp__pm.active,.mdtp__wrapper[data-theme=red] .mdtp__time_holder{background-color:#c62828}.mdtp__wrapper[data-theme=red] .mdtp__clock .mdtp__digit.active span,.mdtp__wrapper[data-theme=red] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover{background-color:#c62828!important}.mdtp__wrapper[data-theme=red] .mdtp__clock .mdtp__digit.active:before{background-color:#c62828}.mdtp__wrapper[data-theme=red] .mdtp__button{color:#c62828}.mdtp__wrapper[data-theme=green] .mdtp__clock .mdtp__am.active,.mdtp__wrapper[data-theme=green] .mdtp__clock .mdtp__clock_dot,.mdtp__wrapper[data-theme=green] .mdtp__clock .mdtp__pm.active,.mdtp__wrapper[data-theme=green] .mdtp__time_holder{background-color:#2e7d32}.mdtp__wrapper[data-theme=green] .mdtp__clock .mdtp__digit.active span,.mdtp__wrapper[data-theme=green] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover{background-color:#2e7d32!important}.mdtp__wrapper[data-theme=green] .mdtp__clock .mdtp__digit.active:before{background-color:#2e7d32}.mdtp__wrapper[data-theme=green] .mdtp__button{color:#2e7d32}.mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__am.active,.mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__clock_dot,.mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__pm.active,.mdtp__wrapper[data-theme=blue] .mdtp__time_holder{background-color:#1565c0}.mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__digit.active span,.mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover{background-color:#1565c0!important}.mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__digit.active:before{background-color:#1565c0}.mdtp__wrapper[data-theme=blue] .mdtp__button{color:#1565c0}.mdtp__wrapper[data-theme=teal] .mdtp__clock .mdtp__am.active,.mdtp__wrapper[data-theme=teal] .mdtp__clock .mdtp__clock_dot,.mdtp__wrapper[data-theme=teal] .mdtp__clock .mdtp__pm.active,.mdtp__wrapper[data-theme=teal] .mdtp__time_holder{background-color:#00695c}.mdtp__wrapper[data-theme=teal] .mdtp__clock .mdtp__digit.active span,.mdtp__wrapper[data-theme=teal] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover{background-color:#00695c!important}.mdtp__wrapper[data-theme=teal] .mdtp__clock .mdtp__digit.active:before{background-color:#00695c}.mdtp__wrapper[data-theme=teal] .mdtp__button{color:#00695c}.mdtp__wrapper[data-theme=purple] .mdtp__clock .mdtp__am.active,.mdtp__wrapper[data-theme=purple] .mdtp__clock .mdtp__clock_dot,.mdtp__wrapper[data-theme=purple] .mdtp__clock .mdtp__pm.active,.mdtp__wrapper[data-theme=purple] .mdtp__time_holder{background-color:#6a1b9a}.mdtp__wrapper[data-theme=purple] .mdtp__clock .mdtp__digit.active span,.mdtp__wrapper[data-theme=purple] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover{background-color:#6a1b9a!important}.mdtp__wrapper[data-theme=purple] .mdtp__clock .mdtp__digit.active:before{background-color:#6a1b9a}.mdtp__wrapper[data-theme=purple] .mdtp__button{color:#6a1b9a}.mdtp__wrapper[data-theme=indigo] .mdtp__clock .mdtp__am.active,.mdtp__wrapper[data-theme=indigo] .mdtp__clock .mdtp__clock_dot,.mdtp__wrapper[data-theme=indigo] .mdtp__clock .mdtp__pm.active,.mdtp__wrapper[data-theme=indigo] .mdtp__time_holder{background-color:#283593}.mdtp__wrapper[data-theme=indigo] .mdtp__clock .mdtp__digit.active span,.mdtp__wrapper[data-theme=indigo] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover{background-color:#283593!important}.mdtp__wrapper[data-theme=indigo] .mdtp__clock .mdtp__digit.active:before{background-color:#283593}.mdtp__wrapper[data-theme=indigo] .mdtp__button{color:#283593}.mdtp__wrapper[data-theme=dark] .mdtp__time_holder{background-color:#121212}.mdtp__wrapper[data-theme=dark] .mdtp__clock_holder{background-color:#1d1d1d}.mdtp__wrapper[data-theme=dark] .mdtp__clock_holder .mdtp__clock{background-color:#181818}.mdtp__wrapper[data-theme=dark] .mdtp__clock_holder .mdtp__clock .mdtp__digit:not(.digit--disabled){color:hsla(0,0%,100%,.87)}.mdtp__wrapper[data-theme=dark] .mdtp__clock_holder .mdtp__clock .mdtp__digit.digit--disabled span{color:hsla(0,0%,39.2%,.87)}.mdtp__wrapper[data-theme=dark] .mdtp__clock_holder .mdtp__clock .mdtp__am:not(.active),.mdtp__wrapper[data-theme=dark] .mdtp__clock_holder .mdtp__clock .mdtp__pm:not(.active){color:hsla(0,0%,100%,.87);background-color:hsla(0,0%,78.4%,.05)}.mdtp__wrapper[data-theme=dark] .mdtp__button{color:#42a5f5}.mdtp__wrapper[data-theme=dark] .mdtp__button:hover{background-color:hsla(0,0%,100%,.04)}.mdtp__wrapper[data-theme=dark] .mdtp__button:active{background-color:hsla(0,0%,100%,.1)}