/*--reset--*/

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,
dl,
dt,
dd,
ol,
nav ul,
nav 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;
}

ol,
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*--start editing from here--*/

a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}

/* text align right */

.txt-lt {
    text-align: left;
}

/* text align left */

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

/* text align center */

.float-rt {
    float: right;
}

/* float right */

.float-lt {
    float: left;
}

/* float left */

.clearfix {
    clear: both;
}

/* clear float */

.pos-relative {
    position: relative;
}

/* Position Relative */

.pos-absolute {
    position: absolute;
}

/* Position Absolute */

.vertical-base {
    vertical-align: baseline;
}

/* vertical align baseline */

.vertical-top {
    vertical-align: top;
}

/* vertical align top */

nav.vertical ul li {
    display: block;
}

/* vertical menu */

nav.horizontal ul li {
    display: inline-block;
}

/* horizontal menu */

img {
    max-width: 50%;
}

/*--end reset--*/
body a:hover {
    text-decoration: none;
}

.clearfix {
    clear: both;
}

/* content */

/*
  Responsive form elements
  Flexbox layout
*/

/*/////////////// GLOBAL STYLES ////////////////////*/

body {
	font-family: 'Mukta', sans-serif;
}
.main {
    background: url(https://ilsadmin.com/app/assets/pages/img/login/has_companies_001.jpeg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	position: relative;
    min-height: 100vh;
}
.main:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hwb(216deg 0% 98% / 60%);
    z-index: 1;
    pointer-events: none;
}
.layer {
    padding: 2em 0;
    position: relative;
    z-index: 2;
}
.text-center {
    text-align: center;
}

/*/////////////// FONT STYLES ////////////////////*/

.content-grid {
    max-width: 500px;
    margin: 6em auto;
}
ul.links-unordered-list li.active a {
    background: rgba(255, 255, 255, 0.05);
    padding: 5px 20px;
    color: #fff;
}
.icon span.fa{
    font-size: 60px;
    color: #eee;
}
.icon{
	margin-bottom:3em;
}
.content-bottom {
    padding: 0em 4em;
    margin: 0 1em;
	position: relative; 
    z-index: 1;
}
.logo h1 a {
    font-size: 25px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
}
.logo {
    width: 50%;
}
.content-grid ul li {
    display: inline-block;
}

li.switch-slide {
    float: left;
}

ul.list-login li:nth-child(2) {
    float: right;
}
ul.list-login-bottom li:nth-child(2) {
    float: right;
}

.field-group label {
    font-size: 15px;
}

.check {
    margin: .5em 0;
}

.checkbox input,
.radio input {
    position: absolute;
    left: -9999px;
}

.checkbox i {
    position: absolute;
    bottom: 5px;
    left: 2px;
    display: block;
    width: 14px;
    height: 14px;
    outline: none;
    border: none;
    background: #fff;
}

.check label {
    margin: 0;
    font-size: 1em;
    text-transform: capitalize;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 300;
}

.checkbox {
    position: relative;
    padding-left: 28px !important;
    cursor: pointer;
}

.checkbox input:checked+i:after,
.radio input:checked+i:after {
    opacity: 1;
}


.checkbox input+i:after,
.radio input+i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.display-hide{
    display: none;
}
/*/////////////// FORM STYLES ////////////////////*/

form .field-group {
    background: #f9f9f9;
    border: 1px solid #ccc;
    display: flex;
    margin-bottom: 20px;
    padding: 0;
    border-radius: 35px;
    color: #2e2e38ab;
}
form .field-group span {
    text-align: center;
    line-height: 44.8px;
    width: 50px;
    padding-left: 10px;
}
form .field-group .content-input-field {
    flex: 1;
}
ul.list-login {
    margin-top: 1.5em;
    margin-bottom: 1em;
    text-align: center;
    width: 50%;
}

.content-input-field button.btn:hover {
    box-shadow: 0 3px 6px #26c281, 0 3px 6px rgb(12 11 11);
}
.content-input-field button.btn {
    background: #1de9b6;
    border: none;
    color: #fff;
    padding: 12px 15px;
    transition: 0.5s all;
    border-radius: 35px;
    width: 50%;
    float: left;
    outline: none !important;
}

.content-input-field button.btn:hover {
    box-shadow: 0 3px 6px #26c281, 0 3px 6px rgb(12 11 11);
}
a.forgot {
    float: right;
    color: #1de9b6;
    font-weight: 600;
    font-size: 14px;
    margin-top: 15px;
}
.bottom-grid,.bottom-grid1{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    margin: 0em 10em;
}
ul.links-unordered-list li {
    display: inline-block;
    margin-right: 10px;
}
ul.links-unordered-list li a {
    font-size: 16px;
    color: #554b4b;
    font-weight: normal;
}
.content-input-field input {
    padding: 14px 20px;
    font-size: 14px;
    color: #242020bf !important;
    border: none;
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    outline: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
::-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
/* switch */

label.switch {
    position: relative;
    display: inline-block;
    height: 18px;
    padding-left: 3em;
    cursor: pointer;
    color: #ccc;
    font-weight: 300;
}
label.switch {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #211c1c;
    text-transform: capitalize;
}
ul.list-login-bottom li:nth-child(1) a,ul.list-login-bottom li:nth-child(2) a {
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: normal;
    text-transform: uppercase;
    color: #211c1c !important;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 21%;
    background-color: rgba(255, 255, 255, 0.15);
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #fc636b;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}
input:-webkit-autofill {
    border-radius: 35px;
}
/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* //switch */
.copyright{
    width: 53%;
    text-align: center;
}
.copyright p {
    color: #ccc;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 300;
    word-spacing: 1px;
    text-transform: capitalize;
}
.copyright p a {
    color: #fff;
}
.alert-danger {
    position: relative;
    padding: 10px;
    top: 14px;
}
.loading-screen.loading-screen-background {
    margin: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 64%);
    z-index: 8000;
    top: 0;
    left: 0;
    bottom: 0;
}
.loading-screen.loading-screen-msj {
    position: fixed;
    top: 40%;
    left: 50%;
    text-align: center;
    z-index: 8001;
}
.content-recovery {
    color: #777;
    padding-bottom: 10px;
    text-align: justify;
    font-size: 14px;
}
.first-headings{
    text-align: center;
    padding: 10px;
}
.rc-anchor-light .rc-anchor-logo-text, .rc-anchor-light div a:link, .rc-anchor-light div a:visited {
    color: #ede5e5 !important;
}
.rc-anchor-normal .rc-anchor-pt {
    margin: 2px 11px 0 0;
    padding-right: 2px;
    position: absolute;
}
iframe {
    width: 353px;
}
.rc-anchor-light {
    background: #5b56564f !important;
    color: #f1eeee !important;
}
.login-container {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 100vh;
}
.login-container .login-bg {
    position: relative;
    width: 60%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: -8px 0 16px 1px #333 inset;
}
.login-container .login-form-container {
    position: relative;
    width: 40%;
    padding: 25px 25px 65px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-container .login-copyright {
    position: absolute;
    width: 100%;
    bottom: 15px;
    background-color: rgb(0 0 0 / 60%);
    text-align: center;
    padding: 6px 25px;
    font-size: 13px;
    color: #eee;
}
.login-container .login-form {
    position: relative;
    text-align: center;
    width: 320px;
    max-width: 100%;
}
.login-container img.login-logo {
    position: relative;
    width: auto;
    max-width: 100%;
    max-height: 80px;
    margin-bottom: 25px;
}
.login-container .links-conditions {
    position: absolute;
    width: 100%;
    bottom: 18px;
    line-height: 20px;
    height: 20px;
}
.login-container .links-conditions ul {
    text-align: center;
}
.login-container .links-conditions ul li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    font-weight: 600;
    font-size: 14px;
}
.login-container .links-conditions ul li a {
    color: #555;
    text-decoration: underline;
}

@media screen and (max-width: 1080px) {
    .login-container .login-form-container,
    .login-container .login-bg {
        width: 50%;
    }
}
@media screen and (max-width: 700px) {
    .login-container {
        padding: 0 5px;
        align-items: center;
    }
    .login-container .login-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .login-container img.login-logo {
        max-height: 60px;
    }
    .login-container .login-form-container {
        z-index: 2;
        background-color: rgb(255 255 255 / 90%);
        border-radius: 16px;
        padding: 20px 20px 26px;
        flex-direction: column;
        width: auto;
        max-width: 100%;
        margin: 60px auto 120px;
    }
    .login-container .links-conditions {
        position: relative;
        line-height: 1.2;
        height: auto;
        bottom: auto;
        margin-top: 40px;
    }
    .login-container .links-conditions ul li {
        margin: 0 8px;
        font-size: 13px;
    }
}

.user-login-5 .bs-reset {
    margin: 0;
    padding: 0;
}
.user-login-5 .login-bg{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    min-height:100vh
}
img.login-logo.login-6 {
    padding-bottom: 50px;
}
/*.links {
    position: absolute;
    bottom: 30px;
    text-align: right;
    right: 100px;
}*/
.login-footer {
    position: absolute;
    bottom: 20px;
    text-align: center;
}
.login-footer .login-copyright>p {
    margin: 0;
    font-size: 13px;
    color: #f1f4f6;
    background: #90979778;
    text-align: center;
}
/* -- Responsive code -- */
@media screen and (max-width: 1280px) {
    .content-grid {
        margin: 4em auto;
    }
}
@media screen and (max-width: 1080px) {
    .bottom-grid,.bottom-grid1 {
		margin: 0em 5em;
	}
	.icon span.fa {
		font-size: 50px;
	}
}
@media screen and (max-width: 900px) {
   .bottom-grid, .bottom-grid1 {
		margin: 0em 2em;
	}
}
@media screen and (max-width: 800px) {
	.bottom-grid1 {
		flex-direction: column;
		text-align: center;
	}
	.copyright {
        margin-top: 1.5em;
        width: 100%;
    }
    .alert-danger {
        width: 76%;
        padding: 9px;
    }
}
@media screen and (max-width: 768px) {
	.logo h1 a {
		font-size: 22px;
	}
    .alert-danger {
        width: 76%;
        padding: 9px;
    }
}
@media screen and (max-width: 668px) {
    
    .content-grid {
        margin: 3em auto;
    }
	ul.links-unordered-list li a,.copyright p {
		font-size: 15px;
	}
	ul.links-unordered-list li {
		margin-right: 0px;
	}
	ul.list-login {
		margin-bottom: .5em;
	}
	.icon {
		margin-bottom: 2em;
	}
	.icon span.fa {
		font-size: 40px;
	}
	ul.list-login-bottom li:nth-child(1) a, ul.list-login-bottom li:nth-child(2) a {
		font-size: 14px;
	}
}
@media screen and (max-width: 600px) {
    .copyright p {
        color: #fff;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 568px) {
    .content-bottom {
        padding: 0em 2.5em;
    }
	.content-grid {
		margin: 3em auto 2em;
		max-width: 450px;
	}
}

@media screen and (max-width: 480px) {
	  .logo h1 a {
		font-size: 20px;
	}
}

@media screen and (max-width: 415px) {
    .bottom-grid, .bottom-grid1 {
		flex-direction: column;
		text-align: center;
	}
	.logo {
		margin-bottom: 10px;
	}
	ul.list-login-bottom li:nth-child(1) a, ul.list-login-bottom li:nth-child(2) a {
		font-size: 13px;
	}
	.bottom-grid, .bottom-grid1 {
		margin: 0em 1em;
	}
}

@media screen and (max-width: 384px) {
    .content-bottom {
		padding: 0em 1em;
	}
	.layer {
		padding: 1em 0;
	}
	label.switch {
		padding-left: 2.5em;
	}
}

@media screen and (max-width: 375px) {
    
}
@media screen and (max-width: 320px) {

}

/* -- //Responsive code -- */