
/*-----------------------------------
	Library Doc Search 
-------------------------------------*/

/*tabs*/

.tabs {margin: 30px 0;}
.tabs-nav {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
#pagecontent .content .tabs-nav {margin: 0;}
#pagecontent .content .tabs-nav li {
    background: none;
    margin: 0;
    padding: 0;
    list-style: none;}

#pagecontent .content #tag-list li {
    background: none;
    padding: 0;}

.tabs-nav li { 
	float: left; 
}
.tabs-nav li a {
	display: block;
	padding: 12px 20px 10px;
	background: #fff;
	color: #4a99dc;
	font-family: "museo-sans",Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
}
.tabs-nav li.active a { background: #4a99dc; color: #fff; }
.tab-container { background: #4a99dc; }
.tab-content { padding: 20px; }
.tab { display: none; }
.tab.active { display: block; }
.tab-results { padding: 15px 0; background: #fff; }
.tab-footer { padding-top: 15px; }
.tab-footer:after {
	content: '';
	display: block;
	clear: both;
}

/*tab buttons*/

.tab-btn-view,
.tab-btn-clear {
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tab-btn-view:link,
.tab-btn-view:visited {
	background-color: #fff;
	padding: 10px 12px;
	color: #4a99dc;
}
.tab-btn-view:hover { color: #4a99dc }

.tab-btn-clear { float: right }
.tab-btn-clear:link,
.tab-btn-clear:visited {
	font-size: 11px;
	background-color: #0566b7;
	padding: 6px 8px;
	color: #fff;
}
.tab-btn-clear:hover { color: #fff }
.tab-btn-view { display: none }

/*tag/title results*/

.loader-wrap { background: #fff; text-align: center; }
#loaderImg { display: inline-block; }
#tag-list {
	list-style: none;
	margin: 0 -10px !important;
	padding: 0;
	display: block;
}

.tab-container .fa-star{
	color: #FFEC5F;
}

.tab-container .footnote{
	color: #FFF;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#tag-list .tag {
	font-family: "museo-sans",Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #fff;
 	display: inline-block; 
 	width: 25%; 
 	vertical-align: top;
 	margin-right: -4px;
 	padding: 0 10px !important;
}
#tag-list .tag label { display: block; font-weight: 600; cursor: pointer; color: #fff;}
#main-content .results-list h3 { font-size: 28px; margin-bottom: 25px; }
#main-content .results-list ul { list-style: none; margin: 0; padding: 0; }
#main-content .results-list ul li { margin-bottom: 20px; }
#main-content .results-list ul li a { font-size: 16px; }
            
/*custom checkboxes/search*/
.checkbox { padding: 5px 0 }
.checkbox input[type="checkbox"] { display: none }
.checkbox input[type="checkbox"]+label { margin: 0 }
.checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	transition: border 0.2s linear 0s,color 0.2s linear 0s;
	margin: 0
}
.checkbox label:before,
.checkbox label:after {
	content: "";
	position: absolute;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 18px;
	height: 18px;
	transition: border 0.2s linear 0s,color 0.2s linear 0s
}
.checkbox label:before {
	line-height: 18px;
	left: 0;
	top: 0;
	background-color: #fff;
}
.checkbox label:after{
	left: 2px;
	top: -1px;
	font-size: 15px;
	color: #c94003
}
.checkbox input[type=checkbox]:checked+label::after {
	font-family: 'FontAwesome';
	content: "\F00C"
}
.search-box-lib {
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;}
#pagecontent .content form .search-field-lib {
	font-size: 15px;
	line-height: 1.2;
	float: left;
	width: 100%;
	height: 44px;
	padding: 0 60px 0 10px;
	margin: 0;
	border: none;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.search-btn-lib {
	outline: 0;
	cursor: pointer;
	font-size: 18px;
	color: #308ab1;
	float: left;
	width: 50px;
	text-align: center;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: button;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;  
    position: absolute;
    right: 0;
    top: 0;}
.search-btn-lib:hover {
    background: #fff;
    color: #308ab1;}

table.dataTable thead th:last-child{width: 100% !important;}
table.dataTable thead th:last-child{width: 40px!important;}
.dataTables_wrapper .dataTables_length {min-width: 155px;}
.dataTables_wrapper .dataTables_filter input{max-width: 175px; display: inline;}
.dataTables_wrapper .dataTables_length select {
    margin: 0;
    display: inline;
    max-width: 50px;}

#documentList > h3 {margin-bottom: 20px;}

@media (max-width: 979px){
 	#tag-list .tag{width: 33.33%;}
}
@media (max-width: 767px){
 	#tag-list .tag{width: 50%;}
 	.dataTables_wrapper .dataTables_info{display: none;}
 	.dataTables_wrapper .dataTables_paginate {text-align: right;}
}
@media (max-width: 640px){
	.dataTables_wrapper .dataTables_filter {
	    margin-top: 0;
	    float: right;}
	.dataTables_wrapper .dataTables_length {
	    min-width: 155px;
	    float: left;}
}
@media(max-width: 480px){
	.dataTables_wrapper .dataTables_length {
	    min-width: 100%;
	    float: none;}
	.dataTables_wrapper .dataTables_filter {
	    margin-top: 15px;
	    float: none;
	    width: 100%;}
}
@media (max-width: 385px){
 	#tag-list .tag{
 		width: 100%;
 		margin-right:0;}
}