@charset "UTF-8";
@import url(./fonts.css);

:root {
    --custom-bg-color: #fff;
}


body {
    height: 100vh;
}

footer {
	font-size: 12px;
}

.loadingBar {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    opacity: 1;
	background: rgba(37, 37, 37, 0.7);
    display: none;
 }

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px; /* -1 * image width / 2 */
    margin-top: -30px;  /* -1 * image height / 2 */
    display: block;
	width: 60px;
	height: 60px;
}

.wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}
.login-bg-color {
	background: rgb(192,221,255);
	background: radial-gradient(circle, rgba(192,221,255,1) 0%, rgba(157,208,255,1) 59%, rgba(192,221,255,1) 100%);
}

.tabulator .tabulator-footer {
    background-color: transparent;
}
.tabulator .tabulator-footer .tabulator-paginator {
    text-align: center;
}
.tabulator .tabulator-footer .tabulator-paginator button.tabulator-page {
    border: 0;
}

.login-form {
    margin: 36px;
}

.logo-login {
	width: 160px;
	height: 109px;
	margin-bottom: 27px;
}

.login-form-content {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 450px;
    position: relative;
    padding: 0px;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    text-align: center;
}

.login-form-content input[type=text],
  .login-form-content input[type=password]{
    background-color: #FFF;
    border: none;
    color: #0d0d0d;
    padding: 12px 26px 13px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 16px;
    width: 85%;
    border: 1px solid #BBB;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.login-form-content input[type=text]:focus,
  .login-form-content input[type=password]:focus{
    background-color: #fff;
    border-bottom: 1px solid #5fbae9;
}

.login-form-content input[type=text]::placeholder,
  .login-form-content input[type=password]::placeholder{
    color: #cccccc;
}

.login-form-content *:focus {
    outline: none;
}

.login-form-content .input-group .input-group-text {
	background: transparent;
	border: 0;
}

.custom-bg-default-color {
    background-color: var(--bs-gray-300);
}

.search-from-header {
    text-align-last: justify;
    font-weight: bold;
    /*background-color: var(--bs-gray-400);*/
}

.btn-primary {
    background-color: #006AE6;
    border-color: #006AE6;
}

.search-form{
	width:98%;
	padding:1%;
	/* align-items:center; */
	/* border-radius:0.5rem;*/
	margin-bottom:1rem;
}

.search-form::after{content:""; display:block; clear:both;}

.search-form input:not([type='submit']),.search-form input:not([type='button']),.search-form select {
/*	background-color:white;*/
	border-radius:0.2rem;
	padding:0.5rem;
/*	color: #000;*/
	border: 1px solid #ccc;
	width: 132px;
}

.search-form .search-option {
	display:flex;
	align-items:center;
	flex: 0 0 15%;
	height:45px;
	margin:0.1% 0;
	float:left;
}

.search-form .search-option label {
	word-break:keep-all;
	margin-right:15px;
	font-weight: bold;
	flex: none;
	min-width: 102px;
	text-align: right;
}

.search-form .search-option .input {
	display:flex;
	align-items:center;
	margin-right:1.5rem;
	position:relative;
}

.search-form select{margin-right:2%;min-width: 150px;z-index: 1;}

.view-table {
	max-width: 1450px;
	margin: 0 auto;
	background: #FFF;
	padding: 10px 30px;
}

.modal .col-form-label {
	width: 85px;
}

.modal-header p.modal-title {
	font-size: 28px;
	font-weight: bold;
	color: #006AE6;
}

.modal-body {
	color: #222;
}

.modal-body .col-form-label {
	font-weight: bold;
}

.tabulator-header-contents {
	background: #F2F2F2;
}
.tabulator .tabulator-header {
	border-bottom: 0;
}
.tabulator .tabulator-header .tabulator-col {
	background: #F2F2F2;
	border: 0.5px solid #DDD;
}

.content-body {
	margin-top: 15px;
	padding: 0.5em 1em;
	min-height: 150px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.dash-title {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 8px;
}

.dash-span-title {
	display: block;
	width: 85px;
}

.dash-value {
	font-weight: bold;
	font-size: 1em;
}

.dash-value-21 {
	font-weight: bold;
	font-size: 21px;
	color: #003A7D;
}

.dash-value-big-highlight {
	font-weight: bold;
	font-size: 64px;
	color: #006AE6;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}