.read{color: #9e9e9e;
    background-color: #ebebeb;}
.modal{
  background-color: #ffffffd6;
}
.modal-content{
  border-radius: 0.25rem;
  box-shadow: 2px 2px 3px 0 #0000003b;
}
.modal-header{
  border: 0;
  padding-bottom: 0.1rem;
}
.modal-footer{
  border: 0;
  padding-top: 0.1rem;
}
.modal-title{
    font-size: 1.2rem;
}
body{
  font-size: 1rem;
}
.timeRemainingClock{
  right: 15px;
  bottom: 15px;
  border: 1px solid #fc7b53;
  padding: 2px 10px;
  background: #ff5e2c;
  color: #ccc;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #0000003d, 1px 1px 2px #0000002e;
}
.font-animate{
  transition: font-size 0.3s ease-in-out;
}
.font-sizer{
  position: absolute;
  left: 0;
  padding-bottom: 2px;
  top: -19px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
}
.font-sizer span , .font-sizer svg {
  font-size: 0.65rem;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 20px;
    background-color: #ffffff;
    margin-left: 5px;
    color: #b90808;
    cursor: pointer;
    font-weight: 600;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 1px #000000a1, -1px -1px 1px 1px #7676765e;
    font-weight: bold;
    text-shadow: 0px 0px 2px #e61111;
}
.font-sizer svg{
  font-size: 1.35rem;
  background-color: unset;
  box-shadow: unset;
  margin-right: 7px;
  color: #fff;
}
.open-font-scroll{
  transition: all 0.3s ease-in-out;
  transform: rotate( 0deg );
}
.close-font-scroll{
  transition: all 0.3s ease-in-out;
  transform: rotate( 180deg );
}
.font-sizer .font-scroll {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    transition: all 0.5s;
    transform: translate( calc( 100% - 30px ) );
    right: 0%;
    top: 0;
    overflow: hidden;
    background-color: #18191f;
    box-shadow: -2px 2px 2px rgb(0 0 0 / 29%);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 4px;
    padding-left: 0;
}
.font-sizer span:nth-child(3) {
    font-size: 0.85rem;
}

.font-sizer span:nth-child(4) {
    font-size: 1.05rem;
}
.font-sizer .active {
  background-color: #6b6b6b;
  color: #fff;
}
.fireworks{
  pointer-events: none;
  z-index: 1060;
  background-color: #000;
}
.action-right{
  position: absolute;
  right: 5px;
  height: 100%;
  line-height: 7;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.action-right svg{
  top: 50%;
  position: absolute;
  left: -5px;
  transform: translate(-50%, -50%);
}
.action-right:hover{
  opacity: 0.8;
}
.site-name{
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  color: #ef6305;
  font-weight: bold;
  font-size: 1.25rem;
  font-family: sans-serif;
  text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
}
.site-name::after{
  content: attr(data-slogan);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
  min-width: 100%;
  width: fit-content;
  font-size: 10px;
  text-shadow: none;
  font-family: monospace;
  color: #8a8888;
  text-align: center;
  white-space: nowrap;

}
@media (max-width:300px) {
  .site-name{
    font-size: 1rem;
  }
  .site-name::after{

    font-size: 8px;
  }
}
@media (max-width:275px) {
  .site-name{
    font-size: 0.62rem;
  }
  .site-name::after{

    font-size: 6px;
  }
  .card-title {
    font-size: 0.85rem;
  }
  body {
    font-size: .75rem;
  }
}
.ends-in{
  font-family: 'Raleway';
  font-size: 1.2rem;
  color: #5a3b04;
}
.progress-bar-wrapper{
  width: calc( 100% - 15px );
  height: 7px;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc( -50% + 7px ) , -50%);
}
.my-progress{
  height: 5px;
  position: absolute;
  top: 0px;
  border-radius: 3px;
  left: 0;
}
.countDown div{
  position: relative;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    background: #333;
    color: #fff;
    margin: 0 0px;
    border: 1px solid #fff;
    font-size: 1em;
    font-weight: 500;
    overflow: hidden;
}
.countDown span{
  position: relative;
  width: 100%;
    height: 40px;
    line-height: 30px;
    text-align: center;
    background: #333;
    color: #fff;
    margin: 0 0px;
    border: 1px solid #fff;
    font-size: 1em;
    font-weight: 500;
    overflow: hidden;
}
.countDown div:before{
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 15px;
  background: #bf1313;
  color: #dedede;
  font-size: 0.65em;
  line-height: 15px;
  font-weight: 300;
  margin-bottom: 5px;
}
.countDown div.day:before{
  content: 'Days';
}
.countDown div.hour:before{
  content: 'Hours';
}
.countDown div.minute:before{
  content: 'Minutes';
}
.countDown div.second:before{
  content: 'Seconds';
}
.changeProfilePic{
  width: 0px;
  border: 0px solid #dbdee0;
  height: 0px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 110px;
  background-color: #414141d4;
  color: #FFF;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.profilePic:hover ~ .changeProfilePic{
  width: 100px;
  height: 100px;
}
.profilePic{
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
body{
  overflow-y: auto;
  -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}
.open .toggle-settings{
  right: 240px;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 575.98px){
.card-actions .dropdown, .card-actions  .dropleft, .card-actions .dropright, .card-actions .dropup {
    position: relative;
}
}
a:hover{
  text-decoration: none;
}
.floating-action-button {
    text-align: center;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background-color: #f96309;
    color: #dedede;
    padding: 5px;
    box-sizing: content-box;
    line-height: 40px;
    font-size: 1.25rem;
    border-radius: 50%;
    box-shadow: 1px 1px 3px #0000008a;
    z-index: 999;
}
@media( min-width:425px ) {
  .floating-button-link{
    /*display: none;*/
  }
}
select{
    background-color: #FFFFFF;
    border: 1px solid #e2e2e4;
    border-radius: 4px !important;
    color: #858585;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.2;
    padding: 5px 4px;
    transition-duration: 0.1s;
    box-shadow: none;
}
span.price-tag {
  position: absolute;
  left: -10px;
  padding: 5px 10px;
  background: #666;
  top: 10px;
  box-shadow: 1px 1px 0px 0px #000000bd;
}
span.price-tag:after {
  content: "";
  position: absolute;
  border: 5px solid transparent;
  left: 0;
  bottom: -9px;
  border-top: 5px solid black;
  border-right: 5px solid black;
}
.key-wrapper {
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin: 2px;
    overflow: hidden;
    white-space: nowrap;
}
.key-wrapper div{
    padding: 5px 10px;
}
#searchfield form {
    border: 1px solid #ebe9e9;
    margin: 5px;
    padding: 5px;
    background-color: #dde1e7;
    line-height: 33px;
}
.msg-bg {
    position: fixed;
    background-color: #2E2E2E;
    color: #dde1e7;
    bottom: 10px;
    left: -460px;
    max-width: calc( 100% - 20px);
    width: 450px;
    height: 120px;
    padding: 0px;
    border-radius: 3px;
    display: flex;
    align-content: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    text-align: justify;
    transition: 0.5s;
}
.msg-bg.open{
  left: 10px;
  border: 1px solid #999;
  z-index: 99999;
}
.msg-body {
    width: fit-content;
    height: fit-content;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.success{
  color: #198198;
  font-size: 20px;
  display: block;
  text-align: center;
  margin: 10px auto;
}
.error{
  color: #df052d;
  font-size: 20px;
  display: block;
  text-align: center;
  margin: 10px auto;
}
.checkbox-wrapper {
    position: absolute;
    right: 50px;
}
.switch{
  box-shadow: unset;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    cursor: pointer;
}
input#switchbhbh:focus {
    border: none;
    box-shadow: none;
    outline: none;
}
.checkbox{
  /* position: relative;
    width: 100px;
    height: 50px;
    margin: 0 auto;
    background: linear-gradient(0deg, #d8d8d8, #ccc);
    border-radius: 30px;
    border-top: 0.2em solid #ececec;
    border-bottom: 0.2em solid #ececec; */
  font-size: 12px;
  position: relative;
  width: 100px;
  height: 25px;
  margin: 0 auto;
  background: #dde1e7;
  border-radius: 30px;
  /* border-top: 0.2em solid #ececec; */
  /* border-bottom: 0.2em solid #ececec; */
  box-shadow: inset 2px 2px 5px rgba(94,102,101,0.85), inset -2px -2px 4px rgba(255,255,255,0.9);
  pointer-events: none;
}
.checkbox .inner{
  /* position: absolute;
  top: 10px;
  left:10px;
  bottom: 10px;
  right:10px;
  background: linear-gradient(0deg, #a5a5a5, #717171); ;
  border-radius: 20px;
  box-shadow: inset 0 0 15px rgba(0,0,0,0.5); */
}
.checkbox .inner .toggle{
    position: absolute;
    width: 50%;
    height: 24px;
    line-height: 20px;
    border-radius: 30px;
    background-color: #dde1e7;
    top: 50.5%;
    left: 0;
    transform: translate(2%, -50%);
    box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.9), inset -3px -3px 4px rgba(94, 102, 101, 0.85);
    box-sizing: border-box;
    border-top: 0.04em solid #ececec;
    border-bottom: 0.04em solid #ececec;
    transition: all 0.5s ease-in-out;
}
.checkbox .inner .toggle:after{
  content: attr(data-toggle-1);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #51ab05;
  text-shadow: 0 0 5px rgba(127, 231, 68, 0.9);
  padding: 0px 0;
  text-align: center;
  transition: all 0.5s ease-in-out;
}
#switchbhbh:checked ~ .checkbox .inner .toggle{
  transform: translate(97%, -50%);
}

#switchbhbh:checked ~ .checkbox .inner .toggle:after{
  color: #d51d1d;
  text-shadow: 0 0 2px rgba(242, 98, 98, 0.9);
  content: attr(data-toggle-2);
}
.inner-part-1, .inner-part-2, .toggle-text{
    position: absolute;
    width: 50%;
    text-align: center;
    padding: 5px 0px;
    color: #aeaeae;
}
.inner-part-1{
    left: 0;
}
.inner-part-2{
    left: 50%;
}
.toggle-text{
  width: 100%;
    color: #d51d1d;
    text-shadow: 0 0 2px rgba(242, 98, 98, 0.9);
}
.main-content .container {
    background-color: #dde1e7;
}
ul.main-navigation-menu > li a {

    color: #2e2e2e;
}

	#searchfield {

		margin: 0px 0px 0px 0px;
	}

	#searchfield ul {
		width: auto;
		overflow: hidden;
	}
	#searchfield ul li {
		float: left;
		margin: 0px 0px 0px 5px;
		list-style: none;
	}
	.searchfilter {
		padding: 3px 0px 0px 0px;
		color: #355999;
		font-weight: bold;
	}
	#batch-searchfield {
		float: left;
	}
	div.pagination {
	    padding: 6px;
	    margin: 3px 0px 0px 0px;
	    text-align: center;
	    float: right;
	}
  #displayitem {
    width: auto;
    margin: 0 0 0 0px;
    position: absolute;
    right: 10px;
    padding: 5px 5px;
    background-color: #dde1e7;
    box-shadow: -3px -3px 7px rgba(255,255,255,0.9), 2px 2px 3px rgba(0,0,0,0.85);
}
	#displayitem2 {
	    float: right;
	    color: #355999;
	    font-size: 8pt;
	    margin: 3px 10px 0 10px;
	    padding: 2px 0 4px 0px;
	}
	#displayitem1 {
	    float: right;
	    color: black;
	    font-size: 8pt;
	    margin: 10px 0 0 0px;
	}
	#displayitem4 {
	    float: left;
	    color: black;
	    font-size: 8pt;
	    margin: 2px 7px 0 0px;
	}
	div.pagination a {
	    padding: 2px 5px 2px 5px;
	    margin-right: 2px;
	    font-size: 11px;
	    text-decoration: none;
	    color: #aaa;
	    background: url(../images/nextback.jpg) repeat-x;
	}
	.displayfield {
    width: 65px;
  height: 22px;
  font-size: 8pt;
  border: 1px #b0b0b0 solid;
  padding: 3px 2px;
  border-radius: 3px;
  background-color: #2e2e2e;
  color: #dde1e7;
	}
input[type="checkbox"].myfunnel-switch-dark{position:relative !important;width:60px !important;height:20px !important;-webkit-appearance:none !important;background:linear-gradient(0deg, #999, #000);outline:none !important;border:none !important;border-radius:10px !important;box-shadow:0 0 0 4px #353535,0 0 0 5px #3e3e3e,inset 0 0 10px #000,0 5px 20px rgba(0,0,0,0.5),inset 0 0 15px rgba(0,0,0,0.2) !important}
input[type="checkbox"].myfunnel-switch-dark:before{content:'';position:absolute;top:0;left:0;margin:0;width:40px;height:20px;background:linear-gradient(0deg, #000, #999);border-radius:10px;box-shadow:0 0 1px #232323;transform:scale(0.98, 0.96);transition:0.5s}
input[type="checkbox"].myfunnel-switch-dark:checked{background:linear-gradient(0deg, #3cc0ff, #30c8ff);box-shadow:0 0 0 1px #3cc0ff,0 0 0 4px #353535,0 0 0 5px #3e3e3e,inset 0 0 10px #000,0 5px 20px rgba(0,0,0,0.5),inset 0 0 15px rgba(0,0,0,0.2) !important}
input[type="checkbox"].myfunnel-switch-dark:checked:before{left:20px}
input[type="checkbox"].myfunnel-switch-dark:after{content:'';position:absolute;top:calc(50% - 2px);left:32px;margin:0;width:4px;height:4px;background:linear-gradient(0deg, #999, #000);border-radius:50%;box-shadow:0 0 1px #232323;transition:0.5s}
input[type="checkbox"].myfunnel-switch-dark:checked:after{background:#63cdff;box-shadow:0 0 5px #13bdff, 0 0 15px #13bdff;left:52px }
input[type="checkbox"].myfunnel-switch-dark:disabled{cursor:pointer;}

input[type="checkbox"].myfunnel-switch-light{position:relative !important;width:60px !important;height:20px !important;-webkit-appearance:none !important;background:linear-gradient(0deg, #ddd, #cfcfcf);outline:none !important;border:none !important;border-radius:10px !important;box-shadow:0 0 0 4px #ddd,0 0 0 5px #dedede,inset 0 0 10px rgba(0,0,0,0.5),0 5px 20px rgba(0,0,0,0.5),inset 0 0 15px rgba(0,0,0,0.2) !important}
input[type="checkbox"].myfunnel-switch-light:before{content:'';position:absolute;top:0;left:0;margin:0;width:40px;height:20px;background:linear-gradient(0deg, #ccc, #dfdfdf);border-radius:10px;box-shadow:0 0 1px #232323;transform:scale(0.98, 0.96);transition:0.5s}
input[type="checkbox"].myfunnel-switch-light:checked{background:linear-gradient(0deg, #bcffac, #67fb44);box-shadow:0 0 0 1px #bcffa6,0 0 0 4px #ddd,0 0 0 5px #dedede,inset 0 0 10px #aeaeae,0 5px 20px rgba(0,0,0,0.5),inset 0 0 16px rgba(0,0,0,0.1) !important}
input[type="checkbox"].myfunnel-switch-light:checked:before{left:20px}
input[type="checkbox"].myfunnel-switch-light:after{content:'';position:absolute;top:calc(50% - 2px);left:32px;margin:0;width:4px;height:4px;background:linear-gradient(0deg, #ff9c9c, #a00303);border-radius:50%;box-shadow:0 0 1px #232323;transition:0.5s}
input[type="checkbox"].myfunnel-switch-light:checked:after{background:#98ff6d;box-shadow:0 0 5px #bcffa6, 0 0 15px #cbffc5;left:52px}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3eaef;
    border-radius: .25rem;
    border: none;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,0.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,0.15);
    margin-bottom: 10px;
}
.card .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}
.card .card-heading {
  border-bottom: 1px solid #eee;
  padding-bottom: 3px;
}
.card p {
    padding: 5px 0 0 0;
    font-size: 18px;
    font-weight: 500;
    color: #2e2e2e;
}
#commonSettings fieldset, #colorSchemeSettings fieldset, .colorSchemeSettings{
  padding: 20px;
  border: 1px solid #ccc;
  margin: 20px;
}
#commonSettings legend, #colorSchemeSettings legend, .colorSchemeSettings legend {
    background: #2e2e2e;
    color: #FFFFFF;
    padding: 2px 10px;
    width: fit-content;
    min-width: 200px;
}

@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}img.aligncenter{width:100%;height:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#eee;clip:auto !important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.iframe-wrapper .thumbnail-container{width:calc(1440px * 0.16);height:calc(900px * 0.16);display:inline-block;overflow:hidden;position:relative}.iframe-wrapper .thumbnail-container:before{position:absolute;left:calc(50% - 16px);top:calc(50% - 18px);opacity:0.2;display:block;-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2);content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJwaG90b18xXyI+PHBhdGggZD0iTTI3LDBINUMyLjc5MSwwLDEsMS43OTEsMSw0djI0YzAsMi4yMDksMS43OTEsNCw0LDRoMjJjMi4yMDksMCw0LTEuNzkxLDQtNFY0QzMxLDEuNzkxLDI5LjIwOSwwLDI3LDB6ICAgIE0yOSwyOGMwLDEuMTAyLTAuODk4LDItMiwySDVjLTEuMTAzLDAtMi0wLjg5OC0yLTJWNGMwLTEuMTAzLDAuODk3LTIsMi0yaDIyYzEuMTAyLDAsMiwwLjg5NywyLDJWMjh6IiBmaWxsPSIjMzMzMzMzIi8+PHBhdGggZD0iTTI2LDRINkM1LjQ0Nyw0LDUsNC40NDcsNSw1djE4YzAsMC41NTMsMC40NDcsMSwxLDFoMjBjMC41NTMsMCwxLTAuNDQ3LDEtMVY1QzI3LDQuNDQ3LDI2LjU1Myw0LDI2LDR6ICAgIE0yNiw1djEzLjg2OWwtMy4yNS0zLjUzQzIyLjU1OSwxNS4xMjMsMjIuMjg3LDE1LDIyLDE1cy0wLjU2MSwwLjEyMy0wLjc1LDAuMzM5bC0yLjYwNCwyLjk1bC03Ljg5Ni04Ljk1ICAgQzEwLjU2LDkuMTIzLDEwLjI4Nyw5LDEwLDlTOS40NCw5LjEyMyw5LjI1LDkuMzM5TDYsMTMuMDg3VjVIMjZ6IE02LDE0LjZsNC00LjZsOC4wNjYsOS4xNDNsMC41OCwwLjY1OEwyMS40MDgsMjNINlYxNC42eiAgICBNMjIuNzQsMjNsLTMuNDI4LTMuOTU1TDIyLDE2bDQsNC4zNzlWMjNIMjIuNzR6IiBmaWxsPSIjMzMzMzMzIi8+PHBhdGggZD0iTTIwLDEzYzEuNjU2LDAsMy0xLjM0MywzLTNzLTEuMzQ0LTMtMy0zYy0xLjY1OCwwLTMsMS4zNDMtMywzUzE4LjM0MiwxMywyMCwxM3ogTTIwLDhjMS4xMDIsMCwyLDAuODk3LDIsMiAgIHMtMC44OTgsMi0yLDJjLTEuMTA0LDAtMi0wLjg5Ny0yLTJTMTguODk2LDgsMjAsOHoiIGZpbGw9IiMzMzMzMzMiLz48L2c+PC9zdmc+")}.iframe-wrapper .thumbnail-container .thumbnail-landing{width:625%;position:relative;-webkit-transform:scale(0.16);-moz-transform:scale(0.16);-o-transform:scale(0.16);-ms-transform:scale(0.16);transform:scale(0.16);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.iframe-wrapper .thumbnail-container .thumbnail-landing:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}.iframe-wrapper .thumbnail-container .thumbnail-landing iframe{width:1440px;height:900px;opacity:0;transition:all 300ms ease-in-out}
.iframe-wrapper{
  border: 4px solid transparent;

}
.iframe-wrapper.selected{
  border: 4px solid #4dd1ee;
  box-sizing: border-box;
  box-shadow: 0 0 10px #61dbf69c;
}
.card-deck.m-auto.quizDetail, .card-deck.m-auto.bookFilter, .card-deck.m-auto.quizFilter {
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    z-index: 1;
    right: 0px;
    width: 0px;
    transition: all 0.3s ease-in-out;
}
legend {
    font-size: 1.2rem;
    color: #0f9195;
    width: fit-content;
    padding: 0 10px;
}
#allQuestionWrapper table tr td span{
  border-radius: 50%;
  background-color: #FFF;
  border: 1px solid #154502;
  font-size: 15px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  margin-top: 3px;
}
#allQuestionWrapper table tr td.answered span{
    background-color: #00BCD4;
}
#allQuestionWrapper table tr td.flagged span{
    background-color: #D40000;
}
.graphIndicator:after {
    content: '';
    position: absolute;
    width: 400px;
    height: 1px;
    background-color: #efefef;
    top: 0;
}
.graphIndicator:after {
  right: -400px;
}
section.loaderWrapper{
  display: none;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  min-width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: #2e2e2ea8;
  animation: animateBG 10s linear infinite;
}
@keyframes animateBG {
  0%{
    filter: hue-rotate( 0deg );

  }
  100%{
    filter: hue-rotate( 360deg );

  }
}
section.loaderWrapper .loader{
  position: relative;
  width: 80px;
  height: 80px;

}
section.loaderWrapper .loader span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate( calc( 18deg * var( --i ) ) );
}
section.loaderWrapper .loader span::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  border-radius: 50%;
  height: 9px;
  background-color: #00ff0a;
  box-shadow:	 0 0 6px #00ff0a,
               0 0 12px #00ff0a,
               0 0 20px #00ff0a,
               0 0 32px #00ff0a,
               0 0 45px #00ff0a,
               0 0 50px #00ff0a;
  animation: animateFT 2s linear infinite;
  animation-delay: calc( 0.1s * var( --i ) );
}
@keyframes animateFT {
  0%{
    transform: scale( 1 );
  }
  80%, 100%{
    transform: scale( 0 );
  }
}
.spin svg{
  animation: animateSpin 2s linear infinite;
}
@keyframes animateSpin {
  0%{
    transform: rotate( 0deg );
  }
  50%{
    transform: rotate( 180deg );
  }
  100%{
    transform: rotate( 360deg );
  }
}
.showQuestionDetail p{
  font-size: 0.75rem;
  padding: 0;
  color:inherit;
}
img{
  max-width: 100%;
}
.popover-custom-body {
    background-color: #22919d;
    color: #fff;
    font-size: 14px;
}
.popover-custom-header {
    background-color: #036772;
    color: #f3c471;
    border-bottom: 1px solid #22919d;
}
.bs-popover-right> .popover-custom-arrow:after {
    border-right-color: #036772;
}
.bs-popover-left> .popover-custom-arrow:after {
    border-left-color: #036772;
}
.bs-popover-bottom> .popover-custom-arrow:after {
    border-bottom-color: #036772;
}
.bs-popover-top> .popover-custom-arrow:after {
    border-top-color: #036772;
}
.bs-popover-bottom .popover-custom-header:before {
    border-bottom: 1px solid #036772;;
}
.bs-popover-top .popover-custom-header:before {
    border-top: 1px solid #036772;
}
.bs-popover-left .popover-custom-header:before {
    border-left: 1px solid #036772;
}
.bs-popover-right .popover-custom-header:before {
    border-right: 1px solid #036772;
}
/*Chat*/
.chat{margin-top:auto;margin-bottom:auto}.chat .card{height:500px;border-radius:15px !important;background-color:rgba(0,0,0,0.4) !important}.chat .contacts_body{padding:0.75rem 0 !important;overflow-y:auto;white-space:nowrap}.chat .msg_card_body{overflow-y:auto}.chat .card-header{border-radius:15px 15px 0 0 !important;border-bottom:0 !important}.chat .card-footer{border-radius:0 0 15px 15px !important;border-top:0 !important}.chat .container{align-content:center}.chat .search{border-radius:15px 0 0 15px !important;background-color:rgba(0,0,0,0.3) !important;border:0 !important;color:white !important}.chat .search:focus{box-shadow:none !important;outline:0px !important}.chat .type_msg{background-color:rgba(0,0,0,0.3) !important;border:0 !important;color:white !important;height:60px !important;overflow-y:auto}.chat .type_msg:focus{box-shadow:none !important;outline:0px !important}.chat .attach_btn{border-radius:15px 0 0 15px !important;background-color:rgba(0,0,0,0.3) !important;border:0 !important;color:white !important;cursor:pointer}.chat .attach_btn input[type="file"]{position:absolute;opacity:0;cursor:pointer;width:35px;height:100%;left:0}.chat .send_btn{border-radius:0 15px 15px 0 !important;background-color:rgba(0,0,0,0.3) !important;border:0 !important;color:white !important;cursor:pointer}.chat .search_btn{border-radius:0 15px 15px 0 !important;background-color:rgba(0,0,0,0.3) !important;border:0 !important;color:white !important;cursor:pointer}.chat .contacts{list-style:none;padding:0}.chat .contacts li{width:100% !important;padding:5px 10px;margin-bottom:15px !important}.chat .active{background-color:rgba(0,0,0,0.3)}.chat .user_img{height:70px;width:70px;border:1.5px solid #f5f6fa}.chat .user_img_msg{height:40px;width:40px;border:1.5px solid #f5f6fa}.chat .img_cont{position:relative;height:70px;width:70px}.chat .img_cont_msg{height:40px;width:40px}.chat .online_icon{position:absolute;height:15px;width:15px;background-color:#4cd137;border-radius:50%;bottom:0.2em;right:0.4em;border:1.5px solid white}.chat .offline{background-color:#c23616 !important}.chat .user_info{margin-top:auto;margin-bottom:auto;margin-left:15px}.chat .user_info span{font-size:15px; font-weight:600;}.chat .user_info p{font-size:10px;}.chat .video_cam{margin-left:50px;margin-top:5px}.chat .video_cam span{color:white;font-size:20px;cursor:pointer;margin-right:20px}.chat .msg_cotainer{margin-top:auto;margin-bottom:auto;margin-left:10px;border-radius:25px;background-color:#82ccdd;padding:10px;position:relative}.chat .msg_cotainer_send{margin-top:auto;margin-bottom:auto;margin-right:10px;border-radius:25px;background-color:#78e08f;padding:10px;position:relative}.chat .msg_time{position:absolute;right:0;bottom:-15px;color:rgba(255,255,255,0.5);font-size:10px;display:block;width:fit-content;white-space:nowrap}.chat .msg_time_send{position:absolute;left:0;bottom:-15px;color:rgba(255,255,255,0.5);font-size:10px;display:block;width:fit-content;white-space:nowrap}.chat .msg_head{position:relative}.chat #action_menu_btn{position:absolute;right:10px;top:10px;color:white;cursor:pointer;font-size:20px}.chat .action_menu{z-index:1;position:absolute;padding:15px 0;background-color:rgba(0,0,0,0.5);color:white;border-radius:15px;top:30px;right:15px;display:none}.chat .action_menu ul{list-style:none;padding:0;margin:0}.chat .action_menu ul li{width:100%;padding:10px 15px;margin-bottom:5px}.chat .action_menu ul li i{padding-right:10px}.chat .action_menu ul li:hover{cursor:pointer;background-color:rgba(0,0,0,0.2)}@media (max-width: 576px){.chat .contacts_card{margin-bottom:15px}}