/* ========== RESETS =================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}


blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/*======================================*/

html {
    width: 100%;
    margin: 0 auto;
    background: #cccccc;
    font-family: 'Trebuchet MS';
}

body {
    padding: 0;
    margin: 0;
    /*margin-bottom: 50px;*/
    font-family: 'Trebuchet MS';
    font-size: 12px;
}

html {
    position: relative;
    min-height: 100%;
}


/* Header Part */

header {
    width: 100%;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px -3px black;
    -moz-box-shadow: 0 3px 3px -3px black;
    box-shadow: 0 5px 5px -5px #0F0F0F;
}

#inner {
    width: 100%;
    height: auto;
    background: #D9D9D9;
    -webkit-box-shadow: 0 3px 3px -3px black;
    -moz-box-shadow: 0 3px 3px -3px black;
    box-shadow: 0 3px 3px -3px black;
}


#wrapper {
    min-height: 100%;
    position: relative;
    margin: 0 auto;
}

.main-content {
    height: 100%;
    padding-top: 30px;
    bottom: 0;
    margin-bottom:60px;
}

.clr {
    clear: both;
}

.menu {
    width: 100%;
    height: auto;
    /*background: rgb(30, 132, 176);*/
        background: #607d8b;
}

.navbar {
    margin-top: 20px;
}

/*=======FOOTER PART=======*/

footer {
    width: 100%;
    height: 50px;
    position: absolute;
    background: #000;
    border-top: 2px solid #000;
    bottom: 0;
}

.copy p {
    line-height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    text-align: center;
    color: #f3f3f3;
}

/*===========================*/

/*======= MIDDLE PART=======*/

.flt {
    float: left;
}

p {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.2px;
}

h1 {
    font-size: 22px;
    color: rgb(30, 132, 176);
}

.lHd {
    width: 100%;
    height: 40px;
    background: #9e9e9e;
}

.popHd {
    background: rgb(0, 0, 0);
}

.lHd h5 {
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
}

.hdLt {
    width: 80%;
    float: left;
    margin-left: 5px;
}

.aside {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.2);
    width: 370px;
}

.form {
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 25px;
}

.panel {
    box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.2);
}

.aside:hover {
    box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.2);
}

.btn {
    color: #fff;
    width: 80px;
}

.cBtn {
    background: #00c5ad;
}

.uBtn.sBtn{
    position:absolute;
    margin-left:0;
    padding:7px;
    background: #B981B9;
}

.btn:hover {
    opacity: 0.9;   
    color: #fff;
}

.IBtn{
    background:rgb(30, 132, 176);
}
.text-right {
    font-size: 12px;
    margin-left: 10px;
}

.form a:hover {
    color: rgb(255, 106, 0);
    text-decoration: none;
}

.logo {
    float: left;
    height:90px;
    padding-left:10px;
    margin-top:5px;
}

.minimenu {
    width: 100%;
    position: absolute;
    top: 20px;
}

.nav li a {
   font-size: 14px;
    color: rgb(253 253 253) !important;
    margin-left: 10px;
}

.mid {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}

.sideBar {
    width: 15%;
    background: rgb(30, 132, 176);
}

.main {
    /*width: 97.5%;*/
    min-height: 100%;
    margin: 20px 20px 20px 20px;
}

.hD {
    font-size: 22px;
    margin: 15px 0px 20px 50px;
}

.container {
    box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.2);
    background: #fff;
    padding: 15px;
}

.midC {
    left: 40%;
    width: 25%;
    margin-top:20px;
}

.form {
    width: 100%;
}

.ft {
    bottom: 0;
}

.frm {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2);
    box-shadow: 0 0 15px #555;
    margin-bottom: 50px;
}

.txtIp, .dIp,.dp{
    width: 90%;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 2px;
    background: #FCFCFC;
    font-size: 12px;
    margin: 0px 0 15px 0;
}
.dp{
    width:70%;
}
.lbl {
    font-size: 12px;
    color: #428bca;
    line-height: 18px;
}

.rBn {
    font-size: 12px;
    color: #4d4d4d;
}

input[type="radio"] {
    font-size: 12px;
}

.btn {
    margin-bottom: 10px;
}

.frm h2 {
    color: rgb(255, 106, 0);
    text-transform: uppercase;
    font-weight: bold;
}

.frm a:hover {
    color: rgb(255, 106, 0);
}

.frm .icon img {
    line-height: 40px;
}

.ftl {
    float: left;
    width: 600px;
}

.upBtn {
    text-align: center;
    padding: 20px 0 20px 0;
}

.uBtn {
    width: auto;
    padding: 10px 20px;
    background: #9e9e9e;
    border: none;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    margin-left: 20px;
}

.uBtn:hover {
    opacity: 0.8;
}

.sim {
    float: right;
    margin: 25px;
}

.heading {
    width: auto;
    background: #3F99C4;
    border-radius: 2px;
    padding: 10px;
    position: relative;
    color: #fff;
}

.rBn label {
    margin-left: 5px;
    color: #808283;
    font-style: normal;
}

.ribbon {
    font-size: 16px !important;
    width: 35%;
    position: relative;
    background: #3F99C4;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    /* margin: 2em auto 3em; */
    margin-top: 10px;
}

.panel-heading{
    cursor: pointer;
}

#gT {
    margin-top: 20px;
}

#gT img ,.goog-tooltip skiptranslate{
    display: none;
}

.tIp {
    width: 85%;
}

.ribbon:before {
    border-left-color: transparent;
}

.ribbon:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
}

.ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #3F99C4 transparent transparent transparent;
    bottom: -1em;
}

.ribbon .ribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em;
}

.ribbon .ribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0;
}

#alertBox {
    height: 150px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    top: 45%;
    left: 40%;
    position: absolute;
    width: 30%;
}

#tab {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
    margin-top: 20px;
    height: auto;
    min-height: 400px;
}

u#tab {
    padding: 0;
}


#tab li {
    list-style: none;
}

#tab li a {
    display: block;
    padding: 10px 15px;
    background: rgb(30, 132, 176);
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
    text-decoration: none;
    color: #fff;
    border-top-right-radius: 10px;
}

#tab li a:hover, #tab li a.active {
    background: #B3B3B3;
    color: #F2F2F2;
}

#tab section {
    display: none; /* I NEED TO FIX THIS */
    float: left;
    overflow: hidden;
    padding: 1% 3% 0 3%;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 100%;
}

.no-js #tab section {
    display: block; /* I NEED TO FIX THIS */
}

#tab li ul li a {
    padding: 10px 25px;
    border-bottom: 1px dotted #ccc;
}

.color1, .color2, .color3, .color4, .color5, .color7, .color8, .color9,.color10 {
    height: 180px; 
    /*border-right: 3px solid white;*/
    /*border-left: 15px solid white;*/
    color: white;
    text-align: center;
    vertical-align: bottom;
   float: left;
    margin-left:5px;
}

.color3,.color8{    
    margin-left: 10px;
}
.color4,.color9{
      margin-left: 15px;
}
.color5,.color10{
      margin-left: 20px;
}
.army,.color6{
    color: white;
    text-align: center;
    vertical-align: bottom;
}
input[type="file"] {
    font-size: 12px;
    margin-bottom: 10px;
}

.block h1 {
    text-align: center;
    margin-top: 35px;
    font-size:25px;
}

h1 i {
    text-align: center;
    font-size: 30px;
}

.block h1 {
    color: #fff;
}

.blockBtm {
    font-size: 10px;
    text-align: right;
    margin:30px;
    color: #f3f3f3;
}

.blockBtm a {
    color: #f3f3f3;
}

.popBtn {
    text-align: right;
    margin: 5px 20px 0 0;
}

.pBtn {
    width: 50px;
}

.lHd h5 {
}

#alertBox p {
    padding: 10px;
    line-height: 15px;
    letter-spacing: 0.2px;
}

.graph {
    width: 100%;
    height: auto;
    /*border: 1px solid #ccc;*/
    padding: 15px;
    margin-top: 20px;
}

.hd {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 20px;
}

.line {
    float: left;
    /*border: 1px solid #ccc;*/
    margin-left: 5px;
    padding: 5px;
    width: 48%;
    height: 420px;
    /*box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.2);*/
}

.cln {
    width: 50%;
    float: right;
    margin: 0px 0px 0 0;
    /*border: 1px solid #ccc;*/
    padding: 10px;
    /*box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.2);*/
}

.clndr {
    margin-top: 70px;
}

.social-links {
    float: left;
    width: 35%;
    margin: 150px 20px 0 0;
}

#fade {
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    z-index: 999;
    left: 0;
    top: 0;
}

.aIp {
    max-width: 100%;
}

.btnPnt{
    background:#6D699C;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
}
.boxD{
    width:100%;
    height:auto;
    background:#FFF;
    padding:8px;
    margin-bottom:10px;
    /*-webkit-box-shadow: 0 0 8px rgba(0,0,0, .55);
    -moz-box-shadow: 0 0 8px rgba(0,0,0, .55);
    box-shadow: 0 0 8px rgba(0,0,0, .55);
    border-radius:3px;*/
    }

.midCnt .row{    
     margin-bottom: 5px;
  }
.label{
    font-size: 120%;
}
.boxD ul li{
    display:inline-block;
    padding:10px;
    width:410px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    font-size:14px;
    background: #607d8b;
    margin-bottom: 2px;
  }
.boxD h2 {
    text-align: center;
    font-size: 14px;
}
.boxD ul li a{
    margin-left:30px;
    color:#fff;
}
/*.boxD li:hover{
   text-shadow: 0 1px 0 #A29E9E, 0 2px 0 #948F8F;
}*/
.headi{
        width:100%;
        height:150px;
        overflow:hidden;
  }
.headi img{
    width:100%;
    height:100%;
  }
.push-50-t {
        margin-top: 40px !important;
  }

.push-15 {
    margin-bottom: 25px !important;
 }
.push-15 h2,.push-15 h1{
    color:#fff;
    margin-left:10px;  
 }
    
/* For alerts*/

#dialogoverlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent;
}

#dialogbox, #dialogbox1, #dialogbox2 {
    display: none;
    position: fixed;
    left: 10%;
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgb(144, 149, 151);
    z-index: 10;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2);
    width: 75%;
}

#dialogbox > div {
    margin: 1px;
    border-radius: 8px;
}

#dialogbox > div > #dialogboxbody {
    background: url('../images/info-s.png') no-repeat scroll 5px center;
    padding: 25px 5px 15px 0px;
    color: rgb(120, 90, 90);
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

#dialogbox > div > #dialogboxfoot {
    padding: 3px;
    text-align: center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

#dialogoverlay1 {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
}

#dialogbox1 > div {
    margin: 1px;
    border-radius: 8px;
}

#dialogbox1 > div > #dialogboxbody1 {
    background: url('../images/info-w.png') no-repeat scroll 5px center;
    padding: 25px 5px 25px 40px;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}
#dialogbox2 > div > #dialogboxbody2 {
    background: url('../images/info-qm.png') no-repeat scroll 5px center;
    padding: 25px 5px 25px 40px;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

#dialogbox1 > div > #dialogboxfoot1 {
    padding: 3px;
    text-align: center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

#dialogoverlay2 {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
}

.btn-default {
    background-color: #00C5AD;
    border: 0;
}

.btn-default:hover {
    background-color: #00C5AD;
}

#dialogbox2 > div {
    margin: 1px;
    border-radius: 8px;
}

#dialogbox2 > div > #dialogboxfoot2 {
    padding: 3px;
    text-align: center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.head {
    width: auto;
}

.input-group .form-control {
    width: 95%;
}

table {
    width: 100%;
    line-height: 15px;
    font-size: 12px;
}

table td {
    color: #4d4d4d;
}

u {
    font-size: 14px;
    color: #D97FCC;
    margin: 0px 0px 10px 15px;
    text-decoration: none;
}

.cIp {
    line-height: 15px;
    display: block;
}

.cIp td {
    padding: 5px;
}

.cIp label {
    margin-left: 5px;
    color: #808283;
    font-style: normal;
}

#popBox, #relationBox, #Marital, #edutBox, #occBox,#popBox1,#popBox2,#popBox3,#popBox4,#popBox5,#TypeBox,#ThasildharBox,#caseWorkBox,#BulkUpdate,#payDis{  
    left: 30%;
    height: auto;
    position: absolute;
    background: #ECECEC;
    display: none;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2);
    box-shadow: 0 0 15px #555;
    z-index:100;
}
.pTp,#BulkUpdate{
    top:20%;
}

#payDis{
     top:35%;
}
#popBox,#popBox1,#popBox2,#popBox3,#popBox4,#popBox5,#TypeBox,#ThasildharBox,#caseWorkBox,#BulkUpdate,#payDis{
    background:#cccccc;
    width: 45%;
   
}
#popBox1,#popBox2,#popBox3,#popBox4,#popBox5{
    top:0;
}
#popBox{
    top:15%;
}

#relationBox, #Marital, #edutBox, #occBox {  
    z-index: 999999;
    background: #fff;
    width:40%;
}

#Marital ul li {
    display: inline;
    margin-left: 15px;
    line-height: 15px;
    padding: 20px;
    font-size: 13px;
    float: left;
}

#occBox ul li {
    margin-left: 35px;
    font-size: 13px;
    padding: 10px;
}

.plus {
    font-size: 28px;
    color: #f5230e;
    cursor: pointer;
    margin-top: 5px;
}

#relationBox ol li, #edutBox ol li {
    line-height: 35px;
    list-style: none;
    font-size: 13px;
}

.boxLt {
    float: left;
    margin-left: 15px;
    width: 20%;
}

.pop {
    padding: 20px;
}

.bW {
    width: 100%;
}

.eBtn {
    padding: 20px;
    text-align: center;
}

.eBtn a {
    text-decoration: none;
}

.close {
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    position: relative;
    margin-top: 10px;
    margin-right: 10px;
    opacity: 1;
}

.lHd h6 {
    line-height: 38px;
    color: #fff;
}
.aBtn{
    margin-bottom:10px;
}
.tblTH,.tblTH th,.tblTH td{
    border:1px solid #ccc;
    padding:5px;
}
.btnP{
    text-align:center;
}
.list li {
    list-style: decimal;
    margin-left: 35px;
    font-size: 12px;
}


.tbl {
    width: 90%;
    margin-left: 15px;
}

.tbl th {
    line-height: 30px;
    background: #428bca;
    color: #fff;
    padding: 0 10px 0 10px;
}

.tbl td {
    padding: 5px 10px 5px 10px;
}

.tbl .txtIp {
    margin: 0;
    width: 100%;
}

.asset {
    width: 100%;
    margin-bottom: 10px;
}

.assetLt {
    width: 50%;
    float: left;
}

.assetRt {
    width: 50%;
    float: right;
}
.map{
    width:370px;
}
.bgHd {
    background: #D9D9D9;
    line-height: 25px;
    margin: 15px 0 15px 0;
}

.w10 {
    width: 120px;
    font-size: 15px;
    background: #C45F3F;
}

.tB {
    width: 50%;
    margin-left: 100px;
}

.TB .txtIp {
    margin: 0;
}

.tI {
    width: 80%;
}

.aP {
    width: 87%;
}

.TB th, .TB .colr td{
    background: #3F99C4;
    padding: 10px;
    border: 1px solid #ccc;
    color: #fff;
    width: auto;
}

.popTB th{
    padding: 5px;
    border: 1px solid #ccc;
    color: #fff;
    background: #3F99C4;
}

.tb th, .tb .colr td {
    background: #3F99C4;
    line-height: 20px;
    border: 1px solid #ccc;
    color: #fff;
    width: auto;
    max-width: 100%;
    font-size: 10px;
    padding: 3px;
}

.tb td {
    border: 1px solid #ccc;
}

.TB td,.popTB td{
    border: 1px solid #ccc;
    padding: 5px;
}

.TB {
    border: 1px solid #ccc;
    width: 90%;
    font-size: 12px;
}

.popTB{
    border: 1px solid #ccc;
    width: 93%;
    font-size: 12px;
    padding: 10px;
    border: 1px solid #ccc;
    color: #fff;
    margin:20px;
}

.gridscroll {
   
    width: 95%;
    margin-left: 25px;
}

.achrdec:hover {
    text-decoration: none;
    color: white;
}

     
.block {
    -webkit-perspective: 1000;
    perspective: 1000;
    cursor:pointer;
  }

.f1_card {
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 1.0s linear;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
  }

.block:hover .f1_card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-shadow: -5px 5px 5px #aaa;
 }     
.block .army .front,.block .army .back{
    background-color:#706D3C;
    text-align:center
}

.block .color2 .front,.block .color2 .back{
    background-color:#E65527;
    text-align:center;    
}

.block .color3 .front,.block .color3 .back{
    background-color:#37A5B3;
    text-align:center;        
}

.block .color4 .front,.block .color4 .back{
    background-color:#363948;
    text-align:center;       
}

.block .color5 .front,.block .color5 .back{
    background-color:#716F84;
    text-align:center;           
}

.block .color6 .front,.block .color6 .back{
    background-color:#D5BC3A;
    text-align:center;         
}

.block .color7 .front,.block .color7 .back{
    background-color:#5EA07F;
    text-align:center;           
}

.block .color8 .front,.block .color8 .back{
    background-color:#1D6285;
    text-align:center;           
}

.block .color9 .front,.block .color9 .back{
    background-color:#86B3BB;
    text-align:center;
}

.block .color10 .front,.block .color10 .back{
    background:#244804;
    text-align:center;          
}
       
.flip-container{
    -webkit-perspective:1000;
    -moz-perspective:1000;
    -ms-perspective:1000;
    perspective:1000

}
.flip-container:hover .back{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg)

}

.flip-container:hover .front{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg)

}
.block,.back,.front{
     width:250px;
     height:150px;
}
      

.flipper{
    -webkit-transition:.6s;
    -moz-transition:.6s;
    -ms-transition:.6s;
    transition:.6s;
    position:relative

}
.front,.back{
    -webkit-backface-visibility:hidden;
    -webkit-transition:.6s;
    -moz-backface-visibility:hidden;
    -moz-transition:.6s;
    -ms-backface-visibility:hidden;
    -ms-transition:.6s;
    backface-visibility:hidden;
    transition:.6s;
    position:absolute;
    left:0;
}
.front{
    z-index:2;
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg);
}

.back{
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    background-color:#ddd

}

/*End alert*/


/*-----------Rsponsive alert-------------*/
@media screen and (max-width: 1000px) {
    .aside, .map {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    
#dialogoverlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
}

#dialogbox, #dialogbox1, #dialogbox2 {
    display: none;
    position:fixed;
    top:60%;
    left: 35%;
    background: #fff;
    border-radius: 7px;
    width: 30%;
    border: 1px solid rgb(144, 149, 151);
    z-index: 10;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2);
    z-index:1000;
}

#dialogbox > div {
    _background: #dcebf9;
    margin: 1px;
    border-radius: 8px;
}

#dialogbox > div > #dialogboxbody {
    background: url('../images/info-s.png') no-repeat scroll 5px center;
    padding: 10px;
    color: rgb(120, 90, 90);
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    padding-left:50px;
    padding-right:10px;
}

#dialogbox > div > #dialogboxfoot {
    _background: #428bca;
    padding: 3px;
    text-align: center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

#dialogoverlay1 {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
}

#dialogbox1 > div {
    _background: #dcebf9;
    margin: 1px;
    border-radius: 8px;
}

#dialogbox1 > div > #dialogboxbody1 {
    _background-color: #e5e5e5;
    padding: 25px 5px 25px 40px;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

#dialogbox1 > div > #dialogboxfoot1 {
    _background: #428bca;
    padding: 3px;
    text-align: center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

#dialogoverlay2 {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
}

#dialogbox2 {
    /*display: none;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    _background: #428bca;
    border-radius: 7px;
    width: 310px;
    z-index: 10;
    -moz-box-shadow: 0 0 5px 3px #888;
    -webkit-box-shadow: 0 0 5px 3px#888;
    opacity: 0.9;*/
}

#dialogbox2 > div {
    _background: #FFF;
    margin: 1px;
    border-radius: 8px;
}

#dialogbox2 > div > #dialogboxbody2 {
    background: url('../images/info-qm.png') no-repeat scroll 5px center;
    _background-color: #e5e5e5;
    padding: 25px 5px 25px 40px;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

#dialogbox2 > div > #dialogboxfoot2 {
    _background: #428bca;
    padding: 3px;
    text-align: center;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
}

/*-------------------/respv alerts------------------*/


@media only screen and (min-width: 30em) {
    #tab {
        width: 100%;
        position: relative;
        border: none;
    }

    #tab li {
        display: inline;
    }

    #tab li a {
        display: inline-block;
    }

    #tab section {
        width: 100%;
        display: none; /* I NEED TO FIX THIS */
        overflow: hidden;
        padding: 1% 3% 0 3%;
        border: 1px solid #ccc;
        border-radius: 6px;
    }
    
}

.panel-heading {
    padding: 8px;
    text-align: left;
}

.bg {
    background: rgb(30, 132, 176);
}

.lgn {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

.ob_gGADC{
    display:none;
}

@media (max-width: 767px) {
    #graph{
        width:260px;
        height:200px;
    }

    .boxLt {
        width: 25%;
        float: left;
    }

    #Marital ul li {
        display: block;
        line-height: 0;
    }

    #Marital {
        margin: 0;
        width: 50%;
        left: 20%;
    }

    #tab section {
        float: none;
    }

    .assetRt, .assetLt {
        width: 100%;
    }

    .tbl {
        width: 95%;
    }

    .rBn label {
        font-size: 10px;
     }

    #popBox{
        top:30%;
    }

    #popBox, #relationBox, #occBox {
        width: 60%;
        left: 20%;
    }

    #edutBox {
        width: 90%;
        left: 5%;
    }

    .hdLt {
        font-size: 10px;
    }

    .cln {
        width: 90%;
    }

    .navbar-collapse.in {
        overflow-y: hidden;
    }

    .aside, .map {
        width: 100%;
    }

    .menu {
        display: none;
    }

    .navbar {
        margin-top: -60px;
        background: none;
    }

    .cssmenu .navbar-nav {
        background: rgb(30, 132, 176);
        margin-top: 22px;
        z-index: 9000;
    }

    .navbar-nav ul li a {
        color: #fff;
        margin-left: 150px;
    }

    .navbar-nav span {
        color: #fff;
    }

    .navbar-collapse {
        padding: 0;
    }

    .cssmenu,
    .cssmenu .navbar-nav li,
    .cssmenu .navbar-nav ul li a {
        display: block;
        width: 100%;
        top: 0;
        position: relative;
        border: none;
        border-bottom: 1px solid #ccc;
        
    }

    nav .navbar-nav {
        width: 100%;
    }
   
    .cssmenu .navbar-nav li a {
        border: none;
    }

    /*.cssmenu ul ul li a {
        cursor: pointer;
        padding: 5px 15px;
        z-index: 1;
        text-decoration: none;
        font-size: 12px;
        color: #fff;
        line-height: 15px;
        background-color: rgb(72, 143, 183);
        z-index: 1000;
    }

    .cssmenu ul ul li ul  {  
        display:block;
     }*/

    .cssmenu ul ul {
        width: 100%;
        position: relative;
    }

    .navbar-default .navbar-nav > .open > a {
        width: 100%;
        color: #4d4d4d;
    }

    .sub-menu {
        width: 100%;
    }

    .logo {
        float: none;
    }

    .sim {
        margin-top: -40px;
    }

    .line, .clndr, .social-links {
        float: left;
        width: 100%;
    }

    .clndr {
        margin: 0;
        width: 100%;
    }

    .ribbon {
        width: 35%;
    }

    #tab {
        border: none;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }

    .navbar-collapse {
        max-height: 100%;
    }

    .midC {
        width: 90%;
        left: 10%;
    }

    .ribbon {
        width: 70%;
    }

    #popBox,#popBox1,#popBox2,#popBox3,#popBox4,#popBox5{
        width:85%;
        left:5%;
    }
}

@media (min-width: 992px) and (max-width: 1258px) {

    .map {
        min-height: 320px;
        width: 370px;
        overflow:hidden;
    }

    .aside{
        width: 370px;
    }

    .map img{
        height:390px;
        text-align:center;
    }

    .descht {
        min-height: 380px;
    } 
}

 @media  (min-width: 1258px) and (max-width: 3358px){
   .map img {
        text-align: center;
        margin-left: 50px;
        height: 300px;
    }
    .descht {
        min-height:290px;
    }
     .cssmenu > ul > li > a{
        text-align:center;
    }
}
    .kannadafonts {
        font-family: 'Noto Sans Kannada', serif;
    }

.boldLabel {
    font-weight: bold;
    color: #428BCA;
}