@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

body {
	margin: 0;
	padding: 0;
	overflow: hidden;

	font-family: Montserrat, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#topbar {
    overflow:visible;
    z-index: 50;
}

.dc_btn {
    width: auto;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: normal;
    text-transform: uppercase;
    color: #333;
    cursor: pointer;
    user-select: none;
}

.dc_btn:hover {
    background-color: #eee;
}

.dc_btn.disabled {
    opacity:0.3;
}

.disabled_hard {
    opacity:0.3;
    pointer-events: none;
}

.changed {
    color: #C22 !important;
}

.dc_btn_disabled:hover {
    background-color: transparent !important;
}

.dc_btn_disabled {
    color: #999;
    cursor: default !important;
}

.dc_btn_light {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 0 20px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.dc_btn_small {
    box-sizing:border-box;
    display: inline-block;
    width: 24px;
    height: 24px;
    padding-top: 0;
    line-height: 24px !important;
    background-color: #fff;
}

.dc_btn_small_text {
    box-sizing:border-box;
    display: inline-block;
    width: auto;
    height: 24px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px !important;
    background-color: #fff;
}

.dc_btn_action, .leftpane .dc_btn.dc_btn_action {
    box-sizing: border-box;
    border:1px solid #ccc;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    line-height:30px;
    background-color:#eee;
}

.dc_btn_action_icon, .leftpane .dc_btn.dc_btn_action_icon {
    padding:0 5px;
}

.dc_btn_action:hover, .leftpane .dc_btn.dc_btn_action:hover {
    background-color:#ccc;
}

.dc_btn_action img {
    max-width:20px;
    max-height:20px;
    margin-right:5px;
    vertical-align:text-bottom;
}

.dc_btn_action_icon img {
    margin-right:0;
}

.dc_btn_apply, .leftpane .dc_btn.dc_btn_apply {
    box-sizing: border-box;
    margin: 10px 0 0;
    border:1px solid #ccc;
    border-radius: 50px;
    padding:7px 25px;
    font-size: 9.5px;
    line-height: normal;
    background-color:#eee;
}

.dc_btn_apply:hover, .leftpane .dc_btn.dc_btn_apply:hover {
    background-color:#ccc;
}

.dc_icon_text_btn, .leftpane .dc_btn.dc_icon_text_btn {
    border:0;
    padding:40px 5px 5px;
    font-size:9px;
    font-weight:700;
    line-height:normal;
}

.dc_bevel_box {
	background-color: #E5E5E5;

	box-sizing: border-box;
	border-left: 1px solid #F8F8F8;
	border-top: 1px solid #F8F8F8;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
}

.dc_bevel_btn {
	background-color: #E5E5E5;

	box-sizing: border-box;
	border-left: 1px solid #F8F8F8;
	border-top: 1px solid #F8F8F8;
	border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    user-select: none;
}

.dc_bevel_btn:active {
	background-color: #E5E5E5;

	box-sizing: border-box;
	border-right: 1px solid #F8F8F8;
	border-bottom: 1px solid #F8F8F8;
	border-left: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
}

.dc_bevel_btn.checked {
	background-color: #E5E5E5;

	box-sizing: border-box;
	border-right: 1px solid #F8F8F8;
	border-bottom: 1px solid #F8F8F8;
	border-left: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
}

.dc_selected_btn, .dc_btn.dc_pos_mode_btn:hover {
    background-color: #ccc !important;
    border: 1px solid #aaa !important;
    border-right-color: #ccc !important;
    border-bottom-color: #ccc !important;
}

.dc_btn_icon {
    box-sizing: border-box;
    float:left;
    min-width: 40px;
    height: 40px;
    /*margin-right: 10px;*/
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.dc_btn_icon.dc_btn_icon_clean, .dc_tool_sec .dc_btn_icon {
    box-sizing: border-box;
    min-width: auto;
    width: 32px;
    height: 32px;
    margin-bottom:0 !important;
    border: 0 !important;
    line-height: 32px !important;
}

.dc_tool_sec .dc_btn_icon.dc_selected_btn {
    border: 1px solid #aaa !important;
    border-right-color: #fff !important;
    border-bottom-color: #fff !important;
}

/*.dc_btn.dc_pos_mode_btn.dc_btn_icon {
    min-width:70px;
    width:auto !important;
    padding:21px 8px 0;
    line-height:normal !important;
    background-color:transparent !important;
    background-position:center 7px;
}*/

.dc_btn.dc_pos_mode_btn.dc_btn_icon {
    min-width:auto;
    width:auto !important;
    height:auto !important;
    padding:8px 8px 8px 27px;
    line-height:normal !important;
    background-color:transparent !important;
    background-position:6px center;
}

.dc_btn.dc_pos_mode_btn.dc_btn_icon.dc_selected_btn, .dc_btn.dc_pos_mode_btn.dc_btn_icon:hover {
    border-right-color:#aaa !important;
    border-bottom-color:#aaa !important;
}

.dc_btn_intro {
    line-height: 38px !important;
    margin-bottom: 0px !important;
    font-size: 16px;
}

.dc_btn_icon:last-child {
    margin-right: 0;
}

.dc_plan2_mode {
    cursor: pointer;
}

.dc_plan2_mode:not(:first-child) {
    border-top:1px solid #ccc;
}

.dc_plan2_mode p {
    margin: 0;
    padding: 20px 0;
}

.dc_plan2_mode_subpanel {
    margin-bottom: 15px;
}

.dc_plan2_modes .dc_tools_mode_sec .dc_tools_mode_btn {
    margin-right: 5px;
}

.dc_plantools_mode_add_btn {
    background: url("../img/iconos/btn-anadir-nodo.png") no-repeat center center / auto;
}
.dc_plantools_mode_mod_btn {
    background: url("../img/iconos/btn-editar-nodo.png") no-repeat center center / auto;
}
.dc_plantools_mode_del_btn {
    background: url("../img/iconos/btn-eliminar-nodo.png") no-repeat center center / auto;
}
.dc_plantools_mode_seg_btn {
    background: url("../img/iconos/btn-editar-segmento.png") no-repeat center center / auto;
}
.dc_plantools_mode_sloof_btn {
    background: url("../img/iconos/btn-edit-sloof.png") no-repeat center center / auto;
}

.dc_insettools_mode_add_btn {
    background: url("../img/iconos/btn-anadir-vano.png") no-repeat center center / auto;
}
.dc_insettools_mode_mod_btn {
    background: url("../img/iconos/btn-editar-vano.png") no-repeat center center / auto;
}
.dc_insettools_mode_del_btn {
    background: url("../img/iconos/btn-eliminar-vano.png") no-repeat center center / auto;
}
.dc_icon_btn_relative {
    background: url("../img/iconos/btn-link.png") no-repeat center center / auto;
}
.dc_icon_btn_free {
    background: url("../img/iconos/btn-unlink.png") no-repeat center center / auto;
}
.dc_icon_btn_upo {
    background: url("../img/iconos/btn-upo.png") no-repeat center center / auto;
}
.dc_icon_btn_lock {
    background: url("../img/iconos/btn-lock.png") no-repeat center center / auto;
}
.dc_icon_btn_unlock {
    background: url("../img/iconos/btn-unlock.png") no-repeat center center / auto;
}
.dc_insettools_mode_simmx_btn, .dc_icon_btn_simmx {
    background: url("../img/iconos/btn-simm-x.png") no-repeat center center / auto;
}
.dc_insettools_mode_simmy_btn, .dc_icon_btn_simmy {
    background: url("../img/iconos/btn-simm-y.png") no-repeat center center / auto;
}
.dc_insettools_mode_simmz_btn, .dc_icon_btn_simmz {
    background: url("../img/iconos/btn-simm-z.png") no-repeat center center / auto;
}
.dc_icon_btn_del {
    background: url("../img/iconos/btn-trash.png") no-repeat center center / auto;
}
.dc_icon_btn_measures {
    background: url("../img/iconos/btn-measures.png") no-repeat center center / auto;
}
.dc_icon_btn_animation {
    background: url("../img/iconos/btn-animation.png") no-repeat center center / auto;
}
.dc_icon_btn_show_doors {
    background: url("../img/iconos/btn-show-doors.png") no-repeat center center / auto;
}
.dc_icon_btn_hide_doors {
    background: url("../img/iconos/btn-hide-doors.png") no-repeat center center / auto;
}
.dc_icon_text_btn_src {
    background: url("../img/iconos/icono-objeto.png") no-repeat center 8px / auto;
}
.dc_icon_text_btn_dst {
    background: url("../img/iconos/icono-destino.png") no-repeat center 8px / auto;
}

.dc_piltools_mode_add_btn {
    background: url("../img/iconos/btn-pil-add.png") no-repeat center center / auto;
}
.dc_piltools_mode_mod_btn {
    background: url("../img/iconos/btn-pil-edit.png") no-repeat center center / auto;
}
.dc_piltools_mode_del_btn {
    background: url("../img/iconos/btn-pil-del.png") no-repeat center center / auto;
}

.dc_beamtools_mode_add_btn {
    background: url("../img/iconos/btn-beam-add.png") no-repeat center center / auto;
}
.dc_beamtools_mode_mod_btn {
    background: url("../img/iconos/btn-beam-edit.png") no-repeat center center / auto;
}
.dc_beamtools_mode_del_btn {
    background: url("../img/iconos/btn-beam-del.png") no-repeat center center / auto;
}

.dc_plan2_bg {
    background: url("../img/iconos/btn_plan_bg.png") no-repeat center center / auto;
}
.dc_plan2_wall {
    background: url("../img/iconos/btn_plan_wall.png") no-repeat center center / auto;
}
.dc_plan2_inset {
    background: url("../img/iconos/btn_plan_inset.png") no-repeat center center / auto;
}
.dc_plan2_pil {
    background: url("../img/iconos/btn_plan_pil.png") no-repeat center center / auto;
}
.dc_plan2_beam {
    background: url("../img/iconos/btn_plan_beam.png") no-repeat center center / auto;
}
.dc_plan2_wall_pan {
    background: url("../img/iconos/btn-hand.png") no-repeat center center / auto;
}
.dc_plan2_wall_draw {
    background: url("../img/iconos/btn-anadir-nodo.png") no-repeat center center / auto;
}
.dc_plan2_wall_erase {
    background: url("../img/iconos/btn-eliminar-nodo.png") no-repeat center center / auto;
}
.dc_plan2_wall_edit {
    background: url("../img/iconos/btn-editar-segmento2.png") no-repeat center center / auto;
}
.dc_plan2_wall_move {
    background: url("../img/iconos/btn-editar-nodo-one.png") no-repeat center center / auto;
}
.dc_plan2_wall_grid {
    background: url("../img/iconos/btn-grid.png") no-repeat center center / auto;
}
.dc_plan2_wall_ortho {
    background: url("../img/iconos/btn-ortho.png") no-repeat center center / auto;
}
.dc_plan2_wall_measures {
    background: url("../img/iconos/btn_plan_measures.png") no-repeat center center / auto;
}
.dc_plan2_wall_measures2 {
    background: url("../img/iconos/btn_plan_measures2.png") no-repeat center center / auto;
}
.dc_plan2_inset_add {
    background: url("../img/iconos/btn-anadir-vano.png") no-repeat center center / auto;
}
.dc_plan2_inset_edit {
    background: url("../img/iconos/btn-editar-vano.png") no-repeat center center / auto;
}
.dc_plan2_inset_erase {
    background: url("../img/iconos/btn-eliminar-vano.png") no-repeat center center / auto;
}
.dc_plan2_inset_simmx {
    background: url("../img/iconos/btn-simm-x.png") no-repeat center center / auto;
}
.dc_plan2_inset_simmy {
    background: url("../img/iconos/btn-simm-y.png") no-repeat center center / auto;
}
.dc_plan2_pil_add {
    background: url("../img/iconos/btn-pil-add.png") no-repeat center center / auto;
}
.dc_plan2_pil_edit {
    background: url("../img/iconos/btn-pil-edit.png") no-repeat center center / auto;
}
.dc_plan2_pil_erase {
    background: url("../img/iconos/btn-pil-del.png") no-repeat center center / auto;
}
.dc_plan2_beam_add {
    background: url("../img/iconos/btn-beam-add.png") no-repeat center center / auto;
}
.dc_plan2_beam_edit {
    background: url("../img/iconos/btn-beam-edit.png") no-repeat center center / auto;
}
.dc_plan2_beam_erase {
    background: url("../img/iconos/btn-beam-del.png") no-repeat center center / auto;
}

/***********************/

.dc_bp_input_selected {
    color: #C00;
}

.dc_bp_tools_mode_sec {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    overflow: hidden;
}

.dc_bp_pan {
    background: url("../img/iconos/btn_bp_pan.png") no-repeat center center / auto;
}

.dc_bp_chainadd {
    background: url("../img/iconos/btn_bp_chainadd.png") no-repeat center center / auto;
}

.dc_bp_add {
    background: url("../img/iconos/btn_bp_add.png") no-repeat center center / auto;
}

.dc_bp_del {
    background: url("../img/iconos/btn_bp_del.png") no-repeat center center / auto;
}

.dc_bp_moveline {
    background: url("../img/iconos/btn_bp_moveline.png") no-repeat center center / auto;
}

.dc_bp_movetext {
    background: url("../img/iconos/btn_bp_movetext.png") no-repeat center center / auto;
}

.dc_bp_selector {
    font-family: 'Montserrat';
    width: 100%;
    margin-bottom: 10px;
}

/***********************/

.dc_thumbnail {
    text-align: center;
}

.dc_btn.dc_btn_cmp_simx {
    height: 30px;
    background: url("../img/iconos/btn-simm-x.png") no-repeat center center / auto;
}

.dc_btn.dc_btn_cmp_simx.selected {
    height: 30px;
    background: url("../img/iconos/btn-simm-x.png") no-repeat center center / auto, #FFC;
}

.dc_btn.dc_btn_cmp_del {
    height: 30px;
    background: url("../img/iconos/btn-trash.png") no-repeat center center / auto;
}

/***********************/

.dc_dialog_modal_bg {   
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    background-color: #888888;
    opacity: 60%;
    z-index: 999;
}

.dc_dialog {
    position: fixed;
    z-index: 999;
}

.dc_dialog_titlebar {
    position: absolute;
    left: 0px;
    right: 30px;
    height: 30px;
    line-height: 30px;
}

.dc_dialog_titlebar p {
    margin: 0px 15px;
}

.dc_dialog_close_button {
    position: absolute;
    cursor: pointer;
    right: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.dc_dialog_close_button i { 
    display: block;
    text-align: center;
    font-size: 28px;
    line-height: 28px;
}

.dc_dialog_client {
    position: absolute;
    background-color: #987;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 30px;
}

/**********************/

.dc_dialog {
    box-sizing: border-box;
    padding: 0 30px;
    background-color: #fff;
}

.dc_dialog h1 {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
}

.dc_dialog_titlebar {
    position: relative;
    left: auto;
    right: auto;
    height: 70px;
    line-height: 70px;
}

.dc_dialog_titlebar p {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 70px;
}

.dc_dialog_close_button {
    position: absolute;
    cursor: pointer;
    right: 30px;
    width: 20px;
    height: 70px;
    line-height: 70px;
    top: 0;
}

.dc_dialog_close_button i {
    line-height: 70px;
}

.dc_dialog_close_button img {
    max-width: 100%;
    vertical-align: middle;
}

.dc_dialog_client {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    /*height: calc(100% - 70px);*/
    height: calc(100% - 100px);
    background: transparent;
    overflow: auto;
    overflow-x: hidden;
}

.dc_dialog input, .dc_dialog_input {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    border: none;
    padding: 0 10px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 38px;
    color: #000;
    background-color: #eee;
}

.dc_dialog select, .dc_dialog_select {
    box-sizing: border-box;
    width: 100%;
    /*height: 40px;*/
    height: 32px;
    border: none;
    padding: 0 10px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 38px;
    color: #000;
    background-color: #eee;
}

.dc_dialog textarea, .dc_dialog_textarea {
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    border: none;
    padding: 10px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #000;
    background-color: #eee;
}

.dc_dialog input[type=checkbox], .dc_dialog_checkbox {
    width: auto;
    height: auto;
}

.dc_dialog button, .dc_dialog_button, .dc_dialog .dc_catdialog_load_button, .dc_dialog .dc_pcdialog_load_button, .dc_dialog .dc_stdialog_load_button {
    box-sizing: border-box;
    width: auto;
    height: 40px;
    border: none;
    padding: 0 20px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #555;
    cursor:pointer;
}

.dc_dialog button#resetpwd, .dc_dialog button#signup, .dc_dialog button#cancel {
    box-sizing: border-box;
    width: auto;
    height: 36px;
    border: 1px solid #555;
    padding: 0 15px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #555;
    background-color: transparent;
}

/******************/    

.dc_catdialog_panel_tree {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    bottom: 50px;
    overflow-y: auto;
}

.dc_catdialog_panel_icon {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 300px;
    bottom: 50px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.dc_catdialog_icon_block
{
    cursor: pointer;
    margin: 0;
    display: inline-block;
    /*width: 150px;
    height: 190px;*/
    width: 128px;
    height: 192px;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 10px;
}

.icon_block_directory
{
    background-color: #eee;
}

.icon_block_selected
{
    border:1px solid #f00;
}

.dc_catdialog_icon
{
    margin-top: 10px;
    margin-left: 10px;
    /*width: 128px;
    height: 128px;*/
    width: 107px;
    height: 107px;
    background-image: url('placeholder.jpg');
    background-size: 100% 100%;
}

.icon_block_directory .dc_catdialog_icon
{
    mix-blend-mode: multiply;
}

.dc_catdialog_icon_block p {
    margin: 8px 5px;
    text-align: center;
}


.dc_catdialog_panel_bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 50px;
    bottom: 0px;
}

.dc_catdialog_panel_bottom p {
    margin: 0 !important;
    line-height: 50px;
}
.dc_catdialog_load_button {
    position: absolute;
    cursor: pointer;
    width: 80px;
    right: 0;
    top: 5px;
    bottom: 5px;
    text-align: center;
    line-height: 40px;
}

.dc_catdialog_center_box {
    position: absolute;
    cursor: pointer;
    right: 120px;
    top: 15px;
    text-align: center;
}

.dc_catdialog_center_label {
    position: absolute;
    cursor: pointer;
    right: 142px;
    top: 5px;
    bottom: 5px;
    text-align: right;
    line-height: 40px;
}

.dc_topbar_logo {
    float: left;
    height: 30px;
    margin: 25px 0 0 20px;
}

.dc_topbar_logo_print {
    float: right;
    height: 20px;
    margin: 15px 0 0;
}

.dc_topbar_logo img, .dc_topbar_logo_print img {
    height: 100%;
}

.dc_topbar_menu {
    float:right;
    height:100%;
}

.dc_bar_btn {
    float: right;
    margin: 20px 10px;
    padding: 0 20px;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
}

.dc_bottom_bar_btn {
    float: left;
    margin: 3px 10px;
    padding: 0 20px;
    line-height: 33px;
    text-align: center;
    cursor: pointer;
}

.dc_bottom_bar_right_btn {
    float: right;
    margin: 3px 10px;
    padding: 0 20px;
    line-height: 33px;
    text-align: center;
    cursor: pointer;
}

.dc_bar_btn:hover {
    background-color: #ddd;
}

.dc_topbar_catcontrols {
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: right;
    margin-right: 50px;
}

.dc_topbar_catmaklab {
    float: left;
    margin-right: 5px;
}

.dc_topbar_catmaksel {
    float: left;
    width: 100px;
    margin-right: 20px;
}

.dc_topbar_catnamlab {
    float: left;
    margin-right: 5px;
}

.dc_topbar_catnamsel {
    float: left;
    width: 100px;
}

.dc_topbar_catbtn {
    float: left;
}

#icon_menu {
	display:none;
}

.dc_topbar_logoutbtn {
}

.dc_topbar_litbtn {
    position: absolute;
    cursor: pointer;
    width: 100px;
    right: 600px;
    top: 5px;
    bottom: 5px;
    text-align: center;
    line-height: 28px;
}

.dc_bar_separator {
    float: right;
    margin: 7px 20px;
    border-right: 1px solid #ccc;
    height: calc(100% - 14px);
}

.dc_topbar_prjnamlab {
    position: absolute;
    left: 260px;
    text-align: right;
}

.dc_separator {
    border-bottom: 1px solid #ccc;
    margin: 30px 0px;
}

.dc_medium_separator {
    border-bottom: 1px solid #ccc;
    margin: 15px 0px;
}

.dc_medium_secondary_separator {
    border-bottom: 1px solid #ccc;
    margin: 8px 5px;
}

.dc_narrow_separator {
    border-bottom: 1px solid #ccc;
    margin: 5px 0px;
}

.dc_scenetree_panel {
    overflow-x: auto;
    overflow-y: auto;
}

.dc_itemprops_panel {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow-x: auto;
    overflow-y: auto;
}

.dc_propspanel_empty {
    margin-top: 20px;
    text-align: center;
}

.dc_elem_name {
    margin: 0 0 20px;
    border-bottom: 1px solid #999;
    padding: 20px 0 30px;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #444;
}

.dc_elem_name div {
    margin-top: 5px;
    font-weight: 600;
    font-size: 11px;
    font-style: italic;
    text-align: center;
}

.dc_elem_name div:before {
    content: "";
    display: block;
    width: 20px;
    margin: auto;
    border-top: 1px solid #999;
    padding-top: 5px;
}

.dc_itemprops_edit_panel p {
    margin:0 0 5px;
}

.dc_itemprops_panel p {
    /*----- text-align: center;*/
    text-align: left;
}

.dc_prop_part_btn {
    position: relative;
    cursor: pointer;
    padding: 5px 0px;
    min-height: 32px;
    border-bottom: 1px solid #999;
}

.dc_prop_part_btn:first-of-type {
    border-top: 1px solid #999;
}

.dc_prop_part_btn .tit {
    margin: 7px 0px;
}

.dc_prop_part_desc {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    background:url('../img/arrow-down.png') no-repeat 165px center;
}

.dc_prop_part_desc.opened {
    background:url('../img/arrow-up.png') no-repeat 165px center;
}

.dc_prop_part_grp .dc_prop_part_btn {
    margin-left: 15px;
}

.dc_prop_part_grp .dc_prop_part_desc {
    background-position-x: 150px;
}

.dc_prop_part_tit {
    max-width: 160px;
    font-weight: 500;
}

.dc_prop_part_grp .dc_prop_part_tit {
    max-width: 145px !important;
}

.dc_prop_part_material {
    margin:0 5px 5px;
    font-size:11px;
    font-weight:600;
    text-transform:capitalize;
}

.dc_prop_part_icon {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border:1px solid #ddd;
    background-image: url('placeholder.jpg');
    background-size: 100% 100%;
}

.dc_prop_part_iconos {
    display: none;
    margin: 10px -5px 20px;
}

.dc_prop_part_grp .dc_prop_part_iconos {
    margin-left: -20px !important;
}

.dc_prop_part_grp {
}

.dc_prop_part_grp_tit {
    margin-top: 15px;
    margin-bottom: 5px;
    max-width: 160px;
    font-weight: 500;
}

.dc_rpl_btn {
    position: relative;
    cursor: pointer;
    margin: 5px 10px;
    min-height: 40px;
}

.dc_rpl_desc {
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.dc_rpl_cat_sel {
    margin: 0px 10px;
    width: 230px;
    height: 30px;
    text-align: center;
    font-weight: bold;
}

.dc_rpl_cat_label {
    margin: 5px 10px;
}

#rpl_cat_sel-dd-placeholder {
    margin-left: 11px;
}

#rpl_cat_sel-dd-placeholder .dd-option-image, #rpl_cat_sel-dd-placeholder .dd-selected-image {
    max-width: 96px;
    max-height: 96px;
}

.dc_show_hide_btn {
    position: relative;
    cursor: pointer;
    margin: 5px 10px;
    min-height: 40px;
}

.dc_show_hide_desc {
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.dc_multiapply_checkbox {
    margin-top: 10px;
    margin-left: 10px;
}

.dc_tool_sec {
    display: flex;
    justify-content: center;
    margin: 0;
    overflow: hidden;
}

.dc_row_param {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.dc_pos_param_block {
    width: 30%;
}

.dc_pos_param_label {
    min-width:20px;
    margin: 2px 0 0 !important;
    text-align: center !important;
}

.dc_pos_param_input {
    box-sizing: border-box;
    width: 100%;
    color: black;
}

.dc_pos_param_input.modified {
    color: blue !important;
}

.dc_pos_param_input:read-only {
    color: #888 !important;
}

.dc_pos_param_apply {
}

.dc_row_param.dc_row_param_cols {
    flex-wrap: wrap;
}

.dc_row_param_cols .dc_parinput_panel {
    display: block;
    width: 33%;
    text-align: center;
}

.dc_row_param_cols .dc_parinput_panel.dc_parinput_panel_inline {
    text-align:left;
}

.dc_row_param_cols .dc_parinput_panel.dc_parinput_panel_inline.dc_parinput_panel_right {
    text-align:right;
}

.dc_row_param_cols .dc_parinput_label {
    width: 100%;
    margin: 12px auto 10px !important;
    text-align: center;
}

.dc_row_param_cols .dc_parinput_input {
    width: 75%;
    text-align: center;
}

.dc_row_param_cols .dc_parinput_panel.dc_parinput_panel_inline .dc_parinput_input {
    float:left;
    width: 50px;
    height:24px;
}

.dc_row_param_cols .dc_parinput_panel.dc_parinput_panel_inline.dc_parinput_panel_right .dc_parinput_input {
    float:right;
}

.dc_row_param_cols .dc_btn {
    width: 100%;
    margin-top: 15px;
}

.dc_row_param_cols .dc_btn.dc_btn_dir {
    float:left;
    width:inherit;
    margin-top:0;
}

.dc_row_param_cols .dc_parinput_panel_right .dc_btn.dc_btn_dir {
    float:right;
}

.dc_row_pos_mode {
    display: flex;
    justify-content: space-between;
    /*margin: 10px 0;*/
    margin: 10px 0 0;
}

.dc_row_pos_mode_xy_xz_z_rot {
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    margin: 10px 0;
}


/* ///// Reubicar ///// */

.row_vertical_center {
    display:flex;
    align-items:center;
    min-height:40px;
}

.flex_justify_content_space_between {
    justify-content:space-between;
}


.dc_seg_edit {
    /*display: inline-block;*/
    display:flex;
    /*height: 40px;*/
}

.dc_seg_edit .dc_parinput_input {
    box-sizing:border-box;
    float: left;
    /*width: 80px;*/
    height:24px;
    /*margin-top: 9px;*/
    /*margin-left: 20px;*/
    margin-right: 10px;
}

.leftpane .dc_btn.dc_pos_mode_btn {
    box-sizing: border-box;
    width: 100%;
    height:40px;
    margin:0 0 5px !important;
    /*border:0;*/
    border-color:transparent;
    background-color: #eee;
}

.leftpane .dc_btn.dc_pos_mode_btn.dc_pos_mode_btn_tranxyActive.dc_compact {
    float: left;
    width: 46%;
    height: 40px;
    margin-right: 8% !important;
    line-height: 40px;
}

.leftpane .dc_btn.dc_pos_mode_btn.dc_pos_mode_btn_tranxzActive.dc_compact {
    float: left;
    width: 46%;
    height: 40px;
    line-height: 40px;
}

.leftpane .dc_btn.dc_pos_mode_btn.dc_selected_btn.dc_pos_mode_btn_tranxyActive {
    border:1px solid #08f !important;
}

.leftpane .dc_btn.dc_pos_mode_btn.dc_selected_btn.dc_pos_mode_btn_tranxzActive {
    border:1px solid #80f !important;
}

.leftpane .dc_btn.dc_pos_mode_btn.dc_selected_btn.dc_pos_mode_btn_rotActive {
    border:1px solid #0f0 !important;
}

.leftpane .dc_btn.dc_pos_mode_btn.dc_selected_btn.dc_pos_mode_btn_tranzActive {
    border:1px solid #f00 !important;
}

.leftpane .dc_btn.dc_pos_mode_btn.ptpos_pos1 > div {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    font-size:7px;
    font-weight:900;
}

.dc_pos_mode_sec input[type="radio"] {
    margin: 4px 1px 0 4px;
    vertical-align: text-bottom;
}

.dc_pos_mode_sec label {
    text-transform: capitalize;
}

.leftpane .dc_btn.dc_radio_btn {
    box-sizing: border-box;
    width: 90%;
    margin:0 auto !important;
    border:0 !important;
    border-radius:20px;
    padding:5px 0;
    font-size:8px;
    line-height:normal;
}

 .dc_btn.dc_btn.dc_radio_btn:hover, .dc_btn.dc_radio_btn.dc_selected_btn {
     font-weight:700;
    background-color: #ddd !important;
}

.sides_cube {
    margin:0 auto !important;
    width: 148px;
}

.sides_cube .col {
    width:30px;
    height:30px;
    padding:0;
    margin:1px;
}

.sides_cube .col div {
    border:none !important;
    line-height:1px !important;
    background:none !important;
}

.sides_cube .col div.dc_btn:hover, .sides_cube .col div.dc_btn.dc_selected_btn {
    border:none !important;
    background:#ccc !important;
}

.wrapper_points_cube {
    width:130px;
    margin:0 auto;
}

.points_cube {
    margin:0 -10px !important;
}

.points_cube .col {
    margin-bottom:10px;
    padding:0 5px;
}

.points_cube .col div.dc_btn {
    padding-bottom:100% !important;
    background:#ddd !important;
}

.points_cube .col div.dc_btn:hover, .points_cube .col div.dc_btn.dc_selected_btn {
    border:none !important;
    background:#aaa !important;
}

.dc_makcat_section {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.dc_makcat_icon {
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
}

.dc_makcat_section_top {
    position:absolute;
    left:310px;
    margin:14px 0 0;
}

.dc_makcat_section_top > div {
    position:relative;
    float:left;
    margin:0 10px 0 0;
}

.dc_makcat_icon_top {
    width: 50px;
    height: 50px;
    border:1px solid #ddd;
    background-size: cover;
    cursor:pointer;
}

.dc_makcat_content {
    display:none;
    position:absolute;
    top:65px;
    padding:10px;
    background-color:#fff;
    max-height: 82vh;
    overflow-y: auto;
}

.dc_makcat_content > div {
    display:flex;
    align-items:center;
    margin-bottom:5px;
    padding-right:15px;
    background-color:#fff;
    cursor:pointer;
}

.dc_makcat_content > div:last-child {
    margin-bottom:0;
}

.dc_makcat_content > div:hover {
    background-color:#ddd;
}

.dc_makcat_content > div img {
    width:40px;
    border:1px solid #ddd;
    font-size:11px;
    font-weight:500;
    text-transform:uppercase;
}

.dc_makcat_content > div span {
    white-space:nowrap;
    padding:0 15px 0 10px;
}

.dc_makcat_column {
    width: 100%;
}

.dc_row_grp_elem {
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
}

.dc_grp_elem_btn {
    width: 45%;
}

.dc_ptpos_row {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.dc_ptpos_row_btn {
    width: 45%;
}

.dc_ptpos_offset {
    width: 60px;
}

.dc_pem_align {
    margin-top: 10px;
}

.dc_panel_icon {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 50px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.dc_icon_block
{
    cursor: pointer;
    margin: 0 0 10px;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0 5px;
    vertical-align: top;
}

.dc_icon
{
    box-sizing: border-box;
    margin-top: 0px;
    margin-left: 0px;
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    background-image: url('placeholder.jpg');
    background-size: 100% 100%;
}

.dc_tooltip {
    position: relative;
    display: inline-block;
}
  
.dc_tooltip .dc_tooltiptext {
    visibility: hidden;
    width: 90px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center;
    padding: 5px 0;
    font-size: 11px;
    text-transform: uppercase;
    
    /* Position the dc_tooltip */
    position: absolute;
    z-index: 1;
    top: 55px;
    left: 0;
    right: auto;

    overflow-wrap: break-word;
}

.odd .dc_tooltip .dc_tooltiptext {
    left: auto;
    right: 0;
}
  
.dc_tooltip:hover .dc_tooltiptext {
    visibility: visible;
}  

.dc_tooltip .dc_tooltiptext:hover {
    visibility: hidden;
}

.style_selected
{
    /*border:1px solid #000;*/
    box-shadow: 0px 0px 0px 4px #ff0 inset;
}

/* PartChange dialog */

.dc_pcdialog_panel_icon {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 70px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.dc_pcdialog_icon_block
{
    cursor: pointer;
    margin: 0;
    display: inline-block;
    /*width: 150px;
    height: 190px;*/
    width: 128px;
    height: 192px;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 10px;
}

.dc_pcdialog_icon
{
    margin-top: 10px;
    margin-left: 10px;
    /*width: 128px;
    height: 128px;*/
    width: 107px;
    height: 107px;
    background-image: url('placeholder.jpg');
    background-size: 100% 100%;
}

.dc_pcdialog_icon_block p {
    margin: 8px 5px !important;
    text-align: center;
}


.dc_pcdialog_panel_bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 70px;
    bottom: 0px;
}

.dc_pcdialog_panel_bottom p {
    margin: 0;
    line-height: 50px;
}
.dc_pcdialog_load_button {
    position: absolute;
    cursor: pointer;
    width: 80px;
    right: 0;
    top: 5px;
    bottom: 5px;
    text-align: center;
    line-height: 40px;
}

/* SpaceTex dialog*/

.dc_stdialog_panel_icon {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 70px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.dc_stdialog_icon_block
{
    cursor: pointer;
    margin: 0;
    display: inline-block;
    /*width: 150px;
    height: 190px;*/
    width: 128px;
    height: 160px;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 10px;
}

.dc_stdialog_icon
{
    margin-top: 10px;
    margin-left: 10px;
    /*width: 128px;
    height: 128px;*/
    width: 107px;
    height: 107px;
    background-image: url('placeholder.jpg');
    background-size: 100% 100%;
}

.dc_stdialog_icon_block p {
    margin: 8px 5px;
    text-align: center;
}


.dc_stdialog_panel_bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 70px;
    bottom: 0px;
}

.dc_stdialog_panel_bottom p {
    margin: 0;
    line-height: 50px;
}
.dc_stdialog_load_button {
    position: absolute;
    cursor: pointer;
    width: 80px;
    right: 0;
    top: 5px;
    bottom: 5px;
    text-align: center;
    line-height: 40px;
}

/* CustomTex dialog*/

.dc_ctdialog_panel_icon {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 70px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.dc_ctdialog_icon_block
{
    cursor: pointer;
    margin: 0;
    display: inline-block;
    /*width: 150px;
    height: 190px;*/
    width: 128px;
    height: 160px;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 10px;
}

.dc_ctdialog_icon_block_selected
{
    background-color: #DEF;
}

.dc_ctdialog_icon
{
    margin-top: 10px;
    margin-left: 10px;
    /*width: 128px;
    height: 128px;*/
    width: 107px;
    height: 107px;
    background-image: url('placeholder.jpg');
    background-size: cover;
}

.dc_ctdialog_icon_block p {
    margin: 8px 5px;
    text-align: center;
}


.dc_ctdialog_panel_bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 70px;
    bottom: 0px;
}

.dc_ctdialog_panel_bottom p {
    margin: 0 !important;
    line-height: 40px;
    text-align: right;
}

/* WallPaperTexture dialog*/

.dc_wpdialog_panel_icon {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 70px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.dc_wpdialog_icon_block
{
    cursor: pointer;
    margin: 0;
    display: inline-block;
    /*width: 150px;
    height: 190px;*/
    width: 128px;
    height: 160px;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 10px;
    user-select: none;
}

.dc_wpdialog_icon_block_selected
{
    background-color: #DEF;
}

.dc_wpdialog_icon
{
    margin-top: 10px;
    margin-left: 10px;
    /*width: 128px;
    height: 128px;*/
    width: 107px;
    height: 107px;
    background-image: url('placeholder.jpg');
    background-size: cover;
}

.dc_wpdialog_icon_block p {
    margin: 8px 5px;
    text-align: center;
}


.dc_wpdialog_panel_bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 70px;
    bottom: 0px;
}

.dc_wpdialog_panel_bottom p {
    margin: 0 !important;
    line-height: 40px;
    text-align: right;
}

.dc_wpvariant_frame {
    margin: 0px !important;
    border-bottom: 1px solid #eee;
    user-select: none;
}

.dc_wpvariant_frame p{
    margin: 0px !important;
    line-height: 20px;
}

.dc_wpvariant_cname, .dc_wpvariant_color {
    margin: 2px 0px !important;
    padding: 0px !important;
}

.dc_wpvariant_cname p{
    padding-left: 10px;
}

.dc_wpvariant_color {
    padding-right: 10px !important;
}


/****************/


.dc_lightprops_panel {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow-x: auto;
    overflow-y: auto;
}

.dc_lightprops_main_label {
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.dc_lightprops_section {
    padding: 5px;
    margin-bottom: 10px;
}

.dc_lightprops_label {
}

.dc_lightprops_value {
    float: right;
}

.dc_lightprops_slider {
    width: 97%;
}

.dc_lightprops_checkbox {
    margin-bottom: 10px;
}

.dc_lightprops_save_btn {
}

.dc_delete_elemgrp {
    /*height: 40px;*/
    border-color: #800;
    line-height:30px !important;
    text-align: center;
    color: #800;
    cursor: pointer;
}

.dc_tabpanel_btn_container {
    display: block;
}

.dc_tabpanel_btn {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    line-height: 28px;
    width: 80px;
    height: 28px;
}

.dc_tabpanel_container 
{
	overflow-x: hidden;
	overflow-y: auto;
}

.dc_swpanel_container 
{
    box-sizing: border-box;
    width: auto !important;
	overflow-x: hidden;
	overflow-y: hidden;
}

.leftpane .dc_swpanel_container
{
    padding: 10px;
    overflow-y: auto !important;
}

.dc_sppanel_container 
{
    position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}

/************************/

.dc_filedialog_client {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    height: calc(100% - 65px) !important;
    background: transparent;
    overflow: auto;
    overflow-x: hidden;
}

.dc_filedialog_panel_bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    bottom: 0px;
}

.dc_filedialog_panel_bottom p {
    cursor: pointer;
    margin-left: 20px;
    text-align: left;
}

.dc_filedialog_load_button {
    position: absolute;
    cursor: pointer;
    width: 80px;
    right: 20px;
    top: 5px;
    bottom: 5px;
    text-align: center;
    line-height: 28px;
}

.dc_filedialog_input_filename {
    position: absolute;
    width: 390px;
    right: 120px;
    top: 5px;
    bottom: 5px;
    text-align: left;
    line-height: 23px;
}

/***********************/

.dc_filedialog_panel_fileheader {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    background-color: #eee;
    overflow-y: hidden;
    font-weight: 600;
}

.dc_filedialog_panel_filelist {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    height: calc(100% - 120px);
    margin-bottom: 10px;
    background-color: #eee;
    overflow-y: auto;
}
.dc_filedialog_panel_filelist.dc_client {
    height: calc(100% - 170px);
}

.dc_filelist_entry {
    cursor: pointer;
    line-height: 24px;
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    user-select: none;
}

.dc_feselected {
    background-color: #ccc;
}

.dc_filelist_column {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #fff;
    padding: 5px 10px;
    line-height: 1.2em;
    overflow-x: clip;
}

.dc_fcname {
    width: 200px;
    padding-left: 20px;
}
.dc_fcflags {
    width: 33px;
    padding-left: 10px;
}
.dc_fcsize {
    width: 100px;
    text-align: right;
    padding-right: 20px;
}
.dc_fcdate {
    width: 150px;
    padding-left: 20px;
}

.dc_fcicon {
    color: #666;
    width: 35px;
    text-align: center;
    font-size: 15px;
    padding: 5px 0px;
}
.dc_fcicon.disabled {
    color: #AAA;
    cursor: default;
}
.fa.x-mirrored {
    transform: scale(-1, 1);
}

.dc_filedialog_left {
    float: left;
    width: 300px;
    height: 100%;
}

.dc_filedialog_right {
    float: right;
    width: 570px;
    height: 100%;
}

.dc_filedialog_folder_buttons {
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    user-select: none;
}

.dc_filedialog_folder_button {
    cursor: pointer;
    border-left: 1px solid white;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    padding: 5px 10px;
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
}

.dc_filedialog_folder_button:first-child {
    border-left: none;
}

.dc_filedialog_panel_folderheader {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    background-color: #eee;
    overflow-y: hidden;
    font-weight: 600;
}

.dc_filedialog_panel_folderlist {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    margin-bottom: 10px;
    background-color: #eee;
    height: calc(100% - 275px);
    min-height: 60px;
    overflow-y: auto;
}

.dc_filedialog_panel_thumbnail {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    margin-bottom: 10px;
    background-color: #eee;
    height: 200px;
    overflow-y: auto;
}

.dc_filedialog_panel_bottom {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    left: auto;
    right: auto;
    height: 50px;
    bottom: auto;
    padding: 5px 0;
}

.dc_filedialog_load_button {
    position: relative;
    /*float: right;*/
    width: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border: none;
    margin-left: 10px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #555;
}

.dc_filedialog_panel_bottom p {
    box-sizing: border-box;
    float: left;
    width: auto;
    max-width: 100px;
    margin: 0 !important;
    padding-right: 10px;
    text-align: left;
    line-height: normal;
}

.dc_filedialog_input_filename {
    box-sizing: border-box;
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100% !important;
    height: 40px;
    margin: 0;
    padding: 0 10px;
    text-align: left;
}

.dc_filedialog_panel_client {
    box-sizing: border-box;
    position: relative;
    left: auto;
    right: auto;
    height: 50px;
    bottom: auto;
    padding: 5px 0;
}

.dc_filedialog_client_button {
    position: relative;
    cursor: pointer;
    float: right;
    width: 100px;
    margin-left: 10px;
    right: auto;
    top: auto;
    bottom: auto;
    border: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #555;
}

.dc_filedialog_panel_client p {
    box-sizing: border-box;
    float: left;
    width: 80px;
    margin: 0 !important;
    padding-right: 10px;
    text-align: left;
    line-height: 40px;
}

.dc_filedialog_client_filename {
    box-sizing: border-box;
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    width: 270px !important;
    height: 40px;
    margin: auto;
    padding: 0 10px;
    text-align: left;
}

.dc_filedialog_panel_export, .dc_filedialog_panel_import {
    box-sizing: border-box;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    height: 50px;
    padding: 5px 0;
}

.dc_filedialog_export_all_button, .dc_filedialog_import_all_button {
    box-sizing: border-box;
    position: relative;
    float: right;
    width: auto;
    height: 40px;
    right: auto;
    top: auto;
    bottom: auto;
    border: 1px solid #555;
    padding: 0 15px;
    text-align: center;
    line-height: 38px;
    font-weight: 500;
    color: #555;
    cursor: pointer;
}

.dc_conf_auth_dialog {
    width: 100%;
    background-color: #fff;
}

/***********************/

.dc_importdialog_button, .dc_exportdialog_button {
    box-sizing: border-box;
    position: relative;
    width: auto;
    height: 40px;
    right: auto;
    top: auto;
    bottom: auto;
    border: 1px solid #555;
    padding: 0 15px;
    text-align: center;
    line-height: 38px;
    font-weight: 500;
    color: #555;
    cursor: pointer;
}

.dc_importdialog_button {
    float: right;
    margin-left: 10px;
}

.dc_exportdialog_button {
    float: left;
    margin-right: 10px;
}

/***********************/

#modebar {
    display:flex;
    justify-content:space-evenly;
}

.dc_master_mode:hover {
    background-color: #DDD
}

.dc_master_mode {
    float: left;
    line-height: 39px;
    padding: 0px 12px;
    height: 39px;
    text-transform: uppercase;
    user-select: none;
}

.dc_master_mode.selected {
    font-weight: bold;
    color: #024;
}

/***********************/

#tabpane, #viepane {
    background-color: #ddd;
    border-right: 0px !important;
}

.dc_tab_btn.dc_selected_tab_btn {
    background-color: #FFF !important;
}

/***********************/

.leftpane .dc_btn
{
    margin-bottom: 10px;
    border: 1px solid #ccc;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.dc_tools_mode_sec {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    overflow: hidden;
}

.dc_btn_icon.dc_insettools_mode {
    margin-right:8px;
}

.dc_btn_icon.dc_piltools_mode {
    margin-right:8px;
}

.dc_btn_icon.dc_beamtools_mode {
    margin-right:8px;
}

.dc_tools_mode_btn:hover {
    background-color: #ddd;
}

#selectionPanel {
    font-size: 10px;
}

.ae3p_roomsel_parent {
    margin-bottom:5px;
}

#ae3p_add_pos_mode_panel {
    font-size: 10px;
}

#ae3p_add_pos_mode_panel > div:first-child,
#ae3p_add_pos_mode_panel .dd-selected label {
    display:none;
}

#ae3p_add_pos_mode_panel .dd-select {
    display:flex;
    align-items:center;
    width:55px !important;
    min-height:30px;
    margin-right:10px;
    border-radius:0 !important;
    border:1px solid #ccc;
    border-top-color:#fff;
    border-left-color:#fff;
}

.dd-option-image, .dd-selected-image, #int_scheme_icon {
    filter:grayscale(100%);
}

#int_scheme_sepchoices .dd-option-image {
    max-height: 40px;
}

#int_scheme_sepchoices .dd-selected-image {
    max-height: 55px;
}

#ae3p_add_pos_mode_panel .dd-pointer {
    right: 5px;
}

#ae3p_seladd.dc_btn_action img {
    max-width:20px !important;
}

#ae3p_add_pos_mode_select {
    border: 1px solid #ccc;
    width: 100%;
    font-size: 12px;
    margin-bottom: 4px;
}

#ae3p_add_pos_mode_select-dd-placeholder {
    width: auto !important;
    margin-bottom: 4px;
}

.dc_parinput_panel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2px;
}

.dc_options_panel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
}

.dc_parinput_panel_col {
    flex-direction: column;
    align-items: center;
}

.dc_parinput_panel p {
    margin: 0 0 2px !important;
    text-transform: capitalize;
}

.dc_parinput_panel input, .dc_options_panel input {
    box-sizing: border-box;
    width:36px;
    min-height: 20px;
    border: 1px solid #ccc;
    padding-left: 3px;
    font-family: Verdana, Montserrat, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.dc_options_panel input {
    width: auto;
}

.dc_parinput_panel.dc_parinput_panel_col input {
    width: 100%;
    text-align: center;
}

.dc_parinput_label {
    width: auto;
    margin: 12px 10px 10px 0 !important;
    text-align: left;
    text-transform: capitalize;
}

.dc_parinput_state {
    color: #c00 !important;
    width: auto;
    margin: 5px 0 0 !important;
    text-align: left;
    text-transform: lowercase;
}

.dc_parinput_input {
    width: 50px;
    text-align: center;
}

.dc_parinput_input:read-only {
    background-color: #CCC;
    color: #444;
}

.dc_parinput_select {
    width: 60px;
    text-align: center;
}

.dc_par_btn {
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.dc_par_btn:hover {
    background-color: #fff;
}

.dc_spcstyle_rgrp {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.dc_spcstyle_rbtn {
    width: 45%;
}

.dc_spcstyle_rbtn.checked {
    background-color: #ddd;
}

.dc_spcstyle_col {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 128px;
    margin: auto;
    border: none;
    padding: 0;
    cursor: pointer;
}

.dc_spcstyle_tex {
     box-sizing: border-box;
    display: block;
    width: 100%;
    height: 128px;
    margin: auto;
    border: 1px solid #ddd;
    background-size: cover;
    cursor: pointer;
}

.dc_p2_param {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.dc_p2_param2 {
    display: flex;
    margin-bottom: 10px;
    justify-content: flex-start;
    gap: 10px;
}

.dc_p2_width100 {
    width: 100% !important;
}

.dc_p2_input {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

.dc_plan2_label_c {
    margin: 20px 0 12px 0;
}

.dc_p2_input_label {
    margin-top: 3px;
}

.dc_plan2_resize_input {
    
}

.dc_arr_left  { background: url("../img/iconos/icon-node-left.png") no-repeat center; }
.dc_arr_right { background: url("../img/iconos/icon-node-right.png") no-repeat center; }
.dc_arr_up    { background: url("../img/iconos/icon-node-up.png") no-repeat center; }
.dc_arr_down  { background: url("../img/iconos/icon-node-down.png") no-repeat center; }
.dc_arr_left_down  { background: url("../img/iconos/icon-node-left-down.png") no-repeat center; }
.dc_arr_right_down { background: url("../img/iconos/icon-node-right-down.png") no-repeat center; }
.dc_arr_left_up    { background: url("../img/iconos/icon-node-left-up.png") no-repeat center; }
.dc_arr_right_up   { background: url("../img/iconos/icon-node-right-up.png") no-repeat center; }

.dc_wall_to_left  { background: url("../img/iconos/icon-wall-thickness-to-left.png") no-repeat center; }
.dc_wall_to_right { background: url("../img/iconos/icon-wall-thickness-to-right.png") no-repeat center; }
.dc_wall_to_up    { background: url("../img/iconos/icon-wall-thickness-to-up.png") no-repeat center; }
.dc_wall_to_down  { background: url("../img/iconos/icon-wall-thickness-to-down.png") no-repeat center; }
.dc_wall_to_left_down  { background: url("../img/iconos/icon-wall-thickness-to-left-down.png") no-repeat center; }
.dc_wall_to_right_down { background: url("../img/iconos/icon-wall-thickness-to-right-down.png") no-repeat center; }
.dc_wall_to_left_up    { background: url("../img/iconos/icon-wall-thickness-to-left-up.png") no-repeat center; }
.dc_wall_to_right_up   { background: url("../img/iconos/icon-wall-thickness-to-right-up.png") no-repeat center; }

#plan2_edge_len_val {
    height: 30px;
}

#plan2_edge_resize_i, #plan2_edge_resize_f {
    width: 36px;
    height: 36px;
    margin-bottom: 0px !important;
}

/**********************************************/

#plan2_edge_thick_i, #plan2_edge_thick_f {
    width: 36px;
    height: 36px;
    margin-bottom: 0px !important;
}

.dc_p2_sloof_activate {
    margin-top: 5px;
    margin-bottom:5px;
}

#p2_sloof_height, #p2_sloof_depth {
    height: 30px;
}

#p2_sloof_apply {
    width: 100px;
    height: 25px;
    line-height: 25px;
}

/**********************************************/

.dc_acud_panel {
    width: 100%;
    background-color: #fff;
}

.dc_acud_label {
    display: inline-block;
    width: 130px;
    text-align: right;
    margin-right: 5px;
}

.dc_acud_input {
    height: 20px !important;
    width: calc(100% - 140px) !important;
}

.dc_acud_btn {
    width: 440px;
}

.dc_acud_tarea {
    box-sizing: border-box;
    width: calc(100% - 140px) !important;
}

/***********************************/

.dc_tab_btn {
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.dc_tab_btn:hover {
    background-color: #ddd;
}

.dc_tab_sep {
    background-color: #ddd;
    margin: 20px 0;
    height: 1px;
}

/***********************************/

.dc_gui_panel {
    padding: 5px;
}

/***********************************/

.dc_ip2_append {
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

/***********************************/

.dc_side_cat_code {
    display: inline-block;
    margin:0 5px;
}

.dc_side_cat_del {
    display: inline-block;
    width: 20px;
}

.dc_side_cat_add {
    box-sizing: border-box;
    display: inline-block;
    width: 72px;
    height: 24px;
    line-height: 24px !important;
}

.dc_selelem_code {
    display: inline-block;
    padding-top: 7px;
}

.dc_selelem_clone {
    box-sizing: border-box;
    display: inline-block;
    width: 62px;
    height: 24px;
    line-height: 24px !important;
}

.dc_side_cat_add, .dc_selelem_clone2 {
    display: flex;
    align-items: center;
    width: auto;
}

.dc_side_cat_add img, .dc_selelem_clone2 img {
    margin:0 3px;
}

#ae3p_code {
    box-sizing: border-box;
    /*width: 106px;
    height: 28px;*/
    width: 100%;
    height: 24px;
    border:1px solid #ccc;
    padding:0 5px;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #08F !important;
    color: #ffffff;
}

/***********************************/

.dc_tbp_AR {
    background: url("../img/iconos/icon-arbol.png") no-repeat center center / cover;
}

.dc_tbp_AM {
    background: url("../img/iconos/icon-posicion.png") no-repeat center center / cover;
}

.dc_tbp_AC {
    background: url("../img/iconos/icon-acabados.png") no-repeat center center / cover;
}

.dc_tbp_PO {
    background: url("../img/iconos/icon-posicion.png") no-repeat center center / cover;
}

.dc_tbp_PT {
    background: url("../img/iconos/icon-por-punto.png") no-repeat center center / cover;
}

.dc_tbp_PA {
    background: url("../img/iconos/icon-parametricos.png") no-repeat center center / cover;
}

.dc_tbp_LU {
    background: url("../img/iconos/icon-luces.png") no-repeat center center / cover;
}

.dc_tbp_RM {
    background: url("../img/iconos/btn-measures.png") no-repeat center center / auto;
}

.dc_tbp_LS {
    background: url("../img/iconos/btn-laser.png") no-repeat center center / auto;
}

.dc_tbp_CM {
    background: url("../img/iconos/icon-person.png") no-repeat center center / cover;
}

.dc_tbp_KN {
    background: url("../img/iconos/icon-kitchen.png") no-repeat center center / cover;
}

.dc_tbp_WC {
    background: url("../img/iconos/icon-wallclip.png") no-repeat center center / cover;
}

.dc_tbp_BP {
    background: url("../img/iconos/icon-blueprint.png") no-repeat center center / cover;
}

.dc_tbp_OR {
    background: url("../img/iconos/icon-2d.png") no-repeat center center / cover;
}

.dc_tbp_PE {
    background: url("../img/iconos/icon-3d.png") no-repeat center center / cover;
}

.dc_tbp_UR {
    background: url("../img/iconos/icon-dcrender.png") no-repeat center center / cover;
}


/****************** PRESUPUESTOS ******************/
body#pag_presupuesto {
    overflow: auto;
}

#pag_presupuesto .dc_topbar_logo {
    margin-left: 0;
}

#pag_presupuesto h1 {
    clear: both;
    margin: 0 0 10px;
    font-weight: 300;
}

/*.image_budget img {
    max-width: 800px !important;
}*/

.datos_cliente {
    box-sizing: border-box;
    min-height: 130px;
    border: 1px dashed #ddd;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5em;
}

#pag_presupuesto .logo_tienda {
    width: 100%;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#pag_presupuesto tr.row_optional {
    /*background-color:#f6f6f6;*/
}

#pag_presupuesto th, #pag_presupuesto td {
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    vertical-align: top;
    text-align: left;
}

#pag_presupuesto .without_line th, #pag_presupuesto .without_line td {
    border-bottom: none;
}

#pag_presupuesto #observaciones th, #pag_presupuesto #observaciones td {
    border-bottom: none;
}

#pag_presupuesto td {
    font-weight: 500;
}

#pag_presupuesto #observaciones td.editable {
    height:100px;
    border: 1px solid #ccc;
}

#pag_presupuesto .editable:hover {
    background:#ddd;
    cursor: cell;
}

#pag_presupuesto .editable:focus-visible {
    border:3px solid #999 !important;
    outline:none;
}

#pag_presupuesto td.editable div:first-of-type {
    margin-top:4px;
}

#pag_presupuesto td.editable div:last-of-type {
    margin-bottom:4px;
}

#pag_presupuesto td .especiales, #pag_presupuesto td .cortes, #pag_presupuesto td .simetrias {
    text-transform:uppercase;
}

#pag_presupuesto textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    resize: vertical;
}

#pag_presupuesto input[type="number"] {
    box-sizing: border-box;
    border: 1px solid #ddd;
    height: 30px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

#pag_presupuesto input[type="text"] {
    box-sizing: border-box;
    border: none;
    height: 30px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

#pag_presupuesto td span.texto_acabados {
    font-weight: 400;
}

#pag_presupuesto pre {
    display:inherit;
    margin:0;
    padding:0;
    font-family:inherit;
    white-space:inherit;
}

#pag_presupuesto .thumbnail_pres_row img {
	display: block;
}

#pag_presupuesto .qty {
	width:45px !important;
}

#pag_presupuesto td.aun, #pag_presupuesto td.imp {
    padding-top:18px;
}

th.align_right, td.align_right {
    /*padding-right: 15px !important;*/
    text-align: right !important;
}

th.align_right:last-child, td.align_right:last-child {
    padding-right: 0 !important;
}

.subtotales {
    font-size: 14px;
    text-align: right;
    color: #000;
}

.totales, .totales td {
    font-size: 14px;
    font-weight: 600 !important;
    text-align: right;
}

.dc_btn_row, .dc_btn_col {
    /*box-sizing: border-box;*/
    display: inline-block;
    width:16px;
    height:16px;
    margin-top:3px;
    margin-right:5px;
    border:1px solid #ccc;
    font-size:15px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    cursor:pointer;
}

.dc_btn_col {
    display: block;
    margin: 0 !important;
    border:none;
    vertical-align: bottom;
}

.dc_btn_row:hover, .dc_btn_col:hover {
    background: #ccc;
}

.dc_btn_remove_row {
    font-size:20px;
    line-height: 13px;
}

.table_hide, .row_hide, .col_hide {
    opacity: .3;
}

/****************** LOADER ******************/
#loader {
    height:100vw;
    background-color:#eee;
    text-align: center
}

.loader {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100px;
    height:100px;
    margin:auto;
    border:5px solid transparent;
    border-radius:100%;
    background:
    linear-gradient(#eee 0 0) padding-box, /*this is your grey background*/
    linear-gradient(to right, #039be5 0%, #039be5 50%, transparent 90%) border-box;
    animation:loader .75s 100 ease forwards;
}
@keyframes loader {
    100% { transform:rotate(360deg); }
}

/*************************************/

.dc_dialog h2 {
    margin: 60px 0 40px;
    border-bottom:3px solid #000;
	padding-bottom:20px;
	font-size:21px;
}

.dc_dialog h3 {
	margin: 30px 0 5px;
	font-size: 16px;
}

.dc_dialog p {
	margin: 0 0 20px;
}

.dc_consultdlg_textarea {
    width: 100%;
    resize: none;
}

.dc_consultdlg_send_button {
    position: relative;
    float: right;
    width: 100px;
    right: auto;
    top: auto;
    bottom: auto;
    border: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #555;
}

/*************************************/

.dc_user_panel_bg {   
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    background-color: #888888;
    opacity: 1%;
}

.dc_user_panel {
    position: absolute;
    background-color: #FFFFFF;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.dc_user_panel_client {
    margin: 20px 20px;
    text-align: center;
}

.dc_user_panel_client #prefs {
    word-wrap: break-word;
}

.dc_user_panel_button {
    width: 100%;
    border: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #555;
    cursor: pointer;
}

/*************************************/

.dc_client_mgr_dlg_bg {   
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    background-color: #888888;
    opacity: 60%;
    z-index: 999;
}

.dc_client_mgr_dlg {
    padding: 10px 20px;
    position: absolute;
    background-color: #FFFFFF;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    z-index: 999;
    box-sizing: border-box;
}

.dc_client_mgr_dlg .dc_btn {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.dc_client_mgr_dlg .client_frame {
    background-color: #EEE;
    width: 100%;
    height: calc(100% - 190px);
    margin-bottom: 50px;
}

.dc_client_mgr_dlg #panel_client_header {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    background-color: #eee;
    overflow-y: hidden;
    font-weight: 600;
}

.dc_client_mgr_dlg #panel_client_list {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    height: 100%;
    margin-bottom: 10px;
    background-color: #eee;
    overflow-y: auto;
}

.dc_client_list_entry {
    cursor: pointer;
    line-height: 24px;
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    user-select: none;
}

.dc_ceselected {
    background-color: #ccc;
}

.dc_client_list_column {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #fff;
    padding: 5px 5px;
    line-height: 1.2em;
    overflow-x: clip;
    text-overflow: clip;
}

.dc_ccid { width: 70px; }
.dc_ccdn { width: 90px; }
.dc_ccte { width: 90px; }
.dc_cczi { width: 60px; }
.dc_ccna { width: 120px; }
.dc_ccla { width: 120px; }
.dc_ccad { width: 120px; }
.dc_cclo { width: 120px; }
.dc_ccst { width: 120px; }
.dc_ccem { width: 120px; }

.dc_client_mgr_dlg input {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    border: none;
    padding: 0 10px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 38px;
    color: #000;
    background-color: #eee;
}
/*************************************/

.dc_ortho_section_parent {
    position: absolute;
    bottom: 0px;
    padding-right: 15px;
}

/*************************************/

#copyright, #legal_link, #privacy_link, #cookies_link {
    font-size: 10px;
    color: #000;
    /*text-transform: uppercase;*/
}

#response_message {
    font-weight: 600;
    line-height: 40px;
    color: #f00;
}

.dc_dlg_alert_dialog, .dc_dlg_confirm_dialog,
.dc_multichoice_dialog, .dc_dlg_prompt_dialog {
    max-width:50vw;
    max-height:95vh;
}

.dc_dlg_alert_message, .dc_dlg_confirm_message,
.dc_dlg_multichoice_message, .dc_dlg_prompt_message {
    max-height: calc(95vh - 100px);
    overflow:auto;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.dc_dlg_prompt_edit {
    width: 100%;
}

.dc_dlg_alert_btn_ok, .dc_dlg_confirm_btn_yes, .dc_dlg_confirm_btn_no,
.dc_dlg_multichoice_btn, .dc_dlg_prompt_btn_ok, .dc_dlg_prompt_btn_cancel {
    min-width: 100px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.dc_dlg_alert_btn_no, .dc_dlg_confirm_btn_no,
.dc_dlg_multichoice_btn, .dc_dlg_prompt_btn_cancel {
    margin-left: 10px;
}

.dc_dlg_multichoice_btn:first-of-type {
    margin-left: 0px !important;
}

.dc_stordets_store_logo {
    width: 100%;
    height: 205px;
    background-color: #DEE;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/*************************************************************/

.dc_dlg_cmcols_dialog {
    max-width:50vw;
    max-height:95vh;
}

.dc_dlg_cmcols_message {
    max-height: calc(95vh - 100px);
    overflow:auto;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.dc_dlg_cmcols_btn_yes {
    min-width: 100px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.dc_dlg_cmcols_panel_parent {
    width: 250px;
    margin: 10px auto 0px; 
}

/*************************************************************/

#btn_upload_store_logo {
    float: right;
}

/*************************************************************/

.shped_parent_panel {
    box-sizing: border-box;
    padding: 10px;
    overflow-y: auto !important;
}

.shped_panel .dc_btn {
    width: auto !important;
    text-transform: none !important;
}

/*************************************************************/

.opl_parent_panel {
    box-sizing: border-box;
    padding: 10px;
    overflow-y: auto !important;
}

.opl_panel .dc_btn {
    width: auto !important;
    text-transform: none !important;
    color: #333 !important;
}

.opl_panel .dc_btn_apply {
    margin-bottom: 10px !important;
}

.opl_section {
    background-color: #eee;
}

/*************************************************************/

.int_parent_panel {
    box-sizing: border-box;
    padding: 10px;
    overflow-y: auto !important;
}

.int_panel .dc_btn {
    width: auto !important;
    text-transform: none !important;
    color: #333 !important;
}

.int_panel .dc_btn_apply {
    margin-bottom: 10px !important;
}

.int_panel p {
    margin: 10px 0 5px 0 !important
}

.int_section {
    user-select: none;
    background-color: #eee;
}
.int_section.selected {
    background-color: #ffc;
}
.int_sel_panel {
    background-color: #ffc;
}
.int_spc_desc {
    text-align: center;
}
.int_symbol_btn {
    cursor: pointer;
}
.int_panel input {
    line-height: normal;
}
.int_offset_input {
    min-height: 20px !important;
    height: auto !important;
    margin-top: 8px !important;
    border: 1px solid #CCC !important;
    font-size: 12px !important;
    text-align: center;
}
.int_simm_x {
    margin-top: 11px;
    width: 13px;
    height: 13px;
    background: url("../img/iconos/btn-simm-x-mini.png") no-repeat center center / auto;
}
.int_simm_x.selected {
    background: url("../img/iconos/btn-simm-x-mini-inv.png") no-repeat center center / auto !important;
}


/*************************************************************/

.fro_parent_panel {
    box-sizing: border-box;
    padding: 10px;
    overflow-y: auto !important;
}

.fro_panel .dc_btn {
    width: auto !important;
    text-transform: none !important;
    color: #333 !important;
}

.fro_panel .dc_btn_apply {
    margin-bottom: 10px !important;
}

.fro_panel p {
    margin: 10px 0 5px 0 !important
}

.fro_section {
    user-select: none;
    background-color: #eee;
}
.fro_section.selected {
    background-color: #ffc;
}
.fro_sel_panel {
    background-color: #ffc;
}
.fro_spc_desc {
    text-align: center;
}
.fro_symbol_btn {
    cursor: pointer;
}
.fro_simm_x {
    margin-top: 11px;
    width: 13px;
    height: 13px;
    background: url("../img/iconos/btn-simm-x-mini.png") no-repeat center center / auto;
}
.fro_simm_x.selected {
    background: url("../img/iconos/btn-simm-x-mini-inv.png") no-repeat center center / auto !important;
}
.fro_offset_input {
    text-align: center;
    height: 20px !important;
    margin-top: 8px !important;
    font-size: 12px !important;
    border: 1px solid #CCC !important;
}

/*************************************************************/

.rm_move_xyz.selected {
    background-color: #FFA !important;
}

.rm_color_x { color: #C00; }
.rm_color_y { color: #080; }
.rm_color_z { color: #00F; }

.rm_measure_label {
    text-align: center;
    margin-bottom: 5px;
}

.rm_measure_display {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    line-height: 40px;
    text-align: center;
    user-select: none;
}

.rm_slider {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
}

/*************************************************************/

.clip_mode.selected {
    background-color: #FFA !important;
}

/*************************************************************/

.dc_sub_btn {
	width:100%;
	border:1px solid #ccc;
	font-weight:600;
	font-size:10px;
	line-height:20px;
	text-align:center;
	color:#333;
	cursor:pointer;
	user-select:none;
    padding: 0px !important;
    margin: 0px !important;
}

.dc_sub_input {
	width:100%;
	border:1px solid #ccc;
	font-size:11px;
	line-height:20px;
	text-align:center;
	color:#222;
	cursor:pointer;
	user-select:none;
    padding: 0px !important;
    margin: 0px !important;
}

/*************************************************************/

.cm_parent_panel {
    box-sizing: border-box;
    padding: 10px;
    overflow-y: auto !important;
}

.cm_panel .dc_btn {
    width: auto !important;
    /*text-transform: none !important;*/
}

.cm_panel .cm_panel_title {
    border-bottom:1px solid #ccc;
    padding-bottom:3px;
    font-weight:700;
    font-size:16px;
    color:#444;
}

.cm_panel .cm_panel_title span {
    display:block;
    font-weight:500;
    font-size:13px;
}

.cm_panel label {
    font-weight:600;
    line-height:40px;
}

.cm_section {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding:5px 0;
    background-color: #eee;
}

.cm_section p {
    margin:0;
}

.cm_section .dc_btn {
    margin-bottom:0;
}

/*************************************************************/

.cp_parent_panel {
    box-sizing: border-box;
    padding: 10px;
    overflow-y: auto !important;
}

.cp_panel .dc_btn {
    width: auto !important;
    /*text-transform: none !important;*/
}

.cp_panel .cp_panel_title {
    border-bottom:1px solid #ccc;
    padding-bottom:3px;
    font-weight:700;
    font-size:16px;
    color:#444;
}

.cp_panel .cp_panel_title span {
    display:block;
    font-weight:500;
    font-size:13px;
}

.cp_panel label {
    font-weight:600;
    line-height:40px;
}

.cp_section {
    background-color: #eee;
}

/*************************************************************/

.dc_share_link_request_panel {
    margin-top: 30px;
}

/*************************************************************/

.dc_share_link_result_panel {
    margin-top: 30px;
}

/*************************************************************/

#pospanel_pos_lock {
    font-size: 16px;
    cursor: pointer;
}

#pospanel_pos_lock.fa-lock {
    color: #CC0000;
}

/*************************************************************/

.kit_sep_2  { height:  2px; }
.kit_sep_4  { height:  4px; }
.kit_sep_6  { height:  4px; }
.kit_sep_8  { height:  8px; }
.kit_sep_10 { height: 10px; }
.kit_sep_12 { height: 12px; }
.kit_sep_14 { height: 14px; }
.kit_sep_16 { height: 16px; }
.kit_sep_18 { height: 18px; }

.kit_inp_1_2 {
    display: inline-block;
    width: 112px;
}

.kit_lab_1_2 {
    display: inline-block;
    width: 120px;
}

.kit_inp_1_3 {
    display: inline-block;
    width: 72px;
}

.kit_lab_1_3 {
    display: inline-block;
    width: 80px;
}

.kit_cb_lab {
    position: relative;
    top: -2px;
}

.kit_btn_1_1 {
    width: 240px;
    height: 24px;
}

.dcr_btn_1 {
    width: 250px;
    height: 30px;
}

/*************************************************************/

.dcr_panel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 640px;
    height: 100%;
    background-color: #FFF;
    border-right: 1px solid #CCC;
    user-select: none;
    z-index: 100;
}

.dcr_gray { background-color:gray; }

.dcr_sep_1  { height:  1px; }
.dcr_sep_2  { height:  2px; }
.dcr_sep_4  { height:  4px; }
.dcr_sep_6  { height:  6px; }
.dcr_sep_8  { height:  8px; }
.dcr_sep_10 { height: 10px; }
.dcr_sep_12 { height: 12px; }
.dcr_sep_14 { height: 14px; }
.dcr_sep_16 { height: 16px; }
.dcr_sep_18 { height: 18px; }
.dcr_sep_20 { height: 20px; }

.dcr_sec_slider {
    display: inline-flex;
    align-items: center;
}

#dcr_sec_slider_azim {
    width: 300px;
}

#dcr_sun_lab_azim, #dcr_sun_lab_elev, #dcr_sun_lab_int {
    margin-right: 5px;
    font-size: 1em;
    min-width: 40px;
}

#dcr_sun_sld_azim, #dcr_sun_sld_elev, #dcr_sun_sld_int {
    vertical-align: middle;
    width: 200px;
}

#dcr_sun_val_azim, #dcr_sun_val_elev, #dcr_sun_val_int {
    margin-left: 5px;
    font-size: 1em;
    line-height: 1;
    position: relative;
    top: 2px;
}

.dcr_btn {
    display: inline-block;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 10px 5px;
    background-color: #DDD;
    padding: 0px 10px;
    border: 1px solid #888;
    border-radius: 5px;
}

.dcr_tab {
    display: inline-block;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 0px -5px;
    background-color: #F8F8F8;
    padding: 0px 15px;
    border: 1px solid #888;
    border-bottom: transparent;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.dcr_tab:first-child {
    margin-left: 5px;
}


.dcr_btn:hover {
    background-color: #CCC;
}

.dcr_btn:active {
    background-color: #AAA;
}

.dcr_selected {
    position: relative;
    background-color: #FFA;
    z-index: 1;
}

.dcr_tabpanel {
    background-color: #FFF;
    /*width: calc(100% - 20px);*/
    height: calc(100% - 86px);
    overflow-x: hidden;
    overflow-y: scroll;
}

#dcr_tabpanel_sun {
    margin-left: 20px;
}

.dcr_wv2d_frame {
    margin-left: 15px;
    margin-top: 10px;
}

.dcr_wv2d_parent {
    width: 600px;
    height: 400px;
    border: 1px solid #888;
    background: #CAA;
}

.dcr_overlay, .dcr_renderer {
    position: absolute
}

.dcr_overlay {
    background-color: transparent;
}

#dcr_sec_slider_lit_int {
    width: 300px;
}

#dcr_lit_lab_int, #dcr_lit_lab_temp {
    margin-right: 5px;
    font-size: 1em;
    min-width: 40px;
}

#dcr_lit_sld_int, #dcr_lit_sld_temp {
    vertical-align: middle;
    width: 200px;
}

#dcr_lit_val_int, #dcr_lit_val_temp {
    margin-left: 5px;
    font-size: 1em;
    line-height: 1;
    position: relative;
    top: 2px;
}

#dcr_sec_slider_cam_fov {
    width: 300px;
}

#dcr_cam_lab_fov {
    margin-right: 5px;
    font-size: 1em;
    min-width: 40px;
}

#dcr_cam_sld_fov {
    vertical-align: middle;
    width: 200px;
}

#dcr_cam_val_fov {
    margin-left: 5px;
    font-size: 1em;
    line-height: 1;
    position: relative;
    top: 2px;
}

#dcr_tabpanel_rnd {
    margin-left: 20px;
}

/*************************************************************/

/* DC-1187 - composer 5 */

#cp_exit_nosave.cp5 {
    background-color: #FEE;
}

#cp_exit_nosave.cp5:hover {
    background-color: #FDD;
}

#cp_mod_del.cp5 {
    background-color: #FEE;
}

#cp_mod_del.cp5:hover {
    background-color: #FDD;
}

/* complement editor 5 */
#cm_exit_nosave.cm5 {
    background-color: #FEE;
}

#cm_exit_nosave.cm5:hover {
    background-color: #FDD;
}

#cm5_exit_section {
    margin-bottom: 0px !important;
}

#cm5_grid_selector_row {
    margin-bottom: 0px !important;
}

#cm5_column_selector_row {
    margin-bottom: 0px !important;
}

#cm5_selected_cell_row {
    margin-bottom: 0px !important;
}

.cm5_compl {
    width: 100%;
    height: 50px;
    display: flex;
    border: 1px solid #ccc;
    box-sizing: border-box;
    cursor: default;
}

.cm5_compl_add:hover {
    background-color: #eee;
    cursor: pointer;
}

.cm5_compl_image {
    width: 48px;
    height: 48px;
    background: url('dummy') center/cover no-repeat;
    flex-shrink: 0;
}

.cm5_compl_text {
    flex: 1;
    margin: 5px;
    line-height: 1.2;
    overflow: hidden;
    text-transform: uppercase;

    display: flex;
    align-items: center;

    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.cm5_compl_trash {
    width: 24px;
    height: 24px;
    background: url('../img/iconos/btn-trash.png') center/contain no-repeat;
    flex-shrink: 0;
    margin: 12px;
    margin-left: 5px;
    cursor: pointer;
}

.cm5_compl_norpos_inc {
    width: 24px;
    height: 24px;
    background: url('../img/iconos/btn-inc.png') center/contain no-repeat;
    flex-shrink: 0;
    margin: 12px;
    margin-left: 5px;
    cursor: pointer;
}

.cm5_compl_norpos_dec {
    width: 24px;
    height: 24px;
    background: url('../img/iconos/btn-dec.png') center/contain no-repeat;
    flex-shrink: 0;
    margin: 12px;
    margin-left: 5px;
    cursor: pointer;
}

.cm5_compl_norpos_inc:hover {
    background-color: #eee;
    cursor: pointer;
}

.cm5_compl_norpos_dec:hover {
    background-color: #eee;
    cursor: pointer;
}

.cm5_compl_trash:hover {
    background-color: #fdd;
    cursor: pointer;
}

.cm5_radiobtn_selected {
    background-color: #fd9;
}

.cm5_radiobtn_selected:hover {
    background-color: #fec !important;
}

/*************************************************************/

.ar2_btn_start {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 100px;
    height: 50px;
    user-select: none;
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #48C;
    border-radius: 10px;
}

.ar2_btn_close_ar {
    position: absolute;
    right: 20px;
    top: 90px;
    width: 100px;
    height: 50px;
    user-select: none;
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #48C;
    border-radius: 10px;
}

.ar2_modelviewer {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 100px;
    height: 50px;
}

.ar2_btn_in_modelviewer {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    user-select: none;
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #48C;
    border-radius: 10px;
}

.ar2_modal_frame {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.ar2_modal_frame_semiopaque {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 40%;
}

.ar2_modelviewer_dummy {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 10%;
    height: 10%;
}

.ar2_qr_message {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 400px;
    transform: translate(-50%, -50%);
    background-color: #FFF;
    padding: 20px;
    border: 1px solid #CCC;}

.ar2_qr_canvas {
    width: 300px;
    height: 300px;
}

/****************** DECO NEWS ******************/

.dc_dlg_news_dialog {
    display: none;
}

.dc_news {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color:#555;
    background:#f0f0f0;
}

.dc_news_base {
    max-width: 90%;
    width: 800px;
}

.dc_news h1 {
    margin: 0 0 5px;
    font-size: 18px;
}

.dc_news h2 {
    margin: 0 0 40px;
    font-weight: 500;
    font-size: 15px;
}

.dc_news_container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dc_news .dc_news_item {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
}

.dc_news .dc_news_item > img {
    width: 260px;
    height: 146px;
}

.dc_news .dc_news_item > div {
    padding: 20px 15px;
}

.dc_news .dc_news_item > div .dc_news_title {
    margin: 0 0 5px;
    font-size: 16px;
}

.dc_news .dc_news_item > div .dc_news_desc {
    margin: 0 0 25px;
    font-size: 14px;
}

.dc_news .dc_news_item > div .dc_news_link {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color:#999;
    text-decoration: none;
}
