@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,500i,700,900');
html  body {
    font-size: 13px;
}
html {
    font-size: 12px;
}

/*******************modify CSS 29-010-2020**********************/

.inner_col_f .col-lg-3{margin-bottom: 15px;}

.sliv-menu-right .dropSilvasssa li ul.dropSilvasssa_child li a{
    padding: 0px 15px 0px 20px;
    display: inline-flex;
    }
.sliv-menu-right .dropSilvasssa li a{padding:5px 10px; font-size: 12px}
.sliv-menu-right .dropSilvasssa li ul.dropSilvasssa_child li a:last-child{
    padding: 0px;}

.sliv-menu-right .dropSilvasssa li a.notLink{color:#444}


.dropSilvasssa_child{margin-left: 0px; font-size: 12px; padding-left: 0; margin: 0px; }
.messageDiv {padding-bottom: 10px;  }
@media (max-width:768px) {
    .btn-primary {
        width: 100%;
    }
  body  .grouSil_link ul li{flex:0 0 100%;}
  .grouSil_link ul { padding-left: 20px;
 
    flex-wrap: wrap;
}
  .panel-group   .card, .panel-group .card .panel-body{border:none}
    .menuButton{
          position: absolute;
    top: 10px;
    right: 17px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background: url(../img/menu_inner.png) center center no-repeat;
        
        }
       .panel-group .card .panel-body input {
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    border: #cacaca 1px solid;
}
      .dashBoardPay {    flex-wrap: wrap;}
      .dashBoardPay .S_List_1{display: block; width:100%;}
    
 .menu_top .menu_div  .sliv-menu-right{     justify-content: center;}
  .menu_top .menu_div  .sliv-menu-right li a{text-align: left;}
  
  
    .logoBox{    width: 66%; }
    .logoBox>div{align-items: center;}
   .logoBox>div .imageBoxtitle{padding: 0px 10px}
   .headerSection{margin-bottom: 60px}
  
   .inner_divheadT{text-align: center;
    position: absolute;
    background: #f9f9f9;
 
    top: 6px; width: 100%;
    left: 0;}
 body  .headerSection{padding: 0px;}
 .inner_divheadT  .textBox {padding-top: 5px}
 .dashBoardPay{padding-top: 40px}
   .inner_divheadT .right_text_toll a,  .inner_divheadT  .textBox,
.inner_divheadT .right_text_toll   {color:#444; padding-top: 5px;font-size: 12px; text-align: center;}

.menu_top .menu_div{    position: fixed;
    display: block;
    right: 0;
   
    background: #ffff;
    left: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.3s;
    top: 50px;
    visibility: hidden;
      pointer-events: none;
      z-index: 333;
}

.menu_top .menu_div.s_Tb{ top: 55px; visibility: visible;opacity: 1;
      pointer-events: all;}

#paymentdivId_  .row>span{margin: 0!important;
    text-align: center;
    display: block;
    padding: 15px 0px 10px;
    width: 100%;
    font-weight: bold;}
.middleSection  .listBox{padding-bottom: 0px}
.mobile-res_d tr, .mobile-res_d tr td{display: block}
.mobile-res_d tr td:first-child{padding-bottom:0px; font-size: 12px;}

.mobile-res_d tr td:last-child{padding-top:0px; font-size: 12px;}

    }
.sliv-menu-right li{text-align: left;}
.dowloadmap{display: none}

/**********************END Style*******************/

@media (max-width: 900px) {
    html {
        font-size: 15px;
    }
    
    #mainWrapper .listButton{margin-bottom: 15px;}
}
.slivassapayHome a:hover{text-decoration: none!important}
.scroll_innertable{padding-top: 1px;}
.scroll_innertable table {margin-top: 10px;}
.scrollinnertable {
        overflow: auto; 
    font-size: 12px;}
@media (max-width: 400px) {
      .bodyContainer  .slivMenuLeft_menu li{padding-left:0px; padding-right:0px;}
    .bodyContainer  .slivMenuLeft_menu li a{    justify-content: center;}
    .d-d-none{display: none}
    .scollTabledata table tr td a, .scroll_innertable  table tr td a{    display: block;
    white-space: nowrap;
    font-weight: 600;}
    .btn-primary{width:100%; margin-bottom: 10px!important}
    .orTag{text-align: center;
    flex: 0 0 100%;}
    html {
        font-size: 11px;
        height: 100%;
    }
  .html_silvassa  .list{margin: 0px!important; padding-left: 0px!important;}
  body .listBox {padding: 20px 0vw 8px; display: block;}
   
 
 body #enc_submit{display: block; width: 100%; }
 body .textBox {
    font-size: 10px;
    padding-top: 1px;
}
.scroll_innertable, .span12s.labeltxt{width: 100%;
        overflow: auto; 
    font-size: 12px;}
.scroll_innertable table th, .scroll_innertable tr td, #historyTAX table tr td, #historyTAX tr th{font-size: 12px}
 
.uploadimgsection .border-none{display: block;}
body .listBox{     align-items: flex-start;}
.middleSection .listBox{margin-bottom: 10px}
.html_silvassa.uploadimgsection .border-none td{display: block; padding-bottom: 0px;}
#inDiv_id >div.radiommi span{display: block; font-weight: 600; padding-bottom: 5px;}

.correction_form_class table{width: 100%; overflow: auto;}
.correction_form_class table tr td .form-control{width:150px;}
}
#myform table{margin-top: 20px;}
#correct_floor b{font-size: 12px;}
#correct_floor select.form-control{padding:4px 15px;}
#correct_floor.tableForm select.form-control{padding:7px 15px;}
#addowner select.form-control{padding:5px 10px;}
#addowner tr>td.bacBG{background: #f0f6ff;}
input.form-control, .textAreaDiv textarea.form-control,
body div textarea.form-control,
body div select.form-control, .popover-container .popover .popover_content textarea, input[type="email"],   type[type="email"], input[type="password"],  textarea[type="password"] {
    font-size:12px;
    line-height: 16px;
    color: #0f1621;
    
    border-radius: 0.6rem;
    height: auto;
    border: 1px solid #dbdcde;
    -webkit-box-shadow: inset 0 0.1rem 0 rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 0.1rem 0 rgba(0, 0, 0, 0.0);
    outline: 0;
    padding: 7px 10px;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-sm, .btn-group-sm > .btn{font-size: 1.4rem;}
 
.headerSection {
    background: #1a73e8;
    box-shadow: rgba(0,0,0,0.1) 0px 5px 5px;
    padding: 5px 20px;
}
img{max-width: 100%;}
.imageBoxtitle img {
    display: block;max-width: 100%;
    padding-bottom: 5px;
}
.imageBoxtitle {
    padding: 7px 10px;
}
.breadcrumb_sil{    padding: 20px 0 0;
    display: flex;
    align-items: center; }
.TitleT { margin: 0;
          padding: 0;
}.back-arrow_left span{     vertical-align: top;
    width: 20px;
    text-align: left;
    font-size: 21px;}
.listBox{align-items: center;}
.breadcrumb_sil>span{display: inline-block; padding:0px 20px}
.textBox {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-top: 18px;
    text-align: right;
}
.listBox {
    padding: 20px 0vw 8px ;
}
.listBox h1 {
    font-size: 20px;
    font-weight: 700;
}
.listBox .listButton {
    //margin: 0px 30px;
    padding-left: 40px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    box-shadow: rgba(0,0,0,0.1) 0px 2px 6px;
    display: flex;
    height: 100px;
    align-items: center;
}
.listBox .listButton i {
    display: block;
    padding: 20px 30px 20px 10px;
    font-size: 40px;
    position: relative;
    z-index: 2;
}
.listBox .listButton span {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    z-index: 2;
}
.listBox .listButton:before {
    content: "";
    display: block;
    height: 100%;
    background: #008aff;
    width: 12px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.listBox .listButton:after {
    content: "";
    display: block;
    opacity: 0.2;
    z-index: 0;
    height: 100%;
    background: #008aff;
    width: 12px;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.3s;
}
.listBox .listButton:hover:after {
    width: 100%;
}
.listBox .listButton:first-child {
    margin-left: 0px;
}
.one_2 .listButton:before {
    background: #f500ec;
}
.one_3 .listButton:before {
    background: #f52900;
}
.one_4 .listButton:before {
    background: #00293c;
}
.one_5 .listButton:before {
    background: #1d656c;
}
.one_6 .listButton:before {
    background: #faae3d;
}
.one_2 .listButton:after {
    background: #f500ec;
}
.one_3 .listButton:after {
    background: #f52900;
}
.one_4 .listButton:after {
    background: #00293c;
}
.one_5 .listButton:after {
    background: #1d656c;
}
.one_6 .listButton:after {
    background: #faae3d;
}
#mainWrapper {
    min-height: calc(100vh - 280px);
    padding-bottom: 30px;
}
.html_silvassa {
   
    padding-bottom: 30px;
}
#footerBox {
    background: #363636;
    padding: 30px 0px;
}
#footerBox .footerWrapper {
    font-size: 12px;
    color: #fff;
}
#footerBox .footerWrapper p {
    margin: 5px 0px;
}
.helpSection {
    width: 310px;
    background: #fff;
    border-radius: 6px 6px 0px 0px;
    overflow: auto;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 999;
}
.helpSection .helptitle {
    font-size: 1.5rem;
    color: #fff;
    vertical-align: middle;
    padding: 5px 0px 5px 10px;
    cursor: pointer;
    border-radius: 0px 0px 6px 6px;
    background: #00293c
}
.helpSection .helptitle span, .helpSection .helptitle i {
    vertical-align: middle;
    margin-right: 5px;
}
.helpSection .containerBoc {
    font-size: 14px;
    padding: 20px;
}
.helpSection .containerBoc ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.helpSection .containerBoc ul i {
    font-size: 18px;
    vertical-align: middle;
}
.activebox .helptitle span i {
    transform: rotate(180deg);
}
.activebox .helptitle {
    border-radius: 6px 6px 0 0;
}

.dowloadmap{background: #3574c7;z-index: 999; padding: 15px; position: fixed; right:0px; top: 45%;}


.dowloadmap ul{padding: 0px; margin: 0px;}

.dowloadmap li{display:block;text-align: center; line-height: 18px; color:#fff; font-size: 1.2rem; cursor: pointer;}
.dowloadmap  ul li i{display: block;font-size: 2.8rem; }
.dowloadmap  ul li a{color: #fff}

.contactFox {padding: 15px 0px; font-weight: 600; color:#00293c;}

.contactFox a{color:#00293c}


.backBox{    position: absolute;
             display: block;
             cursor: pointer;
             left: 0;
             font-weight: normal;
             padding-top: 10px;}
.backBox:hover{opacity: 0.7;}
.backBox i{vertical-align: middle}






.agree_check input[type="checkbox"] {
    display: none;
}
#property_details_tab_div label{display: block}
#property_details_tab_div .table thead th{font-size: 1.2rem}
#property_details_tab_div .table tbody td, .extra_padding *{font-size: 12px}
.correction_form_class {font-size: 1.3rem;}
.agree_check label {
    position: relative;
    padding-left: 5px;
    padding-right: 0px; vertical-align: middle;
    cursor: pointer; white-space: nowrap; font-size: 13px;
}
.agree_check label:before {
    position: absolute;
    content: "";
    left: -18px;
    top: 2px;
    display: block;
    border-radius: 3px;
    height: 16px;
    width: 16px;
    border: #000 1px solid;
}

.agree_check label:after {
    left: -13px;
    content: "";
    position: absolute;
    display: block;
    top: 4px;
    width: 6px;
    height: 10px;
    opacity:0;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}
.agree_check input[type="checkbox"]:checked ~ label:after {
    display: block;
    opacity: 1;
}



/**********************************************/

.radiommi input[type="radio"] {
    display: none;
}
.radiommi label{padding-right: 30px;}
.radiommi label {
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
    cursor: pointer
}
.radiommi label:before {
    position: absolute;
    content: "";
    left: 0px;
    top: -2px;
    display: block;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    border: #3B86FF 1px solid;
}
.radiommi label:after {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    opacity: 0;
    background: #3B86FF;
    left:4px;
    z-index: 999;
    top: 2px;
    border-radius: 100%;
}
.radiommi input[type="radio"]:checked + label:after {
    display: block;
    opacity: 1;
}
body .btn{font-size: 1.4rem;}

/*****************tab slider ***********************/
.form-control1{font-size: 12px;
    line-height:17px;
    color: #0f1621;
    border-radius: 0.6rem;
    height: auto;
    border: 1px solid #dbdcde;
    -webkit-box-shadow: inset 0 0.1rem 0 rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 0.1rem 0 rgba(0, 0, 0, 0.05);
    outline: 0;
        width: 100%;
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}

.card{    margin-top: 10px;
    border-radius: 6px;
    overflow: hidden;}
.panel-heading h4{ margin:0;}
.panel-heading h4 a{      display: block;
    padding: 8px 9px;
    background: #f3f3f3;
    color:#333;
    font-size: 14px;
    
        
}
.panel-heading h4 a:hover{     text-decoration: none;}
.panel-body{    background: #fff;     padding-top: 10px;   }
.panel-group .panel { margin-bottom:5px;}

.panel-heading h4 a i{    margin-right: 10px;
    color: #337ab7;vertical-align: middle;
    font-size: 20px; }
#site-content .panel-heading{padding:0px;}
.panel-heading h4 a i:before {  content: "\f146";}
.panel-heading h4 a.collapsed i:before {  content: "\f0fe";}
.card .panel-body{padding:20px;}
/*************************************/
.tableClass{font-size: 1.2rem; overflow: auto;}
.tableClass th{background: #f0f0f0; font-size: 1.3rem; vertical-align: middle;}
.tableClass td { font-size: 1.3rem;}
select.form-control:not([size]):not([multiple]){height:auto!important;}

/*select.form-control{ font-size: 1.4rem;border-radius: 0.6rem;line-height:1.7rem;padding: 8px 10px }*/
.innerContainer_div{padding: 30px;
min-height: 300px;
display: flex;
align-content: center;
justify-content: center;
font-size: 20px;}

.rowfluid_div{}
.border-none td{padding:10px 8px; font-size: 1.4rem;}
.preview_btn_class{
    margin: 10px;padding: .5em 2em;
}

#msgId{
    color: red;
}
.link_donwload tr td a{color:#3B86FF; font-weight: 600; text-decoration: underline;}

  
/************************changes 14/10/2020**************************/
.logoBox{padding: 6px 0px;}
.right_text_toll {text-align: right;
                  padding: 5px 0 12px;
                  font-weight: 600;
                  color: #fff;
                  font-size: 16px;}
.right_text_toll a{color:#fff;}
.menu_top{background: #f3f3f3;  }
.sliv-menu-right{margin: 0;
                 padding: 0px;
                 display: flex;
                 list-style: none;
                 justify-content: flex-end;}
.sliv-menu-right li{ list-style: none; padding: 0px 0px;   position: relative
}
.sliv-menu-right li a{padding: 10px 20px; display: block;}
.sliv-menu-right li i{vertical-align: bottom;
                      font-size: 20px;}

.sliv-menu-right li:hover ul.dropSilvasssa{display: block}
.dropSilvasssa{display: none; position: absolute; padding:0px; margin: 0px;
               background: #fff; width:200px; padding:10px; 
               border-radius: 0px 0px 4px 4px; 
               z-index: 9999;
               box-shadow: rgba(0,0,0,0.1) 0px 4px 6px; left: 20px; top: 38px; }


.dashBoardPay{min-height: 64vh;
              display: flex;
              align-items: center;
              justify-content: center;}
.S_List_1{    padding: 15px 20px;
              text-align: center;
              width: 235px;    height: 228px;
              margin: 0px 20px;  vertical-align: top}
.S_List_1 a:hover .inner_icons i{text-decoration: none; border:none!important}
.S_List_1 .inner_icons{
    height: 80px;
    display: flex;
    border-radius: 100%;
    color: #3B86FF;
    font-size: 72px;
    border: #3B86FF 3px solid;
    width: 80px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;}

.S_List_1 .inner_icons i{font-size: 58px;}
.title-silvassa{font-size: 16px;
                font-weight: 600;
                padding-top: 14px;
                padding-bottom: 6px;}

.listSil_t2{display: block; width:100%; padding:0px 0px 30px}
.tx_sil{color:#797979; padding:20px 0px;}
.link_sil_e{font-weight: 600; font-size: 16px; color:#333; padding:20px}
.link_sil_e img{margin-right: 10px; vertical-align: middle}
.grouSil_link ul{margin-left: 30px; display: flex;}
.grouSil_link ul li{flex:0 0   50%;}
.grouSil_link ul li a{color:#008aff}
.cont-d-form a{color:#fff; padding:3px 20px}
.cont-d-form i {font-size: 18px; vertical-align: sub; color:#fff}
#site-content{
    /*min-height: calc(100vh - 264px);*/
    height: auto;
}

.propeh {
    text-align: center;
}

/*.menu_top>ul{padding: 0px; margin: 0px; display: flex; }
.menu_top ul li{padding:6px 15px; font-weight: 600; color:#444; list-style: none}
.menu_top ul li a .gui-icon{font-size: 24px;
display: inline-block;
margin-right: 0;
vertical-align: text-bottom;}
.menu_top ul li a .gui-icon i{font-size: 18px;}*/

.innerB{padding:20px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 12px;
}

.leaflet-control-loader{position: fixed;
top: 0;

left: 0;
height: 100%;
width: 100%;
z-index: 9999;
display: none;
align-items: center;
justify-content: center;}
.innerContainer_15{min-height:450px;}
.detailForm_o{padding:5px 0px 25px; background: #fff; border-radius: 4px;
/*             box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;*/
             background: #fff;}

.slivMenuLeft_menu{display: flex;
    list-style: none; padding: 0px; margin: 0px;
    flex-wrap: wrap;}

.slivMenuLeft_menu li { flex:0 0 33%; padding: 30px}
.slivMenuLeft_menu li a{  
   display: flex;
    padding: 15px 20px;
    font-weight: 600; text-align: center;
    font-size: 14px;
    background: #fafafa;
    border-radius:12px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 6px;
} 
.slivMenuLeft_menu li a:hover{background: #1a73e8; color:#fff; }
.slivMenuLeft_menu li a>div{margin-right: 10px}

.bodyContainer{padding: 20px 10px; display: flex;}
@media (min-width:768px){#collapse6 .panel-body.ext_padding{padding:0px 30px}}
@media (max-width:768px){
    .textBox  img{display: none}
    
   .uploadimgsection  .listBox.innercoantent{padding-top: 0px}
   .contactFox a{margin-bottom: 15px}
    .contactFox {
 
    clear: both;
 
    display: block;
    width: 100%;
    text-align: center;
    }
    .bodyContainer{padding:0px;}
        .slivMenuLeft_menu{padding-bottom: 30px}
    .slivMenuLeft_menu li {
    flex: 0 0 100%;
    padding: 30px 25px 0px;
}
#paymentdivId_ input[type="text"]{margin-bottom:20px}
.innerB .detailForm_o{padding:0px; box-shadow: none;}
}

.dataTables_filter input[type="search"]{
    border-radius: 3px;
    border: #ccc 1px solid;
    padding: 4px 8px;
}

.scollTabledata{width:100%; overflow: auto
}

.buttons_listBox{padding-bottom: 30px}

label.font-weight, body div label{font-weight: 400; color:#848484}

.divStyleSil{padding:0 0 30px}

input:focus, button:focus,a:focus{outline: none!important}

.scollTabledata{padding-top: 15px;}
.scollTabledata .table , .table th, table td{font-size: 12px; color:#848484}
#collapse6{margin-top: 20px}
.selecting_item{color: #008aff; cursor: pointer }
.selecting_item:hover{text-decoration: underline
}
.table th{background: #f3f3f3}

.TermsConditions_list{color:#848484;padding: 5px 0 20px; list-style: inside;padding-left:0;   text-align: left;}
.TermsConditions_list{padding-left: 0px; }
.TermsConditions_list li{list-style: none;padding-left: 25px; position: relative;padding-bottom: 6px
                            
}
.TermsConditions_list li:before{content: "";
   
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    height: 6px;
    /* line-height: 15px; */
    border-radius: 10px;
    background: #848484;
    width: 6px;}
.TermsConditions {color:#848484;padding: 35px 0 0; list-style: none;padding-left:0;   text-align: left;}
.btn.btn-primary.btn-sm.img-color{background: #f52900; border-color: #f52900}


.middleSection fieldset legend{text-align: left;
font-size: 14px;
font-weight: 600;
padding: 7px 0px 8px;
background: #fff;
margin-top: 0px;
border-bottom: #ffffff 1px solid;
margin-bottom: 5px;}

.radioContainer {padding-left: 10px;margin-left: 18px;}
body .radioContainer {display: block}
body .radioContainer label{padding-left: 0px}

#modal-floor-table{overflow: auto}