body{
	word-break: break-word;

}
#UpdateForm, #noteToUser
{
	display:none;
}

#myCaptcha div
{
  width: unset !important;
}
strong{
  font-weight: 600;
}
.actual-fields{
  min-height:100vh;
}
p{
  font-size:17!important;
}

header{
  height: 100vh;
  background-image: url('../assets/_images/bg3.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

footer{
   background-color:#4f6993;
}

footer div{
   background-color:#4f6993;
}
nav{
  background-color:#4f6993;
}
#mainNav
{
  box-shadow: none;
}
#navbarNav{
  justify-content: end;

}

#easy{
  color: #3a826e;
}

.top-nav-button{
  border-bottom:  2px solid #ffffff;
  color: #329587;

}

.top-nav-button:hover{
 
  color: #262624 !important;
  background-color: #ffffff;

}

.login-modal{
  background: transparent;
  box-shadow: none !important;
}

.login-header{
  background-color:  #2f6d5c;
  border:none;
}
.login-splash{
  border:2px solid white;
  font-size:20px;
  font-weight: 600;
}
.about-images{
  max-width: 10vw;
}

.console-column{
  background-color: black;
  color: white;
  height: 100vh;
  
}

#about-2{
  background-color: #329587;
}

#about-3{
  background-color: #3a826e;
}

.project-cards{
  background-color: #f3f4f5;
}
.page-footer
{
   background-color: #2f6d5c;
}
.copryRights, .coloredNav
{
   background-color: #255447;
}
.messageGuide
{
  color:  #255447;
}

.signup-about{
  background-color: transparent !important;
  border-radius: 0;
  border:2px solid white;
  color: white !important; 
  cursor: pointer;
}

.InputArguments
{
  background-color: #fff;
  position: relative;
  bottom:  0;
  width: 99.5%;
  
}
.InputArguments span i {
	color:black;
}

#InputArgumentsHls{

display: none;
}

.enabledElement
{
  background-color: #3e3d3d;
  position: absolute;
  bottom:  0;
  width: 99.5%;

}

#resetMyOptions
{
  text-align: right;
}

.tit{
	font-weight: 700;
}


.pointer
{
  cursor: pointer;
}

a{
	color: black;
}

.btn{
	color: #2f6d5c !important;
	background-color: transparent;
  border:2px solid #2f6d5c !important;
}
.butn:hover {
 	background-color:  #357c69 !important;
  color: white !important; 
}
#logo
{
  color: black;
}
#footer{
	color:white;
}

#footer a{
	color: white;
	font-weight: 800;
}

.modal-dialog
{
	max-width: 800px !important;
}
.modal-header
{
	font-weight: 700;
	background-color: #e6ee9c; 
}
.modal-title  
{
	margin-left: 21%;
}
.modal-body h5
{
	text-align: center;
	font-weight: 900;
}
.modal-footer .btn
{
	margin: 0 auto ;
}

#btnClose:hover
{
	background-color: #5a78a8 !important; 
}
#divTwo img
{
	margin: 0 auto !important;
}

img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.BackColor #ImageModal
{
	  background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
} 

/* Modal Content (image) */
#img01 {
    margin: auto;
    display: block; 
    max-width: 750px;
}

#close {
    /*position: absolute;*/
   opacity: 1;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
/* Add Animation */
#img01, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}


.inputfile{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    position: absolute;
}

.inputfile + label {
    
    color: white;
    background-color: ;
    display: inline-block;
}




@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

.actual-step-2, .actual-step-3, .actual-step-4{
  display: none;
}

/*.actual-step{
  text-align: center;
}*/

.functional-btn{
  border: 1px solid white !important;
  background-color: #4f6993 ;
  text-align: center ;
  color: white;
  padding:3% ;
  width: 100% ;
  margin-bottom: 0 ;
  cursor: pointer;
}

input[type="button"]{
  border:0;
  box-shadow: 0;
}

button{
  border:0;
  box-shadow: 0;
}

button[disabled="disabled"]{
  background-color: #ccc;
  color: GrayText;
  cursor: not-allowed !important;
}

button[disabled]{
  background-color: #ccc;
  color: GrayText;
  cursor: not-allowed !important;
}

input[disabled]{
  background-color: #ccc;
  color: GrayText;
  cursor: not-allowed !important;
}

.accordion .card{
  border:0;
}

.accordion .card .card-header{
  padding: 0;
}

#step-list{
  padding-left: 0

}
ul{
   list-style: none;
   padding: 0;
}



#step-list li{
  list-style: none;
  color: #ccc;
  cursor: pointer;
  font-size: 1.4em;
}

#step-list li:hover{
  color: black;
}

.active-step{
  color: black !important;
}

.successfull-step{
  color: green;
}

.description{
  display: none;
}

.description-1{
  display: block;
}


#middle-column{
  transition: all 1s;
}

.expanded{
  flex: 0 0 0;
  max-width: 0;
  padding: 0;
}


.sidenav {
    height: 100%; /* 100% Full-height */
    display: none;
    width: 100%; /* 0 width - change this with JavaScript */
    position: absolute; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #4f6993; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    /* Place content 60px from the top */
     /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px ;
    text-decoration: none;
    font-size: 25px;
    color:white;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.header2, .header3, .header4{
  display: none;
}

.ham-con{
  cursor: pointer;
}

.ham1 {
    width: 60px;
    height: 5px;
    background-color: white;
    margin: 10px 0;
}
.ham2 {
    width: 45px;
    height: 5px;
    background-color: white;
    margin: 10px 0;
}
.ham3 {
    width: 30px;
    height: 5px;
    background-color: white;
    margin: 10px 0;
}



.menu-links{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.bar{
  background-color: #4f6993;
  min-height: 60px;
  height: 6vh;
  z-index: 2;
}

.bar2{
  
  background-color: #F9F9F9;
  min-height: 60px;
  height: 6vh;
}

.bar3{
  
  background-color: #3E3D3D;
  min-height: 60px;
  height: 6vh;
}

input[disabled="disabled"]{
  background-color: #ccc;
   color: GrayText;
   cursor: not-allowed !important;
}

input[disabled="true"]{
  background-color: #ccc;
   color: GrayText;
   cursor: not-allowed !important;
}

button[disabled="true"]{
  background-color: #ccc;
   color: GrayText;
   cursor: not-allowed !important;
}

.greened{
  color: green !important;
}

.reded{
  color: red !important ;
}

.btn-link{
  color: white!important;
}

.functional-btn:hover{
 box-shadow: inset 0 0 100px 100px rgb(90, 120, 168) !important;
}
.functional-btn:active{
  background-color: #418e79 !important;
}

.btn-link:focus
{
  background-color: #5a78a8;
  box-shadow: none;
}

label.error{
  position: relative;
  color: red;
}

#termsCard{
  display: none;
}

#termsCard .card-body{
  overflow-y: auto;
   max-height: 60vh;
}

#termsCard p {
   text-align: left !important;
  color: black !important;
}

#termsCard h3 {
   text-align: left !important;
  color: black !important;
}

.header-overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 59, 127,0.4);
}

#forgot-body{
  display: none;
}

#closeNav{
  display: none;
}
.tableContent .dropdown-item:hover{
  color: black !important;
  background-color: #5a78a8 !important;
}
#idCArguments
{
  color: white;
}
.rowConsole 
{
 
  overflow-y: auto;
}

#img-overlay{
  background-image: url('../assets/_images/gallery.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#img-overlay a{
  color: white;
    font-size: 30px;
    text-decoration: underline;
}