/**
*
* Custom CSS
*
**/

@import "angular-material.css";  
@import "animations.min.css";
@import "font-awesome.min.css";
@import "angular-ui-tree.min.css";
@import "bootstrap.min.css";
@import "angular-bootstrap-toggle.min.css";
@import "bootstrap-duallistbox.min.css";



/** ALE Rainbow style font */
body {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-smoothing: auto;
	-webkit-font-smoothing: auto;
	color: #5e5e5e;
}

.alert {
	border-radius: 5px;
}

.toggle.btn.btn-sm {
	width: 35px !important;
	height: 20px !important;
 	margin-top: 8px; 
 }

.toggle .btn.btn-sm {
	/* workaround to override on/off text */
	font-size: 0px; 
}


div:focus-visible, toggle:focus-visible {
    outline: none !important;
}

.btn:focus {
	outline: none !important;
}


/** Table Input **/
.narrow {
	padding: 6px !important;
	margin: 4px !important;
}

table input {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
}

.v-align {
	vertical-align: middle !important;
	height: 100%;
}

.table tbody>tr>td.vert-align {
	vertical-align: middle;
}

.table-selected {
	background-color: rgba(240, 240, 230, 1);
}

/** Custom modal size **/
.app-modal-window .modal-dialog {
	width: 80%;
}

/** Validation with angular **/
input.ng-invalid {
	border: 1px solid #f00 !important;
}

textarea.ng-invalid {
	border: 1px solid #f00 !important;
}

/** Platform OVerview custom **/
ul.no-dots {
	list-style-type: none;
	padding-left: 15px;
}

ul.border-left {
	border-radius: 0 0 0 3px;
}

.tree-elem {
	padding: 3px;
	border-left: 1px solid grey;
	margin: 0px;
	border: 1px solid grey;
}

.pad2 {
	padding: 2px;
	border: 1px solid grey;
}

.pad5 {
	padding: 5px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
}

.container .text-muted {
	margin: 20px 0;
}

.well-sized {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.panel-body {
	padding: 40px; 
}

img {
	-ms-interpolation-mode: bicubic;
}

/* ng-cloak */
[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none;
}

/* Connection loading screen */
.loading-screen {
	height: 100vh;
	width: 100vw;
}

.loading-wrapper {
	width: 10vw;
	margin-left: 45vw;
	margin-right: 45vw;
	padding-top: 40vh;
}

/** Override bootstrap pagination (too big) **/
.pagination {
	margin-top: 1px !important;
	margin-bottom: 2px !important;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-border {
	border: 0 solid white !important;
}

.dual-box-align {
	margin-top: 8px;
	border-left: 1px solid #cccccc;
}

/**
 CUSTOM NAVBAR
 */

/* Background */
html {
	margin: 0;
	padding: 0;
	/*background: url(../img/background.png) no-repeat center fixed;*/
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
	/*background-color: #A4B3B6;*/
    background: linear-gradient(90deg, #ececec 10%, #d9cfe2 90%);
}

body {
	background-color: transparent;
}

.pwa-navbar {
	background-color: white;
	height: 7vh;
	min-height: 50px;
	/*margin-left: 5%;
	margin-right: 5%;*/
	padding-top: 10px;
	/*-webkit-box-shadow: 0 4px 2px -2px white;
    -moz-box-shadow: 0 4px 2px -2px white;
    box-shadow: 0 4px 2px -2px white;*/
	border-bottom: 1px solid white;
}

.pwa-title {
	font-size: 1.8em;
}

.pwa-headline {
	font-size: 1.2em;
}

.pwa-navbar-content-left {
	float: left;
	color: white;
	height: 10vh;
	min-height: 73px;
	display: table;
}

.pwa-navbar-content {
	vertical-align: bottom;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
	justify-content: space-between;
}

.pwa-navbar-link, .pwa-navbar-link:active {
	margin-left: 4%;
	color: #5e5e5e;
	font-size: 1.2em;
	text-decoration: none;
}

.pwa-navbar-link:hover, .pwa-navbar-link:link {
	cursor: pointer;
	color: #FF4545;
	text-decoration: none;
}

.pwa-navbar-items-top, .pwa-navbar-items-bottom {
	vertical-align: bottom;
	display: flex;
	flex-direction: row-reverse;
}

.pwa-navbar-item {
	display: inline;
	vertical-align: bottom;
	position: relative;
}

.pwa-wrapper {
	margin-left: 5%;
	margin-right: 5%;
}

.pwa-a-bit-transparent {
	background-color: #fafafa;
/*	background-color: rgba(255, 255, 255, 0.75) !important;*/
}

.pwa-almost-transparent {
	background-color: hsla(0,0%,100%,.7);
	height: auto;
	top: 50%;
	left: 50%;
	position: absolute;
	width: 40rem;
	transform:translate(-50%, 0%);
	position: absolute;
	min-width: 280px;
	max-width: 500px;

/*	background-color: rgba(255, 255, 255, 0.35) !important;*/
}

.pwa-transparent {
	background-color: transparent !important;
}

.pwa-navbar-menu-link {
	margin: 0;
}

.pwa-navbar-menu-link:active {
	margin: 0;
}

/*
.pwa-navbar-menu-link:hover{
    color:dimgrey !important;
    #background-color: #E86822 !important;
}*/
.pwa-footer {
	height: 10vh;
	min-height: 72px;
	margin-left: 5%;
	margin-right: 5%;
	position: fixed;
	bottom: 0;
	background-color: transparent;
	height: 10vh;
	min-height: 72px;
	margin-left: 80%;
	margin-right: 5%;
	/*-webkit-box-shadow: 0 4px 2px -2px white;
    -moz-box-shadow: 0 4px 2px -2px white;
    box-shadow: 0 4px 2px -2px white;*/
	/*    border-top: 1px solid white;-*/
}

/**
 CUSTOM PANEL
 */
.pwa-panel {
	/*border: 1px solid rgba(255, 255, 255, 0.75) !important;*/
	border-radius: 10px;
	padding: 0;margin: 0;
	/*min-height: 10%;*/
}

.panel-footer {
	border-radius: 0 0 12px 12px;
}

.panel-square-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.panel-square-bottom {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.panel-square-top-and-left {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}

.panel-primary {
	border: 1px solid white;
}

.panel-danger {
	border: 1px solid white;
}

.panel-success {
	border: 1px solid white;
}

/**
 Colors
 */
.pwa-green {
	color: #92b086;
}

.pwa-orange {
	color: #E86822;
}

.pwa-yellow {
	color: #e8c314;
}

.pwa-blue {
	color: #48AFBD;
}

/** Primary panel **/
.pwa-panel-primary {
	
}

.pwa-panel-primary>.panel-heading {
	background-color: #8561c5;
	color: white;
	border-radius: 10px 10px 0 0;
	margin: -1px -1px 0 -1px;
}

/** Default panel **/
.pwa-panel-default {
	
}

.pwa-panel-default>.panel-heading {
	background-color: #f0f0f0;
	color: black;
	border-radius: 10px 10px 0 0;
}

/** Default panel **/
.pwa-panel-success {
	border-color: #CACBCA !important;
}

.pwa-panel-success>.panel-heading {
	background-color: #92B086;
	color: white;
	border-radius: 10px 10px 0 0;
	margin: -1px -1px 0 -1px;
}

/** Danger Panel **/
.pwa-panel-danger {
	
}

.pwa-panel-danger>.panel-heading {
	background-color: #E86822;
	color: white;
	border-radius: 10px 10px 0 0;
	margin: -1px -1px 0 -1px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px white inset;
}

.html {
	font-family: "Myriad-Pro", "Segoe UI", "Verdana", "Trebuchet MS",
		"sans-serif" !important;
}

/**
 * Selected object
 */
.selected {
	background-color: #8561c5 !important;
	color: white !important;
	text-decoration: none;
}

.selected a {
	color: white;
	text-decoration: none;
}

.selected>span {
	color: white !important;
}

.selected>span>span {
	color: white !important;
}

.selected>a>span {
	color: white !important;
}

.selected>i {
	color: white !important;
}

/*
 * Vertical align
 */
.vertical-align {
	display: table-cell;
}

.vertical-align--middle {
	vertical-align: middle;
}

.vertical-align--bottom {
	vertical-align: bottom;
}

.toggle.round, .toggle-on.round, .toggle-off.round {
	border-radius: 20px;
	width: 30px;
}

.toggle.round .toggle-handle {
	border-radius: 20px;
	width: 30px;
	
}

.authWindowCopyright {
    font-size: 0.9rem;
    text-align: center;
    color: #76777E;
}

.authWindowHeader {
        color: #76777E;
        font-size: 1.8rem;
        text-align: center;
      /*  font-weight: 100;*/
        font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
        margin: 16px 0 16px;
    }
.fa.custom-fa{
/*  font-size:12em; */
 -webkit-text-stroke-color: #76777E;
color:transparent;
}