/**
* GLOBAL OVERLOAD
*/

section table {
	font-size : 11px !important;
}

section th
{
	font-weight : 400;
	font-size : 11px;
}

section h3
{
	margin-top: 2px;
	margin-bottom: 10px;
}

code
{
	background-color : transparent;
}

.treehead
{
	color : white !important;
	font-size : 15px !important;
	font-weight : bold;
}

.formtype2
{
	margin-top:15px;
}


/**
* GLOBAL WARNING MESSAGE
*/

.warnmessage
{
	width : 50%;
	position : fixed;
	border : 0px solid red;
	z-index : 3000;
	top : 0;
	left : 50%;
	transform : translate(-50%,-100%);
}

/**
* OVERLAY 
*/

#fulloverlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	text-align : center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
	padding-top : 20%;
}

/**
* PAGINATION OVERLOAD
*/

.pagination > .active
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover
{
	/*
        background-color        : #28b2a5;
        border-color            : #14746b;
	*/
        font-weight             : bold;
}

/**
* GLOBAL STYLE NOT FOUND IN BOOTSTRAP SIGH !! 
*/

.bg-rounded
{
	border-radius: 5px;
	padding : 10px;
}

.c-pointer
{
	cursor : pointer;
}


/**
* forms OVERLOAD
*/
/*
.form-control:not(select)
{
	padding : 12px 5px;
}
*/
/**
* userdropdown OVERLOAD
*/

.navbar-nav > .user-menu > .dropdown-menu > li.user-header
{
        height:220px;
}

.user-panel
{
	min-height:80px;
}

.user-panel > .info
{
	position : static;
}


/**
* Navigation OVERLOAD
*/

.skin-blue .sidebar-menu > li.header {
	color: #469496;
        font-size: 14px;
	font-style : italic;
}


.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.errorForm
{
        border : 1px solid red !important;
}

.validForm
{

}

/**
* FEEDER - NAVIGATOR
*/

.main-feeder
{
	display:none;

	width:300px;
	height:500px;

	position:fixed;
	top:75px;
	right:-2px;
	border:0px solid green;
	z-index:100;
	/*overflow-x: hidden;*/
	overflow:hidden;
}

.feeder-cache
{
	width:281px;
	height:370px;

	border:0px solid blue;
	overflow:hidden;

}

#feeder-content
{
	width:295px;
	height : 405px;

	position:relative;
	top:-18px;
	padding-top:18px;
	border:0px solid red;
	overflow:scroll;
	overflow-x: hidden;
	scrollbar-color: #f39c12 #ebebeb;

}

/**
* CELL ReSIZING
*/

.resizeTrigger {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	right: 0px;
	top: 0;
	height: 100%;
	/* background: blue; */
	background: white;
	opacity : 1;
	cursor: ew-resize;
	/* border-right: 5px solid white; */
}



/**
* FLOATING LABEL
*/

.floating-group
{
        position: relative;
}

/* INPUT */

.floating-control
{
        width   : 160%;
        /* color   : #28b2a5; */
        border  : 0px solid red;
}

.floating-control-placeholder
{
        border : 0px solid red;
        position: absolute;
        left : 0px;
        top: -3px;
        padding: 0 0 0 0;
        transition: all 200ms;
        opacity: 1;
	white-space : nowrap;
}

.floating-control:focus + .floating-control-placeholder,
.floating-control:not(:placeholder-shown) + .floating-control-placeholder
{
	border : 0px solid blue;
	font-size: 75%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
}

/* SELECTER */

.floating-selecter
{
        width   : 160%;
        border  : 0px solid red;
	background-color : transparent;
}

.floating-selecter-placeholder
{
        border : 0px solid red;
        position: absolute;
        left : 0px;
        top: -3px;
        padding: 0 0 0 0;
        transition: all 200ms;
        opacity: 1;
	white-space : nowrap;
}

.floating-selecter-selected
{
}

.floating-label-selecter-selected
{
        border : 0px solid red;
        position: absolute;
        left : 0px;
        top: -3px;
        padding: 0 0 0 0;
        transition: all 200ms;
        opacity: 1;
	white-space : nowrap;

	font-size: 75%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
}

.floating-selecter-empty
{
}

.floating-label-selecter-empty
{
        border : 0px solid red;
        position: absolute;
        left : 0px;
        top: -3px;
        padding: 0 0 0 0;
        transition: all 200ms;
        opacity: 1;
	white-space : nowrap;
	background-color : transparent;
}

select[class*="floating-selecter"]:focus
{
	background-color : white;
}

select[class*="floating-selecter"]:focus + .floating-selecter-placeholder
{
	border : 0px solid blue;
	font-size: 75%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
}