@charset "utf-8";
/* CSS Document */
body {word-wrap: break-word;
/* -webkit-user-select: none;  
-moz-user-select: none;     
-ms-user-select: none;      
-o-user-select: none;
user-select: none; */}
@media(max-width:767px){
	.img-bboard { padding-top: 1em; width: 100%;}
	.margin-video {margin-top:0px!important;}
	.badge-top-mess {margin-right:none;}
.margin-join-list {margin-left: 0px!important;}
.margin-bottom-20-xs { margin-bottom:20px;}
	.margin-bottom-40-xs { margin-bottom:40px;}
.well-vdate-xs {
background:none!important;
border:none!important;
box-shadow:none!important;
padding:0px!important;
}	
}
@media (min-width:768px) { 
	.margin-top-10-md {margin-top: 10px;}
}
.uljoin-red {
  list-style: none;
  padding: 0;
}
.uljoin-red li {
  padding-left: 1.3em;
  padding-top:4px;
  padding-bottom:4px;
}
.uljoin-red li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:#c9302c!important;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.uljoin-purple {
  list-style: none;
  padding: 0;
}
.uljoin-purple li {
  padding-left: 1.3em;
  padding-top:4px;
  padding-bottom:4px;
}
.uljoin-purple li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:#8E1C68!important;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.uljoin-yellow {
  list-style: none;
  padding: 0;
}
.uljoin-yellow li {
  padding-left: 1.3em;
  padding-top:4px;
  padding-bottom:4px;
}
.uljoin-yellow li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:#f0ad4e;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.uljoin-green {
  list-style: none;
  padding: 0;
}
.uljoin-green li {
  padding-left: 1.3em;
  padding-top:4px;
  padding-bottom:4px;
}
.uljoin-green li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:#449d44;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.uljoin-lblue{
  list-style: none;
  padding: 0;
}
.uljoin-lblue li {
  padding-left: 1.3em;
  padding-top:4px;
  padding-bottom:4px;
}
.uljoin-lblue li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:#337ab7;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 2em; /* same as padding-left set on li */
}
.panel-default {border-color:transparent}
/* size question cards  */
.mq-header { /*height: 60px; */ background: none!important; border:none!important;}
.mq-answer {height: 220px}

.img-bboard {
	float: left; padding-right: 1em; padding-bottom: 1em; width: 50%;
}

.error {
color:#d9534f !important; font-weight: normal;
}
.form-control.error {color:#555 !important;}

.img-overlay {
    position: relative;
}
.project-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
#terms-error .error {color:#9E1074!important}
.me-chat-box-header-name a {color:#fff}
.bg-badge-red {background-color:#cc0000 !important;}

.break-word {
  word-wrap: break-word !important;
}

.progress {background-color:#cecece}
 .button-blink {
   -webkit-animation: button-blink 1s infinite; / Safari 4+ /
    -moz-animation:    button-blink 1s infinite; / Fx 5+ /
    -o-animation:      button-blink 1s infinite; / Opera 12+ /
    animation:         button-blink 1s infinite; / IE 10+, Fx 29+ /
  }
  @-webkit-keyframes button-blink {
    0%, 49% {
        background-color: #cc0000;
    }
    50%, 100% {
        background-color: #0200b9; 
    }
  }
.btn-astro { font-family:Tahoma, Geneva, sans-serif !important}
.ul-matchq {
  list-style: none;
  padding: 0;
}
.ul-matchq li {
  padding-left: 1.3em;
  padding-top:8px;
  padding-bottom:8px;
}
.ul-matchq li:before {
  content: "\f111"; 
  font-family: FontAwesome;
  display: inline-block;
  color:#3E144E!important;
font-size:10px;
  margin-left: -1.3em; 
  width: 1.3em; 
}
.ulhome2 li {border-bottom:none!important; padding-left:80px!important; padding-top:12px!important; padding-bottom:12px!important;}
.ulhome1 li {border-bottom:none!important; padding-left:20px!important;}
.margin-video {margin-top:105px}
#listhometop {margin-top:120px!important;}
#listhometop h4 {text-align:center;}
.font-size-15 {font-size:15px;}
@media (min-width: 1024px) {
  .btn-astro {
    font-size: 11px;
  }
}
.ulpending {
  list-style: none;
  padding: 0;
}
.ulpending li {
  padding-left: 1.3em;
  padding-top:4px;
  padding-bottom:4px;
}
.redcheck1:before {
  content: "\f00c"; 
  font-family: FontAwesome;
  display: inline-block;
  color:#c9302c!important;
  margin-left: -1.3em; 
  width: 1.3em;
}
.greencheck1:before {
  content: "\f00c"; 
  font-family: FontAwesome;
  display: inline-block;
  color:#5cb85c!important;
  margin-left: -1.3em; 
  width: 1.3em;
}
.graydot:before {
  content: "\2022"; 
  font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
  color:#7B7B7B;
  margin-left: -1.3em; 
  width: 1.3em;
}
.red-text1 {color:#cc0000;}
.margin-top-5 {margin-top:5px;}
.div_infobelow { min-height:85px; }
.letter-spacing-05 {letter-spacing:-0.5px;}

/* styles for social sharing buttons */
.social .fbtn {
    width: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 18px;
    float: right;
}
.social .fa {
    padding: 15px 0px
}
.facebook {
    background-color: #3b5998;
}
.gplus {
    background-color: #dd4b39;
}
.twitter {
    background-color: #55acee;
}
.stumbleupon {
    background-color: #eb4924;
}
.pinterest {
    background-color: #cc2127;
}
.linkedin {
    background-color: #0077b5;
}
.buffer {
    background-color: #323b43;
}
.btn-circle-share {
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 4px 0;
  font-size: 16px;
  line-height: 1.42;
  border-radius: 16px;
  color: #666;
  background-color: none;
  border-color: #666;
}
.bcs-facebook {
	color: #3b5998;
	border-color: #3b5998;
}
.bcs-gplus {
	color: #dd4b39;
	border-color: #dd4b39;    
}
.bcs-twitter {
    color: #55acee;
	border-color: #55acee; 
}
.bcs-instagram {
color: #8a3ab9;
	border-color: #8a3ab9;    
}
.bcs-stumbleupon {
color: #eb4924;
	border-color: #eb4924;    
}
.bcs-pinterest {
color: #cc2127;
	border-color: #cc2127;     

}
.bcs-tiktok {
   color: #69c9d0;
	border-color: #69c9d0;  

}
.bcs-youtube {
   color: #FF0000;
	border-color: #FF0000;  

}
.lh-1 {
line-height: 1em;
}
/* blinking fb button */
.flash-button{
	background:#365899;
	padding:0px 0px;
	color:#fff;
	border:none;
	border-radius:5px;
	text-shadow:1px 1px 0px #000;
	
	animation-name: flash;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	//Firefox 1+
	-webkit-animation-name: flash;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	//Safari 3-4
	-moz-animation-name: flash;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Firefox 1+
@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Safari 3-4
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
body.iosBugFixCaret.modal-open { position: fixed; width: 100%; }
.deck_btn { background: url(../img/decloak_bg.png) 0px 0px no-repeat; height: 40px; padding-left: 80px; color: #fff; font-weight: bold; border:1px solid #333; padding-top: 10px;}
.deck_btn:hover {color:#519EFD;}.deck_btnA { background: url(../img/decloak_bg2.png) 0px 0px no-repeat; height: 40px; padding-left: 80px; color: #0200b9; font-weight: bold; border:none; padding-top: 10px;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small 
{font-weight:bold}
.fontweightnormal {font-weight:normal!important;}
.fontweightbold { font-weight:bold!important;}
.margin-left-40 {margin-left: 40px;}
#storyideas p {font-size:16px;}
#storyideas h3 {line-height:22px;}
#storyideas h3 small {font-weight:bold!important;}
.nonreadlink {font-weight:bold}
.bg-list-valentines {  background:none !important; border:1px solid #a94442!important}
.bg-hearts-valentines {background: url(../img/bg_hearts.jpg) center no-repeat; background-size: cover;}
.bg-list-old { background:none !important; border:1px solid #519EFD !important}
.margin-left-40 {margin-left: 40px;}
.fa-input {  font-family: FontAwesome, 'Oxygen', sans-serif;}
.ErrorText {color: #e20000 !important; font-weight: bold;}
.nomenumobile {-webkit-touch-callout: none;}
/*.nosaveios {pointer-events: none; }
@supports (-ms-ime-align:auto) {
.nosaveios { pointer-events: all!important; }
}*/
.bg-badge-yellow {background-color:#BCABDE ; color:#000 !important;}
.bg-badge-purple {background-color:#8E1C68 ; color:#FFF!important;}
.bg-list-other-gray { background-color:#f6f6f6 !important; border:1px solid #666 !important}
@media (max-width: 767px) {
.responsive-circle-button {width: 24px !important;
    height: 24px !important;
    
    font-size: 14px !important;
    line-height: 1 !important;
	border-radius: 12px !important;}
	}
.big-radio{
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  border:3px solid #bbb;
    background:#fff;
  width:30px;
  height:30px;
  border-radius:50%;
cursor:pointer;
}
.big-radio:checked{
  border:12px solid #666;
}
.big-radio:focus{
  outline:none;
}
.font-size-20 {font-size:20px}	
.font-size-18 {font-size:18px}
.font-size-13 {font-size:13px}
.font-size-21 {font-size:21px}
.font-size-22 {font-size:22px}
#cookie-message {padding:5px 0px; font-weight: bold; background: #E6E6E6; color:#888; }
#cookie-message a{color:#666}
.a-sub{text-decoration: underline!important;}
.cii_tagline h5 a {line-height:125%}
/* PW strenght styles */


.form-group .short{
font-weight:bold;
font-size:12px;
color:#d9534f;
}
.form-group .weak{
font-weight:bold;
font-size:12px;
color:#d9534f;

}
.form-group .good{
font-weight:bold;
font-size:12px;
color:#2D98F3;

}
.form-group .strong{
font-weight:bold;
font-size:12px;
color: #32cd32;

}
/*Bgcheck Styles*/
.badge-verified
{
	margin-left: 5px;
    min-width: 12px!important;
    padding: 2px 4px!important;
    font-size: 11px!important;
    font-weight: normal!important;
    background-color: #36b24b!important;
    border-radius: 12px!important;
}
#bgcheckbox {border: 1px solid #36b24b;
  border-radius: 4px;
 box-shadow:1px 1px 4px rgba(0,0,0,0.4); 
  }
#bgcheckbox a:hover { text-decoration:none;}
#bgcheckbox  #bgcb-title { border-radius: 2px 2px 0px 0px; 
background:#fff; 
padding-bottom:8px; 
padding-top:8px; 
text-align:center; 

}
#bgcb-title h4 {color:#36b24b; margin:0px 0px;}
#bgcb-text a {color:#fff}
#bgcheckbox  #bgcb-text { background:linear-gradient(#287836,#36b24b);
	font-size:17px;
	padding:15px;
	
	color:#fff;
	}
.ulbgcheck {
	list-style: none;
}
.ulbgcheck li {background:url(../img/bgcheck_li.png) no-repeat 0 3px;
    padding-left:20px;
padding-bottom:10px;
}
.bgv-link {color:#36b24b}
.bgv-link:hover {text-decoration: none;}
.bgv-icon {background: url(../img/bgcheck_li.png) no-repeat left top; padding-left: 20px; color:#36b24b; font-weight: bold;}
.bgv-icon:hover {text-decoration: none;}
.bright-red {color:#FF0000!important;}
/*Valentine Styles*/
.bg-list-other-val { background-color:#FBD4D7 !important; border:1px solid #c80000 !important}
.bg-list-other-gray-val { background-color:#f6f6f6 !important; border:1px solid #ff4e4e !important}
.valentines-red {color:#c80000!important}
.big-radio-val{
  cursor:pointer;
  border:3px solid #c80000!important;
  
}
.big-radio-val:checked{
  border:12px solid #c80000!important;
}
.plum-title {color:#8E1C68!important}
/*video chat custom styles*/
.btnvc-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btnvc-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}
/* vdate status*/
.btn-circle-purple-big {
    width: 64px!important;
    height: 64px!important;
    padding: 8px 0!important;
    font-size: 32px!important;
    color:#fff!important;
	border-color:#fff!important;
    border-radius: 32px!important;
    border-width: 2px!important;
}
.btn-circle-big {
    width: 64px!important;
    height: 64px!important;
    padding: 8px 0!important;
    font-size: 32px!important;
color:#0200b9!important;
	border-color:#0200b9!important;
    border-radius: 32px!important;
    border-width: 2px!important;
}
.bpbdisabled {pointer-events: none; cursor: default; opacity: 0.4}
.vdatebell{
  display:block;
  width: 50px;
  height: 50px;
  font-size: 50px!important;
	margin-bottom:10px;
    color: #8E1C68;
   animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
/* member blocked */
.block-pic a img {
	filter:blur(3px);
}
/* styles vax modal */
.vax-form .radio label { color:#000 !important; 
	font-size:14px !important;
	font-weight: bold;
padding-top:18px;
}
/*box vax*/
#bgvaxbox {border: 1px solid #0200b9;
  border-radius: 4px;
 box-shadow:1px 1px 4px rgba(0,0,0,0.4); 
  }
#bgvaxbox a:hover { text-decoration:none;}
 
#bgvaxbox  #bgvb-title { border-radius: 2px 2px 0px 0px; 
background:#fff; 
padding-bottom:8px; 
padding-top:8px; 
text-align:center; 

}
#bgvb-title h4 {color:#0200b9; margin:0px 0px;}
#bgvb-text a {color:#fff}
#bgvaxbox  #bgvb-text { background:linear-gradient(#0b0a87,#0200b9);
	font-size:15px;
	padding:15px;
	
	color:#fff;
	}
/*inline styles*/
.nav30 {min-height:30px!important;}
.pt-4 {padding-top:4px!important} 
.mt-5 {top:5px;}
.mr-5 {margin-right:5px;}
.ht40 {height:40px}
.mg0 {margin:0px}
.pr0 {padding-right:0px}
.pl0 {padding-left:0px}
.mt8 {margin-top:8px}
.noborder {border:none}
.height20 {height: 20px}
.height18 {height: 18px}
/*alert payment*/
.alert-payment {
color:#fff;
background-color:#a94442;
border-color:#a95360;
}
/*courses*/
.course_div a {
	
	text-decoration: none;
}
.imgcourse_nopaid {
	opacity: 0.7;
}
.imgcourse_paid {
	opacity: 1;
}
.bgvideocourse1 {
    background: url('../img/thumb_photo_tips2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
   
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#onlineEventsbox {border: 1px solid #ad0c27;
  border-radius: 4px;
 box-shadow:1px 1px 4px rgba(0,0,0,0.4); 
  }
#onlineEventsbox a {text-decoration: none!important}
#onlineEventsbox a:hover { text-decoration:none;}  

#oE-title h4 {color:#8E1C68; margin:0px 0px;} 
#onlineEventsbox  #oE-text { background:linear-gradient(#ca0a24,#ad0c27);
	font-size:14px;
	padding:15px 10px;
	text-align:center;
	color:#fff;
	}
.btn-sm,
.btn-group-xs > .btn {
border-radius:5px !important;
}
.btnlogin25 { background:#8b36c1;
	background-image: linear-gradient(90deg,#00FF00 ,#00FF00 );
			border:1px solid #fff; 
			color:#000; 
			font-weight:bold;
}
.btnlogin25:focus,
.btnlogin25:hover { 
	background:#f3447f;
		color:#fff;
}
/*cursor star*/
.starcur {
            position: absolute;
            color: gold;
            font-weight: bold;
            text-shadow: 0 0 8px gold;
            opacity: 1;
            animation: twinkle ease-out forwards, rotate linear 0.8s;
            pointer-events: none;
			z-index:2;
        }
        
        @keyframes twinkle {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(0.5);
                opacity: 0;
            }
        }
        
        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

#onlineEventsbox {border: 1px solid #ad0c27;
  border-radius: 4px;
 box-shadow:1px 1px 4px rgba(0,0,0,0.4); 
  }
#onlineEventsbox a {text-decoration: none!important}
#onlineEventsbox a:hover { text-decoration:none;}  

#oE-title h4 {color:#8E1C68; margin:0px 0px;} 
#onlineEventsbox  #oE-text { background:linear-gradient(#ca0a24,#ad0c27);
	font-size:14px;
	padding:15px 10px;
	text-align:center;
	color:#fff;
	}


#onlineEventsbox2 {
	background-color:#e4ff00;
	border: 1px solid #0e075d;
  border-radius: 6px;
 box-shadow:1px 1px 4px rgba(0,0,0,0.4); 
  }
#onlineEventsbox2 a {text-decoration: none!important}
#onlineEventsbox2 a:hover { text-decoration:none;}  



#covidbox2 {
	background-color:#0b0a87;
	border: 1px solid #3635b2;
  border-radius: 6px;
 box-shadow:1px 1px 4px rgba(0,0,0,0.4); 
  }
#covidbox2 a {text-decoration: none!important}
#covidbox2 a:hover { text-decoration:none;}  



#compmatchbox2 {
	background-color:#8E1C68;
	border: 1px solid #0e075d;
  border-radius: 6px;
 box-shadow:1px 1px 4px rgba(0,0,0,0.4); 
  }
#compmatchbox2 a {text-decoration: none!important}
#compmatchbox2 a:hover { text-decoration:none;}  



#bgcheckbox2 {
	background-color:#287836;
	border: 1px solid #36b24b;
  border-radius: 6px;
 box-shadow:1px 1px 4px rgba(0,0,0,0.4); 
  }
#bgcheckbox2 a {text-decoration: none!important}
#bgcheckbox2 a:hover { text-decoration:none;}  
/*category panels*/
.panel-category0 {
	border-color:#063984!important;	
	background-image: linear-gradient(180deg, #f5f5f5, #fff);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.panel-category0 h4{
		color:#063984;
}
.panel-category0 .panel-footer{
		background-color: #fff;
}
.panel-category0 .btnlogin {
	background: #063984!important;
}
.panel-category0 .btnlogin:hover {
	color:#fff;
}
.panel-category0 .badgecategory {
	background-color: #fff;
	color: #063984;
	
}
.panel-category1 {
	border-color:#063984!important;	
	background-image: linear-gradient(180deg, #9fd0dc, #e3f6fa);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.panel-category1 h4{
		color:#063984;
}
.panel-category1 .panel-footer{
		background-color: #fff;
}
.panel-category1 .btnlogin {
	background: #063984!important;
}
.panel-category1 .btnlogin:hover {
	color:#fff;
}
.panel-category2 {
	border-color:#5c2505!important;	
	background-image: linear-gradient(180deg, #f4e7d5, #d0c0aa);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.panel-category2 h4{
		color:#5c2505;
}
.panel-category2 .panel-footer{
		background-color: #fff;
}
.panel-category2 .btnlogin {
	background: #5c2505!important;
}
.panel-category2 .btnlogin:hover {
	color:#fff;
}

.panel-category3 {
	border-color:#3e0677!important;	
	background-image: linear-gradient(180deg, #f6cfec, #d0a1c4);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.panel-category3 h4{
		color:#3e0677;
}
.panel-category3 .panel-footer{
		background-color: #fff;
}
.panel-category3 .btnlogin {
	background: #3e0677!important;
}
.panel-category3 .btnlogin:hover {
	color:#fff;
}



.contbadgeabs{
position:absolute; height:0px; right: 0px;
	}
.contbadgerel{
	position: relative; top:20px; right:30px; z-index:10;
}
.badgecategory {
  display: inline-table;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  
  background-color: #bbb;
  border-radius: 50%;
}

.badgecat_content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
	font-size: 1.2em;
	color:#063984;
	font-weight: bolder;
}
.panel-category1 .badgecategory {
	background-color: #063984;
	
}
.panel-category2 .badgecategory {
	background-color: #5c2505;
	
}
.panel-category3 .badgecategory {
	background-color: #3e0677;
	
}
.hrmin { margin-top:10px; margin-bottom: 10px;}
/*videos courses*/
.playlistvideos {
height: 450px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.disabledVideocourse img{
	  filter:grayscale(100%)
}
.nonrreadblur {text-shadow: 0 0 8px #333;
   color: transparent;}
.nonrreadblur:hover {text-shadow: 0 0 8px #337ab7}