/* ..:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.. */
/* ..:: GLOBALS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.. */
/* ..:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.. */
@import url("colors.css");

::-moz-selection 
{ 
	background: #000000; 
	color: #fff; 
	text-shadow: none; 
}
::selection 
{ 
	background: #000000; 
	color: #fff; 
	text-shadow: none; 
}

html 
{
	height: 100%; 
}

body 
{
	padding-top: 0px;
	height: 100%;
	position: relative;
}

body.no-js.has-bg 
{ 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body
{
	
}


.no-js.collapse{
	display:block
}

legend{
	padding-top: 10px;
}

a {
	cursor: pointer;
}

* {
	outline: none; 
}

.app-container 
{
	min-height: 100%;
	position: relative;
}

.app-container .app-footer 
{
	opacity: 1;
	max-height:75px;
	display: block;
	right: 0px;
	left: 0px;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	font-size: 12px;
}


.app-container .app-footer .wrapper 
{
	max-height:75px;
	height:75px;
	line-height: 20px;
	vertical-align: middle; 
}

.app-container .app-footer .footer-toggle-log::before 
{
	font-family: FontAwesome;
	text-align:center;
	cursor:pointer;
	position: absolute;
	content: '\f077';
	color:white;
	width: 70px;
	height: 18px;
	background: grey;
	right: calc(calc(50vw) - 35px);
	top: -18px;
	border-radius: 15px 15px 0 0;
	transform: perspective(5px) rotateX(1deg);
	pointer-events: all;
	/*transform: translate(0, -50%) rotate(45deg);*/
}
.app-container .app-footer.footer-expanded .footer-toggle-log::before {
	content: '\f078';
}

.app-container .app-footer .log-console
{
	margin:0;
	padding-top: 10px;
	overflow-y:scroll;
	padding-left: 10px;
	padding-right: 10px;
	height:225px;
	border-bottom: 1px solid #eeeeee;
}

.app-container .app-footer.footer-expanded
{
    max-height:300px;
    height:300px;
    display: block;
    right: 0px;
	background-color: #FFFFFF;
    //left: 0px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    font-size: 12px;
}

.app-container .app-footer.navbar{
	
	margin-bottom: 0px;
}

.navbar > .container-fluid, 
.navbar.navbar-default > .container-fluid 
{
	opacity: 1; 
}    

.app-container .content-container 
{
	margin-right: 0;
	margin-left: 0; 
}

.side-body 
{
	/* @todo >> only when navbar/footer is fixed*/
	
	padding-top: 80px ; 
	padding-bottom: 80px; 
}
.side-body.footer-expanded 
{
	padding-bottom: 300px; 
}

.app-container .content-container .side-body.padding-top 
{
	padding-top: 84px; 
}

.app-container .side-body 
{
	margin-left: 15px;
	margin-right: 15px;
	-webkit-transition: all 0.25s;
	transition: all 0.25s; 
}



/* small screen */
@media (max-width: 768px) 
{
	.app-container .content-container .side-body 
	{
		margin-left: 10px; 
	}
	
	.app-container .app-footer.not-fixed-on-small{
		position: relative;
	}
	
	.not-fixed-on-small{
		position: inherit!important;
	}
}


.navbar-breadcrumb
{
	margin-bottom: 0; 
}
.navbar-breadcrumb > li + li:before 
{
	font-family: FontAwesome;
	content: '\f105';
	margin-right: 3px; 
}






/* ..:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.. */
/* ..:: PLAYGROUND :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.. */
/* ..:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.. */
.mce-fullscreen {
    z-index: 110000 !important;
}

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}



.sort-highlight {
  background: #f4f4f4;
  border: 2px dashed #ddd;
  margin-bottom: 10px;
}
.fixed{
	position: fixed;
}


.disabled_x
{
	cursor: not-allowed!important;
	opacity	: 0.65;
	box-shadow: none;
	pointer-events: none ;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.hasMouseOverCursor
{
	cursor: pointer;
	cursor: hand;
}


.control-label{
	padding-right: 0px!important;
}

.slimScroll{
 	max-height: calc(100vh - 400px) !important;  
}

.easingImage {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;	
}

.easingImage:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.padding-correction-label
{
	padding-right: 3px !important;
}

.required-correction-label
{
	color:#ff2020 !important;
	font-size:0.8em !important;
		padding-left: 2px !important;
}


.button-row > div[class*="col-"] {
	padding:0px !important;
}
.button-row {
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:20px !important;
	margin-bottom:20px !important;
}

.table-responsive{
	margin:15px;
}

.select2-container .select2-selection,
.select2-container--bootstrap .select2-selection{
	border-radius:4px !important;
}

.select2-container.select2-container--open .select2-selection ,
.select2-container--bootstrap.select2-container--open .select2-selection 
{
	border-bottom-left-radius:0px!important;
	border-bottom-right-radius:0px!important;
	border-top-left-radius:4px!important;
	border-top-right-radius:4px!important;
}

/* ..:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.. */
/* ..:: LIMIT TEXT TO LINES ::::::::::::::::::::::::::::::::::::::::::::::::::.. */
/* ..:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.. */
.text-line-1{
    line-height: 1.5em;
    height: 1.5em;       	/* height is 1x line-height, so one lines will display */
    overflow: hidden;  		/* prevents extra lines from being visible */
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0, 0, 0, 0;
    display: block;
}

.text-line-2{
    line-height: 1.5em;
    height: 3em;       		/* height is 2x line-height, so two lines will display */
    overflow: hidden;  		/* prevents extra lines from being visible */
    white-space: "normal";
    text-overflow: ellipsis;
    padding: 0, 0, 0, 0;
    display: block;
}

.text-line-3{
    line-height: 1.5em;
    height: 4.5em;       	/* height is 3x line-height, so three lines will display */
    overflow: hidden;  		/* prevents extra lines from being visible */
    white-space: "normal";
    text-overflow: ellipsis;
    padding: 0, 0, 0, 0;
    display: block;
}