/* Common styles here */
body {
    /*background: #F9FAFC;*/
    background:#f5f5f5;
    color: #3a3f57;
}
.vc_row{
    margin-left:0;
    margin-right:0;
}
.vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
.dark-text {
    color: #3a3f57;
    text-decoration: none;
}
.required{
    color:#dc0a0a;
}
.bunyantxtOverlay {
    margin: 0;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    height: auto !important;
    width: 100%;
}
/* Tabs */
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%4700CC'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat!important;
    background-size: 12px!important;
    background-position: calc(100% - 10px) center!important;
    background-repeat: no-repeat!important;
}
[dir="rtl"] select{
    background-position: 10px center!important;
}
.body-content .menu, .wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-list{
    margin: 10px 0!important;
    padding: 0px!important;
    display: flex!important;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
    text-align: center;
    border-bottom: 1px solid #9197B6;
   /* align-items: center;
    */
}
.body-content .menu li, .wpb-js-composer .vc_tta.vc_general .vc_tta-tab{
    width: 100%;
    flex: 1;
}
.body-content .menu li a, .wpb-js-composer .vc_tta.vc_general .vc_tta-tab a{
    background-color: transparent !important;
    text-align: center;
    color: #353f56 !important;
    text-decoration: none;
    display: block;
    padding: 18px 5px;
    font-size: 16px;
    font-weight: 500;
    height:100%;
    line-height: 1.3;
    border: none;
    border-radius: 0;
}
.body-content .menu li a:hover, .body-content .menu li a:focus, .body-content .menu li.current-menu-item > a, .wpb-js-composer .vc_tta.vc_general .vc_tta-tab a:hover, .wpb-js-composer .vc_tta.vc_general .vc_tta-tab a:focus, .wpb-js-composer .vc_tta.vc_general li.vc_tta-tab.vc_active a{
    background-color: transparent!important;
    border-bottom: 2px solid #4700CC !important;
    color: #4700CC!important;
    cursor: pointer;
}
/* Card */
.custom-card, .payment-channel-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 30px;
    margin-right: 15px;
    background: #FFF;
    border-radius: 9px;
    border: 0.293px solid #647794;
    padding: 1rem;
    width: 100%;
    max-width: 22rem;
    min-height: 26rem;
    margin: 0 auto;
}
.custom-card img, .payment-channel-card img {
    height: 34px;
    width: auto;
}
.custom-card * , .payment-channel-card * {
    margin-bottom: 10px;
    color: #3a3f57;
}
.custom-card h2, .payment-channel-card h2{
    margin: 10px 0 0;
    display: block;
}
.custom-card h2 + p, .payment-channel-card h2 + p{
    margin-top: 10px;
}
.custom-card-action{
    background-color: #4700CC;
    min-height: 49px;
    display: flex;
    justify-content: center;
    border-radius: 6px;
}
.custom-card-action a{
    align-self: center;
    color: #FFF;
    text-decoration: none;
}
.card-action {
    background-color: transparent;
    min-height: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 6px;
    border: 2px solid #4700CC;
    align-content: center;
    color: #4700CC;
    text-decoration: none;
}
.card-action:hover, .card-action:focus{
    background-color: #4700CC;
    color: #fff;
}
/* Layout with sidebar */
.dm_inner_pages_content {
    justify-content: space-between;
    margin-top: 40px;
    max-width: 100% !important;
    display: flex;
}
.dm_inner_pages_content .subpage-right-content {
    width: 100%;
    max-width: calc(100% - 380px);
}
.dm_inner_pages_content .subpage-right-content p a{
    color: #3a3f57;
}
.dm_inner_pages_content .subpage-right-content ul{
    font-size:16px;
}
aside#secondary{
    width: 350px;
    margin-bottom: 40px;
    background: #fff;
    position: relative;
    z-index: 1;
}
.dm_inner_pages_content .widget-area .widget_nav_menu {
   /* background-color: #fff;
    */
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
}
.dm_inner_pages_content .widget-area ul.menu {
    margin: 0!important;
    padding: 10px 15px!important;
    display: block!important;
    background: #fff;
    border: 0 !important;
}
.dm_inner_pages_content .widget-area ul.sub-menu {
   /* background: #F3F7FF;
    */
    display: none;
    padding: 10px 10px;
}
.dm_inner_pages_content .widget-area li {
    list-style: none;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    border-bottom: 1px solid #f2f0f0;
}
.dm_inner_pages_content .widget-area li:last-child{
    border-bottom: 0;
}
.dm_inner_pages_content .widget-area li.menu-item-has-children>a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: -8px;
    color: #647794;
    margin: 30px auto;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #647794;
    border-right: 1px solid #647794;
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}
[dir="rtl"] .dm_inner_pages_content .widget-area li.menu-item-has-children>a:after{
    left: 20px;
    right: inherit;
    transform: rotate(130deg);
}
.dm_inner_pages_content .widget-area li.menu-item-has-children.minus>a:after {
    transform: rotate(223deg);
    top: -6px;
}
#secondary .current-menu-ancestor > .sub-menu{
    display: block;
}
.dm_inner_pages_content .widget-area li a:hover {
    background-color: #F2EBFF!important;
    display: block;
    color: #4700CC;
}
.dm_inner_pages_content .widget-area li.minus>a {
   /* border-radius: 4px;
    background: var(--secondary-dark, #497AB5);
    box-shadow: 0px 4px 7px 4px rgba(0, 0, 0, 0.04);
    color: #fff;
    display: block;
    padding: 12px 16px;
    */
}
.dm_inner_pages_content .widget-area a:focus{
    background-color: transparent!important;
}
.body-content .dm_inner_pages_content .widget-area a {
    text-decoration: none;
    text-align: left;
    line-height: 1.2;
    font-weight: normal;
    color: #3a3f57!important;
    font-size: 16px;
    padding: 14px 10px;
    display: block;
    background-color: transparent!important;
}
[dir="rtl"] .body-content .dm_inner_pages_content .widget-area a{
    text-align: right;
}
.dm_inner_pages_content .widget-area li:last-child {
    margin-bottom: 0;
}
/* some common styles */
.vc_row.container, .vc_column_container.container{
    margin: 0 auto!important;
    float: none;
}
.simple-link{
    margin: -30px 0 30px!important;
}
.simple-link a{
    color: #4700CC!important;
    text-decoration: none!important;
    background: none!important;
    border: none!important;
    font-weight: 400!important;
    font-size: 16px!important;
}
.simple-link a i{
    color: #4700CC;
}
.simple-link a:hover{
    text-decoration: underline!important;
}
/* tables */
table th{
    font-weight: 600;
    padding: 10px 10px!important;
    text-align: left;
    background: #60657f;
    color: #fff;
}
/* Pages CSS */
/* Specific to theme global classes */
.pdfIconColor, .downloadIconColor{
    color: #4700CC;
    margin-right: 5px;
}
.entry-content{
    padding: 30px 0;
}
/* .entry-content li, .about-dm-content li{
    font-size: 14px!important;
}
*/
.document-file-properties {
    overflow-x: auto;
}
.document-file-properties {
    overflow-x: auto;
    padding: 30px 0 0;
}
.wpb-js-composer .vc_tta.vc_general.discoverDubaiTabs .vc_tta-panels{
    background-color: transparent!important;
    border: 0!important;
}
.wpb-js-composer .vc_tta.vc_general.discoverDubaiTabs .vc_tta-panels .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_general.discoverDubaiTabs .vc_tta-panels .submitAdviceContent {
    padding: 0!important;
}
.wpb-js-composer .vc_tta.vc_general.discoverDubaiTabs .vc_tta-tab a {
    text-decoration: none;
    display: block;
    padding: 18px 5px;
    box-shadow: none;
    border: 0;
    border-radius: 0;
}
.wpb-js-composer .vc_tta.vc_general.discoverDubaiTabs .vc_active a.card-action {
    background-color: #4700CC!important;
}
.wpb-js-composer .vc_tta.vc_general.discoverDubaiTabs .vc_active a.card-action:hover {
    background-color: #fff!important;
}
/* Search for inner pages */
.topSearchButtonSection{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}
.topSearchButtonSection input.search-field{
    background-color: #fff;
    border-radius: 8px;
    padding: 0px 60px 0 15px;
    border: 1px solid #e4e4e4;
    width: 100%;
    height: 55px;
    color: #647794;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.topSearchButtonSection input.search-field:focus-visible {
    /*outline:0*/ 
}
.topSearchButtonSection .searchBtnSubmit {
    position: absolute;
    right: 0;
    top: 50%;
    width: auto;
    transform: translate(-10px, -50%);
}
.topSearchButtonSection .searchBtnSubmit input{
    background-image: url(/wp-content/themes/dubaimunicipality/assets/images/icon-search.svg);
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 35px;
    background-size: 100%;
    font-size: 0;
    background-position: 0 2px;
    margin-right: 10px;
}
.topSearchButtonSection .searchBtnSubmit input::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: inherit;
    opacity: 1;
   /* Firefox */
}
.topSearchButtonSection .searchBtnSubmit input:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
    color: inherit;
}
.topSearchButtonSection .searchBtnSubmit input::-ms-input-placeholder {
   /* Microsoft Edge */
    color: inherit;
}
.topSortBy select#newsortfield {
    border: 0;
    background-color: transparent;
    color: #4700CC;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 91.836%;
    text-transform: capitalize;
}
.topSortBy select#newsortfield:focus-visible {
    /*outline:0*/ 
}
.vc_btn3.vc_btn3-size-lg {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}
.vc_btn3:focus,
.vc_btn3:focus-visible, a.view_more:focus, a.view_more:focus-visible, .finesTabContainer .container button:focus, .finesTabContainer .container button:focus-visible, .txtOverlay a:focus, .txtOverlay a:focus-visible, .flickity-button:focus, .flickity-button:focus-visible, .shake_btn > a:focus, .shake_btn > a:focus-visible {
    outline: 3px solid #000 !important;
    outline-offset: 3px !important;
}
.contact-pg-title a.vc_btn3:focus, .contact-pg-title a.vc_btn3:focus-visible, .view_more_btn-outline-light > a:focus, .view_more_btn-outline-light > a:focus-visible{
	outline: 3px solid #000 !important;
    background: #3a3f57 !important;
    color: #fff !important;
    outline-offset: 3px !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a:focus,
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a:focus-visible {
	margin: 2px !important;
    outline: 2px solid #000 !important;
    outline-offset: 2px !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-o-all-clickable .vc_tta-panel .vc_tta-panel-title>a:focus, .wpb-js-composer .vc_tta.vc_general.vc_tta-o-all-clickable .vc_tta-panel .vc_tta-panel-title>a:focus-visible{
	outline: 2px solid #000 !important;
    z-index: 2;
    margin-top: 2px;
    outline-offset: 2px !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a:focus, .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a:focus-visible{
	outline: 2px solid #000 !important;
    outline-offset: 2px !important;
}
.clearfix {
    clear: both;
}
/* Single Posts */
.related{
    width:100%;
}
/* PDF link font */
a[href="http://www.adobe.com/products/acrobat/readstep2.html"] span{
    font-family: 'Dubai'!important;
}
/* .body-content a[title="readstep2"], a.click-here, .wpb-js-composer .vc_tta.vc_general .vc_active a.click-here{
    color: #CB444A;
    background: none!important;
}
*/
.body-content a[title="readstep2"]:hover, a.click-here:hover{
    text-decoration: none;
}
[dir="rtl"] .slick-slider{
    direction: ltr;
}
.check-pay-tabContent-form div{
    display: flex;
    justify-content: center;
}
.vc_btn3-container.vc_btn3-inline.hide{
    display:none!important;
}
.container form input[type=text],.container form input[type=tel],.container form input[type=number],.container form input[type=email],.container form input[type=password], .container form textarea, .container form select {
    width: 100%;
    padding: 10px 16px;
    border-radius: 6px;
    background-color: #fff!important;
    border: 1px solid #C3C3C9;
    resize:none;
}
.container form input[type="submit"][disabled], .container form button[disabled]{
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #585858 !important;
    pointer-events: none;
}
.container form input[type="submit"], .container form button {
    margin: 20px 0 0;
    display: flex;
    border-radius: 6px;
    background-color: #4700CC !important;
    color: #fff;
    border-width: 1px;
    padding: 10px 26px 10px 26px;
    line-height: normal;
    height: auto;
    position: relative;
    font-size: 16px;
    min-width: inherit;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    justify-content: center;
    width: auto;
    border-color: #4700CC !important;
    align-items:center;
}
.container form input[type="submit"] .fa-spinner, .container form button .fa-spinner{
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/* Spin animation for loaders in button */
@keyframes spin {
    from {
        transform:rotate(0deg);
   }
    to {
        transform:rotate(360deg);
   }
}
.wpcf7-list-item {
    margin: 0 10px 0 0;
    position: relative;
}
.wpcf7-list-item .wpcf7-list-item-label{
    position: relative;
    top: -4px;
}
.wpcf7 [type="checkbox"], .wpcf7 [type="radio"]{
    width: 18px;
    height: 18px;
}
/*.copyright__section p.copyright_second{
    text-align: right;
}
[dir="rtl"] .copyright__section p.copyright_second{
    text-align: left;
}*/
.copyright__section{
    width:100%;
    margin-top: 10px;
    text-align: center;
        border-top: 1px solid #CED1DE;
}
.copyright__section p{
    color: #3A3F57;
    margin: 10px 0;
}
@media(max-width:992px){
.copyright__section{ width:100%; }
.copyright__section p{ text-align: center !important; }
}
/* for zooming devices */
@media (max-width: 400px) and (max-height: 200px){
    .dda-footer, .dda-side-nav__footer{position:relative;}
    .dda-side-nav div.pa-8{padding-top:0;}
    .dda-side-nav { top: 60px; }
    table {
    width: 100% !important;
    border-collapse: collapse;
    }
    th, td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    }
    tr {
    display: block;
    margin-bottom: 10px;
    }
}
    
/*for menu*/
/*
.about-menu ul.sub-menu li { display: block; width: unset; margin-right: unset; }
.about-menu ul.sub-menu li:nth-child(odd) { width: unset; margin-right: unset; }
.about-menu ul.sub-menu { max-width: 400px; left: unset; right: unset; }
.showSubMenu{ 
left: 650px !important; 
visibility: visible !important;
position: fixed !important;
opacity: 1 !important;
}
.about-menu > ul.sub-menu li > ul.sub-menu li .showSubMenu3 {
    visibility: visible !important;
    position: relative !important;
    opacity: 1 !important;
    left: 0 !important;
    top: 0 !important;
}*/

.vc_tta-panel-body .vc_row.vc_column-gap-10 {
    margin-left: 0;
    margin-right: 0;
}