﻿/*
 Table Of Contents

 1.) Login page
 2.) About Us
 3.) Contact Us
 ===============================================*/

/*
 1.) Login page
 ----------------------------------------*/




/*
 1.) Login page
 ----------------------------------------*/

body {
    background-color: #fff;
    font-family: 'Libre Franklin',Helvetica Neue,Arial,sans-serif;
    background-size: cover;
    padding: 0;
    color: #767676;
}

.login-security-page h3 {
    margin: 0 0 0px;
    font-size: 21px;
    color: #0288d0;
    padding-top: 13px;
}


section.login {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.95);
}

.login-btn {
    width: 100%;
}

.login-page .form-wrap, .login-security-page .form-wrap {
    background-color: #ffffff;
    border-color: #ebebeb;
    border-width: 3px;
    border-style: solid;
}

.header-tab .col-xs-4 img {
    padding: 0px;
}

.header-tab .logo-section {
    padding: 10px;
}

.txtBox {
    margin: 10px 0;
    height: 44px;
    border-radius: 3px;
    background-color: rgba(0,0,0,0);
    border: 1px solid #007bff;
    padding: 0 0 0 42px;
    font-size: 13px;
    position: relative;
}

    .txtBox:focus {
        border-color: #007bff;
    }

#linkForget a {
    font-size: 14px;
    color: #007bff;
    font-weight: 500;
}

.step-wrapper .wizard .nav-tabs > li {
    position: relative;
}

.step-wrapper .nav > li.disabled > a:focus, .step-wrapper .nav > li.disabled > a:hover {
    visibility: initial;
    border: 1px solid #007bff;
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    background: #007bff;
}

#header .nav-tabs > li > a::before {
    background: #007bff;
}

/*.clearfix{
   height:auto;
}*/
header {
    left: 0;
    width: 100%;
    background-color: #fff;
}

.nav-tabs > li > a::after {
    background: #007bff;
}


.step-wrapper .nav-tabs > li.active > a, .step-wrapper .nav-tabs > li > a:hover {
    border: 1px solid #007bff;
}


.footer {
    width: 100%;
}

#linkForget a:hover {
    text-decoration: underline;
}

.site-name a {
    font-size: 39px;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
}

a:hover, a:focus {
    color: #08a7fd;
}

.logo {
    float: left;
    width: 11%;
    margin-right: 6px;
    display: inline-block;
}

.inner-box-logo {
    float: left;
    width: 69%;
}

.logo img {
    max-width: 100%;
}

.site-branding__name {
    float: left;
}

.site-branding__slogan {
    font-size: 14px;
    text-align: left;
    display: inline-block;
}

.forgot-wrapper {
    padding: 3px;
    margin-top:10px;
}


.logo {
    padding: 5px 0 14px;
    font-size: 25px;
    color: #aaaaaa;
    font-weight: bold;
}

.login-btn {
    width: 245px;
}

.padd-top-22 {
    padding-top: 22px;
}

.form-wrap.forget-wrap {
    background-color: #ffffff;
    border-color: #ebebeb;
    border-width: 3px;
    border-style: solid;
}

div.form-wrap h3 span {
    color: #007bff;
}

div.form-wrap h3 {
    margin: 0 0 20px;
    font-size: 23px;
    color: #007bff;
}

.popHead, .modal-header {
    background-color: #007bff;
}

div #linkForget a {
    font-size: 14px;
    color: #007bff;
    font-weight: 500;
}

div.forget-pswd .reset-error-for {
    position: relative;
    top: 0;
    text-align: left;
    margin-bottom: 10px;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

div.k-draghandle.k-state-selected:hover, .k-primary, .k-primary:hover, div.k-ghost-splitbar-horizontal, div.k-ghost-splitbar-vertical, div.k-list > .k-state-highlight, div.k-list > .k-state-selected, div.k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    color: #fff;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 3px 1px #007bff !important;
    box-shadow: inset 0 0 3px 1px #007bff !important;
}

.k-grid-header th.k-header {
    vertical-align: bottom;
    background: rgba(66, 66, 66, 0.9);
    color: #fff !important;
    padding: 6px 8px;
    font-size: 13px;
}

    .k-grid-header th.k-with-icon .k-link, .k-grid-header th.k-header > .k-link {
        color: #fff;
    }

div.cardTab-two .nav-tabs > li > a {
    color: #007bff;
}

.scroll-section b {
    color: #007bff;
}

.btn-primary, .btn.btn-success{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.loader {
    border-top: 5px solid #007bff;
}

div.wizard .wizard-inner .connecting-line {
    background: #ffffff;
}

header {
    background: #ffffff;
}
    /* ===================================end========================= */
    @media only screen and (min-width: 1200px) and (max-width: 1920px) {
        .logo {
            padding: 0px 0 0px;
            font-size: 22px;
            color: #aaaaaa;
            font-weight: bold;
            margin-right: 1px;
        }

            .logo img {
                max-width: 91%;
                width: 100%;
            }

        .site-name a {
            font-size: 26px;
            line-height: 1em;
            color: #0288d0;
        }

        .site-branding__slogan {
            font-size: 12px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .logo {
            padding: 0px 0 0px;
            font-size: 22px;
            color: #aaaaaa;
            font-weight: bold;
            margin-right: 1px;
        }

            .logo img {
                max-width: 91%;
                width: 100%;
            }
    }

/*
    @media(max-width:768px){
        .wizard {
            margin-top: 10px;
        }
    }
@media(max-width:480px){
    .wizard {
        margin-top: 32px;
    }
}*/