/* -----------------------Switch Mode Style Start Here-------------------------- */

/* .light-mode .switch-mode { */
/* 	background-color: #262d3f; */
/* } */
.switch-mode {
/* 	position: relative; */
/* 	top: auto; */
	background-color: #e1bb00;
/* 	padding: 4px !important; */
	z-index: 5;
	border-radius: 2px;
	    overflow: hidden;
/* 	-webkit-box-shadow: 0px 4px 6px 0px rgba(66, 66, 66, 1); */
/* 	-moz-box-shadow : 0px 4px 6px 0px rgba( 66, 66, 66, 1); */
/* 	box-shadow: 0px 4px 6px 0px rgba(66, 66, 66, 1); */
/* 	margin-right: 10px; */
/* 	-moz-box-shadow: 0px 4px 6px 0px rgba(66, 66, 66, 1); */
/* 	position: fixed; */
/* 	top: 100px; */
/* 	right: 0; */
	display: inline-block;
	vertical-align: top;
}


.switch-mode .switch-btn-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
}

.switch-mode .switch-btn-list .switch-btn {
	margin: 0;
}
/* .dark-mode .switch-btn .dark-btn { */
/* 	display: none; */
/* } */
/* .light-mode .switch-btn .light-btn { */
/* 	display: none; */
/* } */



.switch-mode .switch-btn-list .switch-btn button {
	border-radius: 0;
}

.switch-btn .sbtn {
    text-align: center;
    color: #ffffff;
       font-size: 18px;
    line-height: 18px;
    height: 26px;
    width: 26px;
    border: none;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    padding: 2px;
    -moz-transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0/ 0%);
    -moz-animation-name: hvr-pulse;
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}



.light-mode .switch-btn .light-btn{
	display: none;
}
.light-mode .switch-mode{
	background-color: #262d3f;
}
.dark-mode .switch-btn .dark-btn{
	display: none;
}