/** Login **/
.login.login-v1 .login-logo-large {
}

.login.login-v1 .login-logo-small {
	display: none;
}

@media (max-width: 767.98px) {
	.login.login-v1 .login-logo-large {
		display: none;
	}

	.login.login-v1 .login-logo-small {
		display: block;
	}
}

.frq-login-portalname {
	font-size: 16px;
	font-weight: 600;
	color: dodgerblue;
}

/** Navar **/

.frq-navbar-back {
	color: #20252a;
	background-color: #fff;
	border-color: #fff;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 1px #d3dbd5 solid;
}

.frq-navbar-color-detail {
	color: mediumvioletred;
}

.frq-navbar-color-create {
	color: dodgerblue;
}

.frq-navbar-color-import {
	color: dodgerblue;
}

.frq-navbar-color-update {
	color: orangered;
}

.frq-navbar-color-parentitem {
	color: #8753de;
}

/** Search **/
.frq-datatable-search {
	margin-bottom: 15px;
}

.frq-datatable-search div {
	width: 100%;
}

@media only screen and (min-width: 768px) {

	.frq-datatable-search div {
		float: left;
		width: 125px;
		padding-right: 10px;
	}
}

/** overlay **/
.frq-loading-container {

}

.frq-loading-body {
	z-index: 98;
	width: 100%;
	height: 100%;
}

.frq-loading-hover {
	display: none;
	z-index: 98;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0.5;
}

/** Sorting **/

.frq-datatable-hassorting {
	cursor: pointer;
}

.frq-datatable-hassorting.active i {
	color: orangered;
}

/** Datatable **/

.frq-datatable-col-rownumber {
	white-space: nowrap !important;
}

.frq-datatable-col-sortable {
	width: 70px;
}

.frq-datatable-sortableInput {
	width: 40px !important;
	height: 22px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 12px !important;
	max-width: 100%;
	text-align: center !important;
}

@media (min-width: 1100px) {

	.frq-datatable-col-rownumber {
		width: 50px;
	}

	.frq-datatable-col-id {
		width: 100px;
	}

	.frq-datatable-col-status {
		width: 125px;
	}

	.frq-datatable-col-dateonly {
		width: 130px;
	}

	.frq-datatable-col-datetime {
		width: 160px;
	}

	.frq-datatable-actions-1 {
		width: 50px;
	}

	.frq-datatable-actions-2 {
		width: 80px;
	}

	.frq-datatable-actions-3 {
		width: 100px;
	}

	.frq-datatable-actions-4 {
		width: 120px;
		background-color: red;
	}
}

/** Record detail **/

.frq-datarecord-fileupload {
	width: 100%;
	padding: 3px 3px;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.frq-datarecord-fileupload .is-image {
	padding: 3px 3px;
	width: 150px;
}

.frq-datarecord-fileupload .is-image img {
	width: 150px;
}

/** Typography **/

.frq-text-blue {
	color: #348fe2 !important;
}

.frq-text-green {
	color: #32a932 !important;
}

.frq-text-red {
	color: #FF0000;
}

.frq-text-orange {
	color: #f59c1a;
}

.frq-text-yellow {
	color: #ffd900;
}

.frq-text-indigo {
	color: #8753de;
}

.frq-text-pink {
	color: #fb5597;
}

/** Buttons **/
.frq-button-gray {
	color: #fff;
	background-color: gray;
	border-color: gray;
}

.frq-button-blue {
	color: #fff;
	background-color: #348fe2;
	border-color: #348fe2;
}

.frq-button-green {
	color: #fff;
	background-color: #32a932;
	border-color: #32a932;
}

.frq-button-red {
	color: #fff;
	background-color: #FF0000;
	border-color: #FF0000;
}

.frq-button-yellow {
	color: #20252a;
	background-color: #ffd900;
	border-color: #ffd900;
}

.frq-button-yellow:hover {
	color: #000000;
}

.frq-button-indigo {
	color: #fff;
	background-color: #8753de;
	border-color: #8753de;
}

.frq-button-magenta {
	color: #fff;
	background-color: #FF00FF;
	border-color: #FF00FF;
}

.frq-button-black {
	color: #ffd900;
	background-color: #000000;
	border-color: #000000;
}

/** Nav buttons **/

.frq-navbutton-red {
	color: #fff;
	background-color: #ff5b57;
	border-color: #ced4da;
}

.frq-navbutton-green {
	color: #fff;
	background-color: #32a932;
	border-color: #ced4da;
}

.frq-navbutton-yellow {
	color: #20252a;
	background-color: #ffd900;
	border-color: #ced4da;
}

.frq-navbutton-indigo {
	color: #fff;
	background-color: #8753de;
	border-color: #ced4da;
}

.frq-navbutton-PrevNext {
	color: #fff;
	background-color: #aaaaaa;
	border-color: #ced4da;
}

.frq-navbutton-PrevNext-passive {
	color: #fff;
	background-color: #eeeeee;
	border-color: #ced4da;
	cursor: not-allowed !important;
}

/** Buttons **/

.frq-button-isactive-yes {
	background-color: #32a932;
	border-color: #32a932;
}

.frq-button-isactive-no {
	background-color: #ff5b57;
	border-color: #ff5b57;
}

.frq-button-isactive-pending {
	background-color: #f59c1a;
	border-color: #f59c1a;
}

.frq-button-isactive-expired {
	background-color: #f59c1a;
	border-color: #f59c1a;
}

.frq-button-isactive-infuture {
	background-color: #348fe2;
	border-color: #348fe2;
}

.frq-button-feature-yes {
	background-color: #348fe2;
	border-color: #348fe2;
}

.frq-button-feature-no {
	background-color: #adb5bd;
	border-color: #adb5bd;
}

/** Select **/
.frq-select-please {
	font-style: italic;
	color: #cccccc;
}

.form-select.notselected {
	font-style: italic;
	color: #cccccc;
}

/** Over write **/

@media (min-width: 768px) {
	.app-header .navbar-header {
		width: 300px;
	}
}

@media (max-width: 767.98px) {
	.app-header-fixed {
		padding-top: 40px;
	}
}

.app-sidebar .menu .menu-profile .menu-profile-image {
	width: auto !important;
	border-radius: 0 !important;
}

.app-header .navbar-header img {
	max-height: 30px;
	padding-right: 10px;
}

.app-sidebar .menu .menu-item .menu-link .menu-badge {
	padding: 0 4px;
	background: #20252a;
	font-weight: normal;
	font-size: 9px;
	border-radius: 10px;
}

.form-control {
	font-weight: normal;
}

.form-select {
	font-weight: normal;
}

span.form-control {
	border: 1px dashed #ededed;
	min-height: 35px;
	height: auto;
	font-weight: normal;
}

code {
	padding: 0 0;
	font-size: 100%;
	color: #20252a;
	background-color: transparent;
}

.btn {
	font-weight: normal;
}

.btn-whatsapp {
	color: #fff;
	background-color: #25d366;
	border-color: rgba(0, 0, 0, 0.2);
}

::placeholder {
	font-style: italic;
	color: #939cab;
	font-weight: normal;
}