/* * Import all css icon to master * if is before login clases are added * #mainheader class added header * #leftmenu class added beforeloginleft * #mainwrapper class added beforeloginwrap * #mainfooter class added beforeloginfooter * */


/* * for Live URL*/

@import url('../ucmasset/ucm-core/css/ucmiconfont-white.css');
@import url('../ucmasset/ucm-core/css/ucmglobalsharedicons.css');

/* For Local url
For Designer Guideline Below imported css files should be removed when upload it into the server [live/ stating]. it's only for local structured 
*/


/*
@import url('ucmiconfont-white.css');
@import url('ucmglobalsharedicons.css');
@import url('ucmleftmenuicons.css');
@import url('ucmpageicons.css'); 
*/

body {
    height: 100%;
}

html body {
    font-family: 'open_sansregular', 'Helvetica Neue', Arial, sans-serif;
    overflow-x: hidden;
    overflow-y: auto;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 12px;
    background: #fff;
    /* font-size: 62.5% */
}


/* authorize page */

app-main {
    display: block;
    height: 100vh;
}

ucm-authorize {
    display: block;
    height: 100%;
}

.ucmbgauthorize {
    height: 100%;
    color: #333333;
    background: #b2b2b2;
    background: -moz-linear-gradient(top, #b2b2b2 0%, #636361 100%);
    background: -webkit-linear-gradient(top, #b2b2b2 0%, #636361 100%);
    background: linear-gradient(to bottom, #b2b2b2 0%, #636361 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#636361', GradientType=0);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.authorize-page {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.authorize-wrap {
    max-width: 320px;
    min-width: 300px;
    position: relative;
    margin: 0px auto;
    padding: 20px;
    background: #ffffff;
    display: block;
    -webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
}

.emailvmessage {
    width: calc(100% - 40px);
}

.emailvmessage span {
    display: block;
    color: #333;
    font-family: 'open_sanssemibold', 'Helvetica Neue', Arial, sans-serif;
}

.istwofactorauthenabled {
    max-width: 480px;
}

.displaymsg {
    max-width: 400px;
}

.afterloginactions {
    max-width: 800px;
}

.authorize-wrap .at-btn .btn-default {
    width: calc(50% - 15px);
}

@media screen and (max-width:480px) {
    .authorize-wrap {
        min-width: 90%;
        max-width: 90%;
    }
    .authorize-wrap .at-btn .btn-default {
        width: 100%;
    }
}

.zinfilogo {
    display: block;
    margin: 0 auto;
    max-width: 120px;
    padding: 0px 0 15px;
}

.zinfilogo img {
    max-width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.authorize-wrap .btn-default {
    background: #9d9d9d;
    border: 0px none;
    display: block;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    font-size: 19px;
    line-height: 25px;
    margin: 0 0 20px 0;
    padding: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.authorize-wrap .btn-default:hover,
.authorize-wrap .btn-default:focus {
    background: #696969;
    -wbkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

@media screen and (min-width: 768px) {
    .login-wrap {
        min-width: 430px;
        min-height: 400px;
    }
    .logged-out .login-wrap {
        min-height: 150px;
    }
}

a,
.mainnav {
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}

a:hover,
a:focus,
button:hover,
button:focus,
input:focus,
textarea:focus,
.betasigninoff li a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

a[disabled="disabled"] {
    cursor: not-allowed;
    opacity: 0.5;
}

.ucmbodycontent h1 {
    margin: 0 0 10px 0;
}

input,
textarea,
select,
option {
    color: #555555;
}

.ucmcontentcms div.container {
    padding: 0px;
    max-width: 100%;
    width: 100%;
}

.ucmcontentcms div.container iframe {
    width: 100%;
    border: 0px;
}


/* Change the white to any color ;
*/

input:-webkit-autofill {
    box-shadow: 0 0 0 30px white inset;
    -webkit-box-shadow: 0 0 0 30px white inset;
}

h1,
h2,
h3,
h4,
ul,
li,
dl,
dt,
dd,
p {
    margin: 0;
    padding: 0;
}

textarea {
    max-width: 100%;
    width: 100%;
    min-height: 55px;
}

.noborder {
    border: 0px none !important;
}

@media screen and (min-width: 768px) {
    .desk-nobg {
        background: none !important;
    }
}

input,
button,
select,
textarea,
option {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.inputbox input:disabled,
.inputbox button:disabled,
.inputbox select:disabled,
.inputbox textarea:disabled,
input:disabled,
button:disabled,
select:disabled,
textarea:disabled {
    background-color: #ccc;
    cursor: not-allowed;
    color: #ffffff;
    opacity: 0.5;
}

.btn.disabled,
.btn:disabled {
    opacity: .25;
}

label {
    font-weight: normal;
}

::-moz-selection,
 ::selection {
    color: #ffffff;
    background: #333333;
}


/*Start Before Login Structure  */

.ucmicon-user-bl-top {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 705.91 762.82'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M757.29,784.74c.4-42.38,9.56-144.4-83.48-189.51-88.39-42.86-136.95-49.29-166.57-78.91-18.79-18.79-35-68.93-22.14-88.09,8.39-12.47,41.2-41.1,59.07-95.27,12.15-36.82,28.33-79.33,31.37-139.57,1.28-25.37-4-84.34-43.72-124-43.88-43.83-92-47.42-127.37-47.42S321.52,25.27,277.64,69.1c-39.75,39.7-44.72,98.31-43.44,123.68,3,60.25,19.36,102.08,31.51,138.9,17.87,54.17,50.75,81.48,59.14,94,12.9,19.16-3.32,66.69-22.11,85.48-29.63,29.63-78.16,41.26-166.56,84.12-93,45.11-84.38,147.12-84,189.51Z' transform='translate%28-51.8 -21.92%29' style='fill:%23474747'/%3E%3C/svg%3E");
}

.ucmicon-set-lang-bl-top {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 796.94 732.39'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M798.41,764.86,683.35,441.35a1,1,0,0,0-.94-.66H596.87a1,1,0,0,0-.94.65l-13.46,37a1,1,0,0,1-1.92-.41c1.73-23,2-46.43,1.59-66.68a1,1,0,0,0,0-.1c-2-15.91-2.66-33.45-2.92-45.68l-1-33.84a1,1,0,0,0-1-1H484.79a1,1,0,0,0-1,.9l-3.32,34.08s0,0,0,.08c-.38,22.07-3.65,58.66-7.13,74.91a1,1,0,0,1-.92.78c-8.16.49-36.56-2.2-36.56-2.2s11.09.83-33.7-3.08a1,1,0,0,1-1-1V190.06a1,1,0,0,1,1-1H516.24c40.28,0,50.92-34.59,50.92-50.39,0-13.58-5.79-28-17.25-39.55L482,34.08a1,1,0,0,0-1.5.14l-43.27,60a1,1,0,0,1-.81.41H131.94c-10.94,0-22.78-9.26-34.66-10.24L2.68,69.9a1,1,0,0,0-.94,1.59l71.87,94.45L87.83,183H173.9l2.31,4.63c.55,0,.22,1.88.21,2.43-.13,141-19.34,236.47-133.57,313.1l-.06,0L11.75,521a1,1,0,0,0-.39,1.31l40.74,80a1,1,0,0,0,1.3.46l39.28-17.67.1-.05C243.84,497,283.55,378.23,289.32,190a1,1,0,0,1,1-1h15.47a1,1,0,0,1,1,1V444.88c0,101.12,73.27,100.9,130.45,100.9,59,0,99.34-3.55,127.21-23.15a1,1,0,0,1,1.5,1.15L478.17,764.86a1,1,0,0,0,.94,1.34h77.3a1,1,0,0,0,.95-.69l22.49-71a1,1,0,0,1,.95-.69H695.1a1,1,0,0,1,.95.69l22.71,71a1,1,0,0,0,.95.69h77.77A1,1,0,0,0,798.41,764.86ZM677.67,637.49H597.09a1,1,0,0,1-.95-1.3l35-109a124.2,124.2,0,0,0,5.6-27.47,1,1,0,0,1,1-.9h0a1,1,0,0,1,1,.9,140.88,140.88,0,0,0,5.36,28.38l34.54,108.11A1,1,0,0,1,677.67,637.49Z' transform='translate%28-1.53 -33.81%29' style='fill:%23474747'/%3E%3C/svg%3E");
}

.ucm-bl-rootwrap {
    display: block;
    width: 100%;
    height: 100%;
}

.ucm-bl-header .topuserlang-area button {
    font-size: 14px;
    line-height: 20px;
    color: #474747;
    background: none;
    border: 0px none;
    border-radius: 0;
    padding: 0px;
    -ms-transition: all 0.2 ease-in;
    transition: all 0.2 ease-in;
}

.ucm-bl-header .topuserlang-area button:hover,
.ucm-bl-header .topuserlang-area button:focus {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    opacity: 0.7;
    outline: none;
}

.ucm-bl-header .topuserlang-area button i {
    width: 17px;
    height: 17px;
    margin-right: 5px;
}

.ucm-bl-footer {
    border-top: 1px solid #cccccc;
    background: #fff;
    padding: 15px;
    color: #2F2F2F;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
}

.beforelogin-button,
.beforelogin-button:hover {
    border: 1px solid #dfdfdf;
    padding: 4px 20px;
    /*margin: 0px 0 0 5px !important;
    */
    font-size: 12px;
    line-height: 18px;
    border-radius: 4px;
    text-transform: capitalize;
    display: inline-block;
    color: #0052a3;
    background: #ffffff;
}

.beforelogin-button+.beforelogin-button {
    margin-left: 10px;
}

.ucm-bl-header i.ucmicons.md {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.singin i,
.displaylaguage i {
    display: none !important;
}

.displaylaguage span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width:480px) {
    .displaylaguage span {
        max-width: 99%;
    }
}

createaccount,
partnerlocator {
    margin-top: 80px;
    display: block;
}

.ucm-mobile-wrap {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0 15px 0 0;
    width: calc(100vw - 100px)
}


/* Ie browser specific  */

@media screen and (-ms-high-contrast: active) and (min-width:768px),
screen and (-ms-high-contrast: none) and (min-width:768px) {
    .ucm-bl-rootwrap .ucm-mobile-wrap {
        width: calc(100vw - 100px);
    }
    .mr-md-auto.ucm-topmenu {
        width: 100%;
    }
}

@media screen and (-ms-high-contrast: active) and (max-width:768px),
screen and (-ms-high-contrast: none) and (max-width:768px) {
    .ucm-bl-rootwrap .ucmheader .ucm-topmenu {
        margin-left: 15px;
    }
}


/* END ie specific */

@media screen and (min-width:320px) and (max-width:480px) {
    .ucm-bl-header .ucm-mobile-wrap {
        width: 100%;
    }
    .ucm-bl-header .ucm-mobile-wrap li button {
        color: #e9e9e9;
        height: 45px;
    }
    .ucm-mobile-wrap>li {
        height: 45px;
        text-align: center;
    }
    .ucm-mobile-wrap>li ul li {
        height: auto;
        text-align: left;
    }
    .ucm-mobile-wrap li:hover,
    .ucm-mobile-wrap li:focus,
    .ucm-mobile-wrap li:visited {
        background-color: #7d7d7d;
    }
    .ucmicon-user-bl-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 705.91 762.82'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M757.29,784.74c.4-42.38,9.56-144.4-83.48-189.51-88.39-42.86-136.95-49.29-166.57-78.91-18.79-18.79-35-68.93-22.14-88.09,8.39-12.47,41.2-41.1,59.07-95.27,12.15-36.82,28.33-79.33,31.37-139.57,1.28-25.37-4-84.34-43.72-124-43.88-43.83-92-47.42-127.37-47.42S321.52,25.27,277.64,69.1c-39.75,39.7-44.72,98.31-43.44,123.68,3,60.25,19.36,102.08,31.51,138.9,17.87,54.17,50.75,81.48,59.14,94,12.9,19.16-3.32,66.69-22.11,85.48-29.63,29.63-78.16,41.26-166.56,84.12-93,45.11-84.38,147.12-84,189.51Z' transform='translate%28-51.8 -21.92%29' style='fill:%23e9e9e9'/%3E%3C/svg%3E");
    }
    .ucmicon-set-lang-bl-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 796.94 732.39'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M798.41,764.86,683.35,441.35a1,1,0,0,0-.94-.66H596.87a1,1,0,0,0-.94.65l-13.46,37a1,1,0,0,1-1.92-.41c1.73-23,2-46.43,1.59-66.68a1,1,0,0,0,0-.1c-2-15.91-2.66-33.45-2.92-45.68l-1-33.84a1,1,0,0,0-1-1H484.79a1,1,0,0,0-1,.9l-3.32,34.08s0,0,0,.08c-.38,22.07-3.65,58.66-7.13,74.91a1,1,0,0,1-.92.78c-8.16.49-36.56-2.2-36.56-2.2s11.09.83-33.7-3.08a1,1,0,0,1-1-1V190.06a1,1,0,0,1,1-1H516.24c40.28,0,50.92-34.59,50.92-50.39,0-13.58-5.79-28-17.25-39.55L482,34.08a1,1,0,0,0-1.5.14l-43.27,60a1,1,0,0,1-.81.41H131.94c-10.94,0-22.78-9.26-34.66-10.24L2.68,69.9a1,1,0,0,0-.94,1.59l71.87,94.45L87.83,183H173.9l2.31,4.63c.55,0,.22,1.88.21,2.43-.13,141-19.34,236.47-133.57,313.1l-.06,0L11.75,521a1,1,0,0,0-.39,1.31l40.74,80a1,1,0,0,0,1.3.46l39.28-17.67.1-.05C243.84,497,283.55,378.23,289.32,190a1,1,0,0,1,1-1h15.47a1,1,0,0,1,1,1V444.88c0,101.12,73.27,100.9,130.45,100.9,59,0,99.34-3.55,127.21-23.15a1,1,0,0,1,1.5,1.15L478.17,764.86a1,1,0,0,0,.94,1.34h77.3a1,1,0,0,0,.95-.69l22.49-71a1,1,0,0,1,.95-.69H695.1a1,1,0,0,1,.95.69l22.71,71a1,1,0,0,0,.95.69h77.77A1,1,0,0,0,798.41,764.86ZM677.67,637.49H597.09a1,1,0,0,1-.95-1.3l35-109a124.2,124.2,0,0,0,5.6-27.47,1,1,0,0,1,1-.9h0a1,1,0,0,1,1,.9,140.88,140.88,0,0,0,5.36,28.38l34.54,108.11A1,1,0,0,1,677.67,637.49Z' transform='translate%28-1.53 -33.81%29' style='fill:%23e9e9e9'/%3E%3C/svg%3E");
    }
    .ucm-bl-header .topuserlang-area button:hover,
    .ucm-bl-header .topuserlang-area button:visited {
        background: #7d7d7d;
        cursor: pointer;
    }
    /*before login*/
    .ucm-bl-header .topuserlang-area button i {
        width: 17px;
        height: 17px;
        margin: 0px 5px 0 0;
        display: inline-block;
        vertical-align: middle;
    }
    .ucm-bl-header #UcmMultiNav {
        top: 106px;
    }
    beforelogin .container,
    createaccount,
    partnerlocator {
        margin-top: 106px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .ucm-bl-header #UcmMultiNav {
        top: 71px;
    }
    .ucm-bl-rootwrap .ucm-mobile-wrap.d-flex.justify-content-between {
        max-width: 270px;
        width: 100%;
    }
    beforelogin .container,
    createaccount,
    partnerlocator {
        margin-top: 80px;
    }
    .ucm-bl-header .ucmmulti-navbar .navbar-toggler.mainmenu {
        padding-right: 0;
    }
}

@media screen and (max-width:767px) {
    .widgetwithpartner {
        z-index: 9;
    }
    .ucm-bl-header.ucmheader .container-fluid {
        position: relative;
    }
    .ucm-bl-header.navbar-toggler.mainmenu i {
        -o-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .ucm-bl-header #UcmMultiNav {
        position: fixed;
        min-width: 230px;
        background: #fff;
        padding: 0;
        right: 0px;
        box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.3);
    }
    .ucm-bl-header .ucm-navbar-main li {
        border-bottom: 1px solid #f1f1f1;
    }
    .ucm-bl-header .ucm-navbar-main li a {
        background: none;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        padding: 10px 15px;
        display: block;
        text-align: center
    }
    .ucm-bl-header .ucm-navbar-main li a:hover,
    .ucm-bl-header .ucm-navbar-main li.active a:hover,
    .ucm-bl-header .ucm-navbar-main li.active a {
        color: #ffffff;
        background: #ccc;
    }
}


/*End Before Login Structure  */


/*mobile view multible button view*/

.navbar-ucm .navbar-toggler {
    border: 0px none;
    margin: 0px;
    padding: 0px;
}

.navbar-ucm .navbar-toggler i {
    width: 30px;
    margin: 12px 0 0 0;
    cursor: pointer;
    height: 30px;
}


/* * ucm loader */

.ucm-loading-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45);
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ucm-loadingwrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
}

.ucm-loadingwrap span {
    position: relative;
    top: -50px;
    left: 27px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    font-weight: bold;
}

.ucm-loader {
    border: 3px solid #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border-top: 3px solid #f1f1f1;
    width: 70px;
    height: 70px;
    -o-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 0px auto
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* * END OF Common CSS START */


/* * UCM Header with top menu */

.ucmheader {
    background-color: #fff;
    border: 0px none;
    margin: 0px;
    min-height: inherit;
    padding: 0px;
    border-bottom: 1px solid #e9e9e9;
    height: 80px;
}

.ucmheader .p-relative.d-flex {
    height: 80px;
    width: 100%;
    margin: 0px auto;
}

.widgetwithpartner {
    padding-left: 15px;
}

.ucmheader .navbar-brand {
    padding: 15px 15px 15px 0;
    height: auto;
    margin: 0px;
    display: -ms-flex;
    display: flex;
}

.ucmheader .navbar-brand a.widget-network,
.ucmheader .navbar-brand a.widget-partner {
    font-size: 12px;
    line-height: 28px;
    /* min-width: 120px; */
}

.ucmheader .navbar-brand a.widget-network {
    padding: 0px 15px 0 0;
}

.ucm-bl-header.ucmheader .navbar-brand a.widget-network {
    padding: 0;
}

.ucmheader .navbar-brand a.widget-partner {
    padding: 0px 0 0 15px;
    position: relative;
}

.ucmheader .navbar-brand a.widget-partner::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    border-left: 1px solid #ccc;
    width: 1px;
    height: 90%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ucmheader .navbar-brand img {
    display: block;
    max-height: 40px;
}


/*UCM Main top Left Nav bar ucm-navbar-main*/

.ucmheader .ucmmulti-navbar {
    padding: 0px;
    margin: 0;
}

.welcomeuser a.nav-link,
.ucm-navbar-main li a {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 25px;
    font-size: 14px;
    color: #1d1d1d;
}

.ucmheader .hamburger.is-closed span::before,
.ucmheader .hamburger.is-closed span::after,
.ucmheader .hamburger.is-open span::before,
.ucmheader .hamburger.is-open span::after,
.ucmheader .hamburger.is-closed span i {
    background-color: #797979;
}

.ucm-navbar-main li a {
    display: block;
}


/* * menu selection */

@media screen and (min-width: 768px) {
    .ucm-navbar-main li a {
        border-bottom: 2px solid transparent;
        padding-bottom: 4px;
        padding-top: 4px;
    }
    .ucm-navbar-main li.active a {
        border-bottom: 2px solid #f27724;
        font-family: 'open_sanssemibold';
    }
}

.weluser button.btn,
.ucm-select-lang a {
    background: rgba(0, 0, 0, 0);
    font-size: 12px;
    color: #333;
    padding: 0;
    display: block;
}

.weluser button.btn {
    margin: 0 1.25rem 0 0;
    white-space: initial;
}

.weluser button.btn:hover,
.weluser button.btn:focus,
.weluser.show button.btn,
.ucm-select-lang a:hover,
.ucm-select-lang a:focus {
    color: #F27724;
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
}

.weluser .dropdown-toggle::after {
    margin-left: 0.25rem;
    vertical-align: .1em;
    border-top: .57em solid;
    border-right: .32em solid transparent;
    border-left: .32em solid transparent;
}


/*user lang*/

.ucm-select-lang {
    white-space: nowrap;
}


/*welcome user*/

.ucm-options-dropdown .dropdown-toggle::after {
    content: none;
}

.ucm-options-dropdown .dropdown-menu {
    border-radius: 0px;
    border: 2px solid #e2e2e2;
    min-width: 200px;
    padding: 0px;
    margin: 0px;
}

.weluser.ucm-options-dropdown .dropdown-menu {
    min-width: 240px;
    transform: translate3d(-195px, 49px, 0px)!important;
    -webkit-transform: translate3d(-195px, 49px, 0px)!important;
    -moz-transform: translate3d(-195px, 49px, 0px)!important;
    -ms-transform: translate3d(-195px, 49px, 0px)!important;
    -o-transform: translate3d(-195px, 49px, 0px)!important;
}

.ucmps.ucm-options-dropdown .dropdown-menu {
    transform: translate3d(-155px, 52px, 0px) !important;
    -webkit-transform: translate3d(-155px, 52px, 0px) !important;
    -moz-transform: translate3d(-155px, 52px, 0px) !important;
    -ms-transform: translate3d(-155px, 52px, 0px) !important;
    -o-transform: translate3d(-155px, 52px, 0px) !important;
}

.ucm-options-dropdown .dropdown-menu::before {
    content: '';
    border-bottom: 13px dashed #ffffff;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -13px;
    right: 16px;
    z-index: 2;
}

.ucm-options-dropdown .dropdown-menu::after {
    content: '';
    border-bottom: 15px dashed #e2e2e2;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    top: -16px;
    right: 14px;
    z-index: 1;
}

.ucm-options-dropdown .dropdown-menu li {
    padding: 10px;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    background: none;
    color: #636363;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    text-align: left;
    width: auto;
}

.ucm-options-dropdown .dropdown-menu li.username {
    font-size: 11px;
    font-family: 'open_sanssemibold', 'Helvetica Neue', Arial, sans-serif;
    color: #636363;
    text-transform: uppercase;
    padding: 10px 5px 10px 15px;
    line-height: 17px;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.userwelcomenote {
    padding-right: 3px;
}

.ucm-onlyindemo {
    padding: 0;
}

.ucm-options-dropdown .dropdown-menu li span.usersubtype {
    display: block;
    text-transform: none;
    color: #8c8c8c;
}

.ucm-options-dropdown .dropdown-menu li:hover,
.ucm-options-dropdown .dropdown-menu li:focus {
    background: #f7f7f7;
    cursor: pointer;
    color: #0052a3;
}

.ucm-options-dropdown .dropdown-menu li.username:hover,
.ucm-options-dropdown .dropdown-menu li.username:focus {
    background: none;
    cursor: default;
    color: #636363;
}

.ucm-options-dropdown .dropdown-menu i {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.ucm-options-dropdown .dropdown-menu i.ucmicon-lang-top,
.ucm-options-dropdown .dropdown-menu i.ucmicon-myaccount-top {
    width: 22px;
    height: 22px;
}

.ucm-options-dropdown .dropdown-menu .nodatafound i {
    margin: 0px auto;
}

.ucm-options-dropdown .dropdown-menu li.logout {
    color: #F27724;
}

.ucmps,
.weluser {
    margin-right: 10px;
}

.ucmuserbtn {
    background: none;
    border: 0px none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
}

.ucmuserbtn:hover,
.ucmuserbtn:focus {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    outline: none;
}

.ucmuserbtn .ucmuserwrap {
    width: 25px;
    height: 25px;
    border: 2px solid #8c8c8c;
    background: #8c8c8c;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}

.ucmuserbtn img {
    margin: 2px auto 0;
}

.ucmuserbtn i.ucmicons {
    margin-left: 6px;
    width: 10px;
    height: 10px;
    display: none
}

.mainnav i.ucm-menuicon {
    width: 23px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin: 0 10px 0 0;
}

.mainnav .ucm-menuicon .nav-line {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #ffffff;
    opacity: 1;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.ucm-select-lang i.ucmicons {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0 0 4px;
}

.ucm-select-lang a span {
    display: none;
    padding: 0;
    margin: 0 6px 0 6px;
    border-radius: 100%;
    background: #808080;
    width: 22px;
    height: 22px;
}

.ucm-menuicon span.nav-line:nth-child(1) {
    top: 9px;
    width: 80%;
}

.ucm-menuicon span.nav-line:nth-child(2) {
    top: 18px;
}

#onlyindemo {
    font-size: 11px;
    margin-right: 10px;
    text-align: right;
    max-width: 230px;
    line-height: 17px;
}


/* * START UCM BODY */

.ucmbody {
    margin-top: 4.45em;
    position: relative;
    display: block;
}

.ucm-wrpper {
    padding-left: 0.5em;
    padding-top: 1em;
}

.ucmbody {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-left: 0;
    transition: all 0.5s ease;
}

.ucmbodycontent {
    position: relative;
    padding-bottom: 65px;
    min-height: 768px;
}

.ucmbody .ucmbodycontent {
    -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;
    transition: transform .3s ease-in-out, margin .3s ease-in-out;
    margin-left: 200px;
    overflow-x: hidden;
    width: calc(100% -200px);
}

.minibar .ucmbodycontent {
    margin-left: 35px;
    -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;
    transition: transform .3s ease-in-out, margin .3s ease-in-out;
    width: calc(100% -35px);
    overflow-x: hidden;
}


/*left accordian menu submenu*/

#leftsidebarmenu .sidebar .sidebar-menu {
    padding-bottom: 108px;
}

.ucmleftaccordian li.subaccordian {
    position: relative;
}

.ucmleftaccordian ul {
    display: none;
}


/* Layout */

.ucm-wrapper {
    height: 100%;
    position: relative;
}

.ucm-wrapper::before,
.ucm-wrapper::after {
    content: " ";
    display: table;
}

.ucm-wrapper::after {
    clear: both;
}


/* * Content Wrapper - contains the main content */

.content-wrapper,
.right-side,
.main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 200px;
    z-index: 820;
}

.main-footer {
    position: relative;
    z-index: 843;
}

.content-wrapper {
    margin-top: 80px;
    padding: 15px;
    min-height: 100% !important;
    height: auto;
}


/* .full-screen-option .content-wrapper {
	height: 100vh;
} */

.layout-top-nav .content-wrapper,
.layout-top-nav .main-footer {
    margin-left: 0;
}

@media (max-width: 767px) {
    .content-wrapper,
    .main-footer {
        margin-left: 0;
        padding: 15px 5px;
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper,
    .sidebar-collapse .main-footer {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        -webkit-transform: translate(200px, 0);
        -ms-transform: translate(200px, 0);
        -o-transform: translate(200px, 0);
        transform: translate(200px, 0);
        -moz-transform: translate(200px, 0);
    }
}

@media (max-width: 480px) {
    .content-wrapper {
        margin-top: 105px;
    }
}

.content-wrapper {
    background-color: #e9e9e9;
    z-index: 800;
}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #2F2F2F;
    font-size: 12px;
    line-height: 18px;
}


/* Content */

.content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* Page Header */

.page-header {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.page-header>small {
    color: #666;
    display: block;
    margin-top: 5px;
}


/* * Component: Sidebar * ------------------ */


/* 
#leftsidebarmenu .slimscroll-wrapper,
#leftsidebarmenu .sidebar {
   height:100vh !important ;
} */

.main-sidebar,
.left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 80px;
    min-height: 100%;
    width: 200px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
    background: #006697;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .main-sidebar,
    .left-side {
        -webkit-transform: translate(-200px, 0);
        -ms-transform: translate(-200px, 0);
        -o-transform: translate(-200px, 0);
        transform: translate(-200px, 0);
        -moz-transform: translate(-200px, 0);
    }
}

@media screen and (min-width: 768px) {
    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .left-side {
        -webkit-transform: translate(-200px, 0);
        -ms-transform: translate(-200px, 0);
        -o-transform: translate(-200px, 0);
        transform: translate(-200px, 0);
        -moz-transform: translate(-200px, 0);
    }
}

@media screen and (max-width: 767px) {
    .sidebar-open .main-sidebar,
    .sidebar-open .left-side {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    /*.main-sidebar, .left-side {
         padding-top: 111px;
    }
    */
}


/*767*/

@media screen and (min-width:320px) and (max-width:479px) {
    .content-wrapper {
        margin-top: 106px;
    }
    .main-sidebar {
        padding-top: 106px;
    }
}


/*479px*/


/*if fixed top and left menu*/

.hasfixed .main-sidebar,
.hasfixed .left-side {
    position: fixed;
}

.hasfixed .main-sidebar {
    padding-bottom: 5em;
}

.sidebar {
    padding-bottom: 10px;
    width: auto;
}

.sidebar-form input:focus {
    border-color: transparent;
}

.user-panel {
    position: relative;
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

.user-panel::before,
.user-panel::after {
    content: " ";
    display: table;
}

.user-panel::after {
    clear: both;
}

.user-panel>.image>img {
    width: 100%;
    max-width: 45px;
    height: auto;
}

.user-panel>.info {
    padding: 5px 5px 5px 15px;
    line-height: 1;
    position: absolute;
    left: 55px;
}

.user-panel>.info>p {
    margin-bottom: 9px;
}

.user-panel>.info>a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: 11px;
}

.user-panel>.info>a>.icon {
    margin-right: 3px;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0px none;
    overflow-y: auto;
    height: calc(100vh - 120px);
    width: 218px;
}

@media screen and (max-width: 767px) {
    .sidebar-menu {
        height: calc(100vh - 80px);
    }
}

.leftsidebarmenu .sidebar-menu {
    padding-bottom: 118px;
}

.sidebar-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
}

.sidebar-menu>li>a {
    padding: 10px 6px;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    text-transform: capitalize;
    width: 200px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}

.sidebar-menu>li>a span {
    color: #fff;
}

.sidebar-menu>li>a:hover,
.sidebar-menu>li>a:focus {
    background: #006fa4;
    text-decoration: none;
}

.sidebar-menu>li>a>span {
    margin: 0px 0 0 6px;
    width: calc(100% - 63px);
}

.sidebar-menu .ucmleftiwrap {
    width: 33px;
    height: 33px;
    background: transparent;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-menu .ucmleftiwrap .ucmlefticon {
    margin: 0;
}


/* .sidebar-menu>li.treeview {
	animation-name: fadeIn;
}

.sidebar-menu>li.treeview.sub-menu-open {
	animation-name: fadeOut;
} */


/* @keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(startYposition);
	}
	100% {
		opacity: 1;
		transform: translateY(endYposition);
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
		transform: translateY(startYposition);
	}
	100% {
		opacity: 0;
		transform: translateY(endYposition);
	}
} */

.sidebar-menu>li.treeview.sub-menu-open {
    height: 100%;
}

.sidebar-menu>li.treeview.active .ucmleftiwrap {
    background: #8ca621;
}

.sidebar-menu>li .label,
.sidebar-menu>li .badge {
    margin-right: 5px;
}

.sidebar-menu>li .badge {
    margin-top: 3px;
}

.sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px;
}

.sidebar-menu li>a>.pull-right-container>.arrow-menu-down {
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    padding: 0;
    -o-transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
    -ms-transition: 0.1s ease-in;
    -webkit-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
    opacity: 0;
    display: block;
}

.sidebar-menu li>a:hover>.pull-right-container>.arrow-menu-down {
    opacity: 1;
}

.sidebar-menu li>a>.arrow-menu-down {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
}

.sidebar-menu li.active>a>.arrow-menu-down,
.sidebar-menu li.active>a>.pull-right-container>.arrow-menu-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    transition: display 0.5s linear;
}

.sidebar-menu li.active>.treeview-menu {
    display: block;
    margin: 0px;
    padding: 0px;
}

.sidebar-menu .treeview-menu .treeview-menu {
    padding-left: 20px;
}

.sidebar-menu .treeview-menu>li {
    margin: 0;
    display: block;
}

.sidebar-menu .treeview-menu>li>a::after {
    content: '';
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    padding: 0;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: block;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar-menu .treeview-menu>li>a {
    padding: 13px 15px;
    display: block;
    font-size: 12px;
    color: #ffffff;
    line-height: 18px;
    cursor: pointer;
}

.sidebar-menu .treeview-menu li a:hover {
    padding-left: 17px;
    background: #005077;
}

.treeview-menu.sub-menu-open {
    background: #005b87;
    border-left: 4px solid #00adff;
}

.sidebar-menu .treeview-menu li a:not([href]):not([tabindex]):not([class*='shortcut']),
.sidebar-menu .treeview-menu li a:not([href]):not([tabindex]):focus,
.sidebar-menu .treeview-menu li a:not([href]):not([tabindex]):hover {
    color: #fff;
}

.sidebar-menu .treeview-menu li:hover a::after {
    opacity: 1;
}

.sidebar-menu>li.active i.ucmlefticon,
.sidebar-menu>li.active .pull-right-container>.arrow-menu-down {
    opacity: 1;
}

.sub-menu {
    opacity: 0;
    overflow: hidden;
    height: 0;
}

.open+ul.sub-menu {
    opacity: 1;
    height: 100%;
}


/* * Component: Sidebar Mini */

@media screen and (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .right-side,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 45px !important;
        z-index: 843;
        -o-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper.ml-0,
    .sidebar-mini.sidebar-collapse .right-side.ml-0,
    .sidebar-mini.sidebar-collapse .main-footer.ml-0 {
        margin-left: 0px !important;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 45px !important;
        z-index: 850;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li {
        position: relative;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
        margin-right: 0;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 200px;
        left: 40px;
        top: 0px;
        background: #333;
        margin-left: 0px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a.parenttree>.pull-right-container>.label:not(:first-of-type) {
        display: none;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        display: none !important;
    }
}


/*min width 768px*/

.main-sidebar .user-panel,
.sidebar-menu>li.header {
    overflow: hidden;
}

.sidebar-form,
.sidebar-menu>li.header {
    overflow: hidden;
    text-overflow: clip;
}

.sidebar-menu li>a {
    position: relative;
}

.sidebar-menu li>a>.pull-right-container {
    position: absolute;
    right: 0;
    top: 50%;
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
}

.sidebar-menu>li a.active .parenttree {
    border-bottom: 1px solid transparent;
}


/*------------hamburger-------------------*/

.PinToggel {
    padding: 10px 0 0 13px;
    position: relative;
    margin: 0;
    width: 200px;
    display: block;
    height: 45px;
}

.sidebar-collapse .PinToggel {
    width: 100%;
}

.hamburger {
    width: 100%;
    padding: 0;
    position: relative;
    background: rgba(0, 0, 0, 0);
    border: 0px none;
    overflow: hidden;
    height: 30px;
    text-indent: -500px;
    display: inline-block;
    vertical-align: top;
}

.hamburger span {
    text-align: center;
    margin: 0px auto;
}

.hamburger.is-closed span::before,
.hamburger.is-closed span::after,
.hamburger.is-open span::before,
.hamburger.is-open span::after {
    cursor: pointer;
    height: 1px;
    width: 20px;
    position: absolute;
    display: block;
    content: '';
    transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    text-indent: -5000px;
}

.hamburger.is-open span::before {
    top: 9px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 12px;
}

.hamburger.is-open span::after {
    bottom: 9px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 12px;
}

.hamburger.is-closed span::before {
    top: 9px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 12px;
}

.hamburger.is-closed span::after {
    bottom: 9px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    left: 12px;
    transform: rotate(-45deg);
}

.hamburger.is-closed span i {
    height: 1px;
    position: absolute;
    left: 0px;
    top: 15px;
    width: 14px;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.hamburger.is-closed span::before,
.hamburger.is-closed span::after {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0px;
}

.hamburger.is-closed span::before {
    top: 7px;
}

.hamburger.is-closed span::after {
    bottom: 5px;
}

.hamburger.is-open span i {
    opacity: 0;
    display: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.hamburger.is-open span::before,
.hamburger.is-open span::after {
    height: 2px;
    width: 18px;
    left: 0px
}

.hamburger.is-open span::before {
    top: 10px;
}

.hamburger.is-open span::after {
    bottom: 6px;
}


/*configure cog  */

.ucm-configurecogbtn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.93 61.5'%3E%3Ctitle%3Ecogbg%3C/title%3E%3Cpath d='M30.59,12.22H17.45A17.75,17.75,0,0,0,0,30,17.41,17.41,0,0,0,17.58,47.34l10.72,0c6.62.35,14.34,2.74,15.63,14.13V0C42.8,8.91,37.59,12,30.59,12.22Z' transform='translate%280%29' style='fill:%23606060'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    top: 50%;
    right: -3px;
    height: 40px;
    position: fixed;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1200;
    background: #606060;
    border: 2px solid #fff;
    width: 40px;
    border-radius: 20px 0px 0px 20px;
    cursor: pointer;
}

.ucm-configurecogbtn a,
.ucm-configurecogbtn button {
    background: none;
    display: block;
    margin: 0px auto;
    padding: 0px;
    border: 0px none;
}

.ucm-configurecogbtn i.ucmicons {
    -o-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    width: 20px;
    height: 20px;
    margin-top: 9px;
    margin-left: 3px;
}

.ucm-configuremodule {
    margin-top: 5px;
    margin-right: 10px;
}

.ucm-configuremodule button {
    border: 0px none;
    background: none;
    padding: 0px;
    margin: 0px;
}

.ucm-configuremodule i.ucmicons.md {
    width: 31px;
    height: 31px;
    margin-top: 0;
}

@media screen and (max-width:767px) {
    /* * if is login */
    .header .hamburger {
        display: none;
    }
    .sidebar-menu>li:first-of-type {
        border-top: 0px none;
    }
    .ucmheader .p-relative.d-flex {
        -ms-flex-align: center;
        align-items: center;
    }
    .sidebar-open #openleftsidebar.is-closed .ucmicon-leftsidebar-top {
        width: 25px;
        height: 25px;
        margin: auto;
        position: relative;
    }
    .sidebar-open #openleftsidebar.is-closed .ucmicon-leftsidebar-top::before,
    .sidebar-open #openleftsidebar.is-closed .ucmicon-leftsidebar-top::after {
        cursor: pointer;
        height: 2px;
        width: 27px;
        position: absolute;
        display: block;
        content: '';
        transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        text-indent: -5000px;
        background-color: #9c9c9c;
    }
    .sidebar-open #openleftsidebar.is-closed .ucmicon-leftsidebar-top::before {
        top: 12px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 0px;
        content: '';
    }
    .sidebar-open #openleftsidebar.is-closed .ucmicon-leftsidebar-top::after {
        top: 12px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 0px;
    }
    .is-closed .ucmicon-leftsidebar-top {
        transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
    }
    .sidebar-open .is-closed .ucmicon-leftsidebar-top {
        background: none;
    }
}


/*max 767px*/

@media screen and (min-width:768px) {
    .ucmheader.fixed-top {
        z-index: 1033;
    }
}

.main-sidebar .piningpart {
    display: block;
    position: absolute;
    padding: 0;
    top: 15px;
    right: 12px;
}


/*new added header after login for mobile*/


/* 767px */

@media screen and (max-width:767px) {
    .ucm-bl-header.ucmheader .ucm-topmenu {
        order: 5
    }
    /*mobile menu bar  */
    .ucmmulti-navbar button.mainmenu span {
        display: block;
        position: relative;
        margin: 0px auto;
        width: 27px;
        height: 45px;
    }
    .ucmmulti-navbar button.mainmenu i,
    .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::after,
    .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::before,
    .is-open .ucmicon-leftsidebar-top::after,
    .is-open .ucmicon-leftsidebar-top::before {
        cursor: pointer;
        height: 2px;
        width: 27px;
        position: absolute;
        display: block;
        content: '';
        transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        text-indent: -5000px;
        top: 10px;
    }
    .ucmmulti-navbar button.mainmenu[aria-expanded="true"] i.ucm-maintopmenu {
        top: 20px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 0px;
    }
    .ucmmulti-navbar button.mainmenu[aria-expanded="true"] .ucm-maintopmenu::before {
        top: 0;
        -ms-transform: rotate(88deg);
        -webkit-transform: rotate(88deg);
        -o-transform: rotate(88deg);
        -moz-transform: rotate(88deg);
        transform: rotate(88deg);
        left: 0
    }
    .ucmmulti-navbar button.mainmenu[aria-expanded="true"] i.ucm-maintopmenu::after {
        display: none;
    }
    .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::after {
        top: 10px;
    }
    .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::before {
        top: 20px;
    }
    /*mini side bar pin*/
    .PinToggel {
        display: none;
    }
    /*	is open left menu*/
    .is-open .ucmicon-leftsidebar-top {
        position: relative;
        background-image: none;
    }
    .is-open .ucmicon-leftsidebar-top::after {
        top: 20px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 5px;
    }
    .is-open .ucmicon-leftsidebar-top::before {
        top: 20px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 5px;
    }
    .is-open i.ucmicons.ucmicon-leftsidebar-top {
        width: 35px;
        height: 45px;
    }
}


/* 1199px */

@media screen and (max-width:1199px) {
    /* * onlyindemo */
    #onlyindemo,
    #onlyindemo span {
        display: none;
    }
    .afterlogin.ucmheader .container-fluid {
        position: relative;
    }
    .afterlogin.navbar-toggler.mainmenu i {
        -o-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .afterlogin #UcmMultiNav {
        position: fixed;
        background: #fff;
        padding: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        box-shadow: 0px 10px 6px rgba(0, 0, 0, 0.3);
        top: 80px;
        right: 0;
        min-width: 230px;
    }
    .afterlogin .ucm-navbar-main li {
        border-bottom: 1px solid #f1f1f1;
    }
    .afterlogin .ucm-navbar-main li a {
        background: none;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        padding: 10px;
        display: block;
        text-align: center;
    }
    .afterlogin .ucm-navbar-main li a:hover,
    .afterlogin .ucm-navbar-main li.active a:hover,
    .afterlogin .ucm-navbar-main li.active a {
        color: #ffffff;
        background: #ccc;
    }
    .afterlogin .ucm-mobile-wrap {
        max-width: 200px;
    }
    .afterlogin .ucmmulti-navbar .navbar-toggler.mainmenu {
        padding: 0;
    }
    .afterlogin.ucmheader .ucm-topmenu {
        order: 5
    }
    /*mobile menu bar  */
    .afterlogin .ucmmulti-navbar button.mainmenu span {
        display: block;
        position: relative;
        margin: 0px auto;
        width: 27px;
        height: 45px;
    }
    .afterlogin .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::after,
    .afterlogin .ucmmulti-navbar button.mainmenu i,
    .afterlogin .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::before,
    .afterlogin .is-open .ucmicon-leftsidebar-top::after,
    .afterlogin .is-open .ucmicon-leftsidebar-top::before {
        cursor: pointer;
        height: 2px;
        width: 27px;
        position: absolute;
        display: block;
        content: '';
        transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        text-indent: -5000px;
        top: 10px;
    }
    .afterlogin .ucmmulti-navbar button.mainmenu[aria-expanded="true"] i.ucm-maintopmenu {
        top: 20px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 0px;
    }
    .afterlogin .ucmmulti-navbar button.mainmenu[aria-expanded="true"] .ucm-maintopmenu::before {
        top: 0;
        -ms-transform: rotate(88deg);
        -webkit-transform: rotate(88deg);
        -o-transform: rotate(88deg);
        -moz-transform: rotate(88deg);
        transform: rotate(88deg);
        left: 0
    }
    .afterlogin .ucmmulti-navbar button.mainmenu[aria-expanded="true"] i.ucm-maintopmenu::after {
        display: none;
    }
    .afterlogin .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::after {
        top: 10px;
    }
    .afterlogin .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::before {
        top: 20px;
    }
    /*	is open left menu*/
    .afterlogin .is-open .ucmicon-leftsidebar-top {
        position: relative;
        background-image: none;
    }
    .afterlogin .is-open .ucmicon-leftsidebar-top::after {
        top: 20px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 5px;
    }
    .afterlogin .is-open .ucmicon-leftsidebar-top::before {
        top: 20px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 5px;
    }
    .afterlogin .is-open i.ucmicons.ucmicon-leftsidebar-top {
        width: 35px;
        height: 45px;
    }
    .afterlogin .ucmmulti-navbar button.mainmenu i,
    .afterlogin .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::after,
    .afterlogin .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::before,
    .afterlogin .is-open .ucmicon-leftsidebar-top::after,
    .afterlogin .is-open .ucmicon-leftsidebar-top::before {
        background-color: #9c9c9c
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .afterlogin .ucm-navbar-main li a {
        text-align: left;
    }
    .afterlogin .ucm-mobile-wrap {
        position: relative;
    }
    .ucm-mobile-wrap .weluser.ucm-options-dropdown .dropdown-menu {
        transform: translate3d(-39px, 60px, 0px) !important;
        -webkit-transform: translate3d(-39px, 60px, 0px) !important;
        -moz-transform: translate3d(-39px, 60px, 0px) !important;
        -ms-transform: translate3d(-39px, 60px, 0px) !important;
        -o-transform: translate3d(-39px, 60px, 0px) !important;
    }
    .ucm-mobile-wrap.sidebarnull .weluser.ucm-options-dropdown .dropdown-menu {
        transform: translate3d(0px, 60px, 0px) !important;
        -webkit-transform: translate3d(0px, 60px, 0px) !important;
        -moz-transform: translate3d(0px, 60px, 0px) !important;
        -ms-transform: translate3d(0px, 60px, 0px) !important;
        -o-transform: translate3d(0px, 60px, 0px) !important;
    }
    .ucm-mobile-wrap .weluser.ucm-options-dropdown .dropdown-menu::before {
        right: 156px;
    }
    .ucm-mobile-wrap .weluser.ucm-options-dropdown .dropdown-menu::after {
        right: 154px;
    }
    .ucm-mobile-wrap.sidebarnull .weluser.ucm-options-dropdown .dropdown-menu::before {
        right: auto;
        left: 20px;
    }
    .ucm-mobile-wrap.sidebarnull .weluser.ucm-options-dropdown .dropdown-menu::after {
        right: auto;
        left: 18px;
    }
    .ucmps.ucm-options-dropdown .dropdown-menu {
        transform: translate3d(-39px, 60px, 0px) !important;
        -webkit-transform: translate3d(-39px, 60px, 0px) !important;
        -moz-transform: translate3d(-39px, 60px, 0px) !important;
        -ms-transform: translate3d(-39px, 60px, 0px) !important;
        -o-transform: translate3d(-39px, 60px, 0px) !important;
    }
    .ucm-mobile-wrap .ucmps.ucm-options-dropdown .dropdown-menu::before {
        right: 121px;
    }
    .ucm-mobile-wrap .ucmps.ucm-options-dropdown .dropdown-menu::after {
        right: 119px;
    }
    i.ucmicons.ucmicon-leftsidebar-top {
        width: 25px;
        height: 25px;
    }
    .ucmhelp-top i.ucmicons.ucmicon-question-top {
        width: 22px;
        height: 22px;
        margin: 10px auto;
    }
    .is-closed .ucmicon-leftsidebar-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Crect width='800' height='105' style='fill:%23e9e9e9'/%3E%3Crect y='185' width='180' height='615' style='fill:%23e9e9e9'/%3E%3Crect x='260' y='185' width='540' height='615' style='fill:%23e9e9e9'/%3E%3C/svg%3E");
    }
    .ucmicon-options-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Crect width='180' height='180' style='fill:%23e9e9e9'/%3E%3Crect x='310' width='180' height='180' style='fill:%23e9e9e9'/%3E%3Crect x='620' width='180' height='180' style='fill:%23e9e9e9'/%3E%3Cpolygon points='0 311 0 490 0 491 180 491 180 490 180 311 180 310 0 310 0 311' style='fill:%23e9e9e9'/%3E%3Cpolygon points='310 311 310 490 310 491 490 491 490 490 490 311 490 310 310 310 310 311' style='fill:%23e9e9e9'/%3E%3Cpolygon points='620 311 620 490 620 491 800 491 800 490 800 311 800 310 620 310 620 311' style='fill:%23e9e9e9'/%3E%3Crect y='620' width='180' height='180' style='fill:%23e9e9e9'/%3E%3Crect x='310' y='620' width='180' height='180' style='fill:%23e9e9e9'/%3E%3Crect x='620' y='620' width='180' height='180' style='fill:%23e9e9e9'/%3E%3C/svg%3E");
    }
    /* .ucmicon-flexiflow-top {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 795.14'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M791.19,132.2c-34.81,37.78-63,70.09-93,100.51-31.66,32-78.56,26.1-116.88-12.75s-43.1-84.73-11.16-117.11c29.3-29.69,59.29-58.71,92.45-91.46-133.69-43-267.39,75.59-243,210.93,4.69,26-.93,40.4-18.18,57.47C287.53,392.49,174.73,506.26,61.16,619.26c-23.12,23-38.33,48.46-32.54,82,5.92,34.28,25.16,58,59,69,35.75,11.58,65.13.5,90.6-25Q350.82,572.78,523.16,400c15.77-15.9,29.19-22.9,54.14-18.38,70.64,12.78,131.76-10.05,178.47-65.05C798.34,266.46,810.26,208.6,791.19,132.2ZM113.41,725.91a37,37,0,1,1,37-37A37,37,0,0,1,113.41,725.91Z' transform='translate%280 -2.43%29' style='fill:%23e9e9e9'/%3E%3Cpath d='M97.29,244.26c37.84,21.21,72.92,48,106.71,75.48,16.62,13.51,27.73,33.81,40.48,49.95l59.42-56.37c-56-51.23-110.88-103.9-136.73-178.76-2.71-7.85-12.81-14.42-21-18.88-34.42-18.83-68.86-37.83-104.55-54-9.16-4.15-27.82-2.29-33.34,4.23C1.17,74.38-2.3,92.23,1.67,102.58c11.37,29.66,28.63,57,41,86.34C53.86,215.32,72.41,230.31,97.29,244.26Z' transform='translate%280 -2.43%29' style='fill:%23e9e9e9'/%3E%3Cpath d='M563.22,508c-24.76-23.9-53.51-22.92-79.59-.35-12.07,10.45-23.14,22.15-34.07,33.84-27,28.84-27.91,60-.67,87.92,48.14,49.38,96.74,98.37,146.62,146,11.18,10.68,28.45,15,42.91,22.23,41.48-1.76,56.78-34.83,78.33-56.53,24.82-25,24.91-53.5.54-78.88Q641.81,583.56,563.22,508Z' transform='translate%280 -2.43%29' style='fill:%23e9e9e9'/%3E%3C/svg%3E");
	} 
	.ucmicon-question-top {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 581.07 805.24'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M687.68,217.54c-8.57-58.6-39.08-106.37-83.85-144-82-68.85-176.37-90.25-280.68-67.4-93.08,20.38-160,76.25-208.5,156.25-9,14.83-6.18,27.12,7.61,37.75q47.8,36.84,95.68,73.6c16.23,12.49,29.5,10.63,42.75-5.07q22.94-27.18,46.87-53.5c39.73-43.89,115-41.11,154-12.59,33.72,24.69,38.57,67.35,8.22,96.13-13,12.35-29.09,22.35-45.32,30.23-32.36,15.71-60.2,36.78-85.62,61.94-39.67,39.27-54.16,86.63-48.05,141.21,2.29,20.43,12.06,29.21,32.16,29.21h64.89c23.73,0,47.47.06,71.2,0,16.77-.05,28.38-11,31-27.76,6.1-38.8,27.4-67.87,61.26-86.22a445.55,445.55,0,0,0,71.53-48.11C680.69,351.53,698.11,288.9,687.68,217.54Z' transform='translate%28-109.47 2.62%29' style='fill:%23e9e9e9'/%3E%3Cpath d='M492.52,627.8c0-16.25-10.36-26.11-26.73-26.17-25.22-.09-50.44,0-75.66,0H319.88c-20.52,0-29.68,8.86-29.73,29.4q-.18,71.16,0,142.31c.06,19.89,9.45,28.95,29.46,29,48.64,0,97.29-.55,145.91.33,15.57.29,27.19-12.93,27.14-27.1C492.47,726.28,492.69,677,492.52,627.8Z' transform='translate%28-109.47 2.62%29' style='fill:%23e9e9e9'/%3E%3C/svg%3E")
    }*/
    .ucmicon-question-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M400,0C179.09,0,0,179.09,0,400S179.09,800,400,800,800,620.91,800,400,620.91,0,400,0Zm39.46,642.51c-29.28-.53-58.58-.18-87.88-.2-12.05,0-17.71-5.46-17.74-17.44q-.13-42.87,0-85.72c0-12.37,5.55-17.71,17.91-17.71h42.32c15.19,0,30.38,0,45.57,0,9.86,0,16.07,6,16.1,15.76.1,29.66,0,59.32.08,89A16.28,16.28,0,0,1,439.46,642.51Zm94.75-243a267.86,267.86,0,0,1-43.08,29c-20.4,11.06-33.23,28.57-36.9,51.94-1.58,10.07-8.58,16.69-18.68,16.72-14.3.05-28.59,0-42.89,0H353.58c-12.11,0-18-5.29-19.37-17.59-3.68-32.88,5.05-61.41,28.94-85.06,15.31-15.16,32.08-27.85,51.57-37.31,9.78-4.74,19.46-10.77,27.3-18.21,18.28-17.33,15.36-43-4.95-57.9-23.47-17.18-68.82-18.86-92.75,7.58Q330,304.57,316.09,320.92c-8,9.46-16,10.58-25.75,3.05q-28.81-22.19-57.64-44.33c-8.3-6.4-10-13.81-4.58-22.74,29.23-48.18,69.52-81.84,125.59-94.12,62.83-13.76,119.67-.87,169.07,40.61,27,22.63,45.34,51.41,50.5,86.71C579.57,333.08,569.07,370.8,534.21,399.54Z' style='fill:%23e9e9e9'/%3E%3C/svg%3E")
    }
    .ucmicon-bell-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 681.37 799.21'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M732.47,631.42c-20.72-18.17-40-38.11-58.69-58.39-5.72-6.2-10.54-24.91-10.64-33.12-.87-66.26-1.2-123.62-.34-189.88.69-53.87-12.6-103.39-41.53-148.65-34.28-53.65-83.18-88.78-143.09-108-12.9-4.14-17.53-8.85-16.48-21.18a114.77,114.77,0,0,0,0-13.25C460.7,27.29,441.2,10.6,416.26,3c-24.49-7.44-53.63,6.29-64.15,31-5.37,12.6-4.66,27.67-8,41.29-1.47,5.93-5,13.66-9.86,16.06-21.93,10.87-46.12,17.75-66.85,30.4-77.55,47.34-119,118.17-123,208.27-2.93,65.76-1.32,131.74-.63,197.63A79.88,79.88,0,0,1,119.61,586c-15.9,15.35-31.24,31.3-46.83,47-7.75,7.8-15.23,37.1-8.56,42.26,6.2,4.8,17,4.95,25.76,5q156.57.45,313.15.19v.21q93.61,0,187.22,0c45.84,0,91.68.05,137.52-.47,5.08-.06,14.48-3.81,14.47-5.81C742.23,659.57,747,644.17,732.47,631.42Z' transform='translate%28-61.63 -1%29' style='fill:%23e9e9e9'/%3E%3Cpath d='M469.93,723.58c-28.2.37-56.41-.07-84.61.18-16.86.15-33.73-.63-50.59-.15-9.49.27-12.29,4.67-9.42,14.24,11.3,37.63,35.59,61.31,76.81,62.33,38.82,1,67.92-24.3,78.62-62.32C483.59,727.75,480.61,723.44,469.93,723.58Z' transform='translate%28-61.63 -1%29' style='fill:%23e9e9e9'/%3E%3C/svg%3E")
    }
    .ucmicon-search-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 789.65 796'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M776.6,690.07,589.12,503.13a63.25,63.25,0,0,0-6.25-5.44,314.11,314.11,0,0,0,56.71-180.47C639.58,142.57,497.6,1,322.47,1S5.35,142.57,5.35,317.21s142,316.21,317.12,316.21a316.29,316.29,0,0,0,171-49.84,63,63,0,0,0,6.86,8.13L687.77,778.65a62.94,62.94,0,0,0,88.83,0h0A62.51,62.51,0,0,0,776.6,690.07ZM322.47,522.18c-113.53,0-205.56-91.77-205.56-205s92-205,205.56-205S528,204,528,317.21,436,522.18,322.47,522.18Z' transform='translate%28-5.35 -1%29' style='fill:%23e9e9e9'/%3E%3C/svg%3E")
    }
    .afterlogin .ucm-mobile-wrap,
    .ucm-bl-header .ucm-mobile-wrap {
        padding: 0px;
        background: #9c9c9c;
        width: 100%;
        max-width: 100%;
    }
    .ucm-mobile-wrap .hamburger,
    .navbar.ucmmulti-navbar {
        margin: 0px auto;
        padding: 0px;
        width: auto;
        height: 45px;
        border-radius: 0px;
        display: block;
    }
    .ucmmulti-navbar .navbar-toggler.mainmenu {
        margin: 0px;
        width: 100%;
        height: 100%;
        padding: 0px;
        display: block;
    }
    .widgetwithpartner {
        width: 100%;
        flex: 0 0 100%;
        padding: 10px 0;
    }
    .ucmheader .widgetwithpartner .navbar-brand {
        padding: 0px 0 0 15px;
    }
    .ucmheader .p-relative.d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ucmuserbtn,
    .ucmopsett {
        margin: 0px auto;
    }
    .ucmuserbtn .ucmuserwrap {
        border: 0px none;
        background: none;
        border-radius: 0px;
    }
    .ucmps,
    .weluser {
        padding: 8px 0;
    }
    .ucmps,
    .weluser,
    .ucm-mobile-wrap .ucmhelp-top {
        margin: 0px auto;
        text-align: center;
        background: none;
        border-radius: 0px;
        border: 0px;
        height: 45px;
    }
    .ucm-mobile-wrap li {
        flex: 1 1 auto;
    }
    .displaylaguage button span {
        width: 100px;
    }
    .ucm-mobile-wrap .ucmhelp-top {
        width: auto;
        height: auto;
        padding-top: 0px;
        margin: 0px;
    }
    .ucmmulti-navbar button.mainmenu i,
    .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::after,
    .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::before,
    .is-open .ucmicon-leftsidebar-top::after,
    .is-open .ucmicon-leftsidebar-top::before {
        background-color: #e9e9e9 !important;
    }
    .ucm-configuremodule {
        margin: 0px;
        padding: 0px;
    }
    /* .ucm-configuremodule button {
		margin: 0px auto;
		display: block;
		height: 45px;
	} */
    .ucm-configuremodule button .ucmicon-cog-top {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 797.54 797.54'><title>ucmicon</title><path d='M798.37,362.67a37,37,0,0,0-24.56-31.45L730.15,315.7a66.18,66.18,0,0,1-37.6-90.77l19.87-41.8a37.07,37.07,0,0,0-4.88-39.62,401.1,401.1,0,0,0-51-51,37.07,37.07,0,0,0-39.62-4.88l-41.8,19.87a66.18,66.18,0,0,1-90.77-37.6L468.77,26.19A37,37,0,0,0,437.33,1.63Q419.49,0,401.23,0t-36.1,1.63a37,37,0,0,0-31.45,24.56L318.16,69.85a66.18,66.18,0,0,1-90.77,37.6l-41.8-19.87A37.07,37.07,0,0,0,146,92.47a401.1,401.1,0,0,0-51,51A37.07,37.07,0,0,0,90,183.13l19.87,41.8a66.18,66.18,0,0,1-37.6,90.77L28.65,331.23A37,37,0,0,0,4.08,362.67q-1.61,17.83-1.63,36.1t1.63,36.1a37,37,0,0,0,24.56,31.45l43.67,15.53a66.18,66.18,0,0,1,37.6,90.77L90,614.41A37.07,37.07,0,0,0,94.92,654a401.13,401.13,0,0,0,51,51A37.07,37.07,0,0,0,185.59,710l41.8-19.87a66.18,66.18,0,0,1,90.77,37.6l15.53,43.67a37,37,0,0,0,31.45,24.56q17.83,1.61,36.1,1.63t36.1-1.63a37,37,0,0,0,31.45-24.56l15.53-43.67a66.18,66.18,0,0,1,90.77-37.6L616.87,710a37.07,37.07,0,0,0,39.62-4.88,401.13,401.13,0,0,0,51-51,37.07,37.07,0,0,0,4.88-39.63l-19.87-41.8a66.18,66.18,0,0,1,37.6-90.77l43.67-15.53a37,37,0,0,0,24.56-31.45Q800,417,800,398.77T798.37,362.67ZM401.23,557.28A158.51,158.51,0,1,1,559.74,398.77,158.51,158.51,0,0,1,401.23,557.28Z' transform='translate%28-2.46%29' style='fill:%23e9e9e9'/></svg>")
    }
    .afterlogin .ucm-mobile-wrap li.ucm-notification.active,
    .afterlogin .ucm-mobile-wrap li.ucm-notification:hover,
    .afterlogin .ucm-mobile-wrap li.ucm-notification:focus,
    .afterlogin .ucm-mobile-wrap li.ucm-leftsidebar.active,
    .afterlogin .ucm-mobile-wrap li.ucm-leftsidebar:hover,
    .afterlogin .ucm-mobile-wrap li.ucm-leftsidebar:focus,
    .afterlogin .ucm-mobile-wrap li.ucm-leftsidebar:visited,
    .afterlogin .ucm-mobile-wrap li.ucm-topmenu.active,
    .afterlogin .ucm-mobile-wrap li.ucm-topmenu:hover,
    .afterlogin .ucm-mobile-wrap li.ucm-topmenu:focus,
    .afterlogin .ucm-mobile-wrap li.ucm-topmenu:visited,
    .afterlogin .ucm-mobile-wrap li.weluser.active,
    .afterlogin .ucm-mobile-wrap li.weluser:hover,
    .afterlogin .ucm-mobile-wrap li.weluser:focus,
    .afterlogin .ucm-mobile-wrap li.weluser:visited,
    .afterlogin .ucm-mobile-wrap li.ucm-configuremodule.active,
    .afterlogin .ucm-mobile-wrap li.ucm-configuremodule:hover,
    .afterlogin .ucm-mobile-wrap li.ucm-configuremodule:focus,
    .afterlogin .ucm-mobile-wrap li.ucm-configuremodule:visited,
    .afterlogin .ucm-mobile-wrap li.ucmps.active,
    .afterlogin .ucm-mobile-wrap li.ucmps:hover,
    .afterlogin .ucm-mobile-wrap li.ucmps:focus,
    .afterlogin .ucm-mobile-wrap li.ucmps:visited,
    .afterlogin .ucm-mobile-wrap li.ucmhelp-top.active,
    .afterlogin .ucm-mobile-wrap li.ucmhelp-top:hover,
    .afterlogin .ucm-mobile-wrap li.ucmhelp-top:focus,
    .afterlogin .ucm-mobile-wrap li.ucmhelp-top:visited,
    .afterlogin .ucm-mobile-wrap li.button.mainmenu.active,
    .afterlogin .ucm-mobile-wrap li.button.mainmenu:hover,
    .afterlogin .ucm-mobile-wrap li.button.mainmenu:focus,
    .afterlogin .ucm-mobile-wrap li.button.mainmenu:visited {
        background-color: #7d7d7d;
        cursor: pointer;
        border-radius: 0px;
    }
    /* .ucm-configuremodule {
		display: none;
	} */
    header .ucm-notification,
    header .user-help {
        margin: 0px auto;
    }
    .ucm-notification button.ucm-icon-button,
    .user-help button.ucm-icon-button {
        display: block;
        margin: 0px auto;
        height: 45px;
    }
    header .ucm-notification .n-count {
        left: 52%;
        top: 3px;
    }
    .afterlogin .ucm-mobile-wrap li.ucmglobalsearchtop {
        margin: 0px;
        padding: 10px 0;
    }
    .ucmopsett i.ucmicons,
    .afterlogin .ucm-mobile-wrap li.ucmglobalsearchtop button i.ucmicons {
        width: 23px;
        height: 23px;
    }
    .afterlogin .ucm-mobile-wrap .ucmmulti-navbar button.mainmenu[aria-expanded="true"] i.ucm-maintopmenu {
        left: 0;
    }
    .afterlogin .ucm-mobile-wrap .ucmglobalsearchtop.dropdown.ucm-options-dropdown .ucm-global-search-boxtop {
        width: 300px;
        transform: translate3d(-190px, 60px, 0px) !important;
        -webkit-transform: translate3d(-190px, 60px, 0px) !important;
        -moz-transform: translate3d(-190px, 60px, 0px) !important;
        -ms-transform: translate3d(-190px, 60px, 0px) !important;
        -o-transform: translate3d(-190px, 60px, 0px) !important;
    }
    .afterlogin .ucm-mobile-wrap .ucm-options-dropdown .ucm-global-search-boxtop.dropdown-menu::before {
        right: 62px;
    }
    .afterlogin .ucm-mobile-wrap .ucm-options-dropdown .ucm-global-search-boxtop.dropdown-menu::after {
        right: 60px;
    }
    .afterlogin .ucm-mobile-wrap.sidebarnull .ucmglobalsearchtop.dropdown.ucm-options-dropdown .ucm-global-search-boxtop {
        width: 300px;
        transform: translate3d(-104px, 60px, 0px) !important;
        -webkit-transform: translate3d(-104px, 60px, 0px) !important;
        -moz-transform: translate3d(-104px, 60px, 0px) !important;
        -ms-transform: translate3d(-104px, 60px, 0px) !important;
        -o-transform: translate3d(-104px, 60px, 0px) !important;
    }
    .afterlogin .ucm-mobile-wrap.sidebarnull .ucm-options-dropdown .ucm-global-search-boxtop.dropdown-menu::before {
        right: 82px;
    }
    .ucm-mobile-wrap.sidebarnull .ucm-options-dropdown .ucm-global-search-boxtop.dropdown-menu::after {
        right: 80px;
    }
    .afterlogin .ucm-mobile-wrap .ucm-notifications-lists {
        width: 280px;
        transform: translate3d(-180px, 60px, 0px) !important;
        -webkit-transform: translate3d(-180px, 60px, 0px) !important;
        -moz-transform: translate3d(-180px, 60px, 0px) !important;
        -ms-transform: translate3d(-180px, 60px, 0px) !important;
        -o-transform: translate3d(-180px, 60px, 0px) !important;
    }
    .afterlogin .ucm-mobile-wrap .ucm-notifications-lists::before {
        right: 48px;
    }
    .afterlogin .ucm-mobile-wrap .ucm-notifications-lists::after {
        right: 46px;
    }
    .afterlogin .ucm-mobile-wrap.sidebarnull .ucm-notifications-lists {
        width: 280px;
        transform: translate3d(-139px, 60px, 0px) !important;
        -webkit-transform: translate3d(-139px, 60px, 0px) !important;
        -moz-transform: translate3d(-139px, 60px, 0px) !important;
        -ms-transform: translate3d(-139px, 60px, 0px) !important;
        -o-transform: translate3d(-139px, 60px, 0px) !important;
    }
    .afterlogin .ucm-mobile-wrap.sidebarnull .ucm-notifications-lists::before {
        right: 88px;
    }
    .afterlogin .ucm-mobile-wrap.sidebarnull .ucm-notifications-lists::after {
        right: 86px;
    }
    .afterlogin #UcmMultiNav {
        top: 105px;
        width: 100%;
        left: 0;
    }
    .sidebar-open #openleftsidebar.is-closed .ucmicon-leftsidebar-top::before,
    .sidebar-open #openleftsidebar.is-closed .ucmicon-leftsidebar-top::after {
        background-color: #e9e9e9 !important;
    }
}


/*max 480px*/

@media screen and (min-width:481px) and (max-width:767px) {
    .ucm-leftsidebar {
        margin-right: 10px;
    }
    .ucmmulti-navbar button.mainmenu i,
    .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::after,
    .ucmmulti-navbar button.mainmenu .ucm-maintopmenu::before,
    .is-open .ucmicon-leftsidebar-top::after,
    .is-open .ucmicon-leftsidebar-top::before {
        background-color: #9c9c9c
    }
    i.ucmicons.ucmicon-leftsidebar-top {
        width: 25px;
        height: 25px;
    }
    .is-closed .ucmicon-leftsidebar-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Crect width='800' height='105' style='fill:%239c9c9c'/%3E%3Crect y='185' width='180' height='615' style='fill:%239c9c9c'/%3E%3Crect x='260' y='185' width='540' height='615' style='fill:%239c9c9c'/%3E%3C/svg%3E");
    }
    .ucmmulti-navbar .navbar-toggler.mainmenu {
        margin: 0px;
        width: auto;
        padding: 0;
        padding-right: 25px;
        display: block;
        height: auto;
    }
    .ucmheader .ucmmulti-navbar {
        margin: 0px;
        padding: 0px;
    }
    .ucmheader .p-relative.d-flex {
        padding: 0px 15px;
        margin: 0px;
    }
    .widgetwithpartner {
        padding: 0px
    }
    .afterlogin .ucm-mobile-wrap .topuserlang-area {
        padding: 0px;
    }
    .afterlogin .ucm-mobile-wrap .hamburger {
        height: 45px;
    }
    #UcmMultiNav {
        top: 72px;
    }
    .afterlogin .ucm-mobile-wrap .ucmglobalsearchtop.dropdown.ucm-options-dropdown .ucm-global-search-boxtop {
        transform: translate3d(-364px, 60px, 0px) !important;
        -webkit-transform: translate3d(-364px, 60px, 0px) !important;
        -moz-transform: translate3d(-364px, 60px, 0px) !important;
        -ms-transform: translate3d(-364px, 60px, 0px) !important;
        -o-transform: translate3d(-364px, 60px, 0px) !important;
    }
    .afterlogin .ucm-mobile-wrap .ucm-options-dropdown .ucm-global-search-boxtop.dropdown-menu::before {
        right: 57px;
    }
    .afterlogin .ucm-mobile-wrap .ucm-options-dropdown .ucm-global-search-boxtop.dropdown-menu::after {
        right: 55px;
    }
    .afterlogin .ucm-mobile-wrap {
        max-width: 230px;
        padding: 0px;
    }
}

@media screen and (min-width:768px) {
    /*mini side bar pin*/
    .sidebar-collapse .PinToggel .piningpart {
        display: none;
    }
}

.main-sidebar .piningpart button.PinDock,
.main-sidebar .piningpart button.unpinDock {
    background: rgba(0, 0, 0, 0);
    border: 0px none;
    padding: 0px;
    width: 23px;
    height: 23px;
}

.main-sidebar .piningpart button.PinDock i,
.main-sidebar .piningpart button.unpinDock i {
    width: 23px;
    height: 23px;
    transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.main-sidebar .piningpart button.PinDock {
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.main-sidebar a.shpucm:hover .leftsublist,
.main-sidebar a.shpucm:focus .leftsublist {
    display: block !important;
    position: absolute;
    left: 35px;
    top: 0px;
}


/*  */


/* end padding 20*/

@media screen and (min-width: 1200px) {
    .w10 {
        width: 10% !important;
    }
    .w15 {
        width: 15% !important;
    }
    .w20 {
        width: 20% !important;
    }
    .w25 {
        width: 25% !important;
    }
    .w30 {
        width: 30% !important;
    }
    .w35 {
        width: 35% !important;
    }
    .w40 {
        width: 40% !important;
    }
    .w45 {
        width: 45% !important;
    }
    .w50 {
        width: 50% !important;
    }
    .w55 {
        width: 55% !important;
    }
    .w60 {
        width: 60% !important;
    }
    .w65 {
        width: 65% !important;
    }
    .w70 {
        width: 70% !important;
    }
    .w75 {
        width: 75% !important;
    }
    .w80 {
        width: 80% !important;
    }
    .w85 {
        width: 85% !important;
    }
    .w90 {
        width: 90% !important;
    }
    .w95 {
        width: 95% !important;
    }
    .w100 {
        width: 100% !important;
    }
    .wauto {
        width: auto !important;
    }
    .hauto {
        height: auto !important;
    }
}


/* * if min 1200px */


/*ucm margin padding*/

.ucm-margin-top0 {
    margin-top: 0px !important;
}

.ucm-margin-top5 {
    margin-top: 5px !important;
}

.ucm-margin-right5 {
    margin-right: 5px !important;
}

.ucm-margin-bottom5 {
    margin-bottom: 5px !important;
}

.ucm-margin-left5 {
    margin-left: 5px !important;
}


/* end margin 5*/

.ucm-margin-top10 {
    margin-top: 10px !important;
}

.ucm-margin-right10 {
    margin-right: 10px !important;
}

.ucm-margin-bottom10 {
    margin-bottom: 10px !important;
}

.ucm-margin-left10 {
    margin-left: 10px !important;
}


/* end margin 10*/

.ucm-margin-top15 {
    margin-top: 15px !important;
}

.ucm-margin-right15 {
    margin-right: 15px !important;
}

.ucm-margin-bottom15 {
    margin-bottom: 15px !important;
}

.ucm-margin-left15 {
    margin-left: 15px !important;
}


/* end margin 15*/

.ucm-margin-top20 {
    margin-top: 20px !important;
}

.ucm-margin-right20 {
    margin-right: 20px !important;
}

.ucm-margin-bottom20 {
    margin-bottom: 20px !important;
}

.ucm-margin-left20 {
    margin-left: 20px !important;
}


/*margin 0*/

.ucm-margin-top0 {
    margin-top: 0px !important;
}

.ucm-margin-right0 {
    margin-right: 0px !important;
}

.ucm-margin-bottom0 {
    margin-bottom: 0px !important;
}

.ucm-margin-left0 {
    margin-left: 0px !important;
}

.ucm-margin0 {
    margin: 0px !important;
}


/* end margin 20*/

.ucm-padding-top5 {
    padding-top: 5px !important;
}

.ucm-padding-right5 {
    padding-right: 5px !important;
}

.ucm-padding-bottom5 {
    padding-bottom: 5px !important;
}

.ucm-padding-left5 {
    padding-left: 5px !important;
}


/* end padding 5*/

.ucm-padding-top10 {
    padding-top: 10px !important;
}

.ucm-padding-right10 {
    padding-right: 10px !important;
}

.ucm-padding-bottom10 {
    padding-bottom: 10px !important;
}

.ucm-padding-left10 {
    padding-left: 10px !important;
}


/* end padding 10*/

.ucm-padding-top15 {
    padding-top: 15px !important;
}

.ucm-padding-right15 {
    padding-right: 15px !important;
}

.ucm-padding-bottom15 {
    padding-bottom: 15px !important;
}

.ucm-padding-left15 {
    padding-left: 15px !important;
}


/* end padding 15*/

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

.ucm-padding-right20 {
    padding-right: 20px !important;
}

.ucm-padding-bottom20 {
    padding-bottom: 20px !important;
}

.ucm-padding-left20 {
    padding-left: 20px !important;
}

.ucm-padding-left30 {
    padding-left: 30px !important;
}


/*padding 0*/

.ucm-padding-top0 {
    padding-top: 0px !important;
}

.ucm-margin-right0 {
    padding-right: 0px !important;
}

.ucm-padding-bottom0 {
    padding-bottom: 0px !important;
}

.ucm-padding-left0 {
    padding-left: 0px !important;
}

.ucm-padding0 {
    padding: 0px !important;
}

.ucm-nobg {
    background: none;
}


/* end padding 20*/


/* before login mergin left */

.sidebar-mini.sidebar-collapse .ucm-bl-rootwrap .main-footer {
    margin-left: 0px !important;
}


/* Ie specific computer */

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .ucm-mobile-wrap {
        width: calc(100vw - 100px);
    }
    .mr-md-auto.ucm-topmenu {
        width: 50%;
    }
    .ucmheader .ucm-topmenu {
        margin-left: 15px;
    }
    .ucmmulti-navbar li {
        padding: 0 15px;
    }
}

.infonote {
    font-size: 12px;
    font-style: italic
}