@font-face {
  font-family: 'Source Sans Pro',sans-serif;
  src: url(sans.woff2) format("opentype");
}
	body, .btn, .commentssection, table, .segmented-control > label, #stepers form legend, .tv-select-element, div#keywords, .tv-select-element_show{font-family: 'Source Sans Pro' !important,sans-serif;}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: 'Source Sans Pro' !important,sans-serif;
	}
	/* /**************************** */
	*   FOR RESPONSIVENESS      *
	****************************/
	::selection {
	  background: #4f5362;
	  /* WebKit/Blink Browsers */
	  color: #fff;
	}
	::-moz-selection {
	  background: #4f5362;
	  /* Gecko Browsers */
	  color: #fff;
	}
	html {
	  font-size: 12px;
	}
	@media only screen and (min-width: 480px) {
	  html {
		font-size: 17px;
	  }
	}
	@media only screen and (min-width: 768px) {
	  html {
		font-size: 12px;
	  }
	}
	@media only screen and (min-width: 1024px) {
	  p {
		/*font-size: .8em;*/
		margin-bottom: 1.8em;
	  }
	}
	/****************************
	*      BODY DEFAULTS        *
	****************************/

	a:hover {
	  text-decoration: none;
	  color: #5db9d1;
	}
	/****************************
	*      Buttons        *
	****************************/
	.btn {
	  font-family: "Arial","Helvetica Neue",Helvetica,sans-serif;
	  font-size: 12px;
    text-transform: none;
	}
	.btn i {
	  position: relative;
	  top: -2px;
	}
	.btn.text-left {
	  text-align: left;
	}
	.btn-brand {
	  background: #37a6c4;
	  color: #fff;
	}
	.btn-brand:hover {
	  color: #fff;
	  background: #2c849c;
	}
	.btn-dark {
	  background: #272727;
	  color: #fff;
	}
	.btn-dark:hover {
	  color: #fff;
	  background: #2c849c;
	}
	.btn-red {
	  background: #4f5362;
	  color: #fff;
	}
	.btn-red:hover {
	  color: #fff;
	  background: #383b46;
	}
	.btn-alt {
	  background: #f0f0f0;
	  color: #222;
	}
	.btn-alt:hover {
	  color: #fff;
	  background: #2c849c;
	}
	/****************************
	*      Background Colors        *
	****************************/
	.bk-primary {
	  background: #325d88;
	}
	.bk-success {
	  background: #93c54b;
	}
	.bk-warning {
	  background: #f47c3c;
	}
	.bk-danger {
	  background: #d9534f;
	}
	.bk-info {
	  background: #29abe0;
	}
	.bk-white,
	.bk-light {
	  background: #fff;
	}
	.bk-brand {
	  background: #37a6c4;
	}
	.bk-dark {
	  background: #222;
	}
	.bk-blue {
	  background: #0010ce;
	}
	.bk-alt {
	  background: #f7f7f7;
	}
	.bk-ghost {
	  background: transparent;
	}
	.bk-img {
	  position: relative;
	  width: 100%;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-image: url(../../img/login-bg.jpg);
	}
	.bk-fixed {
	  background-attachment: fixed;
	}
	.hr-green {
	  height: 2px;
	  background: #37a6c4;
	}
	.hr-grey {
	  height: 2px;
	  background: #f0f0f0;
	}
	.hr-dashed {
	  background-color: transparent;
	  border-top: 1px dotted #edf0f5;
	  color: transparent;
	  height: 1px;
	  margin: 20px 0;
	}
	.panel {
	  overflow: hidden;
	}
	/****************************
	*      Border        *
	****************************/
	.brdr {
	  border: 1px solid #f0f0f0;

	}
	/****************************
	*      Text size color        *
	****************************/
	.font-one {
	  font-family: 'Oswald', sans-serif;
	}
	.text-bold {
	  font-weight: bold;
	}
	.text-normal {
	  font-weight: normal;
	}
	.text-thin {
	  font-weight: 100;
	}
	.text-lowercase {
	  text-transform: none;
	}
	.text-sm {
	  font-size: 13px;
	}
	.text-lg {
	  font-size: 18px;
	}
	.text-xl {
	  font-size: 1.2em;
	}
	.text-2x {
	  font-size: 2em;
	}
	.text-3x {
	  font-size: 2.4em;
	}
	.text-4x {
	  font-size: 3em;
	}
	.text-white,
	.text-light {
	  color: #fff !important;
	}
	.link-white a {
	  color: #fff;
	}
	.text-grey {
	  color: #ccc;
	}
	.text-dgrey {
	  color: #818181;
	}
	.text-brand {
	  color: #37a6c4;
	}
	.text-yellow {
	  color: #ffff00;
	}
	.title .line {
	  display: inline-block;
	  padding-bottom: 10px;
	  border-bottom: 3px solid #222;
	}
	/****************************
	*       Margins         *
	****************************/
	.mt {
	  margin-top: 18px;
	}
	.mt-0x {
	  margin-top: 0 !important;
	}
	.mt-2x {
	  margin-top: 36px;
	}
	.mt-3x {
	  margin-top: 54px;
	}
	.mt-4x {
	  margin-top: 90px;
	}
	.mt-5x {
	  margin-top: 144px;
	}
	.mb {
	  margin-bottom: 18px;
	}
	.mb-0x {
	  margin-bottom: 0 !important;
	}
	.mb-2x {
	  margin-bottom: 36px;
	}
	.mb-3x {
	  margin-bottom: 54px;
	}
	.mb-4x {
	  margin-bottom: 90px;
	}
	.mb-5x {
	  margin-bottom: 144px;
	}
	.pt {
	  padding-top: 18px;
	}
	.pt-2x {
	  padding-top: 36px;
	}
	.pt-3x {
	  padding-top: 54px;
	}
	.pt-4x {
	  padding-top: 90px;
	}
	.pt-5x {
	  padding-top: 144px;
	}
	.pb {
	  padding-bottom: 18px;
	}
	.pb-2x {
	  padding-bottom: 36px;
	}
	.pb-3x {
	  padding-bottom: 54px;
	}
	.pb-4x {
	  padding-bottom: 90px;
	}
	.pb-5x {
	  padding-bottom: 144px;
	}
	/* Content boxes */
	.content-box {
	  padding: 15px;
	}
	.block-anchor {
	  display: block;
	}
	/****************************
	*       Content Typography         *
	****************************/
	.content-format {
	  line-height: 1.6em;
	  font-weight: 400;
	  letter-spacing: .01em;
	  font-style: normal;
	  word-wrap: break-word;
	}
	.content-format .h1,
	.content-format .h2,
	.content-format .h3,
	.content-format .h4,
	.content-format .h5,
	.content-format .h6,
	.content-format h1,
	.content-format h2,
	.content-format h3,
	.content-format h4,
	.content-format h5,
	.content-format h6 {
	  font-family: 'Oswald', sans-serif;
	  font-weight: 700;
	  font-weight: bold;
	  font-style: normal;
	  color: rgba(0, 0, 0, 0.8);
	  margin-top: 40px;
	}
	.content-format .h1 a,
	.content-format .h2 a,
	.content-format .h3 a,
	.content-format .h4 a,
	.content-format .h5 a,
	.content-format .h6 a,
	.content-format h1 a,
	.content-format h2 a,
	.content-format h3 a,
	.content-format h4 a,
	.content-format h5 a,
	.content-format h6 a {
	  font-size: inherit;
	}
	.content-format .h2,
	.content-format h2 {
	  font-size: 3em;
	  line-height: 1;
	  margin-bottom: 10px;
	  padding-bottom: 10px;
	  border-bottom: 4px solid #f0f0f0;
	}
	.content-format .h3,
	.content-format h3 {
	  font-size: 2em;
	  line-height: 1.2;
	  margin-bottom: 4px;
	  /*margin: 1em 0 0.5em;*/
	}
	.content-format .h4,
	.content-format h4 {
	  font-size: 1.7em;
	  line-height: 1.4;
	  margin-bottom: 6px;
	}
	.content-format .h5,
	.content-format h5 {
	  font-size: 1.5em;
	  line-height: 1.4;
	  margin-bottom: 8px;
	}
	.content-format .h6,
	.content-format h6 {
	  font-size: 1.3em;
	  line-height: 1.4;
	  margin-bottom: 10px;
	}
	.content-format strong {
	  font-weight: bold;
	}
	.content-format ul:not(.social-awesome) {
	  list-style: disc outside;
	  margin: 1.714285714rem 0 1.714285714rem;
	  line-height: 1.714285714;
	}
	.content-format ul:not(.social-awesome) li {
	  margin: 0 0 0 36px;
	  margin: 0 1rem 0 2.571428571rem;
	}
	.content-format ul:not(.social-awesome).list-unstyled {
	  list-style: none;
	}
	.content-format ul:not(.social-awesome).list-unstyled li {
	  margin: 0 0 0 24px;
	}
	.content-format em {
	  font-style: italic;
	}
	.content-format p {
	  margin-bottom: 1.8em;
	}
	.content-format figure {
	  margin-bottom: 42px;
	}
	.content-format figure .caption {
	  color: #999;
	  font-size: 14px;
	}
	.content-format img {
	  border: 0;
	  height: auto;
	  max-width: 100%;
	  vertical-align: middle;
	}
	.content-format .fa {
	  color: #37a6c4;
	  margin-right: 10px;
	}
	.content-format blockquote {
	  border-left: 4px solid #c3c3c3;
	  border-left: 4px solid rgba(51, 51, 51, 0.17);
	  color: #707070;
	  color: rgba(51, 51, 51, 0.7);
	  font-size: 1.2em;
	  font-style: italic;
	  line-height: 1.6667;
	  margin-bottom: 1em;
	  padding-left: 0.7778em;
	}
	.content-format blockquote.double-quote {
	  border-left: none;
	  padding-left: 1em;
	}
	.content-format pre {
	  background: #fff;
	  border: 1px solid #ededed;
	  color: #666;
	  font-family: Consolas, Monaco, Lucida Console, monospace;
	  font-size: .9em;
	  line-height: 1.714285714;
	  margin: 24px 0;
	  margin: 1.714285714rem 0;
	  overflow: auto;
	}
	.content-format ol {
	  margin: 24px 0 24px;
	  margin: 1.714285714rem 0 1.714285714rem;
	  line-height: 1.714285714;
	  list-style: decimal outside;
	}
	.content-format img.wp-smiley,
	.content-format img.emoji {
	  display: inline !important;
	  border: none !important;
	  box-shadow: none !important;
	  height: 1em !important;
	  width: 1em !important;
	  margin: 0 .07em !important;
	  vertical-align: -0.1em !important;
	  background: none !important;
	  padding: 0 !important;
	}
	/*
	 * Theme Struck - Harmony - Free responsive Bootstrap admin template by Themestruck.com (http://themestruck.com)
	 * Code licensed under the MIT
	 * For details, see #
	 */
	ul,
	li {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
	/* Social Button Modifications */
	.btn-social > :first-child {
	  width: 42px;
	  line-height: 46px;
	}
	.btn-social {
	  padding-left: 58px;
	}
	/*Circle buttons*/
	.btn-circle {
	  width: 30px;
	  height: 30px;
	  padding: 6px 0;
	  border-radius: 15px;
	  text-align: center;
	  font-size: 12px;
	  line-height: 1.428571429;
	}
	.btn-circle.btn-lg {
	  width: 50px;
	  height: 50px;
	  padding: 10px 16px;
	  border-radius: 25px;
	  font-size: 18px;
	  line-height: 1.33;
	}
	.btn-circle.btn-xl {
	  width: 70px;
	  height: 70px;
	  padding: 10px 16px;
	  border-radius: 35px;
	  font-size: 24px;
	  line-height: 1.33;
	}
	/* Chart design */
	/* Charts */
	.chart-dot-list {
	  display: block;
	  margin-top: 60px;
	  margin-left: 20px;
	}
	.chart-dot-list li {
	  margin-bottom: 4px;
	}
	.chart-dot-list li:before {
	  content: '';
	  height: 12px;
	  width: 12px;
	  margin-right: 6px;
	  display: inline-block;
	  background: #222;
	  border-radius: 50%;
	}
	.chart-dot-list li.a1:before {
	  background: #F7464A;
	}
	.chart-dot-list li.a2:before {
	  background: #46BFBD;
	}
	.chart-dot-list li.a3:before {
	  background: #FDB45C;
	}
	.chart-doughnut {
	  padding: 41px 0;
	}
	.donut-inner {
	   margin-top: -100px;
	   margin-bottom: 100px;
	}
	.donut-inner h5 {
	   margin-bottom: 5px;
	   margin-top: 0;
	}
	.donut-inner span {
	   font-size: 12px;
	}
	/* component */
	.page-title {
	/*  padding-bottom: 15px;
	  margin-bottom: 20px;
	  border-bottom: 1px solid #f0f0f0;*/
	}
	.brand {
	  background: #076fa3;
	  /*position: relative;*/
	  z-index: 3;
	  position: fixed;
	  height : 45px;
	  width: 100%;
	  top: 0;
	}
	.brand .logo {
	  box-sizing: border-box;
	  float: left;
	  display: block;
	  height : 45px;
	  width: 180px;
	}
	@media only screen and (min-width: 992px) {
	  .brand .logo {
		width: 250px;
	  }
	}
	.brand .logo img {
	  height: 45px;
	}
	.brand .menu-btn {
	  float: right;
	  background: #232d3b;
	  text-align: center;
	  cursor: pointer;
	  color: #fff;
	  padding: 20px 20px;
	}
	@media only screen and (min-width: 992px) {
	  .brand .menu-btn {
		display: none;
	  }
	}
	.brand .ts-profile-nav {
	  float: right;
	  display: none;
	}
	.brand .ts-profile-nav li {
	  float: left;
	  position: relative;
	}
	.brand .ts-profile-nav li a {
	  display: block;
	  padding: 20px;
	  color: #fff;
	}
	.brand .ts-profile-nav li ul {
	  visibility: hidden;
	  opacity: 0;
	  right: 0;
	  position: absolute;
	}
	.brand .ts-profile-nav li ul li {
	  float: none;
	  width: 180px;
	}
	.brand .ts-profile-nav li ul li a {
	  padding: 10px 20px;
	  background: #222;
	}
	.brand .ts-profile-nav .ts-account .fa-angle-down {
	  float: right;
	}
	.brand .ts-profile-nav .ts-account > a {
	  width: 180px;
	  height : 45px;
	  background: #0d5b82;
	}
	.brand .ts-profile-nav .ts-account .ts-avatar {
	  border-radius: 50%;
	  height: 28px;
	  margin: -10px 0;
	  margin-right: 10px;
	}
	.brand .ts-profile-nav .ts-account:hover ul {
	  visibility: visible;
	  opacity: 1;
	}
	@media only screen and (min-width: 992px) {
	  .brand .ts-profile-nav {
		display: block;
	  }
	}
	.ts-sidebar::-webkit-scrollbar-track {
	  background-color: transparent;
	}
	.ts-sidebar::-webkit-scrollbar {
	  width: 5px;
	  background-color: transparent;
	}
	.ts-sidebar::-webkit-scrollbar-thumb {
	  background-color: #b4b4b4;
	}
	.ts-sidebar {
	  background: #2c3136;
	  max-height: 0;
	  transition: max-height 0.3s;
	  overflow: hidden;
	  position: fixed;
	  z-index: 2;
	  width: 100%;
	  bottom: 0;
	  top: 45px;
	  overflow-y: auto;
	}
	.ts-sidebar .hidden-side {
	  display: none;
	}
	.ts-sidebar .ts-sidebar-search {
	  width: 100%;
	  background: #25292a;
	  border: none;
	  padding: 10px 15px;
	  color: #fff;
	}
	@media only screen and (min-width: 992px) {
	  .ts-sidebar .ts-profile-nav {
		display: none;
	  }
	}
	@media only screen and (min-width: 992px) {
	  .ts-sidebar {
		max-height: 100%;
		bottom: 0;
	  }
	}
	.ts-sidebar-menu .ts-label {
	  color: #585c64;
	  font-weight: bold;
	  padding: 8px 15px;
	  text-transform: uppercase;
	  font-size: 10px;
	  letter-spacing: 3px;
	  margin-top: 10px;
	}
	.ts-sidebar-menu a {
	  display: block;
	  text-decoration: none;
	  padding: 12px 15px;
	  color: #fff;
	}
	.ts-sidebar-menu li {
	  position: relative;
	}
	.ts-sidebar-menu li i {
	  color: #585c64;
	  margin-right: 10px;
	}
	.ts-sidebar-menu li ul {
	  display: block;
	  background: rgba(255, 0, 0, 0.12);
	  background: rgba(0, 0, 0, 0.32);
	  max-height: 0;
	  overflow: hidden;
	  transition: all 0.3s ease;
	}
	.menu-open,
	.ts-sidebar-menu .open > ul {
	  max-height: 2000px;
	}
	.ts-sidebar-menu .open > a {
	  background: rgba(51, 56, 62, 0.35);
	}
	.ts-sidebar-menu > .open > a {
	  background: #33383e;
	  border-left: 3px solid #37a6c4;
	}
	.ts-sidebar-menu .open > .more i {
	  transform: rotate(180deg);
	}
	.more i {
	  color: #fff;
	  padding: 15px;
	  transition: transform 0.3s;
	}
	.more {
	  float: right;
	  min-width: 10%;
	  cursor: pointer;
	}
	.ts-main-content .content-wrapper {
	 padding-top: 15px;
	  margin-top: 50px;
	}
	@media only screen and (min-width: 992px) {
	  .ts-main-content .ts-sidebar {
		width: 180px;
		float: left;
	  }
	  .ts-main-content .content-wrapper {
		margin-left: 180px;
	  }
	}
	/* Login page */
	.login-page {
	  position: absolute;
	  height: 100%;
	  width: 100%;
	}



	/**
	 * Needed for IE8
	 */
	.progress__last:after {
	  display: none !important;
	}

	/**
	 * Size Extensions
	 */
	.progress--medium {
	  font-size: 1.5em;
	}

	.progress--large {
	  font-size: 2em;
	}

	/**
	 * Some Generic Stylings
	 */


	h1 {
	  margin-bottom: 1.5em;
	}


	a {
	color: #3498DB;
	  text-decoration: none;
	}

	body {
	  color: #000;
	}



	.container-tray{
	width:100%;
	/*border:2px;*/
	border-left:none;
	border-right:none;
	text-align:center;
	}
	.container-tray div{
	display: inline-block;
	vertical-align: middle;
	}

	/*
	.column-left{display: inline-block; border-right:100px; width:80px;}
	.column-right{display: inline-block; width: 13%;border-right: 1px;}
	.column-center{float : left; border-left:3px; width: 70%;}
	*/
	.column-left{float : left; border-left:2px; width: 1%; }
	.column-right{display: inline-block; width: 13%;border-right: 1px;}
	.column-center{display: inline-block; width: 78%}


	.hide {
		display:none;
	}

	#left{float : left; border-left:10%; }
	#right{display: inline-block; margin-left: 15px;}


	/* for main table.
	table, th, td {
		 border: 1px solid black;
	}
	*/


	#main
	{
		position:fixed;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
	}

	th { font-size: 14px; }
	td { font-size: 14px; }

	.carousel-control {
	  position: absolute;
	  top: 150px;
	  left: 15px;
	  width: 40px;
	  height: 40px;
	  /*margin-top: -20px;*/
	  font-size: 60px;
	  font-weight: 100;
	  line-height: 30px;
	  background-image: none !important;
	  filter: none !important;
	  text-align: center;
	  -webkit-border-radius: 23px;
		 -moz-border-radius: 23px;
			  border-radius: 23px;
	}

	.glyphicon{
		font-size: 60px;
		color: black;
		text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	}

	/*@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,700);*/
	*, *::after, *::before {
	  box-sizing: border-box; }

	html, body {
	  height: 100%;
	  min-height: 100%; }

	.section {
	  text-align: center;
	  height: 100%;
	  margin: 0 auto;
	  padding: 6em 0; }
	  .section__title {
		font-size: 1.1em;
		text-transform: uppercase;
		letter-spacing: 4px;
		color: #fff;
		margin-bottom: 3em; }

	  .section--tuli {
		background: #068B78; }

	/*
	 * Toggle button styles
	 */
	.toggle-button {
    margin: 0 20px;
	  position: relative;
	  display: inline-block;
	  color: #fff; }
	  .toggle-button label {
		display: inline-block;
		text-transform: uppercase;
		cursor: pointer;
		text-align: left; }
	  .toggle-button input {
		display: none; }
	  .toggle-button__icon {
		cursor: pointer;
		pointer-events: none; }
		.toggle-button__icon:before, .toggle-button__icon:after {
		  content: "";
		  position: absolute;
		  top: 45%;
		  left: 35%;
		  transition: 0.2s ease-out; }

	/*
	 * Toggle button variables
	 */
	/*
	 * Toggle button styles
	 */


	/*
	 * Toggle button variables
	 */
	/*
	 * Toggle button styles
	 */
	.toggle-button--tuuli label {
	  height: 20px;
	  line-height: 10px;
	  transition: all 0.2s;
	  border-radius: 2rem; }
	  .toggle-button--tuuli label:before, .toggle-button--tuuli label:after {
		position: absolute;
		right: 1rem;
		transition: all 0.2s .1s ease-out; }

	.toggle-button--tuuli input[type=checkbox] + label {
	  width: 10px;
	  background: #FF5335; }
	  .toggle-button--tuuli input[type=checkbox] + label:before {
		opacity: 0;
		transform: translate(0, 20px); }
	  .toggle-button--tuuli input[type=checkbox] + label:after {
		opacity: 1;
		transform: translate(0, 0); }

	.toggle-button--tuuli input[type=checkbox]:checked ~ label {
	  width: 30px;
	  background: transparent; }

	  .toggle-button--tuuli input[type=checkbox]:checked ~ label:before {
		content: '\2713';
		position: absolute;
		width: 30px;
		height: 20px;
		background-color: transparent;
		color: #61b136;
		z-index: 99;
		opacity: 1;
		font-size: 25px;
		top: 0px;
		left: 0px;
		border: none;
	}

	./*toggle-button--tuuli input[type=checkbox]:checked ~ .toggle-button__icon:before {
	  transform: translate(-30%, 100%) rotate(45deg) scale(0.6, 1); }

	.toggle-button--tuuli input[type=checkbox]:checked ~ .toggle-button__icon:after {
	  transform: translate(20%) rotate(-45deg); }*/

	.toggle-button--tuuli .toggle-button__icon {
	  position: absolute;
	  height: 50px;
	  width: 50px;
	  top: 0;
	  left: 0; }
	  /*
	  .toggle-button--tuuli .toggle-button__icon:before, .toggle-button--tuuli .toggle-button__icon:after {
		width: 25px;
		height: 3px;
		border-radius: 3px;
		background: #fff;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		margin-left: -10%;
		top: 48%; }
	  .toggle-button--tuuli .toggle-button__icon:before {
		transform: rotate(45deg); }
	  .toggle-button--tuuli .toggle-button__icon:after {
		transform: rotate(-45deg); }
	*/
	/*
	 * Toggle button variables
	 */
	/*
	 * Toggle button styles


	@keyframes icon-hover-before {
	  0% {
		transform: rotate(45deg) scale(1, 1); }
	  100% {
		transform: rotate(45deg) scale(1.2, 1.2); } }

	@keyframes icon-hover-after {
	  0% {
		transform: rotate(-45deg) scale(1, 1); }
	  50% {
		transform: rotate(-45deg) scale(1.2, 1.2); } }

	/*
	 * Toggle button variables
	 */
	/*
	 * Toggle button styles
	 */

	@keyframes iconShowBefore {
	  0% {
		transform: translate(0, 0) rotate(45deg) scale(0, 1); }
	  100% {
		transform: translate(0, 0) rotate(45deg) scale(0.6, 1); } }

	@keyframes iconShowAfter {
	  0% {
		opacity: 0; }
	  49% {
		opacity: 0; }
	  50% {
		opacity: 1;
		transform: translate(4px, 6px) rotate(-45deg) scale(0, 1); }
	  100% {
		transform: translate(4px, 6px) rotate(-45deg) scale(1, 1); } }

	@keyframes iconHoverBefore {
	  0% {
		transform: rotate(45deg) scale(1, 1); }
	  100% {
		transform: rotate(45deg) scale(1.2, 1.2); } }

	@keyframes iconHoverAfter {
	  0% {
		transform: rotate(-45deg) scale(1, 1); }
	  50% {
		transform: rotate(-45deg) scale(1.2, 1.2); } }

	/*
	 * Toggle button variables
	 */
	/*
	 * Toggle button styles
	 */
	.toggle-button--tuli label {
	  line-height: 20px;
	  text-indent: 30px; }

	.toggle-button--tuli input[type=checkbox]:checked ~ .toggle-button__icon {
	  background: #fff; }
	  .toggle-button--tuli input[type=checkbox]:checked ~ .toggle-button__icon:before, .toggle-button--tuli input[type=checkbox]:checked ~ .toggle-button__icon:after {
		opacity: 1; }

	.toggle-button--tuli .toggle-button__icon {
	  position: absolute;
	  transition: all 0.2s;
	  border: 2px solid #fff;
	  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
   }
.toggle-button--tuli .toggle-button__icon:before, .toggle-button--tuli .toggle-button__icon:after {
		left: 2px;
		width: 12px;
		height: 2px;
		border-radius: 3px;
		background: #fff;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		top: 35%;
		opacity: 0;
		transform-origin: left center; }
	  .toggle-button--tuli .toggle-button__icon:before {
		transform: translate(0, 0) rotate(45deg) scale(0.6, 1); }
	  .toggle-button--tuli .toggle-button__icon:after {
		transform: translate(4px, 6px) rotate(-45deg); }

	#leftContainer {
	   float:left;width:5%;
	}

	#rightContainer {
	   float:right; width:1%; left:4px;
	}
	/* daterangepicker */
	.dtrange {
	  line-height: 28px;
	  padding: 0px 10px;
	  border: 1px solid #BBB;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  float: left;
	  cursor: pointer;
	}
	.dtrange:hover {
	  background-color: #F9F9F9;
	}
	.daterangepicker.dropdown-menu {
	  max-width: none;
	  z-index: 3000;
	  border: 1px solid #D5D5D5;
	}
	.daterangepicker.dropdown-menu:before,
	.daterangepicker.dropdown-menu:after {
	  display: none;
	}
	.daterangepicker.opensleft .ranges,
	.daterangepicker.opensleft .calendar {
	  float: left;
	  margin: 4px;
	}
	.daterangepicker.opensright .ranges,
	.daterangepicker.opensright .calendar {
	  float: right;
	  margin: 4px;
	}
	.daterangepicker .ranges {
	  width: 160px;
	  text-align: left;
	}
	.daterangepicker .ranges .range_inputs > div {
	  float: left;
	}
	.daterangepicker .ranges .range_inputs > div:nth-child(2) {
	  padding-left: 11px;
	}
	.daterangepicker .calendar {
	  display: none;
	  max-width: 270px;
	  width: auto;
	}
	.daterangepicker .calendar th,
	.daterangepicker .calendar td {
	  white-space: nowrap;
	  text-align: center;
	  min-width: 32px;
	}
	.daterangepicker .ranges label {
	  color: #333;
	  display: block;
	  font-size: 14px;
	  font-weight: normal;
	  height: 20px;
	  line-height: 20px;
	  margin-bottom: 2px;
	  text-shadow: #fff 1px 1px 0px;
	  text-transform: uppercase;
	  width: 74px;
	}
	.daterangepicker .ranges input {
	  font-size: 14px;
	}
	.daterangepicker .ranges .input-mini {
	  background-color: #F5F5F5;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  color: #555;
	  display: block;
	  font-size: 14px;
	  height: 30px;
	  line-height: 30px;
	  vertical-align: middle;
	  margin: 0 0 10px 0;
	  padding: 0 6px;
	  width: 74px;
	}
	.daterangepicker .ranges ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	.daterangepicker .ranges li {
	  font-size: 13px;
	  background: #f5f5f5;
	  border: 1px solid #f5f5f5;
	  color: #22262e;
	  padding: 3px 12px;
	  margin-bottom: 8px;
	  -webkit-border-radius: 0px;
	  -moz-border-radius: 0px;
	  border-radius: 0px;
	  cursor: pointer;
	}
	.daterangepicker .ranges li.active,
	.daterangepicker .ranges li:hover {
	  background: #1b1e24;
	  border: 1px solid #1b1e24;
	  color: #fff;
	}
	.daterangepicker .calendar-date {
	  border: 1px solid #ddd;
	  padding: 4px;
	  border-radius: 4px;
	  background: #fff;
	}
	.daterangepicker .calendar-time {
	  text-align: center;
	  margin: 8px auto 0 auto;
	  line-height: 30px;
	}
	.daterangepicker {
	  position: absolute;
	  background: #fff;
	  top: 100px;
	  left: 20px;
	  padding: 4px;
	  margin-top: 1px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	}
	.daterangepicker table {
	  width: 100%;
	  margin: 0;
	}
	.daterangepicker td,
	.daterangepicker th {
	  text-align: center;
	  width: 20px;
	  height: 20px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  cursor: pointer;
	  white-space: nowrap;
	}
	.daterangepicker td.off {
	  color: #999;
	}
	.daterangepicker td.disabled {
	  color: #999;
	}
	.daterangepicker td.available:hover,
	.daterangepicker th.available:hover {
	  background: #D5D5D5;
	}
	.daterangepicker td.in-range {
	  background: #8c96aa;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
	}
	.daterangepicker td.active,
	.daterangepicker td.active:hover {
	  background-color: #22262e;
	  border-color: #22262e;
	  color: #fff;
	}
	.daterangepicker td.week,
	.daterangepicker th.week {
	  font-size: 80%;
	  color: #ccc;
	}
	.daterangepicker select.monthselect,
	.daterangepicker select.yearselect {
	  font-size: 12px;
	  padding: 1px;
	  height: auto;
	  margin: 0;
	  cursor: default;
	}
	.daterangepicker select.monthselect {
	  margin-right: 2%;
	  width: 56%;
	}
	.daterangepicker select.yearselect {
	  width: 40%;
	}
	.daterangepicker select.hourselect,
	.daterangepicker select.minuteselect,
	.daterangepicker select.ampmselect {
	  width: 50px;
	  margin-bottom: 0;
	}
	/* eof daterangepicker */
	/*login*/


	.back {
	 /* background: -webkit-linear-gradient(342deg, #643986, #98aed5);
	  background: linear-gradient(120grad, #643986, #98aed5);*/
	  position: absolute;
	  width: 100%;
	  height: 100%;
	}


	.registration-form {
		width: 360px;
		position: absolute!important;
		left: 50%;
		-webkit-transform: translate(-50%, -50%)!important;
		transform: translate(-50%, -50%)!important;
		top: 41%!important;
		background: transparent;
		bottom: auto!important;
	}
	.registration-form header {
	  position: relative;
	  z-index: 4;
	  background: white;
	  padding: 20px 40px;
	  border-radius: 15px 15px 0 0;
	  border-bottom: 1px solid #ddd;
	}
	.registration-form header h1 {
	  font-weight: 900;
	  letter-spacing: 1.5px;
	  color: #333;
	  font-size: 23px;
	  text-transform: uppercase;
	  margin: 0;
	}
	.registration-form header p {
	  word-spacing: 0px;
	  color: #9facb6;
	  font-size: 17px;
	  margin: 0;
	  margin-top: 5px;
	}
	.registration-form form {
	  position: relative;
	}
	.registration-form .input-section {
	  width: 100%;
	  position: absolute;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  left: 50%;
	  -webkit-transform: translate(-50%, 0);
			  transform: translate(-50%, 0);
	  height: 75px;
	  border-radius: 0 0 15px 15px;
	  overflow: hidden;
	  z-index: 2;
	  box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.3);
	  -webkit-transition: all 0.2s ease-in;
	  transition: all 0.2s ease-in;
	}
	.registration-form .input-section.folded {
	width: 95%;
		margin-top: 10px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: 1;
	}
	.registration-form .input-section.folded input {
	  background-color: #e9e2c0;
	}
	.registration-form .input-section.folded span {
	  background-color: #e9e2c0;
	}
	.registration-form .input-section.folded + .folded {
	  width: 90%;
	  margin-top: 20px;
	  left: 50%;
	  -webkit-transform: translate(-50%, 0);
			  transform: translate(-50%, 0);
	  z-index: 0;
	}
	.registration-form .input-section.folded + .folded input {
	  background-color: #e1bcef;
	}
	.registration-form .input-section.folded + .folded span {
	  background-color: #e1bcef;
	}
	.registration-form .input-section.fold-up {
	  margin-top: -75px;
	}
	.registration-form form input {
	  background: white;
	  color: #8f8fd6;
	  width: 80%;
	  border: 0;
	  padding: 20px 40px;
	  margin: 0;
	}
	.registration-form form input:focus {
	  outline: none;
	}
	.registration-form form input::-webkit-input-placeholder {
	  color: #8f8fd6;
	  font-weight: 100;
	}
	.registration-form form input::-moz-placeholder {
	  color: #8f8fd6;
	  font-weight: 100;
	}
	.registration-form form input:-ms-input-placeholder {
	  color: #8f8fd6;
	  font-weight: 100;
	}
	.registration-form form input::placeholder {
	  color: #8f8fd6;
	  font-weight: 100;
	}

	.animated-button {
	  width: 20%;
	  background-color: #d4d4ff;
	}
	.animated-button span {
    font-size: 25px;
    color: #9999f8;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: row;
			  flex-direction: row;
	  -ms-flex-pack: distribute;
		  justify-content: space-around;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  line-height: 75px;
	  text-align: center;
	  height: 75px;
	  -webkit-transition: all 0.2s ease-in;
	  transition: all 0.2s ease-in;
	}
	.animated-button span i {
	  font-size: 25px;
	  color: #9999f8;
	}
	.animated-button .next-button {
	  background: transparent;
	  color: #9999f8;
	  font-weight: 100;
	  width: 100%;
	  border: 0;
	}

	.next {
	  margin-top: -75px;
	}

	.success {
	  width: 100%;
	  position: absolute;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  left: 50%;
	  -webkit-transform: translate(-50%, 0);
			  transform: translate(-50%, 0);
	  height: 75px;
	  border-radius: 0 0 15px 15px;
	  overflow: hidden;
	  z-index: 2;
	  /* box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.3); */
	  -webkit-transition: all 0.2s ease-in;
	  transition: all 0.2s ease-in;
	  background: green;
	  margin-top: -76px;
	}
	.success p {
	  color: white;
	  font-weight: 900;
	  letter-spacing: 0px;
	  font-size: 15px;
	  width: 100%;
	  text-align: center;
	}




	.tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted black;
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: black;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		border-radius: 6px;
		/* Position the tooltip text - see examples below! */
		position: absolute;
		z-index: 1;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

	.line {
	  white-space: pre-line;
	}

	.tab {
	  white-space: pre-wrap;
	}
	div#select_box select {
		height: 40px;
		width: 200px;
		text-indent: 10px;
		/*box-shadow: 2px 2px 20px #ddd!important;*/
		box-shadow: 0px 1px 5px grey!important;
		border: 1px solid #ddd;
		outline: none;
		cursor: pointer;
	}

	/*--------------new css----suresh-----------*/

	nav.navbar.navbar-static-top {
		box-shadow: none;
			border-left: 1px solid #f3f3f3;
		border-bottom: 1px solid #f3f3f3;
	}
	aside.main-sidebar {
		box-shadow: 0 .15rem 1.75rem 0 rgba(34,39,46,.15)!important;
	}
	.wrapper {
		background-color: #f7f9fa!important;
	}

	.panel-body.first_color {
		background-color: #7258b6f5!important;
	}
	.panel-body.second_color {
		   background-color: #f4a100!important
	}
	.panel-body.third_color  {
		   background-color: #00ac69!important
	}
	.panel-body.fourth_color {
		   background-color: #4d90fe!important
	}
	.panel-body.ARK {
		background-color: #7258b6f5!important;
	}
	.panel-body.BRK {
		   background-color: #f4a100!important
	}
	.panel-body.CRK  {
		   background-color: #00ac69!important
	}
	.panel-body.DRK {
		   background-color: #4d90fe!important
	}
	.panel-body.ERK {
		background-color: #FE767A!important;
	}
	.panel-body.FRK {
		   background-color: #4A90AE!important
	}
	.panel-body.GRK  {
		   background-color: #F4AA!important
	}
	.panel-body.HRK {
		   background-color: #E74C3C!important
	}
	.panel-body.IRK {
		background-color: #7258B6!important;
	}
	.panel-body.JRK {
		   background-color: #148F77!important
	}
	.panel-body.KRK  {
		   background-color: #D4AC0D!important
	}
	.panel-body.LRK {
		   background-color: #1ABC9C!important
	}

	/*E7298A
4F3088
305788*/


	.top_colors .panel-body {
		padding: 4px;
		padding-bottom: 50px;
	}

	.top_colors .block-anchor.panel-footer {
		background-color:rgba(0, 0, 0, 0.07);
		border: none;
		position: absolute;
		padding-left:5%;
		height:25px;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.block-anchor.panel-footer {
		background-color: #00000014;
		border: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #fff;
		text-align: left;
	}
	.top_colors .panel-body .stat-panel-title {
		font-size: 16px!important;
	}
	.top_colors .panel {
		overflow: hidden;
		position: relative;
			box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15);
		-webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15);
	}


	.top_colors .page-title {
		background-color: #372edc;
		background-image: linear-gradient(135deg,#372edc,rgba(105,0,199,.8));
		padding: 10px;
		color: #fff;
		border-radius: 4px;
		margin-bottom: 15px;

		display: none;
	}
	.box-body {
		box-shadow: none!important;
	}
	.box-header {
		background-color: rgba(0,0,0,.03);
		text-align: center;
	}
	.box {
		position: relative;
		border-radius: 3px;
		background: #ffffff;
		border-top: 3px solid #1271ff;
		margin-bottom: 20px;
		width: 100%;
			box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15)!important;
		-webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15)!important;
	}

	.content-wrapper, .main-footer {
		margin-left: 230px!important;
		z-index: 820;
	}
	.main-sidebar {
		width: 200px!important;
	}
	.skin-blue-light .sidebar-menu .treeview-menu>li.active>a, .skin-blue-light .sidebar-menu .treeview-menu>li>a:hover {
		color: #000;
		background-color: rgba(55, 46, 220, 0.14);
		padding: 5px 5px 5px 20px;
			transition: all .5s;
		-webkit-transition: all .5s;
	}
	.skin-blue-light .main-header .logo:hover {
		background-color: #ffffff!important;
	}
	.skin-blue-light .main-header .navbar .nav>li>a {
		color: #000;
	}
	.skin-blue-light .main-header .navbar .sidebar-toggle {
		color: #000;
	}
	.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
		background-color: #f4f4f5;
		color: #000;
	}
	.skin-blue-light .sidebar-menu>li:hover>a, .skin-blue-light .sidebar-menu>li.active>a {
		color: #fff;
		background: #372edc;
	}
	.treeview-menu {

		padding-left: 0!important;
	}
	.fa-2x {
		font-size: 18px;
	}
	ul.nav.navbar-nav li {
		border-right: 1px solid #ddd;
	}

	ul.nav.navbar-nav li:last-child {
		border: none;
	}

	.skin-blue-light .main-header .navbar .nav>li>a:hover, .skin-blue-light .main-header .navbar .nav>li>a:active, .skin-blue-light .main-header .navbar .nav>li>a:focus, .skin-blue-light .main-header .navbar .nav .open>a, .skin-blue-light .main-header .navbar .nav .open>a:hover, .skin-blue-light .main-header .navbar .nav .open>a:focus, .skin-blue-light .main-header .navbar .nav>.active>a {
		background: rgba(0,0,0,0.1);
		color: #372edc;
	}
	.skin-blue-light .main-header .navbar .nav>li:first-child a:hover {
		background-color: transparent;
		color: #000;
	}.skin-blue-light .main-sidebar {
		border-right: 1px solid #f3f3f3;
	}
	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
		position: absolute;
		right: 0;
		left: auto;
		background-color: #fff!important;
		border-radius: 4px;
		top: 55px;
		border: none;
			box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15);
		-webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15);
	}
	table.notiftable tr {
		background-color: #fff;
	}
	table.notiftable td, table.notiftable th {
		padding: 0px;
		background-color: transparent!important;
		}
		table.notiftable li.header {
		color: #fff;
		padding: 10px;
		background-color: #372edc;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	table.notiftable td a {
		color: #4d4d4d;
		border-bottom: 1px solid #ddd;
		padding: 5px!important;
	}
	table.notiftable tr:last-child a {
		border-bottom: none;
	}
	.dropdown-menu li {
		border-right: 0px solid #ddd!important;
	}
	table.notiftable td a i {
		float: left;
		height: 40px;
		margin-right: 5px;
		margin-top: 5px;
		color: #372edc !important;
	}
	.main-header .navbar .nav > li > a > .label {
		border-radius: 50px;
	}
	span.label-warning{
		background-color: #372edc !important;
	}
	table#zbt {
    margin-top: 10px;
		box-shadow: none!important;
		-webkit-box-shadow: none!important;
		border: none;
	}
	.pp h2 {
		background-color: rgba(0,0,0,.03);
		text-align: left!important;
		float: left;
		width: 100%;
		padding: 10px;
	}

	.pp {
		width: 100%;
		float: left;
		box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15)!important;
		-webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15)!important;
		background-color: #fff;
			border-radius: 4px;
	}
	.top_wrap tr th {
		background-color: #fbfbfb;
		border: none!important;
	}
	.top_wrap td, .top_wrap th {
		border-bottom: 0px solid #bbbbbb!important;
		text-align: left;
		padding: 10px 5px;
		font-size: 14px;
		border: none;
	}
	tr:nth-child(odd) {
		font-size: 14px;
		background-color: #efefef;
	}
	.top_wrap {
		float: left;
		width: 100%;
		padding: 10px;
	}

	.top_wrap table#zbt {
		border: 1px solid #ddd;
	}
	.top_colors .block-anchor.panel-footer i {
		font-size: 20px;
		   position: absolute;
		right: 10px;
	}
	.top_colors .block-anchor.panel-footer:hover i {
	animation:moves 2s infinite;
		-webkit-animation:moves 2s infinite;
	}
	@keyframes moves {
	  0%   {right: 10px;}
	  50%  {right: 20px;}
	  100%  {right: 10px}
	}
	.top_wrap td a {
		color: #000;
	}
	tr:nth-child(odd) .progressdiv div {
		background: #ffffff;
	}
	.top_wrap table#zbt tr:first-child {
		border-bottom: 1px solid #ddd;
	}

	.content-wrapper.overlay:before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #0000002b;
		z-index: 9;
	}


	#PU .modal-header h3 {
		font-size: 20px;
	}
	#PU .modal-body {
		margin: 0 auto!important;
	}
	#PU .modal-body td, #PU .modal-body th {
		text-align: center;
	}

	#PU .modal-header {
		padding: 10px;
		background-color: rgba(0,0,0,.03);
	}

	button#mail {
		float: right;
	}

	span#ml {
		float: right;
	}

	.modal-footer button {
		color: #fff;
		background: #372edc;
		width: 100px;
		border-radius: 0px;
		font-size: 13px;
		padding: 7px 0;
		}

		.company_name{    float: left;
		text-align: center;
		margin-top: 10px;
		position: absolute;
		top: 0;
		text-transform: capitalize;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		}
		.sidebar-mini.sidebar-collapse .main-header .navbar {
			position: relative;
	}
	.modal-footer button:hover {
		background-color: #343434;
		color: #fff;
	}
/* 	.modal-dialog {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%)!important;
		margin: 0 auto;
		-webkit-transform: translate(-50%,-50%)!important;
		-moz-transform: translate(-50%,-50%)!important;
	} */
	#wrapper #stepers form legend {
			font-size: 18px;
		background-color: #372EDC;
		color: #fff;
		padding: 10px;
	}
	#stepers form fieldset input#create {
		float: left;
		margin: 7px;
	}
	#stepers form fieldset input#amend {
		float: left;
		margin: 7px;
	}

	.upload_wrapper {
		float: left;
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	span.top_inputs {
		padding: 0px 10px;
	}
	.check_wrap {
		float: none;
		width: auto;
		display: inline-block;
	}

	.check_wrap  label {
		width: 190px;
		text-align: left;
	}

	.check_wrap:first-child label {
		width: 150px;
	}
	.box.box-default.uploadrfp {
		float: none;
		width: 550px;
		margin: 100px auto;
			background-color: transparent;
		border: none;
		box-shadow: none!important;
	}

	.uploadrfp .box-body input#prospect {
		width: 70%;
		margin: 0px auto;
		height: 40px;
	}
	.uploadrfp .box-body select#amendprospect {
		width: 70%;
		margin: 0px auto;
		height: 40px;
	}
	.inner_wps {
		background: #ffffff;
		border-top: 3px solid #d2d6de;
		box-shadow: 2px 2px 20px #a1a1a1;
		float: left;
		width: 100%;
	}
	a.template_show {
		float: right;
		width: auto;
		padding: 10px;
	}
	ul#sheettab {
		border-bottom: 0px solid #ddd;
	}
	.inner_wps .tab_wrap {
		margin-top: 30px;
	}
	.continue_btns {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	div#buttons label {
		font-size: 13px;
		padding: 3px 0;
	}
	#allsheets .btn-block {
		background: white;
		border: 1px solid #ddd;
		border-radius: 5px;
	}

	label.headings_response {
		margin-top: 10px;
	}

	#sheetcontent .tab-content {
		width: 95%;
		float: left;
		margin-top: -6px;
	}
	#sheetcontent .tab-content .tab-pane.active {
		padding: 10px;
			float: left;
		width: 100%;
	}

	#sheetcontent .scrtabs-tabs-fixed-container ul.nav-tabs > li {
		margin-right: 5px;
	}

	#sheetcontent .nav-tabs>li.active>a, #sheetcontent .nav-tabs>li.active>a:focus, #sheetcontent .nav-tabs>li.active>a:hover {
		color: #fff;
		cursor: default;
		background-color: #372edc;
		/* border: 1px solid #ddd; */
		border-bottom-color: transparent;
	}
	i.fa.fa-bell.faa-ring.animated.fa-2x {
		font-size: 18px;
	}
	#sheetcontent .nav-tabs>li>a {
		background-color: #f3f3f3;
		margin-right: 0px;
		border-radius: 0px 20px 0 0;
		color: #444;
			border: 1px solid #e5e5e5;
		border-bottom: 0;
		padding: 11px;
    line-height: 14px;
    width: 100%;
    float: left;
	}
	#sheetcontent .nav-tabs>li>a:hover {
		border-color: none!important;
	}
	.upload_wp {
		position: relative;
		width: 200px;
		height: 50px;
		overflow: hidden;
		padding: 0;
	}

	.upload_wp span.uploads_symbol {
		background-color: #868788;
		padding: 10px;
		margin-top:4%;
		margin-left:30%;
		float: left;
		text-align: center;
		border-radius: 50px;
			color: #fff;
		font-size: 14px;
	}

	.upload_wp input {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		opacity: 0;
		cursor:pointer;
	}
	.top_selects {
		width: 420px;
		background-color: #ffffff;
		margin-bottom: 10px;
		border-radius: 4px;
		padding: 7px 0px 4px 0px;
		border: 1px solid #ddd;
	}

	#stepers .replace_wrap p {
	margin:0px auto;
		float: none;
		clear: both;
		/* margin: 5px 5px; */
		background-color: transparent!important;
		border: none!important;
		width: 420px;
		padding: initial;
		text-transform: capitalize;
		/* margin-left: 0; */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 3px;
		-moz-box-shadow: none;
		 -webkit-box-shadow:none;
		box-shadow: none;
		display: inline-block;

	}

	.replace_wrap {
		float: none;
	}
	label.align_wp {
		float: none;
		width: 420px;
	}

	label.align_wp .form-control {
		width: 205px!important;
	}

	label.align_wp select#region {
		float: left;
	}
	label.align_wp input#rfplanguage {
		float: right!important;
	}
	.search_wraps {
		float: left;
		width: 100%;
		text-align: center;
	}
	.box.box-default.filter_divs {
		width: 70%;
		margin: 30px auto;
	}

	.user_create .form-group input {
		width: 100%!important;
		box-shadow: none!important;
		border-color: #d2d6de;
	}

	.user_create .form-group select {
		width: 100%!important;
		box-shadow: none!important;
		border-color: #d2d6de;
	}
	.user_create select#role {
	width: 100%!important;
		box-shadow: none!important;
		border-color: #d2d6de;
		border-radius: 0!important;
	}
	input#filename {
		height: 34px!important;
		padding: 4px;
		border-radius: 0!important;
	}
	.form-group.create_btns input#create {
		width: 150px!important;
	}
	.continue_btns input#delete {
		margin: 0;
	}
	input#purge {
		margin-top: 20px;
	}
	input#delete {
		margin-top: 20px;
	}
	.form-group.create_btns {
		text-align: center;
		margin-top: 20px!important;
		float: left;
		width: 100%;
	}
	.col-md-6.layout_divs .form-group {
		margin-bottom: 5px;
	}
	.col-md-6.layout_divs {
		background-color: #efefef;
		border: 1px solid #bbbbbb;
	}
	.col-md-6.layout_divs th {
		background-color: #fff;
	}



	div#fontSelect-undefined {
		width: 100%;
		height: 40px!important;
	}

	div#fontSelect-undefined a {
		height: 35px!important;
		line-height: 35px!important;
	}
	div#fontSelect-undefined a span {
		height: 35px!important;
		line-height: 35px!important;
	}
	div#admin.jstree {
		margin-bottom: 20px;
	}
	.font-select .fs-drop {
		width: 100%;
	}
	tbody th button {
		border: 2px solid #919191;
		border-radius: 10px 0;
		outline: none;
	}
	.setting_page .form-group h2.page-header {
		margin-bottom: 20px;
	}
	.setting_page h2.page-header {
		margin-bottom: 0;
		border: none;
		font-size: 20px;
		padding: 0;
	}
	.font-select .fs-drop ul.fs-results {
		width: 100%;
	}
	.col-md-6.layout_divs p {
		margin-bottom: 15px;
	}
	.overall_wrapss {
		float: none;
		width: 60%;
		margin: 0 auto;
	}
	.overall_wrapss .col-md-6 {
		width: 100%;
	}
	.overall_wrapss .col-md-6:last-child {
		margin-bottom: 20px;
	}
	.overall_wrapss .col-md-6  input {
		width: 100%!important;
		box-shadow: none!important;
		border-color: #d2d6de;
	}
	input#modify {
		width: auto!important;
		float: none;
	}
	input#reset {
		width: auto!important;
		float: none;
	}
	.overall_wrapss .col-md-6 select {
		width: 100%!important;
		box-shadow: none!important;
		border-color: #d2d6de;
	}
	.select2-container--default .select2-selection--multiple {
		background-color: white;
		border: 1px solid #aaa;
		border-radius: 0;
		cursor: text;
		height: 34px;
	}
	.tv-select-element:hover {
		box-shadow: none!important;
		background: #372edc!important;
		color: #fff!important;
	}

	div#TB .modal-dialog {
		width: 500px;
	}

	div#TB .modal-dialog .modal-footer {
		text-align: center;
	}

	div#TB .modal-dialog .modal-footer button {
		float: none!important;
		text-transform: capitalize;
	}
	div#TB .modal-body {
		margin-left: 0!important;
	}
	.daterangepicker .ranges li:hover {
		background-color: #372edc!important;
	}

	.setting_page li.roletabs a {
		background-color: #f3f3f3;
		margin-right: 0px;
		border-radius: 0px 20px 0 0;
		color: #444;
		border: 1px solid #e5e5e5;
		border-bottom: 0;
	}
	.setting_page .nav-tabs-custom > .nav-tabs > li.active {
		border-top-color: white;
	}
	.setting_page .nav-tabs-custom > .nav-tabs > li.active a {
		color: #fff;
		cursor: default;
		background-color: #372edc;
		/* border: 1px solid #ddd; */
		border-bottom: 0px !important;
	}
	.setting_page .nav-tabs-custom > .nav-tabs > li {
		margin-bottom: 0px;
	}

	.setting_page tr th:nth-child(odd) {
		background-color: #efefef;
	}
	.setting_page .layout_divs tr th:nth-child(odd) {
		background-color: #ffffff;
	}
	.setting_page tr:nth-child(odd) {
		font-size: 14px;
		background-color: #ffffff;
	}
	.setting_page li.roletabs a:hover {
		background-color: #f3f3f3;
		margin-right: 0px;
		border-radius: 0px 20px 0 0;
		color: #444;
		border: 1px solid #e5e5e5!important;
		border-bottom: 0!important;
	}

	div#tcbz_length label {
		padding: 4px 0 0 4px;
		margin-bottom: 0;
		color: #000;
	}
	div#tcbz_filter label {
		padding: 4px 4px 0 0 ;
		margin-bottom: 0;
		color: #000;
	}

	div#tcbz_length select.form-control.input-sm {
		margin: 0px 5px;
	}

	#tcbz th.sorting h5 {
		display: inline-block;
		margin: 4px;
	}
	.panel.panel-default {
		box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15)!important;
		-webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(34,39,46,.15)!important;
	}

	#tcbz_wrapper tr:nth-child(odd) {
		font-size: 14px;
		/*background-color: #372edc3b;*/
	}
	#tcbz_wrapper .table-striped>tbody>tr:nth-of-type(odd) {
		background-color: #f4f4f4 !important;
	}
	#tcbz_wrapper .row:last-child {
		margin: 10px 0;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
		display: inline-block;
		margin: 0 2px;
		text-align: center;
		}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination li a {
		width: 35px;
		height: 35px;
		line-height: 35px;
		padding: 0;

	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a {
		background-color: #372edc;
		border: #372edc;
	}
	li#tcbz_previous a {
		width: auto;
		padding: 0 10px;
		border-radius: 0;
		border-top-left-radius: 40px;
		border-bottom-left-radius: 40px;
	}
	li#tcbz_next a {
		width: auto;
		padding: 0 10px;
		border-radius: 0;
		border-top-right-radius: 40px;
		border-bottom-right-radius: 40px;
	}
	#rapper .content-wrapper {
		margin-top: 50px;
		height: calc(120vh - 40px)!important;
		min-height: auto!important;
		padding: 0;
	}

	.left_btns_wp {
		float: left;
		width: 5%;
		text-align: center;
		margin-top: 30px;
	}

	.center_divs_wp {
		float: left;
		width: 90%;
	}

	.left_btns_wp input {
		font-size: 17px;
		outline: none!important;
	}
	#rapper .progress {
		border-radius: 20px;
	}



	.responses_divs {
		float: left;
		width: 100%;
	}

	.responses_divs .panel-bottom {
		margin: 0;
	}

	.responses_divs .panel-container-vertical {
		display: block;
	}


	/*--------radio button designs--------*/
	.upload_wrapper [type="radio"]:checked,
	.upload_wrapper [type="radio"]:not(:checked) {
		position: absolute;
		left: -9999px;
	}
	.upload_wrapper [type="radio"]:checked + label,
	.upload_wrapper [type="radio"]:not(:checked) + label
	{
		position: relative;
		padding-left: 28px;
		cursor: pointer;
		line-height: 20px;
		display: inline-block;
		color: #666;
	}
	.upload_wrapper [type="radio"]:checked + label:before,
	.upload_wrapper [type="radio"]:not(:checked) + label:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 18px;
		height: 18px;
		border: 1px solid #ddd;
		border-radius: 100%;
		background: #fff;
	}
	.upload_wrapper [type="radio"]:checked + label:after,
	.upload_wrapper [type="radio"]:not(:checked) + label:after {
		content: '';
		width: 12px;
		height: 12px;
		background: #372edc;
		position: absolute;
		top: 3px;
		left: 3px;
		border-radius: 100%;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.upload_wrapper [type="radio"]:not(:checked) + label:after {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	.upload_wrapper [type="radio"]:checked + label:after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	/*--------radio button designs--------*/


	.check_css {
		display: block;
		position: relative;
		padding-left: 0;
		/*margin-bottom: 0;*/
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 20px;
		height: 20px;
		margin: 0 auto;
	}

	.check_css input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		z-index: 9;
		width: 100%;
		height: 100%;
			margin: 0;
	}

	.checkmark {
		   position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #e9e9e9;
		border: 1px solid #d2d2d2;
		border-radius: 4px;
	}

	.check_css:hover input ~ .checkmark {
	  background-color: #ccc;
	}

	.check_css input:checked ~ .checkmark {
	  background-color: #372edc;
	  border: 1px solid #372edc;
	}

	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	.check_css input:checked ~ .checkmark:after {
	  display: block;
	}

	.check_css .checkmark:after {
		 left: 6px;
		top: 1px;
		width: 7px;
		height: 12px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.options_bottom .column-right {
		display: inline-block;
		width: 33.3%;
		border-right: 1px;
		float: left;
	}
	.options_bottom .complaince_tabs {
		float: left;
		width: 33.3%;
	}

	.options_bottom {
	float: left;
		width: 89%;
		margin-left: 6%;
	}
	.options_bottom input#username {
		width: 250px;
	}

	.options_bottom input#compliance {
		width: 250px;
	}
	.complaince_tabs .input-group-btn {
		width: auto;
		float: left;
	}

	.complaince_tabs .input-group-btn button.btn.btn-primary.dropdown-toggle {
		height: 34px!important;
	}

	.complaince_tabs .open>.dropdown-menu {
		display: block;
		width: 230px;
		padding: 0 0;
		margin: 0px 0 0;
	}
	.options_bottom .input-group.column-right1 {
		float: left;
		width: 60%;
	}
	.commentssection input#post {
		margin-left: 0;
		width: 100%;
		height: 34px!important;
		border-radius: 0!important;
		font-size: 14px;
	}
	.commentssection input#comments {
		border-radius: 50px;
	}

	.progress-bar {
		border-radius: 20px;
	}

	button.hamburger {
		width: auto;
		color: #ffffff;
	}
	button.hamburger h5, button.hamburger h4 {
	  margin: 0;
		background-color: #372edc;
		padding: 6px 10px;
			position: relative;
	}
	button.hamburger h4:before {
			content: '';
		position: absolute;
		top: -11px;
		left: 89px;
		border-top: 11px solid transparent;
		border-bottom: 11px solid #372edc;
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
	}


	button.hamburger.is-open h5 {
		display: none;
	}
	button.hamburger.is-closed span {
		display: none;
	}
	.hamburger.is-closed h4 {
		display: none;
	}
	.hamburger.is-open span {
		background-color: #372edc!important;
	}

	div#rapper.toggled {
		overflow: hidden;
		position: relative;
		height: 100vh;
	}

	div#rapper.toggled:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #0000008a;
		z-index: 99;
		}
		button.hamburger.is-open {
      width: auto;
		left: auto;
		right: 360px;
		z-index: 9999;
	}
	#rapper #slidebar-rapper {
		background-color: #f0f0f0;
	}
	.toggled ul.nav.slidebar-nav textarea#searchwords {
		border: 1px solid #afafaf!important;
	}
	.trumbowyg-box .trumbowyg-editor {
		border: 1px solid #ddd;
	}
	.btn.btn-primary {
		border-radius: 0;
		height: 35px!important;
		text-transform: capitalize;
		transform: perspective(1px)translateX(0px);
	}
	#rapper.toggled #slidebar-rapper {
		width: 420px;
	}
	.toggled ul.nav.slidebar-nav center input {
		background-color: #372edc;
		color: #fff;
		text-transform: capitalize;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		color: #fff!important;
	}
	.navbar-nav > .user-menu > .dropdown-menu > .user-footer a#profile {
		margin-left: 0!important;
		/*background-color: #fff;*/
		font-size: 14px;
    font-weight: normal!important;
	}

	.navbar-nav > .user-menu > .dropdown-menu > .user-footer .pull-center {
		text-align: center;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
		background: none!important;
		border: 1px solid transparent!important;
	}
	label#identical {
    float: left;
    width: 100%;
    padding: 10px 0;
}


.changeprofiles {
    margin: 20px 0;
}

.profile_changes.overall_wrapss input {
    width: 100%!important;
    box-shadow: none!important;
    border-color: #d2d6de;
	font-size: 14px;
}

.profile_changes.overall_wrapss select {
    width: 100%!important;
    box-shadow: none!important;
    border-color: #d2d6de;
}

.select2-container .select2-selection--multiple {
    height: auto;
	border-radius: 0!important;
}

.col-sm-12.password_errors div {
    float: left;
    width: 50%;
    text-align: left;
    padding: 5px 0;
    font-size: 13px;
	display:none;
}
.confirmpwmatch{
	display:none;}

.profile_changes.overall_wrapss {
    width: 100%!important;
    float: left;
}
.profile_changes.overall_wrapss .col-md-6.col-xs-12 {
    width: 50%;
}
.upload_images img {
    width: 175px;
    height: 175px!important;
    border-radius: 50%;
    object-fit: cover;
}
.profile_img .upd_btn {
    position: absolute;
    bottom: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin: 0;
    right: 10px;
}
.upd_btn span {
    width: 100%;
    float: left;
    background-color: #372edc;
    padding: 10px;
    color: #fff;
    font-size: 14px;
	    border-radius: 50px;
		cursor: pointer;
}
	#passwordForm .row {
    float: left;
    width: 100%;
}
.profile_img {
    position: relative;
    display: inline-block;
	    margin-bottom: 20px;
}
form#passwordForm {
    float: left;
    width: 100%;
}
.col-md-8.col-xs-12 .upload_images {
    margin-bottom: 10px;
}
.col-md-12.bottom_tbns {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.profile_changes.overall_wrapss .form-group {
    float: left;
    width: 100%;
}
.upd_btn input#filename {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
    margin: 0!important;
	opacity:0;
	cursor: pointer;
    border-radius: 50px!important;
}
.change_profiles .box.box-default {
    border: none;
    box-shadow: none!important;
    background-color: transparent;
}
span#noticecount {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    top: 3px!important;
    background-color: #dc2e2e !important;
    font-size: 11px;
}

.change_profiles .box.box-default .box-header.with-border {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding-left: 0;
}

.change_profiles .box.box-default .box-header.with-border h3 {
    text-align: left;
    float: left;
    width: 100%;
    padding-left: 0;
}

.upload_images {
    float: left;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 20px #f1efef;
}

.change_profiles .col-md-8.col-xs-12 .upload_images #passwordForm input {
    float: left;
    width: 48%!important;
    margin: 0!important;
}

.change_profiles .col-md-8.col-xs-12 .upload_images #passwordForm input:nth-child(2) {
    float: right;
}
.upload_images label {
    float: left;
    width: 100%;
    text-align: left;
}


div#TB .modal-body input#password {
    width: 50%;
    height: 35px;
    border: 1px solid #ddd;
}

.top_search_wp {
    float: left;
    width: 100%;
}
.left_inputs_wps {
    float: left;
    width: 20%;
    position: relative;
	margin:10px 0px;
}
.left_inputs_wps .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
}
.right_select_wps {
    float: right;
    width: auto;
    max-width: 70%;
    min-width: 200px;
	margin:10px 0px;
}
.left_inputs_wps .input-group-btn button.btn.btn-primary.dropdown-toggle {
    margin-left: -7px!important;
    margin-top: 0!important;
}

.column-center.bottom_btn_sects {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    text-align: center;
}