/* Padding */

.pad-0		{padding :0}
.pad-h-0	{padding-left: 0; padding-right:0}
.pad-v-0	{padding-top: 0; padding-bottom:0}
.pad-t-0	{padding-top: 0}
.pad-r-0	{padding-right: 0}
.pad-b-0	{padding-bottom: 0}
.pad-l-0	{padding-left: 0}
.pad-5		{padding: 5px}
.pad-h-5	{padding-left: 5px; padding-right: 5px}
.pad-v-5	{padding-top: 5px; padding-bottom: 5px}
.pad-t-5	{padding-top: 5px}
.pad-r-5	{padding-right: 5px}
.pad-b-5	{padding-bottom: 5px}
.pad-l-5	{padding-left: 5px}
.pad-10		{padding: 10px}
.pad-h-10	{padding-left: 10px; padding-right: 10px}
.pad-v-10	{padding-top: 10px; padding-bottom: 10px}
.pad-t-10	{padding-top: 10px}
.pad-r-10	{padding-right: 10px}
.pad-b-10	{padding-bottom: 10px}
.pad-l-10	{padding-left: 10px}
.pad-12		{padding: 12px}
.pad-h-12	{padding-left: 12px; padding-right: 12px}
.pad-v-12	{padding-top: 12px; padding-bottom: 12px}
.pad-t-12	{padding-top: 12px}
.pad-r-12	{padding-right: 12px}
.pad-b-12	{padding-bottom: 12px}
.pad-l-12	{padding-left: 12px}
.pad-15		{padding: 15px}
.pad-h-15	{padding-left: 15px; padding-right: 15px}
.pad-v-15	{padding-top: 15px; padding-bottom: 15px}
.pad-t-15	{padding-top: 15px}
.pad-r-15	{padding-right: 15px}
.pad-b-15	{padding-bottom: 15px}
.pad-l-15	{padding-left: 15px}
.pad-20		{padding: 20px}
.pad-h-20	{padding-left: 20px; padding-right: 20px}
.pad-v-20	{padding-top: 20px; padding-bottom: 20px}
.pad-t-20	{padding-top: 20px}
.pad-r-20	{padding-right: 20px}
.pad-b-20	{padding-bottom: 20px}
.pad-l-20	{padding-left: 20px}

/* Margin */
.margin-0		{margin :0}
.margin-h-0		{margin-left: 0; margin-right:0}
.margin-v-0		{margin-top: 0; margin-bottom:0}
.margin-t-0		{margin-top: 0}
.margin-r-0		{margin-right: 0}
.margin-b-0		{margin-bottom: 0}
.margin-l-0		{margin-left: 0}
.margin-5		{margin: 5px}
.margin-h-5		{margin-left: 5px; margin-right: 5px}
.margin-v-5		{margin-top: 5px; margin-bottom: 5px}
.margin-t-5		{margin-top: 5px}
.margin-r-5		{margin-right: 5px}
.margin-b-5		{margin-bottom: 5px}
.margin-l-5		{margin-left: 5px}
.margin-10		{margin: 10px}
.margin-h-10	{margin-left: 10px; margin-right: 10px}
.margin-v-10	{margin-top: 10px; margin-bottom: 10px}
.margin-t-10	{margin-top: 10px}
.margin-r-10	{margin-right: 10px}
.margin-b-10	{margin-bottom: 10px}
.margin-l-10	{margin-left: 10px}
.margin-12		{margin: 12px}
.margin-h-12	{margin-left: 12px; margin-right: 12px}
.margin-v-12	{margin-top: 12px; margin-bottom: 12px}
.margin-t-12	{margin-top: 12px}
.margin-r-12	{margin-right: 12px}
.margin-b-12	{margin-bottom: 12px}
.margin-l-12	{margin-left: 12px}
.margin-15		{margin: 15px}
.margin-h-15	{margin-left: 15px; margin-right: 15px}
.margin-v-15	{margin-top: 15px; margin-bottom: 15px}
.margin-t-15	{margin-top: 15px}
.margin-r-15	{margin-right: 15px}
.margin-b-15	{margin-bottom: 15px}
.margin-l-15	{margin-left: 15px}
.margin-20		{margin: 20px}
.margin-h-20	{margin-left: 20px; margin-right: 20px}
.margin-v-20	{margin-top: 20px; margin-bottom: 20px}
.margin-t-20	{margin-top: 20px}
.margin-r-20	{margin-right: 20px}
.margin-b-20	{margin-bottom: 20px}
.margin-l-20	{margin-left: 20px}

/* Border width */
.border-0		{border-width: 0}
.border-t-0		{border-top-width: 0}
.border-r-0		{border-right-width: 0}
.border-b-0		{border-bottom-width: 0}
.border-l-0		{border-left-width: 0}
.border-1		{border-width: 1px}
.border-t-1		{border-top-width: 1px}
.border-r-1		{border-right-width: 1px}
.border-b-1		{border-bottom-width: 1px}
.border-l-1		{border-left-width: 1px}
.border-2		{border-width: 2px}
.border-t-2		{border-top-width: 2px}
.border-r-2		{border-right-width: 2px}
.border-b-2		{border-bottom-width: 2px}
.border-l-2		{border-left-width: 2px}
.border-3		{border-width: 3px}
.border-t-3		{border-top-width: 3px}
.border-r-3		{border-right-width: 3px}
.border-b-3		{border-bottom-width: 3px}
.border-l-3		{border-left-width: 3px}
.border-4		{border-width: 4px}
.border-t-4		{border-top-width: 4px}
.border-r-4		{border-right-width: 4px}
.border-b-4		{border-bottom-width: 4px}
.border-l-4		{border-left-width: 4px}
.border-5		{border-width: 5px}
.border-t-5		{border-top-width: 5px}
.border-r-5		{border-right-width: 5px}
.border-b-5		{border-bottom-width: 5px}
.border-l-5		{border-left-width: 5px}

/* Text color */
.text-transparent	{color: transparent}
.text-white			{color:rgb(255, 255, 255)}
.text-gray			{color:rgb(210, 214, 222)}
.text-black			{color:rgb(17, 17, 17)}
.text-red			{color:rgb(221, 75, 57)}
.text-yellow		{color:rgb(250, 250, 20)}
.text-aqua			{color:rgb(0, 192, 239)}
.text-blue			{color:rgb(0, 115, 183)}
.text-light_blue	{color:rgb(60, 141, 188)}
.text-green			{color:rgb(0, 166, 90)}
.text-navy			{color:rgb(0, 31, 63)}
.text-teal			{color:rgb(57, 204, 204)}
.text-olive			{color:rgb(61, 153, 112)}
.text-lime			{color:rgb(1, 255, 112)}
.text-orange		{color:rgb(255, 133, 27)}
.text-fuchsia		{color:rgb(240, 18, 190)}
.text-purple		{color:rgb(96, 92, 168)}
.text-maroon		{color:rgb(216, 27, 96)}

/* Border color */
.border-transparent	{border-color: transparent}
.border-white		{border-color:rgb(255, 255, 255)}
.border-gray		{border-color:rgb(210, 214, 222)}
.border-black		{border-color:rgb(17, 17, 17)}
.border-red			{border-color:rgb(221, 75, 57)}
.border-yellow		{border-color:rgb(250, 250, 20)}
.border-aqua		{border-color:rgb(0, 192, 239)}
.border-blue		{border-color:rgb(0, 115, 183)}
.border-light_blue	{border-color:rgb(60, 141, 188)}
.border-green		{border-color:rgb(0, 166, 90)}
.border-navy		{border-color:rgb(0, 31, 63)}
.border-teal		{border-color:rgb(57, 204, 204)}
.border-olive		{border-color:rgb(61, 153, 112)}
.border-lime		{border-color:rgb(1, 255, 112)}
.border-orange		{border-color:rgb(255, 133, 27)}
.border-fuchsia		{border-color:rgb(240, 18, 190)}
.border-purple		{border-color:rgb(96, 92, 168)}
.border-maroon		{border-color:rgb(216, 27, 96)}

/* Background color */
.bg-transparent	{background-color: transparent}
.bg-white		{background-color:rgb(255, 255, 255)}
.bg-gray		{background-color:rgb(210, 214, 222)}
.bg-black		{background-color:rgb(17, 17, 17)}
.bg-red			{background-color:rgb(221, 75, 57)}
.bg-yellow		{background-color:rgb(250, 250, 20)}
.bg-aqua		{background-color:rgb(0, 192, 239)}
.bg-blue		{background-color:rgb(0, 115, 183)}
.bg-light_blue	{background-color:rgb(60, 141, 188)}
.bg-green		{background-color:rgb(0, 166, 90)}
.bg-navy		{background-color:rgb(0, 31, 63)}
.bg-teal		{background-color:rgb(57, 204, 204)}
.bg-olive		{background-color:rgb(61, 153, 112)}
.bg-lime		{background-color:rgb(1, 255, 112)}
.bg-orange		{background-color:rgb(255, 133, 27)}
.bg-fuchsia		{background-color:rgb(240, 18, 190)}
.bg-purple		{background-color:rgb(96, 92, 168)}
.bg-maroon		{background-color:rgb(216, 27, 96)}

/* Width */
.width-2 {width: 2%}
.width-3 {width: 3%}
.width-4 {width: 4%}
.width-5 {width: 5%}
.width-6 {width: 6%}
.width-7 {width: 7%}
.width-8 {width: 8%}
.width-10 {width: 10%}
.width-12 {width: 12%}
.width-13 {width: 13%}
.width-14 {width: 14%}
.width-15 {width: 15%}
.width-20 {width: 20%}
.width-25 {width: 25%}
.width-30 {width: 30%}
.width-40 {width: 40%}
.width-50 {width: 50%}
.width-100 {width: 100%}











/* OVERIDE BOOTSTRAP */

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

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:3px; text-transform: uppercase;}

.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;
}

.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}

/* WIDTH */


/* MARGIN AND PADDING */


.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 {border-radius:3px; position:relative; border:1px solid rgb(200,200,200); padding:0px; 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 rgb(51, 122, 183)}
.silent-control, .silent-control:focus, .silent-control:hover, .silent-control:active, .silent-control>button {background-color:transparent; border: none; border-radius:0; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left:0; padding-right:0}

.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:-10px}
}

@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 */

.panel-yellow {border-color: rgba(250,250,20, 0.8);}
.panel-yellow > .panel-heading {border-color: #f39c12; color: #fff; background-color: #f39c12;}
.panel-yellow > .panel-body {border-color: rgba(250,250,100, 0.5)}

/*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 !important;
	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: 1px solid rgb(230,230,230);
}


/* 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.6em;
  height: 1.6em;
  padding: 0 0 0 0;
  margin: 0 1px;
  vertical-align: -0.32em;
}