/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.footer
{
    /* correction double bar chrome (stickyfooter = 60px)*/
    height:61px;
}

#port-table .input-group-btn{
    width: 0;
}

.flavor_summary.alert
{
    margin-bottom: 0px;
}

.navbar-right.btn-toolbar{
    margin-right: 20px;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

#createapplication #nodelist_dt_paginate
{
	margin-top: -27px;
}

#createapplication #nodelist
{
	cursor:move;
}

#createapplication #nodelist > div,
#createapplication #nodelistnumber > div
{
	border: 1px dashed white;
}

#createapplication #nodelist > div:hover
{
	border: 1px dashed orange;
}

#createapplication .applicationlist form
{
	margin-bottom:0px;
}

#createapplication .page-header
{
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#createapplication nav > ul > li > ul
{
	list-style-type: none;
}

#createapplication nav ul > li.active > ul > li.active > a
{
	padding:1px;
	background-color: #EFEEFF;
    *color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}

#createapplication input[name="validate"]
{
	margin-top: 20px;
	width: 200px;
}

/* price */
#createapplication .control-group .price
{
	display : inline;
	margin-left : 4px;
}

#createapplication .control-group .price > span
{
	margin-top:2px;
}

th.multi_select_column,
td.multi_select_column
{
	text-align: center;
	width: 13px;	
}


/* alert boxes */
#messages, .messages {
	left: 30%;
	position: fixed;
	right: 30%;
	top: 30px;
	z-index: 9999;
}

#messages .alert-block, .messages .alert-block {
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

#messages .alert-block.alert-success, .messages .alert-block.alert-success {
	border: 1px solid #46A546;
}

#messages .alert-block.alert-danger, .messages .alert-block.alert-danger {
	border: 1px solid #9D261D;
}

body {
    padding-bottom: 40px;
}


/* menu sur Smartphone / tablette */
@media (max-width: 979px) {
    .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{
        background-color: transparent;
    }
}

/* menu sur PC */
@media (min-width: 980px) {
    .navbar .nav-collapse.in > .nav > li .dropdown-menu a{
        color: #000;
    }
    .navbar .nav-collapse.in .nav > li > a:hover{
        background-color: transparent;
    }
}


div.widget{
    width: 45%;
    display: inline-block;
    padding: 4px;
    float: left;
    margin: 10px 2% !important;
}

div.widget .box-header{
    text-align:left;
}

div.widget iframe{
    width: 99.2%;
}
.paginate_disabled_previous {
    margin-left: 15px;
    border-radius: 0px 3px 3px 0px;
}
.paginate_enabled_next{
    margin-left: 15px;
    border-radius: 0px 3px 3px 0px;
}
.paginate_enabled_previous {
    margin-left: 15px;
    border-radius: 0px 3px 3px 0px;
}
.paginate_disabled_next{
    margin-left: 15px;
    border-radius: 0px 3px 3px 0px;
}
.required{
    color: rgb(63, 159, 217);
}
.navbar .nav > li > a.nav_condensed {padding-left:2px;padding-right:2px}



/*
th,td {
   vertical-align: middle;
 }

   /*.table thead th {
     text-align:center;
   }
   .table tbody td {
     text-align:center;
   }*/
.table.left-align td, .table .left-align td, .table.left-align th, .table .left-align th
{
    text-align:left;

}

#homebox.w-box {
    width: 100% !important;
    margin-left:0;
}
#homebox.w-box > .w-box-header{
    margin-right: -2px;
}

.w-box-header {
    font-size:13px;
    color: #317EAC;
}

/* add_param_app edition box*/
#form_tab .w-box {
    margin-top: 20px;
}

#columns{
    text-align: center;
    margin-top: 0px;
}

@media (max-width: 767px) {
    #columns > .w-box {width:90% !important; margin-left:auto; margin-right:auto;}
    #columns > .w-box {margin-top:20px;}
    #columns > .w-box:last-child {margin-bottom:20px;}
}

@media (min-width: 768px) {
    #columns > .w-box {width:47% !important;}
    #columns > .w-box:nth-child(1), #columns > .w-box:nth-child(2) {margin-top:20px;} /*first two widgets*/
    #columns > .w-box:nth-child(2n-1){margin-left:10px; float:left;} /*left widget*/
    #columns > .w-box:nth-child(2n){margin-right:10px; float:right;} /*right widget*/
    #columns > .w-box{margin-bottom:20px;}
}

iframe {border:0px; width:100%;}
.sidebar {margin-left:-20px !important; margin-top:-18px !important;}
.sidebar .accordion {border-right: 1px solid #CCCCCC;}
.myDiv {min-height:100px; height:auto !important;height:100px;}

/*#manageApp tr.contract td {border:medium none;}*/
/*#manageApp th.node {width:250px;}
#manageApp td.actions {text-align:left;}
#manageApp td.actions {width:140px;}
#manageApp td.actions .dropdown-menu {min-width:110px;}*/
#manageApp th, #manageApp td {vertical-align:middle;}
#manageApp th {text-align: center !important;}
.borderless td, .borderless th {border: none !important;}


/** registration */

.required{
    color: rgb(63, 159, 217);
}

/* forms for gebo wizard */
.formRow:last-child input, .formRow:last-child textarea, .formRow:last-child select, .uneditable-input {margin-bottom: 0}
.formRow small {display:block;font-size:11px;color:#999;line-height:14px}
.formSep {margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #dcdcdc}

.stacked select, .stacked input[type="text"],.stacked textarea {display:block}

/* .help-inline,.help-block {font-size:11px;margin:-4px 0 0 2px} */

/* .form-horizontal .help-block {margin-top:2px} */
/* .form-horizontal .form-group {margin-bottom:14px} */

input.focused {border-color: rgba(82,168,236,.8);-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);outline: 0;z-index:2;position:relative}

.f_warning > label,.f_warning .help-block,.f_warning .help-inline{color:#c09853}
.f_warning input,.f_warning select,.f_warning textarea{color:#c09853;border-color:#c09853}
.f_warning input:focus,.f_warning select:focus,.f_warning textarea:focus{-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;border-color:#a47e3c}
.f_warning .input-prepend .add-on,.f_warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}

.f_error input,.f_error select,.f_error textarea{color:#b94a48;border-color:#b94a48}
.f_error input:focus,.f_error select:focus,.f_error textarea:focus{-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;border-color:#953b39}
.f_error .input-prepend .add-on,.f_error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48}
.f_error label.error {display:block;font-size:11px;font-weight:700;color:#C62626}
input[type="text"] + label.error,input[type="password"] + label.error, select + label.error, textarea + label.error {margin-top:-6px}
.f_error label.radio + label.error,.f_error label.checkbox + label.error {margin-top:5px}
.input-prepend.f_error label.error,.input_append.f_error  label.error {margin-top:4px}
.form-group.f_error label.error {margin-top:2px}

.f_success > label,.f_success .help-block,.f_success .help-inline{color:#468847}
.f_success input,.f_success select,.f_success textarea{color:#468847;border-color:#468847}
.f_success input:focus,.f_success select:focus,.f_success textarea:focus{-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;border-color:#356635}
.f_success .input-prepend .add-on,.f_success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847}

.ui-tooltip label {margin-bottom:0}
.f_legend {font-size:16px;line-height:16px;padding-bottom:10px;margin-bottom:22px;border-bottom:1px solid #dcdcdc}
.radio.inline, .checkbox.inline {margin-left:0 !important;margin-right:10px}

.f_req {font-size:13px;color:#ff0000;font-family: helvetica, arial, sans-serif}
/* .form-horizontal .controls.text_line {line-height:25px} */

.row-fluid input[class*="span"],.row-fluid textarea[class*="span"],.row-fluid select[class*="span"] {display:inline-block}
.row-fluid input[class*="span"] + input[class*="span"], .row-fluid textarea[class*="span"] + textarea[class*="span"], .row-fluid select[class*="span"] + select[class*="span"] {display:block}

#sproducts .form-search {position:absolute} /* "search" au niveau de la pagination */
/*#appCatalogTable .nav {margin-bottom:0px;}*/
#sproducts {margin-top:-10px;}
.nav-tabs > li > a {
    outline: none;
}


#port-table input, #port-table select,
#access-table input, #access-table select
{
    margin-bottom: 0;
}

#var-table thead th, #var-table td,
#port-table thead th, #port-table td,
#access-table thead th, #access-table td
{
    text-align: center;
    vertical-align: middle;
}

#var-table input,
/* #port-table .control-group, */
/* #access-table .control-group */
/* { */
/*     margin-bottom: 4px; */
/* } */

/* #var-table .control-group */
/* { */
/*     margin-bottom: 0px; */
/* } */

.navbar form {margin:0}

a.brand
{
    font-size: 15px;
    font-weight: bold;
}


.text-justify {
    text-align: justify;
}
.width-button {
    width:100px ;
    text-align: center;
}

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

.truncatedText {
	display:inline-block;
	max-height: 34px;
	overflow: hidden;
	-o-text-overflow: ellipsis; /* pour Opera 9 */
	text-overflow: ellipsis; /* pour le reste du monde */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

[id^="divCartItem"] .appName {
    margin-top:3px;
}

[id^="divCartItem"] {
    margin-bottom:2px;
}

.slider-horizontal input 
{
	display:none !important;
	width: 250px !important;
}

#monitor tbody tr td i:not(.glyphicon-home):hover {
	cursor: pointer;
}


#manageApp tbody tr td i.glyphicon-plus:hover,
#manageApp tbody tr td i.glyphicon-minus:hover,
#var-table tfoot tr td i.glyphicon-plus:hover,
#var-table tbody tr td i.glyphicon-minus,
#port-table tfoot tr td i.glyphicon-plus,
#port-table tbody tr td i.glyphicon-minus,
#access-table tfoot tr td i.glyphicon-plus,
#access-table tbody tr td i.glyphicon-minus {
	cursor: pointer;
}

.content_container {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}


/* =============================================================
 * Pour corriger le problème des fenêtres modales qui ne s'affichaient plus
 * Il faut que :
 *      z-index (.sb-slidebar (par défaut 0)) soit > au z-index de (.modal-backdrop de bootstrap (par défaut 1040))
 * et que
 *      z-index (#sb-site, .sb-site-container) soit = z-index (.sb-slidebar (par défaut 1)) + 1
 * =============================================================*/
#sb-site, .sb-site-container {
    z-index: 1049; /* Site sits above Slidebars */
}

.sb-slidebar {
    z-index: 1048; /* Slidebars sit behind sb-site. */
}

/* =============================================================
 * Coloration le body des bootbox en cas de réussite ou d'erreur de traitement
 * =============================================================*/
.modal-success .modal-body {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.modal-danger .modal-body {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.modal-info .modal-body {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.modal-warning .modal-body {
	background-color: #fcf8e3;
	border-color: #fbeed5;
	color: #c09853;
}

.chartGab rect:first-of-type {
  color: #fff;
  stroke: #398fb2;
  fill: white;
}

.chartGab text:first-of-type {
  fill: #398fb2;
  font-family: sans-serif;
  font-size: 12px;
  pointer-events: none;
}

.chartGab rect:nth-of-type(2) {
  color: #fff;
  stroke: #398fb2;
  fill: #40a9d1;
}

.chartGab text:nth-of-type(2) {
  fill: #b2e3f4;
  font-family: sans-serif;
  font-size: 12px;
  pointer-events: none;
}
.chartGab rect:nth-of-type(3) {
  color: #fff;
  stroke: transparent;
  fill: #2f7c99;
}

.chartGab text:nth-of-type(3) {
  fill: #bad7e2;
  font-family: sans-serif;
  font-size: 12px;
  pointer-events: none;
}
.link line {
  stroke: #a2a5b2;
  stroke-width: 0.1px;
}

.node text {
  font: 14px sans-serif;
  pointer-events: none;
}

path.color0 {
  fill: #41f4d3;
}

path.color1 {
  fill: #2f78bc;
}

.poweron{
  font-size: 10px;
  color: #16A085;
}
.poweroff{
  font-size: 10px;
  color: #F62459;
}
.fatal{
  font-size: 10px;
  color: #9b6464;
}
.zone{
  font-size: 10px;
  color: #999999;
}
.avazone{
  font-size: 10px;
  color: #e08444;
}
.inprocess{
  font-size: 10px;
  color: #e6c222;
}
.suspended{
  font-size: 10px;
  color: #e68e22;
}
.network{
  font-size: 10px;
  color:#4586b2;
}

.instancedet{
    float: right;
    position: relative;
    top: -723px;
    width: 0px;
    height: 606px;
    background:#FAFAFA;
    overflow: hidden;
    transition: 0.8s all;
    border-color: #555;
}

/* MODAL FADE RIGHT */
.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}
.modal.right .modal-dialog {
    position:absolute;
    width: 460px;
    top:40px;
    right:0;
    margin:0;
}
.modal.right .modal-content {
    min-height:94vh;
    border:0;
}
.close{
    position:relative;
    /*top: 8px;*/
}
.spaces{
    margin-right: 7px;
    margin-left: 7px;
}
#legend{
    color: #cc6a6a;
}
.form-inline .input_flavors {
    width: 50px;
}