@font-face {
    font-family: proximanova;
    font-weight: 300;
    src: url('fonts/proximanova-light-webfont.woff2') format('woff2'), url('fonts/proximanova-light-webfont.woff') format('woff'), url('fonts/proximanova-light-webfont.ttf') format('truetype');
}

@font-face {
    font-family: proximanova;
    font-weight: 400;
    src: url('fonts/proximanova-regular-webfont.woff2') format('woff2'), url('fonts/proximanova-regular-webfont.woff') format('woff'), url('fonts/proximanova-regular-webfont.ttf') format('truetype');
}

@font-face {
    font-family: proximanova;
    font-weight: 500;
    src: url('fonts/proximanova-medium-webfont.woff2') format('woff2'), url('fonts/proximanova-medium-webfont.woff') format('woff'), url('fonts/proximanova-medium-webfont.ttf') format('truetype');
}

@font-face {
    font-family: proximanova;
    font-weight: 600;
    src: url('fonts/proximanova-semibold-webfont.woff2') format('woff2'), url('fonts/proximanova-semibold-webfont.woff') format('woff'), url('fonts/proximanova-semibold-webfont.ttf') format('truetype');
}

@font-face {
    font-family: proximanova;
    font-weight: 700;
    src: url('fonts/proximanova-bold-webfont.woff2') format('woff2'), url('fonts/proximanova-bold-webfont.woff') format('woff'), url('fonts/proximanova-bold-webfont.ttf') format('truetype');
}
/*FONTS*/

html, body {
    /*overflow-x:hidden;*/
    min-width: 320px;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.428571429;
    color: #000;
    background-color: #ffffff;
}

a {
    color: #001EFF;
    text-decoration: none;
    cursor: pointer;
}

#logoUpload a {
    word-break: break-word;
}

td a {
    word-break: normal;
}

a:hover,
a:focus {
    color: #001EFF;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

.feature {
    font-family: proximanova,Arial,sans-serif;
    line-height: 1.4;
    font-size: 21px;
    font-weight: 500;
    color: #001EFF;
    border-top: 5px solid #001EFF;
    border-bottom: 5px solid #001EFF;
    padding: 10px 0px;
}

#trustModal .feature {
    font-family: proximanova,Arial,sans-serif;
    line-height: 1.15;
    font-size: 24px;
    font-weight: 300;
    color: #000;
    border-top: 0px solid #001EFF;
    border-bottom: 0px solid #001EFF;
    padding: 0px;
}

.feature a {
    color: #4d4d4d;
    text-decoration: underline;
}

    .feature a:hover,
    .feature a:focus {
        color: #262626;
        text-decoration: underline;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: proximanova,Arial;
}

h1 {
    font-size: 48px;
    margin-bottom: 28px;
}

h4, h5, h6 {
    margin-top: 0px;
}

b, strong {
    /*font-weight: 500;*/
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.panel-default h3 {
    color: #001EFF;
    font-weight: 400;
    margin-top: 0px;
}

.orange {
    color: #FF5000;
}

.blue {
    color: #001EFF;
}

li.nobullets {
    list-style-type: none;
    margin-left: 40px;
}



img {
    max-width: 100%;
}


/*NAV*/

.source-header {
    background-color: #001eff;
    width: 100%;
}

    .source-header .navbar-brand {
        display: none;
    }

.source-header-brand {
    color: #FFFFFF;
}

.source-header-divider {
    border-left: 1px solid #949494;
    float: left;
    height: 36px;
    margin-top: 25px;
    margin-right: 15px;
    display: none;
}

.source-header-welcome {
    float: left;
    padding: 0px;
    color: #fff;
}

    .source-header-welcome p {
        float: left;
        margin: 5px;
        font-size: 12px;
    }

.source-header .dropdown .btn-link {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    font-family: proximanova,Arial;
}

.source-header .dropdown .caret {
    border-top-color: #fff;
}

.source-header .dropdown .dropdown-menu {
    border-radius: 0px 0px 6px 6px;
    padding: 10px 0px;
    background-color: #f0f0f0;
    background-color: hsla(0,0%,99%,.96);
    z-index: 999999;
}

    .source-header .dropdown .dropdown-menu li {
        margin: 2px 0px;
    }

        .source-header .dropdown .dropdown-menu li a {
            display: block;
            margin: 0;
            padding: 5px 20px 3px;
            border-bottom: 2px solid transparent;
            color: #000;
            line-height: 1;
            font-weight: 400;
            font-family: proximanova,Arial;
            font-size: 14px;
        }

        .source-header .dropdown .dropdown-menu li b {
            padding: 12px 15px 0px;
            display: block;
        }


        .source-header .dropdown .dropdown-menu li a:hover {
            color: #f95b06;
        }

.source-header .top-nav {
    display: flex;
    flex-direction: row;
    margin-right: 0px;
    justify-content: flex-end;
}

.source-header .top-nav-welcome {
    color: #fff;
    text-align: right;
    font-size: 12px;
    font-weight: 300;
    margin-top: 4px;
}

    .source-header .top-nav-welcome b {
        font-weight: 600;
    }

.source-header .top-nav-menu {
    display: flex;
    justify-content: flex-end;
    height: auto !important;
}

    .source-header .top-nav-menu .dropdown {
        margin-right: 0px;
        margin-left: 15px;
    }

    .source-header .top-nav-menu .dropdown-toggle {
        color: #fff;
        font-size: 12px;
    }

    .source-header .top-nav-menu .dropdown .dropdown-toggle::after {
        content: "";
        background-image: url(../Content/Images/Icons/Nav/arrow.png);
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        float: right;
        width: 12px;
        height: 23px;
        background-size: 100%;
        margin-left: 5px;
    }

    .source-header .top-nav-menu .dropdown.open .dropdown-toggle::after {
        content: "";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .source-header .top-nav-menu .dropdown .dropdown-menu {
        top: 21px;
        right: 0;
        left: auto;
        background-color: #fff;
        border-radius: 0px;
    }

        .source-header .top-nav-menu .dropdown .dropdown-menu li a:hover {
            color: #000;
            background-color: transparent;
        }

    .source-header .top-nav-menu .dropdown-backdrop {
        position: relative;
        display: none;
    }

.top-nav-collapse {
    display: none;
}

.source-header .top-nav-welcome {
    display: none;
}

@media (min-width: 768px) {

    .source-header .top-nav {
        flex-direction: row;
        margin-right: 20px;
    }

    .source-header .top-nav-welcome {
        text-align: right;
        font-size: 12px;
        margin-top: 4px;
        display: block;
    }

    .source-header .top-nav-menu .dropdown-toggle {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .source-header .top-nav-menu {
        justify-content: space-between;
        width: 100%;
    }

        .source-header .top-nav-menu .dropdown {
            margin-right: 0px;
            margin-left: 0px;
        }

    .currentRegion {
        display: none;
    }

    .source-header .top-nav-menu .dropdown .dropdown-menu {
        right: 0;
        left: 0;
        width: 100%;
        position: fixed;
    }
    /*.top-nav-collapse {
        display:inline;
    }
    
    .source-header .top-nav-welcome {
        text-align:left;
        font-size:14px;
        padding:10px 0px;
        position:relative;
        margin-top: 0px;
    }

    .hidden-xxs {
        display:none;
    }
    .brand-container {
        height:0px;
        display:none;
    }
    .source-header .top-nav {
        flex-direction:column;
    }
    .source-header .top-nav-menu {
        justify-content:space-between;
        width:100%;
        flex-direction:column;
    }

    .source-header .top-nav-menu.collapse {
        display:none;
    }

    .source-header .top-nav-menu .dropdown {
        margin-right: 0px;
        margin-left:0px;
        display:flex;
        flex-direction:column;
    }
    .source-header .top-nav-menu .dropdown-toggle {
        color: #fff;
        font-size: 14px;
        padding:10px 0px;
        position:relative;
    }
    .source-header .top-nav-menu .dropdown .dropdown-menu {
        top: auto;
        right: auto;
        left: auto;
        border-radius: 0px;
        margin:0px -16px;
        position:
    }
    .source-header .top-nav .user-nav-icon {
        right: 0px;
        position: absolute;
        top: 42%;
    }*/
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    overflow-x: hidden;
    -webkit-transition: height 0s ease;
    transition: height 0s ease;
}

.navbar {
    background-color: #fff;
    border: 0px solid #fff;
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #D8DAD9;
}

    .navbar.is-expanded {
        position: fixed;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
    }

        .navbar.is-expanded .nav-container .navbar-collapse {
            display: block;
        }

    .navbar .nav-container .navbar-collapse {
        display: none;
    }

.is-expanded .nav-search-btn {
    display: none;
}

.navopen-icon, .navclose-icon, .navsearch-icon {
    width: 20px;
    height: 20px;
    float: left;
    color: #4d4d4d;
}

.is-expanded .navopen-icon, .navclose-icon, .nav-search-btn.collapsed .navclose-icon, .nav-search-btn .navsearch-icon {
    display: none;
}

.is-expanded .navclose-icon, .nav-search-btn .navclose-icon, .nav-search-btn.collapsed .navsearch-icon {
    display: block;
}

.navbar.affix {
    margin-top: 0px;
    position: fixed;
}

.navbar .navbar-brand {
    color: #FFFFFF;
    padding: 0px 10px;
}

.navbar .navbar-nav > li > a, .navbar .navbar-right > li > a {
    font-family: proximanova,Arial;
    color: #4d4d4d;
    background-color: #FFFFFF;
    border-top: 1px solid #dedede;
    padding: 16px 20px;
    font-weight: 700;
    font-size: 16px;
}

.navbar-nav, .navbar-right {
    margin: 0px;
}

    .navbar-right > li > .dropdown-menu {
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
    /*text-decoration: underline;
    color:#001EFF;
    background-color: #FFF;
    border-bottom: 1px solid #dedede;*/
    opacity: 0.8;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-collapse {
    border-top: 0px solid transparent;
    padding-right: 0px;
    padding-left: 0px;
    max-height: 100%;
    height: 100% !important;
}

.navbar-toggle.collapsed {
    background-color: #fff;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 18px 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: #fff;
}

    .navbar-toggle .icon-bar {
        display: block;
        width: 15px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 3px;
        }

.dropdown-menu .divider {
    margin: 2px 9px 0px 9px;
    overflow: hidden;
    background-color: #f2f2f2;
    height: auto;
}

.dropdown-menu > li > a {
    display: block;
    padding: 1px 20px;
    clear: both;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.428571429;
    color: #001EFF;
    white-space: nowrap;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #F05A22;
        text-decoration: underline;
        background-color: transparent;
    }

.navbar-nav .open .dropdown-menu, .navbar-right .open .dropdown-menu {
    background-color: #fff;
    border-radius: 0px;
    padding-left: 0px;
}

.btn-search {
    background-image: url(../Content/Images/Icons/blue-search.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100%;
    border: 0px solid;
    height: 18px;
    width: 18px;
    top: 25px;
    right: 24px;
    position: absolute;
    border: none !important;
    outline: none !important;
}

    .btn-search.searching {
        background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
    }

.btn-in-search {
    background-image: url(../Content/Images/Icons/search.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100%;
    border: 0px solid;
    height: 18px;
    width: 18px;
    top: 5px !important;
    right: 220px;
    position: absolute;
    border: none !important;
    outline: none !important;
}

.btn-search-big {
    background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
    background: no-repeat;
    background-size: contain;
}

.big-searching,
.btn-in-search.searching {
    background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
}

.nav-search-btn {
    padding: 18px 10px;
}

.nav-search {
    background-image: url(../Content/Images/Icons/search.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% auto;
}

.navbar-form {
    width: auto;
    position: relative;
    padding: 0px 10px;
    float: none;
    background-color: #fff;
    border-top: 1px solid #D8DAD9;
}

    .navbar-form .form-control {
        border: 1px solid #666666;
        width: 100%;
        margin: 10px 0px;
        height: 50px;
        padding-right:35px;
    }

.form-control:focus {
    border: 1px solid #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.source-sub-menu {
    width: 100%;
    font-family: proximanova,Arial;
    min-height: 50px;
    clear: both;
    display: table;
    content: " ";
}

    .source-sub-menu .nav > li > a {
        color: #4D4D4E;
        font-size: 18px;
    }

        .source-sub-menu .nav > li > a:hover, .source-sub-menu .nav > li > a:focus {
            text-decoration: underline;
            background-color: #fff;
        }

.sub-nav-favourites {
    background-image: url(../Content/Images/Icons/favourite-icon.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-left: 35px !important;
}

.sub-nav-home {
    background-image: url(../Content/Images/Icons/Home-icon.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 45px !important;
}

.back-to-the-source {
    font-weight: 500;
}

    .back-to-the-source:before {
        content: "\2039";
        font-size: 24px;
        font-weight: 300;
        margin-right: 5px;
    }

    .back-to-the-source:hover, .back-to-the-source:focus {
        text-decoration: none !important;
    }

@media (max-width:767px) {
    .navbar-right .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        box-shadow: none;
    }
}

.container {
    position: relative;
}

#Search {
    max-width: 100%;
}

.source-header-contents::before, .source-header-contents::after {
    display: none;
    content: " ";
}
/*.navbar-brand-container {
    display:none;
}*/
.navbar-brand {
    display: none;
}

.navbar-brand-container, .navbar-brand-container a {
    display: flex;
    height: 60px;
}

    .navbar-brand-container .logo-brand {
        background-image: url(../Content/Images/Logos/logo.svg);
        background-repeat: no-repeat;
        background-size: 87% auto;
        background-position: center center;
        width: 195px;
    }

    .navbar-brand-container .logo-divider {
        display: none;
    }

    .navbar-brand-container .logo-thesource {
        display: none;
    }

@media (min-width: 481px) {
    .source-header-contents {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-flow: row nowrap;
    }

    .brand-container .logo-thesource {
        font-family: proximanova,Arial;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #000;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        margin: 13px 12px;
    }

    .navbar-brand-container .logo-divider {
        width: 1px;
        background-color: #4d4d4d;
        margin: 10px 0px;
        display: block;
    }

    .navbar-brand-container .logo-thesource {
        font-family: proximanova,Arial;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 1px;
        color: #000;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        margin: 13px 12px;
        display: block;
    }

    .navbar .navbar-brand {
        display: none;
        padding: 15px 15px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-header {
        float: none;
    }

    .navbar .collapse {
        display: none;
    }

    .navbar-collapse .nav, .navbar-collapse .nav li {
        width: 100%;
    }

    .dropdown-menu {
        position: relative;
    }

    .user-nav {
        position: absolute;
    }

    .navbar-nav > li > .dropdown-menu, .navbar-right > li > .dropdown-menu {
        width: 100%;
        border: 0px;
        box-shadow: none;
        background-color: transparent;
        padding: 0px 0px 0px 20px;
    }

        .navbar-nav > li > .dropdown-menu li, .navbar-right > li > .dropdown-menu li {
            background-color: transparent;
        }

            .navbar-nav > li > .dropdown-menu li a, .navbar-right > li > .dropdown-menu li a {
                padding: 5px 0px 5px 20px;
                white-space: normal;
            }

                .navbar-nav > li > .dropdown-menu li a:hover, .navbar-right > li > .dropdown-menu li a:hover {
                }

    .navbar-form {
        float: none !important;
    }

        .navbar-form .form-group {
            display: block;
        }
}

@media (max-width: 1023px) {
    .navbar-nav > li > .dropdown-menu {
        columns: 1 !important;
    }
}

#right-nav {
    background-color: #fff;
}

.logo-responsive {
    background-image: url(../Content/Images/Logos/logo.svg);
    width: 150px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    height: 50px;
}

.logo-footer {
    /*background-image: none;*/ /*url(../Content/Images/Logos/lseg-footer-logo.png);*/
    /*background-repeat: no-repeat;*/
    background-size: 100% auto;
    /*background-position: center center;*/
    width: 100%;
    max-width: 400px;
    margin: 0px;
    height: 100px;
    background-image: url(../Content/Images/Logos/Footer/lseg.png), url(../Content/Images/Logos/Footer/data-analytics.png);
    background-position: right bottom, left top;
    background-repeat: no-repeat, no-repeat;
}


.footer-logos-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: start;
    align-items: center;
    margin: 15px;
}

.footer-img {
    height: 45px;
    width: auto;
    margin: 15px 20px;
}

.logo-lseg {
    background-image: url(../Content/Images/Logos/Footer/lseg.png);
    width:212px;
}
.logo-lseg-fx {
    background-image: url(../Content/Images/Logos/Footer/lseg-fx.png);
    width: 117px;
}
.logo-ftse-russell {
    background-image: url(../Content/Images/Logos/Footer/ftse-russell.png);
    width: 172px;
}
.logo-data-analytics {
    background-image: url(../Content/Images/Logos/Footer/data-analytics.png);
    width: 209px;
}
.logo-risk-intelligence {
    background-image: url(../Content/Images/Logos/Footer/risk-intelligence.png);
    width: 222px;
}

.nav-search-input {
    background-image: none;
}

.navbar-header {
    margin-right: 50px;
}

@media (min-width: 1024px) {

    .btn-search {
        top: 22px;
        display: none;
    }

    .in-search .btn-search {
        display: inline-block;
    }

    .navbar .navbar-nav > li > a, .navbar .navbar-right > li > a {
        font-family: proximanova,Arial;
        color: #000;
        background-color: #FFFFFF;
        border-bottom: 1px solid #dedede;
        border-top: 0px solid #dedede;
    }

    .collapsing {
        -webkit-transition: height 0.35s ease;
        transition: height 0.35s ease;
    }

    .logo-responsive {
        display: none;
    }

    .navbar-form {
        width: 65px;
        transition: width 0.3s;
        position: absolute;
        top: 50px;
        right: 25px;
        display: block;
        padding: 0px 15px;
        margin-left: 0px;
        /*margin-right: 20px;*/
        margin-right: 53px;
    }

    .navbar-nav > li > .dropdown-menu, .navbar-right > li > .dropdown-menu {
        width: auto;
        padding: 5px 0;
    }

        .navbar-nav > li > .dropdown-menu li a, .navbar-right > li > .dropdown-menu li a {
            white-space: nowrap;
            padding: 1px 20px;
        }

    .dropdown-menu {
        position: absolute;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        margin-right:33px;
    }

    .navbar-header {
        float: left;
        margin-right: 0px;
    }

    .user-nav-icon {
        margin-left: 8px;
        margin-bottom: 2px;
    }

    .source-header-contents {
        display: flex;
        height: 23px;
        justify-content: flex-end;
        align-items: center;
        flex-flow: row nowrap;
    }

    .brand-container {
        display: flex;
        height: 64px;
        float: left;
    }

        .brand-container a {
            display: flex;
        }

        .brand-container .logo-brand {
            background-image: url(../Content/Images/Logos/logo.svg);
            background-repeat: no-repeat;
            background-size: 87% auto;
            background-position: center center;
            width: 195px;
        }

        .brand-container .logo-divider {
            width: 1px;
            background-color: #4d4d4d;
            margin: 10px 0px;
        }

        .brand-container .logo-thesource {
            font-family: proximanova,Arial;
            font-size: 24px;
            font-weight: 600;
            letter-spacing: 1px;
            color: #000;
            white-space: nowrap;
            text-align: center;
            vertical-align: middle;
            margin: 13px 12px;
        }

    .source-header .navbar-brand {
        display: block;
        padding: 15px 15px 0px 15px;
    }

    .source-header-welcome {
        padding: 10px 0px;
    }

        .source-header-welcome p {
            font-family: proximanova,Arial;
            font-size: 16px;
            font-weight: 300;
            margin-top: 0px;
            float: none;
        }

        .source-header-welcome .thesource {
            letter-spacing: 1px;
            font-size: 29px;
            font-weight: 500;
            margin-top: 5px;
            margin-bottom: 0px;
        }

    .source-header-divider {
        display: block;
    }

    .source-header .dropdown {
        margin-right: 20px;
    }

        .source-header .dropdown .btn-link {
            font-size: 18px;
        }

        .source-header .dropdown .dropdown-menu {
            top: 46px;
        }


    .navbar {
        position: absolute;
        margin-top: 23px;
        border-bottom: 1px solid #D8DAD9;
        height: auto;
        width: 100%;
    }

        .navbar.is-expanded {
            position: absolute;
            height: auto;
        }

        .navbar .navbar-brand img {
            margin-left: 0px;
        }

    .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
        position: relative;
        width: auto;
        right: 0px;
        border: 0px solid gray;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: right;
    }

        .navbar-collapse .nav, .navbar-collapse .nav li {
            width: auto;
        }

    .navbar-nav > li, .navbar-right > li {
        float: left;
    }

    .navbar .navbar-nav > li > a, .navbar .navbar-right > li > a {
        color: #4d4d4d;
        background-color: #fff;
        border-bottom: 0px #F57F20 solid;
        font-weight: 600;
        font-size: 14px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 22px;
        padding-bottom: 22px;
        line-height: 20px;
        margin-right: 20px;
    }

    .navbar .navbar-right > li > a {
        margin-right: 0px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
        text-decoration: none;
        color: #4d4d4d;
        background-color: #fff;
        border-bottom: 4px solid #001EFF;
        padding-bottom: 18px;
    }

    .navbar-nav > li > .dropdown-menu, .navbar-right > li > .dropdown-menu {
        margin-top: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border: 0px solid #fff;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
        background-color: #FFF;
    }

    .nav > li {
        margin-right: 5px;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-form.in-search {
        width: 400px;
    }

    .navbar-form {
        right: 0px;
        top: 0px;
        background-color: transparent;
    }

    #right-nav {
        opacity: 1;
        transition: opacity 0.3s;
        margin-right: 32px;
        background-color: transparent;
    }

        #right-nav.in-search {
            opacity: 0;
        }

    .navbar-form .form-group {
        width: 100%;
    }

    .nav-search-input {
        background-image: url(../Content/Images/Icons/blue-search.svg) !important;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 35px 18px;
        border-radius: 20px !important;
        color: transparent !important;
    }

    .navbar-form .form-control {
        /*border-radius: 2px;*/
        /*border: 1px solid #666666;*/
        border: 1px solid #fff;
        width: 100%;
        margin: 16px 0px;
        height: 30px;
        box-shadow: none;
        cursor: pointer;
        padding-right: 0px;
    }
    .in-search .nav-search-input {
        padding-right: 30px;
    }

        .navbar-form .form-control.nav-search-input::placeholder {
            color: transparent !important;
        }

    .navbar-form.in-search .form-control.nav-search-input {
        cursor: text;
        border-radius: 2px;
        border: 1px solid #666666;
        color: #000 !important;
    }

    .navbar-form .form-control.nav-search-input.searching {
        background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif) !important;
    }

    .navbar-form.in-search .form-control.nav-search-input::placeholder {
        color: #000 !important;
    }

    .navbar-form.in-search .form-control.nav-search-input {
        background-image: none !important;
    }

    .navbar-nav .open .dropdown-menu, .navbar-right .open .dropdown-menu {
        background-color: #FFF;
        padding-left: 0px;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #F05A22;
        text-decoration: underline;
        background-color: #FFF;
    }

    .dropdown-menu .divider {
        background-color: #fff;
    }

    .source-sub-menu {
        margin-top: 50px;
        height: 50px
    }

    .navbar-toggle {
        display: none;
    }

    .navbar .collapse {
        display: block;
    }


    .navbar-nav > li > .dropdown-menu {
        padding: 20px;
    }
}

.page-info-container {
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    flex-wrap:nowrap;
}



.page-breadcrumbs {
    margin-bottom:10px;
}

@media (min-width:767px) {
    .page-info-container {
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .page-info {
        white-space: nowrap;
    }
    .page-breadcrumbs {
        margin-bottom: 0px;
    }
}

.breadcrumb {
    padding: 0px; /*15px;*/
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    font-size:12px;
}

    .breadcrumb > .active {
        color: #000;
    }

.breadcrumb > li > a {
    /*color: #8c8c8c;*/
}

.breadcrumb > li > a:hover,.breadcrumb > li > a:focus {
    /*color: #000;*/
    /*text-decoration: none;*/
}

.breadcrumb > li + li::before {
/*    padding: 0px 5px;
    color: #8c8c8c;
    content: "\203A";*/
    padding: 0px 0px;
    color: transparent;
    content: "";
}

.breadcrumb li::after {
    padding: 0px 5px;
    color: #8c8c8c;
    content: "\203A";
}

.breadcrumb li:last-child::after {
    padding: 0px 0px;
    color: transparent;
    content: "";
}

/*BUTTONS*/

table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
    color: #333 !important;
}

.btn {
    font-family: proximanova;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    padding: 10px 30px;
}

    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.home-content .btn {
    margin-right: 50px;
    margin-top: 20px;
}

.btn-lg {
    padding: 20px 40px;
    border-radius: 12px;
}

.btn-small {
    padding: 20px 40px;
    border-radius: 12px;
}

.btn-primary {
    background-color: #FF5000;
    border-color: #FF5000;
    border-bottom-color: #c60;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover {
        background-color: #DC4500;
        border-color: #DC4500;
    }

    .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus {
        background-color: #afafaf;
        border-color: #afafaf;
    }

.btn-default {
    background-color: #fff;
    border-color: #4d4d4d;
    color: #4d4d4d;
}
.btn-upload-disabled {
    background-color: #D8DAD9;
    border-color: #4d4d4d;
    color: #4d4d4d;
    cursor: not-allowed;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #fff;
        background-color: #4d4d4d;
        border-color: #4d4d4d;
    }

    .btn-default:hover {
        color: #fff;
        background-color: #4d4d4d;
        border-color: #4d4d4d;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #4d4d4d;
        border-color: #4d4d4d;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #fff;
            background-color: #4d4d4d;
            border-color: #4d4d4d;
        }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #afafaf;
        color: #afafaf;
    }


.btn-reverse {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    color: #fff;
}

    .btn-reverse:focus,
    .btn-reverse.focus {
        color: #4d4d4d;
        background-color: #fff;
        border-color: #4d4d4d;
    }

    .btn-reverse:hover {
        color: #4d4d4d;
        background-color: #fff;
        border-color: #4d4d4d;
    }

    .btn-reverse:active,
    .btn-reverse.active,
    .open > .dropdown-toggle.btn-reverse {
        color: #4d4d4d;
        background-color: #fff;
        border-color: #4d4d4d;
    }

        .btn-reverse:active:hover,
        .btn-reverse.active:hover,
        .open > .dropdown-toggle.btn-reverse:hover,
        .btn-reverse:active:focus,
        .btn-reverse.active:focus,
        .open > .dropdown-toggle.btn-reverse:focus,
        .btn-reverse:active.focus,
        .btn-reverse.active.focus,
        .open > .dropdown-toggle.btn-reverse.focus {
            color: #4d4d4d;
            background-color: #fff;
            border-color: #4d4d4d;
        }

    .btn-reverse.disabled:hover,
    .btn-reverse[disabled]:hover,
    fieldset[disabled] .btn-reverse:hover,
    .btn-reverse.disabled:focus,
    .btn-reverse[disabled]:focus,
    fieldset[disabled] .btn-reverse:focus,
    .btn-reverse.disabled.focus,
    .btn-reverse[disabled].focus,
    fieldset[disabled] .btn-reverse.focus {
        background-color: #afafaf;
        border-color: #fff;
        color: #afafaf;
    }


.btn-secondary {
    background-color: #001eff;
    border-color: #001eff;
    border-bottom-color: #001eff;
    color:#ffffff;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:active:hover {
        background-color: #001eff;
        border-color: #001eff;
        color: #ffffff;
    }

    .btn-secondary[disabled], .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary.focus[disabled], fieldset[disabled] .btn-secondary.focus {
        background-color: #afafaf;
        border-color: #afafaf;
        color: #ffffff;
    }


.btn-danger {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
    border-bottom-color: #262626;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #262626;
        border-color: #262626;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #262626;
        border-color: #262626;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #262626;
        border-color: #262626;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #262626;
            border-color: #262626;
        }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d5d5d5;
        border-color: #d5d5d5;
        color: #9f9f9f;
    }

.btn-success {
    color: #fff;
    background-color: #79a12f;
    border-color: #79a12f;
    border-bottom-color: #2f6323;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #2f6323;
        border-color: #2f6323;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #2f6323;
        border-color: #2f6323;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #2f6323;
        border-color: #2f6323;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #2f6323;
            border-color: #2f6323;
        }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #e9e9e9;
        border-color: #e9e9e9;
        color: #262626;
    }

.btn-link {
    color: #001EFF;
    padding: 0px;
    font-weight: bold;
    font-size: 18px;
}

    .btn-link:hover, .btn-link:focus {
        color: #001EFF;
        text-decoration: underline;
    }

.btn-delete {
    background-color: #F5475B;
    border-color: #F5475B;
    color: #fff;
}

    .btn-delete:hover {
        color: #fff;
        background-color: #840606;
        border-color: #840606;
    }

.btn-blue, .btn-blue:hover, btn-blue:active, btn-blue:focus {
    color: #fff !important;
    background-color: #001eff;
    border-color: #001eff;
}

    .btn-blue a {
        color: #fff !important;
    }

.btn-info {
    background-image: url(../Content/Images/Icons/info-icon-normal-black.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border-color: transparent;
    color: transparent;
    padding: 1px 10px;
}

    .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:hover, .btn-info:active:focus {
        background-image: url(../Content/Images/Icons/info-icon-hover-black.png);
        background-repeat: no-repeat;
        background-color: transparent;
        border-color: transparent;
        color: transparent;
        padding: 1px 10px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.btn-pill {
    border-radius: 20px;
    padding: 3px 20px;
}

.btn-sm {
    padding: 3px 20px;
}

.btn-icon {
    padding: 0px !important;
    height: 22px;
    width: 20px;
    background-size: contain;
}

.info-tooltip {
    position: relative;
    display: inline-block;
    background-image: url(../Content/Images/Icons/info-icon-normal-black.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border-color: transparent;
    color: transparent;
}

    .info-tooltip.active {
        background-image: url(../Content/Images/Icons/info-icon-hover-black.png);
        background-repeat: no-repeat;
        background-color: transparent;
        border-color: transparent;
        color: transparent;
        padding: 1px 10px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .info-tooltip .info-tooltiptext {
        visibility: hidden;
        width: 250px;
        background-color: #001eff;
        color: #fff;
        text-align: center;
        border-radius: 0px;
        padding: 12px;
        position: absolute;
        z-index: 1;
        bottom: 165%;
        left: 50%;
        margin-left: -125px;
        font-weight: 300;
        font-size: 13px;
        height: auto !important;
        display: block;
        word-wrap: normal;
        white-space: normal;
        z-index: 2;
    }

    .info-tooltip .info-tooltiptail {
        background-color: #001eff;
        width: 18px;
        height: 18px;
        position: absolute;
        left: 116px;
        transform: rotate(45deg);
        bottom: -9px;
        z-index: 1;
    }

    .info-tooltip:hover .info-tooltiptext, .info-tooltip:active .info-tooltiptext, .info-tooltip:focus .info-tooltiptext {
        /*.info-tooltip.active .info-tooltiptext {*/
        visibility: visible;
    }

.info-tooltip-offset-left {
    margin-left: -30px;
}


/*DataTables*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
}

table.dataTable tbody td.select-checkbox::before, table.dataTable tbody th.select-checkbox::before {
    content: ' ';
    margin-top: 15%;
    margin-left: -6px;
    border: 1px solid rgb(175, 175, 175) !important;
    border-radius: 0px !important;
}

table.dataTable tbody td.select-checkbox::before, table.dataTable tbody td.select-checkbox::after, table.dataTable tbody th.select-checkbox::before, table.dataTable tbody th.select-checkbox::after {
    display: block;
    position: absolute;
    top: 44% !important;
    left: 50%;
    width: 20px !important;
    height: 20px !important;
    box-sizing: border-box;
}

table.dataTable tr.selected td.select-checkbox::after, table.dataTable tr.selected th.select-checkbox::after {
    content: '\e013' !important;
    margin-top: -8px !important;
    margin-left: -6px !important;
    text-align: center;
    text-shadow: none !important;
    color: #001EFF;
    font-family: 'Glyphicons Halflings';
}

table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
    color: #333 !important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: rgba(233, 233, 233, 0.7) !important;
}

.table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td {
    border-top: 1px solid #666;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #666 !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #666 !important;
}

table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before {
    color: #F57F20 !important;
    border: 0px solid transparent !important;
    border-radius: 0px !important;
    box-shadow: 0 0 0px transparent !important;
    font-family: 'Glyphicons Halflings' !important;
    content: "\002b" !important;
    background-color: transparent !important;
}

table.dataTable.dtr-column > tbody > tr.parent td.control::before, table.dataTable.dtr-column > tbody > tr.parent th.control::before {
    content: "\2212" !important;
}



#datatable_filter input, #downloadhistorytable_filter input {
    border: 1px solid #666;
    padding: 5px 15px;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 5px;
}

    #datatable_filter input:focus, #downloadhistorytable_filter input:focus {
        border: 1px solid #000;
    }

#datatable_filter label::after, #downloadhistorytable_filter label::after {
    content: "";
    background-image: url(../Content/Images/Icons/search-btn.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100%;
    border: 0px solid;
    height: 18px;
    width: 18px;
    top: 8px;
    right: 8px;
    position: absolute;
}

.nowrap {
    white-space: nowrap;
}

.container-fluid .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #001EFF !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

    .container-fluid .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
    .container-fluid .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        text-decoration: underline !important;
        color: #001EFF !important;
    }

    .container-fluid .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .container-fluid .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .container-fluid .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        color: #666 !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

.container-fluid .dataTables_wrapper .dataTables_paginate span .paginate_button {
    color: #FF5000 !important;
    border: 1px solid #FF5000 !important;
    border-radius: 0px !important;
    background: transparent !important;
}

    .container-fluid .dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
    .container-fluid .dataTables_wrapper .dataTables_paginate span .paginate_button:active {
        background: #FF5000 !important;
        text-decoration: none !important;
        color: #FFF !important;
        border: 1px solid #FF5000 !important;
    }

    .container-fluid .dataTables_wrapper .dataTables_paginate span .paginate_button.current {
        color: #ffffff !important;
        border: 1px solid #FF5000 !important;
        border-radius: 0px !important;
        background: #FF5000 !important;
        text-decoration: none !important;
    }

/*Dashboard Selectors*/

.compressed-selector div.tree-multiselect {
    border: 0px;
    display: flex;
    flex-direction:column;
    width: 94%;
    max-height: auto !important;
    overflow-y: auto;
}
.compressed-selector div.tree-multiselect > div.selections {
    border: solid 1px #000000;
    height: auto !important;
    max-height: 150px !important;
    overflow-y: scroll;
    width:100%;
    border-radius:5px;
}
.compressed-selector div.tree-multiselect > div.selected {
    padding-left: 0px !important;
    border-left: 0px;
    max-height: auto !important;
    height: auto !important;
    overflow-y: auto;
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
}
.compressed-selector div.tree-multiselect > div.selected .item{
    /*flex-grow: 1;*/
    display: inline-block;
    width:auto;
    margin-right: 5px;
    margin-bottom: 5px !important;
}

.compressed-selection div.tree-multiselect > div.selected .item {
    /*flex-grow: 1;*/
    display: inline-block;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px !important;
}

/* The animation code */
@keyframes newtag {
    from {
        background-color: limegreen;
    }

    to {
        background-color: #eaeaea;
    }
}

.compressed-selection div.tree-multiselect > div.selected .item {
    animation-name: newtag;
    animation-duration: 10s;
}

.compressed-selection div.tree-multiselect > div.selected .item2 {
    /*flex-grow: 1;*/
    display: inline-block;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px !important;
}
.compressed-selection div.tree-multiselect > div.selected .item3 {
    /*flex-grow: 1;*/
    display: inline-block;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px !important;
}

#NewAuthorContainer {
    margin-bottom: 10px;
}

#NewAuthorContainer .item {    
    display: inline-block;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px !important;
    background: #EAEAEA;
    border-radius: 2px;
    padding: 5px 10px;
    overflow: auto;
}
#NewAuthorContainer span.remove-selected {
  background: #777;
  border-radius: 2px;
  color: white;
  margin-right: 5px;
  padding: 0 3px;
}

/*#NewTagContainer {
    margin-bottom: 10px;
}

#NewTagContainer .item {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px !important;
    background: #EAEAEA;
    border-radius: 2px;
    padding: 5px 10px;
    overflow: auto;
}

#NewTagContainer span.remove-new-tag {
    background: #777;
    border-radius: 2px;
    color: white;
    margin-right: 5px;
    padding: 0 3px;
}*/

/*dashboard table styling*/
.container-fluid .author-table .dataTables_wrapper, .author-table {
    width: 100% !important;
}

.container-fluid .tag-table .dataTables_wrapper, .tag-table {
    width: 100% !important;
}

.container-fluid .taggroup-table .dataTables_wrapper, .taggroup-table {
    width: 100% !important;
}

.qas-table .dataTables_wrapper .dataTables_paginate .paginate_button,
.container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #001eff !important;
    border: 1px solid #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0px !important;
    font-size: 14px;
}

    .qas-table .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
    .qas-table .dataTables_wrapper .dataTables_paginate .paginate_button:active,
    .container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
    .container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        text-decoration: none !important;
        color: #001EFF !important;
        background-color: #eee !important;
    }

    .qas-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .qas-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .qas-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
    .container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        color: #999 !important;
        border: 1px solid #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

.qas-table .dataTables_wrapper .dataTables_paginate .ellipsis,
.container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .ellipsis {
    margin: 0px !important;
    font-size: 14px;
    color: #666 !important;
    border: 1px solid #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    border-right: 0px !important;
    display: inline-block;
    padding: 0.5em 1em !important;
}

.qas-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.qas-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.qas-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous:active,
.container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.previous:active {
    border-right-width: 0px !important;
    border-radius: 5px 0px 0px 5px !important;
}

.qas-table .dataTables_wrapper .dataTables_paginate .paginate_button.next,
.container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border-radius: 0px 5px 5px 0px !important;
}

.qas-table .dataTables_wrapper .dataTables_paginate span .paginate_button,
.container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate span .paginate_button {
    color: #001eff !important;
    border: 1px solid #000 !important;
    border-radius: 0px !important;
    background: transparent !important;
    margin: 0px;
    border-right-width: 0px !important;
}

    .qas-table .dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
    .qas-table .dataTables_wrapper .dataTables_paginate span .paginate_button:active,
    .container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
    .container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate span .paginate_button:active {
        background: #eee !important;
        text-decoration: none !important;
        color: #001EFF !important;
        border: 1px solid #000 !important;
        border-right-width: 0px !important;
    }

    .qas-table .dataTables_wrapper .dataTables_paginate span .paginate_button.current,
    .container-fluid .sd-submissions .dataTables_wrapper .dataTables_paginate span .paginate_button.current {
        color: #999 !important;
        border: 1px solid #000 !important;
        border-radius: 0px !important;
        background: transparent !important;
        text-decoration: none !important;
        cursor: default !important;
        border-right-width: 0px !important;
    }

.container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #001eff !important;
    border: 1px solid #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0px !important;
    font-size: 14px;
}

    .container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
    .container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        text-decoration: none !important;
        color: #001EFF !important;
        background-color: #eee !important;
    }

    .container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        color: #999 !important;
        border: 1px solid #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

.container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .ellipsis {
    margin: 0px !important;
    font-size: 14px;
    color: #666 !important;
    border: 1px solid #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    border-right: 0px !important;
    display: inline-block;
    padding: 0.5em 1em !important;
}

.container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button.previous:active {
    border-right-width: 0px !important;
    border-radius: 5px 0px 0px 5px !important;
}

.container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border-radius: 0px 5px 5px 0px !important;
}

.container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate span .paginate_button {
    color: #001eff !important;
    border: 1px solid #000 !important;
    border-radius: 0px !important;
    background: transparent !important;
    margin: 0px;
    border-right-width: 0px !important;
}

    .container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
    .container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate span .paginate_button:active {
        background: #eee !important;
        text-decoration: none !important;
        color: #001EFF !important;
        border: 1px solid #000 !important;
        border-right-width: 0px !important;
    }

    .container-fluid .sd-sharedlinks .dataTables_wrapper .dataTables_paginate span .paginate_button.current {
        color: #999 !important;
        border: 1px solid #000 !important;
        border-radius: 0px !important;
        background: transparent !important;
        text-decoration: none !important;
        cursor: default !important;
        border-right-width: 0px !important;
    }

    .sd-sharedlinks .dataTables_wrapper .dataTables_paginate {
        float:left !important;
        text-align:left !important;
        margin-right:10px !important;
    }

    .sd-sharedlinks .dataTables_wrapper .dataTables_info{
        clear:none !important;
        float: left !important;
    }

    .sd-sharedlinks .dataTables_wrapper .dataTables_length{
        float:right !important;
        padding-top: 0.25em !important;
    }


td.align-center, th.align-center {
    text-align: center !important;
}

.sd-submissions .dataTables_length {
    float: right !important;
    padding-top: 0.25em;
}

    .sd-submissions .dataTables_length label select, .sd-submissions #statusFilter, .sd-submissions #ownerFilter {
        border: 1px solid #000;
        margin-left: 10px;
        border-radius: 5px;
        font-size: 14px;
        padding: 0.63em 0.5em;
    }

    .sd-sharedlinks .dataTables_length label select {
        border: 1px solid #000;
        margin-left: 10px;
        border-radius: 5px;
        font-size: 14px;
        padding: 0.63em 0.5em;
    }

.sd-submissions .dataTables_info {
    font-size: 14px;
}

.sd-submissions .dataTables_filter label input {
    border: 1px solid #000 !important;
    border-radius: 5px;
    padding: 0.5em 0.8em;
    font-size: 14px;
    color: #000;
    background-image: url(../Content/Images/Icons/blue-search.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 35px 18px;
    background-position: right center;
}

.sd-submissions .status_filter_container {
    float: right;
    font-size: 14px;
}

.sd-submissions .info-tooltip {
    width: 16px !important;
    height: 18px !important;
}



.adminreview-filters {
    position: relative;
    background: gainsboro;
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    overflow: auto;
    height: 100%;
    padding-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
}

    .adminreview-filters input {
        border: solid 1px #ff8000;
        width: 220px !important;
        height: 35px;
    }

.sd-submissions .adminreview-filters select {
    border: 1px solid #ff8000 !important;
    margin-left: 0px !important;
    width: 220px !important;
    border-radius: 0px !important;
}

.adminreview-filters label {
    margin-bottom: 5px;
    display: block;
}

.adminreview-filters .filter-container {
    min-width: 100px;
    position: relative;
    height: 50px;
    float: left;
    margin-left: 20px;
    vertical-align: bottom;
    margin-bottom: 20px;
}


.adminreview-filters .filter-buttons {
    min-width: 100px;
    position: relative;
    margin-left: 20px !important;
    vertical-align: bottom;
}

.datatable-button {
    display: inline-block;
    padding: 5px 10px !important;
    text-decoration: none !important;
    color: white !important;
    background: #ff8000 !important;
    border-radius: 2px;
    padding: 5px;
    position: relative;
    bottom: 0px;
    border: 0px;
    color: #fff;
    margin-bottom: 5px;
    font-size: 16px !important;
    text-transform: lowercase !important;
}

    .datatable-button:first-letter {
        text-transform: capitalize !important;
    }

.grey-bg {
    background-color: #F2F3F2;
}

.comingsoon-bg {
    background-image: url(../Content/Images/Icons/coming-soon.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    /*    background-size: 450px 700px;*/
    background-position: center top;
    /**/ height: 700px;
    text-align: center;
    padding: 10%;
}

.profile-info-panel, .content-performance-panel {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .profile-info-panel .contributordetails {
        flex-grow: 2;
        flex-direction: column;
        display: flex;
        padding: 20px;
        margin-bottom: 5px;
        margin-right: 0px;
        min-height: 180px;
    }

    .profile-info-panel .contributorstats {
        flex-direction: column;
        display: flex;
        flex-grow: 1;
    }

        .profile-info-panel .contributorstats .uptodate {
            background-color: #7fb252;
        }

        .profile-info-panel .contributorstats .needattention {
            background-color: #c62e28;
        }

        .profile-info-panel .contributorstats .uptodate, .profile-info-panel .contributorstats .needattention {
            display: flex;
            flex-direction: row;
            color: #fff;
            align-items: center;
            height: 50%;
            width: 100%;
            padding-right: 20px;
        }

            .profile-info-panel .contributorstats .uptodate b, .profile-info-panel .contributorstats .needattention b {
                font-size: 46px;
                text-align: right;
                padding-right: 10px;
            }

.contributor-since {
    font-size: 13px;
}

.column-container {
    column-count: 1;
    width: 100%;
}

    .column-container a {
        display: block;
    }


@media (min-width: 368px) {
    .profile-info-panel .contributorstats .uptodate, .profile-info-panel .contributorstats .needattention {
        height: 100%;
        width: 50%;
    }

    .profile-info-panel .contributorstats {
        flex-direction: row;
    }

    .profile-info-panel .contributordetails {
        flex-direction: row;
    }

        .profile-info-panel .contributordetails .contact-image {
            margin-right: 20px;
        }
}

@media (min-width: 768px) {
    .profile-info-panel .contributordetails {
        flex-direction: row;
        margin-bottom: 0px;
        margin-right: 5px;
    }

    .profile-info-panel {
        flex-direction: row;
    }

        .profile-info-panel .contributorstats .uptodate, .profile-info-panel .contributorstats .needattention {
            height: 50%;
            width: 100%;
        }

        .profile-info-panel .contributorstats {
            flex-direction: column;
        }

    .column-container {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .profile-info-panel .contributordetails {
        margin-bottom: 5px;
        margin-right: 0px;
    }

    .content-performance-panel {
        margin-right: 20px;
    }

    .profile-info-panel {
        margin-left: 20px;
        flex-direction: column;
    }

        .profile-info-panel .contributorstats .uptodate, .profile-info-panel .contributorstats .needattention {
            height: 100%;
            width: 50%;
        }

        .profile-info-panel .contributorstats {
            flex-direction: row;
        }

    .column-container {
        column-count: 3;
    }
}

@media (min-width: 1258px) {
    .profile-info-panel .contributordetails {
        margin-bottom: 0px;
        margin-right: 5px;
    }

    .profile-info-panel {
        margin-left: 20px;
        flex-direction: row;
    }

        .profile-info-panel .contributorstats .uptodate, .profile-info-panel .contributorstats .needattention {
            height: 50%;
            width: 100%;
        }

        .profile-info-panel .contributorstats {
            flex-direction: column;
        }
}


div.tree-multiselect .auxiliary {
    position: sticky;
    top: 0px;
}


/*MODALS*/
.loader-gif {
    background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 50px;
    width: 50px;
    margin: 20px auto;
}


.small-loader-gif {
    background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 10px;
    width: 10px;
    margin: 10px auto;
}

.modal-large {
    width: 100%;
    max-width: 80%;
}

.modal-content {
    border-radius: 0px;
}

    .modal-content .row {
        margin-bottom: 15px;
    }

.modal-header, .modal-footer {
    border: 0px;
}

.modal-header {
    padding: 25px 25px 0px 25px;
}

.modal-body {
    padding: 5px 25px 5px 25px;
}

    .modal-text p {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .bootbox .modal-body, #removeModal .modal-body, #alertModal .modal-body {
        padding: 25px 25px 25px 25px;
    }

.modal-header h4 {
    font-size: 24px;
}

.exlink-stats {
    justify-content: flex-end;
}

.stat {
    font-weight: 600;
    text-align: center;
    flex-direction: column;
}

.stat-count {
    font-size: 21px;
    width: 100%;
    padding: 5px 0px;
}

.bg-colour-share {
    background-color: #15D1D5;
    color: #fff;
}

.bg-colour-download {
    background-color: #9063CD;
    color: #fff;
}

.bg-colour-view {
    background-color: #FF4F13;
    color: #fff;
}


.close {
    background-image: url(../Content/Images/Icons/close-icon-black.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    height: 24px;
    width: 24px;
    opacity: .8;
    font-size: 0px;
}

    .close:hover {
        opacity: 1;
    }



/*LABELS*/
.label-primary {
    background-color: #001EFF;
}

.label {
    display: inline;
    padding: 6px 20px;
    font-family: proximanova,Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
}

/*TABS*/

.nav-pills {
    background-color: #D8DAD9;
}

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #FF5000;
    }

    .nav-pills > li {
        border-radius: 0px;
        color: #000;
        background-color: #D8DAD9;
        font-weight: bold;
        vertical-align: middle;
    }

        .nav-pills > li.active {
            background-color: #FF5000;
        }

        .nav-pills > li + li {
            margin-left: 0px;
        }

        .nav-pills > li > a {
            border-radius: 0px;
            color: #000;
            font-weight: bold;
            padding: 10px;
        }

        .nav-pills > li:hover, .nav-pills > li:focus {
            color: #fff;
            background-color: #FF5000;
        }

            .nav-pills > li:hover > a, .nav-pills > li:focus > a {
                color: #fff;
                background-color: transparent;
            }

        .nav-pills > li > a:hover, .nav-pills > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

.tab-content {
    margin: 0px 0px 20px 0px;
    padding-top: 10px;
    width: 100%;
}

    .tab-content .row {
        margin: 0px 10px 0px 10px !important;
    }


        .tab-content .row .box {
            margin: 0px !important;
        }



@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: auto;
        max-width: 1%;
    }

    .nav-pills > li > a {
        padding: 10px 20px;
    }

    .nav-pills {
        overflow-x: auto;
    }
}

/*LAYOUT*/

.contained {
    margin: 0 auto;
    width: 100%;
}

.row {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.row-coloured {
    background-color: #EEEEEE;
}

.row::before, .row::after {
    width: 0;
}

.category-grid {
    margin: 0px -10px;
}

.category-panel {
    margin-bottom: 20px;
}

    .category-panel-image {
        background-size:cover;
        height:140px;
        background-color:#f4f4f4;
    }

    .default-category-panel-image {
        background-size:cover;
        height:140px;
        background-color:#f4f4f4;
        border: 1px solid #dbdbdb;
    }

.category-panel-info {
    padding: 20px 0px;
}

    .category-panel-info a {
        margin-bottom: 10px;
    }

    .category-panel-info b {
        text-transform: uppercase;
        font-size: 18px;
        display: block;
        margin-bottom: 10px;
    }

    .category-panel-info b a {
        color:#000;
    }
        .category-panel-info b a:hover {
            color: #4d4d4d;
            text-decoration:none;
        }

.full-search .panel-body, #selected-filters .panel-body {
    padding: 0px !important;
}

.search-control  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-in-search-container {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
}

.search-data-input {
    padding: 5px;
    font-size: 13px;
    height: 30px;
    width: 200px;
    border: 1px solid #666666;
    border-radius: 5px;
}

#SearchResults .orderBy {
    height: 30px;
    font-size: 13px;
    width: 200px;
}

@media (max-width: 767px) {

    .search-in-search-container {
        flex-direction: column;
        width: 100%;
    }

    .search-data-input {
        height: 50px;
        width: 100% !important;
        margin-bottom: 10px;
        margin-right: 0px !important;
    }

    .btn-in-search {
        right: 25px !important;
        height: 25px;
        width: 25px;
        top: 11px !important;
    }

    #SearchResults .orderBy {
        height: 50px;
        width: 100%;
        margin-bottom: 10px;
    }
}

.row .row {
    margin: 0px -10px;
}

#ContactSearchResults .row,
#FullSearchResults .row {
    margin: 0px 0px !important;
}

hr {
    width: 100%;
    border-top: 1px solid #666666;
    margin: 5px 0px;
}

    hr.hr-lighter {
        border-top: 1px solid #D8DAD9 !important;
    }

    hr:last-child.hr-lighter {
        border-top: 1px solid #000 !important;
    }

.recent__header {
    margin-top: 0;
}

.recent__header {
    margin-bottom: 20px;
}

.recent__scenario, .recent__proposal {
    font-size: 14px;
}

    .recent__scenario p, .recent__proposal p {
        margin-bottom: 5px;
    }

.recent__view-more {
    font-weight: bold;
    margin-top: 20px;
}

.row-divider-padding {
    padding: 0 20px;
}

.row-divider .col-xs-12:last-child {
    border: 0px;
}

@media (min-width: 768px) {
    .row-divider .col-xs-12 {
        border-right: 1px solid #000;
    }
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
    padding-left: 10px;
}

p.col-lg-12 {
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
    padding-left: 0px;
}

.box {
    margin: 0px 20px;
    width: 100%;
}

.box-divider {
    width: 100%;
    margin-bottom: 20px;
}

.box-full {
    width: 100%;
    padding: 0px 20px;
}

.box-nopadding {
    width: 100%;
}

.content-collapse {
    max-height: 360px;
    overflow: hidden;
}

.content-expand {
    max-height: none !important;
}

.fade-out {
    position: relative;
}

    .fade-out:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient( rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 1) 100% );
    }

.panel {
    border-radius: 0px;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
    font-size: 15px;
}

/*.tab-content .panel-default {
    display: flex;
    background-color: #fff;
    border: 1px solid #b0b0b0;
}

.tab-content .panel-contact {
    display: flex;
    border-bottom: 1px solid #b0b0b0;
}*/

.panel-content {
    /*padding-bottom: 190px;*/
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .panel-content .file-info {
        /*text-align: center;
    font-size: 12px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;*/
        margin: auto -15px -15px -15px;
        position: relative;
    }


.panel-product {
    padding-bottom: 70px;
    position: relative;
    width: 100%;
}

    .panel-product .file-info {
        position: absolute;
        bottom: 10px;
        left: 0px;
        right: 0px;
    }

.file-details {
    position: absolute;
    top: 42px;
    text-align: right;
    width: 146px;
    left: 50%;
    margin-left: -82px;
}

.panel-group .panel {
    border-radius: 0px;
    margin-bottom: 10px;
}

.panel-primary {
    border: 0px solid #fff;
    background-color: #EEE;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #fff;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 700;
    color: inherit;
}

.panel-image {
    width: 100%;
}

.panel-column {
    display: flex;
}

    .panel-column .panel-body {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
    }

        .panel-column .panel-body .btn-link {
            margin-top: auto;
            margin-right: auto;
            text-align: left;
        }

.panel-default > .panel-heading {
    color: #FFF;
    background-color: #0099C3;
    border-radius: 0px;
    font-weight: bold;
    font-size: 21px;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #001EFF;
    border: 0px solid #001EFF;
    border-radius: 0px;
    font-weight: bold;
    font-size: 21px;
}

.panel-primary > .collapsed {
    background-color: #666766;
}

    .panel-primary > .collapsed:hover {
        background-color: #001EFF;
    }


.panel-tools {
    border: 0px solid #fff;
    background-image: url(../Content/Images/Panels/product-tools-background.jpg);
    background-repeat: no-repeat;
    background-color: #4D4D4F;
    background-size: 100% auto;
    color: #fff;
    padding-top: 120px;
    padding-right: 20px;
}

.contact-card {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
    width: 100%;
}

    .contact-card label {
        margin-bottom: 0px;
    }

    .contact-card p {
        margin-bottom: 5px;
    }

.contact-card-divider {
    width: 100%;
}

.preview-image,
.contact-image {
    width: 87px;
    height: 87px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}


.contact-card-divider img {
    margin: 20px auto;
    display: block;
    width: 87px;
}

.contact-card-details h3 {
    /*color: #001EFF;*/
    width: 100% !important;
    margin: 20px 0 5px 0 !important;
}


.contact-card-col {
    border-bottom: 1px #666666 solid;
    padding: 10px 0px;
}

.contact-category {
    font-size: 16px;
    color: #000000;
}

.contact-profile {
    text-align: right;
}

.email-wrap {
    word-break: break-all;
}


@media (max-width: 768px) {
    .contact-card-details p {
        width: 100% !important;
    }

    .contact-card-details span {
        display: block;
        width: 100% !important;
    }


    .contact-card-details {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    .contact-card-details {
        padding-left: 20px
    }

        .contact-card-details h3 {
            margin-top: 0px !important;
        }
}



@media (min-width: 600px) {
    .contact-card-divider {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .contact-card-divider {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .contact-card-divider {
        width: 10%;
    }
}

.contact-card-divider-content {
    width: 90%;
    margin: 0px 20px;
}

    .contact-card-divider-content h3 {
        margin: 0px !important;
        font-size: 14px !important;
    }

.well {
    min-height: 20px;
    padding: 20px 0px 0px 21px;
    margin-bottom: 20px;
    background-color: #FFF;
    border: 0px solid #e3e3e3;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .well .expandable {
        border-top: 1px solid #afafaf;
        padding-top: 9px;
    }

.file-data {
    font-size: 13px;
    padding: 2px 0px 4px 0px;
    text-align: right;
}

.file-icon {
    font-size: 18px;
    font-weight: 600;
    color: #001EFF;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: top left;
    /*background-image: url(../content/images/icons/document-download-black.png);
    padding: 20px 10px 20px 50px;
    background-size: 37px auto;*/
    background-image: url(../content/images/icons/files/other.png);
    padding: 20px 10px 20px 50px;
    background-size: 37px auto;
    background-position: left center;
    /*min-width: 136px;*/
}

.pdf-icon {
    background-image: url(../Content/Images/Icons/files/pdf.png);
    padding: 20px 10px 20px 50px;
    background-size: 37px auto;
}

.pdf-icon-disabled {
    background-image: url(../Content/Images/Icons/files/pdf-disabled.png);
}

.xlsx-icon, .xls-icon, .xlsm-icon, .csv-icon {
    background-image: url(../Content/Images/Icons/files/Excel.png);
    padding: 20px 10px 20px 51px;
    background-size: 42px auto;
}

.xlsx-icon-disabled, .xls-icon-disabled, .xlsm-icon-disabled, .csv-icon-disabled {
    background-image: url(../Content/Images/Icons/files/Excel-disabled.png);
}
/*.docx-icon, .doc-icon {
    background-image: url(../Content/Images/Icons/heatmap-download-black.png);
    padding: 20px 10px 20px 64px;
    background-size: 52px auto;
}*/
.docx-icon, .doc-icon {
    background-image: url(../Content/Images/Icons/files/word.png);
    padding: 20px 10px 20px 51px;
    background-size: 42px auto;
}


.docx-icon-disabled, .doc-icon-disabled {
    background-image: url(../Content/Images/Icons/files/word-disabled.png);
}


.pptx-icon, .ppt-icon {
    background-image: url(../Content/Images/Icons/files/powerpoint.png);
    padding: 20px 10px 20px 51px;
    background-size: 42px auto;
}

.pptx-icon-disabled, .ppt-icon-disabled {
    background-image: url(../Content/Images/Icons/files/powerpoint-disabled.png);
}

.page-icon {
    background-image: url(../Content/Images/Icons/files/web.png);
    padding: 14px 10px 20px 60px;
}

.page-icon-disabled {
    background-image: url(../Content/Images/Icons/files/web-disabled.png);
}

.web-icon {
    background-image: url(../Content/Images/Icons/files/web.png);
    padding: 20px 10px 20px 60px;
    background-size: 48px auto;
}

.web-icon-disabled {
    background-image: url(../Content/Images/Icons/files/web-disabled.png);
}

.file-info {
    text-align: center;
    font-size: 11px;
}

.file-copy {
    min-height: 120px;
}

    /*.file-copy h4 a, .search-asset-info h4 a {
        color: #000;
    }*/

    .file-copy small {
        font-size: 12px;
        display: block;
        width: 100%;
        text-align: right;
        margin-bottom: 2px;
    }

.action-container {
    display: flex;
    padding: 10px 25px 10px 10px;
}

/*.assetpage-actions {
    background-color: #f2f3f2;
    max-width:1200px;
    text-align:center;
}*/

.assetpage-actions .action-container {
    padding: 0px 0px 20px 0px;
}

.assetpage-actions .file-icon {
    padding-bottom: 12px;
    padding-top: 12px;
}

.assetpage-actions .fav, .assetpage-actions .share, .assetpage-actions .internal-only {
    padding: 6px 15px;
    font-size: 15px !important
}

.align-right {
    text-align: right !important;
}

.assetpage-actions-previewable {
    /*    background-color: #f2f3f2;
*/ max-width: 1200px;
    text-align: center;
}

    .assetpage-actions-previewable .action-container {
        padding: 0px 0px 0px 0px;
    }

    .assetpage-actions-previewable .action {
        margin-right: 30px;
    }

    .assetpage-actions-previewable .file-icon {
        padding-bottom: 12px;
        padding-top: 12px;
    }

    .assetpage-actions-previewable .fav, .assetpage-actions-previewable .share, .assetpage-actions-previewable .internal-only {
        padding: 6px 0px;
        font-size: 15px !important
    }

.asset-preview {
    width: 100%;
    border: 1px solid black;
    padding: 10px;
    margin-bottom: 10px;
}

.centered-text {
    text-align: center;
}

.share::before {
    content: "";
    vertical-align: -4px;
    margin-right: 4px;
    display: inline-block;
    width: 23px;
    height: 24px;
    background-image: url(../Content/Images/Icons/External.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}

.internal-only::before {
    content: "";
    vertical-align: -4px;
    margin-right: 4px;
    display: inline-block;
    width: 20px;
    height: 24px;
    background-image: url(../Content/Images/Icons/Internal-black.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}

.fav::before {
    content: "\e005";
    font-family: 'Glyphicons Halflings';
    font-size: 19px;
    vertical-align: -4px;
    margin-right: 4px;
}

.fav-remove::before {
    color: #001EFF;
}

.fav-add::before {
    color: #000;
}

.fav, .share {
    color: #001EFF;
    display: block;
    width: 100%;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 0px 40%;
    opacity: 0.5;
    pointer-events: none;
}

.internal-only {
    color: #000;
    display: block;
    width: 100%;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 0px 40%;
    pointer-events: none;
}

.fav-remove, .fav-add, .share {
    opacity: 1;
    pointer-events: auto;
}

    .fav:hover, .share:hover {
        text-decoration: none !important;
    }

.tag-match {
    font-style:italic;
    color: #999999;
    font-size:14px;
    margin:5px 0px !important;
}
.tag-match-values {
    font-weight: bold;
    color: #000000;
}

.result-details .fav {
    display: inline-block !important;
    width: auto;
}

td .fav {
    text-align: center;
}

.share-key .share, .share-key .internal-only {
    font-size: 12px;
    color: #000;
    margin: 6px 0px;
}

.hidden-content {
    display: none;
}

#option-content {
    display: none;
}

.keyword-pill {
    background-color: #f2f2f2;
    color: #000;
    padding: 5px 10px;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
    font-weight: normal;
    margin-top: 5px;
}

    .keyword-pill:hover, .keyword-pill:focus {
        background-color: #001eff;
        color: white;
        text-decoration: none;
    }

/*Collapse*/
#Products {
    padding-bottom: 20px;
}

.product-collapse-header {
    align-items: center;
    margin: 0px;
}

    .product-collapse-header h3 {
        margin: 0px;
    }

        .product-collapse-header h3 a {
            font-size: 21px;
            margin: 0px;
        }

.product-collapse {
    border: 0px solid transparent !important;
    margin: 0px !important;
    padding: 0px !important;
}

a.product-collapse.col-lg-12 {
    border-top: 2px solid !important;
    border-bottom: 0px solid !important;
    border-color: #cccccc !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: black !important;
}

    a.product-collapse.col-lg-12.test2 {
        border-top: 2px solid !important;
        border-bottom: 0px solid !important;
        border-color: #cccccc !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        color: black !important;
    }


    a.product-collapse.col-lg-12.collapsed {
        border-top: 2px solid !important;
        padding-top: 10px !important;
        border-bottom: 2px solid !important;
        padding-bottom: 10px !important;
        border-color: #cccccc !important;
        max-height: 50px;
        color: black !important;
    }

        a.product-collapse.col-lg-12.collapsed.test2 {
            border-top: 2px solid !important;
            padding-top: 10px !important;
            border-bottom: 2px solid !important;
            padding-bottom: 10px !important;
            border-color: #cccccc !important;
            max-height: 50px;
            color: black !important;
        }

div#collapsabletags.test.in {
    border-bottom: 2px solid !important;
    padding-bottom: 10px !important;
    border-color: #cccccc !important;
    /*    min-width: 1005px;
*/
}

div#collapsabletags2.test2.in {
    border-bottom: 2px solid !important;
    padding-bottom: 10px !important;
    border-color: #cccccc !important;
    /*    min-width: 1005px;
*/
}

.collapsing {
    -webkit-transition: height 0.35s ease;
    transition: height 0.05s ease;
}



.product-collapse::before {
    content: "";
    margin-right: 10px;
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(../Content/Images/Icons/accordian-open.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.product-collapse.collapsed::before {
    background-image: url(../Content/Images/Icons/accordian-closed.png);
}

@media (min-width: 768px) {
    .indent-files {
        margin-left: 30px;
        margin-top: 10px;
    }
}
/*Ratings*/
.rating-symbol {
    font-size: 18px;
    cursor: pointer;
}

.rating-symbol {
    font-size: 18px;
    cursor: pointer;
}

/*Whats New*/

.search-action .icon-new, .search-action .icon-updated, .search-action .icon-expiring {
    font-family: proximanova,Arial,sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #FF5000;
    width: auto;
    padding: 2px 9px;
    float: left;
    line-height: 14px;
    display: block;
}

    .search-action .icon-updated {
        background-color: #22D0D3;
    }

.icon-container {
    line-height:0px;
}
.category-panel-info .icon-container {
    line-height: 0px;
    margin-top:10px;
}
table.dataTable .status, .category-panel-info .icon-new, .category-panel-info .icon-updated, .product-button .icon-new, .product-button .icon-updated {
    font-family: proximanova,Arial,sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #FF5000;
    width: auto;
    padding: 2px 9px;
    line-height: 14px;
    display: inline-block;
}

.category-panel-info .icon-updated, .product-button .icon-updated {
    background-color: #22D0D3;
}
.product-button .icon-updated, .search-action .icon-updated {
    background-color: #22D0D3;
}

.search-action .icon-expiring {
    background-color: #c62e28;
}
table.dataTable .approved {
    background-color: #009942;
}
table.dataTable .pending {
    background-color: #ffd700;
}

.info-tag {
    background-color: #f1f1f1;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding: 1px 5px;
    margin-top: 5px;
}

#authors tr td { white-space: nowrap !important;}

.asset-header .icon-new {
    font-family: proximanova,Arial,sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #FF5000;
    width: auto;
    padding: 2px 9px;
    line-height: 14px;
    position: absolute;
    margin: 10px;
}

.asset-header .icon-updated {
    font-family: proximanova,Arial,sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #22D0D3;
    width: auto;
    padding: 2px 9px;
    line-height: 14px;
    position: absolute;
    margin: 10px;
}

.asset-header .icon-expiring {
    font-family: proximanova,Arial,sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #c62e28;
    width: auto;
    padding: 2px 9px;
    line-height: 14px;
    position: absolute;
    margin: 10px;
}

    .asset-header h1 {
        margin-top: 5px;
    }

.icon-offset-top {
    margin-top:10px;
}
/*.product-button .icon-new {
    margin-bottom:10px;
}*/
.panel-body .icon-new {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent #FF5000 transparent;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

    .panel-body .icon-new p {
        font-family: proximanova,Arial,sans-serif;
        font-size: 12px;
        color: #fff;
        top: 34px;
        position: relative;
        left: -26px;
        transform: rotate(-45deg);
    }

.tab-btn {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
}

    .tab-btn .icon-new {
        position: relative;
        top: 0px;
        right: 0px;
        margin-left: 10px;
        min-width: 28px !important;
    }

.body-content {
    min-height: calc(100vh - 203px);
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 1024px) {
    .body-content {
        /** was 173px */
        min-height: calc(100vh - 192px);
        margin-top: 64px;
    }
}

.nav-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    height: 100%;
}

.container > .navbar-header, .container > .navbar-collapse {
    margin-right: -30px;
    margin-left: -30px;
}

@media (min-width: 1024px) {
    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width: 1024px) {
    .container, .contained {
        max-width: 980px;
    }

    .nav-container {
        padding: 0px 30px;
    }
}

@media (min-width: 1258px) {
    .container, .contained {
        max-width: 1230px;
    }

    .nav-container {
        max-width: 1230px;
    }
}

.container .jumbotron {
    border-radius: 0px;
}

footer {
    background-color: #252525;
    padding: 0px 20px;
    width: 100%;
    color: #fff;
}

/*FORMS*/

.heading-icon {
    background-repeat: no-repeat;
    background-position: top left;
}

.your-details-icon {
    background-image: url(../Content/Images/Icons/your-details-icon.png);
    padding-left: 49px;
    background-size: 39px;
    line-height: 39px;
}

.proposal-details-icon {
    background-image: url(../Content/Images/Icons/proposal-icon.png);
    padding-left: 45px;
    height: 36px;
    line-height: 36px;
}

.client-details-icon {
    background-image: url(../Content/Images/Icons/trust-icon.png);
    padding-left: 70px;
    height: 33px;
    line-height: 33px;
}

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}

.form-group input, .form-group select, .form-group textarea, .form-group .unstyled {
    max-width: 500px;
}

#ShareModal .form-group input {
    max-width: 100% !important;
}

#ShareModal h3 {
    font-size: 21px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0px;
}

#ShareModal .chklabel {
    font-weight: 300;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #666666;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-horizontal .control-label {
    padding: 7px 10px;
    margin-bottom: 0;
    text-align: right;
    font-weight: 600;
}

/*Search Results*/
#trustModal .modal-text {
    min-height: 300px;
    max-height: 600px;
    overflow-y: auto;
    padding-right: 20px;
}

.full-search {
    margin-top: 20px;
}

.searchResult {
    margin: 10px 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer;
}

.searchResultName {
    font-weight: bold;
}


.searchResultEmail::before {
    content: "\00a0-\00a0 "
}

.searchResult .line-2, .searchResult .line-3 {
    font-size: 12px;
}

.wait {
    height: 420px;
    padding: 80px 20px;
}


    .wait img {
        margin: 0px auto;
        display: block;
    }

    .wait .feature {
        text-align: center;
        width: 100%;
        max-width: 350px;
        font-weight: bold;
        font-size: 26px;
        margin: 0 auto;
        padding-top: 25px;
    }

/*CAROUSEL*/

.carousel {
    width: 100%;
}

.carousel-indicators li {
    width: 14px;
    height: 14px;
    margin: 4px;
}

.carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 4px;
}

.carousel-indicators {
    bottom: -1px;
}

.item a {
    color: #fff;
    font-size: 18px;
}

    .item a:hover, .item a:focus {
        color: #fff;
        text-decoration: underline;
    }

.carousel-inner > .item {
    width: 100%;
    height: 337px;
    background-color: gray;
    background-size: cover;
    background-position: left;
}

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        max-width: none;
        height: 337px;
        width: 100%;
    }

.carousel h5 {
    font-size: 32px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}

.carousel-caption {
    position: relative;
    right: 0%;
    left: 2%;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    z-index: 10;
    top: 40px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: left;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

    .carousel-caption .label {
        padding: 3px 15px;
    }

@media (min-width: 768px) {
    .carousel {
    }

        .carousel h5 {
            font-size: 40px;
        }

    .carousel-caption {
        padding-right: 40%;
        padding-left: 10px;
    }

    .carousel-inner > .item {
        background-position: center;
    }
}

@media (min-width: 1024px) {
    .carousel-caption {
        padding-right: 45%;
    }

    .carousel-inner > .item {
        background-position: right;
    }
}

.product-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    content: "";
}

.caret-left {
    border-top: 4px solid transparent;
    border-right: 4px solid #000000;
    border-bottom: 4px solid transparent;
    border-left: 0 dotted;
}

.caret-right {
    border-top: 4px solid transparent;
    border-right: 0 dotted;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #000000;
}

.caret-up {
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
}

.caret-down {
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
}

/*Banner*/

.banner {
    width: 100%;
    height: 338px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

.banner-ps {
    background-image: url(../Content/Images/Banners/banner-prop-selector-home.jpg);
}

.banner-pc {
    background-image: url(../Content/Images/Banners/banner-prop-creator-home.jpg);
}

.banner-full {
    width: 100%;
}

.banner-content {
    position: absolute;
    right: 0%;
    padding-bottom: 20px;
    left: 40px;
    z-index: 10;
    top: 20%;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: left;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

    .banner-content h5 {
        font-size: 40px;
    }

    .banner-content h6 {
        font-size: 36px;
        font-weight: 200;
    }

@media (min-width: 768px) {
    .banner {
        background-position: right;
    }

    .banner-content {
        right: 30%;
    }
}

@media (min-width: 1024px) {
    .banner-content {
        right: 55%;
    }
}

.proposition-banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    height: 337px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .proposition-banner .contained {
        display: flex;
        height: 100%;
        position: relative;
    }


    .proposition-banner h1 {
        color: #fff;
        position: absolute;
        left: 40px;
        bottom: 10px;
    }

.inline-image, .persona-image {
    margin: 0px 0px 20px 0px;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 480px) {
    .inline-image {
        margin: 0px 0px 20px 20px;
        max-width: 40%;
    }

    .persona-image {
        max-width: 200px;
    }
}

@media (min-width: 768px) {
    .inline-image {
        margin: 0px 0px 20px 20px;
        max-width: 30%;
    }

    .persona-image {
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .inline-image {
        margin: 0px 0px 20px 20px;
        max-width: 33.33333333333333%;
    }
}


@media (max-width: 560px) {
    .col-xxs-12 {
        width: 100%;
    }
}

/*Social Media*/

.dark {
    color: #333;
}

.light {
    color: #fff;
}

/*home*/

.section-header {
    margin: 20px;
    width: 100%;
}

    .section-header h1 {
        font-weight: 300;
        font-size: 42px;
    }

.potd-panel {
    min-height: 400px;
}

    .potd-panel .potd-banner {
        background-size: cover;
        padding: 0px;
        display: flex;
    }

        .potd-panel .potd-banner h3 {
            font-size: 21px;
            font-weight: bold;
            margin: 0px;
            color: #fff;
        }

        .potd-panel .potd-banner h2 {
            font-size: 32px;
            font-weight: bold;
            margin: 5px 0px;
        }

        .potd-panel .potd-banner .feature {
            width: 100%;
            background-color: rgba(255,255,255,0.8);
            padding: 35px;
            color: #333;
            font-size: 15px;
            line-height: 22px;
            margin-top: auto;
            margin-left: auto;
        }



@media (min-width: 768px) {
    .potd-panel .potd-banner .feature {
        width: 100%;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1024px) {
    .potd-panel .potd-banner .feature {
        width: 100%;
    }

    .potd-panel .potd-banner .image-overlay {
        background-size: cover;
    }
}

@media (min-width: 1256px) {
    .potd-panel .potd-banner .feature {
        width: 80%;
    }

    .potd-panel .potd-banner .image-overlay {
        background-size: auto;
    }
}

.potd-post-columns h4 {
    min-height: 42px;
}

.image-overlay {
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.dark .image-overlay {
    background-image: linear-gradient(0deg,transparent 0,rgba(255,255,255,.8));
}

.light .image-overlay {
    background-image: linear-gradient(0deg,transparent 0,rgba(0,0,0,.8));
}

.social-header {
    background-color: #fff;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    border: 0px solid transparent;
    margin-bottom: 10px;
}

    .social-header a {
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        margin-right: 15px;
        display: flex;
        align-items: center;
    }

        .social-header a::before {
            height: 32px;
            width: 32px;
            content: "";
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }


.socialmedia-link {
    padding: 0px 20px 20px 0px;
    font-size: 20px;
    color: #333;
}

    .socialmedia-link:hover, .socialmedia-link:active, .socialmedia-link:focus {
        color: #333;
    }

    .socialmedia-link::before {
        vertical-align: -19%;
        margin-right: 20px;
    }

.twitter-link::before {
    background-image: url(../Content/Images/Icons/SocialMedia/Twitter.png);
}

.facebook-link::before {
    background-image: url(../Content/Images/Icons/SocialMedia/Facebook.png);
}

.linkedin-link::before {
    background-image: url(../Content/Images/Icons/SocialMedia/LinkedIn.png);
}

.eikon-link::before {
    background-image: url(../Content/Images/Icons/SocialMedia/Eikon.png);
}


.social-media .panel {
    margin-bottom: 0px;
}

/*page*/

.potd-banner {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
}

    .potd-banner h2 {
        font-size: 20px;
        font-weight: bold;
        margin: 10px 0px;
    }

    .potd-banner h3 {
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
    }

    .potd-banner .feature {
        width: 100%;
        background-color: rgba(255,255,255,0.8);
        padding: 40px;
        color: #333;
        font-size: 16px;
        line-height: 21px;
        margin-top: auto;
        margin-left: auto;
    }

    .potd-banner .keywords {
        margin: 0px 0px -20px -20px;
        display: none;
    }

    .potd-banner .subject {
        margin: auto -20px -20px auto;
        float: right;
    }

.potd-share-header {
    width: 100%;
    padding: 20px;
    background-color: gray;
    color: #fff;
    font-size: 20px;
}

.potd-share-container {
    width: 100%;
    padding: 0px 20px;
    display: flex;
    flex-wrap: wrap;
}

    .potd-share-container h3 {
        margin-top: 0px;
    }

.potd-share-content {
    padding-left: 20px;
}

    .potd-share-content h4 {
        display: block;
        min-height: 60px;
        border-bottom: 3px solid #B0B0B0;
        margin-bottom: 20px;
    }

.potd-image-container {
    width: 100%;
}

.potd-image-option {
    width: 150px;
    height: 150px;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    border: 1px solid #B0B0B0;
    float: left;
}

    .potd-image-option img {
        width: 200%;
        max-width: 200% !important;
        margin-left: -40%;
    }

.potd-keywords {
    width: 100%;
    padding: 0px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


@media (min-width: 768px) {
    .potd-banner h2 {
        font-size: 42px;
        font-weight: bold;
        margin: 10px 0px;
    }

    .potd-banner h3 {
        font-size: 18px;
        font-weight: bold;
        margin: 0px;
    }

    .potd-banner .feature {
        width: 80%;
        background-color: rgba(255,255,255,0.8);
        padding: 40px;
        color: #333;
        font-size: 18px;
        line-height: 33px;
    }
}

@media (min-width: 1024px) {
    .potd-banner h2 {
        font-size: 64px;
        font-weight: bold;
        margin: 10px 0px;
    }

    .potd-banner h3 {
        font-size: 24px;
        font-weight: bold;
        margin: 0px;
    }

    .potd-banner .feature {
        width: 80%;
        background-color: rgba(255,255,255,0.8);
        padding: 40px;
        color: #333;
        font-size: 25px;
        line-height: 33px;
    }
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 11px 16px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #e9e9e9;
    border-radius: 22px;
    text-transform: uppercase;
    margin-right: 5px;
    margin-top: 10px;
}

/*FEEDBACK*/

.feedback-btn {
    position: fixed;
    right: -48px;
    top: 50vh;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    border-radius: 4px 4px 0px 0px;
    padding: 3px 20px 10px 20px;
    -webkit-transition: right 0.5s;
    transition: right 0.5s;
}

    .feedback-btn:hover {
        right: -38px;
    }

.navbar .navbar-right > li > a.menu-feedback {
    height: 20px;
    padding: 0px 20px;
    margin: 10px;
    background-color: #FF5000;
    border-radius: 20px;
    border: 0px !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    width: 100px;
    display: none;
}

    .navbar .navbar-right > li > a.menu-feedback:hover {
        background-color: #DC4500;
        text-decoration: none;
    }

@media (min-width: 1024px) {
    .navbar .navbar-right > li > a.menu-feedback {
        margin: 15px 0px;
    }
}


/*Nav Panel*/

#NavPanel {
    width: 100%;
    padding: 0px 0px 10px 0px;
    border-bottom: 0px solid #B0B0B0;
    font-family: proximanova,Arial;
}

    #NavPanel .header-column {
        width: 100%;
        color: #001EFF;
        font-weight: 500;
        padding: 10px 20px;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    #NavPanel .category-column {
        width: 100%;
        float: left;
        border-bottom: 1px solid #dedede;
    }

    #NavPanel .product-column {
        width: 100%;
        float: left;
        border-left: 0px solid #B0B0B0;
    }

.product-column {
    display: none;
}

.product-section.selected-category {
    display: block;
    position: fixed;
    top: 60px;
    left: 0px;
    background-color: #fff;
    height: calc(100% - 62px);
    overflow-y: auto;
    width: 100%;
}

.back-arrow {
    width: 14px;
    height: 14px;
    color: #001eff;
    position: absolute;
    top: 18px;
    left: 20px;
}

.forward-arrow {
    width: 24px;
    height: 24px;
    color: #001eff;
    position: absolute;
    top: 14px;
    right: 15px;
}

.category-button {
    font-weight: 700;
    padding: 15px 20px;
    font-size: 16px;
    cursor: pointer;
    font-family: proximanova,Arial;
    color: #4d4d4d;
    background-color: #FFFFFF;
    border-top: 1px solid #dedede;
    position: relative;
}

    .category-button:hover, .category-button.selected {
        /*color:#fff;
    background-color:#001EFF;*/
        opacity: 0.8;
    }

    .product-button {
        font-weight: 500;
        padding: 10px 20px 10px 40px;
        font-size: 15px;
        color: #000;
        width: 100%;
        display: flex;
        flex-direction:column;
        position: relative;
    }

    .product-button a {
        color: #000;
    }

        .product-button a:hover, .product-button a:active {
            color: #000;
        }

    .product-button p {
        font-weight: 300;
        font-size: 13px;
        line-height: 1.3;
    }

    .product-button span {
        width: auto;
        display: block;
        overflow: hidden;
    }

    .product-button.category-children b {
        text-transform: uppercase;
        font-size: 16px;
        display:block;
        /*margin-bottom: 8px;*/
    }

        .product-button.category-children .product-button {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }

    .product-button.category-children a {
        color: #001eff;
    }

    .product-button.category-children .category-more {
        font-size: 13px;
    }

.product-toggle, .category-toggle {
    background-color: #f2f2f2;
    color: #4d4d4d;
    padding: 15px 10px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    cursor: pointer;
}

.product-section-columns {
    display: flex;
    flex-direction: column;
}


@media (min-width: 768px) {
    .product-section-columns {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0px 20px;
    }

    .product-button {
        width: 50%;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 0px;
    }
}

.dropdown.open .ProductMenu {
    position: fixed;
    height: 100%;
    left: 0px;
    top: 60px;
    width: 100%;
    padding: 0px;
}

@media (min-width: 1024px) {
    .forward-arrow {
        display: none;
    }

    .category-button:hover, .category-button.selected {
        color: #fff;
        background-color: #001EFF;
        opacity: 1;
    }

    .ProductMenu {
        max-height: calc(100vh - 200px);
        overflow: auto;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 1px;
    }

    .product-toggle, .category-toggle {
        display: none;
    }

    .product-column {
        display: block;
    }

    .product-section.selected-category {
        display: block;
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #fff;
        height: auto;
    }


    .dropdown.open .ProductMenu {
        position: absolute;
        height: auto;
        left: auto;
        top: auto;
        width: auto;
    }

    #NavPanel {
        width: calc(100vw * 0.8);
        border-bottom: 0px solid #B0B0B0;
        padding-top: 20px;
        display: flex;
    }

        #NavPanel .header-column {
            padding: 0px 20px 15px 20px;
            white-space: nowrap;
        }

        #NavPanel .category-column {
            width: auto;
            border-bottom: 0px solid #B0B0B0;
        }

        #NavPanel .product-column {
            width: 100%;
            display: block;
        }

    .category-button {
        padding: 15px 20px 15px 20px;
        white-space: nowrap;
        font-weight: 500;
        color: #000;
        border-top: 0px solid #dedede;
    }

    #NavPanel .product-column {
        border-left: 1px solid #B0B0B0;
    }

    .product-button {
        padding: 10px 20px 10px 0px;
        width: 33.3333%;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }
}

@media (min-width: 1258px) {
    #NavPanel {
        width: calc(100vw * 0.9);
        max-width: 1158px;
    }

    .product-button {
        width: 25%;
    }
}

/*Search Results*/

.general-banner {
    height: 237px;
    width: 100%;
    background-position: bottom right;
    background-size: cover;
    display: flex;
}

.general-banner-overlay {
    background-image: linear-gradient(180deg,transparent 15%,#000);
    padding: 20px;
    width: 100%;
}

.general-banner h1 {
    color: #fff;
    font-weight: 300;
    font-size: 60px;
    top: 40%;
    left: 50px;
    position: absolute;
}

.search-banner {
    background-image: url(../Content/Images/Banners/SearchBanner.jpg)
}

.search-results h2 {
    border-bottom: 2px solid gray;
    margin-bottom: 20px;
    width: 100%;
}

.search-link {
    font-weight: 300;
}

@media (min-width: 768px) {
    .general-banner {
        height: 337px;
    }
}

.row-no-margin, .row-no-margin div div {
    margin: 0px;
}

    .row-no-margin div {
        padding: 0px !important;
    }


.search-results {
    margin: 20px 0 5px 0 !important;
}

.search-input {
    max-width: 100% !important;
    width: 100%;
}

    .search-input label {
        font-weight: normal;
        padding-right: 10px;
    }

.searchInFiles {
    max-width: 0px;
}

.search-input .form-group {
    width: 100%;
}
/*input.searchSite {
    width: 100% !important;
    max-width: 100% !important;
    height: 53px;
    padding: 18px;
    border: none;
}*/

input.searchSite {
    width: 100% !important;
    max-width: 100% !important;
    height: 53px;
    padding: 18px;
    border: 1px solid #666666;
    border-radius: 5px;
    padding-right: 265px;
}

.btn-search-big {
    background-color: transparent;
    height: 45px;
    width: 40px;
    position: absolute;
    top: 11px;
    right: 17px;
    content: " ";
    border: 0px solid;
    color: #666;
    border: none !important;
    outline: none !important;
}

/*.btn-search-big{
    background-repeat: no-repeat;
    background-color: transparent;  
    height:24px;
    width:24px;
    position: relative;
    top: 10px;
    right: 4px;
    content:" ";
	background-image:url(../Content/Images/Icons/search.png);
    background-size:100%;
	border:0px solid;
}*/

.search-filters, #search-results {
    flex-direction: column;
    margin-bottom: 20px;
}

#search-results {
    padding-right: 0px !important;
    margin-bottom:0;
}


.search-product {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #666666;
    padding: 0px 0px 15px 0px;
    margin: 10px;
}

.search-asset {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*margin:10px 0px;*/
    border-bottom: 1px solid #666666;
    padding: 0px 0px 15px 0px;
    margin: 10px;
}



    .search-asset .file-icon {
        /*padding-right: 40px !important;
    padding-left: 20px !important;*/
    }

.search-product h3 {
    font-size: 28px;
    font-weight: 400;
    margin: 12px 0px;
}

.search-product p {
    margin-bottom: 12px;
}

.search-asset-info h4 {
    font-size: 20px;
    margin: 2px;
}

.search-asset-info p, .search-asset-info .rating-symbol {
    font-size: 14px;
    margin: 2px;
}

.search-asset-info .file-share, .search-asset-info .internal-only {
    display: inline;
    cursor: default;
    padding: 0px 6px;
}

.search-asset-info .file-share {
    cursor: pointer;
}

.search-action {
    display: flex;
    align-items: flex-end;
    margin-left: auto;
    padding-left: 20px;
    flex-direction: column;
}

    .search-action .file-icon {
        background-image: none !important;
        padding: 2px 0px 2px 0px;
        background-size: 0px;
    }

.search-type {
    color: #001EFF;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
    padding: 8px 0px;
    font-family: proximanova,Arial;
}

    .search-type.collapsed {
        color: #000;
    }



/*NEW FILTER DESIGN*/

#SearchFilters, #ContactFilters {
    border-top: 1px solid black;
}

    #SearchFilters .panel, #ContactFilters .panel {
        overflow: unset;
        margin: 0px;
        border-bottom: 1px solid black !important;
    }

    #SearchFilters .panel-collapse, #ContactFilters .panel-collapse {
        margin-left: 26px;
        margin-bottom: 15px;
    }

    #SearchFilters .panel .in, #ContactFilters .panel .in {
        max-height: 150px;
        overflow-y: auto;
    }

.more {
    display:none;
}

.more-show {
    display: block !important;
}

#ShowHiddenFilters, #HideHiddenFilters {
    /*border: 0px;
    background-color: transparent;
    color: blue;
    text-align: center;
    width: 100%;
    padding: 10px;
    font-size: 14px;*/

    margin:10px 0px;
}

/*#ShowHiddenFilters[hidden], #HideHiddenFilters[hidden] {
    display:none !important;
}*/

    #ShowHiddenFilters:hover, #HideHiddenFilters:hover {
        /*text-decoration: underline;*/
    }

.filter-tooltip {
    position: relative;
    display: inline-block;
    background-image: url(../Content/Images/Icons/info-icon-normal-black.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border-color: transparent;
    color: transparent;
}

    .filter-tooltip.active {
        background-image: url(../Content/Images/Icons/info-icon-hover-black.png);
        background-repeat: no-repeat;
        background-color: transparent;
        border-color: transparent;
        color: transparent;
        padding: 1px 10px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .filter-tooltip .filter-tooltiptext {
        visibility: hidden;
        width: 250px;
        background-color: #001eff;
        color: #fff;
        text-align: left;
        border-radius: 0px;
        padding: 10px 20px;
        position: absolute;
        z-index: 1;
        top: -35%;
        left: 29px;
        margin-left: 0px;
        font-weight: 300;
        font-size: 13px;
        height: auto !important;
        display: block;
        word-wrap: normal;
        white-space: normal;
        z-index: 4;
    }

    .filter-tooltip .filter-tooltiptext p {
        margin:0px;
        z-index:5;
    }

    .filter-tooltip .filter-tooltiptail {
        background-color: #001eff;
        width: 18px;
        height: 18px;
        position: absolute;
        left: -9px;
        transform: rotate(45deg);
        top: 10px;
        z-index: 3;
    }

    .filter-tooltip:hover .filter-tooltiptext, .filter-tooltip:active .filter-tooltiptext, .filter-tooltip:focus .filter-tooltiptext {
        /*.info-tooltip.active .info-tooltiptext {*/
        visibility: visible;
    }

.selected-filters-list {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.selected-filters-group {
    background-color: #f1f1f1;
    color:black;
    font-weight:normal;
    /*border-radius: 5px;*/
    padding: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 11px;
}

.presetfilters .selected-filters-group {
    background-color: #ffc800;
}

    .selected-filters-group .selected-filters-toggle {
        color: black !important;
        font-weight: bold;
        white-space: nowrap;
    }
        .selected-filters-group .selected-filters-toggle:hover,
        .selected-filters-group .selected-filters-toggle:focus {
            color: black !important;
            font-weight: bold;
            text-decoration: none;
        }
.selected-filters-options {
    font-weight: normal;
}

.preferences-notification {
    background-color: #FFF5CE;
    color: black;
    font-weight: normal;
    padding:  10px 20px 10px 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 11px;
    position: relative;
}

.new-filter {
    align-items: center;
    display: flex;
    background-color: #fff !important;
    padding: 2px 5px;
}

.new-filter-info {

}
.new-filter-info-blank {
    position: relative;
    display: inline-block;
    width:15px;
}

.new-filter-label {
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
    padding: 8px 0px;
    font-family: proximanova,Arial;
}

.new-filter-toggle, .new-contact-filter-toggle {
    color: #001EFF;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
    font-family: proximanova,Arial;
    display: flex;
    align-content: center;
    width: 100%;
    padding: 5px;
}
    .new-filter-toggle.collapsed, .new-contact-filter-toggle.collapsed {
        color: #000;
    }
    .new-filter-toggle::after, .new-contact-filter-toggle::after {
        content: "";
        background-image: url("../Content/Images/Icons/filter-collapse.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 18px;
        height: 18px;
        display: block;
        margin-left: auto;
    }
    .new-filter-toggle.collapsed::after, .new-contact-filter-toggle.collapsed::after {
        content: "";
        background-image: url("../Content/Images/Icons/filter-expand.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 18px;
        height: 18px;
        display: block;
        margin-left: auto;
    }
    .new-filter-toggle:hover, .new-filter-toggle:focus, .new-contact-filter-toggle:hover, .new-contact-filter-toggle:focus {
        text-decoration: none;
    }

.new-filter-options {

}

.new-filter-options label {
    font-weight:normal;
    font-size: 14px;
    margin: 3px 0px;
}

.filter-filter {
    border: 1px solid black;
    width: 95%;
    font-size: 12px;
    outline: none !important;
}

@media (max-width: 548px) {
    .search-asset {
        flex-direction: column;
    }

        .search-asset .file-icon {
            /*margin: 10px auto;
            padding-bottom: 25px;*/
        }

    .search-action {
        margin-left: 0px;
        padding-left: 0px;
        align-items: center;
        margin-top: 10px;
    }
}


.contact-search-narrow,
.search-narrow {
    color: #555;
    padding: 10px 0px;
    font-size: 13px;
    font-weight: 600;
    margin-left: 24px;
}

    .contact-search-narrow:hover,
    .search-narrow:hover {
        color: #555;
    }

    .contact-search-narrow.selected-filter,
    .search-narrow.selected-filter {
        pointer-events: none;
        color: #888;
    }

/*#selected-filters {
    display:none;
}*/

.filters-group-arrow {
    width: 16px;
    margin: -4px -2px;
    transform: rotate(180deg);
}

.collapsed .filters-group-arrow {
    width: 16px;
    margin: -4px -2px;
    transform: rotate(0deg);
}

#contact-clear-filters,
#clear-filters, #clear-pre-filters, #reset-pre-filters {
    font-weight: 700;
    font-size: 13px;
    /*margin-right: auto;*/
    /*float: right;*/
}

#filter-list {
    list-style-type: none;
    padding-left: 0px;
    color: #555;
    font-size: 13px;
    font-weight: 600;
}

    #filter-list li {
        padding-bottom: 5px;
    }

    #filter-list p {
        display: inline-block;
        margin: 0 10px 0 0 !important;
    }

.remove-notification,
#filter-list .remove-filter {
    height: 9px;
    width: 9px;
    display: inline-block;
    background-image: url(../Content/Images/Icons/close-icon-black.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    opacity: .8;
    font-size: 0px;
}

.remove-notification {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
#flexbox {
    display: flex !important;
    width: 100%;
    border: solid 1px #000;
    border-radius: 5px;
}

    #flexbox .stretch {
        flex: 1;
    }

    #flexbox .normal {
        flex: 0;
        padding: 0px 5px 0px 15px;
    }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    padding: 0px 25px 0px 15px
}

#flexbox div input {
    width: 100%;
}

#flexbox div button {
    padding: 0px;
    white-space: nowrap;
    border: none;
}


.nav.navbar-nav .dropdown.open {
    position: static;
}


span.remove-share {
    display: none;
}

.remove-confirm, .remove-confirm:hover {
    cursor: pointer;
}


span.copy-share-link {
    color: #001EFF;
    cursor: pointer;
    white-space: nowrap;
}
    /*span.copy-direct-link, span.copy-embed-link,
        span.copy-direct-link:hover, span.copy-embed-link:hover, 
    */

    span.copy-share-link:hover {
        text-decoration: underline;
    }


/*Copy - Tooltip*/
.copy-tooltip {
    position: relative;
    display: inline-block;
}

    .copy-tooltip .copy-tooltiptext {
        visibility: hidden;
        width: 140px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -75px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .copy-tooltip .copy-tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .copy-tooltip:hover .copy-tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.hidden-copy {
    position: absolute;
    left: -9999px;
    /*border:0px;
    height:0px;
    width:0px;*/
}

.share-warning {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

.search-loader {
    display: none;
}

.panel-body:before, .panel-body:after {
    width: 0px;
}

.page-details-container {
    margin-bottom: 0px !important;
}

.page-details {
    font-size: 12px;
    margin: 10px auto 0px auto;
}

.product-intro h1 {
    margin-top: 0px;
}
/*CAW*/
.caw-header {
    background-color: #000;
    color: #fff;
    /*border-bottom:4px solid #001eff;*/
    /*margin-bottom:0px;*/
    /*z-index: 999;*/
    margin: 0px;
}

    .caw-header h4 {
        margin: 0px;
        padding: 10px 0px;
    }

        .caw-header h4 a {
            color: #fff;
        }

.unstyled {
    list-style-type: none;
    border: 1px solid #666;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    max-height: 230px; /*400px;*/
    overflow-y: auto;
}

    .unstyled label {
        font-weight: 400;
    }

.styled {
    list-style-type: none;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    max-height: 230px; /*400px;*/
    overflow-y: auto;
}

#AddPicker, #EditPicker {
    width: 100%;
}

ul#myUL {
    list-style-type: none;
    background-color:#fff;
}


#myUL li {
    list-style-type: none;
}

#myUL .Cawcaret {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

    #myUL .Cawcaret::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 6px;
    }

#myUL .Cawcaret-down::before {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}

#myUL .nested {
    display: none;
}

#myUL .active {
    display: block;
}

.picker-option {
    font-weight: bold;
}
.picker-option.taken {
    color:lightgray;
}


.urgent, .urgent td {
    background-color: #FFC800 !important;
}

.row .form-group p {
    padding: 0px 10px;
    font-size: 12px;
}

.requestdetailspanel {
    height: 90px;
    padding: 0px 20px;
}

    .requestdetailspanel div {
        align-content: center;
        justify-content: space-between;
    }

    .requestdetailspanel .form-control {
        width: auto !important;
        display: inline-block;
    }

    .requestdetailspanel.small {
        height: 45px;
    }

.resubmission {
    color: #fff;
    background-color: blue;
}

.submitable {
    display: none;
}

#requestform .form-group input, #requestform .form-group select, #requestform .form-group textarea, #requestform .form-group .unstyled,
#wizard-form .form-group input, #wizard-form .form-group select, #wizard-form .form-group textarea, #wizard-form .form-group .unstyled {
    /*max-width: 500px;*/
    max-width: 94%;
}

.control-label {
    max-width: 94%;
}

#wizard-form {
    padding: 0px 15px;
}

#wizard-working, #wizard-closing {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #fff;
    z-index: 999999;
    padding: 50px;
}

    #wizard-working h1, #wizard-closing h1 {
        text-align: center;
        font-size: 32px;
    }

    #wizard-working .submit-loader, #wizard-closing .submit-loader {
        display: block;
        height: 100px;
        width: 100px;
        float: none;
        margin: 0 auto;
    }

/*Home Search Bar*/

.search-form {
    padding: 0px 5%;
    margin-top: 15px;
}

    .search-form .form-group {
        position: relative;
    }

        .search-form .form-group .search-input {
            font-size: 16px;
            padding-left: 24px;
            font-weight: bold;
            border-radius: 25px;
            /*padding-left: 47px;*/
            padding-right:225px;
        }

        .search-form .form-group .search-button {
            background-color: transparent;
            height: 40px;
            width: 40px;
            position: absolute;
            top: 0px;
            right: 6px;
            content: " ";
            border: 0px solid;
            color: #666;
            border: none !important;
            outline: none !important;
            padding: 7px;
        }

            .qas-animation,
            .btn-search-big.search-loading,
            .search-form .form-group .search-button.search-loading {
                background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
                background-repeat: no-repeat;
                background-size: 80%;
                background-position: center;
            }

@media (min-width: 480px) {
    .search-form {
        padding: 0px 15%;
    }
}

@media (min-width: 768px) {
    .search-form {
        padding: 0px 15%;
    }
}

@media (min-width: 1024px) {
    .search-form {
        padding: 0px 20%;
    }
}

/*
.dropdown.open .ProductMenu {
    position: fixed;
    height: 100%;
    left: 0px;
    top: 60px;
    width: 100%;
    padding: 0px;
}*/

/*Flex positioning*/
.d-flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.align-items-baseline {
    align-items: baseline;
}

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

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

.mt-auto {
    margin-top: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

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


.mr-1 {
    margin-right: 5px !important;
}

.mr-2 {
    margin-right: 10px !important;
}

.mr-3 {
    margin-right: 15px !important;
}

.ml-1 {
    margin-left: 5px !important;
}

.ml-2 {
    margin-left: 10px !important;
}

.ml-3 {
    margin-left: 15px !important;
}

.mb-0 {
    margin-bottom: 5px !important;
}

.mb-1 {
    margin-bottom: 5px !important;
}

.mb-2 {
    margin-bottom: 10px !important;
}

.mb-3 {
    margin-bottom: 15px !important;
}

mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 5px !important;
}

.mt-2 {
    margin-top: 10px !important;
}

.mt-3 {
    margin-top: 15px !important;
}

.mt-4 {
    margin-top: 20px !important;
}

.m-1 {
    margin: 5px !important;
}

.m-2 {
    margin: 10px !important;
}

.m-3 {
    margin: 15px !important;
}

.m-4 {
    margin: 20px !important;
}

.p-1 {
    padding: 5px !important;
}

.p-2 {
    padding: 10px !important;
}

.p-3 {
    padding: 15px !important;
}

.p-4 {
    padding: 20px !important;
}

.pb-1 {
    padding-bottom: 5px !important;
}

.pb-2 {
    padding-bottom: 10px !important;
}

.pb-3 {
    padding-bottom: 15px !important;
}

.w-100 {
    width: 100%;
}

.w-60 {
    width: 60%;
}

.w-50 {
    width: 50%;
}

.w-40 {
    width: 40%;
}

.selectall {
    cursor: pointer;
}

#contentSearch .btn-search {
    top: 11px;
    right: 10%;
    cursor: pointer;
}

.submit-loader {
    display: none;
    background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 50px;
    width: 50px;
    float: left;
}

    .submit-loader.search-loader {
        margin-top: 20px;
        height: 50px;
        width: 50px;
        float: left;
    }

.upload-message {
    display: none;
}

.tick-blue {
    color: #001EFF;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../content/images/icons/blue-tick.png);
    padding: 0px 30px 0px 10px;
    background-size: 23px auto;
    background-position: right center;
    float: right;
}

.note {
    padding: 10px;
}

.note-info {
    color: #4d4d4d;
    margin-bottom: 5px;
}

.support-info {
    font-size: 14px;
}

    .support-info a {
        border-right: 1px solid black;
        margin-right: 10px;
        padding-right: 10px;
    }

        .support-info a:last-child {
            border-right: 0px solid black;
            margin-right: 0px;
            padding-right: 0px;
        }

@media (min-width: 992px) {
    .support-info {
        float: right;
        margin-top: 30px;
    }
}

.declaration-container {
    align-content:center;
}
.declaration-container p, .declaration-container input {
    margin: 0px;
    padding: 0px;
}

.searchterms-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    padding: 20px 0px;
}

    .searchterms-header .warningtext {
        color: rgb(220, 10, 10);
        font-weight: bold;
        display: block;
        margin-left: 10px;
        font-size: 14px;
    }

.hand-icon {
    width: 50px;
    height: 50px;
    background-image: url(../Content/Images/Icons/hand-stop-50x50.png);
}

.flex-left {
    margin-left: auto;
}

.searchterms-header .flex-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

    .searchterms-header .flex-left #syncloader {
        margin-right:5px;
    }


.searchterms-header #syncTags {
    max-width: 100% !important;
}


.sd-titles {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .sd-titles h2 {
        margin: 0px 12px;
    }

    .sd-titles i {
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
    }

.sd-details {
    background-image: url(../Content/Images/Icons/Wizard/details.png);
    width: 48px;
    height: 50px;
}

.sd-display {
    background-image: url(../Content/Images/Icons/Wizard/display.png);
    width: 48px;
    height: 50px;
}

.sd-search {
    background-image: url(../Content/Images/Icons/Wizard/search.png);
    width: 40px;
    height: 50px;
}

.sd-request {
    background-image: url(../Content/Images/Icons/Wizard/request.png);
    width: 50px;
    height: 50px;
}


.sd-submissions .dt-buttons {
    float: left;
    margin-top: 11px;
}

    .sd-submissions .dt-buttons .dt-button {
        border: 0px;
        border-right: 1px solid #666;
        background-color: transparent;
        text-transform: uppercase;
        font-size: 12px;
    }

        .sd-submissions .dt-buttons .dt-button:last-child {
            border: 0px;
        }

.sd-submissions th {
    font-size: 12px;
    white-space: nowrap;
    border-top: 0px solid black !important;
    padding-right: 0px !important;
}

.sd-submissions td {
    font-size: 12px;
}

.sd-submissions .sorting, .sd-submissions .sorting_asc, .sd-submissions .sorting_desc, .sd-submissions .sorting_asc_disabled, .sd-submissions .sorting_desc_disabled {
    background-position: center left !important;
}

.sd-submissions .dataTables_wrapper {
    margin-top: 10px;
}

.sd-submissions .table {
    margin-bottom: 10px;
    padding-top: 10px;
}

.error-page {
    padding: 0px 30px;
}

label.error, #form-message.error {
    color: #dc0a0a;
}

#form-message.error {
    font-weight: bold;
}


.clear-margin {
    margin-left: 0px;
    margin-right: 0px;
}

.clear-padding {
    padding-left: 0px;
    padding-right: 0px;
}

/*Panel Styling*/

@media (max-width: 768px) {

    .assetpage #col-asset-preview {
        order: 2;
        margin-bottom: 10px;
    }

        .assetpage #col-asset-preview .asset-preview {
            border: 0px;
        }

            .assetpage #col-asset-preview .asset-preview img {
                max-height: 250px;
                margin: 0 auto;
                display: block;
            }

    .assetpage #col-asset-details {
        order: 1;
        margin-bottom: 10px;
    }

    .assetpage .asset-header h1 {
        font-size: 24px;
    }

    .assetpage #col-asset-options {
        order: 3;
    }

    .assetpage #col-asset-tags {
        order: 4;
    }

    .assetpage #col-asset-options .box-nopadding {
        text-align: center;
        width: 100%;
    }

    .action-container .action {
        width: 100%;
        margin-right: 0px;
    }
}


.view-controls {
    display: none;
}

    .view-controls a {
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        display: inline-block;
        margin-left: 10px;
        cursor: pointer;
    }

.listview-select {
    background-image: url(../Content/Images/Icons/sort-list.svg);
}

.gridview-select {
    background-image: url(../Content/Images/Icons/sort-grid.svg);
}

    .listview-select.selected, .gridview-select.selected {
        opacity: 0.2;
        cursor: pointer;
    }


.offsetanchor {
    position: absolute;
    top: -50px;
    left: -50px;
}

.offsetanchortop {
    position: absolute;
    top: -100px;
    left: -50px;
}

.tabcatanchor {
    font-size: 13px;
    margin-right: 10px;
}

/*.tab-pane {
    position:relative;
}

.backtotop-wrapper {
    width:100px;
    position:absolute;
    top:0;
    right:-10px;
}

.backtotop {
    width: 90px;
    position: fixed;
    background-color: #FF5000;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}*/

.backtotop {
    margin-left: auto;
    margin-bottom: 20px;
    width: 80px;
    background-color: #FF5000;
    color: white;
    padding: 5px 10px;
    border-radius: 5px 0px 0px 5px;
    position: sticky;
    bottom: 20px;
    float: right;
    text-align: left;
}

    .backtotop::after {
        content: "";
        background-image: url(../Content/Images/Icons/Nav/arrow.png);
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        float: right;
        width: 12px;
        height: 23px;
        background-size: 100%;
        margin-left: 5px;
        transform: rotate(180deg);
    }



.row-carousel {
    margin: 0px 0px 30px 0px;
}

.column-carousel {
    padding: 0px;
}

.list-file-copy, .list-file-info {
    display: none;
}

@media (min-width: 560px) {

    .view-controls {
        display: flex;
        align-items: center;
        float: right;
    }

    .listview .panelstyle {
        width: 100%;
    }

        .listview .panelstyle .panel {
            margin-bottom: 10px;
        }

        .listview .panelstyle .panel-body {
            padding: 15px 20px;
        }

            .listview .panelstyle .panel-body .icon-new {
                border-width: 40px 40px 0 0;
                border-color: #FF5000 transparent transparent transparent;
                bottom: auto;
                right: auto;
                top: 0px;
                left: 0px;
            }

                .listview .panelstyle .panel-body .icon-new p {
                    font-family: proximanova,Arial,sans-serif;
                    font-size: 11px;
                    color: #fff;
                    top: -25px;
                    position: relative;
                    left: 4px;
                    transform: rotate(-45deg);
                }


            .listview .panelstyle .panel-body .file-copy, .listview .panelstyle .panel-body .file-info {
                display: none;
            }

            .listview .panelstyle .panel-body .list-file-copy {
                display: block;
                width: 50%;
            }

                .listview .panelstyle .panel-body .list-file-copy h4, .listview .panelstyle .panel-body .list-file-copy p {
                    margin: 0px;
                }

                .listview .panelstyle .panel-body .list-file-copy .action-container {
                    padding: 0px;
                    display: inline-block;
                }

                    .listview .panelstyle .panel-body .list-file-copy .action-container .fav,
                    .listview .panelstyle .panel-body .list-file-copy .action-container .share,
                    .listview .panelstyle .panel-body .list-file-copy .action-container .internal-only {
                        width: auto;
                        margin-right: 15px;
                        float: left;
                        font-size: 11px;
                    }

            .listview .panelstyle .panel-body .list-file-info {
                display: flex;
                flex-direction: column-reverse;
                width: 50%;
                font-size: 11px;
            }

            .listview .panelstyle .panel-body .w-50 {
                width: 100%;
                float: left;
                text-align: right;
            }

        .listview .panelstyle .panel-body {
            flex-direction: row;
        }


            .listview .panelstyle .panel-body .file-details {
                position: relative;
                top: auto;
                text-align: right;
                width: auto;
                left: auto;
                margin-left: 0px;
            }

            .listview .panelstyle .panel-body .file-icon {
                /*margin: -20px 0px;
            padding: 20px 0px 20px 50px;*/
                margin: -7px 0px -20px 0px;
                padding: 20px 0px 20px 50px;
            }

            .listview .panelstyle .panel-body .web-icon {
                /*padding: 20px 0px 20px 60px;*/
                margin: -7px 0px -20px 0px;
                padding: 20px 0px 20px 60px;
            }

    .list-mediaid {
        text-align: right;
        width: auto;
        display: block;
        position: absolute;
        top: 14px;
        right: 23px;
    }
}


@media (min-width: 859px) {
    .listview .panelstyle .panel-body .list-file-copy {
        width: 60%;
    }

    .listview .panelstyle .panel-body .list-file-info {
        width: 40%;
    }

    .listview .panelstyle .panel-body .list-file-info {
        display: block;
    }

    .listview .panelstyle .panel-body .w-50 {
        width: 50%;
    }
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.ta-left {
    text-align: left;
}

.ta-right {
    text-align: right;
}


/*PDF VIEWER OVERRIDES*/

#exlinkpreviewcontainer {
    background-color: #404040;
}

    #exlinkpreviewcontainer #right-nav {
        margin-right: 0px !important;
    }

.exlinkpreview-buttons {
    margin-top: 7px;
}

    .exlinkpreview-buttons .btn {
        width: 170px;
        margin: 0px 20px;
    }

.exlink-preview-title {
    background-color: #313539;
    color: #fff;
    padding: 20px;
    /*margin-bottom: -32px;*/
    z-index: 3;
}

.exlinkpreviewiframe {
    display: block;
    width: 100%;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 130px);
}

#exlink-share-container {
    background-color: #F2F3F2;
    color: #000;
    padding: 20px;
    z-index: 3;
    display: none;
    position: absolute;
    top: 128px;
}

#myIframe .toolbarButton {
    display: none !important;
}

#the-canvas {
    border: 1px solid black;
    direction: ltr;
    display: block;
    margin: 0 auto;
}

.red {
    color: red;
}

.break-word {
    word-break: break-all;
}

.restricted {
    opacity: 0.5 !important;
}

.disable-salesforce {
    background: #cccccc !important;
    border: #cccccc !important;
    cursor: not-allowed !important;
    color: #000000 !important
}

.grey-disabled-file {
    color: #565656 !important;
    font-weight: 300 !important;
}

.contact-search-narrow, .contact-clear-filter,
.search-narrow, .clear-filter {
    cursor: pointer;
}

    .contact-search-narrow:hover, .contact-clear-filter:hover,
    .search-narrow:hover, .clear-filter:hover {
        text-decoration: underline;
    }

p.narrow-by {
    margin-bottom: 15px;
}

.tab-content .result-container.row {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 10px;
}

/*MICROSITEADMIN*/

#EditItem_PageId, #NewItem_PageId {
    display:none;
}

#menu-container, #menudetails-container {
    width: 100%;
}

#ItemsPreview {
    border: 2px solid gray;
    margin: 3px 8px;
    border-radius: 5px;
    padding: 6px;
}

.menu-level, .menu-list {
    margin-left: 15px;
    margin-top: 6px;
    border: 0px dotted gray;
    padding: 0px;
    background-color: lightgray;
    border-right: 0px;
    border-radius: 5px 0px 0px 5px;
    display: flex;
    flex-direction: column;
}

#parent-0, .menu-list {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    padding: 0px;
    border: 0px;
    margin: 0px -5px;
    background-color: #fff;
}

.menu-list {
    flex-direction: column !important;
}

.menu-item, .menudetails-item {
    background-color: lightgray;
    padding: 5px 0px 5px 15px;
    font-size: 14px;
    font-weight: bold;
    border: 2px solid gray;
    padding: 6px 0px 6px 8px;
    margin: 0px 0px 6px 6px;
    border-right: 0px;
    cursor: default;
    border-radius: 5px 0px 0px 5px;
    color: gray;
}
    .menu-item:first-child {
        margin-top: 6px;
    }

    .menu-item.item-active, .menudetails-item.item-active {
        background-color: #fff;
        color: black;
    }

.item-active.item-Header {
    color: #4d4d4d !important;
}

.item-active.item-URL {
    color: #001eff !important;
}

.item-active.item-Page {
    color: #001eff !important;
}

.item-active.item-Page.item-issue {
    border-color: red;
    color: red !important;
}

#parent-0 > .menu-item, .menu-list > .menudetails-item {
    flex-grow: 1;
    margin: 3px;
    border-right: 2px solid gray;
    border-radius: 5px;
}

/*.newchild {
    font-weight: lighter;
    font-size: 14px;
    border-bottom: 1px solid gray;
}
*/

.menu-item[draggable=true] {
    cursor: grab;
}

    .menu-item.dragging {
        cursor: grabbing !important;
    }

    .menu-item.hint {
        border: 1px dashed blue;
        background-color: lightcyan;
    }

    .dragging .menu-item.hint {
        border: 1px solid gray;
        background-color: white;
    }

    .menu-item.active {
        border: 2px solid orange;
        background-color: lightsalmon;
    }

.selected-item {
    color:#001eff;
    font-weight:bold;
}



.menu-add {
}

.item-options {
/*    display: inline-block;
    float: right;
    margin-right: 10px;*/
}

#menu-container .newchild {
    display:none;
}


#menu-container.sortmode .newchild {
    display: block !important;
}

#menu-container.sortmode .item-options {
    display: none;
}

/*TAXONOMY MANAGEMENT*/
.cms-container {
    width: 100%;
    margin: 0px !important;
}

.tax-container, .tax-value {
    border: 1px solid lightgray;
    margin-bottom: 10px;
    border-radius: 5px;
}

.tax-details, .tax-value-details {
    background-color: lightgray;
    padding: 2px;
}

.tax-detail {
    padding: 5px;
}

.sorthandle {
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: gray;
    margin: 0px 5px;
}

    .sorthandle.sort-active {
        display: inline-block;
    }

.child-level {
    margin-left: 20px;
}

.tax-value .form-control {
    height: auto;
    max-width: 100%;
    width: 300px;
}

.tax-btn {
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    color: gray;
    text-decoration: none;
    background-color: transparent;
    font-size: 14px;
}

    .tax-btn:hover {
        color: black;
        text-decoration: none;
    }

.tax-btn-add {
    /*font-size:24px;*/
}

.tax-btn-save {
}

.tax-btn-delete {
    /*font-size: 24px;*/
}

.tax-btn-sort {
}

.tax-btn-map {
}

.tax-btn-collapse {
}

.hidden {
    display: none;
}

.taxonomy-nav {
    background-color: gray;
    margin-bottom: 15px;
}

    .taxonomy-nav .tax-btn {
        color: white;
        padding: 8px;
        margin-right: 10px;
    }

        .taxonomy-nav .tax-btn:hover {
            text-decoration: underline;
        }

.taxonomy-control {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 30px;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #666666;
    border-radius: 5px;
}

.taxonomy-cluster {
    display: flex;
    flex-direction: column;
    padding: 10px;
    width: 230px;
}

.taxonomy-function {
    margin-bottom: 5px;
}

    .taxonomy-function.control-width {
        width: 170px;
        margin: 0px;
    }

.taxonomy-function {
    width: 165px;
    margin: 0px;
}

    .taxonomy-function.control-score .number-field {
        width: 55px;
    }

    .taxonomy-function label {
        font-weight: normal;
        font-size: 15px;
        margin: 0px;
    }

    .taxonomy-function input[type="checkbox"] {
    }

    .taxonomy-function p {
        font-size: 10px;
        margin-bottom: 0px;
    }

.taxonomy-collapse-handle {
    border: 0px !important;
    background-color: transparent;
    padding: 0px;
    width: auto;
}

    .taxonomy-collapse-handle::before {
        content: "";
        margin: 0 5px;
        width: 27px;
        height: 27px;
        display: block;
        background-image: url(../Content/Images/Icons/accordian-open.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .taxonomy-collapse-handle.collapsed::before {
        background-image: url(../Content/Images/Icons/accordian-closed.png);
    }

.pageSearchResultsLoader {
    width: 100%;
    text-align: center;
    /*margin: 20px 0px;*/
}

.TaxonomyOptionValues {
    width: 100%;
    border: 1px solid grey;
    display: none;
}

.SelectedTaxonomyOptionValues {
    height: 290px;
    overflow-y: auto;
    border: 1px solid grey;
}

.taxonomy-control-format {
    padding: 8px;
    border: 1px solid grey;
    border-radius: 0px;
    width: 100%;
}

.taxonomy-list {
    list-style: none;
    padding: 0px;
    height: 200px;
    overflow-y: auto;
}

    .taxonomy-list li {
        padding: 8px;
    }

.TaxonomyOptionSelected {
    display: none !important;
}

    .TaxonomyOptionSelected.selected {
        display: flex !important;
    }

.partialloader {
    width: 100%;
    position: absolute;
    display: block;
    height: 100%;
    min-height: 250px;
    top: 25px;
    bottom: 0px;
    opacity: 0.5;
    background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: wait;
}

.preferencesPartialLoader {
    min-height: 100px !important;
}

.partialloader53 {
    width: 100%;
    position: absolute;
    display: block;
    height: 100%;
    min-height: 250px;
    top: 53px;
    bottom: 0px;
    opacity: 0.5;
    background-image: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: wait;
}

.partialloader-collapse {
    position: unset;
}

p.no-data {
    margin: 10px 0px;
}

.taxonomy-search-results-container, .SelectedBulkValue-container {
    height: 180px;
    overflow-x: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid gray;
    width: 100%;
}

    .taxonomy-search-results-container .taxonomy-search-result {
        display: flex;
        flex-direction: column;
        padding: 5px;
        border-bottom: 1px solid gray;
    }

.SelectedBulkValue, .SelectedBulkValueMapping {
    display: flex;
    flex-direction: row;
    padding: 5px;
    border-bottom: 1px solid gray;
    cursor: pointer;
}

.taxonomy-search-results-container .taxonomy-search-result:hover {
    color: #fff;
    background-color: gray;
}

.taxonomy-search-results-container .taxonomy-search-result i, .SelectedBulkValue i, .SelectedBulkValueMapping i {
    font-size: 10px;
    margin: 0px;
}

.taxonomy-search-results-container .taxonomy-search-result b, .SelectedBulkValue b, .SelectedBulkValueMapping b {
    font-size: 10px;
    margin: 0px;
}

.taxonomy-search-results-container .taxonomy-search-result p, .SelectedBulkValue p, .SelectedBulkValueMapping p {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

.taxsearchcontainer {
    position: relative;
}

    .taxsearchcontainer .btn-search {
        top: 12px;
    }


#TaxonomyValueSelection, #UpdateAction {
    display: none;
}

    #TaxonomyValueSelection.active, #UpdateAction.active {
        display: block;
    }


#FullSearchResults, #AssetSearchResults, #ContactSearchResults, .container-loading {
    min-height: 250px;
    position: relative;
}

#ContactSearchResults,
#FullSearchResults {
    min-height: 250px;
}

.flex-container {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    width: 100%;
}

    .flex-container > div {
        padding: 3px;
        margin: 15px 3px;
        padding: 0px;
        font-size: 12px;
    }

    .flex-container .orderBy {
        font-size: 12px;
        padding: 0px !important;
        margin: 0px !important;
        border-radius: 0px;
        height: 20px;
    }

#search-data {
    background-color: #fff;
    background-image: none;
    border: 1px solid #666666;
    margin-right: 10px;
}

.pagination {
    margin: 0px 20px 10px 0px !important;
}

#pagecountcontainer {
    width: 100%;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.page-carousel {
    width: 100%;
}

#pageCarousel .carousel-inner .item.left.active {
    background: transparent !important;
}

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

#pageCarousel .carousel-inner {
    display: block !important;
    margin: 0 auto !important;
    width: 90% !important;
}

#pageCarousel .carousel-control, #pageCarousel .carousel-control:hover, #pageCarousel.carousel-control:focus {
    font-size: 30px !important;
    color: #001eff !important;
}

#pageCarousel .carousel-control {
    width: 32px !important;
}

    #pageCarousel .carousel-control.left {
        margin-left: -15px;
    }

    #pageCarousel .carousel-control.left, #pageCarousel .carousel-control.right {
        background-image: none;
    }

.grey {
    color: #666666;
}

#pageCarousel .carousel-inner > .item {
    height: auto !important;
    background: transparent;
}

#pageCarousel .page-image {
    object-fit: cover;
    height: 100px;
    width: 150px;
    margin-right: 10px;
}

#pageCarousel .page-text {
    text-align: left;
    font-size: 13px;
    position: relative;
    height: 100%;
    width: 100%;
}

@media(max-width: 1023px) {
    #pageCarousel .page-image {
        height: 50px;
        width: 75px;
        margin-right: 10px;
    }
}

#pageCarousel .page-text .views {
    position: absolute;
    bottom: 0px;
}

#pageCarousel .page-text p.title a,
#pageCarousel .page-text p.title {
    color: #001eff !important;
    font-weight: 700;
    font-size: 15px !important;
}

#pageCarousel .carousel-parent {
    display: flex;
    overflow: hidden;
    align-items: flex-start;
    /*border: solid 1px #666666;*/
    background-color: #eee;
    width: 100%;
    padding: 10px;
    /*height: 180px;
    max-height: 360px;*/
}

#pageCarousel .carousel-control .icon-prev,
#pageCarousel .carousel-control .glyphicon-chevron-left {
    top: 35% !important;
    left: 0% !important;
}

#pageCarousel .carousel-control .icon-next,
#pageCarousel .carousel-control .glyphicon-chevron-right {
    top: 35% !important;
    right: 0% !important;
}

.p-0 {
    padding: 0px 10px 0px 0px !important;
}

.p-r5 {
    padding-right: 5px !important;
}

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

.like-icon {
    position: relative;
    bottom: 2px;
}

small.rating {
    color: #000;
    font-size: 14px;
    display: inline-block;
    padding-right: 5px;
}

.contact-info {
    /*background: transparent url(../content/images/icons/info-icon-normal-black.png) no-repeat left 3px;*/
    padding: 5px 0px 5px 0px;
    margin-top: 20px;
}
.search-form .contact-info {
    padding: 5px 25px !important;
    margin: 0px;
    margin-bottom: 0px;
    font-size: 14px !important;
    margin-bottom: -30px;
}

.small-text {
    font-size: 13px;
}

.like-remove-click, .like-add-click,
.like-remove, .like-add {
    display: inline-block;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    position: relative;
    top: 4px;
}

td .like-remove, td .like-add {
    margin-right:4px;
}

.like-remove-click,
.like-add-click {
    cursor: not-allowed !important;
}

.like-remove-click,
.like-remove {
    background: url('../content/images/Icons/thumbs-up-icon-down.png')
}

.like-add-click,
.like-add {
    background: url('../content/images/Icons/thumbs-up-icon-over.png')
}

p.top-5 {
    position: relative !important;
    top: -5px !important;
}

.mapped-taxonomy-container {
    border: 1px solid gray;
    margin-bottom: 7px;
}

.mapped-taxonomy-heading {
    background-color: gray;
    color: white;
    padding: 7px;
}

.mapped-taxonomy-values {
}

.mapped-values {
    padding: 7px;
}

/*Custom Layouts*/

.umb-grid .column > div {
    width: 100%;
    margin: 0px -10px 0px 20px;
}

@media (min-width: 768px) {
    #filter-toggle {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

@media (max-width: 1024px) {
    .layout-small {
        display: block !important;
        margin: 0px !important;
    }

    #createsharelink {
        margin-left: 0 !important;
    }

    .share-box {
        margin: 0 !important;
    }

    .ws-100 {
        width: 100% !important;
    }

    .share-hide-line {
        display: none !important;
    }

    .share-row {
        margin: 15px 0px !important;
    }

    .mt-0 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}



.umb-macro-holder ins {
    text-decoration: none;
}


.mce-edit-area iframe {
    min-height: 200px;
}

p.review-status {
    font-size: 10px;
    margin-left: 15px;
    /* font-weight: bold; */
    margin-top: 16px;
    /*background-color: #7fb252;*/
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    color: white;
}

Input#datepicker2 {
    width: 100%;
}

.load-report {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    max-height: 100%;
    background: #000000;
    background: rgba(0, 0, 0, .2);
}

    .load-report div {
        position: relative;
        height: 100%;
    }

        .load-report div img {
            position: absolute;
            top: 50%;
            left: 50%;
        }

.export-report {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    max-height: 100%;
    cursor: not-allowed;
}

    .export-report div {
        margin: auto;
        background: #fff;
        padding: 20px;
        border: 1px solid black;
        width: 300px;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: 70px;
        cursor: progress;
    }

/*Collapsible Section*/
.collapsiblesection-header {
    align-items: center;
    margin: 0px;
    width: 100% !important;
    margin-top: 20px;
    font-size: 24px;
    font-family: proximanova, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.title-blue {
    color: #001EFF;
}

.title-black {
    color: #000000;
}

.collapsiblesection-button {
    float: left;
    cursor: pointer;
}

    .collapsiblesection-button::before {
        content: "";
        margin-right: 10px;
        width: 27px;
        height: 27px;
        display: block;
        background-image: url(../Content/Images/Icons/arrow-up@2x.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

.collapsed.collapsiblesection-button::before {
    background-image: url(../Content/Images/Icons/arrow-down@2x.png);
}

.collapsiblesection-content {
    width: 100% !important;
    margin-top: 10px;
}

    .collapsiblesection-content .collapsiblesection-content-container {
        height: auto;
        margin-left: 37px;
    }

.collapsiblesection hr {
    margin-top: 20px;
}



#cookies-message {
    position: fixed;
    background-color: lightgray;
    bottom: 10px;
    right: 20px;
    width: 100%;
    max-width: 300px;
    font-size: 14px;
}

.microsite-menu-container {
    margin: 0px 6px;
}

#micromenu {
    display: flex;
    border-bottom: 1px solid #D8DAD9;
    border-top: 1px solid #D8DAD9;
    width: 100%;
    margin-top: 4px;
}    

    #micromenu a {
        color: #001EFF;
    }
    #micromenu span {
        color: #4d4d4d;
        cursor:pointer;
    }
    #micromenu span, #micromenu a {
        font-weight: bold;
        text-decoration: none;
        white-space: nowrap;
        font-size: 12px;
        padding: 14px;
        display: block;
    }
    #micromenu span:hover, #micromenu a:hover {
        background-color:#001EFF;
        color:#fff;
    }


    #micromenu ul {
        z-index: 1000;
    }

    #micromenu .parent {
        display: block;
        position: relative;
        float: left;
        background-color: #ffffff;
    }

        #micromenu .parent:hover > ul {
            display: block;
            position: absolute;
        }

    #micromenu .child {
        display: none;
    }

        #micromenu .child li {
            width: 100%;
        }


    #micromenu ul {
        list-style: none;
        margin: 0;
        padding: 0px;
        min-width: 10em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        #micromenu ul.child {
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
        }

    .MicroSiteMenuChevron {
        width:20px;
        margin: -6px -5px -6px -1px;
        display: inline-block;
    }
    .child .MicroSiteMenuChevron {
        transform: rotate(-90deg);
    }
    #micromenu span:hover .MicroSiteMenuChevron path, #micromenu a:hover .MicroSiteMenuChevron path {
        stroke: #fff !important;
    }


#micromenu ul ul ul {
                left: 100%;
                top: 0px;
                margin-left: 0px;
            }



    #micromenu .expand micromenu {
        font-size: 12px;
        float: right;
        margin-right: 5px;
    }

.email-domains {
    padding: 0px;
    margin-top: 20px;
}

.email-domains span {
    border: none;
    border: solid 1px #001EFF !important;
    border-radius: 10px;
    color: #001EFF !important;
    text-align: center;
    cursor: pointer;
    padding: 10px;
}

.tab-min-height {
    min-height: 200px;
}

.img-preview img {
    margin-top: 20px;
    width: 87px;
}

.profile-warning {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
    padding: 10px 10px;
}

    .profile-warning h3 {
        margin: 0px 0px 10px 0px;
    }

    .profile-warning p {
        margin: 0px !important;
    }

    .textarea {
        width: 100%;
        border: 1px solid #666;
        padding: 5px 15px;
        margin-bottom: 10px;
        height: 200px !important;
        font-size: 14px;
        border-radius: 5px;
    }

.my-profile p { margin: 10px !important;}

.my-profile-job-title {
    font-size: 20px;
}


label.pseudo-return:before {
    content: '\A';
    white-space: pre;
}

hr.hr {
    border-top: 1px solid #D8DAD9 !important;
    margin: 20px 0px 0px 0px !important;  
}
.modal-animation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0px 60px 0px;
}

.animation {
    width: 87px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center
}

.about-me-animation {
    margin-top: 10px;
}

    .preferences-animation,
    .about-me-animation img,
    .animation img {
        width: 30px !important;
        height: 30px !important;
    }

.preferences-clear-wait {
    background: url(../Content/Images/Loaders/loading-spinner-refinitiv.gif) no-repeat;
    background-size: contain;
    color: white !important;
}

.no-access {
    cursor: not-allowed;
}

#editurlmessage, #addurlmessage {
    display: none;
    color: red;
}

.bg-green {
    background-color: #35c786 !important;
}

.bg-red {
    color: #dc0a0a !important;
    background-color: #fff !important;
}
.preferences-no,
.profile-no,
{
    color: #dc0a0a !important;
    margin: 0px;
    padding: 10px;
}

.preferences-saved,
.no-profile-saved,
.profile-saved {
    color: #fff !important;
    margin: 0px;
    padding: 10px;
}

#sticky-save {
    display: none;
    position: sticky;
    top: 100px;
    z-index: 1500;
    justify-content: flex-end;
}

.sticky-background {
/*    background: #fff;*/
}

.highlight-edit {
    background-color: #FFDBCC !important;
}

#assettable_wrapper {
    margin-bottom: 20px;
}

.clear-button {
    align-self: flex-end;
    margin-left: 10px;
}

.my-button{
    align-self: flex-end;
}

.my-image-label {
    margin: 0px !important;
    position: absolute;
    bottom: 0px;

}
.relative {
    position: relative;
}

#authorAnimation .modal-dialog-preview {
    width: 800px !important;
}

.modal-dialog.md-xl {
    width:80%;
}

.modal-dialog.md-lg {
    width: 60%;
}

.pageasset-download.disabled {
    pointer-events: none;
    color: #afafaf;
    font-style: italic;
}

.no-preview-message {
    text-align: center;
    padding: 20px;
    font-size: 24px !important;
}

/*Bulk Update*/

#BulkUpdates .bubble {
    border: 2px solid black;
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 10px;
    margin: 6px !important;
}

#BulkUpdates #BulkOptions {
    padding: 0px 10px;
}

#BulkUpdates #BulkOptions.disable-options {
    pointer-events:none;
}

#BulkUpdates .container-loading {
    min-height: 90px !important;
}

#BulkUpdates .partialloader {
    min-height: 90px;
    top: 0px;
    background-size: 35px;
    text-align:center;
}

#assetvalueoptin {
}

#assetvalueoptions {
}

.assetvalueselector, #assetvalueoptin, .pagevalueselector, #pagevalueoptin {
    background-color: lightgray;
    padding: 10px;
    border: 2px solid #f5f5f5;
    border-radius: 5px;
    align-items: flex-start;
}

#authorsobject, #tagsobject {
    width: 100%;
    background-color: #fff;
}

.SelectedTaxonomyOptionValues, .TaxonomyOptionValues {
    background-color: #fff;
}

.bulkupdateradio label {
    padding: 10px;
    margin: 0px;
}

.ai-fs {
    align-items: flex-start;
}

.mce-fixed {
    position: fixed !important;
}


.preferences-collapsiblesection {
    margin-right: 20px !important;
    width: 100% !important
}

.pref-box {
    height: 45px;
    padding-top: 12px;
    margin-right: 20px;
    display: none;
}

.larger-text {
    font-size: 16px !important;
}

#NotificationModal .modal-content {
    background-color:#f2f2f2;
}

#NotificationModal .modal-footer {
    text-align: left !important;
}

#WarningModal .modal-footer {
    text-align: left !important;
}

#SearchFilter div.tree-multiselect > div.selected > div.item {
    clear: both !important
}

.clear-all-children,
.select-all-children,
.clear-all,
.select-all {
    color: #001EFF;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: right;
}

.select-all-children,
.select-all {
    display: table-cell;
}

.preferences-spacer {
    position: absolute;
    height: 15px;
    background: #fff;
    top: 1px;
    width: 46%;
    z-index: 1000;
    display: table;
}

.select-all-left {
    background: #fff;
    opacity: 1;
    z-index: 1000;
    padding: 5px 0px;
    position: relative;
    top: -10px;
}
.preferences-warning {
    font-weight: bold;
    font-size: 14px !important;
    color: #dc0a0a !important;
    text-align: right;
    padding: 0 !important;
}

.preferences-clear {
    width: 100%;
    text-align: right;
}

.ui-autocomplete {
    /*    border-radius: 25px !important;*/
    border: 1px solid #666666 !important;
}

.header-auto {
    padding: 5px 5px 5px 20px !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 1px #001EFF solid;
    font-weight: bold !important;
    color: #001EFF !important;
    pointer-events: none;
}

.header-auto span {
    margin-left: 5px;
          font-size: 16px !important;
}

    .ui-autocomplete li div {
        padding-left: 20px !important;
        font-size: 16px !important;
    }
    .ui-autocomplete li {
        overflow: hidden !important;
    }


.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #001EFF !important;
    font-weight: normal !important;
    color: #fff !important;
    overflow: hidden !important;
}


.header-auto .ui-menu-item-wrapper.ui-state-active {
    background: #fff !important;
    font-weight: bold !important;
    color: #001EFF !important;
    border: solid 1px #fff !important;
    overflow: hidden !important;
}

/*
.navbar,
.row-carousel {
    z-index: 1;
}*/
/*TAG SELECTOR*/
#TagLookup {
    position: absolute;
    width: 44%;
    margin: 13px;
    padding: 5px;
    border: 1px solid black;
}

#TagResults, #TagSelections {
    width: 50%;
    height: 250px;
    overflow-y: auto;
    /*background-color: #fff;*/
    border: 1px solid #000;
    padding: 5px;
    padding-top: 25px;
}

#TagResults {
    border-right: 0px;
    padding-top: 50px;
}

/*    #TagResults .tagoption, #TagSelections .tagselection {
        padding: 5px;
        background-color: #eaeaea;
        border-radius: 5px;
        margin: 5px;
        width: auto;
        display: inline-block;
        cursor: pointer;
    }

    #TagResults .tagoption.selected {
        background-color: blue;
        color:#fff;
        cursor:not-allowed;
        pointer-events:none;
    }

        #TagResults .tagoption .tagstate, #TagSelections .tagselection .tagstate {
            background: #777;
            border-radius: 2px;
            color: white;
            margin-right: 5px;
            padding: 0 3px;
        }

        #TagSelections .tagselection.mappedtag {
            animation-name: newtag;
            animation-duration: 10s;
        }*/


.tagoption, .tagselection {
    padding: 5px 10px;
    background-color:#eaeaea;
    border-radius: 5px;
    /*margin: 5px;*/
    margin-bottom:5px;
    display:flex;
    flex-direction:row;
    /*cursor:pointer;*/
}

.tagselection.newlymapped {
    border: 3px solid green;
}

.tagoption, .tagremove {
    cursor: pointer;
}

.tagoption.selected {
    cursor: not-allowed;
    pointer-events: none;
}
.tagselection[data-mapped="false"] {
    background-color: green;
    color: white;
}

.taginfo {
    flex-grow: 1;
    padding: 0px 5px;
    break-inside: avoid-column;
}
.tagtitle {
    font-weight:bold;
}
.tagsynonyms {
    font-size: 12px;
}
.tagstate {
    border-radius: 2px;
    color: white;
    height: 16px;
    width: 16px;
    display: block;
    text-align: center;
    line-height: 14px;
    margin-top:3px;
}
.tagselection .tagstate {
    background: #c62e28;
}
.tagoption .tagstate {
    background: #157113;
    line-height: 16px;
}
.tagoption.selected .tagstate {
    display:none;
}


#TagResults.container-loading {
    overflow-x:hidden;
    background-color:transparent;
}

.tagclearall {
    position: absolute;
    border: 0px;
    background-color: transparent;
    right: 40px;
    top: 5px;
    color: #001EFF;
    font-size: 14px;
    cursor: pointer;
}

.ui-autocomplete {
    border-radius: 10px !important;
    background-color: #ffffff !important;
    z-index: 1000;
}

.navbar-fixed-top {
    z-index: 997;
}

.smaller-text {
    font-size: 12px;
    padding-bottom: 10px !important;
}

.warning-larger-text {
    font-size: 15px !important;
}




/*SUBMISSION form 2.0*/

.tree-multiselect.author-disabled {
    background-color: lightgray;
    pointer-events: none;
    opacity: 0.7;
}

.taxonomy-selector {
    border: 1px solid black;
    width: 100%;
    display: flex;
    flex-direction: row;
}

    .taxonomy-selector.taxonomy-disabled, #TagSelectorContainer.tag-disabled, #tscontainer.tag-disabled {
        pointer-events: none;
        background-color: lightgray;
        opacity: 0.7;
    }

    .taxonomy-selector-options {
        width: 50%;
        border-right: 1px solid black;
        padding: 10px;
        height: 250px;
        overflow: hidden;
        overflow-y: auto;
    }

.taxonomy-selector-selections {
    width: 50%;
    padding: 10px;
    height: 250px;
    overflow: hidden;
    overflow-y: auto;
}


.taxonomy-selector-option-container {
    display:flex;
    flex-direction:row;
    align-items:center;
}

    .taxonomy-selector-option-container input, .taxonomy-selector-option-container label {
        padding:0px;
        margin:0px;
    }



.taxonomy-selector-option-container.ts-section {
    background-color: #001Eff;
    color:#ffffff;
    font-weight:normal;
    margin-bottom:2px;
}

    .taxonomy-selector-option-container.ts-section label {
        font-weight: normal;
    }


.taxonomy-selector-option-container input {
    margin-right: 3px;
}

.ts-spacing {
    margin-left:10px !important;
}

.taxonomy-selector-option-container label {
    padding: 0px;
    margin: 0px;
}


.ts-child-toggle {
    width: 20px;
    text-align: center;
}

.ts-child-toggle::after {
    content: "-";
}

.ts-child-toggle.collapsed::after {
    content:"+";
}

.taxonomy-selector-child-options {
    padding-left: 20px;
}

.ts-child-selectall {
    margin-left:auto;
}


.tax-selection, .tax-selection-dummy {
    background: #EAEAEA;
    border-radius: 2px;
    padding: 5px 10px;
    overflow: auto;
    margin-bottom: 2px;
}

    .tax-selection[draggable=true] {
        cursor:move;
    }

    .tax-selection i {
        float:right;
    }

.remove-tax-selection, .remove-tax-selection-dummy {
    background: #777;
    border-radius: 2px;
    color: white;
    margin-right: 5px;
    padding: 0 3px;
    cursor:pointer;
}

.save-selected-tax {
    margin: inherit !important;
}

.show-preferences {
    display: flex;
    justify-content: flex-end;

}

.ui-autocomplete-category {
    padding-left: 0px !important;
}

.tax-search {
    border: 1px solid #000;
    display: block;
    margin-bottom: 9px;
    padding: 5px;
    width: 100%;
    position: sticky;
    top: 0px;
}

.sft-locked {
    height:1px;
    /*background-color:pink;*/
    overflow:hidden;
}

.smaller-text-more {
    font-weight: bold;
    font-size: 16px;
    padding: 0px;
}


/*Tag Selector V2*/
#tscontainer {
    width:100%;
    position:relative;
    display:block;
}

#tscontrol {
    display: flex;
    flex-direction: row;
    height: 350px;
    border: 1px solid black;
    width: 100%;
}

#tsoptionscont {
    width: 50%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid black;
    padding:12px;
}

#tsselectionscont {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 12px;
}

#tsoptionscontrols {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#tslookup {    
    width: 100%;
    margin: 0px 0px 12px 0px;
    padding: 5px;
    border: 1px solid black;
}

#tsresults {
    display:flex;
    flex-direction:column;
    flex-grow:1;
    overflow-y:auto;
}

#tsoptions {
    /*flex-grow: 1;
    overflow-y: auto;*/
}
    #tsoptions.container-loading {
        overflow-x: hidden;
        background-color: transparent;
        min-height:auto;
    }

#tsaddnew {
    display: none;
}

#tsnoresults {
    display:none;
}
    #tsnoresults b {
        display: block;
        margin-bottom: 10px;
        margin-left: 5px;
    }

#tsselectionscroll {
    flex-grow: 1;
    overflow-y: auto;
}

#tsblock {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgba(204,204,204,1);
    display:none;
    align-items:center;
    justify-content:center;
}

#tsblock.blocked {
    display:flex;
}

    #tsblock.editblocked {
        display: flex;
        background-color: rgba(204,204,204,0.5);
    }

.tsclearall, .tsreapply {
    border: 0px;
    background-color: transparent;
    float: right;
    color: #001EFF;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
}

#tsmapcontrol {
    /*display: flex;
    flex-direction: row;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

#tsmapcontrol .btn {
    max-width:100% !important;
}

#tsmaploader {
    /*margin-left: 12px;
    float: none;*/
    margin-top: 50px;
    float: none;
    position: absolute;
}

.tagselection.remove-new-tag {
    background-color: green;
    color: white;
}

#tscontainer.tsdisabled {
    pointer-events: none;
    background-color: lightgray;
}

.tsdisabled #tscontrol {
    height: auto;
}

.tsdisabled #tsoptionscont {
    display: none;
}

.tsdisabled #tsselectionscont {
    width: 100%;
}

.tsdisabled #tsselectionscontrols {
    display: none;
}

.tsdisabled #tsselectionscroll {
    column-count: 3;
}

/*.tsdisabled #tsselections {
    column-count: 3;
}
.tsdisabled #NewTagContainer {
    column-count: 3;
}
.tsdisabled #tsmappings {
    column-count: 3;
}*/

.tsdisabled .tagstate {
    display: none;
}

.search-prompts {
    position: absolute;
    right: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 14px 0px;
}

/*.search-prompts.inactive {
    display:none;
}*/

.search-prompt {
    background-color: blue;
    color: white;
    display: block;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    padding: 3px 10px;
    margin: 2px;
}

    .search-prompt:hover {
        opacity: 0.6;
        cursor: pointer;
    }

.search-form .search-prompts {
    right: 44px;
    margin: 0px;
    top:5px;
}

    .search-form .search-prompts .search-prompt {
        border-radius:15px;
        font-size:13px;
    }

/*
.search-type-selector {
    position: absolute;
    left: 6px;
    top: 5px;
    border: 2px solid gray;
    border-top-color: gray;
    border-right-color: gray;
    border-bottom-color: gray;
    border-left-color: gray;
    border-radius: 30px;
    font-size: 11px;
    padding: 6px 3px;
    font-weight: bold;
    color: gray;
    cursor: pointer;
}
    .search-type-selector.active {
        background-color: blue;
        color: white;
        border-color: blue;
    }

#sb-question {
    display: none;
    color: blue;
    font-weight: bold;
    font-size: 28px;
    line-height: 28px;
}*/

#showworkings {
    color: #fff;
    background-color: #fff;
    border: 0px;
}

/*
[hidden] {
    display: block !important;
}*/

.clone-input {
    margin-right: -14px !important;
}

.loader {
    width: 150px;
    height: 150px;
    background: url('../Content/Images/Loaders/loading-spinner.gif') no-repeat center center; /* Replace 'loader.gif' with the path to your background image */
    background-size: cover;
}

#QasQuestion {
    width: 100% !important;
    max-width: 100% !important;
    height: 53px;
    padding: 18px;
    border: 1px solid #666666;
    border-radius: 5px;
    padding-right: 140px;
}

.toggle-btn .toggle-switch {
    display: block;
    width: 30px;
    height: 17px;
    position: relative;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 8.5px;
}

    .toggle-btn .toggle-switch:before {
        content: '';
        position: absolute;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background-color: white;
        top: 2px;
        left: 2px;
        transition: 0.3s;
    }

.toggle-btn .toggle-checkbox {
    display: none;
}

    .toggle-btn .toggle-checkbox:checked + .toggle-switch {
        background-color: #DC4500;
    }

        .toggle-btn .toggle-checkbox:checked + .toggle-switch:before {
            transform: translateX(13px);
        }

.toggle-btn .toggle-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4px;
    color: #ffffff;
}

.toggle-btn .toggle-label-on {
    display: none;
}

.toggle-btn .toggle-checkbox:checked + .toggle-switch .toggle-label-on {
    display: block;
}

.toggle-btn .toggle-checkbox:not(:checked) + .toggle-switch .toggle-label-off {
    display: block;
}

#qas .umb-grid {
    width: 100%;
}


.qas-answer-copy {
    display: block;
    width: 30px;
    height: 30px;
    background: #0000ff url('../content/images/Icons/copy-icon.svg') no-repeat center center; /* Combined background color and image */
    background-size: 60%; /* Adjust the size of the image */
    color: white;
    cursor: pointer;
    border-radius: 50%; /* Make the element round */
}

.qas-answer-copied {
    display: block;
    width: 30px;
    height: 30px;
    background: #8c8c8c url('../content/images/Icons/copy-icon.svg') no-repeat center center; /* Combined background color and image */
    background-size: 60%; /* Adjust the size of the image */
    color: white;
    cursor: pointer;
    border-radius: 50%; /* Make the element round */
}

.qas-answer-copy-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom:10px;
}

.qas-answer-disclaimer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}
.qas-tooltip {
    font-size: 14px;
    align-items:center;
}
.qas-tooltip p {
    margin:0px;
}

.qas-disclaimer {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.qa-highlight {
    margin-bottom: 10px;
    background: #001eff21;
    border-radius: 5px;
    padding: 20px;
}

#qas-feedback-button {
    position: fixed;
    right: -70px;
    top: 50%;
    transform: rotate(270deg);
    border-radius: 5px 5px 0px 0px;
    padding-bottom: 20px;
    z-index:1;
}
@keyframes feedbackshift {
    from {
        right: -70px;
    }

    to {
        right: -60px;
    }
}

#qas-feedback-button:hover {
    animation: feedbackshift;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.ask-question {
    position: relative;

}
.title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
   margin:20px 0px 10px 0px;
}
.title-container h2 {
    margin:0px !important;
}

.ask-question .search-prompts {
    right: 10px;
    margin: 0px;
    top: 0px;
    height: 53px;
}
.ask-question {
    background: none;
    font-weight: bold; /* Make it bold */
    color: blue; /* Change color as needed */

}
.qas-creative-tab,
.qas-extractive-tab {
    position: relative;
    max-width: 140px;
}

#qas .qas-toggles {
    display: flex;
    justify-content: space-between;
    margin-top:20px;
}

#qas .toggle-btn:last-child {
    margin-left: auto;
}

#qas .toggle-container {
    display:none;
/*    display: flex;*/
    justify-content: flex-end;
    align-items: center;
}

#qas .toggle-btn {
    display: inline-flex;
    align-items: center; /* Optional: Align items vertically in the center */
}

    #qas.toggle-btn input,
    #qas.toggle-btn label {
        display: inline-block; /* Display elements inline */
        align-items: center;
    }

.toggle-btn span {
    margin-right: 10px; /* Adjust the margin as needed */
    display: inline-block; /* Display the span inline */
    color:#000; /* Change the color as needed */
    font-weight: normal

}

#qas.toggle-btn:first-child {
    margin-right: 30px;
}
.ml-10 {
    margin-left: 10px !important;
}
#ExtractiveResults,
#CreativeResults {
    min-height: 50px !important;
}

#qas-documents {
    border-top: 1px solid black;
}

#qas-documents thead {
    display: none;
}

#qas table {
    /*border: solid 1px black !important;*/
    table-layout: fixed;
    width: 100%;
}


#qas .container div,
#qas .umb-grid div {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.powered-by {
    margin-top: 5px;
    display: block;
    font-size: 16px;
}

    .powered-by span {
        color: #DC4500;
    }

.qas-search{
    font-size: 16px !important;
}

.parent-circle {
    position: fixed;
    bottom: 200px;

 right:0px;
    width: 300px; /* adjust as needed */
    background-color: transparent;
    display: flex;
    justify-content: right;
    align-items: center;
    overflow: hidden; /* hides overflow from child elements */
    cursor: pointer;
    animation: slideIn 1s forwards; /* Animation for sliding in */
}

.circle {
    width: 90px; /* adjust as needed */
    height: 90px; /* adjust as needed */
    background-image: url('../Content/Images/Qas/question.svg'); /* URL of circle SVG */
    background-repeat: no-repeat; /* Prevent repeating */
    position: relative; /* make position relative for absolute positioning of children */
    z-index: 2; /* ensure circle is on top */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    animation: slideInCircle 1s forwards; /* Animation for sliding in circle */
}

.question-mark {
    font-size: 52px; /* adjust as needed */
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.rectangle {
    width: 200px;
    height: 100px;
    background-image: url('../Content/Images/Qas/lozenge.svg'); /* URL of rectangle SVG */
    background-repeat: no-repeat; /* Prevent repeating */
    position: absolute;
    top: 26px;
    left: 20px; /* Start behind the circle */
    opacity: 0; /* Initially hidden */
    animation: slideInRectangle 1s forwards; /* Animation for sliding in rectangle */
}

@keyframes slideIn {
    from {
        right: -100px;
    }

    to {
        right: 20px;
    }
}

@keyframes slideInCircle {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slideInRectangle {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}
#qas-documents tr td{
    padding: 10px 0px;
}
#qas-documents tr td {
    border-top: 1px solid #666 !important;
}
#qas-documents tr:first-child td {
    border-top: none !important;
}


.qas-table .dataTables_wrapper .dataTables_paginate {
    float: left !important;
    text-align: left !important;
    margin-right: 10px !important;
}

.qas-table .dataTables_wrapper .dataTables_info {
    clear: none !important;
    float: left !important;
}

.qas-table .dataTables_wrapper .dataTables_length {
    float: right !important;
    padding-top: 0.25em !important;
}


/*#qas-documents_filter,
#qas-documents_paginate {
    float: right;
}*/

.qas-table .qas-box {
    margin: 0px 20px;
}
#qas .tab-content {
    padding: 0px;
    margin:0px;
}
.qas-warning {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
    padding: 10px;
    border-radius: 5px;
}

.qas-loading-wrapper {
    display: flex;
    align-items: center; /* Centers the text and dots vertically */
}

.qas-loading-dots {
    display: flex;
    margin-left: 10px; /* Adds space between the text and the dots */
}

.qas-loading-dots span {
    background-color: #ffff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 2px; /* Adjust the spacing between dots */
    animation: bounce 1s infinite linear; /* Adjust animation duration and timing function */
    transition: transform 0.3s ease-in-out; /* Use transition for smoother motion */
}

.qas-loading-text {
    font-size: 16px; /* Adjust size as needed */
    color: #fff; /* Adjust color to match your style */
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px); /* Adjust the bounce height if needed */
    }
}

.qas-loading-dots span:nth-child(1) {
    animation-delay: 0s;
}

.qas-loading-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.qas-loading-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

.bold{
    font-weight:700;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.thinking {
    position: absolute;
    right: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 14px 0px;
    right: 20px;
    margin: 0px;
    top: 9px;
    height: 35px;
    color: #000;
    background-color: #001EFF;
    color: #fff;
    padding: 0px 10px;
    right: 10px;
    border-radius: 15px 15px 0px 15px;
    min-width: 250px;
}

.qa-processing .thinking {
    position: relative;
    display: inline-block;
    right: auto;
    margin: 20px 0px -10px 0px;
    top: auto;
    height: auto;
    color: #000;
    background-color: #eeeeee;
    padding: 10px 20px;
    border-radius: 5px 5px 5px 0px;
    min-width: 250px;
}

    .qa-processing .thinking .qas-loading-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

.qa-processing .thinking .qas-loading-wrapper .qas-loading-text {
    color:#000;
    margin-bottom:10px;
    font-weight:400;
}
.qa-processing .thinking .qas-loading-wrapper .qas-loading-dots {
    margin-left:0px;
}
    .qa-processing .thinking .qas-loading-wrapper .qas-loading-dots span {
        background-color: #000000;
        animation: fading 1.5s infinite steps(3);
        opacity:0%;
    }

        .qa-processing .thinking .qas-loading-wrapper .qas-loading-dots span:nth-child(1) {
            animation-delay: 0s;
        }

        .qa-processing .thinking .qas-loading-wrapper .qas-loading-dots span:nth-child(2) {
            animation-delay: 0.5s;
        }

        .qa-processing .thinking .qas-loading-wrapper .qas-loading-dots span:nth-child(3) {
            animation-delay: 1s;
        }

@keyframes fading {
    from {
        opacity: 100%;
    }
    to {
        opacity: 10%;
    }
}


.disable-tab {
    background:yellow !important;
    pointer-events: none !important;
}

.disabled-tab:hover {
    color: gray !important;
}


@keyframes RiseAndBounce {
    0% {
        bottom: -100px;
    }
    46% {
        bottom: 25px;
    }
    63% {
        bottom: 16px;
    }
    80% {
        bottom: 23px;
    }
    90% {
        bottom: 18px;
    }
    97% {
        bottom: 21px;
    }
    100% {
        bottom: 20px;
    }
}

@keyframes SlideLeft {
    from {
        margin-right: -200px;
    }

    to {
        margin-right: -10px;
    }
}

#QASLink {
    font-family: proximanova,Arial;
    position: fixed;
    bottom: -100px;
    right: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    animation-name: RiseAndBounce;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    overflow: hidden;
    padding: 0px 0px 0px 20px;
}
    #QASLink:hover, #QASLink:focus {
        text-decoration: none;
    }

        #QASLink:hover #QASTag, #QASLink:focus #QASTag {
            background-color:#e3b301;
        }

#QASMask {
    overflow: hidden;
    margin-right: -20px;
}
#QASTag {
    color: #000000;
    background-color: #ffc800;
    border: 2px solid #e5e5e5;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 48px 5px 28px;
    margin-right: -200px;
    animation-name: SlideLeft;
    animation-duration: 1.5s;
    animation-delay: 2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
#QASIcon {
    background-image: url('../Content/Images/Qas/question.svg');
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}
.disabled-tab a, .disabled-tab a:hover {
    pointer-events: none;
    color: gray !important;
}

.disabled-tab {
    pointer-events: none;
}

.qas-answer-copied{
    font-size:14px !important;
}
.qas-title {
    font-size: 48px !important; 
}

.ask-question-button {
    background: url('../content/images/Icons/question-icon.svg') no-repeat center center;
    background-size: cover;
    cursor: pointer;
    height: 25px;
}

.qas-input {font-size: 16px !important;}

.clear-qas { margin-right:10px;}

.qas-animation {
    height: 40px;
    width: 40px;
    background-color: transparent;
    margin-left: 10px;
}


.btn-question {
    background: url('../content/images/Icons/question-icon.svg') no-repeat center center;
    background-size: cover;
    cursor: pointer;
    height: 20px;
    position:absolute;
    top:22px;
    right:24px;
}


.text-container {
    text-align: left; /* Align all text to the left by default */
    position: relative; /* For positioning the toggle button */
}
.qas-content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* Adjust the number of lines as needed */
    max-height: 4.5em; /* Adjust based on line height */
}

    .qas-expanded {
        max-height: none; /* Override max-height when expanded */
        display: block;
        -webkit-line-clamp: unset; /* Adjust the number of lines as needed */
    }

.qas-dataset {
    margin: 10px 0px 10px 0px !important;
}

.qas-toggleButton {
    color: #001EFF;
    margin: 10px 0px 10px 0px !important;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    right: 0px;
}
    .qas-toggleButton:hover {
        color: #001EFF;
        text-decoration: underline;
    }


.support-resources{
    font-size:20px;
    
}
.question-guidance{
    margin:10px 0px 0px 0px;
}

.copyText {
    display:none;
}

.qa-response .nav-pills > li.active {
    background-color: #001eff !important;
}

    .qa-response .nav-pills > li.active > a, .qa-response .nav-pills > li.active > a:hover, .qa-response .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #FF5000;
        background-color: #001eff !important;
    }
.qa-highlight > p:only-child {
    margin: 0;
}

.question-warning {
    margin-bottom: 10px;
    background: #001eff21;
    border-radius: 5px;
    padding: 20px;
}

#boomiIsDown {
    margin: 0px 30px;
    background-color: #ff50001c;
}


#nav-iq-container {
    padding: 0px 15px;
    margin-right: 0px;
    position:absolute;
    right:0px;
    top:0px;
}

    #nav-iq-container #nav-iq {
        background-image: url('../Content/Images/Qas/question.svg');
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        margin: 13px 0px;
        display:block;
    }

@media (min-width: 1024px) {
    #nav-iq-container {
        margin-right: 20px;
    }

    #nav-iq-container #nav-iq {
        margin: 16px 0px;
    }
}







/*HideyHidey*/
/*#nav-iq-container, #QASLink {
    display: none !important;
}
@media (min-width: 1024px) {
    .navbar-collapse.collapse {
        margin-right: 0px !important;
    }
}
@media (min-width: 1024px) {
    .navbar-form {
        margin-right: 20px !important;
    }
}
.navbar-header {
    margin-right: 0px !important; 
}*/


.error-colour {
    background-color: #ff50001c;
}

.ticket-change {
    border: 5px solid blue;
}

/*.ticket-nochange {
    display:none;
}*/

#ticket-nochange-toggle {
    position: absolute;
    right: 32px;
    top: 17px;
}