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

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

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

	.login-logo-small {
		display: inline-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%;
}

.frq-datatable-search .select2-selection.select2-selection--single {
	height: calc(1.5em + (0.62rem + 2px)) !important;
}

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

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

	.frq-datatable-search div.isText {
		width: 125px;
	}

	.frq-datatable-search div.isDate {
		width: 125px;
	}

	.frq-datatable-search div.isSelect {
		width: auto;
	}

	.frq-datatable-search div.isSearchSelect {
		width: auto;
	}

	.frq-datatable-search div.isMultiselect {
		width: auto;
		min-width: 125px;
	}

	.frq-datatable-search div.isSubmit {
		width: auto;
	}
}

/** 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;
	}
}

/** Form record **/

.frq-datarecord-row {
	padding: 7px 0 7px 0;
}

.frq-datarecord-row > label {
	padding-top: 3px;
}

.frq-datarecord-row:nth-child(even) {
	background-color: #f7f7f7;
}

.frq-datarecord-row-input > input[type=checkbox] {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 10px 10px;
}

.input-group-text input[type=checkbox] {
	padding: 7px 7px;
}

.frq-datarecord-readonly {
	cursor: default;
	background-color: rgba(239, 239, 239, 0.9);
	color: rgb(84, 84, 84);
	border-color: rgba(118, 118, 118, 0.3);
}

.frq-datarecord-bottombar {
	margin-top: 15px;
	margin-bottom: 15px;
}

/** 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-fontstyle-bold {
	font-weight: bold;
}

.frq-fontstyle-italic {
	font-style: italic;
}

.frq-text-black {
	color: #000000 !important;
}

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

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

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

.frq-text-orangered {
	color: #FF4500;
}

.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-green {
	color: #fff;
	background-color: #32a932;
	border-color: #32a932;
}

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

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

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

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

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

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

.frq-button-yellow:hover {
	background-color: #ffd900;
	border-color: #adb5bd;
}

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

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

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

.frq-button-pink {
	color: #20252a;
	background-color: #fb5597;
	border-color: #fb5597;
}

.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;
}

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

/** 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-blue {
	color: #fff;
	background-color: #348fe2;
	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-pending {
	background-color: #f59c1a;
	border-color: #f59c1a;
}

.frq-button-isactive-blocked {
	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;
}

/** Footer **/
.frq-footer-copyright-login {
	position: absolute;
	right: 10px;
	bottom: 20px;
	z-index: 999;
	color: #6c757d;
	font-weight: normal;
}

.frq-footer-copyright-login a {
	color: #6c757d;
	font-weight: bold;
	text-decoration: none;
}

@media only screen and (max-width: 768px) {
	.frq-footer-copyright-login {
		position: inherit;
		text-align: center;
		padding: 10px 10px;
	}
}

.frq-footer-copyright-panel {
	text-align: right;
	padding-right: 10px;
	color: #6c757d;
	font-weight: normal;
}

.frq-footer-copyright-panel a {
	color: #6c757d;
	font-weight: bold;
	text-decoration: none;
}

/** 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;
}

.select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
	font-weight: normal;
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
	font-weight: normal;
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple {
	height: auto;
}

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;
}

@media print {
	.app-with-wide-sidebar .app-content {
		margin-left: 0;
	}
}