/******* molo Tab Navigation *****/
input#molotab1,input#molotab2  { display: none; }                
input#molotab1 + label, input#molotab2 + label { display: inline-block } 
input ~ .molotab { display: none }          

#molotab1:checked ~ .molotab.molocontent1,
#molotab2:checked ~ .molotab.molocontent2
{ display: block; }

input#molotab1 + label, input#molotab2 + label {
  border: 1px solid #999;
  background: #EEE;
  padding: 8px 18px;
  border-radius: 7px 7px 0 0;
  position: relative;
  top: 1px;
  font-size:17px;
}
input#molotab1:checked + label,input#molotab2:checked + label {
  background: #FFF;
  border-bottom: 1px solid transparent;
}
input ~ .molotab { 
  border-top: 1px solid #999;
  padding: 12px;
}

/******* molo header *****/
span#moloby {
	font-size:16px;
}
h3#moloheader	{
	font-weight:100;
}
h3#moloheader a {
	font-weight:400;
}

/******* molo action tab on *****/

.molotab {
	padding: 1% 3% !important;
	background: #fff;
	border: 1px solid #999;
	border-radius: 0 1em 1em 1em;
}

/*** molo step1 *****/
.molo-step1 p {
	font-size:18px;
}

/*** molo step2 *****/
.molo-step2 .molo-form {
	margin: 0 2em;
	max-width: 600px;
	font-size: 16px;
	border: 1px solid #888;
	padding: 1em;
	border-radius: 2em;
}

.molo-step2 .molo-status {
	margin: 0em 1em;
	overflow: hidden;
}
.molo-step2 .molo-status p {
	font-size: 1em;
}
.molo-step2 .molo-status #molo-status-on {
	color: #ffffff;
	font-weight: 700;
	background: #65cc65;
	border-radius: 1em;
	padding: 1px 6px;
	margin-left:7px;
}
.molo-step2 .molo-status #molo-status-off {
	color: #ffffff;
	font-weight: 700;
	background: #8a8a8a;
	border-radius:14px;
	margin-left:7px;
	padding: 3px 8px;
}
.molo-step2 .molo-turn-on, .molo-step2 .molo-turn-off {
	margin:1em;
	overflow: hidden;
}
.molo-turn-off #molo-off-msg {
	margin-left: 1em;
	font-size:14px;
	color:#f94444;
	display: block;
}
.molo-turn-on #molo-on-msg {
	margin-left:1em;
	font-size:14px;
	color:green;
}	
p.molo-not-allow {
	color:Red;
	font-size:16px;
}	
input.molo-form-submit {
	border-radius: 10px;
	padding: 5px;
	margin: 0 1em;
	cursor: pointer;
	border: 1px solid;
	font-weight: 800;
	color: #555;
}
#molo-on-success {
	color:green;
	margin-left:2em;
}	
#molo-already-on, #molo-off-success,#molo-already-off {
	color:red;
	margin: 1em;
	font-size: 18px;
}
#molo-sorry-msg {
	color:Red;
	font-size:16px;
}

/*** molo step3 *****/
.molo-step3 .molobox3 {
	margin: 0 2em;
	max-width: 600px;
	font-size: 16px;
	border: 1px solid #888;
	padding: 1em;
	border-radius: 2em;
}

.molobox3 p {
	font-size:15px;
}
.molobox3 p span {
	color:green;
	font-size:17px;
	font-weight:700px;
}

/******* molo Please read page *****/
.molotab.molocontent2 {
	padding: 1% 3%;
	background: #fff;
	border: 1px solid #999;
	border-radius: 0 1em 1em 1em;
	font-size: 15px;
	line-height: 1.3em; 
}
.molotab.molocontent2 h2 {
	font-size:1.1em
}

/******* molo Admin Toolbar *****/

li#wp-admin-bar-gohilar-molo-bar-on:hover, li#wp-admin-bar-gohilar-molo-bar-off:hover {
	color: rgba(240,245,250,0.85);
    background: #B57373;
}


@media screen and (max-width: 782px) {
#wpadminbar #wp-admin-bar-gohilar-molo-bar {
	display:block;
}
}