/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2


dark blue  rgb(32, 59, 143);  
blue green  rgb(30,150,187);

green rgb(94,176,48);

*/




.button_form {

	background-color:rgb(32, 59, 143);
}

.button_form:hover {

	background-color:rgb(30,150,187);
}	

a:hover {
	color: black;
  }	
  
  .button_red{
	  background-color:rgb(226, 147, 98);
	  padding: 5px;
	  opacity:0.5;	
  }
  
  .button_small{

	background-color:rgb(32, 59, 143);
	padding: 5px;
	opacity:0.7;		
  }
  
  .div-alert {
	  padding: 15px;
	  margin-bottom: 20px;
	  border: 1px solid transparent
  }
  
  .div-alert.ok {
	  color: #3c763d;
	  background-color: #dff0d8;
	  border-color: #d6e9c6
  }
  
  .div-alert.error {
	  color:rgb(133, 46, 32);
	  background-color:rgb(236, 213, 199);
	  border-color: #bce8f1
  }
  
  .status_wrapper {
	  background:rgb(94,176,48);
	  border-radius: 27px;
	  margin-bottom: 32px;
	  margin-top: 30px;
	  font-weight: 700;
	  padding: 6px 16px 6px 16px;
	  
	  width: fit-content;
	  color: #fff;
	  
  }
  
  .state-node-old {
	  background:rgb(160, 199, 176);
	  color:rgb(66, 36, 134);
	  border: 1px solid #e0e0e0;
	  font-size: .875rem;
	  font-weight: 400;
	  line-height: 18px;
  
	  border-radius: 24px;
	  box-sizing: border-box;
	  float: left;
	  height: 52px;
	  padding-top: 5px;
	  padding-left: 20px;
	  padding-right: 20px;
	  
	  margin-left: 10px;
	  margin-right: 10px;
	  
	  position: relative;
	  z-index: 1000;
  }
  
  .state-node {
	  border-radius: 24px;
	  height: 50px;
	  padding-left: 20px;
	  padding-right: 20px;
	  
	  background-color:rgb(191, 199, 194);
	  border: none;  
	  padding-top: 5px;
	  padding-bottom: 10px;
	  display: inline-block;
	  
	  font-size: .875rem;
	  font-weight: 400;
	  line-height: 18px;
	  color:#ffffff;
	  margin-top:5px;
	  margin-bottom:5px;
	  margin-left:-5px; 
	  margin-right:-5px; 
	  position: relative;
	}
  
	.state-node.active {
	  background-color:rgb(32, 59, 143);
	}
	
	
  
  .state_div {
	  text-align:center;
	  margin-top:20px;
	  padding-bottom:50px;
  
	  /* background-color: #e6f6e7; */
  }
  
  .state-img {
	  padding-top: 0px;
	  padding-bottom: 0px;
	  margin-top:0px;
	  margin-bottom:15px;
  
  
	  /* margin-top:10px !important; */
	  /* margin-top:15px; */
	  
  
	  /* background-color: #e6f6e7; */
  }
  
  .maintab_div {
	  text-align:center;
	  /* margin-top:10px;   
	  background-image: linear-gradient(rgb(247, 247, 247), rgb(199, 236, 213), rgb(247, 247, 247));*/
	  /* background-image: radial-gradient(closest-side,rgb(199, 236, 213), rgb(247, 247, 247)); */
  
  }
  
  .maintab_div_after {
	  background-color:rgb(30,150,187);
	  height:10px;
	  /* border-start-start-radius: 20px;
	  border-start-end-radius: 20px; */
	  border-radius:5px;
	  padding-bottom: 15px;
	  margin-bottom:15px;
  }
  
  
  .maintab {
	  border-radius: 0px;
	  
	  padding-left: 20px;
	  padding-right: 20px;
	  
	  
	  border-left: 1px !important;  
	  padding-top: 10px;
	  padding-bottom: 10px;
	  display: inline-block;
	  
	  font-size:15px;
	  font-weight: 400;
	  line-height: 18px;
	  color:rgb(15, 4, 29);
	  margin-top:20px;
	  margin-bottom:0px;
	  margin-left:20px; 
	  margin-right:15px; 
	  position: relative;
	  background-color:rgb(30,150,187,0.3);
	  border-start-start-radius: 10px;
	  border-start-end-radius: 10px;
	  
  
	}
	.maintab.active {
	  background-color:rgb(30,150,187);
	  color:rgb(228, 228, 228);
	  font-weight: 700;
	  /* text-decoration: underline; */
	  border-start-start-radius: 10px;
	  border-start-end-radius: 10px;
	  
	}
	


.steps_div {

    text-align:center;
    margin-top:10px;
	border-radius: 15px;
	background-color:rgb(32, 59, 143,0.1);  

}



.step {
    height: 30px;
    width: 30px;
    padding-top: 3px;
    background-color: rgb(32, 59, 143);
    border: none;  
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
	font-size:20px;
	font-weight:bold;
    color:#ffffff;
    margin-left:4%; 
    margin-right:4%; 
  }
  
  .step:hover {
    color:#000000; 
  } 

  .step.active {
    opacity: 1;
  }

  .step.invalid{
    background-color: #0e0d0d;
  }

  
  /* Mark the steps that are finished and valid: */
  .step.finish {
    background-color: #04AA6D;
  }

  .tab_header {
    margin-top:30px; 
    margin-left:50px; 
    margin-bottom:30px; 
    font-size:20px;
	font-weight:bold;
    color:rgb(32, 59, 143)
  }


  .frm_label{
    font-weight: 400;
    margin-top:0px; 
    margin-left:10px; 
    margin-bottom:0px; 
	width:100% !important;
  }


  .frm_input {
    
    width:100% !important;
    border-radius:10px !important;
    background-color: #ffffff !important;
  }

  .frm_error{
   
    margin-top:-10px; 
	color:red; 
	display: none;
	background-color: #fccbcb;
	font-weight: bolder;
    
  }

  .frm_error.active_error{ 
	 padding-left:20px;	
	 padding-right:20px;	
	 margin-left:5px;
	 margin-right:5px;
	 border-radius: 5px;
	 margin-top:-20px;
	 margin-bottom:20px;
	 display: block;
	 
   }

  .input_inline {
    display: inline !important;;
    border-radius:10px !important;
    background-color: #ffffff !important;
  }


  
  .frm_select {
    font-weight: 400 ;
    width:100% ;
    border-radius:10px ;
    background-color: #ffffff ;
  }

  .row_grid {
    display: grid !important;
    grid-template-columns: auto auto auto auto;
  }

  .frm_1 {
    grid-column: span 1 / span 1;
  }
  .frm_2 {
    grid-column: span 2 / span 2;
  }


		.fa {
			color:gray;
			cursor:pointer;
			font-size:15px;
			vertical-align: middle;
		}
		.ui-autocomplete {
			width:800px;
			height:500px;
			border:10px !important;
			cursor: pointer;
			
			margin: 10px !important;
			overflow: auto;

		}
		

        .ui-menu-item { 
			background: rgba(240,240,255,1) !important;
			padding: 0 0 0 10px;
        }

		.frm_label {
			vertical-align:top;
			box-shadow: none;
		}
		.frm_kad_tbl, .frm_kad_tbl tr, .frm_kad_tbl th,.frm_kad_tbl td {
			border:0px !important;
			vertical-align:top;
			box-shadow: none;
		}

		.frm_kad_tbl th {
			font-weight: 400;
			
		}

		input[type="search"] {
			margin-top: -5px;
			margin-bottom: 0px;
			background-color: #fff;
			border-radius: 10px !important;
		}

		input[type="number"] {
			text-align:center;
			margin-bottom:0px !important;
		}


		.chk_label {
		display: block;
		position: relative;
		padding-left: 15px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}

		/* Hide the browser's default checkbox */
		.chk_label input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
		}

		/* Create a custom checkbox */
		.chk_blue {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 25px;
		background-color: #ccc;
		margin-left: 10px;
		border: 1px solid rgb(0, 0, 0);
		}

		/* On mouse-over, add a grey background color */
		.chk_label:hover input ~ .chk_blue {
		background-color: #ccc;
		}

		/* When the checkbox is checked, add a blue background */
		.chk_label input:checked ~ .chk_blue {
		background-color: rgb(32, 59, 143);
		}

		.chk_label input:checked ~ .chk_blue.chk_gray {
			background-color: #48494a;
			}

		/* Create the chk_blue/indicator (hidden when not checked) */
		.chk_blue:after {
		content: "";
		position: absolute;
		display: none;
		}

		/* Show the chk_blue when checked */
		.chk_label input:checked ~ .chk_blue:after {
		display: block;
		}

		/* Style the chk_blue/indicator */
		.chk_label .chk_blue:after {
		left: 7px;
		top: 0px;
		width: 10px;
		height: 20px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		}