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

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

@-webkit-keyframes pulsate {
	from {
		-webkit-transform: scale(0.25);
		opacity: 1.0;
	}
	95% {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(0.3);
		opacity: 0;
	}
}

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

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


@-webkit-keyframes search{
	0%{
		opacity:0;
		-webkit-transform:translateX(100px);
		transform:translateX(100px);
		-webkit-animation-timing-function:ease;
		animation-timing-function:ease
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes search{
	0%{
		opacity:0;
		-webkit-transform:translateX(100px);
		transform:translateX(100px);
		-webkit-animation-timing-function:ease;
		animation-timing-function:ease
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform: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: 'Roboto', sans-serif;
	color: #656565;
	-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;
}



.m0{margin: 0;}


@media (min-width: 768px){
	.header .nav li.toggle{display: none;}
}



body.open .header .container { align-items: flex-start;justify-content: flex-start; }
body.open .header .left, body.open .header .right { display: none; }

body.open .search { display:block; }

.search { display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 99999;}

.search .inner { display:block;position:relative;padding:0 25%;height: 100vh;z-index: 999999; }
.search .inner .form-group { position:relative;margin:0px; }

.search .inner .form-group .closed {
	display:inline-block;position:absolute;right:25px;top:16px;font-size:18px;line-height:18px;color:#FFF;opacity: 0;
	-webkit-animation: search 0.4s both;
	animation: search 0.4s both;
}
.search .inner .form-control {
	font-size: 17px;
	line-height: 1.29412;
	letter-spacing: -.021em;
	color: #fff;
	outline: none;
	font-weight: 300;
	height: 54px;
	border: none;
	background: transparent;
	padding-left:25px;
	opacity: 0;
	-webkit-animation: search 0.4s both;
	animation: search 0.4s both;
}
.search .results { padding: 25px 0px;background: #FFFFFF; }
.search .results span {
	opacity: 0;
	display: block;
	padding-bottom:10px;
	font-size: 11px;
	line-height: 1;
	letter-spacing: -.008em;
	text-transform: uppercase;
	color: #888;
	-webkit-animation: search 0.2s both;
	animation: search 0.2s both;
}


.search .results ul li:hover a{ color:#0070c9;background: #F9F9F9; }
.search .results ul li a {
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
	display: block;
	padding: 6px 25px;
	text-decoration: none;
	font-weight: 400;
	-webkit-animation: search 0.4s both;
	animation: search 0.4s both;
}

.search .results ul li:nth-child(1) a{ -webkit-animation-delay: .22s; animation-delay: .22s; }
.search .results ul li:nth-child(2) a{ -webkit-animation-delay: .24s; animation-delay: .24s; }
.search .results ul li:nth-child(3) a{ -webkit-animation-delay: .26s; animation-delay: .26s; }
.search .results ul li:nth-child(4) a{ -webkit-animation-delay: .28s; animation-delay: .28s; }
.search .results ul li:nth-child(5) a{ -webkit-animation-delay: .30s; animation-delay: .30s; }



#map_canvas div[title="ades-pin"] {
	-moz-animation: pulsate 1.5s ease-in-out infinite;
	-webkit-animation: pulsate 1.5s ease-in-out infinite;
	border:1pt solid #fff;
	-moz-border-radius:51px;
	-webkit-border-radius:51px;
	border-radius:51px;
	-moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	-webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	height:51px!important;
	margin:-18px 0 0 -18px;
	width:51px!important;
}




.weather {
	position: relative;display: flex;align-self: center;justify-content: center;flex-direction: column;padding:25px;border-radius: 10px;
	background: url('../images/weather.jpg') center center no-repeat;background-size:cover;
	height: 400px;width: 100%;color:#FFF;
}

.weather::before {
	content:'';
	display: block;
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	background-image: linear-gradient( 135deg, #004379  10%, #111111 100%);
	opacity: 0.8;border-radius: 10px;

}

.weather > div{ position: relative;z-index: 9999; }

.weather .top { margin-bottom:auto; }

.weather .top .day { font-size: 2em;margin-bottom:5px;font-weight: bold; }



.location { display: inline-block;margin-top: 10px; }

.location-icon { display: inline-block;height: 0.8em;width: auto;margin-right: 5px; }


.weather-icon.feather { height: 60px;width: auto; }

.weather .center .temp { font-weight: 700;font-size: 4em; }

.weather .center .desc { font-size: 1.17em; 	}



.weather .bottom { display:flex;align-items:flex-start;font-size:14px; }


.weather .bottom .item { margin-right:5px;flex:1;flex-grow: 1; }
.weather .bottom .item strong{ display:block;font-weight: bold; }


#map_canvas {border-radius: 10px;}


.table.details thead tr th, .table.details tbody tr td { padding: 10px 30px; }


.table.details tr:last-child td { border-bottom:0px; }

.table.details tbody tr td{ padding: .75rem;vertical-align: top;border-bottom: 1px solid #dee2e6; }

.modal .panel-heading{border-bottom:1px solid #dee2e6;}
.modal .panel-footer{border-top:1px solid #dee2e6;}

.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: #004379;
	margin-bottom:30px;
	height: 54px;
	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 .container{display: flex;align-items: center;justify-content: center;}

.header .logo{ display: block;padding:15px;background:#009cde }

.header .logo img{  width:90px;filter: brightness(0) invert(100%); }

.header .nav { display:flex;align-items: center;justify-content: center; }
.header .nav > li > a { display: flex;align-items: center;font-size: 15px;color: #FFFFFF;line-height: 20px;font-weight: 300;padding: 13px .5rem;letter-spacing: -.01em;text-decoration: none;  }




.header .nav > li > a:hover { background:none; color:#dedede; }

.header .nav li a i.fa-caret-down{ margin-left:5px; }


.header .dropdown-menu{padding:10px 10px;}
.header .dropdown-menu > li > a {
	font-size: 14px;
	line-height: 1.33341;
	font-weight: 400;
	letter-spacing: -.01em;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	border-radius: 12px;
	display: block;
	padding: 4px 11px;
}

.header .dropdown-menu > li > a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0070c9;
	background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9));
	background: -webkit-linear-gradient(#42a1ec, #0070c9);
	background: linear-gradient(#42a1ec, #0070c9);
}
.header .left{margin:0 auto;}
.header .left .dropdown{position:static;}
.header .left .dropdown-menu{ align-items: center;justify-content: center;left:0;right:0;width:100%;border-radius: 0px;border:0px;border-bottom:1px solid rgba(0,0,0,.15);box-shadow: 0 2px 5px rgb(0 0 0 / 5%), 0 0 56px rgb(0 0 0 / 5%) !important; }
.header .left .open > .dropdown-menu{ display:flex;}

.header .right .dropdown-menu{right:-15px;left:auto;}

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


	body { overflow-x: hidden; }

	.dataTables_wrapper{ overflow: scroll;background:#f9fafc; }


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



	.header .container{display: block !important;}
	.header .logo{display: inline-block !important;}

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

	.header.menu-open {position:fixed;top:0;left:0;right:0px;width:100%;}
	.header.menu-open .left{display: block;}

	.header .left { display: none;position: fixed;top: 53px;left: 0;width: 70%;background: #343a40;bottom: 0;z-index: 9999;}
	.header .left .dropdown-menu{background:rgba(0,0,0,.1) !important;padding:0px;border-radius: 0px;}
	.header .left .dropdown-menu li a {color:rgba(255,255,255,.6);}

	.header .left .open .dropdown-menu {position: static;display: block;margin-top: 0px;float: none; box-shadow:none !important; border-right:0px !important;border-left: 0px !important; }
    .header .left .dropdown-menu:before {display: none;}
    .header .left > li {display: block;}
    .header .left > li a {padding:15px !important;border-radius: 0px;}

	.header ul > li > a {  padding:0px 15px !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; }



	.header .right{display:flex;align-items:center;height: 54px;float:right;}
	.header .right > li > a {padding:0 0 0 20px !important;}

	body.open .header .logo{display: none !important;}

	.search .inner{padding:0 5% !important;}
	.wizard{padding:60px 30px !important;}
	.login form { width:100%; }
	#map_canvas{margin-bottom:30px;}



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


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

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


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



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 .right {display:flex;align-items:center;margin-left:auto;padding-right:16px;}
.tools .right .btn-sm{margin-left:5px;}
.tools .right .dropdown-menu{margin-top:5px;left: calc(50% - 5rem);}
.tools .right .dropdown-menu li a .fa{margin-right:5px;font-size:15px;}
.tools .right .dropdown-menu li a .fa-file-pdf{color:#186c40;}
.tools .right .dropdown-menu li a .fa-file-excel{color:#ee3e36;}


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


 .flexible{display: flex;align-items: center;justify-content: center}
.flexible .item{flex:1;flex-grow:1;margin-right:30px;}
.flexible .item:last-child{margin-right:0px;}

.form-row{
	display:flex;
	align-items:center;
	padding:20px 55px;
	border-bottom:1px solid #e5e5e5
}
.form-row:nth-child(even){ background:#FBFBFB; }
.form-row .left{
	width:188px;
	color:#333;
	font-size:15px;
	font-weight:700;
}
.form-row .right{
	width:-webkit-calc(100% - 188px);
	width:-moz-calc(100% - 188px);
	width:calc(100% - 188px);
}
.form-row .right .flexible {align-items: flex-end;justify-content: flex-end;}
.form-row .info {
	display: block;
	font-size: 12px;
	color: #999;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 500;
}

.form-group > label{
	text-transform: none !important;
}

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

.card .card-footer .btn-next{
    width: auto !important;
    max-width: 150px !important;
}

.panel-footer .btn-next{
    width: auto !important;
    max-width: 150px !important;
}

.button-content i{
    margin-left: 2px;
}

.submit-animate
{
    background: transparent;
    color: transparent;
    border: none;
    border-top: solid 3px #fff;
    border-left: solid 3px #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid transparent;
    animation: spin 700ms linear infinite;
    border-radius: 50%;
    width: 15px;
   	height: 15px;
    margin-right: 5px;
}

@keyframes spin {
    to {transform: rotate(360deg);}
} 


@media(max-width:767px){
	.form-row{
		display:block;
		padding:24px 30px
	}
	.form-row .left,.form-row .right{
		display:block;
		width:100%
	}
	.form-row .left{
		margin-top:0;
		margin-bottom:12px
	}
	.form-row .info{text-align: left;}
	.form-row .item{margin-top:15px;}
	.form-row .right .flexible{align-items: flex-end;justify-content: normal;}
.form-row .right .flexible{ display: flex;justify-content: space-between;flex-wrap: wrap;}
.form-row .right .flexible .item{ display: inline-block; flex:50%;width:50%;margin-right:0px;}
.form-row .right .flexible .item:nth-child(odd){ padding-right:15px;}
.form-row .right .flexible .item:last-child{ padding-right:0px;}
	.form-row .left br{display: none;}
.card .card-footer{padding:30px !important;}
}

.card-header{
font-size:30px;
font-weight:bold;
text-align:left;
color:#343a40;
margin-bottom:24px
}
@media(max-width:767px){
.card-header{
    padding:0 15px
}
}

.card .card-body{
background:#fff;
position:relative;
border:1px solid #e5e5e5;
border-bottom:none;
-webkit-border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;
border-top-right-radius:3px
}
.card .card-body:before{
bottom:100%;
left:75px;
border:solid transparent;
content:"";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:transparent;
border-bottom-color:#fff;
border-width:10px;
z-index: 0;
}
.card .card-body:after{
bottom:100%;
left:73px;
border:solid transparent;
content:"";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:transparent;
border-bottom-color:#e5e5e5;
border-width:12px;
z-index: -1;
}
.card .card-footer{
background:#fff;
border:1px solid #e5e5e5;
border-top:none;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;
border-bottom-right-radius:3px;
padding:30px 55px
}

.card .card-footer .btn-prev,
.card .card-footer .btn-next{ min-width: 100px;max-width: 100px;}