/* ===== CUSTOM STYLES =====*/
.grey-fade {
	background-image: linear-gradient(#b0b0b1, #dbdcde);
}


.card-header-login {
	background-color: #202940;
	border-top-left-radius: 0.35rem;
	border-top-right-radius: 0.35rem;
}

.card-footer-login {
	background-color: #ffc077;
	border-bottom-left-radius: 0.35rem;
	border-bottom-right-radius: 0.35rem;
}

.bg-jms {
  background-color: #202940 !important;
}

.banner-text {
	font-size: 32px;
	font-weight: bolder;
	color: #ffce6a;
	font-style: italic;
}

.bg-footer {
	background-color: #425586 !important;
}

.spacer-btn {
	padding-top: 5px;
}

.spacer {
	padding-top: 10px;
}

.spacer-sm {
	padding-top: 17px;
}

.spacer-md {
	padding-top: 35px;
}

.spacer-lg {
	padding-top: 50px;
}

.chk-lg {
  	height: 32px !important;
  	width: 32px !important;
}

.chk-sm {
  	height: 20px;
  	width: 20px;
	vertical-align: top;
	padding: 2px !important;
}

.chktbl {
  	height: 18px;
  	width: 18px;
	margin-bottom: 0 !important;
}

.chklabel{
	display: inline-block;
 	margin-left: 5px;
	border: none;
	margin-bottom: 0 !important;
}

.icon-big {
	width: 100%;
	height: 100%;
	font-size: 2.2em;
	min-height: 64px;
	display: flex;
	align-items: center;
	justify-content: center; 
}

/*     Card     */
.card, .card-light {
	border-radius: 10px;
	background-color: #ffffff;
	margin-bottom: 30px;
	-webkit-box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1);
	-moz-box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1);
	box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1);
	border: 0px; 
}
.card .card-header, .card-light .card-header {
	padding: 1rem 1.25rem;
	background-color: transparent;
	border-bottom: 1px solid #ebecec !important; 
}

.card .card-header:first-child, .card-light .card-header:first-child {
	border-radius: 0px; 
}

.card .card-head-row, .card-light .card-head-row {
	display: flex;
	align-items: center; 
}
.card .card-head-row .card-tools, .card-light .card-head-row .card-tools {
	margin-left: auto;
	float: right;
	padding-left: 15px; 
}

.card .card-head-row .card-tools .btn, .card-light .card-head-row .card-tools .btn {
	margin-right: 10px; 
}

.card .card-head-row .card-tools .btn:last-child, .card-light .card-head-row .card-tools .btn:last-child {
	margin-right: 0px; 
}

/*     Card States    */
.card-dark, .card-black, .card-primary, .card-secondary, .card-info, .card-success, .card-warning, .card-danger {
	color: #ffffff !important;
	border: 0px !important; 
}

.card-dark .card-header, .card-black .card-header, .card-primary .card-header, .card-secondary .card-header, .card-info .card-header, .card-success .card-header, .card-warning .card-header, .card-danger .card-header {
	border-bottom: transparent !important; 
}

.card-dark .card-category, .card-black .card-category, .card-primary .card-category, .card-secondary .card-category, .card-info .card-category, .card-success .card-category, .card-warning .card-category, .card-danger .card-category, .card-dark .card-title, .card-black .card-title, .card-primary .card-title, .card-secondary .card-title, .card-info .card-title, .card-success .card-title, .card-warning .card-title, .card-danger .card-title, .card-dark label, .card-black label, .card-primary label, .card-info label, .card-success label, .card-warning label, .card-danger label {
	color: #ffffff !important; 
}

.card-dark .icon-big > i, .card-black .icon-big > i, .card-primary .icon-big > i, .card-secondary .icon-big > i, .card-info .icon-big > i, .card-success .icon-big > i, .card-warning .icon-big > i, .card-danger .icon-big > i {
	color: #ffffff !important; 
}

.card-dark .card-footer, .card-black .card-footer, .card-primary .card-footer, .card-secondary .card-footer, .card-info .card-footer, .card-success .card-footer, .card-warning .card-footer, .card-danger .card-footer {
	border-top: transparent !important; 
}

.card-black {
	background: #1a2035 !important; 
}

.card-primary {
	background: #1572E8 !important; 
}

.card-secondary {
	background: #6861CE !important; 
}

.card-info {
	background: #48ABF7 !important; 
}

.card-success {
	background: #31CE36 !important; 
}

.card-warning {
	background: #FFAD46 !important; 
}

.card-danger {
	background: #F25961 !important; 
}

.card-round {
	border-radius: 10px; 
}

.row-pointer{
	cursor: pointer !important;
}

.form-tip{
	font-size: .8em;
	padding-top: 8px !important;
 	color: #868686;
}

.scroll-window {
	height: auto;
	max-height: 250px;
	width: auto;
	overflow-y: auto;
	scroll-margin-right: 20px;
}

.table-sm thead th {
  vertical-align: middle;
  border-bottom: 1px solid #f0f0f0;
  color: #2f2f2f;
  background-image: linear-gradient(#ffedc9, #facd83);
}

.option-box {
	width: auto;
	height: 45px;
	margin-bottom: 8px;
	border: 1px solid #d6d6d6;
    border-radius: 0.35em;
	padding-top: 5px;
	background-color: #f7f7f7;
}

.block-text {
	display: flex;
	text-align: left;
	font-size: .8rem;
	border: 1px solid #d2d5dd;
	border-radius: calc(0.3rem - 1px);
	padding: 5px;
	background-color: #fff4e9;
	color: #040404;
	min-height: 30px;
	margin-left: -21px;
}

.block-text-bold {
	display: inline-flex ;
	width: 100%;
	font-size: .8rem;
	font-weight: 700;
	border: 1px solid #b9bcc3;
	border-radius: calc(0.3rem - 1px);
	padding: 5px;
	background-color: #eaeaea;
	min-height: 30px;
}

.blockdisplay {
	padding-top: 5px;
	color: #5a0000
}

.hide-col {
  overflow: hidden;
  width: 0px !important;
  max-width: 0px !important;
  padding: 0px !important;
  border-width: 0px !important;
  font-size: 1px !important;
}

.pr-10 {
	padding-right: 67px !important;
}