/* OVERIDE BOOTSTRAP */

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	vertical-align: middle;
}

.bootstrap-select .dropdown-toggle:focus {
		outline: none;
		outline: none!important;
		outline-offset: 0;
}

.bootstrap-datetimepicker-widget {padding:10px;}
.panel-heading, .panel-footer {padding:15px;}

.darken {filter: brightness(85%);}
.hover-dark:hover {filter: brightness(85%);}
.hover-normal:hover {filter: brightness(100%);}
.lighten {filter: brightness(110%);}
.hover-light:hover {filter: brightness(110%);}

a, .pointer {cursor:pointer}
a, a:visited, a:focus, a:active, a:hover, input:visited, input:focus, input:active, input:hover, button:visited, button:focus, button:active, button:hover {outline : 0 none !important ;}
a, a:visited, a:focus, a:active, a:hover {text-decoration:none}
button.navbar-toggle {margin-right : 0;}.block {display : inline-block;}
textarea {resize:none}
.big {font-size:16px}
.bold {font-weight:bold}
.italic {font-style:italic}
.caption {color:rgb(140,140,150); font-weight:bold; margin:0; margin-bottom:5px; text-transform: uppercase;}
.modal-header {border:0}
.form-control[readonly], .form-control[readonly]:focus {
		color:#000;
	background-color: transparent;
		opacity: 1;
	border:0;
	box-shadow:none;
	padding-left:0;
	padding-right:0;
}

input[type="number"] {
	text-align:right;
}

.font-16 {font-size:16px;}
.wrapped {word-wrap: break-word; overflow-wrap: break-word;}
.list-name {font-weight:bold}

.auto-truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 100%;
}

.font-lg {font-size:1.2em}
.text-sm {font-size:0.8em}

@font-face{
	font-family:'digital-7';
	src: url('../webfonts/digital-7.ttf');
}

.font-digital {
	font-family: 'digital-7', sans-serif;
	letter-spacing: 0.2em;
}

/*Checkboxes */

.toggle.round, .toggle-on.round, .toggle-off.round, .toggle.round .toggle-handle { border-radius: 15px !important;}
.v-top {vertical-align: top;}
.center-v {vertical-align : middle;}
.bottom-nav {color: rgb(120,120,120); display : inline-block; padding : 10px 8px;}
.bottom-nav:hover {text-decoration: none; color: rgb(100,100,100); background-color: rgb(225, 228, 232);}

.input {width:100%; margin:10px 0;}
.modal-header {background-color:rgb(245, 245, 245); border-top-right-radius:4px; border-top-left-radius: 4px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.input-group-separator {width:0; padding:0; border:0}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background-color:transparent; border-bottom-color:transparent}

/* BACK COLORS */

/* VISIBILITY */
.display-none {display:none}

/* AJAXFORM */
.progress { position:relative; padding:2px; margin:5px 0}
.pos-relative {position:relative;}
.ajax-percent {position:absolute; display:inline-block; top:0px; left:48%; }

/* PROFILE */
.profile-cover {vertical-align:bottom; height:280px; min-height:280px; margin-top:-20px; margin-bottom:20px; background-position:center}
.profile-picture {width:170px; display: block; margin: 0 auto; position:relative; top:55px}
.user-picture {width:40px; height:40px; border-radius:3px}
.post-picture, .comment-picture {width:36px; height:36px; margin-right:6px; position:relative; float:left; border-radius:3px}
.comment-picture {width:34px; height:34px; }
.profile-name {color:rgb(255,255,255); background-color:rgba(0,0,0,0.5); padding:5px; font-size:2em; font-weight:normal; border-radius:3px; text-shadow: 2px 2px 2px rgb(0,0,0)}
.person-name {color:rgb(255,255,255); background-color:rgba(0,0,0,0.5); padding:2px; font-size:0.9em; font-weight:normal; text-shadow: 2px 2px 2px rgb(0,0,0); position:relative; bottom:21px; margin-bottom: -22px; text-align:center}

/* MISC */
.post-area, .post-area:focus {resize:none; border: none; border-bottom:1px dashed rgb(220,220,220); overflow: auto; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.borderless, .borderless:focus {border: none; border-radius:0; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.classic-control, .classic-control>button {background-color:transparent; border: none; border-radius:0; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgb(240,240,240); padding-left:0; padding-right:0}
.classic-control:focus, .classic-control>button:focus, .classic-control>button:hover, .classic-control>button:active {background-color:transparent; border: none; border-radius:0; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(51, 122, 183,0.2)}
.silent-control, .silent-control>button {background-color:transparent; border: none; border-radius:0; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgb(240,240,240); padding-left:0; padding-right:0}
.silent-control:focus, .silent-control>button:focus, .silent-control>button:hover, .silent-control>button:active {background-color:transparent; border: none; border-radius:0; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.post-tab, .post-tab:hover {text-decoration:none}
.profile-xs {width:33px;height:33px}
.radius-0 {border-radius:0}
.radius-50 {border-radius:50%}
.display-none {display:none}
.btn-circle {border-radius: 50%;}
.shadow-default {box-shadow: 2px 0px 10px rgba(100,100,100, 0.5);}
.file-tile {height:100px; width:100px; border:1px solid rgb(200,200,200)}
.file-name {color:rgb(255,255,255); background-color:rgba(0,0,0,0.5); padding:2px; font-size:0.9em; font-weight:normal; text-shadow: 2px 2px 2px rgb(0,0,0); position:relative; bottom:22px; margin-bottom: -22px; text-align:center}
.file-icon {position:relative; left:40%; top:-80px}
.wrapped { word-wrap: break-word; overflow-wrap: break-word; }
.video-wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.btn-file>input[type='file'] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block;}
.btn.btn-file {position: relative; overflow: hidden;}

/* LOADING ANIMATION */
keyframes lol { 0% { opacity: 0; transform: translateX(-100px); }
	33% { opacity: 1; transform: translateX(0px); }
	66% { opacity: 1; transform: translateX(0px); }
	100% { opacity: 0; transform: translateX(100px); } }
@-webkit-keyframes lol { 0% { opacity: 0; -webkit-transform: translateX(-150px); }
	33% { opacity: 1; -webkit-transform: translateX(0px); }
	66% { opacity: 1; -webkit-transform: translateX(0px); }
	100% { opacity: 0; -webkit-transform: translateX(150px); } }
.loader-line { height: 100%; width: 100%; }
.loader-line-inner { width: 100%; padding-top: 5px; padding-bottom: 5px; text-align: center; }
.loader-line-inner label { font-size: 1.6em; opacity: 0; display: inline-block; color:rgb(160,160,160)}
.loader-line-inner label:nth-child(6) { -webkit-animation: lol 1.5s infinite ease-in-out; animation: lol 1.5s infinite ease-in-out; }
.loader-line-inner label:nth-child(5) { -webkit-animation: lol 1.5s 100ms infinite ease-in-out; animation: lol 1.5s 100ms infinite ease-in-out; }
.loader-line-inner label:nth-child(4) { -webkit-animation: lol 1.5s 200ms infinite ease-in-out; animation: lol 1.5s 200ms infinite ease-in-out; }
.loader-line-inner label:nth-child(3) { -webkit-animation: lol 1.5s 300ms infinite ease-in-out; animation: lol 1.5s 300ms infinite ease-in-out; }
.loader-line-inner label:nth-child(2) { -webkit-animation: lol 1.5s 400ms infinite ease-in-out; animation: lol 1.5s 400ms infinite ease-in-out; }
.loader-line-inner label:nth-child(1) { -webkit-animation: lol 1.5s 500ms infinite ease-in-out; animation: lol 1.5s 500ms infinite ease-in-out; }

/* @MEDIA */

@media (max-width: 768px) {
	.pad-xs-0 {padding:0; width:100%; min-width:100%}
	.border-xs-0 {border:0}
	.margin-xs-0 {margin:0}
	.margin-xs--10 {margin-left:-10px; margin-right:-15px}
	.center-mobile {text-align:center}
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: transparent; }
}

@media print {
	body * {font-size: 12px;}
	a:link:after, a:visited:after { content: "";}
}

.nav>li>a.main-menu {padding:4px 5px;}

/* Background colors */

/*Table sorter*/
table.table-sortable thead tr .header { /*background-image: url(../images/ts/bg.gif);*/ background-repeat: no-repeat; background-position: center right; cursor: pointer;}
table.table-sortable thead tr .headerSortUp { background-image: url(../images/ts/asc.gif);}
table.table-sortable thead tr .headerSortDown { background-image: url(../images/ts/desc.gif);}


/* BORDER RADIUS */

code,
kbd,
pre,
.img-rounded,
.img-thumbnail,
.img-circle,
.form-control,
.btn,
.btn-link,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.panel-heading,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
	border-radius:0;
	box-shadow: none;
}

/* Remove inner shadow from inputs on mobile iOS 
textarea, input[type="text"] {
outline: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
*/

.modal-backdrop{
		opacity:0.75 !important;
}

.text-size-15{
	font-size:1.5em;
}

.text-size-18{
	font-size:1.8em;
}

.text-size-20{
	font-size:2em;
}

.text-size-24{
	font-size:2.4em;
}

.bs-example-popover .popover {
	position: relative;
	display: block;
	float: left;
	margin: 20px;
}

.fullBackground {
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

.pattern:after { 
	position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 0; 
		content: '';
		background: transparent url(../images/slider/pattern.png) repeat top left; 
}

.notify {
	position:relative;
	font-size:1.1em;
}

.notify[data-badge]:after {
	content:attr(data-badge);
	position:absolute;
	top:-10px;
	right:-10px;
	font-size:0.7em;
	background: var(--badge-color);
	color:white;
	width:24px;
	text-align:center;
	line-height:20px;
	border-radius:50%;
	border:2px solid white;
	box-shadow:0 0 1px #fff;
}

.file-link {
	background-color:rgb(240,240,250);
	border: 0px solid rgb(230,230,230);
	margin-bottom:8px; 
	padding:13px 12px !important;
}


/* BS CALLOUTS */

.bs-callout {
	padding: 15px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 6px;
}
.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.bs-callout p:last-child {
	margin-bottom: 0;
}
.bs-callout code {
	border-radius: 3px;
}
.bs-callout+.bs-callout {
	margin-top: -5px;
}
.bs-callout-default {
	border-left-color: #777;
}
.bs-callout-default h4 {
	color: #777;
}
.bs-callout-primary {
	border-left-color: #428bca;
}
.bs-callout-primary h4 {
	color: #428bca;
}
.bs-callout-success {
	border-left-color: #5cb85c;
}
.bs-callout-success h4 {
	color: #5cb85c;
}
.bs-callout-danger {
	border-left-color: #d9534f;
}
.bs-callout-danger h4 {
	color: #d9534f;
}
.bs-callout-warning {
	border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
	color: #f0ad4e;
}
.bs-callout-info {
	border-left-color: #5bc0de;
}
.bs-callout-info h4 {
	color: #5bc0de;
}


/* Speech */
.speech-right, .speech-left {
	position: relative;
	border-radius: .4em;
	padding:10px;
	display: inline-block;
}

.speech-right:after, .speech-left:after {
	content: '';
	position: absolute;
	top: 20px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top: 0;
	margin-top: -7.5px;
}

.speech-right {
	background-color:rgb(230,230,230);
}

.speech-right:after {
	border-left-color: rgb(230,230,230);
	border-right: 0;
	margin-right: -10px;
	right: 0;
}
.speech-left {
	background-color:rgb(51, 122, 183);
	color:white;
}

.speech-left:after {
	border-right-color: rgb(51, 122, 183);
	border-left: 0;
	margin-left: -10px;
	left: 0;
}

img.emojione {
	width: 1.5em;
	height: 1.5em;
	padding: 0 0 0 0;
	margin: 0 1px;
	vertical-align: -0.32em;
}

.emoji-picker-icon {
	font-size:16px;
	top: 9px;
}

.connection {
	border: 6px dotted rgba(10,10,10,0.2);
	border-radius: 10%;
	z-index: -10;
}

/* Full calendar */

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: rgba(101, 172, 223);
}

.fc-day-header, .fc-widget-header {
	color: rgb(255,255,255);
	background-color: rgb(51, 122, 183);
}

.fc-event, .fc-button {
	border-radius: 0;
}

.fc td, .fc th {
	padding: 3px;
}

/* Borders */
.border-solid {border-style:solid}
.border-dotted {border-style:dotted}
.border-dashed {border-style:dashed}
.border-double {border-style:double}

/* Steps */
  .steps {
	list-style-type: none;
	padding: 0;
  }

  .steps li {
	display: inline-block;
	margin:0 4px;
	margin-bottom: 3px;
  }

  .steps li a, .steps li p {
	padding: 12px;
	display: block;
	position: relative;
	/* text-indent: 10px; */
	text-align:center;
  }

  .no-wrap {white-space: nowrap;}

  .steps li:not(:first-child) a:before, .steps li:not(:first-child) p:before {
	border-bottom: 20px solid transparent;
	border-left: 12px solid #fff;
	border-top: 20px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	margin-top: -20px;
  }

  .steps li:not(:last-child) a:after, .steps li:not(:last-child) p:after {
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	left:100%;
	top: 50%;
	width: 0;
	margin-top: -20px;
	z-index: 1;
  }
  .steps li.active a, .steps li.active p {
	color: #fff;
  }

  .steps li a:hover, .steps li p:hover {
	text-decoration: none;
  }

  .steps li.undone a, .steps li.undone p {
	background: #eee;
	color: #333;
  }
  .steps li.undone a:after, .steps li.undone p:after {
	border-left: 12px solid #eee;
  }
  .steps li.undone p {
	color: #aaa;
  }
  
  .steps-justified {
	display: flex;
	justify-content: space-between;
	}
	
	.steps-justified li {
	  width:100%;
	margin-right:3px;
	margin-left:3px;
	}

	.steps li:first-child {
		margin-left:0;
	}

	.steps li:last-child {
		margin-right:0;
	}
	
	@media (min-width: 992px) {
		.steps {
			display: flex;
			justify-content: space-between;
			}

		.steps li {
			width:100%;
			margin:0 3px;
		}

		.steps li a, .steps li p {
			padding-left:0;
			padding-right:0;
		}

	}

.vertical-line:after {
	content: '';
	width: 0;
	height: 100%;
	position: absolute;
	border: 4px solid black;
	top: 0;
	bottom: 0;
	left: 100px;
}







/* Toggle */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 28px;
  }
  
  .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .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: 20px;
	width: 20px;
	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(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 28px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }