/*html tag css*/
@import url("bootstrap.min.css");
@import url("font-awesome/css/fontawesome-all.min.css");
@import url("its_edits.css");
@import url("ionicons.min.css");
@import url("color.css");
@import url("toast.css");
@import url('https://fonts.googleapis.com/css?family=Belgrano');


body{
font-family: 'Belgrano', serif !important;
}
.clear{
font-size:0px;
line-height:0px;
clear:both;
}
.its_img_responsive{
max-width:100%;
}
.text_highlight{
color:#003b5b;
}
.login_outer_wrap{
min-height:100vh;
background-image: linear-gradient(#fff, #efefef);
}
.ver_mid{
display: table;
height: calc(100vh - 0px);
text-align: center;
width: 100%;
}
.ver_mid > span{
vertical-align: middle;
display: table-cell;
}
.no-margin{
margin:0px;
}
.no-padding{
padding:0px;
}
.its-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}





.login_container{
background:var(--base-color);
padding:30px 30px;
margin:30px auto;
text-align:left;
}
.login_container > figure{
text-align:center;
padding-bottom:20px;
}
.login_container > figure > img{
max-width:70%;
}
.page_heading{
text-transform:uppercase;
font-size:20px;
color:var(--base-text);
}
.login_form > form > input{
line-height:50px;
padding:0px 15px;
width:100%;
border:none;
margin-bottom:15px;
}
.login_form > form > button{
background:#fff;
color:var(--base-color);
text-transform:uppercase;
font-weight:500;
border:0px;
padding:10px 15px;
margin-bottom:15px;
}
.login_form > form > input::placeholder {
color:var(--base-color);
opacity: 1; /* Firefox */
text-transform:uppercase;
}
.login_form > form > input::-ms-input-placeholder { /* Internet Explorer 10-11 */
color:var(--base-color);
text-transform:uppercase;
}
.login_form > form > input::-ms-input-placeholder { /* Microsoft Edge */
color:var(--base-color);
text-transform:uppercase;
}
.link_on_base{
color:var(--base-text);
text-decoration:none;
}
.link_on_base:hover{
color:var(--base-text);
text-decoration:underline;
}
.link_on_base:focus{
color:var(--base-text);
text-decoration:none;
}

@media (max-width: 767px) {
.login_outer_wrap{
background:var(--base-color);
}
.login_container{
padding:30px 10px;
}
}
