@-webkit-keyframes imageAnimation { 
    0% {
        -webkit-animation-timing-function: ease-in;
    }
    8% {
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }
    17% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    25% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
}
@-moz-keyframes imageAnimation { 
    0% {
        -moz-animation-timing-function: ease-in;
    }
    8% {
        -moz-transform: scale(1.05);
        -moz-animation-timing-function: ease-out;
    }
    17% {
        -moz-transform: scale(1.1) rotate(3deg);
    }
    25% {
        -moz-transform: scale(1.1) rotate(3deg);
    }
}
@-o-keyframes imageAnimation { 
    0% {
        -o-animation-timing-function: ease-in;
    }
    8% {
        -o-transform: scale(1.05);
        -o-animation-timing-function: ease-out;
    }
    17% {
        -o-transform: scale(1.1) rotate(3deg);
    }
    25% {
        -o-transform: scale(1.1) rotate(3deg);
    }
}
@-ms-keyframes imageAnimation { 
    0% {
        -ms-animation-timing-function: ease-in;
    }
    8% {
        -ms-transform: scale(1.05);
        -ms-animation-timing-function: ease-out;
    }
    17% {
        -ms-transform: scale(1.1) rotate(3deg);
    }
    25% {
        -ms-transform: scale(1.1) rotate(3deg);
    }
}




.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:#F9F9F9;
	font-family: 'Inter', sans-serif;
	color: #424242; 
	-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;
	line-height: 1.47;
}
button[type=submit] .far{margin-right:5px;}


.width75px { min-width:75px !important;max-width:75px !important; }
.width100px { min-width:100px !important;max-width:100px !important; }
.width150px { min-width:150px !important;max-width:150px !important; }
.width250px { min-width:250px !important;max-width:250px !important; }
 
.form-ready[disabled],
.form-ready[disabled]:hover,  
.form-ready[disabled]:focus, 
[disabled], 
[readonly] { background:#EEE !important;cursor:not-allowed; }

.form-ready, .form-ready:hover, .form-ready:focus { background:rgba(230, 126, 34, .2) !important; }

.form-danger, .form-danger:hover,  .form-danger:focus { background:rgb(231, 76, 60) !important; color:#FFF !important; }


.searching { 
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 20px;
    gap: 20px;
    position: relative;
    background: #ffffff;
    border: 1px solid #F1F1F2;
    padding:15px;
    margin-bottom: 30px;

}

.searching .btn-selectpicker,
.searching .selectpicker-input input {
    display: block; 
    color: #424242; 
    background: #ffffff; 
    width: 100%; 
    text-align:left; 
    font-weight:normal; 
}

.searching .btn-selectpicker { 
    border: 1px solid #ececec; 
}

.searching .selectpicker-input input { 
    padding: 12px 16px;
    border:none;
    border-bottom: solid 1px #ececec; 
}

.searching .btn-default { border:1px solid #EEE; }


.table-details-reports tr th, 
.table-details-reports tr td { 
    width:100px;
    min-width:100px;
    max-width:100px;
}
                  

                  


.m0{margin: 0;}

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

.login .logo { display:flex;align-items:center;justify-content:center;z-index: 8888; border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #EEE;border-bottom:0px;overflow:hidden; }
.login .logo .item  {padding:25px;background:#FFF; }
.login .logo img { min-height:50px;max-height:50px; }


.login .panel-default {  width:400px;z-index: 8888; }

.login .panel-body { padding:40px 30px;}
.login .panel-footer { padding: 30px;}


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





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

.top2 .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;
	background: #FFFFFF;  
	margin-bottom:30px;
	border-bottom:1px solid #E4E4E4;
	width:100%; 
	z-index: 66666;
}


.header .container { display: flex;align-items: center;justify-content: center; }

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

.header .left > li {  display: inline-block; }
.header .left > li:first-child > a {  padding-left:4px; padding-right:30px;	border-right:1px solid #EEEEEE; }
.header .left > li:last-child > a { border-right:0px; }
.header .left > li > a { 
	display: flex;
	align-items: center;
	padding:30px 0px 30px 30px;
	font-size: 14px;
	-webkit-transition:all .1s ease;
	transition: all .1s ease;
	text-transform: uppercase;
	font-weight: 600;
}


.header .left > li > a > .fa { margin-right:5px; }

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





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

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

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



                        .wrapper { background: #FFF;border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;margin-bottom:20px; }
                        .wrapper .title { padding:20px 20px 20px 20px;border-bottom:1px solid #EEE;font-size: 18px; font-weight: bold;text-align:left; }


                     
                     

.wrapped { background: #FFF;border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;padding:15px 15px 0px 15px;overflow:hidden;margin-bottom:20px; }
.wrapped .title { color:#FFF;padding:15px;border-bottom:1px solid #34495e;font-weight: bold;background:#34495e;margin-left:-15px;margin-right:-15px;margin-top:-15px;margin-bottom:20px; }
.wrapped.slim { padding:0px; }

.wrapped.slim .title{ margin:0px; }




  .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 #F1F1F2;border-radius:4px;margin-bottom:20px;padding:10px;}
.tools .left{display: flex;align-items: center;justify-content: center;font-weight: 600; }

.tools .left .dropdown-toggle {display: block;float:left;border-bottom:2px solid transparent;padding: 16px 16px 14px;color:#2271b1;}
.tools .right {margin-left:auto;display:flex;align-items: center;justify-content: center;}
.tools .right > * { margin-left:5px; }
.tools .right [class*="btn-"] { display:flex;align-items:center;justify-content:center; }
.tools .right [class*="btn-"] .fa { font-size:8px;margin-right:5px; }



.widget { display: block; position: relative;background: #ffffff;border:1px solid #F1F1F2; }

.widget .title, .widget .actions { background:#F9F9F9;padding:20px 15px; }

.widget .title { font-size:15px;font-weight:bold; color:#626262; }

.widget .content { padding:15px 15px 0px 15px;border-top:1px solid #EEE;border-bottom:1px solid #EEE; }

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





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


	
}