/*
 * Texecom colours:
 * 
 * Connect blue:		#3da1da
 * Connect orange:		#fbb03c
 * Dark Back:			#3c3c3c
 * Success:				#07ab42
 * Success Dark:		#098e39
 * Error:				#dc3545
 * Error Dark:			#c02d3b
 * 
 * App Blue:			#2c95d2
 * Cloud Back:			#3c3c3c
 * 
 * Grad Or Dark:		#ca7919
 * Grad Or Medium:		#fbb03c
 * Grad Or Light:		#f7f086
 * Grad Blue Dark:		#2c5591
 * Grad Blue Med:		#3da1da
 * Grad Blue Light:		#74c1eb
 * Grey Dark:			#7390a0
 * Grey Medium:			#b0bec5
 * Grey Light:			#c8d5d8
 * Grey V.Light:		#f3f3f4
 * 
 */

/* Stop firefox etc putting the dotted line around links */
a {
	outline: 0;
}

html body, body.landing-page {
	color:#3c3c3c;
	font-family: "Roboto", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Striped tables to have lighter bands due to white background */
.table-striped tbody tr:nth-of-type(odd) {
	background-color:#fdfdfd;
}
.table-hover tbody tr:nth-of-type(odd):hover {
  background-color: rgba(0, 0, 0, 0.075);
}

/* Override Inspinia Theme */

/* Following changes from SOFTC-773 */
.navbar-default {
	border-color: #3c3c3c;
}
.nav-header {
	background-color: #3c3c3c;
	background: none;
}
.mini-navbar .nav .nav-second-level {
	background-color: #3c3c3c;
}
.sidebar-container ul.nav-tabs li a {
	background: #3c3c3c;
}
body {
	background-color: #3c3c3c;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
	background-color: #2C2C2C;
}
ul.nav-second-level {
	background: #2C2C2C;
}
.nav > li.active {
	background: #2C2C2C;
}
/* End changes from SOFTC-773 */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
	background-color: #3da1da;
	border-color: #3da1da;
	color: #FFFFFF;
}
.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #3da1da;
	border-color: #3da1da;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #3da1da;
	border-color: #3da1da;
}

.nav > li.active {
	border-left: 4px solid #3da1da;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	color: #fff;
	background-color: #3da1da;
}
.navbar-default .special_link a {
	background: #3da1da;
	color: white;
}
.navbar-default .special_link a span.label {
	background: #fff;
	color: #3da1da;
}
.navbar-default .landing_link a:hover {
	background: #3da1da !important;
	color: white;
}
body.mini-navbar .nav-header {
	background-color: #3da1da;
}
.top-navigation .navbar-nav .dropdown-menu > .active > a {
	background: white;
	color: #3da1da;
}
.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
	background: #fff;
	color: #3da1da;
}
.top-navigation .nav > li.active > a {
	color: #3da1da;
}
.top-navigation .navbar-brand {
	background: #3da1da;
	color: #fff;
}
.navbar-toggler {
	background-color: #3da1da;
	color: #fff;
}
.navbar-form-custom {
	height:auto;
}
.navbar-form-custom .form-control {
	height:auto;
	border:1px solid #dddddd;
}
.btn-primary.btn-outline {
	color: #3da1da;
}
.btn-success.btn-outline {
  color: #07ab42;
}
.btn-danger.btn-outline {
  color: #dc3545;
}
.btn-primary {
	color: #fff;
	background-color: #3da1da;
	border-color: #3da1da;
}
.btn-success {
  color: #fff;
  background-color: #07ab42;
  border-color: #07ab42;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #098e39;
  border-color: #098e39;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #098e39;
  border-color: #098e39;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #098e39;
  border-color: #098e39;
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c02d3b;
  border-color: #c02d3b;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #c02d3b;
  border-color: #c02d3b;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c02d3b;
  border-color: #c02d3b;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
	color: #3da1da;
}
.label-primary,
.badge-primary {
	background-color: #3da1da;
	color: #FFFFFF;
}
.label-success,
.badge-success {
  background-color: #07ab42;
  color: #FFFFFF;
}
.label-danger,
.badge-danger {
  background-color: #dc3545;
  color: #FFFFFF;
}
.onoffswitch-label {
	border: 2px solid #3da1da;
}
.onoffswitch-inner:before {
	background-color: #3da1da;
	color: #FFFFFF;
}
.onoffswitch-switch {
	background: #FFFFFF;
	border: 2px solid #3da1da;
}
.page-item.active .page-link {
	background-color: #3da1da;
	border-color: #3da1da;
}
.pagination .footable-page.active a {
	background-color: #3da1da;
	border-color: #3da1da;
	color: white;
}

.fc-state-active {
	background-color: #3da1da;
	border-color: #3da1da;
	color: #ffffff;
}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
	background-color: #3da1da;
	border-color: #3da1da;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
	background-color: #3da1da;
	border-color: #3da1da;
	color: #FFFFFF;
}

.pace .pace-progress {
	background: #3da1da;
}

.form-control:focus,
.single-line:focus {
	border-color: #3da1da;
}
.has-success .form-control,
.has-success .form-control:focus {
	border-color: #3da1da;
}
.has-success .control-label {
	color: #3da1da;
}
.has-error .form-control,
.has-error .form-control:focus {
  border-color: #dc3545;
}
.has-error .control-label {
  color: #dc3545;
}
.noUi-connect {
	background: none repeat scroll 0 0 #3da1da;
}
.slider_red .noUi-connect {
  background: none repeat scroll 0 0 #dc3545;
}

.toast {
	background-color: #3da1da;
}
.toast-success {
	background-color: #07ab42;
}
.toast-error {
	background-color: #dc3545;
}
.toast-info {
	background-color: #3da1da;
}
.toast-warning {
	background-color: #fbb03c;
}
.inspinia-notify.alert-info {
	border-left: 6px solid #3da1da;
}
.inspinia-notify.alert-success {
  border-left: 6px solid #07ab42;
}
.inspinia-notify.alert-danger {
  border-left: 6px solid #dc3545;
}

.forum-item.active .fa {
	color: #3da1da;
}
.forum-item.active a.forum-item-title {
	color: #3da1da;
}
.vertical-date small {
	color: #3da1da;
}

.branding {
	color: #FFFFFF;
	background-color: #3da1da;
}
.blue-bg,
.bg-success {
  background-color: #07ab42 !important;
  color: #ffffff;
}
.navy-bg,
.bg-primary {
	background-color: #3da1da !important;
	color: #ffffff;
}
.red-bg,
.bg-danger {
  background-color: #dc3545 !important;
  color: #ffffff;
}
.panel-primary {
	border-color: #3da1da;
}
.panel-primary > .panel-heading {
	background-color: #3da1da;
	border-color: #3da1da;
}
.panel-success {
  border-color: #07ab42;
}
.panel-success > .panel-heading {
  background-color: #07ab42;
  border-color: #07ab42;
  color: #ffffff;
}
.panel-danger {
  border-color: #dc3545;
}
.panel-danger > .panel-heading {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #ffffff;
}
.progress-bar {
	background-color: #3da1da;
}
.progress-bar-success {
  background-color: #07ab42;
}
.progress-bar-danger {
  background-color: #dc3545;
}
.text-navy {
	color: #3da1da !important;
}
.text-success {
  color: #07ab42 !important;
}
.text-danger {
  color: #dc3545 !important;
}
.category-list li a .text-navy {
	color: #3da1da;
}
.category-list li a .text-primary {
  color: #07ab42;
}

.landing-page span.navy {
	color: #3da1da;
}
.landing-page a.navy-link {
	color: #3da1da;
}
.landing-page .navy-line {
	border-bottom: 2px solid #3da1da;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
	background: transparent;
	color: #fff;
	border-top: 6px solid #3da1da;
}
.landing-page .navbar-default .navbar-nav > li > a:hover,
.landing-page .navbar-default .navbar-nav > li > a:focus {
	color: #3da1da;
	background: inherit;
}
.landing-page .navbar-default .navbar-brand {
	color: #fff;
	background: #3da1da;
}
.landing-page .navbar-default.navbar-scroll {
	background-color: #3c3c3c;
	border-color: #3c3c3c;
	padding: 15px 0;
}
.landing-page .navbar-fixed-top.navbar-scroll {
	border-bottom: 1px solid #3c3c3c !important;
}
.landing-page .navbar-scroll.navbar-default .nav li a {
	color: #fff;
}
.landing-page .navbar-scroll.navbar-default .nav li a:hover {
	color: #3da1da;
}
.landing-page .navbar-default .navbar-nav > li .nav-link.active,
.landing-page .navbar-default .navbar-nav > li .nav-link.active:hover {
	border-top: 6px solid #3da1da;
}
.landing-page .features small {
	color: #3da1da;
}
.landing-page .features-icon {
	color: #3da1da;
}
.landing-page .navy-section {
	background: #3da1da;
	color: #fff;
}
.landing-page .social-icon a {
	background: #3da1da;
	color: #fff;
}
.landing-page .pricing-plan .pricing-price span {
	color: #3da1da;
}
.landing-page li.pricing-title {
	background: #3da1da;
	color: #fff;
}
.landing-page .testimonials {
	background-color: #3da1da;
	background-image: url('../img/landing/avatar_all.png');
}
.landing-page .features .big-icon {
	color: #3da1da !important;
}
.landing-page .btn-primary {
	background-color: #3da1da;
	border-color: #3da1da;
	color: #FFFFFF;
}

@media (max-width: 768px) {
  .landing-page .navbar-default .nav li a:hover {
    color: #3da1da;
  }
}

.spin-icon {
	background: #3da1da;
	color: #fff;
}

.md-skin .nav .open > a,
.md-skin .nav .open > a:hover,
.md-skin .nav .open > a:focus {
	background: #3da1da;
}
.md-skin .navbar-fixed-top,
.md-skin .navbar-static-top {
	background-color: #3da1da !important;
}
.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
.md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
	background: inherit;
	color: #3da1da;
}
.md-skin.top-navigation .nav > li a:hover,
.md-skin .top-navigation .nav > li a:focus,
.md-skin.top-navigation .nav .open > a,
.md-skin.top-navigation .nav .open > a:hover,
.md-skin.top-navigation .nav .open > a:focus {
	color: #3da1da;
	background: #ffffff;
}
.md-skin.top-navigation .nav > li.active a {
	color: #3da1da;
	background: #ffffff;
}


/* prevents single tags breaking into two parts */
.tag-editor li
{
  display: inline-flex;
}

.toast-top-right {
	top: 80px;
}

.sizing-box {
	height: 50px;
	width: 80px;
}

.signal-bars {
	display: inline-block;
}

.signal-bars .bar {
	width: 14%;
	margin-left: 1%;
	min-height: 20%;
	display: inline-block;
}

.signal-bars .bar.first-bar {
	height: 20%;
}

.signal-bars .bar.second-bar {
	height: 40%;
}

.signal-bars .bar.third-bar {
	height: 60%;
}

.signal-bars .bar.fourth-bar {
	height: 80%;
}

.signal-bars .bar.fifth-bar {
	height: 99%;
}

.good .bar {
	background-color: #16a085;
	border: thin solid darken(#16a085, 7%);
}

.bad .bar {
	background-color: #e74c3c;
	border: thin solid darken(#e74c3c, 20%);
}

.ok .bar {
	background-color: #f1c40f;
	border: thin solid darken(#f1c40f, 7%);
}

.four-bars .bar.fifth-bar,
.three-bars .bar.fifth-bar,
.three-bars .bar.fourth-bar,
.one-bar .bar:not(.first-bar),
.one-bars .bar:not(.first-bar),
.two-bars .bar:not(.first-bar):not(.second-bar),
.zero-bars .bar {
	background-color: #fafafa;
	border: thin solid #f3f3f3;
}

/* draggable targets */
[data-draggable="target"]
{
	list-style-type:none;
	overflow-y:auto;
	margin:0 0.5em 0.5em 0;
	border-radius:0.2em;
	color:#555;
}

/* draggable items */
[data-draggable="item"]
{
  display:block;
  list-style-type:none;
  margin:0 0 2px 0;
  padding:0.2em 0.4em;
  border-radius:0.2em;
  line-height:2.3;
  border-top: 1px solid #dee2e6;
  cursor: pointer;
}
.non-data-draggable
{
  display:block;
  list-style-type:none;
  margin:0 0 2px 0;
  padding:0.2em 0.4em;
  border-radius:0.2em;
  line-height:2.3;
  border-top: 1px solid #dee2e6;
}

.non-data-draggable.active
{
	background-color: #d9d9d9;
}

.data-draggable.active
{
	background-color: #FBB038;
}

.switch
{
	position: relative;
	display: inline-block;
	width: 44px;
	height: 26px;
}
.switch input {display:none;}
.slider
{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before
{
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider
{
	background-color: #2196F3;
}
input:focus + .slider
{
	box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before
{
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
.slider.round
{
	border-radius: 26px;
}
.slider.round:before
{
	border-radius: 50%;
}

.slider-danger
{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider-danger:before
{
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider-danger
{
	background-color: #dc3545;
}
input:focus + .slider-danger
{
	box-shadow: 0 0 1px #dc3545;
}
input:checked + .slider-danger:before
{
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
.slider-danger.round
{
	border-radius: 26px;
}
.slider-danger.round:before
{
	border-radius: 50%;
}