/* MAIN DIV STRUCTURE */

body {
  background-color : #FFF !important;
}

.builder_body div.bilder_container
{
  margin-top        : 0px;
  margin-left       : auto;
  margin-right      : auto;
  padding           : 0px;
}

.builder_body div.bilder_bloc
{
  text-align          : center;
}

.builder_body div#bilder_bloc_1
{
  float             : left;
}

.builder_body div#bilder_bloc_2
{
  width             : 810px;
  float             : right;
}

.builder_body div#bilder_bloc_3
{
  clear             : both;
}

.builder_body div#bilder_bloc_4
{
  clear             : both;
  padding-bottom    : 50px;
  padding-top       : 30px;
}

.builder_body div#bilder_bloc_notification
{
  clear             : both;
}

.builder_body div.module
{
  padding           : 0px;
  text-align        : center;
  margin-left       : auto;
  margin-right      : auto;
}

.builder_body div.box, .builder_body table.box
{
  behavior: url(lib/css/PIE.htc);
  border-radius : 5px;
}

.builder_body table.center
{
  margin-left         : auto;
  margin-right        : auto;
}

/* H */

.builder_body h1
{
  font-size           : 18px;
  padding             : 10px;
  padding-bottom      : 20px;
}

.builder_body h2
{
  font-size           : 16px;
  padding             : 10px;
}

/* LINKS */

.builder_body a
{
  text-decoration     : none;
}

.builder_body a.underline
{
  color               : #3333FF;
}

.builder_body a.underline:hover   {
  text-decoration     : underline;
}

.builder_body a:hover   {}
.builder_body a:link    {}
.builder_body a:visited {}
.builder_body a:active  {}

/* IMG */

.builder_body img
{
  border              : 0px;
}

/* INPUTS */

.builder_body select
{

}

.builder_body select:focus
{

}

.builder_body option.select_section
{
  text-align          : center;
  background-color    : #BBBBFF;
  color               : #333333;
}

.builder_body option.add_list_section
{
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  color: #3333ff;
}

.builder_body option.disabled
{
  text-align          : center;
  color               : #CCCCCC;
}

.builder_body input.center
{
  text-align : center;
}

.builder_body input.file
{
  border              : solid 0px #CCCCCC;
  background-color    : transparent;
  width               : 240px;
  padding             : 0px;
}

.builder_body input, .builder_body textarea
{
  border              : solid 1px #CCCCCC;
  border-radius       : 3px;
  background-color    : #FFFFFF;
  padding-left        : 5px;
  padding-right       : 5px;
  /*behavior: url(lib/css/PIE.htc);*/
}

.builder_body input[type=radio], .builder_body input[type=checkbox]
{
  border : none transparent 0px;
}

.builder_body input:focus, .builder_body textarea:focus
{
  outline             : none;
  border              : solid 1px #555555;
}

.builder_body textarea
{
  //resize            : none;
  /*width               : 100% !important;*/
  //min-width         : 400px !important;
  //max-width         : 400px !important;
  /*height              : 45px;*/
  /*min-height          : 45px !important;*/
  //max-height        : 600px !important;
}

.builder_body input.ko, .builder_body textarea.ko, .builder_body select.ko
{
  border              : solid 2px #BF8F95;
  background-color    : #FFC5BF;
}

.builder_body input.ok, .builder_body textarea.ok, .builder_body select.ok
{
  border              : solid 2px #8FBF91;
  background-color    : #BFFFC1;
}

/* BUTTONS */

.builder_body .database  { background-image    : url('../pict/icon/Database_15.png'); }
.builder_body .screen    { background-image    : url('../pict/icon/Screen_15.png'); }
.builder_body .workflow  { background-image    : url('../pict/icon/Workflow_15.png'); }
.builder_body .brules    { background-image    : url('../pict/icon/Brules_15.png'); }
.builder_body .add       { background-image    : url('../pict/icon/Add_15_v2.png'); }
.builder_body .delete    { background-image    : url('../pict/icon/Delete_15_v2.png'); }
.builder_body .back      { background-image    : url('../pict/icon/Back_15.png'); }
.builder_body .exportDoc { background-image    : url('../pict/icon/Export_15.png'); }
.builder_body .user      { background-image    : url('../pict/icon/User_15.png'); }
.builder_body .usergroup { background-image    : url('../pict/icon/Usergroup_15.png'); }
.builder_body .home      { background-image    : url('../pict/icon/Home_15.png'); }
.builder_body .edit      { background-image    : url('../pict/icon/Edit_15.png'); }
.builder_body .view      { background-image    : url('../pict/icon/Info_15.png'); }
.builder_body .viewlist  { background-image    : url('../pict/icon/List_15.png'); }
.builder_body .project   { background-image    : url('../pict/icon/Project_15.png'); }
.builder_body .language  { background-image    : url('../pict/icon/Language_15.png'); }
.builder_body .vsplit    { background-image    : url('../pict/icon/vsplit_15.png'); }
.builder_body .vsplit_left    { background-image    : url('../pict/icon/vsplit_left_15.png'); }
.builder_body .vsplit_right    { background-image    : url('../pict/icon/vsplit_right_15.png'); }
.builder_body .hsplit    { background-image    : url('../pict/icon/hsplit_15.png'); }
.builder_body .hsplit_top    { background-image    : url('../pict/icon/hsplit_top_15.png'); }
.builder_body .hsplit_bottom    { background-image    : url('../pict/icon/hsplit_bottom_15.png'); }
.builder_body .mzone     { background-image    : url('../pict/icon/Zone_15.png'); }
.builder_body .up        { background-image    : url('../pict/icon/Up_15.png'); }
.builder_body .down      { background-image    : url('../pict/icon/Down_15.png'); }
.builder_body .cross_arrow        { background-image    : url('../pict/icon/UpDownLeftRight_15.png'); }
.builder_body .access      { background-image    : url('../pict/icon/Cadenas_15.png'); }
.builder_body .radio_ok  { background-image    : url('../pict/icon/radio_ok.png'); }
.builder_body .radio_ko  { background-image    : url('../pict/icon/radio_ko.png'); }
.builder_body .checkbox_ok  { background-image    : url('../pict/icon/checkbox_ok.png'); }
.builder_body .checkbox_ko  { background-image    : url('../pict/icon/checkbox_ko.png'); }
.builder_body .window_out  { background-image    : url('../pict/icon/window_out.png'); }
.builder_body .color_picker  { background-image    : url('../pict/icon/color_picker.png'); }
.builder_body .copy  { background-image    : url('../pict/icon/copy_15.png'); }
.builder_body .logout  { background-image    : url('../pict/icon/shutdown_2.png'); }
.builder_body .admin  { background-image    : url('../pict/icon/settings_1.png'); }
.builder_body .config  { background-image    : url('../pict/icon/settings_1.png'); }
.builder_body .arrow_down  { background-image    : url('../pict/icon/builder_down.png'); }

.builder_body input.text
{

}

.builder_body input.search
{
  background: url('../pict/icon/search.gif') no-repeat 10px 5px;
  background-repeat   : no-repeat;
  background-position : 4px center;
  background-size     : 13px 13px;
  background-origin   : padding-box;
  background-color    : transparent;
  color : #FFF;
  padding-left: 24px !important;
  /*height: 28px;*/
  width: 150px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body input.w200, .builder_body textarea.w200, .builder_body select.w200
{
  width   : 200px;
}

.builder_body input.w400, .builder_body textarea.w400, .builder_body select.w400
{
  width   : 400px;
}

.builder_body input[type="text"] {

  padding : 5px 8px;

}

.builder_body select {

  padding : 2px 4px;

}

.builder_body input.button
{
  border              : solid 1px #555;
  background-color    : #FFF; /*rgba(200, 200, 200, 0.5);*/
  /* filtre microsoft pour l'opacité sur la couleur de fond */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80c8c8c8,endColorstr=#80c8c8c8);
  border-radius       : 3px;
  padding : 3px 10px;
  font-weight         : bold;
  /*behavior: url(lib/css/PIE.htc);*/
}

.builder_body input.submit
{
/*
  background-image : url('../pict/icon/tick_16.png');
  background-repeat : no-repeat;
  background-position : 7px center;
  padding-left : 27px;
  */
}

.builder_body a.button
{
  border              : solid 1px #555;
  background-color    : #FFF; /*rgba(200, 200, 200, 0.5);*/
  /* filtre microsoft pour l'opacité sur la couleur de fond */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80c8c8c8,endColorstr=#80c8c8c8);
  border-radius       : 3px;
  padding             : 4px 10px;
  font-weight         : bold;
  /*behavior: url(lib/css/PIE.htc);*/
}

.builder_body span.button
{
/*
  background:url(../pict/icon/light_button.png) #FFFFFF repeat-x;
  background-size: auto 100%;
  border-radius       : 50px;
  padding-top         : 1px;
  padding-bottom      : 1px;
  behavior: url(lib/css/PIE.htc);
*/
}

.builder_body input.button:hover, .builder_body a.button:hover
{
  background-color    : #EEE; /*rgba(255, 255, 255, 0.5);*/
  cursor              : pointer;
  cursor              : hand;
}

.builder_body input.button:active, .builder_body a.button:active
{
  -webkit-transform:  translateY(1px);
  -moz-transform:   translateY(1px);
  transform:      translateY(1px);
  behavior: url(lib/css/PIE.htc);
}

.builder_body a.exportDoc, .builder_body a.admin, .builder_body a.logout, .builder_body a.copy, .builder_body a.window_out, .builder_body a.up, .builder_body a.down, .builder_body a.mzone, .builder_body a.add, .builder_body a.delete, .builder_body a.back, .builder_body a.user, .builder_body a.usergroup, .builder_body a.home, .builder_body a.edit, .builder_body a.database, .builder_body a.screen, .builder_body a.workflow, .builder_body a.brules, .builder_body a.view, .builder_body a.viewlist, .builder_body a.project, .builder_body a.language, .builder_body input.add, .builder_body input.arrow_down, .builder_body input.delete, .builder_body input.back, .builder_body input.user, .builder_body input.usergroup, .builder_body input.home, .builder_body input.edit, .builder_body input.database, .builder_body input.screen, .builder_body input.workflow, .builder_body input.brules, .builder_body input.view, .builder_body input.viewlist, .builder_body input.project, .builder_body input.language, .builder_body input.vsplit, .builder_body input.hsplit
{
  padding             : 5px 10px 5px 25px;
  background-repeat   : no-repeat;
  background-position : 5px center;
  background-size     : 15px 15px;
  background-origin   : padding-box;
  /*behavior: url(lib/css/PIE.htc);*/
}

.builder_body td.user, .builder_body td.usergroup, .builder_body td.project, .builder_body td.database, .builder_body td.language
{
  padding-left        : 25px !important;
  background-repeat   : no-repeat;
  background-position : 5px 5px;
  background-size     : 15px 15px;
  background-origin   : padding-box;
  behavior: url(lib/css/PIE.htc);
}

.builder_body input.notitle, .builder_body a.notitle
{
  padding             : 5px;
  background-size     : 15px 15px;
  background-color    : transparent;
  background-repeat   : no-repeat;
  border              : solid 0px #000000;
  background-position : center center;
  width               : 29px;
  color               : transparent;

  vertical-align : middle !important;
  /*behavior: url(lib/css/PIE.htc);*/
}

.builder_body input.notitle:hover, .builder_body a.notitle:hover
{
  /*padding             : 0px 10px 0px 10px;*/
  /*background-color    : #DDDDDD;*/
  background-repeat   : no-repeat;
  border              : solid 0px #000000;
}

.builder_body input.notitle:active, .builder_body a.notitle:active
{
  /*padding             : 0px 10px 0px 10px;*/
  background-color    : transparent;
  border              : solid 0px #000000;
}

.builder_body input.up, .builder_body input.down, .builder_body input.radio_ok, .builder_body input.radio_ko, .builder_body input.checkbox_ok, .builder_body input.checkbox_ko
{
  background-repeat   : no-repeat;
  background-position : center top;
  background-size     : 15px 15px;
  background-origin   : padding-box;
  padding             : 0px 0px 0px 0px;
  background-color    : transparent;
  border              : solid 0px #000000;
  width               : 15px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body input.up:hover, .builder_body input.down:hover, .builder_body input.radio_ok:hover, .builder_body input.radio_ko:hover, .builder_body input.checkbox_ok:hover, .builder_body input.checkbox_ko:hover
{
  padding             : 0px 0px 0px 0px;
  background-color    : #888888;
  border              : solid 0px #000000;
}

.builder_body input.up:active, .builder_body input.down:active, .builder_body input.radio_ok:active, .builder_body input.radio_ko:active, .builder_body input.checkbox_ok:active, .builder_body input.checkbox_ko:active
{
  padding             : 0px 0px 0px 0px;
  background-color    : transparent;
  border              : solid 0px #000000;
}

/* TABLES ACCESS */

.builder_body tr.list_access:hover
{
  background-color    : #DDD;
}

.builder_body th.list_access
{
  text-align          : left;
  padding             : 8px 5px;
  white-space         : nowrap;
  font-weight         : bold;
}

.builder_body td.list_access
{
  padding             : 8px 5px;
  text-align          : center;
}

/* TABLES */

.builder_body table.list
{

}

.builder_body td.link, .builder_body th.link, .builder_body div.link, .builder_body input.link
{

}

.builder_body td.link:hover, .builder_body th.link:hover, .builder_body div.link:hover, .builder_body input.link:hover, .builder_body div.link:hover
{
  cursor              : pointer;
  cursor              : hand;
}

div.link:active {
  -webkit-transform:  translateY(1px);
  -moz-transform:   translateY(1px);
  transform:      translateY(1px);
  behavior: url(lib/css/PIE.htc);
}

.builder_body tr.list_head
{
  background-color    : #FFF;
}

.builder_body tr.list
{

}

.builder_body tr.list:hover
{
  background-color    : #DDD;
}

.builder_body tr.list_color_1
{
  background-color    : #FFF;
}

.builder_body tr.list_color_2
{
  background-color    : #EEE;
}

.builder_body tr.list_edit
{
  background-color    : #BBBBFF;
}

.builder_body th
{
  font-weight         : bold;
}

.builder_body th.list
{
  text-align          : left;
  padding             : 8px 5px;
  white-space         : nowrap;
  font-weight         : bold;
}

.builder_body th.orderby
{
}

.builder_body th.orderby:hover
{
  text-decoration     : underline;
}


.builder_body td.nowrap
{
  white-space         : nowrap;
}

.builder_body td.list
{
  padding             : 8px 5px;
  text-align          : center;
}

.builder_body td.left, .builder_body th.left
{
  text-align          : left;
}

.builder_body td.right
{
  text-align          : right;
}

.builder_body .required
{
  color               : #DD2222;
}

.builder_body td.required
{
  white-space         : nowrap;
}

.builder_body td.noresults
{
  color               : #DD2222;
}

.builder_body td.field
{
  font-weight         : bold;
  padding-right       : 20px;
  white-space         : nowrap;
}

.builder_body td.value
{
  text-align          : left;
  padding             : 1px 5px;
}

.builder_body td.view_value
{
  text-align          : left;
  padding             : 1px 5px;
  background-color    : #FFF;
  border              : solid 1px #CCCCCC;
  border-radius       : 3px;
  height              : 20px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body td.editable
{
  background-color    : #EEEEEE;
}

.builder_body td.blue
{
  color               : #3333FF;
}

/* FORM */

.builder_body td.required
{
  color               : #FF3333;
}

/* Builded */

.builder_body table.builded_table
{
  border        : solid 0px #000;
}

.builder_body td.builded_zone
{
  padding       : 10px;
  border        : solid 0px #000;
}

.builder_body td.builded_zone_off
{
  border              : solid 2px #DDDDDD;
  border-radius       : 5px;
  background-color    : #F0F0F0;
  height        : 50px;
  padding       : 10px;
  margin              : 0px 10px 10px 0px;
  text-align          : center;
  /*behavior            : url('css/border-radius.htc');*/
  behavior: url(lib/css/PIE.htc);
}

/* screen */

.builder_body table.screen_preview
{
  border            : solid 2px #DDDDEE;
  background-color  : #FFFFFF;
  border-radius     : 5px;
  height            : 240px;
  width             : 320px;
  margin-left       : auto;
  margin-right      : auto;
  margin-top        : 10px;
  /*behavior: url(lib/css/PIE.htc);*/
}

.builder_body table.screen_view
{
  border            : solid 2px #DDDDEE;
  background-color  : #FFFFFF;
  border-radius     : 5px;
  margin-left       : auto;
  margin-right      : auto;
  margin-top        : 10px;
//  padding           : 5px;
/*behavior: url(lib/css/PIE.htc);*/
}

.builder_body table.screen_def
{
  border        : solid 0px #000;
  height        : 100%;
}

.builder_body td.table_zone
{
  height            : 100%;
}

.builder_body td.zone
{
  background-color  : #6688FF;
  border            : solid 5px #FFF;
  height            : 100%;
}

.builder_body div.zone_content
{
  border            : solid 0px #000000;
  position          : relative;
  text-align        : center;
}

.builder_body div.zone_form
{
  border            : solid 0px #FF0000;
  position          : absolute;
  right             : 10px;
  top               : 10px;
  text-align        : right;
}

.builder_body div.zone_name
{
  border            : solid 0px #00FF00;
  position          : absolute;
  top               : 45%;
  width             : 100%;
  text-align        : center;
}

/* notifications */

.builder_body div.notifications
{

}

.builder_body div.notice
{
  font-weight         : bold;
  font-size           : 12px;
  color               : #333333;
  margin-top          : 5px;
  margin-bottom       : 5px;
  padding             : 10px 10px;
  background-repeat   : no-repeat;
  background-position : left center;
  background-size     : 20px 20px;
  background-origin   : content-box;
  behavior: url(lib/css/PIE.htc);
}

.builder_body div.notice_ok
{
  background-image    : url('../pict/icon/ok.png');
  background-color    : #BFFFC1;
  border              : solid 1px #8FBF91;
  border-radius       : 5px;
  //-moz-border-radius  : 5px;
  /*behavior            : url('css/ie-css3.htc');*/
  behavior: url(lib/css/PIE.htc);
}

.builder_body div.notice_ko
{
  background-image    : url('../pict/icon/ko.png');
  background-color    : #FFC5BF;
  border              : solid 1px #BF8F95;
  border-radius       : 5px;
  //-moz-border-radius  : 5px;
  /*behavior            : url('css/ie-css3.htc');*/
  behavior: url(lib/css/PIE.htc);
}

.builder_body ul.notice_list
{
  margin        : 0px;
  margin-left   : 40px;
  margin-right  : 5px;
}

/* datagrid */

.builder_body img.imgLarge
{
  border              : solid 2px #555555;
  border-radius       : 4px;
  -moz-border-radius  : 4px;
  padding             : 5px;
  background-color    : #FFFFFF;
  behavior: url(lib/css/PIE.htc);
}

/* builder main menu */

.builder_body div.builderMainMenu_bloc
{
  padding : 0px 0px;
}

.builder_body td.flags
{
  padding-left      : 10px;
  text-align        : right;
  width             : 1px;
  white-space       : nowrap;
}

.builder_body td.menu
{
  text-align        : right;
}

/* builder forge menu */

.builder_body td.forgemenu
{
  white-space         : nowrap;
}

.builder_body td.forgesubmenu
{
  background-color              : #DDD;
  border-top-left-radius              : 10px;
  -moz-border-radius-topleft    : 10px;
  border-top-right-radius           : 10px;
  -moz-border-radius-topright   : 10px;
  cursor : pointer;
  behavior: url(lib/css/PIE.htc);
  text-align:left;
}

.builder_body td.data, .builder_body td.visuel, .builder_body td.traitement, .builder_body td.user, .builder_body td.usergroup, .builder_body td.project, .builder_body td.database, .builder_body td.language, .builder_body td.config
{
  width : 100px;
  font-weight         : bold;
  padding             : 7px 10px 7px 35px;
  background-repeat   : no-repeat;
  background-position : 7px 6px;
  background-size     : 15px 15px;
  background-origin   : padding-box;
  behavior: url(lib/css/PIE.htc);

}

.builder_body td.data       { background-image    : url('../pict/menu/forgeMenu_data_15.png'); }
.builder_body td.visuel     { background-image    : url('../pict/menu/forgeMenu_visuel_15.png'); }
.builder_body td.traitement { background-image    : url('../pict/menu/forgeMenu_traitement_15.png'); }

.builder_body td.selected_forgemenu
{
  background-color              : #CCCCEE;
  border-top                    : solid 2px #AAE;
  border-left                   : solid 2px #AAE;
  border-right                  : solid 2px #AAE;
  border-top-left-radius        : 10px;
  -moz-border-radius-topleft    : 10px;
  border-top-right-radius       : 10px;
  -moz-border-radius-topright   : 10px;
  cursor : pointer;
  behavior: url(lib/css/PIE.htc);
}

.builder_body div.selected_forgemenu
{
  background-color              : #CCE;
  margin-left : -35px;
  margin-right : 0px;
  margin-top : 6px;
  width: 145px;
  height : 4px;
  position : absolute;
}

.builder_body div.forgesubmenu
{
  border                    : solid 2px #AAE;
  padding                       : 0px 5px;
  background-color              : #CCCCEE;
  border-radius                 : 10px;
  -moz-border-radius            : 10px;
  white-space         : nowrap;
  behavior: url(lib/css/PIE.htc);
}

.builder_body ul.forgesubmenu li
{
  display:inline;
}

.builder_body ul.forgesubmenu li div
{
  margin-left:5px;
  text-align:center;
}

.builder_body ul.forgesubmenu li div span.submenucontent
{
  padding:5px;
}

.builder_body ul.forgesubmenu li div span.submenucontent
{
  border:1px solid transparent;
  border-radius:5px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body ul.forgesubmenu li div span.submenucontent:hover
{
  border:1px solid black;
  background-color:#DDDDFF;
  cursor:pointer;
}

.builder_body ul.forgesubmenu li div span.actif
{
  border:1px solid black;
  background-color:#DDDDFF;
  background-color:#FFFFFF;
}

.builder_body ul.forgesubmenu li div p
{
  height:0px!important;
}

.builder_body ul.forgesubmenu li div p img
{
  height:30px!important;
  width:30px!important;
}

.builder_body ul.forgesubmenu li:active div span.submenucontent
{
  -webkit-transform:  translateY(.2em);
  -moz-transform:   translateY(.2em);
  transform:      translateY(.2em);
  behavior: url(lib/css/PIE.htc);
}

.builder_body div.builderForgeMenu ul li.projectView
{
  display:inline;
  margin-right:10px;
  margin-left:-5px;
  padding:10px 5px 9px 0px;
}

.builder_body div.builderForgeMenu ul li.builderForgeMenu
{
  display:inline;
  margin-right:5px;
  padding:8px 5px 9px 40px;
  background-repeat:no-repeat;
  background-position : 7px 3px;
  font-weight:bold;
  background-size     : 24px 24px;
  background-origin   : padding-box;
  behavior: url(lib/css/PIE.htc);
}

.builder_body div.builderForgeMenu ul li.forgeMenuOnglet
{
  border:solid 2px #AAE;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  behavior: url(lib/css/PIE.htc);
  background-color:#DDD;
}

.builder_body div.builderForgeMenu ul li.forgeMenuOnglet:hover
{
  cursor:pointer;
}

.builder_body div.builderForgeMenu ul li.forgeMenuOnglet_selected
{
  background-color:#CCCCEE;
  border-top:solid 2px #AAE;
  border-left:solid 2px #AAE;
  border-right:solid 2px #AAE;
  border-bottom:solid 2px #CCCCEE;
}

.builder_body li.projectview       { background-image    : url('../pict/menu/sommaire.png'); }
.builder_body li.data       { background-image    : url('../pict/menu/data.png'); }
.builder_body li.visuel     { background-image    : url('../pict/menu/windows2.png'); }
.builder_body li.traitement { background-image    : url('../pict/menu/gear.png'); }
.builder_body li.droits { background-image    : url('../pict/menu/cadenas.png'); }

/* builder admin lang */

div.lang_project_section, div.zones_toggle_sections {
  border : solid 0px #F00;
  margin-left : auto !important;
  margin-right : auto !important;
  margin-bottom : 3px !important;
  background-color : #3079ED !important;
  color : #FFF !important;
  font-weight : bold !important;
  text-align : left !important;
  padding : 10px !important;
  border-radius : 3px !important;
  width : 90% !important;
}

div.zones_toggle_sections, div.zones_sections_container {
  width : 900px !important;
}

div.zones_sections_container{
  margin-bottom: 5px !important;
}

span.cursor_namespace_project {
  text-align : center !important;
  border : solid 0px #888 !important;
  border-radius : 3px !important;
  width : 20px !important;
  padding : 3px 0px !important;
  color : #FFF !important;
}

div.title_namespace_project {
  text-align : center !important;
  margin-left : 20px !important;
  margin-right : auto !important;
  display : inline-block !important;
  padding : 3px 10px !important;
  font-weight : bold !important;
  color : #FFF !important;
}

div.project_section_container, div.zones_sections_container {
  display : none;
}

div.lang_project_section:hover, div.zones_toggle_sections:hover {
  cursor : pointer;
}

span.zones_sections_title{
  display: inline-block;
  width: 424px !important;
  font-weight: bold !important;
  text-align: right !important;
  padding-right: 20px !important;
  vertical-align: top !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

span.zones_sections_value{
  display: inline-block;
  width: 446px !important;
  text-align: left !important;
  vertical-align: top !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

div.form_grid_view_sub_title{
  font-weight: bold !important;
  font-size: 16px !important;
  text-align: left !important;
  color: #3079ed !important;
}

div.form_grid_view_sub_title span{
  font-weight: bold !important;
  font-size: 16px !important;
  color: #3079ed !important;
}

div.form_grid_view_sub_title:hover{
  cursor: pointer !important;
  text-decoration: underline !important;
}

div.namespace_container {
  border : solid 0px #FFF;
  margin-left : auto !important;
  margin-right : auto !important;
  margin-bottom : 3px !important;
}

div.namespace_words {
  display : none;
  padding-left : 15px !important;
}

span.cursor_namespace {
  display : inline-block;
  text-align : center;
  border : solid 0px #888;
  border-radius : 3px;
  padding : 0px !important;
  color: #848484 !important
}

div.title_namespace {
  position : absolute;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  display : inline-block;
  padding : 0px 10px !important;
  color: #848484 !important;
  font-weight: bold !important;
}

div.namespace_toggle
{
  position : relative;
  margin-left : auto;
  margin-right : auto;
  width : 100%;
  color: #3079ed !important
}

div.namespace_toggle:hover
{
  cursor : pointer;
}

#builderAdminLang_buildedList .category_toggle {
  width: 100%!important;
  background-color: #b1b1b1 !important;
  margin-bottom: 3px !important;
  padding: 16px 0!important;
  cursor: pointer;
}

#builderAdminLang_buildedList .category_toggle_plus {
  display: inline-block!important;
  color: white!important;
  margin-left: 8px!important;
}

#builderAdminLang_buildedList .category_toggle_name {
  display: inline-block!important;
  color: white!important;
  font-weight: bold!important;
  margin-left: 20px!important;
}

.builder_body td.namespace {
  padding: 40px 0px 2px 0px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #525252;
  border-bottom: 1px solid #525252;
}

.builder_body td.internamespace
{
  height                  : 20px;
}

.builder_body td.languageflag
{
  padding                 : 5px 0px;
}

/* menu create */

.builder_body ul, .builder_body li
{
  list-style-type: circle;
}

/* date picker */
.builder_body div.ui-datepicker { width:250px; }

/* zone Datagrid */

.builder_body img.link
{

}

.builder_body img.link:hover
{
  cursor : pointer;
}

.builder_body img.alignSelected
{
  border : solid 2px #33A;
  border-radius : 2px;
}

.builder_body img.alignUnSelected
{
  border : solid 2px transparent;
  border-radius : 2px;
}

.builder_body ul.field_list
{
  text-align : left;
  border : solid 0px #33A;
  border-radius : 2px;
  padding : 10px;
  margin-left : 0px;
}

.builder_body ul.field_list li
{
  list-style-type:none;
  margin : 0px;
  padding : 0px;
  margin-top : 2px;
}

/* zone zoom */

.builder_body div.zoom_container
{

}

.builder_body div.zoom_element:hover, .builder_body div.zoom_element_join_data_desc:hover
{
  cursor: move;
}

.builder_body div.zoom_element
{

}

.builder_body div.zoom_element_field_name
{
  color : #000;
}

.builder_body div.zoom_element_field_value
{
  color : #888;
}

.builder_body div.zoom_element_html
{
  color : #000;
}

.builder_body div.zoom_element_separator_v
{
  color : #000;
}

.builder_body div.zoom_element_separator_h
{
  color : #000;
}

.builder_body div.draggable
{

}

.builder_body div.draggable:hover
{
  cursor : move;
}

.builder_body div.ui-multidraggable, .builder_body div.ui-multidraggable div.draggable_style
{
  background-color : rgba(0, 0, 255, 0.5)!important;
}

.builder_body div.ui-multidraggable div.draggable_style span
{
  color : #000000!important;
}

div.form_zoom_tab
{

}

div.form_zoom_tab:hover
{
  cursor : pointer;
  background-color : #BBF!important;
}

div.form_zoom_tab_add
{

}

div.form_zoom_tab_add:hover
{
  cursor : pointer;
  background-color : #BBF!important;
}

img.tab_edit_button
{

}

img.tab_edit_button:hover
{
  background-color : #FFF!important;
}

.delete_this_tab
{

}

.delete_this_tab:hover
{
  border : solid 1px #F55 !important;
  cursor : pointer;
}

.delete_this_tab:active
{
  background-color : #FCC !important;
}

.builder_body div.zoom_element, .builder_body div.form_element
{
  background-color : #FFF;
  border-color : #555;
}

.builder_body div.ui-selecting, .builder_body div.ui-selected
{
  background-color : rgba(0, 0, 255, 0.5)!important;
  border-color : rgba(0, 0, 255, 0.8)!important;
}



/* zone form */

.builder_body div.form_container
{

}

.builder_body div.form_element:hover
{
  cursor: move;
}

.builder_body div.form_element
{

}

.builder_body div.form_element_field_name
{
  color : #000;
}

.builder_body div.form_element_field_value
{
  color : #888;
}

.builder_body div.form_element_html
{
  color : #000;
}

.builder_body div.form_element_separator_v
{
  color : #000;
}

.builder_body div.form_element_separator_h
{
  color : #000;
}



/***************************************************************************/
/*                           BUILDER STYLE NEW                             */
/***************************************************************************/


/* init */

.builder_body body
{
  font-family : Arial, Helvetica, sans-serif;
}

.builder_body div, .builder_body table, .builder_body td, .builder_body th, .builder_body h1, .builder_body h2, .builder_body h3, .builder_body a, .builder_body span, .builder_body p, .builder_body input, .builder_body textarea, .builder_body form, .builder_body img, .builder_body select
{
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 14px;
  font-weight       : normal;
  padding           : 0px;
  margin            : 0px;
  color             : #555555;
}

.builder_body a {text-decoration : none;}
.builder_body a:hover   {}
.builder_body a:link    {}
.builder_body a:visited {}
.builder_body a:active  {}

.builder_body .help_link:hover {color : #FFF;}

.builder_body img.link{}
.builder_body img.link:hover{cursor : pointer;}

.builder_body span.link{}
.builder_body span.link:hover{cursor : pointer;}

/* structure */

.builder_body div.builder_main
{
  padding : 0px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  border : solid 0px #000;
}

.builder_body div.builder_header
{
  position : relative;
  background-color : transparent;
  height : 65px;
}

.builder_body div.header_logo
{
  position : absolute;
  left : 0px;
  top : 0px;
  width : 300px;
  padding : 0px 0px 0px 0px;
  background-color : transparent;
}

.builder_body div.header_menu
{
  position : absolute;
  right : 0px;
  top : 0px;
  width : 600px;
  padding : 10px 0px 0px 0px;
  background-color : transparent;
  text-align : right;
}

.builder_body div.builder_version
{
  color : #DDDDDD;
  text-align : center;
  margin-top : 20px;
}

.builder_body span.main_menu
{
  behavior: url(lib/css/PIE.htc);
  padding : 0px 5px;
  margin : 0px 5px 0px 0px;
  display : inline-block;
  border : solid 1px #3079ed;
  border-radius : 3px;
  text-align : center;
  background-color : #4a8cf7;
  color : #FFF;
  box-shadow : 0px 0px 3px #888;
}

.builder_body span.main_menu_project
{

}

.builder_body span.main_menu_config
{

}

.builder_body span.main_menu_user
{
  font-weight : bold;
}

.builder_body span.main_menu_lang
{

}

.builder_body span.main_menu_logout
{

}

.builder_body div.builder_onglet
{
  margin : 5px 0px 0px 0px;
  background-color : transparent;
}

.builder_body div.builder_content
{
  behavior: url(lib/css/PIE.htc);
  position : relative;
  border-radius : 5px;
  padding : 10px;
  box-shadow : 3px 3px 3px #888;
  z-index : 2;
}

.builder_body div.content_action
{
  background-color : transparent;
  width : 20%;
  color : #EEE;
  padding : 40px 5px 5px 5px;
  border : solid 0px #FFF;
}

.builder_body div.content_content
{
  float : right;
  background-color : transparent;
}

.builder_body div.content_submenu
{
  background-color : transparent;
  padding : 0px 5px;
  margin : 0px 0px 0px 0px;
  border : solid 0px #FFF;
}

.builder_body div.content_main
{
  padding : 10px;
  border-radius : 5px;
  background-color : #FFF;
  overflow-y : auto;
  min-height : 500px;
}

.builder_body div.builder_authentication
{
  behavior: url(lib/css/PIE.htc);
  padding : 20px;
  background-color : #EEE;
  box-shadow : inset 0px 0px 5px #888, 3px 3px 5px #DDD;
  margin-top : 30px;
  margin-left : auto;
  margin-right : auto;
  border-radius : 3px;
  text-align : center;
  width : 250px;
}

/* onglets */

.builder_body ul.builder_onglet, .builder_body div.builder_onglet
{
  list-style-type : none;
  padding : 0px;
  margin : 0px;
}

.builder_body ul.builder_onglet li, .builder_body div.builder_onglet div
{
  behavior: url(lib/css/PIE.htc);
  display : inline-block;
}

.builder_body ul.builder_onglet li a, .builder_body div.builder_onglet div a
{
  behavior: url(lib/css/PIE.htc);
  display : inline-block;
  padding : 5px 10px 5px 10px;
  margin : 0px 5px 0px 0px;
  color : #EEE;
  font-size : 16px;
  font-weight : bold;
  border-radius : 5px 5px 0px 0px;
  box-shadow : 0px 0px 3px #888;
  z-index : 1;
}

.builder_body ul.builder_onglet li.onglet_preview a, .builder_body div.builder_onglet div.onglet_preview a
{
  behavior: url(lib/css/PIE.htc);
  border-radius : 5px;
  padding : 5px 10px 2px 10px;
  margin : 0px 5px 0px 0px;
}

.builder_body ul.builder_onglet li.onglet_home a, .builder_body div.builder_onglet div.onglet_home a
{
  behavior: url(lib/css/PIE.htc);
  border-left : solid 1px transparent;
  border-right : solid 1px transparent;
  border-top : solid 1px transparent;
  background-color : transparent;
  margin : 0px 5px 0px 5px;
  box-shadow : 0px 0px 0px #FFF;
}

.builder_body ul.builder_onglet li:hover, .builder_body div.builder_onglet div:hover
{
  cursor : pointer;
}

.builder_body ul.builder_onglet li img.img_element_onglet, .builder_body div.builder_onglet div img.img_element_onglet
{
  vertical-align : middle;
  margin : 0px 10px 0px 5px;
  width : 25px;
}

/* submenu */

.builder_body ul.builder_submenu, .builder_body ul.builder_new_submenu
{
  list-style-type : none;
  padding : 0px;
  margin : 0px 0px 10px 0px;
}

.builder_body ul.builder_submenu li, .builder_body ul.builder_new_submenu li
{
  display : inline;
}

.builder_body ul.builder_submenu li a, .builder_body ul.builder_new_submenu li a, .builder_body table.builder_submenu tr td a
{
  display : inline-block;
  background-color : transparent;
  padding : 2px 5px;
  margin : 0px 0px 0px 0px;
  color : #EEE;
  font-size : 14px;
  font-weight : bold;
  border-radius : 3px;
}

.builder_body ul.builder_submenu li:hover, .builder_body table.builder_submenu tr td:hover
{
  cursor : pointer;
}

.builder_body div.builder_new_submenu
{
  position : relative;
  z-index : 1;
  display : inline-block;
  vertical-align : middle;
  font-size : 14px;
  font-weight : bold;
  background-color : #ffffff;
}

.builder_body div.builder_new_submenu_text
{
  padding : 2px 5px;
  margin : 0 0 10px -10px;
}

.builder_body div.builder_new_submenu_text_first
{
  margin : 0 0 10px -18px;
}

.builder_body div.builder_new_submenu_arrow
{
  color : transparent;
  border : 10px solid transparent;
  width : 0px;
  height : 1px;
}

.builder_body div.builder_new_submenu_arrow_before
{
  margin : 0 0 10px -18px;
  background-color : #ffffff;
}

.builder_body div.builder_new_submenu_arrow_after
{
  z-index : 2;
  margin : 0 0 10px -4px;
  background-color : transparent;
  border-left-color : #ffffff;
}

.builder_body div.builder_new_submenu_arrow_first
{
  margin : 0 0 10px 0;
  border : 10px solid #ffffff;
}



 
 
 
/* admin */

.builder_body ul.builder_admin
{
  list-style-type : none;
  padding : 0px;
  margin : 0px;
}

.builder_body ul.builder_admin li
{
  behavior: url(lib/css/PIE.htc);
  display : inline;
}

.builder_body ul.builder_admin li a
{
  behavior: url(lib/css/PIE.htc);
  display : inline-block;
  padding : 5px 10px 5px 10px;
  margin : 0px 5px 0px 0px;
  color : #EEE;
  font-size : 16px;
  font-weight : bold;
  border-radius : 5px 5px 0px 0px;
  box-shadow : 0px 0px 3px #888;
  z-index : 1;
}

.builder_body ul.builder_admin li.onglet_builder_home a
{
  behavior: url(lib/css/PIE.htc);
  border-left : solid 1px transparent;
  border-right : solid 1px transparent;
  border-top : solid 1px transparent;
  background-color : transparent;
  margin : 0px 5px 0px 5px;
  box-shadow : 0px 0px 0px #FFF;
}

.builder_body ul.builder_admin li:hover
{
  cursor : pointer;
}

.builder_body ul.builder_admin li img.img_element_onglet
{
  vertical-align : middle;
  margin : 0px;
  width : 25px;
}

/* action */

.builder_body ul.builder_action
{
  list-style-type : none;
  padding : 0px;
  margin : 0px;
}

.builder_body ul.builder_action li
{
  display : block;
  background-color : transparent;
  padding : 2px 5px;
  margin : 15px 0px 0px 0px;
  color : #EEE;
  font-size : 14px;
  font-weight : bold;
  border-radius : 3px;
  width : 120px;
}

.builder_body ul.builder_action li:hover
{
  cursor : pointer;
}

/* others */

.builder_body div.a_project
{
  font-weight : bold;
  padding : 0px 10px;
  width : 130px;
  overflow : hidden;
  text-overflow : ellipsis;
}

.builder_body div.a_project:hover
{
  background-color : #DDF;
}

.builder_body div.select_div:hover
{
  cursor : pointer;
}

.builder_body td.builded_object_list
{
  behavior: url(lib/css/PIE.htc);
  padding : 5px;
  border-radius : 3px;
  width : 20%;
}

.builder_body div.builded_object_list
{
  /*max-height : 800px; */
  overflow-y : auto;
}

.builder_body ul.builded_object_list
{
  padding : 0px 0px 0px 15px;
  margin : 0px;
}

.builder_body ul.builded_object_list li
{
  list-style-type : square;
  padding : 0px;
  margin : 0px 0px 0px 0px;
  font-size : 10px;
}

.builder_body ul.builded_object_list li a
{
  color : #555;
  font-size : 12px;
}

.builder_body ul.builded_object_list li a:hover
{
  cursor : pointer;
  text-decoration : underline;
  /*font-weight : bold;*/
}

.builder_body img.element_img
{
  border-radius : 3px;
  width : 128px;
  height : 80px;
  /*behavior: url(lib/css/PIE.htc);*/
}

.builder_body img.zone_type_img, .builder_body img.compute_type_img
{
  border : solid 2px #555;
  border-radius : 3px;
  width : 128px;
  height : 128px;
}

.builder_body a.a_button, .builder_body span.a_button
{
  display:inline-block;
  text-align:center;
  padding:5px;
}

.builder_body a.inactive_a_button {
  display:inline-block;
  text-align:center;
  padding:5px;
}

.builder_body a.a_button:hover, .builder_body span.a_button:hover
{
  background-color:#888;
  border-radius:3px;
  cursor:pointer;
  behavior: url(lib/css/PIE.htc);
}

/* file upload */
.builder_body span.file_selector_value:hover, .builder_body input.file_selector_button:hover, .builder_body span.file_uploader_link{
  cursor : pointer;
}

.builder_body span.file_selector_value:hover{
  border : solid 1px #CCCCCC;
  border-radius : 3px;
  background-color : rgba(225, 225, 225, 0.5);
  behavior: url(lib/css/PIE.htc);
}

.builder_body div.file_selector_list{
  max-height          :200px;
  overflow            :hidden;
  overflow-y          :auto;
  display             : none;
  margin-top          : 3px;
  border              : solid 1px #CCCCCC;
  border-radius       : 3px;
  position            : relative;
  z-index             : 9999;
  top                 : -3px;
  background-color    : #FFFFFF;
  width               : 250px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body span.file_selector
{
  display             : inline-block;
  border              : solid 1px #CCCCCC;
  background-color    : rgba(200, 200, 200, 0.5);
  margin-bottom       : 0px;
  width               : 250px;
  border-radius       : 3px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body input.file_selector_text
{
  width               : 233px;
  border              : 0px none transparent;
  border-radius       : 0px;
  border-top-left-radius      : 3px;
  border-bottom-left-radius   : 3px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body input.file_selector_button
{
  background-image    : url(../pict/icon/arrow_down_10.png);
  background-size     : 10px 10px;
  background-repeat   : no-repeat;
  background-position : 2px 4px;
  border              : 0px none transparent;
  border-left         : 1px solid #CCCCCC;
  width               : 16px;
  border-radius       : 0px;
  border-top-right-radius      : 3px;
  border-bottom-right-radius   : 3px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body span.file_selector_value
{
  display : inline-block;
  margin  : 1px;
  border  : solid 1px transparent;
  border-radius : 3px;
  padding : 2px;
  white-space : nowrap;
  overflow : hidden;
  width : 225px;
  font-size : 11px;
  vertical-align : middle;
  text-overflow : ellipsis;
  behavior: url(lib/css/PIE.htc);
}

.builder_body span.file_selector_value_selected
{
  border : solid 1px transparent;
  background-color : rgba(200, 200, 200, 0.5);
}

.builder_body img.file_uploader_image
{
  max-width       : 100px;
  max-height      : 100px;
  vertical-align  : middle;
  margin-bottom   : 3px;
}

.builder_body div.file_uploader_container
{
  display           : none;
  position          : absolute;
  z-index           : 999;
  border            : solid 2px #CCCCCC;
  border-radius     : 5px;
  background-color  : white;
  behavior: url(lib/css/PIE.htc);
}

.builder_body div.file_uploader_sub_container
{
  padding : 5px 5px 0px 5px;
}

.builder_body div.div_frame_info
{
  display     : none;
  width       : 250px;
  margin-top  : 10px;
}

.builder_body div.upload_progress_bar
{
  width : 200px;
  height : 10px;
}

.builder_body div.upload_file_info_div
{
  padding-top : 3px;
  width : 250px;
  border : solid 2px #CCCCCC;
  border-radius : 5px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body span.upload_file_info_span
{
  font-size : 11px;
  margin-left : 3px;
  margin-right : 3px;
}

.builder_body table.upload_file_info_table
{
  width : 100%;
}

.builder_body table.upload_file_info_table tr td
{
  font-size : 11px;
}

.builder_body table.upload_file_info_table tr td.left
{
  text-align : left;
  padding-left : 2px;
}

.builder_body table.upload_file_info_table tr td.right
{
  text-align : right;
  padding-right : 2px;
}

.builder_body table.upload_file_info_table tr td.cancel
{
  text-align : center;
  text-decoration : underline;
}

.builder_body span.upload_file_error_span
{
  display : inline-block;
  padding : 3px;
  border : solid 2px #FF3030;
  border-radius : 5px;
  font-size : 12px;
  background-color : #FFFFFF;
  max-width : 200px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body span.upload_file_cancel_span
{
  display : inline-block;
  padding : 3px;
  border : solid 2px #CCCCCC;
  border-radius : 5px;
  font-size : 12px;
  background-color : #FFFFFF;
  max-width : 200px;
  behavior: url(lib/css/PIE.htc);
}

.builder_body span.upload_file_complete_span
{
  display : inline-block;
  padding : 3px;
  border : solid 2px #70BF70;
  border-radius : 5px;
  font-size : 12px;
  background-color : #FFFFFF;
  max-width : 200px;
  behavior: url(lib/css/PIE.htc);
}

/* datagrid */

.builder_body .t_datagrid_th{
background-color:#AAAAFF;
color:#000000;
}
.builder_body .t_datagrid_tr:hover{
background-color:#BBBBFF;
}
.builder_body .t_datagrid_tr1{
background-color:#EEEEFF;
color:#000000;
}
.builder_body .t_datagrid_tr2{
background-color:#DDDDFF;
color:#000000;
}
.builder_body .t_datagrid_table{
border-color:#AAAAFF;
border-style:solid;
border-width:0px;
}
.builder_body .t_datagrid_table tr td, .builder_body .t_datagrid_table tr th{
border-color:#AAAAFF;
border-width:0px;
border-style:solid;
}
.builder_body .t_body{
background-color:#FFFFFF;
background-image:url(index.php?switch=action&mod=core&action=image_background&theme_id=1);
background-repeat:no-repeat;
background-size:100%;
background-attachment:fixed;
}


.builder_body div.menu_list_criteria:hover, .builder_body div.menu_list_zone:hover{
  cursor:pointer;
}






/*  Custom's styles################################################################################## */



/*CHARTE GRAPHIQUE*/


/*Menu*/


.menuOnglet,.menuOnglet_legende,.menuHorizontal,.menuHorizontal_legende,.Menu_en_icone_de_lancement_rapideField{
   padding:5px;
  
}

 .menuOnglet,.menuOnglet_legende,.menuHorizontal,.menuHorizontal_legende,.Menu_en_icone_de_lancement_rapideField,.Menu_en_icone_de_lancement_rapideField_legende{
   
    border:1px solid black;
   border-radius: 8px;
 }

  
  
   .menuOnglet, .Menu_en_icone_de_lancement_rapideField{
    display:inline-block;
    width:800px;
     margin-bottom: 10px;
     background-color:#f5f5f5;
   }
   .menuOnglet,.Menu_en_icone_de_lancement_rapideField_legende{
     font-size:1.2em; 
   }
   

  .menuOnglet{
    margin-top: 15px;
   
  }
  
   .menuOnglet_legende,.menuHorizontal_legende,.menuOnglet_legende,.menuHorizontal_legende{
     position: absolute;
     margin-top:-24px;
    text-align: left;
    background-color:#ffffff; 
    font-weight:bold;
    height: 1.5rem;    
   }
  
  .menuOnglet_legende,.menuHorizontal_legende{
  
    margin-left:35px;
   
  }
   .Menu_en_icone_de_lancement_rapideField_legende{
    
    margin-left:35px;
    padding:5px;
  }
  
  .menuHorizontal,.Menu_en_fil_d_ArianeField{
   
   display:inline-block; 
   margin-top:25px;
   margin-bottom: 10px;   
  }
  
  .menuHorizontal{
    width:800px;
    background-color:#f5f5f5;
  }
 
 
   .Menu_en_icone_de_lancement_rapideField{
    margin-top:25px;
  }
  
  .Menu_en_fil_d_ArianeField, .Menu_en_fil_d_ArianeField_legende,.Menu_avec_flecheField_legende{
    background-color:#fff;
    padding:5px; 
    border:1px solid black;
    border-radius: 8px;
     
  }
  
   .Menu_en_fil_d_ArianeField_legende,.Menu_avec_flecheField_legende, .Menu_horizontal_souligneField_legende{
    position: absolute; 
    margin-top:-24px;
    margin-left:35px;
    text-align: left;
    font-size:1.2em;
    font-weight:bold;
    height: 1.5rem; 
   }
  
     .Menu_horizontal_souligneField_legende{

    padding:5px;
    border:1px solid black;
    border-radius: 8px;
    background-color:#ffffff;
    margin-top:-24px;
    margin-left:35px;
  }
    
   .Menu_avec_flecheField_legende{
    padding:5px;
  }
  

  .Menu_en_fil_d_ArianeField{
    width:804px;
    padding:5px;
  
  }
   .Menu_avec_flecheField,.Menu_horizontal_souligneField{
    
    display:inline-block;
    width:800px; 
    border:1px solid black;
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top:25px;
    padding:5px;
    background-color:#f5f5f5;
   }
   
  
li.menu_onglet1,li.menu_onglet2,li.menu_onglet3,li.menu_onglet4,li.menu_onglet5{
   width: 80px; 
   padding: 5px; 
   border-top:1px solid #191970 ;
   border-right: 1px solid #191970 ;
   border-left: 1px solid #191970;
   max-height:40px; 
   list-style:none;
}
.menu_onglet1{
  color: #FFFFFF; 
  background-color: #0077FF; 
}

.menu_onglet2,.menu_onglet3,.menu_onglet4,.menu_onglet5{
   background-color: #FFFFFF;
 color: #0077FF; 
}

.menu_onglet3{
  
   font-size:1.2em;
}
.menu_onglet1,.menu_onglet2,.menu_onglet3,.menu_onglet4{
   margin-right:5px; 
   font-size:1.2em;
}



li.menu_horizontal1,li.menu_horizontal2,li.menu_horizontal3{
  width: 80px;
  max-height:40px;
  font-size:1.2em;
  padding: 5px;
  border: 1px solid #191970 ;
  list-style: none;
  
}
.menu_horizontal1{
  margin-left:130px; color: #FFFFFF; background-color: #0077FF; 
}

.menu_horizontal1,.menu_horizontal2{
  margin-right:3px;  
}

.menu_horizontal2,.menu_horizontal3{
  background-color: #FFFFFF;
}

li.menu_horizontal_large1,li.menu_horizontal_large2,li.menu_horizontal_large3{
   width: 184px;
   padding-top: 13px;
   font-size:1.2em;
   height:40px; 
   list-style:none; 
   border: 1px solid #191970 ;
}
.menu_horizontal_large1,.menu_horizontal_large2{
  margin-right:3px;
}
.menu_horizontal_large1{
  color: #FFFFFF; background-color: #0077FF; 
}

.menu_horizontal_large2,.menu_horizontal_large3{
       background-color: #FFFFFF;
}

li.menu_vertical1,li.menu_vertical2,li.menu_vertical3{
   width: 80px;
   margin-left:215px;
   padding: 5px;
   font-size:1.2em;
   max-height:40px;
   text-decoration:none;
   list-style:none;
   border: 1px solid #191970;
}
.menu_vertical1,.menu_vertical2{
   margin-bottom:3px;
}
 .menu_vertical1{

 color: #FFFFFF;
 background-color: #0077FF;
 }
 
 .menu_vertical2,.menu_vertical3{
  
   background-color: #FFFFFF;
 }
 
 
 ul.IconeLancementRapideImgUl{
   margin-left:25px;
   margin-top:15px; 
   margin-bottom:15px;
   text-align:center;
   display: flex; 
 
 }
 .Menu_en_icone_de_lancement_rapide2,.Menu_en_icone_de_lancement_rapide3,.Menu_en_icone_de_lancement_rapide4{
    color: #0077FF;
    background-color: #FFFFFF;
    
 }
 
.Menu_en_icone_de_lancement_rapide1{
  margin-left:80px;
  color: #FFFFFF; 
  background-color: #0077FF; 
   
}

.Menu_en_icone_de_lancement_rapide1,.Menu_en_icone_de_lancement_rapide2,.Menu_en_icone_de_lancement_rapide3{
   margin-right:18px; 
   
}


.Menu_en_icone_de_lancement_rapide_b{
  margin-top:2px;
}

 .Menu_en_icone_de_lancement_rapide_c{
   padding-left:2px;
   width: 100px;
   height:80px;
 }
 .Menu_en_icone_de_lancement_rapide_c2{
   padding-left:2px;
   width: 150px;
   height:100px;
 }
 
 li.Menu_avec_fleche1,li.Menu_avec_fleche2,li.Menu_avec_fleche3,li.Menu_avec_fleche4{
    width: 80px;
    text-decoration:none;
    list-style: none;
    font-size:1.2em;
    height:29px; 
    border: 1px solid #0077FF;     
    padding-top:10px;
    padding-right: 3px;
 }
 
  li.Menu_avec_fleche1,li.Menu_avec_fleche2,li.Menu_avec_fleche3{
    margin-right:5px;
 }
 .Menu_avec_fleche1{
    margin-left:125px;
    color: #FFFFFF;
    background-color: #0077FF;
 }
 
 .Menu_avec_fleche2,.Menu_avec_fleche3,.Menu_avec_fleche4{
    color: #0077FF;
    background-color: #FFFFFF; 
     
 }
 
 li.Menu_horizontal_souligne1,li.Menu_horizontal_souligne2,li.Menu_horizontal_souligne3,li.Menu_horizontal_souligne4{
    width: 100px; 
    height:26px;
    margin-right:5px;
    padding-right: 3px; 
    margin-top:26px; 
    font-size:1.2em; 
    list-style:none;
 }
 .Menu_horizontal_souligne1{
   color: #0077FF;
   margin-left:320px;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: #0077FF;
 }

 
 .Menu_horizontal_souligne2,.Menu_horizontal_souligne3,.Menu_horizontal_souligne4{
   border-bottom: 2px solid transparent;
 }

  
  li.alphabeticOrederSChoice1,li.alphabeticOrederSChoice2,li.alphabeticOrederSChoice3,li.alphabeticOrederSChoice4,li.alphabeticOrederSChoice5,li.alphabeticOrederSChoice6,li.alphabeticOrederSChoice7,li.alphabeticOrederSChoice8{
     width:37px; 
     height: 25px; 
     margin-right:4px; 
     padding-top: 5px; 
     font-size:1.2em;
    
  }

 /*Fiche (zoom)*/
 li.charte_graphique_fiche1,li.charte_graphique_fiche2,li.charte_graphique_fiche3{
   font-weight: bold;
   padding-top: 2px;
   font-size:1.2em; 
   background-color: #ffffff;
   height:26px;
   list-style:none;
   text-decoration: none;
   
 }
 li.charte_graphique_fiche1,li.charte_graphique_fiche2, li.charte_graphique_fiche3{
    border-width: 1px;
    border-color: #000000;
    
 }
  
 .charte_graphique_fiche1,.charte_graphique_fiche3{
  width: 262px;
  margin-right:5px;
  padding-right: 5px;
  text-align: right;
 }
 li.charte_graphique_fiche1,li.charte_graphique_fiche2,.charte_graphique_fiche3{
   border-style:solid;
   
 }
 .customizedContent{
   width: 626px;
   margin-top: 10px;
   margin-right:3px;
   padding-top: 2px;
   padding-left: 5px;
   font-size:1.2em;
   color: #000;
   background-color: #ffffff;
   height:26px;
   border-width:1px;
   border-color: #000000;
 }
 .externalData{
  
   text-align: center;
   width: 626px;
   margin-bottom: 20px;
   margin-left:19px;
   margin-top: 10px;
   margin-right:3px;
   padding-left: 5px;
   font-size:1.2em;
   color: #000;
   background-color: #ffffff; 
   height:26px;
   border-width:1px;
   border-color: #000000;
 }
 
.charte_graphique_fiche2,.chartegraphique_fiche4{
   width: 347px;
   margin-right:3px;
   padding-left: 5px;
   text-align: left;
} 

 .zoneZoomHoverCssIllustration:hover{
   background-color: #0077FF;
   color: #FFFFFF;
   border-color: yellow;
 }
 
 li.charte_graphique_fiche_tag1,li.charte_graphique_fiche_tag2,li.charte_graphique_fiche_tag3,li.charte_graphique_fiche_tag4,li.charte_graphique_fiche_tag5,li.charte_graphique_fiche_tag6,li.charte_graphique_fiche_tag7,li.charte_graphique_fiche_tag8{
    font-weight: bold;
    font-size:1.2em;
    padding-top: 2px; 
    height:26px; list-style:none;
    border: 2px solid  #000000;
    list-style: none;
    width: 85px;
    color: #000000;
    background-color:#F8F8FF;
    border-radius: 8px;
 }
 
  .charte_graphique_fiche_tag1,.charte_graphique_fiche_tag2,.charte_graphique_fiche_tag3,.charte_graphique_fiche_tag4,.charte_graphique_fiche_tag5,.charte_graphique_fiche_tag6,.charte_graphique_fiche_tag7{
    margin-right:15px;  
  }
 
 .charte_graphique_fiche_tag1,li.charte_graphique_fiche_tag5{
     margin-left:120px;    
 }
 
 li.Fiche_externData1,li.Fiche_externData2,li.Fiche_externData3{
    min-width: 354px;
   text-align:center;
   font-weight: bold;
   padding-top: 2px;
   font-size:1.2em; 
   background-color: #FFFFFF;
   height:26px;
   text-decoration: none;
   list-style:none;
   border: 1px solid #0077FF;
 }
 
 .Fiche_externData1{
   text-align: left;
   min-width: 354px;
   margin-right:3px;
   padding-left: 5px;
 }
 

/*Formulaire*/

.charte_graphique_formulaireIntitule{
  font-weight: bold;
  text-align: center;
  width: 626px;
  margin-left:19px;
  
  margin-bottom:15px;
  margin-right:3px;
  padding-top: 2px;
  padding-left: 5px;
  font-size:1.2em;
  color: #000000;
  background-color: #ffffff;
  height:26px;
  border-width:1px;
  border-color: #000000;
  border-style: solid; 
}
.charte_graphique_formulaireCustomizedContent{
font-weight: bold;
 text-align: center;
 width: 626px; 
 margin-left:19px;

 margin-right:3px;
 padding-top: 2px; 
 padding-left: 5px;
 font-size:1.2em; 
 color: #000000; 
 background-color: #ffffff;
 height:26px;
 border-width:1px;
 border-color: #000000;
 border-style:dotted;" 
}


 /*Datagrid (liste)*/
  .boutonDajout{
  background-color: F8F8FF;
 
   }
   
 .filterIllustration{
   display:inline-block;
   margin-bottom: 25px;
   margin-top: 25px; 
   width:650px;
   min-height:120px; 
   border:1px solid black;
   border-radius: 8px;
   background-color: #FFFFFF;
 }
 
 .TableauIllustration{
   
    border-width:1px;
    border-style:solid;
    border-color:black;
 }
 
.tableHeightIllustrationPair{
  height: 10px;
}
.tableHeightIllustrationOdd{
  height: 10px;
}
 
 
 
 /*FILTRES*/
 
.input_choice2,.input_choice3{
   text-align:right;
   background-color: grey;
}

.input_choice2{
  margin-left:-179px;
}


li.input_choice1,li.input_choice2,li.input_choice3{
 color:#FFFFFF;
  list-style: none;
  width: 70px;
  height:20px; 
  font-size:1.2em;
  padding: 5px;
}

  .input_choice3{   
  margin-left:29px;
 
  }
  
  .input_choice1{
   margin-left:-180px;
   background-color: #0077FF;
  list-style:none;
 
  }
  
   li.triangle1,li.triangle2,li.triangle3,li.triangle4,li.triangle5,li.triangle6{
    list-style: none;
  }
  
  .triangle1,.triangle2,.triangle3,.triangle4,.triangle5,.triangle6{
   width:0;
   height:0;
   border-top:15px solid transparent;
   border-bottom: 15px solid transparent;
  }
  
   .triangle1, .triangle2, .triangle4{
      border-left: 15px solid white;
   }
  .triangle1{
   margin-left: 4px;
}


 .triangle2,.triangle4{
   margin-left: 5px;
 }
 
  .triangle5 {
    margin-left:-20px;

   border-left-width: 15px ; 
   border-left-style: solid ;
   border-left-color: #0077FF;
 }
  
   .triangle3,.triangle6{
      margin-left: -20px;
    border-left: 15px solid grey;
   }
 




  li.alphabeticOrederSChoice1{
    color: #FFFFFF;
    background-color: #0077FF;
    list-style:none; 
    border: 1px solid #191970 ;
    }
  
  
  li.alphabeticOrederSChoice2,li.alphabeticOrederSChoice3,li.alphabeticOrederSChoice4,li.alphabeticOrederSChoice5,li.alphabeticOrederSChoice6,li.alphabeticOrederSChoice7,li.alphabeticOrederSChoice8{
    
     background-color: #FFF;
     list-style:none; 
     border: 1px solid #191970;
  }
  
  li.arianeIllustrationFilter1, li.arianeIllustrationFilter2, li.arianeIllustrationFilter3, li.arianeIllustrationFilter4, li.arianeIllustrationFilter4, li.arianeIllustrationFilter5, li.arianeIllustrationFilter6{
    list-style:none;
  }
  li.arianeIllustrationFilter1{
    text-align:center; width: 100px; margin-left:0px;padding-left: 0px;   padding-top:10px; font-size:1.2em; height:29px; color: #000000; background-color: #0077FF; list-style:none; border: 1px solid #0077FF;
  }
   li.arianeIllustrationFilter2{
     color: transparent; width: 0;height:0px; border: 20px solid transparent; border-left: 20px solid #0077FF; margin-left:-45px;
  }
   li.arianeIllustrationFilter3{
     text-align:center; opacity:0.2; width: 100px; margin-left:-32px;  padding-top:10px;  font-size:1.2em; height:29px;color: #000000; background-color: #8b4000; list-style:none;
  }
   li.arianeIllustrationFilter4{
     color: transparent; width: 0;height:0px; border: 20px solid transparent; border-left: 20px solid grey; margin-left:-45px;
  }
   li.arianeIllustrationFilter5{
    text-align:center; opacity:0.2;  width: 100px; margin-left:-32px;  padding-top:10px;  font-size:1.2em; height:29px;color: #000000; background-color:  #8b4000; list-style:none;
  }
   li.arianeIllustrationFilter6{
    color: transparent; width: 0;height:0px; border: 20px solid transparent; border-left: 20px solid grey; margin-left:0px;
  }
  
  

  
  .Bordures_du_Tableau{
    display:inline-block;
    
    border:1px solid black;
    border-radius: 8px;
    margin-bottom: 10px; 
    margin-top:25px;
    padding:5px;
    background-color:#f5f5f5;
  }
 
 
  
/*Ecran style_graphique*/
.charte_graphique_style_fieldset,.charte_graphique_style_fieldset2{
  display:inline-block; 
  margin-top: 35px; 
  min-width:650px;
  border:1px solid ;
  margin-bottom: 20px;
  padding:5px; 
  background-color: #FFFFFF;
 }
 .charte_graphique_style_fieldset2{
   border-color: #0077FF;
 }
 .charte_graphique_style_fieldsetListes{
   display:inline-block;
   margin-top: 25px;
   width:637px; 
   min-height:210px; 
   border-width:1px;
   border-style: solid;
   border-color: #0077FF;
   background-color: #ffffff;
 }
 .charte_graphique_style_fieldsetFiltres{
   display:inline-block;
   margin-top: 25px;
   margin-bottom:25px;
   width:650px;
   border-width:1px;
   border-style: solid;
   border-color: #0077FF;
   background-color: #ffffff;
 }

 
 
 
 
 
 /*FOND D'ECRAN*********************************************/
 
 
 
 
 /*COULEURS DE BASES****/
 
 .Couleurs_de_base{
   display:inline;
   min-width: 400px;
   border:1px solid black;
   border-radius: 8px;
   margin-top:25px;
   margin-bottom: 10px; 
   padding:5px;
   background-color:#f5f5f5;
 }
 .Couleurs_de_base_legende{
   padding:5px;
   text-align: left;
   font-size:1.2em;
   font-weight:bold;
   border:1px solid black;
   border-radius: 8px;
   background-color:#fff;
   height: 1.3rem;
   position: absolute; 
   top:74px;
 }
  
  /**COULEURS DE FOND****/
  
  .Couleur_de_fond{
    display:inline;
    min-width:800px;
    border:1px solid black; 
    border-radius: 8px;
    margin-bottom: 10px;
    padding:0px;
    background-color:#f5f5f5;
  }
  
  .Couleur_de_fond_legende{
    text-align: left; 
    padding:5px;
    font-size:1.2em;
    font-weight:bold; 
    border:1px solid black;
    border-radius: 8px;
    background-color:#fff; 
    height: 1.5rem; 
    position: absolute; 
    margin-top:-19px;
    margin-left:35px;
  }
  
  
  .Couleur_de_barre{
    display:inline;
    min-width:800px;
    border:1px solid black; 
    border-radius: 8px;
    margin-bottom: 10px;
    padding:0px;
    background-color:#f5f5f5;
  }
  
  .Couleur_de_barre_legende{
    text-align: left; 
    padding:5px;
    font-size:1.2em;
    font-weight:bold; 
    border:1px solid black;
    border-radius: 8px;
    background-color:#fff; 
    height: 1.5rem; 
    position: absolute; 
    margin-top:-19px;
    margin-left:35px;
  }
  
  
  .Image_de_fond{
     display:inline-block;
     min-width:800px;
     border:1px solid black;
     border-radius: 8px;
     margin-top:25px;
     margin-bottom: 10px;
     padding:0 10px 10px;
     background-color:#f5f5f5;
     position: relative;
  }
  
.Image_de_fond_legende{
  text-align: left;
  padding:5px;
  font-size:1.2em;
  font-weight:bold;
  border:1px solid black;
  border-radius: 8px;
  background-color:#fff; 
  height: 1.5rem;
  position: absolute;
  margin-top:-19px; 
  margin-left:35px;

 
  }
  
  /* DESIGN */
  
  .builder_design_block {
    display:inline;
    min-width: 545px;
    border:1px solid black; 
    border-radius: 8px;
    margin-bottom: 10px;
    padding:0px;
    background-color:#f5f5f5;
  }
  
  .builder_design_block_legend {
    text-align: left; 
    padding:5px;
    font-size:1.2em;
    font-weight:bold; 
    border:1px solid black;
    border-radius: 8px;
    background-color:#fff; 
    height: 1.5rem; 
    position: absolute; 
    margin-top:-19px;
    margin-left:35px;
  }
  
  /*ZONE CONTENU*******************************************************************************/
  
  .titleFieldIllustration{
    display: inline-block;
    width:600px;
    height:235px;
    border-width:1px;
    border-style:solid;
    background-color: #FFFFFF;
  }
  
 .contenuTitle{
   min-width:inherit;
  height: 20px;
  border-bottom: 1px solid #000000;
}

.Barre_de_titre,.Fond_Illustration,.Bordures_et_marges_exterieures{
  display:inline-block;
  min-width:650px;
  margin-bottom: 10px;
  
  
}
.Barre_de_titre,.Fond_Illustration,.Bordures_et_marges_exterieures,.Bordures_et_marges_exterieures_legende,.Barre_de_titre_legende,.Fond_Illustration_legende{
  padding:5px;
  border:1px solid black;
  border-radius: 8px;
 
}

.Bordures_et_marges_exterieures_legende,.Barre_de_titre_legende,.Fond_Illustration_legende{
  text-align: left;
  font-size:1.2em;
  font-weight:bold;
  background-color:#fff;
  height: 1.5rem; 
  position: absolute;
  margin-top:-24px;
  margin-left:35px;
}


.Barre_de_titre{
  margin-top: 25px;
  background-color:#f5f5f5;
}


.Fond_Illustration{
  margin-top: 25px;
  background-color:#f5f5f5;
}

.Bordures_et_marges_exterieures{
 
  margin-top:25px; 
  background-color:#f5f5f5;
}

/*FICHES ZOOM***************************************************************/

.FicheIntituleValeur{
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 10px auto;
  padding-left:5px; 
  display: flex;
  min-width: 565px;
}
.FicheTags{
  margin-left:15px; 
  margin-top: 10px;
  margin-bottom: 10px auto;
  padding-left:5px;
  display: flex;
  min-width: 565px; 
  background-color: transparent;
}

.FicheSeparateur{
  width:125px;
  height:20px;
  text-align: center;
  margin-bottom: -12px;
  margin-left: 270px;
  color: black;
  border:1px solid transparent;
  background-color:white; 
  margin-top:10px;
}
.FicheIntitulePHP{
  display:inline-block; margin-top: 25px; min-width:650px; border:1px solid black;border-radius: 8px; margin-bottom: 10px; padding:5px; background-color:#f5f5f5;
}
.FicheIntitulePHP_legende{
   text-align: left; padding:5px; font-size:1.2em; font-weight:bold; border:1px solid black; border-radius: 8px; background-color:#fff; height: 1.5rem; position: absolute; margin-top:-24px; margin-left:35px;
}
/* Custom's styles End*/


/* table */

.builder_body input.set_field{
  width : 140px;
  border-color : #888;
}

.builder_body input.set_field:hover{
  cursor : pointer;
  background-color : #DDD;
}

.builder_body input.set_field:active{
  border-color : #333;
  -webkit-transform:  translateY(1px);
  -moz-transform:   translateY(1px);
  transform:      translateY(1px);
  behavior: url(lib/css/PIE.htc);
}



  



/* POPUP SELECT ZONE */

.builder_body div.zone_select_popup_button{
  display : inline-block;
}

.builder_body div.zone_select_popup_button:hover, .builder_body div.zone_select_popup_button input:hover{
  cursor : pointer;
}

.builder_body div.popup_zone_img_div{
  width : 100%;
  margin-bottom : 2px;
  border : solid 1px transparent;
  border-radius : 5px;
}

.builder_body div.popup_zone_img_div:hover{
  cursor : pointer;
  background-color : #DDD;
  border : solid 1px #888;
}

.builder_body div.popup_zone_img_div:hover table tr td img.zone_type_img{
  background-color : rgba(30,46,228,0.5);
}

.builder_body .compute_type_img:hover{
  background-color : rgba(30,228,46,0.5);
}

.builder_body input.select_popup_button{
  border-top-right-radius : 0px;
  border-bottom-right-radius : 0px;
}

.builder_body input.select_popup_img{
  margin-left : -4px;
  width : 16px;
  background-image : url(../pict/icon/arrow_down_10.png);
  background-repeat : no-repeat;
  background-size : 10px 10px;
  background-position : 2px 4px;
  border-left : none;
  border-top-left-radius : 0px;
  border-bottom-left-radius : 0px;
}

.builder_body td.popup_zone_img_td_right{
  padding-left : 5px;
}

.builder_body table.popup_zone_list_table tr td.popup_zone_selected{
  background-color : rgba(30,46,228,0.5);
}

.builder_body td.popup_zone_selection_td:hover{
  cursor : pointer;
}

/* Upload */

.builder_body .ui-progressbar .ui-progressbar-value { background-image: url(../pict/icon/pbar-ani.gif); }

/* canevas */

.builder_body div.criteria_canvas,
.builder_body div.criteria_box_canvas {
  display           : none;
  position          : fixed;
  top               : 0px;
  left              : 0px;
  right             : 0px;
  bottom            : 0px;
  z-index           : 9;
  background-color  : rgba(0, 0, 0, 0.4);
  /* filtre microsoft pour l'opacité sur la couleur de fond */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
  overflow-y        : auto;
  text-align        : center;
}

.builder_body div.criteria_embedded,
.builder_body div.criteria_box_embedded {
  position          : relative;
  border            : solid 1px #DDD;
  background-color  : #FFFFFF;
  box-shadow        : 3px 3px 5px #333;
  border-radius     : 5px;
  width             : 960px;
  margin            : 50px auto 50px auto;
  padding           : 10px;
}

/* canevas */

.builder_body div.workflow_canvas, .builder_body div.order_canvas, div.action_canvas   {
  display           : none;
  position          : fixed;
  top               : 0px;
  left              : 0px;
  right             : 0px;
  bottom            : 0px;
  z-index           : 9;
  background-color  : rgba(0, 0, 0, 0.4);
  /* filtre microsoft pour l'opacité sur la couleur de fond */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
  overflow-y        : auto;
  text-align        : center;
}

.builder_body div.workflow_embedded, .builder_body div.order_embedded, div.action_embedded, div.builded_popup_content {
  position          : relative;
  border            : solid 1px #DDD;
  background-color  : #FFFFFF;
  box-shadow        : 3px 3px 5px #333;
  border-radius     : 5px;
  width             : 960px;
  margin            : 50px auto 50px auto;
  padding           : 10px;
}

/* views */

.builder_body td.views_sortable_field
{
  text-align : center;
  white-space : nowrap;
}

/* filter */

.builder_body div.criteria_box_selected_name {
  background-color : #FEFEFE;
  text-align : center;
  width : 200px;
  padding : 3px 5px;
  overflow : hidden;
  border : solid 1px #DDD;
  border-radius : 3px;
  text-overflow : ellipsis;
}

.builder_body div.criteria_box_selected_name:hover {
  cursor : pointer;
  background-color : #EEE;
  border : solid 1px #888;
}


.builder_body td.t_datagrid_td:hover
{
  cursor : pointer;
}




/* criteria current user field */

.builder_body div.criteria_current_user_field_container:hover
{
  cursor : pointer;
}

.builder_body div.criteria_list_elmt:hover
{
  background-color : rgba(255,255,255,0.5);
  border-radius : 3px;
}

/* workflow */

.builder_body table.workflow_grid
{
  margin-left : 1px;
  border-collapse : collapse;
}

.builder_body td.workflow_grid
{
  width : 100px;
  padding : 5px;
  vertical-align:middle;
  border : solid 1px #888;
}

.builder_body td.workflow_grid_content
{
  vertical-align:middle;
  border : solid 1px #888;
}

.builder_body div.workflow_grid
{
  width : 100px;
  text-overflow : ellipsis;
  overflow : hidden;
  white-space : nowrap;
}

.builder_body div.workflow_def_container
{
  border-radius : 3px;
  font-weight : bold;
  white-space : nowrap;
  padding : 8px 5px;
  margin : 0px auto;
  text-align : left;
}

.builder_body div.workflow_def_container:hover
{
  background-color : #8CE683;
  cursor : pointer;
}



.builder_body tr.formZoneStyle_tr:hover
{
  cursor : pointer;
}

.builder_body td.formZoneStyle_arrow_td
{
  background-image : url(../pict/icon/arrow_down.png);
  background-repeat : no-repeat;
  background-position : 0px 3px;
}

.builder_body li.form_title:hover
{
  cursor: pointer;
}

/* SPINNER */

div.ajax_spinner_container
{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

div.ajax_spinner
{
  width: 200px;
  height: 150px;
  border-radius : 8px;
  position: fixed;
  margin: -75px 0px 0px -100px;
  top : 45%;
  left : 50%;
  background-color: rgba(0,0,0,0.6);
  z-index: 99999;
}

/* TREES */

  /*Now the CSS*/
  /* {
      margin: 0;
      padding: 0;
  }
  */
  .tree_container {
    position : relative;
    width : 10000px;
    overflow-x : auto;
    height : 100%;
    margin-left : auto;
      margin-right : auto;
  }
  .tree {
      width: 100000px;
      margin-left : auto;
      margin-right : auto;
  }
  .tree ul {
      padding-top: 20px;
      position: relative;
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
  }
  .tree li {
      float: left;
      text-align: center;
      list-style-type: none;
      position: relative;
      padding: 20px 5px 0 5px;
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
  }
  /*We will use ::before and ::after to draw the connectors*/
  .tree li::before, .tree li::after {
      content:'';
      position: absolute;
      top: 0;
      right: 50%;
      border-top: 1px solid #ccc;
      width: 50%;
      height: 20px;
  }
  .tree li:after {
      right: auto;
      left: 50%;
      border-left: 1px solid #ccc;
  }
  /*We need to remove left-right connectors from elements without
any siblings*/
  .tree li:only-child::after, .tree li:only-child::before {
      display: none;
  }
  /*Remove space from the top of single children*/
  .tree li:only-child {
      padding-top: 0;
  }
  /*Remove left connector from first child and
right connector from last child*/
  .tree li:first-child::before, .tree li:last-child::after {
      border: 0 none;
  }
  /*Adding back the vertical connector to the last nodes*/
  .tree li:last-child::before {
      border-right: 1px solid #ccc;
      border-radius: 0 5px 0 0;
      -webkit-border-radius: 0 5px 0 0;
      -moz-border-radius: 0 5px 0 0;
  }
  .tree li:first-child::after {
      border-radius: 5px 0 0 0;
      -webkit-border-radius: 5px 0 0 0;
      -moz-border-radius: 5px 0 0 0;
  }
  /*Time to add downward connectors from parents*/
  .tree ul ul::before {
      content:'';
      position: absolute;
      top: -3px;
      left: 50%;
      border-left: 1px solid #ccc;
      width: 0;
      height: 23px;
      margin-left: -1px;
  }
  .tree li a {
      border: 1px solid #CCC;
      width : 60px;
      height : 52px;
      padding: 3px 10px;
      text-decoration: none;
      color: #666;
      font-size: 11px;
      display: inline-block;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      overflow : hidden;
      position:relative;
  }

  .tree li a:hover div.screen_tree_toggle_container {
    display : block;
  }

  .tree li a.loop {
    background-color : #CCC;
  }

  /*Time for some hover effects*/
  /*We will apply the hover effect the the lineage of the element also*/
  /*
  .tree li a:hover, .tree li a:hover+ul li a {
      background: #c8e4f8;
      color: #000;
      border: 1px solid #94a0b4;
  }
  */
  /*Connector styles on hover*/
  /*
  .tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before {
      border-color: #94a0b4;
  }
  */
  li a.just-line {
      display: none;
  }
  a.just-line + ul {
      padding-top: 74px;
  }
  a.just-line + ul:before {
      height: 74px;
  }

  div.screen_tree_collapse_container {
    margin : 10px auto;
    text-align : center;
  }

  a.screen_tree_collapse {
    text-decoration : none;
    padding : 8px 15px;
    border : solid 1px #BBB;
    border-radius : 3px;
  }

  a.screen_tree_collapse:hover {
    cursor : pointer;
    background-color : #DDD;
  }

  div.screen_tree_toggle_container {
    background-color : rgba(0,0,0,0.5);
    z-index : 9;
    position : absolute;
    top : 0px;
    left : 0px;
    width : 100%;
    height : 100%;
    white-space : nowrap;
    display : none;
  }

  div.screen_tree_toggle_container img {
    margin : 15px 4px 0px 4px;
    background-color : #EEE;
    border-radius : 5px;
    border : solid 1px #AAA;
    padding : 6px;
  }

  div.screen_tree_toggle_container img:hover {
    cursor : pointer;
  }

/* TABLES TREES */

.tables_tree_canva{
  display: inline-block !important;
  border: 1px solid black !important;
  border-radius:3px !important;
  padding: 5px 10px !important;
  width: 150px !important;
  margin: 5px !important;
}

.tables_tree_main{
  background-color: rgba(175, 175, 255, 0.5);
}

.tables_tree_title{
  margin-bottom: 5px !important;
  font-weight: bold !important;
  border-bottom: 1px solid black !important;
  width: 150px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.tables_tree_title span{
  display: inline-block;
  width: 130px;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.tables_tree_title span.thin{
  width: 115px;
}

.tables_tree_title img:hover {
  cursor : pointer;
}

.tables_tree_fields{
  width: 150px !important;
  max-height: 88px !important;
  overflow: hidden !important;
  overflow-y: auto !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.tables_tree_fields ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  width: 150px !important;
}

.tables_tree_fields ul li{
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.tables_tree_fields ul li.tables_tree_links *{
  vertical-align: middle;
}

.tables_tree_fields ul li.tables_tree_links:hover{
  cursor: pointer;
}

div.table_tree_toggle_container {
  background-color : rgba(0,0,0,0.5);
  z-index : 9;
  position : absolute;
  top : 0px;
  left : 0px;
  width : 100%;
  height : 100%;
  white-space : nowrap;
  display : none;
  text-align: center;
  vertical-align: middle;
}

div.table_tree_toggle_container img {
  margin : 0px 4px;
  background-color : #EEE;
  border-radius : 5px;
  border : solid 1px #AAA;
  padding : 6px;
  vertical-align: middle;
}

div.table_tree_toggle_container img:hover {
  cursor : pointer;
}

.tables_tree_canva:hover div.table_tree_toggle_container{
  display: block;
}

.table_tree_tweak{
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

.table_tree_dot{
  background-color: transparent !important;
  color: transparent !important;
}

/*  NEW BUILDER SKIN  */

.builder_body .builder_head {
  background-color : #0b1e36 !important;
  width : 100% !important;
  height : 26px !important;
  padding : 2px 0px !important;
  margin : 0px !important;
  position : relative;
}

.builder_body .builder_logo {
  position : absolute;
  padding : 0px !important;
  margin : 0px 0px 0px 20px !important;
  width : 100px;
}

.builder_body .builder_logo img {
  padding : 0px !important;
  margin : 0px !important;
}

.builder_body .builder_info {
  vertical-align: middle !important;
  position : absolute !important;
  text-align : right !important;
  padding : 0px 40px 0px 0px !important;
  margin : 0px !important;
  width : 800px !important;
  right : 0px !important;
  white-space : nowrap !important;
}

.builder_body .builder_user_name {
  color : #888 !important;
  font-size : 18px !important;
  margin-right : 20px !important;
  vertical-align: middle !important;
  display : inline-block !important;
}

.builder_body .builder_lang_selector {
  color : #888 !important;
  font-size : 18px !important;
  margin-right : 20px !important;
  vertical-align: middle !important;
  display : inline-block !important;
}

.builder_body .builder_settings {
  display : inline-block !important;
  vertical-align: middle !important;
}

.builder_body .builder_settings a img {
  border : 0px !important;
  width : 25px !important;
  margin-right : 30px !important;
  margin-top : 3px !important;
  vertical-align: middle !important;
}

.builder_body .builder_logout {
  display : inline-block !important;
  vertical-align: middle !important;
}

.builder_body .builder_logout a img {
  border : 0px !important;
  width : 25px !important;
  margin-top : 3px !important;
  vertical-align: middle !important;
}

.builder_body .builder_app_selector {
  color : #BBB !important;
  margin-right : 20px !important;
  font-size : 18px !important;
  font-weight : normal !important;
  vertical-align: middle !important;
  display : inline-block !important;
}

.builder_body .builder_app_selector:hover {
  cursor : pointer;
}

.builder_body .builder_app_selector img {
  border : 0px !important;
  width : 15px !important;
  margin-top : 3px !important;
  margin-left : 3px ! important;
  vertical-align: middle !important;
}

.builder_body .builder_app_selector_menu {
  background-color : #174073 !important;
  z-index : 999 !important;
  position : absolute !important;
  text-align : left !important;
  padding : 5px !important;
  margin-top : 6px !important;
  display : none;
  border-radius : 3px;
}

.builder_body .builder_lang_selector_menu {
  background-color : #174073 !important;
  z-index : 999 !important;
  position : absolute !important;
  text-align : left !important;
  padding : 5px !important;
  margin-top : 6px !important;
  display : none;
  border-radius : 3px;
}

.builder_body .builder_app_link {
  display : block !important;
  padding : 6px 10px !important;
  white-space : nowrap !important;
  font-size : 16px !important;
  color : #BBB !important;
}

.builder_body .builder_app_link:hover {
  background-color : #0b1e36;
  color : #FFF;
}

.builder_body .builder_head_line {
  background-color : #174073 !important;
  width : 100% !important;
  height : 2px !important;
  padding : 0px !important;
  margin : 0px !important;
  position : relative;
}

.builder_body .builder_main_menu_container {
  background-color : #0b1e36 !important;
  width : 100% !important;
  height : 42px !important;
  padding : 4px 0px !important;
  margin : 0px !important;
  position : relative;
}

.builder_body .builder_main_menu {
  position : absolute;
  width: 100% !important;
}

.builder_body .builder_main_content_container {
  width : 100% !important;
  height : 100vh !important;
  padding : 0px !important;
  margin : 0px !important;
  position : relative !important;
}

.builder_body .builder_side_panel {
  background-color : #0b1e36 !important;
  /* position : absolute; */
  /* left : 0px; */
  top : 0px;
  width : 200px !important;
  height : 100% !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  float: left !important;
}

.builder_body .builder_main_content {
  position : relative !important;
  /* left : 210px !important; */
  top : 0px !important;
  /* width : 90% !important; */
  height : 90% !important;
  padding : 20px 0px 0px 0px !important;
  /*background-color : #55E;*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -moz-box-shadow: inset 3px 3px 5px 0px #888888;
  -webkit-box-shadow: inset 3px 3px 5px 0px #888888;
  -o-box-shadow: inset 3px 3px 5px 0px #888888;
  box-shadow: inset 3px 3px 5px 0px #888888;
}

.builder_body .builder_main_content_frame:not(.no_width):not(.builder_main_content_mod_get_file):not(.builder_main_content_mod_design):not(.builder_main_content_mod_graphique) {
  width : 1080px !important;
  margin-left : auto !important;
  margin-right : auto !important;
  padding-bottom : 30px !important;
  position: relative !important;
  /*background-color : #E55;*/
  overflow: hidden;
  overflow-x: auto;
}

.builder_main_content_mod_design {
  width: calc(100% - 20px);
  margin-left : auto !important;
  margin-right : auto !important;
  padding-bottom : 30px !important;
  position: relative !important;
  /*background-color : #E55;*/
  overflow: hidden;
  overflow-x: auto;
}

.builder_main_content_mod_graphique {
  width: calc(100% - 20px);
  margin-left : auto !important;
  margin-right : auto !important;
  padding-bottom : 30px !important;
  position: relative !important;
  /*background-color : #E55;*/
  overflow: hidden;
  overflow-x: auto;
}

.builder_body .builder_main_content_frame.builder_main_content_mod_builderAdminLog {
  width: calc(100vw - (210px + 70px)) !important;
}

.builder_body .builder_apps {
  width : 1280px !important;
  margin-left : auto !important;
  margin-right : auto !important;
  height : 100% !important;
}

.builder_body .builder_apps_buttons {
  position : relative;
  margin-top : 20px !important;
}

.builder_body .builder_apps_buttons_user {
  position : absolute;
  right : 0px;
}

.builder_body .builder_apps_buttons_app {
  position : absolute;
  left : 0px;
}

.builder_body .builder_apps_buttons_user a {
  color : #FFF;
  font-size : 18px !important;
  font-weight : bold !important;
  background-color : #66adff;
  padding : 8px 15px 8px 40px;
  background-image:url('../pict/icon/builder_plus.png');
  background-repeat:no-repeat;
  background-position: 12px 50%;
  background-size: 20px 20px;
  -moz-box-shadow: 3px 3px 5px 0px #888888;
  -webkit-box-shadow: 3px 3px 5px 0px #888888;
  -o-box-shadow: 3px 3px 5px 0px #888888;
  box-shadow: 3px 3px 5px 0px #888888;
}

.builder_body .builder_apps_buttons_user a:hover {
  background-color : #0076ff;
}

.builder_body .builder_apps_buttons_app a {
  color : #FFF;
  font-size : 18px !important;
  font-weight : bold !important;
  background-color : #a7dc66;
  padding : 8px 15px 8px 40px;
  background-image:url('../pict/icon/builder_plus.png');
  background-repeat:no-repeat;
  background-position: 12px 50%;
  background-size: 20px 20px;
  -moz-box-shadow: 3px 3px 5px 0px #888888;
  -webkit-box-shadow: 3px 3px 5px 0px #888888;
  -o-box-shadow: 3px 3px 5px 0px #888888;
  box-shadow: 3px 3px 5px 0px #888888;
}

.builder_body .builder_apps_buttons_app a:hover {
  background-color : #79dc00;
}

.builder_body .builder_apps_my_apps {
  text-align : center !important;
  padding-top : 40px !important;
  font-size : 25px !important;
  font-weight : bold !important;
}

.builder_body .builder_project_preview {

}

/*
.builder_body .builder_project_preview:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
*/

.builder_body .builder_apps_list {
  text-align : center !important;
  margin-top : 40px !important;
  height : 480px !important;
  overflow : hidden !important;
  overflow-y : auto !important;
}

.builder_body .builder_apps_preview {
  text-align : center !important;
  margin : 20px 30px !important;
  display : inline-block !important;
  overflow : hidden !important;
  text-overflow : ellipsis;
  width : 220px;
}

.builder_body .builder_apps_preview:hover {
  transform: translate(0px, -8px);
  -webkit-transform: translate(0px, -8px);
  -moz-transform: translate(0px, -8px);
  -o-transform: translate(0px, -8px);
  -ms-transform: translate(0px, -8px);
}

.builder_body div.project_preview_img {
  margin-bottom : 5px;
  margin-top : 5px;
}

.builder_body div.project_preview_img:hover {
  cursor : pointer;
  box-shadow : 0px 0px 3px #888;
}

.builder_body .builder_main_menu_new, .builder_main_menu_preview{
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 18px !important;
  padding: 7px 20px !important;
  display: inline-block !important;
  margin-right: 0px !important;
  margin-top: 3px !important;
  border-radius: 50px !important;
}

.builder_body .builder_main_menu_data{
  margin-left: 210px !important;;
}

.builder_body .builder_main_menu_new:hover{
  background-color: #0080fe !important;
}

.builder_body .builder_main_menu_preview{
  float: right !important;
  background-color: #cccccc !important;
  padding: 5px 18px !important;
  border: 2px solid #cccccc !important;
  color: #0b1e36 !important;
}

.builder_body .builder_main_menu_preview:hover{
  background-color: #0b1e36 !important;
  color: #ffffff !important;
}

.builder_body .builder_main_menu_new a{
  color: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

.builder_body .builder_sub_menu_new{
  color: #ffffff !important;
  font-size: 16px !important;
  padding: 5px 20px !important;
  margin-top: 1px !important;
  border-radius: 30px !important;
}

.builder_body .builder_sub_menu_new:hover{
  background-color: #ffffff !important;
  color: #0b1e36 !important;
}

.builder_body .builder_sub_menu_new_selected{
  background-color: #ffffff !important;
  color: #0b1e36 !important;
}

.builder_body .builder_sub_menu_new a{
  color: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  display: block !important;
}

.builder_body .builder_sub_menu_toggle_theme{
  display: none !important;
}

.builder_body .builder_sub_menu_theme:hover .builder_sub_menu_toggle_theme{
  display: block !important;
}

.builder_body .builder_aide_fermer {
  color : #333 !important;
  background-color : transparent !important;
  border : solid 1px #333 !important;
}

.builder_body .builder_aide_fermer:hover {
  color : #FFF !important;
  background-color : #333 !important;
}

.builder_body .builder_compute_type_img
{
  height: auto !important;
  width: 128px !important;
  border: 0px solid transparent !important;
  margin-top: 24px !important;
}

.builder_body .builder_compute_type_img_container
{
  width: 128px !important;
  height: 128px !important;
  border: 2px solid #555 !important;
  border-radius: 3px !important;
  display: inline-block !important;
}

.builder_body .builder_compute_type_img_container:hover{
  background-color : rgba(30,228,46,0.5) !important;
}

.builder_body .builder_sub_menu_new_add a{
  background-image: url('../pict/icon/Add_ffffff_2.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  padding-left: 25px !important;
}

.builder_body .builder_sub_menu_new_add:hover a, .builder_body .builder_sub_menu_new_add_selected a{
  background-image: url('../pict/icon/Add_0b1e36_2.png') !important;
}

.builder_aide_img {
  width : 600px;
}

/*  AUTH  */

div#builder_auth_container {
  text-align : center;
  margin-top : 20px;
}

div#builder_auth {
  border : solid 0px #00b2ee;
  border-radius : 5px;
  width : 400px;
  padding : 40px 50px;
  margin : 10px auto 20px auto;
  background-color : #FFF;
}

input.builder_auth_input {
  font-size : 20px !important;
  margin-bottom : 2px !important;
  padding : 10px 10px 10px 50px !important;
  width : 310px !important;
  background-size: 25px 25px !important;
  background-repeat: no-repeat !important;
  background-position:10px center !important;
  text-indent: 0px !important;
}

input.builder_auth_input_user {
  background-image: url(../pict/icon/auth_user.png);
}

input.builder_auth_input_passwd {
  background-image: url(../pict/icon/lock.png);
}

input.builder_auth_submit {
  font-size : 26px;
  margin-top : 20px;
  margin-bottom : 30px;
  padding : 5px 0px;
  border : solid 1px #999;
  color : #999;
  background-color : #fff;
  border-radius : 3px;
  text-align : center;
  width : 200px;
}

input.builder_auth_submit:hover, input.builder_auth_submit:active {
  cursor : pointer;
  /*
  border : solid 1px #0077ff;
  color : #0077ff;
  */
  border : solid 1px #333;
  color : #333;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  vertical-align: middle;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 23px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: rgb(31,209,133);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Log detail */
table.builder_log_detail {
  
}
table.builder_log_detail tr td {
  font-family: Monospace;
}
table.builder_log_detail tr td.key {
  text-align: right;
  padding-right: 10px;
  color: gray;
}
table.builder_log_detail tr td.value {
  text-align: left;
  color: black;
}

/* -- START STYLIZED FILTERS */

.filterTag {
  overflow: visible;
}
.filterTag .title {
  display: inline-block;
  padding: 5px 15px;
  font-size: 12px;
  border-radius: 15px;
  background-color: gray;
  color: white;
  cursor: pointer;
}
.filterTag .title.active {
  background-color: darkgray;
}
.filterTag_box {
  position: absolute;
  min-width: 200px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  background: white;
  z-index: 30;
}
.filterTag_box .close {
  position: absolute;
  padding: 7px 12px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.filterTag_box .close:hover .fa {
  background-color: transparent!important;
}
.filterTag_box .close:hover {
  background-color: rgba(255,255,255,0.12)!important;
}
.filterTag_box .close .fa {
  color: white;
  font-size: 18px;
}
.filterTag_box .title {
  color: white;
  background-color: #4285f4;
  text-align: left;
  padding: 7px 12px;
  font-size: 16px;
  font-family: Arial;
  font-weight: 700;
}
.filterTag_box .search {
  background-color: transparent;
  padding: 10px 10px 0px 10px;
}
.filterTag_box .search input {
  color: #001A70;
  padding: 0px;
  width: 100%;
  border: 0;
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
  background-color: transparent!important;
}
.filterTag_box .search input::-webkit-input-placeholder { color: #b5b5b5; }
.filterTag_box .search input::-moz-placeholder          { color: #b5b5b5; }
.filterTag_box .search input::-ms-placeholder           { color: #b5b5b5; }
.filterTag_box .search input::placeholder               { color: #b5b5b5; }

.filterTag_box .select_tools {
  text-align: right;
  color: black;
  padding: 10px 10px 0px 10px;
}

.filterTag_box .select_tools a {
  color: gray;
  text-decoration: underline;
}

.filterTag_box .select_tools a:hover {
  color: darkgray;
  text-decoration: underline;
}

.filterTag_box .content {
  background-color: white;
}
.filterTag_box .content ul {
  margin: 0;
  padding: 10px 10px;
  list-style-type: none;
  overflow-y: auto;
  max-height: 300px;
  position: relative;
}
.filterTag_box .content ul li {
  margin: 0;
  padding: 5px;
}
.filterTag_box .content ul li > * {
  vertical-align: top;
  font-size: 15px;
}
.filterTag_box .content ul li > label {
  display: inline-block;
  margin-left: 6px;
  color: gray;
  font-size: 13px;
  max-width: calc(100% - 19px);
  cursor: pointer;
  margin-top: 2px;
}

.filterTag_box .submit_button {
  display: inline-block;
  background-color: #001A70;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  margin: 10px;
  float: right;
  padding: 10px 15px;
  border-radius: 40px;
  color: white;
  font-weight: bold;
  
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.filterTag_box .submit_button:hover {
  opacity: 0.9;
}
.filterTag_box .submit_button:active {
  opacity: 0.8;
}
.filterTag_tag_close {
  color: inherit;
}
.filterTag_tag_close:hover {
  color: gray;
}

/* -- END STYLIZED FILTERS */

/* -- START STYLIZED DATE RANGE */

.dateRangeTag {
  overflow: visible;
}
.dateRangeTag > .title {
  display: inline-block;
  padding: 5px 15px;
  font-size: 12px;
  border-radius: 15px;
  background-color: gray;
  color: white;
  cursor: pointer;
}
.dateRangeTag > .title.active {
  background-color: darkgray;
}
.dateRangeTag_box {
  position: absolute;
  min-width: 200px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  background: white;
  z-index: 30;
}
.dateRangeTag_box .close {
  position: absolute;
  padding: 7px 12px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.dateRangeTag_box .close:hover .fa {
  background-color: transparent!important;
}
.dateRangeTag_box .close:hover {
  background-color: rgba(255,255,255,0.12)!important;
}
.dateRangeTag_box .close .fa {
  color: white;
  font-size: 18px;
}
.dateRangeTag_box .title {
  color: white;
  background-color: #4285f4;
  text-align: left;
  padding: 7px 12px;
  font-size: 16px;
  font-family: Arial;
  font-weight: 700;
}
.dateRangeTag_box .search {
  background-color: transparent;
  padding: 10px 10px 0px 10px;
}
.dateRangeTag_box .search input {
  color: #001A70;
  padding: 0px;
  width: 100%;
  border: 0;
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
  background-color: transparent!important;
}
.dateRangeTag_box .search input::-webkit-input-placeholder { color: #b5b5b5; }
.dateRangeTag_box .search input::-moz-placeholder          { color: #b5b5b5; }
.dateRangeTag_box .search input::-ms-placeholder           { color: #b5b5b5; }
.dateRangeTag_box .search input::placeholder               { color: #b5b5b5; }

.dateRangeTag_box .select_tools {
  text-align: right;
  color: black;
  padding: 10px 10px 0px 10px;
}

.dateRangeTag_box .select_tools a {
  color: gray;
  text-decoration: underline;
}

.dateRangeTag_box .select_tools a:hover {
  color: darkgray;
  text-decoration: underline;
}

.dateRangeTag_box .content {
  background-color: white;
}
.dateRangeTag_box .content ul {
  margin: 0;
  padding: 10px 10px;
  list-style-type: none;
  overflow-y: auto;
  max-height: 300px;
  position: relative;
}
.dateRangeTag_box .content ul li {
  margin: 0;
  padding: 5px;
}
.dateRangeTag_box .content ul li > * {
  vertical-align: top;
  font-size: 15px;
}
.dateRangeTag_box .content ul li > label {
  display: inline-block;
  margin-left: 6px;
  color: gray;
  font-size: 13px;
  max-width: calc(100% - 19px);
  cursor: pointer;
  margin-top: 2px;
}

.dateRangeTag_box .submit_button {
  display: inline-block;
  background-color: #001A70;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  margin: 10px;
  float: right;
  padding: 10px 15px;
  border-radius: 40px;
  color: white;
  font-weight: bold;
  
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.dateRangeTag_box .submit_button:hover {
  opacity: 0.9;
}
.dateRangeTag_box .submit_button:active {
  opacity: 0.8;
}
.dateRangeTag_tag_close {
  color: inherit;
}
.dateRangeTag_tag_close:hover {
  color: gray;
}
.dateRangeTag_datepicker_container {
  text-align: left;
  display: block;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}
.dateRangeTag_datepicker_container::after {
  display: inline-block;
  content: '';
  width: 35px;
  height: 14px;
  background-color: black;
  border: 1px solid black;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 0;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: white;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f133";
}
.dateRangeTag_datepicker {
  width: 145px;
  padding: 6px;
  border-radius: 5px;
  height: 14px;
  line-height: 14px;
}

/* -- END STYLIZED DATE RANGE */

/* -- START RADIO INPUT */

.filterTag_box .content ul li > input[type="radio"] {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  content: '';
  border: 1px solid #4285f4;
  background: transparent;
  width: 13px;
  height: 13px;
  border-radius: 7px;
  cursor: pointer;
  margin-top: 3px;
}
.filterTag_box .content ul li > input[type="radio"]:checked + label::before {
  position: absolute;
  left: 15px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  content: '\f058';
  font-size: 14px;
  color: #4285f4;
}

/* -- END RADIO INPUT */

/* -- START CHECKBOX INPUT */

.filterTag_box .content ul li > input[type="checkbox"] {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  content: '';
  border: 1px solid #4285f4;
  background: transparent;
  width: 13px;
  height: 13px;
  border-radius: 0px;
  cursor: pointer;
  margin-top: 3px;
}
.filterTag_box .content ul li > input[type="checkbox"]:checked + label::before {
  position: absolute;
  left: 15px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  content: '\f14a';
  font-size: 14px;
  color: #4285f4;
}

/* -- END CHECKBOX INPUT */

/* -- START  */

.novabricks_switch {
  display: inline-block;
  background: #ccc;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  margin: 0 0 5px 0;
  position: relative;
  transition: all 0.4s;
  cursor: pointer;
}

.novabricks_switch.darker {
  background-color: #bbb;
}

.novabricks_switch::after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 8px;
  transition: all 0.4s;
}

.novabricks_switch.active {
  background: #1fd185;
}

.novabricks_switch.active::after {
  left: 22px;
}

.zones_sections_title_switch {
  height: 20px;
  line-height: 20px;
}

.novabricks_design_zone_content_settings {
  position: relative;
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}

.novabricks_design_zone_content_settings .design_line {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.novabricks_design_zone_content_settings .design_line .design_box {
  display: inline-block;
  border: 2px solid #e2e2e2;
  margin: 5px;
  min-height: 120px;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
}

.novabricks_design_zone_content_settings .design_line .design_box.no_border {
  border-color: transparent;
}

.novabricks_design_zone_content_settings .design_line .design_box > table {
  width: 100%;
  max-width: 595px;
  margin: 0 10px;
}

.novabricks_design_zone_content_settings .design_line .design_box > table tr td {
  width: 50%!important;
}

/* .novabricks_design_zone_content_settings .design_line .design_box.design_col1  { width: calc(008.333% - (5px + 5px + 2px + 2px)); } */
/* .novabricks_design_zone_content_settings .design_line .design_box.design_col2  { width: calc(016.666% - (5px + 5px + 2px + 2px)); } */
.novabricks_design_zone_content_settings .design_line .design_box.design_col3  { width: calc(025.000% - (5px + 5px + 2px + 2px)); }
.novabricks_design_zone_content_settings .design_line .design_box.design_col4  { width: calc(033.333% - (5px + 5px + 2px + 2px)); }
/* .novabricks_design_zone_content_settings .design_line .design_box.design_col5  { width: calc(041.666% - (5px + 5px + 2px + 2px)); } */
.novabricks_design_zone_content_settings .design_line .design_box.design_col6  { width: calc(050.000% - (5px + 5px + 2px + 2px)); }
.novabricks_design_zone_content_settings .design_line .design_box.design_col12 { width: calc(100.000% - (5px + 5px + 2px + 2px)); }

.novabricks_design_zone_content_settings .design_line .design_box .design_box_header {
  text-transform: uppercase;
  text-align: left;
  padding: 2px 10px;
  font-family: Arial;
  max-width: 595px;
  margin: 0 auto 10px auto;
  font-weight: 600;
}

.design_box_force_table_right table {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: 0;
}

.novabricks_design_zone_preview_image {
  position: absolute;
  display: block;
  background-image: url('../../lib/pict/builder_v1/design_zone_preview_image.png');
  background-repeat: no-repeat;
  top: 149px;
  left: 295px;
  height: 196px;
  width: 309px;
}

/* project summary */
.project_summary_title {
  text-align: center;
  font-size: 20px!important;
  margin-bottom: 20px!important; 
}
.project_summary_section {
  font-size: 18px!important;
  margin-bottom: 20px!important;
}
.project_summary_subsection {
  font-size: 16px!important;
  margin-bottom: 10px!important;
  margin-top: 30px!important;
}

.builder-card {
  /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)!important; */ /* depth 1 */
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)!important; /* depth 2: */
  padding: 10px!important;
  margin: 30px 10px!important;
  background-color: white;
}

.builder-card .header {
  margin: 10px 0 5px 0;
}
.builder-card .header .icon {
  display: inline-block;
  width: 25px!important;
  height: 25px!important;
  margin: 0 10px 0 2px;
  vertical-align: middle;
  border-radius: 8px;
}
.builder-card .header .icon i {
  font-size: 25px;
  line-height: 25px;
  text-align: center;
}
.builder-card .header .text {
  display: inline-block!important;
  font-size: 16px!important;
  text-transform: uppercase;
  color: black;
  font-weight: bold;
  vertical-align: middle;
}

.builder-card .content {
  padding: 10px 2px 0 2px;
}
.builder-card .content .row {
  display: inline-block;
  font-size: 0;
  margin: 5px 0;
  border: 1px solid transparent;
  width: 100%;
}
.builder-card .content .row .w3 {
  display: inline-block;
  width: calc(25% - 10px);
  padding: 2px 5px;
  vertical-align: middle;
}
.builder-card .content .row .w4 {
  display: inline-block;
  width: calc(33.3333% - 10px);
  padding: 2px 5px;
  vertical-align: middle;
}
.builder-card .content .row .w6 {
  display: inline-block;
  width: calc(50% - 10px);
  padding: 2px 5px;
  vertical-align: middle;
}
.builder-card .content .row .w8 {
  display: inline-block;
  width: calc(66.6666% - 10px);
  padding: 2px 5px;
  vertical-align: middle;
}
.builder-card .content .row .w9 {
  display: inline-block;
  width: calc(75% - 10px);
  padding: 2px 5px;
  vertical-align: middle;
}
.builder-card .content .row .top-aligned {
  vertical-align: top;
}
.builder-card .content .row .frame {
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 10px;
}
.builder-card .content .row .frame .title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.builder-card .content .row .label {
  text-align: right;
}
.builder-card .content .row .label-input-farb {
  vertical-align: top;
}
.builder-card .content .row .label-input-farb .text {
  padding-top: 6px;
}
.builder-card .content .row .label-link a.text {
  display: inline-block;
  color: #00a7f7;
  text-decoration: underline;
}
.builder-card .content .row .label .text {
  margin-right: 10px;
  font-weight: bold;
}
.builder-card .content .row .label-textarea {
  padding-top: 9px;
}
.builder-card .content .row .textarea textarea {
  padding: 4px 6px!important;
  width: 450px!important;
  height: 60px!important;
  padding: 6px 10px!important;
  border: solid 1px #CCCCCC!important;
  border-radius: 6px!important;
}
.builder-card .content .row .input input {
  width: calc(100% - 18px)!important;
  padding: 5px 8px!important;
  border: solid 1px #CCCCCC!important;
  border-radius: 3px!important;
}
.builder-card .content .row .input input[type="text"] {
  width: 450px!important;
  padding: 6px 10px!important;
  border-radius: 6px!important;
}
.builder-card .content .row .input input.farb_input {
  width: 60px!important;
  font-family: monospace!important;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1)!important;
  border-radius: 5px!important;
}
.builder-card .content .row .switch .novabricks_switch {
  vertical-align: middle;
}
.builder-card .content .row .switch .hint {
  display: inline-block;
  vertical-align: middle;
  color: rgba(192, 192, 192, 0);
  transition: color 0.4s;
}
.builder-card .content .row .switch .hint i.fa {
  margin-right: 5px;
  margin-left: 20px;
}
.builder-card .content .row .switch .hint.active {
  color: rgba(192, 192, 192, 1);
}
.builder-card .content .row .novabricks_file_uploader .file_uploader_link {
  display: none;
}

/* ------ */

#builder_button_shape_selection .item {
  padding: 6px 8px;
  border: 3px solid transparent;
  vertical-align: middle;
  display: inline-block;
  margin: 0 2px;
  cursor: pointer;
}
#builder_button_shape_selection .item:hover {
  border: 3px solid rgba(0, 0, 0, 0.1);
}
#builder_button_shape_selection .item.active {
  border: 3px solid rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

#builder_button_shape_selection .item .button-shape-preview {
  border: 1px solid lightgray;
  height: 24px;
  width: 120px;
}
#builder_button_shape_selection .item .button-shape-preview.standard {
  border-radius: 5px;
}
#builder_button_shape_selection .item .button-shape-preview.round {
  border-radius: 5em;
}

#builder_button_image_wrapper .novabricks_file_uploader .file_preview_button_add {
  display: none;
}

/* ------ */
#crud_engine_table.crud_engine_table_send_mail tr td:nth-child(2) {
  min-width: 350px;
}

#html_textarea .tox-tinymce {
  min-height: 502px;
}

.builder_list_choice {
  display: inline-block!important;
  padding: 2px 8px!important;
  border-radius: 20px!important;
  background-color: gray;
  line-height: 12px!important;
  font-size: 12px!important;
}