@import url(bootstrap.min.css);

@import url(font-awesome.min.css);

@import url(preloader.css);

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900);

a,

a:focus {

    text-decoration: none

}



body,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Titillium Web', sans-serif

}







body {

    font-size: 1.6em;

    font-weight: 400;

    color: #44525f

}



.login {

    background-color: #d3dcdc;

    background-image: url(../images/login-background-colorjet.jpg);

    background-repeat: no-repeat;

    /* background-size:cover; */

    background-position: 100%;

    height: 100vh;

    overflow-x: hidden;

    text-rendering: optimizeLegibility;

}



ul {

    padding: 0;

    margin: 0;

    list-style: none

}



a:focus {

    outline: 0

}





a,

a:focus,

a:hover {

    color: #4f77ff

}



.btn-primary {

    background-color: #326297;

    border-color: #326297;

}



.btn-primary.active,

.btn-primary:active,

.btn-primary:active:focus,

.btn-primary:active:hover,

.btn-primary:focus,

.btn-primary:hover {

    background-color: #486ff2;

    border-color: #486ff2

}



.authfy-login .btn.btn-lg {

    border-radius: 3px;

    box-shadow: 0 2px 3px #9c9c9c

}



.brand-logo {

    margin-top: 0;

    margin-bottom: 35px

}



.authfy-container {

    margin-top: 97px;

    margin-bottom: 97px

}



.authfy-panel-left {

    background-color: rgba(36, 142, 194, 0.92);

    color: #fff;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    -webkit-box-shadow: 0 3px 6px #1d2030;

    box-shadow: 0 3px 6px #1d2030;

}



.authfy-panel-right {

    background-color: #fff;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    -webkit-box-shadow: 0 2px 6px 0 #1d2030;

    box-shadow: 0 2px 6px 0 #1d2030

}



.authfy-login,

.authfy-panel-left .brand-col {

    height: 460px

}



.authfy-panel-left .brand-col {

    display: table;

    width: 100%;

    padding: 25px

}



.authfy-panel-left .brand-col .headline {

    display: table-cell;

    vertical-align: middle

}



.authfy-panel-left .brand-col .headline h1,

.authfy-panel-left .brand-col .headline h2,

.authfy-panel-left .brand-col .headline h3 {

    color: #fff;

    font-size: 48px;

    font-weight: 700

}



.authfy-login {

    position: relative;

    top: 0;

    left: 0;

    overflow: hidden

}



.authfy-panel {

    padding: 20px 30px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition: all .5s ease;

    opacity: 0;

    transform: translateX(-100%);

    -webkit-transform: translateX(-100%)

}



.authfy-panel .authfy-heading {

    margin-bottom: 30px

}



.authfy-login .auth-title {

    font-weight: 700

}



.authfy-login .authfy-panel.active {

    opacity: 1;

    transform: translateX(0);

    -webkit-transform: translateX(0)

}



.brand-col .social-buttons a {

    color: #fff;

    margin-top: 15px

}



.brand-col .social-buttons a:hover {

    color: #fff;

    opacity: .9

}



.brand-col .social-buttons .btn-facebook {

    background: #3b5998

}



.brand-col .social-buttons .btn-twitter {

    background: #00aced

}



.brand-col .social-buttons .btn-google {

    background: #c32f10

}



.brand-col .social-buttons a>span {

    padding-left: 5px

}



.panel-login {

    margin-top: 20px;

}



.panel-login .remember-row {

    margin-bottom: 10px;

}



.panel-login .remember-row label {

    font-weight: 400;

    position: relative;

    cursor: pointer;

    color: #666;

    padding-left: 24px;

}



.authfy-login .forgotPwd {

    text-align: right;

    margin-top: 10px

}



.panel-forgot .form-control,

.panel-login .form-control,

.panel-signup .form-control {

    background-color: #fff;

    color: #333;

    font-size: 18px;

    height: 42px;

    margin-bottom: 0px;

    padding: 12px 22px;

    border-radius: 3px;

    border: 1px solid #bcc2ce;

    outline: 0;

    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .1);

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .1);

}



.authfy-panel.panel-forgot {

    padding-top: 40px;

}



.panel-forgot .form-control:focus,

.panel-login .form-control:focus,

.panel-signup .form-control:focus {

    border-color: #4f77ff;

    z-index: 2;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

}



.pwdMask {

    position: relative;

}



.pwdMask .pwd-toggle {

    color: #ccc;

    position: absolute;

    z-index: 2

}



.panel-login .pwdMask .pwd-toggle,

.panel-signup .pwdMask .pwd-toggle {

    top: 15px;

    right: 15px

}



.pwdMask .pwd-toggle:focus,

.pwdMask .pwd-toggle:hover {

    cursor: pointer

}



.pwdMask .pwd-toggle.fa-eye,

.pwdMask .pwd-toggle:focus,

.pwdMask .pwd-toggle:hover {

    color: #4f77ff

}



.panel-signup .term-policy a {

    text-decoration: underline

}



.checkbox input[type=checkbox] {

    position: absolute;

    right: 9000px;

    opacity: 0;

    z-index: 1;

    cursor: pointer

}



.checkbox input[type=checkbox]+.label-text:after,

.checkbox input[type=checkbox]+.label-text:before {

    font-size: 11px;

    display: inline-block;

    width: 17px;

    height: 17px;

    padding: 2px;

    margin-left: 0;

    position: absolute;

    top: 2px;

    left: 0

}



.checkbox input[type=checkbox]+.label-text:before {

    content: "";

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: 3px;

    cursor: pointer;

    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;

    transition: border .15s ease-in-out, color .15s ease-in-out

}



.checkbox input[type=checkbox]+.label-text:after {

    background-color: #4f77ff;

    color: #fff;

    border-radius: 2px;

    border-color: #4f77ff;

    line-height: 1.4

}



.checkbox input[type=checkbox]:focus+.label-text:before {

    outline: dotted thin;

    outline: -webkit-focus-ring-color auto 5px;

    outline-offset: -2px

}



.checkbox input[type=checkbox]:checked+.label-text:after {

    font-family: FontAwesome;

    content: "\f00c"

}



@media (min-width:768px) {

    .authfy-panel {

        padding: 20px

    }

}



@media (max-width:767px) {

    .authfy-panel-left,

    .authfy-panel-right {

        box-shadow: none

    }

    .authfy-panel-left {

        border-radius: 4px 4px 0 0

    }

    .authfy-panel-right {

        border-radius: 0 0 4px 4px

    }

    .authfy-panel-left .brand-col {

        height: 300px;

        text-align: center

    }

    .term-policy {

        font-size: 75%

    }

}



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

    .authfy-login .authfy-panel {

        padding: 20px

    }

    .panel-login .remember-row {

        margin-bottom: 10px;

        font-size: 14px

    }

}



@media (max-width:320px) {

    .authfy-login {

        height: 480px

    }

    .authfy-heading p {

        font-size: 14px

    }

    .remember-row .col-sm-6 {

        width: 100%

    }

    .authfy-login .forgotPwd {

        text-align: left;

        margin-top: 0

    }

}





/* SCROLL BAR */



::-webkit-scrollbar {

    width: 8px;

}



::-moz-scrollbar {

    width: 8px;

}



::-o-scrollbar {

    width: 8px;

}



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



::-moz-scrollbar-track {

    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    -moz-border-radius: 10px;

    border-radius: 10px;

}



::-o-scrollbar-track {

    -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    -o-border-radius: 10px;

    border-radius: 10px;

}





/* Handle */



::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: rgba(25, 169, 229, 0.7);

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

}



::-moz-scrollbar-thumb {

    -moz-border-radius: 10px;

    border-radius: 10px;

    background: rgba(25, 169, 229, 0.7);

    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

}



::-os-scrollbar-thumb {

    -o-border-radius: 10px;

    border-radius: 10px;

    background: rgba(25, 169, 229, 0.7);

    -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

}



::-webkit-scrollbar-thumb:window-inactive {

    background: rgba(25, 169, 229, 0.7);

}



::-moz-scrollbar-thumb:window-inactive {

    background: rgba(25, 169, 229, 0.7);

}



::-o-scrollbar-thumb:window-inactive {

    background: rgba(25, 169, 229, 0.7);

}





/*END SCROLL BAR*/



/**=====================PRODUCT PAGE==============**/



.navbar-inverse .navbar-toggle{border-color:#fff;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:#248ec2 !important;}



.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover

{



    color: #fff;

    background-color: #248ec2;

}



.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color: #fff;

    background-color: #248ec2;}



.navbar-inverse .navbar-nav>li>a {

    color: #ffffff;

}

.navbar-inverse {

    background-color: #326297;

    border-color: #326297;

}

.navbar{border-radius:0px !important;border:none;margin-bottom:0px;}

#login-dp{

    min-width: 250px;

    padding: 14px 14px 0;

    overflow:hidden;

    background-color:rgba(255,255,255,.8);

}

#login-dp .help-block{

    font-size:12px;    

}

#login-dp .bottom{

    background-color:rgba(255,255,255,.8);

    border-top:1px solid #ddd;

    clear:both;

    padding:14px;

}

#login-dp .social-buttons{

    margin:12px 0    

}

#login-dp .social-buttons a{

    width: 49%;

}

#login-dp .form-group {

    margin-bottom: 10px;

}

.btn-fb{

    color: #fff;

    background-color:#3b5998;

}

.btn-fb:hover{

    color: #fff;

    background-color:#496ebc 

}

.btn-tw{

    color: #fff;

    background-color:#55acee;

}

.btn-tw:hover{

    color: #fff;

    background-color:#59b5fa;

}

@media(max-width:768px){

    #login-dp{

        background-color: inherit;

        color: #fff;

    }

    #login-dp .bottom{

        background-color: inherit;

        border-top:0 none;

    }

}



/*HEADER CSS*/



header{  background: #eee;

  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);

}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:transparent;}

header{

display:inline-block;

width:100%;

padding: 15px;

}

header h1{vertical-align:middle;font-size: 24px;font-style: italic;}

img{

float:left;

vertical-align:middle;

}



@media(max-width:768px){header h1{vertical-align:middle;font-size: 16px;font-weight: 600;font-style: italic;}}



/*CONTENT BOX CSS*/



.content{background:#fff;padding: 15px 15px 0px 18px;}



/*Breadcrum*/

.breadcrumb a{ text-decoration: none;}



.panels{background:#248ec2;}

.panels h4{color:#fff;padding:3px 3px 3px 15px; font-size: 16px;font-weight: 600;}

.panels-ink{background:#326297}

.panels-ink h4{color:#fff;padding:3px 3px 3px 15px; font-size: 16px;font-weight: 600;}



/* TREE STRUCTURE */

.tree {

    

min-height:20px;

    

padding: 15px;

    

margin-bottom:20px;

}

.tree li {

    list-style-type:none;

    margin: 0px;

    padding: 10px 5px 0 4px;

    position:relative;

    margin-left: 6px;

    top: -4px;



}



.tree li a{color:#fff;text-decoration:none;font-size:14px;font-weight: normal;}



.tree li::before, .tree li::after {

    content:'';

    left: -20px;

    position:absolute;

    right:auto;

}

.tree li::before {

    border-left:1px solid #999;

    bottom:60px;

    height:100%;

    top:-10px;

    width:3px;

}

.tree li::after {

    border-top:1px solid #999;

    height: 55px;

    top: 20px;

    width: 24px;

}

.tree li span {

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    /* border:1px solid #999; */

    border-radius:5px;

    display:inline-block;

    padding: 5px 20px;

    text-decoration:none;

}

.tree li.parent_li>span {

    cursor:pointer;

}

.tree>ul>li::before, .tree>ul>li::after {

    border:0;

    border-top: 2px solid #326297;

    top: 26px;

}

.tree li:last-child::before {

    height:30px;

    

}

.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {

    background:#eee;

    border:1px solid #94a0b4;

    color:#000;

}

.user{font-weight: bold;}

.badge{background-color: #3e4b4f;}

/*end tree view structure*/





/* PRODUCT SINGLE CSS */



.product-single img{max-width: 240px;margin-bottom: 10px;}

.asterisk h2{color:#326297;font-size: 22px;}



.footer{flex-shrink: 0;

padding: 10px;}

.footer{background-color: #3e4b4f;color: #fff;text-align: center;font-size: 12px;}

.table tr, td, th {

   text-align: center;

   vertical-align: bottom;   

}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,

 .table-bordered>thead>tr>th{vertical-align: middle;}



/*BACK to Top*/

.scroll-top {

  width: 90px;

  height: 38px;

  position: fixed;

  bottom: -1px;

  right: 10px;

  display: none;

  border-radius: 0px;

  font-size: 12px;

  text-align: center;

  background-color: #3e4b4f;

  border: none;

}

.scroll-top i {

  display: inline-block;

  color: #fff;

}



.img-thumbnail {max-width: 100px;border:none;}



.table-striped>thead>tr:nth-of-type(odd) {

    background-color: #f9f9f9;

}



.table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #fff;

}



.list-group-item {

    position: relative;

    display: block;

    padding: 1px 27px;

    margin-bottom: -1px;

    color: #fff;

    font-weight: 600;

    background-color: #f9f9f9;

    border: 1px solid #ddd;

}

.list-group-item:first-child {

    border-radius: 0px;

}

.asterisk h5 {

    color: #326297;

    font-size: 16px;

    margin-top: 20px;

    margin-bottom: 18px;

}



@media(max-width:768px){

   .img-thumbnail {max-width: 140px !important;border:none;}

}



/*TABS*/

.tabs-left {

  border-bottom: none;

  border-right: 0px solid #248ec2;

  margin-bottom: 20px;

  background: #eee;

}



.tabs-left>li {

  float: none;

 margin:0px;

  

}



.tabs-left>li.active>a,

.tabs-left>li.active>a:hover,

.tabs-left>li.active>a:focus {

  border-bottom-color: #248ec2;

  border-right-color: transparent;

  background: #248ec2;

  border:none;

  border-radius:0px;

  margin:0px;

  color: #fff;

}

.nav-tabs>li>a:hover {

    /* margin-right: 2px; */

    line-height: 1.42857143;

    border: 1px solid transparent;

    /* border-radius: 4px 4px 0 0; */

}

.tabs-left>li.active>a::after{

    content: "";

    position: absolute;

    top: 10px;

    right: -10px;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 10px solid #248ec2;

    display: block;

    width: 0;

    }



.profileTab .avatar{max-width:120px;margin-left: 30px;}

.profileTab{-webkit-box-shadow: 0 0 4px #fff;

        -webkit-box-shadow: 0 0 4px rgba(0,0,0, .65);

        -moz-box-shadow: 0 0 4px rgba(0,0,0, .65);

        box-shadow: 0 0 4px rgba(0,0,0, .65);

       margin-bottom:20px;

       padding:10px;

   }

   .profileTab h6{text-align: center;}
   
   #confirmPassword {
    margin-top: 10px;
    padding-top: 10px;
    color: red !important;
}