/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
A FILE FOR RTL SUPPORT RELATED ONLY
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.header-navbar .navbar-header .navbar-brand .brand-logo {
	width:110px;
}
.navbar-dark .navbar-nav .active.nav-link {
	background: #424e58;
}

table.dataTable tbody th, table.dataTable tbody td {
	padding: 2px 10px!important;
}

.table th, .table td {
	vertical-align: middle!important;
}

.form-group .position-relative .form-control {
	padding: 0.75rem 1rem !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


table.border-top-none td {
	border-top: none!important;
	border-bottom: none!important;
}


table.border-top-none tr {
	border-bottom:1px solid #e3ebf3;
}
.dropzone .dz-message {
	height: 100px!important;
}

.dropzone .dz-preview {
	margin:10px!important;
}

.dropzone .dz-preview .dz-remove::before {
	display: none!important;
}
/*
#sidebar-dotask {
	position: fixed;
	z-index: 999;
	margin-top: 10px;
	right: -300px;
	width: 300px;
	height:100%;
	overflow:hidden;
}

#sidebar-dotask.hide-sidebar {
    right: 0px;
}

.content-overlay.active {
	z-index: 9!important;
	opacity: 1!important;

}
*/

@media (max-width:480px)  {
	.logo-login img {
		max-width: 180px!important;
	}
	
	html body .content .content-wrapper {
		padding: 1rem 0.5rem 0;
	}
	.col-sm-12 {
		padding-right: 5px!important;
		padding-left: 5px!important;
	}
	table.dataTable tbody th, table.dataTable tbody td {
		padding: 2px 4px !important;
	}
	.dataTables_length {
		display: none;
	}
}

@media (max-width:540px)  {
	
	.dropzone {
		padding: 5px 5px!important;
		min-height: 200px!important;
	}
	.dropzone .dz-message {
		top: 50%!important;
	}
}

.mr-5px {
	margin-right: 5px!important;
}
.ml-5px {
	margin-left: 5px!important;
}

.p-5px {
	padding: 5px!important;
}

#lightbox {
      position:fixed; /* keeps the lightbox window in the current viewport */
      top:0; 
      left:0; 
      width:100%; 
      height:100%; 
      background:url(https://assets.codepen.io/210284/overlay.png) repeat; 
      text-align:center;
    }
    #lightbox p {
      text-align:right; 
      color:#fff; 
      margin-right:20px; 
      font-size:12px; 
    }
    #lightbox img {
      box-shadow:0 0 25px #111;
      max-width:940px;
    }