@import url(https://);

html, body{
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

}

html, body, button, a{
	color: #979797;
	font-family: 'Noto Sans TC', sans-serif !important;
}

button{
	outline: none !important;
	cursor: pointer;
}

select{
	outline: none;
}

@media (max-width: 991px){
	#content, .login, #sidebar .items{
		font-size: 2.4em !important;
	}
}

/*==================*/
/*	Display
/*==================*/
.flex-row{
	width: 100%;
	display: flex;
	flex-direction: row;
}

.flex-column{
	display: flex;
	flex-direction: column;
}

.flex0{
	flex: 0;
	flex-shrink: 0;
}

.flex1{
	flex: 1;
}

/*==================*/
/*	Postions
/*==================*/
.position-relative{
	position: relative;
}

/*==================*/
/*	Backgrounds
/*==================*/
.bg-main{
	background-image: url('/clc/app/glossary/image/bg_main.png');
	background-size: 100% 100%;
	min-height: 100vh;
}

@media (max-width: 991px){
	.bg-main{
		background-image: url('/clc/app/glossary/image/bg_main_mobile.png');
		background-size: 100% 100%;
		height: 100%;
	}
}

.bg-gradient-blue-transparent-vertical{
	background: transparent;
	/*background-image: linear-gradient(rgba(204, 219, 233, 0.7), transparent);*/
	background-image: linear-gradient(rgba(204, 219, 233, 0.7), rgba(255, 255, 255, 0.3));
}

.bg-gradient-blue-transparent-horizontal{
	background: transparent;
	/*background-image: linear-gradient(to left, rgba(204, 219, 233, 0.7), transparent);*/
	background-image: linear-gradient(to left, rgba(204, 219, 233, 0.7), rgba(255, 255, 255, 0.3));
}

.bg-gradient-blue-white-vertical{
	background: #FFFFFF;
	background-image: linear-gradient(rgba(204, 219, 233, 1.0), #FFFFFF);
}

.bg-gradient-blue{
	background: transparent;
	background-image: linear-gradient(#C6D9E3, #94B1C3);
}

.bg-gradient-blue-dark{
	background: transparent;
	background-image: linear-gradient(#9FB0C1, #667E8D)
}

/*==================*/
/*	Colors
/*==================*/
.navy{
	color: #4B546C;
}

.blue{
	color: #90B1D7;
}

.gray{
	color: #979797;
}

.white{
	color: #FFFFFF;
}

.black{
	color: #000000;
}

.bg-light-blue{
	background-color: #C6D9E3; 
}

.bg-gray{
	background-color: #979797;
}

.bg-white{
	background-color: #FFFFFF;
}

/*==================*/
/*	Fonts
/*==================*/
.font-title{
	font-size: 1.1em;
}

.font-subtitle{
	font-size: 1.0em;
}

.font-08{
	font-size: 0.8em;
}

.font-09{
	font-size: 0.9em;
}

.font-095{
	font-size: 0.95em;
}

.font-1-1{
	font-size: 1.1em;
}

.font-1-3{
	font-size: 1.3em;
}

.letter-spacing-005{
	letter-spacing: 0.05em; 
}

.letter-spacing-01{
	letter-spacing: 0.1em; 
}

.letter-spacing-02{
	letter-spacing: 0.2em; 
}

.letter-spacing-03{
	letter-spacing: 0.3em; 
}

.letter-spacing-04{
	letter-spacing: 0.4em; 
}

.regular{
	font-weight: 400;
}

.bold{
	font-weight: 500;
}

.normal{
	font-weight: 400;
}

.light{
	font-weight: 300;
}

.italic{
	font-style: italic;
}

/*==================*/
/*	Position
/*==================*/
.position-relative{
	position: relative;
}

.position-absolute{
	position: absolute;
}

/*==================*/
/*	Butons
/*==================*/
.clear-button{
	background: none;
	border: none;
}

/*==================*/
/*	Borders
/*==================*/
.no-border{
	border: none;
}

.border-radius-10{
	border-radius: 10px;
}

/*==================*/
/*	Margins
/*==================*/
.margin-zero{
	margin: 0px;
}

.margin-auto{
	margin: auto;
}

/*==================*/
/*	Padding
/*==================*/
.padding-zero{
	padding: 0px !important;
}

/*==================*/
/*	Sidebar
/*==================*/
#sidebar {
    width: 270px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all 0.3s;
    font-size: 1.1em;
    /*background-image: linear-gradient(rgba(206, 219, 233, 0.6), transparent);*/
}

#sidebar .content{
	height: 100vh;
}

#sidebar.active {
    margin-left: -270px;
}

#sidebar a{
	color: inherit !important;
	text-decoration: none !important;
}

#sidebar .logo{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
}

#sidebar .user{
	padding-left: 30px;
	padding-right: 30px;
}

#sidebar .userid{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 14px;
}

#sidebar .items{
	padding-top: 26px;
	padding-bottom: 26px;
	padding-left: 30px;
	padding-right: 30px;
	list-style-type: none;

	max-height: 50vh;
	overflow-y: scroll;
}

#sidebar .item{
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar .item img{
	height: 1.1em;
	width: auto;
}

#sidebar .item a{
	margin-left: 26px;
}

@media (max-width: 991px){
	#sidebar{
		display: none;
		/*left: -270px;*/
		width: 100%;
		left: -100%;
	}

	#sidebar .polyu-logo{
		display: none;
	}

	#sidebar .navbar{
		height: 150px;
		font-size: 2.0em;
		background-color: #FFFFFF;
	}

	#sidebar .user{
		width: auto;
		margin: auto;
	}

	#sidebar .user img{
		width: 80px;
		height: 80px;
	}

	#sidebar .userid{
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 0.8em;
	}

	#sidebar .toggler{
		position: absolute;
		margin: auto;
		right: 4.0rem;
	}

	#sidebar .items{
		width: max-content;
		margin: auto;
		padding-top: 2.6em;
		padding-left: 1.8em;
	}

	#sidebar .items img{
		height: 0.9em;
		margin-bottom: 0.2em;
		margin-right: 0em;
	}

	#sidebar .item{
		margin-left: 1.3em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
}

@media (max-width: 1024px){
	#sidebar .footer{
		display: flex !important;
		position: absolute;
		width: 100%;
		bottom: 0px;
		padding: 40px 60px 160px 40px;
	}

	#sidebar .footer .polyu-logo{
		display: block;
		padding: 0px 20px;
		margin: auto;
	}

	#sidebar .footer .polyu-logo img{
		max-width: 80%;
	}

	#sidebar .footer .cbs-logo{
		padding: 0px 30px 0px 0px;
	}

	#sidebar .footer .cbs-logo img{
		height: 80px;
	}

	#sidebar .footer .clc-logo{
		
		margin: auto;
	}

	#sidebar .footer .clc-logo img{
		height: 25px;
	}
}

#sidebar .items:not(:root:root){
	min-height: 70vh;
}

#sidebar .footer:not(:root:root){ 
    padding-bottom: 240px;
}

@media only screen and (min-width: 375px) and (min-height : 635px) and (-webkit-device-pixel-ratio: 3){
	#sidebar .footer{
		bottom: 100px;
	}
}

/*==================*/
/*	Navbar
/*==================*/
.navbar{
	/*display: none;*/
	width: 100%;
}

.navbar-expand-xl, .navbar-collapse{
	padding: 0px !important;
}

.navbar .title{
	font-size: 1.1em;
	margin: auto;
	padding-right: 5em;
}

.navbar .website-logo{
	width: auto;
}

.navbar .website-logo img{
	max-width: 90%;
}

.navbar .polyu-logo img{
	height: 3.0em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.navbar .clc-logo{
	margin: auto;
}

.navbar .clc-logo img{
	/*height: 19px; -- Change at 2020-02-18*/
	height: 3.0em;
	
	
	margin-left: 3rem;	
	margin-top: 1.5rem;
	top: 50%;	
}

.navbar .cbs-logo{
	margin: auto;
	margin-right: 30px;
}

.navbar .cbs-logo img{
	height: 4.0rem;
	margin-top: 1rem;
}

.navbar .toggler, .navbar .polyu-logo{
	display: none;
}

@media (max-width: 991px){
	.navbar{
		/*padding-left: 40px !important;*/
		/*padding-right: 40px !important;*/
	}

	.navbar .title{
		display: none;
	}

	.navbar .toggler img{
		height: 2.5rem;
		margin-left: 3.0rem;
	}

	.navbar .toggler, .navbar .polyu-logo, .navbar .cbs-logo{
		display: block;
	}

	.navbar .polyu-logo{
		display: none;
	}

	.navbar .polyu-logo img{
		/*height: 3.6rem;*/
		height: 3.0rem;
	}

	.navbar .clc-logo{
		display: none;
	}

	.navbar .cbs-logo{
		/*margin: auto;
		margin-right: 30px;
		margin-top: 0.5rem;*/
		display: none;
	}

	.navbar .cbs-logo img{
		height: 3.5rem;
	}
}

@media (min-width: 991px){
	#navbarContent .navbar-item{
		display: none !important;
	}
}

/*==================*/
/*	Text
/*==================*/
.text-justify{
	text-align: justify;
}

/*==================*/
/*	Content
/*==================*/
#content {
    width: calc(100% - 270px);
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 270px;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 68px;
    padding-right: 68px;
    transition: all 0.3s;
    font-size: 1.15em;
}

#content.active {
    width: 100%;
}

@media (max-width: 991px){
	#content{
		width: 100%;
		left: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

#content .bg-gradient-blue-transparent-vertical{
	margin-top: 20px;
	padding: 30px;
	pointer-events: auto;
}

#content .static.bg-gradient-blue-transparent-vertical{
	padding-left: 70px;
	padding-right: 38px;
}

#content .static .item{
	margin-top: 2.2em;
}

#content h2{
	font-size: 1.4em;
	margin-top: 0.5em;
	margin-bottom: 1.0em;
	padding-right: 2.6em;
}

@media (max-width: 991px){
	#content .bg-gradient-blue-transparent-vertical{
		padding-right: 60px;
	}

	#content h2{
		font-size: 1.8em;
		margin-top: 0.6em;
		margin-bottom: 0.6em;
	}
}

#content h2 img{
	height: 1.2em;
	margin-right: 0.4em;
}

#content .main-content{
	min-height: calc(100vh - 190px);
	height: 0px;
}

#content .main-content .paragraphs{
	width: 100% !important;
	min-height: calc(100% - 130px);
	height: 0px;
	margin-top: 0.5em;
	padding-right: 42px;
	padding-bottom: 0px;
	width: 100%;
	overflow-y: scroll;
	scroll-behavior: smooth;
	word-break: break-all;
}

#content .main-content .paragraphs img{
	width: 100%;
	height: auto;
}

#content .main-content .paragraphs ol{
	margin-top: -1.5em;
}

#content .main-content .paragraphs table, #content .main-content .paragraphs th, #content .main-content .paragraphs td{
	border: 1px solid #000000;
}

#content .main-content .paragraphs th, #content .main-content .paragraphs td{
 	padding: 0.5em;
 	line-height: 1.5em;
}

@media (max-width: 991px){
	#content .main-content .paragraphs{
		min-height: calc(100% - 180px);
		padding-right: 70px;
		padding-bottom: 0px;
	}
}

button.bg-gradient-blue, button.bg-gradient-blue-dark{
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

button.bg-gradient-blue.letter-spacing-02, button.bg-gradient-blue-dark.letter-spacing-02{
	padding-left: calc(10px + 0.2em);
}

button.bg-gradient-blue.letter-spacing-03, button.bg-gradient-blue-dark.letter-spacing-03{
	padding-left: calc(10px + 0.3em);
}

#content .main-content .paragraphs::-webkit-scrollbar,
#content .main-content .search-form::-webkit-scrollbar{
    width: 11px;
}

/* Handle on hover */
#content .main-content .paragraphs::-webkit-scrollbar-thumb:hover
#content .main-content .search-form::-webkit-scrollbar-thumb:hover {
    background: #DDDDDD; 
}

#content .main-content .paragraphs::-webkit-scrollbar-button,
#content .main-content .paragraphs::-webkit-scrollbar-track-piece,
#content .main-content .paragraphs::-webkit-scrollbar-corner,
#content .main-content .paragraphs::-webkit-resizer,
#content .main-content .search-form::-webkit-scrollbar-button,
#content .main-content .search-form::-webkit-scrollbar-track-piece,
#content .main-content .search-form::-webkit-scrollbar-corner,
#content .main-content .search-form::-webkit-resizer {
    display: none;
}

#content .main-content .paragraphs::-webkit-scrollbar-thumb,
#content .main-content .search-form::-webkit-scrollbar-thumb{
    border-radius: 0px;
    background-color: white;
}

#content .main-content .paragraphs::-webkit-scrollbar-track,
#content .main-content .search-form::-webkit-scrollbar-track {
    background-image: url('/clc/app/glossary/image/scrollbar-track.png');
    background-repeat: repeat-y;
    background-size: contain;
}

#content .main-content p, #content .main-content ul, #content .main-content ol, #content .main-content .paragraphs table{
	margin-bottom: 2.0em;
}

#content .main-content ul li, #content .main-content ol li{
	margin-top: 1.5em;
}

 #content .main-content .inline-ol li{
 	margin-top: 0em;
 }

 #content .main-content .disc-list{
 	list-style-type: disc;
 	padding-left: 0px;
 }

 #content .main-content .disc-list ol{
 	padding-left: 60px;
 	margin-top: 1.0em;
 }

#content .main-content ul{
	list-style: decimal;
}

#content .main-content ol{
	list-style-type: decimal;
}

#content .main-content ol li a{
	color: inherit !important;
	text-decoration: underline !important;
	letter-spacing: 0.2em;
}

#content .main-content ul div, #content .main-content ol div{
	margin-left: -40px;
}

#content form .message{
	margin-bottom: 1.0em;
}

#content .feedback-submit-message{
	line-height: 1.8em;
}

#content form .feedback-buttons{
	width: 100%;
	margin-bottom: 1.5em;
}

#content form button{
	font-size: 0.8em;
	white-space: nowrap;
	min-width: 80px;
	margin-left: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 0.5em;
}

#content form .clear-button{
	min-width: auto;
	font-size: inherit;
	margin: auto;
}

#content form textarea{
	width: 100%;
	outline: none;
	margin-bottom: 1.0em;
	padding: 10px;
	font-size: 0.8em;
}

@media (max-width: 991px){
	#content form button{
		/*min-width: 170px;*/
		min-width: 30%;
	}

	.main-content{
		padding-bottom: 10%;
	}
}

/*==================*/
/*	Login
/*==================*/
.login .navbar .row{
	width: 100%;
}

.login .navbar .website-logo{
	margin: auto;
}

.login .navbar .website-logo img{
	margin-left: 5rem;
}

.login .navbar .polyu-logo{
	display: block;
	margin-left: 20px;
}

.login .navbar .title{
	margin-top: 0px;
	margin-bottom: 0.5em;
}

.login .navbar .font-title{
	font-size: 1.5rem;
}

.login .navbar .font-subtitle{
	font-size: 1.1rem;
}

.login{
    /*padding-top: 30px;*/
    min-height: 100vh;
}

.login .bg-gradient-blue-transparent-horizontal{
	min-height: calc(100vh - 122px);
	margin-top: 0px;
	margin-bottom: 0px;
}

.login .login-button{
	margin-top: 30vh;
}

@media (max-width: 991px){
	.login .navbar .polyu-logo{
		display: none;
	}


	.navbar .navbar-lg{
		display: none !important;
	}

	.navbar .navbar-mobile{
		display: block !important;
	}

	.navbar .website-logo{
		margin: auto;
		text-align: center;
	}

	.navbar .website-logo img{
		width: 100%;
	}
}


/*==================*/
/*	Department
/*==================*/
.department-form{
	padding-top: 8%;
}

.department-form select{
	margin-top: 0.8em;
	width: 320px;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0.4em 1em;
	font-size: 1em;
}

.department-form .select-container{
	width: min-content;
	margin: auto;
}

.department-form .select-arrow{
	top: 50%;
	right: 1em;
	width: 1em;
	height: auto;
	pointer-events: none;
}

.department-form .submit-button, .search-results .back-button{
	margin-top: 2em;
	padding-top: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.9em !important;
	padding-right: 0.6em;
}

.department-form button img, .search-results .back-button img{
	margin-top: 0.2em;
	height: 1.1em;
	vertical-align: top;
}

@media (max-width: 991px){
	.department-form select{
		width: 80vw;
	}

	.department-form .select-arrow{
		width: 0.8em;
	}

	.department-form .select-arrow img{
		width: 100%;
		height: auto;
	}
}

/*==================*/
/*	Home
/*==================*/
.index .search-form .main-column{
	width: 65%;
	min-width: 65%;
}

.index .search-form{
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll !important;
}

.index .search-form input[type='text']{
	width: 100%;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	margin-bottom: 1.3em;
}

.index .search-form .buttons{
	/*margin-bottom: 0.8em;*/
	margin-bottom: 0.2em;
}

.index .search-form .buttons .flex0{
	padding-right: 1.0em;
	/*min-width: 33%;*/
}

@media (min-width: 1200px) and (max-width: 1400px){
	.index .search-form .buttons .flex0{
		max-width: 36%;
		font-size: 0.8em;
	}
}

.index .search-form .search-information{
	padding-left: 16px;
	margin-bottom: 1.8em;
}

.index .search-form .information-button{
	/*display: none;*/
	top: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
}

.index .search-form .information-button img{
	width: 16px;
	height: 16px;
}

.index .search-form .caption{
	display: none;
	padding: 0.2em 0.5em;
	border-radius: 5px;
}

@media (min-width: 992px) and (max-width: 1200px){
	.index .search-form .search-information{
		width: 100%;
		/*display: none;*/
		padding-left: 0px;
		padding-right: 30px;
	}

	.index .search-form .information-button{
		/*display: none;*/
		top: 0px;
		right: 10px;
		left: auto;
	}
}

@media (max-width: 991px){
	.index .search-form .information-button{
		width: 30px;
		height: 30px;
	}

	.index .search-form .information-button img{
		width: 30px;
		height: 30px;
	}

	.index .search-form .search-information{
		width: 100%;
		/*display: none;*/
		padding-left: 0px;
		padding-right: 44px;
	}

	.index .search-form .information-button{
		/*display: none;*/
		top: 0px;
		right: 10px;
		left: auto;
	}
}

@media(max-width: 1024px){
	.index .search-form .buttons-mobile{
		display: flex !important;
	}

	.index .search-form .buttons-web{
		display: none;
	}
}

.index .search-form label{
	padding-bottom: 0.5em;
}

.index .search-form .submit-button{
	padding-left: 0.9em;
	padding-right: 0.6em;
	margin-top: 4em;
	font-size: 1.0em !important;
}

.index .search-form .buttons button{
	width: 100%;
	padding-top: 0.6em;
	padding-bottom: 0.4em;
}

.index .search-form img{
	height: 1.1em;
	margin-top: 0.1em;
	vertical-align: top;
}

.index .filter-column .toggle-all-button{
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.6em;
	padding-bottom: 0.4em;
	margin-left: -0em !important;
	margin-right: 0px !important;
	margin-top: 1em;
	margin-bottom: 1.5em !important;
	font-size: 0.9em !important;
}


.index .search-form .filter-inputs input{
	margin-bottom: 1em;
}

.index .filter-column{
	padding-left: 5%;
}

.index .filter-column .flex-row{
	vertical-align: middle;
}

.index .filter-column .checkbox-item div{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0.5em;
}

.checkbox {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
/*.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}*/

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #FFFFFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    background-color: #000000;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    /*border: solid black;*/
    /*border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);*/
}

.index .filter-column .checkbox-container{
	display: inline-block;
}

.index .filter-column .checkbox-label label{
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.index .checkbox-dropdown-button{
	margin-left: 0.3em;
}

.index .checkbox-dropdown-button button{
	top: 0px;
	right: 0px;
	width: 1em;
	height: 1em;
	transition: all 0.5s;
}

.index .checkbox-dropdown-button button img{
	margin: 0px;
	width: 0.5em;
	height: auto;
	vertical-align: top;
}

.index .filter-column .checkbox-dropdown-button button{
	min-width: 0px !important;
	width: auto;
	vertical-align: middle;
	margin: 0px !important;
	padding: 0px;
}

.index .checkbox-dropdown-button .active{
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.search-dropdown{
	display: none;
	padding-left: 2.5em;
}

@media (max-width: 991px){
	.index .main-column .buttons .flex0{
		min-width: 20%;
	}

	#content .index.bg-gradient-blue-transparent-vertical{
		padding-right: 30px;
	}

	#content .search-form{
		padding-right: 30px;
	}

	.index .search-form .main-column{
		width: 100%;
		min-width: 100%;
		margin-bottom: 1.0em;
	}

	.index .filter-column{
		width: 100%;
		padding-left: 16px;
	}

	.index .main-column .buttons button, button.bg-gradient-blue, button.bg-gradient-blue-dark{
		border-radius: 20px;
	}

	.index .main-column .buttons .flex0{
		padding: 0px;
		min-width: 33%;
	}

	.index .main-column .buttons .left-button{
		padding-right: 1.2em;
	}

	.index .main-column .buttons .middle-button{
		padding-left: 0.6em;
		padding-right: 0.6em;
	}

	.index .main-column .buttons .right-button{
		padding-left: 1.2em;
	}

	.index .search-form img{
		margin-top: 0.2em;
	}

	.index .search-form .main-column .submit-button{
		display: none;
	}

	.index .search-form .filter-column .submit-button-container{
		display: block !important;
		margin-left: auto;
		margin-right: auto;
	}

	.index .search-form .filter-column .submit-button{
		margin-top: 20px;
		padding-top: 0.6em;
		padding-bottom: 0.4em;
	}

	.checkbox{
		padding-left: 24px;
	}

	.checkmark{
		width: 24px;
		height: 24px;
		font-size: 24px;
	}

	.checkbox .checkmark:after{
	    width: 10px;
	    height: 10px
	}

	.index .checkbox-dropdown-button button img{
		width: 0.5em;
		height: auto;
	}

	.index .filter-column br{
		display: none;
	}

	.index .filter-column .toggle-all-button{
		margin-left: 1em !important;
	}

	.index .filter-column .options{
		padding-left: 6em;
	}
}

/*==================*/
/*	Search Result
/*==================*/
#content .bg-gradient-blue-transparent-vertical .search-results{
	padding: 0 !important;
}

.search-results{
	width: 100%;
	height: 0px;
	min-height: 90%;
	/*overflow-y: scroll; */
}

.search-results .title{
	margin: 0 0 0.15em 0 !important;
	font-size: 1.3em !important;
}

.search-results .speaker-button{
	top: 50%;
	height: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.search-results .speaker-button img{
	width: 1.0em;
	height: 1.0em;
}

.search-results .symbols{
	padding-top: 1.0em;
}

.search-results .symbol{
	margin-top: 0.5em;
}

.search-results .symbol .flex1{	
	margin-left: 1.5em;
}

.search-result{
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.search-result .translation{
	padding-bottom: 2.0em;
}

.search-result .translation .col-lg-10{
	padding-right: 0 !important;
}

.search-result .translation .col-lg-2{
	padding-left: 0 !important;
	padding-right: 0 !important
}

.search-result .faculties{
	max-width: 130px;
}

.search-result .faculties .faculty{
	display: inline-block;
}

.search-results .separator{
	height: 1px;
	margin-bottom: 1em;
}

.search-results .back-button{
	margin: auto;
	top: -100%;
	right: 0;

	transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
}

.search-results .pages{
	margin-top: 1.3em;
}

.search-results .pages .page{
	margin-right: 0.15em;
	padding-left: 0.15em;
	padding-right: 0.15em;
}

.search-results .pages .page.disabled{
	border-bottom: 3px solid #90B1D7;
}

.search-results .mobile-pages{
	margin-top: 0.5em;
	padding: 0.3em 1em 0.3em 1em;
	border-radius: 20px;
}

.search-results .mobile-pages .arrow{
	padding: 0px;
	margin: auto;
}

@media (min-width: 992px) and (max-width: 1024px){
	.search-results .col-lg-3, .search-result .col-xl-2{
		padding: 0; 
	}	
}

@media (max-width: 991px){
	.search-results{
		min-height: 100%;
	}

	.search-result .faculties{
		min-width: 100%;
		margin-bottom: 1em;
	}

	.search-results .pages{
		display:none;
	}

	.search-results .mobile-pages{
		display: block !important;
	}
}