/* MARS Fonts */
@font-face {
	font-family: MarsCentra-regular;
	font-style:normal;
	font-weight:300;
	src: url("../../fonts/MarsCentra-OTF-MAC_MarsCentra-Book.otf");
  }

@font-face {
	font-family: MarsCentra-bold;
	font-style:bold;
	font-weight:700;
	src: url("../../fonts/MarsCentra-OTF-MAC_MarsCentra-Bold.otf");
  }

  @font-face {
	font-family: MarsCentra-extrabold;
	font-style:bolder;
	font-weight:900;
	src: url("../../MarsCentra-OTF-MAC_MarsCentra-Extrabold.otf");
  }

.container_header, .header {
    background: #0AAEC1;
}

.container_header .wrapper {
    width: 100%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    background: #45c0ae;
    display: flex;
    justify-content: flex-end;
}

.detail_panel {
    margin: 120px auto auto;
    min-height: 500px;
    padding-bottom: 80px;
}

body {
    background-color: purple;
    background-image: url("../../Images/29/login-page-bg.jpg");
}


.panel-login {
    margin: 0 auto;
    border-color: #cbcbcb;
    width: 513px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
}

.panel {
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 15px;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 25%);
    margin-bottom: 20px;
    height: 400px;
}

.panel-forgot-fix {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 30px 0px;
    width: 400px;
    display: block;
}

.panel-body {
    width: 400px;
}

#Login > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td > h1 {
    font-size: 36px;
    font-family: MarsCentra-bold;
    text-transform: uppercase;
    color: #45c0ae;
}

#Login > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td > h2 {
    color: #45c0ae;
    text-align: center;
    font-size: 17px;
}

#Login > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td > h1 > span {
    color: #2a328d;
}

.cancel-form-link {
    margin: 0 0 0 7px;
    text-decoration: none;
    color: #45c0ae;
    font-size: 14px;
    font-weight: bold;
}

label {
    display: block;
    color: black;
    margin: 0 0 4px;
    font-size: 16px;
    padding-left: 10px;
}

input {
    border: #000;
    padding: 10px;
    font-size: 1.2em;
    width: 100%;
}

input::placeholder {
    color: rgb(163, 163, 163);
  }

.panel-login input[type=text], .panel-login input[type=email], .panel-login input[type=password] {
    font-size: 17px;
    color: #4d4d4d;
    border: 1px solid #b2b2b2;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
    color: -internal-light-dark(black, white) !important;
}

.form-group {
    float: left;
    width: 100%;
    padding-bottom: 6px;
}

.form-control {

}

.btn-login {
    font-weight: 400;
    float: right;
    cursor: pointer;
    background-color: #00d7b9;
    border-color: #59b2e6;
    color: #fff;
    font-size: 11pt;
    height: auto;
    width: 130px;
    outline: 0;
    padding: 12px 0 10px 0px;
    text-transform: none;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.mx-4 {
    margin-top: 16px;
    margin-bottom: 20px;
}

.mt-15 {
    margin-top:15px;
}


.forgot-password > p > a {
    margin: 0 0 0 7px;
    text-decoration: none;
    color: #45c0ae;
    font-size: 14px;
    font-weight: bold;
}

.forgot-password {
    margin-top:10px;
    display: block;
}

.panel-heading-fp {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

.panel-login > .panel-heading > #login-form-link {
    font-size: 36px;
    font-family: MarsCentra-bold;
    text-transform: uppercase;
    color: #45c0ae;
    text-decoration: none;
}

.reset_pass {
    margin-top:3em;
}

.cancel_btn {
    width: 50%;
    float: left;
    padding-top: 8px;
    padding-left: 10px;
    font-size: 13px;
}

.mr-15 {
    margin-right: 15px; 
}

.float-left {
    float:left;
}