/*********************************************************************************
 * This file is part of Myddleware.

 * @package Myddleware
 * @copyright Copyright (C) 2013 - 2015  St�phane Faure - CRMconsult EURL
 * @copyright Copyright (C) 2015 - 2016  St�phane Faure - Myddleware ltd - contact@myddleware.com
 * @link http://www.myddleware.com	
 
 This file is part of Myddleware.
 
 Myddleware is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 Myddleware is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Myddleware.  If not, see <http://www.gnu.org/licenses/>.
*********************************************************************************/

#myd_top {
	top: 0;
    right: -135px;
	z-index: 99;
	font-size: larger;
}

#myd_title {
	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
	height: 50px;
	background: #f8f9f9;
	margin: 0 auto;
	color: rgb(0, 0, 0);
	padding: 14px;		
	font-weight: bold;	
}

#myd_title a, #myd_title a:hover { 
	color: #000000;
	text-decoration: none;
}

.myd_loading > img{
	display: none;
	width: 43px;
	height: 11px;
}

header {
	height: auto;
	margin: 0;  		
}

section  {
	margin-bottom: 15vh!important;
	/* width: 80vw; */
	min-height: 150px;
	background: white !important;
}

#bottom_section_homepage {
	margin-bottom: -10vh !important;
}

footer {
	padding: 5px;
	height: 35px;
	min-height: 35px;
	max-height: 35px;
	background: #444446;
	position: fixed;
	right:0;
	bottom: 0;
	left: 0;
	min-width: 1200px;
	width: 100% auto;
	color: white;
	text-align: center;
	z-index: 99;
}

.help-content-link{
    color: white;
}

.help-content-link::after{
    background-color: #03c4eb;
}

.help-link {
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.help-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease;
}

.help-link:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.help-link-update-password {
	color: #03c4eb;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.help-link-update-password::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s ease;
}

.help-link-update-password:hover::after {
	transform: scaleX(1);
	transform-origin: bottom right;
}

.help-content-link:hover {
    color: #03c4eb;
}

.clr {
	clear: both;
}  

.ctr {
	text-align: center;
} 

.left {
	float: left;
	text-align:left;
}

.right {
	text-align:right;
	float: right;
}


.task {
	width: 150px;
	max-width: 150px;
	margin: 5px;
	display: inline-block;
}


/* tabs */

#tabs {
	border: 0px !important;	
}

#tabs ul.ui-widget-header {
	background: none;
	border: none;
}

#tabs ul.ui-widget-header li {
	height: 80px;
	min-width: 173px;
	max-width: 173px;
	margin: -1px;
}

#tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #D7D8DA;
	border-left: 2px solid #B7B7B9;	
	border-right: 2px solid #B7B7B9;	
	color: #AAAAAC;
	opacity: 1;
}

#tabs .ui-state-active {
	background: white;
	color: #454547;
}

#tabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #454547;
}

#tabs .ui-corner-all, #tabs .ui-corner-top, #tabs .ui-corner-right, #tabs .ui-corner-tr,
#tabs .ui-corner-left, #tabs .ui-corner-tl,
#tabs.ui-corner-br, #tabs .ui-corner-bottom, #tabs .ui-corner-bl {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

#tabs .ui-corner-all, #tabs .ui-corner-bottom, #tabs .ui-corner-right, #tabs .ui-corner-br {
    border-bottom-right-radius: 0px;
}
#tabs .ui-corner-all, #tabs .ui-corner-bottom, #tabs .ui-corner-left, #tabs .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-tabs, .ui-tabs-nav {
	padding: 0em !important;
}

#tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active, #tabs .ui-state-hover,
#tabs .ui-state-active {
	border-top: 0px !important;	
}

#tabs .ui-state-disabled {
	background: #7D7D7F;
	border-top: 9px solid #9E9937;
}

#tabs .ui-state-disabled a.ui-tabs-anchor {
	color: #343436;
}

#tabs ul.ui-tabs-nav {
	width: 1200px;
}

#notification {
    margin: 0 auto;
    background:white;
    display:none;
}

#notification #zone_notification {
    margin: 0 auto 20px;
    text-align: left;
    width: 80vw;
    max-width: 80vw;
    max-height: 120px;
    overflow-y:scroll;
    padding: 0;
    
	-moz-box-shadow: 5px 5px 5px 0px #656565;
	-webkit-box-shadow: 5px 5px 5px 0px #656565;
	-o-box-shadow: 5px 5px 5px 0px #656565;
	box-shadow: 5px 5px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;    
}

#notification #zone_notification li {
	list-style-type: none;
	padding-left:15px;
	min-height: 30px;
}

#notification #zone_notification li .glyphicon {
	float: left;
	margin: 0 5px;
}

#notification #zone_notification .info {
	color: #0F66A9;
	background: #BFE2FC;
}

#notification #zone_notification .warning {
	color: #f1b753;
	background: #ffeccc;
}

#notification #zone_notification .error {
	color: #d60405;
	background: #f2dedf;
}

.success {
	background: #19CA426E !important;
	display: flex;
}

.success-custom-adjust {
	margin-right: 10px;
	margin-top: 5px;
}

#notification #zone_notification .success {
	color: #000;
	background: #19CA426E;
}


/* help content */
.help-content {
	border-top: 1px solid #ccc;
    margin: 20px 0;
    padding-top: 20px;
    text-align: justify;
    line-height: 2em;
}

.help-content a {
	text-decoration: underline;
}

.help-content a:hover {
	color:#0F66A9;
}

#blockaddfield {
	margin: 10px 0px;
	float:right;
}

/* Update SF4 */

/* Page Create connector */

.create-connector-tab {
	min-width: 100%!important;
	max-width: 100%!important;
	width: 100%;
	text-align: center;
	align-items: center;
}

.create-connector-tab a {
	width: 100%;
}

/* Page reset password (rule/account/reset-password) */
#reset-password-container {
	max-width: 500px;

}

/* wrap form within a card  */
#reset-password-col {
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 50px;
	border: solid 1px rgba(0,0,0, 0.1);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}

/* NB CONNECTOR */
 .nb-connector p{
	margin-bottom: 0.35rem !important;
 }

 .page-item.active .page-link {
	background-color: #03c4eb !important;
    border-color: #03c4eb !important;
	color:white !important;
 }
 .page-link {
	color: #000000 !important;
 }