/* container */

.view {
	width:100%;
	height:100%;
	overflow:hidden;
}

/* loading */

@-webkit-keyframes animRotate {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes animRotate {
	0%   { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes animRotate {
	0%   { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

.loadingIconVerySmall {
	display: inline-block;
	font-size:16px;
	line-height: 24px;
	-webkit-animation: animRotate 2s infinite ease;
	-moz-animation: animRotate 2s infinite ease;
	-o-animation: animRotate 2s infinite ease;	
	color: #838383;
	text-shadow: 0 0 .05em rgba(255,255,255, .3);
	vertical-align:middle;
}

.loadingIconSmall {
	display: inline-block;
	font-size:24px;
	line-height: 24px;
	-webkit-animation: animRotate 2s infinite ease;
	-moz-animation: animRotate 2s infinite ease;
	-o-animation: animRotate 2s infinite ease;	
	color: #838383;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
	vertical-align:middle;
}

.loadingIconMedium {
	display: inline-block;
	font-size: 30px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	-webkit-animation: animRotate 2s infinite ease;
	-moz-animation: animRotate 2s infinite ease;
	-o-animation: animRotate 2s infinite ease;	
	color: #838383;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
	vertical-align:middle;
}

.loadingTextSmall {
	font-family: arial;
	color:#838383;
	font-size:14px;
	height:48px;
	text-align:left;
	vertical-align:middle;
	line-height:48px;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.loadingIcon {
	display: inline-block;
	font-size:48px;
	line-height: 1;
	-webkit-animation: animRotate 2s infinite ease;
	-moz-animation: animRotate 2s infinite ease;
	-o-animation: animRotate 2s infinite ease;	
	color: #838383;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.loadingIconLight {
	display: inline-block;
	font-size:48px;
	line-height: 1;
	-webkit-animation: animRotate 2s infinite ease;
	-moz-animation: animRotate 2s infinite ease;
	-o-animation: animRotate 2s infinite ease;
	color: #EFEFEF;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.loadingIconTable {
	font-size:40px;
	line-height: 1;
	-webkit-animation: animRotate 2s infinite ease; 
	-moz-animation: animRotate 2s infinite ease; 
	-o-animation: animRotate 2s infinite ease;	
	color: #838383;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.loadingText {
	line-height:64px;
	font-family: arial;
	color:#838383;
	font-size:14px;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.loadingTextLight {
	line-height:64px;
	font-family: arial;
	color:#EFEFEF;
	font-size:14px;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.loadingView {
	width:100%;
	height:100%;
	text-align:center;
	opacity:0.0;
	display:none;
}

.loadingContainer {
	position:relative;
	top:45%;
}

.viewHeader {
	height:30px;
	background-color:#2292a7;	
}

.viewHeaderSpacer {
	width:10px;
	height:30px;
	float:left;
}

.viewHeaderText {
	height:30px;
	text-align:left;
	vertical-align:middle;
	line-height:30px;
	color:white;
	font-family: arial; 
	font-size:14px;
	float:left;
}

.viewMenu {
	width:50px;
	height:100%;
	background-color:#ddd;
	float:right;
	box-shadow: inset 4px 0px 6px #aaa;
	position:relative;
	overflow:hidden;
}

.viewMenu .scrollableMenuContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:50px;
	right:-17px;
	overflow-y: scroll;
	overflow-x:hidden;
}

.viewMenu .rightMenuUpArrow:hover, .viewMenu .rightMenuDownArrow:hover{
	background-color:rgba(255,255,255,0.9);
}

.viewMenu .rightMenuUpArrow{
	cursor:pointer;
	position: absolute;
	display:none;
	top:0;
	z-index: 1500;
	left:0;
	right:0;
	text-align: center;
	color:#3399ff;
	background-color:rgba(255,255,255,0.5);
	box-shadow: 1px 1px 3px #838383;
}

.viewMenu .rightMenuDownArrow{
	cursor:pointer;
	position: absolute;
	display:none;
	bottom:30px;
	z-index: 1500;
	left:0;
	right:0;
	text-align: center;
	color:#3399ff;
	background-color:rgba(255,255,255,0.5);
	box-shadow: -1px -1px 3px #838383;
}

.viewContent {
	width:calc(100% - 50px);
	height:calc(100% - 20px);
}

.viewTopFrame {
	position:absolute;
	width:100%;
	height:40px;
	border-bottom:1px solid #ccc;
	background-color:#eee;
	padding:4px;
	/*box-shadow: inset 4px 0 9px -2px #aaa;*/
}

.viewContentNoMenuWithTopFrame {
	position:absolute;
	top:70px;
	width:100%;
	height:calc(100% - 70px);
}

.viewContentNoMenu {
	width:100%;
	height:calc(100% - 20px);
}

.viewContentWithToolBar {
	width:calc(100% - 50px);
	height:calc(100% - 60px);
}

.viewToolBar {
	width:100%;
	height:30px;
	background-color:#ccc;
	z-index:-100;
	box-shadow: inset 4px 0px 6px #aaa;
	padding-left:10px;
	font-size:12px;
	color:#004C66;
	line-height:30px;
	vertical-align:middle;
}

.viewTopLeftPart {
	float:left;
	width:50%;
	height:calc(50% - 5px);
}

.viewTopRightPart {
	float:right;
	width:50%;
	height:calc(50% - 5px);
}

.viewLeftPartMiddle {
	float:left;
	width:50%;
	height:calc(100% - 10px);
}

.viewFullHorizontal {
	float:left;
	width:100%;
	height:calc(50% - 5px);
}

.viewLeftPart {
	float:left;
	width:100%;
	height:calc(100% - 10px);
}

.viewRightPart {
	float:right;
	/*color: white;*/
	width:0%;
	height:calc(100% - 10px);
	background-color:#004b63;
}

.viewLeftPartWithToolBar {
	float:left;
	width:100%;
	height:100%;
}

.viewRightPartWithToolBar {
	float:right;
	width:0%;
	height:100%;
	background-color:#555555;
}

.viewMargins {
	height:calc(100% - 20px);
	margin:10px 10px 10px 10px;
	padding: 0;
	border:#aaa solid 1px;
	background-color:#aaa;
}

.windowHeader {
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	/*background-color:#639;*/
}

.background-color-white {
	background-color: white;
}

.background-color-title {
	background-color: #63757b;
}

.windowHeaderText {
	float:left;
	padding:.6em .5em;
	color:#ddd;
	font-size:12px;
	font-family: arial;
}

/*.windowFooter {
	width:100%;
	height:12px;
	background-color: #666;
}*/

.windowContentWithToolBar {
	width:100%;
	height:calc(100% - 22px);
	margin:0;
	padding:0;
	overflow: hidden;
}

.windowContent {
	width:100%;
	height:calc(100% - 32px);
	margin:0;
	padding:0;
	overflow: auto;
}

.windowContentNoTitle {
	width:100%;
	height:calc(100%);
	margin:0;
	padding:0;
	overflow: hidden;
}

.windowContentGuacamole {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow: hidden;
}

.slide-borders {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
}

.roundBorderTop {
	/*border-top-left-radius:4px;
	border-top-right-radius:4px;*/
}

.roundBorderBottom {
	/*border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;*/
}

/* colors */

.color-disabled {
	color: #ccc;
}

/* my editable combo */ 

.editable-combo-row {
	padding:0.5em;
}
.editable-combo-row:hover {
	background-color:#eee;
}

/*.container-border	
{
	padding: 5px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	border-left-color: #D8ECEC;
}*/

.container-border-neutral {
	padding: 10px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	border-left-color: #ccc;
}

.container-border-neutral-right {
	padding: 10px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-right-width: 5px;
	border-radius: 3px;
	border-right-color: #ccc;
}

.container-border-success {
	padding: 10px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	border-left-color: #00751B;
}

.container-border-danger {
	padding: 10px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	border-left-color: #d9534f;
}

.container-border-warning {
	padding: 10px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	border-left-color: #f0ad4e;
}

.container-border-info {
	padding: 10px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	border-left-color: #5bc0de;
}

.container-large-border	
{
	padding: 5px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 15px;
	border-radius: 3px;
	border-left-color: #D8ECEC;
}

.container-large-border-right
{
	padding: 5px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-right-width: 15px;
	border-radius: 3px;
	border-right-color: #D8ECEC;
}

.container-border-title, .container-border-title-right, .container-border-title-center{
	font-size: 12px;
	font-weight: bold;
	margin-bottom:5px;
	color:#999;
}

.container-border-title-right {
	text-align : right;
}

.container-border-title-center {
	text-align : center;
}

.container-border-first {
	margin-top: 0px;
}

.container-border-last {
	margin-bottom: 0px;
}

.btn-filter {
	margin: 5px 0;
	width: 90px;
}

.btn-filter-2 {
	margin : 5px 0;
	width: 100%;
	display: block;
}

.btn-filter-small {
	margin: 5px 0;
	width: 45px;
}

.text-rotate {
	transform-origin: left top;
	transform: rotate(-90deg);
}

.no-arrow::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
}

.hidden-element {
	display: none !important;
}

.selected-element {
	color: #f0ad4e;
}

/* drop down sub menu */    
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
	margin-left: 1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* search */
.selected-element-delete {
	color: #ba0000;
}

.label-search {
	margin: 0;
}

.detail-text {
	color: gray;
}

.galerie {
	text-align:center;
	line-height:64px;
	vertical-align:middle;
}

.galerie-mini
{
  margin: 0 ;
  padding: 0 ;
  list-style-type: none ;
}

.galerie-mini > li
{
  float: left ;
	width:64px;height:64px;
	min-width:64px;min-height:64px;
	max-width:64px;max-height:64px;
	background-color: rgba(255, 255, 255, 0.0);
}

.galerie-mini > li > a > img, .galerie-mini > li > a > embed
{
  margin: 2px 1px ;
  border: 1px solid #dcb ;
}

.input-group-field {
    display: table-cell;
    vertical-align: middle;
    border-radius:4px;
    min-width:1%;
    white-space: nowrap;
}
.input-group-field .form-control {
    border-radius: inherit !important;
}
.input-group-field:not(:first-child):not(:last-child) {
    border-radius:0;
}
.input-group-field:not(:first-child):not(:last-child) .form-control {
    border-left-width: 0;
    border-right-width: 0;
}
.input-group-field:last-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

.navbar-custom-inverse {
	background-image:-webkit-linear-gradient(top,#e1e1e1 0,#f2f2f2 100%);
	background-image:-o-linear-gradient(top,#e7e7e7 0,#f2f2f2 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#e7e7e7),to(#f2f2f2));
	background-image:linear-gradient(to bottom,#e7e7e7 0,#f2f2f2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7fffff', endColorstr='#e7e7e72f2f2', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat:repeat-x;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)
}

.navbar-custom-inverse .navbar-nav>.active>a {
	background-image:-webkit-linear-gradient(top,#f2f2f2 0,#fff 100%);
	background-image:-o-linear-gradient(top,#f2f2f2 0,#fff 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#e3e3e3));
	background-image:linear-gradient(to bottom,#f2f2f2 0,#fff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#ffe3e3e3', GradientType=0);
	background-repeat:repeat-x;
	-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);
	box-shadow:inset 0 3px 9px rgba(0,0,0,.075);
	color: #555;
	background-color: #e7e7e7;
}
	
.navbar-brand,.navbar-nav>li>a {
	text-shadow:0 1px 0 rgba(255,255,255,.25);
	color: #777;
}

.navbar-text-enabled {
	color : #46ca7e;
}
.navbar-text-disabled {
	color : #e18260;
}
.navbar-text-gradient {
	background: -webkit-linear-gradient(left, #46ca7e, #e18260);
	background: linear-gradient(left, #46ca7e, #e18260);
	background: -webkit-linear-gradient(left, #00751B, #ba0000);
	background: linear-gradient(left, #00751B, #ba0000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.statusPastilleV2 {
	position:absolute; 
	top:20px;
	/*z-index:10;*/
}

.spacerCellV2 {
	width:10px;
	position:relative; 
	text-align:center;
}
.statusIconBlue, .statusIconBlue:before {
	color:#2292a7;
}
.statusIconGrayV2 {
	color:gray;
}
.statusIconDarkGrayV2 {
	color:darkslategray;
}
.statusIconLightGrayV2 {
	color:#aaa;
}

.statusIconCellAutoV2 {
	position:relative; 
	text-align:center;
}
.statusIconCellV2 {
	position:relative; 
	width:20px; 
	text-align:center;
}
.statusIconCellSmallV2 {
	position:relative; 
	width:16px; 
	text-align:center;
}
.statusIconCellMediumV2 {
	position:relative; 
	width:30px; 
	text-align:center;
}
.statusIconCellLargeV2 {
	/*position:relative; 
	width:36px;*/
	position:relative; 
	max-width:30px; 
	text-align:center !important;
}

.statusIconV2 {
	font-size:14px;
	padding:3px;
	line-height:20px;
}
.statusIconSmallInMediumV2 {
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:40px;
}
.statusIconSmallV2 {
	font-size:16px;
	padding-left:3px;
	padding-right:3px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:40px;
}
.statusIconMediumV2 {
	font-size:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:40px;
}
.statusIconLargeV2 {
	/*font-size:24px;
	padding:6px;
	line-height:40px;*/
	font-size:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:40px;
}
.statusIconLargestV2 {
	font-size:24px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:40px;
}

.statusIconTopCellV2 {
	position:absolute; 
	width:20px;
	height:20px;
	top:0px;
}
.statusIconBottomCellV2 {
	position:absolute; 
	width:20px;
	height:20px;
	top:20px;
}

.textTopCellV2 {
	/*position:absolute; 
	height:26px; 
	top:0px;
	line-height:26px;*/
	font-size:12px;
	font-weight:bold;
}
.textBottomCellV2 {
	/*position:absolute; 
	height:14px; 
	top:26px;
	line-height:14px;*/ 
	font-size:10px;
}

.smallSlideLinkV2 {
	font-size:10px;
}
.smallSlideLinkV2:hover {
	cursor:pointer;
}

.pointerV2 {
	cursor: pointer;
}

.text-collapsable {
	word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-hoverable:hover {
	color: #2292a7;
}