body {
	padding-top: 3rem;
	padding-bottom: 3rem;
	color: #5a5a5a;
	background-color: #efebeb;
	 /*background: #0cebeb;
/*background: -webkit-linear-gradient(to top, #29ffc6, #20e3b2, #0cebeb);
background: linear-gradient(to top, #29ffc6, #20e3b2, #0cebeb);
background-image: linear-gradient(to right top, #051937, #004a72, #007f8d, #00b47d, #9be051);*/
}
/**/
.input-group-prepend span {
	width: 50px;
	background-color: #69d84d;
	color: black;
	border: 0 !important;
}
input:focus {
	outline: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
}
.remember {
	color: #069;
}
.remember input {
	width: 20px;
	height: 20px;
	margin-left: 15px;
	margin-right: 5px;
}
.login_btn {
	font-size: 18px;
	color: black;
	background-color: #FFC312;
	line-height: 2;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.login_btn:hover {
	color: black;
	background-color: white;
}
.links {
	color: white;
}
.links a {
	margin-left: 4px;
}
/* nt-title */

#nt-title-container {
	background: #F2F2F2;
}
#nt-title {
}
#nt-title li {
	font-size: 28px;
	color: #4E4E4E;
	white-space: nowrap;
	list-style: none;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* nt-example1 */

#nt-example1 {
	/*max-width: 620px;*/
	width: 100%;
	margin: auto;
}
#nt-example1-container {
	text-align: center;
}
#nt-example1-container i {
	font-size: 32px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#nt-example1-container i:hover {
	color: #333;
}
#nt-example1 li {
	color: #4e4e4e;
	background: #fff;
	overflow: hidden;
	/*height: 50px;*/
	padding: 10px;
	line-height: 20px;
	list-style: none;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px dotted #2c8162;
}
#nt-example1 li:hover {
	background: #FFF;
}
/* nt-example2 */

#nt-example2 {
	max-width: 620px;
	margin: auto;
}
#nt-example2-container {
	text-align: center;
	margin-top: 107px;
	margin-bottom: 40px;
	height: 300px;
}
#nt-example2-container i {
	font-size: 36px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#nt-example2-container i:hover {
	color: #333;
}
#nt-example2 li {
	color: #f2f2f2;
	background: #74cfae;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 60px;
	padding: 10px 16px 10px 16px;
	line-height: 40px;
	list-style: none;
	font-size: 24px;
	text-align: left;
}
#nt-example2 li .state {
	font-size: inherit;
	margin: 0;
}
#nt-example2 span.hour {
	font-weight: 700;
}
#nt-example2-infos-triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 15px 16px 15px;
	border-color: transparent transparent #74cfae transparent;
	margin: 6px auto 0;
}
#nt-example2-infos {
	max-width: 620px;
	margin: auto;
	padding: 12px;
	color: #f2f2f2;
	background: #74cfae;
}
#nt-example2-infos .infos-hour {
	font-size: 50px;
	font-weight: 700;
	margin-top: 20px;
}
#nt-example2-infos h4 {
	color: #F2F2F2;
	font-weight: 500;
}
#nt-example2-infos .infos-text {
	text-align: left;
}
/* nt-example3 */

#nt-example3 {
	margin: 80px auto 0;
}
#nt-example3-container {
	text-align: center;
}
#nt-example3-container i {
	font-size: 36px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#nt-example3-container i:hover {
	color: #333;
}
#nt-example3 li {
	color: #4e4e4e;
	background: #F2F2F2;
	overflow: hidden;
	height: 80px;
	padding: 10px;
	line-height: 60px;
	font-size: 40px;
	text-transform: uppercase;
	list-style: none;
}
#nt-example3 li:hover {
	background: #FFF;
}
/**/
.footer {
	position: relative;
	bottom: 0px;
	width: 100%;
	height: 40px; /* Set the fixed height of the footer here */
	line-height: 40px; /* Vertically center the text there *//*background-color: #f5f5f5;*/
}
.bgcolor {
	/*background-color:#fff;*/
	padding: 10px;
	opacity: 0.95;
}
.cardcolor {
	background-color: #10635b;
	-webkit-box-shadow: 5px 1px 17px -5px rgba(0,0,0,0.65);
	-moz-box-shadow: 5px 1px 17px -5px rgba(0,0,0,0.65);
	box-shadow: 5px 1px 17px -5px rgba(0,0,0,0.65);
}
/**/
.feather {
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}
/*
 * Navbar
 */

/*.navbar-brand {
 padding-top: .75rem;
 padding-bottom: .75rem;
	font-size: 1rem;
	background-color: rgba(0, 0, 0, .25);
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}
.navbar .form-control {
 padding: .75rem 1rem;
	border-width: 0;
	border-radius: 0;
}
.form-control-dark {
	color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, .1);
}
.form-control-dark:focus {
	border-color: transparent;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}*/
/*
 * Utilities
 */

.border-top {
	border-top: 1px solid #e5e5e5;
}
.border-bottom {
	border-bottom: 1px solid rgba(21, 62, 112, 0) !important;
}


/* Hide for mobile, show later */
/*.sidebar {
  display: none;
}*/
@media (min-width: 768px) {
.sidebar {
	position: relative;
	top: -20px;
	bottom: 0;
	left: -14px;
	/* z-index: 1000; */
	display: block;
	/* padding: 10px; */
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #f5f5f5;
	border-right: 1px solid #eee;
}
}
/* Sidebar navigation */
.nav-sidebar {
	margin-right: 0px;
	/* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: 0px;
}
.nav-sidebar > li > a {
	padding-right: 20px;
	padding-left: 20px;
}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
	color: #fff;
	background-color: #428bca;
}
.sidebar .sidebar-nav.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
.sidebar .sidebar-search {
	padding: 15px;
}
.sidebar ul li {
	border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
	background-color: #eee;
}
.sidebar .arrow {
	float: right;
}
.sidebar .fa.arrow:before {
	content: "\f104";
}
.sidebar .active>a>.fa.arrow:before {
	content: "\f107";
}
.sidebar .nav-second-level li, .sidebar .nav-third-level li {
	border-bottom: 0!important;
}
.sidebar .nav-second-level li a {
	padding-left: 37px;
}
.sidebar .nav-third-level li a {
	padding-left: 52px;
}
 @media(min-width:768px) {
.sidebar {
	z-index: 1;
	position: absolute;
	width: 250px;
	margin-top: 51px;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
	margin-left: auto;
}
}
/**/
.outerDivFull {
	margin: 50px;
}
.switchToggle input[type=checkbox] {
	height: 0;
	width: 0;
	visibility: hidden;
	position: absolute;
}
.switchToggle label {
	cursor: pointer;
	text-indent: -9999px;
	width: 70px;
	max-width: 70px;
	height: 30px;
	background: #dc354b;
	display: block;
	border-radius: 100px;
	position: relative;
}
.switchToggle label:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 26px;
	height: 26px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}
.switchToggle input:checked + label, .switchToggle input:checked + input + label {
	background: #1aaf33;
}
.switchToggle input + label:before, .switchToggle input + input + label:before {
	content: 'No';
	position: absolute;
	top: 5px;
	left: 35px;
	width: 26px;
	height: 26px;
	border-radius: 90px;
	transition: 0.3s;
	text-indent: 0;
	color: #fff;
}
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {
	content: 'Yes';
	position: absolute;
	top: 5px;
	left: 10px;
	width: 26px;
	height: 26px;
	border-radius: 90px;
	transition: 0.3s;
	text-indent: 0;
	color: #fff;
}
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}
.switchToggle label:active:after {
	width: 60px;
}
.toggle-switchArea {
	margin: 10px 0 10px 0;
}
/**/
.info-text {
	display: block;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	color: #83a308;
}
/**/
.gradeint_bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,1abf67+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(26,191,103,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(26,191,103,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(26,191,103,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1abf67', GradientType=1 ); /* IE6-9 */
}
/**/

/**/
.mb-0 > a {
	display: block;
	position: relative;
}
.mb-0 > a:after {
	content: "\f078"; /* fa-chevron-down */
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
}
.mb-0 > a[aria-expanded="true"]:after {
	content: "\f077"; /* fa-chevron-up */
}
/**/
.yellow-text {
	color: #fc0 !important;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-bottom: -1rem;
	-webkit-box-shadow: -4px -33px 18px -8px rgba(0,0,0,0.21);
	-moz-box-shadow: -4px -33px 18px -8px rgba(0,0,0,0.21);
	box-shadow: -4px -33px 18px -8px rgba(0,0,0,0.21);
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
	height: 300px;/*background-color: #777;*/
}
.carousel-item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 300px;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}
.marketing h2 {
	font-weight: 400;
}
.marketing .col-lg-4 p {
 margin-right: .75rem;
 margin-left: .75rem;
}
/* Featurettes
------------------------- */

.featurette-divider {
	margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
 letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p {
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
	line-height: 1.4;
}
.featurette-heading {
	font-size: 50px;
}
}
 @media (min-width: 62em) {
.featurette-heading {
	margin-top: 7rem;
}
}
/**/
.shadow-card {
	-webkit-box-shadow: 0px -16px 18px -8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -16px 18px -8px rgba(0,0,0,0.5);
	box-shadow: 0px -16px 18px -8px rgba(0,0,0,0.5);
}
/**/


/**/

/*.nav-tabs--vertical {
	border-bottom: none;
	border-right: 1px solid #ddd;
	display: flex;
	flex-flow: column nowrap;
}
.nav-tabs--left {
	margin: 0px 10px;
	font-size: 12px;
}
.nav-tabs--left .nav-item + .nav-item {
 margin-top: .25rem;
}
.nav-tabs--left .nav-link {
	transition: border-color .125s ease-in;
	white-space: nowrap;
}
.nav-tabs--left .nav-link:hover {
	background-color: #f7f7f7;
	border-color: transparent;
}
.nav-tabs--left .nav-link.active {
	border-bottom-color: #ddd;
	border-right-color: #fff;
	border-bottom-left-radius: 0.25rem;
	border-top-right-radius: 0;
	margin-right: -1px;
}
.nav-tabs--left .nav-link.active:hover {
	background-color: #fff;
	border-color: #0275d8 #fff #0275d8 #0275d8;
}*/
/**/

.serverTimep {
	background-color: #583c5d;
	color: #ffffff;
	border: 1px solid #c5dedc;
	padding: 10px 10px 0 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}
.servertimeinput {
	color: #fff;
	background-color: transparent;
	border: none;
	text-align: left;
	width: auto;
}
/**/
/*nav > .nav.nav-tabs {
	border: none;
	color: #fff;
	background: #272e38;
	border-radius: 0;
}
nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link.active {
	border: none;
	padding: 18px 25px;
	color: #fff;
	background: #272e38;
	border-radius: 0;
}
nav > div a.nav-item.nav-link.active:after {
	content: "";
	position: relative;
	bottom: -60px;
	left: -10%;
	border: 15px solid transparent;
	border-top-color: #e74c3c;
}
.tab-content {
	background: #fdfdfd;
	line-height: 25px;
	border: 1px solid #ddd;
	border-top: 5px solid #e74c3c;
	border-bottom: 5px solid #e74c3c;
	padding: 30px 25px;
}
nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {
	border: none;
	background: #e74c3c;
	color: #fff;
	border-radius: 0;
	transition: background 0.20s linear;
}
*/


/*.nav-mytabs {
  margin-top: 2rem;
}
 
.nav-mytabs li:not(:last-child) {
  margin-right: 7px;
}
 
.nav-mytabs a {
  position: relative;
  top: 4px;
  padding: 10px 25px;
  border-radius: 2px 2px 0 0;
  background: white;
  color: black;
  opacity: 0.7;
  transition: all 0.1s ease-in-out;
}
 
.nav-mytabs a.active, 
.nav-mytabs a:hover {
  opacity: 1;
  top: 0;
}
 
.mytab-content {
  position: relative;
  z-index: 2;
  padding: 25px;
  border-radius: 0 4px 4px 4px;
  background: white;
}*/


.table-fixed {
  width: 100%;
  background-color: #f3f3f3;
}
.table-fixed tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td {
  float: left;
}
.table-fixed thead tr th {
  float: left;
  background-color: #f39c12;
  border-color: #e67e22;
}


/*CUSTOM SCROLL BAR*/


/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
   box-shadow: inset 0 0 2px grey;
   border-radius: 1px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #009688;
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#a0af22; 
}
:after, :before {
	box-sizing: border-box;
}

/* CHIPS*/

.chip {
      display: inline-block;
    padding: 0 15px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    border-radius: 25px;
    background-color: #f1f1f1;
    margin-bottom: 5px;
}

.chip img {
  float: left;
  margin: 0 10px 0 -25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.closebtn {
  padding-left: 10px;
    color: #888;
    font-weight: bold;
    float: right;
    font-size: 20px;
    cursor: pointer;
    margin-right: 20px;
}

.closebtn:hover {
  color: #000;
}

/**/
/*.displaychip{
	display:block;
    background-color: #fc0;
	width:350px;
	height:250px;
	overflow-x:scroll;
	}*/
.crd{
	display:inline-block;
	width:250px;
	height:250px;
	margin-bottom: 5px;
	overflow-y: auto;
	}
.testimg{
	height: auto;
	width: 250px;
}
.testDiv{
	width: 1024px;
	overflow-x: auto;
    border:1px solid black;
    white-space: nowrap; 
    font-size: 0;
}
.testimgdiv{
	display: inline-block;
}

div.scrollmenu {
  background-color: #fff;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}		


/**/
.table-fixed tbody {
    height: 200px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;
    }
}
/* BEST DEAL*/

.bestdeal{
	display: inline;
   	background-color: #69b912;
    padding: 10px;
    width: auto;
    color: #fff;
	font-weight: bold;
	}
	
/**/
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}	

/**/
.inbox_people {
	background: #fff;
	float: left;
	overflow: hidden;
	width: 30%;
	border-right: 1px solid #ddd;
}

.inbox_msg {
	border: 1px solid #ddd;
	clear: both;
	overflow: hidden;
}

.top_spac {
	margin: 20px 0 0;
}

.recent_heading {
	float: left;
	width: 40%;
}

.srch_bar {
	display: inline-block;
	text-align: right;
	width: 60%;
	padding:
}

.headind_srch {
	padding: 10px 29px 10px 20px;
	overflow: hidden;
	border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
	color: #0465ac;
    font-size: 16px;
    margin: auto;
    line-height: 29px;
}

.srch_bar input {
	outline: none;
	border: 1px solid #cdcdcd;
	border-width: 0 0 1px 0;
	width: 80%;
	padding: 2px 0 4px 6px;
	background: none;
}

.srch_bar .input-group-addon button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	color: #707070;
	font-size: 18px;
}

.srch_bar .input-group-addon {
	margin: 0 0 0 -27px;
}

.chat_ib h5 {
	font-size: 15px;
	color: #464646;
	margin: 0 0 8px 0;
}

.chat_ib h5 span {
	font-size: 13px;
	float: right;
}

.chat_ib p {
    font-size: 12px;
    color: #989898;
    margin: auto;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat_img {
	float: left;
	width: 11%;
}

.chat_img img {
	width: 100%
}

.chat_ib {
	float: left;
	padding: 0 0 0 15px;
	width: 88%;
}

.chat_people {
	overflow: hidden;
	clear: both;
}

.chat_list {
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 18px 16px 10px;
}

.inbox_chat {
	height: 550px;
	overflow-y: scroll;
}

.active_chat {
	background: #e8f6ff;
}

.incoming_msg_img {
	display: inline-block;
	width: 6%;
}

.incoming_msg_img img {
	width: 100%;
}

.received_msg {
	display: inline-block;
	padding: 0 0 0 10px;
	vertical-align: top;
	width: 92%;
}

.received_withd_msg p {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 0 15px 15px 15px;
	color: #646464;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.time_date {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 8px 0 0;
}

.received_withd_msg {
	width: 57%;
}

.mesgs{
	float: left;
	padding: 30px 15px 0 25px;
	width:100%;
}

.sent_msg p {
	background:#0465ac;
	border-radius: 12px 15px 15px 0;
	font-size: 14px;
	margin: 0;
	color: #fff;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.outgoing_msg {
	overflow: hidden;
	margin: 26px 0 26px;
}

.sent_msg {
	float: right;
	width: 46%;
}

.input_msg_write input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #4c4c4c;
	font-size: 15px;
	min-height: 48px;
	width: 100%;
	outline:none;
}

.type_msg {
	border-top: 1px solid #c4c4c4;
	position: relative;
}

.msg_send_btn {
	background: #05728f none repeat scroll 0 0;
	border:none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	height: 33px;
	position: absolute;
	right: 0;
	top: 11px;
	width: 33px;
}

.messaging {
	padding: 0 0 10px 0;
}

.msg_history {
	height: 440px;
	overflow-y: auto;
}

.incoming_msg_imgt {
    display: inline-block;
    width: 6%;
    float: right;
}