:root{
  --bg-color: linear-gradient(45deg, #ddf1f9 0%,#a0d8ef 35%,#feffff 100%);
  --text-color: #444444;

  --button-bg: linear-gradient(45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
  --button-text: #ffffff;

  --button-bg2: #ebf5ff;
  --button-text2: #323232;

  --panel-bg: #ffffff;
  --panel-text: #434444;

  --line-color: #dbdbdb;
  
  --radius: 6px;
  --radius-parent: 8px;

  --scrollbar-color: #eeeeee #ffffff;
}

[data-theme="dark"] {
  --bg-color: #414141;
  --text-color: #eaeaea;

  --button-bg: #282828;
  --button-text: #eaeaea;

   --button-bg2: #282828;
  --button-text2: #eaeaea;

  --panel-bg: #353535;
  --panel-text: #eaeaea;

  --line-color: #575757;

  --scrollbar-color: #606060 #504d4d;
}
hr{
	border-color: var(--line-color)!important;
}
p{
	color: var(--panel-text);
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color)
}
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: var(--panel-bg);
}
*::-webkit-scrollbar-thumb {
  background: var(--panel-bg);
  border-radius: 20px;
  border: 2px solid var(--line-color);
}
html, body{
	height: 100%;
	min-height: 100%;
}
body {
	background: var(--bg-color);
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: cover;
    padding-top: 50px;
    color: var(--text-color);
}
body.page-login{
	padding-top: 80px;
}
.page-login .form-control.fm-login-pass{
	height: 40px !important;
	border-right: none !important;
}
.page-login .lab-check-login span{
	margin-left: 10px;
}
.page-login .btn-see-pass{
	height: 40px !important;
    border: 1px solid var(--line-color);
    background: var(--panel-bg);
    border-left: none;
    color: #bfbfbf;
    padding: 0 10px;
    font-size: 16px;
}
.page-login .btn-login-admin{
	height: 50px!important;
}
.page-login .panel-body{
	padding: 30px;
}
body.modal-open {
    overflow: hidden;
    padding-right: 0px!important;
}
input:focus, select:focus{
	background: var(--panel-bg); font-weight: 500;
}
.mode-toggle{
	margin-right: 15px;
}
a, a:hover, a:focus {
	color: var(--text-color);
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	color: var(--text-color);
}
h1 {
	font-weight: 300;
	font-size: 40px;
}
h2 {
	font-weight: 300;
	margin-bottom: 20px;
}
h3, h4 {
	font-weight: 300;
}
.d-none{
	display: none!important;
}
#txtcpp, #txtcppf{
	color: transparent!important;
	border: none!important;
	background: transparent!important;
	box-shadow: none!important;
}
.bt-brows{
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	padding: 8px 20px!important;
}
hr.hr-generate{
	margin: 5px 15px 5px 15px !important;
    border-color: transparent !important;
}
hr.hr-form-gen{
	border-color: transparent !important;
    margin: 13px 5px;
}
.col-xs-6{
	z-index: 1;
}
.navbar-inverse{
	background: var(--button-bg);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
}
.navbar-inverse .navbar-toggle{
	border-color: var(--button-bg);
	color: var(--button-text);
	display: block;
	float: left;
	margin-left: 80px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	background: var(--button-bg);
	color: var(--button-text);
}
.panel-body{
	padding: 10px 20px 30px 20px;
	background: var(--panel-bg);
	color: var(--panel-text);
	border-radius: var(--radius);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.btn-table-act{
	font-size: 12px;
    background: var(--button-bg);
    border: none;
    color: var(--button-text) !important;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}
.labsee{
	font-weight: 600;
	display: inline-block;
}
.note-editor.note-frame .note-editing-area .note-editable{
	background: var(--panel-bg)!important;
	color: var(--panel-text)!important;
}
.note-editor.note-frame .note-statusbar{
	background: var(--line-color)!important;
	border-top: 1px solid var(--line-color)!important;
}
.delete-multi{
	margin-top: 10px;
}
.large {
	font-size: 2em;
}
.text-muted {
	color: var(--text-color);
}
.no-padding {
	padding: 0; margin: 0;
}
.glyphicon-xl {
	font-size: 6em;
}
.glyphicon-l {
	font-size: 3em;
}
.glyphicon-m {
	font-size: 1.5em;
}
.glyphicon-s {
	font-size: 0.75em;
}
.hello-user{
	padding: 13px 0;
  	font-size: 14px;
  	font-weight: 600;
  	text-transform: uppercase;
  	letter-spacing: 1px;
}
.form-control {
	border: 1px solid var(--line-color)!important;
  	outline: none !important;
  	transition: all 0.2s ease;
  	background: var(--panel-bg);
  	color: var(--panel-text);
  	height: 36px!important;
  	box-shadow: none;
  	border-radius: var(--radius);
	font-size: 15px;
	font-weight: 400;
}
.form-control:focus {
	border: 1px solid var(--line-color);
	outline: none!important;
	background: var(--panel-bg);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.141);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.141);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.141);
	font-weight: 400;
}
textarea.form-control{
	height: 130px!important;
}
.navbar-header{
	width: 100%;
}
.navbar-header .navbar-brand {
	color: var(--button-text);
	font-size: 20px;
	font-weight: 600;
}
.navbar-header .navbar-brand span {
	color: var(--button-text);
	border: 1px solid var(--button-text);
	border-radius: 10px 0;
  	padding: 3px 8px;
}
.btn{
	border-radius: var(--radius);
}
a.btn:hover,
button:hover {
	opacity: 0.8;
}
a.btn:active,
button:active {
	box-shadow: inset 0px 0px 500px rgba(0,0,0,.1);
	opacity: 1;
}
.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background: var(--button-bg2);
	border-color: var(--line-color);
	color: var(--button-text2);
	font-weight: 600;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background: var(--button-bg);
	border-color: var(--button-text);
	font-weight: 600;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	padding: 10px 20px!important;
}
.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background: var(--button-bg);
	border-color: var(--button-bg);
}
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background: #ffb53e;
	border-color: #ffb53e;
}
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger,
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background: #f9243f;
	border-color: #f9243f;
	font-weight: 600;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
}
.bg-primary {
	color: var(--text-color);
	background: var(--bg-color);
}
a.bg-primary:hover {
	background: var(--bg-color);
}
.bg-success {
	color: #fff;
	background: #0cb6008f;
}
a.bg-success:hover {
	background: #0cb6008f;
}
.bg-success a {
	color: rgba(255, 255, 255, .75);
}
.bg-info {
	color: #fff;
	background: #30a5ff;
}
a.bg-info:hover {
	background: #30a5ff;
}
.bg-info a {
	color: rgba(255, 255, 255, .75);
}
.bg-warning {
	color: #fff;
	background: #ffb53e;
}
a.bg-warning:hover {
	background: #ffb53e;
}
.bg-warning a {
	color: rgba(255, 255, 255, .75);
}
.bg-danger {
	color: #fff;
	background: #f9243f7d;
}
a.bg-danger:hover {
	background: #f9243f7d;
}
.bg-danger a {
	color: rgba(255, 255, 255, .75);
}
.panel {
	border: 0;
	border-radius: var(--radius-parent);
	background: transparent;
	box-shadow: none;
}
.panel-default .panel-heading {
	background: var(--panel-bg);
	color: var(--panel-text);
	border-radius: var(--radius);
	margin-bottom: 10px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.025em;
	border-bottom: 0;
}
.panel-footer {
	background: var(--panel-bg);
	border-top: 1px solid var(--line-color);
	color: var(--panel-text);
}
.panel-widget {
	padding: 0;
	position: relative;
}
.panel-widget .panel-footer {
	border: 0;
	text-align: center;
}
.panel-footer .input-group {
	padding: 0px;
	margin: 0 -5px;
}
.panel-footer .input-group-btn:last-child>.btn, 
.panel-footer .input-group-btn:last-child>.btn-group {
	margin: 0;
}
.panel-widget .panel-footer a {
	color: var(--panel-text);
}
.panel-widget .panel-footer a:hover {
	color: var(--panel-text);
	text-decoration: none;
}
.dark-overlay {
	background: rgba(0, 0, 0, .05);
	text-align: center;
}
.widget-left {
	height: 80px;
	padding-top: 15px;
	text-align: center;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.widget-right {
	text-align: left;
	line-height: 1.6em;
	margin: 0px;
	padding: 20px;
	height: 80px;
	color: var(--panel-text);
	font-weight: 300;
	background: var(--panel-bg);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.widget-right .text-muted {
	color: var(--text-color);
}
.widget-right .large {
	color: var(--text-color);
}
.jumbotron {
	background: var(--panel-bg);
	border-bottom: 1px solid var(--line-color);
	color: var(--panel-text);
}
.panel .tabs {
	margin: 0;
	padding: 0;
}
.nav-tabs {
	background: var(--bg-color);
	counter-reset: var(--text-color);
	border: 0;
}
.nav-tabs li a:hover {
	background: var(--panel-bg);
	color: var(--panel-text);
}
.nav-tabs li a,
.nav-tabs li a:hover,
.nav-tabs li.active a,
.nav-tabs li.active a:hover {
	border: 0;
	padding: 15px 20px;
}
.nav-pills {
	padding: 15px;
	padding-bottom: 0;
}
.nav-pills li a,
.nav-pills li a:hover,
.nav-pills li.active a,
.nav-pills li.active a:hover {
	border: 0;
	padding: 7px 15px;
}
.nav-pills li.active a,
.nav-pills li.active a:hover {
	background: var(--button-bg);
}
.tab-content {
	padding: 15px;
}
.navbar {
	border: 0;
	padding: 6px;
}
.navbar input {
	border: 0;
	background: var(--bg-color);
	color: var(--text-color);
}
.navbar input:focus {
	color: var(--text-color);
	background: var(--bg-color);
	border: 1px solid var(--line-color);
	outline: 0;
	box-shadow: inset 0px 0px 0px 1px #151515a1;
}
.menu{
	padding-bottom: 100px;
}
.user-menu {
	display: inline-block;
	margin-top: 14px;
	margin-right: 10px;
	float: right;
	list-style: none;
	padding: 0;
	font-weight: 600;
}
.user-menu a {
	color: var(--button-text);
}
.user-menu a:hover, .user-menu a:focus {
	text-decoration: none;
}
.user-menu .dropdown-menu>li>a, 
.user-menu .dropdown-menu>li>button{
	padding: 7px 20px;
}
pre{
	background: var(--panel-bg);
	color: var(--panel-text);
	border: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background: var(--button-bg);
	color: var(--button-text);
}
.sidebar form {
	padding: 20px 15px 5px 15px;
	border-bottom: 1px solid var(--line-color);
	margin-bottom: 20px;
}
.sidebar ul.nav a:hover, 
.sidebar ul.nav li.parent ul li a:hover {
	text-decoration: none;
	background: var(--panel-bg);
}
.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active,
.sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover,
.sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus {
	color: var(--button-text);
	background: var(--button-bg);
}
.sidebar ul.nav ul.children li.sub-active a{
	background: var(--bg-color);
	color: var(--text-color);
}
.sidebar ul.nav ul.children li a:hover{
	background: var(--bg-color)!important;
	color: var(--text-color)!important;
}
.sidebar ul.nav > li > a:hover{
	background: var(--button-bg)!important;
	color: var(--button-text)!important;
}
.sidebar ul.nav ul,
.sidebar ul.nav ul li {
	list-style: none;
	list-style-type: none;
}
.sidebar ul.nav ul.children {
	width: auto;
	padding: 0;
	margin: 0;
	background: var(--bg-color);
	color: var(--text-color);
}
.sidebar ul.nav ul.children li a {
	height: 40px;
	background: var(--panel-bg);
	color: var(--panel-text)!important;
	align-content: center;
}
.sidebar ul.nav li.current a {
	background: var(--button-bg);
	color: var(--button-text)!important;
}
.sidebar ul.nav li.parent ul li a {
	border: none;
	display:block;
	padding-left: 30px;
	text-decoration: none;
}
.sidebar span.glyphicon {
	margin-right: 10px;
}
.sidebar ul.nav li.divider {
	border-bottom: 1px solid var(--line-color);
	margin: 0;
}
.sidebar .attribution {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #eee;
	font-size: 12px;
}
.breadcrumb {
	border-radius: 0;
	padding: 23px 15px 10px 15px;
	background: var(--panel-bg);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	margin: 0 0 15px 0;
}
h1.page-header {
	margin-top: 30px;
	border-bottom: 0;
}
.main-chart {
	background: #fff;
}
.easypiechart-panel {
	text-align: center;
	padding: 1px 0;
	margin-bottom: 20px;
}
.placeholder h2 {
	margin-bottom: 0px;
}
.donut {
	width: 100%;
}
.easypiechart {
	position: relative;
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 20px auto 10px auto;
}
.easypiechart .percent {
	display: block;
	position: absolute;
	font-size: 26px;
	top: 38px;
	width: 120px;
}
#easypiechart-blue .percent { color: #30a5ff;}
#easypiechart-teal .percent { color: #1ebfae;}
#easypiechart-orange .percent { color: #ffb53e;}
#easypiechart-red .percent { color: #ef4040;}
#calendar, .datepicker-inline {
	width: 100%;
}
#calendar table {
	width: 100%;
}
.todo-list-item .glyphicon { 
	margin-right:5px; 
	color: #9fadbb; 
}
.todo-list-item .glyphicon:hover { 
	margin-right:5px; 
	color: #1b3548; 
}
.todo-list { 
	padding: 0;
	margin: -15px;
	background: #fff;
	color: #5f6468;
}
#checkbox {
	margin: 0;
}
.todo-list .checkbox { 
	display:inline-block; 
	margin: 0px;
}
.panel-body input[type=checkbox]:checked + label { 
	text-decoration: line-through;
	color: #777; 
}
.todo-list-item {
	list-style: none;
	line-height: 0.9;
	padding: 14px 15px 8px 15px;
}
.todo-list-item:hover, a.todo-list-item:focus {
	text-decoration: none;
	background: #f6f6f6;
}
.todo-list-item a.trash .glyphicon:hover {
	color: #ef4040;
}
.chat ul {
	list-style: none;
	margin: -15px;
	padding: 15px;
}
.chat ul li {
	margin-bottom: 10px;
	padding: 15px 5px;
	border-bottom: 1px solid #eee;
}
.chat ul li.left .chat-body { margin-left: 100px;}
.chat ul li.right .chat-body { margin-right: 100px;}
.chat ul li .chat-body p {
	margin: 0;
}
.chat ul .glyphicon {
	margin-right: 5px;
}
.chat .panel-body {
	overflow-y: scroll;
	height: 300px;
}
.chat-body small {
	margin-left: 5px;
}
.table {
	background: var(--panel-bg);
	color: var(--panel-text);
	border-bottom: none;
	border-radius: var(--radius-parent);
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th{
	background: var(--bg-color);
	counter-reset: var(--text-color);
}
.fixed-table-container {
	border: 1px solid var(--line-color);
	border-radius: var(--radius);
}
.fixed-table-container thead th {
	background: var(--button-bg2);
	border-color: var(--line-color);
	color: var(--button-text2);
	font-weight: 300;
	font-size: 16px;
}
table.table thead tr th:first-child{
	width: 50px!important;
	min-width: 50px!important;
}
.page-gen table.table thead tr th:last-child{
	width: 100px !important;
    min-width: 100px !important;
}
.fixed-table-container thead th:first-child {
	border-top-left-radius: var(--radius);
}
.fixed-table-container thead th:last-child {
	border-top-right-radius: var(--radius);
}
.fixed-table-container tbody td{
	border-color: var(--line-color)!important;
}
.fixed-table-container tbody td:last-child {
	border-right: none;
}
.table>thead>tr>th {
	border-bottom: 1px solid var(--line-color);
	vertical-align: middle;
	height: 50px;
}
.fixed-table-pagination .pagination {
    margin-top: 10px;
    margin-bottom: 0px;
}
.fixed-table-pagination .pagination-detail {
	margin-top: 20px;
}
.fixed-table-pagination .pagination-detail button.dropdown-toggle{
	padding: 4px 13px;
    margin: 0 5px;
}
.img-galeri, .fls-files{
	width: 100%;
	height: 110px;
	object-fit: cover;
	cursor: pointer;
	border-radius: var(--radius);
}
.file{
	height: 30px;
	margin-bottom: 0;
	outline: none!important;
	background: var(--button-bg2)!important;
    padding: 8px 15px;
    height: 50px;
    align-content: center;
    border-radius: var(--radius);
    box-shadow: 1px 1px 3px #cacaca;
}
#loader, #loaderf{
	font-size: 1.2em;
	color: #A8CA07;
}
#sukses, #suksesf{
	font-size: 1.2em;
	color: #A8CA07;
	margin: .1%;
}
.help-block{
	font-size: 1.2em;
	color: #BD4D0F;
	margin: .1%;
}
.zoom {      
	-webkit-transition: all 0.35s ease-in-out;    
	-moz-transition: all 0.35s ease-in-out;    
	transition: all 0.35s ease-in-out;     
	cursor: -webkit-zoom-in;      
	cursor: -moz-zoom-in;      
	cursor: zoom-in;  
}     
.zoom:hover,  
.zoom:active,   
.zoom:focus {
	-ms-transform: scale(2.5);    
	-moz-transform: scale(2.5);  
	-webkit-transform: scale(2.5);  
	-o-transform: scale(2.5);  
	transform: scale(2.5);    
	position:relative;      
	z-index:100;  
}
.img-galeri-zoom, .fls-files-zoom{
	width: 100%;
	border-radius: 0 0 3px 3px;
}
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
a{
	text-decoration: none!important;
}
.check-galeri, .check-files{
	position: absolute;
	top: 2px;
	left: 5px;
}
.parent-media-gal-fil{
	display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.col-loadmore-media{
	flex: 1 100%;
}
.img-col-gal{
	padding: 5px;
    border: none;
    z-index: 1000;
    border-radius: var(--radius-parent);
    cursor: pointer;
    text-align: center;
    width: auto;
    margin: 7px;
    background: var(--panel-bg);
    box-shadow: 0px 0px 5px #cacaca;
}
.fls-col-fil{
	padding: 10px;
    border: none;
    z-index: 1000;
    background: var(--panel-bg);
    max-height: 100%;
    height: auto;
    border-radius: var(--radius);
    cursor: pointer;
    margin: 7px;
    width: 150px;
    box-shadow: 0px 0px 5px #cacaca;
}
.fls-col-fil label{
	font-weight: unset;
}
.fls-col-fil div{
	cursor: pointer;
}
.img-col-gal>label, .fls-col-fil>label{
	width: 100%;
}
.breadcrumb > .active{
	font-weight: 600;
}
.load-more, .load-moref{
	opacity: .7; font-weight: 600;
}
.load-more, .load-more:hover, .load-more:focus, .load-more:active, .load-more:visited, 
.load-moref, .load-moref:hover, .load-moref:focus, .load-moref:active, .load-moref:visited{
	width: 100%;
    background: transparent;
    box-shadow: none !important;
}
.alert-sukses, .alert-error{
	z-index: 1080!important;
	margin: 0 auto;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	border-radius: 0px; 
	-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%); 
	-moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
	text-align: center;
	height: 62px;
    align-content: center;
	backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}
.modal-header{
	background: var(--button-bg);
	color: var(--button-text);
	border-bottom: 1px solid var(--line-color);
	border-radius: var(--radius) var(--radius) 0 0;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.34) !important;
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.34)!important;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.34) !important;
	z-index: 1;
	position: inherit;
}
.modal-title{
	color: var(--button-text);
}
.close{
	color: #f0f0f0 !important;
    opacity: 1;
    text-shadow: none;
}
.modal-content{
	border-radius: var(--radius-parent);
	background: var(--panel-bg);
	border: none;
}
.modal-footer{
	background: var(--panel-bg);
	color: var(--panel-text);
	border-top: 1px solid var(--line-color);
	border-radius: 0 0 var(--radius) var(--radius);
}
.btn{
	outline: none!important;
}
.modal-body{
	background: var(--panel-bg);
	color: var(--panel-text);
	border-radius: var(--radius);
}
.radioselect{ 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.radioselect:checked + img {
	border: 4px double #368ad1;
    border-radius: 20px;
}
.radioselectf{ 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.radioselectf:checked + div{
  	background: #d9d9d9;
    border-radius: var(--radius);
}
.check-galeri, .check-files, #checkall, #checkallf {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  border: 2px solid var(--line-color);
  outline: none!important;
  content: ''!important;
  width: 20px;
  height: 20px;
  background: var(--bg-color);
  cursor: pointer;
}
.check-galeri:checked, .check-files:checked, #checkall:checked, #checkallf:checked {
  	background: var(--button-bg);
	border: 4px solid var(--line-color);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34)!important;
}
.col-fm{
	padding-left: 2px; padding-right: 2px;
}
.img-link{
	width: 100%;
	height: 160px;
	border: 1px solid var(--line-color);
	cursor: pointer;
	background: var(--button-bg2);
}
.form-margin-top{
	margin-top: 10px;
}
.fixed-table-container tbody .selected td{
	background: #f7f7f8;
}
.label-fm{
	margin-top: 10px;
	width: 100%;
}
.btn-danger{
	background: #bd0b22;
	border-color: #bb0c22;
}
.fixed-table-body thead th:first-child, .fixed-table-body thead th:last-child{
	text-align: center;
}
tbody td:first-child, tbody td:last-child{
	text-align: center;
}
.sidebar .user{
	padding: 20px 15px 5px 15px;
	border-bottom: 3px double var(--line-color);
	margin-bottom: 20px;
	background: var(--bg-color);
	color: var(--text-color); 
}
.btn-logout{
	padding: 3px 20px; width: 100%; text-align: left; background: transparent; color: #333; border: none;
	border-radius: 0;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
	font-size: 14px;
}
.btn-logout:hover{
	background: #eee; color: #333; opacity: 1;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{
	line-height: unset!important;
}
.bt-delgaleri-modal, .bt-delfiles-modal{
	position: absolute !important;
    top: 3px;
    left: 3px;
    background: #fff;
    padding: 5px 5px 0 4px !important;
    color: #ff0000 !important;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #bcbcbc;
}
.img-col-gal label, .fls-col-fil label{
	margin-bottom: 0px!important;
}
.bt-delgaleri-modal:hover, .bt-delgaleri-modal:focus, .bt-delgaleri-modal:active, 
.bt-delfiles-modal:hover, .bt-delfiles-modal:focus, .bt-delfiles-modal:active{
	color: #ffffff;
}
.loading img, .loadingf img{
	border-radius: 5px;
}
.nav > li > a:hover, .nav > li > a:focus{
	background: var(--bg-color);
}
.login-panel form button.btn{
	height: 40px;
}
.btn{
	padding: 10px 15px;
}
.btn, a {
  position: relative;
  overflow: hidden;
  border-width: 0;
  outline: none;
  transition: background-color .2s;
}
.btn > *, a > * {
  position: relative;
}
.btn:before, a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  padding-top: 0; 
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.btn:active:before, a:active:before{
  width: 120%;
  padding-top: 120%;
  transition: width .2s ease-out, padding-top .2s ease-out;
}
.animated{
	animation-duration: .3s!important;
}
.img-file{
	width: 30px; height: 30px;
}
.tb-files td{
	text-align: left!important;
	font-weight: 600;
}
.tb-files{
	margin-bottom: 50px!important;
}
.input-color{
	width: 60px!important;
	border-left: none!important;
	border-top-right-radius: var(--radius)!important;
	border-bottom-right-radius: var(--radius)!important;
}
.input-color-val{
	border-right: none!important;
}
.radio-inline {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
}
.radio-inline input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #989898;
}
.radio-inline:hover input ~ .checkmark {
  background: #F2EFEF;
}
.radio-inline input:checked ~ .checkmark {
  background: var(--button-bg);
  border: 4px solid var(--line-color);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
  -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-inline input:checked ~ .checkmark:after {
  display: block;
}
.lab-checkbox {
  position: relative;
  padding-left: 5px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lab-checkbox input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkcheck {
  position: absolute;
  top: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: var(--bg-color);
  color: var(--text-color);
  border-radius: 50%;
  border: 2px solid var(--line-color);
}
.lab-checkbox:hover input ~ .checkcheck {
  background: var(--bg-color);
  color: var(--text-color);
}
.lab-checkbox input:checked ~ .checkcheck {
	background: var(--button-bg);
	border: 4px solid var(--line-color);
	color: var(--text-color);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
}
.checkcheck:after {
  content: "";
  position: absolute;
  display: none;
}
.lab-checkbox input:checked ~ .checkcheck:after {
  display: inline;
}
.fixed-table-body thead th .th-inner{
	font-weight: 600;
}
.panel-body .bootstrap-select > .dropdown-toggle{
	padding: 6px 10px!important;
	font-size: 15px;
	border: none;
	transition: all 0.2s ease;
	background: var(--panel-bg);
	color: var(--panel-text) !important;
	height: auto!important;
	box-shadow: none !important;
	border-radius: var(--radius);
}
.breadcrumb>.active{
	color: var(--panel-text);
}
.panel-body .bootstrap-select > .dropdown-toggle.btn-default{
	box-shadow: none !important;
	outline: none!important;
}
.dropdown-toggle .btn-default:focus{
	background: var(--bg-color)!important;
	border: 1px solid var(--line-color)!important;
	box-shadow: none!important;
	border-radius: 3px!important;
}
.dropdown .bootstrap-select .dropdown-toggle:focus, .dropdown .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
	outline: none!important;
}
.dropdown-menu{
	background: var(--bg-color);
	color: var(--text-color);
	border: none;
    border-radius: var(--radius);
}
.dropdown-menu > li > a, 
.user-menu button.btn-logout{
	color: var(--text-color);
}
.dropdown-menu > li > a:hover, 
.user-menu button.btn-logout:hover{
	background: var(--panel-bg);
	color: var(--panel-text);
}
.bootstrap-select .dropdown-menu.inner a:hover{
	background: var(--bg-color);
	color: var(--text-color);
}
.bs-searchbox .form-control{
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: var(--radius);
	border: 1px solid var(--line-color);
}
.bootstrap-select .dropdown-toggle .filter-option{
	height: auto!important;
  	width: auto!important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
	font-weight: 400;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	vertical-align: middle;
	border-color: var(--line-color)!important;
}
.lab-checkbox{
	font-size: unset;
	vertical-align: middle;
	margin-bottom: 0;
}
.btn-warning, .btn-success, .btn-light{
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.34) !important;
}
.lab-checkbox input:checked ~ .checkcheck {
	content: url(../img/check.png);
	border: 2px solid #FFF;
	background: unset;
}
.check-galeri:checked:after, .check-files:checked:after, #checkall:checked:after, #checkallf:checked:after {
	content: url(../img/check.png);
	background: unset;
	width: 4px;
	display: inline-block;
	top: -25px;
	position: relative;
	right: 3px;
	transform: scale(.5);
}
.check-galeri:checked, .check-files:checked, #checkall:checked, #checkallf:checked{
	background: #fff;
}
input[type="radio"], input[type="checkbox"]{
	margin: 0;
}
.bg-hover{
	background: red;
}
.sidebar {
	display: block;
	background: var(--panel-bg);
	color: var(--panel-text);
	padding: 0;
	overflow-y: auto;
	position: fixed;
	z-index: 1020;
	height: 100%;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .05);
  	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .05);
	top: 63px;
}
@keyframes slideLeft {
  	from { transform: translateX(-100%); }
  	to { transform: translateX(0); }
}

@keyframes slideRight {
  	from { transform: translateX(0); }
  	to { transform: translateX(100%); }
}
.displaymenu{
	display: block!important;
}
.hiddenmenu{
	display: none!important;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
	background: var(--panel-bg);
  	border: 1px solid var(--line-color);
  	color: var(--panel-text);
}
.act-med{
	margin-top: 0;
	text-align: end;
}
.act-med .btn-primary{
	padding: 10px 15px !important;
}
.seemodal, .flsmodalcontent{
	list-style: none;
    padding: 0;
    margin: 0;
}
.seemodal li, .flsmodalcontent li{
	padding: 8px 0;
    border-bottom: 1px solid var(--line-color);
}
.seemodal li:last-child, .flsmodalcontent li:last-child{
	border-bottom: 0;
}
.bt-addfls, .bt-addgal, 
.bt-addfls:hover, .bt-addgal:hover,
.bt-addfls:focus, .bt-addgal:focus,
.bt-addfls:active, .bt-addgal:active,
.bt-addfls:visited, .bt-addgal:visited{
	padding: 8px 12px !important;
}
.note-editor.note-frame{
	border: 1px solid var(--line-color)!important;
	border-radius: var(--radius)!important;
}
.col-gr-select-img{
	margin-right: 8px;
}
.col-gr-select-img .input-group .form-control{
	border-top-left-radius: var(--radius)!important;
	border-bottom-left-radius: 0;
}
.col-gr-select-img .input-group .bt-brows{
	border-top-right-radius: var(--radius)!important;
	border-bottom-right-radius: 0 !important;
	box-shadow: none !important;
    border: 1px solid var(--line-color);
	height: 36px;
}
.col-gr-select-img .img-link{
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	object-fit: cover;
}
.page-generated .fm-color{
	margin-right: 8px;
}
.page-generated .fm-file{
	margin-right: 8px;
}
.page-generated .fm-boolean{
	margin-right: 8px;
}
.page-generated .fm-file .bt-brows{
	box-shadow: none !important;
    border: 1px solid var(--line-color);
}

.page-gen-list table th,
.page-gen-list table td {
  display: none;
}
.page-gen-list table th:first-child,
.page-gen-list table th:nth-child(2),
.page-gen-list table th:nth-child(3),
.page-gen-list table th:nth-child(4),
.page-gen-list table th:nth-child(5),
.page-gen-list table th:nth-child(6),
.page-gen-list table th:last-child,

.page-gen-list table td:first-child,
.page-gen-list table td:nth-child(2),
.page-gen-list table td:nth-child(3),
.page-gen-list table td:nth-child(4),
.page-gen-list table td:nth-child(5),
.page-gen-list table td:nth-child(6),
.page-gen-list table td:last-child {
  display: table-cell;
}
.menu-creator .panel-body{
	padding: 10px 5px 20px 5px;
}
.sub-lab-cm{
	padding: 0 5px 0 0;
}
.sub-val-cm{
	padding: 0 0 0 5px;
}

.check-general {
	width: 18px;
	height: 18px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid var(--line-color);
	border-radius: 50%;
	background-color: #fff;
	transition: all 0.3s ease;
	position: relative;
	outline: none!important;
}
.check-general:checked::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 12px;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	background-image: url("../img/check.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled]{
	background: var(--panel-bg);
	color: var(--panel-text);
	border-color: var(--line-color);
}
.acc-fm-name, .acc-fm-phone, .acc-newpass{
	padding-right: 10px;
}
.acc-fm-email, .acc-fm-date, .acc-confirmpass{
	padding-left: 10px;
}
.btn-close-menu-mobile{
	position: absolute;
    top: 13px;
    right: 10px;
    padding: 1px 2px 3px 3px;
    margin: 0;
    background: #b3b3b3 !important;
    font-size: 10px;
    color: #ffffff;
    box-shadow: none !important;
    line-height: 0;
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
	display: none;
}
.btn-close-menu-mobile span{
	padding: 0!important;
    margin: 0!important;
}
.database-generator.database-generator-add .btn-add-column {
	margin-bottom: 10px;
}
.database-generator.database-generator-add table.table thead tr th:first-child{
	width: unset !important;
	min-width: unset !important;
}
.database-generator.database-generator-add .col-collation{
	padding-left: 0;
}
.database-generator.database-generator-add .col-engine{
	padding-right: 0;
}
.div-select-table{
	background: var(--bg-color);
    margin-top: 10px;
    padding: 20px;
    border-radius: var(--radius);
    color: var(--text-color);
}
.div-table-fields{
	margin-top: 20px;
}
@keyframes animPanel {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.panel-heading, .panel-body {
  animation: animPanel 0.5s ease;
}
@keyframes zoomFast {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.modal-content {
  animation: zoomFast 0.2s ease;
}
.user-menu .dropdown-menu{
	animation: zoomFast 0.2s ease;
}
.img-gal-zoom-list{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	cursor: text!important;
	background: var(--button-bg2) !important;
    border-bottom: none !important;
    color: var(--button-text2) !important;
}
.page-404 h1{
	font-size: 200px;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 2px 2px 10px #33333340;
}
.general-info{
	position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 1070;
    background: rgb(255, 215, 135);
    color: rgb(99, 66, 0);
    padding: 20px;
    font-weight: 600;
}

@media (max-width: 991.98px) {
	body.page-login{
		padding-top: 80px;
	}
	.sidebar {
		display: none;
		top: 60px;
		bottom: 0;
		left: 0;
		margin: 0;
		overflow-x: hidden;
		width: 330px;
		box-shadow: 0 0 30px 20px #0000004a;
	}
	.main{
		margin-left: 0!important;
        width: 100%!important;
	}
	.act-med{
		margin-top: 10px;
	}
	.modal-see{
		width: 90%;
	}
	.col-gr-select-img{
		width: 30%;
	}
	.page-generated .fm-color{
		width: 30%;
	}
	.page-generated .fm-file{
		width: 30%;
	}
	.page-generated .fm-boolean{
		width: 30%;
	}
	.page-generated.page-gen-list table th,
	.page-generated.page-gen-list table td {
		display: none;
	}
	.page-generated.page-gen-list table th:first-child,
	.page-generated.page-gen-list table th:nth-child(2),
	.page-generated.page-gen-list table th:nth-child(3),
	.page-generated.page-gen-list table th:nth-child(4),
	.page-generated.page-gen-list table th:last-child,

	.page-generated.page-gen-list table td:first-child,
	.page-generated.page-gen-list table td:nth-child(2),
	.page-generated.page-gen-list table td:nth-child(3),
	.page-generated.page-gen-list table td:nth-child(4),
	.page-generated.page-gen-list table td:last-child {
		display: table-cell;
	}
	.sub-lab-cm{
		padding: 0;
	}
	.sub-val-cm{
		padding: 0;
	}
	.acc-fm-name, .acc-fm-phone, .acc-newpass{
		padding-right: 2px;
	}
	.acc-fm-email, .acc-fm-date, .acc-confirmpass{
		padding-left: 2px;
	}
	.btn-close-menu-mobile{
		display: block;
	}
	.page-404 h1{
		font-size: 150px;
	}
}

@media (max-width: 767.98px) {
	.div-select-table{
		padding: 15px;
	}
	.widget-right {
		width: 100%;
		margin: 0;
		text-align: center;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.widget-left {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.sidebar .attribution {
		display: none;
	}
	.sidebar {
		width: 70%;
	}
	.navbar-header{
		width: auto;
	}
	.navbar-inverse .navbar-toggle{
		margin-left: 0;
	}
	.panel-body.page-gen{
		padding: 13px;
	}
	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
		padding: 6px;
	}
	.fls-col-fil{
		width: 130px;
	}
	.col-gr-select-img{
		width: 47%;
	}
	.page-generated .panel-body{
		padding: 5px 15px 20px 15px;
	}
	.page-generated .fm-color{
		width: 47%;
	}
	.page-generated .fm-file{
		width: 47%;
	}
	.page-generated .fm-boolean{
		width: 47%;
	}
	.col-gr-select-img .img-link{
		height: 130px;
	}
	.table>thead>tr>th{
		height: 40px;
	}
	.page-generated.page-gen-list table th,
	.page-generated.page-gen-list table td {
		display: none!important;
	}
	.page-generated.page-gen-list table th:first-child,
	.page-generated.page-gen-list table th:nth-child(2),
	.page-generated.page-gen-list table th:last-child,

	.page-generated.page-gen-list table td:first-child,
	.page-generated.page-gen-list table td:nth-child(2),
	.page-generated.page-gen-list table td:last-child {
		display: table-cell!important;
	}
	/* table sql generator */
	.database-generator-home table th,
	.database-generator-home table td {
		display: none!important;
	}
	.database-generator-home table th:first-child,
	.database-generator-home table th:nth-child(2),
	.database-generator-home table th:last-child,

	.database-generator-home table td:first-child,
	.database-generator-home table td:nth-child(2),
	.database-generator-home table td:last-child {
		display: table-cell!important;
	}
	/* end */
	.fixed-table-container thead th .th-inner{
		padding: 0;
	}
	.parent-media-gal-fil{
		justify-content: center;
	}
	.page-login .panel-body{
		padding: 20px;
	}
	.img-col-gal{
		width: 45%;
	}
	.btn-close-menu-mobile{
		display: block;
	}
	.database-generator .col-collation{
		padding: 0;
	}
	.database-generator .col-engine{
		padding: 0;
	}
	.database-generator-add .table>thead>tr>th, 
	.database-generator-add .table>tbody>tr>th, 
	.database-generator-add .table>tfoot>tr>th, 
	.database-generator-add .table>thead>tr>td, 
	.database-generator-add .table>tbody>tr>td, 
	.database-generator-add .table>tfoot>tr>td{
		min-width: 120px;
	}
	.database-generator-add .table{
		margin: 5px!important;
	}
	.page-404 h1{
		font-size: 100px;
	}
}

@media only screen and (max-width: 767.98px) {
	ul.gallery {      
		margin-left: 15vw;       
		margin-right: 15vw;
	}
	.DivName {cursor: pointer}
}