body 
{
    margin:0;
    padding:0;
    font-family:'Muli';
    font-size:14px;
}
table tr td
{
    
}
/* ------------ Left Panel code ---------------- */

#top-menu-bar
{
    margin:10% 0 0 0;    
}
.left-side-panel
{
    
}
.info-color
{
    background:#31B0D5;
}
.left-side-panel a
{
    text-decoration:none;
}
.top-panel
{ 
    border-bottom:1px solid #31B0D5;    
    width:100%;
    /*box-shadow:0px 1px 2px #AF6C0F;*/
}

h1.corporation-name
{
    color:#f1f1f1;
    font-size:34px;
    margin:5% 0 0 0;
    text-shadow:1px 0px 2px #111;
    text-align:center;
}
h1.corporation-name span.corporation-sub-name
{
    font-size:18px;
    width:100%;
    float:left;
    text-align:center;
    margin:10px 0 0 0;
}
img.corporation-logo
{ 
  position:relative;
  z-index:90;
  display:block;
  margin:0 auto;
}
a.company-logo-link
{
  position:relative;  
  z-index:100;  
}
span.company-logo-copy
{
    position:absolute;
    float:left;
    left:0;
    top:0;
    background:#ccc;
    width:100%;
    height:100%;
    z-index:99;
}
.no-padding
{
    padding:0;
}
.no-margin
{
    margin:0;
	top: 2px;
	left: 6px;
}
/* Custom Menubar ------------  */
.navbar-toggle
{
    
    border:1px solid #f1f1f1;
}
.navbar-toggle span.icon-bar
{
    background:#f1f1f1;
}
.navbar .navbar-nav > li > a 
{
    color:#FDF2E3;    
    border-bottom:1px solid #31B0D5;
    font-size:15px;
    transition :all 0.3s;
    -webkit-transition :all 0.3s;
    -moz-transition :all 0.3s;
    -o-transition :all 0.3s;
    text-shadow:1px 0px 2px #111;
    
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  
  background-color: transparent;  
  margin:-8px 0 0 0;
  border-bottom:1px solid #134A5B;  
  color:#FEF0E2;
  text-shadow:1px 0px 1px #111;
}
.selected-menu
{
      width:100%;      
      margin:-8px 0 0 0;
      border-bottom:1px solid #134A5B;      
      text-shadow:1px 0px 1px #111;
      color:#FEF0E2;
}
/* corporation-image-panel --------------------------  */
.component-image-panel
{
    float:left;
    background:#F8F8F8;
    height:350px;
    width:100%;
    margin:4% 0 0 0;
}
/* Extra Code ------------------------  */
div.line-1
{
    height:2px;
    background:#c8c8c8;
    border-bottom:1px solid #c1c1c1;
    width:100%;
    float:left;
}
h4.title-text
{
    border-bottom:1px solid #ccc;
    padding:10px;
}
h4.title-text span.title-text-main
{
    border-bottom:2px solid #31B0D5;
    padding:10px;
}
/* Home page --------------------------- */
.home-page-thumbnail
{
    border:0;
     background:#f8f8f8;
     border:1px solid #ccc;
    float:left;
    border-radius:5px;
    padding:10px;
    border-left:2px solid #31B0D5;
    margin:5% 0 0 0;
}
.home-page-thumbnail h3
{
    margin:0 0 15px 0;
    text-align:center;
    color:#777;
    font-size:20px;
    border-bottom:1px solid #ccc;
    padding:0 0 10px 0;
}
.home-page-thumbnail p
{
    text-align:justify;    
    color:#000;
    line-height:150%;
}
h2.home-about-image
{
    font-size:42px;
    margin:0;
    color:#777;
   
    padding:10px;
}
a.btn-more
{
    margin: 0 0 0 80%;
}
/* About Us page ----------------------------- */
.home-page-thumbnail-1
{
    border:0;
}
.home-page-thumbnail-1 h3
{
    margin:0 0 15px 0;
    text-align:center;
    color:#777;
    font-size:20px;
    border-bottom:1px solid #ccc;
    padding:0 0 10px 0;
}
.home-page-thumbnail-1 p
{
    text-align:justify;
    color:#777;
    line-height:200%;
}
p.p-aboutus
{
    text-align:justify;
    color:#444;
    line-height:200%;
}
/* left Panel design --------------------------- */
.left-side-panel
{    
    margin:10% 0 0 0;
}
.info
{
    background:#D9EDF7;
}
a.warning-color:hover
{
    background:#FDF2E3;
}

/* right-panel design -------------------------- */
.right-page
{
    margin:3% 0 0 0;
}
.right-panel
{
    margin:3% 0 0 0;
}
.right-panel-main
{
    margin:12% 0 0 0;
}
/* News Panel Div ------------------------------  */
.right-news-panel
{
    margin:0;
    padding:0;
}
ul.news-body
{
    padding:0;
    list-style:none;
}
ul.news-body li
{
    border-bottom:1px solid #ccc;
    padding:5px 0 5px 15px;
    float:left;
    width:100%;
}

ul.news-body li .news-thumbnail-image1 span
{
    font-size:28px;
    color:#FD856A;
}
ul.news-body li .news-title
{
    width:100%;
    float:left;
}
ul.news-body li .news-title h4
{
    font-size:15px;
}
ul.news-body li .news-title h4 a
{
    color:#666;
    color:#04648E;
    
    font-size:15px;
    transition :all 0.4s;
    -moz-transition :all 0.4s;
    -webkit-transition :all 0.4s;
    -o-transition :all 0.4s;
}

ul.news-body li .news-title h4 a:hover
{
    text-decoration:none;
    color:#8A560C;    
}
ul.news-body li .news-title h4 span
{
    color:#666;
    height:100%;
}

/* Bottom Div --------------------- */
.bottom-panel
{
    background:#06181E;
    padding:25px;
    margin:25px 0 0 0;
   
}
.bottom-panel-sub-1-copy
{
    position:absolute;
    z-index:88;
    left:0;
    top:0;
    opacity:0.1;
    background:#f1f1f1;
    width:100%;
    height:100%;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.bottom-panel-sub-1
{
    box-shadow:0px 0px 2px #f1f1f1;
    border-radius:3px;
    padding:25px;
     position:relative;
    z-index:99;
}
.bottom-panel-sub-2
{
    border-left:1px solid #999;
}
ul.ul-bottom-link
{
   padding:0;
   position:relative;
   list-style:none; 
   z-index:100;
}
ul.ul-bottom-link li
{
    margin:10px 0;    
}
ul.ul-bottom-link li a
{
    color:#c4c4c4;
    text-decoration:none;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.ul-bottom-link li a:hover
{
    color:#FAAB56;
    text-decoration:none;
}
ul.ul-bottom-link li.list-title
{
    color:#ccc;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    padding:5px 0;
    margin:0 0 15px 0;
}
ul.ul-address-bottom
{
   padding:0;
   list-style:none;
}
ul.ul-address-bottom li
{
    color:#ccc;
    font-size:13px;
}

ul.ul-social-bottom-link
{
   padding:0;
   position:relative;
   margin:20px auto;
   list-style:none;
   width:100%;
   background:#fff;
   z-index:101;
}
ul.ul-social-bottom-link li
{
    float:left;
    margin:0 25px 0 0;
    z-index:101;
}
ul.ul-social-bottom-link li a
{
   text-decoration:none;
   font-size:20px;
}

ul.ul-social-bottom-link li a i.fa-facebook
{
    color:#3b5998;
}
ul.ul-social-bottom-link li a i.fa-twitter
{
    color:#4099FF;
}
ul.ul-social-bottom-link li a i.fa-google-plus
{
    color:#d34836;
}
p.bottom-copyright
{
    margin:15px 0 0 0;
    color:#999;
    font-size:11px;
}
p.bottom-developedby
{
    margin:15px 0 0 0;
    text-align:right;
    color:#999;
    font-size:11px;
}

/* Custom custom-breadcrumb --------------------*/
ol.custom-breadcrumb
{
    border-left:2px solid #DD7607;
    background:none;
    
}

ol.custom-breadcrumb li a
{
    color:#DD7607;
    text-decoration:none;
    transition:all 0.3s;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
}
ol.custom-breadcrumb li a:hover
{
    color:#FAAB56;
}

h4.page-title
{
    text-align:center;
}

/* Ward Details Table tag */
td.td-title 
{
    width:20%;
}
description-text
{
    text-align:justify;
    color:#666;
}

/* Table Ward Structure Style ------------------------  */
h5.p-ward-structure
{
    line-height:200%;
}
table.table-ward-structure tr td
{
    font-size:14px;
}
#table-ward-list
{
    margin:2% 0 0 0;
}
.input-search-div
{
    float:right;
    margin:-50px 0 0 0;
    width:20%;
}
img.ward-image
{
    display:block;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 550px)
{
      
}
/* ------------------- Login Page -------------------*/
.login-page
{
        
}
.login-panel
{
    margin:10% auto;
    width:40%;
}
.control-group
{
    margin: 10px 0;
}

/*Validation Form */
.required-field
{
    box-shadow:0px 0px 2px 1px #B40431;    
}

/* form-panel ------------------------------- */
.form-panel
{
    width:100%;
    display:block;
    margin:2% auto;
}
/* fileupload -------------------------------- */
.fileupload
{
    border:1px solid #ccc;
    border-radius:3px;
    padding:10px;
}

/*astric-field ------------------------------*/
span.astric-field
{
    font-size:8px;
    color:#EC2C35;
}

.tab-content
{
    margin:20px 0 0 0;
}

/* --------------  show message css  -------------- */    
div.data-alert
{
    position:fixed;
    top:0;
    right:50%;
}
div.data-alert span
{
    float:left;
}
div.data-alert p
{    
    float:right;
    margin:0 0 0 5px; 
}



/* --------------  Loading css  -------------- */    
div.data-loading
{
    position:fixed;
    top:0;  
    right:50%;
    z-index:9999;
}
div.data-loading span
{
    float:left;
}
div.data-loading p
{    
    float:right;
    margin:0 0 0 5px; 
}

/* btn-login ------------------------------- */
.btn-login
{
     display:block;
     margin:0 auto;
     width:30%;
}
/* Vote Search Tab Panel --------------------------------- */
.search-panel
{
    border:none;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin:0 0 0 0;
}
label.inputTitle
{
    font-weight:normal;
}

/* input-captcha ---------------------------  */
.input-captcha-group
{
    width:30%;
}
.input-captcha
{
    background-image:url(../images/captch-bg-img.JPG);
    background-repeat:repeat-x;
    text-align:center;
    border:none;
    font-weight:bold;
    font-family:Modern;
    font-size:22px;
    border:1px solid #999;
    width:100%;
    margin:15px 0;    
    padding:0;
}

.panel-captcha
{
    position:relative;
    z-index:40;
    padding:0;
    width:30%;
}
.panel-captcha1
{
    width:30%;
    position:absolute;
    z-index:42;
    background:#f1f1f1;
    opacity:0.1;
    width:99%;
    height:170%;
    top:-10px;
    left:0;
}
.input-captcha-text
{
    width:30%;
}
.tab-pane-default
{
    padding:15px;
    border:1px solid #ccc;
}
span.sub-text
{
    font-size:10px;
    width:100%;
    margin:0px 0 0 0px;
}

span.sub-text1
{
    font-size:13px;
    float:left;
    margin:0px 0 0 0px;
    color:#222;
}

.panel-mobile-app
{
    margin:0;
    border:1px solid #D4E4A0;
    border-left:2px solid #A4C639;
    border-radius:5px;
    background:#F4F8E8;
}
span.icon-android
{
    width:5%;
    font-size:36px;
    color:#A4C639;
}
.panel-yadi-download
{
    border:1px solid #F0DB74;
    border-left:2px solid #CAAC16;
    border-radius:5px;
}

p.p-note-text
{    
    margin:10px 0 0 0;    
    color:#CE4844;
}
span.download-text
{
    margin:0px 0 0 0;
    width:80%;
    float:right;    
    color:#364113;
    
}

span.icon-yadi
{
    width:15%;
    font-size:32px;
    color:#CEAF16;
}

/* SMS page design -------------------- */
h5.sms-text
{
    line-height:200%;
}
/* Voter Search Help design ---------------- */
h4.help-title
{    
    font-weight:bold;
}
img.search-help_img
{
    margin:3% auto 5% auto;
    display:block;
}

/* Report  */
h5.report-head-1
{
    margin:0;
}

/*Table Voter list ------------------------ */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*umedwar-dropdown design ------------------ */
.umedwar-dropdown
{   
    color:#31708F;    
    padding:0;
}
.umedwar-dropdown button
{
    background:none;
}
.umedwar-dropdown ul
{
    padding:0;
    margin:0;
    height:180px;    
    overflow-y : scroll;    
}
/*---------------------------------*/
.panel-ro-report-download
{
    background:#D9EDF7;
    border:1px solid #BCE8F1;
    border-left:2px solid #31708F;
    border-radius:5px;
    margin:0;
    padding:0;
    width:100%;
}
span.icon-ro
{
    width:10%;
    font-size:28px;
    color:#31708F;
}
/*-------------------------------*/
.panel-ro-report-download2
{
    background:#F2DEDE;
    border:1px solid #EBCCD1;
    border-left:2px solid #A94442;
    border-radius:5px;
    margin:0;
    padding:0;
    width:100%;
}
span.icon-ro2
{
    width:15%;
    font-size:32px;
    color:#A94442;
}

/*--------------------------------*/
.panel-ro-report-download1
{
    background:#DFF0D8;
    border:1px solid #D6E9C6;
    border-left:2px solid #3C763D;
    border-radius:5px;
    margin:0;
    padding:0;
    width:100%;
}
span.icon-ro1
{
    width:15%;
    font-size:32px;
    color:#3C763D;
}
/*------------------------------*/
.ro-menu-group
{
	
}
.ro-menu-group h4
{
	font-size:14px;
}
ul.ro-menu-list
{
	list-style:none;
	padding:0;	
}
.panel-title a
{
	text-decoration:none;
}

ul.ro-menu-list li
{
	margin:5px 0px;
	border-bottom:1px solid #ccc;
	padding:5px 0;
}
ul.ro-menu-list li a
{
	text-decoration:none;
	color:#444;
}
ul.ro-menu-list li a span.ro-ward-text
{
	font-size:12px;
	margin:0 0 0 8%;
} 

h4.panel-title
{
    line-height:1.5;
}

span.highlight-text
{
    background:#E6F3FA;
    padding:3px;
}