/*** general section ***/
*{box-sizing: border-box;}
html{scroll-behavior: smooth; position: relative; height: 100%;}
/* body{font-family: "agendamedium"!important; background-color: #aac2d7; } */
body{font-family: 'Montserrat', sans-serif; background-color: #aac2d7; color: #131313;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus  {transition: background-color 5000s ease-in-out 0s !important; -webkit-box-shadow: 0 0 0 100px white inset;}
input{box-shadow: none; filter: none !important;}
:-moz-autofill, :-moz-autofill-preview { filter: grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);}
input.form-control[readonly]{background-color: #fff;}
::selection { background: #233282; color: #fff;}
button:focus{outline: none;}
.btn:focus { box-shadow: none !important;}
.text-danger{font-size: 12px; line-height: 5px;}

.main_bg{ background: -webkit-linear-gradient(-45deg, rgb(139 181 229) 0%,  rgba(125, 185, 232, 0) 100%); background-size: contain; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}
/* .main_bg{background-image: url('../images/1635.jpg'); background-repeat: no-repeat; background-size: cover; background-blend-mode: overlay; background-position: center; background-attachment: fixed;} */
/* .main_bg::after{content: ''; display: flex; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; background: -webkit-linear-gradient(-45deg, rgb(139 181 229) 0%,  rgba(125, 185, 232, 0) 100%);} */
.content_section{padding-top: 90px;}

.divider_line{width: 130px; height: 2px; margin-top: 0px; margin-bottom: 30px; display: flex;}
.divider_line span{width: 100%; height: 2px; background: #7ae4f4;}

.no_padding{padding: 0;}
.no_margin{margin: 0;}
/*** general section ***/

/*** navbar section ***/
nav.navbar{background-color: #fff !important; padding: 0 40px;}
nav.navbar a .main_logo{max-width: 130px;}
nav.navbar #main_nav ul li a{color: #1e2364; font-size: 12px; font-weight: 600; text-transform: uppercase; transition: all 0.3s ease-in-out; letter-spacing: 0; line-height: 90px; padding: 0 10px;}
.main_header{position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
.main_header.on-streetheader{position: relative;}
.scrolled-down{ transform:translateY(-100%); transition: all 0.3s ease-in-out; }
.main_header .dropdown-item:hover{color: #293340 !important; background-color: transparent;}
.main_header .navbar-brand{z-index: 9999;}
.scrolled-up{ transform:translateY(0); transition: all 0.3s ease-in-out; background: #fff; border-color: rgba(235,235,235,.5);}
.scrolled-up #main_nav ul li a{color: #1e2364; transition: all 0.3s ease-in-out; line-height: 60px !important;}
nav.navbar.scrolled-up2{background-color: #fff !important;}
nav.navbar.scrolled-up2 #main_nav ul li a{color: #1e2364; transition: all 0.3s ease-in-out; line-height: 60px !important;}
.transform_class{transform:translateY(0); transition: all 0.3s ease-in-out;}
nav.navbar .close_btn{background-color: transparent;position: relative; display: flex; justify-content: center; align-items: center; height: 60px; cursor: pointer; transition: all .5s ease-in-out;}
.close_btn .lines{width: 20px; position: absolute; height: 2px; background: #6d7783; border-radius: 5px; transition: all .5s ease-in-out;}
.close_btn .lines::before, .close_btn .lines::after{content: ''; position: absolute; right: 0; width: 20px; height: 2px; background: #6d7783; border-radius: 5px;   -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top 0.3s 0.4s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -moz-transition: top 0.3s 0.4s ease-in-out, -moz-transform 0.3s ease-in-out; -o-transition: top 0.3s 0.4s ease-in-out, -o-transform 0.3s ease-in-out;
    transition: top 0.3s 0.4s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out, transform 0.3s ease-in-out;}
.close_btn .lines::before{top: 8px;}
.close_btn .lines::after{top: -8px;}
.close_btn.open_btn .lines{transition: background 0.3s 0s ease-in-out; background: transparent; box-shadow: none; }
.close_btn.open_btn .lines::before{-webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);}
.close_btn.open_btn .lines::after{ -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);}
.close_btn.open_btn .lines::before , .close_btn.open_btn .lines::after{ top: 0; width: 20px; -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.4s ease-in-out;
    -moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s 0.4s ease-in-out; -o-transition: top 0.3s ease-in-out, -o-transform 0.3s 0.4s ease-in-out;
    transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.4s ease-in-out, -moz-transform 0.3s 0.4s ease-in-out, -o-transform 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out;}
nav.navbar .close_btn:focus{outline: none !important;}
/* li.nav-item.desktop_view{display: flex; align-items: center;} */
li.nav-item.desktop_view a{line-height: 0; padding: 0;}
.circle-ripple {background-color:rgba(153, 255, 175, 0.45); position: relative; top: 30px; width: 30px; height: 30px; border-radius: 50%; animation: ripple 0.7s linear infinite; text-align: center; line-height: 33px;  color: #2f346f; font-size: 15px; }
.circle-ripple a{line-height: 30px; }
@keyframes ripple {  
    0% {box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 3px rgba(101, 255, 120, 0.3), 0 0 0 8px rgba(101, 255, 120, 0.3);}
    100% {box-shadow: 0 0 0 3px rgba(101, 255, 120, 0.3), 0 0 0 8px rgba(101, 255, 120, 0.3), 0 0 0 11px rgba(101, 255, 120, 0);}
  }
/*** navbar section ***/

/* user avatar */
.desktop_view_header .user_avatar img{max-width: 34px; border-radius: 50%; box-shadow: 0 0 3px 1px #8edaff; margin: 0;}
.mobile_view_header.user_avatar{position: absolute; right: 40px; top: 5px;}
.mobile_view_header.user_avatar img{max-width: 34px; border-radius: 50%; box-shadow: 0 0 3px 1px #8edaff; margin: 0;}
.collapse.navbar-collapse{-webkit-transition: width .35s ease-in-out; transition: width .35s ease-in-out;}
.scrolled-up2 .user_dropdown{ top: 75px;}
.user_dropdown{ display: none; position: absolute; box-shadow: -1px 1px 3px 0px #a9a9a9; right: 0; top: 90px; background-color: #fff;-webkit-transition: width .35s ease-in-out;
    transition: width .35s ease-in-out;}
/* .user_dropdown{position: absolute; box-shadow: -2px 2px 1px 0px #d7ecf6; right: 0px; top: 100px; visibility: hidden; opacity: 0; background-color: #fff; transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1); } */
.user_dropdown.active{ display: block;}
/* .user_dropdown.active{visibility: visible; opacity: 1; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} */
.user_dropdown ul{padding: 0; margin: 0;}
.user_dropdown ul li a{padding: 15px 20px !important ; line-height: 17px !important; width: 100%; font-size: 13px !important; display: inline-block;}
nav.navbar.scrolled-up2 #main_nav .user_dropdown ul li a{line-height: 17px !important;}
nav.navbar .user_dropdown ul li a{font-size: 14px; color: #000;}
nav.navbar .user_dropdown ul li a .email_small{float: left; width: 100%; font-size: 11px; color: #000; padding-left: 17px;}
/* user avatar */

/*** scroll top button section ***/
#scroll_top_btn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; height: 29px; width: 29px; line-height: 12px!important; background-color: rgba(0,0,0,0.4); color: #fff; cursor: pointer; transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;  -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; border-radius: 2px; }
#scroll_top_btn i{ font-size: 14px; top: 0px; left: 0px; text-align: center; background-color: transparent;}
#scroll_top_btn:hover { background-color: rgba(0,0,0,0.8); }
/*** scroll top button section ***/

/*** animated button section ***/
.pink_btn{ background: rgb(242, 181, 212); color: #fff;}
.pink_btn:hover{background-color: rgb(110, 131, 165); color: #fff;}
.pink_btn.round_btn .hover_line{background-color: rgba(255, 255, 255, 0.35);}
.white_btn{ background: rgb(255, 233, 244); color: #6e83a5;}
.white_btn:hover{background-color: rgb(242, 181, 212); color: #fff;}
.white_btn.round_btn .hover_line{background-color: rgba(255, 255, 255, 0.35); }
.round_btn{display: block; text-align: center; height: 60px; min-width: 240px; margin: 20px auto; max-width: 200px; font-size: 13px; font-weight: 500; text-transform: uppercase;
    letter-spacing: 2.6px; border-radius: 30px; line-height: 3.5; margin: 0 auto;}
.round_btn .hover_line{ width: 200%; height: 20px; position: absolute; left: -200%; transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg);} 
.round_btn_hover{position: relative; z-index: 1; overflow: hidden;} 
.round_btn_hover:hover .hover_line{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; left: 100%;}
.inactive.round_btn{background-color: transparent;  color: #6e83a5; cursor: not-allowed; pointer-events: none;}
.inactive-trans.round_btn{background-color: transparent;  color: #6e83a5;}
.trans_bordered_btn{background-color: transparent; color: #6e83a5; border: 1px solid #6e83a5; border-radius: 2px; padding: 5px 15px; display: inline-block; font-size: 12px;}
/*** animated button section ***/

/*** section styling ***/
.user_greet_wraps{font-size: 20px; color: #1e2364; line-height: 1.25em; margin-bottom: 10px;}
.sec_title{font-size: 25px; color: #1e2364; line-height: 1.25em; text-align: left; letter-spacing: 0px; font-family: 'Montserrat', sans-serif; font-weight: 400;}
.sec_para{font-size: 16px; font-weight: 300!important;}
.card_container{background-color: #fff; width: 100%; box-shadow: 0 0 7px 0px #abcedf; margin: 0;}
.section_wrapper{padding: 20px; }
/* .right_section{min-height: 500px;} */
.right_section .form_section{padding: 25px !important;}
.colummn_content{flex-direction: column;}
/*** section styling ***/

/* small card style */
.small_cardbox{max-width: 490px; margin: 0 auto;}
.small_cardbox .right_section{min-height: auto;}
/* small card style */

/* form styling */
.display_property{display: none;}
.form_line{position: relative; width: 100%; margin: 5px 2px; overflow: hidden; height: 70px;}
.form_line input{width: 100%; height: 100%; padding-top: 20px; border: none; outline: none; font-size: 14px;}
.form_line input:focus{border: none; box-shadow: none;}
.form_line label{position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; pointer-events: none; border-bottom: 1px solid #6e83a5; border-radius: 0; }
.form_line label::after{content: ''; position: absolute; width: 100%; height: 100%; border-bottom: 2px solid #6e83a5; border-radius: 0; left: 0; bottom: -1px; transform: translateX(-100%); transition: transform 0.3s ease;} 
.content_name{position: absolute; bottom: 5px; left: 0; transition: all 0.3s ease; color: #495057; font-size: 14px;}
.form_line input:focus + .label_name .content_name, .form_line input:not([value=""]) + .label_name .content_name , .form_line input:valid:not([value=""]) + .label_name .content_name{transform: translateY(-150%); font-size: 12px; color: #6e83a5; }
.form_line input:focus + .label_name::after,  .form_line input:not([value=""]) + .label_name::after , .form_line input:valid:not([value=""]) + .label_name::after{transform: translateX(0%);} 

.park_activity_wrap svg{margin: 5px auto 0 !important;}
.park_activity_wrap .timer_box_wrapper{margin: 25px 0;}
.park_activity_wrap .input_para{text-align: left; margin: 3px 0 !important;}
.timing_line{width: 100%; text-align: center; padding: 15px 0;}
.timing_line h2{font-size: 16px; font-weight: 400; margin-bottom: 5px; text-transform: uppercase;}
.timing_line h1{font-size: 22px; font-weight: 700;}
.timing_line .divider_line{margin: 10px auto;}

/* upload file styling */
.uploader { display: block; clear: both; margin: 10px auto; width: 100%; max-width: 600px; background: rgba(110,131,165,0.32); text-align: center;}
.uploader label {float: left; clear: both; width: 100%; padding:0; cursor: pointer; text-align: center; margin: 0;  -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* .uploader label:hover { border-color: #454cad;}
.uploader label.hover { border: 3px solid #454cad; box-shadow: inset 0 0 0 6px #eee; } */
.uploader label.hover #start i.fa { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.3; }
.uploader #start { float: left; clear: both; width: 100%; }
.uploader #start.hidden { display: none; }
.uploader #start i.fa {font-size: 16px; margin-bottom: 1rem; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.uploader #response { float: left; clear: both; width: 100%; }
.uploader #response.hidden { display: none; }
.uploader #response #messages { margin: .5rem; }
.uploader #file-image { display: inline; margin: 10px auto .5rem auto; width: 100%; max-width: 150px;}
.uploader #file-image.hidden { display: none; }
.uploader #notimage { display: block; float: left; clear: both; width: 100%;}
.uploader #notimage.hidden { display: none;}
.uploader progress, .uploader .progress { display: inline; clear: both; margin: 0 auto; width: 100%; max-width: 150px; height: 8px; border: 0; border-radius: 4px; background-color: #eee; overflow: hidden;}
.uploader .progress[value]::-webkit-progress-bar { border-radius: 4px; background-color: #eee; }
.uploader .progress[value]::-webkit-progress-value {  background: -webkit-gradient(linear, left top, right top, from(#393f90), color-stop(50%, #454cad)); background: linear-gradient(to right, #393f90 0%, #454cad 50%); border-radius: 4px; }
.uploader .progress[value]::-moz-progress-bar { background: linear-gradient(to right, #393f90 0%, #454cad 50%); border-radius: 4px;}
.uploader input[type="file"] { display: none; }
.upload_ticket_btn{margin-top: 15px;}
.uploader div { color: #5f6982; justify-content: center; align-items: center;}

.ticketUpload #messages strong{ width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 20px; font-size: 14px; }
.alert_wrapper div {margin: 0; font-size: 12px; text-transform: uppercase;}
#file-image { border-radius: 5px; cursor: pointer; transition: 0.3s; }
#file-image:hover {opacity: 0.7;}
.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;  background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);}
.modal-content { margin: 25px auto; display: block; width: 80%; max-width: 520px;}
#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0;}
.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}
@-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)}  to {transform:scale(1)}}
.close { position: absolute; top: 35px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;}
.close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer;}
/* upload file styling */
/* dropdown styling */
.form_line_custom{position: relative; width: 100%; margin: 5px 1px;} 
.drop_down .selected a .label{ transition: all 0.3s ease; transform: translateY(0); position: absolute; bottom: 10px; left: 0; font-size: 14px;}
.drop_down .selected a .label.select_label {transform: translateY(-150%); font-size: 12px; color: #6e83a5; transition: transform 0.3s ease;}
.drop_down .selected a{ display:block; text-decoration:none; height: 70px; padding: .375rem 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border-bottom: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.drop_down .selected a .text{float: left; width: 100%; margin-top: 30px;  padding: .375rem .75rem;}
.drop_down .selected a span{cursor:pointer; display:block;  }
.drop_down .option{ position:relative; }
.drop_down .options ul{ background:#fff none repeat scroll 0 0;  z-index: 9; display:none; list-style:none; padding:0px 0px; position:absolute; left:0px; width:100%; min-width:170px; border:1px solid #d7d7d7; }
.drop_down .selected span.value, .drop_down .options span.value{ display: none; }
.drop_down .options ul li a{ padding: .375rem .75rem; display:block; text-decoration:none; color: #6e83a5;}
.drop_down .options ul li a:hover{ background:#6e83a5; color:#fff; transition:0.2s ease;}
.drop_down::after{ content: '\f078'; font: normal normal normal 17px/1 FontAwesome; padding: 0; position: absolute; right: 10px; top: 35px; z-index: 1; text-align: center; color: #6e83a5; width: 20px; pointer-events: none;}
.inner_pages_wrapper .drop_down .selected a{background-color: transparent; height: 60px; border-bottom: 1px solid #6e83a5;}
.inner_pages_wrapper .drop_down .selected a .text{margin-top: 20px;}
/* dropdown styling */
/* checkbox */
.checkbox_wrapper {position: relative; margin-top: 15px; display: flex;}
.cbx { display: flex; -webkit-user-select: none; user-select: none; cursor: pointer; padding: 6px 8px; border-radius: 6px; overflow: hidden; transition: all 0.2s ease; }
.cbx:not(:last-child) { margin-right: 6px;}
.cbx:hover { background: rgba(0,119,255,0.06);}
.cbx span { float: left; vertical-align: middle; transform: translate3d(0, 0, 0);}
.cbx span:first-child { position: relative; width: 18px; height: 18px; border-radius: 4px; transform: scale(1); border: 1px solid #cccfdb; transition: all 0.2s ease; box-shadow: 0 1px 1px rgba(0,16,75,0.05); }
.cbx span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); }
.cbx span:last-child { padding-left: 8px; line-height: 18px;}
.cbx:hover span:first-child { border-color: #8ea2c2;}
.inp-cbx { position: absolute; opacity: 0;}
.inp-cbx:checked + .cbx span:first-child { background: #6e83a5 ; border-color: #8ea2c2; animation: wave 0.4s ease;}
.inp-cbx:checked + .cbx span:first-child svg { stroke-dashoffset: 0;}
@-moz-keyframes wave {
    50% {transform: scale(0.9);}
}
@-webkit-keyframes wave {
    50% {transform: scale(0.9);}
}
@-o-keyframes wave {
    50% {transform: scale(0.9);}
}
@keyframes wave {
    50% {transform: scale(0.9);}
}
.check_text{margin-left: 5px; width: 90%; font-size: 12px;}
.check_text .anchore_link{width: auto !important;}
/* checkbox */
/* radio style */
[type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #6e83a5; position: absolute; top: 4px; left: 4px; border-radius: 100%;  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.radiobox_wrapper{position: relative; width: 100%; margin: 5px 1px;}
.radiobox_wrapper .radio_box:last-child{margin-left: 20px;}
.radio_box{ line-height: 70px;}
/* radio style */
/* add new line styling */
.anchore_link{color: #869aba; width: 100%; text-decoration: underline; text-align: left; display: block; font-size: 12px; padding: 0; text-transform: uppercase;}
.add_new_line_wrapper{position: relative;}
.add_new_line_wrapper .form_line input{padding-right: 70px; text-transform: uppercase; font-size: 12px;}
.add_new_line_wrapper a.save_icon{position: absolute; right: 40px; top: 30px; cursor: pointer; color: rgb(86 84 191 / 58%);}
.add_new_line_wrapper a.delete_icon{position: absolute; right: 10px; top: 30px; cursor: pointer; color: rgb(255 0 0 / 58%);}
.add_new_line_wrapper a i{font-size: 18px; }
.add_new_line_wrapper .form_line input[value=""]:focus + .label_name .content_name {transform: translateY(-150%) !important; font-size: 14px; color: #6e83a5; }
input:invalid {color: red; }
/* .add_new_line_wrapper .form_line input:focus + .label_name::after , .form_line input:[value=""] + .label_name::after{transform: translateX(0%) !important;} */
/* .add_new_line_wrapper .form_line input[value=""] + .label_name .content_name{transform: translateY(-150%) !important;} */
/* add new line styling */
.form_section .uploadDoc {width: 100%;}
.add_new_card_wrapper{padding: 0 15px 10px; border-radius: 5px; background-color: rgba(123, 170, 228, 0.13); margin: 10px 0;}
.new_card_wrapper .add_new_card_wrapper .form-control{background-color: transparent;}
.new_card_wrapper .add_new_card_wrapper .form-control .form_line{height: 60px;}
.card_box_header{display: flex; justify-content: space-between; border-bottom: 2px solid #7ae4f4;}
.card_box_header h5{color: #233282; font-size: 16px; font-weight: 700;}
.card_btns_wrp a{font-size: 22px; line-height: 22px; font-size: 22px; cursor: pointer; }
.card_btns_wrp .save_icon{ color: rgb(86 84 191 / 58%); }
.card_btns_wrp .delete_icon{ color: rgb(255 0 0 / 58%);}
.month_wrapper{display: flex; justify-content: space-evenly;}
.month_wrapper .form_line{width: calc(33% - 10px);}
/* form styling */

/* left numbering secton */
.left_headbar_section{display: flex; background-color: #6e83a5;}
.left_headbar_section .form_head_bar{display: flex;}
.left_headbar_section .form_head_bar .left-tabs{flex-direction: column; display: flex; justify-content: center;}
.tab_numbers{background-color: transparent; color: #fff; border: 2px solid #fff; font-size: 36px; width: 60px; height: 60px; line-height: 60px; text-align: center; margin: 15px 35px; border-radius: 50%;}
.tab_numbers.active{background-color: #fff; color: #6e83a5; }
.page_title{text-align: center; word-wrap: break-word; color: #fff; font-size: 36px; width: 30px; line-height: 50px; margin: 15px 50px; font-weight: 800;}
/* left numbering secton */

.mobile_view{display: none;}
.mobile_view_header{display: none;}
.mobile_view.tab_title{display: none;}
.card_container.desktop_view{margin: 0 auto; max-width: 830px; padding: 0 10px; width: 100%;}
.card_container.desktop_view p{padding: 0; font-size: 16px; text-align: left;}
.desktop_view img{max-width: 230px; margin: 70px auto;}

/* multi step form */
.tab , .tab2{display: none;}
#regForm , #parkForm{padding: 15px;}
#regForm .tab_title , #parkForm .tab_title{margin: 0;}
#prevBtn {background-color: #bbbbbb; }
.tab_title{text-align: center; margin: 10px 0; display: inline-block; width: 100%; background-color: #6e83a5; border-radius: 5px;}
li.step{display: inline-block;}
.tab_title ul{ width: 100%;padding: 0 5px; margin: 0 auto; display: flex; max-width: 320px; height: 60px;}
.tab_title ul li.step{margin: 0 auto; float: left; width: 50px; overflow: hidden;}
.tab_title ul li.step.active{width: auto !important;}
.step.active .active_text{background-color: #6e83a5; padding: 10px 0; font-size: 12px; word-break: break-all; }
.step .active_text{background-color: transparent; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; border: none; padding: 10px 0; margin: 0 5px; font-size: 12px; display: flex; color: #fff; line-height: 40px;}
h1.big_number { width: 40px; height: 40px; margin: 0; border: 2px solid #fff; border-radius: 50%; padding: 16px; font-size: 22px; line-height: 5px; text-align: center; margin-right: 5px; display: flex; justify-content: center;}
.step.active h1.big_number{background-color: #fff; color: #6e83a5;}
.tab_text_v{display: none; text-align: center; padding: 5px 0; color: #fff; max-width: 120px;}
.tab_numbers.active ~ .tab_text_v{display: inline-block;}
.tab .sec_para , .tab2 .sec_para{margin: 20px 0 !important;}
.number_activer_wrappers { display: flex; flex-direction: column;}
.steps_intro{margin-bottom: 10px; display: inline-block; width: 100%; font-size: 16px; margin-bottom: 15px;}
.read_tab .form_line label{border: none !important;}
.read_tab .form_line{height: 55px;}
.read_tab .form_line input{ padding: .375rem 0; font-size: 14px; color: #000;} 
.read_tab .form_line label::after{border: none !important;}
.read_tab .time_input_boxs input{border-width: 0 0 0px 0; padding: .375rem 0;}
#regForm  .cta_btns , #parkForm  .cta_btns{text-align: center; display: flex; justify-content: space-evenly;}
#regForm .cta_btns .round_btn , #parkForm .cta_btns .round_btn, #strip_card_form .cta_btns .round_btn{min-width: 115px; height: 50px; line-height: 2.5; margin: 0; display: inline-block;}
.bold_text{font-weight: 600; color: #6e83a5;}
.input_para{font-size: 14px; line-height: 20px; margin: 5px 0; font-weight: 400; color: #000;}
.alert_park { text-align: center; margin: 10px 0; display: inline-block; width: 100%; font-weight: 500;}
.required:after {content:" *"; color: red;}
.errors_msg {color:#ff0000; font-size:12px;}
.devide_new_line{ float: left; width: 100%;}
 
/* next previous btns */
.cta_btns_wrapper{display: flex; justify-content: flex-end;}
.cta_btns{display: inline-block; width: 100%; text-align: right;}
.cta_btns_wrapper .cta_btns .small_btn.pre_btn{ min-width: 60px !important; font-size: 20px; line-height: 50px; position: relative; margin-right: 10px; float: left;}
.cta_btns_wrapper .cta_btns .small_btn.pre_btn .btn_text{transform: translateY(-25px) translateX(-10px); }
.cta_btns_wrapper .cta_btns .small_btn .btn_text{ position: absolute; transform: translateY(-25px) translateX(-5px);}
/* next previous btns */

/* time pick input style */
.timer_box_wrapper{margin: 15px 0;}
.timer_box_wrapper .title{display: flex; justify-content: flex-start; font-size: 12px; color: #6e83a5; font-weight: 400;}
.timer_box_wrapper .title.read_only{font-size: 13px; color: #1d1d1d; font-weight: 600;}
.timer_box_wrapper .input_para .bold_text{font-weight: 600; color: #233282;}
.time_input_boxs_wrap{display: flex; justify-content: flex-start; margin: 0 -14px;}
.time_input_boxs{width: 100%; margin: 5px 15px;}
.time_input_boxs .label_name{width: 100%; font-size: 14px; color: #6e83a5;}
.time_input_boxs .label_name small{font-weight: bold;}
.time_input_boxs input{border-bottom: 2px solid #6e83a5; border-width: 0 0 2px 0; border-radius: 0; font-weight: bold; }
.time_input_boxs input:focus{box-shadow: none; border-bottom: 1px solid #6e83a5; border-width: 0 0 1px 0;}
/* time pick input style */

/* success fail animation */
.fail_wrapper , .success_wrapper{margin-bottom: 15px;}
.flex_container{display: flex; flex-direction: column; min-height: 88vh;}
.flex_container .bottom_line{width: 100%; text-align: center; margin-top: 10px;}
.bottom_line p{margin: 0; font-size: 12px; margin-top: 25px;}
.bottom_line a.anchore_link{text-align: center;}
.pay_report_wrapper svg { width: 40px; display: block; margin: 40px auto 0;}
.pay_report_wrapper .path { stroke-dasharray: 1000; stroke-dashoffset: 0;}
.pay_report_wrapper .path.circle { -webkit-animation: dash 0.9s ease-in-out; animation: dash 0.9s ease-in-out;}
.pay_report_wrapper .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 0.9s 0.35s ease-in-out forwards; animation: dash 0.9s 0.35s ease-in-out forwards;}
.pay_report_wrapper .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards; animation: dash-check 0.9s 0.35s ease-in-out forwards;}
.pay_report_wrapper p{text-align: center; margin: 15px 0 !important;}
.pay_report_wrapper p.success { color: #73AF55; margin: 30px 15px 0 !important;}
.pay_report_wrapper p.error { color: #D06079; margin: 30px 15px 0 !important}
@-webkit-keyframes dash {
    0% { stroke-dashoffset: 1000;}
    100% { stroke-dashoffset: 0;}
}
@keyframes dash {
    0% { stroke-dashoffset: 1000;}
    100% { stroke-dashoffset: 0;}
}
@-webkit-keyframes dash-check {
    0% {stroke-dashoffset: -100;}
    100% { stroke-dashoffset: 900;}
}
@keyframes dash-check {
    0% {stroke-dashoffset: -100;}
    100% {stroke-dashoffset: 900;}
}
/* success fail animation */
/* overlay section */
.overlay_section  {position: fixed; top: 0; left: 0; display: none; z-index: 1050; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.overlay_section.overlay_section_view{display: table;}
.centered_content{display: table-cell; vertical-align: middle; padding: 15px; text-align: center;}
.overlay_section_view + section.content_section{filter: blur(25px); -webkit-filter: blur(25px); -moz-filter: blur(25px); -o-filter: blur(25px); -ms-filter: blur(25px);}
/* overlay section */

.tarrif_btn{margin: 5px 0;}
.general_rules_wrapper.show_rule{transform: translate(0 , 0);}
.general_rules_wrapper{font-size: 12px; margin-top: 20px; position: fixed; bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: translate(0 , 230px); left: 0;  width: 100%; background-color: #fff; padding: 10px; z-index: 9; box-shadow: 2px -1px 4px 0px #cacaca;}
.general_rules_wrapper span{font-size: 14px; font-weight: bold; padding: 5px 0 10px; display: flex; position: relative; width: 100%; align-items: center; justify-content: center; margin-bottom: 15px;}
.general_rules_wrapper span::after{ content: ''; height: 1px; width: 180px; position: absolute; bottom: 0; background-color: #6e83a5; }
.general_rules_wrapper span a{position: absolute; right: 5px; color: #6e83a5; text-decoration: none; font-size: 16px;}
.general_rules_wrapper ul{padding-left: 16px; margin: 5px 0 10px;}
.general_rules_wrapper ul li{ margin: 10px 0;}
.general_rules_wrapper h3{text-align: center;}
.general_rules_wrapper h3 a{font-size: 18px; align-items: center; display: flex; justify-content: center; margin: 15px auto; height: 50px; max-width: 100px;}

/* Stop_modal */
.Stop_modal{background-color: rgba(131, 186, 255, 0.5);}
.Stop_modal .modal-content{border: none;}
.Stop_modal .modal-content .modal-body {padding-bottom: 0;}
.Stop_modal .modal-content .modal-body .divider_line{margin: 20px auto;}
.Stop_modal .modal-content p{text-align: center; margin: 0; font-size: 16px; line-height: 25px;}
.Stop_modal .modal-content .modal-footer{border: none;}
/* Stop_modal */

/* footer section */
footer{width: 100%; text-align: center; font-size: 12px; margin-top: 15px;}
footer .links{float: left; width: 100%; margin-top: 5px;}
footer .links a{ color: #869aba; display: inline-block; margin: 5px 8px 0;}
/* footer section */

/* on-street styling */
.tab{padding: 0px 10px 10px;}
.tab_inner_wrapper{position: relative; margin: 5px 0 20px;}
.map_frame{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.parking_loction_popbar{ color: #fff; text-align: center; padding: 15px; bottom: 0; z-index: 9; width: 100%;} 
.parking_loction_popbar.active_status{background-color: #00bd88; }
.parking_loction_popbar.stop_status{background-color: #ff5d5d; }
.parking_loction_popbar ~ .content_section{margin-top: 20px;}
.parking_loction_popbar small{font-weight: 300; font-size: 16px; text-transform: uppercase; word-spacing: 3px; }
.parking_loction_popbar.active_status small{ -webkit-animation: glowTextActive 1s ease-in-out infinite alternate; -moz-animation: glowTextActive 1s ease-in-out infinite alternate; animation: glowTextActive 1s ease-in-out infinite alternate;}
@-webkit-keyframes glowTextActive {
    from { text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 30px #004417;}
    to { text-shadow: 0 0 15px #fff, 0 0 30px #0ca759; }
}
.parking_loction_popbar.stop_status small{ -webkit-animation: glowTextstop 1s ease-in-out infinite alternate; -moz-animation: glowTextstop 1s ease-in-out infinite alternate; animation: glowTextstop 1s ease-in-out infinite alternate;}
@-webkit-keyframes glowTextstop {
    from { text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 30px #f80303;}
    to { text-shadow: 0 0 15px #fff, 0 0 30px #e26f2c; }
}
.parking_alertbox{background-color: rgba(110,131,165,0.83); color: #fff; text-align: center; padding: 5px; position: absolute; bottom: 0; z-index: 999; width: 100%;}
.parking_alertbox h5{font-size: 16px; padding: 15px 0; margin: 0; line-height: 26px;}
.parking_alertbox p{font-size: 14px; margin: 0 0 10px;}
.time_input_boxs.start_time_input{pointer-events: none;}
/* on-street styling */

/* left menu Styles */
.portal_contents{position: relative; left: 50px; width: calc(100% - 50px); transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);}
.primary-nav {position: fixed; z-index: 999; top: 0; left: 40px;}
.menu ul { margin: 0; padding: 0; list-style: none;}
.open-panel { border: none; background-color:#fff; padding: 0;}
/* .hamburger {background: #fff;  display: block; text-align: center; padding: 13px 0; width: 50px; height: 50px; right: 0px; top: 80px; z-index: 1000; cursor: pointer;} */
.hamburger {background: #fff; color: #1e2364; display: block; text-align: right; padding: 13px 20px; width: 100%; height: 54px; cursor: pointer; transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);}
/* .hamburger:before {  content:"\2630"; display: block; color: #1e2364; line-height: 26px; font-size: 16px;} */
.hamburger.active{text-align: center;}
.openNav .hamburger:before { content:"Close"; display: block; color: #000; line-height: 26px; font-size: 16px; font-weight: 600; text-transform: uppercase;}
.hamburger:hover:before { color: #000;}
.openNav .hamburger i{display: none;}
.primary-nav .menu li { position: relative;}
.menu .icon { position: absolute; top: 12px; right: 10px; pointer-events: none; width: 24px; height: 24px; color: #fff;}
.menu, .menu a, .menu a:visited { color: #1e2364; text-decoration: none!important;  position: relative;}
.menu a { display: block; white-space: nowrap; padding: 1em; font-size: 14px; font-weight: 600;}
.menu a:hover { color: #000;}
.menu-dropdown li .icon {color: #1e2364;}
.menu-dropdown li:hover .icon { color: #000;}
.menu-dropdown li a.current{background-color: rgba(233, 241, 255, 0.4);}
.menu label {  margin-bottom: 0;  display: block;}
.menu label:hover {  cursor: pointer;}
.menu input[type="checkbox"] {  display: none;}
input#menu[type="checkbox"] { display: none;}
.sub-menu-dropdown {display: none;}
/* .new-wrapper {position: absolute; left: 50px;  width: calc(100% - 50px); transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);} */
#menu:checked + ul.menu-dropdown {  left: 0; -webkit-animation: all .45s cubic-bezier(0.77, 0, 0.175, 1); animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);}
.sub-menu-checkbox:checked + ul.sub-menu-dropdown { display: block!important; -webkit-animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1); animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);}
/* .openNav .new-wrapper { position: absolute; transform: translate3d(200px, 0, 0); width: calc(100% - 250px); transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);} */
.downarrow { background: transparent; position: absolute; right: 50px; top: 12px; color: #777; width: 24px; height: 24px; text-align: center; display: block;}
.downarrow:hover { color: #fff;}
.menu { position: absolute; display: block; left: -250px; width: 260px; transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1); background-color: #fff; z-index: 999;}
/* top: 90px; */
/* .scrolled-up2 .menu{top: 76px;} */
.menu-dropdown { top: 0; overflow-y: auto;}
.overflow-container { position: relative; height: 100vh !important; transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1); overflow-y: auto; z-index: -1; display:block; top: 89px; box-shadow: 1px 3px 3px 0px #a9a9a9; background-color: #fff;}
.scrolled-up2 .overflow-container {top: 73px;}
.menu a.logotype { position: absolute!important; top: 11px; left: 55px; display: block; font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-weight: 800; color: #000; font-size: 21px; padding: 10px;}
.menu a.logotype span { font-weight: 400;}
.menu a.logotype:hover { color: #777;}
.sub-menu-dropdown {background-color: #333;}
/* .menu:hover {position: absolute; left: -40px; top: 100px;}
.openNav .menu:hover {position: absolute; left: -240px; top: 100px;} */
.openNav .menu { top: 0; transform: translate3d(200px, 0, 0); transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);}
@-webkit-keyframes grow {
    0% { display: none; opacity: 0;}
    50% { display: block; opacity: 0.5; }
    100% { opacity: 1;}
}
@keyframes grow {
    0% { display: none; opacity: 0;}
    50% { display: block; opacity: 0.5;}
    100% { opacity: 1}
}
/* left menu Styles */

/* portal styling */
.content_section.portal_contents{padding-top: 105px;}
.white_cardbg{ background-color: #fff; width: 100%; box-shadow: 0 0 7px 0px #abcedf; margin: 0; padding: 15px; margin-bottom: 15px;}
.main_greets_wraps{font-size: 25px; color: #1e2364; line-height: 1.25em; font-weight: 600; margin: 15px 0 25px;}
.sec_box_wrps .sec_label , .edit_content_wrapper .sec_label {position: relative; font-size: 16px; text-transform: uppercase; font-weight: 600; padding-bottom: 5px; display: flex; align-items: center; justify-content: space-between;}
.white_cardbg .sec_box_wrps { display: inline-block; width: 100%; padding: 13px 20px; background-color: rgba(233, 241, 255, 0.4); border-radius: 5px; margin-bottom: 20px;}
.edit_content_wrapper {  display: none; width: 100%; padding: 13px 20px; background-color: rgba(233, 241, 255, 0.4); border-radius: 5px; margin-bottom: 20px;}
.edit_content_wrapper.actived{display: block; transition: max-height 0.2s ease-out;}
.edit_btn_cta_wrp button:first-child{margin-right: 5px; background-color: transparent; border: none; font-size: 12px;  color: #6e83a5;}
.white_cardbg .sec_box_wrps.white_bg{background-color: transparent; padding: 0;}
.avtar_upload , .avtar_upload img{margin-top: 0;}
.avtar_upload .upload_ticket_btn{font-size: 13px;}
/* .sec_box_wrps .sec_label::after{content: ''; width: 90px; height: 2px; background-color: #6e83a5; border-radius: 2px; position: absolute; position: absolute; left: 0; bottom: 0;} */
.sec_listing_wraps .sec_list_lines{display: flex; justify-content: space-between; font-size: 14px;}
.list_result {font-weight: 600;}
.list_result a{text-decoration: underline; color: #869aba; }
.list_result a:hover{color: #000;}
.table_wrapper{overflow-x: auto;}
.sec_listing_wraps .table{background-color: #fff; margin: 10px 0; border: 1px solid #ccc; overflow: auto;}
.sec_listing_wraps .table thead th{border-top: none; background-color: #ddd; color: #000; font-size: 14px;}
.table-striped tbody tr:nth-of-type(odd){background-color: rgba(147, 147, 147, 0.05);}
.sec_listing_wraps .table tbody td{font-size: 12px;}
.sec_listing_wraps .table tbody td:last-child{text-align: center;}
a.editble_btn i{font-size: 12px; color: #000;}
a.editble_btn_icon i{font-size: 12px; color: #000;}
.sec_listing_wraps .form_line {height: 60px;}
.sec_listing_wraps .form_line input{background-color: transparent; font-size: 14px; padding-left: 0;}
.sec_listing_wraps .form_line input:focus + .label_name .content_name, .form_line input:not([value=""]) + .label_name .content_name , .form_line input:valid:not([value=""]) + .label_name .content_name{transform: translateY(-150%); font-size: 12px; color: #6e83a5; }
.sec_listing_wraps .avtar_upload{background-color: transparent;}
.sec_listing_wraps .see_more_wrps{display: flex; justify-content: flex-end; align-items: center;}
.sec_listing_wraps .list_result{margin-top: 5px; font-size: 12px}
/* portal styling */

/* languege dropdown */ 
.lang_btn a {color: #1e2364; text-decoration: none; font-size: 12px; font-weight: 500; text-transform: uppercase; }
.lang__list, .lang__option { margin: 0; padding: 0; display: inline; }
.lang__chevron { display: none;}
.lang_btn { display: inline-block; text-align: left; padding: 0 5px; max-width: 200px; top: 5px; letter-spacing: 2.6px; border-radius: 30px; min-width: 4rem; position: relative;}
.lang__list, .lang__option { display: block; }
.lang__chevron { display: inline-block;  margin-left: 5px;}
.lang__option { padding: 0.5rem; }
.lang__list { display: none; list-style-type: none; }
.lang__list li a{color: #000; padding: 10px;}
.is-open { border-bottom: none; }
.is-open .lang__list {background-color: #fff; border-top: none; display: block; position: absolute; left: 0; top: 56px; box-shadow: 0px 1px 2px 1px #e9e9e9; width: 100%;}
.is-open .lang__chevron { transform: rotate(180deg); }
/* languege dropdown */

.content_section.inner_pages_wrapper{padding-top: 130px;}
.content_section.inner_pages_wrapper .white_cardbg{max-width: 660px; margin: 0 auto;}
.content_section.inner_pages_wrapper .white_cardbg .sec_box_wrps .para_text{font-size: 14px; line-height: 20px;}
.content_section.inner_pages_wrapper .white_cardbg .sec_box_wrps .btn_wrapper{display: flex; justify-content: space-between; align-items: center;}
.content_section.inner_pages_wrapper .white_cardbg .sec_box_wrps .btn_wrapper button{min-width: 180px;}
.content_section.inner_pages_wrapper .white_cardbg .tag-wrapper { background: #fff; padding: 10px 20px;}
.tag {display: inline-block; position: relative; margin: 5px 10px 5px 0px; }
.tag input[type=checkbox] { opacity: 0; position: absolute; z-index: 300; cursor: pointer; left: 0; width: 100%; height: 100%; }
.tag input[type=checkbox]:hover + label { background: #7caade;}
.tag label { padding: 3px 32px 6px 16px; position: relative; z-index: 200; color: #fff; display: block; border-radius: 16px; background: #8db6e5; -webkit-transition: all 0.08s ease-in; transition: all 0.08s ease-in;}
.tag .fa { position: absolute; z-index: 250; right: 11px; top: 9px; color: white; line-height: 0.95;}
  

/*** responsive section ***/
@media (max-width: 1130px){
    .desktop_view{display: none;}
    .mobile_view{display: block;}
    .tab_title.mobile_view{display: block;}
    .circle-ripple {background-color:rgba(153, 255, 175, 0.45); width: 30px; height: 30px; top: 20px; border-radius: 50%; animation: ripple 0.7s linear infinite; text-align: center; line-height: 33px; color: #2f346f; font-size: 15px; position: absolute; transform: translate(80px, -5px);}
}

@media (max-width: 992px){
    nav.navbar{background-color: #fff !important; padding: 0 15px;}
    .desktop_view_header{display: none;}
    .mobile_view_header{display: block;}
    nav.navbar #main_nav{margin: 0 -15px;  transition: all 0.3s ease-in-out; z-index: 9999; background-color: #fff} 
    nav.navbar #main_nav ul.navbar-nav{ height: 100vh;}
    nav.navbar a .main_logo { max-width: 60px; }
    nav.navbar #main_nav ul li a , nav.navbar.scrolled-up2 #main_nav ul li a{color: #d2f0ff; font-size: 12px; font-weight: 700; line-height: 25px !important; border-top: 1px solid #d2f0ff; background-color: #6e83a5; padding: 10px 15px; text-transform: capitalize;}
    .content_section{margin-top: 60px; padding-top: 0px;}
    .content_section.parkings_contents{margin-top: 0px; padding-top: 0px;}
    .left_headbar_section , .form_head_bar , .left-tabs{width: 100%; } 
    .left_headbar_section .form_head_bar .left-tabs{flex-direction: row;}
    .card_container{margin: 0 auto;}
    .tab_numbers{font-size: 26px; width: 40px; height: 40px; line-height: 40px;}
    /* .sec_title{font-size: 22px; padding-top: 20px !important;} */
    .sec_para { font-size: 14px; line-height: 20px;}
    .divider_line{margin-bottom: 20px;}
    .sec_para{ padding-bottom: 0 !important; margin-bottom: 0 !important;}
    .form_section{padding: 20px !important; }
    .form_section .form-row{margin: 0 !important;}
    .round_btn{margin: 20px auto;  max-width: 200px; min-width: 180px;}
    #myModal .modal-content { width: 100%; max-width: 470px;}
    .form_section .uploadDoc{padding-top: 0 !important;}
    .right_section{margin: 0; padding: 0;}
    .page_title{font-size: 26px; writing-mode: horizontal-tb; width: auto;} 
    
    .pay_report_wrapper {padding: 10px;}
    .pay_report_wrapper .round_btn{display: block;}
    .content_section .container{padding: 10px !important;}
    .content_section .container .section-content{padding: 10px !important;}
    .content_section .container .section-content .sec_title {font-size: 20px; padding-top: 5px !important; padding-bottom: 5px !important;}
    .card_container .bottom_line {margin-top: 30px;}
    .card_container .bottom_line .anchore_link{display: inline-block;}
    .card_container .bottom_line p{ margin-top: 5px; border-top: 2px solid #578ab5; padding-top: 25px;}

    /* .menu{left: -240px; top: 60px;} */
    /* .openNav .menu, .scrolled-up2 .menu{top: 60px;} */
    .overflow-container{top: 60px;}

    .content_section.portal_contents{margin-top: 80px; padding-top: 0px;}
    .user_dropdown , .scrolled-up2 .user_dropdown{top: 61px;}
    .is-open .lang__list{top: 48px;}
    .lang_btn{right: 110px; position: absolute; top: 13px;}
    .content_section.inner_pages_wrapper{padding-top: 30px; position: relative; left: 50px; width: calc(100% - 50px); transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);}
}
@media (max-width: 767px){
    .right_section .py-5.form_section {padding: 10px 0 0 !important;}
    .radiobox_wrapper{font-size: 14px;}
    .radiobox_wrapper .radio_box { line-height: 20px; }
    .form_line_custom .drop_down .selected a .text{font-size: 14px;}
    .pay_report_wrapper p.success{margin: 10px 0px 0 !important;}
    .user_dropdown ul li a{padding: 10px !important;}
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-toggler { display: none !important;}
}
@media (max-width: 600px){
    .small_footer{display: inline-block; width: 100%; }
    .small_footer small{display: inline-block; width: 100%; margin-bottom: 10px;}
    .card_container .right_section .form_section , .card_container .right_section .section_wrapper{padding: 8px !important;}
    .pay_report_wrapper{padding: 0;}
}
@media (max-width: 576px){
    .dual_boxes_wrapper .col-xl-4{padding: 0;}
    .white_cardbg .sec_box_wrps{padding: 10px; border-radius: 0; margin-bottom: 10px;}
    .sec_listing_wraps .sec_list_lines{font-size: 12px;}
    .main_greets_wraps{font-size: 18px; margin: 0 0 10px;}
    .sec_box_wrps .sec_label{font-size: 14px;}
    .trans_bordered_btn {padding: 5px 7px; }
    .edit_btn_cta_wrp button{font-size: 10px !important;}
    .edit_btn_cta_wrp button:first-child{margin-right: 0;}
    .content_section.inner_pages_wrapper .white_cardbg .sec_box_wrps .btn_wrapper{flex-direction: column;}
    .content_section.inner_pages_wrapper .white_cardbg .sec_box_wrps .btn_wrapper button{max-width: 200px; margin: 0; height: 50px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
@media (max-width: 385px){
    .general_rules_wrapper{transform: translate(0 , 260px);}
}

@media (max-width: 375px){
    #regForm, #parkForm{padding: 10px;}
    .parking_loction_popbar small{font-size: 12px;}
    h1.big_number { width: 30px; height: 30px; font-size: 16px; line-height: 2px; margin-right: 10px;}
    #regForm .cta_btns .round_btn, #parkForm .cta_btns .round_btn, #strip_card_form .cta_btns .round_btn{line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
/*** responsive section ***/





#file-pdf{
    width: 30px;
    margin-top: 5px;
}

.autofill-lable{
    transform: translateY(-150%);
    font-size: 14px;
    color: #6e83a5;
}

.text_position{
    text-align: justify;
}

#req_loader{
    display:none;position:fixed;top:0;left:0;background:rgba(255,255,255,0.8);width:100%;height:100%;z-index:1000
}
#loading-div{
    width:250px;height:170px;text-align:center;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);
}
#loading-div h2{
    color:gray;font-weight:normal;text-align:center;margin-top:-15px
}

.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.ui-timepicker-container{
    max-height: 150px;
}