* {margin:0; padding:0;}
ol,ul{list-style:none;}
a, a:hover {text-decoration:none;}
img {border:0;}
body{font-family:'Open Sans', sans-serif; font-size:13px; line-height:20px; background:url(../images/bg.jpg) no-repeat 0 0; background-attachment:fixed; background-size:cover;}
.logo {/*margin:0 0 25px;*/}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background:#2e455b; color:#fff;}
.main-content {background:url('../images/body-bg.jpg') no-repeat 0 0; background-size:100%; padding:165px 0 0;}
.login-form {background:#fff; border-radius:7px 7px 0 0; max-width:500px; margin:0 auto; position:relative; padding:25px 20px;}
.login-form:before, .login-form:after {content:"\f0c2"; font-family:'FontAwesome'; font-size:150px; display:inline-block; vertical-align:top; color:#fff; position:absolute; bottom:0;}
.login-form:before {left:-135px;}
.login-form:after {right:-135px; transform:rotateY(180deg);}
.login-form .btn {display:block; border-radius:16px; width: 100%; margin:0 0 10px;}
.login-form label {font-weight:normal;}
.login-form .form-control {box-shadow:none; -webkit-box-shadow:none;}
.company-counters {background:#fff; padding:30px 0;}
.company-counters h4 {font-weight:600;}
.company-counters h4 span {display:block; font-weight:400; margin-top: 2px; font-size: 14px;}
.footer {background:#e1e1e1; color:#333; padding:20px 0;}
.footer a {color:#333;}
.footer .copyright {margin:15px 0 0;}
.footer .social-icons {text-align:right; margin:10px 0 0;}
.footer .social-icons li {display:inline-block; vertical-align:top;}
.footer .social-icons li + li {margin-left:8px;}
.footer .social-icons li .fa {font-size:16px; border:1px solid #727272; border-radius:100%; display:block; width:30px; height:30px; line-height:30px; text-align:center;}
.required:after {content:"*"; display:inline-block; vertical-align:top; color:#f00; margin-left:2px;}

.colordiv {
    background:#0488a4;
    padding:5px 10px;
    font-size:14px;
    color:#fff;
    text-align:center;
    font-weight:500;
}
.colordiv2 {
    background:#7802d3;
    padding:5px 10px;
    font-size:14px;
    color:#fff;
    text-align:center;
    font-weight:500;
}
.colordiv3 {
    background:#bd0d89;
    padding:5px 10px;
    font-size:14px;
    color:#fff;
    /*text-align:center;*/
    font-weight:500;
}
.user-panel .info {
    position:inherit!important;
    left:0;
}

/*.main-sidebar, .left-side {
position:inherit!important;
}*/
/*------------
 ===========LOGIN Page
 -------------------------------*/
.quicllink li {
    line-height:30px;
    border-bottom:1px dotted #ccc;
}
    .quicllink li a {
        display:block;
    }
.wrapperlogin {
    padding-left:15px;
    padding-right:15px;
}
.header-fix {
    border-bottom:2px solid #0D47A1;
    box-shadow:0 0 3px #000;
    /*background:rgba(255,255,255,1);*/
    border-top:2px solid #d17f14;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f3f2+0,ffffff+100 */
background: rgb(244,243,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,243,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(244,243,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,243,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.brandname {
    padding:2px 10px;
    margin-left:30px;
}
.brandname h1 {
margin-top: 10px;
font-size: 32px;
text-shadow: 1px 3px 3px #ccc;
}
/*.logincolor .well {
    background-color:transparent;
    border:none;
}*/
.logincolor .well {
    background:rgba(255,255,255,0.4);
    border:1px solid rgba(255,255,255,0.2);
    box-shadow: 1px 1px 4px #a0a0a0;
    padding:10px;
    margin-bottom:15px;
}
.main h4 {
    margin-top:0;
    margin-bottom:7px;
}
    .logincolor .well.logwell {
        padding:0;
        overflow:hidden;
    }
    .logincolor .well .pddiv {
       margin: 20px;
background: #fff;
padding: 10px;
    }
.logincolor h3 {
    margin-top:0;
    background:rgba(0,0,0,0.2);
    color:#000;
    text-align:left;
    font-size:16px;
    padding:10px;
    padding-left:20px;
}
.hormarquee {
    display:inline-block;
    margin-right:20px;
}
#cbp-qtrotator {
    min-height:0px;
    max-height:35px;
    overflow:hidden;
}
#cbp-qtrotator blockquote {
    font-size:16px;
}
.wrapper input.form-control {
    background:rgba(255,255,255,0.8);
}

.wrapperlogin input.form-control:focus {
    background:rgba(255,255,255,1);
}
.tablecolor {
    background:#fff;
    padding:10px;
}
.pddiv label {
    font-size:16px;
    font-weight:500;
}


.marquee-hor {
    padding-top:4px;
    background:rgba(255,255,255,0.4);
}
.marquee-hor marquee {
    line-height:30px;
    font-size:18px;
    padding:5px;
    margin-top:0;
    color:#026383;
}
.content-pane .content {
    margin-top:15px;
}
.pointerimage img {
    cursor:pointer;
}
.panel-heading h4 {
    margin-top:0;
    margin-bottom:0
}







@media screen and (max-width:980px) {
.main-content {padding:130px 0 0;}
.login-form:before, .login-form:after {font-size:135px;}
.login-form:before {left:-110px;}
.login-form:after {right:-120px;}
.login-form {padding:25px 20px 15px;}
}

@media screen and (max-width:767px) {
.main-content {padding: 40px 0 0;}
.login-form:before, .login-form:after {display:none;}
.company-counters {padding: 0 0 30px;}
.company-counters .col-sm-4 + .col-sm-4 {margin-top:25px;}
.footer, .footer .social-icons {text-align:center;}
    .brandname h1 {
        font-size:18px;
    }
}