@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Exo+2');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,600');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

.wraper{max-width: 1440px; margin: 0 auto}
.logo{margin-top: 15px; margin-bottom: 20px }
.bo-updown{border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee}
.feature_news_item { background: #fff; text-align: center;}
.item_wrapper {position: relative;}
.mtitle {width: 100%;position: relative;}
.mtitle::before { content: ''; width: 100%; height: 1px; top: 50%; position: absolute; background: #dedede;}
.mtitle p {margin: 0 auto;margin-bottom: 0px;line-height: 50px;font-size: 28px;font-weight: 600;color: #000;background: #fff;transform: skewX(-0deg);font-family: 'Poppins', sans-serif;}
.topstory{width: 180px;}
.cardpzero{padding: 5px 0px}
.item_otherb a{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; color: #000000;}
.item_otherb a span{font-style: italic; color: #828282}
.cattitle{font-family: 'Poppins', sans-serif; color: #ee1d25; font-size: 14px; font-weight: 400; padding-top:4px;}
.card-title{font-family: 'Crimson Text', serif; color: #000000; font-size: 26px;}
.mtpt{margin-top: 7px; padding-top: 7px}
.mttw{margin-top: 12px}
.fandb{width: 280px;}
.mtopsix{margin-top: 60px}
.fbtw{margin-top: 135px}
.card-titleb{font-family: 'Crimson Text', serif; color: #000000; font-size: 24px;}
.mbbt{margin-bottom: 0px; padding-bottom: 7px}
.item_otherbf a{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 12px; color: #000000;}
.item_otherbf a span{font-style: italic; color: #828282}
.more-red{font-family: 'Poppins', sans-serif; color: #ee1d25; border-radius: 0px; font-size: 14px; font-weight: 600; padding: 10px 20px 9px 20px }
.graybg{background-color: #333333; margin-top: 100px; padding-bottom: 35px; margin-bottom: 85px}
.videohd{font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 28px; font-weight: 600; margin-top: 35px; margin-bottom: 35px}
.card-img-top {border-radius: 0px}
.vi-title{font-family: 'Crimson Text', serif; color: #ffffff; font-size: 24px; margin-top: 10px}
.vi-text{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; color: #ffffff; line-height: 17px}
.more-white{font-family: 'Poppins', sans-serif; color: #ffffff; border-radius: 0px; font-size: 14px; font-weight: 600; padding: 10px 20px 9px 20px; border: 1px solid #ffffff}
.events{width: 150px; margin-bottom: 10px !important}
.shadowbox{ box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); padding-bottom: 15px}
.evtitle{font-family: 'Poppins', sans-serif; font-weight: 400; color: #8a8a8a;  font-size: 14px; padding-top:4px; margin-bottom: 5px; margin-top: 5px; text-transform: uppercase }
.etpt{margin-top: 0px; padding-top: 7px; min-height: 70px; position: relative; margin-bottom: 40px;}
.etpt:after {content: ''; position: absolute; width: 16%; left: 42%; bottom: -20px; border-bottom: 1px solid #000;}
.item_others a{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 13px; color: #000000; padding-top: 5px; margin: 0 auto;}
.item_others a span{font-style: italic; color: #828282}
.abtw{margin-top: 35px}
.etptf{margin-top: 0px; padding-top: 7px; min-height: 70px; position: relative; margin-bottom: 40px;}
.etptf:after {content: ''; position: absolute; width: 10%; left: 45%; bottom: -20px; border-bottom: 1px solid #fff;}
.footerbg{ background-color: #ffffff; padding-top: 50px; padding-bottom: 20px; border-top: 7px solid #ef393f; border-bottom: 12px solid #000000 }
.foheader{font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 20px}
.fotext{margin-bottom: 4px; margin-top: 4px}
.fotext a{font-family: 'Poppins', sans-serif; color: #888888; font-size: 12px; font-weight: 400;}
.fotext a span{color: #000000;} 
.socialm{color: #000000; font-size: 24px; margin-right: 10px}
.borderf{border-top:1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; padding-top:50px; padding-bottom: 40px}
.ftex{font-family: 'Crimson Text', serif; color: #b5b5b5; font-size: 14px;}
.martb{ margin-top: 30px; margin-bottom: 10px}
.inner-cat{font-family: 'Poppins', sans-serif; color: #8a8a8a; font-size: 15px;}
.inner-article p{font-family: 'Crimson Text', serif; color: #111111; font-size: 20px;}
.inner-article p img {max-width: 100% !important; height: auto !important;}
.inner-article img {max-width: 100% !important; height: auto !important;}
.lightgraybg{background-color: #f5f5f5; margin-top: 70px; padding-bottom: 60px; margin-bottom: 85px}
.recom{font-family: 'Poppins', sans-serif; color: #111111; font-size: 28px; font-weight: 600; margin-top: 35px; margin-bottom: 35px}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #e2e2e2;
    margin: 0 2px 2px 0px;
}

.pagination a.active {
    background-color: #dd0000;
    color: white;
    border: 1px solid #e2e2e2;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
.dropdown-item, .dropdown-item a, .dropdown-item:focus, .dropdown-item:hover{color: #000 !important; background-color: #fff !important; }
.dropdown-menu{padding:0px !important; border: none; background-color: #ec1b24 !important; }
.galimcont ul li img{height: 800px}

@media (max-width: 575.98px) {
.pd {padding-left: 0px !important; padding-right: 0px !important;}
.navbar-light .navbar-nav .nav-link{font-family: 'Exo 2', sans-serif; font-weight: normal; color: #000000; font-size: 18px; letter-spacing: .5px}	
.item_title_date { background: #fff; position: absolute; bottom: 0px; left: 5%; right: 5%; padding: 5px 5px 0; }
.mtop{margin-top: 25px}
.news_item_title a{font-family: 'Crimson Text', serif; color: #000000; font-size: 20px; line-height:22px}
.item_cat{font-family: 'Poppins', sans-serif; color: #ee1d25; font-size: 12px; font-style: italic; font-weight: 400; margin-top: 5px;  margin-bottom: 5px}
.item_other a{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 12px; color: #000000; border-top: 1px solid #e2e2e2; padding-top: 5px; margin: 0 auto}
.item_other a span{font-style: italic; color: #828282}
.smso{margin-left: 5px; margin-right: 5px}
.searching{padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; margin-top: -0px; margin-bottom: -0px; margin-left: 10px}
.search-inline{height:15%;}
.first-slider{margin-bottom: 50px;}
.pd-top{padding-top: 15px; padding-bottom: 20px}
.card-title{font-family: 'Crimson Text', serif; color: #000000; font-size: 22px; margin-bottom: 30px}
	.sec-ad{margin-top: 0px;}
	.prz{padding-right: 15px}
.plz{padding-left: 15px}
	.card-titles {font-family: 'Crimson Text', serif; color: #ffffff; font-size: 20px; padding-left: 5%; padding-right: 5%}
.topal{margin-top:0%}
.mar-botf{margin-bottom: 30px}
	.color-red{background-color: #ec1b24}
	.navbar-light .navbar-toggler{color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1);} 
.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
		.nav-link{color: #ffffff !important}
	.sear{color: #ffffff !important}
	.inner-header{font-family: 'Crimson Text', serif; color: #111111; font-size: 37px; font-weight: 400}
	.drdwm{color:#fff !important; padding: 0px !important; margin: 10px 0px 10px 0px !important}
	.recom{font-family: 'Poppins', sans-serif; color: #111111; font-size: 28px; font-weight: 600; margin-top: 5px; margin-bottom: 20px}
	.borderf{border-top:1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; padding-top:0px; padding-bottom: 20px}
}


@media (min-width: 576px) and (max-width: 767.98px) {
.pd {padding-left: 0px !important; padding-right: 0px !important;}	
.navbar-light .navbar-nav .nav-link{font-family: 'Exo 2', sans-serif; font-weight: normal; color: #000000; font-size: 18px; letter-spacing: .5px}	
.item_title_date { background: #fff; position: absolute; bottom: -65px; left: 10%; right: 10%; padding: 20px 30px 0; }
.mtop{margin-top: 25px}
.news_item_title a{font-family: 'Crimson Text', serif; color: #000000; font-size: 32px; line-height:40px}
.item_cat{font-family: 'Poppins', sans-serif; color: #ee1d25; font-size: 12px; font-style: italic; font-weight: 400; margin-top: 5px;  margin-bottom: 5px}
.item_other a{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 12px; color: #000000; border-top: 1px solid #e2e2e2; padding-top: 5px; margin: 0 auto}
.item_other a span{font-style: italic; color: #828282}
.smso{margin-left: 5px; margin-right: 5px}
.searching{padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; margin-top: -0px; margin-bottom: -0px; margin-left: 10px}	
.search-inline{height:15%;}	
.first-slider{margin-bottom: 55px;}
.pd-top{padding-top: 17px; padding-bottom: 22px}
.card-title{font-family: 'Crimson Text', serif; color: #000000; font-size: 24px; margin-bottom: 20px}
	.sec-ad{margin-top: 5px;}
	.prz{padding-right: 15px}
.plz{padding-left: 15px}
.card-titles {font-family: 'Crimson Text', serif; color: #ffffff; font-size: 22px; padding-left: 10%; padding-right: 10%}
.topal{margin-top:0%}
.mar-botf{margin-bottom: 30px}
	.color-red{background-color: #ec1b24}
	.navbar-light .navbar-toggler{color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1);} 
.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	.nav-link{color: #ffffff !important}
	.sear{color: #ffffff !important}
	.inner-header{font-family: 'Crimson Text', serif; color: #111111; font-size: 40px; font-weight: 400}
	.drdwm{color:#fff !important; padding: 0px !important; margin: 10px 0px 10px 0px !important}
	.recom{font-family: 'Poppins', sans-serif; color: #111111; font-size: 28px; font-weight: 600; margin-top: 5px; margin-bottom: 20px}
	.borderf{border-top:1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; padding-top:0px; padding-bottom: 20px} 
}


@media (min-width: 768px) and (max-width: 991.98px) { 
.pd {padding-left: 5px !important; padding-right: 5px !important;}	
.navbar-light .navbar-nav .nav-link{font-family: 'Exo 2', sans-serif; font-weight: normal; color: #000000; font-size: 16px; letter-spacing: 0px}	
.item_title_date { background: #fff; position: absolute; bottom: 0px; left: 10%; right: 10%; padding: 30px 50px 0; }
.mtop{margin-top: 25px}
.news_item_title a{font-family: 'Crimson Text', serif; color: #000000; font-size: 40px; line-height:44px}
.item_cat{font-family: 'Poppins', sans-serif; color: #ee1d25; font-size: 14px; font-style: italic; font-weight: 400; margin-top: 5px;  margin-bottom: 5px}
.item_other a{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; color: #000000; border-top: 1px solid #e2e2e2; padding-top: 5px; margin: 0 auto}
.item_other a span{font-style: italic; color: #828282}
.searching{padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; margin-top: -10px; margin-bottom: -10px; margin-left: 10px}
.search-inline{height:100%;}
.first-slider{margin-bottom: 75px;}
.pd-top{padding-top: 27px; padding-bottom: 32px}
	.sec-ad{margin-top: 10px;}
	.prz{padding-right: 0px}
.plz{padding-left: 0px}
	.card-titles {font-family: 'Crimson Text', serif; color: #ffffff; font-size: 25px; padding-left: 10%; padding-right: 10%}
.topal{margin-top:10%}
.mar-botf{margin-bottom: 30px}
	.inner-header{font-family: 'Crimson Text', serif; color: #111111; font-size: 50px; font-weight: 400}
}


@media (min-width: 992px) and (max-width: 1199.98px) { 
.pd {padding-left: 12px !important; padding-right: 12px !important;}	
.navbar-light .navbar-nav .nav-link{font-family: 'Exo 2', sans-serif; font-weight: normal; color: #000000; font-size: 18px; letter-spacing: .5px}	
.item_title_date { background: #fff; position: absolute; bottom: 0px; left: 10%; right: 10%; padding: 30px 100px 0; }
.mtop{margin-top: 25px}
.news_item_title a{font-family: 'Crimson Text', serif; color: #000000; font-size: 46px; line-height:55px}
.item_cat{font-family: 'Poppins', sans-serif; color: #ee1d25; font-size: 14px; font-style: italic; font-weight: 400; margin-top: 5px;  margin-bottom: 5px}
.item_other a{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; color: #000000; border-top: 1px solid #e2e2e2; padding-top: 5px; margin: 0 auto}
.item_other a span{font-style: italic; color: #828282}
.searching{padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; margin-top: -10px; margin-bottom: -10px; margin-left: 10px}
.search-inline{height:100%;}
.first-slider{margin-bottom: 85px;}
.pd-top{padding-top: 37px; padding-bottom: 45px}
	.sec-ad{margin-top: 15px;}
	.prz{padding-right: 0px}
.plz{padding-left: 0px}
.card-titles {font-family: 'Crimson Text', serif; color: #ffffff; font-size: 27px; padding-left: 15%; padding-right: 15%}
.topal{margin-top:15%}
.mar-botf{margin-bottom: 40px}
	.inner-header{font-family: 'Crimson Text', serif; color: #111111; font-size: 56px; font-weight: 400}
}


@media (min-width: 1200px) {
.pd {padding-left: 14px !important; padding-right: 14px !important;}	
.navbar-light .navbar-nav .nav-link{font-family: 'Exo 2', sans-serif; font-weight: normal; color: #000000; font-size: 18px; letter-spacing: .5px}	
.item_title_date { background: #fff; position: absolute; bottom: 0px; left: 15%; right: 15%; padding: 30px 150px 0; }
.mtop{margin-top: 25px}
.news_item_title a{font-family: 'Crimson Text', serif; color: #000000; font-size: 48px; line-height:60px}
.item_cat{font-family: 'Poppins', sans-serif; color: #ee1d25; font-size: 14px; font-style: italic; font-weight: 400; margin-top: 5px;  margin-bottom: 5px}
.item_other a{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; color: #000000; border-top: 1px solid #e2e2e2; padding-top: 5px; margin: 0 auto}
.item_other a span{font-style: italic; color: #828282}
.searching{padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; margin-top: -10px; margin-bottom: -10px; margin-left: 10px}
.search-inline{height:100%;}
.first-slider{margin-bottom: 85px;}
.pd-top{padding-top: 37px; padding-bottom: 45px}
.sec-ad{margin-top: 20px;}
	.prz{padding-right: 0px}
.plz{padding-left: 0px}
.card-titles {font-family: 'Crimson Text', serif; color: #ffffff; font-size: 34px; padding-left: 20%; padding-right: 20%}
	.topal{margin-top:18%}
.mar-botf{margin-bottom: 60px}
	.inner-header{font-family: 'Crimson Text', serif; color: #111111; font-size: 60px; font-weight: 400}
}

.videos img {
  width:100%;
  height:auto;
}
a.video {
  float: left;
  position: relative;
	width: 100%;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("http://static.lankadeepa.lk/images/ads/video/play-btn.png") no-repeat;
  background-position: 50% 50%;
  background-size: 160%;
  z-index:2; 
}
.featured-article {
	width: 100%;
	height: Auto;
	position: relative;
	margin-bottom: 15px;
}

.featured-article .block-title {
	/* Position & Box Model */
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	/* background */
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 45%, rgba(0, 0, 0, 0.72) 70%, rgba(0, 0, 0, 0.82) 100%) repeat scroll 0 0;
	/* Width/Height */
	padding: .5em;
	width: 100%;
	/* Text color */
	color: #fff;
}
.featured-article .block-title h2 {
	margin: 10px; padding-top:10px;
	font-family: 'Roboto Condensed', sans-serif; font-size:26px;
}

.fbico{ width:50px; height:50px; background-image: url(../images/fbico.png); background-position:top left; float:left; margin-left:35px; margin-right:10px}
.fbico:hover{ width:50px; height:50px; background-image: url(../images/fbico.png); background-position:top right; float:left; margin-left:35px; margin-right:10px}
.igico{ width:50px; height:50px; background-image: url(../images/igico.png); background-position:top left; float:left; margin-left:10px; margin-right:10px}
.igico:hover{ width:50px; height:50px; background-image: url(../images/igico.png); background-position:top right; float:left; margin-left:10px; margin-right:10px}
.apico{ width:50px; height:50px; background-image: url(../images/apico.png); background-position:top left; float:left; margin-left:10px; margin-right:10px}
.apico:hover{ width:50px; height:50px; background-image: url(../images/apico.png); background-position:top right; float:left; margin-left:10px; margin-right:10px}
.youico{ width:50px; height:50px; background-image: url(../images/youico.png); background-position:top left; float:left; margin-left:10px; margin-right:10px}
.youico:hover{ width:50px; height:50px; background-image: url(../images/youico.png); background-position:top right; float:left; margin-left:10px; margin-right:10px}
.appletv{ width:95px; height:50px; background-image: url(http://static.lankadeepa.lk/images/apple-tv1.png); background-position:top left; float:left; margin-left:10px; margin-right:10px}
.appletv:hover{ width:95px; height:50px; background-image: url(http://static.lankadeepa.lk/images/apple-tv1.png); background-position:top right; float:left; margin-left:10px; margin-right:10px}






.search-open{color:#000000}.search-inline{width:100%;left:0;padding-left:15px;padding-right:15px;top:0;position:absolute;opacity:0;visibility:hidden;background-color:#efefef;z-index:9999;transition:all .5s ease-in-out}.search-inline.search-visible{opacity:1;visibility:visible;animation:fadeInDown .4s ease-in-out}.search-inline button[type=submit]{position:absolute;top:0;border:0;right:80px;padding:0;cursor:pointer;width:80px;height:99%;background:#222;color:#fff}.search-inline .form-control{border:0;padding-left:0;font-size:2rem;position:absolute;left:1%;top:0;height:100%;width:99%;font-family:Montserrat,sans-serif;font-weight:700;outline:0}.search-inline .search-close{position:absolute;top:0;right:0;color:#616161;width:80px;height:100%;text-align:center;display:table;background:#efefef;text-decoration:none}.search-inline .search-close i{display:table-cell;vertical-align:middle}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#efefef;background-clip:padding-box;border:1px solid #efefef;border-radius:.25rem;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-20%,0)}to{opacity:1;transform:translate3d(0,0,0)}}










	.scrollbar-deep-purple::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-deep-purple::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-deep-purple::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #512da8; }

.scrollbar-cyan::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-cyan::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-cyan::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #00bcd4; }

.scrollbar-dusty-grass::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-dusty-grass::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-dusty-grass::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%);
background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }

.scrollbar-ripe-malinka::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-ripe-malinka::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(330deg, #f093fb 0%, #f5576c 100%);
background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); }

.bordered-deep-purple::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border: 1px solid #512da8; }

.bordered-deep-purple::-webkit-scrollbar-thumb {
-webkit-box-shadow: none; }

.bordered-cyan::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border: 1px solid #00bcd4; }

.bordered-cyan::-webkit-scrollbar-thumb {
-webkit-box-shadow: none; }

.square::-webkit-scrollbar-track {
border-radius: 0 !important; }

.square::-webkit-scrollbar-thumb {
border-radius: 0 !important; }

.thin::-webkit-scrollbar {
width: 6px; }

.example-1 {
position: relative;
overflow-y: scroll;
height: 400px; }