/*!
 *   Theme: Material Admin LTE
 *   Modify v-1.0
 *   Author: 
 *	 Website: 
 *   License:
!*/

:root{
	--m-default:#fff;
	--m-primary:#3D5AFE;
	--m-secondary:#90A4AE;
	--m-success:#00C853;
	--m-danger:#ff5252;
	--m-info:#0091EA;
	--m-white:#fff;
	--m-dark:#424242;
	--m-light:#EEEEEE;
	--m-warning:#FF9100;

	--m-default-hover:#fff;
	--m-primary-hover:#3D5AFE;
	--m-secondary-hover:#90A4AE;
	--m-success-hover:#00C853;
	--m-danger-hover:#ff5252;
	--m-info-hover:#0091EA;
	--m-white-hover:#fff;
	--m-dark-hover:#424242;
	--m-light-hover:#EEEEEE;
	--m-warning-hover:#FF9100;


	--m-shadow-default:-5px -5px 10px rgb(185 180 180 / 25%), 5px 5px 10px rgb(176 170 170 / 25%);
	--m-shadow-light:-5px -5px 5px rgb(2 2 2 / 5%), 5px 5px 5px rgb(2 2 2 / 5%);
	--m-shadow-dark:-5px -5px 10px rgb(113 110 110 / 25%), 5px 5px 10px rgb(111 110 110 / 25%);
	--m-shadow-1:0 2px 5px 0 rgba(0,0,0,.2), 0 2px 10px 0 rgba(0,0,0,.1);
}

.content-wrapper{
	background:var(--m-white);
}


/* -------------------------------------------------------------
    -- ALERT --
---------------------------------------------------------------- */

.alert{
	box-shadow:var(--m-shadow-light);
	border-radius:5px;
}
.alert-primary{
	border-left:10px solid var(--m-primary);
	box-shadow: 5px 0 10px -10px inset var(--m-dark), 
	var(--m-shadow-light);
}
.alert-secondary{
	border-left:10px solid var(--m-secondary);
	box-shadow: 5px 0 10px -10px inset var(--m-dark), 
	var(--m-shadow-light);
}
.alert-success{
	border-left:10px solid var(--m-success);
	box-shadow: 5px 0 10px -10px inset var(--m-dark), 
	var(--m-shadow-light);
}
.alert-danger{
	border-left:10px solid var(--m-danger);
	box-shadow: 5px 0 10px -10px inset var(--m-dark), 
	var(--m-shadow-light);
}
.alert-info{
	border-left:10px solid var(--m-info);
	box-shadow: 5px 0 10px -10px inset var(--m-dark), 
	var(--m-shadow-light);
}
.alert-light{
	border-left:10px solid var(--m-light);
	box-shadow: 5px 0 10px -10px inset var(--m-dark), 
	var(--m-shadow-light);
}
.alert-dark{
	border-left:10px solid var(--m-dark);
	box-shadow: 5px 0 10px -10px inset var(--m-dark), 
	var(--m-shadow-light);
}

.alert-warning{
	border-left:10px solid var(--m-warning);
	box-shadow: 5px 0 10px -10px inset var(--m-dark), 
	var(--m-shadow-light);
}


/* -------------------------------------------------------------
    -- CALLOUTS --
---------------------------------------------------------------- */
.callout{
	box-shadow:var(--m-shadow-light);
	border-radius:5px;
}
.callout-primary{
	border-left:5px solid var(--m-primary);
	box-shadow: 5px 0 10px -8px inset var(--m-dark), 
	var(--m-shadow-light);
}
.callout-secondary{
	border-left:5px solid var(--m-secondary);
	box-shadow: 5px 0 10px -8px inset var(--m-dark), 
	var(--m-shadow-light);
}
.callout-success{
	border-left:5px solid var(--m-success);
	box-shadow: 5px 0 10px -8px inset var(--m-dark), 
	var(--m-shadow-light);
}
.callout-danger{
	border-left:5px solid var(--m-danger);
	box-shadow: 5px 0 10px -8px inset var(--m-dark), 
	var(--m-shadow-light);
}
.callout-info{
	border-left:5px solid var(--m-info);
	box-shadow: 5px 0 10px -8px inset var(--m-dark), 
	var(--m-shadow-light);
}
.callout-light{
	border-left:5px solid var(--m-light);
	box-shadow: 5px 0 10px -8px inset var(--m-dark), 
	var(--m-shadow-light);
}
.callout-dark{
	border-left:5px solid var(--m-dark);
	box-shadow: 5px 0 10px -8px inset var(--m-dark), 
	var(--m-shadow-light);
}

.callout-warning{
	border-left:5px solid var(--m-warning);
	box-shadow: 5px 0 10px -8px inset var(--m-dark), 
	var(--m-shadow-light);
}

/* -------------------------------------------------------------
    -- BOX --
---------------------------------------------------------------- */
.box{
	box-shadow:	var(--m-shadow-light);
	border-radius:10px;
	background:var(--m-white);
	border:0;
}

.box .box-header{
	box-shadow: 1px 1px 5px -5px inset var(--m-dark), 
	var(--m-shadow-dark);
	border-radius:10px 10px 0 0;
	padding:15px;
}

.box .box-header .form-control{
	border:initial;
	box-shadow:none;
}

.box .box-body .dataTables_length .form-control,
.box .box-body .dataTables_filter .form-control{
	box-shadow:none;
	border-top: 0;
	border-left: 0;
	border-right: 0
}

.box .box-header .btn{
	box-shadow:none !important;
}

.box .box-body{
	padding:20px;
}

.box .box-footer{
	padding:30px;
}

.box .box-header,
.box .box-body,
.box .box-footer{
	border:0;
}

/* -------------------------------------------------------------
    -- NAV TABS --
---------------------------------------------------------------- */
.nav-tabs-custom {
	border-radius:10px;
	overflow:hidden;
	box-shadow: 1px 1px 5px -5px inset var(--m-dark), 
	var(--m-shadow-dark);
}

.nav-tabs-custom>.nav-tabs {
    border:0;
    position:relative;
    box-shadow: 1px 1px 5px -5px inset var(--m-dark), 
	var(--m-shadow-dark)
}

.nav-tabs-custom>.nav-tabs>li {
    border-top: 5px solid transparent;
    transition:.5s ease-out;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: var(--m-primary);
    transition:.5s ease-in;
}

.nav-tabs-custom>.nav-tabs>li.active>a{
	border:0;
}

.nav-tabs-custom>.tab-content{
	margin:10px
}

/* -------------------------------------------------------------
    -- BUTTONS --
---------------------------------------------------------------- */

button,
button:focus,
button:active{
    outline:none !important;
}

.btn,
.btn:focus,
.btn:active{
    box-shadow:var(--m-shadow-1);
    font-weight:600;
    border:0;
    outline:none !important;
    transition: .25s ease-out;
}

.btn-hover{
	transition: .25s ease-in;
}

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

.btn.btn-round-15{
    border-radius: 15px;
}

.btn.btn-round-25{
    border-radius: 25px;
}

.btn.btn-round-35{
    border-radius: 35px;
}

.btn-primary{
	background: var(--m-primary);
}
.btn-secondary{
	background: var(--m-secondary);
}
.btn-success{
	background: var(--m-success);
}
.btn-danger{
	background: var(--m-danger);
}
.btn-info{
	background: var(--m-info);
}
.btn-light{
	background: var(--m-light);
}
.btn-dark{
	background: var(--m-dark);
}

.btn-warning:hover{
	background: var(--m-warning-hover);
}
.btn-default:hover{
	background: var(--m-default-hover);
}

.btn-primary:hover{
	background: var(--m-primary-hover);
}
.btn-secondary:hover{
	background: var(--m-secondary-hover);
}
.btn-success:hover{
	background: var(--m-success-hover);
}
.btn-danger:hover{
	background: var(--m-danger-hover);
}
.btn-info:hover{
	background: var(--m-info-hover);
}
.btn-light:hover{
	background: var(--m-light-hover);
}
.btn-dark:hover{
	background: var(--m-dark-hover);
}

.btn-warning:hover{
	background: var(--m-warning-hover);
}
.btn-default:hover{
	background: var(--m-default-hover);
}

/* -------------------------------------------------------------
    -- MODALS --
---------------------------------------------------------------- */
.modal .modal-dialog{
	box-shadow:var(--m-shadow-light);
	border-radius:10px;
	overflow:hidden;
}

.modal.modal-primary .modal-dialog .modal-content{
	background:var(--m-primary)
}

.modal.modal-secondary .modal-dialog .modal-content{
	background:var(--m-secondary)
}

.modal.modal-success .modal-dialog .modal-content{
	background:var(--m-success)
}

.modal.modal-danger .modal-dialog .modal-content{
	background:var(--m-danger)
}

.modal.modal-warning .modal-dialog .modal-content{
	background:var(--m-warning)
}

.modal.modal-info .modal-dialog .modal-content{
	background:var(--m-info)
}

.modal.modal-dark .modal-dialog .modal-content{
	background:var(--m-dark)
}

.modal.modal-light .modal-dialog .modal-content{
	background:var(--m-light)
}


.modal.modal-white .modal-dialog .modal-content{
	background:var(--m-white)
}

.modal.modal-default .modal-dialog .modal-content{
	background:var(--m-default)
}

.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-body,
.modal .modal-dialog .modal-content .modal-footer{
	border:0;
	padding:25px;
	background:none !important;
}

.modal .modal-dialog .modal-content .modal-title{
	font-weight:500;
}

/* -------------------------------------------------------------
    -- FORMS ELEMENTS --
---------------------------------------------------------------- */
label{
	color:var(--m-secondary)
}

label.required{
	color:var(--m-danger);
}

.form-control,
.form-control:focus{
	border-radius:0;
	box-shadow:var(--m-shadow-default);
	border-width:1px;
    border-color:var(--m-light);
    border-bottom-color: var(--m-primary);
	background:transparent;
	padding:20px;
	border-bottom-width:2px
}

.input-group .input-group-addon{
    border-color:var(--m-light);
    border-bottom-color: var(--m-primary);
	border-bottom-width:2px;
	z-index:999;
	position:relative;
	box-shadow:var(--m-shadow-dark);
	border:0;
	transform:scale(1.05);
}

/* -------------------------------------------------------------
    -- SELECT 2 --
---------------------------------------------------------------- */
.select2 .select2-selection{
	border-radius:0;
	box-shadow:var(--m-shadow-default);
	border-width:1px;
    border-color:var(--m-light);
    border-bottom-color: var(--m-primary);
	background:transparent;
	border-bottom-width:2px;
}

.select2 .select2-selection 
.select2-selection__rendered{
	padding-left:10px;
	padding-right:10px;
}

.select2-selection__rendered{}
.select2-selection__rendered 
.select2-selection__choice{
	background:var(--m-info) !important;
	border:0 !important;
	box-shadow:var(--m-shadow-1);
	font-weight:600;
	color:var(--m-white) !important;
}
.select2-selection__rendered 
.select2-selection__choice 
.select2-selection__choice__remove{
	color:var(--m-white)
}

/* -------------------------------------------------------------
    -- PAGINATION --
---------------------------------------------------------------- */
.pagination{
}
.pagination li{
}

.pagination li a{
    background:var(--m-white);
    transition:.25s ease-out
}

.pagination li.active a,
.pagination li a:focus,
.pagination li a:hover, 
.pagination li span:focus, 
.pagination li span:hover {
    color: var(--m-white);
    background-color: var(--m-primary);
    box-shadow:var(--m-shadow-1);
    border-color:transparent !important;
    transform:scale(1.1);
    transition:.25s ease-in;
    font-weight:600;
}


/* -------------------------------------------------------------
    -- WIDGETS  --
---------------------------------------------------------------- */
.info-box,
.small-box{
	box-shadow:var(--m-shadow-1);
	border-radius:5px;
	overflow:hidden;
}
.info-box
.info-box-icon{
	background:none;
	box-shadow: 1px 0 5px var(--m-dark);
	border:0 !important;
	border-radius:0 !important;
}

.small-box .small-box-footer {
    box-shadow:0 -1px 20px var(--m-dark);
    padding:10px 0;
}

.bg-aqua{
	background:var(--m-primary) !important
}
.bg-green{
	background:var(--m-success) !important
}
.bg-red{
	background:var(--m-danger) !important
}
.bg-yellow{
    background:var(--m-warning) !important
}