/* Brand Start */

/* CiT Images Font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../font/nexa_free_bold-webfont.eot');
    src: url('../font/nexa_free_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/nexa_free_bold-webfont.woff') format('woff'), url('../font/nexa_free_bold-webfont.ttf') format('truetype'), url('../font/nexa_free_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter_Bold';
    src: url('../font/Inter-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter_Regular';
    src: url('../font/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.clientPri {
    color: #4B17D9;
}

.clientSec {
    color: #57BBF9;
}

.TSMain {
    font-family: "Inter", serif;
    font-style: normal;
    font-weight: 300;
}

.appr_btns i.icon.icon-ok.text-success {
    background: #4B17D9;
}

.left_banner_dets {
    background-color: #57BBF9;
}

h1.homepage-heading.ecom-heading.ecom-heading-1 {
    font-weight: 300;
}

a#aRestrPerm button:hover, a#aSocialMediaBasic button:hover {
    color: #fff;
    background: #4B17D9;
    border-color: #4B17D9;
}

a#aRestrPerm button:focus, a#aSocialMediaBasic button:focus {
   box-shadow:none;
   outline:none;
}

#fontSm, #fontMd, #fontLg {
    color: #fff;
}

.fontSm {
    font-size: 50%;
}

.fontMd {
    font-size: 62.5%;
}

.fontLg {
    font-size: 81.25%;
}

.fontSelected {
    text-decoration: underline !important;
}

.thumbnail a:focus img, 
#HomeLink:focus {
    outline: .2rem solid #4d4d4d !important;
    outline-offset: .5rem !important;
    transition: .1s;
}

/*html {
    font-size: 62.5%;
}*/

a, a:hover, a:focus {
    color: #4B17D9;
}

.btn.btn-link, .btn.btn-link:hover, .btn.btn-link:focus {
    color: #4B17D9;
}

.text-primary {
    color: #4B17D9;
}

.btn-primary {
    background-color: #4B17D9;
    border-color: #4B17D9;
    transition: 0.15s;
}

    .btn-primary:active {
        background-color: #4B17D9;
        border-color: #4B17D9;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-color: #4b17d9;
        border-color: #4b17d9;
        transition: 0.15s;
    }

    .btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, .btn-primary.disabled.active, .btn-primary[disabled].active {
        background-color: #4B17D9;
        border-color: #4B17D9;
    }

#topstrip {
    background: #fff;
    z-index: 9;
}

/* Search Panel */

#pnlSearchTypes div label {
    color: #4B17D9;
    border: 1px solid;
    background: #F5F5F5;
    transition: 250ms;
}

#pnlSearchTypes div input[type="checkbox"]:checked + label {
    color: #fff;
    border-color: #fff;
    background: #4B17D9d4;
    transition: 250ms;
}

body {
    font-family: "Inter", serif;
    font-weight: normal;
    background-color: #F5F5F5;
    color: #414042;
}

h1, .h1{
    font-family: 'nexa_boldregular', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #4B17D9;
}

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Inter", serif;
    font-weight: normal;
    color: #4B17D9;
}


.form-control.mandatory {
    border-color: #4B17D9;
}

    .form-control.mandatory::placeholder {
        color: #4B17D9;
    }

.form-control:focus {
    box-shadow: 0 0 0.5rem #4B17D95e;
}

.wizard a {
    background: #4B17D9;
    color: #fff;
}

    .wizard a:after {
        border-left-color: #4B17D9;
    }

.wizard .current {
    background: #57BBF9;
    color: #fff;
    cursor: not-allowed;
}

    .wizard .current:after {
        border-left-color: #57BBF9;
    }

#bottomstrip {
    background-color: #4B17D9;
}

    #bottomstrip li a {
        color: #fff;
        text-decoration: none;
        transition: 0.15s;
    }

.navbar-nav li a {
    text-decoration: none;
    color: #fff;
    transition: 0.15s;
    font-family: "Inter", serif;
    font-weight: 400;
}

    .navbar-nav li a:hover, .navbar-nav li a:focus, .navbar-nav li a:active {
        background-color: rgb(255 255 255 / 23%);
        transition: 0.15s;
    }

#bottomstrip li a:hover, #bottomstrip li a:focus, #bottomstrip li a:active {
    background-color: #57BBF9;
    transition: 0.15s;
}

.dropdown-menu li a {
    text-decoration: none;
    color: #4B17D9;
    transition: 0.15s;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #57BBF9;
    color: #fff;
    transition: 0.15s;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #4B17D9;
    color: #fff;
    text-decoration: none;
}

.carousel-caption h1 {
    color: #fff !important;
    font-weight: 600;
}

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

.navbar {
    background-color: #4B17D9;
}

.AspNet-TreeView-Collapse:before, .AspNet-TreeView-Expand:before {
    color: #4B17D9;
}

.form-control {
    background-color: #fff !important;
    color: #666 !important;
    font-family: "Inter", serif;
}

.text-danger {
    color: #bc0b23;
}

.alert-success {
    background-repeat: repeat-x;
    border-color: #b2dba1;
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
}

.alert-info {
    background-repeat: repeat-x;
    border-color: #9acfea;
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
}

.alert-warning {
    background-repeat: repeat-x;
    border-color: #f5e79e;
    background-image: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
}

.alert-danger {
    background-repeat: repeat-x;
    border-color: #dca7a7;
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
}

.progress {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
}

.progress-bar {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
}

.progress-bar-success {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
}

.progress-bar-info {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);
}

.progress-bar-warning {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);
}

.progress-bar-danger {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%);
}

.panel-primary > .panel-heading {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#428bca 0,#4B17D9 100%);
}

.panel-success > .panel-heading {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);
}

.panel-info > .panel-heading {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
}

.panel-warning > .panel-heading {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);
}

.panel-danger > .panel-heading {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    text-shadow: 0 -1px 0 #3071a9;
    background-repeat: repeat-x;
    border-color: #3278b3;
    background-image: linear-gradient(to bottom,#428bca 0,#3278b3 100%);
}

label {
    color: #414042db
}

::-moz-selection {
    color: #fff;
    background: #4B17D9;
}

::selection {
    color: #fff;
    background: #4B17D9;
}

#media-only {
    color: #4B17D9;
    font-weight: bold;
}

#rspb-copyright {
    color: #414042;
    font-weight: bold;
}

#client-copyright {
    color: #414042;
    font-weight: bold;
}

#sensitive-spec {
    color: #62005f;
    font-weight: bold;
}

.form-control input {
    font-family: "Inter", serif;
    font-weight: normal;
    font-style: normal;
}

#CookieContainer {
    background-color: #4B17D9;
    color: #fff;
}

.navbar .navbar-nav > .active > a {
    background-color: #8f8f8f;
}

.icon-preview {
    color: #4B17D9;
}

    .icon-preview:hover {
        color: #57BBF9;
    }

/* Homepage */

.header {
    margin: 0;
    padding: 5rem;
}

.theme-container {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    margin: 4rem 15px;
}

.theme-item {
    width: 100%;
    min-height: 25rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}


.theme-container .theme-item:nth-child(1) {
    background: url('/ftpuploadforclient/RotatingImages/themes-and-concepts.jpg') center no-repeat;
    background-size: cover;
}

.theme-container .theme-item:nth-child(2) {
    background: url('/ftpuploadforclient/RotatingImages/prints-and-canvases.jpg') center no-repeat;
    background-size: cover;
}

.theme-container .theme-item:nth-child(3) {
    background: url('/ftpuploadforclient/RotatingImages/photostories.jpg') center no-repeat;
    background-size: cover;
}

.theme-item h3 {
    color: #fff;
}

.theme-item .form-control {
    width: 90%;
}

.sline {
    color: #ada398;
}

.featured-theme {
    background: url('/ftpuploadforclient/RotatingImages/featured.jpg') center no-repeat;
    background-size: cover;
    min-height: 35rem;
    display: flex;
    justify-content: flex-end;
}
#grey-box {
    width: 50%;
    padding: 2em;
    background-color: rgba(237, 233, 227, 0.8);
}

.m-fix {
    margin: 0 15px;
}

/* IE 10+ Compatability */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .theme-item {
        height: 0px;
    }

    #grey-box {
        height: 35rem;
    }
}
/* IE 10+ Compatability */

@media (min-width: 768px) {
    .theme-container {
        flex-direction: row;
    }

    .theme-item {
        width: 31%;
        margin-bottom: 0;
    }

    #grey-box {
        width: 31%;
    }
}

    .carousel-fade .carousel-inner .item {
        transition-property: opacity;
    }

    .carousel-fade .carousel-inner .item,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        opacity: 0;
    }

    .carousel-fade .carousel-inner .active,
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }

        .carousel-fade .carousel-inner .next,
        .carousel-fade .carousel-inner .prev,
        .carousel-fade .carousel-inner .active.left,
        .carousel-fade .carousel-inner .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

.carousel-fade .carousel-inner .item {
    background-size: cover;
    height: 100%;
}

/* Search Page */

.sidebar_options li {
    color: #444;
    border: 0px solid;
    background: #F5F5F5;
    transition: 250ms;
}

.sidebar_filters li label {
    color: #4B17D9;
}

        .sidebar_options li.active {
            background: #4B17D9;
            border-color: #fff;
            color: #fff;
            transition: 250ms;
        }

            .sidebar_options li.active a {
                color: #fff;
                transition: 250ms;
            }

.toggleSidebar {
    background: transparent;
    color: #4B17D9;
}

#pnlTreeview, #UpdPnlSidebarLightbox, #mainContent_UpdPnlSidebarBasket {
    scrollbar-color: #4B17D9 transparent;
}

.sidebar_filters li label {
    color: #4B17D9;
    border: 1px solid;
    background: #F5F5F5;
    transition: 250ms;
}

.sidebar_filters li input[type="checkbox"]:checked + label {
    color: #fff;
    border-color: #fff;
    background: #4B17D9;
    transition: 250ms;
}

.button.filter {
    border: 1px solid;
    background: #fff;
    transition: 250ms;
}

    .button.filter.active {
        color: #fff;
        border-color: #fff;
        background: #4B17D9;
        transition: 250ms;
    }

/* Preview Page */

#prvBasketInfo {
    display: flex;
    padding: 1rem;
    /*border-left: solid 1rem #4B17D9;*/
    background-color: aliceblue;
} 

#txtKeyword {
    font-family: "Inter", serif;
    font-weight: normal;
    font-style: normal;
    color: #4B17D9;
    border-color: #4B17D9;
}

        #txtKeyword::-webkit-input-placeholder {
            color: #4B17D9ab !important;
            font-size: 1.5rem;
        }

        #txtKeyword:-moz-placeholder {
            color: #4B17D9ab !important;
            font-size: 1.5rem;
        }

        #txtKeyword:-ms-input-placeholder {
            color: #4B17D9ab !important;
            font-size: 1.5rem;
        }

    #btnSearch {
        background-color: #4B17D9;
    }

        #btnSearch:hover, #btnSearch:focus {
            background-color: #57BBF9;
            outline: none;
        }

    .mandatory {
        border-color: #4B17D9;
    }
	
	.mandatory:hover {
		border-color: #4B17D9;
	}

    /* Category Tree */
    li.AspNet-TreeView-Parent > label,
    li.AspNet-TreeView-Leaf > label,
    li.AspNet-TreeView-Parent > a,
    li.AspNet-TreeView-Leaf > a {
        color: #444 !important;
        font-weight: 400;
    }

    .tabContent {
        font-family: "Inter", serif;
        font-weight: normal;
        font-style: normal;
    }

    .ui-widget-content a {
        color: #4B17D9;
    }

    .ecard-alert-success {
        background-color: #4B17D9 !important;
    }

    .text-row {
        color: #4B17D9;
    }
	
	/* Notifications (background colour primary, border colour secondary) */

	.jquery-notific8-notification.teal {
		border-color: #57BBF9 !important;
		background-color: #4B17D9 !important;
		color: #fff !important;
		border-radius: 5px 0 0 5px !important;
	}

	.jquery-notific8-close {
		background-color: #bc0b23 !important;
	}

#prvBasketInfo {
    font-size: 1.6rem;
    line-height: 1.6;
}

.btn-primary .text-primary {
	color:#fff !important;
}
button.custom_btn.btn {
    color: #4B17D9;
    border: 1px solid #4B17D9;
}

button.custom_btn.btn,.ext_doc a{
    border: 1px solid #4b17d9;
        color: #4b17d9;
}

button.custom_btn.btn svg path {
    fill: #4b17d9;
}
button.custom_btn.btn:hover {
    background-color: #4b17d9;
    color: #fff;
}
.new_doc{
    background: #4b17d9;
}
.new_doc.ext_top {
    background-color: #4B17D9;  
}

.btn-lightbox-blue {
    background-color: #4b17d9 !important;
}
.btn.btn_btnplain{
        border: 1px solid #4b17d9 !important;
    color: #4b17d9;
}
.btn.btn_btnplain svg path {
    fill: #4b17d9;
}
.ext_doc a:hover {
    background: #4b17d9;
    color: #fff;
}
.ext_doc a span svg path {
    fill: #4b17d9;
    stroke: none;
}
.ext_doc a svg path{
      stroke: #4b17d9;  
}
.btn_fltr .btn.btn_btnplain:last-child svg path {
    fill: none;
    stroke: #4b17d9;
}

.left_banner_dets {
    background: #4b17d9;
}

.auth_stop {
    background: #4b17d9;
}

.left_fixed .search_btnsin a:hover, .left_fixed .search_btnsin a:hover i {
    background: #4B17D9;
}

.left_fixed .search_btnsin a {
    background: #4B17D9;
}

.btn.btn-kc-blue {
    background: #4B17D9;
    color: #fff;
}
    .btn.btn-kc-blue:focus i {
        color: #fff;
    }


    .dt-buttons button.dt-button {
        background-color: #4B17D9;
    }
    
    
    .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #4B17D9;
        border-color: #4B17D9;
    }
    a.btn.btn-default.btn-order-download {
        border-color: #4B17D9;
        color: #4B17D9;
    }


    .team_card.sub_task {
    border-left: 2px solid #4B17D9;
}

@media (max-width: 1024.98px) {
    .navbar-collapse.collapse {
        background-color: #4B17D9;
    }
}


.team_project_wrap .pull-left h3 {
    color: #4B17D9;
}

.sidebar-btn svg {
    fill: #4B17D9;
}

#pvwPre:hover, #pvwNext:hover {
    background: #4B17D9;
    color:#fff;
}

row AnnotationItem {
    background: #4B17D9;
}

.version_sects .nav-tabs .nav-link.active {
    color: #4B17D9;
}
button.btn.btn-default.btn-primary.btn-border {
    border: 1px solid #4B17D9;
    color: #4B17D9;
    
}
    button.btn.btn-default.btn-primary.btn-border:hover {
        border: 1px solid #4B17D9;
        color: #fff;
        background: #4B17D9;
    }
.share_cart_btns .btn.btn-default, .asset span {
    color: #fff;
    background: #4B17D9;
}

span.vsn {
    background: #4B17D9;
}