@import "font/materialdesign/css/materialdesignicons.css";

.user-profile .icon-address-book-alt {
	font-size: 47.6px; 
	float:left
}
.sidebar-secondary-trigger .badge-inbox {
	position:absolute; 
	right: 20px;
}
.text-muted {
	color:#869198;
}
.text-muted:hover {
	color:#869198;
}
.text-green {
	color: #468847 !important;
}
.text-white {
	color: #FFFFFF !important;
}
.text-red {
	color: #A94442 !important;
}
.text-pink {
	color: #F3A1A1 !important;
}
.text-dark {
	color:#2c3e50 !important;
}
.btn-info-dark {
	background-color: #20638f !important;
	color: #fff !important;
}
.clear {
	clear: both;
}
.w-100 {
	width: 100%;
}
.w-95 {
	width: 95%;
}
.w-70 {
	width: 70%;
}
.w-75 {
	width: 75%;
}
.w-80 {
	width: 80%;
}
.w-85 {
	width: 85%;
}
.w-50 {
	width: 50%;
}
.w-10 {
	width: 10%;
}
.m-h-100 {
	max-height: 100px;
}
.font-size-inherit {
	font-size: inherit !important;
}
.font-size-10 {
	font-size: 10px;
}
.font-size-14 {
	font-size: 14px !important;
}
.font-size-18 {
	font-size: 18px !important;
}
.font-size-21 {
	font-size: 21px !important;
}
.font-size-105 {
	font-size: 105px;
}
.height-13 {
	height: 13px;
}
.height-30 {
	height: 30px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-none {
	float: none;
}
.display-table-cell {
	display: table-cell;
}
.display-inline-block {
	display: inline-block !important;
}
.display-block {
	display: block;
}
.display-flex-wrap {
	display: flex; 
	flex-flow: row wrap;
}
.display-flex {
	display: flex;
}
.align-items-center {
	align-items: center;
}
.border-right {
	border-right: 1px #ccc solid;
}
.hide {
	display: none !important;
}
.pointer {
	cursor: pointer;
}
.cursor-text {
	cursor: text;
}
.cursor-pointer {
	cursor: pointer;
}
.cursor-pointer:hover {
	color: #2980b9;
	text-decoration: none;
}
.jumbotron.blue .cursor-pointer:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.overflow-x-auto {
	overflow-x:auto;
}
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.bg-light-danger, .bg-light-danger:hover, .bg-light-danger a {
	background-color: #F0E0E1 !important;
	color: #ea5455 !important;
}
.bg-alternate {
	background-color: #dce4ec !important;
}
.bg-gray { 
	background-color:#F2F3F4 !important;
}
.bg-green {
	background-color:#DFFAD3 !important;
}
.bg-orange {
	background-color:#f39c12 !important;
}
.bg-white {
	background-color: #ffffff !important;
}
.font-normal {
	font-weight: normal;
}
.label-danger {
 	background-color: #A94442 !important;
}
.vertical-align-top {
	vertical-align: top;
}
.vertical-align-middle {
	vertical-align: middle;
}
.m-l-v5 {
	margin-left: -5px;
}
.min-width-5 {
	min-width: 5%;
}
.min-width-30 {
	min-width: 30%;	
}
.uppercase {
	text-transform: uppercase;
}
.line-through {
	text-decoration: line-through;
}
.max-width-150 {
	max-width: 150px;
}
.img-rounded-150 {
	border-radius: 50%;
	object-fit: cover;
}
.inline-lists li {
	display: inline; 
	list-style-type: none; 
	padding-right: 20px; 
	float: left;
	padding-bottom: 10px;
}
.line-height-2 {
	line-height: 2em;
}
.justify-content-left {
	justify-content: left !important;
}
.justify-content-right {
	justify-content: right !important;
}
.text-decoration-none {
	text-decoration: none !important;
}
.border-none {
	border: none !important;
}

/** Filter bar **/
.filter-bar .form-inline .control-group + .control-group {
  	margin-left: 0px;
}

/** rounded image **/
.img-rounded-container-150 {
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}
.img-rounded-container-105 {
	width: 105px;
	height: 105px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}

.img-rounded {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/** header logo **/
.brand {
	background-size: contain;
}

/**two div elements with same height side by side **/
.flex-container{
    margin: 0 auto;
    display: -webkit-flex; 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media (min-width: 768px) {
.flex-container .col-sm-4 {
	-webkit-flex: 0 0 31%;
	-ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 0 0 31%;
}
}

/** jumbotron **/
.jumbotron h1 {
	line-height: 1em;
}

/** Counter reset **/
.counter-reset {
	counter-reset: my-sec-counter;
}
.counter-increment {
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter);
}

/** Carousel **/
.carousel .control-box {
	z-index: 20;
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
}
.carousel .carousel-inner p {
	padding-left: 8vh;
	padding-right: 8vh;
}

/** File Upload **/
.fileupload .thumbnail.fileupload-100 {
  width: 100px;
  height: 100px;
}

/** Dashboard **/
.todo-item {
	color: #5a6465; 
	text-decoration: none;
}
.data-block.todo-block table tr p a {
  color: #5a6465;
  font-weight: bold;
  line-height: normal;
}

/** Validation **/
.error {
	font-weight: normal !important;
}

/** Pagination **/
.pagers {
	padding-bottom: 20px;
}
.pagers nav {
	float: right;
}
.pagers .pages {
	margin-top: 0;
	color: #7f8c8d;
}

.pagers .pagination {
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	margin-top: 0px;
}
.pagination > li {
	display: inline;
	cursor: pointer;
}
.pagination > li > a,
.pagination > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #bdc3c7;
	border: 1px solid #bdc3c7;
	border-left-width: 0;
	color: #727f80;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > .active > a,
.pagination > .active > span {
	background-color: #2980b9;
	border: 1px solid #2980b9;
}
.pagination li a:hover,
.pagination li.active a {
	color: #ffffff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.pagination > .active > a,
.pagination > .active > span {
	color: #999999;
	cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #999999;
	background-color: transparent;
	cursor: default;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

/** Select2 **/
.select2-container-multi .select2-choices .select2-search-choice {
	background: #1cbfd0 !important;
	border: #1cbfd0 !important;
	color: #fff !important;
	line-height: 20px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #1cbfd0 !important;
	border: #1cbfd0 !important;
	color: #fff !important;
	line-height: 20px !important;
}
.select2-container-multi .select2-search-choice-close {
	background-image: none !important;
}
.select2-container .select2-choices {
	border-radius: 4px;
	margin-bottom: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: #ffffff !important;	
	border: 2px solid #dce4ec !important;
	background-image: none !important;
}
.select2-search-choice::before {
  	content: "x";
  	padding: 0px 2px;
  	position: absolute;
  	top: 2px;
  	left: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff !important;
}
.select2-container--default .select2-selection--multiple {
	border-radius: 4px;
	margin-bottom: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: #ffffff !important;	
	border: 2px solid #dce4ec !important;
	background-image: none !important;
}
.select2-container-disabled .select2-choices {
	background-color: #dce4ec !important;
}

.select2-lg .select2-container-multi .select2-choices {
	min-height: 200px;
}

/** Dashboard **/
.dashboard_block, .dashboard_active {
	height: 90px !important;
	overflow: hidden;
}
.dashboard_main a span {
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.dashboard_main a:hover span{
    transform:rotate(83deg);
    -moz-transform:rotate(83deg);
    -webkit-transform:rotate(83deg);
    -o-transform:rotate(83deg);
    font-size: 140px !important;
    opacity: 0.2;
}
.dashboard_block strong, .dashboard_active strong {
    font-size: 24px;
    position: absolute;
	text-align:center;
    top: 70px;
	padding: 5px;
    right: 0;
    left: 0;
    margin: auto;
}

/** Impromptu modal **/
.prompt-lg .jqi {
	width: 70%;
}

.prompt-xl .jqi {
	top: 10vh !important;
	width: 90%;
}

.prompt-xl .prompt-scrollable {
	max-height: 75vh;
}

.prompt-scrollable {
	overflow: auto; 
	width: 100%; 
	max-height: 55vh; 
}

.jqiclose {
	background-position: -41px 0;
	width: 29px !important;
}
.prompt-vanilla .jqibuttons {
	display: none;
}

/** jQuery multiselect **/
.ms-wide {
	width: 98% !important;
}

/** Prettycheckbox **/
.text-center .prettycheckbox,  .text-center .prettyradio {
	display: inline-block !important;
	float: none !important;
}

.text-center .prettycheckbox a, .text-center .prettyradio a {
	min-width: auto !important;
}
.prettycheckbox-with-label .prettycheckbox a, .prettycheckbox-with-label .prettyradio a {
	min-width: 40px !important;
}
.prettycheckbox-p-25 .prettycheckbox a, .prettycheckbox-p-25 .prettyradio a {
	min-width: 25px !important;
}
.prettycheckbox.disabled a {
    background-position: 0px -30px;
    opacity: 0.3;
}
.prettycheckbox.disabled a.checked {
    background-position: 0px -60px;
    opacity: 0.3;
}
.prettyradio label {
	max-width: 90%;
}

/** Responsive **/
@media (min-width: 768px) {
	.md-m-l-20 {
		margin-left: 20px;
	}
}

@media (min-width: 1200px) {
  	.display-flex-wrap [class*="span"] {
  		margin-left: 20px;
  	}
  	.display-flex-wrap .span4 {
  		width: 320px;
	}
}

/** input **/
.input-append .add-on, .input-prepend .add-on {
	height: 18px !important;
}

/** Editable popup **/ 
.tip-yellowsimple {
	padding: 15px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.form-horizontal .editable {
	padding-top: 0px !important;
}
.unstyled-button {
	border: none;
	padding: 0;
	background: none;
}

/** Card item **/
.card .card-header {
	font-size: 17.5px;
	font-weight: bold;
}
.card .card-body {
	color: #999999;
}

/** Tabs - Top **/
.tabs-top ul {
	max-width: 100% !important;
}
.tabs-top ul li {
	padding-bottom: 3px;
}

/** accordion **/
.accordion .accordion-group:first-child:last-child {
	border-radius: 4px 4px 4px 4px;
}
element {

}
.accordion .accordion-group:first-child:last-child .accordion-toggle {
	border-radius: 4px 4px 4px 4px;
}

/** bootstrap modal **/
.modal.fade.in {
	visibility: visible;
}
.modal.fade {
	visibility: hidden;
}

/** badge **/
.badge-wrap {
	white-space: normal;
}
.badge-gold {
	background-color: #f89406 !important;
}
.badge-info {
  background-color: #3a87ad !important;
}

/** Popover **/
.popover-list-style {
	list-style: none;
	margin-left: 0px;
}

/** multilinual text **/
.multilingual-text {
    position: relative; 
  	width: 100%;
  	max-width: 400px;
}

.multilingual-text input {
	width: 99%; 
	padding-right: 30px; 
	box-sizing: border-box;
	border-radius: 4px;
	border: 2px solid #dce4ec !important;
	margin-bottom: 5px;
}

.multilingual-text-icon {
	position: absolute; /* Positioned relative to the container */
	right: 10px; /* Distance from the right edge of the container */
	top: 4px; /* Align vertically to the middle of the input */
	cursor: pointer;
    font-size: 16px;
    color: #6c757d;
    background: #ffffff; 
    padding: 2px;
    border-radius: 50%;
}


/** multilinual textarea **/
.multilingual-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
}

.multilingual-textarea textarea {
    width: 98%;
    padding-right: 30px;
    box-sizing: border-box;
    border-radius: 4px;
  	border: 2px solid #dce4ec !important;
}

.multilingual-textarea-icon {
    position: absolute;
    top: 8px;
    right: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #6c757d;
    background: #ffffff; 
    padding: 2px;
    border-radius: 50%;
}

/** Icons **/
.caret-white {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #ffffff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

/** Docshub **/
.docshub-search-student .context {
	top: 10% !important;
	text-align: left !important;
}
.docshub-search-student h3, .docshub-search-student p {
	padding-left: 5vh !important;
  	padding-right: 50vh !important;
}
.docshub-search-student p {
	line-height: 25px;
}
.docshub-search-student img {
	position: absolute;
  	right: 0;
  	top: 0;
}

@media (max-width: 979px) {
	.docshub-search-student img  {
   	 	display: none;
  	}
  	.docshub-search-student h3, .docshub-search-student p {
		padding-left: 5vh !important;
  		padding-right: 5vh !important;
	}
}

/** Flex container **/
.flex-container {
	display: flex;
}
  
.flex-container .flex-left {
	display: flex;
	align-items: flex-start;
}

.flex-container .flex-left img {
	object-fit: cover;
	margin-right: 15px;
	border-radius: 8px;
}

.flex-container .info-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex-container .flex-right {
	padding-left: 20px;
}

.flex-1 {
	flex: 1;
}
.flex-2 {
	flex: 2;
}
.flex-3 {
	flex: 3;
}

/** Text input with icon **/
.input-with-icon {
	position: relative;
	width: 100%;
  }
  
.input-with-icon input {
	width: 100%;
	padding: 10px 2.5rem 10px 10px; /* Right padding accommodates the icon */
	box-sizing: border-box;
}
  
.input-with-icon button {
	position: absolute;
	right: 0.75rem; 
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	line-height: 1;
	color: #9fc6e0;
}

/** Digital Archive Hub sorting **/
.archive-sort-bar {
	position: relative;
	float: right;
	background-color: #ffffff;
	padding-left: 10px;
	margin-top: -32px;
}

/** css dot icon **/
.icon-dot {
    border-radius: 100px;
    color: #8b8e9f;
	height: 4px;
	width: 4px;
	display: inline-block;
	position: relative;
	top: -3px;
	margin: 0 8px;
	background: #8b8e9f;
} 

/** archive dropdown menu button **/
.dropdown-menu > li > button:hover,
.dropdown-menu > li > button:focus,
.dropdown-menu > .active > button,
.dropdown-menu > .active > button:hover,
.dropdown-menu > .active > button:focus {
    background: #2980b9;
    color: #ffffff !important;
}
.dropdown-menu > li > button {
  	font-weight: bold;
	border: none;
	width: 100%;
	padding: 3px 20px;
	line-height: 20px;
	color: #333333;
	text-align: left;
}

/** Digital archive preview object **/
.archive-object {
	max-width: 800px; /* or 90vw for more flexibility */
	margin: 0 auto;
}
.archive-object img {
	max-height: 60vh;
	width: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.archive-object object {
	width: 100%;
	height: 60vh;
	border: none;
}