@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
    font-family: 'Open Sans',sans-serif;    
}

a {
    color: #395f9e;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.transparent-bg {
    background: url('../Images/transparent_bg.png') repeat;
}
.gradient-bg {
    background: url("../images/box_bg.jpg") #fff bottom repeat-x;
}
section.inner-section {
    background: url("../images/zte_banner_bg.jpg") #fff repeat;
}
section.inner-section .main-content .right-content {
    background: #f2f2f2;
}
/* header css */
.header {
    width: 100%;
    height: 80px;
    background: url('../Images/header_repeat_bg.png') repeat-x;
}

.header header {
    width: 940px;
    height: 77px;
    margin: 0 auto;
}
.header header.inner-header {
    width:95%;
}

.header header .logo {    
    margin-top: 15px;
    float: left;
    width: 140px;
}
.header header .logo a {
    display:block;
    width: 138px;
    height: 51px;
    background: url('../Images/zte_logo.JPG');
}

.header header .navigation {
    float: right;    
}

.header header .navigation ul {
    list-style: none;
    overflow: hidden;
    padding: 0px;
    margin: 0px;    
}

.header header .navigation ul li {
    float: left;
    padding: 15px 30px;
    /*background:#99CC99;*/
    margin-right:10px;
    padding:10px;
    font-size:18px;
}

.header header .navigation ul li.social-link {
    padding:12px;
}

.header header .navigation ul li .btn {
    font-size:12px;
    text-transform:uppercase;
}

.header header .navigation ul li a {
    text-transform: uppercase;
}

.header header .social {
    float: right;
    padding: 7px 7px 2px;
    border: 1px solid #dadadd;
    border-top: 0px;    
    background: #f8f9fc;
}

.header header .social a {
    display:inline-block;
    margin-right: 5px;    
}

.header header .social a.social-fb {
    background: url('../Images/social_fb_icon.png');
}
.header header .social a.social-twitter {
    background: url('../Images/social_twitter_icon.png');
}
.header header .social a.social-youtube {
    background: url('../Images/social_youtube_icon.png');
    margin:0px;
}

.header .header-bg,.head-banner .header-bg {
    width: 100%;
    height: 39px;
    background: url('../Images/header_border_bottom.png') repeat-x;
}
/* header css */

/*footer css*/
.footer {
    width: 100%;
    height: 100%;
    min-height:100px;
    background: url('../Images/footer_bg.png') #fff top repeat-x;
}

.footer .footer-bg {
    width: 100%;
    height: 3px;
    background: url('../Images/footer_border_bg.png') repeat-x;
}

.footer footer {
    width: 940px;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
}
.footer footer.inner-footer {
    width:95%;
}

.footer footer .footer_inner {
    overflow: hidden;
}

.footer .footer_inner .foot_box1 {
    float: left;
    text-align: left;
}

.footer .footer_inner ul {
    margin: 0px;
    padding: 0px;
}

.footer .footer_inner ul li {
    list-style: none;
}

.footer .footer_inner .foot_box1 ul {
    margin-right: 100px;
}

.footer .footer_inner .foot_box1 ul li {
    margin-bottom: 10px;
}
    /*.footer footer .footer-copy {
        margin-top:20px;
    }*/
.footer-pre {
    background:none;
    border:0px;
    float:right;
    padding:0px;
    margin:0px;
}
/*footer css*/

/*head banner*/
.head-banner {
    width: 100%;
    height: auto; 
    backgrou

.head-banner 

.head-banner .login-area {
    width: 940px;
    height: 399px;
    background: url("../images/zte_banner_header.png") right bottom no-repeat;
    margin: 0 auto;
}

tom no-repeat;
    margin: 0 auto;
}

.head-banner .login-area .login {
    height: 378px;
    padding: 0 30px;
    position: relative;
    float:left;
}

.head-banner .login-area .login .fail-notification {
    margin-bottom:10px;
    color:#f00;
}

.head-banner .login-area .login .fail-notification .alert {
    margin:0px;
}

.head-banner .login-area .image-banner {
    width:626px;
    height:378px;
    float:left;
}

.head-banner .login-area .image-banner .carousel-indicators li{
    background:#0082c8;
    border-color:#005481;
}

.head-banner .login-area .login input.form-control {
    display:inline-block;
    width:95%;
}

.head-banner .login-area .login .failureNotification {
    color:#f00;
}

.head-banner .login-area .login .heading{
    background:#689ADC;
    margin:0 -30px;
    padding:0 30px;
    color:#fff;
}

.head-banner .login-area .register {
}

    .head-banner .login-area .register .zte-sep {
        width:2px;
        height:313px;
        background: url("../images/zte-sep.png") center no-repeat;
        margin-top:10px;
    }
.head-banner .login-area .register .register-ul {
    margin-left: 2px;
}

.head-banner .login-area .register .register-ul li {
    margin-bottom: 10px;
}

.head-banner .login-area .register .register-ul li span {
    padding-right: 10px;
    color:#689adc;
}
#zte-carousel .carousel-indicat
/*head banner*/

/*News ticker*/
.news-section {
    width: 100%;
    height: 41px;
    background: #fff url('../images/news_repeat_bg.png') repeat-x 50% bottom;
}

f url('../images/news_repeat_bg.png') repeat-x 50% bottom;
}

.news-se

.news-section .news-area h4 {
    float: left;
    background:#689adc;
    color:#fff;
    padding:9px 10px;
    margin:0px;
    height: 30px;
    width: 192px;
}

    


.news-section .news-area .control {
    float: left;
    margin-top: 10px;
}

.news-section .news-area .control span {
    background: #206bb2;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    padding: 5px 7px;
    cursor: pointer;
}

.news-section .news-area .control span.left {
    margin-right: 2px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.news-section .news-area .control span.right {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.news-section .news-area .news-ticker {
    /*margin-top: 5px;*/
    float: left;
}

.news-section .news-area .news-ticker li {
    list-style:none;
    margin-right:20px;
    float:left;
}

.news-section .news-area .news-ticker p {
    display:block;
    float:left;
    margin:8px 10px;
    padding:0px;
}
.news-section .news-area .news-ticker span {
    width:36px;
    height:36px;    
    display:block;
    float:left;    
}
.news-section .news-area .news-ticker span.browser_ie {
    background: url("../images/browser-ie.png") repeat;
}
.news-section .news-area .news-ticker span.browser_firefox {
    background: url("../images/browser-firefox.png") repeat;
}
.news-section .news-area .news-ticker span.browser_safari {
    background: url("../images/browser-safari.png") repeat;
}
.news-section .news-area .news-ticker span.browser_opera {
    background: url("../images/browser-opera.png") repeat;
}
.news-section .news-area .news-ticker span.browser_chrome {
    background: url("../images/browser-chrome.png") repeat;
}
/*News ticker*/

/*Boxes section*/
.boxes-section {
    width: 1008px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.boxes-section .welcome-box {
    float:left;
    width:300px;
}

.boxes-section .welcome-box .image {
    float:left;
    margin:0 10px;
}

    .boxes-section .welcome-box p {
        font-size:13px;
    }

.boxes-section .boxes {
    background: #fff url('../images/box_bg.jpg') repeat-x 50% bottom;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 5px 6px -6px black;
    box-shadow: 0 5px 6px -6px black;
    border: 1px solid #eee;
    width: 892px;
    padding: 0 15px;
    float: left;
    height: 9px;
}

.boxes-section .boxes.feature-product {
    width:615px;
}

.boxes-section .boxes .heading {
    background: #689adc;
    color: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    margin-bottom: 10px;
}

.boxes-section .boxes.store-finder select {
    width: 75%;
    float: left;
    margin-right: 10px;
}

.carousel-boxes .carousel-inner .item img {
    position: relative;
    float: left;
}

.carousel-boxes.boxes .heading {
    margin-bottom: 0px;
}

.carousel-boxes .carousel {
    margin-left: -15px;
    margin-right: -15px;
    height: 149px;
}

.carousel-boxes .carousel-inner .item {
    width: 260px;
    margin: 0 auto;
    overflow: hidden;
}

.carousel-boxes .carousel-inner .item ul {
    list-style: none;
    font-size: 13px;
}

.carousel-boxes .carousel-inner .item ul li {
    padding-bottom: 5px;
}

.carousel-boxes .carousel-inner .item .item-detail {
    margin-top: 10px;
}

.carousel-boxes .carousel-inner .item ul li:after {
    content: ",";
}

.carousel-boxes .carousel-inner .item ul li:last-child:after {
    content: "";
}

.carousel-boxes #carousel-zmartcards .carousel-inner .item {
    margin-top: 5px;
}

.carousel-boxes #carousel-zmartcards .carousel-inner .item a.item-img {
    width: 60px;
    height: auto;
    display: inline-block;
    float: left;
    margin-left: 40px;
}

.carousel-boxes #carousel-zmartphones .carousel-inner .item {
    margin-top: 5px;
}

.carousel-boxes #carousel-zmartphones .carousel-inner .item a.item-img {
    width: 60px;
    height: auto;
    display: inline-block;
    float: left;
    margin-left: 40px;
    margin-right: 10px;
}

.carousel-boxes .carousel-inner .item .item-detail a.item-heading {
    font-weight: bold;
}
#carousel-zmartphones {
    padding:10px;
    overflow:hidden;
}
#carousel-zmartphones .item {
    width:100px;
    float:left;
    margin-right:10px;
    text-align:center;
}
#carousel-zmartphones .item a {
    font-size:12px;
}
/*Boxes section*/

/*Dashboard Page*/
.main-content {
    width:1000px;
    min-height:100%;
    height:100%;
    margin:0 auto;
    overflow:hidden;
}
.inner-main-content {
    width:100%;
    position:relative;
}
    .inner-main-content .right-content {
        background:#f2f2f2;
    }
.main-content .left-nav {
    background:#f8f9fc;
    width:14%;    
    min-height:100%;
    height:auto;        
    position:relative;
    z-index:9;
    background-color: #f8f9fc; 
    float:left;    
}
.main-content .left-nav ul {    
    margin:0px;
    padding:0px;
}
.main-content .left-nav li {
    list-style:none;    
    background:#eee;    
}
.main-content .left-nav li {    
    font-size:14px;
    display:block;
    padding:7px 0 7px 10px;    
}
.main-content .left-nav li span {
    margin-right:10px;
}
.main-content .left-nav li:nth-child(even){
    background:#f8f9fc;
}
.main-content .left-nav li.active a {
    color:#fff;
}
.main-content .right-content {
    width:86%;
    float:left;
    position:relative;
    padding:15px;
    min-height:400px;
}
.right-content.register-form {
    width:100%
}
.main-content .right-content .dashoard-links {
    padding:0px;
    width:45%;
    overflow:hidden;
}
.main-content .right-content .dashoard-links li {
    width:100px;
    height:100px;    
    margin-bottom:10px;
    margin-right:10px;
    float:left;
    list-style:none;
    background: url("../images/box_bg.jpg") #fff bottom repeat-x;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 5px 6px -6px black;
    box-shadow: 0 5px 6px -6px black;
    border: 1px solid #eee; 
    padding-top:25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;           
}
.main-content .right-content .dashoard-links li span {
    display:block;
    font-size:24px;
    text-align:center;
}
.main-content .right-content .dashoard-links li a {
    color:#000;
    display:block;
    text-align:center;
    margin-top:5px;
    font-size:13px;
}
.register-form .accountInfo  .form-inline ul {
    padding:0px;
    margin:0px;
    background:#fff;
}
.register-form .accountInfo .form-inline ul li {
    list-style:none;
    width:50%;
    float:left;     
}
.form-inline ul li .form-group {
    margin:0 0 15px;    
    padding:10px 0;
    padding:20px 15px 15px;
    margin:0px;    
    float:left;
}
.form-inline ul li .form-group span {
    float:left;
    color:#FF0000;
    display:none;
    font-size:13px;
}
.form-inline ul li .form-group .form-control {
    width:100%;
}
#MainContent_GridView1,.gridViewTable {
    background:#fff;
    border:0px;
}
#MainContent_GridView1 td,#MainContent_GridView1 th, .gridViewTable td,.gridViewTable th {
    border:0px;
    border-bottom:1px solid #DDDDDD;
    font-size:13px;
    text-align:center;
    padding:7px 3px;
}
.gridViewTable th {
    background:#F8F8F8;
    border:none !important;        
}
.form-group span {
    color:#f00;
}
.btn.btn-small {
    padding:6px;
    font-size:12px;
}
.register-form .checkbox {
    margin-left:15px;
}
.register-form .checkbox label {
    margin-left:10px;
}
.register-form .checkbox span {
    margin-left:10px;
    margin-top:2px;        
}
/*Dashboard Page*/

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width: 730px; 
height: 36px; 
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 800px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 800px;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
} 

/* liScroll styles */

.main-content.complaint .right-content h2 {
    margin:0px;
}
.main-content.register-form .right-content h2 {
    margin:0px;
}
.main-content.complaint .right-content #RegisterComplaint {
    margin-top:20px;
}
.main-content.register-form .right-content .accountInfo {
    margin-top:20px;
}

.modal .modal-header {
    background:#689ADC;
    color:#fff;
}
.modal .modal-header .modal-title {
    font-size:24px;
}
.form-horizontal .form-group {
    margin:0 0 15px;
    background:#fff;
    border:1px solid #eee;    
    padding:5px 15px;
    margin:0px;    
    background-color:#fafafa;
    border-right:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:5px;           
}
.zte-heading {
    background-color: #689adc;
    border-color: #2b7ce8;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:15px;
    margin-bottom:20px;
}
.zte-heading h2 {
    padding:0px;
    margin:0px;
}
#background {
    position: absolute;
    top: 0px;
    left: -235px;
    width: 235px;
    height: 100%;
    background-color: #f8f9fc; 
    -webkit-box-shadow: 2px 0px 2px -2px #000;
    -moz-box-shadow: 2px 0px 2px -2px #000;
    box-shadow: 2px 0px 2px -2px #000;
}

/* Base styles (regardless of theme) */
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.bs-callout h4 {
margin-top: 0;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
}
 
/* Themes for different contexts */
.bs-callout-danger {
background-color: #fcf2f2;
border-color: #dFb5b4;
}
.bs-callout-warning {
background-color: #fefbed;
border-color: #f1e7bc;
}
.bs-callout-info {
background-color: #f0f7fd;
border-color: #d0e3f0;
}
.bs-callout-info h4 {
    color: #5BC0DE;
}
.bs-callout-warning h4 {
    color: #F0AD4E;
}
.bs-callout-danger h4 {
    color: #D9534F;
}
.custom-zte-btn {
    height:34px;
}
.zte-header-dropdown {
    margin-top:15px;
}
.login-window {
    background:#fff;
    width:300px;
    height:100%;
    position:absolute;
    left:0px;
    top:0;
}
.login-window .heading {
    background:#993300;
    color:#fff;    
}
.login-window .row {
    padding:0 10px;
}
.form-group input {
    *background-color: #ffffff !important;
    *color: #464646 !important;
    *font-family: Arial !important;
}
#date_time {
    clear:right;    
    color:#2B7CE8;
    font-size:13px;
    margin-top:6px;
}
.paddingnone {
    padding:0;
}
.marginnone {
    margin:0;
}
textarea {
    resize:none;
}
tr.gridpager{
    padding:0px;
    margin:0px;    
}    
tr.gridpager td table {
    margin-left:40%;
}
tr.gridpager td table td {
    border:0px !important;
    padding:0px !important;
}
tr.gridpager td table td span,tr.gridpager td table td a {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #428BCA;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
tr.gridpager td table td span {
    color:#000;
}
.grey-header {
    background:#F8F8F8;
    border:none !important;        
}

#Processingloader {
    border: 16px solid #d2d2d2; /* Light grey */
    border-top: 16px solid #689adc; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    display: none;
    margin: 350px auto;
    position: relative;
    width: 120px;
    z-index: 1051;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loaderpro {
    background-color: rgba(0, 0, 0, 0.1);
    height: 100%;
    opacity: 1;
    position: absolute;
    width: 100%;
    z-index: 1051;
    display: none;
}

@media all and (max-width: 1280px) {
    .main-content .left-nav li a {
        width:80%;
        display:inline-block;
    }    
}

.PartnerExist {
    background-color: #395f9e !important;
    color: #fff !important;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}

.PartnerExist td a {
    color: #fff !important;
}

    .PartnerExist td a:hover {
        color: #000 !important;
    }

.table-hover > tbody > tr:hover > td .ClsComplaintId {
    color: #000 !important;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 20; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.modal-backdrop.in {
    opacity: 0;
}

.modal-content.CircleAdmin {
    width: 100%;
}

.modal-backdrop {
    position: absolute;
	z-index:1;
}

.modal-content.UserComplaintProfle
{
	width: 86%;
	z-index:1;
	
}



@media only screen and (max-width:991px){
	.head-banner .login-area .login{width:100%;}
	.head-banner .login-area .register{clear: both;}
	.zte-sep{display: none;}
	.header header, .footer footer, .head-banner .login-area, .news-section .news-area .news-ticker,.tickercontainer,.tickercontainer .mask{width: 100%;}
	.head-banner .login-area .login .heading{margin:0 -15px;}
	.main-content .left-nav{width:24%;}
	.main-content .right-content{width:76%;}
	.main-content .right-content .dashoard-links{width:100%;}
}
@media only screen and (max-width:700px){
	.main-content .right-content{width:100%;}
	.main-content .left-nav{width:100%;}
}