.alertify { 
    position: fixed;left: 0;right: 0;
    display: flex;align-items: center;justify-content: center;
    background: #FFFFFF;padding:15px 0px;font-size: 17px;
    -webkit-animation: alertify 0.3s forwards;
    -moz-animation: alertify 0.3s forwards;
    -o-animation: alertify 0.3s forwards;
    animation: alertify 0.3s forwards;

    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);
    
     
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; 
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -o-animation-duration:1s;
    z-index: 999999999999;
}


.alertify .fa { display:inline-block; width:22px; height:22px; line-height: 22px; font-size:14px; margin-right:10px;text-align: center; border-radius: 100%; }

.alertify.success{ background: #27ae60;color:#FFFFFF; }
.alertify.success .fa { background: #FFFFFF;color:#27ae60; }

.alertify.error { background: #E74C3C;color:#FFFFFF; }
.alertify.error .fa { background: #FFFFFF;color:#E74C3C; }

.alertify.warning { background: #f39C12;color:#FFFFFF; }
.alertify.warning .fa { background: #FFFFFF;color:#f39C12; }




@-webkit-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@-moz-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@keyframes fadeInDown {
    from {  top:-500px;  }
    to {  top:0px; }
}




* { margin:0px;padding:0px;list-style-type: none;  }


hr { border: 0px !important;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(225, 225, 225, 0.75), rgba(0, 0, 0, 0));
    margin:20px 0px;
}
a, a:hover, a:focus { cursor:pointer;text-decoration: none;  }
html,body{ height: 100%; }
body { 
	background: #f4f5fa;
	font-family: 'Inter', sans-serif;
	color: rgba(97,97,97,1);
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-feature-settings: "kern" 1;
	-moz-font-feature-settings: "kern" 1;
	font-size: 14px;
	letter-spacing: -.02px;
}
button[type=submit] .far{margin-right:5px;}




.m0{margin: 0;}

.login{ display:flex;align-items:center;justify-content:center;background: #F9F9F9;height:100%; }
 

.login .panel-default {  width:400px;z-index: 8888; }
.login .panel-heading { display:block;padding:30px;color:#444;font-size:18px;font-weight: bold;  }
.login .panel-body { padding:40px 30px;}
.login .panel-footer { padding: 30px;}


.login .btn-secondary, .login .btn-default{border-radius: 4px;padding:12px 16px;font-weight: bold;font-size:12px;}


@media (max-width: 768px){
 .login form { width:100%; }
}


.fa-small{
	font-size: small !important;
}
.color-green{
	color: green !important;
}
.ml-0{
	margin-left: 0 !important;
}


.profile .left{background:#FFFFFF;padding:20px 0px;border:1px solid #EEEEEE;text-align: center;}

.profile .avatar { margin-bottom:20px;}
.profile .avatar img { display:inline-block;width: 150px;height: 150px;border-radius: 100%; }

.profile .fullname { color: #5a7391;font-size: 20px;font-weight: 900;margin-bottom: 7px;text-transform:uppercase; }
.profile .job { color: #5b9bd1;font-size: 13px;font-weight: bold;margin-bottom:25px;text-align:center; }

.profile .nav li { display: block;border-bottom: 1px solid #f0f4f7; }
.profile .nav li:last-child { border-bottom: none; }
.profile .nav li a { display: block;color: #93a3b5;font-size: 16px;font-weight: 400;border-radius:0px;text-align: left;}
.profile .nav li a:hover {background-color: #fafcfd;color: #5b9bd1; }
.profile .nav li.active a { color: #5b9bd1;background: #f6f9fb; border-left: 2px solid #5b9bd1; }
            

.top { position: relative;display: flex;align-items: center;justify-content: start;background: #FFFFFF;border-bottom:1px solid #EEEEEE;z-index: 66667; }

.top .change { display:block;width:65px;font-size:18px;padding:10px 20px;margin-right:15px;border-right:1px solid #EEE;text-align:center; }

.header { 
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;  
	margin-bottom:30px;
	border-bottom:1px solid #c3c4c7;
	box-shadow: 0 2px 5px rgba(0,0,0,.05), 0 0 56px rgba(0,0,0,.050) !important;
	width:100%; 
	z-index: 66666;
}



.header .nav { display:flex;align-items: center;justify-content: center; }
.header .nav > li > a { padding:0 0 0 15px;  }

.header .left > li.logo > a{  display: block; line-height: 14px; padding:20px 0px; width:65px; font-size: 18px; border-right:1px solid #EEE; text-align: center; }



.header .center > li {  display: inline-block; }
.header .center > li:last-child > a { border-right:0px; }
.header .center > li > a { 
	display: flex;
	align-items: center;
	line-height: 14px;
	padding:0px 15px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: -.2px;
	-webkit-transition:all .1s ease;
	transition: all .1s ease;
	border-right:1px solid #EEEEEE;
}

.header .center > li > a{text-transform: uppercase;font-weight: 700;}

.header .center li a:hover { background:none; color:#000; }





.header .right { margin-left: auto;padding-right: 25px;}

.header .right > li a { font-size:14px;padding:5px 10px; }

.header .right .dropdown-header{background:#fafbfc;padding: .5rem 1.5rem !important;margin-bottom: 0 !important;}
.header .right .dropdown-menu{right:-15px;left:auto;}
.header .right .dropdown-menu:before{right:13px;left:auto;}


@media screen and (max-width: 768px) {


	 .login .modal.active .modal-dialog { width:90%; }


	.sidebar.active { display: block; }

.dataTables_wrapper .dataTables_length { display: none !important; }
	.dataTables_wrapper .dataTables_filter { margin-top:0px !important; }
	.dataTables_wrapper .dataTables_filter label,
	.dataTables_wrapper .dataTables_filter input { display: block;width:100%; }
	.dataTables_wrapper .dataTables_paginate ,
	.dataTables_wrapper .dataTables_info{ display: block !important; width:100% !important; }

	body { overflow-x: hidden; }
	.header { left:0px;right:0px; }
	.header  .logo a{  background:none; color:#2c3e50; width: auto;font-size:16px; }

	body .header ul.nav li.first { display: none; }

	.header ul.nav.left{ display: none; }
	.header ul > li > a {  padding:0px 10px !important;	}
	.header ul > li.first { margin-left:0px;}
	.header ul > li.last {  display: none; margin-right:0px; }
	.header .nav li.toggle {  display: block; color:#888; font-weight: bold; 	}
	.header .nav li.toggle a { font-size:20px; }

	.header ul.nav > li.profile {margin:0px;}
.header ul.nav > li.logout {margin:0px;display: none;}
.header ul.nav > li.themes { display: none; }

	.sidebar {  display:none; }

	
	

	.content { padding:10px;margin-left:0px;width:100%; margin-top:60px;  }


	.count { font-size:14px !important; }

	.count .fa { font-size:45px !important; }
}


  .filters {display: flex;align-items: center;justify-content: center;margin-bottom:20px;}
  .filters .item{flex:1;flex-grow: 1;}
  .filters > .item .form-control{border-radius: 0px;border-right:0px;}
  .filters > .item .form-control:focus{border-color:#ececec;}
  .filters > .item .btn-default{border-radius: 0px;height:45px;line-height: 45px;padding:0px;width:100%;background:#FFF;border:  1px solid #ececec;}
  .filters > .item .bootstrap-select{max-width: 100%;width:100%;min-width:100%;}
  .filters .form-group > label{text-transform: none;}
  .filters .row{margin:0;padding:0;}
  .filters .col-md-6{margin:0;padding:0;}
  .filters .item > .dropdown-menu .form-control{border:1px solid #ececec;}
  .filters .bootstrap-select>.dropdown-toggle.bs-placeholder{color:#6c7293;}


.fa.active { color:#2ecc71; }
.fa.passive { color:#e74c3c; }
.fa.offer { color:#f39c12; }
.fa.sold { color:#8e44ad; }
.fa.lost { color:#2c3e50; }

.label-block { display: block !important; }


.alert { margin: 0px;  }


label.form-control { font-weight: normal;height: auto; }



.tools{display: flex;align-items: center;background: #FFFFFF;border:1px solid #EEEEEE;margin-bottom:20px;}
.tools .left{display: flex;align-items: center;justify-content: center;text-transform: uppercase;font-weight: 700;}
.tools .left .title{color:#626262;border-bottom:2px solid #626262;padding: 16px 16px 14px;}

.tools .left .dropdown-toggle {display: block;float:left;border-bottom:2px solid transparent;padding: 16px 16px 14px;color:#2271b1;}
.tools .right {margin-left:auto;padding-right:16px;}
        




.widget { display: block; position: relative;background: #ffffff;border:1px solid #EEEEEE;padding:40px 40px 20px 40px; }


.listing { background:#FFF;border-radius:4px;overflow:hidden; }

.listing .item { position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding:15px;cursor:pointer; }

.listing .item:hover { background:#F9F9F9; }

.listing .item + .item { border-top:1px solid #EEE; }

.listing .item .left { display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;background:#F9F9F9;min-width:30px;min-height:30px;margin-right:15px;color:#DDDDDD; }
.listing .item.active .left { background:#2ecc71;color:#FFF; }
.listing .item .code { font-size:13px; }

.listing .item .name { font-weight:bold; }




.auth_list{background:#FFF;border:1px solid #EEEEEE;}
.auth_list .item{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #EEEEEE;padding:15px;}
.auth_list .item:last-child{border-bottom:0px;}
.auth_list .item .col{flex: 1;flex-grow: 1;}
.auth_list .item .col:first-child label{color: #626262;text-transform: uppercase;font-weight: 700 !important;}