body.login-page {
	background-color: #F8F9FB !important;
}
.page404 {
	font-size: 12rem !important;
}
.page-header {
	font-size: 1.5rem !important;
	line-height: 1.2 !important;
}
.navbar-brand {
	color: #fff !important;
}
.form-group {
    margin-bottom: 0.5rem;
}
.card-header {
	background: #ffea00;
}

.m-t-60 {
	margin-top: 60px;
}

.h-100 {
	height: calc(100vh - 132px) !important;
}
.h-60 {
	height: calc(60vh - 8px) !important;
}
.h-50 {
	height: calc(50vh - 78px) !important;
}
.h-30 {
	height: calc(30vh - 8px) !important;
}
.h-20 {
	height: calc(20vh - 8px) !important;
}

.text-vsm {
	font-size: 0.75rem;
}

.row-actions {
	display: inline;
	float: right;
}

.menu-item-bar {
    clear: both;
    line-height: 1.5em;
    position: relative;
    margin: 10px 0 0;
}  
.menu-item-bar .menu-item-handle {
    background: #fafafa;
	color: #23282d;
    border: 1px solid #ddd;
    position: relative;
    padding: 5px 7px;
    height: auto;
    min-height: 20px;
    /*width: 534px;*/
    line-height: 30px;
    overflow: hidden;
    word-wrap: break-word;
}

.class-margin-top{
	margin-top: 5px;
}
   
.scroll {
	overflow: auto;
}

.sweet-alert h2 {
	font-size: 1.2rem;
	font-weight: 400;
}	

.table td, .table th {
	vertical-align: middle !important;
    padding: .25rem 0.5rem;
}

.modal-content {
	background-color: transparent !important;
	border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0; 
	border: none;
}
.modal-header {
	border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
	background: #ffea00;
	padding: 1rem 2rem;
	border-bottom: none;
	-webkit-box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1);	
}
.modal-footer {
	padding: 0.5rem !important;  
	border: none;
	-webkit-box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1);
	border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px);
}
.modal-body {
	padding: 1rem 1rem 0 1rem;
}
.modal-body, .modal-footer {
	background: #fff;
}

.inline-label {
	display: inline !important;
}
.select-picker {
  padding: 0.4rem 0.8rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #495057 !important;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 2rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.select-picker:hover {
  color: #495057 !important;
}
    
.fullscreen {
	border-radius: 3px;
	padding: 0 10px 5px;
	background: #fff;
	color: inherit;	
}
.fullscreen table th, .fullscreen table td {
	font-weight: 700;
	font-size: 1.2rem;
	padding: 0.5rem;
}

/*Summernote*/
.note-btn.btn-light {
  color: #212529;
  background-color: #b3bdc8;
  border-color: #7d8ea2;
}

.note-btn.btn-light:hover {
  color: #212529;
  background-color: #c4ccd5;
  border-color: #dae0e5;
}

.note-btn.btn-light:focus, .note-btn.btn-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

button[data-name=resizedDataImage] {
    position: relative;
    overflow: hidden;
}

button[data-name=resizedDataImage] input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    max-width: 100%;
    -ms-filter: 'alpha(opacity=0)';
    direction: ltr;
    cursor: pointer;
}


@media (max-width: 720px) {
	h1 {
		font-size: 1.5rem;
	}
}	

small.error {
	color: #ca0000;
}
input.error, select.error {
	border: 1px solid #ca0000;
	background-color: #ffa6a6
}