/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*
**	General Changes
*/

html body {
	background-color:#e4e4e6;
}

.header-navbar.navbar-shadow {
 padding:0;
}

/* NAVIGATION ALERTS - METEOCONS STYLING */
.me {
    box-shadow: 2px 3px 10px 0px #0000006e;
    
    font-size: larger;
}
.xenios-button-blue {
    background-color: #2e5985 !important;
    /*background-color: #296ea1;*/
    /*border-color: #084079;*/
    border: none !important;
    border-radius: 0 ;
    color:#fff !important;
}

.btn.xenios-button-blue:hover {
    background-color: #296ea1e0 !important;
    /*border-color: #084079;*/
    color:#fff !important;
}

.btn.xenios-button-blue:focus {
    box-shadow: 0 0 0 3px #2e598580!important;
}    
.xenios-button-red {
    background-color: #da391e;
    /*border-color: #764034;*/
    border: none !important;
    border-radius: 0;
    color: #fff !important;
}

.xenios-button-red:hover {
    background-color: #ff563a;
    /*border-color: #764034;*/
    color: #fff !important;
}

.btn.xenios-button-red:focus {
    box-shadow: 0 0 0 3px #da391e80!important;
}    

.xenios-button-secondary {
    background-color: #5a5d6d;
    /*border-color: #764034;*/
    border: none !important;
    border-radius: 0;
    color: #fff !important;
}

.xenios-button-secondary:hover {
    background-color: #6b6f82;
    /*border-color: #764034;*/
    color: #fff !important;
}

.btn.xenios-button-secondary:focus {
    box-shadow: 0 0 0 3px #6b6f8280!important;
}   

.xenios-text {
    background-color: #296ea1 ;
    border-color: #084079 !important;
    color:#fff !important;
}

.icon.danger-alert{
    border: none;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    transform: scale(1);
    animation: pulse 1.8s infinite;
    box-shadow: 0px 0px 15px 15px rgb(255 0 0 / 60%);
}

.icon.danger-alert i{
    line-height: 38px;
    color: red;
    font-size: 38px;
}

.tour-icon {
    border: 2px solid #fff;
    line-height: 38px;
    color: #fff;
    width: 40px !important;
    height: 40px !important;
    border-radius: 20px;
    text-align: center;
    background-color: #2e5985;
    box-shadow: -1px 0px 5px 0px black;
}

.tour-icon span{
    font-size: 28px;
}

@keyframes pulse {
	0% {
        transform: scale(0.95);
        box-shadow: 0px 0px 15px 15px rgb(255 0 0 / 60%);
	}

	70% {
        transform: scale(1);
        box-shadow: 0px 0px 20px 20px rgb(255 0 0 / 80%);
	}

	100% {
        transform: scale(0.95);
        box-shadow: 0px 0px 15px 15px rgb(255 0 0 / 60%);
	}
}
/*.danger-alert:before {
    content:"";
    width: 80px;
    height: 80px;
    position: absolute;
    left: -17px;
    top: -17px;
    border-radius: 50px;
    border: 9px dashed red;
    animation: zoominout 2.5s infinite ;
}*/

@keyframes zoominout {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}
/**
*   Forms/input css
**/


/*input, select, textarea{
    border-radius: 0 !important;
    border: 1px solid #2e5985 !important;
}

.input-group-text{
    border-radius: 0 !important;
    border: 1px solid #2e5985;
}

    
/*.form-control < .input-group{
    border: 0;
}*/
    
/*input, select, textarea{
    border-radius: 0 !important;
    border: 1px solid #2e5985 !important;
}

.input-group-text{
    border-radius: 0 !important;
    border: 1px solid #2e5985;
}*/

/**
*   Validation CSS
**/

    .invalid {
        display: block;
        width: 100%;
        color: red;
        /*margin-bottom: -1rem;*/
    }

    .form-control.invalid {
        background-color: #f9d1d2a1;
        color: #fd4041;
        border: 1px solid #fd4041 !important;
    }

    .form-control.invalid:focus {
        box-shadow: 0 0 0 0.2rem #fd404140 !important;
    }


/**
*   Map Sidebar border fix
**/
#sidebar {
    border-radius: 0;
}
/*
*   Datatables styling fix
*/
.pagination .page-link {
    color: #2e5985;
}

.page-item.active .page-link {
    background-color: #2e5985 !important;
    border-color: #2e5985 !important;
}

.page-link:hover {
    color : #fff !important;
    background-color: #2e5985 !important;
    border-color: #2e5985 !important;
}

/*
*   General carousel rules
*/
.carousel-inner {
    display: flex;
    background: #fff;
    align-items: center;
}
/**
*   Carousel Scrollbar css
**/
/* width */
.poi-card ::-webkit-scrollbar {
    /*width: 12px;*/
    width: 5px;
    height: 10px;
}

/* Track */
.poi-card ::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.poi-card ::-webkit-scrollbar-thumb {
    background: #2e5985;
    
}

/**
*   Navigation bar changes
**/

.navbar-dark{
  /*background-color:#8d909b;  */
  background-color:#2d2a38;
} 


/*
** Login Background
*/

html body.bg-full-screen-image{
	background-image:url('../out-images/login-bg.jpg');
}

/*
** Icon placement fix
*/

#login .form-control-position{
    line-height: 34px;
}
/*
** SideBar Changes
*/
.main-menu.menu-shadow{
	box-shadow:1px 0px 30px rgba(0, 0, 0, 0.9)
}

.nav-item .la, .nav-item .las, .nav-item .las{
    /*color:#cc3e26;*/
    color:#2e5985;
}

.main-menu.menu-light .navigation > li{
    box-shadow: 0px 3px 8px -3px;
}

.main-menu.menu-light .navigation li a{
    /*color:#fff;*/
    color:initial;
}

.main-menu.menu-light .navigation > li:hover > a,.main-menu.menu-light .navigation > li.hover > a{
    background-color:#fff;
}

.main-menu.menu-light .navigation{
    /*background:#2d2a38;*/
    background:#e4e4e4;
}

.main-menu.menu-light{
    /*color:#fff;
    background:#2d2a38;*/
    color:initial;
    background:#e4e4e4;
}

.header-navbar .navbar-header .navbar-brand{
	/*padding:10px 0px;*/
	padding:0;
}
.header-navbar .navbar-header .navbar-brand .brand-logo{
	width:90px;
}
ul.ui-autocomplete.ui-front{
	background-color:#fff;
}

#project-task-list .avatar{
	width:40px;
}

#project-task-list .owner-ltrs{
	font-weight: bold;
    font-size: 21px;
    background-color: #ffc053;
    padding: 5px;
    border-radius: 54px;
    width: 40px;
    /* height: 50px; */
    display: inline-block;
    color: #2c303b;
}

.float-left{
	float:left;
}

/*
*	Exam Results
*/

.answer .la-times{
	color:red;
	font-weight:bold;
	font-size:19px;
}

.answer .la-check{
	color:#14af14;
	font-weight:bold;
	font-size:19px;
}

.question{
	margin-bottom:15px;
}

.section-title h3{
	display: inline-block;
    text-decoration: underline;
}

.vertical-compact-menu .main-menu .main-menu-content > ul.menu-content li, .navigation li, .vertical-compact-menu .main-menu .navigation > li > a > span{
    white-space:normal;
}

/*=========================================*
*	Installation Wizard Stylesheet
==========================================**/
/*
#installation .app-content .wizard.wizard-notification > .steps > ul > li.current .step{
	border: 2px solid #006792 !important;
    color: #cc3e26 !important;
}

#installation .app-content .wizard > .steps > ul > li.done .step{
	background-color:#cc3e26 !important;
}

#installation .app-content .wizard.wizard-notification > .steps > ul > li.done .step:after{
	border-top-color:#cc3e26 !important;
}

#installation .app-content .wizard.wizard-notification > .steps > ul > li.current .step:after{
	border-top-color:#006792 !important;
}

#installation .app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:after{
	background-color: #006792 !important;
}

#installation .app-content .wizard > .actions > ul > li > a[href="#next"]{
	background-color:#cc3e26 !important;
}

#installation .db-options #test-db,.db-options #edit-db-connection{
	border-color: #cc3e26 !important;
    background-color: #cc3e26 !important;
}*/
/*=========================================*
*	End of Installation Wizard Changes
*=========================================*/
/*=========================================*
*	Installation Wizard Stylesheet
==========================================**/

/*#poi-wizard .app-content .wizard.wizard-notification > .steps > ul > li.current .step{
	border: 2px solid #006792 !important;
    color: #cc3e26 !important;
}*/         
/*.app-content .wizard > .steps > ul > li.done .step {
    background-color: #0D47A1 !important;
    border-color: #0D47A1 !important;
    color: #fff !important;
}

.app-content .wizard.wizard-circle > .steps > ul > li:before, .app-content .wizard.wizard-circle > .steps > ul > li:after{
    background-color: #0D47A1 !important;
}
.app-content .wizard.wizard-circle > .steps > ul > li.current:before {
    background-color: #F4F5FA !important;
}

.app-content .wizard > .steps > ul > li.current .step {
    border-color: #0D47A1 !important;
    background-color: #fff !important;
    color: #0D47A1 !important;
}*/

/*=========================================*
*	End of Installation Wizard Changes
*=========================================*/

/*=========================================*
*	Login Page Changes
*==========================================*/

.lang-switcher ul{
	padding-left:0;
	margin-bottom:0;
}

.lang-switcher ul li{
	display:inline;
}

/*=========================================*
*	End of Login Page Changes
*==========================================*/
/*=========================================*
*	Global Loader
*==========================================*/

#ajax-loader{
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

#ajax-loader .loader-img-wrapper{
   /*
    background-image: url(https://samaria.xenios-project.eu/resources/assets/images/full-loader.svg);
    background-size: contain;
    */
    text-align:center;
    display: block;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

#ajax-loader .loader-img-wrapper .loader-msg{
    color:#fff;   
}

/*=========================================*
*	End of Global Loader
*==========================================*/
/*========================================*
*   Home Page changes
*=========================================*/

.leaflet-top.leaflet-left .list-group .list-group-item.active{
    color:#0060d7 !important;
}

.leaflet-popup-content img{
    max-width:100%;
    min-width:200px;
}


.alert-action-btn{
    box-shadow: 0px 0px 7px 0px #000;
}

.response-wrapper .la{
    font-size:2.3rem;
}

/**
*   Video Wrapper
**/
.video-wrapper {
        position: absolute;
        max-width: 500px;
        left: 20px;
        bottom: 20px;
        z-index: 9999;
        display: none;
    }

.video-wrapper video {
    width: 100%;
    box-shadow: 0px 0px 9px 5px #000;
}

.video-wrapper .close-stream{
    position:absolute;
    top:5px;
    right:5px;
    padding:5px;
    background-color:rgba(0,0,0,0.7);
    color:#fff;
    border-radius:50px;
    cursor:pointer;
}

.video-wrapper .close-stream .la{
    vertical-align:middle;   
}


.video-wrapper .stream-connecting{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vertical-compact-menu .main-menu .navigation > li > a{
    padding: 0.5rem 0.3rem;
}

.navigation{
    font-size:1rem;
}

/*========================================*
*   End of Home Page changes
*=========================================*/

/*=========================================*
*	Add Site Page Changes
*==========================================*/

#map.add-site{
	height:100%;
}

/*=========================================*
*	End of Add Site Page Changes
*==========================================*/

/*=========================================*
*	Home Page Changes
*==========================================*/

.h-100{
    max-height:650px;
}

.content {
    min-height:calc(100%) !important;
}

/**
*   Map SideBar
*/
#sidebar-loader{
    display:flex;
    width:100%;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-color:rgba(0,0,0,0.4);
    position:absolute;
}

/*=========================================*
*	End of Home Page Changes
*==========================================*/


/*=========================================*
*	Settings Page Changes
*==========================================*/

.sidebar-left{
	position:fixed;
	float:left;
}

.sidebar-left .sidebar{
	width:100%;
	max-width:184px;
}

.sidebar-left .sidebar-content .card-body{
    max-height:100vh;
    overflow-y:auto;
}

.sidebar-left .sidebar-content .card-body ul{
	padding-left:0;
}
.sidebar-left .sidebar-content .card-body ul li{
	list-style:none;
	padding-bottom:5px;
	border-bottom:1px solid #efefef;
	margin-bottom:20px;
}
.sidebar-left li i{
	font-size:35px;
	display:block;
	text-align:center;
}

.sidebar-left li span{
	display:block;
}

.sidebar-left .nav-item a i{
	/*color:#cc3e26;*/
	color:#2e5985;
}

.sidebar-left .nav-item a span{
	display:block;
	text-align:center;
	color:initial;
	white-space:normal;
}

.sidebar-left .card{
	background-color:#e4e4e4;
}

@media (min-width: 992px){
	body .content-right {
		width: calc(100% - 185px);
		float: right;
	}
}


/*=========================================*
*	End of Settings Page Changes
*==========================================*/

/*=========================================*
*	Modules Management Page Changes
*==========================================*/
.module-card{
	text-align:center;
}
.modules-management .module-card .la{
	font-size:4rem;
}

.card.module-card .card-header{
	padding:5px;
}

.card.module-card .card-content{
	padding:7px;
}

.active-modules a, .active-modules a:hover{
	color:#fff;
}

.inactive-modules .card.module-card, .inactive-modules .card.module-card .card-header{
	background-color:#c7c7c7;
}

.active-modules .card.module-card, .active-modules .card.module-card .card-header, .card.module-card, .card.module-card .card-header{
	background-color:#cc3e26;
}

.active-modules .card.module-card .card-content .card-body h3{
	color:#fff !important;
}

.inactive-modules .card.module-card .card-content .card-body h3,.inactive-modules a, .inactive-modules a:hover{
	color:#cc3e26;
}

/*=========================================*
*	End of Modules Maanagement Page Changes
*==========================================*/