table table-bordered table-custom html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;  font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body {height: 100%; position: relative;}
body {line-height: 1;  font-family: "Roboto", sans-serif;}
body {font-family: "Roboto", sans-serif; background: #f3f3f3 !important; /*background: radial-gradient(circle, rgba(243,243,243,1) 0%, rgba(231,231,231,1) 100%)*/; position: relative; overflow: auto; overflow-x: hidden;}

.aligncenter { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#loginBox { background: #fff; border-radius: 10px; box-shadow: 0 10px 25px rgba(92, 99, 105, 0.2);}
.padd{ padding: 2rem 2rem 2rem  2rem;}
/*.logoLogin {margin: 5px auto;  width:57%; margin-bottom:25px;}*/
.logoLogin {
    margin: 0 auto;
    width: 70%;
    margin-bottom: 15px;
}
.logoLogin_acc {margin: 5px auto;  width:16%; margin-bottom:25px;}
.l-form { display: flex;  justify-content: center;  align-items: center;  height: 100vh;}

.form { width: 360px; padding: 3rem 2rem;  border-radius: 1rem;  box-shadow: 0 10px 25px rgba(92, 99, 105, 0.2);}
.form__div { position: relative; height: 52px; margin-bottom: 1.5rem;}
.form__input { position: absolute; top: 0; left: 0;  width: 100%;  height: 100%; font-size: 16px; border: 2px solid #c5c5c5; border-radius: 0.5rem;  outline: none;  padding: 1rem;  background: none;  z-index: 1; color: #000;}
.form__label { position: absolute; left: 1rem;  top: 1.9rem;  padding: 0 0.25rem;  background-color: #fff;  color: #ababab;  font-size: 16px;  transition: 0.3s;}
.form__button {
    display: block;
    margin-left: auto;
    padding: 12px 2rem;
    outline: none;
    border: none;
    background-color: #000a4f;
    color: #fff;
    font-size: 17px;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    width: 100%;
    text-decoration: none;
}

.form__button2 {  display: block;  margin-left: auto;  padding: 1.5rem 2rem;  outline: none;  border: none;  background-color: #000a4f;  color: #fff;  font-size: 16px; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; text-align:center;  cursor: pointer;  transition: 0.3s; width:100%; text-transform:uppercase; text-decoration: none;}

a.animated-button.thar-one {color: #fff; cursor: pointer;	display: block;	position: relative; text-decoration: none;	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
a.animated-button.thar-one:hover {color: #fff !important;	background-color: transparent;	text-shadow: none; font-size: 16px;}
a.animated-button.thar-one:hover:before {bottom: 0%; top: auto;	height: 100%;}
a.animated-button.thar-one:before {	display: block;	position: absolute;	left: 0px;	top: 0px; height: 0px;	width: 100%; z-index: -1; content: ''; color: #fff !important; background: #02072e; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-top-left-radius: 0rem;  border-top-right-radius: 0rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;}


.form__input:focus + .form__label { top: -0.5rem; left: 0.8rem; color: #ababab; font-size: 16px; font-weight: 500;  z-index: 10;}
.form__input:not(:placeholder-shown).form__input:not(:focus) + .form__label {top: -0.5rem; left: 0.8rem; z-index: 10; font-size: 16px; font-weight: 500;}
.form__input:focus { border: 2px solid #e4002b;}
.dfl{ float:left}
.dfl a{color:#02072e; position: relative; text-decoration: none;}
.dfl a::before {background: #000a4f; content: ""; inset: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform 0.5s ease-in-out; z-index: -1; color:#fff;}
.dfl a:hover::before {transform: scaleX(1);  transform-origin: left;}
.forgotpassword{ font-size:15px; color:#e4002b; line-height:36px; cursor:pointer; margin:0;  padding:10px; position:relative;}
    .forgotpassword:hover {
        padding: 5px 10px;
        color: #fff;
    }
.dflF{ width:100%;}

.dflFO{width:45%; text-align:left;float:left;}
.dflDO{width:55%; text-align:left;float:left;}


.card-title {
    padding: 20px 0 15px 0;
    font-size: 22px;
    font-weight: 500;
    color: #012970;
    
}
p {
    margin-top: 0;
    margin-bottom: 20px;
color:#6a6a6a;
}
.small, small {
    font-size: 14px;
}
.noPLR{ padding-left:0px; padding-right:0px;}
.form-check {
    display: block;
    min-height: 1.5rem;   
    margin-bottom: .125rem;

}


.frt{ width: 3%;
    float: left;}
.form-check-label{font-size: 14px;
color:#6a6a6a;
text-align: left;
    width: 92%;
    float: left;
padding-top:5px;
}

label {
    display: inline-block;
}


 /*New css Create A Theme Color*/


#loginBox label {
    font-size: 13px;
    padding-bottom: 5px;
    /*font-family: "Roboto", sans-serif;*/
    font-family: "Calibri, Helvetica, sans-serif";
}
.break15px {
    margin-top: 15px !important;
}


.form-group {
    margin-bottom: 12px;
    position: relative;
    display: table;
    border-collapse: separate;
}

.form-control{
    height: 32px;
}