/* Reset */
html, body, div, span, applet, object, iframe, input, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0
}

input, textarea, a, img {
    outline: none
}

/* General Section */
html, body, textarea, input {
    font-family: century Century Gothic, arial, Helvetica, sans-serif;
    font-size: 12px;
    -webkit-text-size-adjust: none
}

body {
    /*background: #262C3A url(../Images/bg.jpg) 0 0 repeat;*/ /*min-width:1035px; removed this to adjust width of Modal dialog box and it's content*/
    background-color:#ffffff!important;
}

textarea {
    resize: none
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background:#ffffff!important;
}

.overflow-hidden {
    overflow-x: hidden
}
/*  only for exhibitor portal landing page */

header, footer, nav, section {
    display: block
}

.left {
    float: left
}

.right {
    float: right
}



/*Loader for preview window*/
.holds-the-iframe {
    background: url(../Images/loader.gif) center center no-repeat;
    background-size: 85% auto
}

/* Typography */
a {
    text-decoration: none;
    cursor: pointer
}

    a:hover {
        text-decoration: underline
    }

    a, a:hover, a:visited, a:link {
        color: #000
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
    font-family: century Century Gothic, arial, Helvetica, sans-serif
}

h1 {
    font-size: 28px;
    line-height: 32px
}

h2 {
    font-size: 24px;
    line-height: 26px
}

h3 {
    font-size: 20px;
    line-height: 24px
}

h4 {
    font-size: 18px;
    line-height: 22px
}

h5 {
    font-size: 16px;
    line-height: 22px
}

h6 {
    font-size: 14px;
    line-height: 20px
}

h1 span {
    font-size: 14px;
    line-height: 14px
}

h2 span {
    font-size: 12px;
    line-height: 12px
}

h3 span {
    font-size: 10px;
    line-height: 10px
}

p, ul, ol, pre {
    color: #424242;
    font-size: 12px;
    font-family: century Century Gothic, arial, Helvetica, sans-serif; /*	line-height: 18px; */
}

pre {
    border: 1px solid #7cc0fc;
    border-left: 5px solid #7cc0fc;
    padding: 5px 20px;
    margin: 20px
}

blockquote {
    font-size: 16px;
    font-family: century Century Gothic, arial, Helvetica, sans-serif;
    font-style: italic;
    padding: 0 45px;
    margin: 20px;
    background-image: url(../images/blockquote.png);
    background-repeat: no-repeat
}

hr {
    display: block;
    height: 0px;
    line-height: 0px;
    border: 0;
    border-top: 1px solid #CCC;
    margin: 16px 0;
    float: none;
    clear: both;
    padding: 0
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

img {
    border: 0
}

fieldset {
    border: 0px solid #CCC;
    border-top:1px solid #f0f0f0;
    padding: 0px
}

.clear {
    clear: both;
    display: block
}

.typography-heading p {
    margin-bottom: 20px
}

.typography-ul ul {
    float: left;
    margin-right: 50px;
    margin-bottom: 20px
}

.normal-list {
    list-style: inside
}

.lower-latin-list {
    list-style: lower-latin
}

.square-list {
    list-style: square
}

.number-list {
    list-style: decimal
}

.none-list {
    list-style: none
}

.circle-list {
    list-style: circle
}

.del-list {
    list-style: url(../images/del.png);
    margin-left: 20px
}

.triangle-list {
    list-style: url(../images/triangle.png)
}

.check-list {
    list-style: url(../images/check-list.png)
}

.arrow-list {
    list-style: url(../images/arrow.png)
}

.plus-list {
    list-style: url(../images/plus.png);
    margin-left: 15px
}

.italic {
    font-style: italic
}

p.intro {
    width: 270px;
    float: left;
    margin-right: 40px
}

.firstletter-blue {
    font-size: 60px;
    margin-top: -10px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-right: 10px;
    float: left;
    color: #0299e8
}

.firstletter-orange {
    font-size: 60px;
    margin-top: -10px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-right: 10px;
    float: left;
    color: #ff5d3b
}

.firstletter-green {
    font-size: 60px;
    margin-top: -10px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-right: 10px;
    float: left;
    color: #5ac05a
}

/* FORM */
.form {
    margin-top: -10px
}

/*input[type="text"],input[type="password"] {border:1px solid #e3e3e3; height:28px; font-family:century Century Gothic, arial, Helvetica,sans-serif; padding-left:10px; padding-right:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#575757; background-color:#FFF; background-image:url(../images/input.png)}*/
.table_form {
    margin-left: -1px
}

.small {
    width: 79px
}

.medium {
    width: 98%
}

.bannermedium {
    width: 75% !important
}

.medium1 {
    width: 20%;
    border-radius: 8px;
    padding: 4px 6px;
    height: 26px;
    border: 1px solid #ddd;
    background: #FFFFFF !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

input[type="textarea"].medium {
    width: 400px !important
}

input[type="textarea"] {
    padding: 5px 10px
}

.medium-select {
    width: 90%
}

textarea {
    border: 1px solid #e3e3e3;
    font-family: century Century Gothic, arial, Helvetica, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #575757;
    background-color: #fefefe
}

.uploader {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: default;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.filename {
    float: left;
    display: inline-block;
    outline: 0 none;
    height: 32px;
    width: 440px
}

.button_files {
    float: left;
    height: 25px;
    display: inline-block;
    outline: 0 none;
    padding: 0px 12px;
    margin-left: -2px;
    cursor: pointer;
    border: 1px solid;
    font: 12px Helvetica, Arial, sans-serif
}

.uploader input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    height: 20px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

input[type=button]::-moz-focus-inner {
    padding: 0;
    border: 0 none;
    -moz-box-sizing: content-box
}

input[type=button]::-webkit-focus-inner {
    padding: 0;
    border: 0 none;
    -webkit-box-sizing: content-box
}

input[type=text]::-moz-focus-inner {
    padding: 0;
    border: 0 none;
    -moz-box-sizing: content-box
}

input[type=text]::-webkit-focus-inner {
    padding: 0;
    border: 0 none;
    -webkit-box-sizing: content-box
}

.black .button_files {
    background-image: url(../images/button.png);
    border: 1px solid #CCC;
    color: #55585d;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.black:hover .button_files {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90)
}

.elem {
    clear: both;
    padding-top: 10px
}

    .elem label {
        float: left; /*padding-top:2px; */
    }

.indent {
    margin-left: 160px
}

.indent1 {
    margin-left: 170px; /*added due to problem with image Upload control*/
    position: relative
}

.input-slider {
    background-color: #000
}

#amount, #amount2, #amount3, #amount4 {
    background-color: #fff;
    background-image: none;
    border: 0;
    color: #60b0e5
}

.distance p {
    float: left;
    width: 25%
}

.checkbox, .radio {
    width: 19px;
    height: 20px;
    padding: 0 5px 0 0;
    background: url(../images/checkbox.png) 0 0 no-repeat;
    display: block;
    clear: left;
    float: left;
    margin-top: -1px
}

.radio {
    background: url(../images/radio.png) 0 0 no-repeat
}

.color-img {
    padding-top: 5px;
    padding-left: 5px;
    position: absolute
}

#editor {
    width: 97%
}

/******* VALIDATE FORM *******/
#customForm input.error {
    background: #f8dbdb;
    border-color: #e77776
}

#customForm textarea.error {
    background: #f8dbdb;
    border-color: #e77776
}

#customForm div span.error {
    color: #e46c6e
}

#error {
    margin-bottom: 20px;
    border: 1px solid #efefef
}

    #error ul {
        list-style: square;
        padding: 5px;
        font-size: 11px
    }

        #error ul li {
            list-style-position: inside;
            line-height: 1.6em
        }

            #error ul li strong {
                color: #e46c6d
            }

    #error.valid ul li strong {
        color: #93d72e
    }

/* Header */
header { /*overflow:hidden;*/
    position: relative;
}

.centered-head {
    height: 50px;
    box-shadow: 0 2px 5px #222;
    background: var(--primary); /*rgba(191, 45, 26, 1)*/
    border-bottom: 1px solid #fff
    /*border-bottom:3px solid #fff;
background: -moz-linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3eaae1), color-stop(100%, #4294d3)); 
background: -webkit-linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
background: -o-linear-gradient(top, #3eaae1 0%, #4294d3 100%);
background: -ms-linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
background: linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eaae1', endColorstr='#4294d3', GradientType=0 );  */
}

.logo {
    background: url(../Images/logo_Eventpedia2024_White.png) center center no-repeat;
    background-size: contain;
    /*background: url(../Images/logo_Eventpedia_red.png) center center no-repeat;*/
    width: 150px;
    height: 50px;
    margin-left: 10px;
    float: left;
    display: block;
    text-indent: -9999px
}

.language {
    list-style: none;
    float: left
}

    .language li {
        float: left;
        margin-right: 10px;
        margin-top: 5px;
        padding-left: 4px;
        padding-top: 4px;
        height: 20px;
        width: 20px
    }

        .language li a {
            display: block;
            width: 16px;
            height: 11px;
            text-indent: -9999px
        }

.ukraine {
    background-image: url(../images/flags.png)
}

.usa {
    background-image: url(../images/flags.png);
    background-position: -16px 0px
}

.europe {
    background-image: url(../images/flags.png);
    background-position: -32px 0px
}

.language-active {
    background-image: url(../images/language-active.png);
    background-repeat: no-repeat
}

/* MENU head */
/* MENU account */
.account-name {
    float: right;
    margin-right: 10px;
    padding-top: 0px;
    color: #fff
}

    .account-name p {
        float: left;
        padding-top: 8px;
        padding-right: 15px;
        color: #fff
    }

.account-separator {
    border-right: 1px solid #393834;
    border-left: 1px solid #1d1e1f;
    height: 33px;
    width: 0px;
    float: right
}

.welcome {
    margin: 15px 8px 20px 0px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-align: right;
    font-size: 13px
}

    .welcome span {
        float: left;
        margin-right: 3px
    }

    .welcome strong {
        float: left
    }

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: right;
    margin-top: 7px
}

nav li {
    float: left
}

#user-panel {
    background-image: url(../images/user-panel.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 12px;
    display: block;
    margin-top: 8px;
    margin-left: 8px;
    float: right
}

#user-panel-check {
    float: left;
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: block;
    margin-top: 6px;
    padding-right: 5px
}

#user-panel-title {
    float: left
}

nav #login-trigger {
    border: 1px solid #4d4a4b;
    border-radius: 3px;
    height: 33px;
    display: block;
    cursor: pointer
}

nav #login-triggers, nav #signup a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 11px;
    line-height: 18px;
    padding: 0 8px;
    text-decoration: none;
    color: #ffffff;
    padding-top: 8px;
    padding-bottom: 12px;
    padding-left: 15px;
    padding-right: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2ddff), color-stop(100%, #2476b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* IE10+ */
    background: linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ddff', endColorstr='#2476b7', GradientType=0 ); /* IE6-8 */
    border: 1px solid #292f34
}

nav #login-content {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 999;
    background: -moz-linear-gradient(top, #010101 0%, #222222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #010101), color-stop(100%, #222222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #010101 0%, #222222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #010101 0%, #222222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #010101 0%, #222222 100%); /* IE10+ */
    background: linear-gradient(top, #010101 0%, #222222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#222222', GradientType=0 ); /* IE6-8 */
}

nav li #login-content {
    right: 0;
    width: 115px
}

    nav li #login-content ul {
        float: none
    }

#login-content li {
    float: none
}

    #login-content li a {
        color: #FFF;
        text-decoration: none;
        height: 15px;
        padding: 15px;
        display: block
    }

        #login-content li a span {
        }

    #login-content li img {
        padding-right: 7px;
        padding-top: 1px;
        float: left
    }

    #login-content li:hover {
        background: -moz-linear-gradient(top, #272727 0%, #303030 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272727), color-stop(100%, #303030)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #272727 0%, #303030 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #272727 0%, #303030 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #272727 0%, #303030 100%); /* IE10+ */
        background: linear-gradient(top, #272727 0%, #303030 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#303030', GradientType=0 ); /* IE6-8 */
    }

/* Middle
-----------------------------------------------------------------------------*/
#middle {
    width: auto;
    position: relative;
    overflow: hidden;
    padding-top: 8px;
    clear: both; /*padding:0 20px*/
}
/*#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0}*/
#container-main {
    overflow: hidden;
    background: none;
    border-top: 0px solid #e3e3e3;
    padding-top:8px;
}

#container-main1 {
    overflow: hidden;
    background: #fff; /*	background-image:url(../images/bg.png); */
    background-position: left;
    background-repeat: repeat-y;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0px 0px 0px black;
    -moz-box-shadow: 0 0px 0px 0px black;
    box-shadow: 0 0px 0px 0px #666
}

#container {
    width: 100%;
    float: left
}

#content { /*padding: 0 60px 0 60px; removed cause it was affecting the login page input box alignmet*/
    margin-bottom: 0px;
    overflow: hidden; /********* changed from 70 to 20px to remove extra space at bottom while styling the Modal dialog box ******/
}

#content1 {
    margin-bottom: 0px
}

/* Sidebar Right--------------------------------------------------------------------------*/
#sideRight {
    float: right;
    width: 210px;
    margin-left: -100%;
    position: relative;
    text-align: center
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
    float: left;
    width: 80px;
    margin-left: -100%;
    position: relative
}

/* menu - left */
.categories {
    background-image: url(../images/menu-left-bg.png);
    color: #fff;
    border-bottom: 1px solid #21282d;
    border-top: 1px solid #21282d;
    font: 16px "Cuprum", Helvetica, Arial, sans-serif;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    padding-left: 10px;
    padding-top: 12px;
    text-decoration: none;
    height: 32px;
    width: 130px
}

ul.menu {
    border-right: 1px solid #5b5f6b
}

    ul.menu, ul.menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 248px; /*width of menu*/
    }

        ul.menu a {
            display: block;
            text-decoration: none
        }

        ul.menu li a, ul.menu ul.menu li a {
            background-image: url(../images/menu-left-bg.png);
            color: #fff;
            font: 16px "Cuprum", Helvetica, Arial, sans-serif;
            display: block;
            position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
            width: auto;
            padding-left: 10px;
            padding-top: 12px;
            text-decoration: none;
            height: 32px
        }

            ul.menu ul.menu li a span {
                color: #fff
            }

        /*ul.menu li a:hover, ul.menu ul.menu li a:hover {background-image:url(../images/menu-left-bg.png); background-position:0px 44px; color:#fff} */
        ul.menu li ul {
            margin-bottom: -1px
        }

            ul.menu li ul li a, ul.menu ul.menu li ul li a {
                border-bottom: 1px solid #969ea3;
                background-image: none
            }

                ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
                    background: #455057;
                    color: #fff
                }

                    ul.menu li ul li a:hover span.icon {
                        color: #fff
                    }

        ul.menu ul.menu li a:hover {
            border-left: 0;
            padding-left: 0.5em
        }

        ul.menu ul.menu {
            border-left: 5px #f00 solid
        }

        ul.menu a.active span.icon {
            color: #fff
        }

.menu span.icon {
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 25px;
    display: block;
    float: left;
    color: #fff
}

.menu span.num {
    background-image: url(../images/num.png);
    float: right;
    width: 26px;
    height: 17px;
    display: block;
    margin-right: 10px;
    text-align: center;
    font-family: century Century Gothic, arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 3px
}

ul.menu a:hover span.icon {
    color: #fff
}

ul.menu div.panel a, ul.menu div.panel li a:hover {
    display: inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold
}

    ul.menu div.panel a:hover {
        color: #000;
        text-decoration: underline
    }

.menu .dashboard {
    background-image: url(../images/menu/home.png)
}

.menu span.forms {
    background-image: url(../images/menu/form.png)
}

.menu span.tables {
    background-image: url(../images/menu/table.png)
}

.menu span.gallery-pic {
    background-image: url(../images/menu/gallery.png)
}

.menu span.cal {
    background-image: url(../images/menu/cal.png)
}

.menu span.buttons-icons {
    background-image: url(../images/menu/buttons.png)
}

.menu span.grids {
    background-image: url(../images/menu/grid.png)
}

.menu span.w-editor {
    background-image: url(../images/menu/editor.png)
}

.menu span.files {
    background-image: url(../images/menu/file.png)
}

.menu span.invoice {
    background-image: url(../images/menu/widgets.png)
}

.menu span.errors {
    background-image: url(../images/menu/error.png)
}

.menu span.typo {
    background-image: url(../images/menu/typo.png)
}

.menu span.charts {
    background-image: url(../images/menu/charts.png)
}

.menu span.conversations {
    background-image: url(../images/menu/message.png)
}

.menu span.steps {
    background-image: url(../images/menu/step.png)
}

.menu span.youtube {
    background-image: url(../images/menu/player.png)
}

.menu span.connection {
    background-image: url(../images/menu/contact.png)
}

.menu span.four-prong {
    background-image: url(../images/menu/general.png)
}

/*menu online */
.menu-online {
    border-right: 1px solid #5b5f6b;
    list-style: none;
    width: 248px
}

    .menu-online li a {
        border-bottom: 1px solid #969ea3;
        background-image: none;
        color: #fff;
        font: 16px "Cuprum", Helvetica, Arial, sans-serif;
        display: block;
        position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
        width: auto;
        padding-left: 10px;
        text-decoration: none;
        height: 40px;
        padding-top: 4px
    }

        .menu-online li a:hover {
            background: #455057
        }

    .menu-online span.online {
        background-repeat: no-repeat;
        background-image: url(../images/icon-online.png);
        margin-top: 12px;
        margin-right: 10px;
        float: right;
        width: 16px;
        height: 16px;
        display: block;
        color: #fff
    }

    .menu-online li a:hover span.online {
        background-position: 0px -16px
    }

.ava-online {
    float: left
}

    .ava-online img {
        float: left
    }

.name-online {
    margin-top: 8px;
    padding-left: 20px;
    float: left
}

.num-online {
    background-image: url(../images/online-num.png);
    height: 14px;
    width: 9px;
    display: block;
    position: absolute;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 1px;
    margin-left: 28px;
    margin-top: 18px
}

.menu-online div {
    background-image: none;
    color: #fff;
    font: 16px "Cuprum", Helvetica, Arial, sans-serif;
    display: block;
    width: auto;
    padding-left: 10px;
    text-decoration: none;
    height: 35px;
    padding-top: 10px;
    cursor: move;
    clear: both
}

    .menu-online div:hover {
        color: #343d43
    }

    .menu-online div img {
        float: left;
        padding-right: 10px
    }

    .menu-online div span {
        padding-top: 10px;
        display: block
    }

.menu-statistict {
    border-right: 1px solid #5b5f6b;
    list-style: none;
    width: 248px
}

    .menu-statistict li {
        border-bottom: 1px solid #969ea3;
        background-image: none;
        color: #fff;
        font: 16px "Cuprum", Helvetica, Arial, sans-serif;
        display: block;
        position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
        width: auto;
        text-decoration: none;
        height: 30px;
        padding-top: 10px
    }

.name-statistict {
    float: left;
    color: #fff;
    padding-left: 10px
}

.number-statistict {
    float: right;
    color: #22292e;
    padding-right: 10px
}

/* main */
.main {
    padding: 0 0 0 250px
}

#main-content {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%
}

    #main-content .empty {
        height: 100px
    }

/* Speedbar */
.speedbar {
    height: 31px;
    padding-top: 14px;
    padding-left: 2%;
    padding-right: 2%;
    margin-right: -2%;
    background: -moz-linear-gradient(top, #f8faf9 0%, #d1d2d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8faf9), color-stop(100%, #d1d2d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8faf9 0%, #d1d2d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8faf9 0%, #d1d2d5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8faf9 0%, #d1d2d5 100%); /* IE10+ */
    background: linear-gradient(top, #f8faf9 0%, #d1d2d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8faf9', endColorstr='#d1d2d5', GradientType=0 ); /* IE6-8 */
    border-bottom: 1px solid #afb1b9;
    font: 16px "Cuprum", Helvetica, Arial, sans-serif;
    color: #55585d;
    width: auto
}

    .speedbar a {
        color: #55585d;
        text-decoration: none
    }

.speedbar-nav {
    float: left
}

/* Search */
.search {
    margin-right: 2%
}

    .search input {
        width: 0px;
        cursor: pointer;
        height: 30px;
        border: 0;
        background-image: url(../images/search.png);
        background-position: right;
        background-repeat: no-repeat;
        font-size: 2px;
        display: block;
        padding-left: 15px;
        padding-right: 14px;
        color: #fff;
        margin-top: -7px;
        float: right;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        border: 1px solid #bbbcbf
    }

        .search input:focus {
            width: 200px;
            color: #999;
            font-size: 12px;
            padding-right: 40px;
            display: block
        }

/* Grid */
.grid-1 { /*width:18%; float:left; margin:10px auto; changed to reduce padding Modal dialog box*/
    color: #000;
}

#midCont .grid-1 { /*width:18%; float:left; margin:10px auto; changed to reduce padding Modal dialog box*/
    color: #000;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.grid-1a {
    width: 100%;
    margin: 5px auto;
    color: #000
}

.grid-2 {
    width: 47%;
    margin-top: 20px;
    margin-left: 2%;
    color: #000;
    float: left
}

.grid-3 {
    width: 30%;
    margin-left: 2%;
    margin-top: 20px;
    color: #000;
    float: left
}

.grid-4 {
    width: 64%;
    margin-left: 2%;
    margin-top: 20px;
    color: #000;
    float: left
}

#contArea .title-grid {
    background: #ffffff !important;
    /*border-bottom: 1px solid var(--secondary-color) !important;*/
    border-bottom: 1px solid #ddd!important;
    box-shadow: 0 1px #4F6688 inset; /*background: none repeat scroll 0 0 #b94a48;
    border: 1px solid #943b3a; box-shadow: 0 1px #e35b59 inset;*/
    font: 17px "Cuprum", Helvetica, Arial, sans-serif;
    color: var(--secondary-color) !important;
    display: block;
    padding: 8px 5px 4px 10px !important;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    position: relative;
    font-weight: 300 !important;
}

.subTitle {
    font: 17px "Cuprum", Helvetica, Arial, sans-serif;
    color: var(--secondary-color)!important;
    display: block;
    margin-bottom: 12px
}

.title-grid span {
    float: left
}

.title-grid ul {
    float: right
}

.title-grid ul {
    height: 35px;
    margin-left: 2px
}

.content-gird {
    /*background: #f5f5f5;*/ /*padding:5px; */
    /*background: #fcfcfc;*/
    background: #ffffff;
    color: #424242;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

    .content-gird.design01 {
        /*background: url("../Images/menu-bg.jpg") repeat scroll 0 0 #F5F5F5;*/
        background-color:#FFFFFF!important;
        border: 1px solid #ddd;
        padding: 10px;
        margin-bottom: 15px;
        border-radius: 3px
    }

.size-medium {
    height: 310px
}

.title-grid span {
    right: 0;
    top: 30%;
    cursor: pointer;
    width: 16px;
    height: 13px;
    margin-top: 4px;
    background: url(../images/trigger.png) no-repeat left bottom;
    display: block;
    font-size: 0;
    float: right
}

.title-grid a.addBtn {
    float: right;
    right: 80px;
    color: #ffffff;
    border-radius: 2px;
    text-transform: capitalize;
    text-decoration: none;
    padding: 4px 10px;
    margin-top: -4px;
    background: #b2ddff; /* Old browsers */
    background: -moz-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2ddff), color-stop(100%, #2476b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* IE10+ */
    background: linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ddff', endColorstr='#2476b7', GradientType=0 ); /* IE6-9 */
}

a.addBtn2 {
    float: right;
    position: inherit;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    text-transform: capitalize;
    text-align: center;
    font: 15px/25px "Cuprum", Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 0px 5px;
    height: 25px;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background: #F89406; /* Old browsers */
    background: -moz-linear-gradient(top, #FBB450 0%, #F89406 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBB450), color-stop(100%,#F89406)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FBB450 0%,#F89406 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FBB450 0%,#F89406 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FBB450 0%,#F89406 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FBB450 0%,#F89406 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBB450', endColorstr='#F89406',GradientType=0 ); /* IE6-9 */
}

    a.addBtn2:hover {
        background: #a4b357; /* Old browsers */
        background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #a4b357 0%,#75890c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #a4b357 0%,#75890c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
    }

a.addBtn3 {
    float: right;
    position: inherit;
    color: #ffffff;
    border-radius: 22px;
    text-transform: capitalize;
    text-align: center;
    font: 22px "Cuprum", Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 6px 30px;
    margin: -2px auto 0 auto;
    background: rgb(109,179,242); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(109,179,242,1)), color-stop(50%, rgba(84,163,238,1)), color-stop(51%, rgba(54,144,240,1)), color-stop(100%, rgba(30,105,222,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.75)
}

    a.addBtn3:hover {
        color: #000;
        background: rgb(68,159,238); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0OWZlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJlOGZlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzEyN2NlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTVhYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(68,159,238,1) 0%, rgba(46,143,234,1) 50%, rgba(18,124,238,1) 51%, rgba(26,90,194,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(68,159,238,1)), color-stop(50%, rgba(46,143,234,1)), color-stop(51%, rgba(18,124,238,1)), color-stop(100%, rgba(26,90,194,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(68,159,238,1) 0%, rgba(46,143,234,1) 50%, rgba(18,124,238,1) 51%, rgba(26,90,194,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(68,159,238,1) 0%, rgba(46,143,234,1) 50%, rgba(18,124,238,1) 51%, rgba(26,90,194,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(68,159,238,1) 0%, rgba(46,143,234,1) 50%, rgba(18,124,238,1) 51%, rgba(26,90,194,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(68,159,238,1) 0%, rgba(46,143,234,1) 50%, rgba(18,124,238,1) 51%, rgba(26,90,194,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#449fee', endColorstr='#1a5ac2', GradientType=0 ); /* IE6-8 */
        -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.5)
    }

.inactive .title-grid span {
    background-position: left top
}

.average {
    width: 32%
}

/* Statistics */
.chart-main {
    width: 57%;
    height: 197px;
    margin: -2px;
    float: right
}

.reports {
    float: left;
    width: 40%;
    margin-bottom: -20px
}

.report {
    background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(245,245,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5', GradientType=0 );
    height: 30px;
    border: 1px solid #f0f0f0;
    padding: 10px;
    margin-bottom: 20px
}

.report-2 {
    background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(245,245,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(253,253,253,1) 0%, rgba(245,245,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5', GradientType=0 );
    height: 30px;
    border: 1px solid #f0f0f0;
    padding: 10px;
    margin-bottom: 20px;
    float: left;
    width: 42%
}

.report-title {
    color: #afafaf;
    font: 16px "Cuprum", Helvetica, Arial, sans-serif;
    float: left
}

.report-figures {
    color: #519edb;
    float: right;
    font: 16px "Cuprum", Helvetica, Arial, sans-serif
}

.report-last {
    margin-right: 0px;
    float: right
}

.headway {
    background: -moz-linear-gradient(top, rgba(186,186,186,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(186,186,186,1)), color-stop(100%, rgba(236,236,236,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(186,186,186,1) 0%, rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(186,186,186,1) 0%, rgba(236,236,236,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(186,186,186,1) 0%, rgba(236,236,236,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(186,186,186,1) 0%, rgba(236,236,236,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#ececec', GradientType=0 ); /* IE6-8 */
    height: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 8px
}

.advance {
    background: -moz-linear-gradient(top, rgba(147,209,241,1) 0%, rgba(16,130,195,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(147,209,241,1)), color-stop(100%, rgba(16,130,195,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(147,209,241,1) 0%, rgba(16,130,195,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(147,209,241,1) 0%, rgba(16,130,195,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(147,209,241,1) 0%, rgba(16,130,195,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(147,209,241,1) 0%, rgba(16,130,195,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d1f1', endColorstr='#1082c3', GradientType=0 ); /* IE6-8 */
    border-bottom: 1px solid #8ebcd7;
    height: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

/* Information data */
.information-data {
    background: url(../images/report-bg.png);
    height: 98px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
    text-align: center;
    overflow: hidden;
    width: 96%;
    margin-left: 2%
}

.date {
    width: 117px;
    min-width: 117px;
    height: 58px;
    float: left;
    border-right: 1px solid #7a8085;
    padding: 30px;
    padding-top: 10px
}

.date-last {
    border: 0
}

.date-title {
    color: #3c454b;
    font: 16px "Cuprum", Helvetica, Arial, sans-serif;
    text-align: center;
    margin-top: 5px;
    display: block
}

.date-figures {
    color: #fff;
    font: 28px "Cuprum", Helvetica, Arial, sans-serif
}

.headway-2 {
    background: -moz-linear-gradient(top, rgba(105,116,124,1) 0%, rgba(148,158,164,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(105,116,124,1)), color-stop(100%, rgba(148,158,164,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(105,116,124,1) 0%, rgba(148,158,164,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(105,116,124,1) 0%, rgba(148,158,164,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(105,116,124,1) 0%, rgba(148,158,164,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(105,116,124,1) 0%, rgba(148,158,164,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69747c', endColorstr='#949ea4', GradientType=0 );
    height: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 8px
}

.advance-2 {
    background: -moz-linear-gradient(top, rgba(90,105,123,1) 0%, rgba(41,47,52,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(90,105,123,1)), color-stop(100%, rgba(41,47,52,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(90,105,123,1) 0%, rgba(41,47,52,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(90,105,123,1) 0%, rgba(41,47,52,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(90,105,123,1) 0%, rgba(41,47,52,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(90,105,123,1) 0%, rgba(41,47,52,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a697b', endColorstr='#292f34', GradientType=0 );
    border-bottom: 1px solid #676e73;
    height: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

/* Articles */
.articles {
    overflow: hidden;
    zoom: 1
}

.article {
    width: 324px;
    float: left;
    border-left: 1px solid #eaeaeb;
    border-bottom: 1px solid #eaeaeb;
    padding: 10px;
    margin: -1px
}

.identifier {
    display: block;
    background-color: #4481b2;
    color: #ffffff;
    width: 15px;
    height: 15px;
    text-align: center;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    float: left
}

.article-content {
    margin-left: 30px
}

.article-title {
    float: left
}

    .article-title a {
        color: #4481b2
    }

.article-action {
    float: right
}

    .article-action li {
        list-style: none;
        height: 24px;
        float: left;
        margin-left: 5px
    }

        .article-action li a {
            background-repeat: no-repeat;
            text-indent: -9999px;
            display: block;
            height: 11px;
            width: 11px
        }

.article-edit {
    background: url(../images/article-action.png)
}

.article-delete {
    background: url(../images/article-action.png);
    background-position: 0px -11px
}

.article-description {
    color: #27313a;
    clear: both;
    display: block
}

.article-author {
    clear: both;
    display: block;
    color: #989898;
    padding-top: 10px
}

    .article-author a {
        color: #27313a;
        text-decoration: underline
    }

/* ALERTS */
.alerts {
    margin-top: -10px;
    margin-bottom: -10px
}

.alert {
    height: 27px;
    padding-top: 13px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff
}

    .alert.green {
        background-image: url(../images/alert-bg.png);
        color: #62af17;
        border: 1px solid #aee17c
    }

        .alert.green p {
            color: #62af17
        }

    .alert.red {
        background-image: url(../images/alert-bg.png);
        background-position: 0px 80px;
        color: #c33820;
        border: 1px solid #e18b7c
    }

        .alert.red p {
            color: #c33820
        }

    .alert.blue {
        background-image: url(../images/alert-bg.png);
        background-position: 0px 40px;
        color: #2065c3;
        border: 1px solid #7ca7e1
    }

        .alert.blue p {
            color: #2065c3
        }

    .alert.orange {
        background-image: url(../images/alert-bg.png);
        background-position: 0px 120px;
        color: #d67820;
        border: 1px solid #e1b37c
    }

        .alert.orange p {
            color: #d67820
        }

    .alert .green-icon {
        display: block;
        width: 15px;
        height: 15px;
        background-image: url(../images/alert-icon.png);
        float: left;
        margin-left: 10px;
        margin-right: 10px
    }

    .alert .blue-icon {
        display: block;
        width: 15px;
        height: 15px;
        background-image: url(../images/alert-icon.png);
        background-position: 0px 15px;
        float: left;
        margin-left: 10px;
        margin-right: 10px
    }

    .alert .orange-icon {
        display: block;
        width: 15px;
        height: 15px;
        background-image: url(../images/alert-icon.png);
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        background-position: 0px 45px
    }

    .alert .red-icon {
        display: block;
        width: 15px;
        height: 15px;
        background-image: url(../images/alert-icon.png);
        background-position: 0px 30px;
        float: left;
        margin-left: 10px;
        margin-right: 10px
    }

/* Buttons */
.buttons-content {
    margin-top: -10px
}

.buttons {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px
}

    .buttons li {
        float: left;
        list-style: none;
        margin-left: 8px;
        margin-right: 8px;
        padding-top: 10px
    }

.button-list-1 {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -10px;
    clear: both
}

    .button-list-1 li {
        float: left;
        list-style: none;
        margin-bottom: -5px;
        margin-top: 10px;
        margin-left: 3px;
        margin-right: 3px
    }

.button-list-2 {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -10px
}

    .button-list-2 li {
        float: left;
        list-style: none;
        margin-top: 10px;
        margin-left: 3px;
        margin-right: 3px
    }
/*.button-a {padding:0px 10px}*/

/*.button-a, .button-a span {display:inline-block; height:30px; border:0; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration:none; cursor:pointer; font-size:12px; text-align:center}*/
.button-a span {
    padding-top: 7px
}

.button-a:hover {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    text-decoration: none
}

/*.button-a.gray {background-image:url(../images/button.png); border:1px solid #CCC; color:#CACACA}
	.button-a.gray:hover {color:#313131}
*/
#btnPieChart {
    background: url(../images/btn-pie.png) 0 0 no-repeat;
    height: 42px;
    width: 42px;
    border: none;
    padding: 0;
    cursor: pointer
}

#btnBarChart {
    background: url(../images/btn-bar.png) 0 0 no-repeat;
    height: 42px;
    width: 42px;
    border: none;
    padding: 0;
    cursor: pointer
}

#btnShowExcelReport {
    background: url(../images/btn-exl.png) 0 0 no-repeat;
    height: 42px;
    width: 42px;
    border: none;
    padding: 0;
    cursor: pointer
}

#btnShowExcelPDF {
    background: url(../images/export-pdf.png) 0 0 no-repeat;
    height: 42px;
    width: 42px;
    border: none;
    padding: 0;
    cursor: pointer
}

#ratedGraph fieldset {
    border: none
}

#ratedGraph #btnBarChart {
    background-size: 35px 35px;
    height: 35px;
    width: 35px
}

.button-a.gray {
    padding: 6px 12px;
    color: #fff;
    font-size: 14px;
    background:var(--primary);
}

    .button-a.gray span {
        color: #55585d
    }

.button-a.blue {
    background-image: url(../images/button.png);
    background-position: 0px -60px;
    border: 1px solid #438ac2
}

.button-a.dark-blue {
    background-image: url(../images/button.png);
    background-position: 0px -30px;
    border: 1px solid #23272a
}

.button-a.red {
    background-image: url(../images/button.png);
    background-position: 0px -90px;
    border: 1px solid #973a2a
}

.button-a span.icon-dark {
    height: 17px;
    display: block;
    width: 16px;
    margin-top: 7px;
    margin-left: -3px;
    margin-right: -3px;
    padding: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-image: url(../images/button-icon.png);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.button-a span.icon-dark-text {
    padding-left: 25px;
    height: 16px;
    display: block;
    margin-top: 7px;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-image: url(../images/button-icon.png);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.button-a span.icon-dark {
    height: 17px;
    display: block;
    width: 16px;
    margin-top: 7px;
    margin-left: -3px;
    margin-right: -3px;
    padding: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-image: url(../images/button-icon.png);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.button-a span.icon-dark-text {
    padding-left: 25px;
    height: 16px;
    min-width: 60px;
    display: block;
    margin-top: 7px;
    padding-top: 0px;
    text-align: left;
    background-repeat: no-repeat;
    background-image: url(../images/button-icon.png);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.button-a span.icon-white {
    height: 17px;
    display: block;
    width: 16px;
    margin-top: 7px;
    margin-left: -3px;
    margin-right: -3px;
    padding: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-image: url(../images/button-icon-white.png);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.button-a span.icon-white-text {
    padding-left: 25px;
    height: 16px;
    min-width: 60px;
    display: block;
    margin-top: 7px;
    padding-top: 0px;
    text-align: left;
    background-repeat: no-repeat;
    background-image: url(../images/button-icon-white.png);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.button-a span.del {
}

.button-a span.edits {
    background-position: 0px -20px
}

.button-a span.magnifier {
    background-position: 0px -42px
}

.button-a span.person {
    background-position: 0px -62px
}

.button-a span.users {
    background-position: 0px -85px
}

.button-a span.tag {
    background-position: 0px -105px
}

.button-a span.sound {
    background-position: 0px -126px
}

.button-a span.shop {
    background-position: 0px -146px
}

.button-a span.picture {
    background-position: 0px -169px
}

.button-a span.phone {
    background-position: 0px -188px
}

.button-a span.close {
    background-position: 0px -210px
}

.button-a span.open {
    background-position: 0px -230px
}

.button-a span.notepad {
    background-position: 0px -252px
}

.button-a span.music {
    background-position: 0px -274px
}

.button-a span.movie {
    background-position: 0px -295px
}

.button-a span.mail {
    background-position: 0px -315px
}

.button-a span.key {
    background-position: 0px -334px
}

.button-a span.home {
    background-position: 0px -355px
}

/* BARS */
div.progressbar {
    height: 20px;
    border: 1px solid #e3e3e3;
    background-image: url(../images/input.png)
}

    div.progressbar div {
        height: 18px
    }

.progressbar {
    width: 100%;
    height: 16px;
    padding: 0px;
    background: #cfcfcf;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa #bbb #fff #bbb
}

.progressbar, .progressbar-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px
}

.progressbar-inner {
    width: 77%; /* Change to actual percentage */
    height: 100%;
    background: #999;
    text-align: center;
    padding-top: 3px;
    background-size: 18px 18px;
    background-color: #ac0;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    box-shadow: inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2)
}

.progressbar-green .progressbar-inner {
    background-color: #ac0;
    width: 100%
}

.progressbar-blue .progressbar-inner {
    background-color: #7ce;
    width: 90%
}

.progressbar-yellow .progressbar-inner {
    background-color: #fb5;
    width: 80%
}

.progressbar-red .progressbar-inner {
    background-color: #f67;
    width: 70%
}

.progressbar:hover .progressbar-inner {
    width: 100%
}

.progressbar .progressbar-inner, .progressbar:hover .progressbar-inner {
    -webkit-transition: width .5s ease-in;
    -moz-transition: width .5s ease-in;
    -o-transition: width .5s ease-in;
    transition: width .5s ease-in
}

.stage {
    position: relative;
    width: 750px;
    height: 267px;
    padding-top: 160px;
    background-color: #eee;
    background-size: 12px 12px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 10%, transparent 10%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 60%, transparent 60%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .3) 10%, transparent 10%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 60%, transparent 60%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .3) 10%, transparent 10%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 60%, transparent 60%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .3) 10%, transparent 10%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 60%, transparent 60%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .3) 10%, transparent 10%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 60%, transparent 60%, transparent)
}

.by {
    position: absolute;
    bottom: 30px;
    right: 50px
}

    .by a, .by a:visited, .by a:link, .by a:active {
        font-family: century Century Gothic, arial, Helvetica, sans-serif;
        font-size: 16px;
        text-shadow: 0px 1px 1px #fff;
        color: #999;
        text-decoration: none
    }

        .by a:hover {
            color: #f67
        }

/* MESSAGE */
.message {
    margin-bottom: 20px
}

.message-content {
    background-image: url(../images/message-bg.png);
    background-repeat: no-repeat;
    margin-left: 160px
}

.message-info {
    margin-left: 10px;
    min-height: 103px;
    padding: 10px;
    color: #696969; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #eaeaea)); /*Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%); /* IE10+ */
    background: linear-gradient(top, #f6f6f6 0%, #eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea', GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e1e1e1
}

.message-author {
    color: #696969;
    padding-bottom: 10px;
    float: left
}

.message-date {
    float: right;
    color: #696969
}

.message-text {
    color: #696969;
    padding-top: 5px
}

    .message-text p {
        color: #696969
    }

.message-border-head {
    clear: both;
    border-top: 1px solid #e1e1e1;
    height: 1px;
    background: #fff
}

.avatar {
    border: 3px solid #d6d6d6;
    border-bottom: 0;
    background: #d6d6d6;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute
}

.more {
    width: 97%
}

.form-message {
    margin-top: 20px
}

    .form-message textarea {
        width: 97%;
        height: 150px;
        margin-bottom: 10px
    }

/* Gallery Small */
.gallery {
    list-style: none;
    margin-left: -10px;
    margin-top: -10px
}

    .gallery li {
        float: left;
        display: inline-block;
        position: relative;
        margin-left: 10px;
        margin-top: 10px;
        padding: 5px 7px 4px 6px;
        width: 88px;
        height: 88px
    }

        .gallery li img {
            margin: auto;
            height: 86px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0 0 5px #c5c5c5; /* Firefox */
            -webkit-box-shadow: 0 0 5px #c5c5c5; /* Safari and Chrome */
            box-shadow: 0 0 5px #c5c5c5; /* All */
        }

        .gallery li:hover {
            background-image: url(../images/pic-border.png);
            background-repeat: no-repeat
        }

.img_options {
    display: block;
    background: none
}

.gallery li:hover img:hover {
    position: relative
}

.gallery li:hover .img_options {
    display: block;
    background: #000;
    width: 86px;
    height: 86px;
    margin-top: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
    -moz-opacity: 0.8; /* Mozilla 1.6 è íèæå */
    -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.8
}

.gallery .img_options {
    position: absolute;
    z-index: 99;
    top: 2px;
    display: none
}

    .gallery .img_options img {
        border: none
    }

    .gallery .img_options li {
        display: inline-block;
        float: none;
        background: none;
        margin: 0 !important;
        text-align: center
    }

.zoom {
    background-image: url(../images/zoom.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    height: 80px;
    background-position: center;
    margin-left: -15px
}

a.zoom span {
    text-indent: -9999px
}

/* Gallery Medium*/
.gallery-2 {
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px
}

    .gallery-2 li {
        float: left;
        margin-left: 15px;
        margin-top: 10px;
        padding-bottom: 4px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        display: inline-block;
        position: relative;
        width: 112px;
        height: 112px
    }

        .gallery-2 li img {
            margin: auto;
            height: 110px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0 0 5px #c5c5c5; /* Firefox */
            -webkit-box-shadow: 0 0 5px #c5c5c5; /* Safari and Chrome */
            box-shadow: 0 0 5px #c5c5c5; /* All */
        }

        .gallery-2 li:hover {
            background-image: url(../images/pic-border-2.png);
            background-repeat: no-repeat
        }

.img_options-2 {
    display: block;
    background: none
}

.gallery-2 li:hover img:hover {
    position: relative
}

.gallery-2 li:hover .img_options-2 {
    display: block;
    background: #000;
    width: 110px;
    height: 100px;
    margin-top: 3px;
    margin-left: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
    -moz-opacity: 0.8; /* Mozilla 1.6 è íèæå */
    -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.8
}

.gallery-2 .img_options-2 {
    position: absolute;
    z-index: 99;
    padding-top: 10px;
    top: 2px;
    display: none;
    color: #FFF
}

    .gallery-2 .img_options-2 img {
        border: none
    }

    .gallery-2 .img_options-2 li {
        display: inline-block;
        float: left;
        margin: 0;
        margin-left: -5px;
        background: none;
        height: 16px;
        text-align: center;
        padding: 0
    }

.zoom-2 {
    background-image: url(../images/zoom-2.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    height: 60px;
    width: 27px;
    background-position: center;
    margin-left: 27px;
    position: absolute;
    margin-top: 0px;
    z-index: 99
}

a.zoom-2 span {
    text-indent: -9999px
}

.delete-2 {
    background-image: url(../images/delete.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    height: 60px;
    width: 27px;
    background-position: center;
    margin-left: 70px;
    margin-top: -16px
}

a.delete-2 span {
    text-indent: -9999px
}

/* Gallery Big*/
.gallery-3 {
    list-style: none;
    margin-left: 0px;
    margin-top: -10px;
    margin-right: -10px
}

    .gallery-3 li {
        float: left;
        padding: 5px;
        display: inline-block;
        position: relative;
        margin-left: 5px;
        margin-top: 10px;
        width: 330px;
        height: 260px
    }

        .gallery-3 li img {
            margin: auto;
            height: 260px;
            width: 330px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0 0 5px #c5c5c5; /* Firefox */
            -webkit-box-shadow: 0 0 5px #c5c5c5; /* Safari and Chrome */
            box-shadow: 0 0 5px #c5c5c5; /* All */
        }

        .gallery-3 li:hover {
            background-image: url(../images/pic-border-3.png);
            background-repeat: no-repeat
        }

.img_options-3 {
    display: block;
    background: none
}

.gallery-3 li:hover img:hover {
    position: relative
}

.gallery-3 li:hover .img_options-3 {
    display: block;
    background: #000;
    width: 330px;
    height: 170px;
    margin-top: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
    -moz-opacity: 0.8; /* Mozilla 1.6 è íèæå */
    -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.8
}

.gallery-3 .img_options-3 {
    position: absolute;
    z-index: 99;
    padding-top: 90px;
    top: 2px;
    display: none;
    color: #FFF
}

    .gallery-3 .img_options-3 img {
        border: none
    }

    .gallery-3 .img_options-3 li {
        display: inline-block;
        float: left;
        margin: 0;
        margin-left: -5px;
        background: none;
        height: 16px;
        text-align: center;
        padding: 0;
        font-size: 14px
    }

.zoom-3 {
    background-image: url(../images/zoom-2.png);
    background-repeat: no-repeat;
    background-position: 27px 0px;
    text-indent: -9999px;
    display: block;
    height: 60px;
    width: 27px;
    background-position: center;
    margin-left: 80px;
    position: absolute;
    margin-top: 60px;
    z-index: 99
}

a.zoom-3 span {
    text-indent: -9999px
}

.delete-3 {
    background-image: url(../images/delete.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    height: 60px;
    width: 27px;
    background-position: center;
    margin-left: 180px;
    margin-top: 44px
}

a.delete-3 span {
    text-indent: -9999px
}

/* WIDGETS */
/* Grid user */
.users-list {
    margin-bottom: -10px
}

.user {
    background: #fcfcfc;
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin-bottom: 10px
}

.user-avatar img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left
}

.user-info {
    margin-left: 70px
}

.user-name {
    color: #121212
}

.user-email {
    color: #7e8084;
    padding-top: 7px
}

.user-link {
    padding-top: 7px
}

    .user-link a {
        color: #4f8bcf;
        text-decoration: underline
    }

/*statistic */
.amount {
    color: #89b1de
}

    .amount a {
        color: #89b1de
    }

        .amount a:hover {
            text-decoration: none
        }

/* accordion */
.accordion {
    width: 47%;
    float: left
}

/* tabs */
/*ul.tabNavigation li.ui-state-active,  .ui-widget-header .ui-state-active*/
ul.tabNavigation li.ui-state-active {
    background: #fff;
    color: #55585d;
    height: 19px;
    margin-left: -3px;
    margin-top: -13px;
    padding-top: 13px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    font: 16px "Cuprum", Helvetica, Arial, sans-serif
}

ul.tabNavigation li.ui-state-default a, ul.tabNavigation .ui-state-default a:link, ul.tabNavigation .ui-state-default a:visited {
    color: #55585d;
    height: 38px;
    margin-top: -18px;
    padding-top: 13px;
    font: 16px "Cuprum", Helvetica, Arial, sans-serif
}

.tabs ul.tabNavigation {
    height: 26px;
    margin-top: 2px;
    float: left
}

/* Dialogs */
#popup_container {
    font-family: century Century Gothic, arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #3f3f3f;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: 0.3
}

#popup_title {
    font-size: 16px;
    text-align: left;
    line-height: 1.75em;
    padding-left: 10px;
    color: #55585d;
    background: rgb(252,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(227,227,227,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(227,227,227,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(227,227,227,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(227,227,227,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(252,252,252,1) 0%, rgba(227,227,227,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e3e3', GradientType=0 ); /* IE6-9 */
    cursor: default;
    height: 30px
}

#popup_content {
    padding: 10px 1.75em;
    text-align: center;
    margin: 0em;
    color: #666;
    min-height: 60px
}

#popup_message {
    padding-left: 20px;
    margin-right: 50px
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em
}

#popup_prompt {
}

.promt_input {
    margin-right: 100px
}

/* Contact LIST */
.slider {
    width: 100%+10px;
    ;
    min-height: 250px;
    display: block;
    position: relative;
    background: #fff;
    overflow: hidden;
    margin: -10px
}

    .slider ul {
        list-style: none
    }

.slider-content {
    float: left;
    width: 100%;
    display: block;
    overflow: auto;
    min-height: 250px
}

    .slider-content ul {
        float: left;
        width: 100%;
        display: block;
        position: relative
    }

        .slider-content ul li {
            float: left;
            width: 100%
        }

        .slider-content ul ul li a {
            padding: 5px 10px;
            display: block;
            border-bottom: 1px solid #f3f3f3;
            text-transform: capitalize
        }

            .slider-content ul ul li a:hover {
                background: #f3faff;
                border-color: #d5ebf9
            }

    .slider-content .title {
        padding: 5px 0;
        text-indent: 10px;
        background: #eaeaea;
        color: #807f7f;
        width: 100%;
        float: left;
        font-weight: bold;
        text-transform: uppercase
    }

    .slider-content .selected .title {
        background: rgb(246,246,246); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(234,234,234,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea', GradientType=0 ); /* IE6-9 */
    }

.slider .slider-nav {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    background: #666;
    min-height: 250px;
    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(234,234,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea', GradientType=0 ); /* IE6-9 */
}

    .slider .slider-nav ul {
        padding: 5px 0
    }

    .slider .slider-nav li a {
        padding: 3px 5px;
        line-height: 13px;
        text-align: center;
        color: #807f7f;
        font-weight: bold;
        display: block;
        text-transform: uppercase;
        cursor: pointer
    }

.slider #debug {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    background: #000;
    color: #fff
}

.slider .arrow {
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 8px solid #fff;
    border-left: 5px solid #333;
    border-right: 5px solid #333;
    position: relative;
    top: 5px
}

.slider .down {
    border-bottom: none;
    border-top: 8px solid #fff;
    top: 15px
}

.slider .slide-up, .slider .slide-down {
    height: 30px;
    background: #333;
    text-align: center;
    cursor: pointer;
    float: right;
    width: 100%;
    position: relative;
    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(234,234,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea', GradientType=0 ); /* IE6-9 */
}

.up-sl {
    background-image: url(../images/contact-nav.png);
    width: 28px;
    height: 14px;
    display: block;
    margin: auto;
    margin-top: 7px
}

.down-sl {
    background-image: url(../images/contact-nav.png);
    background-position: 0px 14px;
    width: 28px;
    height: 14px;
    display: block;
    margin: auto;
    margin-top: 7px
}

/* Page errors */
.page-error {
    background: #fff url("../images/error.jpg") no-repeat 50% 0;
    margin: auto;
    min-height: 723px
}

.bug {
    margin: auto;
    width: 500px;
    margin-top: 50px
}

.number-error {
    font: 200px "Cuprum", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: 5px 5px 5px #1f66a5
}

.description-error {
    font: 28px "Cuprum", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: 5px 5px 5px #1f66a5;
    margin-left: 20px
}

/* Step */
.prev-step {
    float: left
}

.next-step {
    float: right
}

#steps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px
}

    #steps li {
        font-size: 24px;
        float: left;
        padding: 10px;
        color: #b0b1b3
    }

        #steps li span {
            font-size: 11px;
            display: block
        }

        #steps li.current {
            color: #000
        }

/* FOOTER */
footer {
    padding: 0 0 0 0px;
    position: relative;
    overflow: hidden
}

.info-footer { /*margin-top:-96px; */
    height: 45px;
    width: 100%;
    float: right;
    padding-top: 0;
    color: #55585d;
    font-size: 12px;
    position: relative;
    font-family: century Century Gothic, arial, Helvetica, sans-serif;
    border-top: 1px solid #d7d7d7;
    background: #FFF;
    /*background: -moz-linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3eaae1), color-stop(100%, #4294d3)); 
background: -webkit-linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
background: -o-linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
background: -ms-linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
background: linear-gradient(top, #3eaae1 0%, #4294d3 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eaae1', endColorstr='#4294d3', GradientType=0 );*/
}

    .info-footer p {
        /*color: #fff;*/
        color: #999999;
    }

    .info-footer a {
        /*color: #fff;*/
        color: #999999;
    }

.socialIcons { /*float: left; margin: 0 0 0 27%;*/
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding-top: 8px;
}

    .socialIcons a {
        display: inline-block;
        margin-right: 15px;
        text-decoration: none;
    }

        .socialIcons a:hover {
            text-decoration: none
        }

#left {
    float: left;
    margin-left: 20px;
    padding-top: 15px
}

#right {
    position: absolute;
    right: 0;
    top: 0;
    width: 32%;
    text-align: right;
    /*color: #fafcfb;*/
    color: #bdbdbd;
    margin-right: 20px;
    padding-top: 15px
}

/************************admin styles by AJ **********************/
.topNav {
    margin-left: 0px;
    float: left
}

    .topNav ul {
        list-style: none;
        top: 0px;
        margin: 0px 0px 0px 10px;
        position: relative
    }

        .topNav ul li {
            float: left;
            margin: 0px 1px 0px 0px;
            border-right: 1px solid #666;
            height: 59px
        }

            .topNav ul li:first-child {
                border-left: 1px solid #666
            }

            .topNav ul li a, .topNav ul li a:link, .topNav ul li a:visited {
                font-size: 14px;
                color: #888888;
                text-decoration: none;
                text-transform: capitalize;
                text-shadow: 0px 1px 0px #000;
                border: none;
                padding: 0px 20px;
                display: block;
                height: 59px;
                text-align: center;
                background: #5b5b5b; /* Old browsers */
                background: -moz-linear-gradient(top, #5b5b5b 0%, #303030 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #303030)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #5b5b5b 0%, #303030 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #5b5b5b 0%, #303030 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #5b5b5b 0%, #303030 100%); /* IE10+ */
                background: linear-gradient(top, #5b5b5b 0%, #303030 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#303030', GradientType=0 ); /* IE6-9 */
            }

                .topNav ul li a img {
                    height: 24px;
                    display: block;
                    margin: 0 auto;
                    padding-top: 10px
                }

                .topNav ul li a:hover, .topNav ul li a:active, .topNav ul li a.selected {
                    color: #FFFFFF;
                    background: #b2ddff; /* Old browsers */
                    background: -moz-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2ddff), color-stop(100%, #2476b7)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* IE10+ */
                    background: linear-gradient(top, #b2ddff 0%, #2476b7 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ddff', endColorstr='#2476b7', GradientType=0 ); /* IE6-9 */
                    text-shadow: 0px 0px 10px #FFF
                }

.topNavRight {
    float: right;
    margin-right: 10px
}

    .topNavRight ul {
        list-style: none;
        position: relative
    }

        .topNavRight ul li {
            float: left;
            margin: 0px 10px
        }

            .topNavRight ul li a, .topNavRight ul li a:link, .topNavRight ul li a:visited {
                font-size: 12px;
                color: #9A9A9A;
                text-decoration: none;
                text-transform: capitalize;
                border: none
            }

                .topNavRight ul li a:hover, .topNavRight ul li a:active {
                    color: #fff;
                    text-decoration: none;
                    border: none
                }

/********* side bar ****************/
.sideNav {
    list-style: none;
    list-style-position: inside;
    margin: 0px;
    padding: 0px
}

    .sideNav li {
        margin: 0px;
        margin-bottom: 0px;
        text-transform: capitalize;
        color: #ccc;
        text-shadow: 0px 0px 2px #000
    }

    .sideNav li {
        background: #a9e4f7; /* Old browsers */
        background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a9e4f7), color-stop(100%, #0fb4e7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* IE10+ */
        background: linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7', GradientType=0 ); /* IE6-9 */
        color: #333;
        text-shadow: 0px 0px 0px #000;
        box-shadow: none
    }

        .sideNav li a {
            background-color: #333333;
            color: #888888;
            text-shadow: none;
            text-transform: capitalize;
            text-align: center;
            text-decoration: none;
            display: block;
            padding: 2px 10px;
            box-shadow: -7px 0px 7px #000000 inset
        }

            .sideNav li a:hover, .sideNav li a.currentNav {
                color: #fff
            }

            .sideNav li a.currentNav {
                box-shadow: none;
                box-shadow: 0px 0px 0px #000000 inset;
                background: url(../images/currentArrow.png) no-repeat right 0px
            }

/* MAIN MENU */
ul#main-menu {
    list-style: none;
    margin: 0px auto;
    width: 100%;
    padding: 0px
}

    ul#main-menu li { /*float: left; margin:0 0 5px; */
        overflow: hidden;
        padding: 0;
        text-transform: capitalize;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff;
        position: relative
    }

        ul#main-menu li a {
            display: block;
            overflow: hidden; /*width:205px; height:77px; */
            color: #333;
            margin: 0px;
            padding: 6px 0px;
        }

        ul#main-menu li:hover, ul#main-menu li.SelectedMenu {
            text-decoration: none;
            box-shadow: -3px 0 0 #0866ff inset;
            background: #fff
        }

            ul#main-menu li:hover a, ul#main-menu li.SelectedMenu a {
                display: block;
                color: #0866ff !important; /*bf2d1a*/
                text-shadow: 0 2px 3px #fff;
                text-decoration: none
            }

        ul#main-menu li a .edit {
            width: 30px;
            margin-right: 4px;
            height: 30px;
            padding: 3px;
            float: left;
            text-align: center
        }

        ul#main-menu li a img {
            padding: 2px;
            width: 24px;
            height: 24px;
            display: inline-block
        }

        ul#main-menu li a span {
            display: block;
            float: left;
            width: 100px;
            font-size: 1.25rem;
            text-align: left;
            line-height: 1.5rem;
            text-shadow: none
        }

        ul#main-menu li .section { /*padding-bottom:5px; text-align:center font-weight:bold*/
        }

        ul#main-menu li .description {
            color: #666;
            text-transform: none;
            line-height: 1.3em;
            font-size: 11px;
            margin-top: -5px;
            text-align: center
        }

        ul#main-menu li:hover .description {
            color: #333
        }

        ul#main-menu li div.btnTop { /*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; */
            cursor: pointer;
            display: block; /*width:135px; height: 127px; */
            margin: 0px;
            overflow: hidden;
            background: none
        }

            ul#main-menu li div.btnTop a:hover {
            }

        ul#main-menu li.reviewPublish {
            border-bottom-color: #fff
        }
        /*ul#main-menu li.reviewPublish:hover a .section, ul#main-menu li.reviewPublish a:hover, ul#main-menu li.reviewPublish a:hover .section {color: #fff; text-shadow: 0px 0px 0px #fff}*/
        ul#main-menu li .btn02 {
            background-color: #EAF5FF;
            border-left: 1px solid #DADADA; /*-webkit-border-radius:0px 0px 15px 15px; border-radius:0px 0px 13px 13px; margin:0px auto; padding:0px; text-align:center; height:auto; */
            top: 0px;
            right: 0;
            position: absolute;
            text-transform: none;
            font-size: 11px
        }

            ul#main-menu li .btn02:hover {
                background-color: #98ceff
            }

        ul#main-menu li div.btn02 a {
            display: block; /*padding:2px 0px; */
            text-align: center;
            font-size: 11px;
            color: #747474;
            text-shadow: 0px 1px 0px #fff;
            border-bottom: 1px solid #DADADA;
            margin: 0;
            width: 65px
        }

            ul#main-menu li div.btn02 a:last-child, ul#main-menu li div.btn02 a:last-of-type {
                border-bottom: none
            }

            ul#main-menu li div.btn02 a:hover { /* color:#0052ff; text-shadow:0px -1px 0px #fff; */
            }

.icons {
    display: block;
    width: 70px;
    height: 70px;
    cursor: pointer;
    margin: 0px auto
}

ul#main-menu li div.chat {
    background: url("../images/m-icons.png") no-repeat
}

ul#main-menu li:hover div.chat {
    background: url("../images/m-icons.png") no-repeat;
    background-position: 0px -71px
}

ul#main-menu li div.users {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -70px 0px
}

ul#main-menu li:hover div.users {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -70px -71px
}

ul#main-menu li div.statics {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -140px 0px
}

ul#main-menu li:hover div.statics {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -140px -71px
}

ul#main-menu li div.settings {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -210px 0px
}

ul#main-menu li:hover div.settings {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -210px -71px
}

ul#main-menu li div.cron {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -282px 0px
}

ul#main-menu li:hover div.cron {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -282px -71px
}

ul#main-menu li div.add_post {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -352px 0px
}

ul#main-menu li:hover div.add_post {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -352px -71px
}

ul#main-menu li div.widget {
    background: url("../images/m-icons.png") no-repeat;
    background-position: -422px 0px
}

ul#main-menu li:hover div.widget {
    background: url(../images/m-icons.png) no-repeat;
    background-position: -422px -71px
}

ul#main-menu li div.ticket {
    background: url(../images/m-icons.png) no-repeat;
    background-position: -493px 0px
}

ul#main-menu li:hover div.ticket {
    background: url(../images/m-icons.png) no-repeat;
    background-position: -493px -71px
}

.CustomImg-New {
    background: transparent none repeat scroll 0% 0%;
    width: 24px;
    height: 24px;
    padding-right: 7px
}

.CustomImg-New1 {
    width: 20px;
    height: 20px;
}

.CustomImg {
    background: transparent none repeat scroll 0% 0%;
    border-radius: 30px;
}

.contentHolder {
    margin: 0px 0px 10px 0px
}

    .contentHolder h3 {
        color: #2778b9;
        font-weight: bold
    }

    .contentHolder p {
        color: #313131
    }

#pages {
    padding-top: 0
}

.wizButtons {
    padding: 5px 0px;
    display: block;
    text-align: right
}

/*.wizButtonsRight {float:right}*/
.wizButtonsLeft {
    margin: 0px 0px;
    display: inline-flex
}

.wizButtonsRight {
    display: inline-flex
}

/*.arrowRight {font-size:40px; font-weight:bold; font-family:Arial}
*/
.imgBorder {
    margin: 4px 0px 4px 4px;
    padding: 0px;
    max-width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    background: rgb(99,99,99); /* Old browsers */
    position: relative; /*
            -webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.5); */
}

.imgBorderEventLogo {
    margin: 4px 0px 4px 4px;
    padding: 0px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    background: rgb(99,99,99); /* Old browsers */
    position: relative;
    line-height: 0px
}

    .imgBorderEventLogo .eventImg {
        max-height: 60px;
        width: 100%
    }

.imgBorderEventIcon {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 4px 0px 4px 4px;
    padding: 0px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    background: rgb(99,99,99); /* Old browsers */
    position: relative;
    line-height: 0px
}

    .imgBorderEventIcon .eventImg {
        max-height: 50px;
        width: auto
    }

.imgBorderQRcode {
    margin: 4px 0px 4px 4px;
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
    background: #ffffff; /* Old browsers */
    position: relative;
    line-height: 0px
}

.imgLable {
    padding: 0px 5px;
    width: 117px;
    text-align: center
}

.imgBorder .eventImg {
    max-width: 80px;
    max-height: 80px
}
.imgBorder .eventImg.LoginScreenBG {
    max-width: 80px;
    max-height: 180px
}

.imgListThumbnail {
    max-height: 22px;
    max-width: 22px
}

.link01 {
    display: inline-block;
    float: right;
    line-height: 34px;
    margin-right: 20px
}

    .link01 a.test {
        color: #ffffff;
        text-decoration: none;
        font-weight: 400;
        font-size: 1em
    }

    .link01 a:hover {
        text-decoration: underline
    }

/*******************Styles for Wijmo ****************/
.account-name .ui-widget-header {
    border: 0px solid #404040;
    background: none; /*background: #242122 url(images/ui-bg_highlight-soft_15_242122_1x100.png) 50% 50% repeat-x; */
    color: #f4f4f9;
    font-weight: bold
}

.account-name .wijmo-wijmenu .wijmo-wijmenu-list .wijmo-wijmenu-item {
    background: none;
    border: none;
    border: 1px solid;
    border-color: transparent
}

/*****Image upload section**********/
.wijmo-wijupload ul {
    margin: 0;
    padding: 0;
    display: inline-block
}

.imageUploadSection input#DocumentTitle {
    width: 300px
}
.imageUploadSectionSplit {
display:flex;
}

.imageUploadSectionSplit .crop-button {
        display: inline-block;
        background-color: #66B0EA;
        background-image: -moz-linear-gradient(top, #379CF1, #087EE1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#379CF1), to(#087EE1));
        background-image: -webkit-linear-gradient(top, #379CF1, #087EE1);
        background-image: -o-linear-gradient(top, #379CF1, #087EE1);
        background-image: linear-gradient(to bottom, #379CF1, #087EE1);
        background-repeat: repeat-x;
        border-color: #379CF1 #379CF1 #379CF1;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#379CF1', endColorstr='#087EE1', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        box-shadow: none;
        border: none;
        padding: 6px 5px;
        border-radius: 4px;
        color: #fff;
        width: 16px;
        height: 16px;
        padding: 12px 20px;
        position: relative;
        margin-top: 10px;
        cursor: pointer;
    }

.imageUploadSectionSplit .crop-button .BtnUploadIcon {
        background-image: url(../Content/themes/rocket/images/ui-icons_fafafa_256x240.png);
        left: 50%;
        margin-left: -8px;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        background-position: -160px -192px;
        width: 16px;
        height: 16px;
    }

    .imageUploadSectionSplit input.uploadBtn[type="file"] {
        display: none;
    }

/* Style the custom button */
    .imageUploadSectionSplit .file-button {
        display: inline-block;
        padding: 8px 20px;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        background-color: #66B0EA;
        background-image: -moz-linear-gradient(top, #379CF1, #087EE1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#379CF1), to(#087EE1));
        background-image: -webkit-linear-gradient(top, #379CF1, #087EE1);
        background-image: -o-linear-gradient(top, #379CF1, #087EE1);
        background-image: linear-gradient(to bottom, #379CF1, #087EE1);
        background-repeat: repeat-x;
        border-color: #379CF1 #379CF1 #379CF1;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#379CF1', endColorstr='#087EE1', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        width: auto !important;
    }

    .imageUploadSectionSplit .imgBorder img {
        max-width: 600px;
        max-height: 300px;
    }
.innerUploadCont ul li .imageUploadSectionSplit .ImgAdditionalInfo {
    overflow: hidden;
    margin-left: 20px;
}
.innerUploadCont ul li .imageUploadSectionSplit .imgBorder {
    width:600px;
}
/*.imageUploadSection #DocumentUpload input {width: 107px!important; left:108px!important; top:-3px!important; position:relative!important}*/
.imageUploadSection #LogoUpload {
    position: relative
}

    .imageUploadSection #ImageUpload input, .imageUploadSection #LogoUpload input { /*width: 110px!important;*/
        width: 83px !important;
        left: 5px !important;
        top: 5px !important;
        height: 27px !important;
        z-index: 99999!important;
        cursor:pointer!important;
    }
        .imageUploadSection #ImageUpload input:hover {
        cursor:pointer!important;
        }

        .info {
        }

/*****Image upload section End**********/
.ui-accordion .ui-accordion-content {
    padding: 1em 0.5em; /* 1em 2.2em*/
    overflow: hidden
}

/*.wijmo-wijgrid .ui-state-highlight {background-color:#b2ddff}*/
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #000
}

    .ui-state-highlight a:hover, .ui-widget-content .ui-state-highlight a:hover, .wijgridtd.wijdata-type-string a:hover, .ui-widget-content.wijmo-wijgrid-alternatingrow a:hover, .ui-widget-header .ui-state-highlight a:hover {
        color: #00f;
    }

.centerAlign {
    text-align: center
}

/*Date : 3-Aug-2016 CSS = Analytics Fomt change */
.wijmo-wijgrid .wijgridtd {
    padding: 1px 5px;
    font-size: 1.2rem;
}

.wijmo-wijgrid-footerItem, .wijmo-wijgrid-innercell {
    font: "Cuprum",Helvetica,Arial,sans-serif;
}
.wijmo-wijgrid-footerItem, .wijmo-wijgrid-innercell a img{
    width:24px;
}.wijmo-wijgrid-Method {
        font: lighter 10px "Cuprum",Helvetica,Arial,sans-serif;
        font-weight: bold;
    }

.ui-widget-content .tableCont tr td div.footerMethod {
    font: lighter 15px "Cuprum",Helvetica,Arial,sans-serif;
    font-weight: bold;
}

#EventDownloadList tr:last-child td:last-child div {
    font: lighter 15px "Cuprum",Helvetica,Arial,sans-serif;
    font-weight: bold;
}

#EventDownload .wijmo-wijgrid-footer {
    display: none
}

.ui-state-hover a, .ui-widget-content .ui-state-hover a, .ui-widget-header .ui-state-hover a, .ui-state-focus a, .ui-widget-content .ui-state-focus a, .ui-widget-header .ui-state-focus a {
    color: #000000;
    display: block
}
    .ui-state-hover a.gridIconButtons {
        display: inline-block;
        margin-right: 8px;
    }
.ui-state-highlight a.gridIconButtons, .ui-widget-content a.gridIconButtons {
    margin-right: 8px;
}
/*****************Feature Selectoin page - EventCreateMenu.cshtml***************/
ul.mainEventList.MenuQuestionList {
    background: none;
    padding-top: 0px
}

    ul.mainEventList.MenuQuestionList li {
        padding: 5px 0px;
        min-height: 42px
    }

        ul.mainEventList.MenuQuestionList li:last-child {
            border-bottom: 1px solid #DADADA
        }

    ul.mainEventList.MenuQuestionList .containerOne {
        display: inline-block;
        width: 60%
    }

    ul.mainEventList.MenuQuestionList .containerSix {
        display: inline-block
    }

    ul.mainEventList.MenuQuestionList .wijmo-checkbox .wijmo-checkbox-box, ul.mainEventList.MenuQuestionList div.wijmo-wijradio-box {
        background: #ccc;
        border: solid 1px #AFAFAF
    }

/*****************Feature Selectoin page End- EventCreateMenu.cshtml***************/
/*****Wizard Steps as Tabs - *******************/
.wizard-step-holder.Tabs02 {
    background: none;
    border-bottom: 0px solid #242122; /*Removed 2 px border to change the tabs UI like TJ suggested 18-19-Jan-2021*/
    border-radius: 0px;
    padding-left: 5px
}

    .wizard-step-holder.Tabs02.wijmo-wijwizard-steps li, .wizard-step-holder.Tabs02.wijmo-wijwizard-steps li.ui-priority-primary:first-child, .wizard-step-holder.Tabs02.wijmo-wijwizard-steps li.ui-priority-secondary:last-child {
        font-size: 12px;
        -moz-border-radius: 8px 8px 0px 0px;
        -webkit-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
        border: none;
        margin: 0px 2px;
        padding: 5px 15px
    }

        .wizard-step-holder.Tabs02.wijmo-wijwizard-steps li.ui-priority-primary {
            background-image: none;
            background-position: right;
            background-repeat: no-repeat;
            padding: 5px 15px;
            opacity: 1
        }

        .wizard-step-holder.Tabs02.wijmo-wijwizard-steps li.ui-priority-secondary:hover {
            padding: 5px 15px;
            background-color: #242122
        }

            .wizard-step-holder.Tabs02.wijmo-wijwizard-steps li.ui-priority-secondary:hover h1 {
                color: #fff
            }

.wijmo-wijwizard-steps.Tabs02 li.ui-priority-secondary a.tabs h1, .wijmo-wijwizard-steps.Tabs02 li.ui-priority-secondary a.tabs:hover h1 {
    text-decoration: none
}

/*****Wizard Steps as Tabs style end- *******************/
/******************Show hide buttons style in Event Menu list page*****************/
.showHide .ui-state-default, .showHide .ui-widget-content .ui-state-default, .showHide .ui-widget-header .ui-state-default {
    -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.05);
    border: 1px solid #404040;
    background: #242122 url(images/ui-bg_highlight-soft_15_242122_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #707070
}

    .showHide .ui-state-default:hover {
        color: #fff;
        border: 1px solid transparent
    }

.showHide .ui-state-active, .showHide .ui-widget-content .ui-state-active, .showHide .ui-widget-header .ui-state-active, .showHide .ui-state-active:hover {
    -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.15);
    border: 1px solid transparent;
    font-weight: normal;
    color: #FAFAFA;
    background: rgb(44,158,234); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(44,158,234,1) 0%, rgba(10,108,154,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(44,158,234,1)), color-stop(100%, rgba(10,108,154,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(44,158,234,1) 0%, rgba(10,108,154,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(44,158,234,1) 0%, rgba(10,108,154,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(44,158,234,1) 0%, rgba(10,108,154,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(44,158,234,1) 0%, rgba(10,108,154,1) 100%); /* W3C */
    filter: none
    /* IE6-9 */
    -webkit-border-radius:4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px
}

.showHide .ui-corner-right, .showHide .ui-corner-right:hover {
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px
}

/******************Show hide buttons style in Event Menu list page End*****************/
/*.wijmo-wijwizard-steps h1 {font: 20px "Cuprum", Helvetica, Arial, sans-serif}
ul.wizard-step-holder {background-color:#828282; border-radius:6px}
.wijmo-wijwizard-steps li {padding:0.2em 0.8em; font-size: 12px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border:none; margin:0px}
.wijmo-wijwizard-steps li.ui-priority-secondary {background-image:none; background-position:right; background-repeat: no-repeat; background-color:#828282; padding-right:35px; opacity:1}
.wijmo-wijwizard-steps li.ui-priority-primary {background-image:url(images/wizArrowPrime.png); background-position:right; background-repeat: no-repeat; padding-right:35px; opacity:1}
.wijmo-wijwizard-steps li.ui-priority-secondary a.tabs {color:#1d1d1d; text-shadow: 0px 1px 1px #AFAFAF; text-decoration:none; display:block}
.wijmo-wijwizard-steps li.ui-priority-secondary a.tabs h1 {text-decoration:underline; color:#CFCFCF; text-shadow: 0px 0px 0px #AFAFAF}
.wijmo-wijwizard-steps li.ui-priority-primary a.tabs, .wijmo-wijwizard-steps li.ui-priority-secondary a.tabs:hover, .wijmo-wijwizard-steps li.ui-priority-secondary a.tabs:hover h1 {color:#ffffff; text-shadow: 0px 1px 1px #505050; text-decoration:none; display:block}
.wijmo-wijwizard-steps li.ui-priority-secondary a.tabs:hover h1 {text-decoration:underline}
.wijmo-wijwizard-steps li.ui-priority-secondary:hover {padding-right:35px}
.wijmo-wijwizard-steps li.ui-priority-primary:first-child, .wijmo-wijwizard-steps li.ui-priority-secondary:first-child {border-radius:6px 0px 0px 6px}
.wijmo-wijwizard-steps li.ui-priority-primary:last-child, .wijmo-wijwizard-steps li.ui-priority-secondary:last-child {border-radius:0px 6px 6px 0px}
*/
/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color:#f1f1f1}

.wizButtons .ui-state-default {color:#F1F1F1}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {color:#313131}
*/
.wizardContentBG.ui-widget-content {
    background: #fff
}

div.wijmo-wijdropdown {
    width: 1045px
}

.wizButtons input.ui-state-default {
    color: #f1f1f1; /*moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05); -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.05); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.05); */
    border: 1px solid #404040;
    background: #242122 url(images/ui-bg_highlight-soft_15_242122_1x100.png) 50% 50% repeat-x;
    font-weight: normal
}

.wizButtons input.ui-state-hover {
}

.button-a {
    color: #f1f1f1;
    moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.30);
    -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
    box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
    border: 1px solid #404040;
    background: #242122 url(images/ui-bg_highlight-soft_15_242122_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: .4em 1em;
    font-size: 1.2em
}

input[type="text"], textarea {
    color: #404040 !important
}

.wijmo-wijwizard .wijmo-wijwizard-panel {
    padding: 0
}

.wijmo-wijgrid .wijmo-wijgrid-table {
    width: 100% !important;
    table-layout: auto !important
}

.wijmo-wijwizard-content .wijmo-wijgrid tr.wijmo-wijgrid-row td {
    padding: 1px 5px
}

.wijmo-wijwizard-content #PresenterList tr.wijmo-wijgrid-row td {
    padding: 1px
}

.field-validation-error, .validation-summary-errors, .authSection label.field-validation-error {
    color: red;
    font-style: italic;
    display: inline-block;
    font-size: 11px;
    margin: 2px 0px
}

    .validation-summary-errors ul li {
        color: Red;
        display: block;
        text-align: center
    }

.mandatory:before {
    color: Red;
    font-weight: bold;
    content: "* "
}

.note01 {
    color: #999;
    font-size: 12px;
    font-style: italic;
    display: block;
    padding: 0px;
    margin: 5px 0;
    text-align: right
}

    .note01:before {
        content: "*";
        color: Red
    }

.warning, .warning1 {
    color: #333333;
    font-size: 12px;
    font-style: italic;
    display: inline-block;
    padding: 4px 4px;
    line-height: 16px;
    margin: -1px 4px 0px 4px;
    border: 0px solid #f1f1;
    text-align: right;
    float: right;
    background-color: #faf9c9;
    border: 1px solid #a3670c;
    border-radius: 4px
}

    .warning img {
        vertical-align: middle;
        border: none
    }

.warning1 {
    border-radius: 4px;
    left: 0px;
    position: relative;
    border: 0px solid #a3670c;
    background-color: #fbea74;
    color: #d21c18;
    padding: 4px 4px 4px 20px;
    box-shadow: 1px 1px 2px #666;
    float: left;
    display: inline;
    font-size: 11px
}

    .warning1 img {
        vertical-align: top;
        border: none;
        position: absolute;
        left: -5px;
        width: 30px;
        top: -15px
    }

    .warning1.spacedOut {
        margin: 20px 0px;
        display: inline-block;
        float: none
    }

.wijmo-wijmenu-horizontal .wijmo-wijmenu-link {
    padding: .3em .3em
}

.wijmo-wijmenu {
    padding: 0.1em 0.3em 0.1em 0.3em
}

.wijmo-wijmenu-horizontal .wijmo-wijmenu-item {
    margin-right: 0px
}

.wijmo-wijgrid .wijmo-wijgrid-filter .wijmo-wijinput {
    border: 1px solid transparent
}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
    -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.05);
    border: 1px solid #404040;
    background: #363233 url(images/ui-bg_highlight-soft_15_242122_1x100.png) 50% 50% repeat-x;
    font-weight: normal; /*color: #FAFAFA*/
}

.wijmo-wijgrid .wijmo-wijgrid-table .wijmo-wijgrid-filter-trigger {
    border: 1px solid transparent
}

.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-c1basefield {
    border: 1px solid transparent;
    padding: 6px 18px;
}

.wijmo-wijgrid .wijmo-wijgrid-filter, .wijmo-wijgrid .wijmo-wijgrid-filter:hover {
    border: none !important
}

.wijmo-wijgrid .wijmo-wijgrid-table .wijmo-wijgrid-filter-trigger {
    z-index: 11
}

.success {
    font: normal 15px/25px "Cuprum", Helvetica, Arial, sans-serif;
    background: #fff;
    border-radius: 8px;
    color: #333;
    padding: 10px;
    text-align: center
}

/*************************** Text Editor Fix **********************************/
.cleditorMain {
    width: 98% !important
}

/**********************  Styles for Menu settings page **************************/
.ui-state-default-menuList.listHead, .ui-state-default-menuList.listHead:hover {
    font-weight: bold;
    opacity: 1;
    background: #313131;
    padding: 5px;
    color: #30381E;
    font-size: 13px;
    filter: none;
    margin: 0;
    border-bottom: 1px solid #ccc;
    background: #D9E5F4; /* Old browsers */
    background: -moz-linear-gradient(top, #EAF1FA 0%, #D9E5F4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EAF1FA), color-stop(100%,#D9E5F4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EAF1FA 0%,#D9E5F4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EAF1FA 0%,#D9E5F4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #EAF1FA 0%,#D9E5F4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #EAF1FA 0%,#D9E5F4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAF1FA', endColorstr='#D9E5F4',GradientType=0 ); /* IE6-9 */
}

    .ui-state-default-menuList.listHead div div {
        font-weight: normal
    }

        .ui-state-default-menuList.listHead div div.lastCol {
            padding-top: 0px
        }

.ui-state-default-menuList {
    list-style: none;
    border: 1px solid #DDD;
    border-top: 1px solid #FFF;
    padding: 5px;
    overflow: hidden;
    margin: 0;
}

    .ui-state-default-menuList:hover {
        background: #fff
    }

    .ui-state-default-menuList div {
        display: inline-block;
        border: 0px solid red;
        vertical-align: middle;
        padding: 0px;
        margin: 0px 2px
    }

        .ui-state-default-menuList div input[type="text"] {
            width: 98%;
            border-radius: 5px;
            padding: 2px 4px;
            height: 26px;
            border: 1px solid #ddd;
            background: #FFFFFF !important;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
            transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s
        }

        .ui-state-default-menuList div.col1 {
            width: 24px
        }

        .ui-state-default-menuList div.col2 {
            width: 20%
        }

        .ui-state-default-menuList div.col3 {
            width: 20%
        }

        .ui-state-default-menuList div.col4 {
            text-align: center;
            width: 120px
        }

            .ui-state-default-menuList div.col4 div.bgColor {
                padding: 5px;
            }

            .ui-state-default-menuList div.col4 img {
                vertical-align: middle;
                display: inline-block;
                width: 24px;
                height: 24px;
                border-radius: 3px;
                padding: 8px;
            }

    .ui-state-default-menuList .upload {
        display: inline-block;
        border-radius: 4px;
        margin-left: 5px;
        padding: 6px;
        border: none;
        color: #fff;
        text-align: center;
        background: rgb(125,126,125); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125,126,125,1)), color-stop(100%, rgba(14,14,14,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0 ); /* IE6-8 */
    }

        .ui-state-default-menuList .upload:hover {
            color: Black;
            background: rgb(163,163,163); /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDU0NTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, rgba(163,163,163,1) 0%, rgba(84,84,84,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(163,163,163,1)), color-stop(100%, rgba(84,84,84,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(163,163,163,1) 0%, rgba(84,84,84,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(163,163,163,1) 0%, rgba(84,84,84,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(163,163,163,1) 0%, rgba(84,84,84,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(163,163,163,1) 0%, rgba(84,84,84,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#545454', GradientType=0 ); /* IE6-8 */
        }

    .ui-state-default-menuList div.col5 {
        width: 12%
    }

    .ui-state-default-menuList div.col6 {
        width: 25%;
    }

    .ui-state-default-menuList div .msg {
        color: #999
    }

.ui-state-default-menuList {
    position: relative
}

    .ui-state-default-menuList .cover, #listMM .cover, #circleMM .cover {
        position: absolute;
        display: none;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.2);
        left: 0;
        top: 0;
        cursor: not-allowed;
        margin: 0;
        z-index: 999999
    }

    .ui-state-default-menuList.disable .cover, #listMM .disable .cover, #circleMM .disable .cover {
        display: block;
    }

    .ui-state-default-menuList div.lastCol {
        float: right;
        padding-top: 4px
    }

        .ui-state-default-menuList div.lastCol label span {
            padding: 5px
        }

#contArea .wizardContentBG .inner ul#sortable li .wijmo-checkbox .wijmo-checkbox-relative {
    float: none;
    position: absolute;
    top: 50%;
    cursor: pointer;
    border: 1px solid #ccc
}

.dragArrow {
    background-image: url(../images/dragArrow.png);
    width: 24px;
    height: 24px
}

.wijmo-checkbox .wijmo-checkbox-box {
    border: 1px solid #bbb
}

.landing .wijmo-checkbox {
    float: left;
    width: auto;
    margin: 0 5px 0 0
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    vertical-align: middle
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #999999
}

.ui-timepicker .ui-state-active, .ui-timepicker .ui-widget-content .ui-state-active, .ui-timepicker .ui-widget-header .ui-state-active, .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-widget-content .ui-state-active, .ui-datepicker-calendar .ui-widget-header .ui-state-active {
    background: #b4c9b1;
    color: #000
}

.title-grid div.note {
    font-size: small;
    font-style: italic;
    color: #fff;
    display: inline-block;
    float: right;
    padding-top: 3px
}

#Download {
    float: right;
    border-radius: 5px;
    height: 40px;
    width: 40px;
    border: none;
    padding: 5px;
    background: /*#E56B00*/ url(../Images/download.png) center center no-repeat;
    background-color:var(--primary);
    display: block;
}
/*Styles for Menu settings page End*/
#ReUpload {
    color: #fff;
    font: normal 15px "Cuprum", Helvetica, Arial, sans-serif;
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 999999;
    margin-right: 8px;
    border-radius: 5px;
    height: 30px;
    border: none;
    padding: 5px 8px;
    /*background: #E56B00*/
    background: var(--primary);
}

    #Download:hover, #ReUpload:hover {
        background-color: var(--primary-dark)/*#76ac17*/
    }

.wizardContentBG label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px
}

.uploadCont {
    overflow: hidden
}

.halfWidth {
    width: 48%
}

.quarterWidth {
    width: 23%
}

.width75 {
    width: 73%
}

.innerUploadCont {
    padding: 6px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px
}

    .innerUploadCont h3 {
        font: normal 18px "Cuprum", Helvetica, Arial, sans-serif;
        color: var(--secondary-color);
        text-align: center;
        padding-bottom: 8px;
        border-bottom: 1px solid #ddd
    }
.elem h3.subTitle {
    font: normal 18px "Cuprum", Helvetica, Arial, sans-serif;
    color: var(--secondary-color);
    text-align: center;
    margin: 0px;
}
    .innerUploadCont ul {
        list-style: none
    }

        .innerUploadCont ul li {
            margin-bottom: 10px; /*overflow:hidden*/
        }

#contArea .elem .innerUploadCont ul li.indent {
    width: auto;
    float: none;
    overflow: hidden;
    margin-bottom: 10px
}

    #contArea .elem .innerUploadCont ul li.indent label {
        width: auto;
        font-size: 11px
    }

    #contArea .elem .innerUploadCont ul li.indent input[type="text"] {
        width: 92%
    }

    #contArea .elem .innerUploadCont ul li.indent select {
        width: 99%
    }

#contArea .elem .innerUploadCont ul li:last-child {
    margin: 0
}

.innerUploadCont ul li .imgBorder {
    background: #fff;
    border: 1px solid #ddd;
    padding: 2px;
    display: block;
    margin: 0;
    text-align: center;
    height: auto;
    max-width: 100%;
    border-radius: 5px
}

    .innerUploadCont ul li .imgBorder .eventImg {
        max-width: 100%;
        /* border-radius: 50%; */
        border: 1px solid #f4f4f4;
    }

#EventBannerDiv img, #SponsorBannerDiv img {
    max-height: 100%
}

.innerUploadCont ul li .btnWrap {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 3px;
    height: 32px;
    position: relative;
    top: -1px;
    right: 5px;
    float: right;
    width: 158px;
    border-radius: 0 0 5px 5px
}
.innerUploadCont ul li .btnWrap2 {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 3px;
    position: relative;
    top: -1px;
    right: 10px;
    float: right;
    border-radius: 0 0 5px 5px;
    padding: 10px 20px;
}
.innerUploadCont ul li .ui-button, #sortable li a.ui-button {
    padding: 5px;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    -ms-transition: background 1s;
    transition: background 1s;
    color: #ffffff;
    z-index: 9999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    background: var(--primary)!important;
    /*background-color: #66B0EA;
    background-image: -moz-linear-gradient(top, #379CF1, #087EE1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#379CF1), to(#087EE1));
    background-image: -webkit-linear-gradient(top, #379CF1, #087EE1);
    background-image: -o-linear-gradient(top, #379CF1, #087EE1);
    background-image: linear-gradient(to bottom, #379CF1, #087EE1);
    background-repeat: repeat-x;
    border-color: #379CF1 #379CF1 #379CF1;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#379CF1', endColorstr='#087EE1', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
}
.innerUploadCont ul li .ui-button:hover, #sortable li a.ui-button:hover {
background:var(--primary-dark)!important;
}
    .innerUploadCont ul li .ui-button-text-only .ui-button-text {
        padding: 0;
        line-height: normal
    }

.innerUploadCont ul li .wijmo-wijupload {
    display: inline
}

.innerUploadCont ul li .ui-button:hover {
    background: var(--primary-dark)!important; /*#76AC17*/
}

.innerUploadCont ul li .previewImageInApp img {
    vertical-align: middle
}

.innerUploadCont ul li .previewImageInApp {
    color: #2099ED
}

.innerUploadCont ul li .ImgAdditionalInfo {
    overflow: hidden;
    margin-right: 160px
}

    .innerUploadCont ul li .ImgAdditionalInfo .infoHeader {
        font: normal 14px "Cuprum", Helvetica, Arial, sans-serif;
        color: var(--secondary-color);
        margin-bottom: 5px
    }

.imgBorder .infoHeader {
    font: normal 14px "Cuprum", Helvetica, Arial, sans-serif;
    color: #424242;
    margin: 5px 0px;
}

    .innerUploadCont ul li .ImgAdditionalInfo ul li {
        background: url("../Images/landing-sprite.png") 0 -270px no-repeat;
        padding: 2px 0 2px 18px;
        margin: 0
    }

        .innerUploadCont ul li .ImgAdditionalInfo ul li:first-child {
            border-top: none
        }

        .innerUploadCont ul li .ImgAdditionalInfo ul li:last-child {
            margin-bottom: 3px
        }

#ImageSample, #LogoSample, #BannerSample {
    z-index: 9999;
    top: 12% !important;
    left: 32% !important;
    height: auto !important;
    text-align: center;
    box-shadow: 0 0 5px #666;
    background: #fff;
    padding: 5px;
    border: 3px solid #ccc
}
    #BannerSample.MID, #LogoSample.MID {
        top: 62% !important;
    }
    #ImageSample .close, #LogoSample .close, #BannerSample .close {
        position: absolute;
        top: 0;
        right: 0;
        background: #990000;
        cursor: pointer;
        font: bold 14px Arial, sans-serif;
        padding: 3px 5px;
        color: #fff
    }

.width75 .wijmo-wijgrid {
    max-height: 190px;
    overflow: auto
}

.middle {
    vertical-align: middle
}

.loginBg { /*background-image:url(../images/loginBg.jpg); background-repeat:no-repeat; background-position:center; */
    background: none
}

.indent {
    position: relative
}

    .indent .textEditorFix div {
        clear: both;
        display: block;
        height: auto !important
    }

    .indent .imgBorder img {
        max-width: 80px;
        max-height: 80px
    }
    /*.indent input, .indent select, .indent textarea {width:97%!important}*/
    .indent.distance input, .indent.distance select, .indent.distance textarea {
        width: auto !important
    }

    .indent .wijmo-wijdropdown {
        width: 96% !important
    }

    .indent.smallSelect .wijmo-wijdropdown {
        width: 80.5% !important;
        display: inline-block;
        float: left
    }

    .indent.smallSelect div a.button-a.gray, .indent.smallSelect div a.button-a.gray:hover {
        position: relative;
        vertical-align: inherit
    }

    .indent.smallSelect .button-a.gray {
        font-size: 12px;
        padding: 10px 12px;
        display: block
    }

.modal .indent .wijmo-wijdropdown {
    width: 90% !important
}

.wijmo-wijdropdown label.wijmo-dropdown-label { /*height: 23px; */
}

.indent.smallSelect .wijmo-wijsuperpanel-statecontainer, .indent .wijmo-wijsuperpanel-statecontainer {
    width: 100% !important
}

.indent.smallSelect .wijmo-wijdropdown .wijmo-dropdown {
    width: 100% !important
}

.indent .wijmo-wijdropdown .wijmo-dropdown {
    width: 100% !important;
    top: 20px
}

.HelpNote {
    color: #6d6d6d;
    padding: 6px 0px 0px 6px;
    line-height: 1.5;
}

.indent .info {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: 3px
}

.indent .infos {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -7px
}

.indent1 .info {
    float: right;
    top: 3px;
    position: absolute;
    right: -4px
}

.help {
    display: block;
    background-color: #fbf9df;
    border: 0px solid #ddd;
    padding: 8px 10px;
    min-height: 30px;
    font: 14px/18px "Cuprum", Helvetica, Arial, sans-serif;
    color: #313131;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

div.wijmo-wijdialog {
    width: auto !important;
    box-shadow: 0 0 5px #777;
    padding: 3px 3px 0;
    z-index: 999999 !important
}

.ui-widget-overlay {
    z-index: 999998 !important
}

.tootipAdjust .ui-dialog, .body .ui-dialog {
    z-index: 999999 !important
}

.ui-dialog {
    padding: 0
}

    .ui-dialog .ui-widget-header {
        background: var(--primary-dark)!important; /* #43546E*/
        border: 1px solid #374659;
        box-shadow: 0 1px #4F6688 inset; /*background: none repeat scroll 0 0 #b94a48;
    border: 1px solid #943b3a;  box-shadow: 0 1px #e35b59 inset;*/
        border-radius: 4px 4px 0 0;
        font: 17px "Cuprum", Helvetica, Arial, sans-serif;
        color: #fff;
        display: block;
        padding: 4px 5px 4px 10px;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        position: relative
    }

    .ui-dialog .ui-dialog-content {
        clear: both
    }
/*ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable wijmo-wijdialog*/
#dialog .cssClass {
    -webkit-transform: scale(1) !important
}

.wijmo-wijeditor .wijmo-wijeditor-content iframe {
    height: auto
}

.noRecords {
    padding: 4px;
    font-style: italic;
    color: #f00;
    margin-top: 10px
}

/************************Custom Element Item Add Edit Page**********************/
#contArea .elem .indent.distance input.styled {
    padding-right: 20px;
    width: 106px !important
}

#contArea .elem .indent.distance .wijmo-wijinput:focus, #contArea .elem .indent.distance .wijmo-wijinput:hover {
    border: 1px solid #ddd;
    box-shadow: none
}

#contArea .elem1 .indent.distance {
    margin: 0 auto
}

    #contArea .elem1 .indent.distance p {
        width: 50%;
        padding: 0px 0px
    }

/**********************Modal dialog style*******************/

.modal .elem1 .indent.distance {
    margin: 0 auto
}

    .modal .elem1 .indent.distance p {
        width: 50%;
        padding: 0px 0px
    }

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

    ul.unpublished li {
        margin: 0px;
        padding: 0px;
        list-style-position: inside;
        padding: 6px 4px;
        border-bottom: 0px solid #E9E9E9;
        margin-right: 10px;
        padding-left: 30px;
        background-image: url(../images/publishIcon.png);
        background-repeat: no-repeat;
        background-position: left
    }

        ul.unpublished li.ListTitle {
            background: none;
            padding: 0px
        }

        ul.unpublished li h3 {
            font-size: 14px;
            font-weight: bold
        }

        ul.unpublished li h5 {
            font-size: 12px;
            font-weight: bold
        }

        ul.unpublished li h6 {
            font-size: 12px
        }

/**********************Preview dialog style*******************/
.iphoneSkin {
    background-image: url(../images/iPhone4Skin.png);
    background-position: top;
    background-repeat: no-repeat;
    height: 480px;
    width: 256px;
    position: relative;
    z-index: 1;
    background: none !important;
}

    .iphoneSkin .application {
        position: absolute;
        background-color: #FFF;
        width: 326px;
        height: 493px;
        left: 17px;
        top: 65px
    }

    .iphoneSkin .application {
        border-radius: 34px!important;
        border: 7px solid #f9f9f9!important;
        box-shadow: 0px 0px 12px #00000054!important;
        -ms-zoom: 0.685;
        -moz-transform: scale(0.685);
        -moz-transform-origin: 0px 0;
        -o-transform: scale(0.685);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.685);
        -webkit-transform-origin: 0 0
    }

.iphoneSkinH {
    background-image: url(../images/iPhone4SkinH.png);
    background-position: top;
    background-repeat: no-repeat;
    height: 256px;
    width: 480px;
    position: relative;
    margin: 0 auto
}

    .iphoneSkinH .application {
        position: absolute;
        background-color: #FFF;
        width: 422px;
        height: 281px;
        left: 66px;
        top: 15px
    }

    .iphoneSkinH .application {
        -ms-zoom: 0.798;
        -moz-transform: scale(0.798);
        -moz-transform-origin: 0px 0;
        -o-transform: scale(0.798);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.798);
        -webkit-transform-origin: 0 0
    }

.ipadSkin {
    background-image: url(../images/iPadSkin.png);
    background-position: top;
    background-repeat: no-repeat;
    height: 575px; /*width:628px; */
    position: relative;
    margin: 0 auto
}

    .ipadSkin .application {
        position: absolute;
        background-color: #FFF;
        width: 440px;
        height: 597px;
        left: 53px;
        top: 52px
    }

    .ipadSkin .application {
        -ms-zoom: 0.78;
        -moz-transform: scale(0.78);
        -moz-transform-origin: 0px 0;
        -o-transform: scale(0.78);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.78);
        -webkit-transform-origin: 0 0
    }

.ipadSkinH {
    background-image: url(../images/iPadSkinH.png);
    background-position: top;
    background-repeat: no-repeat;
    height: 447px;
    width: 570px;
    position: relative;
    margin: 0 auto
}

    .ipadSkinH .application {
        position: absolute;
        background-color: #FFF;
        width: 598px;
        height: 447px;
        left: 51px;
        top: 47px
    }

    .ipadSkinH .application {
        -ms-zoom: 0.78;
        -moz-transform: scale(0.78);
        -moz-transform-origin: 0px 0;
        -o-transform: scale(0.78);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.78);
        -webkit-transform-origin: 0 0
    }

.eventPublisedMessage {
    display: block;
    padding: 10px;
    margin: 25px auto 35px;
    width: 250px;
    height: 70px;
    text-align: center;
    background: url("../Images/menu-bg.jpg") repeat scroll 0 0 #F5F5F5;
    border-radius: 4px;
    color: #7e7975;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2),0 0 0 12px rgba(255,255,255,0.4);
    overflow: hidden
}

    .eventPublisedMessage p {
        display: block;
        text-align: center;
        margin-bottom: 25px;
        color: #333
    }

.controls {
    width: 40px;
    display: inline-block;
    border: 1px solid #CCC;
    padding: 4px;
    border-radius: 10px;
    margin: 10px 0px 0px 10px;
    background-color: #f1f1f1;
    margin-right: 10px;
    float: left;
    z-index: 11111
}

.preview .controls {
    display: none
}

.controls a {
    background-position: top;
    background-repeat: no-repeat;
    margin: 10px auto;
    border: none;
    display: block;
    opacity: 0.5
}

    .controls a:hover {
        opacity: 1
    }

.controls .icon_iphone {
    background-image: url(../images/icon_iphone.png);
    height: 31px;
    width: 16px
}

.controls .icon_iphoneH {
    background-image: url(../images/icon_iphoneH.png);
    height: 16px;
    width: 31px
}

.controls .icon_ipad {
    background-image: url(../images/icon_ipad.png);
    height: 31px;
    width: 24px
}

.controls .icon_ipadH {
    background-image: url(../images/icon_ipadH.png);
    height: 24px;
    width: 31px
}

.controls .publish {
    background-image: url(../images/Publish.png);
    background-repeat: no-repeat;
    height: 256px;
    width: 256px
}

.publishCont {
    position: relative;
    width: 510px;
    margin: 0 auto
}

.controls1 {
    position: absolute;
}

.redBtn {
    left: 248px;
    top: 60px;
}

    .redBtn a {
        height: 45px;
        display: block;
        text-transform: uppercase;
        padding: 0 15px 0 0;
        overflow: hidden;
        font: normal 18px/45px "Cuprum",Helvetica,Arial,sans-serif;
        moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.30);
        -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
        font-weight: normal;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        -ms-transition: all 500ms;
        transition: all 500ms;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background: var(--primary) !important;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.30) !important;
        /*background-color: #e64a05;
        background-image: -moz-linear-gradient(top, #e64a05, #b83c04);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e64a05), to(#b83c04));
        background-image: -webkit-linear-gradient(top, #e64a05, #b83c04);
        background-image: -o-linear-gradient(top, #e64a05, #b83c04);
        background-image: linear-gradient(to bottom, #e64a05, #b83c04);
        background-repeat: repeat-x;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e64a05', endColorstr='#b83c04', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
    }
        .redBtn a:hover {
            background: var(--primary-dark) !important;
            box-shadow:none!important;
        }

        .redBtn a span {
            height: 45px;
            width: 48px;
            background: url(../Images/landing-sprite.png) -732px -190px no-repeat;
            display: block;
            float: left;
            margin-right: 12px;
            border-right: 1px solid var(--primary-light)/*#dc7041*/;
            box-shadow: 0 0px 1px #802b05
        }

.ylwBtn {
    left: 248px;
    top: 190px;
}

    .ylwBtn a {
        height: 45px;
        display: block;
        text-transform: uppercase;
        padding: 0 15px 0 0;
        overflow: hidden;
        font: normal 18px/45px "Cuprum",Helvetica,Arial,sans-serif;
        moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.30);
        -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
        box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
        font-weight: normal;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        -ms-transition: all 500ms;
        transition: all 500ms;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #b18400;
        background-image: -moz-linear-gradient(top, #f8b800, #b18400);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b800), to(#b18400));
        background-image: -webkit-linear-gradient(top, #f8b800, #b18400);
        background-image: -o-linear-gradient(top, #f8b800, #b18400);
        background-image: linear-gradient(to bottom, #f8b800, #b18400);
        background-repeat: repeat-x;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b800', endColorstr='#b18400', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
    }

        .ylwBtn a span {
            height: 45px;
            width: 48px;
            background: url(../Images/landing-sprite.png) -1023px -195px no-repeat;
            display: block;
            float: left;
            margin-right: 12px;
            border-right: 1px solid #f2c643;
            box-shadow: 0 0px 1px #a78010
        }

.bluBtn {
    left: 248px;
    top: 125px;
}

    .bluBtn a {
        height: 45px;
        display: block;
        text-transform: uppercase;
        padding: 0 15px 0 0;
        overflow: hidden;
        font: normal 18px/45px "Cuprum",Helvetica,Arial,sans-serif;
        moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.30);
        -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
        box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
        font-weight: normal;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        -ms-transition: all 500ms;
        transition: all 500ms;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background: var(--primary-dark) !important;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.30) !important;
        /*background-color: #087EE1;
        background-image: -moz-linear-gradient(top, #379CF1, #087EE1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#379CF1), to(#087EE1));
        background-image: -webkit-linear-gradient(top, #379CF1, #087EE1);
        background-image: -o-linear-gradient(top, #379CF1, #087EE1);
        background-image: linear-gradient(to bottom, #379CF1, #087EE1);
        background-repeat: repeat-x;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#379CF1', endColorstr='#087EE1', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
    }

        .bluBtn a span {
            height: 45px;
            width: 48px;
            background: url(../Images/landing-sprite.png) -924px -195px no-repeat;
            display: block;
            float: left;
            margin-right: 12px;
            border-right: 1px solid #57AAF1;
            box-shadow: 0 0px 1px #0C65B0
        }


.blackBtn {
    left: 248px;
    top: 255px;
}

    .blackBtn a {
        height: 45px;
        display: block;
        text-transform: uppercase;
        padding: 0 15px 0 0;
        overflow: hidden;
        font: normal 18px/45px "Cuprum",Helvetica,Arial,sans-serif;
        moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.30);
        -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
        box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
        font-weight: normal;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        -ms-transition: all 500ms;
        transition: all 500ms;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #545454;
        background-image: -moz-linear-gradient(top, #545454, #111111);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#111111));
        background-image: -webkit-linear-gradient(top, #545454, #111111);
        background-image: -o-linear-gradient(top, #545454, #111111);
        background-image: linear-gradient(to bottom, #545454, #111111);
        background-repeat: repeat-x;
        border-width: 1px;
        border-style: solid;
        border-color: #363738 #363738 #363738;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545454', endColorstr='#111111', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
    }

        .blackBtn a span {
            height: 45px;
            width: 48px;
            background: url(../Images/landing-sprite.png) -826px -195px no-repeat;
            display: block;
            float: left;
            margin-right: 12px;
            border-right: 1px solid #555;
            box-shadow: 0 0px 1px #111
        }
/*.redBtn a:hover {background:#76AC17; padding-right:18px}
.redBtn a:hover span {border-right: 1px solid #81CA4A; box-shadow: 0 0 1px #3D7A0A;}*/

.controls1 .publish {
    display: inline-block;
    border: 0px solid #CCC;
    padding: 0px;
    border-radius: 0px;
    margin: 10px 10px 0px 10px;
    float: left;
    z-index: 11111
}

.controls1.greyBtn {
    border: 1px solid #ccc;
    border-radius: 8px;
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
}

    .controls1.greyBtn:hover {
        background: rgb(221,221,221); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(190,190,190,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(100%, rgba(190,190,190,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(190,190,190,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(190,190,190,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(190,190,190,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(190,190,190,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bebebe', GradientType=0 ); /* IE6-9 */
    }

    .controls1.greyBtn a, .controls1.greyBtn a:link, .controls1.greyBtn a:visited {
        color: #333;
        text-decoration: none;
        display: block;
        padding: 4px 20px;
        opacity: 0.5;
        font-size: 1.3em
    }

    .controls1.greyBtn:hover a, .controls1.greyBtn:hover a:hover {
        color: #333;
        text-decoration: none;
        opacity: 1
    }

.controls .icon_ipadH:hover {
}

.application .myframe html.cssClass {
    border: 2px solid red;
    padding: 10px;
    background-color: Aqua;
    -webkit-transform: scale(0.5);
    background-color: Lime;
    -webkit-transform-origin: 0 0
}

/******************** New Event List Style ********************/
ul.mainEventList {
    list-style: none;
    margin: 0px 0px 20px 0px;
    padding: 15px 20px;
    background-color: #fff;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px
}

    ul.mainEventList li {
        margin: 0px;
        border-bottom: 1px solid #e9e9e9;
        padding: 10px 0px;
        border-top: 1px solid #fff
    }

        ul.mainEventList li:first-child {
            border-top: none
        }

        ul.mainEventList li:last-child {
            border-bottom: none
        }

        ul.mainEventList li:hover { /*background-color:#f4f4f4; */
        }

        ul.mainEventList li .outerContainer {
            display: block;
            position: relative
        }

            ul.mainEventList li .outerContainer .imgContainer {
                width: 60px;
                height: 60px;
                display: inline-block;
                background-color: #CCC;
                margin-right: 10px;
                float: left;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 1px 1px 0px #CCC
            }

    ul.mainEventList.clientList li {
        height:40px;
        padding:6px 0px;
    }
        .imgContainer img {
    width: 60px;
    height: 60px;
    background-color: white;
}

ul.mainEventList li .outerContainer .containerOne, ul.mainEventList li .outerContainer .containerTwo, ul.mainEventList li .outerContainer .containerThree, ul.mainEventList li .outerContainer .containerFour, ul.mainEventList li .outerContainer .containerFive, ul.mainEventList li .outerContainer .containerSix {
    display: inline-block;
    height: 60px;
    vertical-align: top;
    padding: 2px 0px;
    margin: 0px
}

.containerOne {
    width: auto;
    width: 50%;
    border-right: 0px solid #DADADA
}

.containerTwo {
    width: 150px;
    text-align: center;
    font-weight: bold;
    border-left: 1px solid #FFF;
    border-right: 1px solid #fff;
}

    .containerTwo p {
        line-height: 45px
    }

.containerThree {
    text-align: center;
    width: 200px;
    border-left: 1px solid #fff;
}

p.Client_name {
    font-weight: bold;
    margin-top: 15px !important;
    padding-left: 10px !important;
    text-align: left;
}

.containerFour {
    width: 150px;
    text-align: center
}

.containerFive {
    width: 120px;
    text-align: center
}

.containerSix {
    width: 203px;
    text-align: center;
    right: 0px;
    position: absolute
}

.outerContainer h3 {
    margin: 0px 0px 4px 0px;
    padding: 0px;
    color: #004788;
    font-size: 18px
}

.outerContainer p {
    margin: 0px 0px;
    padding: 0px
}

ul.mainEventList li a {
    background-repeat: no-repeat;
    height: 40px;
    border: none;
    padding: 0px 5px;
    margin: 0px;
    line-height: 40px !important;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    text-align: center
}

    ul.mainEventList li a.likeLink {
        background-repeat: no-repeat;
        width: auto;
        height: 40px;
        border: none;
        padding: 0px;
        margin: 0px;
        line-height: 40px;
        font-size: 16px;
        text-decoration: underline;
        display: inline-block;
        text-align: center
    }

    ul.mainEventList li a.edit_up {
        background-image: url(../images/edit_up.png);
        color: #002e5f;
        text-shadow: 0px 1px 1px #FFF
    }

        ul.mainEventList li a.edit_up:hover {
            background-image: url(../images/edit_down.png)
        }

    ul.mainEventList li a.delete_up {
        padding: 0px 0px 0px 32px;
        background: url(../Images/topmenu.png) -23px -299px no-repeat;
        color: #868686;
        text-shadow: 0px 1px 1px #fff;
        margin-left: 10px;
    }

        ul.mainEventList li a.delete_up:hover {
            background: url(../Images/topmenu.png) -23px -332px no-repeat;
            color: #b60808
        }

    ul.mainEventList li a.settings_up {
        padding: 0px 0px 0px 6px;
        background-image: url(../images/settings_up.png);
        color: #999999;
        text-shadow: 0px 1px 1px #fff
    }

        ul.mainEventList li a.settings_up:hover {
            background-image: url(../images/settings_down.png);
            color: #000
        }
/*New button style*/
    ul.mainEventList li a.delete_up {
        padding: 0px 0px 0px 32px;
        background: url(../Images/topmenu.png) -23px -299px no-repeat #fff !important;
        color: #868686;
        border: 1px solid #dedede !important;
        text-shadow: none !important;
        margin-left: 10px;
    }

        ul.mainEventList li a.delete_up:hover {
            background: url(../Images/topmenu.png) -23px -332px no-repeat #dedede !important;
            color: #b60808;
            border: 1px solid #868686 !important;
        }
/*END New button style*/
.infoIcon {
    position: relative;
    top: 2px
}

/*******************Pick Feature icon page text*/
.mainEventList.MenuQuestionList * {
    font-family: "Cuprum", Helvetica, Arial, sans-serif
}

.mainEventList.MenuQuestionList h3 {
    font-size: 20px
}

.mainEventList.MenuQuestionList p {
    font-size: 16px
}

/******************* Dashboard Style ********************************************/
.container {
    margin: 0 auto;
    width: 921px
}

.dbHeads {
    margin: 0px auto;
    padding: 0px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    overflow: hidden;
    display: inline-block;
    box-shadow: 0px 1px 2px #000
}

    .dbHeads li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        height: 60px;
        background-color: #3a3a3a;
        float: left;
        width: 305px;
        border-right: 2px solid #666
    }

        .dbHeads li a {
            margin: 0px;
            padding: 0px;
            display: block;
            color: #9D9D9D;
            text-decoration: none;
            font-size: 14px;
            text-shadow: 0px 0px 0px #fff;
            height: 60px;
            background: rgb(89,89,89); /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTNlM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, rgba(89,89,89,1) 0%, rgba(62,62,62,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(89,89,89,1)), color-stop(100%, rgba(62,62,62,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(89,89,89,1) 0%, rgba(62,62,62,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(89,89,89,1) 0%, rgba(62,62,62,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(89,89,89,1) 0%, rgba(62,62,62,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(89,89,89,1) 0%, rgba(62,62,62,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#3e3e3e', GradientType=0 ); /* IE6-8 */
            text-align: center
        }

            .dbHeads li a.current, .dbHeads li a:hover {
                color: #fff;
                background-image: url(../images/arrowB.png);
                background-position: bottom;
                background-repeat: no-repeat;
                background: rgb(106,191,234); /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhYmZlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTU5OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106,191,234,1)), color-stop(100%, rgba(17,89,155,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6abfea', endColorstr='#11599b', GradientType=0 ); /* IE6-8 */
            }

            .dbHeads li a .title {
                display: inline-block;
                line-height: 60px;
                margin: 0 auto;
                text-align: center;
                font-size: 18px;
                height: 50px;
                min-width: 10%
            }

.iconWrapper .title img {
    padding: 0px;
    margin: 6px 0px;
    vertical-align: top;
    height: 50px;
    width: 50px;
    border: 0px
}

.dbHeads li a .title h3 {
    margin: 0px;
    padding: 0px;
    display: inline;
    font-size: 22px;
    font-weight: normal;
    line-height: 60px;
    text-shadow: 0px 1px 0px #313131
}

.dbHeads li a.current .title h3 {
    color: #f1f1f1;
    text-shadow: 0px -1px 0px #313131
}

.dbHeads li a .iconWrapper {
    margin: 0 auto
}

.controlWrapper {
    display: block;
    position: relative
}

    .controlWrapper .control {
        width: 27.2%;
        padding: 0 3%;
        min-height: 350px;
        position: relative;
        float: left; /*background:url(../Images/landing-border.png) center right no-repeat*/
    }

    .controlWrapper .middleBox {
        box-shadow: 0 0 10px #ccc;
        min-height: 525px
    }

    .controlWrapper .control:last-child {
        background: none
    }

    .controlWrapper .control .controlHeader {
        overflow: hidden;
        margin: 0 0 10px;
    }

        .controlWrapper .control .controlHeader .controlHeaderText h2 {
            height: 70px;
            width: 70px;
            margin: 0 15px 0 0;
            background-size: 70px 70px !important;
            float: left
        }

            .controlWrapper .control .controlHeader .controlHeaderText h2.create {
                background: url(../Images/createEvent.png) 0 0 no-repeat
            }

            .controlWrapper .control .controlHeader .controlHeaderText h2.edit {
                background: url(../Images/myEvent.png) 0 0 no-repeat
            }

            .controlWrapper .control .controlHeader .controlHeaderText h2.support {
                background: url(../Images/supportEvent.png) 0 0 no-repeat
            }

            .controlWrapper .control .controlHeader .controlHeaderText h2.tour {
                background: url(../Images/takeTour.png) 0 0 no-repeat
            }

            .controlWrapper .control .controlHeader .controlHeaderText h2.app {
                background: url(../Images/app_submit.png) 0 0 no-repeat
            }

        .controlWrapper .control .controlHeader .controlHeaderText h3 {
            margin: 5px 0 5px;
            text-align: left;
            text-transform: capitalize;
            padding: 0px;
            display: block;
            font: bold 20px "Cuprum", Helvetica, Arial, sans-serif;
            color: #333
        }

        .controlWrapper .control .controlHeader .controlHeaderText p {
            margin: 0px 0 5px;
            text-align: left;
            font: italic normal 13px/18px "Cuprum", Helvetica, Arial, sans-serif;
            color: #999
        }

.controlContent {
    display: block
}

.controlWrapper .control a {
    color: #0070a0;
    text-decoration: underline
}

    .controlWrapper .control a:hover {
        text-decoration: none
    }

.controlWrapper .control .ui-sortable a {
    text-decoration: none
}

.controlWrapper .controlHeaderContentWrapper a {
    text-decoration: none
}

.control.box ul {
}

    .control.box ul li {
        list-style: none;
        display: block;
        line-height: 1.3;
        text-align: left;
        font: 14px "Cuprum",Helvetica,Arial,sans-serif;
        list-style-position: inside;
        padding: 0 0 8px 15px;
        border-bottom: 1px solid #cecece;
        color: #666;
        margin-bottom: 8px;
        background: url(../Images/landing-sprite.png) 0 -271px no-repeat
    }

        .control.box ul li.current {
            background-image: url(../Images/landing-sprite.png)
        }

        .control.box ul li a {
            color: #0070a0;
            text-decoration: underline
        }

            .control.box ul li a:hover {
                text-decoration: none
            }

.control.box .guideLink {
    display: block;
    text-align: center;
    line-height: 1.5;
    font-family: "Cuprum",Helvetica,Arial,sans-serif;
    font-size: 14px
}

.controlContent .resourceBtn, .clearData .resourceBtn {
    display: block;
    overflow: hidden;
    position: relative;
    clear: both;
    width: 80%;
    border: 1px solid #ccc;
    background: #f3f3f3;
    text-transform: capitalize;
    margin: 0 auto 0; /*float:left;*/
    border-radius: 30px;
    text-align: center;
    height: 40px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

    .controlContent .resourceBtn span, .clearData .resourceBtn {
        font: normal normal 18px/40px "Cuprum", Helvetica, Arial, sans-serif;
        color: #fff;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms1s;
        -ms-transition: all 500ms;
        transition: all 500ms;
    }

    .controlContent .resourceBtn.btn1 {
        border-bottom: 2px solid #c96fe7;
        text-decoration: none
    }

        .controlContent .resourceBtn.btn1:hover {
            background: #60a34e;
            border-color: #60a34e
        }

        .controlContent .resourceBtn.btn1 span {
            color: #c96fe7
        }

    .controlContent .resourceBtn.btn2, .clearData .resourceBtn.btn2 {
        border-bottom: 2px solid #6fb3e7;
        text-decoration: none
    }

        .controlContent .resourceBtn.btn2:hover, .clearData .resourceBtn.btn2:hover {
            background: #6fb3e7
        }

        .controlContent .resourceBtn.btn2 span, .clearData .resourceBtn.btn2 span {
            color: #6fb3e7
        }

    .controlContent .resourceBtn.btn3 {
        border-bottom: 2px solid #CCBF0A;
        margin: 10px 0;
        text-decoration: none
    }

        .controlContent .resourceBtn.btn3:hover {
            background: #CCBF0A
        }

        .controlContent .resourceBtn.btn3 span {
            color: #CCBF0A
        }

    .controlContent .resourceBtn:hover, clearData .resourceBtn:hover {
        text-decoration: none;
        background: #8fb63a;
    }

        .controlContent .resourceBtn:hover span, .clearData .resourceBtn:hover span {
            color: #fff;
        }

    .controlContent .resourceBtn strong, .clearData .resourceBtn strong {
        position: absolute;
        top: 4px;
        left: -27px;
        background: #a00;
        border: 1px solid #faa;
        color: #fff;
        display: block;
        font: 12px "Cuprum", Helvetica, Arial, sans-serif;
        margin: 1px 0;
        padding: 2px 30px;
        text-align: center;
        text-decoration: none; /* shadow */
        text-shadow: 0 0 5px #444;
        letter-spacing: 2px; /* 45 deg ccw rotation */
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.controlWrapper .controlContent .guideBtn {
    display: block;
    overflow: hidden;
    position: relative;
    clear: both;
    width: 80%;
    border: 1px solid #ccc;
    background: #fff;
    text-transform: capitalize;
    margin: 0 auto 20px; /*float:left;*/
    border-radius: 5px;
    height: 40px;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

    .controlWrapper .controlContent .guideBtn i {
        margin-right: 12px;
        float: left;
        height: 28px;
        padding: 5px;
        width: 28px;
        background: #BF2E1A url(../images/download.png) center center no-repeat;
        background-size: 24px 24px;
    }

    .controlWrapper .controlContent .guideBtn span {
        font: normal normal 16px/40px "Cuprum", Helvetica, Arial, sans-serif;
        color: #333;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms1s;
        -ms-transition: all 500ms;
        transition: all 500ms;
    }

    .controlWrapper .controlContent .guideBtn:hover {
        border-color: #BF2E1A;
    }

        .controlWrapper .controlContent .guideBtn:hover span {
            color: #BF2E1A
        }

.controlContent .resourceBtn:hover strong {
    display: none
}

.resOption {
    overflow: hidden;
    clear: both;
    margin: 0 0
}
    /*.resOption div {width:30%; margin-right:5px; padding-right:5px; border-right:1px solid #ccc; min-height:115px; float:left; text-align:center; font:normal normal 14px/22px "Cuprum", Helvetica, Arial, sans-serif;}
.resOption div:last-child {margin:0; padding:0; border:none}*/
    .resOption div.class {
        width: 100%;
        font: 14px 'Open sans', sans-serif;
        background: url(../images/bullet01.png) 0 6px no-repeat;
        background-size: 10px 10px;
        padding: 0px 0px 10px 20px;
        margin-bottom: 10px;
        box-sizing: border-box;
        color: #666;
    }

    .resOption div a {
        color: #0070a0;
        text-decoration: underline
    }

    .resOption div.class h5, .resOption div.class h5 a {
        font: 15px "Cuprum",Helvetica,Arial,sans-serif
    }

.moreHelp {
    font: 14px "Cuprum",Helvetica,Arial,sans-serif
}

.controlWrapper .platformsLink {
    overflow: hidden; /* margin-bottom:10px;*/
    padding: 10px;
    padding-left: 30px; /*background:#f1f1f1;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.TemplateArea {
    text-decoration: none;
    cursor: default;
    padding-left: 20px;
    color: #0070a0;
}

.controlWrapper .platformsLink h3 {
    font: normal normal 15px/22px "Cuprum", Helvetica, Arial, sans-serif;
    color: #5B9CD4;
    margin-bottom: 8px;
    text-align: center
}

.controlWrapper .platformsLink div {
    box-sizing: border-box;
    width: 48%;
}

    .controlWrapper .platformsLink div.ios {
        float: right
    }

    .controlWrapper .platformsLink div.win {
        float: left
    }

    .controlWrapper .platformsLink div a {
        padding: 40px 5px 3px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        display: block;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms1s;
        -ms-transition: all 500ms;
        transition: all 500ms;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-decoration: none;
        text-align: center;
        font: normal normal 15px/22px "Cuprum", Helvetica, Arial, sans-serif
    }

    .controlWrapper .platformsLink div.ios a {
        background: url(../images/apple.png) center 8px no-repeat;
        background-size: 26px 26px;
        background-color: #fff;
        color: #5B9CD4
    }

    .controlWrapper .platformsLink div.win a {
        background: url(../images/win.png) center 8px no-repeat;
        background-size: 26px 26px;
        background-color: #fff;
        color: #0CB3EE
    }

    .controlWrapper .platformsLink div a:hover {
        border-color: #82C1E5;
        background-position: center 5px;
        background-color: #E1E8ED
    }

/*.control.box1 ul {} 
.control.box1 ul li {list-style:none; display:block; line-height:1.3; text-align:left; min-height:30px; list-style-position:inside; padding:0 0 8px 35px; border-bottom: 1px solid #cecece; color:#666; margin-bottom:8px;}
.control.box1 ul li.guide {background:url(../Images/guide.png) 0 0/26px auto no-repeat}
.control.box1 ul li.temp {background:url(../Images/dataTemp.png) 0 0/26px auto no-repeat}
.control.box1 ul li.tut {background:url(../Images/tutVideo.png) 0 0/26px auto no-repeat}
.control.box1 ul li.helpi {background:url(../Images/helpi.png) 0 0/26px auto no-repeat}
.control.box1 ul li a {color:#0070a0; text-decoration:underline}
.control.box1 ul li a:hover {text-decoration:none}*/

.controlContent ul.myEventsList {
    list-style: none;
    height: 330px;
    overflow: auto;
    margin-bottom: 10px;
    padding-right:10px;
    
}

    .controlContent ul.myEventsList li {
        border-top: 1px solid #e3e3e3;
        overflow: hidden;
        /* background: url(../Images/landing-sprite.png) 0 -318px no-repeat; */
        padding: 8px 10px;
        margin: 13px 0px;
        position: relative;
        /* border-radius: 8px; */
        vertical-align: middle;
    }

        .controlContent ul.myEventsList li a.button-a {
            text-decoration: none;
            float: right;
            color: #fff;
            padding: 4px 6px;
            margin-top: 8px;
            font-size: 12px
        }
/*New button style*/
        .controlContent ul.myEventsList li a.button-a {
            text-decoration: none;
            float: right;
            color: #379cf1;
            padding: 6px 6px;
            margin-top: 8px;
            font-size: 12px;
            border: 1px solid #379cf1 !important;
            background: #fff !important;
            text-shadow: none;
        }
            .controlContent ul.myEventsList li a.button-a:hover {
                color: #fff!important;
                border: 1px solid #379cf1 !important;
                background: #379cf1 !important;
                text-shadow: none;
            }

.ui-sortable .button-a.blueBtn:hover {
    background: #153652 !important;
    color: #fff !important;
}
/*END New button style*/

/*ScrollBar Styling on Events list section on the first page after login start*/
.controlContent ul.myEventsList::-webkit-scrollbar {
    width: 4px;
    background-color: var(--white2);
}

.controlContent ul.myEventsList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px var(--black-trasp-1);
    background-color: #0866ff;
}
/*ScrollBar Styling on Events list section on the first page after login End*/

        .controlContent ul.myEventsList li img {
            width: 40px;
            height: 40px;
            float: left;
            border: 0px solid #999;
            vertical-align: middle;
            border-radius: 8px;
            -webkit-border-radius: 8px 8px 8px 8px;
            -moz-border-radius: 8px 8px 8px 8px;
            box-shadow: 0px 0px 2px #333;
            margin-right: 10px
        }

        .controlContent ul.myEventsList li .notPublish {
            display: block;
            position: absolute;
            right: 0px;
            top: 0;
            padding: 1px 2px;
            color: #fff;
            font: normal 11px "Cuprum", Helvetica, Arial, sans-serif;
            background: #9d9c9c;
            border-radius: 0 0 3px 3px;
            -webkit-border-radius: 0px 0px 3px 3px;
            -moz-border-radius: 0px 0px 3px 3px
        }

.controlContent ul.myEventsList li a.title {
    margin: 0px;
    width: 60%;
    text-decoration: none;
    float: left;
    padding: 0px;
    line-height: 1.5;
    color: var(--primary); /*#5495ff*/
    font-size: 16px
}

        .controlContent ul.myEventsList li:first-child a.title {
            color: var(--primary-dark);
            font-size: 17px;
            font-weight: bold;
        }

.controlContent ul.myEventsList li:first-child {
    background: none;
    /*box-shadow: 0px 0px 6px #dfdfdf;*/
}

.buttons {
    margin-top: 15px
}

    .buttons a {
        background: rgb(106,191,234); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhYmZlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTU5OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(106,191,234,1)), color-stop(100%, rgba(17,89,155,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(106,191,234,1) 0%, rgba(17,89,155,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6abfea', endColorstr='#11599b', GradientType=0 ); /* IE6-8 */
        color: #FFF;
        text-shadow: 0px 1px 2px #8B8B8B;
        padding: 12px 40px;
        border-radius: 4px;
        text-decoration: none;
        font-size: 16px;
        margin: 4px
    }

        .buttons a:hover {
            background: rgb(32,160,224); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(32,160,224,1) 0%, rgba(13,67,117,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(32,160,224,1)), color-stop(100%, rgba(13,67,117,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(32,160,224,1) 0%, rgba(13,67,117,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(32,160,224,1) 0%, rgba(13,67,117,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(32,160,224,1) 0%, rgba(13,67,117,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(32,160,224,1) 0%, rgba(13,67,117,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a0e0', endColorstr='#0d4375', GradientType=0 ); /* IE6-9 */
            color: #FFF;
            text-shadow: 0px 1px 1px #000000
        }

.controlWrapper .control .moreLink {
    display: block;
    color: #0070a0;
    text-align: right;
    font: normal 15px "Cuprum", Helvetica, Arial, sans-serif;
    text-decoration: underline;
    margin-bottom: 15px
}

.controlContent ul.myEventsList-appStatus {
}

    .controlContent ul.myEventsList-appStatus li img.appTypeIcon {
        width: 60px;
        height: 60px;
        border: 0px solid #999;
        vertical-align: middle;
        border-radius: 0px;
        box-shadow: 0px 0px 0px #333;
        margin-right: 4px
    }

    .controlContent ul.myEventsList-appStatus li, .controlContent ul.myEventsList-appStatus li.current {
        text-align: left;
        padding-left: 4px;
        background-image: none;
        border: 0px solid #CCC;
        margin: 4px 0px
    }

.controlContent ul.myEventsList li.appStatus {
}

.controlContent ul.myEventsList-appStatus li.current {
    background-image: none
}

.controlContent ul.myEventsList-appStatus li a {
    text-decoration: none
}

.controlContent ul.myEventsList-appStatus li p {
    display: inline;
    vertical-align: top;
    line-height: 60px;
    padding-left: 4px
}

.blockCont {
    width: 294px;
    margin: 0 auto 10px;
    overflow: hidden
}

.block {
    width: 65px;
    float: left;
    height: 65px;
    margin-right: 8px;
    text-align: center
}

    .block a {
        background: url(../Images/landing-sprite.png) 0 0 no-repeat;
        display: block;
        height: 65px
    }

        .block a:hover {
            text-decoration: none
        }

        .block a.video {
            background-position: -17px -175px
        }

        .block a.pdf {
            background-position: -94px -175px
        }

        .block a.fb {
            background-position: -171px -175px
        }

        .block a.tweet {
            background-position: -249px -175px
        }

.blockBig {
    overflow: hidden
}

    .blockBig h4 {
        color: #333;
        margin: 0px 0px 5px;
        font: bold 15px "Cuprum", Helvetica, Arial, sans-serif
    }

    .blockBig p {
        color: #666;
        font: italic normal 13px "Cuprum", Helvetica, Arial, sans-serif;
        text-decoration: none;
        margin-bottom: 13px;
        text-align: left
    }

        .blockBig p a {
            color: #2099ed;
            text-decoration: underline;
            margin-bottom: 15px
        }

.TopMenu {
    clear: right;
    float: right;
    padding-bottom: 4px;
    position: relative;
    right:20px;
}
    /*.TopMenu{      clear: right;    float: right;      position: absolute;    right: 0;    margin-top: 8px;  }*/
    .TopMenu a, .TopMenu a:visited {
        background: #fff url(../Images/topmenu2023.png)no-repeat !important;
        text-decoration: none;
        box-shadow: 0 0 0px #000!important;
        border: 1px solid #bf2d1a!important;
        -webkit-border-radius: 6px!important;
        -moz-border-radius: 6px!important;
        border-radius: 6px!important;
        float: left;
        width: 21px;
        height: 21px;
        padding: 4px !important;
        margin-right: 10px;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out
    }

        .TopMenu a.profile {
            background-position: 5px 6px!important;
        }

        .TopMenu a.approve {
            background-position: 5px -476px !important;
        }

        .TopMenu a.org {
            background-position: 8px -73px!important;
            display: none
        }

        .TopMenu a.dash {
            background-position: -25px -261px !important;
            background-size: 46px 578px;
        }

        .TopMenu a.home {
            background-position: 6px -306px !important;
        }
    .TopMenu a {
        box-sizing: content-box;
    }
        .TopMenu a.EventListIcon {
            background-position: -23px -578px!important;
        }

        .TopMenu a.decrypt {
            background-position: 6px -444px !important;
        }

        .TopMenu a.resource 
        {
            background-position: -22px -409px!important;
        }

        .TopMenu a.ClsFeatureAnchor {
            background-position: 4px -262px!important;
        }

        .TopMenu a:hover {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
            background-color: #d65304
        }

        .TopMenu a.more {
            background-position: 5px -548px!important;
        }

        .TopMenu a:more {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
            background-color: #d65304
        }

        .TopMenu a.manage-password {
            background-position: 5px -336px !important;
        }
        .TopMenu a.FeatureList {
            background-position: -23px -178px !important;
        }

        .TopMenu a.ClientList {
            background-position: -23px -145px!important;
        }

/*.TopMenu a.profile:hover {background-position:-29px 0}
.TopMenu a.org:hover {background-position:-29px -81px}*/

/*New TopMenu style - icon with Menu name text - Start*/
.iconbtn {
    display: flex;
    /*flex-direction: column;*/
    color: #0866ff; /*bf2d1a;*/
    align-items: center;
    font-size: 12px !important;
    padding: 4px 8px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    margin-left: 12px;
    /*width: 60px;*/
    text-align: center;
    box-sizing: content-box;
    font-weight: normal !important;
    letter-spacing: normal !important;
}

    .iconbtn:hover, .iconbtn:visited, .iconbtn:link {
        color: #222;
    }

    .iconbtn:hover {
        text-decoration: none;
        box-shadow: 0px 0px 6px #0866ff85;
    }

    .iconbtn img {
        width: 20px;
        margin-bottom: 4px;
        margin-right:6px;
    }

.TopMenu2 {
    display: flex;
    clear: right;
    float: right;
    padding-bottom: 4px;
    position: relative;
    right: 20px;
    margin-bottom: 6px;
}

/*New TopMenu style - icon with Menu name text - End*/

.pageTitle {
    position: absolute;
    top: 70px; /*60px Changed this as this was overlapping the icon and the text "Create New Event" on the top navigation buttons*/
    left: 184px;
    width: 98%;
    text-align: left; /*center Changed this as this was overlapping the icon and the text "Create New Event" on the top navigation buttons*/
}

    .pageTitle img { /*float:left;*/
        display: inline-block;
        margin-right: 8px;
        -webkit-border-radius: 2px;
        border: none;
        outline: none;
        -moz-border-radius: 2px;
        border-radius: 2px; /*background:#fff;*/
        height: 0;
        width: 0;
        padding: 0
    }

    .pageTitle #PageHeader {
        color: #a2d34e;
        font: normal 18px/25px "Cuprum", Helvetica, Arial, sans-serif;
    }

    .pageTitle #eventTitle {
        color: #fff;
        font: normal 15px/25px "Cuprum", Helvetica, Arial, sans-serif
    }

        .pageTitle #eventTitle:before {
            content: ":  ";
            color: #A2D34E
        }

#pageTitle {
    color: #0866ffb5 !important; /*0866ff7d*/
    float: right;
    padding: 0 10px 0 0;
    margin: 0 5px 0 0;
    font: normal 18px/30px "Cuprum", Helvetica, Arial, sans-serif;
    border-right: 1px solid #fff
}

    #pageTitle.titleP {
        padding: 0;
        margin: 0;
        border: none;
    }

header a.logout {
    text-decoration: none;
    float: right;
    width: 19px;
    height: 18px;
    margin: 0 0 0 8px;
    background: url(../Images/topmenu.png) 3px -221px no-repeat;
    border: 2px solid #fff;
    border-radius: 15px;
    box-shadow: 0 0 5px #888;
    padding: 1px
}

    header a.logout:hover {
        background-position: -28px -221px
    }

#more {
    display: none;
    position: absolute;
    top: 38px;
    right: 5px;
    z-index: 99;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    #more strong.act {
        background: none;
        height: 8px;
        width: 8px;
        position: absolute;
        top: 2px;
        right: 20px;
        z-index: 999
    }

        #more strong.act:before {
            border-left: 8px solid transparent;
            border-bottom: 8px solid #fff;
            border-right: 8px solid transparent;
            content: " ";
            display: block;
            margin-top: -10px;
            position: absolute;
            width: 0;
        }

    #more h2 {
        color: #333;
        font: normal 15px/25px "Cuprum", Helvetica, Arial, sans-serif;
        height: 25px;
        padding: 5px 0;
        text-align: center;
        background: #f1f1f1;
        margin-bottom: 8px
    }

    #more .innerMore {
        overflow: hidden;
        padding: 0 10px 10px;
        width: 105px
    }

        #more .innerMore a {
            box-shadow: none;
            border: none;
            margin: 8px;
            padding: 7px;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            -ms-transition: none;
            transition: none
        }


/*******************************Import Page***************************/
ul.list02 {
    margin: 0px;
    padding: 0px
}

    ul.list02 li {
        list-style-type: none;
        list-style-position: inside;
        margin: 4px;
        padding: 6px 6px 6px 20px;
        display: block;
        color: #333;
        background: url(../images/bullet01.png) 3px 9px no-repeat;
        background-size: 10px auto;
        font: 14px "Cuprum", Helvetica, Arial, sans-serif
    }

.pageHeaderStyle {
    margin: 4px auto 12px auto;
    color: var(--secondary-color);
    font: 22px "Cuprum", Helvetica, Arial, sans-serif
}

.pageHeaderStyleSmall {
    margin: 10px 0 0;
    color: #333;
    font: bold 15px "Cuprum", Helvetica, Arial, sans-serif
}

/******************************** Dashboard Style End ************************/
ul.list01 {
    margin: 0px;
    padding: 0px
}

    ul.list01 li {
        list-style-type: disc;
        list-style-position: inside;
        margin: 4px;
        padding: 0px;
        color: Gray
    }

/************************By Amit C to set Z-Index for Date Picker *************/
.ui-datepicker {
    z-index: 10 !important
}

/********************* Override WIJMO style **********************/
.wijmo-wijupload .wijmo-wijupload-filesList li {
    width: auto !important
}
/*for image upload section - width for upload image control*/
.ui-dialog ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.wijmo-wijdialog #container-main {
    margin-bottom: 400px
}

#container-main.dialogWindow {
    margin-bottom: 0px;
    box-shadow: 0px 0px 0px
}

/******************* By Amit C to Set File Upload Style *******************/
#DummyFileUploader, #FileBrowse { /* style these guys however you like, the key is 
       position:absolute. No need for z-index modification
       since the wrapper is natually above these elements.
    */
}

#DummyFileUploader {
    height: 30px;
    width: 500px;
    padding: 0;
    margin: 0;
    top: 10
}

.landing #FileBrowse {
    display: inline-block;
    height: 18px;
    color: #f1f1f1;
    cursor: pointer;
    background-color: var(--primary);
    /*background-color: #7ab744;
    background-image: -moz-linear-gradient(top,#74c03b,#55981a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a));
    background-image: -webkit-linear-gradient(top,#74c03b,#55981a);
    background-image: -o-linear-gradient(top,#74c03b,#55981a);
    background-image: linear-gradient(to bottom,#74c03b,#55981a);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) font-weight: normal;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: .4em 1em;
    font-size: 1.2em;
    margin: 0px 0px 0px 10px
}

    .landing #FileBrowse:hover {
        text-decoration: none;
        background-color: var(--primary-dark);
    }

#FileUploader {
    background: red; /* updating font size makes the input larger */
    font-size: 50px;
    padding: 0px 0px 0px 30px;
    margin: 0
}

#FileUploaderWrapper { /* opacity: 0.5; toggle this if you want to see where the real input lines up*/
    opacity: 0; /* each input will render differently on each browser, use this wrapper to make sure the target size is the same on each */
    overflow: hidden;
    height: 30px;
    padding: 0;
    margin: 0px; /*float:left; */
    top: -32px;
    position: relative
}

.fileUploading {
    width: 730px;
    margin: 0 auto
}

#uploader {
    margin-bottom: 10px
}

    #uploader .plupload_wrapper, .importCont {
        overflow: hidden;
        border: 1px solid #ccc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

.plupload_droptext {
    height: 200px;
}

.plupload_container.minHeight {
    _height: 320px;
    min-height: 320px
}

#uploader .plupload_wrapper .design01, .importCont .design01 {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    #uploader .plupload_wrapper .design01 .pageHeaderStyle, .importCont .design01 .pageHeaderStyle {
        margin: 0;
    }

#uploader .plupload_wrapper .plupload_header_content {
    height: auto;
    padding-bottom: 8px
}

#uploader .plupload_wrapper .plupload_container {
    background: #f1f1f1
}

#uploader .plupload_wrapper .plupload_content {
    position: static
}

#uploader .plupload_wrapper .plupload_header, .importHeader {
    background: #43546e;
    border: none
}

#uploader .plupload_wrapper .plupload_filelist_header {
    background: #ddd;
    border: none
}

    #uploader .plupload_wrapper .plupload_filelist_header td, #uploader .plupload_wrapper .plupload_filelist_footer td {
        color: #333
    }

#uploader .plupload_wrapper .plupload_filelist_footer {
    background: #ddd;
    border: none
}

.importCollapse h2 {
    background: url(../images/arrowup.png) right 0 no-repeat;
    background-size: 24px auto;
    cursor: pointer
}

    .importCollapse h2.down {
        background: url(../images/arrowdown.png) right 0 no-repeat;
        background-size: 24px auto;
    }

#uploader .plupload_wrapper #uploader_dropbox ul li {
    background: #444;
    border: none;
    border-bottom: 1px solid #333
}

#uploader .plupload_wrapper .plupload_header:hover, #uploader .plupload_wrapper .plupload_filelist_header:hover, #uploader .plupload_wrapper .plupload_filelist_footer:hover {
    border: none
}

#uploader .plupload_wrapper .plupload_filelist_footer .plupload_button {
    cursor: pointer;
    background: var(--primary)!important;
    /*background-color: #7ab744;
    background-image: -moz-linear-gradient(top,#74c03b,#55981a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a));
    background-image: -webkit-linear-gradient(top,#74c03b,#55981a);
    background-image: -o-linear-gradient(top,#74c03b,#55981a);
    background-image: linear-gradient(to bottom,#74c03b,#55981a);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
}

    #uploader .plupload_wrapper .plupload_filelist_footer .plupload_button:hover {
        /*background: #74c03b*/
        background: var(--primary-dark)!important;
    }

    #uploader .plupload_wrapper .plupload_filelist_footer .plupload_button .ui-icon {
        background-image: url("themes/rocket/images/ui-icons_f4f4f9_256x240.png");
    }

/*** Spinner ***/
#monitors {
    width: 100px;
    background: #000;
    padding: 40px 30px;
    overflow: hidden;
    position: fixed;
    top: 32%;
    left: 42%;
    z-index: 1002;
    text-align: center;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    z-index: 1000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 8px 0px #333;
    -moz-box-shadow: 0px 0px 8px 0px #333;
    box-shadow: 0px 0px 8px 0px #333;
}

    #monitors #ProgressStatus {
        display: block;
        color: #fff;
        padding: 12px 0 0;
        font: 16px "Cuprum", Helvetica, Arial, sans-serif
    }

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    margin: 0 2px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/**************************End File Upload*********************************/
/*****************************Interactive Map *********************/
.fieldsetStyle1 {
    border: 1px solid #313131;
    margin: 10px 0px
}

    .fieldsetStyle1 legend, .fieldsetStyle1 .toggler {
        padding-left: 15px
    }

    .fieldsetStyle1 .fielsetRow {
        margin: 5px 0px
    }

.mapControlButtons {
    position: absolute;
    right: 10px;
    top: 5px;
    padding: 0px !important
}

.pos {
    padding-top: 2em !important
}

#button_container img {
    padding: 1px;
    background: #fff;
    margin-right: 5px;
    border: 2px solid #ccc;
    box-shadow: 0 0 2px #000;
    border-radius: 2px;
    cursor: pointer
}

#ImageMappingPanel #button_container label {
    width: auto;
    padding: 4px 0 !important
}

/*****************************End Interactive Map *********************/
#wijbarchart {
    overflow: hidden
}

    #wijbarchart .wijmo-wijbarchart {
        margin: 0 0 25px 0
    }

#wijpiechart {
    overflow: hidden
}

    #wijpiechart .wijmo-wijpiechart {
        margin: 0 0 25px 0
    }

        #wijbarchart .wijmo-wijbarchart .wijchart-header-text, #wijpiechart .wijmo-wijpiechart .wijchart-header-text {
            font: bold 13px arial !important
        }

a#reportBtn {
    height: 39px;
    width: 40px;
    display: block;
    background: url(../Images/report-btn.png) 0 0 no-repeat;
    position: relative;
    text-decoration: none
}

    a#reportBtn:hover {
        text-decoration: none
    }

    a#reportBtn .hover {
        height: 39px;
        width: 40px;
        display: block;
        background: url(../Images/report-btn-hover.png) 0 0 no-repeat;
        position: absolute;
        top: 0;
    }

/**** New Css ****/
.landing {
    padding-top: 0 !important
}

    .landing #container-main {
        margin: 20px!important;
        border: 3px solid #bbb;
        background: #FFF;
        box-shadow: 0 0 12px #000;
        padding: 7px;
        border-radius: 15px
    }

#container-main .landing .container-wrap{
    margin: 0 7px 10px;
    border: 3px solid #bbb; /*background:url("../Images/menu-bg.jpg") repeat scroll 0 0 #F5F5F5;*/
    background: #FFFFFF!important;
    box-shadow: 0 0 12px #000;
    padding: 10px;
    border-radius: 15px
}
#container-main .container-wrap.EventWebsiteSetup {
    border: 1px solid #c3c3c3;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 20px 60px;
    margin: 10px 40px;
}

.createEvent {
    border: 0px solid #bbb!important;
    margin: 6px 24px 20px!important;
    background: /*url("../Images/menu-bg.jpg") repeat scroll 0 0*/ #FFF;
    box-shadow: 0 0 12px #000;
    padding: 10px;
    border-radius: 15px
}

    .createEvent #contArea {
        width: auto;
        margin: 0
    }
/*** Header Section ***/
.eventName {
    float: left;
    margin-left: 10px;
    position: absolute
}

    .eventName .eventImg {
        background: #fff;
        width: 70px;
        margin-right: 15px;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 0 10px #333;
        padding: 8px;
        position: absolute
    }

        .eventName .eventImg img {
            width: 100%
        }

    .eventName h4, .eventName h2 {
        color: #fff;
        font-size: 32px;
        font-family: "Cuprum",Helvetica,Arial,sans-serif;
        padding-left: 95px;
        font-weight: 300!important;
        line-height: 50px;
        display: block;
        text-shadow: 0 1px 1px #444;
        float: left; /*width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis*/
    }

/*#midCont .wijmo-wijwizard-content, .landing .wijmo-wijwizard-content, .createEvent .wijmo-wijwizard-content {margin:5px 5px 0; padding-bottom:20px; background:url(../Images/bredcrumb-shadow.png) center 48px no-repeat}*/
.wijmo-wijwizard .ui-widget-content {
    background: none
}

#breadcrumb {
    overflow: hidden;
    margin: 0px;
    padding: 4px 6px;
    border-bottom: 1px solid #ddd;
    /* background: url(../Images/bredcrumb-shadow.png) center 48px no-repeat; */
    /*box-shadow: 0px 0px 5px #ddd;*/
    border-radius: 0px;
}

    #breadcrumb ul {
        overflow: hidden; /*  min-height:48px;*/
        border-radius: 0px;
        display: flex;
        flex-wrap: wrap;
    }

        #breadcrumb ul li {
            float: none;
            list-style: none;
            position: relative;
            margin: 0px 4px 4px 0px;
            padding: 0;
            opacity: 1;
            border-radius: 5px;
            background: none;
            border: none;
            overflow: hidden;
        }

    #breadcrumb li div {
        color: #76737d !important;
        font: normal 12px calibri;
        text-decoration: none;
        background: #f1f5ff !important;
        position: relative;
        display: block;
        float: left; /*IE hack*/
    }

@-moz-document url-prefix() {
    /*#breadcrumb li div h1 {padding: 15px 0 17px 30px;}*/
}

#breadcrumb li a {
    font: normal 11px calibri;
    text-decoration: underline
}

    #breadcrumb li a:hover, #breadcrumb li a:visited, #breadcrumb li a:link {
        color: var(--primary-dark); /*1a5bc3*/ /*9d3937*/
    }

#breadcrumb li h1 {
    font: bold 12px calibri; /*normal 11.6px calibri*/
    /*padding: 16px 0 17px 30px;*/ /*padding: 17px 0 16px 40px/9*/
    padding: 8px 12px;
}

#breadcrumb li div:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 52px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 40px solid transparent;
    /*border-left: 18px solid #ecdede;*/
    border-left: 0px solid #ecdede !important;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2
}

#breadcrumb li div:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 52px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 44px solid transparent;
    /*border-left: 20px solid white;*/
    border-left: 0px solid white !important;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1
}

#breadcrumb li:first-child div h1 {
    padding-left: 10px
}

#breadcrumb li div:hover, #breadcrumb li.active div {
    color: #fff;
    background: #4f92ff!important /*#00AEEF*/ /*#cc4744*/;
    cursor: pointer
}

    #breadcrumb li div:hover h1, #breadcrumb li.active div h1 {
        text-decoration: none;
        color: #fff
    }

    #breadcrumb li div:hover a, #breadcrumb li.active div a {
        color: #fff;
        text-decoration: none
    }

    #breadcrumb li div:hover:after, #breadcrumb li.active div:after {
        border-left-color: /* #00AEEF*/ #4f92ff !important
    }

#breadcrumb ul li .beta {
    position: absolute;
    height: 16px;
    width: 75px;
    font: 12px "Cuprum", Helvetica, calibri, sans-serif;
    color: #c40000;
    top: 0;
    right: 0
}

.bigTitle {
    font: 22px/48px "Cuprum", Helvetica, Arial, sans-serif;
    color: var(--secondary-color)!important;
    display: block;
    margin-bottom: 12px;
    height: 48px;
    margin: 5px 5px 0;
    padding-bottom: 20px;
    background: url(../Images/bredcrumb-shadow.png) center 48px no-repeat;
    text-align: center
}

/*** New Tab Css ***/
#tabs {
    overflow: hidden;
    margin-bottom: 0px
}

    #tabs ul {
        overflow: hidden;
    }

    #tabs li, #tabs1 li {
        text-decoration: none;
        white-space: normal;
        background: #f8f8f8;
        opacity: 1;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 0;
        /*border-bottom: none;*/
        display: block;
        float: left;
        margin: 2px 3px 0 0
    }

        #tabs li:hover, #tabs li.ui-priority-primary, #tabs1 li:hover, #tabs1 li.ui-priority-primary {
            background: var(--primary); /*#00AEEF*/
        }

        #tabs li a, #tabs li a {
            text-decoration: none;
            padding: 8px 10px;
            display: block
        }

            #tabs li a h1 {
                font: 15px "Cuprum", Helvetica, Arial, sans-serif;
                color: #086E93;
            }

        #tabs li:hover a, #tabs li.ui-priority-primary a {
            text-decoration: none;
        }

            #tabs li:hover a h1, #tabs li.ui-priority-primary a h1 {
                color: #fff;
            }

    #tabs .wizard-step-holder.Tabs02 {
        border-bottom-color: var(--primar-light2)
    }
    #tabs .wizard-step-holder.Tabs02 .SelectedTab {
        background: var(--primar-light2);
    }
        #tabs .wizard-step-holder.Tabs02 .SelectedTab h1 {
            color: #ffffff;
        }

    #tabs .ui-page a {
        padding: 2px 5px !important
    }

        #tabs .ui-page a:hover {
            background: #EAF1FA !important
        }

#leftSide {
    float: left;
    width: 180px;
    padding: 2px;
    border-radius: 0 0px 8px 0!important;
    margin: 8px 0px;
    box-shadow: 0px 0 0px #cccccc !important;
    position: relative;
    background: #fff;
    border: 1px solid #ddd !important;
    border-left: none;
    transition: margin 500ms ease 0s
}

    #leftSide .content-gird {
        background: #ffffff; /*url(../Images/menu-bg.jpg) 0 0 repeat*/
        border: none;
    }

    #leftSide .title-grid {
        background: #262C3A;
        box-shadow: none;
        border: none;
        border-radius: 0;
        color: #fff;
        padding: 5px 0 0 5px;
        line-height: 20px;
        text-align: left
    }

.slidetoggle {
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    z-index: 999;
    width: 15px;
    background: #fff;
    border-radius: 0 3px 3px 0
}

    .slidetoggle a {
        background: url(../Images/left.png) center center no-repeat;
        background-size: 9px !important;
        display: block;
        height: 30px;
        background-color: #ededed !important;
        padding: 0px 8px;
        margin-left: -2px;
        border-radius: 0px 6px 6px 0px;
        margin-top: -1px;
    }

        .slidetoggle a:hover {
            text-decoration: none
        }

        .slidetoggle a.toggle {
            background: url(../Images/right.png) center center no-repeat
        }

#midCont {
    min-height: 670px;
    overflow: hidden;
    position: relative;
    padding: 10px 50px 10px 30px;
    /*background: url("../Images/container-bg.jpg") repeat scroll 0 0 #fff;*/
    margin-left: 165px;
    margin-bottom: 8px;
    box-shadow: 0px 0px 0px #111111;
    border-radius: 25px 0 0 25px;
    /*border-left: 3px solid #ccc;*/
    border: 0px solid #e3e3e3;
    transition: margin 500ms ease 0s
}

#contArea {
    /*width: 96%;
    margin-left: 30px;*/
    margin-top:10px;
    -webkit-transition: width 1000ms ease 0s;
    -moz-transition: width 1000ms ease 0s;
    -o-transition: width 1000ms ease 0s;
    -ms-transition: width 1000ms ease 0s;
    transition: width 1000ms ease 0s
}

.landing #contArea {
    margin: 0;
    width: 100%
}

#contArea .wizardContentBG {
    background: #FFFFFF;
    border: 0px solid #e3e3e3;
    margin-bottom: 10px
}

    #contArea .wizardContentBG form, .modal form {
        padding: 10px 10px !important
    }

    #contArea .wizardContentBG .inner {
        padding: 15px
    }

        #contArea .wizardContentBG .inner .wijmo-wijgrid {
            border: 1px solid #ededed; /*DDDDDD*/
        }

        #contArea .wizardContentBG .inner ul#sortable {
            border-top: 1px solid #DDDDDD
        }

            #contArea .wizardContentBG .inner ul#sortable .ui-state-default-menuList:hover {
                cursor: move
            }

            #contArea .wizardContentBG .inner ul#sortable .wijmo-wijupload-filesList .wijmo-wijupload-buttonContainer a .ui-button-text {
                padding: 0
            }

            #contArea .wizardContentBG .inner ul#sortable .wijmo-wijupload-commandRow {
                display: none !important
            }

.modal .note01 {
    margin-bottom: 5px
}

.modal .indent .info {
    right: -20px
}

.msg {
    color: #666;
    font-style: italic;
    font-size: 12px
}

#contArea .wizardContentBG form fieldset, .modal form fieldset {
    border-top: 1px solid #f0f0f0;
    /*border: 1px solid #e3e3e3;*/
}

#contArea .elem, .modal .elem, .modal .elem1, #contArea .elem1 {
    border: 1px solid #f0f0f0;
    border-top: 1px solid #FFF;
    padding: 12px 15px;
    overflow: hidden
}

    #contArea .elem label {
        float: left;
        width: 12%;
        margin-right: 5px
    }

#contArea.VirtualActivity .BannerDesignParent {
    padding: 10px 4px 0px 5px;
}

#contArea.VirtualActivity .elem label {
    float: left;
    width: 18%;
    margin-right: 15px;
}

    #contArea.VirtualActivity .elem .VirtualBannerDesign input[type="text"] {
        border: 1px solid #ccc;
        padding: 2px;
        border-radius: 3px;
        height: 20px;
        top: -5px;
        width: 77%;
    }

#contArea.VirtualBannerDesign .elem label {
    width: unset !important;
}
#contArea .VirtualBannerDesign {
    width: 49.4%;
    padding-left: 8px;
}

.VirtualActivityPageLeft span {
    width: 95% !important;
    float: right;
    position: relative;
    top: 4px;
}
.VirtualActivityPageLeft input.ShowSetting {
    top: 1px!important;
}

.settingPage ul.VideoOptions label {
    float: right !important;
    width: 94% !important;
}
.settingPage ul.VideoOptions .clsPrinterSettings {
    top: 2px;
}
#contArea.VirtualActivity .clsEventsetupLabelSize .authSection.settingSection .side {
    background: #fff;
    border-radius: 8px;
}

.modal .elem label {
    float: left;
    width: 28%;
    margin-right: 5px
}

.DivModifyPassword label {
    padding-top: 9px;
}

#contArea .elem table td label {
    float: none;
    display: block;
    width: auto
}

#contArea .elem .indent {
    margin: 0;
    width: 75%;
    float: left
}

#contArea .elem1 .indent input[type="checkbox"] {
    float: none;
    vertical-align: text-top;
}

/*Notification page specific styles Start*/

.NotificationPage .indent.input-container {
    position: relative;
}

.NotificationPage #EUP_Title {
    width: 96% !important;
    padding-right: 40px !important; /* Space for character count */
}

.NotificationPage .indent.input-container #charCount::after {
    content: attr(data-char-count); /* Display character count */
    position: absolute;
    right: 5px; /* Adjust position as needed */
    top: 50%; /* Vertically center the character count */
    transform: translateY(-50%);
}

/*Notification page specific styles End*/

/*List page > Title > buttons on the right side like setting, add, email etc - Start*/

.wizardContentBG .title-grid a.QRCodePrint {
    background-position: -24px -370px !important;
}

.qr-page {
    page-break-before: always;
    text-align: center;
    margin: 10mm 0 0;
    padding: 0;
}

.qr-card {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
}

.qr-code {
    /*width: 250px;
            height: 250px;*/
    margin: 0 auto;
    display: block;
}

.activity-info {
    margin-top: 20px;
}

/*List page > Title > buttons on the right side like setting, add, email etc Start*/

.modal .elem .indent {
    margin: 0;
    width: 65%;
    float: left
}

.modal .elem .distance {
    width: 95%
}

#contArea .elem .distance {
    margin-left: 30px
}

#contArea .elem .indent label, .modal .elem .indent label {
    width: auto
}

#contArea .wijmo-wijupload {
    position: relative
}

    #contArea .wijmo-wijupload input[type="file"] {
        top: 0 !important;
        left: 0 !important;
        z-index: 10000 !important;
        width: 90px;
        height: 32px !important
    }

.eventMenu #contArea .wijmo-wijupload input[type="file"] {
    width: 130px;
    height: 48px !important
}

#contArea .innerUploadCont .wijmo-wijupload {
    position: absolute;
    top: 1px;
}

#contArea .innerUploadCont #DocumentUpload {
    position: relative
}

#customForm .ChatImage {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    padding: 5% 0
}

    #customForm .ChatImage img {
        width: 20%;
        margin-bottom: 15px
    }

    #customForm .ChatImage p {
        font: 14px "Cuprum", Helvetica, Arial, sans-serif;
        color: #999
    }

.innerUploadCont .wijmo-wijupload + a.ui-button {
    float: right
}

.innerUploadCont .wijmo-wijupload .wijmo-wijupload-buttonContainer a {
    padding: 0px
}

    .innerUploadCont .wijmo-wijupload .wijmo-wijupload-buttonContainer a span.ui-icon {
        padding: 0;
        background-image: url("../Content/themes/rocket/images/ui-icons_fafafa_256x240.png")
    }

.innerUploadCont .wijmo-wijupload .wijmo-wijupload-filesList {
    display: block
}

    .innerUploadCont .wijmo-wijupload .wijmo-wijupload-filesList li {
        padding: 0;
        background: none
    }

        .innerUploadCont .wijmo-wijupload .wijmo-wijupload-filesList li .wijmo-wijupload-file {
            max-height: 22px;
            max-width: 150px;
            line-height: normal;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .innerUploadCont .wijmo-wijupload .wijmo-wijupload-filesList li .wijmo-wijupload-buttonContainer {
            position: static
        }

.innerUploadCont .wijmo-wijupload .wijmo-wijupload-commandRow {
    display: none !important
}

    .innerUploadCont .wijmo-wijupload .wijmo-wijupload-commandRow a {
        padding: 2px 4px
    }

    .innerUploadCont .wijmo-wijupload .wijmo-wijupload-commandRow span.ui-icon {
        display: none
    }

    .innerUploadCont .wijmo-wijupload .wijmo-wijupload-buttonContainer a span.ui-button-text, .innerUploadCont .wijmo-wijupload .wijmo-wijupload-commandRow .ui-button-text {
        padding: 0
    }

#contArea .wizardContentBG form .readonly-gird fieldset {
    border: 1px solid #ddd;
    background: #edf4fa;
    padding: 5px 5px 0;
    overflow: hidden
}

#contArea .readonly-gird .elem {
    border: none;
    padding: 5px;
    overflow: hidden;
    float: left;
    width: 31.5%;
    margin: 0 15px 0 0;
    clear: none
}

    #contArea .readonly-gird .elem:nth-child(3n) {
        margin-right: 0
    }

    #contArea .readonly-gird .elem label {
        float: left;
        width: 35%;
        margin-right: 8px;
        font-size: 12px
    }

        #contArea .readonly-gird .elem label.mandatory:before {
            content: ""
        }

    #contArea .readonly-gird .elem .indent {
        margin: 0;
        width: 60%;
        float: left
    }

#contArea .readonly-gird fieldset .elem .indent input {
    width: 95%;
    color: #0a73de !important;
    font-size: 11px;
    font-weight: bold;
    border-radius: 0;
    padding: 0;
    height: auto;
    border: none;
    background: none !important;
    box-shadow: none;
    transition: none
}


.wizButtons fieldset input.ui-state-default, fieldset .button-a, .ui-sortable .button-a {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #379cf1;
    background-image: -moz-linear-gradient(top, #379cf1, #087ee1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#379cf1), to(#087ee1));
    background-image: -webkit-linear-gradient(top, #379cf1, #087ee1);
    background-image: -o-linear-gradient(top, #379cf1, #087ee1);
    background-image: linear-gradient(to bottom, #379cf1, #087ee1);
    background-repeat: repeat-x;
    border-color: #348fea #348fea #348fea;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#379cf1', endColorstr='#087ee1', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
/*New button style*/
.wizButtons fieldset input.ui-state-default, fieldset .button-a, .ui-sortable .button-a {
    border: 1px solid;
    background: #fff;
    color: #379cf1;
    text-shadow:none;
}

ul.mainEventList.list a.button-a:hover {
    background: #379cf1 !important;
    color: #fff !important;
    text-shadow: none !important;
}
/*END New button style*/

.wizButtons .button-a {
    margin-right: 8px;
}

.button-a {
    cursor: pointer;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    /*background-color: #7ab744;
    background-image: -moz-linear-gradient(top,#74c03b,#55981a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a));
    background-image: -webkit-linear-gradient(top,#74c03b,#55981a);
    background-image: -o-linear-gradient(top,#74c03b,#55981a);
    background-image: linear-gradient(to bottom,#74c03b,#55981a);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
}
    .button-a#Print, .button-a#Search {
        background: var(--primary);
        border-color: var(--primary-dark);
    }
        .button-a#Print:hover, .button-a#Search:hover {
            background: var(--primary-dark);
            border-color: var(--primary-dark);
        }
.wizButtons input.button-a {
    cursor: pointer;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    /*background-color: #7ab744; background-image: -moz-linear-gradient(top,#74c03b,#55981a); background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a)); background-image: -webkit-linear-gradient(top,#74c03b,#55981a); background-image: -o-linear-gradient(top,#74c03b,#55981a); background-image: linear-gradient(to bottom,#74c03b,#55981a); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
    background-color: #e64a05;
    background-image: -moz-linear-gradient(top, #e64a05, #b83c04);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e64a05), to(#b83c04));
    background-image: -webkit-linear-gradient(top, #e64a05, #b83c04);
    background-image: -o-linear-gradient(top, #e64a05, #b83c04);
    background-image: linear-gradient(to bottom, #e64a05, #b83c04);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e64a05', endColorstr='#b83c04', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.wizButtons fieldset input.ui-state-default:hover, fieldset .button-a:hover, .wizButtons input.ui-state-default:hover, .button-a:hover {
    background: var(--primary-dark); /*#76ac17*/
}

.wizButtons input.button-a.inactive {
    background: #D87C54;
    pointer-events: none;
    color: #ccc;
    cursor: default
}

    .wizButtons input.button-a.inactive:hover {
        background: #D87C54;
    }

.greenBtn {
    padding: 0;
    height: 50px;
    width: 250px;
    display: block;
    margin: 0 auto;
    color: #fff !important;
    font: 23px/50px "Cuprum", Helvetica, Arial, sans-serif
}

    .greenBtn span {
        height: 43px;
        width: 48px;
        background: url(../Images/landing-sprite.png) -369px -184px no-repeat;
        display: block;
        float: left;
        margin-right: 12px;
        border-right: 1px solid #81ca4a;
        box-shadow: 0 0px 1px #3d7a0a
    }

.blueBtn {
    padding: 0;
    height: 50px;
    width: 250px;
    display: block;
    margin: 0 auto;
    color: #fff !important;
    font: 23px/50px "Cuprum", Helvetica, Arial, sans-serif
}

    .blueBtn span {
        height: 43px;
        width: 48px;
        background: url(../Images/landing-sprite.png) -526px -187px no-repeat;
        display: block;
        float: left;
        margin-right: 12px;
        border-right: 1px solid #57aaf1;
        box-shadow: 0 0px 1px #0c65b0
    }

    .blueBtn:hover span {
        border-right: 1px solid #81ca4a;
        box-shadow: 0 0px 1px #3d7a0a
    }

    .blueBtn.bigButton {
        margin-bottom: 15px!important;
        border: 1px solid!important;
        background: #fff!important;
        color: #379cf1!important;
        text-shadow: none!important;
        box-shadow: none!important;
    }

        /*.blueBtn.bigButton:hover {
            margin-bottom: 15px;
            border: 1px solid;
            background: #fff;
            color: #379cf1;
            text-shadow: none;
            box-shadow: 0px 0px 7px #d3d3d3;
        }*/


#contArea .elem .indent input[type="text"], #contArea .elem .indent input[type="url"], #contArea .elem .indent input[type="password"], .modal .elem .indent input[type="text"], .modal .elem .indent input[type="password"], .indent input[type="number"] {
    width: 93%;
    border-radius: 8px;
    padding: 4px 6px;
    height: 26px;
    border: 1px solid #e8e8e8;
    background: #FFFFFF !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s
}

#contArea .elem .indent select, .modal .elem .indent select { /*width:95%;*/
    width: 96.8%;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    height: 35px;
}

#contArea .elem .indent textarea, .modal .elem .indent textarea {
    width: 95%;
    border-radius: 8px;
    padding: 4px 6px;
    height: 100px;
    border: 1px solid #e8e8e8;
    background: #FFFFFF !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s
}

    #contArea .elem .indent input:focus, #contArea .elem .indent select:focus, #contArea .elem .indent textarea:focus, #DummyFileUploader:focus,
    .modal .elem .indent input:focus, .modal .elem .indent select:focus, .modal .elem .indent textarea:focus {
        border-color: rgba(82, 168, 236, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6)
    }

.indent.smallSelect select {
    width: 78% !important
}

#contArea .elem .indent1 {
    margin: 0;
    width: 88%
}

#DummyFileUploader {
    width: 55%;
    border-radius: 8px;
    padding: 4px 6px;
    color: #333;
    height: 26px;
    border: 1px solid #ccc;
    background: #fff !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s
}


.wijmo-wijexpander .ui-expander-header {
    background: #43546E;
    border: 1px solid #374659;
    box-shadow: 0 1px #4F6688 inset;
    position: relative
}

    .wijmo-wijexpander .ui-expander-header a {
        padding: 4px 0 4px 30px;
        font: 17px "Cuprum", Helvetica, Arial, sans-serif;
        color: #fff;
        display: block;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
    }

.ui-expander .ui-expander-content {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none
}

#prevArea {
    width: 25%;
    position: absolute;
    top: 55px;
    right: -5px
}

    #prevArea #slidePanel {
        text-decoration: none;
        cursor: pointer;
        background: #fff url(../Images/preview-publish.png) 0 0 no-repeat;
        position: absolute;
        left: -27px;
        top: -1px;
        display: block;
        height: 196px;
        width: 26px
    }

        #prevArea #slidePanel:hover, #prevArea #slidePanel.arrow {
            background: #fff url(../Images/preview-publish.png) 0 -224px no-repeat
        }

    #prevArea .preview {
        background: url("../Images/white-mob-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 1px solid #CCCCCC;
        border-radius: 0 0 0 10px;
        box-shadow: -3px 0 3px #EDEDED;
        min-height: 446px;
        padding: 10px 0;
        position: absolute;
        text-align: center;
        top: 20px;
        transition: width 1000ms ease 0s;
        width: 15px;
    }

        #prevArea .preview img {
            width: 100%
        }

        #prevArea .preview h2 {
            padding: 10px;
            background: #dfdfdf;
            border-bottom: 1px solid #ccc;
            margin-bottom: 10px
        }

            #prevArea .preview h2 span {
                margin: 0 0 0 105px;
                font: bold 16px arial;
                color: #555
            }

        #prevArea .preview .application {
            height: 494px;
            left: 23px;
            position: absolute;
            top: 76px;
            transform: scale(0.62);
            -ms-transform: scale(0.62); /* IE 9 */
            -webkit-transform: scale(0.62); /* Safari and Chrome */
            transform-origin: 0 0 0;
            -ms-transform-origin: 0 0 0;
            -webkit-transform-origin: 0 0 0;
            width: 328px;
        }

            #prevArea .preview .application iframe {
                height: 100%
            }

    #prevArea .width200 {
        width: 250px
    }

    #prevArea .publish {
        background: url("../Images/publishBtn.png") no-repeat 0 0;
        height: 54px;
        width: 54px;
        text-decoration: none;
        position: absolute;
        left: 100px;
        bottom: 20px
    }

.customTable {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse
}

    .customTable .tableHead th {
        padding: 5px;
        font: lighter 17px "Cuprum",Helvetica,Arial,sans-serif;
        text-align: left
    }

        .customTable .tableHead th:hover {
            background: none repeat scroll 0 0 #eaf1fa;
        }

    .customTable tr {
        background: #fff
    }

        .customTable tr:nth-child(2n+1) {
            background: #ededed
        }

        .customTable tr td {
            padding: 8px 5px
        }

        .customTable tr:hover td {
            background: #faf7dc
        }

        .ui-widget-content .tableCont tr.wijmo-wijgrid-headerrow, .customTable tr.tableHead {
            border-bottom: 1px solid #6a9d36;
            background: #c9d5e4;
            background: -moz-linear-gradient(top, #eaf1fa 0%, #c9d5e4 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf1fa ), color-stop(100%,#c9d5e4));
            background: -webkit-linear-gradient(top, #eaf1fa 0%,#c9d5e4 100%);
            background: -o-linear-gradient(top, #eaf1fa 0%,#c9d5e4 100%);
            background: -ms-linear-gradient(top, #eaf1fa 0%,#c9d5e4 100%);
            background: linear-gradient(to bottom, #eaf1fa 0%,#c9d5e4 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf1fa ', endColorstr='#c9d5e4',GradientType=0 );
        }

        .customTable tr.tableHead {
            border: none
        }

.ui-widget-content .tableCont tr th {
    background: none;
    box-shadow: none
}

    .ui-widget-content .tableCont tr th a, .ui-wid get-content .tableCont tr th span {
        text-align: left;
        color: #30381e;
        font-size: 1.35rem !important;
    }

    .ui-widget-content .tableCont tr th:hover {
        background: #EAF1FA
    }

    .ui-widget-content .tableCont tr th div a.wijmo-wijgrid-headertext {
        padding: 0.2em;
        font: lighter 17px "Cuprum",Helvetica,Arial,sans-serif
    }

.ui-widget-content .tableCont .wijmo-wijgrid-filterrow {
    display: none
}

    .ui-widget-content .tableCont .wijmo-wijgrid-filterrow td {
        padding: 3px 2px;
        background: #cdcdcd; /* Old browsers */
        background: -moz-linear-gradient(top, #cdcdcd 0%, #b9b9b9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cdcdcd 0%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cdcdcd 0%,#b9b9b9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cdcdcd 0%,#b9b9b9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #cdcdcd 0%,#b9b9b9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
    }

        .ui-widget-content .tableCont .wijmo-wijgrid-filterrow td a {
            background: #fff;
            border: 1px solid #a1a0a0
        }

.ui-widget-content .tableCont tr td {
    background: #f7f7f7;
    border: none;
    color: #333;
    padding: 10px 6px
}

/* Date : 3-Aug-2016 CSS = Analytics Fomt change */
#anyliticsTab .ui-widget-content .tableCont tr td div {
    font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
}
/*#anyliticsTab .wijmo-wijgrid-datarow {
height: 30px !important;
}*/

.ui-widget-content .tableCont tr td .colorCont {
    display: block;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    margin: 0 auto
}
/*.ui-widget-content .tableCont tr td:nth-child(4) {color:#008dc2}*/
.ui-widget-content .tableCont tr.wijmo-wijgrid-alternatingrow td {
    background: #fff
}

.ui-widget-content .tableCont tr.ui-state-hover td {
    background: #faf7dc;
    color: #000;
    border: none;
    padding:10px 6px;        
}

.ui-widget-content .tableCont tr td input[type="text"] {
    border-radius: 4px;
    padding: 2px;
    height: 26px;
    border: 1px solid #ddd;
    background: #FFFFFF !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s
}

    .ui-widget-content .tableCont tr td input[type="text"]:hover, .ui-widget-content .tableCont tr td input[type="text"]:focus {
        border-color: rgba(82, 168, 236, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6)
    }

.wijmo-wijgrid .wijmo-wijpager, .wijmo-wijgrid .wijmo-wijpager:hover {
    background: #43546E;
    border: 1px solid #374659;
    box-shadow: 0 1px #4F6688 inset;
}

    .wijmo-wijgrid .wijmo-wijpager ul li {
        background: #fff;
        border: 1px solid #2B3F5E;
        border-radius: 3px !important;
    }

        .wijmo-wijgrid .wijmo-wijpager ul li a {
            color: #333;
        }

        .wijmo-wijgrid .wijmo-wijpager ul li.ui-state-active {
            color: #fff;
            background: #40A1DB !important
        }

.wijmo-wijgrid .wijmo-wijgrid-table .wijmo-wijgrid-filter-input {
    height: 12px;
    padding: 2px 3px;
    font-size: 11px
}

.wijmo-wijgrid .wijmo-wijgrid-table .wijmo-wijgrid-filter-trigger {
    height: 8px;
    padding: 4px 3px;
    width: 12px
}

    .wijmo-wijgrid .wijmo-wijgrid-table .wijmo-wijgrid-filter-trigger .ui-icon-triangle-1-s {
        background-position: -66px -20px
    }
/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("images/ui-icons_00a6dd_256x240.png")}*/
.wijmo-wijdialog-captionbutton:hover {
    padding: 1px
}

.ui-widget-content {
    border: none
}
/*#fixMenu {position:absolute; top:5px; right:0; z-index:999}*/

.wizardContentBG .survey-export a {
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    margin: 2px;
    padding: 1px;
    text-decoration: none;
    background: url(../Images/topmenu.png) 0 0 no-repeat; /*border:2px solid #fff; box-shadow:0 0 2px #000; border-radius:6px; -webkit-transition: background-color 500ms ease-in-out; -moz-transition: background-color 500ms ease-in-out; -o-transition: background-color 500ms ease-in-out; -ms-transition: background-color 500ms ease-in-out; transition: background-color 500ms ease-in-out*/
}

.wizardContentBG .surveyeventsession-export a {
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    margin: 2px;
    padding: 1px;
    text-decoration: none;
    background: url(../Images/topmenu_eventsession.png) 0 0 no-repeat; /*border:2px solid #fff; box-shadow:0 0 2px #000; border-radius:6px; -webkit-transition: background-color 500ms ease-in-out; -moz-transition: background-color 500ms ease-in-out; -o-transition: background-color 500ms ease-in-out; -ms-transition: background-color 500ms ease-in-out; transition: background-color 500ms ease-in-out*/
}

    .wizardContentBG .surveyeventsession-export a.import {
        background-position: 4px -117px; /*background-color:#e0701d; margin-left:8px*/
    }


.wizardContentBG .title-grid a.csv {
    background-position: -24px -548px !important;
}

.wizardContentBG .title-grid a.excel  {
    background-position: -25px -515px !important;
}
.wizardContentBG .title-grid a.pdf {
    background-position: -25px -444px !important;
}

.wizardContentBG .title-grid a, .gridBox a.add, .titleHead .import.ExcelIcon {
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    margin: 2px;
    padding: 1px;
    text-decoration: none;
    background: #0866ff url(../Images/topmenu2023.png) no-repeat !important; /*border:2px solid #fff; box-shadow:0 0 2px #000; border-radius:6px; -webkit-transition: background-color 500ms ease-in-out; -moz-transition: background-color 500ms ease-in-out; -o-transition: background-color 500ms ease-in-out; -ms-transition: background-color 500ms ease-in-out; transition: background-color 500ms ease-in-out*/
    border-radius: 3px;
}

.titleHead .import.ExcelIcon {
    background-position: -26px -516px !important;
}
    .wizardContentBG .title-grid a:hover { /*background-color:#bcad04!important*/
        box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
    }

    .wizardContentBG .title-grid a.import {
        background-position: 4px -112px!important; /*background-color:#e0701d; margin-left:8px*/
    }

    .wizardContentBG .title-grid a.import2 {
        background-position: -24px -516px!important; /*background-color:#e0701d; margin-left:8px*/
    }

    .wizardContentBG .title-grid a.setting {
        background-position: 4px -145px!important; /*background-color:#1899dc; margin-left:8px*/
    }

    .wizardContentBG .title-grid a.add, .gridBox a.add {
        background-position: 4px -180px!important; /*background-color:#639b31; margin-left:8px*/
    }
.gridBox a.add {
    float:left;
    width: 24px;
    height: 24px !important;
    padding: 4px;
    background-position: 8px -177px !important;
}

    .wizardContentBG .title-grid a.pool {
        background-position: 4px -35px;
    }

    .wizardContentBG .title-grid a.bulkmail {
        background-position: 4px -371px!important; /*background-color:#BB40CE; margin-left:8px*/
    }

    .wizardContentBG .title-grid a.mail {
        background-position: 4px -407px!important; /*background-color:#BB40CE; margin-left:8px*/
    }

    .wizardContentBG .title-grid a.guide {
        background-position: 3px -579px!important; /*background-color:#BB40CE; margin-left:8px*/
    }

.copyURLBolck a#copyUrl:hover, .UserProfileResetPasswordLink a#copyUrl:hover {
    box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
    text-decoration: none;
}

.wizardContentBG .copyURLBolck a#copyUrl, .wizardContentBG .UserProfileResetPasswordLink a#copyUrl {
    font-size: 14px;
    margin-left: -5px;
    padding: 5px 10px;
    color: #fff;
    width: auto;
    line-height: 35px;
    border-radius: 3px;
    background-color: var(--primary);
    background-image: none !important;
    /*background-color: #7ab744;
    background-image: -moz-linear-gradient(top,#74c03b,#55981a) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a)) !important;
    background-image: -webkit-linear-gradient(top,#74c03b,#55981a) !important;
    background-image: -o-linear-gradient(top,#74c03b,#55981a) !important;
    background-image: linear-gradient(to bottom,#74c03b,#55981a) !important;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
}

.wizardContentBG .title-grid a#copyUrl {
    font-size: 14px;
    margin-left: 8px;
    padding: 1px 10px;
    color: #fff;
    width: auto;
    line-height: 24px;
    border-radius: 3px;
    background-color: var(--primary);
    background-image: none !important;
    /*background-color: #7ab744;
    background-image: -moz-linear-gradient(top,#74c03b,#55981a) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a)) !important;
    background-image: -webkit-linear-gradient(top,#74c03b,#55981a) !important;
    background-image: -o-linear-gradient(top,#74c03b,#55981a) !important;
    background-image: linear-gradient(to bottom,#74c03b,#55981a) !important;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
}

    .wizardContentBG .title-grid a#copyUrl:hover {
        /*background-color: #64a14e*/
        background-color: var(--primary-dark);
    }
.copyURLBolck {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .copyURLBolck .urlSection {
        width: 80%;
    }
.createEvent .title-grid a {
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    padding: 1px;
    text-decoration: none;
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none
}

    .createEvent .title-grid a:hover {
        background-color: none !important
    }

a.WhiteBtn {
    margin-top: -38px;
    right: 86px;
    padding: 5px 20px;
    background-color: #ffffff;
    font: 17px/25px "Cuprum", Helvetica, Arial, sans-serif;
    height: 24px;
    float: right;
    border: 1px solid #919191;
    border-radius: 6px;
    color: #0866ff;
}

    a.WhiteBtn:hover {
        text-decoration: none;
        background-color: #0866ff;
        color: #ffffff;
        border: none;
    }

a.abstractIcon {
    display: block;
    float: right;
    height: 24px;
    width: 105px;
    margin: 2px;
    padding: 5px 5px 5px 35px;
    font: 16px/25px "Cuprum", Helvetica, Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    background: url(../Images/topmenu.png) 8px -510px no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 2px #999;
    border-radius: 6px;
    -webkit-transition: background-color 500ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out;
    -o-transition: background-color 500ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out;
    background-color: #1899dc;
}

a.manageAuthor {
    display: flex;
    align-items:center;
    float: right;
    margin: 2px;
    padding: 5px 10px;
    font: 14px/25px "Cuprum", Helvetica, Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    /*position: absolute;*/
    top: 0;
    right: 50px;
    border: 2px solid #fff;
    box-shadow: 0 0 2px #999;
    border-radius: 8px;
    -webkit-transition: background-color 500ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out;
    -o-transition: background-color 500ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out;
    background-color: #1899dc;
}
    a.manageAuthor:hover {
        background-color: #639b31
    }
.manageAuthor .Abstract_Icon {
    background: url(../Images/topmenu.png) 5px -512px no-repeat;
    width: 26px;
    height: 26px;
    margin-right:5px;
}

    a.abstractIcon:hover {
        background-color: #639b31
    }

a.ACSWinnerImportIcon {
    display: block;
    float: right;
    height: 24px;
    /* width: 105px; */
    margin: 2px;
    padding: 5px 10px 5px 35px;
    font: 14px / 25px "Cuprum", Helvetica, Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    background: url(../Images/manage-data.png) 6px center no-repeat;
    background-size: 22px;
    /* position: absolute; */
    top: 0;
    right: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 2px #999;
    border-radius: 6px;
    -webkit-transition: background-color 500ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out;
    -o-transition: background-color 500ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out;
    background-color: #1899dc;
}

a.ACSWinnerImportIcon1 {
    display: block !important;
    /*margin-right: 160px;*/
    /*background-image: none;*/
}

.splashBtns {
    position: absolute;
    right: 76px;
    top: 246px;
}
/*Back to top button*/
#back-top {
    position: fixed;
    bottom: 15px;
    right: 5px;
    z-index: 999
}
    /* arrow icon (span tag) */
    #back-top span {
        width: 50px;
        height: 50px;
        cursor: pointer;
        display: block;
        background: rgba(191, 45, 26, 0.5) url(../Images/up-arrow.png) no-repeat center center; /* rounded corners */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; /* background color transition */
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s
    }

        #back-top span:hover {
            background-color: /*#6ea500*/ rgba(191, 45, 26, 0.8)
        }

/*** Control Panel Css ***/
.controlPanel {
    background: none !important;
    border: none !important;
    box-shadow: none !important
}

    .controlPanel h2 {
        font: 22px/44px "Cuprum", Helvetica, Arial, sans-serif;
        color: #a2d34e;
        background: url(../Images/controlPanel/control-panel-head.png) 0 0 no-repeat;
        padding-left: 40px;
        border-bottom: 1px solid #090b0e
    }

.panelGrid {
    overflow: hidden;
    border-top: 0px solid #35373e!important;
    padding-top: 15px
}

    .panelGrid ul {
        list-style: none;
        margin-right: -60px;
        overflow: hidden
    }

        .panelGrid ul li {
            float: left;
            margin-right: 60px;
            margin-bottom: 45px;
            overflow: hidden;
            border: 1px solid #e9e9e9;
        }

            .panelGrid ul li .panel {
                width: 216px;
                position: relative;
                height: 116px;
                padding: 5px;
                display: block;
                border-radius: 10px;
                margin: 8px;
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 8px rgba(255, 255, 255, 0.4);
                background: url(../Images/panel.png) 0 0 no-repeat;
                -webkit-transition: all 500ms;
                -moz-transition: all 500ms;
                transition: all 500ms
            }

                .panelGrid ul li .panel:hover {
                    text-decoration: none;
                    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 8px rgba(154, 280, 60, 0.4);
                }

                .panelGrid ul li .panel img {
                    margin: 8px 14px 0 10px;
                    float: left;
                    transition: all 1s;
                    height:45px;
                }

                .panelGrid ul li .panel:hover img {
                    -webkit-transform: rotate(360deg) scale(1);
                    -moz-transform: rotate(360deg) scale(1);
                    -o-transform: rotate(360deg) scale(1);
                    -ms-transform: rotate(360deg) scale(1);
                    transform: rotate(360deg) scale(1)
                }

                .panelGrid ul li .panel .imp {
                    background: url(../Images/controlPanel/imp.png) 0 0 no-repeat;
                    height: 20px;
                    width: 80px;
                    position: absolute;
                    left: -9px;
                    top: -8px;
                    display: block
                }

                .panelGrid ul li .panel .impImg {
                    background: url(../Images/controlPanel/No-longer-available.png) 0 0 no-repeat;
                    display: block;
                    height: 20px;
                    left: -9px;
                    position: absolute;
                    top: -8px;
                    width: 180px;
                    display: block
                }

            .panelGrid ul li .ribbon {
                background-color: #a00;
                overflow: hidden;
                white-space: nowrap;
                /* top left corner */
                position: absolute;
                right: -30px;
                top: -6px;
                /* 45 deg ccw rotation */
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                /* shadow */
                /* -webkit-box-shadow: 0 0 10px #888;
     -moz-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;*/
            }

                .panelGrid ul li .ribbon span, .panelGrid ul li .ribbonBlue span {
                    border: 0px solid #faa!important;
                    color: #fff;
                    display: block;
                    font: 12px "Cuprum", Helvetica, Arial, sans-serif;
                    margin: 1px 0;
                    padding: 5px 30px;
                    text-align: center;
                    text-decoration: none;
                    /* shadow */
                    text-shadow: 0 0 5px #444;
                    letter-spacing: 2px;
                }

            .panelGrid ul li .panel .head {
                font: 17px "Cuprum", Helvetica, Arial, sans-serif;
                color: #000;
                display: block
            }

            .panelGrid ul li .panel .head1 {
                color: #198ee1
            }

            .panelGrid ul li .panel .head2 {
                color: #9f8e01
            }

            .panelGrid ul li .panel .head3 {
                color: #114DC8
            }

            .panelGrid ul li .panel .head4 {
                color: #c03b67
            }

            .panelGrid ul li .panel .head5 {
                color: #C61C1C
            }

            .panelGrid ul li .panel .head6 {
                color: #993cd3
            }

            .panelGrid ul li .panel .head7 {
                color: #0090aa
            }

            .panelGrid ul li .panel .head8 {
                color: #c28a04
            }

            .panelGrid ul li .panel .head9 {
                color: #cd3f23
            }

            .panelGrid ul li .panel .head10 {
                color: #000000
            }

            .panelGrid ul li .panel .head11 {
                color: #c99f3d
            }

            .panelGrid ul li .panel .head12 {
                color: #578d03
            }

            .panelGrid ul li .panel .desc {
                font: normal 12px arial;
                color: #222;
                line-height: 15px;
                float: left;
                width: 138px
            }

            .panelGrid ul li.inactive {
                position: relative;
            }

                .panelGrid ul li.inactive .panel {
                    opacity: 0.5;
                    cursor: default;
                    pointer-events: none;
                }

            .panelGrid ul li .panel:hover {
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 8px rgba(255, 255, 255, 0.4);
            }

            .panelGrid ul li.inactive .panel img {
                transition: none
            }

            .panelGrid ul li.inactive span.text {
                font: 22px "Cuprum", Helvetica, Arial, sans-serif;
                color: #fff;
                position: absolute;
                top: 60px;
                left: 70px;
                text-shadow: 0 2px 2px #000
            }

/*** Anylitics Page Css ***/
#anyliticsTab {
    background: none;
    border: none;
}

    #anyliticsTab #tabs {
        background: none;
        padding: 0;
        border: none;
        margin: 0
    }

    #anyliticsTab ul.mainTab {
        list-style: none;
        background: none;
        padding: 0 0 0 8px;
        margin: 0;
        border: none
    }

        #anyliticsTab ul.mainTab li {
            float: left;
            position: relative;
            margin-right: 8px;
            border-radius: 3px 3px 0 0;
            top: 0;
            background: #eaf1fa
        }
        #anyliticsTab ul.mainTab.searchArea li {
            background: #fff;
        }

            
            #anyliticsTab ul.mainTab li:hover, #anyliticsTab #tabs ul.mainTab li.ui-state-active {
                background: var(--primar-light2)
            }

    #anyliticsTab li.ui-priority-primary {
        background: none
    }

    #anyliticsTab ul.mainTab li:hover {
        background: var(--primar-light2)
    }

    #anyliticsTab ul.mainTab li.ui-state-active {
        background: var(--primar-light2)
    }

    #anyliticsTab ul.mainTab li a {
        display: block;
        padding: 0 12px;
        cursor: pointer;
        text-decoration: none;
        height: 30px;
        font: 16px/30px "Cuprum", Helvetica, Arial, sans-serif;
        color: #086E93;
    }

        #anyliticsTab ul.mainTab li.ui-state-active a, #anyliticsTab ul.mainTab li a:hover {
            color: #fff;
            text-decoration: none
        }

    #anyliticsTab .tabCont {
        background: none;
        padding: 5px;
        overflow: hidden;
        height: auto;
        clear: both;
    }

        #anyliticsTab .tabCont .ui-widget-content {
            background: none;
            padding: 0px!important;
        }

            #anyliticsTab .tabCont .ui-widget-content .wijmo-wijgrid {
                background: #fff
            }

    #anyliticsTab .tabCont {
        border: 1px solid #ddd;
        border-top: 3px solid var(--primar-light2);
        border-radius: 8px
    }

        #anyliticsTab .tabCont .tabCont {
            background: #f9f9f9
        }

    #anyliticsTab div h2 {
        color: var(--secondary-color);
        display: block;
        font: 17px "Cuprum",Helvetica,Arial,sans-serif;
        margin: 0 0 8px;
        clear: both;
    }

#innTabs ul.mainTab li {
    opacity: 0.5;
    pointer-events: none
}

    #innTabs ul.mainTab li.enable {
        opacity: 1;
        pointer-events: auto
    }
/*#anyliticsTab .tabCont .tabCont div div div {width:100%!important}
#anyliticsTab .tabCont .tabCont div div div table {width:100%!important; margin-bottom:10px}*/
#anyliticsTab #tabs .ui-tabs-hide {
    display: none
}

#anyliticsTab #tabs .result {
    background-color: #eee;
    margin: 10px 0 20px;
    clear: both;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #anyliticsTab #tabs .result .google-visualization-table-table {
        width: auto !important;
        background: none;
    }

    #anyliticsTab #tabs .result .google-visualization-table-tr-head {
        display: none
    }

    #anyliticsTab #tabs .result tr {
        background: none
    }

    #anyliticsTab #tabs .result td {
        border: none;
        text-align: left;
        background: none;
        padding: 8px;
        font-size: 22px;
        color: #000
    }

        #anyliticsTab #tabs .result td:after {
            content: " people visited this site";
            font-size: 16px
        }

#anyliticsTab #tabs .analyticsAcc {
    border: none;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: auto;
    font: normal 13px Arial, Helvetica, sans-serif;
}

    #anyliticsTab #tabs .analyticsAcc h3 {
        border: none;
        border-bottom: 1px solid #303F56;
        width: 24%;
        margin: 0;
        background: #43546E;
        border-radius: 0
    }

        #anyliticsTab #tabs .analyticsAcc h3 a {
            font: 15px "Cuprum",Helvetica,Arial,sans-serif;
            color: #fff;
            padding: 8px 5px
        }

        #anyliticsTab #tabs .analyticsAcc h3 .ui-icon {
            right: 0;
            left: auto;
            background-image: url("../Content/themes/rocket/images/ui-icons_00a6dd_256x240.png")
        }

        #anyliticsTab #tabs .analyticsAcc h3 .ui-state-hover .ui-icon {
            background-image: url("../Content/themes/rocket/images/ui-icons_00a6dd_256x240.png")
        }

    #anyliticsTab #tabs .analyticsAcc .ui-accordion-content {
        padding: 0px;
        border: none;
        background: #fff;
        position: static;
        width: 24%
    }

        #anyliticsTab #tabs .analyticsAcc .ui-accordion-content ul li {
            border: none
        }

    #anyliticsTab #tabs .analyticsAcc ul {
        background: none;
        border-radius: 0;
        border: none; /*float:left; width:24%*/
    }

        #anyliticsTab #tabs .analyticsAcc ul li {
            float: none;
            display: block;
            border: none;
            border-bottom: 1px solid #ddd;
            margin: 0;
            overflow: hidden;
            background: none
        }

            #anyliticsTab #tabs .analyticsAcc ul li.ui-state-active {
                background: #e0eff6
            }

                #anyliticsTab #tabs .analyticsAcc ul li.ui-state-active a {
                    color: #000
                }

            #anyliticsTab #tabs .analyticsAcc ul li a {
                display: block;
                float: none;
                cursor: pointer;
                padding: 8px 5px;
                font: normal 13px "Cuprum",Helvetica,Arial,sans-serif;
                color: #058dc7
            }

.allTabCont {
    width: 75%;
    position: absolute;
    left: 25%;
    top: 0
}

    .allTabCont .google-visualization-table-table {
        width: 99%
    }

        .allTabCont .google-visualization-table-table td {
            border: none;
            border-bottom: 1px solid #ddd;
            padding: 3px;
            color: #058dc7
        }

        .allTabCont .google-visualization-table-table .google-visualization-table-tr-head td {
            background: none;
            color: #000;
            border-bottom: 1px solid #808080;
            text-align: left;
            padding: 5px
        }

.analyticsGrid {
    width: 45%;
    float: left;
    overflow: hidden;
    margin: 0 -5px -30px 0
}

    .analyticsGrid .grid {
        float: left;
        margin: 0 5px 5px 0;
        border-radius: 5px;
        border: 1px solid #ddd;
        background: #fff;
        padding: 5px
    }

#anyliticsTab .grid h2 {
    color: var(--secondary-color);
    display: block;
    font: 17px "Cuprum",Helvetica,Arial,sans-serif;
    margin: 0 0 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    clear: both;
    text-align: center
}

#anyliticsTab .grid h3 {
    font: 40px "Cuprum",Helvetica,Arial,sans-serif;
    text-align: center
}

.analyticsGrid .grid .google-visualization-table-table td {
    border: none
}

.analyticsGrid .grid .google-visualization-table-table .google-visualization-table-tr-head td {
    background: none;
    color: #000;
    text-align: left;
    font-weight: normal
}

.analyticsGrid .grid .google-visualization-table-table td.google-visualization-table-td-number {
    font-size: 22px;
    color: #000;
    text-align: left
}

#webRevisitors, #nativeRevisitors {
    float: right;
    width: 53%;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    position: relative
}

.allTabCont .google-visualization-table-tr-head td {
    font-size: 0
}

    .allTabCont .google-visualization-table-tr-head td:first-child:before {
        content: "Name";
        font-size: 12px
    }

    .allTabCont .google-visualization-table-tr-head td:last-child:before {
        content: "Count";
        font-size: 12px
    }

.allTabCont div {
    height: auto !important
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/Loading.gif') 50% 50% no-repeat rgb(249,249,249);
}

#errors {
    display: none
}

#anyliticsTab #tabs .analyticsAcc .wijmo-wijgrid-footer ul li {
    float: left;
    border: 1px solid #2b3f5e;
    border-radius: 0;
    background: #fff
}

.graph-segment-container {
    overflow: hidden
}

.cly-button-group {
    border: 1px solid #999;
    width: 122px;
    float: left;
    overflow: hidden;
    border-radius: 5px
}

.graph-segment {
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    float: left;
    overflow: hidden;
    border-right: 1px solid #999;
}

    .graph-segment .os-segment {
        display: block;
        height: 30px;
        padding: 5px;
        width: 30px;
        cursor: pointer
    }

        .graph-segment .os-segment:hover, .graph-segment .os-segment.activet {
            background-color: #43546E;
            color: #333
        }

.cly-button-group .graph-segment .ios {
    background-image: url('../images/os.png');
    background-position: center 5px;
    background-repeat: no-repeat;
    background-size: 30px auto
}

.cly-button-group .graph-segment .windows {
    background-image: url('../images/os.png');
    background-position: center 5px;
    background-repeat: no-repeat;
    background-size: 30px auto
}

.cly-button-group .graph-segment .android {
    background-image: url('../images/os.png');
    background-position: center -72px;
    background-repeat: no-repeat;
    background-size: 30px auto
}

.osCont {
    border: 1px solid #999;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    border-radius: 5px
}

.graph-segment .os {
    background-image: url('../images/os.png');
    background-position: center -326px;
    background-repeat: no-repeat;
    background-size: 30px auto;
}

.cly-button-group .graph-segment .qqq {
    background-image: url('../images/os.png');
    background-position: center -233px;
    background-repeat: no-repeat;
    background-size: 30px auto
}

.cly-button-group .graph-segment .ios:hover, .cly-button-group .graph-segment .ios.activet {
    background-position: center -33px;
}

.cly-button-group .graph-segment .windows:hover, .cly-button-group .graph-segment .windows.activet {
    background-position: center 5px;
}

.graph-segment .os:hover, .graph-segment .os.activet {
    background-position: center -373px;
}

.cly-button-group .graph-segment .android:hover, .cly-button-group .graph-segment .android.activet {
    background-position: center -110px;
}

.cly-button-group .graph-segment .qqq:hover, .cly-button-group .graph-segment .qqq.activet {
    background-position: center -278px;
}

.cly-button-group .graph-segment:last-child {
    border: none
}

.platforms {
    background-image: url('../images/platform-versions.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 282px auto;
    height: 282px;
    left: 77px;
    position: absolute;
    top: 111px;
    width: 282px;
    /* z-index: 2;*/
}

    .platforms .title {
        color: #7d7d7d;
        font: 14px/17px "Cuprum",Helvetica,Arial,sans-serif;
        margin: 170px auto 0;
        max-width: 100px;
        text-align: center;
        text-shadow: 0 -1px #070707;
    }

#webRevisitors .ui-widget-content {
    float: left;
    margin: 50px 0 0 50px
}
/*.anlyticsMsg {width:300px; height:150px; background:#fff; display:none; border-radius:5px; box-shadow:0 0 5px #ccc; border:1px solid #999; margin:80px auto 0; text-align:center; font: 20px/150px "Cuprum",Helvetica,Arial,sans-serif;}*/
.anlyticsMsg {
    width: 300px;
    display: none;
    margin: 95px auto 0;
    text-align: center;
    color: #C0C0C0;
    font: 13px "Cuprum",Helvetica,Arial,sans-serif;
    font-size: 18px;
    padding: 35px 50px 25px 0;
    background: url('../images/MAN.png') right top no-repeat;
    background-size: 50px auto
}

a.AnalyticsExport {
    background-position: 4px -117px !important;
}

a.AnalyticsExport {
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    margin: 2px;
    padding: 1px;
    text-decoration: none;
    background: url(../Images/topmenuUpdates.png) 0 0 no-repeat;
}

/*** Countly Analytics ***/
.EventDownloadText {
    font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
    padding-left: 20px;
}

#Wchart {
    overflow: hidden
}

    #Wchart #dataTabs {
        border: 1px solid #ccc;
        width: 100%
    }

        #Wchart #dataTabs .dataHead {
            padding: 8px;
            background: #efefef;
            overflow: hidden
        }

            #Wchart #dataTabs .dataHead h3 {
                font: 22px "Cuprum",Helvetica,Arial,sans-serif;
                display: block;
                color: #333;
                float: left
            }

            #Wchart #dataTabs .dataHead .calendar {
                float: right;
                width: 25%;
            }

                #Wchart #dataTabs .dataHead .calendar img {
                    float: left;
                    margin-right: 8px;
                    background: #333;
                    padding: 3px;
                    border-radius: 3px
                }

                #Wchart #dataTabs .dataHead .calendar ul {
                    float: left
                }

                    #Wchart #dataTabs .dataHead .calendar ul li {
                        float: left;
                        list-style: none
                    }

                        #Wchart #dataTabs .dataHead .calendar ul li a {
                            display: block;
                            text-decoration: none;
                            background: #e1e1e1;
                            border: 1px solid #ccc;
                            font: 18px "Cuprum",Helvetica,Arial,sans-serif;
                            padding: 3px 5px;
                            margin: 0 5px 0 0;
                            border-radius: 3px
                        }

        #Wchart #dataTabs ul.grid {
            overflow: hidden;
            padding: 5px
        }

            #Wchart #dataTabs ul.grid li {
                float: left;
                list-style: none;
                text-align: center;
                width: 15.2%;
                margin-right: 5px;
                border: 1px solid #ddd;
                padding: 5px;
                border-radius: 5px;
            }

                #Wchart #dataTabs ul.grid li:last-child {
                    margin: 0
                }

                #Wchart #dataTabs ul.grid li .number {
                    font: 40px "Cuprum",Helvetica,Arial,sans-serif;
                    display: block;
                    margin: 0 0 10px;
                    color: #333
                }

                #Wchart #dataTabs ul.grid li .label {
                    display: block;
                    background: #efefef;
                    font: 16px "Cuprum",Helvetica,Arial,sans-serif;
                    color: #333;
                    padding: 5px
                }

/*** More Info page ***/
.cleditorMain {
    height: auto !important;
    border: 1px solid #e3e3e3;
}

.cleditorToolbar {
    height: auto !important;
    overflow: hidden
}

.cleditorMain iframe {
    height: 100% !important;
    width: 100% !important
}

/*** Photo Activity ***/
.filter {
    overflow: hidden;
    border-radius: 0px;
    padding: 10px 5px;
    background: #fff;
    border-bottom: 0px solid #ddd;
    margin-bottom: 0px;
}

#anyliticsTab #tabs .filter ul.mainTab {
    overflow: hidden;
    width: 100%;
}

    #anyliticsTab #tabs .filter ul.mainTab li:first-child {
        margin-right: 10px
    }

    #anyliticsTab #tabs .filter ul.mainTab li {
        list-style: none;
        float: left;
        overflow: hidden;
        margin-right: 20px;
        border: none
    }

        #anyliticsTab #tabs .filter ul.mainTab li label {
            display: inline-block;
            line-height: 26px;
            color: #333
        }

        #anyliticsTab #tabs .filter ul.mainTab li input[type="radio"] {
            margin-right: 5px
        }

        #anyliticsTab #tabs .filter ul.mainTab li input[type="text"] {
            width: 240px;
            float: left;
            border-radius: 8px 0 0 8px;
            padding: 4px 6px;
            height: 22px;
            border: 1px solid #ddd;
            background: #FFFFFF !important;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
            transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s
        }

        #anyliticsTab #tabs .filter ul.mainTab li a {
            float: left;
            cursor: pointer;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            -ms-transition: all 1s;
            transition: all 1s;
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #379cf1;
            background-image: -moz-linear-gradient(top, #379cf1, #087ee1);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#379cf1), to(#087ee1));
            background-image: -webkit-linear-gradient(top, #379cf1, #087ee1);
            background-image: -o-linear-gradient(top, #379cf1, #087ee1);
            background-image: linear-gradient(to bottom, #379cf1, #087ee1);
            background-repeat: repeat-x;
            border-color: #348fea #348fea #348fea;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#379cf1', endColorstr='#087ee1', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            display: block;
            font-size: 14px;
            padding: 4px 12px;
            border: 1px solid #404040;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
            border-radius: 0 4px 4px 0;
            height: 22px;
            line-height: 22px
        }

            #anyliticsTab #tabs .filter ul.mainTab li a:hover {
                background: var(--primary-dark); /*#76ac17;*/
                text-decoration: none
            }

        #anyliticsTab #tabs .filter ul.mainTab li:hover, #anyliticsTab #tabs .filter ul.mainTab li.ui-state-active {
            background: none
        }

#tabs .ui-page li a {
    padding: 2px 5px
}

.srchResult .tableCont {
    width: 100%;
    border: 1px solid #DDDDDD
}

    .srchResult .tableCont td {
        background: #fff;
        border: medium none;
        color: #333333;
        padding: 3px;
    }

    .srchResult .tableCont tr:nth-child(2n+1) td {
        background: #f7f7f7;
    }

    .srchResult .tableCont td img {
        display: block;
        width:auto;
    }

    .srchResult .tableCont td a.view {
        padding: 3px 2px;
        border: 1px solid #CFCFCF;
        color: #333;
        display: block;
        text-align: center;
        font: 13px "Cuprum", Helvetica, Arial, sans-serif;
        background: #F3F3F2; /* Old browsers */
        background: -moz-linear-gradient(top, #F3F3F2 0%, #E4E4E4 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F2), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #F3F3F2 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #F3F3F2 0%,#b9b9b9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #F3F3F2 0%,#E4E4E4 100%); /* IE10+ */
        background: linear-gradient(to bottom, #F3F3F2 0%,#E4E4E4 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F2', endColorstr='#E4E4E4',GradientType=0 ); /* IE6-9 */
    }

.viewer {
    width: 99%;
    height: 400px;
    border: 1px solid gray;
    position: relative;
}

.wrapper {
    overflow: hidden;
}
/**************** Photo Gallery ***********************/

#dvthumbnail .filter ul.mainTab {
    overflow: hidden;
    width: 100%;
}

    #dvthumbnail .filter ul.mainTab li:first-child {
        margin-right: 10px
    }

    #dvthumbnail .filter ul.mainTab li {
        list-style: none;
        float: left;
        overflow: hidden;
        margin-right: 20px;
        border: none
    }

        #dvthumbnail .filter ul.mainTab li label {
            display: inline-block;
            line-height: 26px;
            color: #333
        }

        #dvthumbnail .filter ul.mainTab li input[type="radio"] {
            margin-right: 5px
        }

        #dvthumbnail .filter ul.mainTab li input[type="text"] {
            width: 240px;
            float: left;
            border-radius: 8px 0 0 8px;
            padding: 4px 6px;
            height: 22px;
            border: 1px solid #ddd;
            background: #FFFFFF !important;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
            transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s
        }

        #dvthumbnail .filter ul.mainTab li a {
            float: left;
            cursor: pointer;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            -ms-transition: all 1s;
            transition: all 1s;
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #379cf1;
            background-image: -moz-linear-gradient(top, #379cf1, #087ee1);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#379cf1), to(#087ee1));
            background-image: -webkit-linear-gradient(top, #379cf1, #087ee1);
            background-image: -o-linear-gradient(top, #379cf1, #087ee1);
            background-image: linear-gradient(to bottom, #379cf1, #087ee1);
            background-repeat: repeat-x;
            border-color: #348fea #348fea #348fea;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#379cf1', endColorstr='#087ee1', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            display: block;
            font-size: 14px;
            padding: 4px 12px;
            border: 1px solid #404040;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
            border-radius: 0 4px 4px 0;
            height: 22px;
            line-height: 22px
        }

            #dvthumbnail .filter ul.mainTab li a:hover {
                background: var(--primary-dark); /*#76ac17*/
                text-decoration: none
            }

        #dvthumbnail .filter ul.mainTab li .btn {
            border-radius: 4px;
            margin-right: 8px
        }

        #dvthumbnail .filter ul.mainTab li:hover, #dvthumbnail .filter ul.mainTab li.ui-state-active {
            background: none
        }

#lightGallery {
    margin: 10px 5px;
    overflow: hidden;
    padding: 0
}

    #lightGallery li {
        list-style: none;
        margin: 0 5px 5px 0;
        padding: 5px;
        float: left;
        border: 1px solid var(--primar-light2);
        border-radius: 3px
    }

    #lightGallery li {
        position: relative
    }

        #lightGallery li .closePhoto {
            position: absolute;
            background: url('../images/reject.png') 0 0/ 16px auto no-repeat;
            height: 16px;
            width: 16px;
            display: none;
            top: 3px;
            right: 3px;
            border: none
        }

        #lightGallery li img {
            width: 155px;
            height: 155px;
            display: block;
            cursor: pointer;
        }

#Photos {
    /*height: 800px;*/
    overflow: auto;
    border: 0px solid #999;
    /*padding: 5px;*/
}

/********** Upload Graphics Page **********/
#uploadGraphics {
    position: relative
}

    #uploadGraphics .DisableCover {
        position: absolute;
        display: none;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.3);
        left: 0;
        top: 0;
        z-index: 99999
    }

    #uploadGraphics.disable .DisableCover {
        display: block
    }

    #uploadGraphics ul.docs {
        overflow: hidden;
        list-style: none
    }

        #uploadGraphics ul.docs li {
            overflow: hidden;
            margin-bottom: 10px
        }

            #uploadGraphics ul.docs li label {
                float: left;
                width: 15%;
                margin-right: 5px
            }

                #uploadGraphics ul.docs li label span {
                    color: #999;
                    font-size: 12px;
                    display: block
                }

            #uploadGraphics ul.docs li input {
                float: left;
                width: 55%;
                border: 1px solid #ccc;
                background: #fff;
                border-radius: 3px;
                padding: 5px;
                height: 30px
            }
/*styles where there are two bloacks in one row start*/
.gridBlock {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

#uploadGraphics .gridBlock ul.docs li input {
    width: 75%;
}

#uploadGraphics .gridBlock ul.docs li label {
    width: 25%;
}

.gridBlock span.medium {
    margin-left: 53px;
    float: left;
    color: Red;
    margin-top: 2px;
}

/*styles where there are two bloacks in one row End*/

#uploadGraphics ul.graphics {
    overflow: hidden;
    list-style: none;
    margin: 0;
    border: 1px solid #e3e3e3;
    padding: 0;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none);
    border-bottom: none;
    border-right: none;
    box-sizing: border-box;
}

    #uploadGraphics ul.graphics li {
        margin: 0;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        border-bottom: 1px solid #e3e3e3 !important;
        position: relative;
        text-align: left;
        background: #fff
    }

        #uploadGraphics ul.graphics li:nth-child(2n+1) {
            background: #f7f7f7;
        }

        #uploadGraphics ul.graphics li .cols {
            width: 20%;
            float: left;
            text-align: center;
            box-sizing: border-box;
            padding: 8px;
            border-right: 1px solid #e3e3e3;
            min-height: 62px;
        }

            #uploadGraphics ul.graphics li .cols:nth-child(1) {
                width: 10%
            }

            #uploadGraphics ul.graphics li .cols:last-child {
                width: 30%
            }

        #uploadGraphics ul.graphics li .uploadPreview {
            padding: 2px;
            background: #fff;
            border: 0px solid #e3e3e3;
            min-height: 40px;
            display: block
        }

#uploadGraphics .browseBtn {
    background: #428bca;
    border: 1px solid #357ebd;
    border-radius: 3px;
    margin-top: 6px;
    overflow: hidden;
    height: 30px;
    display: block
}

    #uploadGraphics .browseBtn span {
        color: #fff;
        display: block;
        font: 17px "Cuprum",Helvetica,Arial,sans-serif;
        line-height: 30px;
        text-align: center
    }

#uploadGraphics .file {
    width: 100px;
    cursor: pointer;
    height: 30px;
    opacity: 0;
    top: 8px;
    display: block;
    position: absolute
}

#uploadGraphics .upload {
    background: #428bca;
    cursor: pointer;
    border: 1px solid #357ebd;
    color: #fff;
    font: 17px "Cuprum",Helvetica,Arial,sans-serif;
    border-radius: 3px;
    overflow: hidden;
    width: 90px;
    float: right;
    height: 32px;
    margin: 3px;
}

#uploadGraphics .imgCont {
    height: 40px; /*width:198px;*/
    text-align: center
}

    #uploadGraphics .imgCont .close {
        position: absolute;
        padding: 2px;
        top: 0;
        right: 0;
        background: #900;
        color: #fff;
        cursor: pointer
    }

#uploadGraphics .uploadPreview img {
    max-height: 100%;
    max-width: 100%;
}

#uploadGraphics .size {
    margin-top: 12px;
    display: inline-block;
    color: #333;
    font: 16px "Cuprum",Helvetica,Arial,sans-serif;
    box-sizing: border-box;
}

#uploadGraphics .graphics li .closePhoto {
    background: #428bca;
    border: 1px solid #357ebd;
    margin-top: 6px;
    border-radius: 3px;
    overflow: hidden;
    height: 30px;
    color: #fff;
    display: block;
    font: 17px "Cuprum",Helvetica,Arial,sans-serif;
    line-height: 30px;
    text-align: center;
    padding: 0;
    width: 100px
}

    #uploadGraphics .graphics li .closePhoto:hover, #uploadGraphics .browseBtn:hover {
        text-decoration: none;
        background: var(--primary-dark); /*#76ac17*/
        ;
        border: 1px solid #67960F
    }

#uploadGraphics .graphics li .inactive {
    pointer-events: none;
    cursor: default;
    background: #9AB8D1;
    border: 1px solid #999
}

#uploadGraphics .graphics li .successful {
    background: url(../Images/success.png) 0 0 no-repeat; /*background-size:18px auto;*/
    height: 24px;
    width: 24px;
    display: block;
    margin: 12px auto 0
}

#uploadGraphics .graphics li .unsuccessful {
    background: url(../Images/unsuccess.png) 0 0 no-repeat; /*background-size:18px auto;*/
    height: 24px;
    width: 24px;
    display: none;
    margin: 12px auto 0
}

.errorMsg {
    padding: 5px;
    border: 1px solid #C42F2F;
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    background: rgba(219, 28, 28, 0.2);
    color: #C42F2F;
    font: 15px "Cuprum",Helvetica,Arial,sans-serif;
}

    .errorMsg img {
        display: inline-block;
        vertical-align: top
    }

.newMsg {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fbf9df;
    box-sizing: border-box;
    padding: 12px
}

    .newMsg h2 {
        font: 18px "Cuprum",Helvetica,Arial,sans-serif;
        color: red;
        margin-bottom: 12px;
        text-align: center
    }

    .newMsg p {
        font: 14px/22px "Cuprum",Helvetica,Arial,sans-serif;
    }

#tbl h3 {
    font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: #ff0000
}

#tbl #appIcon, #splash, #banner, #sponsorSplashMsg, #featurePromo {
    width: 23.6%;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    box-sizing: border-box
}

#featurePromo {
    margin: 0
}

#tbl #sponsorSplashMsg {
    margin: 0
}

#tbl div table tr th {
    font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
    padding: 5px;
    text-align: center;
    color: #333
}

#tbl div table tr td {
    padding: 5px;
    border: 1px solid #f9f9f9;
    background: #e9e9e9
}

/*** Theme Page ***/
#helpTxt {
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

    #helpTxt:hover {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }

#helpCont {
    display: none;
    position: absolute;
    top: 40px;
    z-index: 10;
    text-align: left;
    right: 0;
    border: 2px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

    #helpCont p {
        display: block;
        margin: 0 0 10px;
        font: normal 15px "Cuprum",Helvetica,Arial,sans-serif
    }

        #helpCont p:last-child {
            margin: 0
        }

#iconPanel {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 3px;
    background: #fff;
    border-right: 1px solid #c4c4c4;
    height: 100%;
    box-shadow: 0 0 3px #999;
}

#selectIcon {
    overflow: hidden;
    text-align: center;
}

.iconBtns {
    padding: 2px;
    border-radius: 3px;
    background: #333;
    overflow: hidden;
    margin: 5px
}

#selectIcon input {
    display: block;
    border: none;
    color: #fff;
    background: #555;
    cursor: pointer;
    text-align: left;
    border-radius: 3px;
    padding: 5px 20px 5px 8px;
    width: 100%;
    -webkit-transition: background-color 500ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out;
    -o-transition: background-color 500ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out;
    font: normal 13px "Cuprum",Helvetica,Arial,sans-serif
}

    #selectIcon input.active {
        background: #509d04 url('../images/white-check.png') right 5px / 16px auto no-repeat;
        pointer-events: none
    }

    #selectIcon input#defaultIcon {
        margin-bottom: 1px
    }

    #selectIcon input#themeIcon {
    }

#iconPanel .disable {
    opacity: 0.4;
    pointer-events: none
}

#selectIcon label {
    display: block;
    font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
    color: #fff;
    padding: 8px;
    border-bottom: 1px solid #fff;
    background: -moz-linear-gradient(top, #3eaae1 0%, #4294d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3eaae1), color-stop(100%, #4294d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3eaae1 0%, #4294d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3eaae1 0%, #4294d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3eaae1 0%, #4294d3 100%); /* IE10+ */
    background: linear-gradient(top, #3eaae1 0%, #4294d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eaae1', endColorstr='#4294d3', GradientType=0 ); /* IE6-8 */
}

#iconPanel ul {
    list-style: none;
    padding: 0 5px
}

    #iconPanel ul li {
        display: block;
        margin-bottom: 5px
    }

        #iconPanel ul li:last-child {
            margin: 0
        }

        #iconPanel ul li div {
            border: 1px solid #ababab;
            box-shadow: 0 4px 3px -2px #bbb;
            background: #e0e0e0; /* Old browsers */
            background: -moz-linear-gradient(top, #e0e0e0 0%, #b2b2b2 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #e0e0e0 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #e0e0e0 0%,#b2b2b2 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #e0e0e0 0%,#b2b2b2 100%); /* IE10+ */
            background: linear-gradient(to bottom, #e0e0e0 0%,#b2b2b2 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
        }

            #iconPanel ul li div:hover, #iconPanel ul li div.active {
                background-color: #7ab744;
                background-image: -moz-linear-gradient(top,#74c03b,#55981a);
                background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a));
                background-image: -webkit-linear-gradient(top,#74c03b,#55981a);
                background-image: -o-linear-gradient(top,#74c03b,#55981a);
                background-image: linear-gradient(to bottom,#74c03b,#55981a);
                background-repeat: repeat-x;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.30);
                -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
                box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
            }

        #iconPanel ul li input {
            height: 105px;
            width: 90px;
            display: block;
            margin: 0 auto;
            border: none;
            cursor: pointer;
        }

            #iconPanel ul li input#black {
                background: url("../Images/theme/black.png") no-repeat scroll center center
            }

            #iconPanel ul li input#white {
                background: url("../Images/theme/white.png") no-repeat scroll center center
            }

            #iconPanel ul li input#maroon {
                background: url("../Images/theme/maroon.png") no-repeat scroll center center
            }

            #iconPanel ul li input#colored {
                background: url("../Images/theme/color.png") no-repeat scroll center center
            }

#blackI, #whiteI, #colorI {
    display: none
}

.theme {
    overflow: hidden;
    padding: 8px;
    border: 1px solid #c8c8c8
}

    .theme .cont {
        float: left;
        width: 27%;
        margin-right: 2%;
        border: 1px solid #c8c8c8;
        background: #fff
    }

    .theme .profile {
        margin-right: 0
    }

    .theme .menu {
        margin-left: 160px
    }

    .theme .landing1, .theme .profile, .theme .list {
        position: relative;
        background: #DCDCDC
    }

    .theme .header {
        height: 50px;
        background: #fff;
        border-bottom: 1px solid #c8c8c8;
        display: block;
        position: relative
    }

        .theme .header .headerTxt {
            width: 130px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            text-align: center;
            display: block;
            margin: 0 auto;
            position: relative
        }

            .theme .header .headerTxt span {
                right: -5px;
            }

    .theme .footer {
        display: block;
        background: #fff;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-top: 1px solid #c8c8c8
    }

    .theme .landing1 .menus {
        overflow: hidden;
        position: relative;
        height: 460px
    }

        .theme .landing1 .menus ul {
            margin: 5% auto 0;
            width: 78%;
        }

        .theme .landing1 .menus li {
            display: inline-table;
            width: 70px;
            padding: 3px;
            height: 70px;
            margin: 2px 5px
        }

            .theme .landing1 .menus li a {
                display: block;
                text-align: center
            }

                .theme .landing1 .menus li a:hover {
                    text-decoration: none
                }

                .theme .landing1 .menus li a img {
                    height: 36px;
                    width: 36px;
                    background: #000;
                    padding: 10px;
                    border-radius: 30px;
                    margin: 0px auto 5px;
                    display: block
                }

                .theme .landing1 .menus li a .txt {
                    display: block;
                }

    .theme .innerPage {
        overflow: hidden;
        position: relative;
        height: 460px
    }

    .theme .dateCntrl {
        overflow: hidden;
        height: 65px;
        background: #fff;
        border-bottom: 1px solid #ccc
    }

        .theme .dateCntrl #monthDate {
            padding: 5px;
            text-align: center;
            font-size: 12px;
            color: #999;
            font-family: Arial
        }

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

            .theme .dateCntrl ul li {
                float: left;
                width: 32%;
                text-align: center;
                height: 36px;
                color: #999
            }

                .theme .dateCntrl ul li.current {
                    border-bottom: 3px solid #000;
                    color: #000
                }

                .theme .dateCntrl ul li .day {
                    font-size: 11px;
                    display: block;
                    text-align: center;
                    padding: 0 0 3px
                }

                .theme .dateCntrl ul li .dateNum {
                    font-size: 14px;
                    display: block;
                    text-align: center;
                }

    .theme .listView {
        overflow: hidden
    }

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

            .theme .listView ul li {
                display: block
            }

                .theme .listView ul li.dateBar {
                    padding: 5px 3px;
                    overflow: hidden;
                    line-height: 20px;
                    font-weight: bold
                }

                    .theme .listView ul li.dateBar img {
                        width: 18px;
                        padding: 2px;
                        border-radius: 2px;
                        background: #000;
                        margin: 0 3px 0 0;
                        float: left
                    }

                .theme .listView ul li.divider {
                    padding: 5px 3px;
                    overflow: hidden;
                    background: #000;
                    line-height: 20px;
                    color: #fff;
                    font-weight: bold
                }

                    .theme .listView ul li.divider img {
                        width: 18px;
                        padding: 2px;
                        margin: 0 3px 0 0;
                        float: left
                    }

                .theme .listView ul li.listItem {
                    border: 1px solid #c8c8c8;
                    cursor: pointer;
                    background: #fff;
                    position: relative;
                    padding: 3px 0 3px 25px
                }

                    .theme .listView ul li.listItem .themeBtn {
                        top: 5px
                    }

                    .theme .listView ul li.listItem .IndicatorHolder {
                        background: none !important;
                        text-align: center;
                        height: 100%;
                        left: 0;
                        margin: 0;
                        padding: 0;
                        position: absolute;
                        top: 0;
                        width: 20px;
                    }

                        .theme .listView ul li.listItem .IndicatorHolder img { /*opacity:0.25*/
                            margin: 2px 0
                        }

                        .theme .listView ul li.listItem .IndicatorHolder .ribbon {
                            background-image: url("../../Images/theme/indicatorRibbon.png");
                            bottom: 0;
                            display: none;
                            height: 14px;
                            position: absolute;
                            width: 20px;
                        }

                    .theme .listView ul li.listItem .infoHolder {
                        padding-right: 25px
                    }

                    .theme .listView ul li.listItem h3 {
                        font-size: 14px;
                        font-weight: bold;
                        color: #000
                    }

                    .theme .listView ul li.listItem p.name {
                        font-size: 12px;
                        color: #999;
                        margin-bottom: 3px
                    }

                    .theme .listView ul li.listItem p.room {
                        font-size: 13px;
                        color: #666
                    }

                    .theme .listView ul li.listItem .arrow {
                        position: absolute;
                        font-size: 16px;
                        font-family: "Cuprum",Helvetica,Arial,sans-serif;
                        right: 5px;
                        top: 30px;
                        color: #999;
                        font-weight: bold;
                        height: 18px;
                        width: 18px
                    }

    .theme .profileCont {
        background: #fff;
        border-bottom: 1px solid #DDDDDD;
        margin-bottom: 8px;
        overflow: hidden;
        padding: 8px 0 0;
        text-align: center
    }

        .theme .profileCont .img {
            width: 80px;
            height: 80px;
            text-align: center;
            line-height: 80px;
            margin: 5px auto;
            border: 1px solid #c8c8c8;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            background: #fff
        }

        .theme .profileCont h3 {
            color: #000;
            font-size: 15px;
            font-weight: bold;
            text-align: center
        }

        .theme .profileCont h4 {
            color: #000;
            font-size: 12px;
            text-align: center;
            line-height: normal
        }

        .theme .profileCont h5 {
            color: #333;
            font-size: 13px;
            text-align: center;
            line-height: normal
        }

        .theme .profileCont .stars {
            padding: 5px;
            text-align: center;
            overflow: hidden
        }

            .theme .profileCont .stars img {
                height: 24px
            }

        .theme .profileCont .botBtns {
            overflow: hidden
        }

            .theme .profileCont .botBtns div {
                width: 33.33%;
                text-align: center;
                border-top: 1px solid #ddd;
                float: left;
                padding: 5px 0;
            }

                .theme .profileCont .botBtns div img {
                    display: inline-block;
                    width: 24px
                }

    .theme .navBar {
        overflow: hidden;
        margin-bottom: 8px;
    }

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

            .theme .navBar ul li {
                background: #000;
                padding: 5px 0;
                text-align: center;
                float: left;
                vertical-align: middle;
                border-right: 1px solid #c8c8c8;
                width: 32.5%;
                cursor: pointer;
            }

                .theme .navBar ul li img {
                    height: 24px
                }

                .theme .navBar ul li.first {
                    border-radius: 5px 0 0 5px
                }

                .theme .navBar ul li.last {
                    border-radius: 0 5px 5px 0
                }

    .theme .details {
        overflow: hidden;
        background: #fff;
        margin: 8px;
        border: 1px solid #CCCCCC;
    }

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

            .theme .details ul li {
                display: block;
                border-bottom: 1px solid #CCCCCC;
                display: block;
                min-height: 32px;
                padding: 4px 6px;
            }

                .theme .details ul li:last-child {
                    border: none
                }

                .theme .details ul li div {
                    float: left;
                    margin-right: 5px
                }

                    .theme .details ul li div img {
                        width: 24px;
                        background: none !important
                    }

                .theme .details ul li p {
                    font-size: 13px;
                    margin-bottom: 3px;
                    color: #333
                }

                    .theme .details ul li p:last-child {
                        color: #999
                    }

                .theme .details ul li a {
                    color: #2489CE
                }

    .theme .summary {
        overflow: hidden;
        margin-bottom: 8px;
        position: relative
    }

        .theme .summary h3 {
            color: #000;
            font-size: 14px;
            position: relative;
            font-weight: bold;
            margin: 0 0 5px;
            padding: 0 8px;
        }

        .theme .summary .desc {
            background: #FFFFFF;
            margin: 0 8px 5px;
            padding: 5px;
            color: #3d3d3d;
            line-height: 19px;
            border: 1px solid #CCCCCC;
        }

.themeBtn {
    display: block;
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    cursor: pointer;
    border-radius: 16px;
    box-shadow: 0 0 3px #ccc;
    position: absolute;
    right: 5px;
    top: 15px;
    -webkit-animation: myfirst 2s linear 2s infinite alternate; /* Chrome, Safari, Opera */
    animation: myfirst 2s linear 2s infinite;
}



#shape {
    overflow: hidden;
    padding: 5px;
    background: #f9f9f9;
    border: none;
    box-shadow: 2px 0 5px #000;
    margin-bottom: 5px
}

    #shape .grid {
        text-align: center;
        float: left;
        width: 23%;
        margin-right: 8px
    }

        #shape .grid button, #shape .grid button.grad {
            border: 1px solid #ababab;
            border-bottom: 3px solid #777;
            border-radius: 8px;
            background: #e0e0e0; /* Old browsers */
            background: -moz-linear-gradient(top, #f9f9f9 0%, #b2b2b2 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #f9f9f9 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #f9f9f9 0%,#b2b2b2 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #f9f9f9 0%,#b2b2b2 100%); /* IE10+ */
            background: linear-gradient(to bottom, #f9f9f9 0%,#b2b2b2 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
            width: 100%;
            display: block;
            cursor: pointer;
            padding: 5px 0 2px
        }

            #shape .grid button.active {
                border: 1px solid #999;
                border-bottom: 3px solid #7A1501;
                background: #fff;
            }

            #shape .grid button:hover {
                box-shadow: 0 0 3px #0091f5;
            }

            #shape .grid button img {
                padding: 8px;
                vertical-align: middle;
                margin-bottom: 3px
            }

            #shape .grid button#circle img {
                background: #7A1501;
                border-radius: 28px;
            }

            #shape .grid button#square img {
                background: #7A1501;
                border-radius: 0px;
            }

            #shape .grid button#rounded img {
                background: #7A1501;
                border-radius: 8px;
            }

        #shape .grid span {
            display: block;
            font: 14px "Cuprum",Helvetica,Arial,sans-serif;
            color: #7A1501
        }


/* delete after use*/
.ShapeSelect #iconPanel {
    overflow: hidden;
    position: static;
    box-shadow: none;
    border: none;
    margin: 0
}

.ShapeSelect #selectIcon {
    overflow: hidden;
    text-align: center
}

.ShapeSelect .iconBtns {
    padding: 2px;
    overflow: hidden;
    margin: 5px;
    background: none
}

.ShapeSelect #selectIcon input {
    float: left;
    border: none;
    color: #fff;
    background: #555;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    padding: 5px 20px 5px 8px;
    width: 49%;
    -webkit-transition: background-color 500ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out;
    -o-transition: background-color 500ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out;
    font: normal 16px "Cuprum",Helvetica,Arial,sans-serif;
    height: 42px
}

    .ShapeSelect #selectIcon input.active {
        background: #509d04 url('../images/white-check.png') 98% center / 18px auto no-repeat;
        pointer-events: none;
        border-radius: 2px
    }

    .ShapeSelect #selectIcon input#defaultIcon {
    }

    .ShapeSelect #selectIcon input#themeIcon {
        float: right
    }

.ShapeSelect #iconPanel .disable {
    opacity: 0.4;
    pointer-events: none
}

.ShapeSelect #selectIcon label {
    display: block;
    font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
    color: #fff;
    padding: 8px;
    border-bottom: 1px solid #fff;
    background: #ccc
}

.ShapeSelect #iconPanel ul {
    list-style: none;
    padding: 0 5px
}

    .ShapeSelect #iconPanel ul li {
        display: block;
        padding: 3px;
        width: 25%;
        float: left;
        box-sizing: border-box;
        margin: 0
    }

        .ShapeSelect #iconPanel ul li:last-child {
            margin: 0
        }

        .ShapeSelect #iconPanel ul li div {
            border: 1px solid #bbb;
            background: #e0e0e0;
            box-shadow: none
        }

            .ShapeSelect #iconPanel ul li div:hover, .ShapeSelect #iconPanel ul li div.active {
                background-color: #7ab744;
                background-image: -moz-linear-gradient(top,#74c03b,#55981a);
                background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a));
                background-image: -webkit-linear-gradient(top,#74c03b,#55981a);
                background-image: -o-linear-gradient(top,#74c03b,#55981a);
                background-image: linear-gradient(to bottom,#74c03b,#55981a);
                background-repeat: repeat-x;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.30);
                -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
                box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.30);
            }

       #iconPanel .IconShapeSetTitle {
           font-size:16px;
           font-weight:bold;
           margin:10px 0px 0px 0px;
        }
    .ShapeSelect #iconPanel ul.IconShapeSet {
    width:100%;
    float:left;
    }
    .ShapeSelect #iconPanel ul.IconShapeSet li {
        padding: 10px;
    }
        .ShapeSelect #iconPanel ul.IconShapeSet li div {
            border-radius: 30px;
            border: 5px solid #ddd !important;
            padding: 6px 0px;
            background-color: #e3e3e3;
            box-sizing: border-box;
        }

            .ShapeSelect #iconPanel ul.IconShapeSet li div.active, .ShapeSelect #iconPanel ul.IconShapeSet li div:hover {
                border: 5px solid #0866ff !important;
                background: #e6e6e6 !important;
            }

.ShapeSelect #iconPanel ul li input {
    height: 105px;
    width: 100%;
    display: block;
    margin: 0 auto;
    border: none;
    cursor: pointer;
}

            .ShapeSelect #iconPanel ul li input#black {
                background: url("../Images/theme/black.png") no-repeat scroll center center
            }

            .ShapeSelect #iconPanel ul li input#white {
                background: url("../Images/theme/white.png") no-repeat scroll center center
            }

            .ShapeSelect #iconPanel ul li input#maroon {
                background: url("../Images/theme/maroon.png") no-repeat scroll center center
            }

            .ShapeSelect #iconPanel ul li input#colored {
                background: url("../Images/theme/color.png") no-repeat scroll center center
            }

            .ShapeSelect #iconPanel ul li input#blue {
                background: url("../Images/theme/Blue/Set_blue.png") no-repeat scroll center center
            }

            .ShapeSelect #iconPanel ul li input#Maroonv1 {
                background: url("../Images/theme/MaroonV1/Set_Maroon.png") no-repeat scroll center center
            }

            .ShapeSelect #iconPanel ul li input#Blackv1 {
                background: url("../Images/theme/BlackV1/Set_black.png") no-repeat scroll center center
            }

            .ShapeSelect #iconPanel ul li input#WhiteV1 {
                background: url("../Images/theme/WhiteV1/Set_White_New.png") no-repeat scroll center center
            }
/* delete after use*/

/*** Welcome & Congratulations Page ***/
#contArea .welcomePage {
    border: none
}

    #contArea .welcomePage h2 {
        display: block;
        font: 40px/1.3 "Cuprum",Helvetica,Arial,sans-serif;
        text-align: center;
        padding-bottom: 30px;
        color: var(--secondary-color);
        background: url(../Images/bredcrumb-shadow.png) center bottom no-repeat;
    }

.welcomePage h2 a {
    float: right
}

#contArea .welcomePage .content-gird {
    width: 65%;
    margin: 0 auto 25px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: url("../Images/menu-bg.jpg") repeat scroll 0 0 #F5F5F5
}

#contArea .welcomePage li {
    font: 16px/1.5 "Cuprum",Helvetica,Arial,sans-serif;
    list-style: none;
    text-align: left;
    display: block;
    list-style-position: inside;
    padding: 0 0 10px 15px;
    border-bottom: 1px solid #cecece;
    color: #333;
    margin-bottom: 10px;
    background: url(../Images/landing-sprite.png) 0 -267px no-repeat
}

    #contArea .welcomePage li:last-child {
        border: none;
        margin-bottom: 0
    }

#contArea .welcomePage .wizButtons {
    text-align: center
}

    #contArea .welcomePage .wizButtons .button-a {
        padding: 10px 18px;
        font: 20px "Cuprum",Helvetica,Arial,sans-serif
    }

#wijmo-wijlistitem-active, .wijmo-wijcombobox-selecteditem {
    background: #ddd !important;
    color: #000
}

#contArea .congratesPage {
    border: none
}

    #contArea .congratesPage h2 {
        display: block;
        font: 40px/1.3 "Cuprum",Helvetica,Arial,sans-serif;
        text-align: center;
        padding: 30px 0;
        color: var(--secondary-color);
    }

    #contArea .congratesPage .txt {
        display: block;
        font: 20px/1.3 "Cuprum",Helvetica,Arial,sans-serif;
        text-align: center;
        width: 37%;
        margin: 0 auto 15px
    }

    #contArea .congratesPage .wizButtons {
        text-align: center
    }

        #contArea .congratesPage .wizButtons .button-a {
            padding: 10px 18px;
            font: 20px "Cuprum",Helvetica,Arial,sans-serif
        }

/*** iBeacon ***/
#contArea .iBeacon {
    background: none;
    background: url("../Images/menu-bg.jpg") repeat scroll 0 0 #F5F5F5;
}

    #contArea .iBeacon fieldset {
        border: 1px solid #ddd;
        border-radius: 12px;
        padding: 3px
    }

    #contArea .iBeacon .formArea1 {
        margin-bottom: 10px;
        border: 1px solid #ddd;
        overflow: hidden;
        border-radius: 8px;
        padding: 10px 0 8px;
        background: #fff
    }

        #contArea .iBeacon .formArea1 .elem {
            padding: 5px 15px;
        }

    #contArea .iBeacon .elem {
        clear: none;
        border: none;
        float: left;
        width: 30%;
        padding: 8px 15px
    }

        #contArea .iBeacon .elem label {
            width: 35%;
            margin-right: 8px;
            text-align: right;
            font: 15px 'Cuprum',Helvetica,Arial,sans-serif !important
        }

    #contArea .iBeacon .formArea2 {
        overflow: hidden;
        border: 1px solid #ddd;
        border-radius: 8px;
        background: #fff;
        padding: 8px
    }

        #contArea .iBeacon .formArea2 .elem {
            padding: 5px 15px
        }

        #contArea .iBeacon .formArea2 .div1 {
            float: none;
            margin: 0 0 10px;
            width: 60%;
        }

            #contArea .iBeacon .formArea2 .div1 label {
                width: 18%;
            }

    #contArea .iBeacon .elem .indent {
        width: 62%
    }
    /*#contArea .iBeacon .formArea2 #ibTabs {width:60%; padding:5px; border:1px solid #ccc; border-radius:8px; background:#f9f9f9}*/
    #contArea .iBeacon .formArea2 .elem .indent {
        width: 70%
    }

    #contArea .iBeacon .formArea2 .ibTabsoption {
        overflow: hidden;
        display: block;
        padding: 3px 3px 5px;
        margin-bottom: 8px
    }

        #contArea .iBeacon .formArea2 .ibTabsoption label {
            margin-right: 10px;
            width: 19%;
            text-align: right;
            height: 30px;
            float: left;
            font: 15px/30px 'Cuprum',Helvetica,Arial,sans-serif !important
        }

        #contArea .iBeacon .formArea2 .ibTabsoption div {
            border: 1px solid #999;
            overflow: hidden;
            text-align: center;
            font: 15px/30px 'Cuprum',Helvetica,Arial,sans-serif !important;
            color: #666;
            border-radius: 5px;
            background: #fff;
            width: 100px;
            float: left;
            height: 30px;
            padding: 3px 8px;
            margin-right: 8px
        }

            #contArea .iBeacon .formArea2 .ibTabsoption div input {
                margin-right: 2px;
                cursor: pointer
            }

            #contArea .iBeacon .formArea2 .ibTabsoption div.bg {
                color: #13AEDD;
                background: #fff;
                border-color: #13AEDD
            }

    #contArea .iBeacon .formArea2 .ibTabCont {
        overflow: hidden;
    }

        #contArea .iBeacon .formArea2 .ibTabCont .elem {
            float: none;
            width: auto
        }

            #contArea .iBeacon .formArea2 .ibTabCont .elem label {
                width: 18%
            }

    #contArea .iBeacon .elem .indent input[type="text"], #contArea .iBeacon .elem .indent input[type="password"] {
        border-radius: 5px;
        font: 15px 'Cuprum',Helvetica,Arial,sans-serif
    }

#srchBox {
    padding: 12px 10px!important;
    border: 1px solid #ccc;
    background: #fff !important;
    border-radius: 5px;
    margin: 0px!important;
    overflow: hidden;
    display:flex;
    align-items:center;
}

    #srchBox label {
        float: left;
        margin-right: 8px;
        font: 14px/1.8 'Cuprum',Helvetica,Arial,sans-serif !important
    }

    #srchBox .wijmo-wijcombobox {
        width: 80% !important;
    }

        #srchBox .wijmo-wijcombobox .wijmo-wijcombobox-input {
            width: 100% !important;
            box-sizing: border-box;
            background: #fff;
            padding: 6px 6px;
        }

        #srchBox .wijmo-wijcombobox .wijmo-wijcombobox-wrapper {
            border: 1px solid #ccc;
            background: none;
            width: 95% !important
        }

    #srchBox #EventSearch {
        width: 92%;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ccc;
        padding: 4px;
        height: 28px;
        border-radius: 5px;
    }

/*** combo box ***/
.wijmo-wijcombobox {
    float: left
}

    .wijmo-wijcombobox .wijmo-wijcombobox-wrapper {
        border: 1px solid #999
    }
/*.wijmo-wijcombobox .wijmo-wijcombobox-input {background:#fff; width:928px!important; margin-right:0}*/

/*** Authorization ***/
.selectMenu {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff
}

.chooseMenu {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    margin-bottom: 12px
}

ul.listmenu {
    margin: 0 -2% -5px 0;
    overflow: hidden;
    padding: 0;
    list-style: none
}

    ul.listmenu li {
        float: left;
        width: 22%;
        border: 1px solid #ccc;
        background: #fff;
        padding: 8px 5px;
        margin: 0 2% 5px 0
    }

.selectMenu ul.listmenu li {
    width: 21.6%
}

ul.listmenu li input {
    float: left;
    margin: 3px 5px 0 0;
}

ul.listmenu li label {
    float: left;
    font: 15px 'Cuprum',Helvetica,Arial,sans-serif !important;
    color: #333;
    cursor: pointer
}

.authSection {
    overflow: hidden;
    margin-bottom: 10px
}

    .authSection ul.permissions {
        padding: 5px;
        border: 1px solid #ddd;
        margin-bottom: 10px;
        overflow: hidden;
        background: #f5f5f5
    }

        .authSection ul.permissions li {
            padding: 5px 0;
            border-bottom: 1px solid #ddd
        }

            .authSection ul.permissions li li {
                border: none
            }

            .authSection ul.permissions li:last-child {
                border: none;
                padding-bottom: 0
            }

            .authSection ul.permissions li label {
                width: 20%;
                font: 14px 'Cuprum',Helvetica,Arial,sans-serif !important;
                text-align: left
            }

            .authSection ul.permissions li li label {
                width: auto
            }

            .authSection ul.permissions li .row {
                float: left;
                width: 20%
            }

                .authSection ul.permissions li .row .div {
                    width: auto
                }

                .authSection ul.permissions li .row label {
                    width: auto;
                    margin-right: 5px
                }

            .authSection ul.permissions li .div {
                width: 78%
            }

#contArea .authSection .div table {
    table-layout: auto;
    width: 100%
}

    #contArea .authSection .div table td, #contArea .selectMenu.checkList table td {
        padding: 5px
    }

        #contArea .authSection .div table td label {
            width: auto
        }

.authSection .side {
    width: 48.5%;
    float: left;
    padding: 3px;
    background: #f5f5f5;
    margin: 2px;
    border: 1px solid #ddd
}

    .authSection .side.right {
        float: right;
        padding-bottom: 0
    }

        .authSection .side.right ul li {
            margin-bottom: 5px
        }

.authSection .full {
    padding: 3px;
    background: #f5f5f5;
    margin: 2px;
    border: 1px solid #ddd;
    clear: both;
    overflow: hidden
}

    .authSection .full ul {
        float: left;
        width: 49%
    }

.authSection .optionBox {
    border: 1px solid #ccc;
    display: block;
    background: #fff;
    padding: 5px 5px 0;
    overflow: hidden;
    clear: both;
    width: 84%
}

.authSection .grid {
    float: left;
    width: 49%;
    margin-bottom: 5px
}

    .authSection .grid label {
        font: 12px 'Cuprum',Helvetica,Arial,sans-serif !important;
        color: #333;
        float: left;
        margin-right: 5px;
        text-align: right;
        width: 35%;
        text-transform: capitalize
    }

    .authSection .grid input {
        border: 1px solid #ccc;
        padding: 2px;
        border-radius: 3px;
        height: 22px;
        width: 55%
    }

.authSection h3 {
    background: #fff;
    font: 15px 'Cuprum',Helvetica,Arial,sans-serif !important;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: var(--secondary-color);
    margin-bottom: 8px;
    padding: 8px 5px
}

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

    .authSection ul li {
        display: block;
        margin-bottom: 7px;
        overflow: hidden
    }

.authSection label {
    font: 13px 'Cuprum',Helvetica,Arial,sans-serif !important;
    color: #333;
    float: left;
    width: 35%;
    text-transform: capitalize;
    padding-left: 8px
}

.authSection .div {
    float: left;
    width: 62%
}

    .authSection .div input[type="checkbox"] {
        float: left;
        margin-right: 8px
    }

    .authSection .div input[type="text"] {
        border: 1px solid #ccc;
        padding: 2px;
        border-radius: 3px;
        height: 20px;
        width: 80%
    }

    .authSection .div #SUP_SignInPageLogInTipText, #SUP_FirstTimeLoginPageHeading[type="text"] {
        width: 100%;
    }

    .authSection .div input[type="checkbox"] + input[type="text"] {
        width: 75%
    }

#contArea .elem .indent input[type="checkbox"] {
    float: left;
    margin-right: 10px;
}

#contArea .elem .indent label {
    float: left;
    margin: 0 !important;
    width: 21.5%
}

/*** Data Integration Wizard ***/
#wizardPage {
    width: 75%;
    margin: 0 auto 10px !important
}

    #wizardPage h2 {
        display: block;
        font: 25px/1.2 "Cuprum",Helvetica,Arial,sans-serif;
        text-align: center;
        padding-bottom: 30px;
        color: var(--secondary-color);
        background: url(../Images/bredcrumb-shadow.png) center 85% / 750px auto no-repeat;
    }

    #wizardPage #contArea form {
        padding: 10px 0 0px !important
    }

    #wizardPage #contArea .elem label {
        width: 20%
    }

    #wizardPage #contArea .elem .indent {
        width: 60%
    }

    #wizardPage #contArea form .wizButtons {
        border-top: 1px solid #dddddd;
        background: #f9f9f9;
        padding: 8px 5px
    }

    #wizardPage #contArea form .content-gird {
        overflow: auto;
        min-height: 250px;
        margin-bottom: 10px;
        padding: 10px;
        background: none
    }

.integrCheck {
    border-radius: 5px;
    padding: 5px;
    background: #f5f5f5;
    width: 48%;
    float: left;
    border: 1px solid #dfdfdf
}

    .integrCheck ul {
        margin: 0;
        overflow: hidden;
        padding: 0;
        list-style: none
    }

        .integrCheck ul li {
            border: 1px solid #ddd;
            background: #fff;
            padding: 8px 5px;
            overflow: hidden;
            margin-bottom: 5px;
            position: relative
        }

            .integrCheck ul li:last-child {
                margin-bottom: 0
            }

            .integrCheck ul li input {
                float: left;
                margin: 3px 5px 0 0;
            }

            .integrCheck ul li label {
                float: left;
                font: 15px 'Cuprum',Helvetica,Arial,sans-serif !important;
                color: #333;
                cursor: pointer
            }

    .integrCheck .pageHeaderStyle {
        font-size: 18px;
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding-bottom: 8px
    }

.dataResult {
    width: 47%;
    float: left;
    padding: 8px 12px 8px 8px;
    border-right: 1px solid #ddd;
}

#reg.dataResult {
    float: right;
    border: none
}

.dataResult h3 {
    display: block;
    font: 18px "Cuprum",Helvetica,Arial,sans-serif;
    color: var(--secondary-color);
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.dataResult p {
    font: 14px "Cuprum",Helvetica,Arial,sans-serif;
    margin-bottom: 5px
}

    .dataResult p strong {
        font-size: 15px
    }

.notePage {
    border-radius: 5px;
    padding: 0;
    margin-bottom: 10px;
}

    .notePage .pageHeaderStyle {
        font-size: 18px;
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding-bottom: 8px
    }

    .notePage fieldset {
        background: #F5F5F5
    }

/*** Static Pages ***/
.staticCont {
    background: #fff;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    min-height: 350px
}

    .staticCont .itemList {
        padding: 0;
        margin: 0;
        list-style: none
    }

        .staticCont .itemList li {
            display: block;
            overflow: hidden;
            padding: 10px 5px
        }

            .staticCont .itemList li:nth-child(2n+1) {
                background: #f5f5f5
            }

            .staticCont .itemList li p {
                font: 16px 'Cuprum',Helvetica,Arial,sans-serif;
                display: block
            }

                .staticCont .itemList li p.q {
                    color: #197EC1;
                    margin-bottom: 8px
                }

                .staticCont .itemList li p strong {
                    color: #333;
                    font-family: Arial;
                    font-size: 14px;
                    margin-right: 5px
                }

                .staticCont .itemList li p.ans {
                    color: #666;
                    margin-bottom: 0;
                    font-size: 14px
                }

#contArea .elem .grpOpt {
    background: #fefefe;
    border: 1px solid #ccc;
    padding: 5px 0 0 5px;
    overflow: hidden;
    width: 72%
}

    #contArea .elem .grpOpt p {
        float: left;
        margin: 0 0 5px 0;
        width: 20%
    }

        #contArea .elem .grpOpt p input {
            margin-right: 5px;
            float: left
        }

#tutClient {
    overflow: hidden;
    min-height: 380px
}

    #tutClient ul {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        overflow: hidden;
        width: 1000px
    }

        #tutClient ul li {
            float: left;
            margin: 0 4% 10px 0;
            width: 30%;
            background: #fff;
            border: 1px solid #ccc;
        }

            #tutClient ul li:nth-child(3n+3) {
                margin-right: 0
            }

            #tutClient ul li h4 {
                font: 16px 'Cuprum',Helvetica,Arial,sans-serif;
                display: block;
                background: #428BCA;
                color: #fff;
                padding: 8px 5px;
                text-align: center;
            }

            #tutClient ul li .preview {
                display: block;
                padding: 8px;
                height: 120px
            }

                #tutClient ul li .preview a {
                    display: block;
                    height: 95px;
                    padding-top: 25px;
                    background: #333;
                    text-align: center;
                    border-radius: 5px;
                    -webkit-transition: all 500ms;
                    -moz-transition: all 500ms;
                    transition: all 500ms
                }

                    #tutClient ul li .preview a:hover {
                        background: #000
                    }

                    #tutClient ul li .preview a img {
                        background: #57BBF9;
                        border-radius: 30px;
                        padding: 5px;
                        margin-bottom: 8px;
                        -webkit-transition: all 500ms;
                        -moz-transition: all 500ms;
                        transition: all 500ms
                    }

                    #tutClient ul li .preview a:hover img {
                        -webkit-transform: rotate(360deg) scale(1);
                        -moz-transform: rotate(360deg) scale(1);
                        -o-transform: rotate(360deg) scale(1);
                        -ms-transform: rotate(360deg) scale(1);
                        transform: rotate(360deg) scale(1)
                    }

                    #tutClient ul li .preview a span {
                        clear: both;
                        font: 14px 'Cuprum',Helvetica,Arial,sans-serif;
                        display: block
                    }

            #tutClient ul li .desc {
                font: 14px 'Cuprum',Helvetica,Arial,sans-serif;
                display: block;
                color: #fff;
                padding: 5px;
                background: #428bca;
                min-height: 40px
            }

/*** Website Dashboard ***/
#webDash {
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    min-height: 585px
}

#webDashInner {
    float: left;
    padding: 15px;
    margin: 0 0 0 10%;
    width: 87%
}

#webNav {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 9%;
    background: #546784;
    padding: 5px;
    height: 100%;
    border-right: 1px solid #374659
}

    #webNav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        border: 1px solid #374659;
    }

        #webNav ul li {
            margin: 0;
            display: block;
            clear: both
        }

            #webNav ul li:first-child a {
                border-top: none
            }

            #webNav ul li:last-child {
                margin: 0;
            }

            #webNav ul li a {
                background: #43546E;
                border-top: 1px solid #374659;
                box-shadow: 0 1px #4F6688 inset;
                text-align: center;
                display: block;
                padding: 8px 5px;
                height: 65px;
                text-decoration: none;
                position: relative
            }

                #webNav ul li a img {
                    margin: 10px 0 5px;
                    height: 30px
                }

                #webNav ul li a span {
                    display: block;
                    font: 14px 'Cuprum',Helvetica,Arial,sans-serif;
                    text-align: center;
                    display: block;
                    color: #fff;
                }

                #webNav ul li a:hover, #webNav ul li a.active {
                    outline: none;
                    box-shadow: -5px 0px 0px 0px #75a905 inset;
                    background: #465b7a
                }

#design {
    overflow: hidden;
    display: block
}

#webDash h2.mainTitle {
    font: 24px "Cuprum", Helvetica, Arial, sans-serif;
    color: var(--secondary-color);
    display: block;
    margin-bottom: 12px;
    margin: 0 0 15px;
    text-align: center
}

#webDash h2.subTitle {
    display: block;
    font: 15px 'Cuprum',Helvetica,Arial,sans-serif;
    display: block;
    color: #333;
    border-bottom: 1px solid #dedede;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.tagLine {
    background: #f1f1f1;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 15px
}

    .tagLine label {
        float: left;
        margin-right: 8px;
        font: 15px 'Cuprum',Helvetica,Arial,sans-serif;
        color: #333;
        width: 6%
    }

    .tagLine textarea {
        width: 90%;
        padding: 8px;
        height: 50px;
        border: 1px solid #ccc
    }

        .tagLine textarea:hover, .tagLine textarea:focus {
            box-shadow: 0px 0px 5px rgba(82, 168, 236, 0.6);
        }

#tempSelect {
    overflow: hidden;
    border: 10px solid #e6e6e6;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 15px
}

    #tempSelect .left {
        float: left;
        width: 15%;
        background: #f9e9c1;
        padding: 8px 0 8px 8px;
        min-height: 220px
    }

        #tempSelect .left ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            #tempSelect .left ul li {
                display: block;
                margin-bottom: 5px
            }

                #tempSelect .left ul li a {
                    display: block;
                    font: 15px 'Cuprum',Helvetica,Arial,sans-serif;
                    color: #333;
                    padding: 8px;
                    border-radius: 5px 0 0 5px
                }

                    #tempSelect .left ul li a:hover, #tempSelect .left ul li a.active {
                        background: #fff;
                    }

    #tempSelect .right {
        float: right;
        width: 82%;
        padding: 8px
    }

        #tempSelect .right .grid {
            overflow: hidden
        }

            #tempSelect .right .grid .brick {
                float: left;
                display: block;
                position: relative;
                margin: 8px;
                border: 1px solid #e6e6e6
            }

                #tempSelect .right .grid .brick img {
                    height: 150px;
                    margin: 8px;
                    width: 150px;
                }

                #tempSelect .right .grid .brick a {
                    clear: both;
                    display: block;
                    text-align: center;
                    border-radius: 0;
                    outline: none
                }

                    #tempSelect .right .grid .brick a span {
                        color: #fff
                    }

                #tempSelect .right .grid .brick:hover, #tempSelect .right .grid .brick.active {
                    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
                }

                    #tempSelect .right .grid .brick.active a {
                        background: none repeat scroll 0 0 var(--primary-dark); /*#76ac17*/
                    }

#ColoImage {
    overflow: hidden;
    position: relative
}

.or {
    display: block;
    width: 32px;
    background: #fff;
    padding: 8px;
    position: absolute;
    top: 85px;
    left: 48%;
    font: 30px 'Cuprum',Helvetica,Arial,sans-serif;
    color: #333
}

#ColoImage .left {
    float: left;
    width: 48%;
    padding: 5px 20px 5px 5px;
    border-right: 1px solid #e6e6e6
}

    #ColoImage .left .grid {
        overflow: hidden;
        margin-right: -8px
    }

        #ColoImage .left .grid .brick {
            float: left;
            margin: 0 8px 8px 0;
            border: 1px solid #ccc;
            position: relative
        }

            #ColoImage .left .grid .brick img {
                width: 100px;
                height: 100px;
                margin: 8px;
                outline: none
            }

    #ColoImage .left .brick a {
        clear: both;
        display: block;
        border-radius: 0;
        text-align: center
    }

        #ColoImage .left .brick a span {
            color: #fff
        }

    #ColoImage .left .brick img {
        width: 100%
    }
    /*#ColoImage .left .brick a span {background:#fff; border-radius:5px; color:#333; padding:5px}*/
    #ColoImage .left .brick:hover, #ColoImage .left .brick.active {
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
    }

        #ColoImage .left .brick.active a {
            background: none repeat scroll 0 0 var(--primary-dark); /*#76ac17*/
        }

#ColoImage .right {
    float: right;
    width: 48%;
    padding: 5px
}

    #ColoImage .right #picker {
        width: 210px;
        margin: 0 auto
    }

#setting {
    overflow: hidden;
}

#selMenu {
    overflow: hidden;
}

#socInfo {
    overflow: hidden;
}

#selspeakers {
    overflow: hidden;
}

#about {
    overflow: hidden;
}

/*** Event at a glance ***/
#eventGlance {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    min-height: 500px
}

    #eventGlance .title {
        font: 24px "Cuprum", Helvetica, Arial, sans-serif;
        color: var(--secondary-color);
        display: block;
        text-align: center
    }

@-webkit-keyframes myanimation {
    from {
        left: 0%
    }

    to {
        left: 18%
    }
}

@keyframes myanimation {
    from {
        left: 0%
    }

    to {
        left: 18%
    }
}

/*** Progress Bar ***/
div.checkout-bar a {
    color: #ccc;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
}

    div.checkout-bar a:before {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background: #ccc;
        border: 2px solid #FFF;
        border-radius: 50%;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        left: 0px;
        line-height: 37px;
        height: 35px;
        position: absolute;
        text-align: center;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        top: 4px;
        width: 35px;
        z-index: 999
    }

    div.checkout-bar a.active {
        color: #8bc53f;
        font-weight: normal
    }

        div.checkout-bar a.active:before {
            background: #8bc53f;
            z-index: 99999;
        }

    div.checkout-bar a.visited {
        background: #ECECEC;
        color: #57aed1;
        z-index: 99999;
    }

        div.checkout-bar a.visited:before {
            background: #57aed1;
            z-index: 99999
        }

    div.checkout-bar a.Due {
        background: #c92b2b;
        color: #57aed1;
        z-index: 99999;
    }

        div.checkout-bar a.Due:before {
            background: #c92b2b;
            z-index: 99999
        }

    div.checkout-bar a:nth-child(1) {
        margin-left: 0
    }

        div.checkout-bar a:nth-child(1):before {
            content: "1"
        }

    div.checkout-bar a:nth-child(2):before {
        content: "2"
    }

    div.checkout-bar a:nth-child(3):before {
        content: "3"
    }

    div.checkout-bar a:nth-child(4):before {
        content: "4"
    }

    div.checkout-bar a:nth-child(5):before {
        content: "5"
    }

    div.checkout-bar a:nth-child(6):before {
        content: "6"
    }

    div.checkout-bar a:nth-child(6) {
        left: 0;
        width: auto
    }

        div.checkout-bar a:nth-child(6) span {
            left: -11px
        }

    div.checkout-bar a span {
        color: #fff;
        font: 17px "Cuprum",Helvetica,Arial,sans-serif;
        text-decoration: none;
        position: absolute;
        top: -50px;
        left: -68px;
        width: 100%
    }

    div.checkout-bar a:hover span {
        text-shadow: 0px 0px 8px rgba(82, 168, 236, 0.6)
    }

.tootipAdjust #mcTooltipWrapper {
    top: 150px !important
}

/*Lobby menu setup Page Start*/
.LobbyContainer {
    display: flex;
    flex-direction:column;
    width: 80%;
    /*height: 667px;*/
    /*padding: 12px;*/
    margin: 2px auto;
    /*border: 2px solid #666;*/
    /*border-radius: 8px;*/
}

.MonitorFrameBase {
    display: flex;
    margin: auto;
    width: 25vw;
    height: 8px;
    background-color: #666;
    border-radius: 10px;
}

    .MonitorFrameBase.Neck {
        width: 5vw;
        height: 20px;
        border-radius: 4px 4px 0px 0px;
    }

.LobbyBgImage {
    /*background-image: url(../Images/Lobby_Page_Base.jpg);*/
    width: 100%;
    height: 100%;
    /*background-size: cover;*/
    border-radius: 4px;
    overflow: hidden;
    display: flex;
}

.LobbyContainer .navList {
    list-style: none;
}

    .LobbyContainer .navList li {
        position: absolute;
        top: 13.6vw;
        left: 50%;
        transform: translate(-50%);
        min-width: 8vw;
        text-align: center;
        background-color: #110e10;
        border-radius: 4px;
    }

    .LobbyContainer .navList a {
        color: #fff;
        font-weight: bold;
        /*display: block;*/
        white-space: nowrap;
        padding-left:8px;
        /*padding-bottom: 70px;*/
    }

    .LobbyContainer .navList li.menuTab1 {
        margin-left: -19vw;
    }

    .LobbyContainer .navList li.menuTab2 {
        
    }

    .LobbyContainer .navList li.menuTab3 {
        margin-left: 19vw;
    }

    .LobbyContainer .navList li.menuTab4, .LobbyContainer .navList li.menuTab5, .LobbyContainer .navList li.menuTab6 {
        top: 20.2vw;
    }

    .LobbyContainer .navList li.menuTab4 {
        margin-left: -21.5vw;
    }

    .LobbyContainer .navList li.menuTab5 {
       
    }

    .LobbyContainer .navList li.menuTab6 {
        margin-left: 21.6vw;
    }

.AppHeader {
    height: 40px;
    background-color: #71bafbeb;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    padding: 0px 10px;
    position: absolute;
    width: 100%;
}

.helpText {
    text-transform: uppercase;
    font-size: .8em;
    color: #666;
    position: absolute;
    top: 31.75vw;
    left: 50.5%;
    transform: translate(-50%);
    background: #66666680;
    padding: 4px 8px 4px 4px;
    font-weight: 600;
    border: 1px solid #666666690;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.helpText a{ color:#ffffff;
}
    .helpText a.VisibleMenu, .helpText a.HiddenMenu, .StandeeName a.HiddenMenu, .StandeeName a.VisibleMenu, .WallMenuName a.VisibleMenu, .WallMenuName a.HiddenMenu {
        padding-left: 8px;
    }
.deskBanner1, .deskBanner2 {
    position: absolute;
    top: 25.9vw;
    width: 6vw;
    left: 24.3vw;
    perspective: 450px;
    perspective-origin: 70% 50%;
}

.WallMenu1, .WallMenu2 {
    position: absolute;
    top: 7vw;
    width: 5vw;
    left: 26.7vw;
}

.WallMenu2 {
    left: 45vw;
}

    .WallMenu1 img, .WallMenu2 img {
        max-width: 100%;
        border: 2px solid #e9e9e9;
        border-top: 10px solid #e9e9e9;
    }

.bannerCnt {
    display: block;
}

.StandeeName, .WallMenuName {
    color: #ffffff;
    background-color: #111111a1;
    padding: 4px 8px 4px 12px;
    position: absolute;
    margin-top: 20px;
    border-radius: 6px;
}

.LobbyBgImage a:hover {
text-decoration:none;
}
.StandeeName a, .WallMenuName a, .helpText a {
    color: #ffffff;
    padding-left: 8px;
}
.eye {
    padding: 4px 8px;
    width:14px;
    height:14px;
}
    .eye:hover {
        padding: 2px 6px;
        width: 18px;
        height: 18px;
    }
.HiddenMenu {
opacity:0.7;
}
.VisibleMenu {
    opacity: 1;
}
.HiddenMenu .eyeMenu {
    background-image: url(../Images/hide.png);
}
.eyeMenu {
    background-image: url(../Images/show.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.8;
}
.eyeMenu:hover {     
        opacity:1;
}

.editMenu {
    background-image: url(../Images/options.png);   
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
    width: 20px;
    height: 20px;
    padding: 2px 0px 2px 8px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.8;
}

    .editMenu:hover {
        opacity: 1;
    }

.WallMenuName {
    top: 3.25vw;
}

    .WallMenuName.left {
        left: 25vw;
    }

    .WallMenuName.right {
        left: 43.5vw;
    }
.BannerMenuInactive {
opacity:0.3;
}
.StandeeName.left {
    top: 35vw;
    left: 22vw;
}

.StandeeName.right {
    top: 35vw;
    right: 22vw;
    border-radius: 6px;
}

.deskBanner1 .bannerCnt {
    transform: rotateY( 40deg) skewY( 348deg);
    transform-style: preserve-3d;
    border: 2px solid #e9e9e9;
}

.deskBanner2 {
    left: auto;
    right: 23.5vw;
    top: 26.1vw;
}

    .deskBanner2 .bannerCnt {
        transform: rotateY( -40deg) skewY( 12deg);
        transform-style: preserve-3d;
        border: 2px solid #e9e9e9;
    }

    .deskBanner1 img, .deskBanner2 img {
        max-width: 100%;
    }

.MenuBanner {
    width: 80px;
    height: 120px;
    border: 1px solid #868686;
}
#RemoveButton {
/*margin:2px 0px;*/
}
/*Lobby menu setup Page End*/
@media all and (min-width: 600px) {
    .checkout-wrap {
        margin: 0 0 20px;
        height: 20px;
        padding-top: 50px
    }

    div.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background-size: 35px 35px;
        background-color: #ccc;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        border-radius: 15px;
        height: 15px;
        left: 10%;
        padding: 0;
        position: absolute;
        width: 900px
    }

        div.checkout-bar:before {
            background-size: 35px 35px; /*background-color: #57aed1;*/
            background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            content: " ";
            height: 15px;
            left: 0;
            position: absolute;
            width: 10%
        }

        div.checkout-bar a {
            display: inline-block;
            margin: 0;
            padding: 0;
            text-align: center;
            cursor: pointer;
            width: 19%;
            font: 17px "Cuprum",Helvetica,Arial,sans-serif
        }

            div.checkout-bar a:before {
                height: 45px;
                left: 0;
                line-height: 45px;
                position: absolute;
                top: -30px;
                width: 45px;
                z-index: 99999
            }

            div.checkout-bar a.active:after {
                background-size: 35px 35px;
                background-color: #8bc53f;
                background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                content: "";
                height: 15px;
                width: 100%;
                left: 5%;
                position: absolute;
                z-index: 0;
                -webkit-animation: myanimation 5s; /* Chrome, Safari, Opera */
                animation: myanimation 5s;
                top: -12px;
            }

            div.checkout-bar a.visited {
                background: none
            }

                div.checkout-bar a.visited:after {
                    background-size: 35px 35px;
                    background-color: #57aed1;
                    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    content: "";
                    height: 15px;
                    left: 5%;
                    position: absolute;
                    width: 100%;
                    z-index: 99;
                    top: -12px;
                }

            div.checkout-bar a.Due:after {
                background-size: 35px 35px;
                background-color: #c92b2b;
                background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                content: "";
                height: 15px;
                left: 5%;
                position: absolute;
                width: 100%;
                z-index: 99;
                top: -12px;
            }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.checkout-bar a.active:after {
        top: -11px;
    }

    div.checkout-bar a.visited:after {
        top: -11px;
    }

    div.checkout-bar a.Due:after {
        top: -11px;
    }
}
/*.checkout-bar a:first-child.active:before, .checkout-bar a.visited:first-child:before, .checkout-bar a.Due:first-child:before {width:60%; border-radius:15px}*/
.checkout-bar a:last-child.active:after, .checkout-bar a.visited:last-child:after, .checkout-bar a.Due:last-child:after {
    width: 60%;
    border-radius: 15px
}

.glanceCont {
    border-radius: 12px;
    position: relative;
    background: #fff;
    overflow: hidden;
    min-height: 250px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 0px 5px #000;
    margin: 0 0 25px
}

div.checkout-bar a strong.act {
    display: none;
    background: none;
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: -35px;
    left: 4%;
    z-index: 999
}

    div.checkout-bar a strong.act:before {
        border-left: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
        content: " ";
        display: block;
        height: 0;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        width: 0;
    }

div.checkout-bar a#activeTab strong.act {
    display: block
}

.glanceCont .title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background: #f9f9f9;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
    font-weight: bold;
    overflow: hidden;
    padding: 10px;
    word-wrap: break-word;
}

    .glanceCont .title h2 {
        font: 24px "Cuprum", Helvetica, Arial, sans-serif;
        color: var(--secondary-color);
        display: block;
        margin-bottom: 12px;
        margin: 0;
        text-align: left
    }

.onDash {
    padding-top: 40px
}

div.checkout-bar {
    height: 8px
}

    div.checkout-bar:before {
        height: 8px
    }

    div.checkout-bar a:before {
        height: 30px;
        width: 30px;
        top: -25px;
        line-height: 30px;
        left: 0;
        box-shadow: none
    }

    div.checkout-bar a.visited:after {
        height: 8px
    }

    div.checkout-bar a.active:after {
        height: 8px
    }

    div.checkout-bar a.Due:after {
        height: 8px
    }

#AppData {
    overflow: hidden;
    margin: 5px;
    background: #bbb;
    border-radius: 8px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3) inset;
}

    #AppData .bloc {
        width: 32%;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0; /*margin-left:2%; padding:8px; border-left:1px solid rgba(0, 0, 0, 0.16);*/
        background: #f9f9f9;
        box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
        border-right: 1px solid rgba(0, 0, 0, 0.16);
    }

        #AppData .bloc ul {
            padding: 0;
            margin: 0 0 15px;
            background: #fff;
            list-style: none;
            border: 1px solid rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
        }

            #AppData .bloc ul li {
                border-bottom: 1px solid rgba(0, 0, 0, 0.16);
                overflow: hidden
            }

                #AppData .bloc ul li:last-child {
                    border: none
                }

                #AppData .bloc ul li label {
                    height: 25px;
                    padding: 5px;
                    font: 15px/25px "Cuprum", Helvetica, Arial, sans-serif;
                    text-align: right;
                    color: #666;
                    border-right: 1px solid rgba(0, 0, 0, 0.16);
                    float: left;
                    width: 23%
                }

                #AppData .bloc ul li .textBox {
                    height: 25px;
                    padding: 5px;
                    float: left;
                    width: 69%
                }

                #AppData .bloc ul li:hover .textBox {
                    box-shadow: 0 0 5px rgba(0, 154, 228, 0.3), 0 0 0 1px rgba(0, 154, 228, 0.6) inset;
                }

                #AppData .bloc ul li .textBox input[type="text"] {
                    height: 20px;
                    background: none;
                    padding: 3px;
                    border: none;
                    display: block;
                    width: 96%
                }

                #AppData .bloc ul li .textBox select {
                    height: 20px;
                    margin: 3px;
                    border: none;
                    display: block;
                    width: 96%;
                    background: none
                }

        #AppData .bloc .arrow {
            display: block;
            background: none;
            height: 30px;
            width: 30px;
            position: absolute;
            top: 65px;
            right: 0px;
            z-index: 9
        }

            #AppData .bloc .arrow:after {
                border-bottom: 30px solid transparent;
                border-left: 20px solid #f9f9f9;
                border-top: 30px solid transparent;
                content: " ";
                display: block;
                height: 0;
                left: 100%;
                margin-top: -30px;
                position: absolute;
                top: 50%;
                width: 0;
            }

    #AppData .bloc1 {
        padding: 12px 12px 12px 0;
        margin-left: 34%
    }

    #AppData .table {
        min-height: 535px;
        overflow: hidden;
    }

    #AppData .bloc1 table {
        table-layout: auto;
        border: 3px solid #fff;
        margin-bottom: 5px;
        background: #fff
    }

        #AppData .bloc1 table td {
            border-right: 1px solid rgba(0, 0, 0, 0.16);
            position: relative;
            border-bottom: 1px solid rgba(0, 0, 0, 0.16);
            padding: 5px;
            text-align: center
        }

            #AppData .bloc1 table td:last-child {
                border-right: none;
                position: relative
            }

        #AppData .bloc1 table tr:last-child td {
            border-bottom: none
        }

        #AppData .bloc1 table tr:nth-child(2n+1) td {
            background: #f5f8fd
        }

        #AppData .bloc1 table td h4.head {
            font: 16px "Cuprum", Helvetica, Arial, sans-serif;
            display: block;
            text-align: left;
            margin-bottom: 3px;
        }

        #AppData .bloc1 table td .dueDate {
            font: 11px "Cuprum", Helvetica, Arial, sans-serif;
            display: block;
            text-align: left;
            float: left;
            margin-bottom: 5px;
            width: 25%
        }

            #AppData .bloc1 table td .dueDate strong {
                font-weight: normal;
                margin-right: 2px;
                color: #333
            }

            #AppData .bloc1 table td .dueDate.green {
                color: #4d9506
            }

            #AppData .bloc1 table td .dueDate.red {
                color: #aa1717
            }

    #AppData .table table td .radios {
        float: left;
        margin-right: 3%;
        width: 25%;
        overflow: hidden
    }

        #AppData .table table td .radios p {
            float: left;
            width: 30%;
            cursor: pointer;
            background: #aaa;
            box-sizing: border-box;
            text-align: center;
            margin-right: 1px;
            padding: 5px;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        }

            #AppData .table table td .radios p input {
                display: none;
                margin: 3px 5px 0 0
            }

            #AppData .table table td .radios p label {
                display: inline;
                color: #fff;
                font: 14px "Cuprum", Helvetica, Arial, sans-serif;
                cursor: pointer
            }

            #AppData .table table td .radios p:first-child {
                border-radius: 5px 0 0 5px
            }

            #AppData .table table td .radios p:last-child {
                border-radius: 0 5px 5px 0
            }

.readOnly td .radios p {
    pointer-events: none
}

/*#AppData .table table td .radio .ui-button.ui-state-active, #AppData .table table td #radio .ui-button:hover {background-color: #7ab744; background-image: -moz-linear-gradient(top,#74c03b,#55981a); background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a)); background-image: -webkit-linear-gradient(top,#74c03b,#55981a); background-image: -o-linear-gradient(top,#74c03b,#55981a); background-image: linear-gradient(to bottom,#74c03b,#55981a); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c03b',endColorstr='#55981a',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)}
#AppData .table table td .radio .ui-button .ui-button-text {padding:2px 5px; font-family:"Cuprum", Helvetica, Arial, sans-serif}*/
#AppData .bloc1 table td .Wrap {
    overflow: hidden;
    width: 50%;
    float: right;
    margin-right: 3%
}

    #AppData .bloc1 table td .Wrap label {
        float: left;
        margin: 0 5px 0 0;
        text-align: right;
        width: 30%;
        font: 13px "Cuprum", Helvetica, Arial, sans-serif;
        color: #666
    }

    #AppData .bloc1 table td .Wrap .textBox {
        float: left;
        width: 55%;
        padding: 4px;
        border: 1px solid #ccc;
        margin: 0 3% 0 0
    }

    #AppData .bloc1 table td .Wrap select {
        float: left;
        width: 25%;
        margin: 0 3% 0 0
    }

    #AppData .bloc1 table td .Wrap label + label {
        float: left;
        width: 25%;
        margin: 0 8px 0 0;
        text-align: left;
        font-size: 15px;
        color: #000
    }

#AppData .addBtnCont {
    background: #ededed;
    overflow: hidden;
    width: 100%;
    padding: 5px 0
}

    #AppData .addBtnCont .blueBtn {
        height: 30px;
        font: 14px "Cuprum", Helvetica, Arial, sans-serif;
    }

#AppData .table table td a {
    display: inline-block;
    padding: 5px;
    border-radius: 20px;
    text-decoration: none;
}

    #AppData .table table td a:hover {
        text-decoration: none
    }

#AppData .bloc table td a:hover {
    text-decoration: none;
}

#AppData .table table td a img {
    width: 24px
}

#AppData .table table td .popup {
    width: 220px;
    display: none;
    padding: 5px;
    z-index: 9;
    position: absolute;
    left: -210px;
    top: 20px; /* Styles */
    border-radius: 4px;
    color: #7e7975;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 5px rgba(0,0,0,0.2);
    overflow: hidden
}

    #AppData .table table td .popup textarea {
        box-sizing: border-box;
        line-height: 24px;
        width: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 1px, transparent 1px) repeat scroll 0 0 / 100% 26px #fbf9e3;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 0 #fbf9e3 inset;
        border: 1px solid rgba(0, 0, 0, 0.12);
        margin-bottom: 5px;
        padding: 5px
    }

    #AppData .table table td .popup .btns {
        background: #087ee1;
        border: none;
        float: left;
        width: 48%;
        border-radius: 5px;
        padding: 5px;
        font: 13px "Cuprum", Helvetica, Arial, sans-serif;
        color: #fff;
    }

        #AppData .table table td .popup .btns:hover {
            background: #5a9f20;
            cursor: pointer
        }

#AppData .note {
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

    #AppData .note .subT {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        font: 15px "Cuprum", Helvetica, Arial, sans-serif;
        overflow: hidden;
        padding: 10px;
        text-shadow: 0 1px 0 #fff;
        word-wrap: break-word;
    }

    #AppData .note .cont {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 1px, transparent 1px) repeat scroll 0 0 / 100% 26px #fbf9e3;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 0 #fbf9e3 inset;
        border: 1px solid rgba(0, 0, 0, 0.12);
        margin: 5px
    }

        #AppData .note .cont textarea {
            border: none;
            background: none;
            padding: 2px;
            display: block;
            height: 90px;
            width: 98%;
            line-height: 25px
        }

#comment {
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

    #comment .subT {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        font: 15px "Cuprum", Helvetica, Arial, sans-serif;
        overflow: hidden;
        padding: 10px;
        text-shadow: 0 1px 0 #fff;
        word-wrap: break-word;
    }

    #comment .commentWrap {
        padding: 5px;
        overflow: hidden
    }

.wrapScroll {
    max-height: 90px;
    overflow: auto;
    margin-bottom: 5px
}

#comment .added {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    padding-bottom: 5px;
    margin-bottom: 8px;
    overflow: hidden
}

    #comment .added .icon {
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        background: #57AED1;
        border-radius: 20px;
        float: left;
        margin: 0 10px 0 0
    }

    #comment .added .info {
        float: left;
        width: 85%
    }

        #comment .added .info .header {
            margin-right: 5px;
            font: 14px "Cuprum", Helvetica, Arial, sans-serif;
            color: #222;
            margin: 0 8px 5px 0;
            float: left
        }

        #comment .added .info .time {
            font: 12px/1.5 "Cuprum", Helvetica, Arial, sans-serif;
            color: #999;
            float: left
        }

        #comment .added .info .commentTxt {
            font: 12px Helvetica, Arial, sans-serif;
            color: #444;
            display: block;
            clear: both
        }

    #comment .added .delete {
        float: right;
        color: #999;
        font: 14px Helvetica, Arial, sans-serif;
        margin: 10px 10px 0 0
    }

        #comment .added .delete:hover {
            text-decoration: none;
            color: #444
        }

#comment textarea {
    border: 1px solid rgba(0, 0, 0, 0.16);
    width: 84%;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 5px;
    background: #f9f9f9;
    overflow: hidden;
    float: left;
    height: 40px
}

    #comment textarea:focus {
        box-shadow: 0 0 5px rgba(0, 154, 228, 0.3), 0 0 0 1px rgba(0, 154, 228, 0.6) inset;
    }

#comment .addComment {
    width: 15%;
    float: right;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    background: #4294d3;
    border: none;
    height: 40px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}

    #comment .addComment:hover {
        background: #55991b
    }

.glanceCont .btnWrap {
    padding: 8px 12px;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    overflow: hidden;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

    .glanceCont .btnWrap .button-a {
        float: right
    }

/*** App URL Page ***/
.AppURL fieldset {
    border: none !important
}

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

    .AppURL ul li {
        display: block;
        padding: 10px;
        float: left;
        box-sizing: border-box;
        width: 50%
    }

        .AppURL ul li label {
            display: block;
            font: 14px/40px "Cuprum", Helvetica, Arial, sans-serif;
            color: #222;
            margin: 0 0 8px
        }

            .AppURL ul li label img {
                float: left;
                height: 40px;
                margin-right: 8px
            }

        .AppURL ul li .text {
            position: relative
        }

            .AppURL ul li .text input {
                height: 45px;
                padding: 5px 8px;
                border-radius: 5px;
                border: 1px solid #ddd;
                box-sizing: border-box;
                width: 99%
            }

            .AppURL ul li .text .field-validation-error {
                position: absolute;
                top: 45px;
                left: 0
            }

/*** Tree View ***/

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

#HelpDetails {
    float: left;
    width: 24%;
}

.gSearch {
    overflow: hidden;
    margin-bottom: 8px;
}

    .gSearch input[type="text"] {
        height: 24px;
        padding: 3px;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 68%
    }

    .gSearch input[type="submit"] {
        font: normal 14px "Cuprum",Helvetica,Arial,sans-serif;
        float: right
    }

.treeview {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff
}

    .treeview ul {
        background-color: #D5EDE3;
        margin-top: 4px;
        padding: 5px;
        float: none
    }

    .treeview .hitarea {
        background: url(../Images/treeview-default.gif) -64px -25px no-repeat;
        height: 16px;
        width: 16px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
    }
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float: none;
}

.treeview li {
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol {
    margin: 1em 0;
    display: none;
}

.treeview .hover {
    color: red;
    cursor: pointer;
}

.treeview li {
    background: url(../Images/treeview-default-line.gif) 0 0 no-repeat;
}

    .treeview li.collapsable, .treeview li.expandable {
        background-position: 0 -176px;
    }

.treeview .expandable-hitarea {
    background-position: -80px -3px;
}

.treeview li.last {
    background-position: 0 -1766px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url(../Images/treeview-default.gif);
}

.treeview li.lastCollapsable {
    background-position: 0 -111px;
}

.treeview li.lastExpandable {
    background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: 0;
}

.treeview-red li {
    background-image: url(../Images/treeview-red-line.gif);
}

    .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
        background-image: url(../Images/treeview-red.gif);
    }

.treeview-black li {
    background-image: url(../Images/treeview-black-line.gif);
}

    .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
        background-image: url(../Images/treeview-black.gif);
    }

.treeview-gray li {
    background-image: url(../Images/treeview-gray-line.gif);
}

    .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
        background-image: url(../Images/treeview-gray.gif);
    }

.treeview-famfamfam li {
    background-image: url(../Images/treeview-famfamfam-line.gif);
}

    .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {
        background-image: url(../Images/treeview-famfamfam.gif);
    }

.treeview .placeholder {
    background: url(../Images/ajax-loader.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}

.filetree li {
    padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file {
    padding: 1px 0 1px 16px;
    display: block;
}

.filetree span.folder {
    background: url(../Images/folder.gif) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
    background: url(../Images/folder-closed.gif) 0 0 no-repeat;
}

.filetree span.file {
    background: url(../Images/file.gif) 0 0 no-repeat;
}

.helpContent {
    position: absolute;
    top: 0;
    left: 27%;
    width: 70%;
    background: #fff;
    padding: 8px;
    border-radius: 8px;
    min-height: 250px;
    display: none
}

    .helpContent h3 {
        font: 15px 'Cuprum',Helvetica,Arial,sans-serif !important;
        color: var(--secondary-color);
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        padding-bottom: 8px
    }

    .helpContent p {
        font: normal 12px/18px 'Cuprum',Helvetica,Arial,sans-serif !important;
        color: #333;
        padding: 5px;
        background: #f6f6f6;
        margin-bottom: 10px
    }

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    25% {
        background: red;
    }

    50% {
        background: blue;
    }

    100% {
        background: green;
    }
}

/* Standard syntax */
@keyframes myfirst {
    25% {
        background: red;
    }

    50% {
        background: blue;
    }

    100% {
        background: green;
    }
}

/*.ui-widget-overlay {z-index:9999!important}*/

/*** Menu Landing Page ***/
a.leftAr, a.rightAr {
    position: absolute;
    top: 300px;
    z-index: 10;
    font: 16px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*background: #ddd;*/
    color: #f1592a;
    height: 40px
}

    a.leftAr:hover span, a.rightAr:hover span {
        text-decoration: underline
    }

    a.leftAr i {
        float: left;
        margin-right: 0px;
        background: url(../images/lftAr.png) center center no-repeat;
        width: 40px;
        height: 40px
    }

a.leftAr {
    left: 10px;
    padding: 10px 0px 10px 0
}

a.rightAr {
    right: 10px;
    padding: 10px 0 10px 20px
}

    a.rightAr i {
        float: right;
        margin-left: 10px;
        background: url(../images/rytAr.png) center center no-repeat;
        width: 40px;
        height: 40px
    }

#menuDash { /*background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 8px;*/
    min-height: 585px;
    overflow: hidden;
    position: relative;
}

    #menuDash h2.title {
        background: url(../images/title.png) center center no-repeat;
        width: 100%;
        height: 87px;
        box-sizing: border-box;
        overflow: hidden
    }

#menuDashNav {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    min-height: 350px
}

#menuDash #helpTxt {
    display: inline-block !important
}
/*#LCM, */ #RCM {
    display: none
}

#menuDashNav .box {
    float: left;
    width: 27.3%;
    box-sizing: border-box;
    margin: 0 3% 0;
    box-sizing: border-box;
}

    #menuDashNav .box h2 {
        font: 16px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: left;
        display: none;
        color: #fff; /*border-bottom:1px solid #ccc; margin-bottom:10px; border-radius:30px*/
        position: relative;
        background: #f1592a;
        padding: 5px 12px;
    }

        #menuDashNav .box h2 img {
            float: right;
            height: 18px;
            margin: 7px 45px 0 0
        }

    #menuDashNav .box span.lcm, #menuDashNav .box span.rcm {
        float: right;
        height: 40px;
        width: 40px;
        background: #df3905 url(../images/hide.png) center center/24px auto no-repeat;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 0px; /*border-radius:100%*/
    }

    #menuDashNav .box span.show {
        background-image: url(../images/show.png);
        cursor: pointer;
    }

    #menuDashNav .box aside section {
        overflow: hidden
    }

    #menuDashNav .box.LM aside section.bg {
        background: #32394b;
        padding: 0px;
        margin: 0;
        height: 528px;
        overflow: auto
    }

#menuDashNav .box {
    background: rgba(0, 0, 0, 0) url("../Images/skin.png") no-repeat scroll 0 0 / 100% auto;
    height: 750px;
    /* overflow: hidden;*/
    padding: 88px 27px 105px 26px;
    position: relative;
}

.box123 {
    background: rgba(0, 0, 0, 0) url("../Images/white-mob-new.png") no-repeat scroll center !important;
    height: 460px !important;
    padding: 0 !important;
}

.splashImg {
    /*width: 248px;
    height: 460px;
    margin: 0 auto;*/
}

    .splashImg img {
        max-width: 100%;
        height: auto;
        /*margin-top: 106px;
        margin-left: 32px;*/
    }

.m-b-0 {
    margin-bottom: 0px !important
}

.spalshedit {
    height: 16px;
    width: 16px;
    background: #df3905 url(../images/wedit.png) center center/16px auto no-repeat;
    position: absolute;
    right: 90px;
    top: 106px;
}

.splashdeleteB {
    height: 16px;
    width: 16px;
    background: #df3905 url(../images/wdelete.png) center center/16px auto no-repeat;
    position: absolute;
    left: 92px;
    top: 106px;
}

.spalshScreenhelpCont {
    float: right;
    position: absolute;
    right: 108px;
    top: 119px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    width: 300px;
    line-height: 1.6;
}

h2.splashHelpTitle {
    font: 22px/48px "Cuprum", Helvetica, Arial, sans-serif;
    color: var(--secondary-color);
    display: block;
}

#menuDashNav .box aside {
    box-sizing: border-box;
    box-sizing: border-box;
    background: #cecece;
    margin: 15px 0 0; /*overflow:hidden*/
}

    #menuDashNav .box aside .setting {
        overflow: hidden;
        box-sizing: border-box;
        position: absolute;
        top: 37%;
        right: -165px; /*background:#465B7A*/
    }

    #menuDashNav .box aside#ML .setting {
        right: -137px
    }
    /*#menuDashNav .box.MM aside .setting {top:35%}*/
    #menuDashNav .box aside .setting span.add, #menuDashNav .box.MM aside .switch span.text {
        font: normal 16px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
        display: block;
        color: var(--primary-dark); /*f1592a*/
        float: right;
        cursor: pointer;
        width: 140px;
        height: 40px;
        background: #fff;
        border: 1px solid var(--primary-dark); /*f1592a*/
        -webkit-transition: all 500ms; /* Safari */
        transition: all 500ms;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        #menuDashNav .box aside .setting span.add i {
            height: 40px;
            background: url(../Images/add.png) center center/ 20px auto no-repeat;
            background-color:var(--primary-dark);
            width: 40px;
            margin-right: 7px;
            float: left;
            -webkit-transition: all 500ms; /* Safari */
            transition: all 500ms;
        }

    #menuDashNav .box aside .setting:hover span.add {
        color: var(--primary-dark); /*#76ac17*/
        border: 1px solid var(--primary-dark); /*#76ac17*/
    }

        #menuDashNav .box aside .setting:hover span.add i {
            background-color: var(--primary-dark); /*#76ac17*/
        }

#menuDashNav .box.MM aside .switch {
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    /*top: 30%;*/ /*Commented becuase of button overlap issue.*/
    right: -142px
}

    #menuDashNav .box.MM aside .switch span.text i {
        height: 40px;
        -webkit-transition: all 500ms; /* Safari */
        transition: all 500ms;
        background: #df3905 url(../Images/circle.png) center center/ 20px auto no-repeat;
        width: 40px;
        margin-right: 7px;
        float: left
    }

    #menuDashNav .box.MM aside .switch.tile span.text i {
        background: url("../Images/white-gear.png") no-repeat scroll center center / 24px auto; /*df3905*/
        background-color:var(--primary-dark);
        -webkit-transition: all 500ms; /* Safari */
        transition: all 500ms;
    }

#menuDashNav .box aside .switch:hover span.text, #menuDashNav .box aside .switch.tile:hover span.text {
    color: var(--primary)/*#76ac17*/;
    border: 1px solid var(--primary-dark)/*#76ac17*/;
}

    #menuDashNav .box aside .switch:hover span.text i, #menuDashNav .box aside .switch.tile:hover span.text i {
        background-color: var(--primary-dark); /*#76ac17*/
    }

#menuDashNav .box.MM aside .set {
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 30%;
    left: -142px;
    -webkit-transition: all 500ms; /* Safari */
    transition: all 500ms;
}

    #menuDashNav .box.MM aside .set span.text i {
        height: 40px;
        -webkit-transition: all 500ms; /* Safari */
        transition: all 500ms;
        background: url(../Images/white-gear.png) center center/ 24px auto no-repeat; /*#df3905*/
        background-color:var(--primary-dark);
        width: 40px;
        float: right;
        margin-left: 8px
    }

#menuDashNav .box.MM aside .shape {
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 37%;
    left: -142px!important;
    -webkit-transition: all 500ms; /* Safari */
    transition: all 500ms;
}

    #menuDashNav .box.MM aside .shape span.text i {
        height: 40px;
        -webkit-transition: all 500ms; /* Safari */
        transition: all 500ms;
        background: url(../Images/white-gear.png) center center/ 24px auto no-repeat;
        background-color:var(--primary-dark);
        width: 40px;
        float: right;
        margin-left: 8px
    }
    /*style Start for the splash screen upload section of the Awards module*/
#menuDashNav .box.MM.box123.awards {
    margin: 10px auto;
    float: none;
    background: none !important;
    padding: 0px !important;
    width: 300px !important;
    height: auto !important;
    border-radius: 18px;
    overflow: hidden;
    padding: 0px !important;
    box-sizing: border-box !important;
    border: 8px solid #f8f8f8;
    box-shadow: 0px 0px 10px #00000045 !important;
    display: flex !important;
    flex-direction: column;
}

.awards .awardsBtns {
    display: flex;
    justify-content: space-between;
    padding: 4px;
}

    .awards .awardsBtns .splashdeleteBTN {
        height: 16px;
        width: 16px;
        background: #df3905 url(../images/wdelete.png) center center / 16px auto no-repeat;
        display: block;
    }

    .awards .awardsBtns .spalsheditBTN {
        height: 16px;
        width: 16px;
        background: #df3905 url(../images/wedit.png) center center / 16px auto no-repeat;
        display: block;
    }

.awards .splashImg {
}
/*style End for the splash screen upload section of the Awards module*/
#shapeList {
    overflow: hidden;
    padding: 5px;
    display: none;
    float: right;
    clear: both;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
}

    #shapeList .wrapBox {
        background: #f1f1f1;
        border: 1px solid #ddd;
        color: #f1592a;
        padding: 5px;
        margin-bottom: 2px;
        box-sizing: border-box;
        font: normal 16px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center
    }

        #shapeList .wrapBox i {
            display: inline-block;
            border: 1px solid #df3905;
            background: #f7f7f7;
            height: 28px;
            width: 28px
        }

            #shapeList .wrapBox i.square {
            }

            #shapeList .wrapBox i.circle {
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
            }

            #shapeList .wrapBox i.rectangle {
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

            #shapeList .wrapBox i.none {
                border: none !important;
                background: none;
                font-size: 12px
            }

        #shapeList .wrapBox:hover, #shapeList .wrapBox.active {
            border: 1px solid var(--primary-dark) /*#76ac17*/
        }

            #shapeList .wrapBox:hover i, #shapeList .wrapBox.active i {
                border: 1px solid var(--primary-dark) /*#76ac17*/;
                color: var(--primary-dark) /*#76ac17*/
            }

#menuDashNav .box.MM aside .set span.text, #menuDashNav .box.MM aside .shape span.text {
    font: normal 16px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
    display: block;
    color: var(--primary-dark); /*#f1592a;*/
    float: left;
    text-align: right;
    -webkit-transition: all 500ms; /* Safari */
    transition: all 500ms;
    cursor: pointer;
    width: 140px;
    height: 40px;
    background: #fff;
    border: 1px solid var(--primary-dark);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#menuDashNav .box aside .set:hover span.text {
    color: var(--primary-dark) /*#76ac17*/;
    border: 1px solid var(--primary-dark); /*#76ac17*/
}

    #menuDashNav .box aside .set:hover span.text i {
        background-color: var(--primary-dark) ;/*#76ac17*/
    }

#menuDashNav .box aside .shape:hover span.text {
    color: var(--primary-dark) /*#76ac17*/;
    border: 1px solid var(--primary-dark) ;/*#76ac17*/
}

    #menuDashNav .box aside .shape:hover span.text i {
        background-color: var(--primary-dark) ;/*#76ac17*/
    }

#menuDashNav .box aside.menuList section #listLCM {
    background: #32394b
}
#menuDashNav .box aside.menuList section #listLCM {
    height: 500px !important;
    width: 247px !important;
    border-radius: 28px!important;
}
.skinWrapper {
    border-radius: 28px!important;
}
    #menuDashNav .box aside.menuList section #listLCM li {
        display: block;
        clear: both;
        box-sizing: border-box;
        border-bottom: 1px solid #d3d3d3;
        border-top: 1px solid #d3d3d3;
        overflow: hidden;
        cursor: move;
    }

        #menuDashNav .box aside.menuList section #listLCM li .wrap {
            padding: 10px 8px;
            overflow: hidden;
            background: #ffffff
        }

        #menuDashNav .box aside.menuList section #listLCM li.mainMenu {
            border: none;
        }

            #menuDashNav .box aside.menuList section #listLCM li.mainMenu .wrap {
                background: #eeeeee;
                padding: 3px 8px; /*box-shadow:0 0 5px #000 inset*/
            }

            #menuDashNav .box aside.menuList section #listLCM li.mainMenu .name {
                font-size: 14px;
                font-family: Georgia, "Times New Roman", Times, serif;
                color: #6c6b71;
                width: 66%
            }

    #menuDashNav .box aside.menuList section #listLCM p.subMenu {
        background: #ffffff;
        padding: 5px 8px 5px 13px;
        overflow: hidden; /* border-bottom:1px solid #1e1e1e; border-top:1px solid #555;*/
    }

        #menuDashNav .box aside.menuList section #listLCM p.subMenu .icon {
            height: 24px;
            width: 24px;
            margin-right: 11px;
            display: block !important
        }

        #menuDashNav .box aside.menuList section #listLCM p.subMenu .name {
            font-size: 14px;
            color: #919191
        }

        #menuDashNav .box aside.menuList section #listLCM p.subMenu:last-child {
            border-bottom: none
        }

    #menuDashNav .box aside.menuList section #listLCM li:first-child {
        border-top: none
    }

    #menuDashNav .box aside.menuList section #listLCM li:last-child {
        border-bottom: none
    }

    #menuDashNav .box aside.menuList section #listLCM li .icon {
        height: 30px;
        width: 30px;
        margin-right: 8px;
        float: left;
        padding: 1px;
        display: block !important
    }

    #menuDashNav .box aside.menuList section #listLCM li .name {
        float: left;
        color: #919191;
        font: 16px/30px "Trebuchet MS", Arial, Helvetica;
        text-transform: capitalize;
        margin-right: 5px;
    }

    #menuDashNav .box aside.menuList section #listLCM li .ico {
        float: right;
        width: 18px;
        height: 18px;
        margin: 10px 3px 0;
        cursor: pointer
    }

    #menuDashNav .box aside.menuList section #listLCM li .delete, #menuDashNav .box aside.menuList section li .deleteR {
        background: url(../images/wdelete.png) center center/ auto 18px no-repeat
    }

    #menuDashNav .box aside.menuList section #listLCM li .edit, #menuDashNav .box aside.menuList section li .editR {
        background: url(../images/wedit.png) center center/ auto 18px no-repeat
    }

    #menuDashNav .box aside.menuList section #listLCM li.subHeader {
        padding: 8px 15px
    }

        #menuDashNav .box aside.menuList section #listLCM li.subHeader .icon {
            width: 20px;
            height: 20px
        }

        #menuDashNav .box aside.menuList section #listLCM li.subHeader .name {
            font-size: 13px
        }

#menuDashNav .box.MM {
    /*margin: 0;
    width: 28%;
    height: 752px;
    padding: 90px 30px 105px 28px*/
    /*background: rgba(0, 0, 0, 0) url(https://mcm.eventpedia.us/images/EventpediaImages/iPhone10Skin.png) no-repeat scroll 0 0 / 380px auto !important;*/
    background: rgba(0, 0, 0, 0) url(../images/EventpediaImages/iPhone14Skin.png) no-repeat scroll 0 0 / 380px auto !important;
    height: 720px !important;
    /* overflow: hidden; */
    padding: 90px 19px 22px 25px !important;
    width: 380px !important;
    position: relative !important;
}
#menuDashNav .box.MM.NewSkinStyle {
    margin: 10px auto;
    float: none;
    background: none !important;
    box-shadow: 0px 0px 10px #0000003d;
    border-radius: 50px;
    padding: 6px !important;
    box-sizing: border-box;
    width: 342px !important;
    height: auto !important;
}
.mobileSkinWrapper {
    border: none;
    margin-top: 0px/*-66px*/;
    border-radius: 30px 30px 0px 0px;
    width: 330px;
    overflow: hidden;
    border-radius: 43px;
}
    #menuDashNav .box.MM .bg {
        background: #fff;
        /*overflow: auto;
        max-height:606px;*/
        margin: 0;
    }

#menuDashNav .box aside#ML {
    /*max-height: 540px;*/
    max-height: fit-content !important;
    margin: 15px 0 0;
    /*height: 690px !important;*/
    border-radius: 43px;
    /*overflow: auto;*/
}
#menuDashNav .box.MM .menuSection {
    max-height: 520px;
    overflow: auto;
}
/*ScrollBar Styling start*/
#menuDashNav .box aside#ML::-webkit-scrollbar, #menuDashNav .box.MM .menuSection::-webkit-scrollbar {
    width: 4px;
    background-color: var(--white2);
}
    #menuDashNav .box aside#ML::-webkit-scrollbar-thumb, #menuDashNav .box.MM .menuSection::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px var(--black-trasp-1);
        background-color: var(--primary-dark);
    }
/*ScrollBar Styling End*/

#menuDashNav .box aside #Mbanner {
    overflow: hidden;
    margin: 5px;
    box-sizing: border-box;
    position: relative;
    border: 0px solid #bbb!important;
}

    #menuDashNav .box aside #Mbanner .deleteB {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 30px;
        width: 30px;
        z-index: 10;
        background: #df3905 url(../images/wdelete.png) center center/20px auto no-repeat;
        padding: 3px;
        border-radius: 0 0 3px 0;
        cursor: pointer;
    }

    #menuDashNav .box aside #Mbanner .editB {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 30px;
        width: 30px;
        z-index: 10;
        background: #df3905 url(../images/wedit.png) center center/20px auto no-repeat;
        padding: 3px;
        border-radius: 0 0 0 3px;
        cursor: pointer;
    }

    #menuDashNav .box aside #Mbanner img {
        width: 100%;
        vertical-align: middle;
        top: 0px!important;
    }

    #menuDashNav .box aside #Mbanner div.add {
        background: #fff;
        height: auto!important;
        min-height:84px!important;
        text-align: center;
        font: normal 20px/84px "Trebuchet MS", Arial, Helvetica, sans-serif;
        display: block;
        color: #ccc;
        cursor: pointer
    }

#menuDashNav .box aside#ML ul#listMM {
    overflow: hidden;
    margin-right: -3px;
    list-style: none;
}

#menuDashNav .box aside#ML section ul#listMM li {
    margin: 3px;
    box-sizing: border-box;
    float: left;
    width: 47.7%!important;
    height: 110px!important;
    background: #fff;
    border: 1px solid #e3e3e3!important;
    text-align: center;
    line-height: 115px;
    cursor: move;
}

    #menuDashNav .box aside#ML section ul#listMM li.one {
        display: none
    }

    #menuDashNav .box aside#ML section ul#listMM li .plus {
        font-size: 30px;
        color: #dfdfdf
    }

    #menuDashNav .box aside#ML section ul#listMM li span.add {
        background: #dfdfdf;
        height: 120px;
        line-height: 120px;
        text-align: center;
        font-size: 20px;
        display: block;
        color: #fff;
        cursor: pointer
    }

#menuDashNav .box aside#ML ul#circleMM {
    overflow: hidden;
    margin-right: -3px;
    list-style: none;
    display: block;
    background: #fff;
    padding-bottom: 2px
}

#menuDashNav .box aside#ML section ul#circleMM li {
    padding: 1px;
    box-sizing: border-box;
    float: left;
    width: 33%;
    text-align: center;
    cursor: move;
}

    #menuDashNav .box aside#ML section ul#circleMM li .cover {
        position: absolute;
        display: none;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.2);
        left: 0;
        top: 0;
        cursor: not-allowed;
        margin: 0;
        z-index: 999999
    }

    #menuDashNav .box aside#ML section ul#circleMM li.disable .cover {
        display: block
    }

    #menuDashNav .box aside#ML section ul#circleMM li .plus {
        font-size: 30px;
        color: #dfdfdf
    }

    #menuDashNav .box aside#ML section ul#circleMM li span.add {
        background: #dfdfdf;
        height: 120px;
        line-height: 120px;
        text-align: center;
        font-size: 20px;
        display: block;
        color: #fff;
        cursor: pointer
    }

/*** Menu UI Code ***/
ul#listMM .menuWrap {
    overflow: hidden;
    display: block;
    height: 108px!important;
    position: relative
}

ul#listMM li, #circleMM li {
    position: relative
}

    ul#listMM li a, #circleMM li a {
        display: block
    }

        ul#listMM li a:hover, #circleMM li a:hover {
            text-decoration: none
        }

    ul#listMM li .activate, #circleMM li .activate {
        display: none
    }

    ul#listMM li.MenuDeActive a, #circleMM li.MenuDeActive a {
        display: none
    }

    ul#listMM li.MenuDeActive .menuWrap, ul#circleMM li.MenuDeActive .menuWrap {
        /*opacity: 0.5;*/
        cursor: default
    }

    ul#listMM li.MenuDeActive .activate {
        position: absolute;
        display: block;
        top: 5px;
        left: 5px;
        height: 14px;
        width: 14px;
        z-index: 10;
        background: #df3905 url(../images/show.png) center center/16px auto no-repeat;
        font-size: 0;
        z-index: 11;
        padding: 3px;
        border-radius: 3px;
        cursor: pointer;
    }

ul#circleMM li.MenuDeActive .activate {
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
    height: 14px;
    width: 14px;
    z-index: 10;
    background: #df3905 url(../images/show.png) center center/16px auto no-repeat;
    font-size: 0;
    z-index: 11;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
}
/*ul#listMM li.MenuDeActive:hover .activate, ul#circleMM li.MenuDeActive:hover .activate {opacity:1}*/
ul#listMM li.MenuDeActive.disable .activate {
    z-index: 1
}

ul#circleMM li.MenuDeActive.disable .activate {
    z-index: 1
}

ul#listMM li .overlay, ul#circleMM li .overlay {
    display: none
}

ul#listMM li.MenuDeActive .overlay, ul#circleMM li.MenuDeActive .overlay {
    display: block;
    background: rgba(65,65,65,0.76);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

ul#listMM li .removeM {
    position: absolute;
    top: 5px;
    display: none;
    right: 5px;
    height: 14px;
    width: 14px;
    z-index: 10;
    background: #df3905 url(../images/wdelete.png) center center/14px auto no-repeat;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer
}

ul#circleMM li .removeM {
    position: absolute;
    display: none;
    top: 5px;
    right: 5px;
    height: 14px;
    width: 14px;
    z-index: 10;
    background: #df3905 url(../images/wdelete.png) center center/14px auto no-repeat;
    padding: 2px;
    border-radius: 3px;
    cursor: pointer
}

ul#listMM li.MenuDeActive a.removeM, ul#circleMM li.MenuDeActive a.removeM {
    display: block;
    z-index: 11;
}

ul#listMM .menuWrap .deleteM {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 16px;
    width: 16px;
    z-index: 10;
    background: #df3905 url(../images/hide.png) center center/16px auto no-repeat;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    opacity: 0.45
}

ul#listMM .menuWrap .editM {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 16px;
    width: 16px;
    z-index: 10;
    background: #df3905 url(../images/wedit.png) center center/16px auto no-repeat;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    opacity: 0.45
}

ul#listMM .menuWrap:hover .deleteM, ul#listMM .menuWrap:hover .editM {
    opacity: 1
}

ul#listMM .menuWrap img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block !important
}

ul#listMM .menuWrap img.icon {
    position: absolute;
    left: 37%;
    top: 22%;
    width: 40px;
    height: 40px;
    display: inline-block !important; /*border:2px solid #fff; border-radius:100%; padding:5px*/
}

ul#listMM .menuWrap .name {
    height: 28px!important;
    width: 100%;
    position: absolute;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font: bold 13px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-shadow: 0 0 1px #222;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index:1;
}

ul#circleMM .menuWrap {
    overflow: hidden;
    background: #ffffff!important;
    display: block;
    padding: 5px;
    position: relative;
    border: 1px solid #ddd;
    min-height: 95px
}

    ul#circleMM .menuWrap .deleteM {
        position: absolute;
        top: 5px;
        left: 5px;
        height: 14px;
        width: 14px;
        z-index: 10;
        background: #df3905 url(../images/hide.png) center center/14px auto no-repeat;
        padding: 2px;
        border-radius: 3px;
        cursor: pointer;
        opacity: 0.45
    }

    ul#circleMM .menuWrap .editM {
        position: absolute;
        top: 5px;
        right: 5px;
        height: 14px;
        width: 14px;
        z-index: 10;
        background: #df3905 url(../images/wedit.png) center center/14px auto no-repeat;
        padding: 2px;
        border-radius: 3px;
        cursor: pointer;
        opacity: 0.45
    }

    ul#circleMM .menuWrap:hover .deleteM, ul#circleMM .menuWrap:hover .editM {
        opacity: 1
    }

    ul#circleMM .menuWrap img.icon {
        width: 28px;
        height: 28px;
        display: inline-block !important;
        margin: 10px auto;
        background: #BF2D1A;
        border-radius: 100%;
        padding: 5px
    }

    ul#circleMM .menuWrap .name {
        color: #BF2D1A;
        font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
        display: block;
        text-align: center;
        position: absolute;
        z-index: 1;
        width: 100%;
        background-color: #ffffff !important;
        padding: 4px 0px;
    }

ul#circleMM li.one .menuWrap {
    height: 92px;
    line-height: 92px
}

/*** Pop Up Box ***/
#menuDash .modal {
    position: fixed;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    overflow: hidden;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    min-height: 100%
}

#menuDash .hello {
    width: 350px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 12%;
    left: 37%;
    z-index: 1002;
    opacity: 1
}

#menuDash .modal h2 {
    height: 50px;
    font: normal 20px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
    background: #f1592a;
    padding-left: 10px;
    margin-bottom: 15px
}

    #menuDash .modal h2 span {
        float: right;
        background: #e13f0c;
        height: 50px;
        width: 50px;
        line-height: 50px;
        color: #bf2e01;
        text-align: center;
        cursor: pointer;
        font-size: 20px;
        font-weight: bold
    }

#menuDash .modal .body {
    padding: 0 10px 0;
    overflow: hidden
}

    #menuDash .modal .body select {
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
        font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #555;
        border: 1px solid #dfdfdf;
        background: #f3f1e9;
        margin: 0 auto 15px;
        display: block
    }

    #menuDash .modal .body .rename {
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
        font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #555;
        border: 1px solid #dfdfdf;
        background: #f3f1e9;
        margin: 0 auto 15px;
        display: block;
        height: 40px
    }

#menuDash .modal .btnwrap {
    background: #efefef;
    padding: 10px;
    box-sizing: border-box
}

    #menuDash .modal .btnwrap .button {
        background: #79cdcd;
        height: 50px;
        border-radius: 5px;
        font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #fff;
        width: 200px;
        padding: 8px;
        box-sizing: border-box;
        margin: 0 auto;
        display: block;
        border: none;
        cursor: pointer
    }

#menuDash .modal .choice {
    overflow: hidden;
    margin-bottom: 15px;
}

    #menuDash .modal .choice label, #menuDash .modal .choice span {
        font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
        float: left;
        color: #555
    }

    #menuDash .modal .choice input[type="checkbox"] {
        float: left;
        margin-right: 8px
    }

    #menuDash .modal .choice span {
        width: 100%;
        margin-bottom: 5px;
        float: none;
        display: block
    }

    #menuDash .modal .choice select {
        width: 100%;
        font-size: 14px;
        box-sizing: border-box
    }

#subDropLCM {
    display: none;
    margin: 0
}

#LMlist .hello {
    top: 15%
}

#menuDash ul.graphics {
    overflow: hidden;
    margin-bottom: 15px
}

    #menuDash ul.graphics li {
        margin: 0;
        overflow: hidden;
        width: 50%;
        padding: 0 10px;
        box-sizing: border-box;
        float: left
    }

        #menuDash ul.graphics li h3 {
            font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid #ddd;
            text-align: center
        }

        #menuDash ul.graphics li .popWrap {
            border: 1px solid #dfdfdf;
            text-align: center;
            position: relative;
        }

        #menuDash ul.graphics li .size {
            background: #000 none repeat scroll 0 0;
            border: 1px solid #ccc;
            color: #fff;
            display: block;
            font-size: 15px;
            left: auto;
            opacity: 0.3;
            padding: 2px 5px;
            position: absolute;
            top: 30%;
            width: 93%
        }

        #menuDash ul.graphics li .uploadPreview {
            background: #ddd none repeat scroll 0 0;
            border-bottom: 1px solid #ccc;
            min-height: 100px;
            padding: 2px;
        }

            #menuDash ul.graphics li .uploadPreview .imgCont {
                height: 100px;
                line-height: 100px
            }

            #menuDash ul.graphics li .uploadPreview img {
                max-height: 100%;
                max-width: 75%;
                vertical-align: middle
            }

#addBanner ul.graphics li .uploadPreview img, #editBanner ul.graphics li .uploadPreview img {
    max-width: 100%;
}

#menuDash ul.graphics li .browseBtn {
    background: #428bca none repeat scroll 0 0;
    border: 1px solid #357ebd;
    border-radius: 3px;
    height: 30px;
    margin: 3px;
    overflow: hidden;
    position: relative;
}

    #menuDash ul.graphics li .browseBtn span {
        color: #fff;
        display: block;
        font: 17px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center
    }

#menuDash ul.graphics li .file {
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#menuDash .textbox {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #555;
    border: 1px solid #dfdfdf;
    background: #f3f1e9;
    display: block;
    border-radius: 3px;
    height: 40px
}


#editLMList .hello, #editRMList .hello {
    width: 300px;
    left: 39%;
    top: 8%
}

#editLMList ul li, #editRMList ul li, #addBanner ul li, #editBanner ul li {
    float: none;
    width: auto
}

    #editLMList ul li .size, #editRMList ul li .size {
        width: 97%
    }

#editLMList .textbox, #editRMList .textbox {
    margin-bottom: 15px
}

#editMMList .hello {
    top: 8%;
    width: 420px
}

#editLMList ul.graphics {
    overflow: hidden;
    margin-bottom: 15px
}

    #editLMList ul.graphics li {
        margin: 0;
        overflow: hidden;
        width: 100%;
        padding: 0 10px 5px;
        box-sizing: border-box;
    }

        #editLMList ul.graphics li .wijmo-wijupload-filesList {
            display: inline
        }

        #editLMList ul.graphics li h3 {
            font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid #ddd;
            text-align: center
        }

        #editLMList ul.graphics li .popWrap {
            border: 1px solid #dfdfdf;
            text-align: center;
            position: relative;
        }

        #editLMList ul.graphics li .size { /*background: #000 none repeat scroll 0 0; border: 1px solid #ccc; color: #fff; display: block; font-size: 15px; left: auto; opacity: 0.3;
    padding: 2px 5px; position: absolute; top: 30%;*/
            background: #000 none repeat scroll 0 0;
            border: 1px solid #ccc;
            color: #fff;
            display: block;
            font-size: 13px;
            left: auto;
            opacity: 0.3;
            padding-bottom: 2px;
            padding-top: 2px;
            text-align: center;
        }

        #editLMList ul.graphics li .uploadPreview {
            background: #ddd none repeat scroll 0 0;
            border-bottom: 1px solid #ccc;
            min-height: 100px;
            padding: 2px;
        }

            #editLMList ul.graphics li .uploadPreview .imgCont {
                height: 100px;
                line-height: 100px
            }

            #editLMList ul.graphics li .uploadPreview img {
                max-height: 100%;
                max-width: 75%;
                vertical-align: middle
            }

#addBanner ul.graphics li .uploadPreview img, #editBanner ul.graphics li .uploadPreview img {
    max-width: 100%;
}

#editLMList ul.graphics li .browseBtn input[type="file"] + a.ui-button {
    background: #428bca none repeat scroll 0 0;
    border: 1px solid #357ebd;
    border-radius: 3px;
    height: 30px;
    width: 99%;
    box-sizing: border-box;
    margin: 3px;
    overflow: hidden;
    position: relative;
}

    #editLMList ul.graphics li .browseBtn input[type="file"] + a.ui-button span {
        color: #fff;
        display: block;
        font: 17px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding: 0;
        text-align: center;
    }

    #editLMList ul.graphics li .browseBtn input[type="file"] + a.ui-button.ui-state-disabled {
        pointer-events: none
    }

#editLMList ul.graphics li .browseBtn .wijmo-wijupload-filesList {
    width: 100%
}

    #editLMList ul.graphics li .browseBtn .wijmo-wijupload-filesList .wijmo-wijupload-file {
        float: left;
        height: 25px;
        text-shadow: none;
        line-height: 25px
    }

    #editLMList ul.graphics li .browseBtn .wijmo-wijupload-filesList .wijmo-wijupload-buttonContainer {
        right: 5px
    }

#editLMList ul.graphics li .browseBtn .wijmo-wijupload-commandRow {
    display: none !important
}

#editLMList ul.graphics li .file {
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#editLMList .hello, #editRMList .hello {
    width: 300px;
    left: 39%;
    top: 8%
}

#editLMList ul li, #editRMList ul li, #addBanner ul li, #editBanner ul li {
    float: none;
    width: auto
}

    #editLMList ul li .size, #editRMList ul li .size { /*width:95%*/
        width: 100%
    }

#editLMList .textbox, #editRMList .textbox {
    margin-bottom: 15px
}

#editMMList .hello {
    top: 8%;
    width: 420px
}

/**** Plain Pop Up ****/
.guide2 {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
    padding: 2px;
    text-decoration: none;
    background: #2099ed url(../Images/topmenu2023.png) 7px -576px no-repeat!important;
    -webkit-transition: background-color 500ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out;
    -o-transition: background-color 500ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out
}

    .guide2:hover {
        background-color: var(--primary-dark); /*#76ac17*/
        text-decoration: none
    }

#plainPopup {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    z-index: 10;
    display: none
}

    #plainPopup .plainPopCont {
        background: #fff;
        box-sizing: border-box;
        padding: 10px;
        position: absolute;
        top: 25%;
        left: 35%;
        box-shadow: 0 0 8px #666;
        width: 400px;
        height: 180px
    }

        #plainPopup .plainPopCont h2 {
            font: normal 17px/30px 'Cuprum',Helvetica,Arial,sans-serif;
            color: #666;
            padding: 0;
            background: none;
            margin-bottom: 6px;
            border-bottom: 1px solid #ddd
        }

            #plainPopup .plainPopCont h2 .close {
                float: right;
                color: #333;
                font-style: normal;
                cursor: pointer;
                font-family: Helvetica,Arial,sans-serif
            }

                #plainPopup .plainPopCont h2 .close:hover {
                    color: #f00
                }

        #plainPopup .plainPopCont ul {
            list-style: none;
            padding: 0;
            margin: 0;
            width: 100%
        }

            #plainPopup .plainPopCont ul li {
                display: block;
                padding: 5px;
                float: left;
                width: 50%;
                border: none;
                overflow: hidden;
                box-sizing: border-box;
            }

                #plainPopup .plainPopCont ul li img {
                    display: block !important;
                    margin: 0 auto 8px;
                    width: 28px
                }

                #plainPopup .plainPopCont ul li a {
                    display: block !important;
                    margin: 0;
                    width: auto;
                    float: none;
                    height: 90px;
                    text-align: center;
                    padding: 12px 8px;
                    background: #2099ed;
                    font: normal 15px 'Cuprum',Helvetica,Arial,sans-serif;
                    color: #fff;
                    -webkit-transition: all 500ms;
                    -moz-transition: all 500ms;
                    -o-transition: all 500ms;
                    -ms-transition: all 500ms;
                    transition: all 500ms;
                }

                    #plainPopup .plainPopCont ul li a:hover {
                        background: var(--primary-dark); /*#76ac17*/
                        text-decoration: none
                    }

/**** Exhibitor Schedule Css ****/
#exSchedule {
    overflow: hidden;
}

#ScheduleInput {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #f1f1f1;
    margin: 0 0 15px;
    overflow: hidden;
    box-sizing: border-box
}

    #ScheduleInput ul {
        list-style: none
    }

        #ScheduleInput ul li {
            float: left;
            padding: 5px;
            overflow: hidden;
            width: 12%;
            box-sizing: border-box;
            position: relative
        }

            #ScheduleInput ul li.width25 {
                width: 25%
            }

            #ScheduleInput ul li .textbox {
                border: 1px solid #ddd;
                background:: #fff;
                padding: 2px 5px;
                height: 34px;
                width: 100%;
                box-sizing: border-box;
            }

            #ScheduleInput ul li i {
                width: 34px;
                height: 34px;
                position: absolute;
                top: 5px;
                right: 5px;
                cursor: pointer
            }

                #ScheduleInput ul li i.calendar {
                    background: #666 url(../Images/calendar.png) center center no-repeat;
                    background-size: 24px auto
                }

                #ScheduleInput ul li i.time {
                    background: #666 url(../Images/clock.png) center center no-repeat;
                    background-size: 24px auto
                }

            #ScheduleInput ul li.slots .textbox {
                width: 100%
            }

            #ScheduleInput ul li.btn {
                float: right
            }

                #ScheduleInput ul li.btn input { /* Permalink - use to edit and share this gradient:*/
                    background: #6cb532; /* Old browsers */
                    background: -moz-linear-gradient(top, #6cb532 0%, #569a1c 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb532), color-stop(100%,#569a1c)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #6cb532 0%,#569a1c 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #6cb532 0%,#569a1c 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #6cb532 0%,#569a1c 100%); /* IE10+ */
                    background: linear-gradient(to bottom, #6cb532 0%,#569a1c 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cb532', endColorstr='#569a1c',GradientType=0 ); /* IE6-9 */
                    border: 1px solid #65b826;
                    color: #fff;
                    font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
                    width: 80%;
                    float: right;
                    padding: 2px;
                    height: 34px;
                    cursor: pointer
                }

                    #ScheduleInput ul li.btn input:hover {
                        background: #6cb532
                    }

#scheduler {
    background: #eaeaea;
    margin-bottom: 10px;
    border: 1px solid #ccc
}

#dateBar {
    background: #333;
    padding: 1px
}

    #dateBar ul {
        overflow: hidden;
        list-style: none
    }

        #dateBar ul li {
            float: left;
            padding: 5px 5px 0;
            width: 16%;
            box-sizing: border-box
        }

            #dateBar ul li a {
                color: #fff;
                display: block;
                text-align: center;
                opacity: 0.6;
                padding-bottom: 5px;
                text-decoration: none;
                font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
            }

                #dateBar ul li a:hover {
                    opacity: 1
                }

                #dateBar ul li a.active {
                    opacity: 1;
                    border-bottom: 4px solid #fff
                }

.scheduleCont {
    padding: 5px;
    display: none;
}

    .scheduleCont.active {
        display: block
    }

.myAccordion {
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff
}

    .myAccordion h3 {
        cursor: pointer;
        padding: 10px 8px 10px 35px;
        background: #999 url(../Images/down.png) 1% center no-repeat;
        background-size: 20px auto;
        font: bold 13px Tahoma, Geneva, sans-serif;
        color: #fff;
        border-bottom: 1px solid #fff
    }

        .myAccordion h3:hover {
            background-color: #666
        }

        .myAccordion h3.arrowdown {
            background: #666 url(../Images/up.png) 1% center no-repeat;
            background-size: 20px auto;
        }

        .myAccordion h3 .delete {
            background: url(../Images/wdelete.png) 99% center no-repeat;
            background-size: 18px auto;
            float: right;
            height: 18px;
            width: 18px;
            font-family: "Cuprum",Helvetica,Arial,sans-serif;
        }

    .myAccordion .panel {
        text-align: center;
        padding: 10px;
        display: none
    }

    .myAccordion h3:last-child {
        margin-bottom: 0
    }

    .myAccordion table {
        table-layout: auto;
        border-collapse: collapse;
        border: 1px solid #ccc;
        clear: both;
    }

        .myAccordion table th {
            border: 1px solid #ccc;
            text-align: left;
            padding: 8px 5px;
            font: normal 15px "Cuprum",Helvetica,Arial,sans-serif;
            background: #eaeaea;
            vertical-align: bottom;
            line-height: 1.5
        }

        .myAccordion table td {
            padding: 8px 5px;
            font-size: 13px;
            border: 1px solid #ccc;
            vertical-align: top;
            text-align: left;
        }

            .myAccordion table td .delete {
                background: #C64747 url(../Images/wdelete.png) center center no-repeat;
                background-size: 14px auto;
                height: 14px;
                width: 14px;
                margin: 0 auto;
                padding: 3px;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
                display: inline-block;
                font-family: "Cuprum",Helvetica,Arial,sans-serif;
            }

            .myAccordion table td.available {
                background: #dcf7d3;
                text-align: center
            }

            .myAccordion table td .textbox {
                border: 1px solid #d9d9d9;
                height: 30px;
                padding: 2px 5px;
                display: block;
                background: #fff;
                box-sizing: border-box;
                width: 100%
            }

            .myAccordion table td textarea {
                border: 1px solid #d9d9d9;
                height: 50px;
                overflow: hidden;
                padding: 2px 5px;
                display: block;
                background: #fff;
                box-sizing: border-box;
                width: 100%
            }

            .myAccordion table td .textbox1 {
                border: 1px solid #d9d9d9;
                height: 30px;
                padding: 2px 5px;
                display: block;
                background: #fff;
                box-sizing: border-box;
                width: 100%;
            }

            .myAccordion table td .innerBtn {
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                -ms-transition: all 1s;
                transition: all 1s;
                background: #999;
                border: none;
                color: #ffffff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                font: normal 13px "Cuprum",Helvetica,Arial,sans-serif;
                width: 23%;
                float: right;
                padding: 2px;
                height: 30px;
                cursor: pointer;
                position: absolute;
                right: 5px;
                top: 7px;
                pointer-events: none
            }

                .myAccordion table td .innerBtn.active {
                    background-color: #379cf1;
                    background-image: -moz-linear-gradient(top, #379cf1, #087ee1);
                    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#379cf1), to(#087ee1));
                    background-image: -webkit-linear-gradient(top, #379cf1, #087ee1);
                    background-image: -o-linear-gradient(top, #379cf1, #087ee1);
                    background-image: linear-gradient(to bottom, #379cf1, #087ee1);
                    background-repeat: repeat-x;
                    border-color: #348fea #348fea #348fea;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#379cf1', endColorstr='#087ee1', GradientType=0);
                    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                    pointer-events: auto
                }

                .myAccordion table td .innerBtn:hover {
                    background: none repeat scroll 0 0 var(--primary-dark); /*#76ac17*/
                }

            .myAccordion table td .SaveMsg {
                font: normal 12px "Cuprum",Helvetica,Arial,sans-serif;
                padding: 5px;
                clear: both;
                display: block;
                text-align: center;
                color: var(--primary-dark); /*#76ac17*/
            }

            .myAccordion table td .cont {
                display: block !important;
                overflow: hidden;
                line-height: 18px
            }

                .myAccordion table td .cont:first-child {
                    margin-bottom: 4px
                }

                .myAccordion table td .cont img {
                    float: left;
                    margin-right: 5px;
                    height: 14px;
                    padding: 3px;
                    background: #999;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                }

.displayStyle {
    overflow: hidden;
    background: #eee;
    border: 1px solid #ddd;
    margin-bottom: 15px
}

    .displayStyle .cont {
        width: 50%;
        box-sizing: border-box;
        padding: 2%;
        text-align: center;
        float: left
    }

        .displayStyle .cont .innerWrap {
            overflow: hidden;
            border: 1px solid #ddd;
            background: #fff;
            width: 75%;
            margin: 0 auto 10px
        }

        .displayStyle .cont h4 {
            font: 18px "Cuprum", Helvetica, Arial, sans-serif;
            padding: 15px 8px 0;
            color: #333;
            margin-bottom: 15px;
            text-align: center;
            border-top: 5px solid #3799f5
        }

        .displayStyle .cont img {
            display: inline-block
        }

    .displayStyle .newBtn {
        font: 16px "Cuprum", Helvetica, Arial, sans-serif;
        color: #fff;
        border: none;
        padding: 12px 30px;
        display: inline-block;
        background: #3799f5;
        box-shadow: 0 -4px 0 #1877d0 inset;
        -webkit-transition: all 500ms; /* For Safari 3.1 to 6.0 */
        transition: all 500ms;
        cursor: pointer
    }

        .displayStyle .newBtn:hover {
            background: #7fb919;
            box-shadow: 0 -4px 0 #6ba00e inset;
        }

    .displayStyle .cont .isActive {
        background: #fff url(../images/isActive.png) 97% 3% no-repeat;
        background-size: 68px auto
    }

        .displayStyle .cont .isActive h4 {
            border-top-color: #6ba00e
        }

.TypeSelect .displayStyle {
    overflow: hidden;
    background: #eee;
    border: 1px solid #ddd;
    margin-bottom: 0px
}

.TypeSelect form {
    padding: 5px !important
}

.TypeSelect .displayStyle .cont {
    width: 50%;
    box-sizing: border-box;
    padding: 2%;
    text-align: center;
    float: left
}

    .TypeSelect .displayStyle .cont .innerWrap {
        overflow: hidden;
        border: 1px solid #ddd;
        background: #fff;
        width: 99%;
        margin: 0 auto;
        position: relative
    }

    .TypeSelect .displayStyle .cont h4 {
        font: 18px "Cuprum", Helvetica, Arial, sans-serif;
        padding: 15px 8px 0;
        color: #333;
        margin-bottom: 15px;
        text-align: center;
        border-top: 5px solid #3799f5
    }

    .TypeSelect .displayStyle .cont img {
        display: inline-block
    }

.TypeSelect .displayStyle .newBtn {
    font: 16px "Cuprum", Helvetica, Arial, sans-serif;
    color: #fff;
    margin-bottom: 10px;
    border: none;
    border-radius:4px;
    padding: 12px 30px;
    display: inline-block;
    background: #3799f5;
    box-shadow: 0 -4px 0 #1877d0 inset;
    -webkit-transition: all 500ms; /* For Safari 3.1 to 6.0 */
    transition: all 500ms;
    cursor: pointer
}

    .TypeSelect .displayStyle .newBtn:hover {
        background: var(--primary) /*#7fb919*/;
        box-shadow: 0 -4px 0 var(--primary-dark) inset;
    }

.TypeSelect .displayStyle .cont .isActive {
    background: #fff url(../images/isActive.png) 99% 3% no-repeat;
    background-size: 40px auto
}

    .TypeSelect .displayStyle .cont .isActive h4 {
        border-top-color: #6ba00e
    }

.TypeSelect .displayStyle .overlay {
    background: rgba(0,0,0,0.35);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.TypeSelect .displayStyle .cont .isActive .overlay {
    display: none
}

.StyleHeader {
    border-bottom: 1px dashed #333;
    background: #c1c1c1;
    padding: 5px 0;
    margin-bottom: 12px
}

.menus ul#listMM {
    overflow: hidden;
    margin-right: -3px;
    width: 95%;
}

    .menus ul#listMM li {
        margin: 3px;
        box-sizing: border-box;
        float: left;
        width: 48%;
        height: 137px;
        background: #fff;
        border: 1px solid #aaa;
        text-align: center;
        line-height: 137px;
        cursor: move;
    }

        .menus ul#listMM li .plus {
            font-size: 30px;
            color: #dfdfdf
        }

        .menus ul#listMM li span.add {
            background: #dfdfdf;
            height: 120px;
            line-height: 120px;
            text-align: center;
            font-size: 20px;
            display: block;
            color: #fff;
            cursor: pointer
        }

    .menus ul#listMM li {
        display: block;
        clear: both;
        box-sizing: border-box;
        padding: 0;
        border-bottom: 1px solid #202632;
        border: 1px solid #ccc;
        overflow: hidden;
        width: 44%;
        clear: none;
        height: auto
    }

        .menus ul#listMM li .wrap {
            padding: 10px 8px;
            overflow: hidden
        }

/*** Event Lock ***/
#lockImg, #warningMsg {
    display: none
}

#midCont.eventLock #contArea .wizardContentBG {
    opacity: 0.8;
    background: #e1e1e1
}

.eventLock #warningMsg {
    position: absolute;
    display: block;
    top: 100px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10
}

    .eventLock #warningMsg p {
        background: #fff;
        border: 2px solid #D64242;
        height: 50px;
        text-align: center;
        width: 65%;
        margin: 0 auto;
        color: #D64242;
        font: 15px/50px "Cuprum", Helvetica, Arial, sans-serif;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

        .eventLock #warningMsg p span {
            font: 15px/25px "Cuprum", Helvetica, Arial, sans-serif;
            height: 25px;
            width: 25px;
            color: #fff;
            background: #D64242;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            display: inline-block;
            margin-right: 10px
        }

.eventLock #lockImg {
    position: absolute;
    z-index: 100;
    top: 28%;
    left: 38%;
    opacity: 0.15;
    display: block
}

.eventLock #contArea .elem .indent #CEV_LongName, .eventLock #contArea .elem .indent #CEV_StartDate,
.eventLock #contArea .elem .indent #CEV_Enddate {
    background: #ececec !important;
    pointer-events: none
}

.eventLock #Save {
    pointer-events: none;
    background: #C98568;
    color: #ececec
}

/*** Marketing Kit ***/
.marketingCont {
    overflow: hidden;
    padding: 15px
}

    .marketingCont * {
        box-sizing: border-box;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

#marketingTabs {
    width: 100%;
    background: none;
    padding: 0
}

    #marketingTabs ul {
        background: none;
        border: none;
        padding: 0;
    }

        #marketingTabs ul li {
            width: 18%;
            margin: 0;
            background: #f1f1f1;
            border: 1px solid #ccc;
            border-right: none;
            border-bottom: none
        }

            #marketingTabs ul li:first-child {
                -webkit-border-radius: 5px 0 0 0;
                -moz-border-radius: 5px 0 0 0;
                border-radius: 5px 0 0 0;
            }

            #marketingTabs ul li:last-child {
                border-right: 1px solid #ccc;
                -webkit-border-radius: 0 5px 0 0;
                -moz-border-radius: 0 5px 0 0;
                border-radius: 0 5px 0 0;
            }

            #marketingTabs ul li.ui-state-hover {
                background: #e9e9e9;
            }

                #marketingTabs ul li.ui-state-hover a {
                    color: #666
                }

            #marketingTabs ul li a {
                height: 50px;
                text-align: center;
                float: none;
                display: block;
                color: #999;
                font: 17px/33px "Cuprum", Helvetica, Arial, sans-serif;
            }

            #marketingTabs ul li.ui-state-active a {
                color: #333
            }

            #marketingTabs ul li.ui-state-active {
                border-top: 5px solid #4DBF33;
                height: 53px;
                background: #fff
            }

    #marketingTabs .marketingInner {
        background: #fff;
        border: 1px solid #ccc
    }

        #marketingTabs .marketingInner h3 {
            font: 19px/22px "Cuprum", Helvetica, Arial, sans-serif;
            margin-bottom: 5px;
            color: #BF2D1A
        }

        #marketingTabs .marketingInner p {
            font: 15px/22px "Cuprum", Helvetica, Arial, sans-serif;
            margin-bottom: 15px
        }

        #marketingTabs .marketingInner ol {
            margin: 0 0 10px 25px
        }

        #marketingTabs .marketingInner li {
            font: 15px/22px "Cuprum", Helvetica, Arial, sans-serif;
            margin-bottom: 8px;
            display: block;
            overflow: hidden
        }

            #marketingTabs .marketingInner li label {
                float: left;
                cursor: pointer;
                margin-right: 12px;
                text-align: right;
                width: 100px
            }

            #marketingTabs .marketingInner li input[type='text'] {
                background: #f1f1f1;
                height: 36px;
                padding: 8px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                float: left;
                width: 400px;
                border: 1px solid #ccc
            }

        #marketingTabs .marketingInner .template {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #ccc;
            background: #f1f1f1;
            padding: 15px;
            width: 75%;
            margin: 0 auto 15px
        }

            #marketingTabs .marketingInner .template p {
                font-style: italic;
                margin: 0
            }

.img_target {
    width: 300px
}

.noText {
    font-size: 0 !important
}

/*** Add Tags ***/
.addTags p {
    width: 33.333%;
    float: left;
    box-sizing: border-box;
    padding: 6px 5px
}

    .addTags p input {
        float: left;
        margin-right: 8px
    }

    .addTags p span {
        float: left
    }

.published .blueTableBtn {
    background: #087ee1;
    padding: 5px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block !important
}

    .published .blueTableBtn:hover, .ui-state-highlight .published .blueTableBtn {
        background: #379cf1;
        color: #fff;
        display: inline-block !important;
        text-decoration: none;
    }

.innerUploadCont ul li .addTagLink {
    color: #087ee1;
    margin: 5px 0 0 3px;
    text-decoration: none;
    border: 1px solid #379cf1;
    box-sizing: border-box;
    padding: 3px 8px;
    display: inline-block
}

    .innerUploadCont ul li .addTagLink:hover {
        /*text-decoration: underline*/
    }


/**Exhibitor Portal CSS**/

#exhProfile .profImg1 div.cont:before { /*content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 200px;
}



#exhProfile .profImg1 div.cont img {
    display: table-cell;
    max-height: 200px;
    max-width: 200px;
    vertical-align: middle;
}

/*** Reusable classed ***/
.fl {
    float: left
}

.fr {
    float: right
}

.ovfl-hidden {
    overflow: hidden
}

.clr {
    clear: both
}

.text-center {
    text-align: center;
}

#exhWrapper .italic {
    font-style: italic
}

#exhWrapper .bold {
    font-weight: bold
}

#exhWrapper .desc {
    font-size: 13px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 0
}

#exhWrapper label {
    font-size: 14px
}

#exhWrapper input[type="text"], input[type="password"], .SCL_DefaultPassword input[type="text"] {
    height: 28px
}

#exhWrapper input[type="text"], #exhWrapper input[type="password"], #exhWrapper select, #exhWrapper textarea {
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fbfbfb;
    font-size: 14px
}

    #exhWrapper input[type="text"]:focus, #exhWrapper input[type="password"]:focus, #exhWrapper select:focus, #exhWrapper textarea:focus {
        border: 1px solid #6fa4f5;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
    }

/*** Containers ***/
.exhBox20 {
    width: 20%;
}

.exhBox25 {
    width: 25%;
}

.exhBox30 {
    width: 30%;
}

.exhBox40 {
    width: 40%;
}

.exhBox50 {
    width: 50%;
}

.exhBox60 {
    width: 60%;
}

.exhBox70 {
    width: 70%;
}

.exhBox75 {
    width: 75%;
}

.exhBox80 {
    width: 80%;
}

.exhBox100 {
    width: 100%;
}

.exhBox20, .exhBox25, .exhBox30, .exhBox40, .exhBox50, .exhBox60, .exhBox70, .exhBox75, .exhBox80, .exhBox100 {
    overflow: hidden;
    padding: 15px;
    float: left
}

.border-right {
    border-right: 1px solid #ddd
}

.border-left {
    border-left: 1px solid #ddd
}

.whiteCont {
    border: 1px solid #ddd;
    padding: 12px;
    margin-bottom: 25px;
    background: #fff
}

.noUI {
    border: none !important;
    background: none !important
}

/*** Custom Css ***/
#exhWrapper {
    background: #ebeff2;
    padding: 12px
}

#exhCont {
    overflow: hidden;
    padding: 12px;
    background: #fff;
    border: 1px solid #cecece
}
/** Exhibitor portal Inside Eventpedia styles Start**/

.ui-dialog.ExhibitorPortalStyles .ui-widget-header {
    background: var(--primary) !important;
}


iframe #ui-dialog #contArea .title-grid {
    color: var(--primary) !important;
}

/** Exhibitor portal Inside Eventpedia styles End**/

/*** Nav Bar ***/
#exhNav {
    overflow: hidden;
    margin-bottom: 5px;
    background: var(--primary) /*fff*/;
    border: 1px solid #cecece
}

    #exhNav ul li {
        float: left;
        list-style: none
    }

        #exhNav ul li a {
            padding: 10px 15px;
            display: block;
            color: #ffffff94; /*#666*/
            font-size: 15px;
            text-decoration: none;
            font-family: 'Poppins', sans-serif;
            border-bottom: 3px solid #fff0;
        }

        #exhNav ul li:hover a, #exhNav ul li.active a {
            color: #fff; /*#568ee4*/
            border-bottom: 3px solid #fff;
        }


/*** page css ***/
#exhWrapper .edit {
    float: right;
    background: url(../images/exh-edit.png) 0 0 no-repeat;
    background-size: 30px 30px;
    font-size: 0;
    height: 30px;
    width: 30px
}

#exhWrapper * {
    box-sizing: border-box;
    font-family: Trebuchet MS, Arial, Sans-Serif
}

#exhCont h2 {
    color: var(--primary);
    margin-bottom: 12px;
    font-size: 22px;
    padding: 10px 0;
    background: #f7f7f7;
}

/*** Info Page ***/
#exhProfile {
    overflow: hidden
}
    /*#exhProfile .profImg div.cont {width:200px; height:200px; overflow:hidden; background:#9CF; border:1px solid #ddd}*/

    #exhProfile .profImg div.cont {
        width: 200px;
        max-height: 200px;
        overflow: hidden;
    }

        #exhProfile .profImg div.cont:before { /*content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
            height: 200px;
        }

    #exhProfile h4 {
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px
    }

    #exhProfile .profInfo ul {
        overflow: hidden;
        margin-bottom: 15px
    }

    #exhProfile .profInfo li {
        overflow: hidden;
        margin-bottom: 8px;
        list-style: none
    }

        #exhProfile .profInfo li:last-child {
            margin: 0
        }

        #exhProfile .profInfo li label {
            float: left;
            width: 30%;
            color: #888;
            font-size: 14px
        }

        #exhProfile .profInfo li span {
            color: #333;
            width: 70%;
            float: left;
            line-height: 1.3;
            font-size: 14px
        }

    #exhProfile .profInfoSml ul {
        overflow: hidden;
        margin-bottom: 15px
    }

    #exhProfile .profInfoSml li {
        overflow: hidden;
        margin-bottom: 8px;
        list-style: none
    }

        #exhProfile .profInfoSml li:last-child {
            margin: 0
        }

        #exhProfile .profInfoSml li label {
            float: left;
            width: 20%;
            color: #888;
            font-size: 14px
        }

        #exhProfile .profInfoSml li span {
            color: #333;
            width: 80%;
            float: left;
            line-height: 1.3;
            font-size: 14px
        }

    #exhProfile .social {
        overflow: hidden
    }

        #exhProfile .social a {
            float: left;
            width: 100%;
            padding: 8px;
            color: #666;
            font-size: 12px;
            line-height: 2.2
        }

            #exhProfile .social a i {
                float: left;
                margin-right: 10px;
                height: 32px;
                width: 32px;
                border: 1px solid #666;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
            }

            #exhProfile .social a.fb i {
                background: url(../images/facebooki.png) 0 0 no-repeat;
                background-size: 30px 30px;
                border-color: #3D5B97
            }

            #exhProfile .social a.gplus i {
                background: url(../images/gplusi.png) 0 0 no-repeat;
                background-size: 30px 30px;
                border-color: #DC5E54
            }

            #exhProfile .social a.twit i {
                background: url(../images/twitteri.png) 0 0 no-repeat;
                background-size: 30px 30px;
                border-color: #3AACE0
            }

            #exhProfile .social a.lIn i {
                background: url(../images/linkedini.png) 0 0 no-repeat;
                background-size: 30px 30px;
                border-color: #2A86B8
            }

#exhWrapper h3.titleHead {
    color: var(--primary);
    font-size: 18px;
    padding-bottom: 12px;
    padding-top: 10px;
    border-bottom: 1px solid var(--primary)
}

#exhWrapper h3.titleHead1 {
    color: var(--primary);
    font-size: 18px;
    padding-bottom: 12px;
    padding-top: 10px;
}
    #exhWrapper h3 a {
        float: right;
        color: #00f;
        text-decoration: none;
        font-size: 12px;
    }
#exhWrapper h3 a:hover {
    text-decoration:underline;
}
    #exhWrapper h3 a img {
        width: 24px
    }

#exhWrapper h4 {
    color: var(--primary);
    font-size: 15px;
    padding-bottom: 12px;
}

#exhWrapper p {
    line-height: 1.5;
    color: #333;
    font-size: 13px;
    padding: 12px 0
}

#exhWrapper .docs li {
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

    #exhWrapper .docs li a {
        text-decoration: none;
        color: #666;
        font-size: 14px;
        display: block;
        padding: 12px 8px
    }

    #exhWrapper .docs li:first-child a {
        padding-top: 0
    }

    #exhWrapper .docs li:last-child {
        border: none;
    }

        #exhWrapper .docs li:last-child a {
            padding-bottom: 0
        }

/*** Form ***/
#exhWrapper .form {
    overflow: hidden; /*margin:0*/
}

    #exhWrapper .form ul {
    }

        #exhWrapper .form ul li {
            width: 48%;
            padding: 13px 12px;
            float: left;
            overflow: hidden;
            margin:2px; 
        }

            #exhWrapper .form ul li label {
                float: left;
                width: 25%;
                padding-right: 12px;
                text-align: right;
            }

            #exhWrapper .form ul li .wrap {
                float: left;
                width: 75%
            }

                #exhWrapper .form ul li .wrap input[type="text"], .form ul li .wrap select, .form ul li .wrap textarea, #exhWrapper .form ul li .wrap input[type="password"] {
                    /*width: 80%;*/
                }

                #exhWrapper .form ul li .wrap input[type="text"] {
                }

                #exhWrapper .form ul li .wrap textarea {
                    height: 80px;
                    overflow: hidden;
                    resize: none
                }

        #exhWrapper .form ul.fullWidthInput li {
            width: 100%;
            float: none
        }

            #exhWrapper .form ul.fullWidthInput li label {
                width: 15%
            }

/*** Button ***/
.exhBtnWrap {
    overflow: hidden;
    text-align: center; /* margin-bottom:25px */
}

    .exhBtnWrap .exhBtn {
        border: 1px solid #3679df;
        display: inline-block;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        width: 135px;
        height: 55px;
        background: #fff;
        color: #3679df;
        font-size: 16px;
        font-weight: 600;
        margin: 0 10px;
        cursor: pointer;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
    }

        .exhBtnWrap .exhBtn:hover {
            background: #3679df;
            color: #fff
        }

    .exhBtnWrap .exhSqrBtn {
        border: 1px solid #3679df;
        display: inline-block;
        padding: 8px;
        background: #fff;
        color: #3679df;
        font-size: 14px;
        margin: 0 10px;
        cursor: pointer;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
    }

        .exhBtnWrap .exhSqrBtn:hover {
            background: #3679df;
            color: #fff
        }

#exhWrapper #contArea {
    margin: 0;
    width: 100%
}

    #exhWrapper #contArea .wizardContentBG .noUI {
        padding: 0 !important
    }

    #exhWrapper #contArea .wizardContentBG {
        padding: 0;
        background: none;
        border: none;
    }

#exhWrapper #exhCont .innerUploadCont {
    padding: 8px
}

#exhWrapper #exhCont .elem, #exhWrapper #contArea .wizardContentBG form fieldset {
    padding: 0;
    border: none
}

#exhWrapper #exhCont .halfWidth {
    padding: 0 10px
}

#exhWrapper #contArea .innerUploadCont ul li .btnWrap {
    width: 175px;
    height: 40px
}

#exhWrapper #contArea .elem .innerUploadCont ul li.indent input[type="text"] {
    width: 80%;
    height: 36px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

/*** Table ***/
#exhWrapper table {
    width: 100%;
    table-layout: auto;
    border-collapse:collapse!important;
}
    #exhWrapper table td, #exhWrapper table th {
        border: 1px solid #ebebeb!important;
    }
#exhWrapper table * {
        font-size: 14px
    }

#exhWrapper table tr {
        border-bottom: 1px solid #ddd;
        background: #f9f9f9;
    }

#exhWrapper table tbody tr:last-child {
        border: none
    }
    #exhWrapper table tbody tr:nth-of-type(even) td {
        background: #f1f7ff94!important;
    }
    #exhWrapper table th {
        padding: 12px;
        text-align: left
    }

    #exhWrapper table td {
        padding: 12px
    }

    #exhWrapper table.tableCont th, #exhWrapper table.tableCont td {
        padding: 10px 5px
    }

#exhWrapper .wijmo-wijgrid {
    max-height: 190px;
    overflow: auto;
}



/*  For Exibitor Portal Manage Leads  */
.gridLeads .ui-widget-content .tableCont tr.wijmo-wijgrid-headerrow, .customTable tr.tableHead {
    background: #fff
}

.gridLeads .ui-widget-content .tableCont tr th div a.wijmo-wijgrid-headertext {
    font-weight: bold
}

.gridLeads colgroup col {
    width: 110px
}

.gridLeads table tr {
    background: #f9f9f9;
}

.gridLeads .ui-widget-content .tableCont tr td {
    background: #fff
}

.gridLeads .ui-widget-content .tableCont tr.wijmo-wijgrid-headerrow, .customTable tr.tableHead {
    background: #fff
}

.gridLeads .ui-widget-content .tableCont tr.wijmo-wijgrid-headerrow, .customTable tr.tableHead {
    background: #fff
}

#exhWrapper.gridLeads .wijmo-wijgrid {
    max-height: 100%;
    overflow-y: hidden;
}

.bg-grey h2 {
    background: #f7f7f7;
    padding: 10px 0
}

.bg-Overlay {
    background: #000
}

/*  End Exibitor Manage Leads  */


/*  for fix logo*/
#exhProfile .profImg div.cont img {
    display: table-cell;
    max-height: 200px !important;
    vertical-align: middle;
    max-width: 200px !important;
}
/*  end fix logo*
 
/*Start ExhibitorPortal Login Page*/
.ExhibitorPortal::parent {
    background: red;
}

.ExhibitorPortal {
    width: 300px;
    margin: 10% auto 0;
    padding: 15px;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px #666, 5px 5px 0 rgba(255, 255, 255, 0.3) inset;
    border-radius: 8px;
}

    .ExhibitorPortal #form-login {
        width: 100%;
        height:auto;
        background: #ffffff;
        padding: 15px;
        border: 0px solid #ddd;
        box-sizing: border-box;
        box-shadow: 0 0 0px #999 inset, 0px 0 0px #666;
        position: static;
    }

        .ExhibitorPortal #form-login input[type=text], .ExhibitorPortal #form-login input[type=password] {
            border: 1px solid;
        }

        .ExhibitorPortal #form-login label {
            color: #bbbbbb;
        }

            .ExhibitorPortal #form-login label.login {
                background-position: 0 -446px;
            }
/*End ExhibitorPortal Login Page*/
#LeadsList {
    overflow-x: scroll
}
/* Assignlegend */
.legendTable .item img {
    height: 42px;
    width: 42px;
}

.imgupload_note {
    margin-right: 730px;
    color: Red;
    text-align: center;
}

#ActivityLegend tr td img {
    height: 22px;
    width: 22px;
}

#ActivityLegend .wijmo-wijgrid-headertext {
    padding-left: 0px
}

.help1 {
    color: #ff0000;
    display: block;
    line-height: 2;
}
    .successMSG {
        color: #ff0000;
    }
        #LeadsList .indent span {
    color: #ff0000;
    line-height: 2;
}

/* End Assignlegend */
/* Attendee Module */
#contArea .assignAttendee label {
}

#contArea .assignAttendee label {
    width: auto !important
}

.add_attendee {
    float: right;
    color: #0070a0;
}

    .add_attendee a {
        color: #0070a0;
    }

.atd-search {
    background: #fff !important;
    box-sizing: border-box;
    width: 60% !important;
}

.atd_srchBox label {
    margin-top: 5px;
}

.atd_srch_btn {
    position: relative;
    top: 3px
}

#UserList tr td {
    padding: 6px 18px !important
}
/*  */

/* sponsor rotating banner*/
#SponsorBanner .elem .indent label {
    width: auto;
}

#SponsorBanner fieldset input {
    background: #ffffff;
}

.SponsorBannerGroupBox {
    background: #fcfcfc; /*f6f6f6*/
    clear: both;
    padding: 10px;
    width: 890px;
}

#SponsorBanner label {
    font-size: 12px !important;
}

.SponsorBannerGroupBox .classWebsite {
    height: 20px !important;
    width: 80% !important;
}

.SponsorBannerGroupBox fieldset {
    padding: 10px
}

#RotatingSponsorBannerGroupBox > fieldset {
    border: 1px solid #ddd !important;
    width: 94%;
}

#ImageList > label {
}

.legend_chbx input {
    float: left !important;
    margin-right: 5px !important;
    position: relative;
    top: 4px;
}

.legend_chbx label {
    float: right
}

.legend_chbx {
    display: inline-block;
    width: 9%;
}

li.lcm {
    background: #fafafa
}

ul#main-menu li.lcm a {
    background: #989898;
    color: #999999;
    display: block;
    cursor: default;
    padding: 4px 0px;
    font-weight: bold;
}

    ul#main-menu li.lcm a span {
        line-height: 14px;
        color: #f7f7f7;
        width: 140px;
    }

li.lcm a span {
    color: #333333;
    font-size: 12px !important;
    padding: 5px 12px;
}

li.LCMGroupHeader a {
    padding: 5px 12px;
    background: #f0eff5;
}

    li.LCMGroupHeader a span {
        color: #333335
    }

li.LCMNormalMenus {
    background: #fff
}

    li.LCMNormalMenus a span {
        color: #333335;
        padding-top: 5px;
    }

li.LCMChilds {
    background: #fff;
    font-size: 13px;
}

    li.LCMChilds a span {
        color: #333335;
        font-size: 12px !important;
        padding-left: 9px;
        padding-top: 4px;
    }

    li.LCMChilds .edit {
        left: 13px;
        position: relative;
    }

.floatnone {
    float: none !important
}

.show {
    position: relative;
    bottom: 35px
}



#colorstrip {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.3);
    border-style: solid;
    color: white;
    font-size: 16px;
    height: 62px;
    left: 277px;
    padding: 20px;
    position: fixed;
    top: 165px;
    width: 58%;
    z-index: -2147483648;
}


.SettingQueAddEdit .elem label {
    width: 24% !important;
}

.file_upload {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .file_upload #FileUpload {
        width: 600px;
    }

        .file_upload #FileUpload input {
            margin-left: 20px
        }

p.help1 {
    color: #313131;
    display: block;
    font: 14px/18px "Cuprum",Helvetica,Arial,sans-serif;
}

p.PdfSuccess {
    font: 19px "Cuprum",Helvetica,Arial,sans-serif;
}


/*Resources CSS*/
.Help_Wrapper {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
}

.search-box-wrap {
    height: 40px;
    background: #FFFFFF;
    padding: 10px; /*padding: 10px;margin:0px 10px 10px 5px;*/
    font-family: "Cuprum", Helvetica, Arial, sans-serif;
}

    .search-box-wrap input[type=text] {
        width: 60%;
        border-radius: 20px;
        padding: 12px 10px;
        font-size: 12px;
        background: #efefef url(../images/HelpSearch.png) no-repeat right 10px center;
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
        border: none;
    }

.search-help {
    float: left;
}

.filterBy {
    float: right;
    font-size: 18px;
    color: #888;
    width: auto;
    padding-top: 6px;
}

    .filterBy span {
        line-height: 2
    }

    .filterBy form {
        float: right;
        margin-left: 20px;
    }

        .filterBy form select {
            display: flex;
            align-items: center;
            font-family: "Cuprum", Helvetica, Arial, sans-serif;
            background: #efefef;
            padding: 8px;
            border: none
        }

.gridBox {
    float: right;
    margin-left: 17px;
}
.gridBox a{
margin:0px 0px 0px 4px;
}
    .Help_Wrapper .main-section {
        clear: both;
    }

.main-section {
    margin-top: 20px;
}

.left_section {
    width: 20%;
    padding: 2%;
    float: left;
    background: #fff
}

.right_section {
    width: 100%;
}

.left_section h3 {
    margin: 0;
    font-family: "Cuprum", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #888888;
    background: #efefef;
    padding: 5px 10px;
    font-weight: normal;
}

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

    ul.modules a {
        text-decoration: none;
        font-size: 14px;
        color: #428bca;
    }

.right_section ul.list-view {
    margin: 0;
    padding: 0
}

    .right_section ul.list-view li {
        list-style: none;
        display: inline;
        text-align: center;
        margin-bottom: 20px;
        margin-right: 22px;
    }

        .right_section ul.list-view li a {
            background: #fff none repeat scroll 0 0;
            width: 324px;
            display: inline-block;
            height: 284px; /* margin: 0 1% 0 0;*/
            text-decoration: none;
            margin-bottom: 20px; /*   width: 31.8%;*/
        }

        .right_section ul.list-view li h2, ul.grid-view li h2 {
            font-size: 18px;
            color: #428bca;
            margin: 9px 0 0px 0;
            font-weight: normal;
            line-height: 19px;
        }

        .right_section ul.list-view li p, ul.grid-view li p {
            font-size: 14px;
            margin: 0px 0 5px 0;
            color: #8a8a8a;
            padding: 2px 10px;
        }

.resource_img {
    height: 180px;
    background: #e5e5e5;
    padding: 0px 0px;
    text-align: center;
    position: relative;
    overflow:hidden;
}

    .resource_img img {
        /*height: 220px;
        width: 320px;*/
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

ul.grid-view {
    display: none
}

.resource_img1 {
    float: left;
    min-width: 320px;
    min-height: 220px;
    margin-right: 35px;
}

ul.grid-view {
    margin: 0;
    padding: 0;
    position: relative
}

    ul.grid-view li {
        display: inline-block;
        float: left;
        width: 100%;
        margin: 0 0 20px 0px;
        background: #fff;
    }

.call-us {
    margin-top: 20px;
    margin-bottom: 20px;
}

ul.grid-view li a {
    margin: 0.4%;
    background: #fff;
    text-decoration: none;
}

.call-us h3 {
    text-align: center;
    font-family: "Cuprum", Helvetica, Arial, sans-serif;
    font-size: 22px
}

.call-us a {
    font-weight: bold;
    color: #333
}

p.docs_type {
    font-size: 13px !important;
    margin-top: 5px
}

ul.list-view li .help_info {
    height: 45px;
}

.help_info1 {
    height: 50px;
    margin-top: 15px;
}

#EventList1 .search-box-wrap { /*margin:0 0px 13px 1px !important*/
    margin-bottom: 20px
}

#EventList .search-box-wrap { /*margin:0 12px 14px 5px !important*/
    margin-bottom: 20px
}

.editContentView {
    border-right: 2px solid #ddd;
    height: 40px !important;
    padding: 8px 0px;
    padding-right: 13px;
    margin-right: 11px;
}

.edit-section {
    float: right;
}

    .edit-section img {
        width: 15px;
        height: 15px;
        margin-right: 11px;
        margin-top: 10px;
    }

.contArea1 .wizardContentBG {
    border: none !important;
}

.contArea1 .elem label {
    float: left;
    width: 17% !important;
    margin-right: 5px;
}

.EditSetting1 {
    height: 480px !important
}

.edit-section1 img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-top: -4px;
    background-color: White;
    padding: 4px;
    border-radius: 4px;
}

ul.list-view {
    position: relative !important
}

.edit-section1 {
    position: absolute;
    right: 0;
    top: 7px
}

    .edit-section1 a {
    }
/*End Resources*/

/* Drop Down Menu for exhbitor */
ul.subtype {
    display: none;
    position: absolute;
    z-index: 1;
}

    ul.subtype li a h1 {
        color: #333 !important
    }

    ul.subtype li {
        float: none !important;
        width: 100%;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }

        ul.subtype li:over h1.exhb_type h1.match_type ul li a {
            color: #fff
        }

#tabs li:hover {
    color: #333 !important
}

ul.subtype li a.h1:hover {
    color: #fff !important
}

ul.subtype li:hover {
    color: #fff !important
}

#tabs li ul li:hover h1 {
    color: #fff !important;
}
/*#tabs li:hover h.li a h1.exhb_type{ color:Red !important}*/
.p-t-8 {
    padding-top: 8px !important
}

.sequence_alignment {
    position: relative;
    top: 10px
}

.RRSB {
    position: relative;
    top: 5px;
}

.plus_409 {
    font-size: 30px;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    right: 35px;
    text-decoration: none;
    top: 63px;
}


    .plus_409:hover {
        text-decoration: none
    }

.BulletP { /*display:list-item;
    background :#262C3A url(../Images/bullet01.png)
    content:url("../Images/bullet01.png");*/
    background: url("../Images/bullet.png") no-repeat;
    list-style: disc inside;
    padding: 0 14px;
    margin: 0;
}

.pos-rel {
    position: relative
}

.updateBtn23 {
    position: absolute;
    position: absolute;
    bottom: 40px;
    left: 10px
}

.clsLabelSize label {
    width: 20% !important
}

.clsLabelSize .indent {
    width: 60% !important
}

.clsTwitterLabelSize label {
    width: 20% !important
}

.consumer_key {
    position: relative;
    top: 10px
}

.clsYoutubeLabelSize label {
    width: 20% !important
}

.clsLablePosition {
    position: relative;
    top: 10px
}

.clsCheckBoxPosition {
    position: relative;
    top: 3px
}

.clsEventsetupLabelSize label {
    width: 30% !important
}

.clsEventsetupLabelSize .indent {
    width: 57% !important
}
input#lblEventKey {
    width: 80% !important;
    background-color: rgb(220, 220, 220) !important;
}
a#copyEventKey {
    font-size: 13px;
    margin-left: -93px;
    padding: 10px 30px 10px 30px;
    color: #fff;
    width: auto;
    line-height: 24px;
    border-radius: 9px;
    background: var(--primary);
    /*background-color: #7ab744;
    background-image: -moz-linear-gradient(top,#74c03b,#55981a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#74c03b),to(#55981a));
    background-image: -webkit-linear-gradient(top,#74c03b,#55981a);
    background-image: -o-linear-gradient(top,#74c03b,#55981a);
    background-image: linear-gradient(to bottom, #74c03b, #55981a);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
}

    a#copyEventKey:hover {
        text-decoration: none;
        background: var(--primary-dark);
    }
    .data-info { /* margin-top:20px;  margin-left: 144px;*/
    bottom: 103px;
    margin-left: 162px;
    margin-top: 20px;
    position: absolute;
}

.data-details {
    float: left;
    margin-right: 70px
}

.import_attendees {
    width: 20.5% !important /*commented this to fix the alignment of the 2 radiao options next to the "Data Integrator > under Some AMS pages > "Import Attendees" checkbox"*/
}

.import_attendees2 {
    width: 10% !important
}

span.last-imported {
    float: right;
    position: relative;
    top: 2px;
    color: #999;
    font-weight: bold;
}

.import_attendees3 {
    bottom: 13px;
    font-size: 12px;
    padding-left: 24px !important;
    position: relative;
}

span.last-imported1 {
    float: right;
    text-align: right;
    width: 100%;
    color: #999;
    font-weight: bold;
}

p.all-data {
    float: left;
    width: 100px !important;
}

p.from-last-import {
    width: 226px !important;
}

.from-last-import.from-last-import1 {
    float: left;
    width: 172px;
}

.LastImportDate {
    color: #999;
    font-size: 12px;
    font-weight: bold;
}

.clsLikeslabel {
    float: left;
}

.clsAuthlabel {
    float: right;
}

.clsTextAlignRight {
    width: 80% !important;
    float: right
}

.schedule_edit_box .indent p {
    padding-left: 45px !important
}

.p-l-23 {
    padding-left: 23px;
}

.clsAuthMenus {
    margin-left: 183px;
    margin-top: 15px;
    width: 61%;
}

.titleRightBlock {
    bottom: 6px;
    position: absolute;
    right: 10px
}

.titleP1 {
    float: left !important;
    margin-right: 12px !important;
}

.LastImportDate {
    color: #999;
    font-size: 12px;
    font-weight: bold;
}

.reg1 {
    float: left;
    position: relative;
    top: 11px;
    width: 12%
}

.reg2 {
    float: left;
    width: 45%;
}

.reg3 {
    float: right;
    width: 40%;
}

.TutorialDonwload {
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    margin: 1px;
    margin-left: 502px;
    padding: -3px;
    text-decoration: none;
    background: url(../Images/topmenu.png) 0 0 no-repeat;
    background-position: 4px -112px;
}


#droppable #draggable6 .deleteB {
    background: #df3905 url("../images/wdelete.png") no-repeat scroll center center / 16px auto;
    border-radius: 0 0 3px;
    cursor: pointer;
    float: right;
    height: 10px;
    left: -8px;
    padding: 3px;
    position: absolute;
    top: -15px;
    width: 9px;
    z-index: 10;
}

#droppable #draggable1 .deleteB {
    background: #df3905 url("../images/wdelete.png") no-repeat scroll center center / 16px auto;
    border-radius: 0 0 3px;
    cursor: pointer;
    float: right;
    height: 10px;
    left: -8px;
    padding: 3px;
    position: absolute;
    top: -15px;
    width: 9px;
    z-index: 10;
}


#droppable #draggable3 .deleteB {
    background: #df3905 url("../images/wdelete.png") no-repeat scroll center center / 16px auto;
    border-radius: 0 0 3px;
    cursor: pointer;
    float: right;
    height: 10px;
    left: -8px;
    padding: 3px;
    position: absolute;
    top: -15px;
    width: 9px;
    z-index: 10;
}

#droppable #draggable4 .deleteB {
    background: #df3905 url("../images/wdelete.png") no-repeat scroll center center / 16px auto;
    border-radius: 0 0 3px;
    cursor: pointer;
    float: right;
    height: 10px;
    left: -8px;
    padding: 3px;
    position: absolute;
    top: -15px;
    width: 9px;
    z-index: 10;
}

#droppable #draggable5 .deleteB {
    background: #df3905 url("../images/wdelete.png") no-repeat scroll center center / 16px auto;
    border-radius: 0 0 3px;
    cursor: pointer;
    float: right;
    height: 10px;
    left: -8px;
    padding: 3px;
    position: absolute;
    top: -15px;
    width: 9px;
    z-index: 10;
}

#draggable1 #HeaderForeColor .themeBtn {
    display: none
}

/* quiz-gird */

.points {
    float: right;
    padding-bottom: 10px;
    font-size: 14px;
    background: #fff;
    position: relative;
    top: 4px;
}

    .points input {
        border-radius: 4px;
        border: 1px solid #ddd;
        width: 64px;
        background: #fff !important;
        padding: 2px;
    }

.question-area textarea {
    border: 1px solid #ccc;
    width: 98%;
    padding: 10px 0px 20px 10px;
    border-radius: 4px;
    background: #f8f8f8 !important
}

.answer-area {
    border: 1px solid #f2f2f2;
    padding: 20px 10px 10px 20px
}

    .answer-area input[type=radio] {
        -ms-transform: scale(1.5); /* IE */
        -moz-transform: scale(1.5); /* FF */
        -webkit-transform: scale(1.5); /* Safari and Chrome */
        -o-transform: scale(1.5); /* Opera */
        padding: 10px;
    }

    .answer-area input[type=text] {
        padding: 10px;
        width: 100%;
        border: 1px solid #ccc;
        background: #f8f8f8 !important;
    }

    .answer-area .checkbox-area {
        width: 5%;
        float: left;
        margin-top: 4px;
    }

    .answer-area .text-area {
        width: 75%;
        float: left
    }

    .answer-area .edit-area {
        width: 15%;
        float: right
    }

.quiz-gird hr {
    border: 1px solid #f4f4f4;
    margin: 0px 0 5px 0;
}

.add-another-option p a {
    color: #008aff;
    font-size: 16px;
    text-decoration: none
}

.add-another-option p {
    text-align: right;
}

.another-answer-option {
    display: none
}

.question-area h4, h4.answer324 {
    margin-top: 7px;
    margin-bottom: 12px;
}

.question-area h4 {
    display: inline-block;
    float: left
}

.enter-quest {
    font-size: 14px;
}

.questn-num input {
    width: 25px;
    background: #f8f8f8 !important;
    padding: 3px 10px;
    margin: 10px 0px;
}

.question-area .ui-state-default:hover {
    border: 1px solid #ccc;
}
/* */
.indent22 {
    float: left !important;
    width: 20% !important;
}
    /*26*/
    .indent22 label {
        display: block !important;
        width: 100% !important;
        line-height: 1.1;
    }

.TimeoutDialog {
    width: 800px;
    display: none;
    text-align: center;
    padding-bottom: 15px !important;
}

.timeout-btn {
    background: #0094b1;
    border-radius: none;
    border: none;
    padding: 4px 8px;
    margin-left: 5px;
    color: #fff;
    cursor: pointer
}

#TimeOutDialog > h2 {
    display: inline-block
}

.timeout-btn:hover {
    background: #047288
}


.Accesscode78 {
    position: relative;
    left: 23px;
    width: 94.7% !important;
}


.BadgepediaOptn {
    width: 78% !important
}

.showtxtfield {
    float: right;
    margin-right: 3%;
    width: 83% !important;
}

#contArea .elem .indent234 input[type="checkbox"] {
    margin-right: 10px;
}

.indent.indent234 span {
    float: left;
    width: 45px;
    margin-right: 5px;
    position: relative;
    top: 9px;
}

.indent.indent678 span {
    position: relative;
    top: 2px;
}

.clsCheckBoxPosition.showtxtfield123 {
    position: relative;
    top: 10px;
}

.indent.indent678 input {
    position: relative;
    top: 3px;
}

.pollReports {
    padding: 10px
}

    .pollReports tr {
        height: 32px;
        padding: 2px
    }

        .pollReports tr:nth-of-type(even) {
            background: #ddd;
        }

        .pollReports tr td {
            padding-left: 5px;
        }

            .pollReports tr td a {
                background: var(--primary) none repeat scroll 0 0; /*#337ab7*/
                border: 1px solid var(--primary-dark); /*#2e6da4*/
                border-radius: 4px;
                color: #ffffff;
                padding: 3px 12px;
            }

                .pollReports tr td a:hover {
                    text-decoration: none;
                    background: var(--primary-dark);/*#286090*/
                }

.closeBtn {
    color: #919191;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 44px;
    text-align: center;
}

.pollResultBox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 20px;
    padding: 10px 20px 0 20px;
    border-radius: 4px;
}

.pollName {
    padding-top: 20px;
    float: left;
}

.pollNameData {
    margin-left: 20px
}

.pollView {
    float: right;
    padding-top: 10px
}

    .pollView label {
        padding-right: 10px;
        font-weight: bold
    }

.POllResultDiv {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    color: #424242;
    line-height: 2.3;
    font-size: 15px;
    margin: 0 auto;
    width: 98%;
    font-family: Trebuchet MS !important;
}

    .POllResultDiv .left {
        width: 24%;
        float: left;
        padding-left: 2%;
    }

    .POllResultDiv .left-1, .POllResultDiv .left-2, .location {
        float: left;
        width: 50%;
    }

    .POllResultDiv .right-1, .POllResultDiv .right-2 {
        float: right;
        width: 50%;
        text-align: left;
    }

    .POllResultDiv .right {
        width: 70%;
        float: right;
        border-left: 1px solid #e6e3e3;
        padding-left: 2%;
        position: relative
    }

.activityName {
    text-align: center;
    font-size: 18px;
    font-weight: normal
}

p.activityName {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    border-bottom: 1px solid #e6e3e3;
    margin: 0 0 5px 0px;
    color: #666666
}

.speakerName {
    text-transform: uppercase;
    display: block;
    font-size: 13px;
}

.employer {
    font-weight: bold;
    text-transform: uppercase;
    display: block
}

p.date2 {
    font-weight: bold;
    text-transform: uppercase;
    display: block
}

p.locationName, p.startTime, p.endTime, p.room {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    font-family: Trebuchet MS !important;
    font-size: 13px;
}

.speakerName span, .employer span, .locationName span, .date2 span, .startTime span, .endTime span, .room span {
    font-weight: normal;
    text-transform: capitalize;
    font-family: Trebuchet MS !important;
    font-size: 14px;
}

.width50per-LEFT {
    width: 50%;
    float: left;
    clear: left
}

.width50per-RIGHT {
    float: right;
    padding-right: 2%;
    text-align: right;
    width: 48%;
}

.width100per {
    width: 100%
}

table.pollReports {
}

    table.pollReports th {
        background: #f4f4f4 !important
    }

    table.pollReports tr {
        background: #f1f1f124 !important
    }

        table.pollReports tr:nth-child(even) {
            background: #f2f2f2 !important
        }

.clearSpacing {
    clear: both;
    display: block;
    height: 5px
}


.clsAuthCode {
    position: relative;
    top: 12px;
}

.clslabelAuth {
    position: relative;
    top: 17px;
}

.vidTut {
    padding-bottom: 10px !important;
    /*border-bottom: 1px solid #f4f4f4 !important*/
}

a.vid_img {
    background: url(../Content/images/MCM_Overview_Video_link.png);
    width: 109px;
    height: 53px
}

.clsIframe {
    width: auto !important;
    min-height: 96px !important;
    height: 400px !important;
    overflow: hidden !important;
}

.employerName {
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    padding-left: 117px;
    text-align: left
}

p.room { /*padding-left:117px;*/
    text-align: left;
}

.ansBox {
    height: 194px;
    margin: 20px auto 0;
    width: 95%;
}

.postbtn, .cancelbtn, .updatelbtn {
    color: #333;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
}

.popupAddAnswerBtns {
    margin-right: 2px;
    margin-top: 15px;
    text-align: right;
}

.quesWrapper, .ansWrapper {
    border: 1px solid #ccc;
    padding: 5px;
    font-family: arial
}

.quesWrapper {
    margin-top: 15px;
}

.ansWrapper {
}

    .ansWrapper p {
        font-size: 13px
    }

.quesWrapper h3 {
    font-size: 16px;
    font-weight: 600
}

.quesWrapper ul, .ansWrapper ul {
    list-style: none;
    padding: 0
}

.quesWrapper li, .ansWrapper li {
    display: inline-block;
    margin-top: 5px;
    padding: 0 20px 4px 10px;
    border-right: 1px solid #ddd;
    text-align: center
}

    .quesWrapper li a, .ansWrapper li a {
        text-decoration: none;
        color: #666;
        font-size: 13px;
    }

span.quesTime {
    font-style: italic;
    font-size: 13px;
}

.vl {
    border-left: 1px solid #f5f5f5;
    height: 66px;
    left: 500px;
    position: absolute;
}

.width50per-LEFT {
    position: relative
}

.exportIcon {
    bottom: 13px;
    float: right;
    position: relative;
}

.ExhibitorportalQRCode {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 142px;
    top: 392px;
}


.ansWrapper {
    border-top: none
}

.whiteCont1 {
    padding: 3px 12px 12px 12px !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.m-b-3 {
    margin-bottom: 3px
}

.m-b-5 {
    margin-bottom: 10px
}
.gridHeader {
    display: block;
    background-color: #43546e;
    border: 1px solid #ddd;
    padding: 8px 10px;
    min-height: 30px;
    font: 16px/20px "Cuprum", Helvetica, Arial, sans-serif !important;
    color: #fff !important;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.p0 {
    padding: 0px !important
}

.pEventTime {
    margin-left: 10px;
}

.wizbtn123 {
    position: relative;
    bottom: 8px;
}

.wizbtnbottom {
    position: relative;
    top: 4px;
}

span.Summar123 {
    margin-left: 15px;
    font: 17px 'Cuprum',Helvetica,Arial,sans-serif !important;
    font-weight: bold;
    color: #2778b9;
}

table.tableCont1 {
    margin: 20px 0 0 13px;
    border-collapse: collapse !important;
    font: 14px 'Cuprum',Helvetica,Arial,sans-serif !important;
    font-weight: bold;
    color: #2778b9;
}

    table.tableCont1, table.tableCont1 td, table.tableCont1 th {
        border: 1px solid #ccc !important;
    }

        table.tableCont1 td {
            padding: 5px 10px
        }

.sequence_alignment-top47 {
    position: relative;
    top: 47px;
}

.m-t-28 {
    margin-top: 28px !important;
}

.deleteData-Wrapper {
    float: right;
    margin-bottm: 30px
}

    .deleteData-Wrapper .deletData_23 {
        padding: 7px 14px;
        background: #f00;
        color: #f1f1f1 !important;
        font-size: 13px;
        border-radius: 4px;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    }

    .deleteData-Wrapper a.deletData_23:hover {
        text-decoration: none
    }

a.deletData_23 span {
    color: #fff;
    font-weight: bold;
}

.clearData {
    margin-top: 15px;
}

.hidden {
    display: none !important;
}

.clearFix {
    clear: both !important;
}

.m-t-30 {
    margin-top: 30px !important
}

.clsvisibleleft {
    float: left;
    width: 50%
}

.clsvisibleright {
    float: right;
    width: 50%
}

.width40per {
    width: 40% !important
}

.width60per {
    width: 60% !important
}

.settingPage label {
    width: 36% !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
}

.settingPageRight {
    width: 55% !important
}

    .settingPageRight span {
        float: left;
        position: relative;
        top: 3px;
        font-family: arial;
        color: #333;
        font-size: 13px;
    }

input.ShowSetting {
    margin-left: 3px;
    position: relative;
    top: 5px
}

.loadingPage label {
    width: 36% !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.settingPage1 label {
    width: 30% !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.wid82per {
    width: 82% !important;
}

.widLableVisiblity {
    Visibility: hidden !important
}

.loadingPage {
    float: left !important
}

.browseFile {
}

.setAttendeeFlag {
    padding: 0 !important
}

.medium2 {
    width: 35% !important;
}

.LeftBadgepediaSetup {
    width: 40%;
    float: left;
}

    .LeftBadgepediaSetup span {
        width: 51%;
        float: left
    }

.MiddleBadgepediaSetup {
    width: 30%;
    float: left;
}

    .MiddleBadgepediaSetup input {
        position: relative;
        top: 3px;
    }

    .MiddleBadgepediaSetup span {
        margin-right: 20px
    }

.RightBadgepediaSetup {
    width: 20%;
    float: right;
}

    .RightBadgepediaSetup span {
        margin-right: 20px;
    }

    .RightBadgepediaSetup input {
        position: relative;
        top: 3px;
    }

.pos-static {
    position: static;
}

.fileUpload {
    padding-left: 10px
}

; .uploadField {
    padding-left: 95px !important;
}

.m0 {
    margin: 0 !important
}

.badgePageLeft {
    width: 40%;
    float: left;
    margin-left: 1% !important;
}

.badgePageRight {
    width: 58%;
    float: right
}

.badgePageLeft span {
    width: 64% !important;
    float: left;
    position: relative;
    top: 4px;
}

.badgePageRight span {
    width: 70%;
    position: relative;
    top: 2px;
    float: left;
}

.badgePageLeft1 {
    width: 47% !important;
    padding-left: 2px !important;
    padding-top: 10px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    color: #333
}

    .badgePageLeft1 span {
        width: 56% !important;
    }

.badgePageRight1 {
    width: 51% !important;
    padding-top: 10px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    color: #333
}

    .badgePageRight1 li, .badgePageLeft1 li {
        margin: 0 0 8px 0 !important;
        height: 20px;
    }

    .badgePageRight1 span {
        width: 51% !important
    }

.showBox {
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 13px;
    color: #333;
    font-family: arial;
}

.setAttendeeFlagBtn {
    border: 1px solid #ccc;
    padding: 27px 0px;
    position: relative;
}

ul.badgePageLeft1, ul.badgePageRight1 {
    margin: 0
}

.shoPrintBtn {
    position: relative;
    top: 5px;
    left: 4px;
}

h3.srg {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    border-top: 1px solid #ddd;
}

.showPrintInput {
    margin-left: 12px
}

ul.badgePageLeft li {
    margin: 0 0 5px 0 !important
}

.printBtn12 {
    width: 26% !important;
}

ul.appSetting li {
    margin-bottom: 14px !important
}

.appSetting span {
    top: 0 !important;
    position: relative !important;
}

.appSetting input.ShowSetting {
    margin-left: 3px;
    position: relative;
    top: 3px;
}


p.lead {
    border-radius: 8px 0 0 8px;
    float: left;
    border-right: 1px solid #bbb;
    font-size: 15px;
    padding: 20px 30px;
    width: 50%;
    line-height: 1.4;
}

p.lead1 {
    float: right;
    font-size: 14px;
    padding: 14px 20px;
    width: 20%;
    line-height: 1.4;
}

.AttendeddFlagWrpapper {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 8px;
    margin: 0 auto;
    width: 80%;
}

.updateFlag124 {
}

.border-none {
    border: 0 !important
}

.flagfieldset {
    background: #ff0000 none repeat scroll 0 0;
    margin: 0 auto;
    width: 80%;
}

.updateFlag124 {
    bottom: 127px;
    display: block;
    float: right;
    position: absolute;
    right: 188px;
}

li label.BadgeWaringLabel {
    width: 41% !important;
}

.BadgeWaringText {
    float: right !important;
    width: 55% !important;
}

.BadgeWaringTextWidth {
    width: 93% !important;
}

.BadgeErrorMessage1 {
    color: #ff0000 !important;
    font-style: italic !important;
    font-size: 11px !important;
    padding-left: 64px;
    width: 100%;
    top: 1px !important;
}

.BadgeErrorMessage2 {
    color: #ff0000 !important;
    font-style: italic !important;
    font-size: 11px !important;
    padding-left: 75px;
    width: 100%;
    top: 1px !important;
}

.BadgeErrorSettingMessage1 {
    color: #ff0000 !important;
    font-style: italic !important;
    font-size: 11px !important;
    padding-left: 5px;
    width: 100%;
    top: 1px !important;
}

.BadgeErrorSettingMessage2 {
    color: #ff0000 !important;
    font-style: italic !important;
    font-size: 11px !important;
    padding-left: 68px;
    width: 100%;
    top: 1px !important;
}

.inline-block {
    display: inline-block !important
}

.p0 {
    padding: 0 !important
}

.p64 {
    padding-left: 64px !important
}

.floatSectionLeft {
    float: left !important
}

.floatSectionRight {
    float: right !important
}

.clsPrinterSettings {
    margin-left: 3px;
    position: relative;
    top: 1px;
}

.settingPage .ModeratorSettings label {
    width: 18% !important;
}

.settingPage .ModeratorSettings input[type="text"] {
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 3px;
    height: 20px;
    width: 77%;
}

.settingPage .ModeratorSettings input[type="number"] {
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 3px;
    height: 20px;
    width: 40%;
}

.floatSectionRight .clsModeratorSection {
    top: 0px;
}

.clsBadgeMode {
    width: 215px;
    float: left;
}

.clsBadgeConMode {
    bottom: 1px;
    position: relative;
}

.clsBadgeDiscMode {
    bottom: 2px;
    position: relative;
    font-size: 12px
}

.clsBadgeRdoDicMode {
    float: left;
    float: left;
    margin-right: 6px;
}

.height37px {
    height: 37px
}

.SessionCheckinattendees .wijmo-wijgrid-innercell {
    text-align: left !important
}

.SessionCheckinattendees #UserList .wijmo-wijgrid-headertext {
    color: black;
    font-weight: bold;
}

.SettingMatchmakingFieldset .field-validation-error {
    margin: 2px 160px !important
}

ul.clsULbadgeSetting {
    clear: both;
    line-height: 1.8;
}

    ul.clsULbadgeSetting li span {
        position: relative;
        top: -1px;
    }

    ul.clsULbadgeSetting label div p span {
        position: relative;
        top: -1px;
    }

.clsULbadgeSetting label {
    width: 250px !important;
    float: left
}

.shobox {
    position: relative !important;
    top: 2px !important
}

.clsULbadgeSetting .div {
    width: 354px !important;
    float: right
}

span.settingHomeIcon {
    margin-left: 6px;
}

/*.m-l-20{margin-left: 20px;}
.m-l-76{margin-left: 76px;}
.m-l-96{margin-left: 97px;}
.previewBox{ margin-left: 7px;}*/
.designSearchGrid {
    clear: both;
    padding-top: 5px
}

    .designSearchGrid label {
        width: 26.4% !important;
    }

    .designSearchGrid input {
        margin-left: 8px
    }

    .designSearchGrid ul li {
        margin-bottom: 5px
    }

.DivModifyPassword .welcomeTxt {
    text-align: center;
    margin-bottom: 10px;
}

.displayNone {
    display: none !important
}

label.search_Attendee {
    float: none !important;
}

.floatNone {
    float: none !important
}

.ddlEventList {
    border: 1px solid #e0e0e0;
    height: 26px;
    width: 400px;
}

select.ddlEventList23 > option {
    width: 500px !important;
    word-wrap: break-word !important;
}

.sameasAbove {
    float: none !important;
    width: auto !important;
    height: auto !important;
    position: relative;
    top: 2px;
}

.sameasAboveblock {
    margin-top: 5px;
    padding-bottom: 5px;
    position: relative;
    top: 2px;
}

.textUnderapp {
    position: relative;
    top: 20px;
}

.atd-search1 {
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 5px 0 5px 5px;
}

.atd_srch_btn1 {
    position: relative !important;
    top: 1px !important;
}

#CustomPadding .field-validation-error {
    width: 100% !important;
    display: block !important;
}

    #CustomPadding .field-validation-error span {
        display: block !important;
        width: 100%;
        position: absolute;
        top: -11px;
        padding-left: 150px;
    }

a.generateQrCode {
    bottom: 36px;
    left: 116px;
    margin-top: 20px;
    position: absolute;
}

    a.generateQrCode img {
        border: 2px solid #3d5b97;
        border-radius: 50%;
        height: 36px;
        width: 36px;
    }

.SingleSectionSettings {
    border-top: 11px solid #ffffff4d;
}

.InlineValidations {
    margin-left: 58px;
    float: left;
    color: Red;
    font-style: italic;
}

.mapBooth {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
    width: 80%;
    margin: 0 auto;
}


table.tableBooth {
    width: 98%;
    margin: 0 auto;
    padding: 20px;
}

    table.tableBooth tr {
        height: 20px;
    }

.tableBooth input {
    float: left;
    margin-right: 10px !important;
}

/*.tableBooth td {
    border: 1px solid;
    display: block;
}*/

.tableBooth label {
    font: 13px 'Cuprum',Helvetica,Arial,sans-serif !important;
    color: #333;
    float: left;
    width: 35%;
    text-transform: capitalize;
    padding-left: 8px;
    position: relative;
    bottom: 2px
}

.selectAll {
    float: right;
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    padding-bottom: 3px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

ul.tableBoothList {
    display: inline;
    list-style: none;
    line-height: 2;
}

    ul.tableBoothList li {
        display: inline;
        width: 150px;
        float: left;
    }

        ul.tableBoothList li input {
            position: relative;
            top: 6px;
            margin-right: 5px;
            float: left;
        }

        ul.tableBoothList li span {
            width: 100%;
            display: block;
            padding-left: 15px;
        }

h3.selectBooth {
    background: #43546e;
    padding: 4px 0 4px 5px;
    font: 17px "Cuprum", Helvetica, Arial, sans-serif;
    color: #fff !important;
    display: block;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
}

    h3.selectBooth a {
        color: #fff;
        font-size: 18px;
    }

        h3.selectBooth a:over {
            text-decoration: none
        }

.RemoveHover {
    pointer-events: none;
}

.protectAttendeeData {
    margin-top: 30px;
}

    .protectAttendeeData p {
        margin-bottom: 0px;
        font-size: 13px;
    }

    .protectAttendeeData .help1 {
        font-family: Arial !important;
        font-size: 12px;
        color: #666;
        background-color: #6f9bcc1a !important;
    }

        .protectAttendeeData .help1 p label {
            font-size: 12px;
            position: relative;
            bottom: 2px;
            left: 4px;
        }

.disabledData {
    opacity: 0.4;
    pointer-events: none;
}

.memberSuiteImport .wizardContentBG label {
    position: relative;
    left: 4px;
    bottom: 2px;
}

#PresenterImgDiv img.eventImg#PresenterImage, #RegistrationImgDiv img.eventImg#RegistrationImage {
    border-radius: 50%;
    border: 1px solid #ccc;
}


/*External Document */
.indent .externalDoc {
    width: 100%;
    display: block;
    clear: both;
    margin-top: 30px;
}

    .indent .externalDoc input[type="url"] {
        border: 1px solid #ddd;
        background: #FFFFFF !important;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
        border-radius: 8px;
        padding: 4px 6px;
        height: 22px;
        width: 92%;
    }

#contArea .innerUploadCont #DocumentUpload {
    float: right;
}

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

.saveExtDoc {
    float: right;
    margin-top: 5px;
    margin-right: 4px;
    background: #66B0EA;
    border: none;
    padding: 7px 23px !important;
    border-radius: 4px;
    color: #fff !important;
    box-shadow: none !important;
    border: none;
    background-image: linear-gradient(to bottom, #379CF1, #087EE1) !important;
    background-repeat: repeat-x !important;
    font-size: 15px;
}

/* Changed Event Report heading font size */
h2.eventReporth2 {
    font-size: 14px
}
/* Instruction Data Template */
.protectAttendeeData1 {
    width: 90%;
    margin: 0 auto;
}

    .protectAttendeeData1 .help1 {
        font: 14px "Cuprum", Helvetica, Arial, sans-serif !important;
    }

        .protectAttendeeData1 .help1 p label {
            font-size: 14px
        }
        .protectAttendeeData1 .help1 .helpDescription {
            line-height:1.75rem;
        }
.MCMVersion {
    font-size: 9px;
    font-weight: bold;
}
/* For increasing width in Event type->leaderboard->label  */
.content-gird234 label {
    width: 20% !important;
}

/*Document Center Folder structure */
.IconCol {
    width: 55px;
    text-align: center;
}

.sizeCol {
    width: 80px;
}

.tagsCol {
    width: 100px;
}

.editDeleteCol {
    width: 70px;
}

.arrowCol {
    width: 20px;
}

#UlDocumentCenterList {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

    #UlDocumentCenterList td {
        padding: 8px 4px;
        vertical-align: middle;
        height: 20px;
    }

    #UlDocumentCenterList tr {
        list-style: none;
        background: #fff;
    }

        #UlDocumentCenterList tr:nth-child(odd) {
            background-color: #ffffff;
        }

        #UlDocumentCenterList tr:nth-child(even) {
            background-color: #f7f7f7;
        }

        #UlDocumentCenterList tr:hover {
            background: #FAF7DC;
        }

    #UlDocumentCenterList .Title {
        background: #e8f2ff !important;
        text-align: left;
        padding: 8px;
        font-weight: bold;
    }

    #UlDocumentCenterList .RootFiles {
        background: #FFFFFF;
    }

    #UlDocumentCenterList div.name {
        display: inline-block;
        line-height: 20px;
    }

    #UlDocumentCenterList .SubFiles td {
    }

    #UlDocumentCenterList .RootFolder .name, #UlDocumentCenterList .RootFiles .name, #UlDocumentCenterList .SubFiles .name {
        padding-left: 0px;
    }

.RootFolder:first-child /*want to add spacing between files and folders section*/ {
    margin-top: 50px;
    background-color: red;
    height: 60px !important;
}

.wrap {
}

#UlDocumentCenterList .DCListbtns {
    float: right;
}

#UlDocumentCenterList .RootFolder .DCListbtns {
    float: right;
    margin-right: 0px;
}

#UlDocumentCenterList .DCListbtns a {
    padding: 0px 4px;
}

#UlDocumentCenterList tr.RootFolder {
    background: #f7f4d9 !important;
    margin-top: 4px;
    border-collapse: separate;
    border-spacing: 0px 20px;
    border-bottom: 1px solid #ffffff;
}

#UlDocumentCenterList tr:first-child.RootFolder {
    margin-top: 20px;
}

tr.RootFolder td.IconCol {
    padding-left: 5px;
}

#UlDocumentCenterList tr.RootFolder i {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
}

.RootFolder span.name {
    font-weight: bold;
}

#UlDocumentCenterList tr .arrow {
    float: right;
    margin: 0px 10px;
    width: 10px;
    height: 20px;
    cursor: pointer;
}

#UlDocumentCenterList tr .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: 5px !important;
}

#UlDocumentCenterList tr .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: 10px !important;
}

#UlDocumentCenterList tr.SubFiles {
    padding-left: 20px;
}

    #UlDocumentCenterList tr.SubFiles.hide {
        display: none;
    }

    #UlDocumentCenterList tr.SubFiles.show {
        display: block;
    }

.folderClose {
    width: 34px;
    height: 30px;
    background-image: url(../images/folderClosed.png);
    background-size: 30px;
    background-position-x: 8px;
    background-repeat: no-repeat;
}

.folderOpen {
    width: 34px;
    height: 30px;
    background-image: url(../images/FolderOpened.png);
    background-size: 30px;
    background-position-x: 8px;
    background-repeat: no-repeat;
}

.SubFiles .spaced {
    padding-left: 20px !important;
}
/*Copy Event Data style start*/
.CopyDataMessage {
    margin-bottom: 10px;
}

    .CopyDataMessage div {
        color: green;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .CopyDataMessage p {
        color: #848484;
        padding-left: 5px;
    }

#TrModuleName td label.lbl {
    width: 100% !important;
    float: initial !important;
    padding-left: 5px;
    padding-right: 20px !important;
    vertical-align: top;
    display: inline !important;
}

#TrModuleName td .inputRadios {
    vertical-align: middle;
}
/*Copy Event Data style End*/
/*End*/
/*Modal UI*/

/*This CSS is been added for wijmo table Border and Style UI on Copy Event Data Result popup*/
#DivCopyResult .content-gird {
    border: 1px solid #404040 !important
}

    #DivCopyResult .content-gird td:last-child {
        border-right: none !important;
    }

    #DivCopyResult .content-gird td.ui-state-highlight {
        background: #f1f1f1 !important;
    }

        #DivCopyResult .content-gird td.ui-state-highlight:first-child {
            border-right: 1px solid #404040 !important;
        }
/*End*/

.lblAlignment {
    position: relative;
    top: 12px;
}

.ThreeColStructure .firstCol {
    width: 15% !important
}

.ThreeColStructure .secondCol {
    width: 40% !important;
    margin-right: 10px !important;
}

.ThreeColStructure .secondCol label, .ThreeColStructure .secondCol div {
    width: 40% !important;
}

.AttendeePool #EventSearch {
    background: white url(../Images/iconfinder_search.png) right no-repeat !important;
    background-size: 22px 22px !important;
}



/*Start AI Dashboard*/
.aiDashboard .nav-tabs .nav-link.active {
    color: var(--primary-font-color);
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
/*End AI Dashboard*/
/*Start: Analytics Dashboard*/

:root {
    --primary: #0866ff /*00AEEF*/;
    --primary-light: #5f9cffcc /*rgba(191, 45, 26, .2)*/;
    --primar-light2: #4d91ff;
    --primary-dark: #205ab9 /*004dc9*/ /*rgba(191, 45, 26, 1)*/;
    --primary-font-color: #0866ff /*rgba(191, 45, 26, 1)*/;
    --font-color: #8f8f90;
    --site-border: 1px solid #dbdbdc;
    --white: #ffffff;
    --light-gray: #fafafa;
    --body-text: #66737f;
    --dark-gray1: #ebebeb;
    --secondary-color: #727272; /*609cff*/ /*F96808*/
}
/*START Page for Tabs and Left navigation combination - Displaying multiple Reports in one page*/  
.twoColLayout {
    display: flex;
}

.firstCol {
    width: 180px;
}

.secondCol {
    margin-left: 20px;
    width: 100%;
}

.roundedCorner8 {
    border-radius: 8px !important;
}

.pageTitle1 {
    border: none;
    border-bottom: 2px solid var(--secondary-color);
    box-shadow: none;
    font: 18px 'Poppins', sans-serif;
    color: var(--secondary-color);
    display: block;
    padding: 4px 5px 4px 10px;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
/*END Page for Tabs and Left navigation combination - Displaying multiple Reports in one page*/  

/*Colors*/
#EventDownloadPieChart div.apexcharts-canvas {
    width: 100%!important;
}
.AnalyticsDashboardPannel .themeText {
    color: var(--primary-dark);
}

.AnalyticsDashboardPannel .textColor1 {
    color: #6f42c1;
}

.AnalyticsDashboardPannel .textColor-Appointment {
    color: #bf60e0;
}

.AnalyticsDashboardPannel .textColor-Session {
    color: #8ec34f;
}

.AnalyticsDashboardPannel .textColor-Agenda {
    color: #fd7e14;
}

.AnalyticsDashboardPannel .text-dark2 {
    color: var(--body-text);
}

.AnalyticsDashboardPannel .theme {
    background-color: var(--primary-dark);
}

.AnalyticsDashboardPannel .text-dark {
    background-color: #0022FF;
}

.AnalyticsDashboardPannel .blue {
    background-color: #0022FF;
}

.AnalyticsDashboardPannel .indigo {
    background-color: #6610f2;
}

.AnalyticsDashboardPannel .purple {
    background-color: #6f42c1;
}

.AnalyticsDashboardPannel .pink {
    background-color: #e83e8c;
}

.AnalyticsDashboardPannel .orange {
    background-color: #fd7e14;
}

.AnalyticsDashboardPannel .yellow {
    background-color: #ffc107;
}

.AnalyticsDashboardPannel .teal {
    background-color: #20c997;
}

.AnalyticsDashboardPannel .green {
    background-color: #28a745;
}

.AnalyticsDashboardPannel .cyan {
    background-color: #17a2b8;
}

.AnalyticsDashboardPannel .fbColor {
    background-color: #4267B2;
}

.AnalyticsDashboardPannel .twColor {
    background-color: #00acee;
}

.AnalyticsDashboardPannel .liColor {
    background-color: #0077b5;
}
/*Colors End*/

#divChartButtons a:hover{
    text-decoration:none;
    color:var(--primary-dark);
}
.AnalyticsDashboardPannel .title-grid a:hover {
    text-decoration: none;
}
.AnalyticsDashboardPannel .outerCard {
    border: var(--site-border);
    border-radius: 10px;
}

.AnalyticsDashboardPannel .lightText {
    color: var(--font-color)
}

.AnalyticsDashboardPannel .outerCardHead {
    border-radius: 10px 10px 0 0;
    /*background: var(--primary-light);*/
    border-bottom: 1px solid;
    border-color: var(--primary-dark);
    padding: 10px 10px 10px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.AnalyticsDashboardPannel a.linkStyle {
    color: var(--primary-dark);
}

.AnalyticsDashboardPannel .outerCardTitle {
    color: var(--primary-dark);
    font-weight: normal;
    font-size: 16px;
    margin: 0
}

.AnalyticsDashboardPannel .outerCardCont {
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
}

.AnalyticsDashboardPannel .outerCard .btn-primary {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.AnalyticsDashboardPannel .cardStyle {
    box-shadow: 0 0 10px rgba(0,0,0,.10);
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}

.AnalyticsDashboardPannel .cardStyle2 {
    border: 1px solid rgba(0,0,0,.07);
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}

/*Scrollbar style Start*/
.tab-content.scrollBar {
    flex: 1 1 0;
    -ms-flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
}

.tab-content.scrollBar::-webkit-scrollbar
{
    width: 6px;
    height: 4px;
    background-color: var(--white2);
}

.tab-content.scrollBar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px var(--black-trasp-1);
    background-color: var(--primary-dark);
}
/*Scrollbar style End*/

.AnalyticsDashboardPannel .profileIcon {
    width: 50px;
    height: 50px;
    font-size: 30px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: var(--primary-dark);*/
}

.AnalyticsDashboardPannel .tabsStyle a.nav-link {
    padding: 10px 20px;
    font-size: 14px;
    color: var(--gray);
}

.AnalyticsDashboardPannel .tabsStyle a.nav-link:hover,
.AnalyticsDashboardPannel .tabsStyle a.nav-link.active {
    border-color: #fff #fff var(--primary-dark);
    color: var(--primary-dark);
}

.AnalyticsDashboardPannel .circleStyle {
    min-width: 50px;
    min-height: 50px;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.bgColorPrimary {
    background-color: var(--primary-font-color)!important;
}

.bgColor1 {
    background: #a3a2ff
}

.bgColor2 {
    background: #f58d86;
}

.bgColor3 {
    background: #f2c94c;
}
.bgColor4 {
    background: #20c997;
}

.txtColor1 {
    color: #a3a2ff
}

.txtColor2 {
    color: #f58d86
}

.txtColor3 {
    color: #f2c94c
}
.txtColor4 {
    color: #20c997;
}

.helpIcon {
color:var(--font-color);
}

.AnalyticsDashboardPannel .Tabs {
    color: var(--body-text);
    padding: .5rem 1rem;
    border-radius: 0.25rem;
    font-size:1.2rem;
}
.AnalyticsDashboardPannel .Tabs:hover {
    color:var(--primary-font-color);
}
.AnalyticsDashboardPannel .TabActive {
    color: var(--white);
    background-color: var(--primary-font-color)!important;
}

.AnalyticsDashboardPannel .Tabs.TabActive:hover {
    color: var(--white);
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none;
}

.AnalyticsDashboardPannel .iconWrap {
    min-width: 30px;
    min-height: 30px;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: var(--primary-dark);*/
}

.AnalyticsDashboardPannel .borderTop {
    border-top: 1px solid #ccc
}

.AnalyticsDashboardPannel .bar {
    background: #ccc;
}

.AnalyticsDashboardPannel .bar .barInner {
    background: var(--primary-dark);
    height: 3px
}
.AnalyticsDashboardPannel .navSideBar {
    /*background-color: var(--light-gray);*/ /*Removed this for the Analytics and also the AI screens*/
    border-radius: 0px 8px 8px 0px;
    overflow: hidden;
    border: 1px solid var(--dark-gray1);
    min-height: 60vh; /*Added this for the Analytics and also the AI screens*/
}
.AnalyticsDashboardPannel .navSideBar > a {
    display: block;
    border: none;
    /*border: var(--site-border);*/
    border-radius: 0px;
    text-decoration: none;
    padding: 10px 15px;
    color: var(--body-text);
    font-size:1.3rem;
}

.AnalyticsDashboardPannel .navSideBar > a + a {
    margin-top: 2px;
}

    .AnalyticsDashboardPannel .navSideBar > a:hover,
    .AnalyticsDashboardPannel .navSideBar > a.active {
        color: var(--primary-font-color);
        border-color: var(--primary-font-color);
        text-decoration: none;
        border-right: 2px solid var(--primary-font-color);
        /*background-color: var(--dark-gray1);*/
        background-color: var(--light-gray);
    }

.AnalyticsDashboardPannel .outerCardHead .btn {
    color: var(--primary-dark);
}
/*form & form elements styles start*/
.AnalyticsDashboardPannel fieldset select {
    height: 35px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 4px;
}

/*form & form elements styles start End*/

/*Profile Details Page*/
.AnalyticsDashboardPannel .ProfileInfoBlock {
}

.AnalyticsDashboardPannel .ProfileInfoBlock .ProfileLogo {
    width: 50%;
    border-radius: 8px;
}

.AnalyticsDashboardPannel .circleIcon {
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
/*Analytics Dashboard Data Table style Start*/

.AnalyticsDashboardPannel .dataTableStyle .table.dataTable {
    border:1px solid rgba(0,0,0,.15);
}
    .AnalyticsDashboardPannel .dataTableStyle .table.dataTable th {
        /*border-top: 1px solid #dee2e6;*/
        border-top: none;
    }
.AnalyticsDashboardPannel .dataTableStyle .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03);
}
.AnalyticsDashboardPannel .dataTableStyle .table-striped tbody tr:hover {
    background-color: #8ab7ff1a; /*rgba(191,45,26,.10)*/
    cursor: pointer;
}

.AnalyticsDashboardPannel .dataTableStyle .table-striped tbody tr.noHover:hover {
    background-color: rgba(255,255,255, 1);
    cursor: pointer;
}

.AnalyticsDashboardPannel .dataTableStyle .table-striped tbody tr.noHover.odd, .AnalyticsDashboardPannel .table-striped tbody tr.noHover.odd:hover {
    background-color: rgba(0,0,0,.03);
}

.AnalyticsDashboardPannel .dataTableStyle .table-striped tbody tr.noHover:nth-of-type(odd) {
    background-color: rgba(255,255,255, 1);
    cursor: pointer;
}

.AnalyticsDashboardPannel #hiddenTableWrapper .dt-buttons button {
    top: -1900px;
    right: 30px;
}

.dt-buttons button {
    float: right;
    margin-left: 10px;
    position: absolute;
    right: 0px;
    top: -50px;
    background-color: var(--primary-font-color);
    color: var(--white);
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
}
.dt-buttons button:hover {
    background-color: var(--primary-dark);
}

.AnalyticsDashboardPannel .SponsorRoatatingBanners .carousel {
    width: 400px;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.AnalyticsDashboardPannel .SponsorRoatatingBanners .carousel-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

    .AnalyticsDashboardPannel .SponsorRoatatingBanners .carousel-inner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.AnalyticsDashboardPannel .SponsorRoatatingBanners .carousel-caption {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
}

/*Analytics Dashboard Data Table style End */
#TopDevicesDonutChart {
    margin-left: -30px;
    margin-right: -15px;
}
#TopDevicesDonutChart > div {
    max-width: 100%
}

#dateRangeWrap .daterangepicker {
    right: 0 !important;
    left: auto !important;
    min-width: 50vw;
}
#dateRangeWrap .daterangepicker.opensright:before {
    left: auto;
    right: 9px;
}
#dateRangeWrap .daterangepicker.opensright:after {
    left: auto;
    right: 10px;
}
#dateRangeWrap #reportrange {
    border: 1px solid rgba(0,0,0,.07);
    
}
#dateRangeWrap .daterangepicker .drp-calendar {
    display: block
}
#dateRangeWrap .daterangepicker td.off {
    background: #fff !important
}
#dateRangeWrap .daterangepicker td.in-range {
    background-color: var(--dark-gray1)
}
#dateRangeWrap .daterangepicker td.active,
#dateRangeWrap .daterangepicker td.active:hover,
#dateRangeWrap .daterangepicker .ranges li.active {
    background-color: var(--primary-font-color)
}

.panelGrid ul li .ribbonBlue {
    background-color: #087ee1;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    right: -30px;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Start New Style for Buttons*/

.indent.input-container #charCount::after {
    content: attr(data-char-count); /* Display character count */
    position: absolute;
    right: 40px; /* Adjust position as needed */
    top: 85%; /* Vertically center the character count */
    transform: translateY(-50%);
}