/* Dashboard */


.ui-state-highlight { height: 2em; line-height: 2em;}



#providertab .pricesInfo{
  display: inline;
  margin-left: 5px;
} 

.navbar .nav > li {
    font-size: 14px;
    letter-spacing: 1px;

}

#columns .column {
    float: left;
    width: 50%;
 /* Min-height:
    min-height: 400px; */
    height: auto !important;
}


#columns #widget1 .widget {
    margin-right: 10px;
   margin-left: 10px;
}
#columns #computetest .widget {
    margin-right: 10px;
}

#columns #widget2 .widget {
    margin-left: 10px;
    margin-right: 10px;
}

#columns #widget3 .widget {
    margin-left: 10px;
}

#columns .widget {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    position: relative;
    border: 1px solid #DDDDDD;
}

#columns .widget .widget-head {
    overflow: hidden;
    background-color: #F0F0F0;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
}

#columns .widget .widget-head span {
    color: #0088CC;
    text-shadow: #fff 0 1px;
    font-size: 15px;
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    float: left;
}

#columns .widget .widget-content {
    padding: 0px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
}

#columns .widget .widget-iframe {
    width: 100%;
    height: 180px;
    border: none;
}

.widget-head a.remove {
    float: right;
    display: inline;
/*     background: url(../bs/img/buttons.png) no-repeat -20px 0; */
    width: 12px;
    height: 12px;
    margin: 6px 1px 4px 0;
    text-indent: -9999em;
    outline: none;
}

.widget-head a.edit {
    float: right;
    display: inline;
/*     background: url(../bs/img/buttons.png) no-repeat -3px 0; */
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    margin: 6px 6px 4px 4px;
    outline: none;
}

.widget-head a.collapse {
    float: left;
    display: inline;
/*     background: url(../bs/img/buttons.png) no-repeat -48px 0; */
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    margin: 6px -3px 4px 7px;
    outline: none;
}

.widget-placeholder {
    border: 2px dashed #777;
    margin: 18px 8px 0px 8px;
}

.collapsed .widget-head a.collapse {
    background-position: -34px 0;
}

.collapsed .widget-content {
    display: none !important;
}
/* End Dashboard */


/* sidebar */
.sidebar{margin-left:-100%;width:240px;float:left;position:relative}
.sidebar_sep{background:#efefef;clear:both;float:none;height:5px;border-color:#ccc;border-style:solid;border-width:1px 0;margin:14px 0}
.sidebar_switch{text-indent:-10000px;width:16px;position:fixed;left:220px;top:45px;height:14px;cursor:pointer;z-index:100;display:block;opacity:.5}
.on_switch {/* background: url(../../../img/sidebar_switch.png) no-repeat 0 -19px */}
.off_switch {/* background: url(../../../img/sidebar_switch.png) no-repeat 0 -1px */}
.sidebar_inner form{padding:14px 0 9px 15px}
.sidebar_inner form input{margin:0}

.sidebar_hidden .sidebar {display:none}
.sidebar_hidden .sidebar_switch {left:4px;}
.sidebar_hidden .main_content {margin:0;border-left:none}
.sidebar_hidden {background: #fff}
.sidebar_hidden #maincontainer {background: #fff}

.sidebar_info {width:180px;position:relative;left:30px;bottom:10px}
.sidebar_info ul {padding:5px 10px;margin:0;font-size:11px;background:#fafafa;border:1px solid #e5e5e5;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px}
.sidebar_info ul li {line-height:26px;overflow:hidden;border-bottom:1px dashed #ccc}
.sidebar_info ul li:last-child {border:none}
.sidebar_info .act {float:right}

.sidebar .accordion {border-top: 1px solid #ccc;margin-bottom: 20px;margin-right:1px}
.sidebar .accordion-heading {text-shadow: 1px 1px 0 #efefef;background: #e0e0e0;-webkit-box-shadow: inset 0px 1px 0px 0px #ececec;box-shadow: inset 0px 1px 0px 0px #ececec}
.sidebar .accordion-heading a:hover {background-color: #cfcfcf}
.sidebar .accordion-group{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:0;border-color:#ccc;border-style:solid;border-width:0 0 1px}
.sidebar .accordion-group a{color:#222;text-decoration:none!important}
.sidebar .accordion-group .active a{color:#fff}
.sidebar .accordion-group .accordion-heading a{color:#222}
.sidebar .accordion-inner{border-top:1px solid #ccc;background:#fafafa} 

.sdb_h_active {background: url("../img/bullet_green.png") no-repeat right center}

/* widgets */
.w-box {-webkit-box-shadow:  0px 1px 2px 0px #efefef;box-shadow:  0px 1px 2px 0px #efefef}
/*.w-box + .w-box {margin-top:20px}*/
.w-box-header {height:32px;line-height:32px;border:1px solid #ddd;padding:0 10px;background: #fbfbfb;background: -moz-linear-gradient(top,  #fbfbfb 0%, #f1f1f1 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f1f1f1));background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f1f1f1 100%);background: -o-linear-gradient(top,  #fbfbfb 0%,#f1f1f1 100%);background: -ms-linear-gradient(top,  #fbfbfb 0%,#f1f1f1 100%);            background: linear-gradient(top,  #fbfbfb 0%,#f1f1f1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f1f1f1',GradientType=0 );font-weight:700;color:#666;font-size:11px}
.w-box-header .btn-group {margin-top:5px}
.w-box-header .dropdown-menu {font-size:12px}
.w-box-header input {padding:2px;margin:-2px 0 0}
.w-box-content {border:1px solid #ddd;border-top:none}
.w-box-content.cnt_a {padding:10px}
.w-box-content table,.w-box-content pre {margin-bottom:0}
.w-box-content pre {-webkit-border-radius: 0 0 0 0;-moz-border-radius: 0 0 0 0;-ms-border-radius: 0 0 0 0;border-radius: 0 0 0 0;border:none}
.w-box-content .no-th tr:first-child td {border-top:none}
.w-box-content .gebo-upload {margin:0}
.w-box-content .gebo-upload .plupload_filelist_header {border-top:none}
.w-box-content .gebo-upload .plupload_filelist_footer {border-bottom:none}
.w-box-content .tabbable {position:relative;top:-28px;margin-bottom:-28px}
/*.w-box-content .nav-tabs {border-bottom:none}
.w-box-content .nav-tabs {float:right;clear:both}
.w-box-content .nav-tabs > li > a {padding:4px 6px;font-size:11px}
.w-box-content .nav-tabs > li.active > a {background:#fff !important}
.w-box-content .nav-tabs > li > a:hover {border-color:#ddd #ddd transparent;background: transparent}*/
.w-box-content .tab-content {clear:both}
.w-box-content .tab-pane {padding:0 10px 10px}
.w-box-footer {border:1px solid #ddd;padding:8px 10px;background: #fdfdfd;border-top:none}
.w-box-footer .pagination {margin:0; font-size:11px;height:22px}
.w-box-footer .pagination a {line-height:20px}
.ui-sortable .w-box-header {cursor:move}
.sort-disabled .w-box-header {cursor:default}

/*
 * Gestion du sprite image carte de crédit
 */
/*.card_visa, .card_mastercard, .card_amex, .card_discover, .card_diners, .card_jcb {
        display: inline-block;
        width: 50px;
        height: 30px;
        overflow: hidden;
        text-align: left;
        text-indent: -999px;
        background: url(../img/sprite-cards.png) 0 0 no-repeat;
}

.card_mastercard {
        background-position: -55px 0;
}

.card_amex {
        background-position: -110px 0;
}

.card_discover {
        background-position: -165px 0;
}

.card_diners {
        background-position: -220px 0;
}

.card_jcb {
        background-position: -660px 0;
}*/

/*
 * Gestion du sprite icon des OS
 */
 
.icon_os_linux, .icon_os_windows_server, .icon_os_redhat, .icon_disk_ssd, .icon_power_settings,.icon_os_suse,
.icon_ram , .icon_cpu, .icon_disk, .icon_disk_magnetic, .icon_images_settings,.icon_os_windows_sql,
.icon_region, .icon_x64, .icon_x86, .icon_os, .icon_x_type,.icon_os_windows_sql_web,
.icon_other, .icon_all, .icon_cpu_speed, .icon_providers,
.icon_one_core, .icon_two_cores, .icon_four_cores, .icon_eight_cores {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-align: left;
  text-indent: -999px;
  background: url(../img/uicb_comparator.png) 0 0 no-repeat;
}

.icon_os_windows_server {
  background-position: -32px 0;
}

.icon_os_redhat {
  background-position: -64px 0;
}

.icon_disk_ssd {
  background-position: -96px 0;
}

.icon_power_settings {
  background-position: -128px 0;
}

.icon_os_suse {
  background-position: -160px 0;
}

.icon_ram {
  background-position: 0 -32px;
}

.icon_cpu {
  background-position: -32px -32px;
}

.icon_disk {
  background-position: -64px -32px;
}

.icon_disk_magnetic {
  background-position: -96px -32px;
}

.icon_images_settings {
  background-position: -128px -32px;
}

.icon_os_windows_sql {
  background-position: -160px -32px;
}

.icon_region {
  background-position: 0 -64px;
}

.icon_x64 {
  background-position: -32px -64px;
}

.icon_x86 {
  background-position: -64px -64px;
}

.icon_os {
  background-position: -96px -64px;
}

.icon_x_type {
  background-position: -128px -64px;
}

.icon_os_windows_sql_web {
  background-position: -160px -64px;
}

.icon_other {
  background-position: 0 -96px;
}

.icon_all {
  background-position: -32px -96px;
}

.icon_cpu_speed {
  background-position: -64px -96px;
}

.icon_providers {
  background-position: -96px -96px;
}

.icon_one_core {
  background-position: 0 -128px;
}

.icon_two_cores {
  background-position: -32px -128px;
}

.icon_four_cores {
  background-position: -64px -128px;
}

.icon_eight_cores {
  background-position: -96px -128px;
}

.dragdropzone{
    border: 2px dashed rgba(0, 0, 0, 0.2);
    border-radius: 4px 4px 4px 4px;
    padding: 15px;
}

/*
 * Specific CSS for bootstrap 3 btn-file and btn-file input[type=file]
 */
.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.input-readonly-btn-file {
  background-color: white !important;
  cursor: text !important;
}

/********************** ADDED **********************/

.elapsed {
  position: relative;
  text-align: right;
}

.elapsed-left {
  position: relative;
  text-align: right;
}

.ui-slider {
  margin-bottom: 8px;
  margin-top: 10px;
}
.slider-eq > span {
  float: left;
  height: 125px;
  margin: 15px;
}
/* Sliders */
.custom-slider {
  background: none repeat scroll 0 0 #E4E6EB !important;
  border: 0 none !important;
  border-radius: 50em 50em 50em 50em !important;
  position: relative;
  z-index: 10;
}

.slider-tip {
    opacity:1;
    bottom:120%;
    margin-left: -1.36em;
}

.ui-slider-horizontal {
  height: 0.7em !important;
}
.ui-slider-vertical {
  width: 0.7em !important;
}

/* Slider colors */
.slider-blue .ui-slider-range,
.progress-blue .ui-progressbar-value {
  background: none repeat scroll 0 0 #3a87ad; /*#70afc4*/
}
.slider-green .ui-slider-range,
.progress-green .ui-progressbar-value {
  background: none repeat scroll 0 0 #a8bc7b;
}
.slider-pink .ui-slider-range,
.progress-pink .ui-progressbar-value {
  background: none repeat scroll 0 0 #db5e8c;
}
.slider-orange .ui-slider-range,
.progress-orange .ui-progressbar-value {
  background: none repeat scroll 0 0 #f0ad4e;
}
.slider-red .ui-slider-range,
.progress-red .ui-progressbar-value {
  background: none repeat scroll 0 0 #d9534f;
}
.slider-yellow .ui-slider-range,
.progress-yellow .ui-progressbar-value {
  background: none repeat scroll 0 0 #fcd76a;
}
.slider-dark .ui-slider-range,
.progress-dark .ui-progressbar-value {
  background: none repeat scroll 0 0 #555555;
}


/*-----------------------------------------------------------------------------------*/
/*  Grids and Box
/*-----------------------------------------------------------------------------------*/
.box-style {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}
.box-style .box-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #c4c4c4;
  min-height: 30px;
}
.box-style .box-title h4 {
  /*font-family: 'Open Sans';*/
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
  color: #555555;
}
.box-style .box-title h4 i {
  margin-right: 10px;
  color: #666;
}
.box-style .box-title .tools {
  display: inline-block;
  padding: 0;
  margin-bottom: 7px;
  float: right;
  clear: both;
  min-height: 30px;
}
.box-style .box-title .tools > a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  color: #c4c4c4;
  margin-right: 5px;
}
.box-style .box-title .tools > a :hover {
  color: #ababab;
}
.box-style .box-title .tools .label {
  margin-right: 5px;
}
.box-style .box-title .items {
  display: inline-block;
  padding: 0;
  margin-bottom: 7px;
  margin-top: 7px;
  float: right;
  width: 40%;
  clear: both;
}
.box-style .box-title .items .progress {
  height: 7px !important;
}
.box-style .toolbox {
  padding: 5px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #c4c4c4;
}
.box-style .toolbox.bottom {
  padding: 5px;
  background-color: #f4f4f4;
  border-top: 1px solid #c4c4c4;
  border-radius: 0 0 4px 4px;
  border-bottom: none;
}
.box-style .box-body.bg {
  border-radius: 0 0 4px 4px;
  padding: 10px;
  background-color: #FFFFFF;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  margin-top: -15px;
}
/* Sortable */
.box-placeholder {
  border: 1px dashed #c4c4c4;
  background-color: #eaeaea;
  border-radius: 4px;
}
/* Colors */
/*.box.border.orange {
  border: 1px solid #eea236;
}*/
.box-style.border.orange > .box-title {
  color: #FFFFFF !important;
  background-color: #f0ad4e;
  border-bottom: 1px solid #eea236;
}
.box-style.border.orange > .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.border.orange > .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.border.orange > .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.border.orange > .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
/*.box.border.pink {
  border: 1px solid #d6497d;
}*/
.box-style.border.pink > .box-title {
  color: #FFFFFF !important;
  background-color: #db5e8c;
  border-bottom: 1px solid #d6497d;
}
.box-style.border.pink > .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.border.pink > .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.border.pink > .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.border.pink > .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
/*.box.border.purple {
  border: 1px solid #9785c6;
}*/
.box-style.border.purple > .box-title {
  color: #FFFFFF !important;
  background-color: #a696ce;
  border-bottom: 1px solid #9785c6;
}
.box-style.border.purple > .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.border.purple > .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.border.purple > .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.border.purple > .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
/*.box.border.inverse {
  border: 1px solid #484848;
}*/
.box-style.border.inverse > .box-title {
  color: #FFFFFF !important;
  background-color: #555555;
  border-bottom: 1px solid #484848;
}
.box-style.border.inverse > .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.border.inverse > .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.border.inverse > .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.border.inverse > .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
/*.box.border.blue {
  border: 1px solid #5ea5bd;
}*/

.box-style.border.prologue > .box-title { // ADDED
  color: #FFFFFF !important;
  background-color: #178acc;
  border-bottom: 1px solid #178acc;
}
.box-style.border.prologue > .box-title h4 { // ADDED
  color: #FFFFFF !important;
}
.box-style.border.prologue > .box-title h4 i {
  color: #FFFFFF !important;
}

.box-style.border.blue > .box-title {
  color: #FFFFFF !important;
  background-color: #70afc4;
  border-bottom: 1px solid #5ea5bd;
}
.box-style.border.blue > .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.border.blue > .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.border.blue > .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.border.blue > .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
/*.box.border.red {
  border: 1px solid #d43f3a;
}*/
.box-style.border.red > .box-title {
  color: #FFFFFF !important;
  background-color: #d9534f;
  border-bottom: 1px solid #d43f3a;
}
.box-style.border.red > .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.border.red > .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.border.red > .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.border.red > .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
/*.box.border.green {
  border: 1px solid #9db36a;
}*/
.box-style.border.green > .box-title {
  color: #FFFFFF !important;
  background-color: #a8bc7b;
  border-bottom: 1px solid #9db36a;
}
.box-style.border.green > .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.border.green > .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.border.green > .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.border.green > .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
/*.box.border.primary {
  border: 1px solid #507aa4;
}*/
.box-style.border.primary > .box-title {
  color: #FFFFFF !important;
  background-color: #5e87b0;
  border-bottom: 1px solid #507aa4;
}
.box-style.border.primary > .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.border.primary > .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.border.primary > .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.border.primary > .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
.box-style.border.simple > .box-title {
  /*color: #FFFFFF !important;*/
  background-color: #f9f9f9;
  border: 1px solid #dbdbdb;
}
/* Box border */
.box-style.border,
.box-style.solid {
  /*border: 1px solid #c4c4c4;*/
  border-radius: 4px;
}
.box-style.border > .box-title,
.box-style.solid > .box-title {
  padding: 8px 10px 2px;
  /*border: 1px solid #dbdbdb;*/
  min-height: 30px;
  background-color: #f9f9f9;
  border-radius: 4px 4px 0 0; 

  margin-bottom: 0;
}
.box-style.border > .box-title h4,
.box-style.solid > .box-title h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
}
.box-style.border > .box-title h4 i,
.box-style.solid > .box-title h4 i {
  margin-right: 10px;
  color: #666;
}
.box-style.border > .box-title .tools,
.box-style.solid > .box-title .tools {
  display: inline-block;
  padding: 0;
  margin-bottom: 7px;
  float: right;
  clear: both;
  min-height: 30px;
}
.box-style.border > .box-title .tools > a,
.box-style.solid > .box-title .tools > a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  color: #ababab;
  margin-right: 5px;
}
.box-style.border > .box-title .tools > a :hover,
.box-style.solid > .box-title .tools > a :hover {
  color: #919191;
}
.box-style.border .box-body,
.box-style.solid .box-body {
  border-radius: 0 0 4px 4px;
  padding: 10px;
  background-color: #FFFFFF;
}
.box-style.border .box-body.big,
.box-style.solid .box-body.big {
  padding: 30px;
}
.box-style.border .box-title.big,
.box-style.solid .box-title.big {
  padding: 15px 10px 7px;
}
.box-style.border .box-title.small,
.box-style.solid .box-title.small {
  padding: 5px 10px 3px;
}
.box-style.border .box-title.small h4,
.box-style.solid .box-title.small h4 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 3px;
}
.box-style.border .box-title.small .tools > a,
.box-style.solid .box-title.small .tools > a {
  font-size: 12px;
  line-height: 12px;
}
.box-style.border.lite .box-title {
  background-color: #f4f4f4;
}
.box-style.border.lite .box-title h4 {
  color: #6f6f6f;
}
.box-style.solid.blue {
  border: 1px solid #507aa4;
}
.box-style.solid.blue .box-title {
  color: #FFFFFF !important;
  background-color: #5e87b0 !important;
  border-bottom: 1px solid #507aa4;
}
.box-style.solid.blue .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.solid.blue .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.solid.blue .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.solid.blue .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
.box-style.solid.blue .box-body {
  color: #FFFFFF;
  background-color: #5e87b0 !important;
}
.box-style.solid.grey {
  border: 1px solid #626262;
}
.box-style.solid.grey .box-title {
  color: #FFFFFF !important;
  background-color: #6f6f6f !important;
  border-bottom: 1px solid #626262;
}
.box-style.solid.grey .box-title h4 {
  color: #FFFFFF !important;
}
.box-style.solid.grey .box-title h4 i {
  color: #FFFFFF !important;
}
.box-style.solid.grey .box-title .tools > a {
  color: #f4f4f4 !important;
}
.box-style.solid.grey .box-title .tools > a :hover {
  color: #f4f4f4 !important;
  opacity: 0.6 !important;
}
.box-style.solid.grey .box-body {
  color: #FFFFFF;
  background-color: #6f6f6f !important;
}
.box-style:after,
.box-style:before {
  display: table;
  color: "";
}

.w-box-content-modified {border:1px solid #dbdbdb; border-top:none}
.w-box-primary-content-modified {border:1px solid #507aa4; border-top:none}
.w-box-orange-content-modified {border:1px solid #eea236; border-top:none}
.w-box-blue-content-modified {border:1px solid #70afc4; border-top:none}
.w-box-prologue-content-modified {border:1px solid #178acc; border-top:none} // ADDED

table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* cette règle bloque les tr.success de bootstrap*/
/*.table td,
.table th {
  background-color: #fff !important;
}*/
.table {
  border-collapse: collapse !important;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #ddd !important;
}

/**** NAV ****/
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.428571429;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    display: table;
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    display: table;
  }
  .dl-horizontal dd:after {
    clear: both;
  }
}

/* Nestable lists */
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 600px;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}
.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dd-list .dd-list {
  padding-left: 30px;
}
.dd-collapsed .dd-list {
  display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.dd-handle {
  display: block;
  //cursor: move;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid #ccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
  background: linear-gradient(top, #fafafa 0%, #eeeeee 100%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-handle:hover {
  color: #2ea8e5;
  background: #fff;
}
.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: 600;
}
.dd-item > button:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
  content: '-';
}
.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}
.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}
.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
/**
 * Nestable Extras
 */
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
#nestable-menu {
  padding: 0;
  margin: 20px 0;
}
#nestable-output,
#nestable2-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: Consolas, monospace;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#nestable2 .dd-handle {
  color: #fff;
  border: 1px solid #999;
  background: #bbb;
  background: -webkit-linear-gradient(top, #bbbbbb 0%, #999999 100%);
  background: -moz-linear-gradient(top, #bbbbbb 0%, #999999 100%);
  background: linear-gradient(top, #bbbbbb 0%, #999999 100%);
}
#nestable2 .dd-handle:hover {
  background: #bbb;
}
#nestable2 .dd-item > button:before {
  color: #fff;
}
@media only screen and (min-width: 700px) {
  .dd {
    float: left;
    width: 70%;
  }
  .dd + .dd {
    margin-left: 2%;
  }
}
.dd-hover > .dd-handle {
  background: #2ea8e5 !important;
}
/**
 * Nestable Draggable Handles
 */
.dd3-content {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  color: #333;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid #ccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
  background: linear-gradient(top, #fafafa 0%, #eeeeee 100%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd3-content:hover {
  color: #2ea8e5;
  background: #fff;
}
.dd-dragel > .dd3-item > .dd3-content {
  margin: 0;
}
.dd3-item > button {
  margin-left: 30px;
}
.dd3-handle {
  position: absolute;
  margin: 0;
  //cursor: move;
  left: 0;
  top: 0;
  width: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #aaa;
  background: #ddd;
  background: -webkit-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  background: linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dd3-handle:before {
  content: '≡';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}
.dd3-handle:hover {
  background: #ddd;
}

/* Tree */
.tree {
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 9px;
  position: relative;
}
.tree:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #67B2DD;
  border-image: none;
  border-style: dotted;
  border-width: 0 0 0 1px;
  bottom: 16px;
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  top: -20px;
  z-index: 1;
}
.tree .tree-folder {
  cursor: pointer;
  min-height: 20px;
  width: auto;
}
.tree .tree-folder .tree-folder-header {
  height: 100%;
  line-height: 20px;
  position: relative;
}
.tree .tree-folder .tree-folder-header:hover {
  background-color: #f3f3f3;
}
.tree .tree-folder .tree-folder-header .tree-folder-name,
.tree .tree-item .tree-item-name {
  display: inline;
  z-index: 2;
}
.tree .tree-folder .tree-folder-header > [class*="fa-"]:first-child,
.tree .tree-item > [class*="fa-"]:first-child {
  display: inline-block;
  position: relative;
  top: -1px;
  z-index: 2;
}
.tree .tree-folder .tree-folder-header .tree-folder-name {
  margin-left: 2px;
}
.tree .tree-folder .tree-folder-header > [class*="fa-"]:first-child {
  margin: -2px 0 0 -2px;
}
.tree .tree-folder:last-child:after {
  border-left: 1px solid #FFFFFF;
  bottom: 0;
  content: "";
  display: inline-block;
  left: -15px;
  position: absolute;
  top: 15px;
  z-index: 1;
}
.tree .tree-folder .tree-folder-content {
  margin-left: 23px;
  position: relative;
}
.tree .tree-folder .tree-folder-content:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #67B2DD;
  border-image: none;
  border-style: dotted;
  border-width: 0 0 0 1px;
  bottom: 16px;
  content: "";
  display: inline-block;
  left: -14px;
  position: absolute;
  top: -14px;
  z-index: 1;
}
.tree .tree-item {
  cursor: pointer;
  height: 100%;
  line-height: 20px;
  position: relative;
}
.tree .tree-item:hover {
  background-color: #f3f3f3;
}
.tree .tree-item .tree-item-name {
  margin-left: 3px;
}
.tree .tree-item .tree-item-name > [class*="fa-"]:first-child {
  margin-right: 3px;
}
.tree .tree-item > [class*="fa-"]:first-child {
  margin-top: -1px;
}
.tree .tree-folder,
.tree .tree-item {
  position: relative;
}
.tree .tree-folder:before,
.tree .tree-item:before {
  border-top: 1px dotted #67B2DD;
  content: "";
  display: inline-block;
  height: 0;
  left: -13px;
  position: absolute;
  top: 14px;
  width: 18px;
  z-index: 1;
}
.tree .tree-selected {
  background-color: rgba(98, 168, 209, 0.1);
  color: #6398B0;
}
.tree .tree-selected:hover {
  background-color: rgba(98, 168, 209, 0.1);
}
.tree .tree-item,
.tree .tree-folder {
  border: 1px solid #FFFFFF;
}
.tree .tree-folder .tree-folder-header {
  border-radius: 0 0 0 0;
}
.tree .tree-item,
.tree .tree-folder .tree-folder-header {
  -moz-box-sizing: content-box;
  margin: 0;
  padding: 5px;
}
.tree .tree-item > [class*="fa-"]:first-child {
  -moz-box-sizing: content-box;
  background-color: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #e6e6e6;
  font-size: 11px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  width: 13px;
}
.tree .tree-selected > [class*="fa-"]:first-child {
  background-color: #a8bc7b;
  border-color: #a8bc7b;
  color: #FFFFFF;
}
.tree .icon-plus[class*="fa-"]:first-child,
.tree .icon-minus[class*="fa-"]:first-child {
  -moz-box-sizing: content-box;
  background-color: #FFFFFF;
  border: 1px solid #8BAEBF;
  height: 11px;
  line-height: 10px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 11px;
  z-index: 1;
}
.tree .icon-plus[class*="fa-"]:first-child:before {
  content: "+";
  display: block;
  font-family: "Open Sans";
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.tree .icon-minus[class*="fa-"]:first-child:before {
  border-top: 1px solid #4D6878;
  content: "";
  display: block;
  height: 0;
  left: 2px;
  position: absolute;
  top: 5px;
  width: 7px;
}
.tree .tree-unselectable .tree-item > [class*="fa-"]:first-child {
  background-color: rgba(0, 0, 0, 0);
  border: 0 none;
  border-radius: 0 0 0 0;
  box-shadow: none;
  color: #5084A0;
  font-size: 10px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  width: 13px;
}
.tree [class*="fa-"][class*="-down"] {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.tree .fa-spin {
  height: auto;
}
.tree .tree-loading {
  margin-left: 36px;
}
.tree img {
  display: inline;
}

th.table-column-multi-select{padding-right: 5px !important;}

/********** Errors *****/
.error-logo {
  height: 175px;
  background-image: url(/imgs/logo/uic/logo-use-it-cloud.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 350px;
}

.error-template {padding: 40px 15px;text-align: center;margin-top: 50px;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }
.error-template h2{font-size: 6vh;color: #333;}
.error-template p{font-size: 2.5vh;}

#aws_regions, #gcp_regions{margin-top: 8px !important;}
#div_gcp_logo > .googlegcp-50{margin-top: -10px;}
#provider_title{font-size: 12pt;margin: 15px 0px 0px 5px;font-weight: bold;}
#btn_list_folders{width: 77.5%;height: 30.6px;}
.left-menu-icons-account {font-size: 20px;margin: -2px 12px 0px 0px;float: left;width: 22px;}
img.left-menu-icons-account {margin: -2px 8px 0px 2px !important;}
.list_folder_cloud{widows: 77.5%;height: 30.5px;}