/*
plugin for Google Maps Marker
Author: a2exfr
http://my-sitelab.com/
Date: 03-11-2016
Version 1.0.8 */

.mapCanvas {
   	margin-left: auto;
	margin-right: auto;
  }

.map-container {
   	margin-left: auto;
	margin-right: auto;
	position:relative;	
  }
.btn-full-screen{
	position: absolute;
    right: 0;
	margin-top: 10px;
	margin-right: 10px;
	background-color: white; 
	padding: 5px;
	cursor:pointer;
    text-align: right;
    z-index: 99998;	
	}
#btn-exit-full-screen{
		display: none;
}
/*resp*/
.r_map{
    position: relative;
    width: 100%;
   /* padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
	/* height: 0!important; ???*/
    overflow: hidden!important;
}

.r_map iframe,   
.r_map object,  
.r_map embed {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
}

  
  /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #18BC9C;
}

input:focus + .slider {
  box-shadow: 0 0 1px #18BC9C;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*inps*/
.a_inp {
  padding: 6px;
  border: none;
  border-bottom: solid 2px #ccc;
  transition: border 0.3s;
}
.a_inp:focus{
  border-bottom: solid 2px #18BC9C;
}
.a_flat_button {
	font-size: 15px!important;
	height:18px;
	margin-bottom:5px;
	border-radius: 6px;
  color: #fff;
  background-color: #1abc9c;
  text-shadow: -1px 1px #417cb8;
  border: none;
  padding: 3px 5px;
  border-bottom: 2px solid #12ab8d;
}

.a_flat_button:hover{
  background-color: #12ab8d;
  text-shadow: -1px 1px #27496d;
}

.a_flat_button:active{
  background-color: #16a085;
  text-shadow: -1px 1px #193047;
  height:16px;
  
}
/**/
#option_message p {
margin-top: 5px!important; 
margin-bottom: 5px!important;	
}
.a_line {
	display: inline-block;
}
.a_line .switch{
	float:left;
	margin-bottom:0; 

}
.a_line .switch .slider round{
display: inline-block;
  vertical-align: middle;

}
.a_line p {
	
margin-left: 5px!important;
margin-top: 5px!important; 
margin-bottom: 5px!important;
 display: inline-block;
  vertical-align: middle;
}
.a_box{
 border: 1px solid #ddd;
padding:3px;
border-radius: 4px; 
	
}
.a_box p {
margin-top: 5px!important; 
margin-bottom: 5px!important;	
}
/*three pos sawqith*/
.switch-field {
    overflow: hidden;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
  display: none;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  width: 55px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px!important;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 3px 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
/*  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
  margin-bottom: 0px;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #1abc9c;
  color:white;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 0px;
}
.switch-field label:nth-of-type(2)  {
  border-radius: 0px 4px 0 0px;
}
.switch-field label:nth-of-type(3)  {
  border-radius: 0 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 0 4px 0;
}
#stl{
float:left;
margin-right:3px;	
}
.stl{
font-size:10px!important;	

}