@import url(animate.css);

@font-face {
    font-family: "VodafoneRegular";
    src: url("../fonts/vodafone/vodafone-regular.eot");
    src: url("../fonts/vodafone/vodafone-regular.eot?#ie-fix") format("embedded-opentype"), url("../fonts/vodafone/vodafone-regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "VodafoneLight";
    src: url("../fonts/vodafone/vodafone-light.eot");
    src: url("../fonts/vodafone/vodafone-light.eot?#ie-fix") format("embedded-opentype"), url("../fonts/vodafone/vodafone-light.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

body {
    background: #fff;
    display: table;
    font-family: "VodafoneRegular" !important;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}


a, button {
    outline: none !important;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

li {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

label {
    margin-bottom: 0 !important;
}

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

a:hover,
a:focus {
    /*color: #fff;*/
}

ul,
ol {
    padding-left: 0;
}

div[class*="col-"] {
    float: left;
}

.btn:focus,
button:focus {
    box-shadow: none !important;
    outline: 0;
}

img {
    max-width: 100%;
}

button {
    box-shadow: none;
    outline: 0 !important;
    border: none !important;
}

tr {
    border-bottom: 1px solid #EBEBEB;
    height: 40px !important;
}

    tr.highlight:first-child {
        background-color: #F4F4F4;
    }

th {
    font-weight: bold !important;
}

th, td {
    vertical-align: middle !important;
}

p {
    margin: 0 !important;
}

.highlight th {
    width: 40%;
    padding-left: 8px;
}

.headingMain {
    display: block;
    font-family: "VodafoneLight";
    font-weight: 400;
    margin: 0;
    width: 100%;
    padding-bottom: 8px;
}

.paraMain {
    display: block;
    font-family: "VodafoneLight";
    font-weight: 400;
    margin: 0;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 24px;
}

a.clickable {
    cursor: pointer;
}

    a.clickable:hover {
        color: #000 !important;
    }

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.display {
    display: block;
}

.nodisplay {
    display: none !important;
}

.center {
    text-align: center;
}

aside.left-panel {
    background: #fff;
    /*display: table-cell;*/
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 292px;
    left: 20px;
    height: auto;
    /*min-height: 100%;*/
    padding: 0px;
    vertical-align: top;
    width: 329px;
    font-size: 14px;
    color: #0D0D0D;
    line-height: 18px;
    border-radius: 6px;
}

    aside.left-panel .panel-span-link {
        text-decoration: underline;
        cursor: pointer;
    }

    aside.left-panel .panel-row-foot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: flex;
        flex-wrap: wrap;
        height:24px;
        background-color: #F2F2F2;
        align-items: center;
        justify-content: center;
        justify-content: -webkit-center;
        border-radius: 0px 0px 6px 6px;
    }

    aside.left-panel .panel-row-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: flex;
        flex-wrap: wrap;
        height: 100%;
        padding: 10px 16px;
        background-color: #F2F2F2;
        align-items: center;
        border-radius: 6px 6px 0px 0px;
    }

        aside.left-panel .panel-row-head .spanMain {
            font-size: 20px;
            line-height: 28px;
            font-weight: 600;
        }

        aside.left-panel .panel-row-head .spanNormal {
            font-size: 18px;
            line-height: 26px;
        }

        aside.left-panel .panel-row-head .rt-content {
            position: absolute;
            right: 16px;
            align-items: center;
            display: flex;
            display: -webkit-flex;
        }

            aside.left-panel .panel-row-head .rt-content .switch {
                padding-left: 8px;
            }

    aside.left-panel .box-form-group {
        padding: 12px;
        border-top: 1px solid #BEBEBE;
    }

    aside.left-panel div.box-content {
        padding: 12px 16px;
        border-top: 1px solid #F2F2F2;
    }

    aside.left-panel .cov-nav-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: flex;
        flex-wrap: wrap;
        /*width: 100%;
        border-bottom: 1px solid #BEBEBE;*/
        margin-left: auto;
        margin-right: auto;
        max-width: fit-content;
    }

        aside.left-panel .cov-nav-row .cov-inner-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-flex;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

            aside.left-panel .cov-nav-row .cov-inner-row .cov-block:last-child {
                padding-left: 4px;
            }


.navbar {
    background: #fff;
    border-radius: 0;
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}

.navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
}

.navbar .navbar-nav {
    float: none;
    position: relative;
    width: 100%;
}

    .navbar .navbar-nav li {
        width: 100%;
        border-bottom: 1px solid #f4f4f4;
        min-height: 64px;
    }

        .navbar .navbar-nav li:hover {
            background-color: #f4f4f4;
        }

        .navbar .navbar-nav li.active {
            background-color: #e60000 !important;
            color: #fff !important;
        }

            .navbar .navbar-nav li.active:before {
                content: "";
                position: absolute;
                right: -46px;
                border: 31px solid transparent;
                border-left: 40px solid #E60000;
                z-index: -1;
            }

.menutoggle {
    text-decoration: underline;
    border-radius: 50%;
    cursor: pointer;
    width: 50% !important;
}

.navbar .navbar-nav li > a:after {
    display: none;
}


.navbar .navbar-nav li > a {
    background: none !important;
    color: #e60000 !important;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}

.navbar .navbar-nav li.last {
    min-height: 48px;
    max-height: 48px;
}

    .navbar .navbar-nav li.last:hover {
        background: none;
    }

.menutoggle:first-child span:hover .menutoggle .panel-icon {
    color: #990000 !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menutoggle:first-child span:hover {
    color: #990000 !important;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menutoggle:last-child span:hover {
    color: #fff !important;
    background: #e60000 !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.navbar .navbar-nav li.active > a, .navbar .navbar-nav li.active > a .panel-span2, .navbar .navbar-nav li.active > a .panel-span-highlight, .navbar .navbar-nav li.active > a .svg-issue, .navbar .navbar-nav li.active > a .svg-ok {
    color: #fff !important;
}

    .navbar .navbar-nav li.active > a .panel-span1 {
        color: #fff !important;
        border-color: #fff;
    }

.navbar .navbar-nav li > a .panel-span1 {
    color: #e60000;
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    text-align: center;
    z-index: 9;
    border: 1px solid #e60000;
    line-height: 30px;
    border-radius: 50%;
}

.navbar .navbar-nav li > a .panel-superscript {
    font-size: 10px;
    margin-left: -10px;
    padding-bottom: 20px;
}


.navbar .navbar-nav li > a .panel-icon {
    margin-right: 10px;
    z-index: 9;
}

.navbar .navbar-nav li > a .panel-span2 {
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.navbar .navbar-nav li > a .panel-span3 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
    display: block;
}

.navbar .navbar-nav li > a .panel-span4 {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    vertical-align: middle;
    display: block;
}


.menutoggle .panel-icon {
    margin-left: 10px !important;
    margin-right: 0px !important;
}

aside.left-panel .navbar .navbar-nav li a div + div {
    -webkit-transition: width 0.4s ease;
    -moz-transition: width 0.4s ease;
    -ms-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
}


.open aside.left-panel {
    -webkit-transition: width 0.4s ease;
    -moz-transition: width 0.4s ease;
    -ms-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
}

    .open aside.left-panel .navbar .navbar-nav:before {
        display: none !important;
    }

    .open aside.left-panel .navbar .navbar-nav li {
        position: relative;
        height: inherit;
        /*display:table;*/
    }

        .open aside.left-panel .navbar .navbar-nav li a {
            z-index: 0;
            transition: none;
            /*display:table-cell;*/
            vertical-align: middle;
        }

        .open aside.left-panel .navbar .navbar-nav li .menutoggle:last-child {
            content: '';
            display: none;
        }

        .open aside.left-panel .navbar .navbar-nav li .menutoggle:first-child span {
            display: none;
        }

        .open aside.left-panel .navbar .navbar-nav li a .panel-span1, .open aside.left-panel .navbar .navbar-nav li a .panel-icon {
            margin-right: 0px;
        }

        .open aside.left-panel .navbar .navbar-nav li a .panel-superscript {
            margin-left: 0px;
        }

        .open aside.left-panel .navbar .navbar-nav li a div + div {
            display: none;
        }

    .open aside.left-panel div.box-content {
        display: none;
    }

.open .menutoggle:first-child {
    min-width: 64px !important;
}

.open aside.left-panel .navbar .navbar-nav li.active a:after {
    content: '';
    display: none;
}



/*.open .menutoggle i:before {
  content: "\f0a4"; }*/


.dropdown-menu {
    border-radius: 0;
    transform: none !important;
}

.content {
    float: left;
    padding: 0 20px;
    width: 100%;
}

/* Tabs */
.nav-tabs a.active {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs .dropdown .dropdown-menu {
    top: 100% !important;
}

.buttons button {
    margin: 2px 0;
}

.overlay .button {
    height: 48px;
}

/* Button Reset */
.btn, .button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    transition: all .15s ease-in-out;
    border-radius: 0;
    cursor: pointer;
}


.panel-span-width {
    max-width: 58%;
}

.panel-span-width-lg {
    max-width: 65%;
}

.panel-span-width-xlg {
    max-width: 75%;
}

.panel-span-width-xxlg {
    max-width: 85%;
    margin-top: 16px;
}
/*@media (max-width: 1024px) {
  aside.left-panel {
    padding: 0 20px;
    width: 200px; }

  .navbar .navbar-nav li > a .menu-icon {
    width: 30px; }
}
}*/
.mainHeading {
    font-family: VodafoneLight;
}

.cov {
    float: right;
    width: auto;
    background: #fff;
    position: absolute;
    z-index: 2;
    top: 778px; /*bottom:94px;*/
    right: 20px;
    border-radius: 6px;
}

@media (min-width: 882px) {

    .headingMain {
        font-size: 40px;
        line-height: 48px;
    }


    .mainHeading {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 881px) {

    .headingMain {
        font-size: 40px;
        line-height: 48px;
    }
}

.mainHeading {
    font-size: 32px;
    line-height: 40px;
}

.font-lg {
    font-size: 25px !important;
    line-height: 32px !important;
}



.nopadding {
    padding: 0;
}

.nopaddingright {
    padding-right: 0px;
}

.nopaddingleft {
    padding-left: 0px;
}

.paddingright {
    padding-right: 15px;
}

.paddingleft {
    padding-left: 16px;
}

.marginleft {
    margin-left: 20px;
}

.align {
    vertical-align: middle;
}

@media (min-width: 881.1px) {
    .header-grp {
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        text-align: center;
        text-align: -webkit-center;
        /*padding-bottom:10px;
        width: 100%;
        max-width: 520px;
        min-width: 400px;*/
    }

    .header-block {
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;*/
        width: 100%;
        max-width: 610px;
        min-width: 300px;
        width: 100%;
        justify-content: center;
        justify-content: -webkit-center;
        background-color: #fff;
        padding: 20px;
        position: relative;
        border-radius: 6px;
        filter: drop-shadow(1px 1px 3px #BEBEBE);
    }

    .spring {
        margin: 0 auto !important;
    }

    .paddingVertical {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .layer {
        background: #fff;
        position: absolute;
        z-index: 4;
        right: 60px;
        padding: 8px 20px;
        font-size: 18px;
        line-height: 24px;
        top: 342px;
        color: #0d0d0d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        border-radius: 6px;
    }

        .layer .switch {
            padding-left: 12px;
        }

    .recenter {
        max-width: 288px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        z-index: 4;
        font-size: 14px;
        line-height: 18px;
        background: #fff;
        border-radius: 6px;
        margin: 0 auto;
        color: #0D0D0D;
        width: fit-content;
    }

    .recenter-outer {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 818px;
        z-index: 1;
    }

    .recenter a {
        padding: 8px 16px 8px 20px;
        cursor: pointer;
    }

        .recenter a:first-child div.cov-row {
            width: 60%;
            margin: auto;
        }

    .panel-span2 {
        padding-left: 8px;
    }

    .statusOkBar {
        background-color: #008A00;
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .statusIssueBar {
        background-color: #EB6100;
        font-size: 20px !important;
        line-height: 28px !important;
    }
}

@media (min-width: 600.1px) and (max-width:881px) {
    .layer {
        background: #fff;
        position: absolute;
        z-index: 4;
        right: 60px;
        padding: 8px 20px;
        font-size: 18px;
        line-height: 24px;
        top: 355px;
        color: #0d0d0d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        border-radius: 6px;
    }

        .layer .switch {
            padding-left: 12px;
        }

    .recenter {
        min-width: 200px;
        max-width: 425px;
        min-height: 40px;
        display: inline-block;
        margin: 0 auto;
        z-index: 4;
        font-size: 16px;
        line-height: 16px;
        width: fit-content;
    }

    .paddingVertical {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .spring {
        margin: 0 auto !important;
    }

    .recenter-outer {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 928px;
        z-index: 2;
    }

    .recenter a {
        border: 2px solid;
        padding: 10px 0px;
        margin: 0px 10px;
        cursor: pointer;
        border-radius: 10px;
        min-width: 190px;
        background: #fff;
    }

        .recenter a:first-child div.cov-row {
            width: 60%;
            margin: auto;
        }

    .header-grp {
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        text-align: center;
        text-align: -webkit-center;
        /* padding-bottom: 10px;
        width: 100%;
        max-width: 380px;*/
        min-width: 300px;
    }

    .header-block {
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;*/
        width: 100%;
        max-width: 500px;
        justify-content: center;
        justify-content: -webkit-center;
        /*padding-top: 8px;*/
        min-width: 300px;
        background-color: #fff;
        padding: 20px;
        position: relative;
        border-radius: 6px;
        filter: drop-shadow(1px 1px 3px #BEBEBE);
    }

    aside.left-panel {
        top: 261px !important;
    }

    .statusOkBar {
        background-color: #008A00;
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .statusIssueBar {
        background-color: #EB6100;
        font-size: 20px !important;
        line-height: 28px !important;
    }
}


@media (max-width: 600px) {

    #googleMap {
        height: 600px !important;
    }

    #mapBox {
        margin-top: 0px !important;
    }

    .layer {
        position: relative;
        left: 15px;
        bottom: 660px;
        background: #fff;
        z-index: 4;
        padding: 8px 20px;
        font-size: 18px;
        line-height: 24px;
        color: #0d0d0d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        border-radius: 6px;
        max-width: 184px;
    }

        .layer .switch {
            padding-left: 12px;
        }

    .recenter {
        max-width: 288px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        z-index: 4;
        font-size: 14px;
        line-height: 18px;
        background: #fff;
        border-radius: 6px;
        margin: 0 auto;
        color: #0D0D0D;
        width: fit-content;
    }

    .recenter-outer {
        width: 100%;
        text-align: center;
        position: relative;
        top: -126px;
        z-index: 1;
        margin-bottom: -32px;
    }

    .recenter a {
        padding: 8px 16px 8px 20px;
        cursor: pointer;
    }

        .recenter a:first-child div.cov-row {
            width: 60%;
            margin: auto;
        }

    .panel-span2 {
        padding-left: 8px;
    }

    /*.recenter {
        min-width: 200px;
        max-width: 425px;
        min-height: 40px;
        display:inline-block;
        margin:0 auto;
        z-index: 4;
        font-size: 16px;
        line-height: 16px;
    }
    
    .recenter-outer
    {
        position:relative;
        bottom:320px;
        width:100%;
        text-align:center;
        z-index:2;
    }
    .recenter a
    {
        border: 2px solid;
        padding:10px 0px;
        margin:0px 10px;
        cursor:pointer;
        border-radius:10px;
        min-width:190px;        
        background: #fff;
    }
    
    .recenter a:first-child div.cov-row
    {
        width:60%;
        margin:auto;
    }*/

    .g-recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .spring {
        /*padding: 0 10px;*/
    }

    .spring-body {
        margin-top: 32px !important;
        margin-bottom: 48px !important;
        padding: 0px 16px !important;
    }

    .section, .section--mine-shaft {
        padding: 20px 16px 0 16px !important;
    }

    .error-callouts-top {
        width: 100% !important;
    }

    .statusOkBar {
        background-color: #008A00;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .statusIssueBar {
        background-color: #EB6100;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .divContent > .svg-icon-lg {
        height: 24px !important;
        width: 24px !important;
    }

    .header-grp {
        z-index: 1;
        text-align: center;
        text-align: -webkit-center;
        justify-content: center;
        justify-content: -webkit-center;
        width: 100%;
        /*padding-bottom: 8px;*/
    }

    .header-block {
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;*/
        width: 100%;
        max-width: 400px;
        justify-content: center;
        justify-content: -webkit-center;
        /*padding-top: 8px;*/
        min-width: 300px;
        background-color: #fff;
        padding: 16px;
        position: relative;
        border-radius: 6px;
        filter: drop-shadow(1px 1px 3px #BEBEBE);
    }

    .paddingVertical {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .hidemap {
        display: block !important;
        background-color: #666;
        text-align: center;
        color: #fff;
        font-size: 20px;
        line-height: 24px;
    }

    #tabInfoBig {
        display: none !important;
    }

    #tabInfoSmall {
        display: block !important;
    }

    .div-group {
        margin-top: 8px;
    }

    .align {
        vertical-align: middle;
    }

    .hidemap a {
        padding: 15px;
        width: 100%;
    }

        .hidemap a:hover {
            text-decoration: none;
        }

    .hidemap .padding {
        padding: 0px 15px 0px 10px !important;
        display: inline-block;
        vertical-align: middle;
    }

    .disclaimer {
        background-color: #666 !important;
        color: #fff !important;
    }

        .disclaimer p > a {
            color: #fff !important;
        }

            .disclaimer p > a:hover {
                color: #fff !important;
                text-decoration: underline;
                opacity: 0.6;
            }

    table {
        font-size: 16px !important;
    }

    aside.left-panel {
        /*display: block;
        height: auto;
        min-height: inherit;
        width: 100%;
        position: initial;
        left: 16px;
        top: 316px;
        margin-bottom: -1200px;
        position:relative;*/
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        min-width: 329px;
        filter: drop-shadow(1px 1px 3px #BEBEBE);
        margin-top: 16px;
        border-radius: 0px;
    }

    .gmnoprint {
        /*top: 276px !important;
        right:44px !important;*/
    }


    .navbar .navbar-nav li.active:before {
        display: none;
    }

    body {
        font-size: 16px;
    }

    .menutoggle:first-child svg {
        display: none !important;
    }

    .menutoggle:first-child span {
        display: none !important;
    }

    .menutoggle:first-child {
        width: 0 !important;
    }

    .menutoggle:last-child {
        width: 100% !important;
    }

        .menutoggle:last-child .mar-ra {
            width: 100% !important;
        }

    .headingMain {
        font-size: 24px;
        line-height: 32px;
    }

    .paraMain {
        font-size: 16px;
        line-height: 20px;
    }

    .mainHeading {
        font-size: 25px;
        line-height: 32px;
    }

    .radio-item {
        /*float: left;
        width: 100%;*/
    }
        /*.radio-item:nth-of-type(2) {
            margin-left: 0px !important;
        }*/
        .radio-item label {
            width: 100% !important;
            font-size: 16px !important;
            line-height: 20px !important;
            padding: 3px 12px !important;
        }

    .overlay {
        font-size: 16px;
        line-height: 18px;
        padding: 15px;
    }

    .box-form-group {
        padding-bottom: 8px;
        padding-bottom: 8px;
    }

    .font-lg {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .cov {
        /* width: 100%;
        max-width: 351px;
        position: relative;
        bottom: 0px;
        right: 0px;
        top: -94px;
        float: none;
        margin: 0 auto -78px auto;*/
        width: 100%;
        position: relative;
        bottom: 0px;
        right: 0px;
        top: 0px;
        float: none;
        border-radius: 0;
    }

    .mar-both {
        margin-left: 15px;
        margin-right: 0px;
    }

    .mar-rt {
        margin-right: 0px;
    }
}

@media (max-width: 340px) {
    .panel-span-width {
        max-width: 40%;
    }

    .panel-span-width-lg {
        max-width: 45%;
    }

    .panel-span-width-xxlg {
        max-width: 80%;
        margin-top: 16px;
    }
}


[class*="svg-icon"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    stroke-width: 0;
    overflow: hidden;
    pointer-events: none;
}

.svg-icon-sm {
    width: 16px;
    height: 16px;
}

.svg-icon-xs {
    width: 12px;
    height: 12px;
}


.svg-icon-lg {
    width: 32px;
    height: 32px;
}

.svg-icon-xlg {
    width: 48px;
    height: 48px;
}

.svg-issue {
    color: #eb9700 !important;
}

.svg-ok {
    color: #428600;
}

.svg-fill {
    fill: currentColor;
}

.svg-stroke {
    stroke: currentColor;
}

.menutoggle span {
    padding-left: 15px;
}

.menutoggle:last-child span {
    padding: 5px 10px;
    border: 1px solid #E60000;
    border-radius: 20px;
}

    .menutoggle:last-child span svg {
        vertical-align: text-bottom;
        margin-right: 5px;
    }

.menutoggle:last-child {
    text-decoration: none !important;
    font-size: 14px;
    float: right;
}



.covbar {
    /*float: none;
    position: relative;*/
    margin: 8px;
    font-size: 14px;
    line-height: 18px;
}

.cov .covbar > li {
    list-style: none;
    display: inline-block;
}

.covbar li:not(:first-child) {
    margin-left: 16px;
}

.covbar li span[class^="bar"] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
}

/*.cov .covbar > li.option-box {
        background-color: #f4f4f4 !important;
        padding-top: 12px;
        padding-bottom: 12px;
        line-height: 16px;
        min-height: 40px;
        margin-top: 7px;
    }

    .cov .covbar > li .sqbox {
        height: 24px;
        width: 24px;
        background-color: #e60000;
    }*/

.red {
    color: #e60000 !important;
}

/*.bar4 {
    color: #e60000 !important;
    opacity: 0.5;
}

.bar2 {
    color: #FF8C8C !important;
    opacity: 0.5;
}

.bar1 {
    color: #FFCACA !important;
    opacity: 0.5;
}*/

.bar4 {
    background-color: #008A00 !important;
}

.bar2 {
    background-color: #EB6100 !important;
}

.bar1 {
    background-color: #BD0000 !important;
}

.bar0 {
    background-color: #BEBEBE !important;
}

.bar4-cb {
    background-color: #005EA5 !important;
}

.overlayBox {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 40;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .overlayBox {
        position: absolute !important;
    }
}

.overlay {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: auto;
    min-height: 230px;
    padding: 16px;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 50;
    max-width: 500px;
    width: 90%;
    max-height: 98%;
    font-family: VodafoneRegular;
    font-size: 18px;
    line-height: 24px;
    -ms-transform:  translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform:  translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#boxIssueDesc .overlay {
    min-height: 270px;
}

.overlay > a.clickable {
    position: absolute;
    top: 8px;
    right: 8px;
}

.box-form-group {
    padding-top: 16px;
    padding-bottom: 16px;
    /*margin-left: 0px !important;
    margin-right: 0px !important;
    background-color:#F2F2F2*/
}
/*.overlayIcon
{
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    padding: 15px;
    border: 2px solid black;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x:hidden;
    z-index: 50;
    max-width:600px;
	min-height:300px;
	display:table;
}*/

.floatRight {
    float: right;
}

.fade {
    position: fixed;
    left: 0%;
    top: 0%;
    background-color: black;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 40;
}

.fade-opacity {
    position: fixed;
    left: 0%;
    top: 0%;
    background-color: black;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    z-index: 40;
}

.custom-modal.ng-enter {
    transition: opacity .5s ease-out;
    opacity: 0;
}

    .custom-modal.ng-enter.ng-enter-active {
        opacity: 1;
    }

.custom-modal.ng-leave {
    transition: opacity .5s ease-out;
    opacity: 1;
}

    .custom-modal.ng-leave.ng-leave-active {
        opacity: 0;
    }

.div-group {
    background-color: #f4f4f4;
    margin-top: 16px;
    padding-top: 16px;
}

    .div-group .cov-row {
        padding-bottom: 16px;
    }

.cov-grp {
    width: 100%;
}

box-form-group .m-top {
    padding-top: 16px;
}

.btn {
    width: 100%;
    color: #fff !important;
}

.font-lg {
    font-size: 28px;
    line-height: 32px;
    font-family: VodafoneLight;
}

.inputGroup {
    display: block;
    position: relative;
}

    .inputGroup label {
        padding: 0px 0px 0px 5px;
        margin-bottom: 0px;
        display: block;
        color: #3C454C;
        z-index: 2;
        transition: color 200ms ease-in;
        overflow: hidden;
    }

        .inputGroup label:before {
            width: 16px;
            height: 16px;
            content: '';
            border: 1px solid #D1D7DC;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-position: 1px 1px;
            z-index: 2;
            position: absolute;
            left: 0px;
            cursor: pointer;
            transition: all 200ms ease-in;
        }

.inputGroup-lg label:before {
    transform: translateY(30%);
}

.inputGroup label.chkbox:before {
    width: 20px !important;
    height: 20px !important;
    background-position: 3px 3px;
    top: -10px;
    left: 12px;
}

.inputGroup label.radio:before {
    border-radius: 50%;
}

/*.inputGroup label.chkbox:before{
	margin-left:30px;
}*/

.inputGroup input:checked ~ label {
    color: #000;
}



    .inputGroup input:checked ~ label:before {
        background-color: #428600;
        border-color: #428600;
    }

.inputGroup input {
    z-index: 2;
    position: absolute;
    cursor: pointer;
    visibility: hidden;
}

.notify-success {
    border: 2px solid #428600;
    font-family: VodafoneRegular;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px;
}

    .notify-success span {
        padding-left: 50px;
        display: block;
    }

        .notify-success span:before {
            width: 56px;
            height: 100%;
            content: '';
            border: 2px solid #428600;
            background-color: #428600;
            background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.077 22.091c-0.136 0-0.271-0.055-0.38-0.165l-4.341-4.389c-0.217-0.219-0.217-0.562 0-0.782s0.556-0.219 0.773 0l3.948 4.005 9.387-9.491c0.217-0.219 0.556-0.219 0.773 0s0.217 0.562 0 0.782l-9.767 9.875c-0.122 0.11-0.258 0.165-0.393 0.165v0z' fill='%23fff'/%3E%3Cpath d='M2.667 16c0-7.35 5.983-13.333 13.333-13.333s13.333 5.983 13.333 13.333c0 7.35-5.983 13.333-13.333 13.333s-13.333-5.983-13.333-13.333zM4.001 16c0 6.617 5.383 12 12 12s12-5.383 12-12c0-6.617-5.383-12-12-12s-12 5.383-12 12z' fill='%23fff'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-position: 6px 6px;
            z-index: 2;
            position: absolute;
            top: 50%;
            left: 15px;
            transform: translateY(-50%);
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            cursor: pointer;
            transition: all 200ms ease-in;
        }

.notify-warning {
    border: 2px solid #990000;
    font-family: VodafoneRegular;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px;
}

    .notify-warning span {
        padding-left: 50px;
        display: block;
    }

        .notify-warning span:before {
            width: 56px;
            height: 100%;
            content: '';
            border: 2px solid #990000;
            background-color: #990000;
            background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 6h2v8h-2v-8zm1 12.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z' fill='%23fff'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-position: 10px 10px;
            z-index: 2;
            position: absolute;
            top: 50%;
            left: 15px;
            transform: translateY(-50%);
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            cursor: pointer;
            transition: all 200ms ease-in;
        }

.clear {
    clear: both;
}

.manageAlerts {
    /*text-decoration: underline;*/
    font-size: 14px;
    line-height: 18px;
    color: #0D0D0D;
    padding-left: 8px;
}

    .manageAlerts:hover {
        text-decoration: underline;
        opacity: 0.8;
        color: #0D0D0D;
    }

.error-callouts-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    justify-content: -webkit-center;
    align-items: center;
    position: absolute;
    top: 54px;
    width: 100%;
    height: auto;
    padding: 16px;
    color: #0d0d0d;
    font-size: 18px;
    line-height: 26px;
    background-color: #faa7a7;
    border-radius: 6px;
    text-align: left;
    z-index: 2;
}

    .error-callouts-top:before {
        content: "";
        position: absolute;
        left: 13px;
        top: -19px;
        border: 10px solid transparent;
        border-bottom: 10px solid #faa7a7;
        z-index: 2;
    }

    .error-callouts-top svg {
        vertical-align: middle;
    }

    .error-callouts-top span {
        vertical-align: middle;
    }

.padding-left {
    padding-left: 16px;
}

.m-alert {
    padding-left: 10px;
}

.spring {
    text-align: center;
}

.spring-body {
    min-width: 300px;
    max-width: 840px;
    padding: 0px 20px;
    margin: 40px auto 64px;
}

    .spring-body .header-grp {
        align-items: center;
    }

    .spring-body .paraMain {
        font-family: VodafoneRegular;
        font-weight: 400;
        padding-bottom: 0px;
        color: #262626;
    }

    .spring-body .header-grp:nth-child(2) .paraMain {
        padding-top: 16px;
    }

    .spring-body .svg-icon {
        width: 16px;
        height: 16px;
    }

.divContent {
    padding: 16px 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: VodafoneRegular;
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    font-weight: 400;
}

    .divContent p > a {
        text-decoration: underline;
    }

        .divContent p > a:hover {
            opacity: 0.6;
        }

.resultBar {
    background-color: #25282B;
}

    .resultBar span:first-child {
        font-family: VodafoneLight;
    }

    .resultBar span:nth-child(2) {
        font-weight: 400;
    }


.footerBar {
    background-color: #BD0000;
    height: 88px !important;
}

    .footerBar > p:first-child {
        font-size: 16px;
        font-weight: 700;
    }

.divMainBody {
    padding: 24px 16px;
    width: 100%;
    max-width: 725px;
    margin: auto;
    text-align: center;
    color: #0d0d0d;
    font-family: VodafoneRegular;
    font-size: 18px;
    line-height: 26px;
    display: table;
    font-weight: 400;
}

    .divMainBody .subContent {
        padding-top: 16px;
    }

        .divMainBody .subContent > p:first-child {
            padding-bottom: 8px;
        }

        .divMainBody .subContent > a {
            padding: 8px 0;
        }

    .divMainBody p.fontBold {
        font-weight: 700;
    }

    .divMainBody p > svg {
        height: 40px;
        width: 40px;
    }

    .divMainBody a.button {
        width: 218px;
        padding: 9px 32px;
        font-size: 18px;
        line-height: 26px;
        border-radius: 6px;
    }

    .divMainBody p > a {
        text-decoration: underline;
    }

        .divMainBody p > a:hover, .divMainBody p > a:focus {
            text-decoration: underline;
            opacity: 0.6;
            color: #0d0d0d;
        }

.disclaimer {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 16px;
    font-family: VodafoneRegular;
    font-size: 14px;
    text-align: center;
    width: 100%;
    background-color: #fff;
    display: table;
}

    .disclaimer p {
        vertical-align: middle;
        text-align: center;
        display: table-cell;
    }

        .disclaimer p > a {
            text-decoration: underline;
            color: #e60000;
        }

            .disclaimer p > a:hover {
                text-decoration: underline;
                color: #990000;
            }

.hidemap {
    display: none;
}

#tabInfoBig {
    display: block;
}

#tabInfoSmall {
    display: none;
}

span.error {
    font-size: 14px;
    font-family: VodafoneRegular;
    color: #990000;
}

p.error {
    font-size: 14px;
    font-family: VodafoneRegular;
    color: #990000;
}

input.error {
    border: 1px solid #990000;
    box-shadow: inset 1px 3px 4px 0 rgba(230, 0, 0, 0.1);
}

div.waitbox {
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 50;
    background-color: #000;
    height: 48px;
    padding: 0 24px 0 24px;
    border-radius: 24px;
    min-width: 191px;
    width: 191px;
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    font-family: VodafoneRegular;
}

    div.waitbox img {
        height: 32px;
        width: 32px;
        margin-left: 8px;
    }

.panel-span-highlight {
    color: #e60000;
    font-size: 14px;
    display: block;
    line-height: 16px;
    text-decoration: underline;
    cursor: pointer;
}

    .panel-span-highlight:hover {
        opacity: 0.5 !important;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.disable {
    opacity: 0.5;
    pointer-events: none;
}

.disable-box {
    pointer-events: none;
}

.item_fade {
    opacity: 0.5;
}

.text-bold {
    font-family: VodafoneRegular;
    font-weight: bold;
}

.background__image {
    background-image: url("../images/polygon-background-vf.png");
}

.cov-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-left: 16px;
    margin-right: 16px;
}

.cov-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    justify-content: -webkit-center;
    align-items: center;
}

.panel-cov-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 20px;
}

    .panel-cov-block:last-child {
        margin-bottom: 0px;
    }

.cov-grid-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 8px;
    background-color: #f4f4f4;
}

.cov-right {
    float: right;
}

.con-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    background-color: #F2F2F2;
    padding: 8px 12px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 0 0 6px 6px;
    color: #0d0d0d;
    align-items: center;
}

.panel-con-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    padding: 12px 16px;
    font-size: 18px;
    line-height: 24px;
    color: #0d0d0d;
    align-items: center;
    border-top: 1px solid #F2F2F2;
}

    .con-row > span:last-child, .panel-con-row > span:last-child {
        padding-left: 12px;
    }

.cov-left {
    float: left;
    margin-right: 10px;
}

.cov-span {
    float: left;
    max-width: 70%;
}

.cov-right {
    float: right;
}

.mar-la {
    margin-left: auto;
}

.mar-both {
    margin-left: 25px;
    margin-right: 10px;
}

.mar-rt {
    margin-right: 10px;
}

.mar-ra {
    margin-right: auto;
}

.input-group__clear .svg-icon, .input-loc .svg-icon, .svg-icon-md {
    width: 20px !important;
    height: 20px !important;
}

.just-center {
    justify-content: center;
    justify-content: -webkit-center;
}

.spring .cov-block {
    z-index: 1;
}

.malert-mar {
    margin-top: 8px;
}

.pLineBrk {
    white-space: pre-line;
}

.svg-icon-issue {
    height: 40px;
    width: 32px;
}

.simpleTab {
    padding: 8px;
    font-family: "VodafoneRegular";
    position: relative;
    min-width: 100px;
    cursor: pointer;
    display: inline-block;
    color: #666666;
    letter-spacing: normal;
    vertical-align: middle;
    text-decoration: none;
}

    .simpleTab:hover {
        text-decoration: none;
    }

.simpleTabActive {
    position: relative;
    color: #E60000;
}

    .simpleTabActive::before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #E60000;
    }

    .simpleTabActive::after {
        border: 5px solid transparent;
        border-top-color: currentColor;
        display: block;
        height: 0;
        width: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        color: #E60000;
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        z-index: 2;
    }

.panelTab {
    padding: 12px;
    font-family: "VodafoneRegular";
    position: relative;
    min-width: 50px;
    cursor: pointer;
    display: inline-block;
    color: #0D0D0D;
    letter-spacing: normal;
    vertical-align: middle;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

    .panelTab:hover {
        text-decoration: none;
    }

.panelTabActive {
    position: relative;
    color: #E60000;
}

    .panelTabActive::before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 4px;
        background-color: #E60000;
        border-radius: 4px 4px 0px 0px;
    }

.input-loc {
    margin-right: -20px;
    background: transparent;
    border: none;
    padding: 12px;
    position: absolute;
    right: 20px;
    top: 2px;
    cursor: pointer;
    line-height: 20px;
}

.rm-padding {
    padding-left: 12px;
}

.txtbox-sm {
    max-width: 90px;
}

.cursor-link {
    cursor: pointer;
}

.link-inbox {
    color: #e60000 !important;
    cursor: pointer;
    display: inline;
}

    .link-inbox:hover {
        text-decoration: underline !important;
        color: #990000 !important;
    }

.panel-block {
    background-color: #333333;
    border-bottom: 1px solid #333333 !important;
    pointer-events: none;
}

.navbar .navbar-nav li.panel-block > a, .navbar .navbar-nav li.panel-block > a .panel-span2, .navbar .navbar-nav li.panel-block > a .panel-span-highlight {
    color: #fff !important;
}

.panel-info {
    background-color: #005EA5;
    pointer-events: none;
    border-bottom: 1px solid #005EA5 !important;
}

    .panel-info:hover {
        background-color: #005EA5 !important;
    }

.navbar .navbar-nav li.panel-info > a, .navbar .navbar-nav li.panel-info > a .panel-span2, .navbar .navbar-nav li.panel-info > a .panel-span-highlight {
    color: #fff !important;
}

.span3-highlight {
    pointer-events: auto !important;
    cursor: pointer;
    font-size: 16px !important;
    line-height: 18px !important;
}

.esri-view .esri-view-surface--inset-outline:focus::after {
    outline: none !important;
}

.radio-item {
    display: inline-block;
    position: relative;
    width: 48%;
}

    .radio-item:nth-of-type(2) {
        margin-left: 8px;
    }

    .radio-item:nth-of-type(3) {
        margin-top: 8px;
    }

    .radio-item input[type='radio'] {
        display: none;
    }

    .radio-item label {
        color: #0d0d0d;
        font-size: 16px;
        line-height: 20px;
        border: 1px solid #7E7E7E;
        border-radius: 3px;
        padding: 4px 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .radio-item label:before {
            /*content: " ";*/
            display: inline-block;
            position: relative;
            margin: 0 10px 0 0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 1px solid #7E7E7E;
            background-color: #fff;
        }

    .radio-item input[type=radio]:checked + label {
        border: 2px solid #00697C;
        font-weight: 600;
    }

        .radio-item input[type=radio]:checked + label:before {
            border: 1px solid #00697C;
            background-color: #0096AD;
            box-shadow: inset 0 0 0 3px #fff;
        }


#mapBox {
    margin-top: 20px;
}



/*Toggle Switch Start*/

.switch {
    /* switch */
    --switch-width: 40px;
    --switch-height: 24px;
    --switch-bg: #7E7E7E;
    --switch-checked-bg: #00697C;
    --switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);
    --switch-transition: all .2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
    /* circle */
    --circle-diameter: 18px;
    --circle-bg: #fff;
    --circle-shadow: 1px 1px 2px rgba(146, 146, 146, 0.45);
    --circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, 0.45);
    --circle-transition: var(--switch-transition);
    /* icon */
    --icon-transition: all .2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
    --icon-cross-color: var(--switch-bg);
    --icon-cross-size: 8px;
    --icon-checkmark-color: var(--switch-checked-bg);
    --icon-checkmark-size: 12px;
    /* effect line */
    --effect-width: calc(var(--circle-diameter) / 2);
    --effect-height: calc(var(--effect-width) / 2 - 1px);
    --effect-bg: var(--circle-bg);
    --effect-border-radius: 0px;
    --effect-transition: all .2s ease-in-out;
}

    .switch input {
        display: none;
    }

.switch {
    display: inline-block;
}

    .switch svg {
        -webkit-transition: var(--icon-transition);
        -o-transition: var(--icon-transition);
        transition: var(--icon-transition);
        position: absolute;
        height: auto;
    }

    .switch .checkmark {
        width: var(--icon-checkmark-size);
        color: var(--icon-checkmark-color);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .switch .cross {
        width: var(--icon-cross-size);
        color: var(--icon-cross-color);
    }

.slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: var(--switch-width);
    height: var(--switch-height);
    background: var(--switch-bg);
    border-radius: 999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: var(--switch-transition);
    -o-transition: var(--switch-transition);
    transition: var(--switch-transition);
    cursor: pointer;
}

.circle {
    width: var(--circle-diameter);
    height: var(--circle-diameter);
    background: var(--circle-bg);
    border-radius: inherit;
    -webkit-box-shadow: var(--circle-shadow);
    box-shadow: var(--circle-shadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: var(--circle-transition);
    -o-transition: var(--circle-transition);
    transition: var(--circle-transition);
    z-index: 1;
    position: absolute;
    left: var(--switch-offset);
}

.slider::before {
    content: "";
    position: absolute;
    width: var(--effect-width);
    height: var(--effect-height);
    left: calc(var(--switch-offset) + (var(--effect-width) / 2));
    background: var(--effect-bg);
    border-radius: var(--effect-border-radius);
    -webkit-transition: var(--effect-transition);
    -o-transition: var(--effect-transition);
    transition: var(--effect-transition);
}

/* actions */

.switch input:checked + .slider {
    background: var(--switch-checked-bg);
}

    .switch input:checked + .slider .checkmark {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .switch input:checked + .slider .cross {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .switch input:checked + .slider::before {
        left: calc(100% - var(--effect-width) - (var(--effect-width) / 2) - var(--switch-offset));
    }

    .switch input:checked + .slider .circle {
        left: calc(100% - var(--circle-diameter) - var(--switch-offset));
        -webkit-box-shadow: var(--circle-checked-shadow);
        box-shadow: var(--circle-checked-shadow);
    }

/*Toggle Switch End*/

.covPanelHeading, .paddingTop8 {
    padding-top: 8px;
}

.paddingTop16 {
    padding-top: 16px;
}

.paddingBottom16 {
    padding-bottom: 16px;
}

.covPanelHeading span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.gmnoprint div, .gmnoprint button {
    border-radius: 6px !important;
}


.paddingTop20 {
    padding-top: 20px !important;
}

.linkFullwidth {
    width: 100%;
    cursor: pointer;
    padding: 4px 16px;
}