.search-sec {
    background-color: #fff;
}
.univ-nav>li.dropdown>a {
    padding: 10px 20px 10px 15px;
    background-color: transparent;
    font-size: 14px;
}

.univ-nav .nav-body {
    width: auto;
    padding: 20px;
    left: 15px;
    overflow-y: auto;
}

.univ-nav>li.dropdown>a:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 6px;
}

.univ-nav .nav-body .col-sm-2.col-sm-2-large {
	margin-bottom: 15px
}

.univ-nav>li {
	position: static
}

.univ-nav .nav-body {
	width: auto;
	padding: 20px;
	left: 15px;
	overflow-y: auto
}

.univ-nav .nav-body.nav-body2 {
	width: 345px;
	height: 76vh;
	padding: 5px 0;
	overflow-y: scroll;
	z-index: 1
}

.univ-nav>li.dropdown>a {
	padding: 10px 20px 10px 15px;
	;
	background-color: transparent;
	font-size: 14px
}

.univ-nav>li.dropdown>a:after {
	content: "\f107";
	font-family: FontAwesome;
	position: absolute;
	right: 6px
}

.nav.univ-nav .open>a,
.nav.univ-nav .open>a:focus,
.nav.univ-nav .open>a:hover {
	background-color: #fff;
	border-color: #337ab7;
	outline: 0 !important
}

.univ-nav .nav-body .nav-heading {
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 23px;
	font-weight: 500
}

.univ-nav .nav-body ul {
	margin: 0;
	padding: 0
}

.univ-nav .nav-body ul li {
	margin-bottom: 10px
}

.univ-nav .nav-body .nav-subheading label,
.univ-nav .nav-body ul li label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
	position: relative;
}

.univ-nav .nav-body .nav-subheading label input[type=checkbox],
.univ-nav .nav-body ul li label input {
	position: absolute;
	margin: 1px 0 0;
	margin-left: -20px;
	top: 4px;
}

.univ-nav .nav-body .nav-subheading {
	margin-bottom: 15px;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 5px
}

.univ-nav .nav-body .nav-subheading label {
	font-weight: 500
}

.univ-nav .nav-body .row.flexRow {
	display: flex
}

.univ-nav .nav-body .col-sm-2 {
	width: 220px
}

.univ-nav .nav-body .col-sm-2.col-sm-2-large {
	width: 400px
}

.univ-nav .nav-body .col-sm-4 {
	width: 440px
}

.univ-nav .nav-body .col-sm-6 {
	width: 660px
}

.univ-nav .nav-body .col-sm-8 {
	width: 880px
}

.univ-nav .nav-body .col-sm-10 {
	width: 1100px
}

.univ-nav .nav-body .col-sm-12 {
	width: 1320px
}

.univ-nav .nav-body .col-sm-10 ul,
.univ-nav .nav-body .col-sm-2 ul,
.univ-nav .nav-body .col-sm-4 ul,
.univ-nav .nav-body .col-sm-6 ul,
.univ-nav .nav-body .col-sm-8 ul {
	float: left;
	padding-right: 15px
}

.univ-nav .nav-body .col-sm-2 ul {
	width: 100%
}

.univ-nav .nav-body .col-sm-4 ul {
	width: 50%
}

.univ-nav .nav-body .col-sm-6 ul {
	width: 33.33%
}

.univ-nav .nav-body .col-sm-8 ul {
	width: 25%
}

.univ-nav .nav-body .col-sm-10 ul {
	width: 20%
}

.univ-nav .nav-body .col-sm-10 ul:last-child,
.univ-nav .nav-body .col-sm-2 ul:last-child,
.univ-nav .nav-body .col-sm-4 ul:last-child,
.univ-nav .nav-body .col-sm-6 ul:last-child,
.univ-nav .nav-body .col-sm-8 ul:last-child {
	padding-right: 0
}

.univ-nav .nav-body .nav-btn-sec {
	margin: 15px 0 10px
}

.univ-nav .nav-body .nav-btn-sec {
    position: relative;
    z-index: 9;
	margin: 15px 0 10px;
}



.univBtnStyle1 {
    border: 1px solid var(--int-blue);
    border-radius: 0;
    margin-right: 10px;
    font-size: 14px;
    line-height: 23px;
    background-color: var(--int-blue);
    color: #fff;
    min-width: 80px;
    padding: 6px 12px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.univBtnStyle1.grayBtn {
    border: 1px solid #a3a3a3;
    color: var(--int-gray-dark);
    background-color: #fff;
}

.univBtnStyle1:hover {
    background-color: #001e50;
    color: #fff;
    border: 1px solid #001e50;
}

.univBtnStyle1.grayBtn:hover {
    background-color: #005492;
    color: #fff;
    border: 1px solid #005492;
}


#nested.leftbarAccordion {
    border-bottom: none;
}

.mobile-res-css.leftbarAccordion>.panel-default>.panel-heading .panel-title a:after {
    top: 12px;
}

.smallScreenView.leftBar.mar-top{ margin-top: 0; }

#doclistbox .doc-filter .fs-label-wrap .fs-label:before {
	content: 'Sort by:';position: absolute;left: 9px;top: 0;  line-height:38px;}
	#doclistbox .doc-filter .fs-label-wrap .fs-label{  padding-left:58px;}
	#doclistbox  .fs-wrap{ position: relative;}
	#doclistbox .fs-dropdown {width:100%;}
.view-displaysearch .crossBtns#selected_Categories #removecallCat{ margin-left: 0px !important; }

.view-displaysearch .SerchPannel ul li input[type="checkbox"] { top: 7px;}

#doclistbox .col-xs-12.col-sm-12.col-md-6{     width: 60%;}
#doclistbox .col-xs-12.col-sm-6.col-md-3{    width: 20%; padding: 0;}
#doclistbox .ccol-xs-12.col-sm-6.col-md-3.doc-filter{     width: 20%;}
.quick-pop{z-index: 9 !important;}
#doclistbox  .displayResults .reset {
    position: absolute;
    right: 25px;
    top: 10px;
    font-size: 85%;
    padding-left: 5px;
}
.logo_cat .ColorS{ margin-right: 4px; margin-top: 10px;display: none; font-size: 14px;}

@media (max-width:1240px){
	.univ-nav .nav-body{left:0;padding:20px}
	.univ-nav{display:flex;overflow:auto hidden}
	.univ-nav>li.dropdown>a{white-space:nowrap}

	.ResultPannel.rightNew .CompDetail .quick-pop{ width: 95%; }
	}

	@media (min-width:992px){
		.univ-nav .nav-body{max-height:calc(100vh - 132px)}
		}
		@media (max-width:991px){
		.univ-nav .nav-body .row.flexRow{flex-wrap:wrap}
		.univ-nav .nav-body{width:100vw;top:99%;left:-15px;border-radius:0;border-right:0;border-left:0;padding:20px}
		.univ-nav .nav-body [class^=col-]{width:100%;margin-bottom:22px}
		.univ-nav .nav-body [class^=col-] ul{width:50%}
		.univ-nav .nav-body [class^=col-]:last-child{margin-bottom:0}
		.univ-nav .nav-body.nav-body2{width:100vw}
		.univ-nav .nav-body.nav-body2 .nav-heading{margin-left:30px;margin-right:30px}
		.univ-nav .nav-body.nav-body2 .nav2-ul li a{padding-left:30px}
		.univ-nav .nav-body.nav-body2 .nav2-ul li:hover a+.sub-nav-body{pointer-events:none}
		.univ-nav .nav-body.nav-body2 .nav2-ul li .sub-nav-body{width:100%;padding:20px 30px;z-index:2;display:block;opacity:1;visibility:visible;position:absolute;left:100%;top:0;-webkit-transition:left 280ms;-moz-transition:left 280ms;-ms-transition:left 280ms;-o-transition:left 280ms;transition:left 280ms}
		.univ-nav .nav-body.nav-body2 .nav2-ul li .sub-nav-body.open{left:-1px;opacity:1}
		.univ-nav .nav-body.nav-body2 .nav2-ul li .sub-nav-body .sub-nav-close{display:block}
		.chapterVideoWrap .chapterBoxWrap .video-box{margin-bottom:30px}
		.chapterVideoWrap .chapterBoxWrap .chapter-overview-box{margin-bottom:30px}
		.univBox:hover .univBoxTooltip{display:none}
		.univ-nav .dropdown-backdrop{display:none}
		.univ-nav .nav-body,.univ-nav .nav-body.nav-body2{height:calc(100vh - 132px)}

		#doclistbox .col-xs-12.col-sm-12.col-md-6{     width: 100%;}
#doclistbox .col-xs-12.col-sm-6.col-md-3{    width: 50%;     padding: 0 15px;}
#doclistbox .ccol-xs-12.col-sm-6.col-md-3.doc-filter{     width: 50%;}


	}
@media (min-width: 1px){
	.univ-nav .nav-body{height: calc(100vh - 126px); max-height: calc(100vh - 126px);}
	}
	@media (min-width: 992px){
	.univ-nav .nav-body{height:auto; max-height: calc(100vh - 132px);}

	
	}

	@media (max-width:768px){
		.univ-nav>li.dropdown>a{padding:18px 20px 18px 15px}
		.univ-nav .nav-body{left:0}
		.univ-nav .nav-body .col-sm-10 ul{width:50%}
		.com_library.view-displaysearch #accordion.panel-group {
			max-height: 400px;
			overflow-y: auto;
		}
		#accordion.panel-group {
			display: block !important;
		}
	} 

	@media (max-width:767px){
		/* .mainArea{margin-top:115px!important} */
		.univ-nav .nav-body.nav-body2 .nav-heading{margin-left:20px;margin-right:20px}
		.univ-nav .nav-body.nav-body2 .nav2-ul li a{padding-left:20px}
		.univ-nav .nav-body.nav-body2 .nav2-ul li .sub-nav-body{padding:20px}

		
		#doclistbox .col-xs-12.col-sm-12.col-md-6{     width: 100%;}
#doclistbox .col-xs-12.col-sm-6.col-md-3{    width: 100%;     padding: 0 15px;}
#doclistbox .ccol-xs-12.col-sm-6.col-md-3.doc-filter{     width: 100%;}
.univ-nav .nav-body [class^=col-] ul{width:100%}
.view-displaysearch .rightBtnWrap .grid-btn {  display: block;}

	}

	@media (max-width:567px){
		.univ-nav .nav-body,.univ-nav .nav-body.nav-body2{height:calc(100vh - 126px)}
	
		.smallScreenView.leftBar .showSubCatagory {left: auto !important;}
		.panel-heading.active + .panel-collapse.clicked_me_show{ display: block !important;}
		}

	@media screen and (max-width:991px) {
	.leftbarAccordion.mobile-res-css .panel-heading .panel-title a{    width: 100%; }
	.leftbarAccordion.mobile-res-css .panel-default .panel-heading { padding: 0 !important;}
	#doclistbox .searchWithKeyword{ margin-bottom: 15px !important;}
	.univ-nav {display: flex;overflow: auto hidden;}
	  }

	
	@media screen and (max-width:767px) {
		#doclistbox .shortBy.doc-filter{ clear: both; margin-top: 10px;}
		#doclistbox .displayResults .sortingby {margin-bottom: 10px !important; margin-top: 0 !important;
		}
	}