@import "ui-icon.css";

/* ankit css  */


html {
    background: #f4f6f9 none repeat scroll 0 0;
}

.theme-cyan .navbar {
    background: linear-gradient(45deg, #49cdd0, #ab9ae5)!important;
}
a:hover{cursor: pointer;}
.tool-wrapper .h3-text {background:#FFF; padding:10px 3px;}
.section.content{z-index:1;}
.card .body {
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    padding: 20px;
	min-height:230px;
}
.container button.btn-primary.active {background:#bf83ff !important; color:#FFF !important;}
.right-sub-panel {}
.types-and-activities-wrapper .section {padding-top:0;}
.user-info-block {padding:10px;}
.user-info-block .detail {padding:0px;}
.user-info-block .detail h4 {margin-bottom:5px !important;}
/* .user-info-block .detail small {display: inline-block;    margin-bottom: 10px;} */
.user-info-block .detail small {
  display: inline-block;
  margin-bottom: 10px;
  width: 25px;
  height: 25px;
  /* background: #fff; */
  position: absolute;
  top: -4px;
  right: 25%;
 
  /* border-radius: 50%; */
  /* border: solid 2px #60c1d5; */
}
.sidebar .user-info{padding:0px!important;}

.right-panel-subjects {width:100%; height:500px; overflow-y: scroll; scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin; overflow-x: hidden; padding: 0px 2px;}



/* tooltip css ***********/
._exradicated-tooltip{position:absolute;display:block;opacity:1;z-index:999}tooltip{display:inline-block;position:relative}@-webkit-keyframes animate-tooltip{0%{opacity:0}50%{opacity:.5}60%{opacity:.8}70%{opacity:.9}90%{opacity:1}}@-moz-keyframes animate-tooltip{0%{opacity:0}50%{opacity:.5}60%{opacity:.8}70%{opacity:.9}90%{opacity:1}}@-ms-keyframes animate-tooltip{tooltip 0{opacity:0}tooltip 50%{opacity:.5}tooltip 60%{opacity:.8}tooltip 70%{opacity:.9}tooltip 90%{opacity:1}}@keyframes animate-tooltip{0%{opacity:0}50%{opacity:.5}60%{opacity:.8}70%{opacity:.9}90%{opacity:1}}tooltip._multiline{display:block}tooltip._slow._ready tip{animation:animate-tooltip .65s}tooltip._fast._ready tip{animation:animate-tooltip .15s}tooltip._steady._ready tip{animation:animate-tooltip .35s}tooltip tip{border-radius:3px;background:rgba(0,0,0,.85);color:#fff;display:none;line-height:normal;max-width:500px;min-width:100px;opacity:0;padding:8px 16px;position:absolute;text-align:center;width:auto;will-change:top,left,bottom,right}tooltip tip._hidden{display:block;visibility:hidden}tooltip.active tip{display:block;opacity:1;z-index:999}tooltip tip-tip{font-size:.95em}tooltip tip-tip._large{font-size:1.1em}tooltip tip-tip._small{font-size:.8em}tooltip tip-tip #close-button{cursor:pointer;float:right;left:8%;margin-top:-7%;position:relative}tooltip._top tip{left:50%;top:-9px;transform:translateX(-50%) translateY(-100%)}tooltip._top tip tip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.85);content:'';height:0;left:50%;margin-left:-6px;position:absolute;top:100%;width:0}tooltip._bottom tip{right:50%;top:100%;transform:translateY(9px) translateX(50%)}tooltip._bottom tip tip-arrow{border-bottom:6px solid rgba(0,0,0,.85);border-left:6px solid transparent;border-right:6px solid transparent;bottom:100%;content:'';height:0;left:50%;margin-left:-6px;position:absolute;width:0}tooltip._right tip{left:100%;top:50%;transform:translateX(9px) translateY(-50%)}tooltip._right tip tip-arrow{border-bottom:6px solid transparent;border-right:6px solid rgba(0,0,0,.85);border-top:6px solid transparent;content:'';height:0;margin-top:-6px;position:absolute;right:100%;top:50%;width:0}tooltip._left tip{left:-9px;top:50%;transform:translateX(-100%) translateY(-50%)}tooltip._left tip tip-arrow{border-bottom:6px solid transparent;border-left:6px solid rgba(0,0,0,.85);border-top:6px solid transparent;content:'';height:0;left:100%;margin-top:-6px;position:absolute;top:50%;width:0}
/***** end tooltip *********/
.nav-include {}
.search-nav-include {height:0px;}
.search-class-group {padding-top:3px;}
.nav-wrapper .topic {
    margin-right: 5px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* width: 200px;  */
}
.nav-wrapper .favorite {  cursor: pointer;  margin: 0px 5px 0 3px; }
.nav-wrapper .favorite:hover {    color: #b81750; }
.nav-wrapper .favorite.active {     color: #b81750; }
.nav-wrapper ul li i.small-fav {font-size:16px; line-height:1px;}
.nav-wrapper .revert {
    cursor: pointer;
    width: 30px;
    height: 20px;
    margin-left: 5px;
    background: url(../images/icons/revert.png) no-repeat center -2px/22px 22px; }
.nav-wrapper .revert:hover {     background-image: url(../images/icons/revert.png); }
.nav-wrapper .right-menu {    float: right; }
.nav-wrapper .loading { background: url(../images/loader.gif) no-repeat center 2px/18px 18px !important; }
.nav-tabs button{margin:0;}
ul.dropdown {
	color: var(--sch-color-orange);
	background: #a99be5;	
	display: block;
	position: absolute;
	/* right: -4px; */
	/* top: 38px; */
	right: 13px;
    top: 6px;
	z-index: 9999;
	font-size: 14px; 
}

#settings_menu_holder ul.dropdown {
	color: var(--sch-color-orange);
	background: #a99be5;	
	display: block;
	position: absolute;
	/* right: -4px; */
	/* top: 38px; */
	right: 13px;
    top: 38px;
	z-index: 9999;
	font-size: 14px; 
}
ul.dropdown li {
    color:#FFF;
	font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: normal;
    background: none;
    padding: 5px;
    text-transform: unset;
    cursor: pointer;
    background-size: 14px 18px;
    line-height: 1.5em;   
    width: 100%;
    white-space: nowrap; 
	background:rgba(3, 61, 103, 0.1);
}

ul.dropdown li:hover {  background: var(--sch-color-blue);  color: #fff; }	
ul.dropdown li.separator, ul.dropdown li.separator:hover {  background: transparent;   line-height: 1px;   padding: 0 0 4px;
text-align: center; color: #0363b0; }
ul.dropdown li.has-dropdown {  background-color: #9891d9;  color: #000; }
ul.dropdown li.has-dropdown .dropdown {  display: block;  position: unset; }
ul.dropdown li.has-dropdown .sub-dropdown {padding:0; margin:0; margin-top:0px;}

.theme-cyan .float-md-right  > li > a {color:#333;}
.tool-menu {position:absolute;}

.header-tool-menu {
    position: fixed;    
    top: 0;
	right:105px;
	width: auto;
	text-align: right;
	z-index:18;
}
.dropdown img.prod {margin-top:15px;  padding-right: 10px;}
.dropdown img.prod:hover {cursor: pointer;}

.question-select { font-size: 28px;  color: #fff; }
.question-select a {  color: #fff; }

.login-wrapper { float: right; margin-right: 5px; margin-right: 3px; text-align: right; color: #fff; font-weight: bold; 	margin-top:7px;  }
.login-wrapper a { color: #fff; }
.login-wrapper a.username { color: #fff; }
.login-wrapper a.username:link .login-wrapper a.username:hover .login-wrapper a.username:visited {   color: #fff; }
.login-wrapper a.role {  font-size: 12px;  color: #fff; }
.login-wrapper a.role:link .login-wrapper a.role:hover .login-wrapper a.role:visited {   color: #fff; }
.login-wrapper a.logout { color: #efe700; }
.login-wrapper a.logout:link .login-wrapper a.logout:hover .login-wrapper a.logout:visited {  color: #efe700; }
.login-wrapper .pure-form input.pure-input-rounded {  background: #fff none repeat scroll 0 0;  border: 1px solid #d1d1d1;    border-radius: 7px 0 0 7px;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;  color: #000; font: 12px Arial, Helvetica, sans-serif; padding: 8px 0px 6px 10px;  width: 255px; margin-right: 0px; }
.knowledge-image { width:40%;   padding-top: 8px; position: relative; text-align: left;  float:left; }
.knowledge-image img {cursor:pointer;}
.pure-menu-item { cursor: pointer; }
.box { color: #031c26;cursor: pointer; margin: auto; text-align: center; }
.box:hover, .active .box {    border-color: #f69c55; }
.active .box { border-color: #f69c55; }
li.disabled .box {  opacity: 0.2;  cursor: auto; }
li.disabled:hover .box {    /* border-color: #0363b0;  */}

.subjects-wrapper ul, .classes-wrapper ul, .products-and-resources, .types-and-activities, .section .list-items {  /* background: #68afdf url("../images/panel-bg.png") repeat scroll 0 0;  */  background:#FFF;}
.products-and-resources, .types-and-activities, .section .list-items {  background: none;}
.subjects-wrapper, .classes-wrapper {  float: left;  margin: 0px; }
.subjects-wrapper ul, .classes-wrapper ul { height: 510px; padding: 10px;border-left: 1.5px solid #3797d5;border-right: 1.5px solid #3797d5;}
.gap-right {  padding-right: 0px; }
.classes-wrapper {  min-width: 150px; }
.list-items {float: left; padding-top: 1px; width: 100%; }
.list-items ul { margin: 0px; padding: 0px; }    
.list-items ul li {margin-bottom:8px; color:#fff;  line-height: 25px;  cursor: pointer; text-decoration: none; padding: 0px 0px 0px 10px;     margin-bottom: 1px;  border-left: 2px solid #fff; width: 24%; margin:7px 0;  }     
.list-items ul li.favorite { /*  background-image: url(../images/like_icon.png); background-repeat: no-repeat; */   background-position: right 2px; }
.list-items ul li.disabled { cursor: auto; opacity: 0.5; }

.search-filter-subjects .list-items ul li {background:var(--sch-color-gray);}


/* .menu-section {  */
/* box-shadow: 0px 10px 50px 0px rgb(0 0 0 / 14%); */
    /* font-size: 14px; */

    /* float: left; */
    /* padding: 10px; */
    /* position: relative; */
    /* top: 60px; */
	/* right:0px; */
    /* width: 82.5%; */
/* z-index: 15; */

	/* font-size:0.8rem; */
	/* } */
.menu-section .list-items ul li { display: inline-block;}
.subtop .sub-topics { height: 550px; }
.topics {float: left; }
.topics .list-items ul li .favorite {  color: #fff;  float: right; margin-top: 6px;  width: 20px; margin-right: 5px; }
.topics .list-items ul li > div {  float: left;  width: calc(100% - 25px); overflow-x: hidden; text-overflow: ellipsis;    white-space: nowrap; color:#FFF; }
tooltip._left tip.activity-tool-tip { top: 0; transform: translateX(-100%) translateY(0%); font-size:0.7rem; }
tooltip._left tip {left: 100px; top: 109%!important;}
tooltip._left tip.activity-tool-tip tip-arrow { top: -9px; left:2px; }
tooltip._left tip tip-arrow{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #4d4d4e; width: 0; height: 0; }
.topics.section .list-items { padding: 10px 0 10px 10px; }
.topics.section .list-items li { background: var(--sch-color-orange) none repeat scroll 0 0 padding-box content-box; border-right: medium none; border-left:2px solid var(--sch-color-blue);    margin-left: 0; padding-left: 0; padding-right: 10px; text-indent: 10px; }
.topics.section .list-items li:hover {background: var(--sch-color-blue) none repeat scroll 0 0 padding-box content-box}


.products-and-resources { float: left; /* height: 100%; */ width:100%; padding-top: 20px; } /*-- width:100% for fix on bookmark product on search page ---*/

.products-and-resources {height:519px; } /*-- fix on bookmark product on search page ---*/
.types-and-activities {  width:100%; height:auto;
 /* overflow-y: scroll; overflow-x: hidden; padding: 0px 10px;  */
margin-bottom:20px;}
.subject {margin-bottom: 20px; }
.subject .box { background: #3797d5; color: #fff; padding: 10px;  width: 120px; border-radius: 5px; }
.subject .box img {  width: 80px; }
.subject:hover .box { background: #0363b0;  border-radius: 5px;  color: #fff; }
.subject.active .box {background: #b81750;} 
.subject.disabled:hover .box { background: #3797d5;  }
.subject p {  margin: auto;  min-height: 35px;  text-align: center;width: 100px; }
.class {margin-bottom: 20px; }
.class .box {  background: #0363b0; color: #fff; border-radius: 3px; padding: 10px 0; width: 113px; }
.class.active .box, .class:hover .box {   background: #b81750;   color: #fff; }
.class.disabled:hover .box {  background: #0363b0; color: #fff; }
.activity-types { margin-top:1px;}
.activities { }
.activity-types  span.null-activity {padding:10px; display:block;}
#sub-topics {  height: 501px; }
#subject-filters { height: 495px; }
.activity {margin-bottom: 15px; }
.activity .box {  width: 225px; height: 135px; box-sizing: unset; position: relative;  border: 1px solid #f28828; background: #fff; }
.activity .box { cursor: default;  padding: 0; }
.activity .box .left { float: left; padding: 10px; width: 188px; cursor: pointer; height: 100%; }
.activity .box .left .text { font-size: 14px;text-align: left; }
.activity .box .left .play {left: 80px; position: absolute;   top: 75px;   height: 50px; color: #c9c9c9; }
.activity .box .left .play i {  display: none; }
.activity .box .left .play img {   display: block; }
.activity .box .left .play:hover i { display: block; }
.activity .box .left .play:hover img {  display: none; }
.activity .box .left .play img { width: 40px; height: 40px; }
.activity .box .left .play :hover .fa-play-circle {   color: #b81750; }
.activity .box .left .play.active {  color: #b81750; }
.activity .box .left:hover .play {color: #b81750; }
.activity .box .left:hover .play i {  display: block; }
.activity .box .left:hover .play img {  display: none; }
.activity .box .right {float: left; height: 100%; padding: 10px 5px 5px 5px; text-align: center;width: 36px; border-left: 1px solid #c9c9c9; }
.activity .box .right li { margin-top: 5px;cursor: pointer; width: 28px; height: 28px; }
.activity .box .right li:first-child {margin-top: 0px; }
.activity .box .right li i {  color: #c9c9c9; font-size: 1.6em; }
.activity .box .right li i:hover, .activity .box .right li i.active {color: #b81750; }
.activity .box .right li i.fa-eye-slash {  font-size: 1.4em; }
.loading { background: url(../images/loader.gif) no-repeat center center !important; }

.region-content .hidden, .region-content [hidden] {  display: inherit !important; }
.cover { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.3; background: #fff; }
.cover .loader { background: url("../images/loaderv2.gif") no-repeat scroll center center #FFF; height: 149px;left: 50%;   margin-left: -109px;  margin-top: -75px;  position: absolute;  top: 50%; width: 218px; }

.subtop .active {
    background-color: #3089b0 !important;
  border-color: #70b8d8 !important;
  color: #fff !important;
}

.badge-danger {
	border:none!important;
color: #000;
height: 39px;
width: 30px;
line-height: 39px;
line-height: 10px;
}
.sidebar .user-info .detail h4 {
  font-size: 1.1rem;
  line-height: 21px;
  padding-bottom: 10px;
}

.badge{padding: 4px 8px;
text-transform: uppercase;
font-size: .7142em;
line-height: 30px;
background-color: transparent;
border: 1px solid;
margin-bottom: 5px;
/* border-radius: 0px !important; */
border-top-left-radius:30px!important;
border-bottom-left-radius:30px!important;
border-top-right-radius:0px!important;
border-bottom-right-radius:0px!important;
margin-right: -7px;
margin-top: -12px;}
 .hide-mob p{margin-bottom:0px;}
.search-rest{ 
	background: #E1E1E1; padding:15px;
    transition: .5s;
    border: 0;
    border-radius: 0.1875rem;
    position: relative;
    width: 100%;
    box-shadow: none
}
.sidebar .leftpanel-menu .list li {
    line-height: 1;
}
.block-header h2 small { display:inline;}
.btn-primary a.active{color:#FFF;}
img {   
    max-width: none;
}

.right-sidebar {width:341px; z-index: 18 !important;}
ul.topic-rightpanel li{ display:inline; }
.btn-round2:has(a) {color:green !important;}
.navbar {z-index:16;}
.sidebar {z-index:3;}
.overlay {z-index:16;}
.right-sub-panel{width:100%; height:70vh; overflow-y: scroll; overflow-x: hidden; /* padding: 20px 2px;*/ margin-bottom:20px;}
.list-group-item {padding:0.75rem 1rem;}
img.center-block {height: 52px;    margin-top: 5px;    width: 51px; }
.navbar-nav.navbar-left .input-group .form-control:focus ~ .input-group-addon {background:none; color:#fff;}
.form-control:focus {background:transparent; }


.fi-sr-star::before {
  content: url("../images/star-solid.png");
}

.social-links .fi-sr-star::before {
  content: url("../images/star-solid-black.png");
}

.fi-sr-thumbs-up::before {
 content: url("../images/thumbs-uu-solid.png");
}
.fi-sr-eye-crossed::before {
 content: url("../images/eye-crossed-solid.png");
}

.types-and-activities, .right-sub-panel, .slim_scroll {
	/* overflow-y: scroll; scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin;  */
/* height:66vh; */
         } /*scroll bar css for mozila browser */
		 .right-sub-panel { overflow-y: scroll; scrollbar-color: #cdcdcd #f0f0f0; scrollbar-width: thin; 
		 /* cursor:pointer; */
		 /* height:63vh; */
         } /*scroll bar css for mozila browser */


.fixed-bottom{z-index:2;}
.hide-mob{margin-top:-2px;}

section.content {    position: inherit;}
/*.fixed-bottom{    position: inherit;}*/
.navbar-nav.navbar-left .input-group{padding-top: 5px;}
.sidebar .leftpanel-menu .list .menu-toggle:after, .sidebar .leftpanel-menu .list .menu-toggle:before{
top: calc(50% - 6px);
right: 51px;}
sidebar .leftpanel-menu .list .ml-menu li a::before {
  content: '\f30f';
  position: absolute;
  left: 14px;
  font-size: 12px;
  font-family: 'Material-Design-Iconic-Font';
  color: #9e9e9e;
  top: 0px;
}
/* .star-icon {padding-left:5px;} */

.subjects .container-background div.disabled {  opacity: .2 !important;} /*explore disabled csss*/ 

#subjects > div.active {  transition: all .5s ease;
    -webkit-transition: all .5s ease;    cursor: pointer;    color: #8b3dde;    border-radius: 10px;    box-shadow: -8px 8px 1px 0px rgb(191 131 255);
    -webkit-box-shadow: -8px 8px 1px 0px rgb(191 131 255);    -moz-box-shadow: -8px 8px 1px 0px rgb(191 131 255); }


#settings_menu_holder ul.dropdown {  color: var(--sch-color-orange);  background: #a99be5;  display: block;  position: absolute;  
  right: 13px;  top: 144px;  z-index: 9999;  font-size: 14px;}

.go-right-btn {margin-top:10px!important;}	/*for go buttion  left side silid*/
.right-sidebar .nav-tabs li{margin:4px 2px;}

/* .slim_scroll{height: 480px;     width: 21rem;    overflow-y: scroll;    overflow-x: hidden;}  left side silid bar scrool fix  */
.detail p{ padding: 5px;   max-width: 400px;  margin: 15px auto; margin-top:0px!important;}
.detail p.text-muted {  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; height:60px; font-size: 13px;
    line-height: 19px;}

#info-pop-up-holder {  background: unset;  opacity: 1; z-index:99; }
.ng-hide .info-pop-up-holder {  display: none; }
.info-pop-up-holder {  display: block; }
.info-pop-up { background: #ffe9e6; border-radius: 5px 5px 0 0; color: #940b07; left: calc(50% - 150px); position: absolute;top: calc(50% - 50px); width: 300px; padding-bottom:10px;  z-index: 15;}
.info-pop-up .buttons { font-size: 20px;    margin-top: 10px;    text-align: right; }
.info-pop-up .buttons i {    border: 1px solid #b81750;    border-radius: 3px;    color: #b81750;    cursor: pointer;    margin-right: 10px;    padding: 3px 10px; }
.info-pop-up .header {    background: #ff3111;    border-radius: 5px 5px 0 0;    color: #fff;    padding: 5px 10px; }
.info-pop-up .message {   padding: 10px; }

 /* media quary start here */
 /*--------------- Start here update in 30-may-2022------------------*/
 
  .ls-closed .bars::before {
  content: url("menu-burger.png");
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ls-closed .bars::after {  content: url("menu-burger.png"); 
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.owl-nav .owl-next::after{content:url("images/angle-circle-right.png");}
.owl-nav .owl-prev::after{content:url("images/angle-circle-left.png");}

#subjects {
  margin-bottom: 50px;
}
.owl-carousel .ng-binding{white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;     max-width: 85px;    display: inline-block;	line-height: 17px;height: 14px;	}
	
.tooltip._left tip {  left: 100px;  top: 109% !important;  width: 500px;  height:30px;}
.title-font {  font-size: 14px;  word-spacing: 2px;}
.word-sp {  word-spacing: -4px;  line-height: 21px;}
/* .library_menu_holder{z-index:15; margin-top: -14px;} */

.main_ioc {display:none;}
.owl-theme .owl-nav [class*="owl-"] {	color: #000!important; font-size: 14px; margin: 5px; padding: 4px 7px; background: #f4f6f9!important; display: inline-block;
cursor: pointer; border-radius: 3px;}

.js-right-sidebar::after{content: url("subtopichumb.png");}

.owl-theme .owl-nav{margin-top:0px!important;}
.topic-label{float:none!important; margin-right:0px!important;}

.atype_name{font-size:0.8rem;}
.right-sub-panel .atype_name {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  max-width: 80%;  display: inline-block;  /* line-height: 22px; */  /* height: 22px; */}
.list-group-item{height:40px;}
.list-group-item {  position: relative;  display: block;  padding: .75rem 1.25rem;  margin-bottom: -1px;  background-color: #fff;  border: 1px solid rgb(112, 184, 216);
}

.owl-stage-outer .btn_c {   border-radius: 30px !important;  border: solid 1px #bf83ff !important;  background: #e9ecef !important;  color: #000 !important;  padding: 2px 6px;   font-size: 12px;  margin-right: -13px;}

.mnib-footer{height:auto!important;}
.types-and-activities{margin-top:-8px;}

.user-info-block .detail h4 {   margin-bottom: 0px !important; }
#tool_menu .ml-menu{height: 200px;  overflow-x: hidden; overflow-y: scroll;
scrollbar-color: #cdcdcd #f0f0f0;
scrollbar-width: thin;}

#library_menu_item .ml-menu{height: 200px;  overflow-x: hidden; overflow-y: scroll;
scrollbar-color: #cdcdcd #f0f0f0;
scrollbar-width: thin;}
/*--------------- End here update in 30-may-2022------------------*/

  @media (max-width: 1169px) {
	  
	  .ls-toggle-btn {   display: inline-blockblock !important;
}
  }


 @media (max-width: 480px){
	 .owl-theme .owl-nav [class*="owl-"] {margin: 0px!important;  padding: 4px 3px!important;}
	 
	 .js-right-sidebar {    margin-right: -26px;  margin-top: -2px;}
	 .card .header .header-dropdown { top: 7px;   right: 8px; }
	.block-heade-content{padding-top:0px!important;} 
	 .owl-carousel .owl-stage-outer {     padding: 2px 0px;     height: 32px;!important }
	
#settings_menu_holder ul.dropdown {top:126px;}
	 
	 /* .js-right-sidebar{position: relative; */
    /* bottom: 0px; */
    /* z-index: 12; */
    /* left: 25px; */
    /* top: -80px; */
/* } */
.card .body{padding-top:0px;}
	 .float-md-right{margin-top:-30px;}
	 .mb-4{margin-bottom:2px!important;} 
	 .form-group .form-control + .input-group-addon, .input-group .form-control + .input-group-addon {   padding: 4px 18px 0px 0; }
	
/* .form-control, .authentication .card-plain.card-plain .input-group-addon, .authentication .card-plain.card-plain .form-group.form-group-no-border .input-group-addon, .authentication .card-plain.card-plain .input-group.form-group-no-border .input-group-addon {	height: 30px;} */


 }





  /* @media (max-width: 736px){  .mb-4{ margin-top:30px;}  } */

  @media (max-width: 767px){ 
  .navbar-nav.navbar-left {   width: 30%;  margin-top: -19px;  float: none!important;  margin-right: 16px; }

  }

.block-heade-select {display:none;}

/*iphone - 6  css*/

/* @media only screen and (max-width: 667px) and (min-width: 375px)  { */
	/* @media only screen and (orientation:landscape ) { */
		/* .search-wrapper {margin-top:20px!important;} */
		/* .btn-round2 {margin-top:} */
		
	/* } */
/* } */

@media only screen and (max-width: 991px) and (min-width: 899px)  {
	.open-burger-menu, .ds-logo {
  background: #57c5d3;
}
.ds-logo .navbar-brand {display:none;}
	
	
}
 
@media only screen and (max-width: 991px) and (min-width: 360px)  {
	.align-left{text-align:center!important;}
	
	.menu-section { width:100%;}
	.search-rext{margin-top:-70px;}
	.activity {    margin-bottom: 0px; }
	.card .body {      padding: 20px;     min-height: 195px; }

	.btn_c .current-topic  {    white-space: nowrap;      overflow: hidden;     text-overflow: ellipsis;   max-width: 60px;  display: inline-block;	line-height: 29px;
height: 20px; }
	
	
	#notice .buttons .singlebutton {   display: inline-block;   width: auto; }
	
	.btn-round2 {padding:4px 6px!important;}
	
	 .block-heade-select{display:none;}
	body{font-size: 0.9rem;}
	p, fieldset, table, pre {  margin-bottom: 0.5em; }
	.block-header h2 {font-size:1rem!important;}
	.container {max-width:100%!important;}
	.title-font { font-size:0.8rem!important;}
	 h5, .h5 {  font-size: 1.2em!important;   line-height: 1em!important;}
	 /* .mnib-footer{  min-height: 100px; padding:10px 0px;  font-size: 0.8rem; } */
	 .sub-cls img{width: 35px;}
	/* footer{position: fixed;}*/
	 .thum-ho:hover, #subjects > div.active {  transition: all .5s ease;   -webkit-transition: all .5s ease;   cursor: pointer;   color: #8b3dde;   border-radius: 10px;   box-shadow: 0px 2px 1px 0px rgb(191 131 255);   -webkit-box-shadow: 0px 2px 1px 0px rgb(191 131 255);   -moz-box-shadow: 0px 2px 1px 0px rgb(191 131 255); }
.block-header {  height: 70px;}
.block-heade-product { padding: 0px; }
/* .mb-4{margin-bottom:0rem!important; margin-top:0px;} */
.sidebar .user-info .detail h4 {  font-size: 1rem;
line-height: 21px; }
.sidebar {  z-index: 4; }
.navbar-nav > li > a i {    font-size: 1.2rem;}
.btn, .navbar .navbar-nav > a.btn {font-size: .7rem; margin: 2px 1px;}
.sidebar .user-info .image img {  width: 60px; }
.sidebar{width:225px; z-index:99;}
.p-r-10, section.content{padding-right:0px;}
.p-l-10, section.content, .activity_2 h5{padding-left:0px;}
.view-container{margin-bottom:5px;}
.m-l-10, .navbar-nav.navbar-left .input-group, .chat-widget .chat-scroll-list li.left .chat-info, .inbox-widget .inbox-inner .hover_action a, .contact .c_list .c_name{ margin-left:5px; display:flex; justify-content:center; width:200px;}
.container {max-width: 100%!important;}
.detail p.text-muted {font-size: 0.9rem;}
.activity-type img{ width:17px;}
.activity {width: 50%!important; }
a:not([href]):not([tabindex]) {   font-size: 0.8rem; }
/* .float-md-right{ margin-top:-40px;   } */
	
	
img.center-block {width:42px; height:42px;}
.play {    padding: 6px 12px 4px 12px; }
.theme-cyan .float-md-right > li > a {font-size:0px!important;}
.subtop p {margin-bottom:0px;}
.subtop p strong{padding: 10px; line-height: 14px; height: 35px; display: inline-block; background: #e9ecef; width: 100%;margin-bottom: 0px; color: #000;	border-bottom:solid 2px #fff;}
.right-sidebar {  width: 280px; }
#subjects{margin-bottom:5px;}	
.badge-danger {
  border-color: #70b8d8;
  color: #fff;
}
.badge-danger {  border-color: #BF83FF;   color: #000;   min-height: 20px;   /*width: 20px;*/ border:none;   }
.atype_name {font-size:0.8rem;}
/* .prod-tool-tag-menu {display:inline; position: relative;} */
.header-search-btn {display:none;}
.block-heade-content {margin-top:0px!important;}
button.btn-primary.active {     background: #c085ff none repeat scroll 0 0 !important; }
.float-md-right .go-bt{  margin-top: -40px;     position: fixed;     right: 30px;     z-index: 99; }
}

.breadcrumb{margin-top:4px!important; font-size:12px!important; font-weight: normal!important; padding: 0.4rem 1rem !important; margin-left: -14px;}

.close-burger-menu {padding-top: 10px; cursor: pointer; text-align: right; width: 30px; height: 30px; position: absolute; right: 30px; top: 0px; z-index: 10;}
.close-burger-menu img {position:fixed;}
.close-burger-menu:hover{cursor:pointer;}
.topic-selected-dwn .btn-group .dropdown-menu {   -webkit-border-radius: 3px;   -moz-border-radius: 3px;   -ms-border-radius: 3px;   border-radius: 3px;   border: none;
  right: auto;  left: 0;  padding: 0;  transform: none !important;  top: 50px;}
.btn-group .btn_c {border:none!important;
 /* box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 25%);  */
 border-bottom: 1px solid #dfdfdf !important;
 white-space: normal; border-radius: 0 !important;}
.btn-group .open .dropdown-menu {display: block; overflow-x: hidden;
max-height: 250px;
overflow-y: scroll;
scrollbar-color: #2f87ae #f0f0f0;
scrollbar-width: thin;
cursor: pointer; box-shadow: none;  font-size:14px;  
background: #e9ecef;
border-bottom: 1px solid #dfdfdf
/* padding: 5px 5px 5px 5px; */ }

.input-group-addon i {   color: #fff; }
.btn-round2 {   border-width: 1px;  border-radius: 30px !important;  padding: 3px 8px !important;  margin-right: 5px !important;  
border: solid 1px #bf83ff !important;}

.btn-group {position:relative; z-index:10; width: auto; }
.btn-group #btnGroupDrop1 {font-size: 12px;  background: #1ca7bd!important; color: #fff !important; border: none !important; padding: 6px 30px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* max-width: 380px !important; */
/* margin-left: -9px; */

}

.btn-group .star-icon {  position: absolute; top: 11px; right: 0px; z-index: 999; font-size: 16px; left: 9px; width: 23px;}

.navbar-nav.navbar-left.hidden-sm-down {margin-top: -70px; width: 50%;}
.navbar-nav.navbar-left.hidden-sm-down .hidden-sm-down {position:relative; background:none;}
.block-header .sc-breadcrumb-home{margin-left:0px;}

/******************** list view of nuggets ************/
.card { background: #f4f6f9; } 

.sidebar .user-info .profile img { height: 80px;
  width: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  vertical-align: bottom !important;
  border: 3px solid #fff;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}


.new-thub{border-bottom: solid 1px #ccc;   box-shadow: 0px 1px 6px 0px #ddd; }
.social-links li{margin-top:0px; margin-right: 10px; float: left;}
.play-btn{margin-top:30px; border: solid 1px #888;   border-radius: 30px !important;   padding: 4px 8px 1px 8px!important;
  color: #fff;   border-color: #70B8D8;   background-color: #70B8D8;}
.mb-10tab{ margin-bottom: 10px;}
.valigan{ vertical-align: ccc;}
.new-thub .text-lanth {white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;   max-width: 99%;}
.play-pog{ position: relative; right: 2px; top: 10px;}
.txet-limt{ overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;   height: 50px;}
  

  .card .header .header-dropdown li a {
  padding: 5px 10px;
  margin-top: -13px;
  position: absolute;
  bottom: -4px;
  right: 2px;
}

 .media-body p strong{cursor:pointer;}

  
  @media all and (min-width:320px) and (max-width:930px){
    .new-thub .text-lanth {white-space: nowrap;       overflow: hidden;   text-overflow: ellipsis;       max-width: 80%;}
      .detail{width:60%;}
	  .user-info  .detail{width:100%;}
  }
@media all and (min-width:360px) and (max-width:570px){
  .mg-top-xs{ margin-top: 5px;}
  .mg-top-sxs{ margin-top: 15px;}
} 

/******************** list view of nuggets [END] ************/

@media all and (min-width:360px) and (max-width:992px){
	
	.subtop p{padding:0px!important;}
	
	.detail h6{font-size:11px;}
	.detail {  width: 100%; }
	
	#tool_menu a span::after{right: 80px!important;  }

#library_menu_item a::after{ right: 80px!important; }
	
}

@media all and (min-width:320px) and (max-width:900px){
	
	
	.open-burger-menu, .ds-logo {background:#57c5d3;}
	/* .search-wrapper{width:90%;} */
	/* @media only screen and (orientation:portrait) { */
		.ds-logo .navbar-brand {display:none;}
		.ls-toggle-btn {display:block;}
		.header-search-btn {display:block;}
		/* .block-header{  height: 0px; margin-top: 115px !important; } */
		.header-tool-menu {text-align:center; width:auto;}
		/* .hidden-sm-down { */
			/* background: #57c5d3 none repeat scroll 0 0;			 */
			/* left: 0; */
			/* margin: 0 auto; */
			/* position: fixed; */
			/* right: 0; */
			/* text-align: center; */
			/* top: 58px; */
			/* width: 100%; */
			/* padding-bottom:7px; */
		/* } */
		
		
		
		 
	/* } */
}

@media all and (min-width:320px) and (max-width:850px){
	
@media only screen and (orientation:portrait ) {

	
	.mnib-footer{height:auto;}
	.pt-2{ font-size:11px;}
	.pt-2 + p {display:none;}
	/* .btn-group #btnGroupDrop1 {white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;      max-width:150px!important;} */
	.btn-group .star-icon {  position: absolute;	  top: 7px;}
  
	  
	
	.btn-group .open .dropdown-menu {  display: block;
overflow-x: hidden;
max-height: 250px;
overflow-y: scroll;
scrollbar-color: #2f87ae #f0f0f0;
scrollbar-width: thin;
cursor: pointer;
box-shadow: none;
font-size: 14px; overflow-x: hidden;}
.btn-group {  position: relative;  z-index: 4;  width: auto;}	
	.btn-round2 {padding:4px 6px!important;}
	.modal-content h4{font-size:15px; margin-bottom: 10px;}
	/* .class-background{margin-top: 20px;} */
	
	
}}


@media all and (min-width:320px) and (max-width:850px){
	
	@media only screen and (orientation:landscape ) {
		.mnib-footer {  min-height: 40px!important;}
		.pt-2{display:none;}
		.pt-2 + p {margin-top: 12px;}
		.block-header {    margin-top: 117px; }
		.float-md-right .go-bt{top:130px;    position: fixed;     right: 30px;     z-index: 999; }
		.js-right-sidebar {position: absolute;   right:0px; top: -30px;}
	
		.class-background{margin-top: 0px;}
		
		
	}
}



/*ne thum strat here*/

.mg-all {
  margin-bottom: 0px !important;
  padding: 5px 0;
}

.img-thumbnail-play-container {position:relative; }
.img-thumbnail {opacity:0.5;}
.img-thumbnail-play-container .play-button{
	cursor: pointer;
position: absolute;
background:#70B8D8;
top: 50%;
left: 50%;
font-size: 30px;
color: #fff;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
padding: 10px 0px;
height: 52px;
line-height: 40px;
width: 52px;
text-align: center;
border-radius:50%; 

	
}
.img-thumbnail-play-container .play-button:hover{
 background-color: #ab9ae5;
  transition: background-color 400ms ease-in-out;
	
 }
 
 .img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #b0b0b0;
  border-radius: .25rem;
  max-width: 100%;
  height: auto;
}



.play {
    margin-top: 30px;
    border: solid 1px #888;
    border-radius: 30px !important;
    padding: 4px 8px 1px 8px!important;
    color: #fff;
    border-color: #70b8d8;
    background-color: #70b8d8;
}

.new-thub1 {
    border-bottom: solid 1px #dfdfdf; cursor: auto;
}

.play-btn2{
	/* border: solid 1px #ccc; */
  /* border-radius: 30px !important; */
  padding: 1px 8px 0px 8px!important;
  color: #ccc;
  /* border-color: #70B8D8; */
  /* background-color: #70B8D8 ; */
  line-height: 31px;
  font-size: 30px;
  height: 24px;} 

  .text-warp{white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 98%;
    display: inline-block;}
    .h-wrap{ overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; /* number of lines to show */
      -webkit-box-orient: vertical;
      height:80px;
    }
.types-and-activities .row{cursor:auto;}
.types-and-activities  .new-thub1 .p-t-10:hover{cursor:pointer;}
    .number_colr{color:#ccc;}
    .social-links {margin-left: 20px;}
    .social-links li {display:inline;}
.social-links li a i {font-size:14px;}
.rounded-circle {
  border-radius: 50%!important;
}
.mg-all{margin-bottom: 0px!important;}
    @media all and (min-width:360px) and (max-width:570px){
      .mg-top-xs{ margin-top: 5px;}
      .mg-top-sxs{ margin-top: 15px;}
      .col-sm-11 {width: 10%!important; display: flex; padding-right: 0px; padding-left: 0px;}
      .col-sm-99 {width: 65%!important; display: flex;}
      .col-sm-22 {width: 20%!important; display: flex;}
      .play-btn2 {
        line-height: 25px;
        height: 25px;     }
        .play-btn3 {
          line-height: 20px;
          height: 24px;   }
          
}
/* .img-thumbnail-play-container {display:block; width:250px; position:relative; background: #959595;}
.play-button {
    background: transparent none repeat scroll 0 0;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100%; 
}
.play-button i {font-size:30px; color:#FFF;} */
.custpopup {display:none;}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 70%;
}

/* The Close Button */
.close_model {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close_model:hover,
.close_model:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/******************** list view of nuggets [END] ************/
.search-filter-classes .btn-primary.active { background-color: #bf83ff !important;    color: #fff !important;}
.bookmark-list  .bookmarks li:before{
	color: #9e9e9e;
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 12px;
    /* left: 60px; */
    /* position: absolute; */
	padding-right: 8px;
   
}
.sidebar .leftpanel-menu .list .ml-menu span#show_bookmarked {color: #34444b;}
.sidebar .leftpanel-menu .list .ml-menu span#show_bookmarked:hover {cursor:default;}
.topic-selected-dwn .star-icon{ color:#fff!important;}
.rounded-circle {   border-radius: 50% !important;   border: solid 2px #70b8d8; }
.detail .social-links {width: 30%; height: 21px; margin-left: 40%;}
.sidebar .leftpanel-menu .list #tool_menu, .sidebar .leftpanel-menu .list #library_menu_item{padding:0px 0px;}
.menu-toggle .menu-section {width:100%!important;}

.sidebar .leftpanel-menu .list #tool_menu a{width: 238px; display: inline-block;}

.sidebar .leftpanel-menu .list #library_menu_item a{width: 238px; display:block;  }
.ml-menu li span {
  padding-left: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px; 
}
.ml-menu li{ color:#546e7a; padding:6px 1px; cursor:pointer;}
.detail + br {display:none;}

.ml-menu li ul li { color:#546e7a;
  padding-left: 68px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
}
.sidebar .leftpanel-menu .list .ml-menu span {
  font-weight: normal;
  margin: 0px 0 1px 0px;
}
.ml-menu li ul li:hover{color:#00bcd4; cursor:pointer;}
.sidebar .leftpanel-menu .list a {
  color: #546e7a;
  position: relative;
  padding: 14px 10px;
}


.sidebar .leftpanel-menu .list #tool_menu::before {
display:none;
}

.sidebar .leftpanel-menu .list #library_menu_item::before {
 display:none;
}
#tool_menu a span::after{content: url(arrow-r.png);top: calc(50% - 6px);
right: 60px;
position: absolute;}

#library_menu_item a::after{content: url(arrow-r.png);top: calc(50% - 6px);
right: 60px;
position: absolute;}

#library_menu_item{margin-bottom:50px;}

.topic-selected-dwn .star-icon{ color:#fff!important;}
.rounded-circle {   border-radius: 50% !important;   border: solid 2px #70b8d8; }
.detail .social-links {width: 30%; height: 21px; margin-left: 40%; justify-content: center;
display: flex;}

.menu-toggle .menu-section {width:100%!important;}

.sidebar .leftpanel-menu .list #tool_menu a{width: 238px; display: inline-block;}

.sidebar .leftpanel-menu .list #library_menu_item a{width: 238px; display:block;  }
.ml-menu li span {
  padding-left: 50px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px; 
}
.ml-menu li{ color:#546e7a; padding:6px 1px; cursor:pointer;}
.detail + br {display:none;}

.sidebar .leftpanel-menu .list .ml-menu span {
  font-weight: normal;
  margin: 0px 0 1px 0px;
}
.ml-menu li ul li:hover{color:#00bcd4; cursor:pointer;}

/* .ml-menu li :hover{color:#00bcd4; cursor:pointer;} */


/* .ml-menu li  { */
  /* padding-left: 40px; */
  /* padding-top: 7px; */
  /* padding-bottom: 7px; */
  /* font-size: 14px; */
/* } */


.sidebar .leftpanel-menu .list a {
  color: #546e7a;
  position: relative;
  padding: 14px 10px;
}


.sidebar .leftpanel-menu .list #tool_menu::before {
display:none;
}

.sidebar .leftpanel-menu .list #library_menu_item::before {
 display:none;
}
#tool_menu a span::after{content: url(arrow-r.png);top: calc(50% - 6px);
right: 60px;
position: absolute;}

#library_menu_item a::after{content: url(arrow-r.png);top: calc(50% - 6px);
right: 60px;
position: absolute;}

.mb-breadcrumb > li > a {font-size:14px;}

#library_menu_item{margin-bottom:50px;}

.menu-section .ml-menu {display:none;}

.btn-group-main-item  {font-size: 12px; background: #3089b0 !important; color: #fff !important; border: none !important; padding: 6px 30px !important; border-radius: 30px !important; 
/* margin-left: -9px;  */
}
.filter-icon {  position: absolute;
top: 7px;
right: 0px;
z-index: 999;
font-size: 14px;
left: 9px;
width: 23px;
color: #fff; }

 .activity-type {
	 
	 width: 100%;
border-radius: 0px !important;
border: none !important;
padding: 0px !important;
margin: 0px;
  margin-top: 0px;
  margin-right: 0px;
margin-bottom: 2px;
background: #e9ecef  !important;
color: #000 !important;
border-bottom: solid 1px #dfdfdf!important;

	 
 }
 .activity-dwn .dropdown-menu { position: absolute; left: -6px;}
 .new-thub1 .text-center{text-align:left!important;}
 .activity-type img{margin-top: 0px!important;}

.cardmb {z-index: 9;}



.activity-type{text-align:left!important;}
.subtop p{background: #e9ecef; padding: 5px; border-top-left-radius: 5px;
border-top-right-radius:5px;}

.activity-types .btn-group.open {width:200px;}
.btn-group.open .dropdown-menu .activity-type {padding:8px 5px!important; }

.btn-primary.active {   background: #bf83ff !important; color: #FFF !important;}


.social-links li {cursor:pointer;}


.block-header {  padding: 15px;  padding-bottom: 5px;  }

.pa-lr{margin-bottom:5px!important;}

.right-sidebar .d-md-block {
  display: none !important;
}

.list .active.open a span, .list .active.open a i, .header h2 strong {
  color: #00bcd4;
}
.types-and-activities-wrapper  .new-thub1 p.font-weight-bold:hover{cursor:pointer;}

@media all and (min-width:768px) and (max-width:850px){
	

	.theme-cyan .float-md-right > li > a {
  font-size: 0px !important;
  margin-top: 38px !important;
}
}

@media all and (min-width:360px) and (max-width:736px){
	

	.activity-types {   margin-top: 50px!important; }
	
}

@media all and (min-width:737px) and (max-width:991px){
	

	.activity-types {   margin-top: 40px!important; }
	
}


@media all and (min-width:320px) and (max-width:850px){
	
@media only screen and (orientation:portrait ) {
	
.showing-hidden {position:absolute; z-index:9; right:10px; top:28px; font-size: 12px;}
.un-hiding {position:absolute; z-index:999; right:0px; left:0px;  top:28px; font-size: 12px;}
.activity-types {   margin-top: 26px; }
	
	.btn-group #btnGroupDrop1 { max-width: 350px !important;   }
	
	
	/* .activity-types {   margin-top: 31px; } */
	.class-background{text-align:center;}
	
	
	.mnib-footer {height:auto;}
	.pt-2{ font-size:11px;}
	.pt-2 + p {display:none;}
	/* .btn-group #btnGroupDrop1 {white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;      max-width:100px!important;} */
	.btn-group .star-icon {  position: absolute;	  top: 7px;}
  
	  
	
  .btn-group .btn-group-main-item .open .dropdown-menu {   display: block;   border-bottom: 1px solid #bf83ff;   max-height: 250px;   overflow-y: scroll;
  scrollbar-color: #cdcdcd #f0f0f0;   scrollbar-width: thin;   cursor: pointer;   padding: 5px 5px 5px 5px;   width: 252px;  font-size: 12px;   float: right;
  margin-left: 29px;   position: absolute;   left: 3px; }



.btn-group {  position: relative;  z-index: 10;  width: auto;}	
	.btn-round2 {padding:4px 6px!important;}
	.social-links li {   margin-top: 4px; }
	
	.font-32{font-size:24px!important;}
		.font-16 {font-size: 12px!important; z-index:1; }
		.p-t-10, .activity_2 h5 {   padding-top: 0px!important; }
		.number_colr { margin-top: -9px!important; }
		.modal-content p{font-size:12px; word-break: break-all;}
		.block-header {   margin-top: 60px !important; }
		.btn-group .star-icon {   top: 7px; }
		.list-items ul li {width:50%;}
.list-items ul li .ng-binding{line-height:21px;}

	.types-and-activities-wrapper{margin-top:5px; }
	.card .header .header-dropdown li a{bottom: -12px;}
	.mb-breadcrumb > li > a {font-size:11px;}
	.breadcrumb{ padding: 0.4rem 0.5rem !important; margin-left: -20px;}
	
	
	
}}


@media all and (min-width:320px) and (max-width:850px){
	
	@media only screen and (orientation:landscape ) {
			.showing-hidden {position:absolute; z-index:999; right:10px; top:25px; font-size: 12px;}
.un-hiding {position:absolute; z-index:999; right:0px; left:0px;  top:25px; font-size: 12px;}
		.activity-types {   margin-top: 19px; }
		.font-32 {    font-size: 24px; }
		.block-header {   margin-top: 60px !important; }
		.mnib-footer {  min-height: 40px!important;}
		.pt-2{display:none;}
		.pt-2 + p {margin-top: 12px;}
		.block-header {    margin-top: 35px; }
		.float-md-right .go-bt{top:130px;    position: fixed;     right: 30px;     z-index: 999; }
		.js-right-sidebar {position: absolute;   right:0px; top: -30px;}
		
		.btn-group .star-icon {   top: 7px; }
		
		
	.col-sm-11 {  flex: content!important; max-width: 7%!important;} 
	.d-none {   display: none !important; }
	
		
		
	}
}




@media all and (min-width:693px) and (max-width:767px){
	
	@media only screen and (orientation:landscape ) {
		
.navbar-nav.navbar-left .input-group {  margin-top: 10px; }
		
		}}