/** global */
body{background:#edeff5;}
a, a:hover, a:visited, a:active {color:#E30613}
a.btn, a.btn:hover, a.btn:visited, a.btn:active {color:#FFF}
a.btn-sm, a.btn-sm:hover, a.btn-sm:visited, a.btn-sm:active {color:#FFF}
.table tbody>tr>td:first-child{font-size:0.875em;font-weight:normal;}
.empty-search-results{padding:10px;text-align:center;}
.centered {text-align:center;}
a.undecored-link, a.undecored-link:hover, a.undecored-link:active, a.undecored-link:visited {text-decoration:none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: searchfield-cancel-button;}
h3 {border-bottom:1px solid rgba(80, 147, 225, 0.3);color:#385C87;}
h3 > span {border-bottom:2px solid #5093E1;}
.italic {font-style: italic;}
.fa-x2{font-size: 18px;}
.fa-x3{font-size: 22px;}
#navbar-ycloud .flag{box-shadow: -1px -1px 1px #fff; }
.flag-text{padding-left: 10px;}
.navbar-brand{padding: 8px 8px;}
#navbar-ycloud{
	border-color: #003940;
	background: #385c87;
}
#navbar-ycloud li a, #navbar-ycloud li a:hover, #navbar-ycloud li a:visited, #navbar-ycloud li a:active {color:#FFFFFF;} 
#navbar-ycloud .caret {border-bottom-color: #FFFFFF;border-top-color: #FFFFFF;}
#navbar-ycloud li.open a, #navbar-ycloud li.open a:hover, #navbar-ycloud li.open a:visited, #navbar-ycloud li.open a:active {color:#003940;}
#navbar-ycloud li.open .caret {border-bottom-color: #003940;border-top-color: #003940;}
.navbar-nav .open .dropdown-menu-navbar{border: 1px; border-style: outset; border-color: #003940;}
.dropdown-menu-navbar li{margin-left: 5px;}

/** page */
#page-wrapper,#content-wrapper{background:transparent;}
.fixed-header #page-wrapper{padding:0 8px;}
.fixed-header #header-navbar{box-shadow:none;}
#nav-col {background-color:#385c87;color:#000;padding-top:0px;}
/* #header-navbar{background:#E30613} */
#logo.navbar-brand>img {height:72px;}

#theme-wrapper {box-shadow:none;}
#content-wrapper-header{padding:0;margin:0;height:200px;background-color:#5093e1;position:fixed;top:0;left:0;right:0;}
#content-wrapper-header #page-title-block{padding-top:60px;}
#content-wrapper-header.top_plus_50 #page-title-block{top:18px; padding-top: 16px}
#content-wrapper-header h1#page-title {color:#FFF;margin-bottom:5px; display: inline;}
#content-wrapper-header h1#page-title > i {margin-right:14px;}
#content-wrapper-header h2 {margin-left:15px;color:#FFF;font-size:1.2em;display: inline;}
#content-wrapper-header #page-buttons {position:absolute;right:20px;top:65px;}
#content-wrapper-header #page-buttons > a {color:#FFF;display:inline-block;text-align:center;}
#content-wrapper-header #page-buttons > a:hover{text-decoration:none;}
#content-wrapper-header #page-buttons > a > i {display:inline;border:solid 2px #FFF;padding:4px 6px;border-radius:40px;}
#content-wrapper-header #page-buttons > a > span {display:block;font-size:.8em;padding:10px;}

#content-wrapper-header #logo{position:absolute;top:2px;left:10px;height:72px;}
#content-wrapper-header #logo img{height:72px;}
#content-wrapper-header.top_plus_50{height:80px;z-index:2000;box-shadow:0px 0px 20px 1px rgba(0, 0, 0, .3);}
#content-wrapper-header.top_plus_50 h1#page-title{padding-top:16px;}
#content-wrapper-header.top_plus_50 h2{margin-top:0}
#content-wrapper-header.top_plus_50 #page-buttons{top:10px;}

#content-wrapper{margin-left: 0px;margin-top:0px;min-height:initial;padding: 0px 15px 35px 15px;}

#page-nav-tabs {margin-top:40px;}
#page-nav-tabs .nav-tabs {background-color:#5093E1;padding:0 20px;}
#page-nav-tabs .nav-tabs > li > a {background-color:transparent;color:#FFF;}
#page-nav-tabs .nav-tabs > li.active > a {border-top:none;border-bottom:solid 4px #FFF;font-weight:bold;}

#mobile-menu{display:none;}
#mobile-menu > a {display:inline-block;}
#mobile-menu .my-account {padding-top:20px;}
#logout-button, #mobile-logout-button{border:solid 2px #5093E1;border-radius:60px;display:inline-block;margin-top:10px;margin-left:10px;padding:6px 10px;color:#fff;background-color:#5093E1;width:40px;height:40px;text-align:center;font-size:1.4em;}
#mobile-menu-logo > a > img{height:80px;}



#desktop-menu {text-align:center;}
#desktop-menu #menu-logo img{width:200px;height:80px;}
#desktop-menu hr{border-top:solid 0px #8aa4be;}
#sidebar-nav .nav> li.nav-header{border-bottom:1px solid rgba(80, 147, 225, 0.3);border-top:none;width:120px;font-size:1em;}
#sidebar-nav .nav> li > a > span{margin-left:15px;}
#col-left a{color:#fff;}
#col-left a:hover{text-decoration:none;}
#col-left a.dropdown-item{color:#385C87;clear: both;display: block;white-space: nowrap;}
#col-left a.dropdown-item:hover{text-decoration:inherit;}
#col-left a.dropdown-item > span{margin-left: 20px;}

#nav-col .navbar-toggle{color:#fff;background:#5093E1;border-radius:60px;margin:10px 10px 0;width:40px;height:40px;padding:6px 10px;}
#nav-col .navbar-toggle:hover{background:#5093E1;}



.main-box {box-shadow:0 1px 8px rgba(0,0,0,0.1);}
.main-box h2 {border-bottom:solid 1px #eee;margin-bottom:10px;}

a.right-round-button {color:#5093e1;display:inline-block;text-align:center;}
a.right-round-button:hover{text-decoration:none;}
a.right-round-button > i {display:inline;border:solid 2px #5093e1;padding:4px 6px;border-radius:40px;}
a.right-round-button > span {display:block;font-size:.8em;padding:10px;}

/** Modales **/
.modal-header {border-width:0;background-color:#385C87;color:#FFF;}
.modal-header .close{color:#FFF;}
.modal-footer {border-width:0;background-color:#FFF;color:#000;}

/** Bouton de retour en haut de page */
#go-top-button {display:none;position:fixed;bottom:10px;right:10px;width:40px;height:40px;background-color:#5093E1;color:#fff;border-radius:60px;text-align:center;padding-top:8px;box-shadow:0px 0px 20px 1px rgba(0, 0, 0, .3);}
#go-top-button.top_plus_10 {display:block;}

/** login */
#login-logo-yokis {margin-top:50px;}
#login-box {box-shadow:0px 0px 20px 1px rgba(80, 147, 225, .3);margin:40px auto 20px}
#login-box #login-box-inner{border:none;}
#login-box .form-control {border:solid 1px #5093E1;border-width:0 0 1px 0;}
#login-box .input-group {width:100%;}
#login-box #login-button {background-color:#5093E1;color:#fff;border:none;margin-top:10px;margin-top:20px;display:block;}
#login-box #forgottenPasswordLink, #login-box #backLink {color:#5093E1;text-decoration:underline;margin-top:20px;display:block;}

/** liste des box */
#box-search > .main-box {min-height:200px;text-align:center;padding-top:50px;}
#box-search #searchForm label {width:100%;}
#box-search #searchForm .input-group {margin-right:10px;}
#box-search #searchForm label.btn-checkbox {width:50%;}

/** pagination */
.modal-pagination-bar {width:120px;margin:auto;}
.modal-pagination-bar a.modal-pagination-link {border:solid 2px #5093E1;border-radius:60px;display:inline-block;padding:6px 0 0 0;color:#fff;background-color:#5093E1;width:30px;height:30px;text-align:center;font-size:1em;}

/** home - dashboard */
#dashboard #dashboard-infographics a:hover {text-decoration:none;}

/** profiles */
#user-profile i.profile-img-less {font-size:6em;display:block;margin:auto;width:66px;margin-bottom:10px;}
#user-profile .tabs-wrapper .tab-content {min-height:362px;margin-bottom:0;}
    
/** Popup de Recherche de Yokis Box */
#modal-searchYokisBox--body {max-height:450px;overflow-y:auto;}
#modal-searchYokisBox .favorite-box, #modal-testBoxFirmwareUpdateSearch .favorite-box {margin-right:10px;display:inline-block;}

#user-profile #send-activation-email-label{color:#ffa500;}
#user-profile #send-activation-email-link{color:#ffa500;}
#user-profile #send-forgotten-password-email-link{color:#8bc34a;}

/** Particuliers */
#user-profile table tr.install-content td{padding: 5px; border-top: 0;}
/**#user-profile table tr.install-title td{border-top: 1px solid #e7ebee;border-bottom: 1px solid #e7ebee;}*/
#user-profile .install-title{width: 100%;}

/* Affichage tablette */
@media (max-width: 991px) {
	#content-wrapper-header {padding-top:50px;}
	#content-wrapper-header h1#page-title {margin-left:20px;}
	#content-wrapper-header h2 {margin-left:14px;}
	#content-wrapper-header #page-buttons{top:96px;}
	#content-wrapper-header.top_plus_50 {height:130px;}
	
	#content-wrapper {margin-top:145px;}
	
	#page-nav-tabs {margin-top:-5px;}
	
	#sidebar-nav .nav> li.nav-header {width:100%;}
}


/* Affichage smartphone */
@media (max-width: 767px) {
	.row {margin-left:-8px;margin-right:-8px;}

	#content-wrapper {padding:15px 15px 35px 15px;}
	
	#mobile-menu .my-account{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:0;position:absolute;bottom:0;right:0;}
	
}
@media screen and (max-width: 32em) {
	body {font-size:14px;}
}

span.viewInBo{display: inline;}
td.viewInBo{display: inherit;}
.details{margin-top: -9px;}
.form input[type=text]{background-color: #e4f0f5;border-color:#5093E1;}
.form input[type=text]:placeholder-shown {background-color:inherit;border-color: #e7ebee;}
.form select {background-color:inherit;border-color: #e7ebee;}
.form select.hasValue{background-color: #e4f0f5;border-color:#5093E1;}
.panel-yokis{border-color:#5093E1;}
.panel-yokis > .panel-heading{background-color: #5093E1; color: #FFF}
.panel-yokis > .panel-heading > a {color: #FFF; cursor: pointer;}
.predefined-command{font-size: 0.875em; cursor: pointer;margin: 0.5em 0.25em}
.predefined-command:hover{background-color: #E7EBEE;}

.collapsible, .collapsible-group {cursor: pointer;}
.collapsible:before, .collapsible-group:before {content: '\f067';font-family:'Font Awesome 5 Free';font-weight: 900;}
.collapsed:before {content: '\f068';font-family:'Font Awesome 5 Free';font-weight: 900;}
.panel-heading .collapsed:before {content: '';}
.renderjson .collapsed:before {content: '';}
.collapsible-content, .collapsible-group-content{display: none;}
#thermostats_table tbody > tr > td{padding:0px;}
#thermostats_table tbody > tr > td.ts_0{border-top: 1px solid #ffffff;}
#thermostats_table tbody > tr.ts_top > td{border-top: 1px solid #e7ebee;}
#thermostats_table tbody > tr.ts_top > td.ts_sep{border-top: 1px solid #ffffff;}
.ts{height: 15px; width: 15px;}
.ts_0{background-color: transparent;}
.ts_1{background-color: #028898;border-left: 2px solid #ffffff;border-right: 2px solid #ffffff;}
.ts_2{background-color: #EEC54F;border-left: 2px solid #ffffff;border-right: 2px solid #ffffff;}
.ts_3{background-color: #F76F1E;border-left: 2px solid #ffffff;border-right: 2px solid #ffffff;}

.offCell{color: #ffffff;font-weight: bold;background-color: gray;}
.st1Cell{color: #ffffff;font-weight: bold;background-color: #028898;}
.st2Cell{color: #ffffff;font-weight: bold;background-color: #EEC54F;}
.st3Cell{color: #ffffff;font-weight: bold;background-color: #F76F1E;}
.stType{border-radius: 25px 0px 0px 25px;}
.stValue{border-radius: 0px 25px 25px 0px;}
.manualCell{color: #ffffff;font-weight: bold;background-color: #6D984C;}
/* Ellipsis multiline */ 
.block-with-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* number of lines to show */
	line-height: 1.2em;        /* fallback */
	max-height: 3.6em;       /* fallback */
}
/* Modules PDF Section*/
.bold{font-weight: bold;}
#table-modules td.modules-name{vertical-align: top;}
#table-usages td{vertical-align: top;}
#table-usages tr.usage-title td{padding-bottom: 0;}
#table-usages tr.usage-detail td{padding-top: 0; border-top-color: window;}
.badge-tab{background-color: #FFFFFF; color: #5093e1;}


.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.searchbar {margin-bottom: auto;margin-top: 10px;background-color: white;border-radius: 30px;padding: 5px 8px;background-color: white;}
.search_input {border: 0;outline: 0;background: none;width: 0;caret-color: transparent;transition: width 0.4s linear;}
.searchbar:hover>.search_input, .searchbar>.search_input:focus {width: 450px;caret-color: #385c87;transition: width 0.4s linear;background-color: white;}
a.search_icon {float: right;border-radius: 50%;color: white;text-decoration: none;color: #385c87;}
#user-profile .profile-details{padding: 0px; margin: 0px;}
#user-profile .profile-status{font-size: 85%;}
#user-profile .profile-details ul.fa-ul{margin-left: 0px;}
#user-profile .profile-details ul.fa-ul .fa-li{left: 0em;position: inherit;}
#user-profile .profile-details ul.fa-ul li label{padding-left: 2em;}
.yno-access-type{border-bottom: 1px solid rgba(80, 147, 225, 0.3);color: #385C87;font-size: 1.4em;}