/** Default styles**/
/** Setup Color **/
.es-xs {
		font-size: 12px;
		padding: 6px 6px;
		font-weight: normal;
}

.es-sm {
		font-size: 14px;
		padding: 7px 7px;
		font-weight: normal;
}

.es-md {
		font-size: 16px;
		padding: 8px 8px;
		font-weight: normal;
}

.es-lg {
		font-size: 18px;
		padding: 9px 9px;
		font-weight: 700;
}

.es-xl {
		font-size: 21px;
		padding: 11px 11px;
		font-weight: 700;
}

.essh-1 {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.essh-2 {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.essh-3 {
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.essh-4 {
		box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.es-btn-expand {
		display: block !important;
		max-width: 100%;
		margin: 1em auto;
		text-align: center;
}

.es-text-center {
		text-align: center;
}

.espanel {
		margin: 1em auto;
		position: relative;
		overflow: auto;
		padding: 1em;
}
.espanel a {
		text-decoration: underline;
		font-weight: bold;
}
.espanel a:hover {
		text-decoration: none;
}
.espanel.default {
		background-color: #FAFAFA;
}

.esbtn {
		display: inline-block;
		font-weight: bold;
		color: #212529;
		text-align: center;
		vertical-align: middle;
		-webkit-user-select: none;
		        user-select: none;
		background-color: transparent;
		border: 1px solid transparent;
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		padding: 0.375em 0.75em;
		font-size: 1em;
		line-height: 1.5;
		border-radius: 0.25em;
}
.esbtn:hover {
		box-shadow: none;
		text-decoration: none !important;
		transition: background-color 0.2s linear;
}

.easys-toggle .easys-content {
		display: none;
}

button.easys-btn-toggle {
		display: block;
		margin-left: auto;
		margin-right: auto;
		border: none;
		font-size: 16px;
		background: transparent;
		border-bottom: 1px dotted #333;
		cursor: pointer;
		padding-bottom: 4px !important;
}
button.easys-btn-toggle:hover {
		border-bottom-color: transparent;
}

body.single .post .entry a.esbtn,
body.page .post .entry a.esbtn {
		text-decoration: none;
		color: transparent;
}
body.single .post .entry a.esbtn:hover,
body.page .post .entry a.esbtn:hover {
		text-decoration: none;
		color: transparent;
}

.es-black {
		background-color: #263238;
		color: #fff !important;
}

.es-blue-1 {
		background-color: #2196F3;
		color: #fff !important;
}

.es-blue-2 {
		background-color: #90cbf9;
		color: #333 !important;
}

.es-gray-1 {
		background-color: #757575;
		color: #fff !important;
}

.es-gray-2 {
		background-color: #E0E0E0;
		color: #333 !important;
}

.es-green-1 {
		background-color: #43A047;
		color: #fff !important;
}

.es-green-2 {
		background-color: #9bd59e;
		color: #333 !important;
}

.es-red-1 {
		background-color: #b71c1c;
		color: #fff !important;
}

.es-red-2 {
		background-color: #eb7d7d;
		color: #333 !important;
}

.es-orange-1 {
		background-color: #FFA000;
		color: #333 !important;
}

.es-orange-2 {
		background-color: #EF6C00;
		color: #fff !important;
}

.es-yellow-1 {
		background-color: #FDD835;
		color: #333 !important;
}

.es-yellow-2 {
		background-color: #feec9a;
		color: #333 !important;
}

.es-black.esbtn {
		color: #fff !important;
		border: 1px solid #263238;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-black.esbtn:hover {
		background-color: #11171a;
}
.es-black.esbtn:active {
		text-decoration: none !important;
}

.es-blue-1.esbtn {
		color: #fff !important;
		border: 1px solid #2196F3;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-blue-1.esbtn:hover {
		background-color: #0c7cd5;
}
.es-blue-1.esbtn:active {
		text-decoration: none !important;
}

.es-blue-2.esbtn {
		color: #333 !important;
		border: 1px solid #90cbf9;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-blue-2.esbtn:hover {
		background-color: #60b4f6;
}
.es-blue-2.esbtn:active {
		text-decoration: none !important;
}

.es-gray-1.esbtn {
		color: #fff !important;
		border: 1px solid #757575;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-gray-1.esbtn:hover {
		background-color: #5c5c5c;
}
.es-gray-1.esbtn:active {
		text-decoration: none !important;
}

.es-gray-2.esbtn {
		color: #333 !important;
		border: 1px solid #E0E0E0;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-gray-2.esbtn:hover {
		background-color: #c7c7c7;
}
.es-gray-2.esbtn:active {
		text-decoration: none !important;
}

.es-green-1.esbtn {
		color: #fff !important;
		border: 1px solid #43A047;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-green-1.esbtn:hover {
		background-color: #347c37;
}
.es-green-1.esbtn:active {
		text-decoration: none !important;
}

.es-green-2.esbtn {
		color: #333 !important;
		border: 1px solid #9bd59e;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-green-2.esbtn:hover {
		background-color: #77c67b;
}
.es-green-2.esbtn:active {
		text-decoration: none !important;
}

.es-red-1.esbtn {
		color: #fff !important;
		border: 1px solid #b71c1c;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-red-1.esbtn:hover {
		background-color: #8b1515;
}
.es-red-1.esbtn:active {
		text-decoration: none !important;
}

.es-red-2.esbtn {
		color: #333 !important;
		border: 1px solid #eb7d7d;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-red-2.esbtn:hover {
		background-color: #e45151;
}
.es-red-2.esbtn:active {
		text-decoration: none !important;
}

.es-orange-1.esbtn {
		color: #fff !important;
		border: 1px solid #FFA000;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-orange-1.esbtn:hover {
		background-color: #cc8000;
}
.es-orange-1.esbtn:active {
		text-decoration: none !important;
}

.es-orange-2.esbtn {
		color: #fff !important;
		border: 1px solid #EF6C00;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-orange-2.esbtn:hover {
		background-color: #bc5500;
}
.es-orange-2.esbtn:active {
		text-decoration: none !important;
}

.es-yellow-1.esbtn {
		color: #333 !important;
		border: 1px solid #FDD835;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-yellow-1.esbtn:hover {
		background-color: #fdce03;
}
.es-yellow-1.esbtn:active {
		text-decoration: none !important;
}

.es-yellow-2.esbtn {
		color: #333 !important;
		border: 1px solid #feec9a;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		cursor: pointer;
}
.es-yellow-2.esbtn:hover {
		background-color: #fee268;
}
.es-yellow-2.esbtn:active {
		text-decoration: none !important;
}

.es-black.espanel {
		background: #263238;
		border: 1px solid black;
		border-left-width: 5px;
		border-radius: 0;
}

.es-blue-1.espanel {
		background: #2196F3;
		border: 1px solid #0960a5;
		border-left-width: 5px;
		border-radius: 0;
}

.es-blue-2.espanel {
		background: #90cbf9;
		border: 1px solid #2f9df4;
		border-left-width: 5px;
		border-radius: 0;
}

.es-gray-1.espanel {
		background: #757575;
		border: 1px solid #424242;
		border-left-width: 5px;
		border-radius: 0;
}

.es-gray-2.espanel {
		background: #E0E0E0;
		border: 1px solid #adadad;
		border-left-width: 5px;
		border-radius: 0;
}

.es-green-1.espanel {
		background: #43A047;
		border: 1px solid #255827;
		border-left-width: 5px;
		border-radius: 0;
}

.es-green-2.espanel {
		background: #9bd59e;
		border: 1px solid #53b758;
		border-left-width: 5px;
		border-radius: 0;
}

.es-red-1.espanel {
		background: #b71c1c;
		border: 1px solid #5f0e0e;
		border-left-width: 5px;
		border-radius: 0;
}

.es-red-2.espanel {
		background: #eb7d7d;
		border: 1px solid #de2525;
		border-left-width: 5px;
		border-radius: 0;
}

.es-orange-1.espanel {
		background: #FFA000;
		border: 1px solid #996000;
		border-left-width: 5px;
		border-radius: 0;
}

.es-orange-2.espanel {
		background: #EF6C00;
		border: 1px solid #893e00;
		border-left-width: 5px;
		border-radius: 0;
}

.es-yellow-1.espanel {
		background: #FDD835;
		border: 1px solid #caa502;
		border-left-width: 5px;
		border-radius: 0;
}

.es-yellow-2.espanel {
		background: #feec9a;
		border: 1px solid #fdd835;
		border-left-width: 5px;
		border-radius: 0;
}
.clearfix::after{content:"";display:table;clear:both}
