h1, h2, h3, h4, h5, h6 { margin-top: 0; }

.error_delimiters { color: red;  }

.text-red, .input-error { color: red; }
.text-black { color: #000000; }
.text-white { color: #ffffff; }
.text-gray { color: #808080; }
.text-dark-gray { color: #9e9e9e; }
.text-bg-warning { color: #f39c12; }

.input-error { margin-bottom: 5px; }

.text-md { font-size: 20px; }

.text-underline { text-decoration: underline; }

.uppercase { text-transform: uppercase; }

/* START :: FORM CONTROLS; */
.btn-circle { border-radius: 50%; }
.btn-inline { margin-top: 24px; }

.inline-form-control { display: inline-block; width: unset; }
/* END :: FORM CONTROLS; */

.bg-light-gray { background: #efefef; }
.bg-white { background: #fff; }

.paddingless { padding: 0; }
.paddingless-bottom { padding-bottom: 0; }
.paddingless-top { padding-top: 0; }
.paddingless-left { padding-left: 0; }
.paddingless-right { padding-right: 0; }

.padding { padding: 15px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }

.padding-left { padding-left: 15px; }
.padding-left5 { padding-left: 5px; }
.padding-left10 { padding-left: 10px; }
.padding-left20 { padding-left: 20px; }
.padding-left25 { padding-left: 25px; }

.padding-right { padding-right: 15px; }
.padding-right5 { padding-right: 5px; }
.padding-right10 { padding-right: 10px; }
.padding-right20 { padding-right: 20px; }
.padding-right25 { padding-right: 25px; }

.padding-top { padding-top: 15px; }
.padding-top5 { padding-top: 5px; }
.padding-top10 { padding-top: 10px; }
.padding-top20 { padding-top: 20px; }
.padding-top25 { padding-top: 25px; }

.padding-bottom { padding-bottom: 15px; }
.padding-bottom5 { padding-bottom: 5px; }
.padding-bottom10 { padding-bottom: 10px; }
.padding-bottom20 { padding-bottom: 20px; }
.padding-bottom25 { padding-bottom: 25px; }

.marginless { margin: 0; }
.marginless-bottom { margin-bottom: 0; }
.marginless-top { margin-top: 0; }
.marginless-left { margin-left: 0!important; }
.marginless-right { margin-right: 0!important; }

.margin { margin: 15px; }
.margin10 { margin: 10px; }

.margin-left { margin-left: 15px; }
.margin-left5 { margin-left: 5px; }
.margin-left10 { margin-left: 10px; }
.margin-left20 { margin-left: 20px; }
.margin-left25 { margin-left: 25px; }

.margin-right { margin-right: 15px; }
.margin-right5 { margin-right: 5px; }
.margin-right10 { margin-right: 10px; }
.margin-right20 { margin-right: 20px; }
.margin-right25 { margin-bottom: 25px; }

.margin-top { margin-top: 15px; }
.margin-top5 { margin-top: 5px; }
.margin-top10 { margin-top: 10px; }
.margin-top20 { margin-top: 20px; }
.margin-top25 { margin-top: 25px; }

.margin-bottom { margin-bottom: 15px; }
.margin-bottom5 { margin-bottom: 5px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-bottom25 { margin-bottom: 25px; }

.width-200 { width: 200px; }
.width-300 {
	width: 300px;
}

.avatar-sm { width: 50px; height: 50px; object-fit: cover; }
.avatar-md { width: 130px; height: 130px; object-fit: cover; }
.avatar-round { border: 1px solid #efefef; border-radius: 50%; }

.thumb-sm { height: 80px; }
.thumb-md { height: 150px; }
.thumb-lg { height: 250px; }

.checkbox-select-all { margin-left: 15px!important; }

.full-width { width: 100%; }
.full-height { height: 100%; }
.auto-width { width: auto; }
.auto-height { height: auto; }

.display-block { display: block; }
.display-inline { display: inline; }
.display-flex { display: flex; flex-wrap: wrap; }
.display-flex-space-evenly { display: flex; justify-content: space-evenly; }
.display-flex-space-between { display: flex; justify-content: space-between; }
.display-flex-center { display: flex; align-items: center; justify-content: center; }
.flex-item { padding-left: 5px; padding-right: 5px; margin-bottom: 5px; }
.verticle-middle { vertical-align: middle!important; }

@media(max-width:1024px) {
	/* .display-flex { display: flow; } */
	.display-flex-space-evenly { display: flow; justify-content: space-evenly; }
	.display-flex-space-between { display: flow; justify-content: space-between; }
	/* .flex-item { padding-left: 0; padding-right: 0; padding-bottom: 5px; } */
}

.clear { clear: both; }
.text-control { padding: 6px 12px 0; }
.error_delimiters { color: #D50000; }
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.cursor-pointer { cursor: pointer; }

.img-library img { width: 100%; height: 100px; object-fit: cover; margin-bottom: 10px; }
.img-library-modal { max-height: calc(85vh - 210px); overflow-y: auto; }

.bordered { border: 1px solid #efefef; }
.border-right { border-right: 1px solid #efefef; }
.border-left { border-left: 1px solid #efefef; }
.border-top { border-top: 1px solid #efefef; }
.border-bottom { border-bottom: 1px solid #efefef; }
.border-dark { border-color: #d5d5d5!important; }

.border-radius-0 { border-radius: 0!important; }
.border-radius { border-radius: 4px; }
.border-radius8 { border-radius: 8px; }

.hidden { display: none; }

.font-weight-bold, .bold { font-weight: bold; }
.bold-light { font-weight: 600; }

.img-border-white { border: 3px solid #fff; }

.list-with-padding li { padding: 10px; }
.list-decimal { list-style: decimal!important; }
.passage-view { max-height: 450px; overflow: auto; }

.pagination a.page-label, .pagination a.page-label:hover, .pagination a.page-label:focus {
	background: transparent;
    border: none;
    cursor: default;
    color: inherit;
}

.datepicker-dropdown {
	z-index: 9999!important;
}

.table>thead>tr>th { text-transform: uppercase!important; }
.table.narrow>tbody>tr>td { padding: 0 8px!important; }
.table.middle-content>tbody>tr>td { vertical-align: middle; }
.table.paddingless-content>tbody>tr>td { padding: 0; }
table.capital td, .box-title.capital { text-transform: uppercase; }

.sidebar-menu>li>a>.mdi { 
	padding-right: 5px; 
	margin-left: -2.5px;
	font-size: 18px;
}

.js-numbering {
	border: 3px solid #367fa9;
	display: inline-block;
	height: 25px;
	width: 25px;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
	color: #367fa9;
}
.position-relative {
	position: relative;
}
.toggle-timeline-body, .toggle-timeline-footer {
	position: absolute;
	color: #367fa9;
	margin-left: -22px;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 0px 5px;
	background: white;
	border: 3px solid;
}

/* TABLE SEARCH AND PAGINATION */
.search-wrapper {
    align-items: center;
    display: flex;
    margin-top: 15px;
}

/* ADMIN LTE EXTENDS */
	/*.box-body { padding: 15px 20px!important; }
	.box-title { padding-left: 10px!important; padding-right: 10px!important; }*/

/* DATATABLES */
	table.dataTable { margin-top: 0!important; margin-bottom: 0!important; }

/* BOOTSTRAP OVERRIDE */
	.alert { padding: 10px; }
	.alert-dismissable, .alert-dismissible { padding-right: 30px!important; }

/* CKEDITOR EXTENDS */
	.cke_contents { height: 600px!important; }

/* IS FLEX */
	.row.is-flex {
	    display: flex;
	    flex-wrap: wrap;
	}
	.row.is-flex > [class*='col-'] {
	    display: flex;
	    flex-direction: column;
	}
	.row.is-flex {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}

	.row.is-flex > [class*='col-'] {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}