@charset "UTF-8";
/*Common Css*/
/*Importing G&B fonts starts*/

@font-face {
    font-family: 'G&B-Headline';
    src: url('../fonts/G&B-Headline.woff2') format('woff2'),
        url("../fonts/G&B-Headline.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'G&B-BodyCopy';
    src: url('../fonts/G&B-BodyCopy.woff2') format('woff2'),
        url("../fonts/G&B-BodyCopy.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'G&B-BodyCopyHighlight';
    src: url('../fonts/G&B-BodyCopyHighlight.woff2') format('woff2'),
        url("../fonts/G&B-BodyCopyHighlight.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* Importing G&B fonts ends */
:root {
    font-size: 16px;
}

html {
    height: 100%;
}

body {
    font-family: 'G&B-BodyCopy', sans-serif;
    font-weight: 400;
    height: 100vh;

}

/*End Common Css*/


/*Top Menu Css*/
.menu {
    background: #810055;
    width: 100%;
    font-size: 0.875rem;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu,
.menu a {
    color: #fff;
    text-decoration: none;
}

.menu a {
    display: block;
    white-space: nowrap;
}

.menu-dropdown,
.menu input[type=checkbox] {
    display: none;
}

.menu-hasdropdown 

{float: right;}

.menu label:hover {
    cursor: pointer;
}

.menu-dropdown a{color: #333;}
.menu-dropdown a:hover {
    background-color: #F9F2F6;
    color: #810055;
}
.menu-dropdown li{border-bottom: 1px solid #f1f1ed;}
.noPaddingMargin{padding: 0px; margin: 0px;}
.downArrow{transform: rotate(90deg);}
/*End Top Menu Css*/


/*Top Header Css*/
.systemName{font-size: 1.125Rem; color: #810055; font-family: 'G&B-headline', sans-serif;}
.userName{font-size: 0.75rem; color: #333; font-family: 'G&B-headline', sans-serif;}
.usertext{font-size: 0.75rem; color: #707070;}
/*End Top Header Css*/

/*Button Css*/
.purpleBut48{background-color: #810055; font-size: 1rem; color: #fff; border:0px; padding: 0px 1rem; height:48px; font-family: 'G&B-headline', sans-serif; box-shadow: none;}
.purpleBut32{background-color: #810055; font-size: 0.875rem; color: #fff; border: 0px; padding: 0px 1rem; height: 32px; box-shadow: none;}
.purpleBut24 {background-color: #810055; font-size: 0.75rem; color: #fff; border: 0px; padding: 0px 1rem; height: 24px; box-shadow: none;}
/*End Button Css*/

/*Top Menu Responsive css*/
/* narrow styles */
@media screen and (max-width: 1024px) {

    .menu>ul,
    .menu-righticon {
        display: none;
    }

    input[type=checkbox]:checked+ul {
        display: block;
        -webkit-animation: grow 0.5s ease-in-out;
        animation: grow 0.5s ease-in-out;
    }
}

/* large styles */
@media screen and (min-width: 1025px) {

    .menu>label,
    input[type=checkbox] {
        display: none;
    }

    .menu a {
        padding: 1rem;
    }

    .menu>ul>li {
        display: inline-block;
    }

    .menu-hasdropdown {
        position: relative;
    }

    .menu-hasdropdown:hover>ul {
        display: block;
        -webkit-animation: grow 0.5s ease-in-out;
        animation: grow 0.5s ease-in-out;
    }

    .menu-hasdropdown>ul {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        /* width: 100%; */
        min-width: 208px;
        border: 1px solid #f1f1ed;
    }

    .menu-hasflyout>ul {
        left: 100%;
        top: 0;
    }

    .menu-hasflyout .menu-downicon {
        display: none;
    }
}

/* look and feel only, not needed for core menu*/
@-webkit-keyframes grow {
    0% {
        display: none;
        opacity: 0;
    }

    50% {
        display: block;
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes grow {
    0% {
        display: none;
        opacity: 0;
    }

    50% {
        display: block;
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}


.menu-dropdown a {
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* narrow  */
@media screen and (max-width: 1024px) {
    .menu>label {
        background: #810055;
        display: block;
        padding: 1rem;
        text-align: right;
    }

    .menu a {
        padding: 1rem;
    }

    .menu>ul i {
        float: right;
        padding: 5px 10px;
    }

    .menu-dropdown a {
        background: #f1f1ed;
    }

    .menu-hasflyout>ul a {
        background: #f1f1ed;
    }
    .control-label{
        display:block;
    }
}
/*End Top Menu Responsive css*/