/* BODY and MAIN INIT */

body
{
  color-adjust: exact;
  -webkit-print-color-adjust: exact;
  font-family       : Arial;
  padding           : 0px;
  margin            : 0px;
}

div, table, td, th, h1, h2, h3, a, span, p, input, textarea, form, img, select
{
  /* alternative : Verdana 10px */
  font-family       : Arial;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 0px;
  margin            : 0px;
  color             : #333333;
}

span
{
  font-size : inherit;
  color: inherit;
  font-weight : inherit;
}

/* MAIN DIV STRUCTURE */

#builded_container {
  margin: 0 auto;
  padding: 0;
}

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

div#bilder_bloc_1
{
  float             : left;
}

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

div#bilder_bloc_3
{
  clear             : both;
}

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

div#bilder_bloc_notification
{
  clear             : both;
}

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

div.box, table.box
{
  background-color    : #eee;
  border              : solid 2px #ddd;
  border-radius       : 5px;
  text-align          : center;
  margin-left         : auto;
  margin-right        : auto;
  padding             : 10px;
  /*behavior            : url('css/border-radius.htc');*/
  behavior: url(lib/css/PIE.htc);
}

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

/* H */

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

h2
{
  font-size           : 16px;
  padding             : 10px;
  text-align          : center;
}

/* LINKS */

a
{
  text-decoration     : none;
}

a.underline
{
  color               : #3333FF;
}

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

span.pagination
{

}

span.pagination:hover
{
  background-color : #DDDDFF;
  cursor           : pointer;
  cursor           : hand;
}

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

a.access_menu:hover span{
  background-color:#DFDFDF;
}

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

/* IMG */

img
{
  border              : 0px;
}

/* INPUTS */

select
{

}

select:focus
{

}

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

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

input.center
{
  text-align : center;
}

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

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

input[type=radio]
{
  border-style: none;
}

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

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

div.div_autocomplete_field, span.span_boolen
{
  border:solid 2px transparent;
}

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

/* Errors of select-chosen JS elements */
div.ko > .chosen-container,
div.ko > .chosen-container > .chosen-choices {
  border              : 0;
  background          : #FFC5BF;
}

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

/* BUTTONS */

input.text
{

}

input.search
{
  background: url('../pict/icon/search.gif') no-repeat 10px 5px;
  background-repeat   : no-repeat;
  background-position : 2px center;
  background-size     : 13px 13px;
  background-origin   : padding-box;
  background-color    : #FFFFFF;
  padding-left: 20px;
  //height: 28px;
  width: 150px;
  behavior: url(lib/css/PIE.htc);
}

input.search_datagrid
{
  background: url('../pict/icon/search.gif') no-repeat 10px 5px !important;
  background-repeat   : no-repeat !important;
  background-position : 2px center !important;
  background-size     : 13px 13px !important;
  background-origin   : padding-box !important;
  background-color    : #FFFFFF !important;
  padding: 0px 0px 0px 20px !important;
  /* height: 28px; */
  width: 150px !important;
  height: 15px !important;
  border-radius : 3px 0px 0px 3px !important;
  behavior: url(lib/css/PIE.htc);
}

img.search
{
  vertical-align : middle;
  padding : 4px;
  margin-left : -4px;
  margin-top : -1px;
  margin-right : 5px;
  border : 1px solid #cccccc;
  border-left : 0px solid #cccccc;
  border-radius : 0px 3px 3px 0px;
}

img.search:hover
{
  cursor : pointer;
}

img.search_focus
{
  border : 1px solid #555555;
  border-left : 0px solid #555555;
}

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

input.button
{
  border              : solid 1px #555;
  background-color    : #EEE;
  border-radius       : 3px;
  padding             : 4px 10px;
  vertical-align      : middle;
  font-weight         : bold;
  /*behavior: url(lib/css/PIE.htc);*/
}

a.button
{
  border              : solid 1px #555;
  background-color    : rgba(200, 200, 200, 0.5);
  border-radius       : 3px;
  padding : 4px 10px;
  font-weight         : bold;
  /*behavior: url(lib/css/PIE.htc);*/
}

span.button
{
  border              : solid 1px #555;
  background-color    : rgba(200, 200, 200, 0.5);
  border-radius       : 3px;
  padding : 4px 10px;
  font-weight         : bold;
  behavior: url(lib/css/PIE.htc);
}

span.button_edit_zoom
{
  border              : solid 1px #555;
  background-color    : rgba(200, 200, 200, 0.0);
  behavior: url(lib/css/PIE.htc);
}

a.selected_page
{
  background-color    : #BBBBFF!important;
  border              : solid 1px #8888BB!important;
}

a.unselected_page
{
  background-color    : #CCC;
  border              : solid 1px #888888;
}

input.button:hover, a.button:hover, span.button:hover
{
  border              : solid 1px #555;
  background-color    : #DADADA;
  cursor              : pointer;
  cursor              : hand;
}

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

a.button:focus, input.button:focus
{
  outline-style : dotted;
  outline-width : 1px;
  outline-color : #555555;
}

input[type=checkbox]:focus, select:focus
{
  outline-style : solid;
  outline-width : 1px;
  outline-color : #555555;
}

a.no-outline:focus, input.no-outline:focus, input[type=checkbox].no-outline:focus, select.no-outline:focus
{
  outline-width : 0px !important;
}

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

input.notitle, a.notitle
{
  padding             : 1px 6px 1px 6px;
  background-size     : 15px 15px;
  background-color    : transparent;
  background-repeat   : no-repeat;
  border              : solid 0px #000000;
  background-position : center center;
  width               : 29px;
  color               : transparent;
  behavior: url(lib/css/PIE.htc);
}

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

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

input.up, input.down, input.radio_ok, input.radio_ko, input.checkbox_ok, 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);
}

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

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

.database  { background-image    : url('../pict/icon/Database_15.png'); }
.screen    { background-image    : url('../pict/icon/Screen_15.png'); }
.workflow  { background-image    : url('../pict/icon/Workflow_15.png'); }
.brules    { background-image    : url('../pict/icon/Brules_15.png'); }
.add       { background-image    : url('../pict/icon/Add_15_v2.png'); }
.delete    { background-image    : url('../pict/icon/Delete_15_v2.png'); }
.back      { background-image    : url('../pict/icon/Back_15.png'); }
.exportDoc { background-image    : url('../pict/icon/Export_15.png'); }
.user      { background-image    : url('../pict/icon/User_15.png'); }
.usergroup { background-image    : url('../pict/icon/Usergroup_15.png'); }
.home      { background-image    : url('../pict/icon/Home_15.png'); }
.edit      { background-image    : url('../pict/icon/Edit_15.png'); }
.view      { background-image    : url('../pict/icon/Info_15.png'); }
.viewlist  { background-image    : url('../pict/icon/List_15.png'); }
.project   { background-image    : url('../pict/icon/Project_15.png'); }
.language  { background-image    : url('../pict/icon/Language_15.png'); }
.vsplit    { background-image    : url('../pict/icon/vsplit_15.png'); }
.hsplit    { background-image    : url('../pict/icon/hsplit_15.png'); }
.mzone     { background-image    : url('../pict/icon/Zone_15.png'); }
.up        { background-image    : url('../pict/icon/Up_15.png'); }
.down      { background-image    : url('../pict/icon/Down_15.png'); }
.copy      { background-image    : url('../pict/icon/copy_15.png'); }
.radio_ok  { background-image    : url('../pict/icon/radio_ok.png'); }
.radio_ko  { background-image    : url('../pict/icon/radio_ko.png'); }
.checkbox_ok  { background-image    : url('../pict/icon/checkbox_ok.png'); }
.checkbox_ko  { background-image    : url('../pict/icon/checkbox_ko.png'); }

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

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

/* TABLES */

table.list
{

}

td.link, th.link, div.link, img.link, span.link
{

}

td.link:hover, th.link:hover, div.link:hover, img.link:hover, span.link:hover, a.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);
}

tr.list_head
{
  background-color    : #AAAAFF;
}

tr.list
{

}

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

tr.list_color_1
{
  background-color    : #EEEEFF;
}

tr.list_color_2
{
  background-color    : #DDDDFF;
}

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

th
{
  font-weight         : bold;
}

th.list
{
  text-align          : center;
  padding             : 2px 20px;
  white-space         : nowrap;
}

th.orderby
{
}

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


td.nowrap
{
  white-space         : nowrap;
}

td.list
{
  padding             : 2px 10px;
  text-align          : center;
}

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

td.right
{
  text-align          : right;
}

.required
{
  color               : #DD2222;
}

td.required
{
  white-space         : nowrap;
}

td.noresults
{
  color               : #DD2222;
}

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

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

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

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

td.blue
{
  color               : #3333FF;
}

/* FORM */

td.required
{
  color               : #FF3333;
}

/* Builded */

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

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

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 */

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

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

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

td.table_zone
{
  height            : 100%;
}

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

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

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

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

/* notifications */

div.notifications
{

}

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

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

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

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

/* datagrid */

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 */

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

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

td.menu
{
  text-align        : right;
}

/* builder forge menu */

td.forgemenu
{
  padding     : 7px 5px 7px 5px;
  white-space         : nowrap;
}

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

td.forgesubmenu
{
  padding                       : 7px 5px;
  background-color              : #CCCCEE;
  border-radius                 : 10px;
  -moz-border-radius            : 10px;
  white-space         : nowrap;
  behavior: url(lib/css/PIE.htc);
}

/* builder admin lang */

td.namespace
{
  padding                 : 2px 0px;
  background-color        : #DDDDDD;
}

td.internamespace
{
  height                  : 20px;
}

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

/* datagrid slide */

.slide{
  float:left;
  width:500px;
  height:250px;
  white-space:nowrap;
}

.t_menu:hover, .t_menu_onlget:hover, .t_menu_speedlaunch:hover, .t_menu_horizontal_line:hover{
  cursor:pointer;
}

/*  */

.builded_speedlaunch_compteur_wrapper {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 20px;
  vertical-align: middle;
  height: 25px;
}

.builded_speedlaunch_compteur {
  display: inline-block;
  width: auto;
  height: auto;
  margin: auto;
  min-width: 13px;
  font-size: 17px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  padding: 0 6px;
}

.builded_speedlaunch_compteur_wrapper.compteur_size_small {
  height: 20px;
}
.builded_speedlaunch_compteur_wrapper.compteur_size_small .builded_speedlaunch_compteur {
  min-width: 8px;
  font-size: 12px;
  line-height: 20px;
}

.builded_speedlaunch_compteur_wrapper.compteur_size_big {
  height: 30px;
}
.builded_speedlaunch_compteur_wrapper.compteur_size_big .builded_speedlaunch_compteur {
  min-width: 18px;
  font-size: 22px;
  line-height: 30px;
}

/*  */

/* date picker */
div.ui-datepicker { width:250px; }
div#ui-datepicker-div { z-index:999999999!important; }

/* autocomplete */
span.data_join_value:hover, input.data_join_button:hover, li.ui-menu-item:hover{
  cursor : pointer;
}

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

div.data_join_list/*, ul.ui-menu*/{
  max-height:92px;
  overflow:hidden;
  overflow-y:auto;
}

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

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

input.data_join_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;
  border-radius       : 0px;
  border-top-right-radius      : 3px;
  border-bottom-right-radius   : 3px;
  behavior: url(lib/css/PIE.htc);
}

div.data_join_list
{
  display             : none;
  margin-top          : 0px;
  border              : solid 1px #CCCCCC;
  border-radius       : 3px;
  position            : relative;
  z-index             : 9999;
  top                 : -3px;
  background-color    : #FFFFFF;
  behavior: url(lib/css/PIE.htc);
}

span.data_join_value
{
  display : inline-block;
  margin  : 1px;
  border  : solid 1px transparent;
  border-radius : 3px;
  padding : 2px;
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
  behavior: url(lib/css/PIE.htc);
}

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

input.autocomplete_add_button
{
  background-color : #EEE;
  background-image : url('../pict/icon/Add_15_v2.png');
  background-repeat : no-repeat;
  background-position : 6px 4px;
  padding : 4px 10px 4px 25px;
  width : 70px;
}

input.builded_select_add_button
{
  background-color: #EEE;
  background-image: url(../pict/icon/Add_15_v2.png);
  background-repeat: no-repeat;
  background-position: 6px 6px;
  padding: 5px 10px 5px 25px;
  width: 70px;
}

input.autocomplete_edit_button
{
  background-color : #EEE;
  padding : 0px 0px 0px 0px;
  color : #888;
  font-weight : bold;
  font-size : 14px;
  text-align : center;
  width : 30px;
  border              : solid 1px #555;
  border-radius       : 3px;
}

input.autocomplete_edit_button:hover
{
  background-color    : #DADADA;
  cursor              : pointer;
  cursor              : hand;
}

input.autocomplete_edit_button_disabled
{
  border : solid 1px #BBB;
  border-radius : 3px;
  background-color : #FAFAFA;
  padding : 0px 0px 0px 0px;
  color : #DDD;
  font-weight : bold;
  font-size : 14px;
  text-align : center;
  width : 30px;
}

/* form */

div.form_canvas   {
  display           : none;
  position          : fixed;
  top               : 0px;
  left              : 0px;
  right             : 0px;
  bottom            : 0px;
  z-index           : 99;
  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;
}

div.form_embedded {
  position          : relative;
  z-index           : 99;
  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;
}

/* filter */
.filter_button:hover
{
  cursor : pointer;
}

/* Upload */

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

/* AutoCompletion */

.autocompletion_select {
  max-height: 200px;
  background-color: #FFF;
  border: solid 1px #BBB;
  padding: 4px 0px;
  margin: -1px 0px 0px 0px;
  overflow-y: auto;
  position: absolute;
  z-index: 200;
  box-shadow: 2px 2px 5px #333;
}

.autocompletion_select_button {
  display : block;
  position : absolute;
  right : 0px;
  top : 0px;
  background-image : url('../pict/icon/arrow_down_10.png');
  background-repeat : no-repeat;
  background-position : center;
  width : 31px;
  background-color : #FFF;
  border : solid 1px #BBB;
  border-top-right-radius         : 3px;
  border-bottom-right-radius        : 3px;
  -moz-border-radius-topright    : 3px;
  -moz-border-radius-bottomright    : 3px;
}

.autocompletion_div {
  background-color : #FFF;
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
  text-align : left;
  padding : 1px 5px;
  border-radius : 3px;
  border : solid 1px #FFF;
}

.autocompletion_div:hover {
  background-color : #DDD;
  border : solid 1px #BBB;
}

/* PlanSVG */

div.plansvg_edit_room {

}

div.plansvg_edit_room:hover {
  background-color : #EEE;
  text-decoration : underline;
}

div.plansvg_draggable {

}

div.plansvg_draggable:hover {
  cursor : move;
}

div.plansvg_onglet_floor {
  display : inline-block;
  border : solid 0px #F00;
  background-color : #EEE;
  margin-left : 5px;
  text-align : center;
  font-weight : bold;
  max-width : 150px;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  padding : 4px 10px;
  border-top-left-radius : 5px;
  border-top-right-radius : 5px;
}


div.li_zoom_onglet, div.li_zoom_onglet_selected
{
  display : inline-block;
  position : relative;
  padding : 5px 10px 5px 10px;
  margin-right : 5px;
  border-top-right-radius : 5px;
  border-top-left-radius : 5px;
  min-width : 50px;
  max-width : 200px;
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
}

div.li_zoom_onglet:hover
{
  cursor : pointer;
  font-weight : bold;
}


/* tweak table width html zone */
div.t_zoneZoom_html table, div.t_zoneForm_html table
{
  table-layout:fixed!important;
}


.ui-autocomplete
{
  z-index : 103!important;
}


.technicite_cursor:hover
{
  cursor : pointer;
}


/*  barre  */

#connect_barre {
  background-color : #DDD;
  top : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 2px 5px;
  position : relative;
}

#connect_barre_logo {
  display: inline-block;
}

#connect_barre_logo a.topbar_logo_link {
  display: inline-block;
  height: 100%;
}

#connect_barre_logo a.topbar_logo_link > * {
  vertical-align: middle;
}

#connect_barre_logo a.topbar_logo_link div.aligner {
  display: inline-block;
  height: 100%;
  width: 1px;
  overflow: hidden;
}

#connect_barre_user_container {
  position : absolute;
  right : 90px;
}

#connect_barre_user_container.mobile {
  position : absolute;
  right : 60px;
}

#connect_barre_user {
  padding-top : 0px;
  font-size : 14px;
  color : #555;
  border : solid 0px #000;
  display : inline-block;
  vertical-align : middle;
  margin-top : 0px;
  padding : 4px 6px;
}

#connect_barre_user_container:not(.mobile) #connect_barre_user img {
  margin-right: 10px;
}

#connect_barre_user:hover {
  cursor : pointer;
  box-shadow: inset 0px 0px 20px #BBBBBB;
  border-radius : 5px;
}

#connect_barre_connexion_container {
  position : absolute;
  right : 20px;
}

#connect_barre_connexion {
  color : #333;
  border : solid 0px #000;
  display : inline-block;
  margin-top : 0px;
  padding : 4px 6px;
}

#connect_barre_connexion:hover {
  cursor : pointer;
  box-shadow: inset 0px 0px 20px #BBBBBB;
  border-radius : 5px;
}

/*  SaaS Auth  */

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

}

div#saas_logo {
  text-align : center;
}

div#saas_logo img {
  width : 600px;
  margin : 0px auto 0px auto;
}

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

div#saas_auth a {
  color : #00b2ee;
  text-decoration : none;
}

div#saas_auth a:hover {
  color : #00b2ee;
  text-decoration : underline;
}

input.saas_auth_input {
  font-size : 20px !important;
  margin-bottom : 2px !important;
  padding : 10px 10px 10px 50px !important;
  width : 310px !important;

  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position:10px center;


  text-indent: 0px;
}

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

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

input.saas_auth_submit {
  font-size : 26px;
  margin-top : 20px;
  margin-bottom : 30px;
  padding : 10px;
  background-color : #00b2ee;
  border-radius : 5px;
  text-align : center;
  width : 371px;
}

select.auth_select_lang:focus {
  outline : 0px;
}

/* champs en mode tag */
 .t_zoneZoom_field_tag .link
 {
  text-decoration : none !important;
 }

 .t_zoneZoom_field_tag:hover .link
 {
  text-decoration : underline !important;
 }

.fc-event-inner, .fc-event-inner .fc-event-time, .fc-event-inner .fc-event-title
{
  color:inherit;
}

.ui-tooltip {
  max-width: 500px!important;
}

.breadcrumb, .t_filter_breadcrumb {
  list-style: none;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.breadcrumb li, .t_filter_breadcrumb li {
  float: left;
}
.breadcrumb li a, .t_filter_breadcrumb li a {
  color: white;
  text-decoration: none;
  padding: 10px 0 10px 50px;
  background: #CFCFCF;
  position: relative;
  display: block;
  float: left;
}
.breadcrumb li a:after, .t_filter_breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #CFCFCF;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.breadcrumb li a:before, .t_filter_breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 3px;
  left: 100%;
  z-index: 1;
}
.breadcrumb li:first-child a , .t_filter_breadcrumb li:first-child a{
  padding-left: 10px;
  /* margin-left: 60px; */
}
.breadcrumb li a.selected, .breadcrumb li a.selected_filled {
  background-color: #8888ff;
}
.breadcrumb li a.selected:after, .breadcrumb li a.selected_filled:after {
  border-left-color: #8888ff;
}
.breadcrumb li a._filled:hover, .t_filter_breadcrumb li a._filled:hover {
  cursor: pointer;
  text-decoration: underline;
}
.breadcrumb li a._filled:hover {
  background-color: #c6c6c6;
}
.breadcrumb li a._filled:hover:after {
  border-left-color: #c6c6c6;
}
.breadcrumb li a.selected_filled:hover {
  background-color: #706fff;
}
.breadcrumb li a.selected_filled:hover, .t_filter_breadcrumb li a.selected_filled:hover {
  cursor: pointer;
  text-decoration: underline;
}
.breadcrumb li a.selected_filled:hover:after {
  border-left-color: #706fff;
}

.t_filter_ariane_text_return:hover {
  text-decoration: underline;
}

.t_menu_ariane_ul {
  list-style: none;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.t_menu_ariane_ul li {
  float: left;
}
.t_menu_ariane_ul li a {
  color: white;
  text-decoration: none;
  text-align: left;
  padding: 10px 10px 10px 30px;
  /* background: #CFCFCF; */
  position: relative;
  display: block;
  float: left;
  margin-top: 3px;
  margin-bottom: 3px;
}
.t_menu_ariane_ul li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 17px solid transparent;
  /* border-left: 30px solid #CFCFCF; */
  border-left-width: 17px;
  border-left-style: solid;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 2;
}
.t_menu_ariane_ul li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  /* border-left: 30px solid white; */
  border-left-width: 20px;
  border-left-style: solid;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  margin-left: 0px;
  left: 100%;
  z-index: 1;
}
.t_menu_ariane_ul li:first-child a {
  padding-left: 10px;
  /* margin-left: 60px; */
}

.t_menu_arrow_down:after
{
  content : " ";
  display : block;
  width : 0;
  height : 0;
  position : relative;
  margin-top : -1px;
  margin-left : auto;
  margin-right : auto;
  border-left : 15px solid transparent;
  border-right : 15px solid transparent;
  border-top-width : 20px;
  border-top-style : solid;
  z-index : 2;
}

/* 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(200, 200, 200, 0.5);
  z-index: 99999;
}

div.criteria_canvas,
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;
}

div.criteria_embedded,
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;
}

/* manpower */

table.manpower_passerelles {
  table-layout: fixed;
  margin : auto 0px;
  border-collapse:collapse;
}

table.manpower_passerelles td {
  border : solid 1px #555;
}

table.manpower_passerelles td.headings {
  text-align : center;
  vertical-align : bottom;
  font-weight : bold;
  padding : 10px 10px;
  border : 0px;
}

td.text90 {
  height: 160px;
  white-space: nowrap;
}

td.text90 > div {
  transform:
    translate(0px, 51px)
    rotate(270deg);
  width: 40px;
}
td.text90 > div > span {
  display : block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 12px 5px;
  height: 16px;
  width : 130px;
}

td.text90w {
  height: 150px;
  white-space: nowrap;
}

td.text90w > div {
  transform:
    translate(0px, 40px)
    rotate(270deg);
  width: 60px;
}
td.text90w > div > span {
  display : block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 12px 5px;
  height: 16px;
  width : 130px;
}

td.title90 {
  height: 140px;
  white-space: nowrap;
}

td.title90 > div {
  transform:
    translate(0px, 70%)
    rotate(270deg);
  width: 20px;
  text-align : center;
  color : inherit;
}
td.title90 > div > span {
  display : block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 12px 5px;
  height: 16px;
  width : 80px;
  color : inherit;
}

td.familles_metiers {
  padding : 5px 10px;
}

td.familles_metiers span {
  display : block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width : 200px;
  white-space: nowrap;
}

td.collaborateur_metier {
  padding : 5px 10px;
}

td.collaborateur_metier span {
  display : block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width : 400px;
  white-space: nowrap;
  margin : 0px !important;
}

.mpblue {
  background-color : #33D;
  color : #FFF;
  font-weight : bold;
}

.mpYellow {
  background-color : #EE0;
  font-weight : bold;
}

td.text90th {
  height: 80px;
  white-space: nowrap;
}

td.text90th > div {
  transform:
    translate(0px, 18px)
    rotate(270deg);
  width: 40px;
}
td.text90th > div > span {
  display : block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0px 5px;
  height: 30px;
  width : 80px;
  color : #FFF;
  font-weight : bold;
}

td.text90metier {
  height: 80px;
  white-space: nowrap;
}

td.text90metier > div {
  transform:
    translate(40px, 10px)
    rotate(270deg);
  width: 40px;
}
td.text90metier > div > span {
  display : block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0px 5px;
  height: 30px;
  width : 80px;
  color : #FFF;
  font-weight : bold;
}

.mpRowTitle {
  padding : 3px;
}

.mpGrey {
  background-color : #BBB;
  font-weight : bold;
  text-align : center;
  vertical-align : middle;
}

.mpBold {
  font-weight : bold;
}

.mpBgGrey {
  background-color : #EEE;
}

.mpCenter {
  text-align : center;
}


.manpower_metier_effectif {
  table-layout: fixed;
  margin : auto 0px;
  border-collapse:collapse;
  margin : 10px auto;
}

.manpower_metier_effectif td {
  text-align : right;
  border : solid 1px #333;
  padding : 5px 10px;
  width : 150px;
}

.manpower_metier_competence {
  table-layout: fixed;
  border-collapse:collapse;
  margin : 10px auto 5px auto;
}

.manpower_metier_competence td {
  border : solid 1px #9CA8C7;
  padding : 3px 8px;
}

.manpower_metier_competence th {
  border : solid 1px #9CA8C7;
  padding : 3px 8px;
  text-align : center;
  font-weight : bold;
  color : #FFF;
  background-color : #9CA8C7;
}

.manpower_metier_competence_title {
  padding : 10px 20px;
  text-align : center;
  color : #FFF;
  background-color : #576CA5;
  margin-top : -10px;
  margin-bottom : 20px;
  font-weight : bold;
  font-size : 16px;
}

.eltitle {
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
  width : 300px;
}

.eldesc {
  white-space : nowrap;
  overflow : hidden;
  text-overflow : ellipsis;
  width : 400px;
}

.manpower_metier_canvas {
  margin-bottom : 0px;
}

.manpower_metier_canvas_legend {
  border : solid 0px #000;
  vertical-align : middle;
  font-weight : bold;
  margin-bottom : 70px;
  margin-top : 10px;
  text-align : center;
}

.legend_annee {
  display : inline-block;
  width : 20px;
  height : 20px;
  border-radius : 20px;
  vertical-align : middle;
  margin : 0px 0px 0px 0px;

}

.legend_annee_src {
  background-color : rgba(230,120,1,1);
}

.legend_annee_dst {
  background-color : rgba(151,187,205,1);
}

.mp_add_competence {
  text-align : right;
  margin : 0px auto 30px auto;
  width : 950px;

}

.mp_add_competence > span {
  color : #888;
}

.mp_add_competence > span:hover {
  text-decoration : underline;
  color : #333;
  cursor : pointer;
}

/* 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%;
}

/* -- */

div.filter_fake_select_box:hover, div.filter_fake_select_box:hover div,
div.filter_fake_select_box_open, div.filter_fake_select_box_open div {
  border-color: #333!important;
  border-width: 1px!important;
  cursor: default;
}

div.filter_fake_select_box_open {
  margin-bottom: 10px;
}

.filter_fake_select_box {
  padding: 5px 20px 5px 10px;
}

.filter_multiple_fake_select_dropdown {
  display: inline-block;
  text-align: left;
  background-color: #fff;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #333;
  border-top: 0;
  width: calc(100% - 12px);
}

.filter_fake_select_box_arrow {
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: 0px solid #888;
  height: 100%;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(./../../lib/pict/icon/arrow-down.gif);
}

/* -- */

.filter_multiple_standard_options {
  margin-bottom: 10px;
}

.filter_multiple_standard_options .filter_multiple_standard_all {
  display: inline-block;
  cursor: pointer;
  color: black;
  text-decoration: underline;
}

.filter_multiple_standard_options .filter_multiple_standard_none {
  display: inline-block;
  cursor: pointer;
  color: black;
  text-decoration: underline;
}

.filter_multiple_standard_options .filter_multiple_standard_all:hover {
  color: gray;
}

.filter_multiple_standard_options .filter_multiple_standard_none:hover {
  color: gray;
}

/* -- */

.t_datagrid_add_button:hover
{
  box-shadow: 0px 1px 1px 0px #656565;
}

.t_datagrid_delete_button
{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  background-image: url(../pict/icon/Poubelle2.png);
}

.t_datagrid_delete_button:hover
{
  background-image: url(../pict/icon/Poubelle2_survol.png);
}

.t_datagrid_import_button
{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  background-image: url(../pict/icon/import_gris_96.png);
}

.t_datagrid_import_button:hover
{
  background-image: url(../pict/icon/import_black_96.png);
}

.t_datagrid_copy_button
{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  background-image: url(../pict/icon/Dupliquer.png);
}

.t_datagrid_copy_button:hover
{
  background-image: url(../pict/icon/Dupliquer_survol.png);
}

.t_datagrid_filter_button
{
  background-image: url(../pict/icon/Filtre.png);
}

.t_datagrid_filter_button:hover,
.t_datagrid_filter_button_selected
{
  background-image: url(../pict/icon/Filtre_survol_ouvert.png);
}

.t_datagrid_filter_button_selected .t_datagrid_filter_button_arrow
{
  display: block !important;
}

/* authentication */

.builded_authentication_input {
  box-sizing: content-box!important;
  text-align: left!important;
  width: 300px;
  padding: 10px!important;
  border-radius: 0!important;
  margin: 3px 0;
  font-size: 16px;
  border: 1px solid lightgray!important;
}
.builded_authentication_input.button {
  text-align: center!important;
  background-color: lightgray;
}

#builded_authentification_submit_button {
  border: 0!important;
}

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

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

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

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

/* -- START MENU MOBILE */

#connect_barre_user_container.shifted {
  right: 85px;
}

#connect_barre_connexion_container.shifted {
  right: 50px;
}

#novabricks_builder_navbar_mobile {
  position: absolute;
  top: 0;
  right: 10px;
}

#novabricks_builder_navbar_mobile_items {
  position: relative;
  background-color: #333;
  width: 100%;
}

#novabricks_builder_navbar_mobile .button {
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-size: 25px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}

#novabricks_builder_navbar_mobile .button:hover {
  background-color: #BBBBBB;
}

#novabricks_builder_navbar_mobile .button i {
  line-height: 34px;
  color: #a3a3a3;
}

#novabricks_builder_navbar_mobile_items .item {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

#novabricks_builder_navbar_mobile_items .item:hover {
  background-color: #ddd;
  color: #333;
}

/* -- STOP MENU MOBILE */

/* START BUILDED FORM JOIN AS BUTTONS */
.builded_form_join_buttons {
  display: block;
}
.builded_form_join_buttons .join_button_wrapper {
  display: inline-block;
  text-align: center;
  height: 100%;
}
.builded_form_join_buttons .join_button_wrapper .join_button {
  display: block;
  margin: 0 2px;
  font-size: 12px;
  font-weight: bold;
  background-color: white;
  border: 1px solid gray;
  border-radius: 5px;
  color: #5d5d5d;
  cursor: pointer;
}
.builded_form_join_buttons .join_button_wrapper.active .join_button {
  background-color: #989898;
  border: 1px solid #989898;
  color: white;
}

.builded_select {
  position: relative;
  z-index: 2;
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 6px 0px;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

#novabricks_loading {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  text-align: center;
  padding-top: calc(50vh - 20px);
}

#novabricks_loading:before {
  display: block;
  font-family: "Font Awesome 5 Free";
  content: "\f110";
  font-weight: 900;
  font-size: 40px;
  animation: fa-spin 2s infinite linear;
}

.builded_popup_content_html:hover .builded_popup_builder_link {
  display: block!important;
}

/* -- */
.t_zoneZoom_field_value.t_zoneZoom_field_value_url_link_in_a_bar {
  border: 1px solid #545454!important;
  background-color: #F2F2F2!important;
  position: relative;
  height: unset!important;
  min-height: 17px!important;
}
.t_zoneZoom_field_value.t_zoneZoom_field_value_url_link_in_a_bar:hover {
  background-color: #BFBFBF!important;
  cursor: pointer;
}
.t_zoneZoom_field_value.t_zoneZoom_field_value_url_link_in_a_bar:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 40px;
  background-image: url(./../../lib/pict/zoom/link.png);
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  border-right: 1px solid #7F7F7F;
}
.t_zoneZoom_field_value.t_zoneZoom_field_value_url_link_in_a_bar .underline {
  display: inline-block;
  width: calc(100% - 150px)!important;
  margin-left: 40px!important;
  margin-right: 110px!important;
  overflow: hidden;
  height: 100%;
  overflow-wrap: break-word;
  font-size: inherit;
  line-height: 1.4em;
  text-decoration: underline;
  color: inherit;
}
.t_zoneZoom_field_value.t_zoneZoom_field_value_url_link_in_a_bar .zoom_url_link_in_a_bar_show_text {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100% - 3px);
  padding: 3px 40px 0 10px;
  background-image: url(./../../lib/pict/zoom/foreign.png);
  background-position: right 10px top calc(50% - 1px);
  background-size: 18px;
  background-repeat: no-repeat;
  border-left: 1px solid #7F7F7F;
  font-size: 16px;
  font-weight: bold;
}
.t_zoneZoom_field_value.t_zoneZoom_field_value_url_link_in_a_bar .zoom_url_link_in_a_bar_show_text:after {
  height: 100%;
  display: inline-block;
  width: 0px;
  content: '';
  vertical-align: middle;
}

/* objects diagram */
.builded_objects_diagram {
  width: 100%;
  height: 50px;
  position: relative;
}

.builded_objects_diagram .item {
  position: absolute;
  font-size: 18px;
  padding: 35px 20px;
  z-index: 99;
}

.builded_objects_diagram .item.item_draggable {
  cursor: pointer;
}

.builded_objects_diagram .item.hidden {
  opacity: 0;
}

.builded_objects_diagram .item.transition {
  transition: all 0.4s;
}

.builded_objects_diagram_input_add {
  width: 95%;
  padding: 10px 10px;
  font-size: 12px;
}

.builded_objects_diagram_input_add.disabled {
  opacity: 0.7;
  pointer-events: none;
}

/* FAQ zones */
.builded_zone_faq_container {
  text-align: left;
  width : 85%;
  margin: 0 auto;
}

.builded_zone_faq_title {
  background: #B1B1B1;
  margin-bottom: 3px!important;
  padding: 16px!important;
  cursor: pointer;
}

.builded_zone_faq_title div {
  display: inline-block;
  font-weight: bold!important;
  margin-left: 20px!important;
}

.builded_zone_faq_text {
  padding: 10px;
  display: none;
}

.datagrid_pagination_enable_drag_drop .datagrid_row.ui-draggable {
  z-index: 10000;
}
.datagrid_pagination_enable_drag_drop .datagrid_row.ui-drag-drop-clone-opacity {
  opacity: 0.4;
}
.builded_zone_timeline_container {
  display: block;
  overflow-x: hidden;
}

/* ROW SIZE */
.builded_zone_timeline {
  display: block;
  text-align: left;
  position: relative;
  padding-bottom: 70px;
  padding-top: 8px;
}
.builded_zone_timeline.timeline_row_odd  { margin: 0 0 0 calc(50% - 1px); border-left:  2px solid #f5f5f6; }
.builded_zone_timeline.timeline_row_even { margin: 0 calc(50% - 1px) 0 0; border-right: 2px solid #f5f5f6; }

/* DATE */
.builded_zone_timeline .builded_zone_timeline_date {
  position: absolute;
  top: 0px;
  text-align: right;
  padding: 20px;
  font-weight: bold;
}
.builded_zone_timeline.timeline_row_odd  .builded_zone_timeline_date { left:  -127px; padding: 20px 0px;}
.builded_zone_timeline.timeline_row_even .builded_zone_timeline_date { right: -127px; padding: 20px 0px;}

/* TITLE */
.builded_zone_timeline .builded_zone_timeline_title {
  width: calc(100% - 80px);
  padding: 10px;
  font-size: 16px;
  background-color: #f5f5f6;
  color: #737881;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.builded_zone_timeline.timeline_row_odd  .builded_zone_timeline_title {border-radius: 5px; margin-left: 50px; margin-right: 10px; text-align: left;  }
.builded_zone_timeline.timeline_row_even .builded_zone_timeline_title {border-radius: 5px; margin-left: 10px; margin-right: 50px; text-align: right; }

/* LINE CIRCLE */
.builded_zone_timeline .builded_zone_timeline_title:before {
  content: '';
  position: absolute;
  display: block;
  top: 0px;
  border: 4px solid #f5f5f6;
  width: 50px;
  height: 50px;
  background-color: #00a651;
  border-radius: 50px;
}

/* TITLE ARROW */
.builded_zone_timeline .builded_zone_timeline_title:after {
  content: '';
  position: absolute;
  display: block;
  top: 17px;
  width: 0px;
  height: 0px;
}
.builded_zone_timeline.timeline_row_odd  .builded_zone_timeline_title:after {
  border-top: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 0;
  left: 41px;
}
.builded_zone_timeline.timeline_row_even .builded_zone_timeline_title:after {
  border-top: 9px solid transparent;
  border-right: 0;
  border-bottom: 9px solid transparent;
  border-left: 9px solid transparent;
  right: 41px;
}

/** builded menu */
#project_auto_menu {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 38px;
}
#project_auto_menu_handle {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 38px;
  height: 29px;
  cursor: pointer;
  z-index: 100;
}
#project_auto_menu_toggle {
  opacity: 0;
}
#project_auto_menu_toggle:checked + .project_auto_menu_btn > span {
  transform: rotate(45deg);
}
#project_auto_menu_toggle:checked + .project_auto_menu_btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#project_auto_menu_toggle:checked + .project_auto_menu_btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#project_auto_menu_toggle:checked ~ .project_auto_menu_box {
  left: 0 !important;
}
.project_auto_menu_btn {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 26px;
  height: 17px;
  /* cursor: pointer; */
  z-index: 91;
}
.project_auto_menu_btn::after {
  content: 'MENU';
  display: inline-block;
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 9px;
  opacity: 1;
  transition: all ease 0.3s;
}
#project_auto_menu_toggle:checked ~ .project_auto_menu_btn {
  top: 16px;
}
#project_auto_menu_toggle:checked ~ .project_auto_menu_btn::after {
  opacity: 0;
  top: -16px;
}
.project_auto_menu_btn > span,
.project_auto_menu_btn > span::before,
.project_auto_menu_btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
  transition-duration: .25s;
}
.project_auto_menu_btn > span::before {
  content: '';
  top: -4px;
}
.project_auto_menu_btn > span::after {
  content: '';
  top: 4px;
}
.project_auto_menu_box {
  display: block;
  position: fixed;
  top: 0;
  left: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background-color: #ECEFF1;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  transition-duration: .25s;
  z-index: 90;
  overflow: auto;
}
.project_auto_menu_item {
  display: block;
  padding: 12px 24px;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .25s;
}
.project_auto_menu_item:hover {
  background-color: #CFD8DC;
}

#project_auto_menu_embeded_builder_link {
  position: fixed;
  top: 0px;
  left: 8px;
  z-index: 99;
}

#project_auto_menu:hover #project_auto_menu_embeded_builder_link {
  display: block!important;
}

/** builded menu */

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

/* */
#novabricks_builded_current_threads {
  position: fixed;
  bottom: 0px;
  left: 5px;
  display: inline-block;
  text-align: center;
}

#novabricks_builded_current_threads .content {
  margin: 0;
  padding: 10px 0;
  height: 110px;
  max-width: calc(100vw - 50px);
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

#novabricks_builded_current_threads .content .thread {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
  margin: 0 5px;
  text-align: left;
  height: 90px;
  width: 310px;
  background-color: #f7f7f7;
  padding: 10px;
}

#novabricks_builded_current_threads .content .thread .download_link {
  padding: 5px 20px;
  background-color: green;
  color: white;
  cursor: pointer;
}

#novabricks_builded_current_threads .novabricks_builded_thread_close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
  cursor: pointer;
}

#novabricks_builded_current_threads .novabricks_builded_thread_cancel {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: inline-block;
  padding: 5px 20px;
  background-color: gray;
  color: white;
  cursor: pointer;
  text-align: center;
}

#novabricks_builded_current_threads .novabricks_builded_thread_cancel.cancelling {
  background-color: gray;
}

#novabricks_builded_current_threads_body_bottom_spacing {
  height: 120px;
}

/* dropbox */
.form_dropzone_js_box_percent .dz-default.dz-message {
  display: inline-block;
  width: 100%;
  
}

.form_dropzone_js_box_percent .dz-default.dz-message span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

/* -- START - OLD AUTOCOMPLETION */

.autocompletion_clear_button {
  position: absolute;
  height: 29px;
  top: 0px;
  right: 33px;
  width: 29px;
  font-size: 14px;
  line-height: 29px;
  text-align: center;
  z-index: 10;
  cursor: pointer;
  display: none;
  color: gray;
}
.autocompletion_clear_button.active {
  display: inline-block;
}

.autocompletion_clear_button i {
  line-height: 29px;
}

/* -- END - OLD AUTOCOMPLETION */

/* -- START - MULTI FORM STEPS */

.builded_zone_msf_container {
  width: 100%;
}
.builded_zone_msf_container.mode_menu .builded_zone_msf_steps {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  text-align: center;
}
.builded_zone_msf_container.mode_menu .builded_zone_msf_steps.absolute {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 8;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_steps .builded_zone_msf_step {
  background-color: #bfbfbf;
  color: black;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin: 0 10px 6px 10px;
  width: calc(100% - 60px);
  padding: 6px 20px;
  border-radius: 12px;
  font-weight: bold;
  position: relative;
}
.builded_zone_msf_container.mode_menu .builded_zone_msf_steps .builded_zone_msf_step .number {
  display: none;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_steps .builded_zone_msf_step.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_steps .builded_zone_msf_step.active {
  background-color: #2e75b6;
  color: white;
  pointer-events: none;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_steps .builded_zone_msf_step:not(.disabled):not(.active):hover {
  background-color: #ababab;
  /* color: white; */
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_steps .builded_zone_msf_step.error::after {
  content: '!';
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 18px;
  color: red;
  position: absolute;
  top: 3px;
  left: 10px;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_forms {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_forms.menu_absolute_enabled {
  margin-left: 20%;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_forms .builded_zone_msf_form {
  overflow: hidden;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_forms .builded_zone_msf_topbar {
  text-align: right;
  padding-right: 10px;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_forms .builded_zone_msf_topbar .builded_zone_msf_topbar_save {
  background-color: #bfbfbf;
  font-size: 14px;
  font-weight: bold;
  color: black;
  padding: 6px 20px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.builded_zone_msf_container.mode_menu .builded_zone_msf_forms .builded_zone_msf_topbar .builded_zone_msf_topbar_save:not(.loading):hover {
  background-color: #ababab;
  /* color: white; */
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_forms .builded_zone_msf_topbar .builded_zone_msf_topbar_save.loading {
  background-color: #dfdfdf;
  color: #888888;
  pointer-events: none;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_forms .builded_zone_msf_topbar .builded_zone_msf_topbar_save.loading::before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  left: 0;
}

.builded_zone_msf_container.mode_menu .builded_zone_msf_forms .builded_zone_msf_topbar .builded_zone_msf_topbar_save.loading::after {
  display: block;
  content: "\f110";
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 15px;
  color: black;
  line-height: 20px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  animation: fa-spin 2s infinite linear;
  text-align: center;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  z-index: 8;
}


.builded_zone_msf_container.mode_steps .builded_zone_msf_steps {
  display: block;
  margin-bottom: 10px;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step {
  display: inline-block;
  margin: 0 35px;
  vertical-align: middle;
  text-align: center;
  pointer-events: none;
  position: relative;
  vertical-align: top;
  width: 34px;
  height: 34px;
  opacity: 0.5;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step.active {
  opacity: 1;
  pointer-events: none;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step.active .number {
  background-color: #2e75b6;
  color: white;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step .number {
  display: block;
  width: 34px;
  height: 34px;
  background-color: #bfbfbf;
  line-height: 34px;
  font-size: 20px;
  border-radius: 20px;
  color: white;
  color: black;
  margin: 0 auto 0 auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 60;
}

.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step .name {
  display: none;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step.checked:not(.active) {
  opacity: 1;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step.checked:not(.active):before {
  content: "\f00c";
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  z-index: 61;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step.checked:not(.active) .number {
  color: transparent;
}

.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step:after {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  left: 31px;
  background-color: #bfbfbf;
  width: 75px;
  height: 2px;
  z-index: 50;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step.active:after {
  opacity: 0.5;
}

.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step.active:first-child:before {
  display: none;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step.active:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: -10px;
  width: 0px;
  height: 0px;
  z-index: 50;
  border-left: 10px solid #bfbfbf;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_steps .builded_zone_msf_step:last-child:after {
  display: none;
}

.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar {
  display: block;
  position: relative;
  text-align: right;
  padding: 10px;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_prev,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_next,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_save {
  position: relative;
  display: inline-block;
  background-color: #bfbfbf;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  padding: 6px 20px;
  border-radius: 8px;
  cursor: pointer;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_prev,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_save {
  display: none;
}

.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_prev.disabled,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_next.disabled,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_save.disabled {
  pointer-events: none;
  background-color: rgba(191, 191, 191, 0.6);
  color: darkgray;
}

.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_prev.loading,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_next.loading,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_save.loading {
  pointer-events: none;
  background-color: rgba(191, 191, 191, 0.6);
  color: darkgray;
}
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_prev.loading:before,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_next.loading:before,
.builded_zone_msf_container.mode_steps .builded_zone_msf_bottombar .builded_zone_msf_bottombar_save.loading:before {
  display: block;
  position: absolute;
  content: "\f110";
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  animation: fa-spin 2s infinite linear;
  color: black;
}

/* -- END - MULTI FORM STEPS */

/* -- START - ZONE MAP */

.builded_zone_map_container {
  position: relative;
}

.builded_zone_map_container .builded_zone_map_searchbar_wrapper {
  position: absolute;
  top: 10px;
  left: 190px;
  z-index: 95;
}

.builded_zone_map_container .builded_zone_map_searchbar_wrapper input {
  padding: 10px 9px 8px 9px;
  font-size: 18px;
  font-family: Arial;
  border: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  width: 400px;
}

.builded_zone_map_container .builded_zone_map_searchbar_reset {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  font-size: 20px;
  color: gray;
  height: 100%;
  width: 30px;
  text-align: center;
  cursor: pointer;
}

.builded_zone_map_container .builded_zone_map_searchbar_reset i {
  line-height: 40px;
}

.builded_map_zone_info_button {
  width: calc(100% - 20px);
  padding: 3px 6px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #0040FF;
  color: #0040FF;
  font-family: Arial;
  font-weight: bold;
  background: transparent;
  border-radius: 5px;
  margin: 0 auto 5px auto;
  cursor: pointer;
}

.builded_map_zone_info_button:hover {
  background-color: #0040FF;
  color: white;
}

/* -- END - ZONE MAP */

/* -- START - BUILDED ZONE TITLE BAR */

.builded_zone_title_buttons {
  color: inherit;
  display: block;
  position: absolute;
  right: 0;
  top: 3px;
}
.builded_zone_title_btn_edit {
  color: inherit;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  width: 25px;
  cursor: pointer;
}
.builded_zone_title_btn_edit i {
  line-height: 25px;
}

/* -- END  - BUILDED ZONE TITLE BAR */

/* -- START - BUILDED PLANNING TOP BAR OPTIONS */

.builded_planning_bar_option {
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #7F7F7F;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 0 16px;
  vertical-align: middle;
  color: #404040;
}

.builded_planning_bar_option:hover {
  color: #262626;
  background-color: #D9D9D9;
  border-color: #7F7F7F;
}

.builded_planning_bar_option.icon {
  width: 30px;
  padding: 0!important;
}

.builded_planning_bar_option_popup {
  position: absolute;
  top: 0;
  left: 0;
  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;
  background-color: white;;
}

.builded_planning_bar_option_popup .title {
  /* color: ; */
  background-color: white;
  text-align: left;
  padding: 7px 12px;
  font-size: 16px;
  font-family: Arial;
  font-weight: 700;
}

.builded_planning_bar_option_popup .content {
  margin: 0;
  padding: 10px 10px;
  list-style-type: none;
  overflow-y: auto;
  max-height: 300px;
  position: relative;
}

.builded_planning_bar_option_popup .close {
  position: absolute;
  padding: 7px 12px;
  right: 0;
  top: 0;
  cursor: pointer;
}

.builded_planning_bar_option_popup .close .fa {
  font-size: 18px;
  color: #262626;
}

.builded_planning_bar_option_popup .title {
  color: #262626;
}

.builded_planning_bar_option_popup .content {
  margin: 0;
  padding: 10px;
  color: #262626;
}

.builded_planning_bar_option_popup .content ul {
  margin: 0;
  padding: 0px;
  list-style-type: none;
  overflow-y: auto;
  max-height: 300px;
  position: relative;
}

.builded_planning_bar_option_popup .content ul li {
  margin: 0;
  padding: 5px;
}

.builded_planning_bar_option_popup .content ul li > * {
  vertical-align: top;
  font-size: 15px;
}

.builded_planning_bar_option_popup .content ul li > input[type="radio"] {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  content: '';
  border: 1px solid #262626;
  background: transparent;
  width: 13px;
  height: 13px;
  border-radius: 7px;
  cursor: pointer;
  margin-top: 2px;
}

.builded_planning_bar_option_popup .content ul li label {
  position: relative;
  margin-left: 3px;
  cursor: pointer;
}

.builded_planning_bar_option_popup .content ul li > input[type="radio"]:checked + label::before {
  position: absolute;
  left: -20px;
  top: 1px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  content: '\f058';
  font-size: 14px;
  color: #262626;
}

.builded_planning_bar_date_range_datepicker {
  width: 145px;
  padding: 6px;
  border-radius: 5px;
  height: 14px;
  line-height: 14px;
  color: #262626;
}

.builded_planning_bar_date_range_datepicker_container {
  position: relative;
}

.builded_planning_bar_date_range_datepicker_container::after {
  display: inline-block;
  width: 35px;
  height: 14px;
  background-color: #262626;
  border: 1px solid #262626;
  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;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\f133";
}

.builded_planning_bar_date_range_submit_button {
  display: inline-block;
  background-color: #D9D9D9;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  margin: 10px;
  float: right;
  padding: 10px 15px;
  margin: 20px 0 0 0;
  border-radius: 40px;
  font-weight: bold;
  user-select: none;
  color: #262626;
}

.builded_planning_bar_date_range_submit_button:hover {
  background-color: #A6A6A6;
}

.builded_zone_planning_content .builded_zone_planning_content_line:last-child {
  border-bottom: 1px solid #333333!important;
}

/* -- END - BUILDED PLANNING TOP BAR OPTIONS */

.datagrid_row.ui-draggable-dragging {
  pointer-events: none;
}

body.builded_dragging_item {
  cursor: move!important;
}

.builded_datagrid_drag_placeholder {
  height: 0px;
  transition: height 0.4s;
}

.builded_datagrid_drag_placeholder.placeholder_hidden {
  height: 0!important;
}

/* DATAGRID ANIMATIONS */

.builded_zone_datagrid_clone_table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}

.builded_zone_datagrid_clone_cell {
  position: absolute;
  overflow: hidden;
}

/* builded right slide */

.builded_right_slide_url {
  position: absolute;
  top: 0;
  right: 0;
  height: 100vh;
  z-index: 120;
  overflow: hidden;
}

.builded_right_slide_url .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  padding: 10px;
  z-index: 121;
  transition: right 0.4s;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.builded_right_slide_url .close:hover {
  background-color: gray;
}

.builded_right_slide_url iframe {
  height: 100vh;
  width: 100%;
  border: 0;
  position: absolute;
  top: 0;
  transition: right 0.4s;
}

/* START - builded-progress-message */
.builded-progress-message {
  position: fixed;
  top: 0px;
  right: 20px;
  width: 400px;
  max-height: 0px;
  background-color: white;
  z-index: 102;
  overflow: hidden;
  transition: max-height 2s;
  border: 1px solid #333;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0;
}
.builded-progress-message.builded-progress-message--active {
  max-height: 100vh;
}
.builded-progress-message .builded-progress-message__spinner {
  width: 90px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: lightgray;
  font-size: 30px;
  margin: 20px 0;
}
.builded-progress-message .builded-progress-message__text {
  display: inline-block;
  vertical-align: middle;
  width: 280px;
  padding: 10px 10px;
  text-align: center;
}
/* END - builded-progress-message */

/* START - .builded_textarea_label_as_placeholder */

.builded_textarea_label_as_placeholder {
  position: relative;
  margin: 5px 0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.builded_textarea_label_as_placeholder textarea,
.builded_textarea_label_as_placeholder select,
.builded_textarea_label_as_placeholder input {
  background: transparent;
  border: 2px solid transparent;
  border-width: 1px!important;
  margin: 1px;
  border-radius: 4px;
  position: relative;
  font-size: 16px!important;
  width: calc(100% - 27px)!important;
  padding: 8px 10px!important;
  box-sizing: content-box;
}
.builded_textarea_label_as_placeholder select {
  outline: none;
  text-indent: 0px;
  appearance: none;
}
.builded_textarea_label_as_placeholder label {
  position: absolute;
  left: 12px;
  top: 11px;
  pointer-events: none;
  transition: all 0.2s linear;
  font-size: 14px;
  max-width: calc(100% - (12px * 2));
  overflow: hidden;
}
.builded_textarea_label_as_placeholder_select:after {
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d7";
  font-size: 20px;
  line-height: 33px;
  height: 100%;
  top: 0px;
  right: 9px;
  color: inherit;
}
.builded_textarea_label_as_placeholder fieldset {
  position: absolute;
  top: -6px;
  left: 0px;
  margin: 0;
  padding: 6px 0;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 4px;
  pointer-events: none;
  width: calc(100% - 7px);
  min-width: 0;
}
.builded_textarea_label_as_placeholder fieldset legend {
  margin-left: 2px;
  padding-left: 10px;
  padding-right: 10px;
  visibility: hidden;
  font-size: 12px;
  max-width: calc(100% - (12px * 2));
}

/* ------------------------------------- */

.builded_textarea_label_as_placeholder textarea:focus,
.builded_textarea_label_as_placeholder select:focus,
.builded_textarea_label_as_placeholder input:focus,
.builded_textarea_label_as_placeholder textarea:valid,
.builded_textarea_label_as_placeholder select:valid,
.builded_textarea_label_as_placeholder input:valid {
  border-color: transparent!important;
}

.builded_textarea_label_as_placeholder .ko {
  border-color: #FF0000!important;
  border-width: 2px!important;
  margin: 0px;
}

.builded_textarea_label_as_placeholder textarea:focus ~ label,
.builded_textarea_label_as_placeholder select:focus ~ label,
.builded_textarea_label_as_placeholder input:focus ~ label,
.builded_textarea_label_as_placeholder textarea:valid ~ label,
.builded_textarea_label_as_placeholder select:valid ~ label,
.builded_textarea_label_as_placeholder input:valid ~ label {
  transform: translateY(-17px); -webkit-transform: translateY(-17px); -ms-transform: translateY(-17px);
  font-size: 12px;
}

.builded_textarea_label_as_placeholder textarea:focus ~ fieldset,
.builded_textarea_label_as_placeholder select:focus ~ fieldset,
.builded_textarea_label_as_placeholder input:focus ~ fieldset,
.builded_textarea_label_as_placeholder textarea:valid ~ fieldset,
.builded_textarea_label_as_placeholder select:valid ~ fieldset,
.builded_textarea_label_as_placeholder input:valid ~ fieldset {
  border-color: inherit;
}
.builded_textarea_label_as_placeholder textarea:valid ~ fieldset,
.builded_textarea_label_as_placeholder select:valid ~ fieldset,
.builded_textarea_label_as_placeholder input:valid ~ fieldset {
  border-width: 1px!important;
  margin: 1px;
}
.builded_textarea_label_as_placeholder textarea:focus ~ fieldset,
.builded_textarea_label_as_placeholder select:focus ~ fieldset,
.builded_textarea_label_as_placeholder input:focus ~ fieldset {
  border-width: 2px!important;
  margin: 0px;
}

.builded_textarea_label_as_placeholder textarea.ko:focus ~ fieldset,
.builded_textarea_label_as_placeholder select.ko:focus ~ fieldset,
.builded_textarea_label_as_placeholder input.ko:focus ~ fieldset,
.builded_textarea_label_as_placeholder textarea.ko:valid ~ fieldset,
.builded_textarea_label_as_placeholder select.ko:valid ~ fieldset,
.builded_textarea_label_as_placeholder input.ko:valid ~ fieldset {
  border-color: #FF0000!important;
  border-width: 2px!important;
  margin: 0px;
}

.builded_textarea_label_as_placeholder textarea:focus ~ fieldset > legend,
.builded_textarea_label_as_placeholder select:focus ~ fieldset > legend,
.builded_textarea_label_as_placeholder input:focus ~ fieldset > legend,
.builded_textarea_label_as_placeholder textarea:valid ~ fieldset > legend,
.builded_textarea_label_as_placeholder select:valid ~ fieldset > legend,
.builded_textarea_label_as_placeholder input:valid ~ fieldset > legend {
  animation: builded_textarea_label_as_placeholder_legend 0.1s 0.2s forwards; -webkit-animation: builded_textarea_label_as_placeholder_legend 0.1s 0.2s forwards;
}

@keyframes builded_textarea_label_as_placeholder_legend {
  0%   { visibility: hidden; }
  100% { visibility: hidden; }
}

/* END - .builded_textarea_label_as_placeholder */

/* START - .builded_side_of_screen */

.builded_side_of_screen {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: white;
  z-index: 300;
}

.builded_side_of_screen_topbar {
  height: 30px;
  width: 100%;
}

.builded_side_of_screen_topbar .builded_side_of_screen_topbar_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 30px;
  width: 30px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.builded_side_of_screen_topbar .builded_side_of_screen_topbar_close:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.builded_side_of_screen_topbar .builded_side_of_screen_topbar_close i {
  font-size: 20px;
  line-height: 30px;
}

/* END - .builded_side_of_screen */