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

*:active,
*:hover,
*:focus { outline:0px !important; }

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,.87);
	-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;}

.alertify { 
	position: fixed;bottom:15px;
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft; 
	-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: 99999;
}


@-webkit-keyframes fadeInLeft {
    from { right:-500px;  }
    to { right:30px; }
}
@-moz-keyframes fadeInLeft {
    from { right:-500px;  }
    to { right:30px; }
}
@keyframes fadeInLeft {
    from {  right:-500px;  }
    to {  right:30px; }
}




.top { 
    position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;  
	border-bottom:1px solid #eee;
	box-shadow: 0 2px 5px rgba(0,0,0,.03), 0 0 26px rgba(0,0,0,.030) !important;
	width:100%; 
	z-index: 66666;
	padding:10px 30px;
    
}


.top .logo{ display: block; }

.top .logo img{  max-height: 40px;margin-right:5px; }



.top .right { display:flex;align-items:center;justify-content:center;margin-left: auto;}
.top .right > li > a { background:#FFF;border-radius:4px; }

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

.top .right > li.profile > a img { margin-right:5px; width:35px;height:35px;border-radius: 100%; }

.top .right .toggle { display:none; }

.top a { color:#555555; }
.m0{margin: 0;}

.login{  position: fixed;top:0;left:0;display:flex;align-items:center;justify-content:center; background: #F9F9F9;width:100%;height:100%;text-align:center; }
.login:before { content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7); } 

.login .logo { margin-bottom:30px; }
.login .logo img { max-height:150px; }
.login h1 { color:#FFF;margin-bottom:30px; }
.login .form { position:relative; z-index:99999;width:400px; }

.login .form-group { margin-bottom:15px; }
.login .form-control {  }
.login .btn-secondary, .login .btn-link{display:block;border-radius: 4px;padding:16px;font-weight: bold;}

.login a { color:#FFF; }
@media (max-width: 768px){
	.login { padding: 0 30px; }
 .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; }
            
.header { 
	position: relative;
	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%; 
	padding:0 15px;
}



.header .nav { display:flex;align-items: flex-start;justify-content: flex-start; }


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


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

.header .left li a:hover { background:none; color:#c9356e; }
.header .left li a label { position: relative; display: inline-block; top:-1px;background:#4ED164;color:#FFF;width:18px;height:18px;line-height:18px;border-radius:100%;padding:0px;margin:0px; font-weight: 300; }

.header .left li a i.far:first-child{ margin-right:5px; }
.header .left li a i.fa-angle-down{ margin-left:5px; }

.header .left .mega .column{flex:1;flex-grow: 1;}
.header .left .mega .column{flex:1;flex-grow: 1;}
.header .left .open .mega{display: flex;align-items: flex-start;justify-content: flex-start;}

.header .left .dropdown-menu{left:calc(50% - 90px);}
.header .left .dropdown-menu:before{left:calc(50% - 7px);}
.header .fa-circle{font-size:8px;color:#27ae60;margin-right:5px;}

.header .left .sales .dropdown-menu{left:0; width:900px;}
.header .left .sales .dropdown-menu:before{left:41px;}

.header .left .finances .dropdown-menu,
.header .left .buying .dropdown-menu,
.header .left .ik .dropdown-menu{left:calc(50% - 250px); width:500px;}



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

    
    body { padding-top:80px; }
    
    .top { position:fixed;top:0;left:0;right:0;height:60px; padding-left:15px; padding-right:15px; }
    .top span { display:none; }
    .top .right .toggle { display:block;border-left:1px solid #EEE;padding-left:15px;margin-left:15px; }

    
    .header { position:fixed;top:60px;left:0;bottom:0px;width:100%;margin-bottom:0px;padding:30px 0px; opacity:0;z-index: -2; overflow: auto;}
    

    .header .dropdown-toggle { position:relative;  }
    .header .dropdown-toggle:after{ 
		content:"\f107";
		position:absolute;
		top:calc(50% - 10px);
		right:15px;
		font-size:18px;
		font-weight: 400;
		font-family: "Font Awesome 5 Pro";
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;

     }

     .header .open .dropdown-toggle:after { transform:rotate(180deg); }
    .header .left .dropdown-menu { 
    	position: static;
	    width: 100%;
	    background: none;
	    border: none;
	    box-shadow: none !important;
	    margin: 0;
	    padding: 15px 0px;
	    float: none;
	    border-top: 1px solid #EEE;
  	}

  	.header .left .dropdown-menu:before { display:none; }


	.dropdown-header, .dropdown-menu li > a{ padding:0.5rem 15px !important; }
	.header .left .open .mega{ display:block;padding:0px !important; }


    .menu-open .header { opacity:1;z-index:9999; }
    .menu-open .top .fa-bars::before{ content:"\f00d"; }

    .header .nav { display:block; }
    .header .left > li {display:block;border-bottom:1px solid #EEE; } 
    .header .left > li > a { border-right:0px;padding:15px; }


    .table-responsive { width: 100%; overflow-y: hidden;     min-height: .01%;
    overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar;   }

.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; }




	.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; }


.modal.active .panel-default .panel-footer { text-align: right; }




.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;}
        


.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;}

.box {
	border-radius:2px;
	background: #fff;
	transition: .5s;
	border: 0;
	margin-bottom: 20px;
	padding:40px 30px;
	position: relative;
	text-align: center;
	width: 100%;
	border:1px solid #EEEEEE;
	color:#626262;
 }
.box > .far { font-size:18px;width:50px;height:50px;line-height:50px;border:2px solid #EEEEEE;border-radius:100%;margin-bottom:15px; }
.box > .name { font-size:16px;color:#444;margin-bottom:20px;font-weight: bold; }
.box > .company { position:relative;font-weight: 700;margin-bottom:15px;line-height: 1.2;text-transform:uppercase;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.box > .department { margin-bottom:20px;}
     
.box > .actions a{display: inline-block;padding: 0px 5px;color:#626262;}
   
.box .dropdown{position: absolute;top:10px;right:10px;}
.box .dropdown-menu{left:auto;right: -5px;}
.box .dropdown-menu:before{left:auto;right: 10px;}
.box .dropdown-header{ background: #fafbfc;padding: .5rem 1.5rem !important;margin-bottom: 0 !important;font-size:12px;font-weight: 700;}

.projects .box{height: 240px;}
.projects .users{display: flex;align-items: center;justify-content: center;}
.projects .users .item img{
	width: 35px;
	max-width: 35px;
	border-radius: 100%;
	border: 2px solid #fff;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);

}
.projects .users .item{
	margin-left:-10px;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	-moz-transition: all .25s ease;
}

.projects .users .item:hover{
	-webkit-transform: translateY(-4px) scale(1.02);
	-moz-transform: translateY(-4px) scale(1.02);
	-ms-transform: translateY(-4px) scale(1.02);
	-o-transform: translateY(-4px) scale(1.02);
	transform: translateY(-4px) scale(1.02);
	z-index: 999;
}

.projects .name{margin-bottom:15px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.projects .company{font-size:12px;letter-spacing: 0.08em;color:#AAAAAA;}
.projects .item .progress{
	height:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #f1f1f1;
	margin-bottom:15px;
}
.projects .progress-bar{height:5px;border-radius:2px;background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important;}


.blackboard { position: relative;margin-bottom:25px; }

.blackboard textarea{
	display: block;
	background: url(../images/blackboard.jpg) center center no-repeat;
	background-size:cover;
    position: relative;
    width: 100%;
    min-height: 400px;
    border: tan solid 12px;
    border-top: #bda27e solid 12px;
    border-left: #b19876 solid 12px;
    border-bottom: #c9ad86 solid 12px;
    box-shadow: 0px 0px 6px 5px rgba(58, 18, 13, 0), 0px 0px 0px 2px #c2a782, 0px 0px 0px 4px #a58e6f, 3px 4px 8px 5px rgba(0, 0, 0, 0.5);
    
	font-family: 'Itim', cursive;
	font-size:1.6em;
	padding:70px 50px 50px 50px;
	color:#FFF;
	resize: none;
}

.blackboard:before {
	box-sizing: border-box;

    content:attr(data-title);
    display: block;
    position: absolute;
    top:25px;
    width:100%;
   	font-family: 'Itim', cursive;
    font-size: 2.2em;
    color: #FFF;
    padding:10px;
    text-align: center;

    z-index: 50;
}