.bigtxt {
	font-size: calc(30px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
}

.big2txt {
	font-size: calc(28px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
}

.mediumtxt {
	font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
}

.smalltxt {
	font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
	line-height: 1.4;
}

.smallbtxt {
	font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	font-weight: bold;
}

.smallfont {
	font-size: 16px;
}

.dashlogo {
	height: 17px;
	width: auto !important;
}

@media screen and (min-width: 320px) {
	.smallfont {
		font-size: calc(16px + 6 * ((100vw - 320px) / 680));
	}
}

@media screen and (min-width: 1000px) {
	.smallfont {
		font-size: 22px;
	}
}


/* ----------- iPad 1, 2, Mini and Air ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.bigtxt {
		font-size: calc(24px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.dashlogo {
		height: 20px;
		width: auto;
	}
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.bigtxt {
		font-size: calc(22px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.dashlogo {
		height: 20px;
		width: auto;
	}
}


/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.bigtxt {
		font-size: calc(28px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.dashlogo {
		height: 22px;
		width: auto;
	}
}


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.bigtxt {
		font-size: calc(30px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.bigtxt {
		font-size: calc(30px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
}


/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.bigtxt {
		font-size: calc(34px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
}


/* ----------- iPad Pro 10.5" ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Portrait */


/* Declare the same value for min- and max-width to avoid colliding with desktops */

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}


/* Landscape */


/* Declare the same value for min- and max-width to avoid colliding with desktops */

@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}


/* ----------- iPad Pro 12.9" ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Portrait */


/* Declare the same value for min- and max-width to avoid colliding with desktops */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}


/* Landscape */


/* Declare the same value for min- and max-width to avoid colliding with desktops */

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}


/* laptop screen resolution */


/* ----------- Non-Retina Screens ----------- */

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
	.bigtxt {
		font-size: calc(29px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(26px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}
}


/* ----------- Retina Screens ----------- */

@media screen and (min-device-width: 1500px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
	.bigtxt {
		font-size: calc(32px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(30px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(23px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(19px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(21px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}
}


/* meida screen for 5k resolution */

@media screen and (min-width: 2400px) {
    .bigtxt {
		font-size: calc(34px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(32px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(26px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(24px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(27px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}

}


/* for mobile devices */


/* ----------- iPhone 4 and 4S ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	.bigtxt {
		font-size: calc(19px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(17px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(15px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(13px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(12px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}
}


/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.bigtxt {
		font-size: calc(19px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(17px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(15px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(13px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(12px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}
}


/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.bigtxt {
		font-size: calc(19px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(17px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(15px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(13px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(12px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}
}


/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}


/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}


/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}


/* ----------- iPhone 6+, 7+ and 8+ ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}


/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}


/* Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}


/* ----------- iPhone X ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
	.bigtxt {
		font-size: calc(19px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(17px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(15px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(13px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(12px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}
	.dashlogo {
		height: 20px;
		width: auto;
	}
}


/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
	.bigtxt {
		font-size: calc(19px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(17px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(15px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(13px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(12px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}
	.dashlogo {
		height: 20px;
		width: auto;
	}
}


/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
	.bigtxt {
		font-size: calc(19px + (50 - 40) * ((100vw - 300px) / (1600 - 300)));
	}
	.big2txt {
		font-size: calc(17px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));
	}
	.mediumtxt {
		font-size: calc(15px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
	}
	.smalltxt {
		font-size: calc(13px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		line-height: 1.4;
	}
	.smallbtxt {
		font-size: calc(12px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: bold;
	}
	.smallfont {
		font-size: 16px;
	}
	.dashlogo {
		height: 22px;
		width: auto;
	}
}





#exTab1 .tab-content {
	color : white;
	margin-top: -22px;
	min-height: 390px !important;
	background-color: white;
	/* padding : 15px 15px 35px 15px; */
	box-shadow: 0px 1px 9px 0px gainsboro;
  }
  
  #exTab2 h3 {
	color : purple;
	background-color: white;
	padding : 5px 15px;
  }
  
  /* remove border radius for the tab */
  
  #exTab1 .navss-pills > li > a {
	border-radius: 0;
	padding: 10px;
	box-shadow: 0px 1px 9px 0px gainsboro;
	margin-left: 10px;
	background-color: #eee;
  }
  #exTab1 .navss-pills > li > a:hover {
	text-decoration: none !important;
  }
  
  /* change border radius for the tab , apply corners on top*/
  
  #exTab3 .navss-pills > li > a {
	border-radius: 4px 4px 0 0 ;
  /*   background-color: lightgray; */
  }
  
  #exTab3 .tab-content {
	color : white;
	background-color: #428bca;
	padding : 5px 15px;
  }
  /* .navss-pills>li.active>a, .navss-pills>li.active>a:hover, .navss-pills>li.active>a:focus {
	background-color: white !important;
	color: purple;
  } */
  .navss-pills>li>a.active {
	background-color: white !important;
	color: purple;
	font-weight: 600;
  }
  
  
  
  .carousel {
	background: white;
  }
  
  .carousel-cell {
	width: 250px;
	height: 300px;
  /*   margin-right: 10px; */
  /*   background: #8C8; */
  /*   border-radius: 5px; */
	counter-increment: carousel-cell;
  }
  .carousel-cell1 {
	width: 250px;
	counter-increment: carousel-cell;
  }
  /* cell number */
  .carousel-cell1:before {
	content: counter(carousel-cell);
    color: white;
  }
  
  /* cell number */
  .carousel-cell:before {
  /*   display: block; */
  /*   text-align: center; */
	content: counter(carousel-cell);
  /*   line-height: 200px; */
  /*   font-size: 80px; */
    color: white;
  }
  .stdHomecard {
		width: 16rem;
	  border-radius: 10px;
	  position: absolute;
	  left: 0%;
	  margin-bottom: 40px;
	  border: 0px;
	  -webkit-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	  letter-spacing: 0.5px;
	  border-radius: 40px;
	  -webkit-box-shadow: 0px 0px 25px 0px rgba(126,55,216,0.05);
	  box-shadow: 0px 0px 25px 0px rgba(126,55,216,0.05);
  }
  .stdHomeimg {
	  max-width: 100%;
	  padding: 0.25rem;
	  background-color: #fff;
	  border: 1px solid #dee2e6;
  }



  @media only screen and (max-width: 575px){
  .nav-pillscard {
	  text-align: left !important;
  }
}





.clockappmnt:hover {
	box-shadow: rgb(133 255 0 / 45%) 0px 0px 5px 1px;
	border: 1px solid lightgreen;
}




/* new video section css */
.fd-card {
    min-width: 15.13rem;
    margin: 0 .625rem .75rem 0;
}
@media screen and (min-width: 48rem){
.fd-card:nth-child(-n+3) {
    margin-bottom: 2rem;
}
}
.fd-card .fd-card__footer .fd-card__body{
    margin-top: 0;
    margin-bottom: 24px;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);
    border-radius: .375rem;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 62rem){
.fd-card {
    width: 15.63rem;
    margin: 0 0 0 2.6875rem;
}
}
@media screen and (min-width: 48rem){
.fd-card {
    width: 12.5rem;
	margin: 0 0 0 2rem;
}
}
.fd-card {
    width: 260px;
	max-width: 260px;
	border-radius: 0px !important;
	border: 0px !important;
	height: 17rem;
    margin: 1rem !important;
}
.fd-card__header {
    padding: .8rem;
}
.fd-card__header {
    height: 136px;
}
.fd-card__header, .fd-card__header:before {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    height: 50%;
}
.fd-card__header {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding: 1rem 1.5rem;
    color: #fff;
}
.fd-card__header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: rgba(0,0,0,.5);
}

.fd-card__header, .fd-card__header:before {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    height: 50%;
}
.fd-card__body {
    padding: .8rem;
    font-size: 1rem;
    line-height: 1.25rem;
}

@media screen and (min-width: 48rem){
.fd-card__body {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
}
.fd-card__body {
    padding: 1rem 1.5rem;
    height: 60px;
    font-weight: 600;
    font-size: 1rem;
    font-weight: 1.25rem;
}

.fd-card__footer {
    padding: 0 .75rem .75rem;
}
.fd-card__footer .student-ratings {
    font-size: .8125rem;
    line-height: 1.125rem;
    color: #657482;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
}

.fd-card__footer__title {
    text-transform: uppercase;
    color: #6d7780;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: 2.17px;
    line-height: 20px;
    margin: 0;
}
.fd-card__footer__body {
    color: #525c65;
    font-size: 13px;
    line-height: 20px;
}
.fd-card__header-prefix {
    text-transform: uppercase;
    font-weight: 600;
    font-size: .625rem;
    line-height: 1rem;
    letter-spacing: 1.7px;
    opacity: .76;
    z-index: 1;
}
.fd-card__header-title {
    display: none;
}
.fd-card__header .fd-card__flag {
    margin-top: 0;
}

.fd-card__flag--new {
    background-color: #ad3959;
}
.fd-card__flag {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    margin-top: auto;
    padding: 0 .5rem;
    border-radius: .25rem;
    color: #fff;
    text-transform: uppercase;
    font-size: .8125rem;
    letter-spacing: 1.5px;
}
.fd-card__flag, .fd-card__header-title {
    font-weight: 600;
    line-height: 1.5rem;
    z-index: 1;
}













.dashkit .card {
    margin-bottom: 1rem;
    border-color: #f1f4f8;
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(22,28,45,.03);
    box-shadow: 0 0.75rem 1.5rem rgba(22,28,45,.03);
}

.dashkit .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f1f4f8;
    border-radius: .5rem;
}
.border-none {
    border: none!important;
}
.shadow {
    -webkit-box-shadow: 0 .5rem 1.5rem rgba(22,28,45,.1)!important;
    box-shadow: 0 .5rem 1.5rem rgba(22,28,45,.1)!important;
}
.dashkit .card-header:first-child {
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
}
.dashkit .card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.dashkit .card>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dashkit .card-header {
    padding: 1rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #f1f4f8;
}	
.dashkit .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.dashkit .badge {
    vertical-align: middle;
}

.dashkit .badge-gray-600 {
    color: #1b2a4e;
    background-color: #869ab8;
}
.dashkit .badge {
    display: inline-block;
    padding: .33em .5em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .375rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.text-white {
    color: #fff!important;
}
.dashkit .badge {
    vertical-align: middle;
}
.dashkit .badge-gray-700 {
    color: #fff;
    background-color: #2c3f58;
}
.dashkit .badge {
    display: inline-block;
    padding: .33em .5em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .375rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.text-white {
    color: #fff!important;
}
.dashkit .badge {
    vertical-align: middle;
}
.dashkit .badge {
    display: inline-block;
    padding: .33em .5em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .375rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.badge-secret {
    background-image: linear-gradient(101deg,#6f688a 3%,#3c3752 96%);
}
.text-white {
    color: #fff!important;
}
.dashkit .badge {
    vertical-align: middle;
}
.dashkit .badge {
    display: inline-block;
    padding: .33em .5em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .375rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.badge-blue {
    color: #fff;
    background-color: #1155fb;
}
.badge-yellow {
    background-color: #fabd3e!important;
}
.dashkit .badge {
    vertical-align: middle;
}

.dashkit .badge {
    display: inline-block;
    padding: .33em .5em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .375rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.badge-20 {
    -webkit-box-shadow: 0 1px 1px 0 #cfdfee;
    box-shadow: 0 1px 1px 0 #cfdfee;
    background-color: #e8f4ff;
    color: #2a97ff;
}
.badge-20, .badge-40 {
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    padding: 4px 9px 6px;
}

.float{
	position:fixed;
	width:220px;
	height:40px;
	top:50%;
	right:40px;
	background-color:#00589b;
	color:#FFF !important;
  padding-top: 10px;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.my-float{
	margin-top:22px;
}

.navbardrpdwn:hover {
   background-color: aliceblue !important;
}