/* General */
.background {
  background-color:#e2e7ea;
}
.hub {
	background-image: url('../../static/resources/e-file-hub-large.png');
	height: 100%;
    background-repeat: no-repeat;
    background-position-y: -120pt;
}

html, body {
  height: 100%;
  font-family: 'Open Sans, Roboto, sans-serif;
}

.background {
  min-height: 100%;
}

body,  a, .form-control {
  color: #4d4d4d;
}

.hidden {
  display: none;
}

.column {
	display: flex;
	flex-direction: column;
}

.md-form .prefix.active, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label,
input[type=search-md]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label,
textarea.md-textarea:focus:not([readonly])+label {
    color: #3DDCD8;
}

.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), 
.md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), 
.md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), 
.md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #3DDCD8;
    box-shadow: 0 1px 0 0 #3DDCD8;
}
.form-control:focus{
  color: black;
}

.custom-control {
  margin-right: 0;
  padding-left: 1.1rem;
}

a:hover{
  color: #3DDCD8;
}

.horizontal-divider {
  height: 1px;
  display: block;
  margin: 8px 0px;
  border: 1px solid #D5D5D5;
  border-bottom: 0px;
}

/* Progress Bar */
.spinner {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #0D4556;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.navbar .spinner > div {
  background-color: white;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* Navbar */
.nav {
	border-left: 1px solid #D5D5D5;
	padding-left: 10px;
}

#navbar {
    position: fixed;
    width: 100%;
    z-index: 3;
}

.navbrand{
	width: 70px;
	height: 70px;
}

.navbar-container {
  height: 70px;	
}

.navbar-container .navbar {
  padding: 0 !important;	
}

.navbar-container .justify-content-between {
  width: 100%;
  height: 100%;
}

.navbar.bg-inverse{
  background-color: white !important;
  padding: 0;
  height: 100%;
}

.navbar a {
  color: grey;
}
.navbar a:hover {
  color: #3DDCD8;
}

a.underline {
  text-decoration: underline;
}

.navbar.bg-inverse .nav-link{
  height: 100%;
  display: flex;
  align-items: center;
}

.navbar.bg-inverse .nav-link i{
  font-size: 18px;
}

.navbar.bg-inverse .nav-link #identity #name #email {
  margin-left: 5px;
}

.navbar.bg-inverse .nav-link.lang .dropdown-menu {
  left: -5.8rem;
}

.navbar .navbar-brand{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  align-self: normal;
  background: white;
  text-align: center;
  border-right: 1px solid #D5D5D5;
}

.navbar .dropdown-menu.dropDownCustom {
	right: 0;
    left: initial;
    position: fixed !important;
    top: 53pt;
}

#anonymousNavbar {
	display:none;
}

.user {
	margin:0 10pt;
}

#identity {
	display: flex;
	width: 35pt;
	height: 35pt;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 125%;
	font-weight: 500;
	color: white;
	position: relative;
	z-index: 1;
}

#identity:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#418e90,#36bcaf);
    border-radius: 4pt;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(45deg);
}

#identity:hover:before{
	background-image:none;
	background-color:#003A4D;
}

/* Tooltip text in Navbar*/
.tooltipIdentity .tooltiptext {
	visibility: hidden;
    display: flex;
    flex-direction: column;
    width: fit-content;
    align-items: center;
    padding: 1pt 5pt;
    background-color: #fff;
    color: black;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 6;
    margin-left: -158pt;
    box-shadow: 0 0 5pt grey;
}

/* Tooltip arrow */
.tooltipIdentity .tooltiptext::after {
  	content: "";
    position: absolute;
    top: 40%;
    left: 100%;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent white;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipIdentity:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Modal */
.modal-content{
  background-color: white !important;
  padding: 0;
}

.modalCustom {
	margin:0 !important;
	width:30%;
	min-width: 500px;
}

.modal-dialog.cascading-modal .modal-header {
  margin: -2rem 0rem 1rem;
}

.info {
	margin:10pt;
}

.fitToPage {
	min-height:100vh;
}

/* Cards */
.card-header {
  color: white;
  background-color: #0D4556;
}

.card {
  margin: 8px;
  background-color: white;  //
  grey
  padding: 7px;
}
.card-title .col {
  padding-left: 5px;
  word-break: break-word;
}

.card-body {
  overflow: hidden;
  padding: 0.5rem;
}

.categ {
    background-color: white;
    border-radius: 5pt;
    border: 1px solid #D5D5D5;
    padding: 5pt;
}

.categ-title {
	margin-right: 30pt;
	font-size: 9pt;
	color: #0D4556;
}

#modules .card{
  cursor: pointer;
}

#modules .card-container.disabled .card {
  opacity: .7;
  cursor: not-allowed;
}

.card a {
  text-align: center;
}

.disabled .card {
  background-color: #a9a1a1;
}

.dashboard .card-img {
  width: 100%;
  padding: 0px;
}
.dashboard {
	padding-top: 50pt;
}

/* Tables */
table.table thead th {
  font-weight: bold;
  background-color: #418e90;
}

table.table {
  background-color: white;
}

table thead tr {
  color: white;
}

table tbody td {
  font-size: small;
  font-weight:400;
  padding: 10pt 5pt !important;
}

table.table .center {
  text-align: center;
}

/* Select */
.btn-info, .light-blue.darken-3 {
  background-color: #3DDCD8 !important;
}

/*
Make bootstrap-select work with bootstrap 4 see:
https://github.com/silviomoreto/bootstrap-select/issues/1135
*/

.dropdown-toggle.btn-default {
  color: #292b2c;
  background-color: #0D4556 !important;
  border-color: 0;
  border-radius: 0;
}

.bootstrap-select .btn-default.dropdown-toggle:hover {
  background-color: #0D4556 !important;
}

.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
  display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
  display: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: 400;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
  text-decoration: none;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {
  background-color: #f4f4f4;
}

.bootstrap-select > .dropdown-toggle {
  width: 100%;
}

.dropdownButton {
	width:100%;
	height: 25pt;
	border-radius: 3pt;
	border: solid rgba(0,0,0,0.35) 1pt;
	color: rgba(0,0,0,0.75);
	background-color:white;
	text-align: inherit;
}

.dropdown-menu > li.active > a {
  color: #fff !important;
  background-color: #337ab7 !important;
}

.dropdown-menu.open {
	transform: translate3d(0px, 52px, 0px) !important;
}

.dropdown-item.text {
	margin-left: inherit;
	background-color: transparent;
}	

.dropdown-toggle::after {
    display: none;
}

.bootstrap-select .check-mark {
  line-height: 14px;
}

.bootstrap-select .check-mark::after {
  font-family: "FontAwesome";
  content: "\f00c";
}

.bootstrap-select button {
  overflow: hidden;
  text-overflow: ellipsis;
}

.bootstrap-select .form-control {
  color: #4d4d4d;
}

/* CheckBoxs */
.customCheckBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #418e90;
    background-color: #418e90;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgb(185, 230, 226);
}

/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline !important;
  width: 90%;
}

/* Custom */

#infoclientList {
    height: calc(100% - 43px);
    color: black;
    text-align: left;
    padding: 10pt;
    overflow: auto;
    display: block;
}


#infoclient {
	margin-top:20pt;
}

.infoclient {
	color:white;
	text-align:center;
	padding: 5px 5px;
	border-radius: 5px;
	background-color: #4393c4;
}

.card-body.infoclient {
	text-align:center;
	background-color:white;
	padding: 0;
}

.marginInfoclient {
	display:inline-block;
	height:2pt;
	width: 100pt;
	margin: auto;
	border-bottom: solid 1.5pt;
	border-color: #4393c4;
}

.infoclientCard {
	height: calc(100% - 75pt);
    position: fixed;
    max-width: 25%;
    top: 55pt;
}

#email {
	color: grey;
	font-size: small;
	margin-bottom: 10pt;
}

.breadCrumb {
	display:flex;
	flex-direction:row;
	padding: 10pt 0 0 0;
	margin-bottom: 20pt;
	font-weight:500;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover.dropdown-item {
	color: #3DDCD8;
}

#modalChangeMyProfile, #modalChangePassword, #modalContact, #modalReclaimPassword, #modalContactIndex, #modalAlerts,#modalSubModules {
	right: 0px !important;
    left: auto;
	display: none !important;
    justify-content: flex-end;
    flex-direction: row;
    height:100%;
}

#modalChangeMyProfile.show, #modalChangePassword.show, #modalContact.show, #modalReclaimPassword.show, #modalContactIndex.show, #modalAlerts.show, #modalSubModules.show{
	display: flex !important;
}

.title {
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items:center;
	background-image: linear-gradient(45deg,#36bcaf,#418e90);
	color:white;
	position: relative;
	padding:10pt;
}

button.close {
	position: absolute;
	right: 15pt;
	color:white;
	font-weight: 300;
	top:11pt;
}

button.submitbutton {
	background-image: linear-gradient(45deg,#36bcaf,#418e90);
	border-radius: 5pt;
	margin: inherit;
}

.mandatory {
	color:red;
}

.rowButton {
	margin: 10pt 0 5pt 0;
    justify-content: left;
    padding: inherit;
}

.cancelButton {
	background-color: white !important;
	color: #003a4d;
	box-shadow:none;
	margin: inherit;
	font-weight: 600;
}

.cancelButton:hover {
	color: darkcyan;
	box-shadow:inherit;
}

.formItem {
	font-size: small;
	font-weight: 400;
	margin-top:10pt;
}

.rowAdress {
	margin: auto;
	justify-content: space-between;
}

.rowCity {
	margin-right: 0;
    width: 70%;
}

.rowZipCode {
	width: 25%;
    margin-left: 0;
}

.identification {
    margin-bottom: 10%;
}

.subtitle {
	font-weight:600 !important;
	font-size:medium;
	color:#0D4556;
}

.contactButton {
	background-color:white !important;
	color:darkcyan;
	border-radius:5pt;
	border:solid 1pt;
	padding: 8pt 20pt;
	width:auto;
	margin:auto;
}

.contactButton:hover {
	color:darkcyan;
}

.contactButtons {
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:20pt;
}

.separator {
	margin-top: 10%;
    margin-bottom: 5%;
}

.linkButtons {
	margin:auto;
	margin-bottom: 20pt;
}

.exclamation {
	display: flex;
	margin: 20pt 0 20pt 20pt;
	font-size: large;
	align-items: center;
	padding-left: 20pt;
}

.whiteLabel {
	color:white;
}

.fitContent {
	max-width:100%;
}

.forgottenPwd {
	display:flex;
	align-items:center;
	font-size:small;
	font-weight:400;
}

.efileLogo {
	display: flex;
	justify-content: center;
	margin: 10pt;
}

.upperIndexNavbar {
	height:40pt;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-direction:row;
	margin: 0 20pt;
}

.intro {
	margin-top: 110pt;
    font-size: larger;
    max-width:25%;
    margin-right:25%;
}


.wiki {
	display: flex;
    color: #003A4D;
    margin: 5pt;
    padding: 5pt;
}

.wikiText {
	margin: 0 5pt;
    font-family: 'Open Sans',Roboto, sans-serif;
    font-size: small;
    font-weight: 600;
}

.btn-toggle-pass {
	border: none;
	position: absolute;
	top: 38pt;
	background: transparent;
	right: 9pt;
}

.btn-toggle-pass:hover {
  color: grey;
  cursor:pointer;
}

.contactPopup {
	display:flex;
	align-items:center;
	justify-content:center;
	height:40pt;
	width:40pt;
	color:white;
	border-top-left-radius:5pt;
	border-bottom-left-radius:5pt;
	background-color:#00b9ad;
	margin-top: 90pt;
	right: 0;
	position: absolute;
}

.contactPopup:hover {
	cursor:pointer;
}

.contactForm {
	display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.inputForm {
	margin: 5pt 0;
}

.generalContact {
	font-weight:600;
	color: #003a4d;
	font-size: small;
	margin: 10pt -10pt;
}

.logoFundsquare {
	height:40pt;
	margin:10pt;
}

.infoFundsquare {
	font-size: x-small;
    font-weight: 600;
    margin: 10pt 0 25pt;
}

.gdpr {
	font-size: small;
	margin: 20pt 0 20pt 5pt;
	color: #003a4d;
	font-weight: 400;
}

.notificationSubtitle {
	margin: 15pt 0 5pt 0;
	font-weight:600;
	color:#003a4d;
}

.chevron {
	margin-left: -20pt;
    align-items: center;
    display: flex;
    color: rgba(0,0,0,0.60);
    height: 25pt;
}

.chevron:hover {
	cursor:pointer;
}

.groupDropDown {
	width: 94%;
}

.alerts {
	min-height: 410pt;
}

.bottom {
	position: absolute;
    bottom: 10pt;	
}

#modalCookies {
	width: 60%;
	position:fixed;
	left:20%;
	color: rgb(0, 170, 255);
	font-weight: 400;
	font-size: small;
	display: flex;
	z-index: 3;
	margin: auto;
}

.login {
	padding: 32pt 24pt 24pt 24pt;
}

.loginCard {
	min-width: 300pt;
	right: 0;
	margin-right: 100pt;
	position: absolute;
}

.loginButtons {
	display: flex;
    flex-direction: row;
    margin: auto;
    padding-top: 20pt;
	align-items: center;
}

#submitbutton {
	padding:10pt 20pt;
}

.infoGdpr {
	position: absolute;
	left: 4pt;
    top: 15pt;
}

.inputLabels {
	margin: 7pt 0 2pt 0;
}

#btnTop {
   	bottom: 5%;
	position: fixed;
	right: 3%;
	display: none;
}

.buttonToTop {
	border-radius: 50%;
    width: 35pt;
    height: 35pt;
    background-color: #418e90;
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
}

.buttonToTop:hover {
	color:white;
	box-shadow: 0px 2px 10px 2px grey;
	text-decoration: none;
}

:target {
  display: block;
  position: relative;
  top: -55pt; 
  visibility: hidden;
}

.footer {
	margin: 0 10pt;
	display:block;
	position:absolute;
	bottom:10pt;
}

.input-group-btn .btn.dropdown-toggle {
	color:white;
}

/*css only for IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  	.min-heightpage  {
		min-height:94vh;
	}
	
	#navbar{
	    position: fixed;
	    width: 100%;
	    z-index: 3;
	    display:flex;
	    flex-direction:column;
	}
	
	#ieToaster{
		z-index:2;
		padding: 5pt; 
		flex-grow:1;
		color: white; 
		background-color: #4D4D4F;
		position:fixed;
		width:100%;
	}
	
	.nowrap{
		flex-wrap:nowrap;
		padding: 0 50px;
	}
	
	.dashboardIe{
		padding-top: 118pt !important;
	}
	
	.exclamation{
		display: flex;
		font-size: x-large;
		align-items: center;
		padding-right: 20pt;
		margin:0;
		padding-left:0;
	}
	
	.dropdownIe{
		top: 53pt !important;
	}
	
	.navbar .dropdown-menu.dropDownCustom {
		right: 0;
	    left: auto;
	    position: fixed !important;
	    top: 119pt;
	}

	.offset88px{
		margin-top:88px;
	}
	.tooltipIdentity .tooltiptext {
		position: relative;
		right: 10px;
	}
	.ieIcon{
		width:60pt;
		font-weight:300;
	}
}