@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');

body, html {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 23px;
    background-color: #f2f7fb;
    height: 100%;
    margin: 0;
    padding: 0;
}

.fade:not(.show) {
    opacity: 1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.fade.in {
    opacity: 1;
}

.security-notify {
    display: inline-block;
    height: 40px;
}

.btm-mb-0 {
    margin-bottom: 0 !important
}

/*footer section starts*/
.content-wrapper {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
}

.singleLoginInfo {
    line-height: 0.85rem !important;
    font-size: 0.76rem !important;
    width: 80%;
}

.freeSampleDownload {
    margin: 0 auto;
    display: inherit;
    color: #fff;
    font-size: .6rem;
    background: #0068bd;
    border: none;
    padding: 1.75px 0.25rem;
    border-radius: 2px;
    letter-spacing: .1px;
    margin-bottom: .45rem;
    width: 80%;
}

    .freeSampleDownload:hover {
        background: #005295
    }

    .freeSampleDownload:focus {
        background: #003867
    }

.enquirePurchasing {
    margin: 0 auto;
    display: inherit;
    color: #0068bd;
    font-size: .5rem;
    background: #fff;
    border-radius: 2px;
    letter-spacing: .12px;
    border: 1px solid #0068bd;
    width: 80%;
    font-weight: 600;
    white-space: nowrap;
}

.enquirysent {
    margin: 0 auto;
    display: inherit;
    color: #fff;
    font-size: .6rem;
    background: #27ae60;
    border-radius: 2px;
    letter-spacing: .12px;
    border: none;
    width: 80%;
    padding: 2px 0px;
    cursor: default;
    margin-bottom: 0.45rem;
}

.enquirePurchasing:focus {
    background: #cde9ff;
}

.midSection {
    display: block;
}

.mr_t {
    margin-top: 2.75rem !important;
}

.freeSampleDownload img {
    display: inline;
    float: right;
    width: 13px;
    margin-top: 5px;
    margin-left: 5px;
}

.enquirysent img {
    display: inline;
    float: none;
    width: 12px;
    /* margin-top: 5px; */
    margin-right: 0.25rem;
}

.hr_license {
    bottom: 13%;
    height: 1px;
    background: #fff;
    float: left;
    width: 100%;
    position: absolute;
}

.midSectionCompany {
    margin: 0 auto;
}

.Emailsend {
    margin: 0 auto;
    display: inherit;
    color: #0068bd;
    font-size: .6rem;
    border: 1px solid #0068bd !important;
    background: #fff;
    border-radius: 2px;
    letter-spacing: .12px;
    border: none;
    width: 80%;
    padding: 2px 0px;
}

.textField {
    width: 80%;
    margin: 0 auto;
    border: none;
    padding: 1.75px 1rem;
    border-radius: 1px;
    font-size: .75rem;
    display: inherit;
    margin-bottom: .45rem;
    outline: none;
}

.footer-content {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #333;
    font-size: 12px;
    padding: 4px 0;
    box-sizing: border-box;
    background: #f2f7fb;
}

#subscribeNewsContainer #subscribeNewsText {
    font-size: 14px;
    letter-spacing: 0.25px;
    margin-right: 1rem;
}

#subscribeNewsContaine #subscribeNewsBtn {
    letter-spacing: 0.5px;
}

.footer-content span {
    margin: 0 10px;
}

.footer-content a {
    text-decoration: none;
    color: #0066b8;
}

    .footer-content a:hover {
        color: #333;
    }

.push {
    height: 40px;
}
/*footer section ends*/

/*cookies notification starts*/
.alert-fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999999;
}

    .alert-fixed-bottom .alert-info {
        background: rgba(0,0,0,0.7);
        color: #fff;
        border: none;
        border-radius: 0;
        font-size: 13px;
        margin: 0;
    }

    .alert-fixed-bottom .close, .alert-fixed-bottom .close:hover {
        opacity: 1;
        color: #fff;
        font-weight: 200;
        font-size: 16px;
        top: 5px;
    }

    .alert-fixed-bottom a {
        color: #fff;
        text-decoration: underline;
    }

    .alert-fixed-bottom .btn-primary {
        padding: 2px 18px;
        margin-left: 15px;
    }
/*cookies notification ends*/


/*release notification starts*/
.alert-fixed-top {
    position: absolute;
    left: 0;
    top: 0;
    height: 57px;
    width: 100%;
    z-index: 999999;
}

    .alert-fixed-top .alert-info {
        background: rgba(0,0,0,0.7);
        color: #fff;
        border: none;
        border-radius: 0;
        font-size: 13px;
        margin: 0;
    }

    .alert-fixed-top .close, .alert-fixed-bottom .close:hover {
        opacity: 1;
        color: #fff;
        font-weight: 200;
        font-size: 16px;
        top: 5px;
    }

    .alert-fixed-top a {
        color: #fff;
        text-decoration: underline;
    }

    .alert-fixed-top .btn-primary {
        padding: 2px 18px;
        margin-left: 15px;
    }
/*release notification ends*/


p {
    font-size: 16px;
    line-height: 10px;
    text-align: left;
    font-weight: 300;
}

h1, h2, h3, h4 {
    font-family: 'Open Sans', sans-serif;
}

ol, ul {
    list-style: none;
}

img {
    /*max-width: 100%; */
    height: auto;
}

.main {
    background: url(../img/SBD_Homepage_latest.jpg);
    background-position: 50% 50%;
    background-size: cover;
    top: 0;
    left: 0;
    position: fixed;
    display: table;
    width: 100%;
    height: 100%;
    padding: 0;
}

.zero-padding {
    padding: 0;
}

h3 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
    color: #0068bc;
}
/* header lang css */
.main .lang {
    padding: 0 40px 0 40px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 500;
    background: 0 0;
    transition: background .8s;
    height: 40px;
}

    .main .lang.internal, .main .lang.page-scrolled {
        background: #0068bc;
    }

    .main .lang .logo {
        display: none;
    }

    .main .lang a {
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        padding: 10px 15px;
        color: #ccc;
        height: 40px;
    }

        .main .lang a.active, .main .lang a:hover {
            background: #0073d0;
            color: #fff;
        }

.lang {
    background: 0 0;
    transition: background .8s;
    height: 40px;
    margin-bottom: 30px;
}

    .lang.internal, .inner .lang.page-scrolled {
        background: #0068bc;
    }

    .lang .logo {
        display: none;
    }

    .lang a {
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        padding: 10px 15px;
        color: #ccc;
        height: 40px;
    }

        .lang a.active, .inner .lang a:hover {
            background: #0073d0;
            color: #fff;
        }


.lang-mob {
    padding: 0 40px 0 40px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 500;
    background: 0 0;
    transition: background .8s;
    height: 40px;
}

    .lang-mob.internal, .main .lang.page-scrolled {
        background: #0068bc;
    }

    .lang-mob .logo {
        display: none;
    }

    .lang-mob a {
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        padding: 10px 15px;
        color: #ccc;
        height: 40px;
    }

        .lang-mob a.active, .main .lang a:hover {
            background: #0073d0;
            color: #fff;
        }

.lang-mob {
    padding: 0 40px 0 40px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 500;
    background: 0 0;
    transition: background .8s;
    height: 40px;
}

    .lang-mob.internal, .inner .lang.page-scrolled {
        background-color: transparent;
    }

    .lang-mob .logo {
        display: none;
    }

    .lang-mob a {
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        padding: 10px 15px;
        color: #ccc;
        height: 40px;
    }

        .lang-mob a.active, .inner .lang a:hover {
            background: #0073d0;
            color: #fff;
        }


.main .intro {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

    .main .intro h1 {
        font-weight: 600;
        font-size: 40px;
        color: #fff;
        letter-spacing: .02em;
        max-width: 750px;
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
        transition: all .7s .45s cubic-bezier(.57,.16,.42,.75);
    }

    .main .intro h2 {
        color: #fff;
        font-weight: 100;
        line-height: 1.2em;
        max-width: 750px;
        font-size: 22px;
        display: block;
        margin: 0 auto;
        transition: all .7s .75s cubic-bezier(.57,.16,.42,.75);
    }

/* sidebar menu css */

.site-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 66px;
    background: #0068bc;
    height: 100%;
    z-index: 1000;
    /*overflow:auto;*/
}

    .site-menu .site-menu-internal {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .site-menu .menu-nav {
        background: #0068bc;
        height: 100%;
        left: 0;
        width: 66px;
        position: absolute;
        z-index: 1200;
        text-align: center;
        transition: all .4s cubic-bezier(.5,.1,.8,.5);
    }

        .site-menu .menu-nav a {
            text-decoration: none;
            font-size: 10px;
            display: block;
            padding: 10px 0;
            cursor: pointer;
            color: #fff;
        }

            .site-menu .menu-nav a.active {
                background: #fff;
                color: #0068bc;
            }

            .site-menu .menu-nav a:hover {
                background: #005aa3;
                color: #fff;
            }

            .site-menu .menu-nav a.active {
                background: #005aa3;
                color: #fff;
                border-right: 6px solid #7ecdc3;
            }

            .site-menu .menu-nav a span {
                display: block;
                font-size: 10px !important;
                padding-bottom: 3px;
            }

            .site-menu .menu-nav a .text {
                display: block;
                font-size: 10px !important;
                padding-bottom: 3px;
            }

            .site-menu .menu-nav a span span.notification {
                position: absolute;
                top: -14px;
                right: -7px;
                width: 20px;
                height: 20px;
                transition: all .4s cubic-bezier(.5,.1,.8,.5);
            }

                .site-menu .menu-nav a span span.notification.red {
                    -webkit-animation: notification 1.2s infinite;
                    animation: notification 1.2s infinite;
                }

            .site-menu .menu-nav a span.icon {
                width: 36px;
                height: 32px;
                margin: 0 auto 3px;
                position: relative;
            }

                .site-menu .menu-nav a span.icon svg path {
                    fill: #fff;
                }

            .site-menu .menu-nav a span span.notification.red svg polygon {
                fill: #A41D1A;
            }

            .site-menu .menu-nav a span span.notification svg, .site-menu .menu-nav a span span.notification svg polygon {
                transition: all .4s cubic-bezier(.5,.1,.8,.5);
            }

                .site-menu .menu-nav a span span.notification svg, .site-menu .menu-nav a span span.notification svg polygon {
                    transition: all .4s cubic-bezier(.5,.1,.8,.5);
                }

            .site-menu .menu-nav a span span.notification.red svg circle {
                fill: #fff;
            }

            .site-menu .menu-nav a span.icon.subscribe {
                width: 33px;
                height: 36px;
            }


    .site-menu .minilogo {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 65px;
        z-index: 1200;
        font-size: 12px;
        color: #fff;
        background: #0068bc;
        padding: 10px 0;
    }

        .site-menu .minilogo img {
            display: inline-block;
            padding-bottom: 3px;
        }

    .site-menu .dashboardlogo {
        text-align: center;
        width: 65px;
        font-size: 12px;
        color: #fff;
        background: #0068bc;
        padding: 26px 0 10px 0;
    }

        .site-menu .dashboardlogo img {
            display: inline-block;
            padding-bottom: 3px;
        }


    .site-menu .menu-content.active {
        left: 0px !important;
        transition: all .6s cubic-bezier(.25,.65,.45,1);
    }

    .site-menu .menu-content {
        position: relative;
        z-index: 1100;
        background-color: #fff;
        width: 440px;
        left: -440px;
        top: 0;
        height: 100%;
        transition: all .4s cubic-bezier(.5,.1,.8,.5);
        overflow: hidden;
    }

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.site-menu .menu-content .nano-content {
    outline: 0;
    padding: 30px 40px 35px 120px;
}

.nano > .nano-content:focus {
    outline: 0;
}

.nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.site-menu .menu-content .menu-block {
    color: #666;
    display: none;
    position: relative;
}

a:focus, a:hover, button:focus, button:hover {
    outline: 0;
    text-decoration: none;
}

.site-menu .menu-content .menu-block .menu-block-close {
    position: absolute;
    right: 0;
    top: 0;
    color: #0068bc;
    font-size: 24px;
    line-height: 1;
    border-width: 0;
    background: 0 0;
    padding: 0;
    margin: 0;
}

    .site-menu .menu-content .menu-block .menu-block-close:hover {
        color: #2e2e2e;
    }

.site-menu .menu-content .menu-block .menu-block-title {
    font-size: 18px;
    margin-top: 10px;
    color: #0068bc;
    font-weight: 700;
    padding-bottom: 20px;
}

.site-menu .menu-content .menu-block .menu-block-text {
    padding-bottom: 20px;
}

.site-menu .menu-content input {
    background: transparent;
    border-color: #666;
    margin-bottom: 10px;
    box-shadow: none;
    font-size: 16px;
    padding: 12px 20px;
    height: 30px;
}

.form-group label {
    font-weight: 400;
    font-size: 10px;
}

.form-group button.btnregister {
    color: #0068bc;
    background-color: transparent;
    border-color: #337ab7;
    padding: 6px 44px;
}

.form-group button.btnsearch {
    background-color: #0068bc;
    border-color: #0068bc;
    padding: 6px 12px;
    color: #fff;
    border-radius: 8px;
    text-transform: uppercase;
    position: relative;
    /*top: 50%;*/
    transform: translateY(23%);
}

    .form-group button.btnsearch .fa {
        display: none !important;
    }

.form-group button.btnlogin {
    background-color: #0068bc;
    border-color: #0068bc;
    padding: 6px 44px;
    color: #fff;
}

.menu-block a {
    font-size: 14px;
    color: #0068bc;
    text-decoration: none;
    text-align: right;
    line-height: 30px;
    width: 100%;
}

    .menu-block a:hover {
        font-size: 14px;
        color: #0068bc;
        text-decoration: underline;
        text-align: right;
        line-height: 30px;
    }

.form-group .button-area {
    margin-top: 40x;
}



/* content area sidebar */

.news-content {
    width: 100%;
    height: auto;
}

    .news-content label {
        display: block;
        height: auto;
        color: #666;
        font-size: 14px;
        margin-bottom: 20px;
        font-weight: 400;
        margin-left: 20px;
    }

.sidebar_filter {
    background: #fff;
    width: 100%;
}

    .sidebar_filter .controls a {
        color: #000;
        font-size: 14px;
        text-align: right;
        text-decoration: underline;
        cursor: pointer;
        line-height: 40px;
    }

    .sidebar_filter .controls .fa /* edited 7th july */ {
        color: #fff;
        width: 100%;
        position: absolute;
        right: 30px;
        top: 13px;
        text-align: right;
    }

.site-menu img {
    height: 25px;
}

.sidebar_filter .cd-filters, .sidebar_filter .controls {
    list-style: none;
    margin-bottom: 0;
    display: block;
    overflow: auto;
    padding: 45px;
    transition: all .3s cubic-bezier(.25,.65,.45,1);
}

    .sidebar_filter .controls button.control .fa {
        color: #0068bc;
    }

    .sidebar_filter .controls button.control:hover .fa {
        color: #fff;
    }

    .sidebar_filter .controls button.control.active .fa {
        color: #fff;
    }

    .sidebar_filter .controls button.control.active {
        background: #0068bc;
        color: #fff;
    }

    .sidebar_filter .controls button.control:hover {
        color: #fff;
        background: #0068bc;
    }

        .sidebar_filter .controls button.control:hover .fa {
            color: #fff;
        }


    .sidebar_filter .cd-filters button, .sidebar_filter .controls button {
        padding: 8px 40px;
        display: block;
        overflow: hidden;
        border-radius: 999rem;
        margin: 8px 0;
        text-align: left;
        font-size: 14px;
        background: #fff;
        border: 2px solid #0068bc;
        position: relative;
        color: #0068bc;
        font-weight: 600;
        transition: all .3s cubic-bezier(.25,.65,.45,1);
        width: 100%;
    }

        .sidebar_filter .cd-filters button.active:active, .sidebar_filter .cd-filters button.active:focus, .sidebar_filter .cd-filters button.active:focus:active, .sidebar_filter .cd-filters button.active:hover, .sidebar_filter .cd-filters button.fix-active:active, .sidebar_filter .cd-filters button.fix-active:focus, .sidebar_filter .cd-filters button.fix-active:focus:active, .sidebar_filter .cd-filters button.fix-active:hover, .sidebar_filter .cd-filters button.mixitup-control-active:active, .sidebar_filter .cd-filters button.mixitup-control-active:focus, .sidebar_filter .cd-filters button.mixitup-control-active:focus:active, .sidebar_filter .cd-filters button.mixitup-control-active:hover, .sidebar_filter .controls button.active:active, .sidebar_filter .controls button.active:focus, .sidebar_filter .controls button.active:focus:active, .sidebar_filter .controls button.active:hover, .sidebar_filter .controls button.fix-active:active, .sidebar_filter .controls button.fix-active:focus, .sidebar_filter .controls button.fix-active:focus:active, .sidebar_filter .controls button.fix-active:hover, .sidebar_filter .controls button.mixitup-control-active:active, .sidebar_filter .controls button.mixitup-control-active:focus, .sidebar_filter .controls button.mixitup-control-active:focus:active, .sidebar_filter .controls button.mixitup-control-active:hover {
            background: #0068bc;
            color: #fff;
            outline: 0;
        }

        .sidebar_filter .cd-filters button.active:before, .sidebar_filter .cd-filters button.fix-active:before, .sidebar_filter .cd-filters button.mixitup-control-active:before, .sidebar_filter .controls button.active:before, .sidebar_filter .controls button.fix-active:before, .sidebar_filter .controls button.mixitup-control-active:before {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        .sidebar_filter .cd-filters button:before, .sidebar_filter .controls button:before {
            content: '';
            text-align: right;
            width: 15px;
            height: 15px;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            right: 10px;
            top: 12px;
            transition: all .3s cubic-bezier(.25,.65,.45,1);
            opacity: 0;
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px);
            transform: translateX(-30px);
        }


    .sidebar_filter .cd-filters h3, .sidebar_filter .controls h3 {
        text-align: left;
        margin-bottom: 20px;
    }

        .sidebar_filter .cd-filters h3 span.icon, .sidebar_filter .controls h3 span.icon {
            width: 48px;
            height: 44px;
            display: inline-block;
            position: relative;
            top: 18px;
            left: -11px;
        }

            .sidebar_filter .cd-filters h3 span.icon svg, .sidebar_filter .controls h3 span.icon svg {
                width: 100%;
                height: 100%;
            }

        .sidebar_filter .cd-filters h3 span.title, .sidebar_filter .controls h3 span.title {
            color: #464646;
            font-weight: 100;
        }

        .sidebar_filter .cd-filters h3 span.icon svg path, .sidebar_filter .controls h3 span.icon svg path {
            fill: #464646;
        }

.sidebar_filter_right {
    float: right;
}

.general_news_left {
    float: left;
}


#myModal .modal-body button.control.active {
    background: #0068bc;
    color: #fff;
}

#myModalTopic .modal-body button.control.active {
    background: #0068bc;
    color: #fff;
}


/* content main area */

.general-news-item-body {
    background: #fff;
    border-radius: 0;
    margin-bottom: 20px;
    width: 100%;
}



fieldset.suggested-border {
    border-top: 1px solid #bdbdbd !important;
    border-left: 0px none transparent !important;
    border-right: 0px none transparent !important;
    border-bottom: 0px none transparent !important;
    padding: 0 0 0 0 !important;
    box-shadow: none !important;
}

legend.suggested-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto !important;
    padding-right: 10px;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #7a7c7d !important;
}

legend {
    border-bottom: 0;
}

.general-news-item-body div.general-news-item-wrapper {
    box-shadow: 0 0px 13px 0px rgba(0,0,0,0.1);
    transition: all .6s cubic-bezier(.25,.65,.45,1) !important;
    display: block;
    height: auto;
    cursor: pointer;
}

    .general-news-item-body div.general-news-item-wrapper:hover {
        box-shadow: 0 40px 65px 0 rgba(0,0,0,.25);
    }

.general-news-item-image {
    overflow: hidden;
    height: 140px;
}

    .general-news-item-image img {
        transition: all 1s ease-out;
        width: 100%;
    }

@media only screen and (max-width: 1297px) {
    .general-news-item-image img {
        height: 100%;
    }
}

.general-news-item-body div.general-news-item-wrapper:hover .general-news-item-image img {
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    transition: all .6s cubic-bezier(.25,.65,.45,1);
}

.general-news-item-copy.strategy {
    padding: 18px 24px;
    font-weight: 100;
    color: #313131;
    font-size: 18px;
}

    .general-news-item-copy.strategy h3 {
        font-size: 16px;
        font-weight: 600;
        color: #484848;
        /*word-break: break-all;*/
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 10px;
    }

    .general-news-item-copy.strategy .fa {
        font-size: 17px;
        margin-bottom: 15px;
        font-weight: 300;
        color: #0068bc;
        margin-left: 10px;
    }

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.general-news-item-copy.strategy p {
    line-height: 1.3;
    font-size: 15px;
    overflow: hidden;
    margin-bottom: 0;
    color: #000;
}

.general-news-item-body .button.strategy {
    transition: all .6s cubic-bezier(.25,.65,.45,1);
    margin-top: 16px;
}

    .general-news-item-body .button.strategy a {
        transition: all .6s cubic-bezier(.25,.65,.45,1);
        margin-top: 20px;
        color: #fff !important;
    }

        .general-news-item-body .button.strategy a:hover {
            transition: all .6s cubic-bezier(.25,.65,.45,1);
            margin-top: 20px;
            color: #fff !important;
        }

.findbtn {
    border: 1px solid #003f72;
    padding: 4px 30px;
    border-radius: 4px;
    cursor: pointer;
    color: #000;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
    background: #fff;
}

    .findbtn:hover {
        background-color: #003f72;
        color: #fff;
    }

.general-news-item-body a:hover .button.strategy {
    margin-right: 0;
}

.general-news-item-body .button.strategy span {
    display: inline-block;
    padding-left: 5px;
    width: 36px;
    transition: all .6s cubic-bezier(.25,.65,.45,1);
}

.general-news-item-body a:hover .button.strategy span {
    padding-left: 15px;
}

.general-news-item-body a .button.strategy span svg {
    width: 36px;
    position: relative;
    top: 11px;
    height: 36px;
}

.button.strategy span svg path {
    fill: #0068bc;
}

.general-news-item-body label {
    color: #003f72;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin-top: 15px;
}

.form-group .search-area {
    height: 50px;
    background: #fff;
    width: 100%;
    /*margin: 60px 0 50px 0;
    margin-top: 0;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);*/
    margin: 20px 0 22px 0;
    /* margin-top: 0; */
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);
    border: none;
    border-radius: 10px; /* edited 7th july */
    padding: 0 15px;
}

    .form-group .search-area input[type=search] {
        margin-top: 7px !important;
    }

form .form-group #search {
    border: none;
}

.form-control:focus {
    border-color: transparent;
    box-shadow: inherit;
}

.form-control {
    border-color: transparent;
    box-shadow: inherit;
}

.rpt-info {
    color: #fff;
    font-size: 9px;
    line-height: 13px;
    margin: -10px 10px 0 35px;
}

fieldset.suggested-border {
    margin-left: 52px;
}

.general-news-item {
    padding: 10px 22px 10px 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
}

    .general-news-item .fa {
        line-height: 35px;
    }

.home-content {
    padding: 0 0 0 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: inherit;
    margin-bottom: 30px;
    height: 792px;
}

    .home-content label {
        font-size: 14px;
        color: #0068bc;
        font-weight: 400;
    }

    .home-content .fa {
        font-size: 14px;
        color: #0068bc;
        line-height: 25px;
    }

    .home-content hr {
        margin-top: 10px;
        margin-bottom: 10px;
        border-top: 2px solid #eee;
    }

.bookmarked-right-section.home-content {
    height: 364px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
}

.news-area {
    padding: 0 0 0 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: inherit;
    margin-bottom: 30px;
    height: 350px;
}

.latest-event {
    padding: 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: inherit;
    margin-bottom: 30px;
    height: 250px;
}

.news-area label {
    line-height: 17px;
    margin: 0;
}

    .news-area label a {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        margin: 0;
    }

        .news-area label a:hover {
            color: #0068bc;
            font-size: 14px;
            font-weight: 600;
            margin: 0;
        }

.news-area p {
    color: #666;
    font-size: 10px;
    font-weight: 300;
    /*margin-top: 15px;*/
    line-height: 1.5em;
    text-align: left;
}

.news-area .category {
    color: #6bd1ff;
    font-size: 11px;
}

    .news-area .category a {
        color: #9ad8d0;
        font-size: 10px;
        text-decoration: none;
    }

.news-area .morebtn {
    color: #0068bc;
    font-size: 10px;
    cursor: pointer;
}

    .news-area .morebtn a {
        color: #0068bc;
        font-size: 11px;
        cursor: pointer;
    }

.news-area .moredetails {
    color: #fff;
    font-size: 9px;
    cursor: pointer;
    background: #0068bc;
    padding: 0px 10px;
    border: 0;
    border-radius: 4px;
    margin-top: 40px;
    height: 20px;
}

    .news-area .moredetails a {
        color: #fff;
        font-size: 10px;
        cursor: pointer;
        background: #0068bc;
        padding: 0px 10px;
        text-decoration: none;
        cursor: pointer;
        position: relative;
        top: -1.5px;
    }

.news-area hr {
    margin: 20px 0;
    border-top: 2px solid #eee;
}

.news-area .date {
    width: 100%;
    height: auto;
    /*position: absolute;
    left: 0;*/
    transform: translateY(110%);
}

    .news-area .date h1 {
        font-size: 21px;
        font-weight: 900;
        text-align: center;
        margin: 0;
        color: #4a4a4a;
        margin-bottom: 2px;
    }

    .news-area .date h3 {
        font-size: 13px;
        font-weight: 400;
        text-align: center;
        margin: 0;
        color: #4a4a4a;
    }

.news-area .event {
    width: 100%;
    height: auto;
}

    .news-area .event label {
        font-size: 10px;
        font-weight: 400;
        color: #bfbfbf;
        margin-bottom: 10px;
        width: 100%;
    }

    .news-area .event h1 {
        font-size: 24px;
        font-weight: 600;
        color: #0068bc;
        margin-bottom: 20px;
        width: 100%;
        margin: 0;
    }

#latest-event {
    height: 222px;
}

.news-area .event h4 {
    color: #9ad8d0;
    font-size: 10px;
    line-height: 25px;
}

.general-news-item h1 {
    margin-bottom: 10px;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0;
}

    .general-news-item h1 img {
        margin-left: 10px;
        position: absolute;
        height: 16px;
        transform: translateY(0%);
    }

.account-content {
    height: 456px;
    width: 101%;
}

.account-content-inner {
    padding-top: 30px;
    padding-bottom: 30px;
}

.account-title {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0;
}

.account-content .account-title label {
    color: #6bd1ff;
    font-size: 11px;
    font-weight: 400;
    margin-right: 22px;
}

    .account-content .account-title label a {
        color: #003f72;
        font-size: 16px;
        text-decoration: none;
    }

.account-content h1 {
    font-size: 25px;
    font-weight: 600;
    color: #003f72;
    overflow: hidden;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.account-content .tip {
    background: #666;
    width: 45px;
    height: 1px;
    margin-bottom: 20px;
}

.account-content p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    text-align: left;
    line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
    .account-content p {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .account-content p {
        font-size: 11px;
    }
}

@media only screen and (max-width: 1226px) {
    .pdf-file {
        /*max-width: 100% !important;
        margin-top: 10px;*/
        margin-top: 10px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 103% !important;
        max-width: 125% !important;
    }
}

@media only screen and (max-width: 1226px) {
    .pdf-file1 {
        margin-left: 0px !important;
    }
}

.pdf-file1 {
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {
    .connected {
        /*max-width: 100% !important;*/

        max-width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 1226px) {
    .image1 {
        /* max-width: 30% !important;*/
        max-width: 30% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 1226px) {
    .description-card {
        max-width: 70% !important;
    }
}

@media only screen and (max-width: 767px) {
    .description-card {
        /*max-width: 100% !important;
        margin-top: 10px;*/

        max-width: 100% !important;
        margin-top: 10px;
        padding-left: 0px !important;
        padding-right: 7px !important;
        margin-left: -4px !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 567px) {
    .EditionReport {
        width: 208% !important;
    }
}

@media only screen and (max-width: 767px) {
    .image1 {
        /* max-width: 100% !important; */
        max-width: 100% !important;
        padding-right: 7px !important;
    }
}

@media (min-width: 768px) {
    .image1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 425px) {
    .account-content p {
        font-size: 12px;
    }

    .description {
        margin-top: 10px;
    }
}



@media only screen and (max-width: 1065px) {
    .account-content p {
        font-size: 13px;
    }
}

.account-content-form {
    /*height: 300px;*/
    padding: 10px;
    /* float: left; */
    /* padding-top: 50px;
}

    .account-content-form .br {
        border-right: 3px solid #0068bc;
    }

    .bottomSection.form-file-footer {
        height: 60px;
        padding: 10px 0 20px;
        box-sizing: border-box;
    }


.file-section-content{
    position:relative;
    min-height: 100%;
    min-height:calc(100% - 128px);
    box-sizing: border-box;
    border-top:1px solid #fff;
    margin-top:10px;
    padding:62% 0;
}

.nolicense {
    background: #4a4a4a !important;
}

.account-content .unavailable p {
    color: #f1ecec;
    font-size: 10px;
    padding: 0px 10px 0px 17px;
    letter-spacing: 0.3px;
}

.account-content-form h1 {
    text-align: left;
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    margin: 10px 0 7px 0;
    word-break: break-all;
    font-family: inherit;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding-top: 5px;
    padding-left: 0px;
    font-weight: normal;
    letter-spacing: 0.5px;
}

    .account-content-form h1 img {
        float: left;
        padding: 0px 4px 0px 5px;
        position: relative;
        bottom: 0px;
    }

.account-content-form form label {
    color: black;
    font-size: 10px;
    font-weight: 200;
    line-height: 6px;
}

.account-content-form form .form-control {
    height: 16px !important;
    padding: 0px 0px;
    font-size: 10px;
    border: none;
    box-shadow: inherit;
    font-size: 8px;
    font-weight: 600;
    border-radius: 0;
    /*background-color: #cacaca;*/
}



    .account-content-form form .button-area {
        height: 53px;
        width: 53px;
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 4px;
        margin-top: 15px;
        background: transparent;
    }

.productfiles-scroll-area {
    /*height:auto;*/
    height: 135px; /*128px;*/
    overflow: hidden;
}

.account-content-form form .button-area2 {
    height: 45px;
    width: 100%;
    /* border: 1px solid #fff; */
    padding: 3.5px;
    margin-top: 104px;
    margin-bottom: 20px;
    background: transparent;
    /*margin-left: -15px;*/
}

.account-content-form form .button-area button {
    height: 43px;
    width: 43px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
    background: #fff;
}

.account-content-form form .button-area2 button {
    height: 35px;
    width: 100%;
    border: 1px solid #fff;
    padding: 5px;
    background: transparent;
    font-size: 11px;
}

    .account-content-form form .button-area2 button i {
        margin-right: 9px;
    }

.account-content-form form .button-area button a {
    color: #0068bc;
    text-align: center;
    text-decoration: none;
}

.account-content-form .form-group {
    margin-bottom: 0px !important;
}



.account-content-form .bookmark-text {
    text-align: left;
    color: black;
    font-size: 10px;
    /* position: absolute;
    left: 92.65%;
    transform: translate(-50%, -50%);
    bottom: 4.4%;
    width: 125px;*/
}

.account-content-form .email-report {
    text-align: left;
    color: black;
    font-size: 10px;
    /*position: absolute;
    left: 92.65%;
    transform: translate(-50%, -50%);
    bottom: 0;
    width: 125px;*/
}

.account-content-form .email-reports {
    text-align: left;
    color: #fff;
    font-size: 10px;
    /*position: absolute;
    left: 92.65%;
    transform: translate(-50%, -50%);
    bottom: 10%;
    width: 125px;*/
}

    .account-content-form .email-reports img {
        margin-right: 0px;
        font-size: 12px;
        vertical-align: middle;
        line-height: 24px;
        transform: translateX(-23%);
        opacity: 1;
        width: 16px;
        height: 16px;
    }

.account-content-form .bookmark-text .fa {
    margin-right: 7px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 24px;
    transform: translateX(-23%);
}

.account-content-form .email-report .fa {
    margin-right: 4px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 24px;
    transform: translateX(-23%);
}

.account-content-img /* edited 7th july */ {
    height: 100%;
    float: left;
    overflow: hidden;
}

    .account-content-img img /* edited 7th july */ {
        width: auto;
        height: 100%;
        max-width: initial;
    }


.account-content-form .form-group a {
    float: left;
    margin: 2px 1px 0 5px;
    padding: 0px 3px;
}

    .account-content-form .form-group a img {
        height: 20px;
        width: 20px;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        cursor: pointer;
    }

    .account-content-form .form-group a:hover {
        float: left;
        margin: 2px 1px 0 5px;
        background: rgba(0,0,0,0.3);
        padding: 0px 3px;
        /*border-radius: 4px;*/
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
    }

    .account-content-form .form-group a.active {
        float: left;
        margin: 2px 1px 0 5px;
        background: rgba(0,0,0,0.3);
        padding: 0px 3px;
        /*border-radius: 4px;*/
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
    }

        .account-content-form .form-group a.active .img_icon-last img {
            display: block;
        }


.account-content-img .selection {
    position: absolute;
    top: 20px;
    left: 36px;
    background-color: transparent;
    border: 1px solid #fff;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.account-content-text {
    padding: 25px 4px;
}


.account-tag {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

    .account-tag a {
        color: #666;
        font-weight: 400;
        font-size: 13px;
        text-decoration: none;
        margin-left: 26px;
    }

        .account-tag a:hover {
            color: #666;
        }

.report-back-button {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    margin-top: 25px;
}

    .report-back-button a {
        border: 2px solid #0068bc;
        display: inline-block;
        padding: 2px 15px;
        border-radius: 5px;
        color: #0068bc;
        font-weight: 600;
        font-size: 13px;
        text-decoration: none;
        margin-left: 15px;
    }


.news-area .left-padding {
    padding-right: 0;
}

.related-products {
    padding: 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: inherit;
    overflow: hidden;
    padding-top: 0;
    height: 395px;
}

.related-products-thumbnail {
    max-height: 80px;
    overflow: hidden;
}

/*.related-products img {
        height: 70px;
        width: 100px;
    }*/

.related-products .separator {
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.related-products label {
    margin: 0;
    margin-bottom: 10px;
    line-height: 10px;
}

    .related-products label a {
        color: #484848;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
    }

        .related-products label a:hover {
            color: #0068bc;
            font-size: 13px;
            font-weight: 600;
            margin: 0;
            line-height: 18px;
        }

.related-products p {
    font-size: 10px;
    font-weight: 400;
    color: #666;
    text-align: left;
    line-height: 16px;
    margin: 0;
}

.related-products .box {
    width: 100%;
    margin: 15px 0;
}

.account-margin {
    margin-top: 0;
}


.account-area {
    padding: 6px 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
}

    .account-area h1 {
        margin-bottom: 10px;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        margin: 10px 0;
    }

        .account-area h1 img {
            margin-left: 10px;
            height: 16px;
            transform: translateY(0%);
        }


            .account-area h1 img.gap {
                margin-left: 0;
                margin-right: 20px;
            }


        .account-area h1 .fa {
            margin-right: 20px;
        }

.home-account-content {
    padding: 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: inherit;
    margin-bottom: 30px;
    height: auto;
    overflow: hidden;
}

    .home-account-content .form-control {
        background-color: transparent !important;
        border: 1px solid #cdcdcd !important;
        border-radius: 4px !important;
        height: 26px !important;
        font-size: 12px;
        color: #8e8e8e;
    }

    .home-account-content .form-group label {
        color: #bfbfbf !important;
        font-size: 11px !important;
        vertical-align: middle;
        margin-right: 0 !important;
    }

    .home-account-content .form-group {
        margin-bottom: 6px !important;
        margin-bottom: 6px !important;
    }

    .home-account-content .form-control input::content {
        font-size: 12px;
    }

    .home-account-content .form-group .savebtn {
        background-color: transparent;
        border: 1px solid #cdcdcd;
        padding: 2px 9px;
        border-radius: 5px;
        font-size: 10px;
        color: #bfbfbf;
        margin-top: 15px;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        cursor: pointer;
    }

        .home-account-content .form-group .savebtn.active {
            padding: 2px 9px;
            color: #fff;
            background-color: #0068bc;
            color: #fff;
            border: 1px solid #0068bc;
            transition: all ease 0.5s;
            -webkit-transition: all ease 0.5s;
            -moz-transition: all ease 0.5s;
        }

        .home-account-content .form-group .savebtn:hover {
            padding: 2px 9px;
            color: #fff;
            background-color: #0068bc;
            color: #fff;
            border: 1px solid #0068bc;
            transition: all ease 0.5s;
            -webkit-transition: all ease 0.5s;
            -moz-transition: all ease 0.5s;
        }

    .home-account-content form .form-group .character-checkbox {
        width: 20px;
        height: 20px;
        cursor: pointer;
        border-radius: 3px;
        border: 1px solid #ccc;
        display: inline-block;
        background-color: transparent !important;
    }

    .home-account-content form .form-group span.label {
        color: #484848 !important;
        font-size: 11px !important;
        line-height: 1.5em;
    }

    .home-account-content form .form-group .character-checkbox.show:before {
        content: '\e013';
        color: #0068bc;
        font-size: 12px;
        margin: 1px 0 0 3px;
        position: absolute;
        pointer-events: none;
        font-family: 'Glyphicons Halflings';
        top: -2px;
    }

    .home-account-content form .form-group p {
        color: #666;
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 25px;
        line-height: 15px;
        padding: 0 7px;
        text-align: left;
    }

.checkbox-margin {
    margin-bottom: 20px;
}

.home-account-content .reportbtn {
    background-color: #0068bc;
    padding: 5px 9px;
    border-radius: 5px;
    font-size: 10px;
    color: #fff;
    margin-top: 15px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    float: left;
}

.home-account-content .tagbtn {
    background-color: transparent;
    border: 1px solid #cdcdcd;
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 10px;
    width: 70px;
    color: #bfbfbf;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    float: left;
    margin-bottom: 6px;
    margin-right: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .home-account-content .tagbtn:hover {
        background-color: #0068bc;
        border: 1px solid #0068bc;
        padding: 5px 5px;
        color: #fff;
        width: 70px;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        box-shadow: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .home-account-content .tagbtn.active {
        background-color: #0068bc;
        border: 1px solid #0068bc;
        padding: 5px 5px;
        color: #fff;
        width: 70px;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        box-shadow: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.modalButtonStyle .tagbtn {
    background-color: transparent;
    border: 1px solid #cdcdcd;
    padding: 5px 5px;
    width: 70px;
    border-radius: 5px;
    font-size: 10px;
    color: #bfbfbf;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    float: left;
    margin-bottom: 6px;
    margin-right: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .modalButtonStyle .tagbtn:hover {
        background-color: #0068bc;
        border: 1px solid #0068bc;
        padding: 5px 5px;
        width: 70px;
        color: #fff;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        box-shadow: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .modalButtonStyle .tagbtn.active {
        background-color: #0068bc;
        border: 1px solid #0068bc;
        padding: 5px 5px;
        width: 70px;
        color: #fff;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        box-shadow: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.support-form #SupportClose {
    text-align: right;
    /*position: relative;
    left: 13px;*/
}

.home-account-content .showme {
    font-size: 10px;
    color: #6bd1ff;
    float: left;
    position: absolute;
    top: 0;
    top: 16px;
    border-bottom: 1px solid #0068bc;
}


/*.email-notification-height {
    height: 527px;
}*/

.calender-area {
    padding: 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: inherit;
    margin-bottom: 30px;
}

.news-area .event h3 {
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #0068bc;
    margin-bottom: 20px;
    width: 100%;
    margin: 0;
}

.news-area #calender {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    transform: translateY(45%) !important;
}

.calender-content {
    background-color: #fff;
    width: 100%;
    height: 383px;
    border: 1px solid #c7c7c7;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.calenderActionButtons {
    position: absolute;
    bottom: 50px;
}

.calender-content img {
    /*width: 100%;*/
    height: auto;
}

.calender-content-text {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 20px 20px 50px 20px;
}

    .calender-content-text h1 {
        font-size: 1.3em;
        font-weight: 600;
        color: #484848;
        line-height: 1.3em;
        margin: 0;
    }

    .calender-content-text h3 {
        font-size: 14px;
        font-weight: 400;
        color: #666;
        line-height: 1.3em;
        margin: 0;
        margin: 15px 0;
    }

    .calender-content-text .link {
        width: 100%;
        /*margin: 20px 0;*/
    }

        .calender-content-text .link a {
            font-size: 12px;
            font-weight: 600;
            color: #0068bc;
            text-decoration: none;
        }

            .calender-content-text .link a:hover {
                font-size: 12px;
                font-weight: 600;
                color: #0068bc;
            }

    .calender-content-text p {
        margin: 10px 0;
    }

        .calender-content-text p span {
            font-size: 12px;
            font-weight: 400;
            color: #666;
            line-height: 1.7em;
            display: block;
        }

    .calender-content-text .meetupbtn {
        background-color: #0068bc;
        padding: 5px 9px;
        border-radius: 5px;
        font-size: 10px;
        color: #fff;
        float: left;
        margin-right: 10px;
        width: 100px;
    }

    .calender-content-text .blnkbtn /* edited 7th july */ {
        background-color: transparent;
        border: 1px solid #0068bc;
        padding: 5px 9px;
        border-radius: 5px;
        font-size: 10px;
        color: #0068bc;
        float: left;
        margin-right: 10px;
        width: 100px;
        transition: all ease 0.5s;
        position: relative;
        top: 24px;
    }

.calender-sec {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.event-wrapper /* edited 7th july */ {
    padding: 20px;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: inherit;
    margin-bottom: 30px;
    overflow: hidden;
    height: 809px !important;
}

    .event-wrapper #calender {
        width: 100%;
        height: auto;
        margin: 20px 0;
    }

    .event-wrapper .date h1 {
        font-size: 25px;
        font-weight: 900;
        text-align: center;
        margin: 0;
        color: #4a4a4a;
        margin-bottom: 2px;
    }

    .event-wrapper .date h3 {
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        margin: 0;
        color: #4a4a4a;
    }

    .event-wrapper .date h4 {
        font-weight: 700;
    }

    .event-wrapper .event {
        width: 100%;
        height: auto;
    }

        .event-wrapper .event label {
            font-size: 10px;
            font-weight: 400;
            color: #bfbfbf;
            margin-bottom: 5px;
            width: 100%;
        }

        .event-wrapper .event h3 {
            font-size: 14px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            color: #0068bc;
            margin-bottom: 20px;
            width: 100%;
            margin: 0;
        }

        .event-wrapper .event h4 {
            color: #9fdad2;
            font-size: 8px;
            line-height: 12px;
        }

    .event-wrapper .calender-title {
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        color: #484848;
        margin: 15px 0;
        font-weight: 500;
    }

    .event-wrapper .title-line {
        background-color: #484848;
        height: 1px;
        width: 35px;
        float: left;
        margin: 26px 0;
    }

    .event-wrapper .event h4 .hidden {
        visibility: hidden;
    }

    .event-wrapper .event-area {
        height: auto;
        padding: 2px 10px;
        cursor: pointer;
        border: 1px solid #fff;
    }

        .event-wrapper .event-area:hover {
            height: auto;
            padding: 2px 10px;
            border: 1px solid #0068bc;
        }

        .event-wrapper .event-area.active {
            height: auto;
            padding: 2px 10px;
            border: 1px solid #0068bc;
        }

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

.txt-overflow-wrapBody {
    min-height: 63px;
}

    /*.txt-overflow-wrapBody > div {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        word-wrap: break-word;
    }*/

    /*.txt-overflow-wrapBody > div > p {
            display: inline;
        }*/

    .txt-overflow-wrapBody > div > h3 {
        display: inline;
    }

.block-with-text {
    overflow: hidden;
    position: absolute;
    line-height: 1.4em;
    max-height: 2.9em;
    margin-right: -1em;
    padding-right: 1em;
}

    .block-with-text:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 0;
        bottom: 0px;
    }

    .block-with-text:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }





.block-with-text-relatedproduct {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    max-height: 2.5em;
    margin-right: -3em;
    padding-right: 1em;
}

    .block-with-text-relatedproduct:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 4px;
        bottom: 7px;
    }

    .block-with-text-relatedproduct:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }








.block-with-text-bookmarkText-home {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    max-height: 3em;
    margin-right: -3em;
    padding-right: 1em;
}

    .block-with-text-bookmarkText-home:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 4px;
        bottom: 0;
    }

    .block-with-text-bookmarkText-home:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }





.block-with-text-calendar-link {
    overflow: hidden;
    position: relative;
    line-height: 1em;
    max-height: 2.3em;
    margin-right: -3em;
    padding-right: 1em;
    height: auto;
    display: inline-block;
    word-break: break-all;
}

    .block-with-text-calendar-link:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 0;
        bottom: 4px;
    }

    .block-with-text-calendar-link:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }





.block-with-text-newsfeed-title {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    max-height: 2.5em;
    margin-right: -3em;
    padding-right: 1em;
}

    .block-with-text-newsfeed-title:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 0;
        bottom: 4px;
    }

    .block-with-text-newsfeed-title:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }








.block-with-text-newsfeed {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    max-height: 4.5em;
    margin-right: -3em;
    padding-right: 1em;
}

.block-with-text-justforyou {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    /*max-height: 4.5em;*/
    margin-right: -3em;
    padding-right: 1em;
}

.block-with-text-newsfeed:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 11px;
    bottom: 0;
}

.block-with-text-newsfeed:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
}


.block-with-text-latestevent {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.4em;
    margin-right: -1em;
    padding-right: 1em;
}

    .block-with-text-latestevent:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 11px;
        bottom: 0;
    }

    .block-with-text-latestevent:after {
        content: '';
        position: absolute;
        right: 6px;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }




.block-with-text-tagBtnText {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    max-height: 4.5em;
    margin-right: -3em;
    padding-right: 1em;
}
    /*.block-with-text-tagBtnText:before {
  content: '...';
  position: absolute;
  right: 11px;
    bottom: 0;
}*/
    .block-with-text-tagBtnText:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
    }









.block-with-text-calenderTitle {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 5em;
    margin-right: -1em;
    padding-right: 1em;
}

    .block-with-text-calenderTitle:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 11px;
        bottom: -3px;
    }

    .block-with-text-calenderTitle:after {
        content: '';
        position: absolute;
        right: 9px;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }




.block-with-text-calendermainTitle {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.7em;
    margin-right: -1em;
    padding-right: 1em;
}

    .block-with-text-calendermainTitle:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 11px;
        bottom: 0;
    }

    .block-with-text-calendermainTitle:after {
        content: '';
        position: absolute;
        right: 8px;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }

.report-detail-para-limit {
    height: 100% !important;
}

/*.report-detail-para-limit{
    max-height: 150px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.report-detail-para-limit::-webkit-scrollbar {
    width: 0.3em;
}
.report-detail-para-limit::-webkit-scrollbar-track {
  //  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.report-detail-para-limit::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  margin-left:5px;
}*/


.block-with-text-detail-Heading {
    overflow: hidden;
    position: relative;
    line-height: 1.3em !important;
    max-height: 2em;
    padding-right: 1em;
}

.block-with-text-detail {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    max-height: 5.3em;
    padding-right: 1em;
}

    .block-with-text-detail:before, .block-with-text-detail-Heading:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 0;
        bottom: 0px;
    }

    .block-with-text-detail:after, .block-with-text-detail-Heading:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }









#nav-icon-mob {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 8px 6px 0px 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    #nav-icon-mob span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #nav-icon-mob span:nth-child(1) {
            top: 3px;
        }

        #nav-icon-mob span:nth-child(2) {
            top: 11px;
        }

        #nav-icon-mob span:nth-child(3) {
            top: 19px;
        }

    #nav-icon-mob.open span:nth-child(1) {
        top: 12px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #nav-icon-mob.open span:nth-child(2) {
        opacity: 0;
        right: -60px;
    }

    #nav-icon-mob.open span:nth-child(3) {
        top: 12px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

.mobile-heder {
    display: none;
}

.prospective-3d {
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
/*
.flipped {
    -webkit-transform: translateX( 0% ) rotateY( 15deg ) !important;
    -moz-transform: translateX( 0% ) rotateY( 15deg ) !important;
    -o-transform: translateX( 0% ) rotateY( 15deg ) !important;
    transform: translateX( 0% ) rotateY( 15deg ) !important;
}*/

.site-menu-flipped {
    /*transform: translateX( 0% ) !important;*/
    right: 0;
}

.btn-filter-shortcut {
    position: absolute;
    top: 100px;
    right: 15px;
    background-color: #0068bc;
    border: 0px;
    border-radius: 0 0 10px 10px;
    padding: 0 10px;
    width: 50px;
    height: 30px;
    z-index: 100;
    font-size: 20px;
    display: none;
}

.pagination > li > a, .pagination > li > span {
    border-radius: 50% !important;
    margin: 0 5px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}


.scroll-wrapper-3 {
    width: 231.64px;
    height: auto;
}

.scroll-wrapper-calendar-3 {
    width: 271.64px;
    height: auto;
    display: block;
}

.scroll-wrapper-child {
    width: 88%;
    height: auto;
}

.scroll-wrapper-6 {
    width: 422.45px;
    height: auto;
}

.calender-content-text .blnkbtn:hover {
    background-color: #0068bc;
    border: 1px solid #0068bc;
    padding: 5px 9px;
    color: #fff;
    transition: all ease 0.5s;
}

.lang select {
    background: #005aa2;
    border: none;
    padding: 10px 20px;
    color: #fff;
    font-size: 12px;
    float: right;
    margin-right: 30px;
}

.lang ul {
    margin: 0;
    padding: 0;
}

    .lang ul li {
        display: inline;
        margin-right: 5px !important;
    }


        .lang ul li a {
            font-size: 10px;
            color: #0068bc;
            text-decoration: none;
            background-color: #fff;
            padding: 2px 10px;
            border: 1px solid #0068bc;
            height: inherit;
            transition: all ease 0.5s;
            -moz-transition: all ease 0.5s;
            -webkit-transition: all ease 0.5s;
            -o-transition: all ease 0.5s;
        }

            .lang ul li a:hover {
                font-size: 10px;
                color: #fff;
                padding: 2px 10px;
                background-color: #0073d0;
                transition: all ease 0.5s;
                -moz-transition: all ease 0.5s;
                -webkit-transition: all ease 0.5s;
                -o-transition: all ease 0.5s;
            }

            .lang ul li a.active {
                font-size: 10px;
                color: #fff;
                /*padding:2px 5px;*/
                background-color: #0073d0;
            }

.dropdown-menu {
    left: auto;
    right: 24px;
    min-width: 0px;
    border: none;
    box-shadow: none;
}

    .dropdown-menu li a {
        padding: 5px 15px !important;
    }


.lang select:focus {
    border-color: transparent;
}

.main .lang-mob {
    display: none;
}

.mob-lang select {
    background: #005aa2;
    border: none;
    padding: 10px 20px;
    color: #fff;
    font-size: 12px;
}

    .mob-lang select:focus {
        border-color: transparent;
    }

.main .mob-lang {
    display: none;
}

.pagination {
    margin: 0 10px 0 0;
}

.calender-area-flex {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    height: 100%;
}

.calender-area-flex-img {
    -webkit-order: 0;
    order: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-align-self: auto;
    align-self: auto;
    background-size: 50%;
    background: transparent url('../../Content/img/SBD_Homepage_latest.jpg') scroll no-repeat 0px 0px;
    margin-right: 15px;
}


.news-content-inner {
    width: 97% !important;
    margin-top: 15px !important;
    padding-right: 20px;
}

/* sroll over write css */
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0 !important;
}

.mCSB_scrollTools a.mCSB_buttonUp {
    display: none !important;
}

.mCSB_scrollTools a.mCSB_buttonDown {
    display: none !important;
}

.mCSB_scrollTools {
    width: 9px !important;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    visibility: hidden !important;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0 !important;
}

.mCSB_container_wrapper {
    margin-right: 3px !important;
    margin-left: 5px !important;
    margin-bottom: 0;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 0;
        width: 100% !important;
    }


#loading-bar .bar {
    background: #fff !important;
    height: 8px !important;
}

#loading-bar .peg {
    position: inherit;
    width: inherit;
    right: 0;
    top: 0;
    height: inherit;
    opacity: 0;
    /*-moz-box-shadow: #29d 1px 0 6px 1px;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;*/
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

#loading-bar-spinner .spinner-icon {
    width: 14px;
    height: 14px;
    border: inherit;
    border-top-color: #0068bc;
    border-left-color: #0068bc;
    border-radius: 50%;
    -webkit-animation: loading-bar-spinner 400ms linear infinite;
    -moz-animation: loading-bar-spinner 400ms linear infinite;
    -ms-animation: loading-bar-spinner 400ms linear infinite;
    -o-animation: loading-bar-spinner 400ms linear infinite;
    animation: loading-bar-spinner 400ms linear infinite;
}





.home-content-inner {
    width: 97% !important;
    margin-top: 15px !important;
}

.form-group button.btnsearch-mob {
    display: none;
}




/* 1 aug css start */

.bg-danger, .bg-info {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    padding: 10px 40px !important;
}

.tab-content-error {
    padding: 20px 40px 50px 40px !important;
}

.top-header {
    width: 100%;
    height: auto;
    background: #0068bc;
    padding: 20px 0;
}

.login_box {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    background: #fff;
    box-shadow: 1px 4px 22px -8px #0004;
    display: flex;
    overflow: hidden;
}

    .login_box .left {
        width: 60%;
        height: 100%;
        padding: 25px 25px;
    }

    .login_box .right {
        width: 40%;
        height: 100%
    }

.left .top_link a {
    color: #452A5A;
    font-weight: 400;
}

.left .top_link {
    height: 20px
}

.left .contact {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    height: 100%;
    width: 73%;
    margin: auto;
}

.left h3 {
    text-align: center;
    margin-bottom: 40px;
}


.left {
    background-image: url(https://static.wixstatic.com/media/95dc86_ff87afd17bf54d5a9d0bcbdd07237ee9~mv2.png/v1/fill/w_1663,h_650,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/SBD-Background.png);
    background-size: cover;
    position: relative;
}

.submit {
    border: none;
    padding: 15px 70px;
    border-radius: 8px;
    display: block;
    margin: auto;
    margin-top: 120px;
    background: #583672;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
    -moz-box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
    box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
}



.right {
    background: url('../../Content/img/report-data.jpg');
    color: #fff;
    position: relative;
    background-size: cover;
}

@media only screen and (max-width: 1024px) {
    .right {
        display: none;
    }

    .login_box .left {
        width: 100%;
    }
}




.right .right-inductor {
    position: absolute;
    width: 70px;
    height: 7px;
    background: #fff0;
    left: 50%;
    bottom: 70px;
    transform: translate(-50%, 0%);
}

.top_link img {
    width: 120px;
}

.footer-content1 span {
    margin: 0 10px;
}

.footer-content1 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 12px;
    padding: 4px 0;
    box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 3840px) {
    #copyRight {
        display: inline;
    }
}

.lang {
    background: 0 0;
    transition: background .8s;
    height: 40px;
    margin-bottom: 30px;
}

    .lang ul {
        margin: 0;
        padding: 0;
    }

.footer-content span {
    margin: 0 10px;
}

.register {
    height: 485px;
    overflow-y: scroll;
}



    .register::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: rgba(0,0,0,.4);
    }

    .register::-webkit-scrollbar {
        width: 8px;
        background-color: rgba(0,0,0,.4);
    }

    .register::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: rgba(255,255,255,.75);
    }


.form-area-login-reg {
    margin: auto;
    overflow: hidden;
    background-color: #fff;
    height: 100%;
    border-radius: 4px;
    box-shadow: 1px 1.732px 10px 0px rgba(0, 0, 0, 0.063);
}


@media screen and (min-width: 425px) {

    .form-area-login-reg {
        height: 550px;
    }

    .left .contact {
        width: 100% !important;
    }

    .top_link img {
    }
}

@media screen and (min-width: 768px) {
    .form-area-login-reg {
        height: 550px;
    }

    .left .contact {
        width: 440px;
    }
}

@media screen and (min-width: 320px) {
    .top_link img {
        margin-top: -5px;
        width: 160px;
    }
    .form-area-login-reg {
        height: 550px;
        width: 59% !important;
    }
}

@media screen and (min-width: 375px) {
    .form-area-login-reg {
    }

    .left .contact {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .ng-binding {
        font-size: 14px !important;
    }

    .form-area-login-reg {
        height: 450px !important;
        width: 80% !important;
        padding-bottom: 20px;
        margin: auto;
    }

        .form-area-login-reg .nav-tabs > li > a {
            padding: 12.5px 15px !important;
        }

    .top_link img {
        margin-top: -10px;
        width: 75px;
    }

    .form-area-login-reg .form-group .checkbox {
        width: 180px !important;
    }

    .form-area-login-reg .text-area h2 {
        font-size: 19px !important;
    }

    .form-area-login-reg .text-area p {
        font-size: 12px !important;
    }

    .form-area-login-reg .input-group .form-control {
        height: 35px !important;
    }

    .form-area-login-reg .text-area label {
        margin-top: 0px !important;
    }

    .form-area-login-reg .form-horizontal .form-group .login-button {
        padding: 5px 17px;
    }

    .form-group {
        margin-bottom: 12px !important;
    }



    .left .contact {
        width: 100%;
    }

    .left .top_link {
        height: 25px;
    }

    .account-content p {
        font-size: 7px;
    }
    .mobile-lang-loginregister {
        display: block !important;
        transform: translateY(54%) !important;
    }
}

@media only screen and (max-width: 768px) {
    .ng-binding {
        font-size: 13px !important;
    }

    .form-area-login-reg {
        height: 440px !important;
        width: 80% !important;
        padding-bottom: 20px;
        margin: auto;
    }

        .form-area-login-reg .nav-tabs > li > a {
            padding: 11.5px 15px !important;
        }

    .top_link img {
        margin-top: -10px;
        width: 75px;
    }

    .form-area-login-reg .form-group .checkbox {
        width: 130px !important;
    }

    .form-area-login-reg .text-area h2 {
        font-size: 20px !important;
    }

    .form-area-login-reg .text-area p {
        font-size: 11px !important;
    }

    .form-area-login-reg .text-area {
        margin-bottom: 15px !important;
    }

    .form-group {
        margin-bottom: 10px !important;
    }

    .input-group {
        height: 30px !important;
    }

    .form-area-login-reg .input-group .form-control {
        height: 35px !important;
    }

    .form-area-login-reg .text-area label {
        margin-top: 0px !important;
    }

    span.ng-binding {
        font-size: 9px !important;
    }

    .form-control {
        font-size: 13px !important;
    }

    .left .contact {
        width: 100%;
    }

    .left .top_link {
        height: 25px;
    }

    .account-content p {
        font-size: 7px;
    }
    .mobile-lang-loginregister {
        display: block !important;
        transform: translateY(54%) !important;
    }
}

@media only screen and (max-width: 425px) {
    .ng-binding {
        font-size: 13px !important;
    }

    .form-area-login-reg {
        height: 440px !important;
        width: 100% !important;
        padding-bottom: 20px;
        margin: auto;
    }

        .form-area-login-reg .nav-tabs > li > a {
            padding: 11.5px 15px !important;
        }

    .top_link img {
        margin-top: -10px;
        width: 75px;
    }

    .form-area-login-reg .form-group .checkbox {
        width: 130px !important;
    }

    .form-area-login-reg .text-area h2 {
        font-size: 16px !important;
    }

    .form-area-login-reg .text-area p {
        font-size: 11px !important;
    }

    .form-area-login-reg .text-area {
        margin-bottom: 15px !important;
    }
    .form-group {
        margin-bottom: 5px !important;
        padding-left: 6px;
        padding-right: 6px;
    }

    .input-group {
        height: 30px !important;
    }

    .form-area-login-reg .input-group .form-control {
        height: 35px !important;
    }

    .form-area-login-reg .text-area label {
        margin-top: 0px !important;
    }

    span.ng-binding {
        font-size: 9px !important;
    }



    .form-control {
        font-size: 11px !important;
    }

    .left .contact {
        width: 100%;
    }

    .left .top_link {
        height: 25px;
    }

    .account-content p {
        font-size: 7px;
    }

    .mob-lang {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 320px) {
    .form-area-login-reg {
        height: 450px !important;
        width: 100% !important;
        padding-bottom: 20px;
        margin: auto;
    }

    .mobile-lang-loginregister {
        display: block !important;
        transform: translateY(54%) !important;
    }


        .form-area-login-reg .nav-tabs > li > a {
            padding: 11.5px 15px !important;
        }

    .top_link img {
        margin-top: -10px;
        width: 75px;
    }

    .form-area-login-reg .form-group .checkbox {
        width: 130px !important;
    }

    .form-area-login-reg .text-area h2 {
        font-size: 16px !important;
    }

    .form-area-login-reg .text-area p {
        font-size: 11px !important;
    }

    .form-area-login-reg .text-area {
        margin-bottom: 15px !important;
    }

    .form-group {
        margin-bottom: 5px !important;
        padding-left:6px;
        padding-right:6px;
    }

    .input-group {
        height: 30px !important;
    }

    .form-area-login-reg .input-group .form-control {
        height: 35px !important;
    }

    .form-area-login-reg .text-area label {
        margin-top: 0px !important;
    }

    .form-area-login-reg .form-horizontal .form-group .login-button {
        padding: 5px 17px;
    }

    .left .contact {
        width: 100%;
    }

    span.ng-binding {
        font-size: 9px !important;
    }

    .form-control {
        font-size: 9px !important;
    }

    .left .top_link {
        height: 25px !important;
    }

    .account-content p {
        font-size: 7px;
    }

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

    .ng-binding {
        font-size: 16px;
    }

    .mob-lang {
        margin-right: 25px !important;
    }
}

@media (max-width: 1440px) {
    .footer-content1 {
        display: none;
    }
}

.pull-right {
    margin-right: 10px;
}

.tab-content {
    padding: 20px 40px;
    position: relative;
}

.form-area-login-reg .input-group .form-control {
    border: 1px solid #ddd !important;
    height: 43px;
    border-radius: 4px;
    width: 100%;
}

.input-group-addon {
    background-color: transparent !important;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    border-right: none !important;
}

.input-group {
    height: 43px;
    width: 100%;
}



.form-area-login-reg .form-group p {
    text-decoration: underline;
    margin: 0;
    cursor: pointer;
    text-align: center;
    color: #757575;
    font-size: 14px;
}

.form-area-login-reg .text-area {
    margin-bottom: 25px;
}

    .form-area-login-reg .text-area h2 {
        text-align: center;
        color: #000;
        font-size: 20px;
        margin: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    .form-area-login-reg .text-area p {
        text-align: center;
        font-weight: 400;
        color: #757575;
        display: block;
        font-size: 14px;
        margin: 0;
        font-family: 'Open Sans', sans-serif;
        line-height: 22px;
    }

    .form-area-login-reg .text-area label {
        text-align: center;
        font-weight: 400;
        line-height: 20px;
        margin-top: 10px;
        color: #757575;
        display: block;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
    }

.form-area-login-reg .form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

    .form-area-login-reg .form-horizontal .form-group .login-button {
        border-radius: 4px;
        background-color: #0068bc;
        font-size: 16px;
    }

.form-area-login-reg .nav-tabs > li > a {
    margin-right: 0 !important;
    font-size: 18px;
    padding: 19.5px 15px;
    text-align: center;
    color: #fff;
    background: #898989;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000;
    background-color: transparent;
    border: none;
}

.form-area-login-reg .input-group .form-control:focus {
    border: 1px solid #0068bc !important;
}

.form-area-login-reg ul.nav-tabs {
    border-bottom: none !important;
}

.nav-tabs > li > a:hover {
    border-color: transparent !important;
}

.form-area-login-reg .nav-tabs > li {
    width: 50% !important;
}

.form-area-login-reg .forgot-area {
    padding: 40px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */


.form-area-login-reg .input-group .icon-user {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MCA2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cGF0aCBkPSJNNDguMDE0LDQyLjg4OWwtOS41NTMtNC43NzZDMzcuNTYsMzcuNjYyLDM3LDM2Ljc1NiwzNywzNS43NDh2LTMuMzgxYzAuMjI5LTAuMjgsMC40Ny0wLjU5OSwwLjcxOS0wLjk1MSAgYzEuMjM5LTEuNzUsMi4yMzItMy42OTgsMi45NTQtNS43OTlDNDIuMDg0LDI0Ljk3LDQzLDIzLjU3NSw0MywyMnYtNGMwLTAuOTYzLTAuMzYtMS44OTYtMS0yLjYyNXYtNS4zMTkgIGMwLjA1Ni0wLjU1LDAuMjc2LTMuODI0LTIuMDkyLTYuNTI1QzM3Ljg1NCwxLjE4OCwzNC41MjEsMCwzMCwwcy03Ljg1NCwxLjE4OC05LjkwOCwzLjUzQzE3LjcyNCw2LjIzMSwxNy45NDQsOS41MDYsMTgsMTAuMDU2ICB2NS4zMTljLTAuNjQsMC43MjktMSwxLjY2Mi0xLDIuNjI1djRjMCwxLjIxNywwLjU1MywyLjM1MiwxLjQ5NywzLjEwOWMwLjkxNiwzLjYyNywyLjgzMyw2LjM2LDMuNTAzLDcuMjM3djMuMzA5ICBjMCwwLjk2OC0wLjUyOCwxLjg1Ni0xLjM3NywyLjMybC04LjkyMSw0Ljg2NkM4LjgwMSw0NC40MjQsNyw0Ny40NTgsNyw1MC43NjJWNTRjMCw0Ljc0NiwxNS4wNDUsNiwyMyw2czIzLTEuMjU0LDIzLTZ2LTMuMDQzICBDNTMsNDcuNTE5LDUxLjA4OSw0NC40MjcsNDguMDE0LDQyLjg4OXogTTUxLDU0YzAsMS4zNTctNy40MTIsNC0yMSw0UzksNTUuMzU3LDksNTR2LTMuMjM4YzAtMi41NzEsMS40MDItNC45MzQsMy42NTktNi4xNjQgIGw4LjkyMS00Ljg2NkMyMy4wNzMsMzguOTE3LDI0LDM3LjM1NCwyNCwzNS42NTV2LTQuMDE5bC0wLjIzMy0wLjI3OGMtMC4wMjQtMC4wMjktMi40NzUtMi45OTQtMy40MS03LjA2NWwtMC4wOTEtMC4zOTZsLTAuMzQxLTAuMjIgIEMxOS4zNDYsMjMuMzAzLDE5LDIyLjY3NiwxOSwyMnYtNGMwLTAuNTYxLDAuMjM4LTEuMDg0LDAuNjctMS40NzVMMjAsMTYuMjI4VjEwbC0wLjAwOS0wLjEzMWMtMC4wMDMtMC4wMjctMC4zNDMtMi43OTksMS42MDUtNS4wMjEgIEMyMy4yNTMsMi45NTgsMjYuMDgxLDIsMzAsMmMzLjkwNSwwLDYuNzI3LDAuOTUxLDguMzg2LDIuODI4YzEuOTQ3LDIuMjAxLDEuNjI1LDUuMDE3LDEuNjIzLDUuMDQxTDQwLDE2LjIyOGwwLjMzLDAuMjk4ICBDNDAuNzYyLDE2LjkxNiw0MSwxNy40MzksNDEsMTh2NGMwLDAuODczLTAuNTcyLDEuNjM3LTEuNDIyLDEuODk5bC0wLjQ5OCwwLjE1M2wtMC4xNiwwLjQ5NWMtMC42NjksMi4wODEtMS42MjIsNC4wMDMtMi44MzQsNS43MTMgIGMtMC4yOTcsMC40MjEtMC41ODYsMC43OTQtMC44MzcsMS4wNzlMMzUsMzEuNjIzdjQuMTI1YzAsMS43NywwLjk4MywzLjM2MSwyLjU2Niw0LjE1M2w5LjU1Myw0Ljc3NiAgQzQ5LjUxMyw0NS44NzQsNTEsNDguMjgsNTEsNTAuOTU3VjU0eiIgZmlsbD0iI2IyYjJiMiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) center left no-repeat;
    padding-left: 35px;
    background-position: 2.5%;
}

.form-area-login-reg .input-group .icon-password {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2IDU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NiA1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cGF0aCBkPSJNNDAsMGMtOC44MjIsMC0xNiw3LjE3OC0xNiwxNmMwLDMuMjg1LDAuOTk4LDYuMzQsMi43MDIsOC44ODRMMC4yOTMsNTEuMjkzYy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMywwLDEuNDE0ICBDMC40ODgsNTIuOTAyLDAuNzQ0LDUzLDEsNTNzMC41MTItMC4wOTgsMC43MDctMC4yOTNMNiw0OC40MTRsNy4yOTMsNy4yOTNDMTMuNDg4LDU1LjkwMiwxMy43NDQsNTYsMTQsNTZzMC41MTItMC4wOTgsMC43MDctMC4yOTMgIGMwLjM5MS0wLjM5MSwwLjM5MS0xLjAyMywwLTEuNDE0TDcuNDE0LDQ3TDExLDQzLjQxNGw1LjI5Myw1LjI5M0MxNi40ODgsNDguOTAyLDE2Ljc0NCw0OSwxNyw0OXMwLjUxMi0wLjA5OCwwLjcwNy0wLjI5MyAgYzAuMzkxLTAuMzkxLDAuMzkxLTEuMDIzLDAtMS40MTRMMTIuNDE0LDQyTDE2LDM4LjQxNGw3LjI5Myw3LjI5M0MyMy40ODgsNDUuOTAyLDIzLjc0NCw0NiwyNCw0NnMwLjUxMi0wLjA5OCwwLjcwNy0wLjI5MyAgYzAuMzkxLTAuMzkxLDAuMzkxLTEuMDIzLDAtMS40MTRMMTcuNDE0LDM3bDEwLjUyMi0xMC41MjJDMzAuODcyLDI5Ljg1MywzNS4xODYsMzIsNDAsMzJjOC44MjIsMCwxNi03LjE3OCwxNi0xNlM0OC44MjIsMCw0MCwweiAgIE00MCwzMGMtNy43MiwwLTE0LTYuMjgtMTQtMTRTMzIuMjgsMiw0MCwyczE0LDYuMjgsMTQsMTRTNDcuNzIsMzAsNDAsMzB6IiBmaWxsPSIjYjRiNGI0Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) center left no-repeat;
    padding-left: 35px;
    background-position: 2.5%;
}

.form-area-login-reg .form-group input::placeholder {
    color: #bcbcbc;
}

.nav.nav-tabs li:first-child:not(.active) a {
    border-top-right-radius: 0px;
}

.nav.nav-tabs li:last-child:not(.active) a {
    border-top-left-radius: 0px;
}

.form-area-login-reg .form-group .checkbox {
    width: 123px;
    margin: 0 auto;
}

.form-area-login-reg .home-account-content {
    padding: 50px 80px !important;
    border: none !important;
    margin: 0;
}

    .form-area-login-reg .home-account-content .text-area h2 {
        font-weight: bold;
        margin-bottom: 30px;
    }

    .form-area-login-reg .home-account-content .tagbtn {
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .form-area-login-reg .home-account-content .showme {
        position: inherit !important;
        top: inherit !important;
    }

    .form-area-login-reg .home-account-content .form-group .login-button {
        padding: 10px 100px;
        border-radius: 4px;
        background-color: #0068bc;
        font-size: 16px;
        margin-top: 40px;
    }

    .form-area-login-reg .home-account-content .tagbtn.active {
        margin-bottom: 10px;
        margin-right: 10px;
    }

.form-area-login-reg.tag-area {
    padding-bottom: 40px !important;
}

.form-area-login-reg .tag-btn-area {
    padding: 0 30px;
    overflow: hidden;
}

    .form-area-login-reg .tag-btn-area button.login-button {
        border-radius: 4px;
        background-color: #0068bc;
        font-size: 16px;
        padding: 10px 100px;
    }

    .form-area-login-reg .tag-btn-area button.skip-btn {
        font-size: 13px;
        outline: none;
        background: inherit;
        border: inherit;
        color: #333;
    }

        .form-area-login-reg .tag-btn-area button.skip-btn.active {
            box-shadow: none !important;
            outline: hidden;
        }

        .form-area-login-reg .tag-btn-area button.skip-btn:focus {
            box-shadow: inherit !important;
            border: inherit !important;
            border-color: none !important;
            outline: hidden;
        }

.btn:active, .btn.active {
    box-shadow: inherit !important;
}

.form-area-login-reg.shadow-box {
    box-shadow: 0 0 6px 0px rgba(0,0,0,0.1) !important;
}


/* 1 aug css end */
.report-detail-padding {
    padding-right: 0 !important;
}



@media (min-width:1025px) {
    .popover {
        top: 72% !important;
    }
}

@media (max-width:766px) {
    .sizesbd {
        margin-top: 30px;
    }
}


@media screen and (min-width: 1900px) {
    .general-news-item-image {
        height: 200px !important;
    }
}

@media (max-width:767px) and (min-width:320px) {

    .file-section-content {
        padding: 20% 0
    }

    .freeSampleDownload, .enquirysent, .enquirePurchasing, .enquirysent {
        width: 50%;
    }

    .report-detail-para-limit {
        height: 100% !important;
    }

    #subscribeNewsContainer #subscribeNewsBtn {
        margin-top: 0.45rem;
    }



    .news-content label {
        margin-top: 0px;
    }


    #ImpersonateUserDiv {
        top: 41px !important;
        padding: 0 15px !important;
        border-radius: 0 !important;
    }

    .account-content-form .form-group .loader {
        left: 40vw !important;
    }

    /*.heading_txt p {
        text-align: left !important;
        padding-left: 2em;
    }*/

    .AccessReport {
        bottom: -22px !important;
        position: relative !important;
        width: 100% !important;
    }

    .support-form {
        padding: 60px 62px 0 30px !important;
    }

    .slideout {
        left: -500px !important;
    }

    .slideout_inner {
        left: 95% !important;
    }

    .open > ul.dropdown-menu li .fa {
        right: 27px !important;
    }

    .popover {
        padding: 4% !important;
    }

    .report-detail-padding {
        padding-right: 15px !important;
    }

    .account-content-form .bookmark-text {
        left: 0;
        right: 0;
        transform: inherit;
        margin: 0 auto;
        transform: inherit;
        bottom: 35px;
    }

    .account-content-form .email-report {
        left: 0;
        right: 0;
        transform: inherit;
        margin: 0 auto;
        transform: inherit;
        bottom: 10px;
    }

    .account-content-form .email-reports {
        left: 0;
        right: 0;
        transform: inherit;
        margin: 0 auto;
        transform: inherit;
        bottom: 62px;
    }

    .hr_2 {
        bottom: 15vh !important;
    }

    .account-content-form .form-group a ul li .result_txt {
        width: 80% !important;
        padding-left: 1em;
    }

    .account-content-form .form-group a li .img_icon {
        padding-left: 5px;
    }

    .account-content-form .download_files label {
        margin-left: 1em !important;
    }

        .account-content-form .download_files label .download_icon {
            padding-right: 15px !important;
        }

    .account-content-form .form-group a ul li {
        width: 90%;
    }

    .account-content-form form .button-area {
        margin-bottom: 50px;
    }

    .account-content {
        height: 100%;
        background-color: #fff;
        margin-right: 0;
    }

    .support-form {
        margin-top: inherit !important;
        box-shadow: inherit !important;
    }

    .general-news-item-body {
        display: block;
        margin-bottom: 30px;
    }

    .general-news-item-copy .strategy {
        height: auto;
    }

    .general-news-item-copy.strategy {
        padding: 20px;
    }

        .general-news-item-copy.strategy .copy {
            min-height: 55px !important;
            line-height: 25px;
            font-size: 15px;
        }

    .general-news-item-body .button.strategy {
        margin-top: 15px;
    }

    .general-news-item-copy.strategy {
        height: auto;
    }

    .news-content label {
        /*text-align: center;*/
        margin-left: 30px;
    }

    .general-news-item-copy.strategy h3 {
        font-size: 17px;
        line-height: 25px;
        margin-left: 2px;
    }

    fieldset.suggested-border {
        margin-top: 30px;
    }

    .mobile-heder {
        display: block;
    }

    .mobile-lang-loginregister {
        display: block !important;
        transform: translateY(54%) !important;
    }

    .site-menu .dashboardlogo {
        display: none;
    }

    .site-menu {
        top: 40px;
        transform: translateX( -100% );
        transition: transform 1s;
    }

    .btn-filter-shortcut {
        display: block;
        top: 40px;
    }

        .btn-filter-shortcut .fa {
            color: #fff;
        }

    .sidebar_filter_right {
        display: none;
        transition: all 2s;
    }


    .account-content-img {
        width: 100%;
        height: auto;
    }

    .account-content-text {
        width: 100%;
        height: auto;
        background: #fff;
    }

    .account-content-form {
        height: 452px;
    }

    .account-content h1 {
        font-size: 1.4em;
    }

    .account-content-form h1 {
        font-size: 10px;
        width: 100%;
    }

    .general-news-item {
        margin-top: 10px;
        padding: 10px 10px 10px 20px;
    }



    .account-tag {
        margin-bottom: 0;
    }

        .account-tag a {
            line-height: 50px;
        }

    .inner .lang a {
        height: 39px;
    }

    .account-margin {
        margin-top: 100px;
    }

    .home-account-content .tagbtn {
        padding: 5px 0;
        border-radius: 5px;
        width: 64px;
        margin-right: 4px;
    }

        .home-account-content .tagbtn.active {
            padding: 5px 0;
            border-radius: 5px;
            width: 64px;
            margin-right: 4px;
        }

        .home-account-content .tagbtn:hover {
            padding: 5px 0;
            border-radius: 5px;
            width: 64px;
            margin-right: 4px;
        }

    .calender-sec-mobile {
        display: none;
    }

    .calender-content-text h1 {
        font-size: 1.1em;
    }

    .calender-content {
        margin-top: 0;
        height: auto;
    }

        .calender-content#gMap {
            height: 400px;
        }
    /*Overide Bootstrap class*/
    .collapse-dropdown {
        background-color: #0068bc;
        height: 30px;
        width: 50px;
        border-radius: 0 0 10px 10px;
        color: #fff;
        position: absolute;
        top: 39px;
        right: 15px;
        text-align: center;
    }

    .calender-content-text .meetupbtn {
        width: 100%;
    }

    .calender-content-text .blnkbtn {
        width: 90%;
        margin-top: 10px;
    }

    .calender-content img {
        width: 100%;
        height: 100%;
    }

    .calender-content-text h3 {
        font-size: 14px;
    }

    .calender-content-text {
        height: 440px;
    }

    .calenderActionButtons {
        position: absolute;
        bottom: 60px;
    }

    .event-wrapper .event {
        text-align: center;
    }

        .event-wrapper .event label {
            margin-bottom: 0;
        }

        .event-wrapper .event h3 {
            margin-bottom: 0;
            line-height: 18px;
        }

        .event-wrapper .event h4 {
            line-height: 0;
        }

    .event-wrapper #calender {
        margin: 0;
    }

    .email-notification-height {
        height: auto !important;
    }

    .home-content {
        height: 300px;
    }

    .inner .lang {
        display: none;
    }

    .mob-lang {
        display: block;
    }

        .mob-lang select {
            padding:7px 13px;
        }

    .account-content-img {
        width: 100%;
        /*height: 300px;*/
        overflow: hidden;
    }

        .account-content-img img {
            width: 100% !important;
            height: 100% !important;
            max-width: initial;
        }

    .account-content .account-title {
        position: absolute;
    }

        .account-content .account-title label a {
            background-color: #fff;
            padding: 3px 10px;
        }



    .form-group .search-area {
        margin-top: 10px;
    }

    .calender-area-flex {
        display: inherit;
    }

    .calender-area-flex-img {
        background-size: cover;
        height: 300px;
        border-left: 15px solid #f2f7fb;
        border-right: 15px solid #f2f7fb;
        margin-top: 20px;
    }

    .event-wrapper #calender {
        margin: 5px 0;
    }

    .related-products label {
        margin-bottom: 7px;
    }

    .lang {
        display: none;
    }

    .news-content ul.pagination-sm {
        margin-bottom: 30px;
        transform: translateX(-13%);
    }

    .ng-isolate-scope .mCustomScrollBox .mCSB_container_wrapper .mCSB_container {
        width: 274px;
    }

    .home-content-inner {
        width: 100% !important;
        margin-top: 15px !important;
    }

    .event-wrapper {
        height: 300px !important;
    }

    .form-group button.btnsearch-mob {
        background-color: #0068bc;
        border-color: #0068bc;
        padding: 6px 5px;
        border-radius: 8px;
        width: 32px !important;
        text-transform: uppercase;
        position: relative;
        top: 50%;
        transform: translateY(23%);
        display: block;
        margin-top: 0 !important;
    }

        .form-group button.btnsearch-mob .fa {
            color: #fff !important;
        }

    .form-group button.btnsearch {
        display: none !important;
    }






    /* sroll over write css */
    .mCSB_scrollTools a + .mCSB_draggerContainer {
        margin: 0 !important;
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        border-radius: 0 !important;
    }

    .mCSB_scrollTools a.mCSB_buttonUp {
        display: none !important;
    }

    .mCSB_scrollTools a.mCSB_buttonDown {
        display: none !important;
    }

    .mCSB_scrollTools {
        width: 9px !important;
    }

    .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        visibility: hidden !important;
    }

    .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
        bottom: 0 !important;
    }

    .mCSB_container_wrapper {
        margin-right: 8px !important;
    }


    /* 1 aug css start */

    .tab-content {
        padding: 20px;
    }

    .form-area-login-reg .home-account-content {
        padding: 20px !important;
    }

    /* 1 aug css end */

    .footer-content {
        font-size: 9px;
    }

        .footer-content span {
            margin: 0 3px;
        }

    .alert-fixed-bottom .alert-info {
        font-size: 10px;
    }
}


.support-form {
    width: 100%;
    /*margin-top: -13vh;*/
    /*margin-left: -63px;*/
    box-shadow: 0 0px 40px 0 rgba(0,0,0,0.1);
    background: #fff;
    /*height: 102.4vh;*/
    padding: 60px 30px 0 30px;
}

    .support-form .form-group input.form-control {
        border: 1px solid #a5a5a5;
        border-radius: 8px;
        height: 20px;
        font-size: 12px;
        padding: 0 12px;
    }

    .support-form .form-group textarea.form-control {
        border: 1px solid #a5a5a5;
        border-radius: 9px;
        font-size: 12px;
        resize: none;
    }

    .support-form .form-group textarea::-webkit-input-placeholder {
        font-size: 9px !important;
        color: #d4d4d4;
        font-weight: 100;
    }

    .support-form .form-group .submit-btn {
        border-radius: 8px;
        background: #0068bc;
        margin-top: 15px;
        font-size: 10px;
        width: 100%;
    }

    .support-form .form-group {
        margin-bottom: 0;
    }

        .support-form .form-group label {
            margin-bottom: 0;
            color: #a5a5a5;
        }

@media (max-width:767px) and (min-width:320px) and (orientation:portrait) {

    .account-content-form form .button-area2 {
        margin-top: 120px !important;
        width: 200px !important;
    }

    .account-content-img img {
        width: 100% !important;
        height: auto !important;
        max-width: initial;
    }

    .DisabledReport {
        width: 91.9% !important;
    }

    .account-content-img {
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
    }
}

@media (max-width:767px) and (min-width:320px) and (orientation:landscape) {
    .account-content-img {
        width: 100% !important;
        max-height: 300px !important;
        overflow: hidden;
    }

    .slideout {
        left: -750px !important;
    }

    .slideout_inner {
        left: 95% !important;
    }

    .account-content-form form .button-area2 {
        margin-top: 120px !important;
        width: 200px !important;
    }

    .DisabledReport {
        width: 95.5% !important;
    }

    .account-content-img img {
        width: 100%;
        max-height: 100% !important;
        max-width: initial;
    }

    .lang {
        display: none;
    }

    .general-news-item {
        margin-top: 0;
        padding: 10px 10px 10px 20px;
    }

    .news-content ul.pagination-sm {
        transform: translateX(-69%) !important;
    }

    .general-news-item {
        margin-top: 30px;
        padding: 10px 10px 10px 20px;
    }

    .site-menu .site-menu-internal {
        margin-bottom: 50px !important;
    }

    .form-group button.btnsearch-mob {
        width: 100% !important;
    }
}




/*@media (min-width:2880px){
    .slideout{    left: -515px !important;}
}

@media (min-width:2550px){
    .slideout{    left: -515px !important;}
}*/


@media (min-width:1620px) {
    .slideout {
        left: -1000px !important;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    /*.heading_txt p {
        text-align: left !important;
        padding-left: 2em;
    }*/

    .account-content-form .form-group a ul {
        width: 100%;
    }

        .account-content-form .form-group a ul li {
            width: 98% !important;
        }

    .account-content-form .form-group .loader {
        left: 20vw !important;
        bottom: 2.8vh !important;
    }
}

@media (min-width:1024px) and (max-width:1300px) {
    .account-content-form .form-group .loader {
        left: 10vw !important;
        bottom: 0.7vh !important;
    }
}

@media (min-width:1300px) and (max-width:1369px) {
    .account-content-form .form-group .loader {
        bottom: 7.55vh !important;
    }
}

@media (min-width:520px) and (max-width:1619px) {
    .slideout {
        left: -1000px !important;
    }
}


@media (min-width: 1200px) {
    .col-lg-3-for-sidebarform {
        width: 21% !important;
    }
}

@media (max-width:1199px) and (min-width:1025px) and (orientation:portrait) {
    .col-md-12-1025-device {
        width: 100% !important;
    }
}

@media (max-width:1199px) and (min-width:1025px) and (orientation:landscape) {
    .col-md-12-1025-device {
        width: 100% !important;
    }

    .site-menu {
        top: 35px;
        transform: translateX( -100% );
        transition: transform 1s;
    }

    .mobile-heder {
        display: block !important;
    }

    .lang {
        display: none !important;
    }

    .form-group .search-area {
        margin-top: 100px;
    }

    /*.flipped {
        -webkit-transform: translateX( 15% ) rotateY( 15deg ) !important;
        -moz-transform: translateX( 15% ) rotateY( 15deg ) !important;
        -o-transform: translateX( 15% ) rotateY( 15deg ) !important;
        transform: translateX( 15% ) rotateY( 15deg ) !important;
    }*/

    .report-detail-padding {
        padding-right: 15px !important;
    }

    .general-news-item {
        margin-top: 30px !important;
    }

    .DisabledReport {
        width: 97% !important;
    }
}



@media (max-width:1199px) and (min-width:1025px) and (orientation:portrait) {
    .site-menu {
        top: 35px;
        transform: translateX( -100% );
        transition: transform 1s;
    }

    .mobile-heder {
        display: block !important;
    }

    .lang {
        display: none !important;
    }

    .form-group .search-area {
        margin-top: 100px;
    }

    /*.flipped {
        -webkit-transform: translateX( 15% ) rotateY( 15deg ) !important;
        -moz-transform: translateX( 15% ) rotateY( 15deg ) !important;
        -o-transform: translateX( 15% ) rotateY( 15deg ) !important;
        transform: translateX( 15% ) rotateY( 15deg ) !important;
    }*/
}


@media (max-width:1024px) and (min-width:768px) {

    .file-section-content {
        padding: 10% 0
    }

    .freeSampleDownload, .enquirysent, .enquirePurchasing, .enquirysent {
        width: 20%;
    }


    .account-content-form .email-report {
        left: 50% !important;
    }

    .account-content-form .email-reports {
        left: 50% !important;
        bottom: 7.5% !important;
    }

    .hr_2 {
        bottom: 13.5% !important;
    }

    .report-detail-para-limit {
        height: 100% !important;
        //100px !important;
    }

    #ImpersonateUserDiv {
        top: 41px !important;
        padding: 0 15px !important;
    }

    .AccessReport {
        position: relative !important;
        width: 100% !important;
        top: 34px !important;
    }

    /*.flipped {
        -webkit-transform: translateX( 15% ) rotateY( 15deg ) !important;
        -moz-transform: translateX( 15% ) rotateY( 15deg ) !important;
        -o-transform: translateX( 15% ) rotateY( 15deg ) !important;
        transform: translateX( 15% ) rotateY( 15deg ) !important;
    }*/

    .slideout {
        left: -1000px !important;
        width: 96% !important;
    }

    .language-preferences-tab-gap {
        height: 187px !important;
    }

    /*.slideout {left: -740px !important;}*/

    .popover {
        padding: 4% !important;
    }

    .account-content-form .bookmark-text {
        left: 0;
        right: 0;
        transform: inherit;
    }

    .support-form .form-group .submit-btn {
        width: 40%;
        margin: 0 auto;
        margin-top: 15px;
    }

    .support-form .form-group {
        margin: 0 5px 0 5px;
    }

    .form-group .search-area {
        margin-top: 10px;
    }

    /*    .news-content {
        margin-top: 60px;
    }*/

    .sidebar_filter .cd-filters button, .sidebar_filter .controls button {
        display: inline-block;
        width: 220px;
        padding: 8px 15px;
    }

    .general-news-item-body .button.strategy {
        bottom: 17px;
    }

    .findbtn {
        left: -15px;
    }

    .general-news-item-copy.strategy {
        height: auto;
    }

    .findbtn {
        padding: 5px 5px;
    }

    .general-news-item-copy.strategy .fa {
        font-size: 20px;
    }

    .mobile-heder {
        display: block;
    }

    .site-menu .dashboardlogo {
        display: none;
    }

    .site-menu {
        top: 35px;
        transform: translateX( -100% );
        transition: transform 1s;
    }

    .btn-filter-shortcut {
        display: block;
        top: 40px;
        right: 15px;
    }

        .btn-filter-shortcut .fa {
            color: #fff;
        }

    .sidebar_filter_right {
        display: none;
        transition: all 2s;
    }

    .general_news_left {
        height: 100vh;
        float: left !important;
    }

    .rpt-details-back {
        float: left !important;
    }

    .account-content-text {
        width: 70%;
        height: auto;
    }



    .account-content-img img {
        width: auto;
        height: 100%;
        max-width: initial;
    }

    .account-content label {
        margin-right: 30px;
    }

    .account-content h1 {
        font-size: 1.5em;
    }

    /* .account-content-form {
        width: 100%;
        height: 310px;
        padding: 15px 15px 76px 15px;
        float: left;
    }*/

    .related-products .box {
        padding-right: 30px;
        margin-bottom: 0;
    }

    .related-products hr {
        display: none;
    }

    .account-content-form h1 {
        font-size: 10px;
        width: 100%;
    }

    .account-content {
        margin-right: 15px;
    }

    .general-news-item {
        margin-top: 5px;
    }

    .account-content-text {
        padding: 15px 40px;
    }

    .home-account-content .tagbtn {
        padding: 5px 0;
        border-radius: 5px;
        width: 68px;
        margin-right: 6px;
    }

        .home-account-content .tagbtn.active {
            padding: 5px 0;
            border-radius: 5px;
            width: 68px;
            margin-right: 6px;
        }

        .home-account-content .tagbtn:hover {
            padding: 5px 0;
            border-radius: 5px;
            width: 68px;
            margin-right: 6px;
        }


    /*.email-notification-height {
        height: 380px;
    }*/

    .account-margin {
        margin-top: 80px;
    }

    .calender-content img {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .calender-content {
        height: auto;
        padding-bottom: 0;
        height: 396px;
    }

    .calender-sec-mobile {
        display: none;
    }

    .calender-content-text .meetupbtn {
        margin-top: 0;
    }

    .calender-content-text .blnkbtn {
        margin-top: 0;
    }

    .collapse-dropdown {
        background-color: #0068bc;
        height: 30px;
        width: 50px;
        border-radius: 0 0 10px 10px;
        color: #fff;
        position: absolute;
        top: 40px;
        right: 30px;
        text-align: center;
    }

    .event-wrapper .event {
        text-align: center;
    }

    .sidebar_filter .cd-filters, .sidebar_filter .controls {
        margin-top: 35px;
        margin-bottom: 15px;
    }

    .scroll-wrapper-tab {
        width: 675.64px;
        height: auto;
    }

    .scroll-wrapper-child {
        width: 95%;
        height: auto;
    }

    .home-content {
        height: 300px;
        margin-bottom: 0;
    }

    .inner .lang {
        display: none;
    }

    .mob-lang {
        display: block;
    }

        .mob-lang select {
            padding: 11px 20px;
        }

    .event-wrapper #calender {
        margin: 0 0 5px 0;
    }

    .event-wrapper .event label {
        margin-bottom: 0;
    }

    .event-wrapper .event h3 {
        margin: 0;
    }

    .event-wrapper .event h4 {
        line-height: 0;
    }

    .lang {
        display: none;
    }

    .home-content-inner {
        width: 100% !important;
        margin-top: 15px;
    }

    .news-area {
        height: 420px;
    }

    .event-wrapper {
        height: 200px !important;
    }

    .news-content label {
        margin-left: 36px;
    }

    .support-form {
        margin-top: inherit !important;
        /*margin-left: 0 !important;*/
        box-shadow: inherit !important;
    }

    /* sroll over write css */
    .mCSB_scrollTools a + .mCSB_draggerContainer {
        margin: 0 !important;
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        border-radius: 0 !important;
    }

    .mCSB_scrollTools a.mCSB_buttonUp {
        display: none !important;
    }

    .mCSB_scrollTools a.mCSB_buttonDown {
        display: none !important;
    }

    .mCSB_scrollTools {
        width: 9px !important;
    }

    .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        visibility: hidden !important;
    }

    .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
        bottom: 0 !important;
    }

    .mCSB_container_wrapper {
        margin-right: 8px !important;
    }
}


@media (max-width:1024px) and (min-width:768px) and (orientation:portrait) {

    .report-access-tab-gap {
        margin-bottom: 0 !important;
    }

    .support-form {
        padding: 70px 70px 0 40px;
    }

    .DisabledReport {
        width: 96.1% !important;
    }

    .account-content-form form .button-area2 {
        width: 200px;
        position: absolute !important;
        transform: translate(-50%, 78%) !important;
        left: 50% !important;
    }

    .event-wrapper {
        height: 200px !important;
    }

    .account-content-form .bookmark-text {
        left: 0;
        right: 0;
        transform: inherit;
        bottom: 35px !important;
        margin: 0 auto;
    }
}


@media (max-width: 1366px) and (min-width: 1024px) and (orientation:landscape) {
    .support-form {
        padding: 70px 10px 0 10px;
    }
}

@media (max-width:1024px) and (min-width:768px) and (orientation:landscape) {

    .report-access-tab-gap {
        margin-bottom: 30px !important;
    }

    .support-form {
        padding: 70px 10px 0 10px;
    }

    .popover-title {
        margin: 0 auto !important;
    }

    .DisabledReport {
        width: 97.1% !important;
    }

    .account-content-form form .button-area2 {
        width: 200px;
        position: absolute !important;
        transform: translate(-50%, 158%) !important;
        left: 50% !important;
    }

    .general-news-item {
        margin-top: 0;
    }

    form .form-group .search-area {
        margin-top: 10px;
    }

    .account-content-form .bookmark-text {
        left: 0;
        right: 0;
        bottom: 35px;
        margin: 0 auto;
    }

    .lang {
        display: none;
    }

    .home-content {
        height: 300px;
        margin-bottom: 30px;
    }

    .home-content-inner {
        width: 97% !important;
    }





    /* 1 aug css start */

    .tab-content {
        padding: 20px !important;
    }

    /* 1 aug css end */


}

.errMessage {
    font-size: 12px;
    color: red;
}

.infoMessage {
    font-size: 12px;
    color: darkblue;
}

.invalidUrlTxt {
    font-weight: 600;
    color: #607D8B;
}

.top-alert {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100000;
    left: 0;
    padding: 20px;
    display: inline-block;
    text-align: right;
}

    .top-alert .alert {
        width: auto !important;
        height: 100%;
        display: inline;
        position: relative;
        margin: 0;
    }

        .top-alert .alert .close {
            position: absolute;
            right: 10px;
            color: inherit;
        }

.fade:not(.show) {
    opacity: 1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.fade.in {
    opacity: 1;
}

.form-area-login-reg .input-group .placeholder {
    color: #b7b7bd;
}

.form-area-login-reg .input-group select option:first-child {
    color: #d5d5d5;
    display: none;
}

.form-area-login-reg .input-group select option {
    color: #555;
}

.news-content a {
    cursor: pointer;
}

.general-news-item-copy.strategy .fa.fa-bookmark-o {
    color: #ababab !important;
}



/* 23 aug css start */

.modal-content {
    box-shadow: inherit !important;
    border: 1px solid #003f72;
    border-radius: 4px 4px 0 0 !important;
}
    /*padding:40px 40px 20px 40px !important;*/
    .modal-content .modal-body {
        overflow: auto;
        height: auto !important;
        padding: 0px 40px !important;
    }

.modal-header-sbd {
    margin-bottom: 30px !important;
}
/*.modal-header .close {margin-top: -16px !important;}*/
.home-account-content button.showme {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #0068bc !important;
}

.modal .modal-dialog .modal-footer {
    border-radius: 0 0 4px 4px;
    background: #fff;
    padding: 20px;
    overflow: hidden;
    margin: 0 !important;
}

    .modal .modal-dialog .modal-footer .save-button {
        padding: 10px 50px;
        border-radius: 4px;
        background-color: #0068bc;
        font-size: 16px;
    }

    .modal .modal-dialog .modal-footer .cancel-button {
        padding: 10px 50px;
        border-radius: 4px;
        background-color: #f5f5f5;
        font-size: 16px;
        color: #333;
        border: inherit !important;
    }

.btn-primary1 {
    border: 1px solid #003f72;
    color: #000;
    background-color: #fff;
    padding: 7px 18px;
    font-weight: 600;
}

    .btn-primary1:hover {
        background-color: #003f72;
        color: #fff !important;
    }

.bookmarkedReportAnchor {
    color: #003F72;
}



@media screen and (min-width: 768px) {
    /*.modal-dialog {
        width: 1000px !important;
    }*/
}
/*#registerSuccessAlert .alert{
    width: 300px !important;

}*/
/* 23 aug css end */
.home-account-content #languageCode {
    padding: 1px 12px;
}

#query::-webkit-input-placeholder {
    font-size: 13px;
}

#query:-ms-input-placeholder {
    font-size: 13px;
}

select option:disabled {
    color: #000;
    background-color: #ddd;
    /*background-image: url("https://vignette3.wikia.nocookie.net/gtawiki/images/9/96/Lock.png/revision/latest?cb=20141101143614");
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center, right;*/
    /*background: url("https://vignette3.wikia.nocookie.net/gtawiki/images/9/96/Lock.png/revision/latest?cb=20141101143614") no-repeat right center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 90px;
  text-indent: 0.01px;
  text-overflow: "";*/
}


.account-content-form .form-control[disabled] {
    background-color: #c3c3c3 !important;
    opacity: 1;
}



select option {
    color: #000;
    background-color: #fff;
    /*background-image: url("https://vignette3.wikia.nocookie.net/gtawiki/images/9/96/Lock.png/revision/latest?cb=20141101143614");
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center, right;*/
    /*background: url("https://vignette3.wikia.nocookie.net/gtawiki/images/9/96/Lock.png/revision/latest?cb=20141101143614") no-repeat right center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 90px;
  text-indent: 0.01px;
  text-overflow: "";*/
}

.DisabledReport {
    font-size: 9px;
    background-color: #3d3e3f;
    color: white;
    text-align: center;
    height: 35px;
    padding-top: 5px;
    position: absolute;
    top: 0;
    width: 98.4%;
}

    .DisabledReport a {
        font-size: 11px;
        color: white;
        text-decoration: underline;
    }

    .DisabledReport i {
        font-size: 12px;
        margin-right: 10px;
    }

.noWordBreak {
    word-break: normal !important;
}

#dialogBody {
    height: 100px !important;
}



.report-detail-para {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}



.open > .dropdown-menu {
    display: block;
    margin-top: 7px;
    font-size: 8px;
    width: 100%;
    max-height: 90px;
    /*overflow:hidden;*/
    padding: 0;
    border-radius: 0 0 4px 4px !important;
}

.open > ul.dropdown-menu:before {
    content: "";
    border-bottom: 4px solid #fff;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    position: absolute;
    top: -4px;
    right: 7px;
    z-index: 10;
}


.open > ul.dropdown-menu li .row {
    margin-left: 0 !important;
}

.open > ul.dropdown-menu li .separator-boder {
    border-bottom: solid 1px #f3f3f3;
    padding: 0;
}

.open > ul.dropdown-menu li:last-child .separator-boder {
    border-bottom: none;
    padding: 0;
}


/*.open>ul.dropdown-menu li:first-child:before
{
    content: "";
    border-bottom: 4px solid #fff;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    position: absolute;
    top: -4px;
    right: 7px;
    z-index: 10;
}


.open>ul.dropdown-menu li:first-child:after
{
    content: "";
    border-bottom: 4px solid #fff;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    position: absolute;
    top: -4px;
    right: 7px;
    z-index: 10;
}*/



.open > ul.dropdown-menu li {
    line-height: 15px;
    cursor: pointer;
    padding: 0 5px;
    font-size: 10px;
    /*border-bottom: 1px solid #f5f5f5;*/
}

    .open > ul.dropdown-menu li.disabled {
        line-height: 15px;
        cursor: pointer;
        padding: 0 5px;
        font-size: 10px;
        border-bottom-color: transparent;
        background-color: #fff;
    }

    .open > ul.dropdown-menu li:last-child {
        line-height: 15px;
        cursor: pointer;
        padding: 0 5px;
        border-bottom: 0;
    }

    .open > ul.dropdown-menu li.disabled:hover, .open > ul.dropdown-menu li:hover {
        background: rgba(62, 62, 62, 0.4);
    }

.btn-group.open .dropdown-toggle {
    box-shadow: inherit !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    margin-top: 2px !important;
    vertical-align: middle;
    border-top: 6px dashed !important;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

.open > ul.dropdown-menu li .fa {
    line-height: 17px;
    font-size: 11px;
    position: absolute;
    left: 5.5em;
}


.popover {
    min-width: 100% !important;
    border-radius: 0 !important;
    background-color: #0068bc !important;
    color: white;
    padding: 30px 27% 6px;
    position: absolute !important;
}

.popover-title {
    background-color: #0068bc !important;
    color: white;
    border-radius: 0 !important;
    border-bottom: none;
    text-align: center;
    font-size: 26px;
    width: 200px;
    margin: 0 auto;
    border-bottom: 1px white solid;
    padding: 0 0 10px 0;
    margin-bottom: 23px;
}

.popover #next {
    float: right;
    margin-top: -54px;
    color: white;
}

.popover .btn {
    color: white;
}

.popover-navigation {
    text-align: center;
}

.popover-content {
    text-align: center;
    font-size: 12px;
}

#SkipTour {
    display: table;
    margin: 0 auto;
    font-weight: 600;
}

.btn-link:focus {
    outline: 0 !important;
}

.tour-step-background,
.tour-backdrop {
    position: fixed;
    /*z-index:3;*/
}

.popover[class*=tour-] .popover-navigation [data-role=end] {
    float: none;
}

.tour-step-background {
    background: white;
    opacity: 0;
    filter: alpha(opacity=50);
}

.tour-step-backdrop {
    background: inherit;
    /*position: relative;
    z-index: 1101;*/
}
/*#page-content-wrapper {
	position: relative;
	z-index: 4;
}

.tour-backdrop,
.tour-step-background {
    z-index: 3;
}*/
/*.popover, 
    .popover.tour,
    .tour-backdrop,
    .tour-step-background {
        z-index: 1;
    }*/


.TourActive .prospective-3d {
    transition: inherit;
    transform-style: inherit;
    transform-origin: inherit;
    backface-visibility: inherit;
}

.TourActive .prospective-3d-before {
    perspective: inherit;
}

.TourActive .prospective-3d-after {
    backface-visibility: inherit;
}

.rptDetailsDropdownMenu {
    min-height: 60px !important;
    overflow-y: auto;
}

.dropdown-menu::-webkit-scrollbar {
    /*width: 0.5em; */
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: rgba(47, 42, 42, 0.58);
    outline: 1px solid slategrey;
    margin-left: 5px;
    border-radius: 2px;
    margin-right: 1px;
}

.buttondisabled {
    background-color: #c0c0c0;
}

open > ul.dropdown-menu li .row {
    margin-left: 0 !important;
}

.open > ul.dropdown-menu li .separator-boder {
    border-bottom: solid 1px #f3f3f3;
    padding: 0;
}

.open > ul.dropdown-menu li .fa {
    line-height: 17px;
    font-size: 11px;
    position: absolute;
    /*right: 15px;*/
}

.account-content-form form .form-control .pull-left {
    max-width: 103px;
    max-height: 14px;
    text-align: left;
}

#headTracker p {
    color: white;
    font-size: 10px;
    /* word-wrap: initial; */
    text-align: center;
    margin-bottom: 12px;
}

.account-content-form form .button-area3 {
    height: 45px;
    width: 100%;
    /* border: 1px solid #fff; */
    padding: 3.5px;
    margin-top: 40px;
    margin-bottom: 20px;
    background: transparent;
    /* margin-left: -15px; */
}

    .account-content-form form .button-area3 div {
        height: 51px;
        width: 51px;
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 2px;
        /*padding-top: 3px;*/
        padding-top: 13px;
    }

    .account-content-form form .button-area3 button {
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 9px;
        font-size: 23px;
        font-weight: bolder;
        background: #fff;
    }

    .account-content-form form .button-area3 span {
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 4px 8px 5px 10px;
        font-size: 23px;
        font-weight: bolder;
        background: #fff;
    }

.event-wrapper .GroupMonth {
    /*width: 100%;*/
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.22);
    line-height: 0.1em;
    margin: 25px 10px 25px 10px;
    font-weight: bold;
    font-size: 15px;
}

    .event-wrapper .GroupMonth span {
        background: #fff;
        padding: 0 28px;
    }

.popover-navigation label {
    font-weight: 400;
}

.popover-navigation input {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.popover-navigation span:first-child {
    font-size: 11px;
    margin-left: 18px;
    float: left;
}

#pause-tour {
    margin-right: -17px;
    float: right;
    font-weight: 600;
}

.slideout {
    /*display:none;*/
    /*position: fixed;*/
    top: 0;
    left: -260px;
    z-index: 99;
    -webkit-transition: left 1s; /* Safari */
    transition: left 1s;
}

.slideout_inner {
    /*display:block !important;*/
    left: 65px !important;
    -webkit-transition: left 1s; /* Safari */
    transition: left 1s;
}

.support-form-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 900;*/
    background-color: rgba(0,0,0,.4);
    /*opacity: 0;
    display: none;*/
    width: 100%;
    height: 100%;
}

.videodropdown-wrapper {
    /*padding: 20px;*/
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: inherit;
    /*margin-bottom: 30px;*/
    overflow: hidden;
    /*height: 400px;*/
    height: 60vh;
}

    .videodropdown-wrapper #calender {
        width: 100%;
        height: auto;
        margin: 20px 0;
    }

    .videodropdown-wrapper .date h1 {
        font-size: 25px;
        font-weight: 900;
        text-align: center;
        margin: 0;
        color: #4a4a4a;
        margin-bottom: 2px;
    }

.videoLib-sec {
    width: 100%;
    /*height: auto;*/
    /*position: fixed;*/
    /*top: 20px;*/
    height: 60%;
    z-index: 1000;
}

.videodropdown-wrapper .date h3 {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    color: #4a4a4a;
}

.videodropdown-wrapper .event {
    width: 100%;
    height: auto;
}

    .videodropdown-wrapper .event label {
        font-size: 10px;
        font-weight: 400;
        color: #bfbfbf;
        margin-bottom: 5px;
        width: 100%;
    }

    .videodropdown-wrapper .event h3 {
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #0068bc;
        margin-bottom: 20px;
        width: 100%;
        margin: 0;
    }

    .videodropdown-wrapper .event h4 {
        color: #9fdad2;
        font-size: 8px;
        line-height: 12px;
    }

.videodropdown-wrapper .calender-title {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #484848;
    margin: 15px 0;
    font-weight: 500;
}

.videodropdown-wrapper .title-line {
    background-color: #484848;
    height: 1px;
    width: 35px;
    float: left;
    margin: 26px 0;
}

.videodropdown-wrapper .event h4 .hidden {
    visibility: hidden;
}

.videodropdown-wrapper .event-area {
    height: auto;
    padding: 10px 10px;
    cursor: pointer;
    border: 1px solid #fff;
}

    .videodropdown-wrapper .event-area:hover {
        height: auto;
        padding: 10px 10px;
        border: 1px solid #0068bc;
    }

    .videodropdown-wrapper .event-area.active {
        height: auto;
        padding: 10px 10px;
        border: 1px solid #0068bc;
    }

.videoLib-Conext-Text h3 {
    font-size: 16px;
    font-weight: 600;
    color: #484848;
    line-height: 1.3em;
    margin: 0;
}

.videoLib-Conext-Text h4 {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 1.3em;
    margin: 0;
    margin: 20px 0;
}

.labelCollapse, .labelCollapse:hover {
    color: #333;
}

.elementFounded {
    color: red !important;
}

.scrollit {
    height: 100vh;
    overflow-y: scroll;
}

.navbar-fixed-left {
    width: 140px;
    position: fixed;
    border-radius: 0;
    height: 100%;
    background: #000;
}

#pagination-Footer {
    margin-top: -10px;
    margin-bottom: 20px;
}

@media (max-width:767px) and (min-width:320px) {
    .videodropdown-wrapper {
        height: 300px;
    }

    .marketing_group {
        margin-left: 15.60vw;
    }
}



.panel {
    margin-bottom: 0 !important;
}
/*form video library*/

.mCSB_container {
    left: 0px !important;
}

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



/*@media (max-width:992px) and (min-width:785px) {
    .slideout {left: -1000px !important;}
}*/
.alert-danger a {
    color: #a94442;
    text-decoration: underline;
}

.AccessReport {
    font-size: 9px;
    background-color: #3d3e3f;
    color: white;
    text-align: center;
    height: 30px;
    position: absolute;
    bottom: 0;
    width: 42%;
}

    .AccessReport a {
        font-size: 9.5px;
        color: white;
        text-decoration: underline;
        cursor: pointer;
    }

.LogInSuggestionTxtSize {
    font-size: 13px !important;
}

.NewLineAtCartridge {
    white-space: pre-wrap;
}

.home-account-content .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 11px;
    overflow-x: hidden;
    max-height: 180px;
    width: 90%;
}

.home-account-content .cancel-btn {
    margin-right: 5px;
}

.impersonateIcon img {
    margin-left: 0px !important;
    margin-right: 20px;
}

#ImpersonateUserDiv {
    position: absolute;
    background-color: #3ca8ff;
    top: 0;
    color: #FFF;
    padding: 0px 20px;
    z-index: 9999;
    font-size: 13px;
    display: none;
}

    #ImpersonateUserDiv h5 {
        font-size: 12px !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

.btn-hollow {
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    font-size: 13px !important;
    padding: 3px 6px !important;
    margin-top: 1px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    border-radius: 0 !important;
}

    .btn-hollow:hover {
        color: #333 !important;
        background-color: #fff !important;
        border: 1px solid #fff !important;
        font-size: 13px !important;
        padding: 3px 6px !important;
        margin-top: 1px;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        border-radius: 0 !important;
    }

.report-detail-para-limit ol {
    list-style: decimal !important;
}

.report-detail-para-limit ul {
    list-style: disc !important;
}

.modal-200px .modal-content {
    /*width: 60% !important;
    margin-left: 20% !important;*/
}

    .modal-200px .modal-content .modal-body {
        overflow: auto;
        height: auto !important;
        padding: 0px 20px !important;
        margin: 3%;
    }

.modal .modal-dialog .modal-footer {
    padding: 10px;
}


.forgot-area button img {
    margin-top: -3px !important;
}

.ReleaseMessage {
    background-color: #deeff5;
    font-size: 14px;
}

@media (max-width:1200px) {

    .ReleaseMessage {
        margin-top: 4em;
    }
}

/*@media(min-width:768px) and (max-width:1024px) {
    .ng-scope {
        width: 100%;
        float: none;
    }

    #region-DropDown .pull-right {
        float: right !important;
        width: auto !important;
    }
}*/
@media(max-width: 1024px) {
    .search-bar {
        margin-left: -47px;
    }
}

@media(max-width: 396px) {
    .search-bar {
        display: none;
    }
}

@media (max-width: 1090px) {
    .btn-book-a-table {
        display: none;
    }
}


@media(min-width:320px) and (max-width:568px) {
    .footer-content {
        font-size: 8.2px;
        padding: 0px;
    }

        .footer-content span {
            margin: 0 1px;
        }
}

@media(min-width:1370px) and (max-width:1920px) {
    .account-content-form .form-group .loader {
        left: 4vw !important;
        bottom: 2.65vh !important;
    }
}

@media(min-width:768px) and (max-width:3840px) {
    #copyRight {
        display: inline;
    }

    #footerLinks {
        display: inline;
    }
}

.containerRecaptcha {
    width: 299px;
    margin: 0 auto;
}

.captchaRedBorder {
    border: 1px solid red;
}


.rc-anchor-normal {
    height: auto !important;
    width: 100% !important;
}

.form-area-login-reg .form-group .securityQuestion {
    padding: 0.24em 0em 1.35em 0em;
    text-align: left;
    text-decoration: none;
    font-weight: 550;
    letter-spacing: 0.5px;
    font-size: 0.80em;
    font-family: inherit;
    cursor: default;
}

.form-area-login-reg .form-group .securityHint {
    padding: 1.32em 0em 0em 0em;
    text-align: left;
    text-decoration: none;
    font-weight: 550;
    letter-spacing: 0.5px;
    font-size: 0.80em;
    font-family: inherit;
    color: #0068bc;
    cursor: default;
}
/*-----Sorting Css-----*/
.sorting_radio [type="radio"]:checked,
.sorting_radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .sorting_radio [type="radio"]:checked + label,
    .sorting_radio [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        line-height: 17px;
        display: inline-block;
        color: #464646;
        font-weight: 100;
        font-size: .8em;
        letter-spacing: .25px;
    }

        .sorting_radio [type="radio"]:checked + label:before,
        .sorting_radio [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 2px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        .sorting_radio [type="radio"]:checked + label:after,
        .sorting_radio [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 18px;
            height: 18px;
            /* background: #0068bc; */
            position: absolute;
            top: 0px;
            left: 0px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            border: 5px solid #0068bc;
        }

        .sorting_radio [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .sorting_radio [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.nopadding {
    padding: 0px;
}

.sorting_title {
    font-size: 0.95em;
    font-weight: 300;
    letter-spacing: 0.53px;
}

.dropdown_menu_sorting .form-group label {
    font-weight: 300;
    font-size: 0.95em;
    line-height: 40px;
}

.dropdown_menu_sorting select {
    border: 1px solid #f0f0f0 !important;
    margin: 5px 0px;
    font-size: 1.012em;
    padding: 0px 10px;
    letter-spacing: 0.45px;
    font-weight: lighter;
    font-size: 0.90em;
    letter-spacing: 0.25px;
}

.sorting_icon img {
    width: 12px;
    right: 0px;
    position: absolute;
    top: 5px;
}

.sorting_radio {
    margin-bottom: 0;
    margin-left: -13px;
}

.dropdown_menu_sorting {
    margin: 30px 0;
}

    .dropdown_menu_sorting select option {
        height: 25px !important;
    }

.sorting_icon_down img {
    position: absolute;
    top: 33px;
    width: 12px;
    right: 0px;
}


.dropdown_menu_sorting select option:hover {
    background-color: #fff;
}

.dropdown_menu_sorting select option {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #202020;
    background-color: #fff;
}

.hr {
    height: 1px;
    background: #fff;
    float: left;
    width: 100%;
    margin-top: 1em;
}

.hr_2 {
    height: 1px;
    background: #fff;
    float: left;
    width: 100%;
    position: absolute;
    bottom: 20%;
}



.account-content-form .form-group a li {
    float: left;
    cursor: pointer;
}

    .account-content-form .form-group a li .img_icon {
        float: left;
        margin-right: 5px;
    }

.account-content-form .form-group a ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    .account-content-form .form-group a ul li .result_txt {
        /*color: #fff;
        font-size: 0.61em;
        letter-spacing: 0.2px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80px;
        white-space: nowrap;
        display: inline-block;*/
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2; /* Adjust based on your font size */
        max-height: 2.4em; /* 2 lines * line-height */
    }

    .account-content-form .form-group a ul li .img_icon-last img {
        width: 18px;
        height: 18px;
        opacity: 0.7;
        float: right;
        margin-left: 3px;
        margin-top: 5px;
    }

.img_icon-last img {
    display: none;
}

.account-content-form .form-group a ul li:hover .img_icon-last img {
    display: block;
}

.account-content-form .download_files label {
    MARGIN: 0 auto;
    color: black;
    font-size: .635em !important;
    font-weight: 200;
    line-height: 6px;
    letter-spacing: 0;
    /* margin-left: 1.18em; */
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 0.75rem;
    width: 80%;
}

    .account-content-form .download_files label .download_icon {
        opacity: 0.98;
        padding-right: 5px;
    }

.heading_txt p {
    font-size: 9px;
    color: #fff;
    text-align: center;
}

.account-content-form .form-group .ng-binding .db_contact {
    width: auto;
    color: #fff;
    display: inline;
    float: none;
    text-decoration: underline;
    margin: 0px;
    cursor: pointer;
}

    .account-content-form .form-group .ng-binding .db_contact:hover {
        background: transparent;
        cursor: pointer;
    }

.account-content-form .download_files label .lock img {
    width: 15px !important;
    height: 14px;
}

.bottomSection {
    float: none;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #fff;
    margin-top: 0.45rem;
}

.mp2_t {
    margin-top: 1.75rem;
    padding-bottom: 1.75rem
}

.mp_t {
    margin-top: 2.75rem;
    padding-bottom: 2.75rem
}

.pb_t {
    padding-bottom: 2.75rem
}

.bottoWrapper {
    width: 120px;
    margin: 0 auto;
    float: none;
    padding-top: .15rem;
}

.account-content-form .form-group .loader {
    height: 35px;
    width: 35px;
    position: absolute;
    left: 4vw;
    bottom: 3.8vh;
    opacity: 1 !important;
}

.disableFilesPanel {
    opacity: 0.2;
}

.enableFilesPanel {
}

.custommodal {
    display: none;
}

@media (min-width:320px) and (max-width:768px) {
    .custommodal {
        width: 300px;
        height: 316px;
    }

    .custommodal {
        height: auto;
        position: fixed;
        background-color: #fff;
        border-radius: 5px;
        text-align: center;
        z-index: 1400;
        box-shadow: 0 1px 13px 2px #696262;
        padding: 2em;
        display: none;
        top: calc(50vh - (/* height */316px / 2));
        left: calc(50vw - (/* width */300px / 2));
    }

    .heading_txt p {
        font-size: 0.55em;
        color: #fff;
        text-align: center;
        margin-top: 1em;
    }

    .account-content-form .form-group a {
        width: 97%;
        float: left;
    }

    .account-content-form .form-group .loader {
        bottom: 4.65vh !important;
    }

    .productfiles-scroll-area {
        height: 120px !important;
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .marketing_group {
        margin-left: 8vw;
    }

    .account-content-form .form-group a {
        width: 97% !important;
        float: left;
    }
}

@media(min-width:1024px) and (max-width:1200px) {
    .marketing_group {
        margin-left: 6.2vw;
    }
}

@media(min-width:1200px) and (max-width:1365px) {
    .marketing_group {
        margin-left: 3.12vw;
    }

    .heading_txt p {
        font-size: 0.55em;
        color: #fff;
        text-align: left;
        padding-left: 1.3em;
    }

    .account-content-form .form-group a {
        width: 92%;
        float: left;
    }
}


@media only screen and (min-width:2000px) {
    .bottoWrapper {
        width: 206px;
    }
}


@media only screen and (min-width:1700px) {

    .file-section-content {
        padding: 46% 0;
    }
}


@media(min-width:1366px) and (max-width:1920px) {
    .account-content-form .form-group a ul li .result_txt {
        width: 6.5vw;
    }

    .custommodal {
        width: 540px;
        height: 254px !important;
    }

    .custommodal {
        height: auto;
        position: fixed;
        background-color: #fff;
        border-radius: 5px;
        text-align: center;
        z-index: 1400;
        box-shadow: 0 1px 13px 2px #696262;
        padding: 2em;
        display: none;
        top: calc(50vh - (/* height */254px / 2));
        left: calc(50vw - (/* width */540px / 2));
    }

    .marketing_group {
        margin-left: 3.18vw;
    }

    .heading_txt p {
        font-size: 0.55em;
        color: black;
        text-align: left;
        padding-left: 1.3em;
        margin-top: 1.12em;
    }

    .account-content-form .form-group a {
        width: 92%;
        float: left;
    }
}

@media(min-width:768px) and (max-width:1365px) {
    .custommodal {
        width: 500px;
        height: 250px;
    }

    .custommodal {
        height: auto;
        position: fixed;
        background-color: #fff;
        border-radius: 5px;
        text-align: center;
        z-index: 1400;
        box-shadow: 0 1px 13px 2px #696262;
        padding: 2em;
        display: none;
        top: calc(50vh - (/* height */250px / 2));
        left: calc(50vw - (/* width */500px / 2));
    }
}

@media(min-width:1920px) and (max-width:2550px) {
    .account-content-form .form-group a ul li .result_txt {
        width: 7.1vw;
    }

    .custommodal {
        width: 540px;
        height: 254px !important;
    }

    .custommodal {
        height: auto;
        position: fixed;
        background-color: #fff;
        border-radius: 5px;
        text-align: center;
        z-index: 1400;
        box-shadow: 0 1px 13px 2px #696262;
        padding: 2em;
        display: none;
        top: calc(50vh - (/* height */254px / 2));
        left: calc(50vw - (/* width */540px / 2));
    }

    .heading_txt p {
        font-size: 0.73em;
        color: #fff;
        text-align: left;
        padding-left: 1.2em;
        margin-top: 1.12em;
    }

    .account-content-form .form-group .loader {
        bottom: 1.95vh !important;
    }

    .account-content-form .form-group a {
        width: 92%;
        float: left;
    }
}

@media only screen and (min-width:2551px) {
    .custommodal {
        width: 900px;
        height: 250px;
    }

    .custommodal {
        height: auto;
        position: fixed;
        background-color: #fff;
        border-radius: 5px;
        text-align: center;
        z-index: 1400;
        box-shadow: 0 1px 13px 2px #696262;
        padding: 2em;
        display: none;
        top: calc(50vh - (/* height */250px / 2));
        left: calc(50vw - (/* width */900px / 2));
    }
}



form .fa.pull-left {
    margin-left: 1.25em;
    margin-top: 0.2em;
}

.open > ul.dropdown-menu li.RegionLock .fa {
    width: 10px;
    position: static;
    display: inline-block;
    float: right !important;
    height: 15px;
}

.account-content-form .download_files label .download_icon img {
    width: 22px;
}

.RegionEcslipse .RegionDisplay {
    width: 47px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.LanguageEcslips .LanguageLock {
    width: 47px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#region-DropDown .pull-left {
    margin-left: 0.69em;
    margin-top: 0.2em;
}

/*  -----Modal custom Css----- */

.overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*display:none;*/
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 1300; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    display: none;
}


/* just some content with arbitrary styles for explanation purposes */



.custommodal .button {
    text-transform: capitalize;
    font-size: .875rem;
    font-weight: 700;
    border: 1px solid #0068bc;
    border-radius: .25em;
    padding: .25em .85em;
    cursor: pointer;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
}

    .custommodal .button:hover {
        background: #0068bc;
        color: #fff;
    }

.custommodal h3 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-align: left;
    letter-spacing: .35px;
    margin-bottom: 1.5em;
}

.custommodal p {
    font-size: .78em;
    line-height: 1.75em;
    font-weight: 400;
    letter-spacing: 0.10px;
    margin-bottom: 1.5em;
}

.content {
    margin: 30px;
}

/*About Page Css*/

.box-border-top {
    background: #fff;
    border: 1px solid #c7c7c7;
    padding: 6vh 6vh 6vh 6vh;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px #cacaca;
}

.img-pro-content {
    width: 88px;
    height: 88px;
    margin: 0 auto;
    border: 2px solid #888;
    border-radius: 50%;
    text-align: center;
}

.img-circle {
    border-radius: 50%;
    object-fit: cover;
    height: 88px;
    font-size: 12px;
    /*border: 2px solid #888;*/
}

.grey-title-text {
    color: #b3b3b3;
    font-size: 14px;
    margin: 3.5vh 0
}

.black-title-name {
    font-weight: bold;
    font-size: 14px;
    margin: 2px 0;
    color: #000;
}

.black-sub-name {
    font-size: 14px;
    margin: 2px 0;
    color: #444;
}

.grey-lang-name {
    color: #b3b3b3;
    font-size: 14px;
    margin: 2px 0
}

.blue-title-link {
    margin: 32px 0 2px;
}

    .blue-title-link a {
        text-decoration: none;
        font-size: 14px;
        color: #0068bd
    }

        .blue-title-link a:hover {
            text-decoration: underline
        }

.site-link {
    margin: 40px 0
}

    .site-link a {
        text-decoration: none;
        font-size: 14px;
        color: #0068bd
    }

        .site-link a:hover {
            text-decoration: underline
        }

.title-head {
    margin: 15px 0;
    font-weight: bold;
    line-height: 46px;
    color: #003F72;
}

.details-block {
    font-size: 12px;
    line-height: 21.5px;
    color: #444;
    max-height: 31vh;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: justify;
}

.grey-lang-name img {
    max-width: 3vh;
    margin: 0 2px;
}

.social-section {
    margin: 4vh 0 0;
}

    .social-section img {
        max-width: 25px;
        margin: 0 5px;
        opacity: 1
    }

        .social-section img:hover {
            opacity: 0.8
        }

.global-address {
    margin: 25px 0;
}

.flex-block {
    display: flex;
    margin-bottom: 50px;
}

.loc-flex {
    margin-right: 7px;
}

    .loc-flex img {
        width: 18px;
        margin-left: 2px;
    }

.place-flex {
    flex: 1;
    font-size: 14px;
    color: #777
}

    .place-flex strong {
        color: #444;
    }

.details-location {
    width: 18%;
    position: absolute;
    left: 34%;
    bottom: 37%;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #cacaca;
    background: #fff;
    z-index: 99999;
}

    .details-location img {
        max-width: 100%;
        border-radius: 5px 5px 0 0;
    }

.location-full-img {
    width: 100%;
}

    .location-full-img img {
        width: 100%;
        object-fit: cover;
    }

.loc-details-content {
    padding: 20px 25px;
    font-size: 12px;
    text-align: left
}

.loc-block-1 {
    border-bottom: 1px solid #eee;
    color: #777
}

.loc-block-2 {
    padding-top: 20px;
}

    .loc-block-2 address {
        color: #ccc;
        margin-bottom: 10px;
    }

    .loc-block-2 span {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        margin-bottom: 5px;
        color: #777
    }

.map-bg {
    width: 130%;
    height: 660px;
    margin: 0 7%;
    text-align: center;
    position: relative
}

.animateup {
    position: fixed;
    display: none;
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 160px;
    z-index: 99999;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    transition: all 0.4s;
    border: 2px solid #003f72;
    text-align: center;
    cursor: pointer;
}

    .animateup i {
        font-size: 24px;
        color: #003f72;
        line-height: 0;
        margin-top: 20px;
        font-weight: bold;
    }

.address-popup-flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 7px;
}


@media only screen and (max-width:1199px) {
    .top-spacing {
        margin-top: 60px;
    }
}

@media only screen and (max-width:1000px) {
    .box-border-top {
        width: 100%;
    }

    .place-flex {
        font-size: 12px;
    }

    .details-location {
        width: 33%;
        left: 15% !important;
        bottom: 4% !important;
    }

    .loc-details-content {
        font-size: 12px;
    }

    .map-bg {
        height: auto;
    }

    .global-address {
        margin: 20px 0
    }
}



@media only screen and (max-width:767px) {
    .footer-content {
        height: 48px;
    }
}

@media only screen and (max-width:700px) {
    .details-block {
        font-size: 11px;
        line-height: 18.5px;
        margin: 20px 0;
    }

    .site-link {
        margin: 20px 0;
    }

        .site-link a {
            font-size: 13px;
            color: #0068bd;
        }

    .title-head {
        margin: 15px 0;
        line-height: 28px;
        font-size: 20px;
    }

    .details-location {
        width: 50%;
        left: 8% !important;
        bottom: 4% !important;
    }
}

@media only screen and (min-width:1600px) {
    .map-bg {
        height: 910px;
    }
}


.footer-stickysbd {
    max-width: 246px;
    position: absolute;
    top: -50px;
    right: 0px;
    height: 50px;
    background: #f2f7fb;
    padding-left: 3rem;
    padding-top: 0.5rem;
    /*border-radius: 36% 0px 0px 0px;
    border-top: 2px solid #d8e0df;*/
}

.login-account-mngr-block {
    padding: 5px;
    border-radius: 5px;
    background-color: #f2f7fb;
}

.login-account-manager-card-color {
    color: #757575;
}

.login-account-manager-card-font-size {
    font-size: 14px;
}

.sbd-blue {
    color: #003F72 !important;
}


.repo-tag {
    color: #000 !important;
    font-size: 16px !important;
    text-decoration: none;
}