@CHARSET "UTF-8";

.nav-tabs {border-bottom: 1px solid #3d78a5;}

#article-content{font-size:15px;}

.menu-navbar-header{border-bottom:0!important;}

.pagination .page, .pagination .current, .pagination .next {
	padding-left:4px
}
.pagination{margin-top:5px}

.input-search {padding-left: 10px;}

.kb-gray {background-color: #f6f6f6; padding-bottom: 30px;}

.kb-gray .input-container-input {box-sizing: content-box; height: 45px; float: left; width: 80%; /*border: 1px solid #163a55;*/  }
.kb-gray .input-container-input input {border: none; height: 43px; width: 100%; padding-left: 35px; outline: none; font-size: 15px; line-height: 41px;}
.inner-addon {position: relative;}
.inner-addon .glyphicon {position: absolute; padding: 7px 10px 10px 12px; pointer-events: none; opacity: 0.5; line-height: 30px;}
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

.kb-gray .input-container-input div button {color: #3695ff; padding-left: 25px; font-size: 15px; box-sizing: border-box; background-color: #fff; border: 1px solid #3695ff; width: 100%; height: 45px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; outline: none;}

.kb-gray .input-container-input div button::before {
  content: ""; position: absolute; width: 12px; height: 12px; top: 16px; right: 14px; z-index: 1; background-image: url(/bundles/codetwocontent/img/bg-select-blue.svg); background-repeat: no-repeat;
  /*transform: rotate(45deg); /* css rotate background image, css background rotate */
}

/*
.kb-gray .open > .dropdown-toggle.btn-default {background-color: #3695ff; color: #fff; border: none;}
.kb-gray .open > .dropdown-toggle.btn-default::before {
  content: ""; position: absolute; width: 12px; height: 12px; top: 16px; right: 14px; z-index: 1; background-image: url(/bundles/codetwocontent/img/bg-select-white.svg); 
}
*/

.kb-gray .open > .dropdown-toggle.btn-default {border: 1px solid #3695ff !important;!important; background-color: #ffffff; color: #3695ff; border: none;}


.kb-gray .input-container-input div button:focus {background-color: #fff; color: #3695ff; outline: none;  border: 1px solid #3695ff; box-shadow: none;}

.kb-gray .input-container-button {box-sizing: content-box; height: 45px; float: right; width: 19%; }
.kb-gray .input-container-button .btn-info {font-size: 15px; box-sizing: border-box; background-color: #3695ff; border: 0px; height: 45px; width: 100%;}
.kb-gray .input-container-button .btn-info:hover {background-color: #037aff; border: 1px solid #0069de;}

#search_button {outline: none;}


@media (max-width: 991px) {
    .dropdown {margin: 0px;}
    .kb-gray .input-container-input  {clear: both; float: none; display: block; width: 100%; height: auto; border: none; background: transparent}
    .kb-gray .input-container-input input {border: 1px solid #c9c9c9; height: 45px;}
    .kb-gray .input-container-button {clear: both; float: none; display: block; width: 130px; margin: auto;}
}

.header-kb-container{background-color:#2c648f;margin-right:0;margin-left:0; background-image: url(/bundles/codetwokb/img/header_hd.jpg); background-size: cover;}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
    .header-kb-container{background-image: url(/bundles/codetwokb/img/header_4k.jpg);}
}

.header-kb{
	margin:0; padding: 0px;
	font-family: "Segoe UI",Frutiger,"Frutiger Linotype",Dejavu Sans,"Helvetica Neue",Arial,sans-serif;
	color:#fff; 
	font-size:40px; 
	line-height:190px;
	font-weight:300;
}

@media (min-width: 768px) and (max-width: 991px){
    .header-kb{line-height:134px;}
}

@media (max-width: 767px){
    .header-kb{line-height:52px;font-size:30px; padding-top: 13px; padding-bottom: 15px;}
}



.kb .right{padding-left:15px; padding-top: 15px; width:305px;}
.kb h1{font-size:25px;}
.kb h2{font-size:20px;}
.kb h3{font-size:18px;}
.kb h4, h5, h6{font-size:14px; font-weight: bolder;}

.intro {
    background: url('/bundles/codetwokb/img/intro.png');
	height: 100px;
	width: 100%;
}
@media(max-width: 767px) {
    .intro {
        background: #444444 url('/bundles/codetwokb/img/kb_banner_mobile.png') no-repeat left;
    }
}
.no-underline {
    text-decoration: none;
}
.no-underline:hover {
    text-decoration: none;
}
.no-underline:focus {
    text-decoration: none;
}
@media(max-width: 768px) {
	#intro {
		padding-top: 28px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 22pt;
	}
}
@media(max-width: 485px) {
	#intro {
		padding-top: 10px;
	}
}

.kb-list {margin-top: 0px;}
.kb-list .article{ padding:15px 0;}

.kb-list .article.last-index{border-bottom:none;}

.kb-list .article:first-of-type {border-top: none;}


.kb-list h2,
.kb-list p{margin-bottom:0.5em;}

.kb-list h2 span {background-color: green; font-size: 10px; font-weight: bold; padding-left: 5px; padding-right: 5px; color: #fff; line-height: 27px;}

.kb-list h2.most {background: none; padding-left: 0px; font-size: 25px;}

.kb-list .desc{font-size:10px;}

.sort {padding-top: 10px; font-size: 14px;}
.sort select {font-size: 14px; border: none; border: 1px solid #3695ff !important; color: #3695ff; background-color: #fff; min-width: 150px; margin-left: 10px; padding: 5px 5px 5px 8px; outline:  none;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-image: url(/bundles/codetwocontent/img/bg-select-blue.svg);
    background-repeat: no-repeat; background-position-x: calc(100% - 7px); background-position-y: 9px;

}
.sort select:focus-visible, .sort select:focus-active {border: 1px solid #3695ff !important; }

#kb-search-main {padding: 10px 0 20px 0;}


#sections-mobile-container input[type="text"]{width:100%; height:35px;}
#sections-mobile-container select{width:100%; height:35px; border: 1px solid #ccc;}
#sections-mobile-container .label-product {padding-top: 5px;}

@media(min-width: 992px) {
    #sections-mobile-container {
        display: none;
    }
    .sections-mobile-divider {
        display: none;
    }
}
.kb #article_info{list-style: none; margin-bottom:2em; margin-left: 0px; padding-left: 0px; text-align: left; font-size: 12px;}
.kb #article_info li{background: none; margin-bottom: 0.5em; padding: 0; margin-left: 0px;}
.kb #article_info span.item{}

.kb #article_info_table td{padding: 0 10px 5px 0; text-align: left; font-size: 12px;}
.kb #article_info_table tr td:first-child {text-align: right; white-space: nowrap; vertical-align: top}
.kb #article_info_table span.item{}

.kb .orange {color:orange;}
.kb .grey {color:#c9c9c9;}
.kb h3 {font-weight:bold; font-size:16px;}

div.box{
    position: relative;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 13px;
}

div.box:after {
    background: none repeat scroll 0 0 #d1d1d1;
    content: "";
    display: block;
    position: absolute;
    left: 13px;
    top: 0;
    width: 4px;
    margin-top: 5px;
    height: calc(100% - 0.6em);
}

div.box > p{
    margin-left: 21px;
}

div.box > p:first-child
{
    margin-top: 0px;
    font-weight: bold;		
}

div.box-no-header > p:first-child
{
    margin-top: 0px; 
    font-weight: normal !important;		
}

div.box > p:first-child{margin-bottom: 10px;}
div.box > p:last-child{margin-bottom: 10px;}

.anchor-icon {
	margin-top: -1px;
	margin-right: 3px;
}

.anchor-icon:hover {
	cursor: pointer;
}

.anchor-parent {
    border-bottom: 1px dashed #000 !important;
}
.menu-mobile {
	display: block;
}
@media(min-width: 992px) {
	.menu-mobile {
		display: none;
	}
}
.menu {
	border-left: 0;
}
.menu[aria-expanded="true"] {
	display: block;
}
.menu[aria-expanded="false"] {
	display: none;
}
@media(min-width:992px) {
	.menu {
		padding-top: 30px;
		display: block !important;
	}
}
.container.bg.body {
	margin: 0;
	padding: 0;
}
#section-expander {
	display: block;
	padding: 13px;
	background: #cdcdcd;
	cursor: pointer;
	border: #bcbcbc 1px solid;
	color: #5d5d5d;
	margin-bottom: 3px;
	font-size: 13pt;
	font-weight: bold;
	margin-top: 20px;
}
.expander-icon {
	margin-right: 25px;
}

@media(min-width: 992px) {
	
	#section-expander {
		display: none;
	}
}
.article-info {
	border-left: 0;
	border-top: 1px solid #c9c9c9;
	margin-top: 5px;
	padding-top: 25px;
}
@media(min-width: 992px) {
	.article-info {
		border-top: 0;
		padding-top: 30px;
	}
}

a.fancybox img {
    /*max-width: 590px !important;*/
}
@media(max-width: 991px) {
	a.fancybox img {
		width: 100% !important;
		height: 100% !important;
	}	
}

.icon-bar-sections {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #525252;
    margin: auto;
}

.icon-bar-sections+.icon-bar-sections {
	margin-top: 4px;
}

.section-expander-toggle {
	padding-top: 4px;
}

.mobile-menu-section {
    padding-top: 13px;
    padding-bottom: 13px;
    background: #e9e9e9;
    margin: 0 0 3px;
    border: #bcbcbc 1px solid;
    cursor: pointer;
}

.mobile-menu-subsection .active {font-weight: bold;}

.mobile-menu-subsection {
    padding-top: 13px;
    padding-bottom: 13px;
    margin: 0 0 3px;
    border: #dddddd 1px solid;
    cursor: pointer;
}

.closed {
    display: none;
}

.text-center {
    text-align: center;
}
.articles-counter {
    margin-top: 20px;
    margin-bottom: 20px;
}

.show-article-search {
	padding-left: 15px;
}
@media(max-width: 991px) {
	.text-center-xs {
		text-align:center !important;
	}
	
	.page a, .current{
		padding:4px !important;
		width:30px;
	}
	
	.page>a {
		float: left;
		padding: 4px 10px;
		line-height: 20px;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #ddd;
		border-left-width: 0;
	}
	.pagination > :first-child{
		border-left: 1px solid #ddd;
	}
	
	.current {
		color: #999;
		cursor: default;
		float: left;
		padding: 4px 10px;
		line-height: 20px;
		text-decoration: none;
		background-color: #f5f5f5;
		border: 1px solid #ddd;
		border-left-width: 0;
	}
	.next>a {
		float: left;
		padding: 4px 10px;
		line-height: 20px;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #ddd;
		border-left-width: 0;
	}
    .previous>a {
        float: left;
        padding: 4px 10px;
        line-height: 20px;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
}

#article-content {
	/*max-width:620px !important;*/
}

#article-content ul > li {
	margin-top: .5em;
	margin-left: 25px;
}

#article-content div.box ul > li {
	margin-right: 25px;
}

#article-content ol > li {
	margin-top: .5em;
	list-style: decimal;
	background: none;
	margin-left: 0;
}

#article-content ol.upper-alpha > li {
	list-style: upper-alpha!important;
}

#article-content ol.lower-alpha > li {
	list-style: lower-alpha!important;
}

#article-content ol.upper-roman > li {
	list-style: upper-roman!important;
}

#article-content ol.lower-roman > li {
	list-style: lower-roman!important;
}


#article-content ul ul {
	margin-bottom: .5em;
}

#article-content ul ol {
	margin-bottom: .5em;
}

#article-content ol ol {
	margin-bottom: .5em;
}

#article-content ol ul {
	margin-bottom: .5em;
}

#article-content ol {
	margin-left: 0;
}

/* css hacks */
#article-content .mt5 {margin-top:5px;}
#article-content .mt10 {margin-top:10px;}
#article-content .mb20 {margin-bottom:20px;}
#article-content .mb15 {margin-bottom:0px;}
#article-content .pr0 {/*padding-right:0*/}

#SearchTabs {list-style: none;}
#SearchTabs li{margin-left: 0px !important; padding-left: 0px; background-image: none; outline: none;}
#SearchTabs li a {outline: none; padding: 10px 8px ; font-size: 15px; border-bottom: 1px solid #3695ff;}
#SearchTabs li a.default {color: #444;}

#SearchTabs li:first-of-type a{padding-left: 0px;}

.responsive-tabs.nav-tabs {position: relative; z-index: 10; overflow: visible; border-bottom: none;}

@media (max-width: 991px) {
    #SearchTabs {border: 1px solid #3695ff;}
    #SearchTabs::before {content: ""; position: absolute; width: 12px; height: 12px;  top: 16px; right: 14px; z-index: 1;
    background-image: url(/bundles/codetwocontent/img/bg-select-blue.svg);background-repeat: no-repeat;}
    
    #SearchTabs li:not(active) a {border-bottom: none; padding: 0px 0 0 25px; font-size: 13px; line-height: 44px; color: #3695ff !important;}
    #SearchTabs li:first-of-type a {padding: 0px 0 0 25px;}

    #SearchTabs li {margin-top: 0px !important; text-align: left; height: 45px; line-height: 40px; padding-left: 0px;}
    #SearchTabs li.active a {font-weight: normal !important; color: #3695ff; font-size: 15px; line-height: 44px;padding-left:25px;}
    #SearchTabs.open li.active a {font-size: 13px !important;}
    
    
    #SearchTabs li a.orange{color: orange !important;}
    #SearchTabs li a.red{color: red !important;}
   /*
    #SearchTabs.open li.active{background-color: #3695ff; color: #ffffff; border-bottom: none} 
    #SearchTabs.open li.active a{background-color: #3695ff; color: #ffffff !important; border-bottom: #3695ff;}
*/
}

@media (min-width: 992px) {
    .responsive-tabs.nav-tabs {border-bottom: 1px solid #3d78a5;}
}
.responsive-tabs.nav-tabs span.glyphicon {position: absolute; top: 23px; right: 23px;}
.responsive-tabs.nav-tabs span.glyphicon.glyphicon-triangle-top {display: none;}

@media (min-width: 992px) {
  .responsive-tabs.nav-tabs span.glyphicon {display: none; }
}

.responsive-tabs.nav-tabs > li {display: none; float: none; text-align: center;}
.responsive-tabs.nav-tabs > li:last-of-type > a {margin-right: 0;}
.responsive-tabs.nav-tabs > li > a {margin-right: 0; background: #fff; border: none;}

@media (min-width: 992px) {
  .responsive-tabs.nav-tabs > li > a {margin-right: 4px;}
}

.responsive-tabs.nav-tabs > li.active {display: block;}
.responsive-tabs.nav-tabs > li.active a {border: none; border-radius: 0px; color: #297dbd !important; font-weight: bold; letter-spacing: -0.5px;}

@media (min-width: 992px) {
  .responsive-tabs.nav-tabs > li.active a {border-bottom-color: transparent;}
}

@media (min-width: 992px) {
  .responsive-tabs.nav-tabs > li {display: block; float: left; }
}

.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
  display: block;
}
@media (min-width: 992px) {
  .responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
    display: none;
  }
}
.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-bottom {
  display: none;
}
.responsive-tabs.nav-tabs.open > li {
  display: block;
}
.responsive-tabs.nav-tabs.open > li a {
  border-radius: 0;
}
.responsive-tabs.nav-tabs.open > li:first-of-type a {
  border-radius: 2px 2px 0 0;
}
.responsive-tabs.nav-tabs.open > li:last-of-type a {
  border-radius: 0 0 2px 2px;
}

#sections a.active {font-weight: bold;}


ul#kb2_menu{padding: 0;text-align: left; background-color: #fff !important; border: 1px solid #3695ff; width: 100%; margin-top: -1px}
@media (min-width: 992px) {
    ul#kb2_menu{width: 299px;}
}

ul#kb2_menu hr {border-top: 1px solid #3695ff; margin: 5px 9px 5px 9px;}

ul#kb2_menu a{color: #3695ff; font-size: 12px; display: inline-block; line-height: 14px;  text-decoration: none;}
ul#kb2_menu a:hover{text-decoration: none; color: #fff; background-color: #3695ff}
ul#kb2_menu a.active{width: 100%; font-weight: normal; text-decoration: none;}
ul#kb2_menu a.active:hover{text-decoration: none;}
        
ul#kb2_menu li {background: none; padding: 0; margin-left: 0px; margin-top: 0px;}
ul#kb2_menu div {position: relative;}
ul#kb2_menu div.active {}

ul#kb2_menu > li {margin-left: 0em; padding-bottom: 0px;}

ul#kb2_menu li div.menu-option {position: relative; padding: 5px 25px 5px 25px; min-height: 30px; color: #3695ff}
ul#kb2_menu li div.menu-option:hover {background-color: #3695ff; color: #fff;}
ul#kb2_menu li div.menu-option:hover a {background-color: #3695ff; color: #fff;}

ul#kb2_menu li ul li div.menu-option {position: relative; padding: 5px 25px 5px 35px; min-height: 30px; }
ul#kb2_menu li ul li ul li div.menu-option {position: relative; padding: 5px 25px 5px 45px; min-height: 30px; }
ul#kb2_menu li div span.menu-lg {display: block; left: 7px; top: 9px; width: 12px; height: 12px; position: absolute; font-size: 9px; font-weight: normal; line-height: 21px; margin-bottom: 2px; background-image: url(/bundles/codetwocontent/img/bg-select-blue.svg); background-repeat: no-repeat; transform: rotate(-90deg);}
ul#kb2_menu li ul li div span.menu-lg {left: 19px;}

ul#kb2_menu li div:hover span.menu-lg {background-image: url(/bundles/codetwocontent/img/bg-select-white.svg);}

ul#kb2_menu li.unactive{cursor: pointer;}
ul#kb2_menu li.unactive > div span.menu-lg {transition: 0.15s;}
ul#kb2_menu li.unactive ul{display:none;}
ul#kb2_menu li.active{cursor: pointer; }
ul#kb2_menu li.active > div span.menu-lg {transform: rotate(0deg); transition: 0.15s;}
ul#kb2_menu li.last{padding-bottom: 0;}
ul#kb2_menu ul{padding: 0; margin-bottom:0; text-align: left;}

@media (max-width: 991px){
    ul#kb2_menu a{font-size: 13px; line-height: 25px;}
    ul#kb2_menu li div span.menu-lg { top: 12px;}
}

.ui-menu {border: 1px solid #163a55; margin-top: 1px;}
.ui-autocomplete-loading {background: #eee;}
.ui-menu-item{background:none;}
.ui-menu-item-wrapper{border:none!important; padding:3px;}
.ui-menu-item-wrapper:hover{background:#f8f8f8;}

.ui-autocomplete li.header {width: 100%; background:#eee; cursor: auto;}
.ui-autocomplete li.header div.ui-menu-item-wrapper { font-weight: bold;}
.ui-autocomplete li.header div.ui-menu-item-wrapper:hover {background:#eee; cursor: auto;} 

.ui-menu span.uc_orange {color: orange !important;}
.ui-menu span.uc_red {color: red !important;}
.ui-menu span.uc_black {color: #444 !important;}
.ui-menu div.ui-menu-item-wrapper {cursor:pointer; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}




div.error {padding-bottom: 20px; padding-top: 40px;}

.choose-product {padding-top: 30px; margin-bottom: 0px !important;}
.total-found {padding-top: 30px; margin-bottom: 0px !important;}

@media(min-width: 992px){
    .choose-product {padding-bottom: 100px;}
    .total-found{padding-bottom: 100px;}
}

.search-container {padding-top: 15px;}

#dropdownProduct {position: relative;}
span.caret {position: absolute; right: 15px; top: 22px; font-size: 18px;}

#kb-opinion{margin-top: 30px; padding: 10px; border: 1px solid #e0e0e0; background-color: #f3f3f3;}	
#kb-opinion #question{margin: 0; padding-left: 32px; padding-top: 12px; line-height: 24px; color: #0069b4; font-weight: bold; background: url(../img/question-icon.png) 0 12px no-repeat transparent;}
#kb-opinion .row{margin: 20px 0; position: relative;}
#kb-opinion .row input{width: 257px;}
#kb-opinion .row textarea{height: 100px;}
	
#kb-opinion .row.red input,
#kb-opinion .row.red textarea{border:1px solid red;}

#kb-opinion .row.red ul{margin-bottom: 10px;}
#kb-opinion .row.red ul li{background: none; padding-left:0 !important; font-size: small; margin-left:0;}
	
#kb-opinion #thanks{margin: 0; line-height: 24px; color: #0069b4; font-weight: bold;}
#kb-opinion .infobox{font-size: 12px; color: #0069b4;}
#kb-opinion .infobox a{text-decoration: underline;}

#kb-opinion .btn-success {margin-right: 15px;}
.opinion-img {margin-right: 5px;}
.mt2em {margin-top: 2em; padding-bottom: 0.5em; border-bottom: 1px solid #c9c9c9;}

#kb-opinion .kb-btn-yes {margin-right: 30px; width: 40px; height: 50px; background-image: url(/bundles/codetwokb/img/icon-thumb-up-4k.png); background-color: transparent; background-repeat: no-repeat; background-size: cover; padding: 0px;}
#kb-opinion .kb-btn-no {width: 40px; height: 50px; background-image: url(/bundles/codetwokb/img/icon-thumb-down-4k.png); background-color: transparent; background-repeat: no-repeat; background-size: cover; padding: 0px;} 

#kb-opinion .buttons {text-align:right;}

.loading-spinner-kb {
    display: none;
    margin-top: 3px;
    border: 8px solid #fff;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: anim-spinner-kb 2s linear infinite;
    left: -25px;
    top: 20px;
    position: absolute;
}

.loading-spinner-kb-bigger {
    width: 30px;
    height: 30px;
    left: 75px;
    top: -35px;
}

@media (max-width: 768px){
    #kb-opinion #question {margin-left: auto; margin-right: auto; width: 240px; max-width: 100%; padding-top: 0px; padding-bottom: 20px; background: url(../img/question-icon.png) 0 0px no-repeat transparent;}
    #kb-opinion .kb-btn-yes {margin-right: 30px; }
    #kb-opinion .buttons {text-align:center; padding-top: 0px;}
    .loading-spinner-kb {float: left; position: absolute; left: 90%; top: 50px; }
}

@keyframes anim-spinner-kb {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/*.ui-menu span.top::before {content: '* '}*/
.kb-list .top {background-color: #eee; margin-top: 10px; padding: 0px 20px 20px 20px;}
.kb-list .top h2 {padding-top: 20px; margin-top: 12px;}
span.top-result {position: absolute; top: 0px; background-color: #76b566; color: #fff; padding: 7px 10px 7px 10px; font-size: 11px; line-height: 11px; font-weight: bold;}
h2.top-result {padding-left: 95px;}
@media(max-width: 500px){
    span.top-result{position: relative;}
    h2.top-result {padding-left: 0px; margin-top: 0px; padding-top: 10px;}
    div.top-result {padding-top: 10px;}
}

.btn-sortby {color: #3695ff; padding-left: 15px; padding-right: 40px; font-size: 14px; box-sizing: border-box; background-color: #fff; border: 1px solid #3695ff; width: 100%; height: 32px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; outline: none;}
.btn-sortby:hover {color: #3695ff; }
.btn-sortby:focus, .btn-sortby:active{box-shadow: none;outline: none !important;;}                                    
.btn-sortby::before {content: ""; position: absolute; width: 12px; height: 12px; top: 11px; right: 10px; z-index: 1; background-image: url(/bundles/codetwocontent/img/bg-select-blue.svg); background-repeat: no-repeat;}
/*
.sort-dropdown-container .open > .btn-sortby {background-color: #3695ff; color: #fff; border: none;}
.sort-dropdown-container .open > .btn-sortby::before{background-image: url(/bundles/codetwocontent/img/bg-select-white.svg); }
*/
.btn-sortby:focus {background-color: #fff; color: #3695ff; outline: none;  border: 1px solid #3695ff; box-shadow: none;}


.sort-dropdown-container{display: flex; }
.btn-sortby { width: 150px;}
.sort-dropdown-text {line-height: 32px; padding-right: 10px; font-size: 14px;}
.sort-dropdown-val {border: 1px solid #3695ff; background-color: #fff; padding: 0px; width: 150px; min-width: 150px; margin-top: -1px;}
.sort-dropdown-val li {background-image: none; margin: 0px !important; padding: 0}
.sort-dropdown-val li div {padding: 0 0 0 15px;}

/*.sort-dropdown-val li div.active {background-color: #eff5fc;}*/

.sort-dropdown-val li div:hover {background-color: #3695ff;}
.sort-dropdown-val li a{width: 100%; color: #3695ff; font-size: 12px; display: inline-block; line-height: 30px; padding: 0px;}
.sort-dropdown-val li div:hover a{background-color: #3695ff; color: #fff; text-decoration: none;} 
.sort-dropdown-val li a:hover{background-color: #3695ff; color: #fff; text-decoration: none;}


.kb-form-container {clear: both; max-width: 800px; border: 1px solid #3695ff; border-radius: 23px; padding-left: 7px; height: 45px; margin: 0 auto 10px auto; display: flex; align-items: center; background: #fff;}
.kb-form-container .md-dropdown {float: none; width: auto; border-right: 1px solid #3695ff; padding-right: 5px; padding-bottom: 2px;}
.kb-form-container .md-dropdown .dropdown {background: none;}
.kb-form-container .md-dropdown button {background-color: #fff; border: none; height: 30px; padding-right: 50px; color: #3695ff}
.kb-form-container .md-dropdown button::before {content: ""; position: absolute; width: 12px; height: 12px; top: 10px; right: 14px; z-index: 1; background-image: url(/bundles/codetwocontent/img/bg-select-blue.svg); background-repeat: no-repeat; }
.kb-form-container .md-dropdown button:focus-visible {outline: none;}
.kb-gray .open > .dropdown-toggle.btn-default {border: none !important;}
.kb-form-container .open button{border: none;}
ul#kb2_menu {margin-top: 9px; margin-left: 10px; border-top: none; min-width: 280px;}

.kb-form-container .md-input {width: 100%; border: none; height: 42px;}
.kb-form-container .md-input input {border: none; width: 100%; padding-left: 20px; height: 42px;}
.kb-form-container .md-input input:focus-visible {border: none; outline: none;}
.ui-autocomplete-loading {background: #fff !important;}
.ui-menu {border: 1px solid #3695ff; margin-left: -20px;}

.kb-form-container .search-container {padding-top: 0px; padding-right: 4px; padding-left: 10px;}
.kb-form-container .submit-circle {width: 37px; height: 37px; background-color: #3695ff; border: none; border-radius: 50%; color: #fff; font-size: 12px;}

@media (max-width: 991px) {
    ul#kb2_menu a {font-size: 12px;}
    .md-dropdown {margin-bottom: 0px !important; background-color: #fff;}
    .md-input {margin-bottom: 0px;}
    .kb-form-container .md-dropdown button {padding-right: 20px;}
    .kb-form-container .md-dropdown button::before {right: 3px;}
}

@media (max-width: 560px) {
    .kb-form-container .md-dropdown {max-width: 60%; padding-right: 20px}
    .kb-form-container .md-dropdown button {max-width: 100%;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
}