/* .form_row { */


    /* display: block!important; */


/* } */





.wah-admin-tabs-nav {


    float: initial;


    width: 100%;


    text-align: center;


	 display: flex;


    border-bottom: #707070 solid thin;


}


div#wpbody #wpbody-content .wrap {


    background: #FFFFFF;


    padding: 20px;


    border-radius: 8px;


    overflow: hidden;


}





.wah-admin-tabs-nav .form_element_header{


	border-left: none !important; 


    border-top: none !important; 


 border-bottom:transparent solid 4px  !important;


}


.wah-admin-tabs-nav .form_element_header:focus, .wah-admin-tabs-nav .form_element_header:hover, .wah-admin-tabs-nav .form_element_header.active {


     border-bottom:#2271B1 solid 4px  !important;


   


}


.wah-admin-tabs-content {


    width: 100%!important;


    float: none!important;


    padding: 20px;


    background: white;


    min-height: 780px;


    border: none;


    margin-top: 30px!important;


    box-sizing: border-box;


}	





.switch-label {


  


    background: #1D2327 !Important;


    


    box-shadow: inset 0 1px 2px rgba(0,0,0,0.12),inset 0 0 2px rgba(0,0,0,0.15);


}





.switch-handle {


    background: none !important;


    background-image: url(../images/cross-icon.svg) !important;


    border-radius: 100%;


    box-shadow: none!important;


    background-repeat: no-repeat!important;


}


.switch {


    position: relative;


    display: block;


    vertical-align: top;


    width: 100px;


    height: 30px;


    padding: 3px;


    margin: 0;


    background: none!important;


    background-image: none!important;


    border-radius: 18px;


    box-shadow: none!important;


    cursor: pointer;


    outline: none!Important;


}


input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {


    box-shadow: 0 0 0 transparent;


    border-radius: 80px!important;


    border: 1px solid #DCDFE6 !important;


    background-color: #fff!important;


    color: #2c3338;


}


.switch-label:before, .switch-label:after {


    display: none!important;


}


.form_row input:focus, .form_row select:focus, .form_row textarea:focus {


    outline: none !Important;


}


.switch-input:checked ~ .switch-label{


	    background-color: #2271B1!important;


}


.switch-input:checked ~ .switch-handle {


 


    background-image:url(../images/check-icon.svg) !important;


}


.switch-handle:before {


    display: none!important;


}





input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {


    border-color: #000 !important;


    box-shadow: none!important;


  


}


.wah_form_elements_wrapper {


    overflow: hidden;


}





.wah_form_elements_wrapper  .form_row:nth-child(odd) {


    background: rgb(245 249 254 / 59%);


}


.wah_form_elements_wrapper  .form_row:nth-child(even) {


    background: rgb(245 249 254 / 32%);


}


.wah_form_elements_wrapper .form_row {


    border-radius: 20PX;


    PADDING: 0 20PX;


    BOX-SIZING: BORDER-BOX;


}





.wah-logo-controller {


    max-width: 409px;


    margin: 0;


    text-align: center;


    background: transparent;


    padding: 5px;


    height: 145px;


    display: flex;


    align-items: center;


}








.top_row .col-full-width  , .bottom_row .col-full-width ,  .middle_row .col-full-width{


    display: flex;


    justify-content: space-between;


}





.logo-input input {


    width: 24px;


    height: 24px;


    text-align: center;


    padding: 3px;


    font-size: 18px;


    background: #fff;


    border: 0;


    max-width: none;


    border: #DCDFE6 solid thin;


}


.logo-input input:focus{


	 border: #DCDFE6 solid thin !important


}


.wah-logo-controller-inner {


   


    width: 100%;


}


input[type=radio]:checked::before, .logo-input.active input[type=radio]::before {


    content: "";


    border-radius: 100%;


    width: 100%;


    height: 100%;


    margin: 0px;


    background-color: transparent;


    line-height: 1.14285714;


    background-image: url(../images/check-icon.svg) !important;


    background-repeat: no-repeat;


    border: #2271B1 solid 2px;


    background-size: 100% 100%;


    display: block;


    position: absolute;


    left: -1px;


    top: -1px;


}


.position_row {


    display: flex;


    column-gap: 10px;


    margin-bottom: 10px;


}


.position_input {


    position: relative;


}


.position_input:after {


    content: "px";


    position: absolute;


    right: 36px;


    top: 3px;


}





.wp-core-ui select {


    min-width: 211px;


}


.button-type {


    overflow: hidden;


    clear: both;


    display: flex;


    align-items: center;


    column-gap: 15px;


    font-size: 15px;


    margin-bottom: 20px;


}





.button-image-selection {


    display: flex;


    column-gap: 12px;


}


.button-image-columns {


    width: 187px;


    height: 117px;


    background: #fff;


    border: #DCDFE6 solid thin;


    border-radius: 10px;


    display: flex;


    align-items: center;


    justify-content: center;


    position: relative;


}


.button-image-columns input[type="radio"] {


    position: absolute!important;


    width: 100%;


    height: 100%;


    opacity: 0;


}


.button-image-icon svg{width:100%; height:100%}





input.color_field {


    border: none!important;


    padding: 0px!important;


    width: 100px;


    height: 50px;


}


input[type=radio]:checked, .logo-input.active input[type=radio] {


    position: relative;


}





.button-image-columns:has(> input:checked){


	 border: #2271B1 solid thin;


	 box-shadow:rgba(0,0,0,0.1)0 0 5px 5px;


}


.button-image-columns.active{


	 border: #2271B1 solid thin;


	 box-shadow:rgba(0,0,0,0.1)0 0 5px 5px;


}





input#clear-btn {


    background-image: url(../images/remove-icon.svg);


    background-repeat: no-repeat;


    font-size: 0pc;


    border: none;


    width: 24px;


    height: 24px;


    position: absolute;


    bottom: 5px;


    right: 5px;


    background-color: transparent!important;


}


input#upload-btn {


    background-image: url(../images/upload.svg);


    background-repeat: no-repeat;


    border: none;


    width: auto;


    height: 80px;


    background-color: transparent!important;


    background-size: 20px;


    background-position: top 12px center;


    padding-top: 22px;


    color: #000;


}


input#upload-btn:focus , input#clear-btn:focus {


    outline: none!important;


    border: none!important;


    box-shadow: none!important;


}





.button-image-columns.custom-image-columns input[type="radio"] {


    display: none;


}


.button-image-columns.custom-image-columns {


    display: flex;


    align-items: center;


    justify-content: space-between;


    padding: 20px;


    box-sizing: border-box;


    width: auto;


}


.button-image-columns.custom-image-columns img {


    height: 35px;


}


.custom-icon-column-inner.custom-icon-column-inner-right {


    padding-left: 10px;


    margin-left: 10px;


    border-left: #ccc solid thin;


}


@media screen and (max-width: 1220px){


	.wah-admin-tabs-nav .form_element_header .title, .wah-admin-tabs-nav .form_element_header .desc {


		 display: block !important; 


	}


	


}


@media screen and (min-width: 768px){


	.mobile-tab-click{


		display:none


	}


}


@media screen and (max-width: 767px){





	.wah-admin-tabs-nav {


		float: initial;


		width: 100%;


		text-align: center;


		display: flex;


		border-bottom: #707070 solid thin;


	}


	.wah-admin-tabs-nav .form_element_header {


		display: block;


		width: 100%;


		border-bottom: #ccc solid thin!important;


	}


	.wah-admin-tabs-nav {


		position: absolute;


		left: 0px;


		width: 95%;


		top: 74px;


		background: #fff;


		z-index: 9999;


		border: #ccc solid thin;


		right: 0px;


		margin: auto;


		display: none;


		overflow: hidden;


	}


	.wah-admin-tabs-nav.active{


		display:block;


	}


	div#wpbody #wpbody-content .wrap {


		


		position: relative;


	}


	.mobile-tab-click {


		background: #000;


		text-align: left;


		font-size: 20px;


		color: #fff;


		padding: 7px 15px 13px;


	}


	.mobile-menu-icon {


		display: flex;


		flex-direction: column;


		width: 30px;


		margin-top: 7px;


	}


	.mobile-menu-icon span {


		height: 2px;


		width: 100%;


		background: #fff;


		margin-bottom: 5px;


	}


	.mobile-tab-click {


		display: flex;


		justify-content: space-between;


		align-items: center;


	}


	.wah-admin-tabs-content {


		


		padding: 0;


		


	}


	


	.button-type {


	


		flex-wrap: wrap;


	}


	.button-type-col {


		width: 50%;


		margin-top: 18px;


		padding-bottom: 10px;


	}


	.button-image-selection {


		display: flex;


		column-gap: 12px;


		flex-wrap: wrap;


	}


	.button-image-columns {


		


		margin-bottom: 20px;


	}


}