

:root {
   
    --color-mainbg: #222222;
   
   
    --color-menutext: #fff;
    --color-red: #e55;
    --color-light-red: #eaa;
    --color-light-blue: #aae;
    --color-button-border: #aeccff;
    --color-green: #4a4;
    --color-kb: #87b7ff;
    --color-cloud-blue: #3496CF;
//    --color-button-green: #efe;
//    --color-button-green-border: #aca;

    //--color-utility-button: #d1eeff;
    --color-utility-button: #1E90FF ;
    --color-utility-button: #0081ff ;
    --color-utility-button:rgb(190, 223, 255);
    --color-utility-button-border: rgb(75, 161, 236)  ;
    --color-utility-button-color: #111;
    --color-button-green: #1E90FF;
    --color-button-green: #0081ff;
    --color-button-green: rgb(190, 223, 255);
    --color-button-green-border: #168dd2  ;
    --color-button-green-border: rgb(75, 161, 236)  ;
    --color-button-green-color: #111;
    
    --color-tda-links-bg: #f9fdff;
    
    --input-box-bg-color: #f0f0f0;
   
    
    
    
    --color-module-button-selected-gnd: #3496CF;
    --color-etapa-filter-selected: #ddd;
    --color-etapa-filter-selected: #D1E9FF;
   
    --color-tab: #444;
    --color-tab-bg: #eee;
    
    --color-tab-selected: #222;
   
    --color-tab-selected-bg: #fff;
    --color-link: #226;
    
    
    --leftmenu-selected-bg: #aaa;
    
    --setting-input-bg:#fff;
    
    --maincol-bg-color:#fff;
    
    --border-highlight-colour: #e9e9e9;
/*    --border-highlight-colour: #f3f2f2;*/
}


*{border:0;margin:0;padding:0;font-family:Roboto, sans-serif;}
.BOCP_header_inner * {font-family:'Roboto Condensed';}
html {font-size:14px;}
h2 {font-size:15px;clear:left;}
td {font-size:13px}
a{text-decoration:none;color:#226;cursor:pointer;
	text-decoration: none;
	}




a.module_tab {border:1px solid #bbb;padding:0px 4px;border-bottom:0px;font-weight:100;margin-bottom:1px;}
a.module_tab:active,a.module_tab:hover{color:#FFE700;text-decoration:none;}
a.module_tab:visited,a.module_link:link{}
a.module_tab:hover{color:#044;background-color:#607FcB}
a:active,a:hover{color:#44a;text-decoration:underline;}
a:link{color:#226;}
a:visited{color:#226;text-decoration:none;}
b{color:#000;}
b.affiliate_info{color:var(--color-green);}
.company_title{font-weight:bold;color:#555;font-size:14px}
.company_title_name{font-weight:bold;font-size:16px;padding:2px 0;color:#000}
.company_title_name a{font-weight:bold;font-size:16px;color:#000}
body
{
background-color:var(--color-mainbg);
margin-left:auto;
margin-right:auto;

width:100%;min-height:1000px;
/*background-image:url(https://cdn.bocp.eu/bocp/gnd.jpg);*/
background-attachment:fixed;


}
.cancelled, .cancelled *, .deleted, .deleted *, .deleted a {color:#ccc;background-color:#fafafa;text-decoration: line-through;}
div.beneficiar_company{text-align:right;}

div.centered{margin-left:auto;margin-right:auto;text-align:center;}
div.cpitem a,table.detalii_table{width:100%;}
table.detalii_table b {color:#55f;}
div.cpitem,div.cpitem a{float:left;height:80px;margin:5px;max-width:55px;padding:3px;text-align:center;}
div.cpsection{background-color:#F4F4F4;float:left;height:130px;margin:10px 0.5%;padding-bottom:3px;width:32.3333333%;}
div.delegat_factura{text-align:left;}
div.detalii_div{margin:5px 10px;}
div.explication{background-image:url(https://cdn.bocp.eu/bocp/icons/lightbulb.png);background-color: #fff;background-position:2px 3px  ;background-repeat:no-repeat;color:#22a;float:right;padding:5px 20px 4px 30px;text-align:left;border:1px #ddd solid;}
div.explication_full{background-image:url(https://cdn.bocp.eu/bocp/icons/lightbulb.png);background-repeat:no-repeat;color:#444;margin-bottom:5px;margin-top:5px;padding-left:20px;text-align:left;width:100%;}
div.explication_centered{background-image:url(https://cdn.bocp.eu/bocp/icons/lightbulb.png);background-repeat:no-repeat;color:gray;padding-left:20px;text-align:left;width:100%;}
div.fullsection{background-color:#F4F4F4;background-image:url(./images/backgrounds/main_bg.jpg);background-position:bottom;background-repeat:repeat-x;border:0;float:left;height:100%;margin-bottom:3px;padding:5px;width:100%;}
div.furnizor_company{text-align:left;width:100%;}
div.horizontal-separator{background-color:#ddd;height:1px;line-height:1px;overflow:hidden;width:100%;margin:1px 0;font-size:0;clear:both;}
div.horizontal-separator75{background:Gray;float:left;font-size:0;height:1px;margin:5px auto;width:75%;}
div.horizontal-separatorGRAY{background-color:Silver;font-size:1px;height:1px;line-height:1px;overflow:hidden;width:100%;}
div.leftcolmaininside{background-color:#99A;background-repeat:repeat;padding:2px;width:133px;}
div.leftcolumninsidediv{background-color:#EEE;padding:2px;width:129px;}
div.legendadiv{background-color:#ececec;margin-bottom:3px;padding:2px;margin-top:10px;width:auto;}

div.main_module_warning,
div.main_module_message,
div.main_module_message_error,
div.main_module_message_info,
div.main_module_message_hint{
    background-color:#AFA;
    background-image:url('https://cdn.bocp.eu/bocp/icons/flag_green.png');
    background-position:10px 8px;
    background-repeat:no-repeat;
    margin:20px auto;
    text-align:center;
    vertical-align:middle;
    width:90%;padding:7px;
    border:1px #eee solid;clear:both;
}
div.main_module_warning{background-color:#Fd5;background-image:url('https://cdn.bocp.eu/bocp/icons/warningicon16.png');}
div.main_module_message_error{background-color:#F55;background-image:url('https://cdn.bocp.eu/bocp/icons/exclamation.png');}
div.main_module_message_error *{color:#fff;font-weight:bold;}
div.main_module_message_info{background-color:#ddf;background-image:url('https://cdn.bocp.eu/bocp/icons/information.png');display:block;text-align:center;}

div.main_module_message_hint{
    background-color:#fff;
    background-image:url('https://cdn.bocp.eu/bocp/icons/helpblue32.png');
    background-position:20px 20px;
    display:block;
    text-align:center;
    padding:10px 20px 10px 40px;
    text-align:left;margin-top:10px;}

div.maincoldynamiccontent{width:100%;
    background:var(--maincol-bg-color);
}
div.mainddivround{background-color:#607FCB;}


div.top_validationok{background-color:#3b3;color:#FFF;vertical-align:top;width:100%;height:16px;text-align:center;padding:0;margin:0;}
div.top_validationNOTok{background-color:#f66;color:#FFF;vertical-align:top;width:100%;height:16px;text-align:center;padding:0;margin:0;}
div.top_validationok img,div.top_validationNOTok img{height:15px;}
div.topline{background:#999;font-size:0;height:1px;width:100%;}

form.perioadapicklistform{display:inline;}



form.selectfirmeselectbutton{float:right;margin-left:10px;}
form hr {background:#e9e9e9;height:1px; margin:0}
h1 {font-size:20px;}
h1,h2,h3{color:#000;font-weight:bold;margin-top:5px;}
h1.cpsectionhead{background-color:#FFF;background-repeat:repeat-x;color:#558;height:20px;margin-top:0;}
h1.fact_title{font-size:20px;}
h1.formular_title{font-size:200%;text-align:center;}
h2{color:#111;margin:5px 0 0 0}
h2.accountheader{margin-right:12.5%;text-align:right;}
h2.breadcrumb{text-align:left;float:left;margin:0;padding:0;color:#fff;}
h2.leftcolmainmemtitle{text-align:center;width:100%;}
h2.menutitle{color:#555;text-align:center;width:100%;}
h2.submodule_title{background-color:#87CEEB;width:100%;}
h2.subsection{color:Silver;margin:0;text-align:right;padding:0}
h2.table_main_title{text-align:center;vertical-align:middle;width:100%;}
h3{color:Gray;margin-top:3px;}
img{border-style:none;vertical-align:middle;}
img.cpitemicon{margin-left:auto;margin-right:auto;max-width:32px;height:32px;vertical-align:top;}
img.facturalogoimage{border:0;display:block;margin-left:auto;margin-right:auto;max-height:100px;max-width:100%;padding:0;}
img.facturastampimage{max-width:3cm}
img.fullsectionicon{float:left;height:32px;margin:0 5px 0px 0;padding:0;}
img.legendaicon{margin-left:10px;margin-right:5px;vertical-align:top;}
img.sectionheadicon{background-color:#FBFBFB;float:left;margin-right:5px;padding:1px;}
img.smallicon16x16{height:16px;margin:0 5px;padding:0;vertical-align:top;width:16px;}
img.clickable {cursor:pointer}
input,select,textarea{border:solid;border-color:#ddd;border-width:1px;color:#3A3Abb;margin:0 1px;padding:6px 6px;vertical-align:middle;
border-radius:3px;
}

option {padding:1px}
.article_list_manage_icon {display:inline;float:none;margin:0;padding:0;border:0;}
input.fact_crt{max-width:15px;}
input.fact_denumire{min-width:100px;width:90%;vertical-align:middle}
input.fact_pret,input.fact_cant,input.fact_tva,input.select_fisamagazie_cant{width:50px;}
input.fact_valoare{width:75px;}
input.iconbutton{border:solid;border-color:Silver;border-width:0;color:var(--color-green);height:16px;margin:0px 5px;padding:0 2px;width:16px;}
input.radio{border-width:0;vertical-align:middle;}

input.std_form_input,textarea.std_form_input{margin-left:0;display:inline;}
input.submit2{background-image:url('./images/backgrounds/submit_1.gif');}
input[readonly='readonly'] {background-color:#eee;}
select[readonly='readonly'] {background-color:#eee !important;}
select[disabled='disabled'] {background-color:#eee !important;}
label{display:block;float:left;margin-left:10px;margin-right:10px;text-align:right;vertical-align:middle;}

label.agenda_labels_fact{margin:5px 0 0 0;min-width:50px;text-align:right;float:none;display:inline;}
label.agenda_labels_chit{margin:5px 0 0 0;min-width:50px;text-align:left;float:none;display:inline;}
label.filter_label{padding:0;margin:0;display:inline;float:none;margin-left:5px;vertical-align:middle;font-weight:normal;}
div.newformular{margin:5px auto;width:70%;background-color:#fff;padding:5px}
div.newformular label {height:16px;float:left;clear:left;display:block;width:200px;margin:1px;padding:5px;overflow:hidden;max-width:200px;}
div.newformular input {background-color:#fefefa;width:auto;float:left;clear:right;display:block;padding:4px 1%;font-size:110%;border:#bbb 1px solid;margin:1px;}
div.newformular select {height:26px;background-color:#fefefa;float:left;clear:right;display:block;padding:4px;border:#bbb 1px solid;margin:1px;}
div.newformular input[type='button'] {float:right;height:26px;background-color:#fafffa}
div.newformular2 {margin:5px auto;width:95%;background-color:#fafafa;padding:5px}
div.newformular2 label {float:none;clear:left;display:inline;margin:0px;padding:3px 0;overflow:hidden;border:#fff 0px solid;vertical-align:middle;font-weight:normal;}
div.newformular2 input, div.newformular2 button {height:16px;float:none;clear:right;display:inline;padding:4px 8px;font-size:110%;border:#bbb 1px solid;margin:0px;vertical-align:middle;}
div.newformular2 input[readonly='readonly'] {background-color:#eee;}
div.newformular2 input[disabled='disabled'] {background-color:transparent;border:0;}
div.newformular input[type='hidden'] , div.newformular2 input[type='hidden'] {border:0;padding:0;margin:0;}
div.newformular2 input[type='submit'] {float:right;height:26px;}
div.newformular2 input[type='button'] {float:right;height:26px;}
div.newformular2 textarea {background-color:#fefefa;float:none;clear:right;display:inline;padding:4px;font-size:110%;border:#bbb 1px solid;margin:0px;vertical-align:middle;}
div.newformular2 select {height:26px;background-color:#fefefa;float:none;clear:right;display:inline;padding:4px;border:#bbb 1px solid;margin:0px;vertical-align:middle;}
div.newformular2 button {height:26px;background-color:transparent;float:left;display:block;padding:1px;margin:0px;}
div.newformular2 td {border:#ddd 1px solid;padding:3px;border-collapse:collapse;}
div.newformular2 table {border:#ddd 1px solid;padding:1px;}
div.newformular2 button.calendar_button {float:none;height:26px;display:inline;}
div.newformular button.calendar_button {float:left;height:26px;display:block;}
span.BOCP_button:hover {color:#f33;}
table.newformular {padding:0px;border-collapse:collapse;border:1px #888 solid;background:#fff;margin-top:5px}

input[type='checkbox'], div.newformular2 input[type='checkbox'],div.newformular input[type='checkbox'] {height: 16px;width:16px;padding:2px;}
label.agenda_labels{margin-left:10px;min-width:70px;display:inline;float:none;vertical-align:middle;}
div.newformular2 input[type='radio'] {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(radio.gif) no-repeat;
    display: block;
    clear: left;
    float: left;
}
li.leftmoduleitem{margin:0;list-style-type:none;padding-left:0;width:156px;font-size:13px;}
p{color:#333;}
p.definition{color:#676;font-size:10px;}
p.detalii_title{background-color:#EEE;width:auto;padding:3px 5px;font-size:15px;text-align:left}
p.error{color:red;font-weight:bold;}
span.formular_field {text-decoration:underline;font-weight:bold;}

ul{margin-left:4px;text-indent:0;}
li {padding-left:0px;margin-left:20px;}


div.calendar{position:relative;font-family:verdana,tahoma,sans-serif;}
.calendar {z-index:100001}
.calendar,.calendar table{border:1px solid #bdb2bf;color:#000;cursor:default;background-color:#EEFBFF;font-family:'trebuchet ms',verdana,tahoma,sans-serif;}
.calendar{border-color:#797979;}
.calendar .button{text-align:center;background-color:#BDF;font-weight:bold;padding:2px;}
.calendar .nav div{}.calendar thead .title{font-weight:bold;text-align:center;padding:2px;}
.calendar thead .name{border-bottom:1px solid #797979;text-align:center;color:#000;padding:2px;}
.calendar thead .weekend{color:#c44;}
.calendar thead .hilite{background-color:#BFB;border-bottom:1px solid #797979;padding:2px 2px 1px;}
.calendar thead .active{background-color:#BFB;color:#fff;border-bottom:1px solid #797979;padding:3px 1px 0 3px;}
.calendar thead .daynames{background-color:#EED;}
.calendar tbody .day{width:2em;color:#000;text-align:right;padding:2px 4px 2px 2px;}
.calendar tbody .day.othermonth{font-size:80%;color:#999;}
.calendar tbody .day.othermonth.oweekend{color:#f99;}
.calendar table .wn{border-right:1px solid #797979;background-color:#d9d9d9;padding:2px 3px 2px 2px;}
.calendar tbody .rowhilite td,.calendar tbody .rowhilite td.wn{background-color:#EFD;}
.calendar tbody td.today{font-weight:bold;}
.calendar tbody td.hilite{border:1px solid #bbb;padding:1px 3px 1px 1px;}
.calendar tbody td.active{padding:2px 2px 0;}
.calendar tbody td.selected{font-weight:bold;border:1px solid #797979;color:#050;padding:1px 3px 1px 1px;}
.calendar tbody .disabled{color:#999;}
.calendar tbody .emptycell{visibility:hidden;}
.calendar tbody .emptyrow{display:none;}
.calendar tfoot .footrow{text-align:center;background:#565;color:#fff;}
.calendar tfoot .ttip{color:#000;padding:2px;}
.calendar tfoot .hilite{background:#afa;border:1px solid #084;color:#000;padding:1px;}
.calendar tfoot .active{background:#7c7;padding:2px 0 0 2px;}
.calendar .combo{position:absolute;display:none;top:0;left:0;width:4em;cursor:default;color:#000;z-index:100;border-color:#797979;border-style:solid;border-width:0 1px 1px;}
.calendar .combo .label,.calendar .combo .label-IEfix{text-align:center;padding:1px;}
.calendar .combo .label-IEfix{width:4em;}
.calendar .combo .active{color:#fff;font-weight:bold;}
.calendar td.time{border-top:1px solid #797979;text-align:center;padding:1px 0;}
.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm{font-weight:bold;color:#000;padding:0 5px 0 6px;}
.calendar td.time .hour,.calendar td.time .minute{font-family:monospace;}
.calendar td.time .ampm{text-align:center;}
.calendar td.time .colon{font-weight:bold;padding:0 2px 0 3px;}
.calendar td.time span.active{color:#fff;}
.calendar thead .weekend,.calendar tbody td.weekend{color:#c44;}
.calendar .combo .hilite,.calendar td.time span.hilite{color:#000;}


div.autosuggest{position:absolute;background-image:url(img_inquisitor/as_pointer.gif);background-position:top;background-repeat:no-repeat;padding:10px 0 0;}
div.autosuggest div.as_header,div.autosuggest div.as_footer{position:relative;height:6px;background-image:url(img_inquisitor/ul_corner_tr.gif);background-position:top right;background-repeat:no-repeat;overflow:hidden;padding:0 6px;}
div.autosuggest div.as_footer{background-image:url(img_inquisitor/ul_corner_br.gif);}
div.autosuggest div.as_header div.as_corner,div.autosuggest div.as_footer div.as_corner{position:absolute;top:0;left:0;height:6px;width:6px;background-image:url(img_inquisitor/ul_corner_tl.gif);background-position:top left;background-repeat:no-repeat;}
div.autosuggest div.as_footer div.as_corner{background-image:url(img_inquisitor/ul_corner_bl.gif);}
div.autosuggest div.as_header div.as_bar,div.autosuggest div.as_footer div.as_bar{height:6px;overflow:hidden;background-color:#333;}
div.autosuggest ul{list-style:none;overflow:hidden;background-color:#333;margin:0 0 -4px;padding:0;}
div.autosuggest ul li{color:#ccc;text-align:left;margin:0 4px 4px;padding:0;}
div.autosuggest ul li a{color:#ccc;display:block;text-decoration:none;background-color:transparent;text-shadow:#000 0 0 5px;position:relative;width:100%;padding:0;}
div.autosuggest ul li a:hover{background-color:#444;}
div.autosuggest ul li.as_highlight a:hover{background-color:#1B5CCD;}
div.autosuggest ul li a span{display:block;font-weight:bold;padding:3px 6px;}
div.autosuggest ul li a span small{font-weight:400;color:#999;}
div.autosuggest ul li.as_highlight a span small{color:#ccc;}
div.autosuggest ul li.as_highlight a{color:#fff;background-color:#1B5CCD;background-image:url(img_inquisitor/hl_corner_br.gif);background-position:bottom right;background-repeat:no-repeat;}
div.autosuggest ul li.as_highlight a span{background-image:url(img_inquisitor/hl_corner_bl.gif);background-position:bottom left;background-repeat:no-repeat;}
div.autosuggest ul li a .tl,div.autosuggest ul li a .tr{background-repeat:no-repeat;width:6px;height:6px;position:absolute;top:0;margin:0;padding:0;}
div.autosuggest ul li a .tr{right:0;}
div.autosuggest ul li.as_highlight a .tl{left:0;background-image:url(img_inquisitor/hl_corner_tl.gif);background-position:bottom left;}
div.autosuggest ul li.as_highlight a .tr{right:0;background-image:url(img_inquisitor/hl_corner_tr.gif);background-position:bottom right;}
div.autosuggest ul li.as_warning{font-weight:bold;text-align:center;}
div.autosuggest ul em{font-style:normal;color:#6EADE7;}
.asholder{position:relative;}
.standard_list_viao a b.green, .green {color:var(--color-green);}
.standard_list_viao a b.blue, .blue {color:var(--color-link);}
.standard_list_viao a b.red, .red {color:var(--color-red);}
.standard_list_viao a b.gray, .gray {color:gray;}
small{color:#999;}
label{font-weight:bold;}

input.important_button {background-color:#fb0;border:1px #ca6 solid;padding:5px;color:#000;font-weight:bold;cursor:pointer;float:right;}


.selected_menuitem {font-weight:normal;}


.module_left_frame {border:0px #ddd solid;padding:0;}

/* NAVIGATION  */




/*LEFT*/
a.leftcolumnmenu {margin: 0;padding:2px 5px 2px 7px;display:block;margin:0;}
a.leftcolumnmenu:visited {margin: 0;}
a.leftcolumnmenu:link {margin: 0;}

a.leftsubmenu {}
img.lefticon {width:24px;vertical-align:middle;margin-left:0px;height:24px;vertical-align:middle;margin-right:3px;
    display:inline !important;
    filter:opacity(75%);
    filter:grayscale(100%);
    ;}
div.modules_left_menuelement_sel a, div.modules_left_menuelement a {font-size:14px;line-height:24px;font-weight:normal;color:#224;}
div.modules_left_menuelement {margin:0 auto;width:155px;padding:2px 0px 2px 4px;font-size:13px}
div.modules_left_menuelement_sel {margin:0 auto;width:155px;padding:4px 0px 4px 4px}
a.leftcolumnmenu:hover , div.modules_left_menuelement_sel, div.modules_left_menuelement:hover {
    background:var(--leftmenu-selected-bg);
}

.modules_top_menuelement,.modules_top_menuelement_sel {font-size:13px;float:left;
    border-top-right-radius:4px;border-top-left-radius:4px;}
.modules_top_menuelement {background:rgba(220,220,220,0.5);padding:1px 5px 2px 6px;margin:2px 3px 0px 3px;}
.modules_top_menuelement_sel {background:#fff;padding:2px 5px 2px 6px;margin:0 3px;}
.modules_top_menuelement a{color:#fff !important}

.modules_top_menuelement:hover {background:#eee !important}
.modules_top_menuelement:hover a {color:#222 !important}
.modules_top_menuelement:hover a img {display:inline;}
.modules_top_menuelement a img {display:none;}

hr.clear {height:0;border:0}

.article {margin:0 30px}
.article * {font-weight:normal;font-size:14px;line-height:140%;color:#333;font-family:Arial,Tahoma,Helvetica;}
.article h1 {font-size:16px;font-weight:bold;margin:10px 0 2px 0}
.article h2 {font-size:15px;font-weight:bold;margin:10px 0 2px 0}
.article h3 {font-size:14px;font-weight:bold;margin:10px 0 2px 0}
.article p {margin:8px 0}





#div_saving_data {position:absolute;top:20%;left:50%;margin:-30px 0 0 -125px;width:250px;height:50px;vertical-align:middle;border:1px solid #aaa;
    background-color:#fff;text-align:center;vertical-align:middle;padding:30px;border-radius:10px;-moz-box-shadow: 5px 5px 20px #555;-webkit-box-shadow: 5px 5px 20px #555;box-shadow: 5px 5px 20px #555;}
#div_loading_gnd {position:absolute;top:0;left:0;margin:0;width:100%;height:100%;visibility:hidden;z-index:10000}
.small {font-size:10px;}


.furnizor_client {color:#111}
@media print {
    thead {display: table-header-group;}
}

.utility_td {padding:0;vertical-align:top}
.utility_div {padding:0; margin-bottom:3px;text-align:left;display:block;background-color:var(--input-box-bg-color);
    outline:1px #ddd solid;padding:5px 10px;font-size:0.9rem !important;
    border-radius:5px;
    width:99%;
    margin-left:0.5%;
    margin-right:0.5%;
    box-sizing: border-box;
    }
.utility_div br, .utility_div p {margin:0}
.utility_div h2 {font-size:20px;}
.cl_phone {font-size:16px;}
.company_title_name {font-size:110% !important;}

.general_msg_div * {font-size:14px}
.general_msg_div h2 {font-size:18px;color:#292}
.general_msg_div a {font-size:18px;color:#922;font-weight:bold}
.general_msg_div {width:90%;padding:50px 5%}

.div_onlinepayment_status_ok {margin-top:2px;text-align:center;font-weight:bold;padding:3px;color:#3a3;background:#dfd;}
.div_onlinepayment_status
{margin-top:2px;text-align:center;font-weight:bold;padding:3px;color:#e33;background:#fdd;}


.div_onlinepayment span {font-size:18px;line-height:32px;}
.div_onlinepayment img {; box-shadow:1px 1px 2px #999;vertical-align:bottom;}
.div_onlinepayment img:hover {margin:0px 0 0 0px;box-shadow:0px 0px 1px #aaa;}
.div_onlinepayment {margin-top:2px;text-align:center;font-weight:bold;padding:3px;color:#e33;background:#fdd;height:32px;
  display: flex;
  align-items: center;
  justify-content: center;
 
  }
.div_onlinepayment a {
  margin:0 5px;
}

#module_ajax_inner_div_title {float:left; word-wrap:break-word}

.doc_with_tables {max-width:20cm !important;}
.doc_with_tables table {border-collapse:collapse;max-width:100% !important}
.doc_with_tables td,.doc_with_tables th {border:1px #aaa solid;border-collapse:collapse;vertical-align:middle;text-align:left}
.doc_with_tables table[border="0"] td,
.doc_with_tables table[border="0"] th {border:0 !important}
.doc_with_tables img {display:block !important;max-width:100% !important;}

table.newformular {-moz-box-shadow: 0px 0px 1px #555;}

tr.oplist_paratlan {}

div.main_module_warning,div.main_module_message,div.main_module_message_error,div.main_module_message_info,div.main_module_message_hint
{-webkit-border-radius: 2px;border-radius: 2px;}

/*table.standard_list_viao{-webkit-border-radius: 5px;border-radius: 5px;}*/

div.compact * {font-size:90% !important}

.selfClear:after {
    content: ;
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.selfClear {
    display: inline-block;
}

.input_r_box {height:20px;width:20px;overflow:hidden;float:left;padding:4px;display:block;}

.oldprice, .oldprice *{text-decoration:line-through;color:#999}

.filter_div {
background-color: #f9f9f9;
  margin: 10px 0px 5px 0;
  clear: both;
  padding: 0px 8px;
  clear: both;
  padding: 4px 6px;
  margin: 0 auto 5px auto;
  box-shadow: inset 0 0 3px #999;
  border-radius: 4px;
  width: calc(100% - 12px);
  margin: 5px 0;
}

.filter_div * {font-size:11px;}
	

.filter_unit * {font-size:11px}
.perioadapicklistform input, .perioadapicklistform select, .perioadapicklistform textarea 
{
border:0;
padding:1px
height:14px;
margin-left:5px;
background:#fff;
}

.filter_unit input, .filter_unit select, .filter_unit textarea {
height: 24px;
  padding: 5px;
  border: 1px #ddd solid;
  max-width: calc(100% - 4px);
  border-radius: 3px;
  background: #fff;
 }
.filter_unit {
	background: #fff;
  border: 1px #ccc solid;
  padding: 3px;
  display: block;
  float: left;
  margin: 5px 5px;
  border-radius: 4px;
  height: 22px;
  box-shadow: 1px 1px 3px #ccc;
  display: flex;
  align-items: center;
  overflow: hidden;
	}
.filter_unit .selection{
min-width: 150px;display:block;
}
.filter_unit:hover {background:#dfd}
.filter_unit:hover {background:#dfd}
.filter_unit label {padding:0 4px 0 0;margin:0 ;display:inline;float:none;margin-left:5px;vertical-align:middle;font-weight:normal;}
.filter_unit input[type='checkbox'] {margin-left:5px;margin-right:-1px;margin-top:1px}
.filter_unit input[type='text'] {height:19px;}
.perioadapicklistform input[type='text'] {
    height: 17px;
}

.etape_filter {
	/*box-shadow:1px 1px 2px #888;*/
	/*height:30px;*/
	clear:both;
	margin:5px 0;
	float:left;
	width:calc(100% - 10px);
	border-bottom:1px #eee solid;
	background: #fff;
    border-radius: 4px 4px 0 0;
    margin: 0 0 7px 0;
    padding: 0 5px;
}
.etape_filter li a {padding:8px 18px;display:block;border:0;font-size:15px;color:#444;}
.etape_filter li a div {display: flex;flex-direction: column;margin: -5px 0;font-size: 13px;}
.etape_filter li a:hover {cursor:pointer;}
.etape_filter li a img {max-height:20px;}

.etape_filter li {float:left;
	list-style-type: none;background:#eee;
	position: relative;
	height:32px;
	font-size:15px;
	margin:5px 0 0 0;
	}
	
.etape_filter li.label {float:left;padding:5px 15px;
	list-style-type: none;color:gray;background:#fff;
	position: relative;
	height:20px;
	font-size:15px;
	
	}



.etape_filter li.i:before {
    content: '';
    position: absolute;
    top: 00px; right: 0;
    border-right: 10px solid white;
    border-top: 32px solid #eee;
    /*width: 20;*/
}
.etape_filter li.i:after {
    content: '';
    position: absolute;
    top: 00px; left: 0px;
    border-right: 10px solid #eee;
    border-top: 32px solid #fff;
    /*width: 20;*/
}
.etape_filter li.i.selected {background:var(--color-etapa-filter-selected);}
.etape_filter li.i.selected a{color:#222;font-weight:bold;}
.etape_filter li.i.selected:before {
    content: '';
    position: absolute;
    top: 00px; right: 0;
    border-right: 10px solid white;
    border-top: 32px solid var(--color-etapa-filter-selected);
    /*width: 20;*/
}
.etape_filter li.i.selected:after {
    content: '';
    position: absolute;
    top: 00px; left: 0px;
    border-right: 10px solid var(--color-etapa-filter-selected);
    border-top: 32px solid #fff;
    /*width: 20;*/
}

.has_selected {background:#8e8;}
.filtered-values b {color:#d56340}

.filter-ico {
    filter:grayscale(90%);
}

.smic {
  /*filter: opacity(75%) filter:grayscale(90%);*/
}

.tr_selected .filter-ico,
.standard_list_viao tr:hover .filter-ico {
    filter:grayscale(0%);
}



.search_div {
	float:right;height:28px;padding:1px 0px;margin:7px 2px 0px 5px;
}
.search_div img {
    vertical-align: top !important;
}
h2.bocp_table_title .search_div {margin-top:3px;}

.search-box-big-wrapper input{
    float:left;
    font-size:16px;font-weight: bold;
    color:#222;background-color: #fff;
    margin: 7px 5px ; padding:6px 10px; border: 1px solid #ccc;
}
.select2-container--default .select2-selection--single {
     border: 1px solid #ddd !important;
 }
.filter_unit .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 23px;
}
.select2-container {
    min-width: 100px;
}
.filter_unit .select2-container .select2-selection--single {
    height: 24px;
    margin-top:-1px;
}
pre {clear:both;}

.bocp-wrapper {width:100%;max-width:1980px;margin:0px auto;margin-top:38px;min-height:200px;}
.bocp-leftcol {padding: 15px 0;float:left;width:75px;
/*position:fixed;z-index:1;*/}
.bocp-maincol {width:calc(100% - 75px);background:#fff;float:left;margin-left:0 !important;}


.bocp_container {width:100%;max-width:1300px;margin:0px auto 0 auto;}

.main_menu_frame {min-width:250px;clear:both;text-align:left;padding:14px 0;margin:0 auto;overflow:hidden;position:relative}

.toptabs {padding:8px 2px 8px 0;clear:both;display:inline;;margin:5px auto 5px 0;
	text-align:center;background:#fff;height:32px;box-shadow:2px 2px 4px #444;border-radius:3px;border-radius:0px 3px 3px 0px;}

.toptabs img {margin:0 5px 0 0;vertical-align:middle;height:25px}
.toptabs a {padding:9px 9px 8px 9px;border:0px #ddd solid;font-size:15px;margin:2px 0px;background:#fff;}
.toptabs a:hover, a.top_selected {background:#fff !important;font-weight:normal;padding:13px 5px !important;box-shadow:2px 2px 4px #444;border-radius:3px;margin:2px 4px;}



.module_content_div {
    width:calc(100% - 20px);
    padding:0 10px; 
}
#module_ajax_inner_div_content{
    width:100%;
    padding:0;
    /*background:var(--maincol-bg-color);*/
}
td.maincolumn{min-width:250px;padding:0 0px 5px 0px;vertical-align:top;background-color:#fbfbfb
	}
.mainsheet {margin:0 auto;padding:0px;}
.leftsheet {width:33px;margin:0 auto;background:#fff;box-shadow:2px 2px 4px #444;border-radius:3px;padding:5px 0 15px 0;float:left;max-width:33px;
	overflow:hidden;position:absolute;top:55px;z-index:500;padding-bottom:10px}

.mainmicon {width:32px;height:32px}
.mnw {margin: -5px -5px 0 0 }
.m_icon_section {float:left;display:block;padding:10px;width:180px;border:0px #eee solid;overflow:hidden;margin:10px 13px;
box-shadow:2px 2px 4px #444;border-radius:3px;font-size:120%}
.m_icon_section:hover {box-shadow:1px 1px 2px #444;cursor:pointer;
background: rgb(158,172,186); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(158,172,186,1) 0%, rgba(237,241,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(158,172,186,1)), color-stop(100%,rgba(237,241,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(158,172,186,1) 0%,rgba(237,241,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(158,172,186,1) 0%,rgba(237,241,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(158,172,186,1) 0%,rgba(237,241,247,1) 100%); /* IE10+ */
background: linear-gradient(-45deg,  rgba(158,172,186,1) 0%,rgba(237,241,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eacba', endColorstr='#edf1f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



.m_icon_section  {
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


hr {clear:both;height:1px;margin:2px 0;background:#ddd}


.graygnd {width:100%;position:absolute;left:0;right:0;top:0;height:3000px;background:rgba(50,50,50,0.8);z-index:2;}

#BOCP_db_sync_info div,
#BOCP_db_sync_info_mm div
	{
	background:url(https://secure.bocp.eu/beta/images/icons/codeupdate.gif) !important;
	background-size: 100%;
	color:#fff;
	border:1px #555 solid !important;
	box-shadow:1px 1px 5px #333;
	clear:both;
	}

.sku {color:#307D7E !important;font-weight:bold;}

.top_elem_count{
	
    float: left;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
    top: -35px;
	width:28px;
}
.top_main_elem_count{
	margin: -6px -28px 0 0;
    float: left;
    overflow: hidden;
    padding: 0;
    position: relative;
	width:28px;
}
.top_main_elem_count>div,
.top_elem_count>div {
	background: #d22 none repeat scroll 0 0;
	box-shadow:0 0 2px #777;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;    
   
    text-align: center;
    text-decoration: blink;
    text-shadow: 0 0 2px #fff;
	display: inline;
	padding:0 3px;
}

.debug {border:1px #ccc dashed;background:#eee;clear:both;font-size:11px;font-family:Courier;color:#999;width:100%;max-width:1200px;overflow-x:  auto}
.debug:hover {border:1px #ccc dashed;background:#eee;}
.debug .location {display:none;text-align:right;font-size:10px;}
.debug:hover .location {display:block;}

.BOCP_actualizari {width:100%;}
.BOCP_actualizari a {font-size:12px;}

/* PURE CSS DROPDOWN MENU  - Thanks goes to https://stackoverflow.com/questions/9953482/how-to-make-a-pure-css-based-dropdown-menu */
ul.document_downloader
{
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.document_downloader_widget img {
    filter: grayscale(90%);
} 

ul.document_downloader li
{
    display: block;
    position: relative;
    float: left;
    margin:3px 0px;
    padding: 1px 8px;
    border-right: 1px #e5e5e5 solid;
    text-align: center;
}

ul.document_downloader li ul li
{
   
    margin:0px 0px;
    padding:1px 3px;
    
}

ul.document_downloader li ul
{
    display: none;
    margin:0 0 0 -5px;
    background:#fff;
    padding:5px;
    border:1px #eee solid;
    z-index:2;
}

ul.document_downloader li a 
{
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-radius:4px;
    padding: 5px 15px 5px 15px;
    background: #fff;
    margin-left: 1px;
    white-space: nowrap;
}

ul.document_downloader li a:hover 
{
    background: #fff;
}
ul.document_downloader li:hover ul 
{
    display: block;
    position: absolute;
}

ul.document_downloader li:hover li
{
    float: none;
    font-size: 11px;
}

ul.document_downloader li:hover a 
{
    
}

ul.document_downloader li:hover li a:hover 
{
    background: #bbf2bb;
}

.cnt {
    vertical-align: top;
    padding:1px 3px;
    background:#e1f7b9;color:#282;
    border-radius:4px;
    margin:0 3px 0 1px;
    font-size:11px;
}
.form_section_title .cnt {
     border:1px #eee solid;  
    
}
.mainpage_list .cnt ,
.etape_filter  .cnt {
    text-shadow:0
}

.main_mod_title img{vertical-align: top;max-height:30px;}

.doc1 h1 ,
.etape_filter li a,
.filtered-values *,
.left-shortcuts *,
.modgroup_name,
.btn_procesare,
.title_row th,
.m_form_tab,
.input_element_section label,
.view_label {
/*   font-family: 'PT SANS NARROW' !important;*/
}

.filtered-values {
padding: 3px 0 0 0;
font-weight:normal !important;color:#555;font-size:100% !important;clear:left
}     

        
.bocp-table-wrapper {
    background: var(--border-highlight-colour);/*#f4f4f4;*/
    /*box-shadow: 2px 2px 6px #bbb;*/
    box-shadow: initial;
    padding: 8px 8px 8px 8px;
    clear:both;
    margin-top:10px;
    border-radius:6px;
    border: 1px #ddd solid;
}

table.standard_list_viao thead h2 {
  margin:2px auto 0 auto;text-align:left;
	font-size:16px;color:#444;
	clear:none;
	padding:8px 2px 4px 5px;
	}
	
.th-row-title {
    /*border-bottom:1px #d5d5d5 solid !important;*/
    /*border-top:1px #eee solid !important;*/
    width:100%;
    display:flex;
    justify-content: space-between;
    background:#fff;
}

h3.bocp_table_title, 
h2.bocp_table_title,
table.standard_list_viao thead h2.bocp_table_title {
width:calc(100% - 20px);
padding:0 0 0 5px;
min-height:26px;
font-size:32px !important;
text-align:left;
float:left;
border-radius:2px 4px 0 0;
margin-left:5px;
font-family: 'PT SANS NARROW',Arial;
margin-top: 6px;
color:#222;
}

h3.bocp_table_title {
font-size:24px !important;
}
.table-top-tools {
background:var(--border-highlight-colour);
padding:2px 4px;
max-width:50%;
}

.bocp_table_title a{
/*  padding: initial !important;*/
  border: 0 !important;
  vertical-align: baseline;
} 

table.standard_list_viao thead h2.bocp_table_title_with_search,
h2.bocp_table_title_with_search {
width:calc(100% - 140px) !important;
}

.anchor {
	border-bottom:1px #88f dotted;
}

.selected_proc_buttons .btn_procesare {
	margin:0 5px;
	line-height: 16px;
}

table.additemtable{background-color:#FFF;border-color:#000;border-width:1px;margin-top:5px;padding:15px;text-align:left;width:100%;}
table.aff_inside_comlist_table,table.aff_inside_comlist_table td,table.aff_inside_comlist_table th{border:0;color:gray;margin:0;padding:0;}
table.agenda_detalii_view_table td{
	font-size:11px;
	width:33%
}
table.agenda_detalii_view_table{
	width:100%;
}
table.agenda_detalii_view_table td, table.agenda_detalii_view_table tr 
table.agenda_detalii_view_table, table.agenda_detalii_view_table td, table.agenda_detalii_view_table tr 
	{border:0;}
	
.factura_master_items th {vertical-align:bottom;font-weight:bold;color:#111;
	border:0 !important;
	border-bottom:1px #aaa solid !important;
	background-color:transparent;border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0px;
	text-align:right;}
	
.factura_master_items {width:calc(100% - 20px);margin:0 10px;}
.factura_master_items hr {height:1px; margin:0px;}
	
table.factura_master_items{
	border-collapse:collapse;
	border-spacing:0;
}

table.factura_master_items tr {
vertical-align:middle;
}
table.factura_master_items td{
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:3px;
	vertical-align:middle;
}

table.factura_master_items th{
	padding:5px 3px;
	
}

table.factura_master_items tr{border-width:0px;}
table.factura_master_items td{
	border:0;
	border-top:1px #ccc solid;
	text-align:right;
	}
table.factura_master_items thead td{border-bottom:1px #ddd solid;text-align:left;}

.factura_master_table {
background-color:#fff;
}
table.factura_master_table td,table.factura_master_table tr{/*text-align:center;*/}
table.factura_master_table,
p.scadentpara{text-align:center;width:100%;}
table.innercontactdetailstable{float:left;}
table.invisibleformtable{border:0;border-width:0;margin-left:auto;margin-right:auto;}


table.oplist{border:0;margin-left:auto;margin-right:auto;}
table.standard_list,table.standard_list th,table.standard_list tbody,table.standard_list td,table.standard_list tr{
background-color:red;border:0;border-spacing:0;color:red;margin-top:200px;padding:30px;text-align:center;width:100%;}


table.standard_list_newformular{border-style:solid;border-color:#bbb;border-width:1px;
background-color:#fff;border-spacing:0;text-align:center;width:100%;border-collapse:collapse;}
table.standard_list_newformular td{border:#99a 1px solid;padding:0px;border-collapse:collapse;font-weight:normal}
table.standard_list_newformular th{border:#99a 1px solid;padding:0px;border-collapse:collapse;font-weight:bold;
	background-color:#999;color:#fff;vertical-align:top;}
table.standard_list_newformular th.descrtitlehead{background-color:#FFF;vertical-align:bottom;}
table.standard_list_newformular td span {font-weight:normal;}

table.agenda_client_data_input_fact_benef td {text-align:right;}
table.agenda_client_data_input_chit_benef td {text-align:left;}
td{padding-left:3px;padding-right:3px;}
td.active{color:GREEN;text-align:center;}
td.additemtd{color:Gray;font-size:12pt;}
td.anulat_factura{color:Silver;}
td.blue_td{color:blue;font-weight:bold;}
button.calendar_button{background-color:#FFF;}
td.bordermiddletd{}
td.bordertd{background-color:#FFF;height:2px;width:0;}
td.comanda_table_row input {font-weight:normal;color:#000;background: transparent;width:auto;display:inline;margin:1px;padding:0;border:0;}
td.comanda_table_row input.com_status_inp{font-weight:bold;color:#000;}
td.comanda_table_row input.com_client_inp{color:#068;}
td.comanda_table_row input.com_produs_inp{color:#077;font-weight:bold;}
td.comanda_table_row input.com_alert_inp{color:#F00;}
td.comanda_table_row{text-align:left;color:#666;border:solid;border-color:#663;border-width:1px;border-collapse:collapse;margin-top:3px;padding:10px;}
td.separator{background-color:#FFF;}
td.danceart_prezent{background-color:#fff;}
td.danceart_prezent_day{background-color:#ddd;}
td.danceart_prezent_day_checked{background-color:#7BB;}
td.danceart_platit_blank{background-color:#FFF;}
td.danceart_platit_paid{background-color:#588;}
td.danceart_platit_unpaid{background-color:red;}
td.danceart_has_abonament{background-color:#efe;}
td.da2{background-color:#fff;}
td.da9{background-color:#ddd;}
td.da8{background-color:#7BB;}
td.da4{background-color:#FFF;}
td.da5{background-color:#588;}
td.da6{background-color:red;}
td.da7{background-color:#efe;}
td.da1 {height:2px;background-color:#777;padding:0;margin:0}
td.descrintro{font-weight:bold;text-align:right;vertical-align:top;}
td.detalii_expeditie{text-align:left;vertical-align:middle;}
td.explanation{color:#999;}
td.factura_beneficiar{text-align:right;vertical-align:top;width:33%;}
td.factura_furnizor{vertical-align:top;width:33%;text-align:left;}
th.factura_topmiddle{text-align:center;vertical-align:top;width:33%;color:#000}

td.inactive{color:var(--color-red);text-align:center;}
td.incoming{color:Green;}
td.leftcolumn {background: #446688 } 
td.leftcolumn,tr.leftcolumn{font-size:8pt;padding:5px 0 5px 0px;vertical-align:top;width:155px;}
td.leftfield,td.right_aligned {text-align:right;}

td.oplist_col1{width:60px;}
td.oplist_col2{width:100px;}
td.oplist_col3_editable,td.oplist_col4_editable,td.oplist_col5_editable{background-color:#FFF;width:100px;}
td.oplist_col3_readonly,td.oplist_col4_readonly,td.oplist_col5_readonly{background-color:#BBB;width:100px;}
td.outgoing{color:var(--color-red);}
.paid{color:GREEN;text-align:right;}
.partial_paid{color:ORANGE;text-align:right;}
td.searchrow{background-color:#F4F4F4;}
.unpaid{color:var(--color-red);text-align:right;}
textarea.fact_mentiuni{width:98%;}
tr.editedone{background-color:#CEC;}
tr.oplist_paratlan{background-color:#eee;}
tr.oplist_paros{background-color:#FFF;}
tr.w{background-color:#FFF;}
/*tr.oplist_paros:hover{background-color:#dfd;}*/
/*tr.oplist_paratlan:hover{background-color:#dfd;}*/
.standard_list_viao tr:hover{background-color:#f2f2f2 !important;}
.tr-selected {background-color:#dfd !important;outline:1px #8d8 solid;}
tr.wk_tr_archived {background-color:#eee;color:#666}

tr.alerted {background:#faa;}


.s99 * {font-size:99% !important;}
.s98 * {font-size:98% !important;}
.s97 * {font-size:97% !important;}
.s96 * {font-size:96% !important;}
.s95 * {font-size:95% !important;}
.s95 * {font-size:95% !important;}
.s90 * {font-size:90% !important;}
.s85 * {font-size:85% !important;}
.s80 * {font-size:80% !important;}
.search_input {font-size:16px !important;}
.l {text-align:left !important}
.c {text-align:center !important}
.r {text-align:right !important}

.tr_read * {font-weight:normal !important}
.tr_unread * {font-weight:bold}

table.standard_list_viao tr:first-child th:first-child {
	border-radius:0;
	padding-left:10px;
	text-align:left;
	
}
table.standard_list_viao tr th:first-child {
	/*background-color:#ddd;*/
	width:16px;
}

table.standard_list_viao{border-spacing:0;text-align:right;width:100%;color:#111 ;
	margin:0px auto 10px auto;border-collapse:separate;
	border-radius:0px;
/*	background:#e4e4ff;*/
}
table.standard_list_viao td,th{
    border:0;border-bottom:#dfdfdf 1px solid;padding:3px 2px;
}
table.standard_list_viao td {vertical-align:middle;font-size:13px;}
table.standard_list_viao img  {max-width:1000px;}
table.standard_list_viao{
	
	margin:5px 0 0 0 ;
	padding:5px !important;
	/*border-top:2px #eee solid;*/
	/*border-bottom:2px #eee solid;*/
	clear:both;
	background:#fff;
	

}

.mod_left_panel table.standard_list_viao{
	border:0;
	box-shadow: 0 0 0 #fff;
	margin:0 ;
	border:0;
	
}
.table-footer-legend {padding:5px 0;clear:both;color:#888;text-align:left;font-size:11px;}
table.standard_list_viao .title_row th {
  vertical-align: middle;
  border-bottom: #eee 3px solid;
  background: #fff;
  padding: 10px 2px 6px 2px;
  font-weight: bold;
  color: #111;
}
.title_row {
  background: #fff;
  box-shadow: 0 8px 8px -9px #888;  
  position: sticky;
  /*top: 38px;*/
  z-index: 1;
}
	
.progress_bar_loaded
	{
		
		background-color:#5d5;
		height:100%;
		margin-top :-19px;
	}	
.progress_bar
	{
		border:1px solid #ddd;
		background-color:#fff;
		border-radius:3px;
		line-height:19px;
		text-align:center;
		float:right;
		vertical-align:middle;
		width:200px;
		height:19px;
		margin:4px 5px;
	}



table.standard_list_viao td > div.progress_bar
	{
		
		margin:3px 5px;
			width:120px !important;
	}
	
thead td, thead th {background:#fff !important;}
thead .btn_procesare {margin:3px !important;}
h2 .btn_procesare {margin:0px  5px 2px 5px!important;padding:4px 8px;float:right;}


/*
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */

*/

.other {

background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */

}

table.standard_list_viao thead td{}
table.standard_list_viao th{
    vertical-align:middle;font-size:10.5pt;background:#fff;
    text-transform:capitalize;
    color:#666;vertical-align:middle;font-weight:normal;	
}

table.standard_list_viao th.descrtitlehead{vertical-align:bottom;}
.standard_list_viao a {font-weight:bold;color:#333;	}
.standard_list_viao a b{}


.master_contabformular_table {
        border-collapse:collapse;
        border-spacing:0;
		margin:5px 2px; 
		padding:0px;
		width:calc(100% - 4px);
		clear:both;
		border-radius:3px;
		border-spacing:0}
 .master_contabformular_table h1 {color:#444;}
 .master_contabformular_table th, .master_contabformular_table td {}
td.master_contabformular_table_td{padding:0px !important;background:#fff;}

table.standard_list_viao th .ic, table.standard_list_viao td .ic 
{visibility:hidden;width:14px;
margin-right:0;
margin-left:-8px;
margin-bottom-2px;
padding:  4px;background:#fff;display:inline;position:absolute;box-shadow:2px 2px 3px #aaa; z-index:11111;
margin-top:-10px;
}
table.standard_list_viao th:hover .ic, table.standard_list_viao td:hover .ic {visibility:visible;}

.lot {color:orangered;font-size:11px !important;}

.invalid td, .invalid{background:#d22;color:#fff;font-weight:bold;}

.nomenclator_table {margin:4px auto;clear:both;min-width:800px}
.nomenclator_table label {min-width:0;max-width:100%;}
.nomenclator_table th {font-size:13px;color:#111}

th.with_icons {}
th.no_icons img {display:none}
.autohide {display:none;visibility:hidden}
.standard_list_viao td:hover .autohide {display:inline-block;visibility:visible}
.standard_list_viao th:hover .autohide {display:inline-block;visibility:visible}
.tr_problem {background:#eaa !important;}

.td_info {font-size:11px;color:#aaa;}

table.newformular th {border:#ccd 0px solid;padding:3px;border-collapse:collapse;font-weight:bold}
table.newformular td {border:#ccd 1px solid;padding:3px;border-collapse:collapse;font-weight:normal}
table.newformular td span {font-weight:normal;}

.input98 label {width:100%;text-align:left;clear:both;padding:0 0 0 2px;margin:0;font-size:0.7rem !important}
.input98 input {width:98%;}
.input98 textarea {width:98%;}



.structure_table {width:100%}
.valign_top td {vertical-align:top !important;}
.left_aligned td {text-align:left !important;}

.small { font-size:10px !important;}

.mini_label {background: none repeat scroll 0 0 #444;
    color: #FFFFFF;
    font-size: 9px;
    margin: 0 2px;
    padding: 0 2px;}
.greengnd {background: #3a3 !important;color:#fff}

.b {font-weight:bold;color:#000}

.tdc {font-weight:bold !important;color:#000 !important}

.tr_selected td {background:#ccc}
.tr_selected td * {color:#111;font-weight:bold;}


td .small {font-size:11px !important;line-height:11px;color:#999}
td .smallw {font-size:11px !important;line-height:11px;color:#999;word-wrap:anywhere}
td .red {color:var(--color-red);}
.prch {font-size:90% !important;line-height:92%;}
.nowrap {white-space:nowrap;}

.left {text-align:left}
.middle {vertical-align:middle}
._crt_ {vertical-align:middle;cursor:help}

.no_bottborder td {border-top:0 !important;
	border-bottom:0 !important}
	
.nr_v {
	border-radius:3px;background:#5aa;padding:0px 3px;margin:2px 4px;font-size:11px;vertical-align:top;float:right;color:#fff;font-weight:bold
	}

	
.colored_ {
	border-radius:3px;vertical-align:top;float:right;font-weight:bold;
	background:#5a5;
	}	
	

.rstoc,
.stoc_ {
	border-radius:3px;border-color:#6d6;vertical-align:top;font-weight:bold;
	background:#5a5;
	color:#fff !important;
	}
	

.stocbundle_ {
	border-radius:3px;border-color:#6d6;vertical-align:top;font-weight:bold;
	background:#FFA500;
	color:#fff !important;
	}
	
.stocf_ {
	border-radius:3px;border-color:#6d6;vertical-align:top;font-weight:bold;
	background:#d5d;
	color:#fff !important;
	}
.stoc0_ {
	border-radius:3px;border-color:#aaa;vertical-align:top;font-weight:bold;
	background:#aaa;
	color:#fff !important;
	}
.stocn_ {
	border-radius:3px;border-color:#aaa;vertical-align:top;font-weight:bold;
	background:#daa;
	color:#fff !important;
	}
	
.price_ {
	border-radius:3px;border-color:#4682B4;vertical-align:top;font-weight:bold;
	background:#A9D0F5;
	}
.price0_ {
	border-radius:3px;border-color:#e88;vertical-align:top;font-weight:bold;
	background:#daa;
	color:#fff !important;
	}
.priclst {background-color:deepskyblue}
.rstoc {
	display:inline-block;
	font-size: 110%;
	 margin: 1px 2px;
    padding: 1px 3px;
	background:purple;
}
	
.nolabel_,
.colored_,
.price0_,
.price_
	{
	padding:1px 3px 1px 3px;
	border-width:0px;
	border-style:solid;
	display:block;
	width:auto;
	float:right;
	margin:1px 2px;
	}	
	
.price0_,
.price_ {
	font-size:110%;
}

.rstoc,
.stocn_,
.stoc_,
.stocbundle_,
.stoc0_,
.stocf_{
	padding:3px 5px 3px 5px;
	font-size:9pt;
	border-width:0px;
	border-style:solid;
	width:auto;
	margin:1px 2px;
	font-size:110%;
	}	

	
.nolabel_ {
	margin:1px 0;
	padding:1px 3px 1px 0px;
	}
	
.nofloat {
	float:none;
}

p.stoc {
	text-align:center;
}

.nolabel_ *,
.stocn_ *,
.stoc_ *,
.stocbundle_ *,
.stocf_ *,
.stoc0_ *,
.price0_ *,
.price_ *
	{
	/*color:#111  !important;*/
	}
	
.bgchirie{ background-color:#ecaa88}
.bggray { background-color:silver;}

.icoh16 {height:16px;}
.floatleft {float:left;}
.floatright {float:right;}
.prodico {max-width:75px !important;max-height:75px;margin:-2px 0;}
.prodico32 {max-width:50px !important;max-height:48px;margin:-2px 0;}
.prodico48 {max-width:50px !important;max-height:48px;margin:-2px 0;height:48px;}
.prodico64 {max-width:64px !important;max-height:64px;margin:-2px 0;height:64px;}
.prodico128 {max-width:128px !important;max-height:128px;margin:-2px 0;height:128px;}
.prodico256 {max-width:256px !important;max-height:256px;margin:-2px 0;height:256px;}
.nomargintable {margin-left:0 !important;margin-right:0 !important;width:100% !important}

tr.red td {background:red;color:#fff !important;}
tr.blue td {background:#eef;color:#222 !important;}

.ui-sortable td {cursor:move}
.ico {cursor:pointer}

.calelemtable {
	width:100%;
	border:0;
	border-collapse:collapse;
}
.calelemtable th{
	background-color:#fff;
	padding:0px 1px;
	vertical-align:middle;
}
.calelemtable td{
	padding:2px 3px;
	line-height: 100%;
	vertical-align:middle;
}

.cal_mo_tdcell {border:1px #ddd solid;padding:4px;overflow:hidden;
  padding: 4px;
  box-shadow: 2px 2px 3px 6px #eee;}
.cal_mo_tdcell:hover {
  box-shadow: 2px 2px 3px 0px #eee;}
.cal_mo_tdcell .add {display:none;float:right;margin:2px;cursor:pointer}
.cal_mo_tdcell:hover .add {display:block !important;margin:1px !important;}

.cal_day_event_m:hover {background:#eee !important;color:#444 !important;}
.cal_day_event_m img {max-width:16px}
.cal_day_event_m {max-width:98%;float:left;display:block;max-height:31px;overflow:hidden;cursor:pointer;border-radius:3px;
		box-shadow:1px 0px 1px #888;
		padding:0;
		border:0px #ddd solid;font-size:12px;margin:2px 3px;}
.cal_day_event_m_alrt {box-shadow:1px 0px 1px #f00;margin:2px 3px !important;}
.cal_strike {text-decoration:line-through;background:#f9f9f9 !important;}
	

.faseria {margin:2px auto;border-collapse:collapse}	
.faseria td,.faseria th {color:#000;padding:2px 5px 0 5px;text-align:left}
.faseria th {border:0;font-size:95%}

.faseria td {color:#000;font-weight:bold;border:1px #ddd solid;background:#F9F9F9}

.calendartable td {
	background:#eee;
}
.calendartable td.currentday {
	background:#fff;
}
.calendartable td:hover {
	background:#efe;
}


.clbadge span {
	font-size:10px;
	font-weight:bold;
	line-height:10px;
}
.clbadge br{margin:0;}
.clbadge {
	margin:0 5px;
	width:24px;
	height:20px;
	overflow:hidden;
	display:inline-block;
	text-align:center;
	vertical-align:center;
	float:right;
	font-size:10px;
	line-height:10px;
	border-radius:4px;
	padding:2px 0;
}
.clbadge_text {
width:auto;font-size: 11px !important;
line-height: 10px !important;
margin: 0px 3px !important;
display: inline-block;
height:24px;display: flex;align-items: center;justify-content: center;padding:2px 4px;
}
.clbadge_group {background-color:#e079fc;color:#fff;}
.whitegnd {
	background-color:#fff;
}

td .p {
	font-size:14px !important;
	font-weight:bold;
}
td.t .p{
	font-size:15px !important;
}
td.t .tdh {
	font-size:15px !important;
	font-weight:bold;
}
.tdh {

}

td sup {
	font-size:11px !important;
}
td .status {
	padding:2px 4px;border-radius:3px;
}
td .ps {
	font-size:115%;
	font-weight:bold;
}

table.border_1 { border-collapse: collapse;}
table.border_1 td{
	border:1px #555 solid !important;
}

input.td_ie {
	margin:2px 5px;
	padding:5px;
	text-align:center;
	width:calc(100% - 22px);
	min-width:50px;
	max-width:100%;
	font-weight:bold;
}
input.tr_id_date {
	margin:2px;
	box-shadow:0 0 0px #fff;
	border:0;
	border:0;
	padding:2px;
	text-align:center;
	width:calc(100% - 32px);
	min-width:16px;
	max-width:100%;
}
.td_ie_edited {
	box-shadow:0 0 1px 2px rgba(0, 200, 45, 0.5) inset;
	background-color:#fff !important;
	padding:0 !important;
}

.tde > button {float:right;}

.ie {cursor:text;background-color:#fff;padding:1px 0 !important;}
.ie:hover {cursor:text;}


tr.disabled td { 
  background-color: #bbb;
  opacity:0.6;}
.hinted  {text-decoration-style: dotted; text-decoration-line: underline;text-decoration-color: #080;cursor: help;}

.orderico {margin:0px 0px 0 -16px;background:#fff;}

.wk_client_final,
.wk_client {
    width:calc(100% - 18px);border:1px #fdd solid;border-radius:3px;background:#fff;padding:4px 8px;margin-bottom:4px;
}
.wk_client_final {border-color:#ddf}

.t_centered td,
.t_centered th {text-align:center;}

.pr_internal_mentions {color:purple;font-size:18px;}
.pr_public_mentions {color:#555;font-size:8pt;}
.pr_shipping_terms {color:blue;font-size:8pt;}

td .larger {font-size:110% !important;}
.iconed_section {}

.iconed_section table.standard_list_viao {border:0;margin:0;}
.iconed_section table.standard_list_viao thead h2 {margin:0;padding:0px 10px 0 0px;font-size:20px !important}
.iconed_section .bocp_table_title {margin:0 5px;padding:7px 10px 0 10px;;font-size:18px !important}
.cntr_autoheight{height:auto !important;overflow:visible !important;}
.hidden {display:none;}
.doc1 td div.cntnr {margin-bottom:-6px;}
div.cntnr_icon{

	flex-direction: column;
	justify-content:center;
	align-items:center;
	align-content:center;
}

.client_stats_widget {
width:100%;
border:1px #ddd solid;
margin:5px 0;
}
table.client_stats_widget th {font-size:11px;text-align:left}
table.client_stats_widget td {font-size:12px;text-align:left;font-weight:bold;padding:2px 4px;}

.btn_procesare .mini_utility_button{
    height:auto;
    margin-top:1px !important;
}
.th-row-title .mini_utility_button{
    height:auto;
    margin-top:4px !important;
}
.bocp_table .th-row .mini_utility_button{
    height:auto;
    margin-top:2px !important;
}

.search_div .mini_utility_button{
    height:auto;
    margin-top:2px !important;
}
.filter_unit .mini_utility_button{
    height:auto;
    margin-top:1px !important;
}
.td-p a,
.bocp_table tbody a:first-child {
    display:inline-block;
   /*background:#eef0ff;*/
   /*box-shadow:1px 1px 3px #adf;*/ 
   margin:2px 0 2px 0;
}

.tdh .progress_bar {float:none;margin:1px auto;line-height: 13px;height:15px}
.tdh .progress_bar b{font-size:11px;}
.tdh .progress_bar_loaded {margin-top: -14px;} 
.tdh .form_input_box {min-height:0}
.table-top-elements {
    width:calc(100% - 0px);
    background: var(--border-highlight-colour);
padding: 0;
margin: 0 0 5px 0;
border-radius:5px 5px 0 0;
}
.table-top-elements .btn_procesare{
    margin:9px 5px 0px 5px;
} 

.table-icon {height:32px;margin:0 5px 0 0;vertical-align:bottom;filter: grayscale(100%);}
.bocp_table {margin-top:0px !important;transform-origin: top left;}
.cntnr .bocp_table {margin-top:0px !important}
tr.nb td {border:0}
.td-important {border-left:1px #ddd solid !important;border-right:1px #ddd solid !important;color:#459;font-weight:bold;text-align:center !important;}

.flex-clear {
  flex-basis: 100%;
  height: 0;
}

.tdh .hic {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.hic img {
    filter: saturate(70%) grayscale(10%);
/*    filter: grayscale(50%);*/
} 

tr .row-autohide {display:none !important}
tr:hover > td > div > .row-autohide {display:initial !important}
.largetext {
  font-size:140%;
}
.cxb {
/*transform:scale(0.95);transform-origin:top left;*/
}

@keyframes flash-error {
  25% { border-color: #ccc; background-color: white; margin-left:10px;} 
  50% { border-color: #D33; background-color: #FFF2F2; margin-left:0px;}
  75% { border-color: #ccc; background-color: white; margin-left:10px;} 
}

.error { 
  border:1px solid red;
  background-color:#fdd;
  animation: flash-error 1s 2; /* Run the 1-second animation once */
}
.vt {}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2alloc_to_technician_id-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.BOCP_form{
    background:#fff;clear:both;display:block;
    width:100%;padding:15px 30px;
    margin:0 auto;
    box-sizing: border-box;
}

.input_expl {font-size:11px;color:#888}


.BOCP_form_noborder{
    width:100%;
    margin: 15px auto 5px auto;
    border: 1px dashed #b5b5b5;
    /*box-shadow: 2px 2px 5px #aaa inset;*/
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
}

.form_input_box {
    min-height:45px;padding:2px 7px 5px 7px;max-width:1524px;
    background:var(--input-box-bg-color);
    border-radius: 5px;
    margin:5px 0;
    box-shadow: 0px 0px 2px #bbb;
}

.input_element_section input[type=radio] {margin:5px 5px 0 5px;}
.input_element_section input[type=file] {margin:5px 5px 0 5px;}


.multiselect_element {background-color:#eee;margin:2px;width:auto;padding:2px 4px;block:inline;float:left;border:1px #ccc solid}
.multiselect_element label {width:auto;min-width:0;max-width:300px;margin:0;}
.multiselect_element input {margin:2px 0 0 5px}


.top_positioned {text-align:left;font-weight:normal;padding:0 !important;
			font-size:14px !important;color:#444;clear:right !important;display: inline;
    font-family: 'PT SANS NARROW',Arial;
			margin:0 !important;width:99% !important;max-width:99% !important;
float:left !important;}

.top_positioned a.confirmdlg {float: none !important;
    display: inline-block;
    padding: 0 5px;}
			
.left_positioned {font-size:13px;line-height:24px;text-align: left;margin-left: 0;}
.input_element_section .radio_label {font-size:14px;background:#fff;max-width:100%;width:auto;text-align:right;padding:3px 5px;
			box-shadow:1px 1px 3px #ddd;border:1px #ddd solid;
}
.radio-label-value {
    height: 17px;
    box-shadow: 1px 1px 1px #aaa;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    clear: none;
    padding: 2px 5px 2px 5px;
    border: 1px #ddd solid;
    margin: 1px 4px 3px 0
}
			
option {font-size:12px}


.os_pr_cat {color:#333;}
.os_pr_cat a {display:none;}
.os_pr_cat:hover {background:#fff;border:1px #ddd solid;cursor:pointer;padding:1px 4px}
.os_pr_cat:hover a {display:inline;margin:0 3px;}
.os_pr_cat:hover img {height:10px;margin-top:-2px}

.input_element_section option {padding:4px 5px}


.input_element_section input,
.input_element_section select{
    height:18px;
}

.input_element_section input,
.input_element_section select,
.input_element_section textarea {
    margin:0;
	border:1px #cecece  solid;
	/*width:95%;*/
	max-width:100%;
	font-size:15px;
	font-weight:bold;
	padding: 5px 5px;
	border-radius:4px;
	color:#111;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1) inset;
	background:#fdfdfd;
	}
	
.added_element select {width:auto}
.added_element {display: flex;align-items: center;}
.added_element > * {margin:0 !important;}

.input_element_section input:focus,
.input_element_section select:focus,
.input_element_section textarea:focus
	{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 3px #afa;background:#fff !important;border:1px #adf solid;
	
	
	}
	

.input_element_section select{
	height:30px;
	font-size:1em;
	/*padding-left:0;*/
}

.btn_procesare_small {width:auto !important}
	
.input_element_section {width:100%;border:0;margin:2px auto 0 auto;display:block;padding:0 0 1px 0}
.input_element_section hr {background:#fff;margin:0px 0;height:0}
.input_element_section label {width:20%;max-width:200px;padding:0px 0;color:#333}
td {vertical-align:top;}

.input_element_section label input {width:auto}

.customselelectdiv {float:left;width:100%}
.customselelectdiv a {visibility:hidden}
.customselelectdiv:hover a {visibility:visible}

.readonly {background:#ddd !important}
.disabled {background:#ddd !important}

.view_value {
	color:#333;
	font-size:1.01rem !important;
	/*font-family:Roboto,'Open Sans';*/
	font-weight:bold;
	/*border-bottom:1px #e5e5e5 solid;*/
	margin-bottom:0;
	line-height:1rem;
    max-width:100%;
	}

.view_value img{
    max-width:100%;
    max-height:800px;
	}

.view_value .mini_utility_button {
    margin: 0 1px !important;
    display: flex;
}

.view_label {
	padding:2px 0 0 0;
	font-size:12px !important;
	color:#888;
	border:0;
	font-weight:normal;
	}
	
.incomplete
	{
	background-color:red !important;
	}


h1.form_title {font-size:32px;
    background: rgb(249,249,249);
    background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
}
.BOCP_form h2 {
    padding:7px 10px 2px 0;
    margin-top:10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f6f6f6+35,ededed+100 */
}
.formtitle {font-size:34px !important;color:#111;margin-bottom:0px;clear:both;float:left;padding:3px 10px;width:calc
(100% - 20px);}
.formtitle img {margin:0 10px 0 0;}
.form_section_title {clear:left;margin-top:15px;font-size:24px !important;color:#444;font-weight:bold;text-align:left}
h3.form_section_title {font-size:18px !important;}

.form_title input[type="button"].btn_procesare, .form_title .btn_procesare{
    margin: 4px 5px;
}
a.module_link, .mainpage a,
#mft,
.formtitle,
.form_title,
.vertical-label,
.form_section_title,
.main_mod_title,
.bocp_table_title {
    font-family: 'PT SANS NARROW',Arial;
}
.add_items {
	width:99%;
	margin:0 auto;
	}
	
.add_items th {color: #444;
    font-weight: bold;
    vertical-align: bottom;
	font-size:13px;
	padding:5px 0 0 5px;}
	
	
.w75 {width:calc(75% - 10px);padding:0 5px;float:left;}
.w25 {width:calc(25% - 10px);padding:0 5px;float:left;}

.select2-results__options li {margin-left:0; font-size:12px;padding:5px 4px;}
.select2-container--default .select2-results > .select2-results__options {max-height: 300px;}

.input_expl {
	display: none;
	clear: left;
	font-size: 11px;
	float: left;
	color: #555;
	position: relative;
	margin-bottom: -100%;
	z-index: 1;
	background: var(--input-box-bg-color);
	padding: 1px 2px;
    width: 98%;
    text-align: center;
    box-shadow: 1px 1px 2px #aaa;
}


.tabbed_options_select_label {font-weight: bold}
.tabbed_options_select_label p {font-weight: normal}

.content {padding:0 10px;}

.bocp_table tbody td .btn_procesare.selector {
    border-color: #008800 !important;
    background-color: #008800 !important;
    color: #fff !important;
}
.bocp_table tbody td .btn_procesare.selector-selected {
    border-color: silver !important;
    background-color: silver !important;
    color: #000 !important;
}
.module_main_frame {border:0px #ccc solid;padding:0px 0px;	}
.desktop-halfcol {width:50%}
.desktop-left-column {width:200px;float:left;}
.desktop-right-column {width:calc(100% - 200px);float:right;}
.mhead {
    clear:both;
	width:calc(100% -10px);
	margin:0;
	background:#f5f5f5;
	padding:12px 5px 6px 5px;
	border:0;	
	min-height:40px;
	background: rgb(255,255,255); /* Old browsers */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow:8px 0 8px #ddd;

	
}
.mhead h1 {margin:0}
.mhead div.standard_button_right {margin:0;  }

.mhead .mod_newitem_butt {margin:0 5px 5px 5px !important;
    transition: all 0.15s ease-in;
    }

input.search_input {background-image: url(https://cdn.bocp.eu/bocp/icons/magnifier.png);background-repeat: no-repeat;background-position:right; 
						border-color:#282;border:0;margin:0;display:block;color:#111;font-size:16px;font-weight:bold;
						margin:-2px 0 0 0;width:175px;}


.m_div {
    border:0;
	width:calc(100% - 50px);
	padding:20px 15px;
	margin:15px 10px;	
	/*background: #ffff;*/   
	clear:both;
	
}
.tab-content-with-clinteract > .m_div {
    width:calc(100% - 10px) !important;
    padding: 20px 5px;
    margin: 15px 0;
}

.BOCP_form .tab-content .m_div {
    box-shadow: 0 0 0 #fff;
    padding:20px 5px;
    width:calc(100% - 30px);
}
.tab-content > .m_div {
    box-shadow: 0 0 0 #fff;
    padding: 0 5px !important;
    width:calc(100% - 10px) !important;
    margin:0;
}

.master_contabformular_table  .m_div {
	
	background:#fff;
}
.m_div .m_div {
		padding:5px 0% 0 0%;
		width:100%;
		/*box-shadow:0 0 0 #fff;*/
		
		
		 box-shadow: 0;
		min-height:0px;
		box-shadow: 0 0 0px #bbb inset;
		margin:5px 0;
		}



.mod_submenu {background:#eee;width:calc(100% - 22px);
    display:block;min-height:32px;border:1px #fff solid;margin: 0 10px 5px 10px;
    padding:4px 0;
    }
.mod_submenu b {margin-top:7px;}
.mod_submenu span {float:left;padding:2px 2px 2px 5px;font-size:12px;}
.mod_submodule_link {}
li.subpage {display:block;float:left;padding:0px 0;margin:-2px 5px;border:0}
.submodule_link_sel, .submodule_link {
	display:block;padding:5px 5px;text-align:center;float:left;margin: 3px;
	height:20px;
	}
.submodule_link img {margin:0 3px 0 0;height:20px;}
.submodule_link:hover, .submodule_link_sel {

	background:#fff;border:1px #ccc solid;
	margin:2px 2px;
	}


.tabs_div_wrapper {
	border-bottom:1px #c4c4c4  solid;
	width: calc(100%);
    float: left;
    margin: 10px 0 15px 0;
}
.tabs_div {
	display:block;
	float:right;
	margin-right:10px;

	text-align:right;
}
.m_form_tab {
	color:var(--color-tab); 
	background:var(--color-tab-bg);
	display:block;float:left;height:17px;
	border:0px #fff solid;
	border-bottom:0;
	margin:10px 3px 0 3px;
	border-bottom:0px #fff solid;
	font-size:14px ;

} 

	
.m_form_tab, 
.m_form_tab_selected {
    margin-bottom:0px;
    border:1px #ddd solid;
    border-bottom:0;
    font-size:14px !important;
    padding:8px 20px 10px 20px;
    /*border-radius:3px 3px 0 0 ;*/
    box-shadow:0;
    transition: all 0.35s ease-in;
    border-radius:6px 6px 0 0;
}

#ajaxcontent .m_form_tab,
#ajaxcontent .m_form_tab_selected,
.m_div .m_form_tab,
.m_div .m_form_tab_selected,
.pp_inner .m_form_tab,
.pp_inner .m_form_tab_selected  {
	
}

.m_form_tab_selected {
	display:block;float:left;
	height:20px;
	
	margin:8px 5px -1px 5px;
	overflow:hidden;
	font-weight:bold;
	color:var(--color-tab-selected)  !important;
	position:relative;
  border:1px #c4c4c4  solid;border-bottom:0;
	background: var(--color-tab-selected-bg);
	box-shadow:-1px -3px 4px #d9d9d9;
}
	
.m_form_tab:hover img,
.m_form_tab_selected:hover img{
    filter:grayscale(0%);
}
.m_form_tab:hover,
.m_form_tab_selected:hover {
transition: all 0.35s ease-in;
color: var(--color-tab-selected) !important;
background: var(--color-tab-selected-bg);
}
#mft {clear:left;width:auto;padding:4px 10px 5px 0px;
margin:8px auto 0 10px; font-size:24px;float:left;
font-weight:bold;text-shadow: 1px 1px 2px #fff;
background-color:#fff;
height:26px;
}

h1.main_mod_title {float:left;padding-left:5px;}
h1.main_mod_title {text-shadow: 1px 1px 1px #fff;font-size:25px;color:#000;display: flex;align-items: center;}



a.module_link:active,a.module_link:hover{color:#FFE700;text-decoration:none;}
a.module_link:visited,a.module_link:link{}
a.module_link:hover{color:#044;}

.mainpage_list {min-height:45px;overflow:hidden;padding: 0 7px 0 3px;margin-bottom:10px;}
.mainpage_list a{border:0;}


a.module_link, li.mainpage {
	display:block;padding:0;
	text-align:center;float:left;
	margin:-1px 3px 0 7px;
/*	border:1px #f5f5f5 solid;*/
	border-top:none;border-top:0;
	background:var(--color-tab-bg);    
	color:var(--color-tab);    
	border-radius: 0 0 3px 3px;
  
}
#old_module_head2 .module_link {padding:5px 10px;font-weight: normal;font-size: 13pt;}
#old_module_head2 .module_link,
a.module_link, .mainpage a {font-size:13pt;
    vertical-align:middle;padding-top:1px;float:left;padding: 6px 5px 6px 5px;
    color:var(--color-tab);    
}


.mainpage:hover,.mainpage_sel {
    background:var(--color-tab-selected-bg) !important;
    padding-top:3px !important;
    outline:1px solid #ddd;
    /*font-weight:bold;
    box-shadow: 0 1px 2px #ddd;*/
    }
.mainpage:hover a,.mainpage_sel a {
    color:var(--color-tab-selected);
    text-shadow: 0px 0px 2px #aaa;
}

li.help-menu-item {background: #d5e6ff/*var(--color-kb)*/ }
li.help-menu-item > a { color: #333;}
li.mainpage:hover {background:#333}


.mainpage img {height:24px;margin-left:5px;margin-right:5px; filter: grayscale(100%);}
.leftmenu li {list-style-type: circle;margin:1px 0 1px 27px;padding:0}

.mainpage:hover img,
.mainpage_sel img {filter: grayscale(0%);}

.module_subgroup_flat {padding:0px 0px;display:block;border:0px #aaa solid;color:gray;
background:#fff;clear:both;margin-bottom:5px}
.module_subgroup_flat h2 {
	margin:0;
	background-color:#eee;
	padding:0 1%;
	width:98%;
}
.module_subgroup {padding:5px;display:block;border:0px #aaa solid;color:gray;
background:#fff;clear:both;margin-bottom:5px
}
.module_subgroup h2 {background-color:#eee;width:96%;padding:2px 2%;font-weight:bold;}
.organizer {width:100%}
.organizer td {padding:5px;}

.infodiv {text-align:left;background:#f5f5f5;border:1px #eee solid;padding:0.5% 5px;width:99%-2px;clear:both;margin:5px auto 5px auto;font-size:13px}
.infodiv span {margin:0 0px;}
.infodiv div {margin:5px 5px;white-space:nowrap;float:left;padding:0 5px}
.infodiv div.divider {width:1px;background:#aaa;float:left;height:22px;margin:2px 0;padding:0}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.ag_info_section {margin:5px 0;padding:3px 0 5px 0;}
.ag_info_section .top_positioned {padding-top:1px !important}
.ag_info_section:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
   }
   
.greenbox {border:1px #8f8 solid;color:#111;border-radius:4px;background:#dfd}
.goldbox {border:1px #EDDA74 solid;color:#111;border-radius:4px;background:#FFF380}
.bluebox {border:1px #88f solid;color:#111;border-radius:4px;background:#ddf; padding-left:5px;padding-right:5px}
.orange {color:orange}

.pdf_download {}

.spacious ,.spacious li {padding:5px 0;font-size:105%}

.half_column {
	width:calc(50% - 30px);margin:5px 3px;padding:5px 10px;background:#fff;border-radius:3px;
	float:left;box-shadow: 0 0 4px #ddd;
}
.half_column-3-4 {
	width:calc(75% - 30px);margin:5px 3px;padding:5px 10px;background:#fff;border-radius:3px;
	float:left;box-shadow: 0 0 4px #ddd;
}
.half_column-1-4 {
	width:calc(25% - 30px);margin:5px 3px;padding:5px 10px;background:#fff;border-radius:3px;
	float:left;box-shadow: 0 0 4px #ddd;
}
.custom_column {
    box-sizing: border-box;
	width:calc(33.33% - 8px);margin:5px 3px;padding:5px 10px;background:#fff;border-radius:3px;
	float:left;box-shadow: 0 0 4px #ddd;
}

.mod_left_panel table.standard_list_viao td {font-size:13px;padding:0;}
.mod_left_panel table.standard_list_viao td a {font-size:15px;padding:6px 0 6px 5px !important;float:left;width:100%;font-weight:normal;}
.mod_left_panel .form_section_title{ margin-top:10px;}
.mod_right_panel{padding:10px 0px 10px 10px;background:#fff;
    border: 0px #ddd solid;
}

.mod_right_panel > .m_div {
    padding: 10px 0 10px 10px;
    margin: 0 ;
    width:calc(100% - 10px);

}
.mod_left_panel{
	background-color:#f5f5f5;
	padding:15px 10px 5px 00px;
	width:15%;
	min-width:185px;
	box-shadow:4px 0px 4px #eee;
	padding: 0px 10px 5px 10px;
	box-sizing: border-box;
}

.left_panel_closed {
  min-width:50px;
  max-width:50px;
  width:50px;
  overflow:hidden;
  padding:5px;
mask-image: linear-gradient(to right, black 80%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
          
}

.left_panel_closed:hover {
  min-width:185px;
  max-width:initial;
  width:initial;
  mask-image: none;
-webkit-mask-image: none;
}

.mod_right_panel {
border-left:1px #ddd solid;
}

.mod_left_panel .mod_left_panel{
	border:0;
}

.mod_left_panel .bocp-table-wrapper{
	padding:0;
}

.old_hint_ico {
	float:right;
	margin:-20px 2px 2px 2px;
}

.fa_editor {
	border-collapse:collapse;
	margin:5px 0 ;
}
.fa_editor td {
	border:1px #eee solid;
	padding:30px;
}

.mod_refresh_ico {float:right}
.mod_refresh_ico img {height:32px;}

.bocp_notification {
width: calc(90% - 32px);
  padding: 5px 15px 10px 15px;
  margin: 15px 5%;
  background: #fff;
  border-radius: 5px;
  clear: both;
  display: inline-block;
  text-align:left;
  box-shadow: 2px 2px 4px #aaa;
}
.bocp_notification img {
	vertical-align:bottom;
	padding: 0 6px 0 0;
	float:left;
	
  margin: 0px 0 0 0;
}

.bocp_notification h2.title img {
	vertical-align:bottom;
	padding: 0 3px 0;
	float:left;
	height:24px;
	margin:0;
}
.bocp_notification p {font-size:14px !important;text-align:left;}
.bocp_notification h2.title {
	font-size:17px !important;
	border-bottom:1px #999 solid;
	padding:0 0 4px 0;
	vertical-align:bottom;
	line-height:23px;
	text-align:left;
	margin:5px 0 5px 0;
}
.bn_info {border:1px var(--color-light-blue) solid;}
.bn_alert {border:1px #FEC00A solid;
 background: rgb(252,211,156);
background: radial-gradient(circle, rgba(252,211,156,1) 13%, rgba(255,203,104,1) 100%); 
}
.bn_update_notify {border:1px purple solid;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffd3fc+0,ffcef8+47,eeceff+100 */
background: #ffd3fc; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffd3fc 0%, #ffcef8 47%, #eeceff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffd3fc 0%,#ffcef8 47%,#eeceff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffd3fc 0%,#ffcef8 47%,#eeceff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd3fc', endColorstr='#eeceff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.bn_configalert {border:1px #FE0A0A solid;box-shadow: 0 0 10px #fcc}
.bn_message {border:1px var(--color-green) solid;
 background: rgb(239,255,227);
background: radial-gradient(circle, rgba(239,255,227,1) 13%, rgba(232,246,231,1) 100%); 
}
.bn_kb {border:1px var(--color-kb) solid;}
.bn_error {border:1px var(--color-red) solid;color:#222;background:#a44;box-shadow: 5px 5px 10px #959595;  }
.bn_error > h2 {color: #fff;font-weight:bold;}
.bn_error > div {background:#fff;padding:10px 20px;width:calc(100% - 42px);border-radius:5px;font-size: 14px;}
.small_alert {display: flex;  align-items: flex-start;padding:5px 10px;}
.small_alert > img {margin-top:3px;}
   

.product_brochure {page-break-before:always;font-size:13px;}
.product_brochure h1,h2,h3,h4,h5 {margin-top:10px;}
.product_brochure h1 {font-size:32px;}
.product_brochure h2 {font-size:30px;}
.product_brochure h3 {font-size:28px;}
.product_brochure h4 {font-size:26px;}
.product_brochure h5 {font-size:24px;}
.product_brochure p {margin-top:5px;}

.inline_hint_ico img {height:20px;margin:0 4px;}



.agent_bagde{
cursor:pointer !important;
color:#151;
border-radius:3px;float:right;
        padding:1px 5px 1px 0px;
        height:22px;overflow:hidden;
        font-size:14px;vertical-align: middle;line-height:22px;
border:1px #49af87 solid;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4df5b+0,b4df5b+100;Green+Semi+Flat */
background: #b4df5b; /* Old browsers */
background: -moz-linear-gradient(top, #b4df5b 0%, #b4df5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b4df5b 0%,#b4df5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b4df5b 0%,#b4df5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4df5b', endColorstr='#b4df5b',GradientType=0 ); /* IE6-9 */


}
.agent_bagde img {float:left}

.left_categ_selector {margin:0; padding:0;width:100%}
.left_categ_selector li {margin:0; padding:0;}
.left_categ_selector li a {margin:0px 0px; padding:5px 5px;float:left;width:calc(100% - 10px);font-size:14px;
border-bottom:1px #eee solid;
}
.left_categ_selector li a:hover {background:whitesmoke}


.kb_article_description {background:#fafafa; padding:10px 15px;font-size:16px !important;float:left;width: calc(100% - 30px);}
.kb_article_text {background:#fff; padding:10px 15px;font-size:13px;float:left;width: calc(100% - 30px);font-size:14px;}
.kb_article_text * {font-size:15px !important;}


.prv_ci img {height:22px;float:right;}
.prv_civ img {height:24px;float:right;margin: -4px 0 -4px 0;}

.ajax_loader{
    width:100%;clear:both;
    height:50px;
    margin:25px 0;
	background-image:url(https://cdn.bocp.eu/bocp/icons/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
.cnt_badge {color:#fff;margin:-2px 5px -2px 4px;float:right;padding:2px 6px;border-radius: 3px;font-size:13px;}
.ticket-content img {max-width:100%;margin:10px 5px;box-shadow:1px 1px 8px #ddd;}
.ticket-content p {margin:5px 0;}

.fa_details {width:100%;clear:both;border-collapse:collapse;}
.fa_details td,.fa_details th {text-align:left;font-size:9px;color:#333;padding:1px 4px;border:0}
.fa_details th {font-weight:bold;vertical-align:bottom;}
.fa_details td {vertical-align:middle;}

.search-box-big-wrapper {
    clear:both;width:75%;margin:0 auto;padding: 10px 0;
}

.search-box-big {
    border-radius:10px; box-shadow:0 2px 4px #ddd;width: calc(100% - 30px); margin:10px 10px;
    background-color: #eee;
    border:1px #ddd solid;
    display: flex;
    align-items: center;
    padding:2px 5px;
}
.print-only {
    display:none;
}

.kb-smallico {
    font-size:14px;display:inline-block;border-radius:3px;box-shadow:1px 1px 3px #FEE599; border:1px solid #fa0;
            background: #FEE599;padding:3px 7px 3px 3px;margin:0px 3px 1px 8px;vertical-align: middle;
            }
.bocp_table_title .kb-smallico {
        margin:-5px 3px 1px 8px;
        }

.imagemanager-image-box {
    font-size:12px;width:112px;height:175px;overflow:hidden;float:left;
    display:block;text-align:center;vertical-align:middle;background-color:#eee;margin:5px 3px;
}        
.smic {
  filter: opacity(75%);
}
.tab-content {
  background: #fff;
  border-radius:5px;
}


.pp_small_border 
	{
	padding:2px !important;
	}
.filter_elem_list li {list-style-type: none;margin:1px 5px}
.filter_elem_list li {padding:2px 5px;}
.filter_elem_list li:hover {background:#eee;}
/*.filter_elem_list li:active {background:#eee;}*/
	
.filt_selected {background:#eee}

.popup_div	{
	min-width:200px;
	max-width:1400px;
	position:absolute;
	border:1px #fff solid;
	box-shadow:2px 2px 10px #222;
	border-radius:3px;
	padding:5px 5px 25px 5px;
	background:rgba(255,255,255,0.7);
	background:#eee;
	
}

		
.popup_div:hover {}
		
.pp_tool_item {
    margin: 4px 0;
    display: block;
    clear: both;
    padding: 6px 5px;
    border: 1px #ddd solid;
    border-radius: 4px;
}
	
.pp_tool_item:hover {
	background:#eee;
	}
	
.pp_inner {cursor:default;
	padding:10px 30px 10px 30px;
	background: #fff;
    width: calc(100% - 60px);
	}
.ip-pp-wrapper {clear: both;padding:10px 0 5px 0}
.ip_popup_div {clear: both;box-shadow: 1px 1px 6px #aaa;}
.ip_popup_div .pp_inner {
    margin:10px 0;
    padding:5px;
    width: calc(100% - 10px);
}
.pp_nav_button {
	font-size:15px;float:right;display:block;margin:0 0 0 3px;
	background:var(--input-box-bg-color);border:0px #bbb solid;padding:3px 8px 3px 8px;
    color:#111;font-weight:bold;
}

.popup_top_bar {height:32px;background:#eee;
    font-family: 'PT Sans Narrow', 'Trebuchet MS', Arial, Helvetica, sans-serif;

    }
.popup_top_bar span{padding:0px 10px 0 10px;
    font-weight: bold;
    float:left;
    color:#111;
    font-size: 22px;
    font-family: 'PT Sans Narrow', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.pp_inner .m_div {
    margin: 0;
    border: 0 ;
    outline: 0;
    box-shadow: 0 0 0 #fff;
    padding: 0;
    width: 100%;
}

.pp-help ,
.pp-help .popup_top_bar {
    background: var(--color-kb);
}


.task_popup_label_div{float:left;margin:5px 2%;width:45%;box-shadow:1px 1px 2px #999;}
.label_task_popup {margin:0px;padding:2px 2px 3px 2px;float:left; font-size:10px;text-align:left;  display:block; font-weight:normal;}
.input_checkbox_task_popup {float:left;margin:3px 2px 0 3px;padding:0}

.task_label_div_view{float:left;margin:5px 5px;width:124px;box-shadow:1px 1px 2px #999;}
.label_task_view {margin:0px;padding:2px 2px 3px 2px;float:left; font-size:10px;text-align:left; max-width:79%; width:79%; display:block; font-weight:normal;} 

.fa_pagination {text-align:left}
.pagedivider {border-top:1px #888 dashed;margin:15px 0}

.subgest {margin:0px 5px;vertical-align:middle;background:#fff;border:1px #eee solid;padding:2px 5px;}
.subgest img {margin:-3px 5px 0 0;height:24px;}


table.form_pred_prim {border: 1px gray solid; border-collapse: collapse;}
table.form_pred_prim td {border:1px gray solid; padding: 2px 5px;font-size:12px;}

.BOCPoffer table {border-collapse:collapse;}
.BOCPoffer td {border:1px #eee solid;vertical-align:middle;padding:3px;}
.BOCPoffer td p {margin:0}
/*-------------------------
    Simple reset
--------------------------*/


*{
    margin:0;
    padding:0;
}


/*-------------------------
    General Styles
--------------------------*/



/*----------------------------
    The file upload form
-----------------------------*/


#upload{
    width:100%;
	display:block;
    border-radius:3px;

    margin:10px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    background-color: #eee;
    padding: 10px 50px;
    margin-bottom: 00px;
    border: 2px dashed #888;
    border-radius: 3px;
    border-image: url('../img/border-image.png') 25 repeat;
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:0px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 0px;
    border-top:1px solid #2b2e31;
    border-bottom:1px solid #3d4043;
}

#upload ul li{

    background-color:#555;

    background-image:-webkit-linear-gradient(top, #888, #555);
    background-image:-moz-linear-gradient(top, #888, #555);
    background-image:linear-gradient(top, #888, #555);

    border-top:1px solid #888;
    border-bottom:1px solid #555;
	width:100%;
    padding:10px 0;
    height: 52px;
	margin:0;
    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('./images/uplader_icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}


/*----------------------------
    The Demo Footer
-----------------------------*/


footer{
    background-color: #080808;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.4);
    height: 40px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100000;
}

footer h2{
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top:0;
    left: 50%;
    bottom:0;
    margin-left: -420px;
    padding:13px 20px 0;
    border:1px solid #000;
    border-width:0 1px;
    background-color:rgba(0,0,0,0.6);
    box-shadow:0 0 5px #000 inset;
    line-height: 1;
    margin-top: 0;
}

footer h2 a{
    color: #EEEEEE !important;
    text-decoration:none !important;
}

footer h2 i{
    font-style:normal;
    color:#888;
}

#tzine-download{
    opacity:0.9;
    background-color:#257691;
    font-size:11px;
    text-align:center;
    text-transform:uppercase;
    width:150px;
    height:28px;
    line-height:28px;
    text-decoration:none !important;

    display: inline-block;
    border-radius: 2px;
    color: #fff !Important;
    font-weight: bold;
    box-shadow: 0 -1px 2px #1e5e74 inset;

    border-top:1px solid #26849c;

    text-shadow:1px 1px 1px #1e6176;
    margin-top:6px;
}

#tzine-download:hover{
    opacity:1;
}

#tzine-actions{
    position:absolute;
    top:0;
    width:500px;
    right:50%;
    margin-right:-420px;
    text-align:right;
}

#tzine-actions iframe{
    display: inline-block;
    height: 21px;
    width: 95px;
    position: relative;
    float: left;
    margin-top: 11px;
}



#=======================================================

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */
.jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}
.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.6em;text-align:left !important;font-weight:bold;margin-top:40px}
table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)}.principal {
	font-weight:bold;
	}
	
.company_title_name {
	/*cursor:pointer;*/
	}
p.client_name {font-size: 110% !important;font-weight: bold;color:black;}

.top_utils {
	/*clear:both;*/
	/*padding:2px 1% 5px 1%;*/
	/*width:98%;*/
	/*text-align:right;*/
	/*margin:5px 0 10px 0;*/
	/*background:#fff;*/
    /*box-shadow: 0 7px 12px -4px #6C6C6C;*/
    clear: both;
    padding: 2px 1% 2px 1%;
    width: calc(100% - 2%);
    text-align: right;
    margin: 5px 0 10px 0;
    background: #fff;
    box-shadow: 0 2px 9px -4px #6C6C6C;
    border-radius: 10px;
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
	}
.top_utils .mini_utility_button,
.top_utils .mini_utility_button2 {
    margin: 2px 3px;
}

.doc_customizer {
	clear:both;
	padding:1% 10px;
	box-shadow:0 2px 3px #ccc;
	width:98%;
	text-align:left;
	margin-bottom:10px;
	}


.doc1 {
	border-collapse:collapse;
	width:100%;
	clear:left;
    box-shadow: 0px 0px 15px -4px #888;
    background-color:#fff;
    border-radius: 10px;
	}


.doc1 h1 {
	font-size:30px !important;
	color:#002;
	}
	
.with_right_margin {
	margin-right:35px;
	}
.right_side_tools {
	float:right;
	width:34px;
	padding:35px 0 15px 0;

	}
	
.v2 h1 {
	font-size:20px !important;
	}
	
.top_info, .top_info * {
	
	line-height:120%;
	text-align:left;
	}
	
.top_info_rectangle_on .top_info{
	border: 1px #ddd solid;
	padding:5px 3% 10px 3%;
	width:94%;
	background:#f5f5f5;
	}
	
.doc1 td {
	border:0px #ccc solid;
    padding:5px 10px;
	}	
.doc1.nopad td {
	border:0px #ccc solid;
	}	

.grid_on .grid {
	border: 1px #ccc solid !important;
	padding:10px 15px;
}
.grid_on table {
	margin-top:5px;
	margin-bottom:5px;
}
.grid_on td {
	border: 1px #ccc solid;
	padding:5px 10px;
	}
	
.grid_off td {
	border: 0px #ccc solid !important;
	padding:0px 3px;
	}

.doc1 .utility_div {
	
	}
	
.grid_on .top_info{
	border: 0px #ddd solid;
	padding:0;
	width:100%;
	background:#fff;
	}


.doc_info {border-collapse:collapse;float:right}

.v2 .doc_info {float:none;margin-left:auto;margin-right:auto}

.doc_info th {
	border: 0;
    font-size: 13px;
	padding:2px 5px 1px 0;
	text-align:right;
	color:#666;
    font-weight: normal;
	}


.doc_info td select {
    padding: 5px 0 !important;
    border-radius: 3px;
}
.doc_info .form_input_box {
    min-height: initial;
}

.doc_info .input_element_section input,
.doc_info .input_element_section select {
    height: 26px;
    padding: 0 5px;
    font-size: 13px;
}
.doc_info td {
    border-bottom: 1px #ccc solid;
    font-size: 13px;
    padding:2px 5px 1px 0;
    text-align:right;
    color:#111;
    font-weight:bold;
    background:#ffff;
    vertical-align: bottom;
}
	
	
.labels {
	width:100%;
	clear:both;
	padding:4px 0;
	}
	
.labels span{
	border:1px #ddd solid;
	border-radius:3px;
	background:#eef;
	font-size:95%;
	padding:1px 3px;
	color:#558;
	margin-left:5px;
	}
	
.company_title {padding-top:5px;display:block}

.c_disc_info {line-height:20px;vertical-align:middle;}

.tool{
    display: block;
    box-shadow: 3px 3px 9px -1px #888;
    height: 25px;
    width: 25px;
    padding: 5px;
    background: #fff;
    margin-bottom: 5px;
    margin-left: -6px;
	}
	
.tool:hover{
	background:#fff;
	box-shadow:1px 1px 2px #888;
	}
.tool .mini_utility_button:hover {
	background:0
	}
.tool .mini_utility_button
	{
	padding:0 !important;
	margin:0 !important;
	}
.BOCP_document{
	background:#fff;
    padding:0;
	}
	

.docanchor img{
    padding:0;margin:0 4px 0 4px;background: #fff;
}
.docanchor .linkto{
	height:14px;background:0;padding:0;margin:0px 0px 0 3px;
}

.docanchor:hover {
	background:#EBFFEA;
	transition: all 0.15s ease-in;
	box-shadow: 0px 0px 3px #999;
}
.docanchor {
    color:#333 !important;
	line-height: 26px;
    border:0 #00cc40 solid ;
	border-left:5px #00cc40 solid ;
	border-right:5px #00cc40 solid ;
	background:#86f083;
    border-radius: 8px;
    float:left;
	font-weight:bold;margin:2px 10px 3px 0;

	transition: all 0.15s ease-in;
    box-shadow: 1px 1px 5px #ddd;
}

@font-face{font-family:tinymce;src:url(./resources/fonts/tinymce/tinymce.eot);
    src:url(./resources/fonts/tinymce/tinymce.eot?#iefix) format('embedded-opentype'),
        url(./resources/fonts/tinymce/tinymce.woff) format('woff'),
        url(./resources/fonts/tinymce/tinymce.ttf) format('truetype'),
        url(./resources/fonts/tinymce/tinymce.svg#tinymce) format('svg');
    font-weight:400;font-style:normal}@font-face{font-family:tinymce-small;
    src:url(./resources/fonts/tinymce/tinymce-small.eot);
    src:url(./resources/fonts/tinymce/tinymce-small.eot?#iefix) format('embedded-opentype'),
        url(./resources/fonts/tinymce/tinymce-small.woff) format('woff'),
        url(./resources/fonts/tinymce/tinymce-small.ttf) format('truetype'),
        url(./resources/fonts/tinymce/tinymce-small.svg#tinymce) format('svg');font-weight:400;font-style:normal}
.mce-ico {
    font-family: "tinymce",Arial !important;
}

.fa_custom_image {width:100%;clear:both;margin:10px 0}

.BOCPoffer li{
    font-size:12px !important;
}

.doc-logo {max-width: 60%}

.printonly {display: none;}div.standard_button_right input {background-color:#fb0;border:1px #ca6 solid;padding:5px;color:#000;font-weight:bold;cursor:pointer;float:right;height:30px;}
div.standard_button_right{float:right;margin-bottom:2px;margin-right:0;margin-top:2px;text-align:right;width:100%;}
div.standard_button_right form{display:inline;}
div.standard_button_right input, .btn_salvare {
    border-radius: 3px;
    cursor: pointer;
    height: 34px !important;
    border: 0;
    float: right;
    margin:15px 10px 5px 10px;
    padding: 6px 15px;
    color: #000;
    font-weight: bold;
    font-size: 15px !important;
    box-sizing:border-box;
}

.bocp_table tbody a {
}
.bocp_table tbody td a {
    float:none;
    background-color: var(--color-tda-links-bg);
    border: 1px #d0d0d0 solid;
    padding: 4px 4px;
    border-radius: 3px;
    display: inline-block;
}
input[type=button].btn_procesare_small, .btn_procesare_small
	{
    background-color:var(--color-utility-button) !important;
    cursor:pointer;
    border:1px var(--color-utility-button-border) solid !important;
	margin:3px 4px !important;padding:2px 6px;
	color:var(--color-utility-button-color) !important;font-weight:normal;
	font-size:13px !important;
	display:block;float:right;box-shadow:1px 1px 1px #aaa;
	border-radius:3px;
	vertical-align:middle;
	line-height:19px;
    min-height: 28px;
}

.btn_procesare_small:hover {background-color:#adf !important;box-shadow:0px 0px 0px #888 !important;}
.btn_procesare_small img {margin:-1px 3px 0 0;}

.btn_procesare {
    min-height: 21px;
    background-repeat: no-repeat;
    color:#111;
}

.bocp_table tbody td .btn_procesare,
input[type=button].btn_procesare, .btn_procesare {
    background-color:var(--color-utility-button) !important;
	cursor:pointer;
    border:1px var(--color-utility-button-border) solid !important;
    margin:10px 5px 5px 5px;
	padding:5px 8px !important;color:var(--color-utility-button-color) !important;
	font-size:14px !important;
    float:right;
    background-size: 20px auto;
    font-weight: normal;
    border-radius: 3px;
    line-height: 16px;
    box-shadow: 1px 1px 3px #eee;
    min-height: 36px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.mod_left_panel table.standard_list_viao td a {
    background-color: initial !important;
    border:0 !important;
}
.doc-top-messages .btn_procesare {
    margin:0px 5px 5px 5px;
}
.btn_procesare img {filter:grayscale(1);height:24px;}

.bocp_table_title .btn_procesare {
    padding:3px 8px;
    margin:1px 0px 4px 10px !important;
}
.view_value .btn_procesare {
    flex-flow: row;
    justify-content: space-between;
    padding:1px 5px !important;
    min-height: 30px !important;
}

.view_value .btn_procesare img {
    margin:1px 1px !important;
}

input[type=button].btn_disabled ,
.btn_disabled {
    background-color: gainsboro !important;
    cursor:not-allowed !important;
    border:1px #444444 solid !important;
    color:#111;
}
.mod_newitem_butt_left {float:left !important;}
.mod_newitem_butt,
div.standard_button_right input, .btn_salvare , .quick-issue_button{
    color: var(--color-button-green-color);
    background-color: var(--color-button-green);
    border:1px var(--color-button-green-border) solid;
    /*box-shadow: 0 0 3px #64E687 !important;*/
    transition: all 0.15s ease-in;
    border-radius: 3px;
    cursor:pointer;
}
.mod_newitem_butt:hover,
div.standard_button_right input:hover,
.btn_salvare:hover ,
.quick-issue_button:hover{
    background-color: var(--color-module-button-selected-gnd);
}

.mhead div.standard_button_right input, .mhead .btn_salvare{
    margin-top: 0;
}
.quicklink-icon{width:24px;height:24px;margin:0 5px 0 0;}
.quick-issue_button{float:left;height:24px;padding:4px 5px;border-radius: 3px;margin:5px 5px 0 5px;width:150px;
    line-height: 22px;
}
.quick-issue_button:hover{
    color:black;text-decoration: none;
}

div.standard_button_right input:hover, .btn_salvare:hover {color:#fff}
.standard_list_viao .btn_procesare {
	margin:2px;
}
.standard_list_viao a.mini_utility_button {
	margin:0 1px;
}
.btn_procesare:hover {
    box-shadow: 0 0 3px #aaa;
}

.mod_newitem_butt {
    cursor:pointer;
    height:22px;
    float:right;
    margin:5px 10px;padding:5px 10px 5px 5px;
    font-weight:bold;
    font-size:15px;
}


.mod_newitem_butt:hover {box-shadow:0 0 3px #666;
    margin:6px 9px 5px 10px;text-decoration:none;transition: all 0.15s ease-in;
}
.mod_newitem_ico {height:24px;margin:0 5px 0 0;}

.td_button {
	padding:1px 2px;
	background-color:#aad5FF; 
	border:1px #89b7ff solid;border-radius:3px;
	box-shadow:1px 1px 1px #999;
}
.td_button img {width:16px;height:16px;}

.npb{
	width:22%;margin:5px 1.5%;float:left;box-shadow:2px 2px 4px #555;text-align:center;font-size:50px;background:#fff;cursor:pointer;line-height:60px;vertical-align:middle;
	border-radius:5px;
}

.tnpb{
	font-size:19px
}
.lnpb{
	width:47%;
	line-height:22px;
	padding:4px 0;
	font-size:20px;

}

.final_npb {
	background:#FFBB00;
	font-weight: bold;
}

.mini_utility_button2{float:right;padding:5px 6px;height:18px;background:#eee;border:1px #ddd solid;margin:0 2px;}
.mini_utility_button2 img {height:16px;}


.mini_utility_button {
    float: right;
    min-width: 16px;
    text-align: center;
    padding: 2px;
    margin: 8px 1px 0 1px;
    width: 28px;
    height: 24px;
    overflow: hidden;
}

.form_section_title > .mini_utility_button {
    padding: 0 2px;
    margin: 0 1px 0 1px;
    height: 28px;

}

.mini_utility_button:hover {background:#ddd}
.mini_utility_button img {filter:grayscale(100%)}

.form_section_title .btn_procesare {margin-top:-3px !important;}
.master_contabformular_table_td .btn_procesare {margin-top:2px !important;}

a.disabled-button {
    background-color: gainsboro;
    cursor:not-allowed;
}

.but-sec-ico {display:none;border-radius:0 4px 4px 0;background: #fff;align-items: center;padding:0 3px 0 5px;}
.bocp-btn:hover .but-sec-ico {display:flex;
}
.buttons-toolbar {
    width: 100%;
    clear: both;
    box-sizing: border-box;
    display: flex;
    justify-content: right;
    margin: 15px 0 10px;
    border-radius: 5px;
    box-shadow: 0 2px 8px #bbb;
    background: #fff;
    padding:5px;
    align-items: center;
}
.buttons-toolbar > a {margin-top:2px !important;margin-bottom:2px !important;margin-left:2px !important;}
.piestatsOrganizer {
	width:100%;
	}
	
.piestatsOrganizer td {
	vertical-align:middle;
	}

.piestatsTable	{
	width:100%;
	}
	
.piestatsTable td, .piestatsTable th {
	padding:2px 5px;
	text-align:left;
	border:1px #aaa solid;
	vertical-align:middle;
	}
.piestatsTable th {
	font-weight:bold;
	background:#eee
	}
	
.piestatsTable td {
	}
	
.piechart_container {
	height:350px
	}
	
.chart_title {
	width:100%;
	background:#eee;
	padding:8px 0;
	font-size:18px;
	text-align:center;
	box-shadow:0 0 3px #bbb;
	margin:15px 0 5px 0;
	border:1px #fff solid;
	}
	
.chart_notes {
	background:#f4f4f4;
	border:#ddd 1px solid;
	padding:5px 10px;width:auto;
	margin:10px 1px 0 1px
	}
	
	
	/* Preload images */
body:after {
  content: url(https://cdn.bocp.eu/bocp/icons/lbclose.png) url(https://cdn.bocp.eu/bocp/icons/lbloading.gif) url(https://cdn.bocp.eu/bocp/icons/lbprev.png) url(https://cdn.bocp.eu/bocp/icons/lbnext.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(https://cdn.bocp.eu/bocp/icons/lbloading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(https://cdn.bocp.eu/bocp/icons/lbprev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(https://cdn.bocp.eu/bocp/icons/lbnext.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(https://cdn.bocp.eu/bocp/icons/lbclose.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.centered {
	text-align:center;
}
.bold {
	font-weight:bold;
}

.tr-bold * {
    font-weight:bold !important;
}
.impselect {width:98%;float:left;text-align:center;padding:5px 5px;background:#fff;}
.impselect p {font-size:11px;color:#fff;}
.impselect option,
.impselect select{
	font-size:12px;
}
	
.unselected_labels{
	display:none;
	clear:both;
}.BOCP_header{
	width:99%;
	background:silver;
	height:30px;
	clear:both;
	padding:4px 0.5%;
	margin-bottom:0px;
	box-shadow:0 1px 2px #aaa;
	overflow:hidden;
	z-index:1;
	position:relative;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
background: rgb(255,255,255); /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */


}

.header_fixed{
	position:fixed;
	top:0;
    z-index: 100;
}

.BOCP_header_inner{
	max-width:1300px;
	margin:0 auto;
}

.bocp_logo{
	float:left;
	margin:0 5px;
	height:30px;
}

.BOCP_header .facturalogoimage{
	height:30px;
	width:auto;
	max-width:150px;
	float:left;
	margin:0 5px;
}

.BOCP_header .info{
	margin:0 5px;
	padding:0px 0;
	height:30px;
	display:block;
	float:left;

}
.BOCP_header .user_details{
	font-size:12px;
	line-height: 13px;
	cursor:help;
	color:#888;
	margin-top:1px;
	display:block;
}
.BOCP_header .account_name{
	display:block;
	font-weight:normal;
	font-size:18px;
	line-height: 19px;
	color:#555;
	cursor:help;
	
}

.BOCP_header .language_selector{
	float:left;
	margin:0 5px;
	height:30px;
}

.BOCP_header .language_selector option{
	height:20px;
	font-size:16px;
	color:#222;
}

.BOCP_header .language_selector select{
	margin:7px 0;
	font-size:16px;
	color:#888;
}

.BOCP_header .alert_section{
	float:left;
	margin:0 5px;
	height:30px;
}
.alert_section a{
	float:left;
	width:32px;
	height:32px;
	padding:0px 2px;
}
.top_alert_icon {
	float:left;
	width:28px;
	height:28px;
}

.BOCP_header .nav{
	float:right;
	margin:0 5px;
	height:30px;
}
.BOCP_header .nav img{
	width:28px;
	height:28px;
	margin-top:2px;
}

a.topnmenu:hover {color:#555;background:#f5f5f5;text-decoration:none;}
a.topnmenu {display:block;float:right;margin:0 5px;color:#555;padding:0px 5px}
.setting_container{
	background: #f5f5f5 none repeat scroll 0 0;
    width: 100%;
	min-width:250px;
	float:left;
    margin:5px 0;
}

.setting_container:hover{
	background-color:#afa;
}

.setting_container input {
	margin:2px 5px 0 0;
	float:left;
}
.setting_container label:hover {
	background-color:#ddd;
	cursor:pointer;
}
.setting_container label {
	width: calc(100% - 48px);
	padding:8px 10px;
	background:#fafafa;
	margin:0;
	display:block;float:left;text-align:left;
    /*border:1px #eee solid;
    border-radius: 3px;*/
}

.setting_container label i{
	float:left;
	width: calc(100% - 50px);
	font-weight:normal !important;
	color:gray;
	padding-left:20px;
	font-size:11px;
}

.sett-em {float: right;
    margin: -4px 0 2px 3px;
    padding: 0 2px 2px 2px !important;
}a.leftcolumnmenu {text-align:left;}
	div.modules_left_menuelement {
	    float: left;
		margin: 2px 0;
		width: 100%;
		padding: 0;
		font-size: 13px;
		display: flex;
        flex-direction: row;
	}
	div.modules_left_menuelement:hover a {color:white !important;}

	.mod_group {padding:7px 0 7px 5px;
            clear:left;width:calc(75px - 15px);display:block;float:left;text-align:left;
			margin:0;cursor:pointer;
			border-bottom: 0px #bbb solid;
			}
	/*.mod_group img { filter: grayscale(100%); }*/
	
	.mod_group_selected {background:#fff;}
	.mod_group:hover {background:#d5d5d5;}
	.mod_group:hover .modgroup_name {color:#222;}

    .submodule_link img,
    .tabs_div img,
    .mainpage img,
    img.fullsectionicon,
    .BOCP_header .nav img,
    .top_alert_icon,
    .mod_newitem_ico,
    .quicklink-icon {
        filter:grayscale(90%);
    }

    .lefticon,
    .mod_group img {
        /*filter:grayscale(100%);*/
    }
    .mod_group_selected img { filter: grayscale(10%); }

    .modules_left_menuelement:hover .lefticon { filter: grayscale(0%); }
    .mod_group:hover > img { filter: grayscale(0%); }

.mods {position:absolute;
		display:none;
		float:right;background:#fff;padding:5px;margin:-5px 0 -100% 75px;
        z-index: 3;
		width:100%;
		box-shadow: 4px 4px 6px -4px #888;

		border: 1px solid #cbd5cb;
		border-left:0;
	}
	.module_item {
		width: 175px;
		float: left;
		padding: 4px 0 4px 4px !important;
		text-align:left;
	}
	.module_item_nw{
		margin:0;
		background: #f4f4f9;
		float: right;
		padding: 9px 4px;
	}
	div.modules_left_menuelement:hover .module_item_nw{
		background: skyblue;
	}
	
	.mod_group_title {
		width:100%;
		text-align:left;
		font-size:24px;
		clear:both;
	    border-bottom: 1px #fff solid;
		box-shadow: 0 3px 6px -4px #999;
		margin:0 0 5px 0;
		vertical-align: bottom;
		font-weight:bold;
	}
	.mod_subgroup_title {
		width:100%;
		text-align:left;
		font-size:16px;
		clear:both;
	    border-bottom: 1px #fff solid;
		box-shadow: 0 2px 4px -2px #999;
		margin:0 0 5px 0;
		vertical-align: bottom;
		font-weight:bold;
		padding:5px 0px 1px 8px
	}
	.mod_subgroup {
		//width:175px;
		text-align:left;
		float:left;
		margin:4px 5px;
		overflow:hidden;
		width: calc(33.33% - 10px);
        position: relative;z-index: 3;
	}
	
	.mod_group_title img{
		vertical-align: bottom;
		margin:0 5px 0 5px;
		
	}
	.colcount4 {width:744px;}
	.colcount4 .mod_subgroup {width:calc(25% - 10px);}
	.colcount3 {width:560px;}
	.colcount3 .mod_subgroup {width:calc(33.33% - 10px);}
	.colcount2 {width:372px;}	
	.colcount2 .mod_subgroup {width:calc(50% - 10px);}
	.colcount1 {width:186px;}
	.colcount1 .mod_subgroup {width:calc(100% - 10px);}
	
	.colcount4,
	.colcount3,
	.colcount2,
	.colcount1 {width:215px;
        scrollbar-width:thin;
        scroll-behavior: smooth;
        overflow-y:auto;
        height:calc(100vh - 85px);
    }
	.mod_subgroup {width:calc(100% - 10px) !important;}
	
.leftcol {
	background-color: rgba(255,255,255,0.10);
	padding:15px 0 5px 0;
}

.modgroup_name {
	width:100%;
	display:block;
	font-weight:bold;
	font-size:16px;
	color:var(--color-menutext);
}

.mod_group_selected .modgroup_name {color:#222;}.bocp-maincol-mobile {
    width: calc(100%) !important;
}


@media only screen and (max-width: 1024px) {
    .mobile_fullsize {
        padding:5px !important;
    }

    .s99 * {
        font-size: 95% !important;
    }
}

@media only screen and (max-width: 640px) {

    .formtitle {font-size:24px !important;}

    .bocp-table-wrapper {
        padding: 0 !important;
        box-shadow: 0 0 0 #bbb ;
        overflow-x: auto;
    }

    /*forms */
    body {
        min-width: 0;
    }

    .BOCP_form {
        min-width: 100% !important;
        width: 100% !important;
        margin: 5px 0 !important;
        padding: 5px 0% !important;
    }

    .view_value {
        font-size: 0.95rem !important;
    }

    .impselect {
        width: 100%;
        box-shadow: none;
    }

    /*popups:*/
    .popup_div {
        padding: 2px;
        left: 0px !important;
        right: 0px !important;
        width: calc(100% - 4px) !important;
        max-width: 100%;

    }

    .pp_inner {
        padding: 1px 0;
        width: 100%;
    }

    /*documents*/
    .tool {
        margin:5px;
    }
    .right_side_tools .tool {
        float: right;
    }

    .right_side_tools {
        float: none;
        width: 100%;
        height: 24px;
        padding: 0;
    }

    .top_utils {
        margin: 3px 0;
    }

    /*images:*/
    .facturalogoimage {
        width: 100px;
        height: auto;
    }

    .mhead, .m_div {
        padding: 0 4px;
        width: calc(100% - 8px);
    }

    .master_contabformular_table img {max-width: 100%}
    .master_contabformular_table {
        margin: 5px 0;
        width: 100%;
    }

    .doc1 td {
        padding: 1px 0;
    }
    .half_column-3-4,
    .half_column-1-4,
    .half_column {
        width: 100%;
        margin: 5px 0;
        float: left;
        box-sizing: border-box;
        padding: 0;
    }

    .header_fixed {
        /*position: relative;*/
    }

    .bocp_container {
        margin-top: 0 !important;
    }

    .BOCP_header {
        height: auto;
    }

    .BOCP_header .alert_section {
        clear: left;
        margin-top: 3px;
    }

    a.topnmenu {
        margin: 0px 0 0 0;
    }

    td.maincolumn {
        min-width: 0;
    }


    .mainpage:hover, .mainpage_sel {
        padding: 0 !important;
    }

    a.module_link, li.mainpage {
        margin: 0 2px;
        width: 50px;
    }

    .colcount1,
    .colcount2,
    .colcount3,
    .colcount4 {
        width: 195px !important;
    }

    .mod_subgroup {
        width: calc(100% - 10px) !important;
    }

    .bocp-wrapper{margin-top:40px;}
    .bocp-maincol {width:calc(100% - 50px);margin-left:50px}
    .bocp-leftcol,
    .mod_group {
        width: 50px;
    }

    .modgroup_name {
        font-size: 11px;
    }

    .mods {
        margin-left: 50px;
    }

    .mod_group_title {
        font-size: 22px;
    }

    h1.main_mod_title {
        clear: both;
        line-height: 30px;
        font-size: 22px
    }

    img.fullsectionicon {
        float: left;
        height: 28px;
        margin: 3px 2px 2px 4px;
        padding: 0;

    }

    .mod_refresh_ico {
        width: 28px;
        margin: 3px 8px 0px 0px;
    }
    .mod_refresh_ico img {
        height:28px;
    }

    .mobile_divider {
        float: left;
        clear: both;
        margin: 0 0 0px 0;
        border-bottom: 1px #ddd solid;
        width: 100%
    }

    #old_module_head2 .module_link,
    .module_link {
        margin: 3px;
        padding: 3px;
        border: 1px #aaa solid;
        border-radius: 3px;
        display: flex;
        flex-direction: column;
        font-size: 13px;
        align-items: center;
        background:#eee;
    }
    #old_module_head2 >table {
     margin:0 -5px !important;
        height:100%;
    }
    #old_module_head2 {
        display: flex;

    }
    #old_module_head2 img {
        width: 16px;
    }

    .tabs_div_wrapper {
        margin: 0;
        width: 100%;
    }

    .m_div {
        margin: 5px 0;
    }

    .mobile_fullsize {
        display:block;
        clear:both;
        width: calc(100% - 10px) !important;
    }

    .ddashboard_col {
        width:calc(100% - 12px) !important;
    }

    .bocp-dash {padding:5px 0 !important;}
    .bocp-dash-section {margin:5px 0 !important;
        width: calc(100% - 20px) !important;
    }
    .dash-stat-item {
        width: calc(50% - 15px) !important;
        margin: 10px 5px 0 0 !important;
    }

    .quick-issue_button {
        margin: 5px 5px 0 0 !important;
        width: calc(50% - 17px) !important;
    }

    h1.form_title {font-size: 21px}
    h2.form_section_title {font-size: 20px !important;}
    a.module_link, .mainpage a img {clear:both;}
    a.module_link, .mainpage a {
        font-size: 10pt;
        padding:4px 2px 2px 2px;
        line-height: 13px;
    }

    .desktop-left-column {width: 40%;}
    .desktop-right-column {width: 60%;}
    .product-image img {
        width: 100%;
    }
    .mainpage_list ul {display: flex;}

    /*.input-full {width: 99% !important;}*/
    /*.input-half {width: 99% !important;}*/
    /*.input-quarter {width: 49% !important;}*/
    /*.input-third {width: 49% !important;}*/
    /*.input-fifth {width: 49% !important;}*/
    /*.input-sixth {width: 32.33% !important;}*/

    .popup-div-old {
        width:100% !important;
        padding:0 !important;
        left:0 !important;
    }

    h1.formular_title {
        font-size: 18px !important;
    }

    h3.bocp_table_title,
    h2.bocp_table_title,
    table.standard_list_viao thead h2.bocp_table_title {
        font-size:20px !important;

    }
    .search_div,
    #searchform {
        max-width: 100%;
    }
    input.search_input{
        max-width: calc(100% - 20px) !important;
        float: right;
        margin: 2px 0 0 0;
    }

}

@media only screen and (max-width: 450px) {
    .bocp-maincol {width:calc(100% - 0px);;margin-left:0px}
    a.topnmenu {
        margin: 3px 0 0 0;
    }
    h1.main_mod_title {
        font-size:19px;
    }


    .search-box-big-wrapper {
        clear:both;width:98%;margin:0 auto;padding: 0;
    }

    .cl-view-item {width:calc(50% - 6px);padding: 0 3px !important;}
    .cl-view-right {width: 100%;}
    .cl-view-item b{font-size: 12px;}
    .module_subgroup {padding: 0;margin:0}
    .filter_unit {min-width: calc(50% - 12px);
        margin:
                2px 2px;
        width: calc(50% - 12px);
        min-height: 42px;
        height: auto;
        flex-direction: column;
        align-items: initial;
    }
    .filter_unit label {margin-bottom: 2px;}
    .filter_label {display: block !important;width: calc(100% - 2px);text-align: left;}
    .filtered-values {margin-top:-6px !important;clear: both !important;font-size: 10px !important;}
    .mini_utility_button {margin-top:1px !important;}
    .mainpage_list {margin:0;min-height: auto;padding:0 0 5px}
    .mob-mod-menu {background-color: silver}

    .mhead .mod_newitem_butt {
        margin: 3px 0 3px 5px !important;
        padding: 3px 5px;
        width: calc(50% - 17px);
        box-shadow: 1px 1px 3px #aaa;
        float: left;
        display: flex;
        line-height: 13px;
        align-items: center;
    }

    #div_saving_data {padding:5px}
    td .p {font-size: 11px !important;}
    .debug {display: none}


    .search-box-big-wrapper input{
        margin: 2px 5px ; padding:6px 10px;
    }
    .search-box-big .search_ico {margin-top:4px !important;}
    .search-box-big {margin:4px 10px}
    .bocp_notification h2.title {display:none}
    .bocp_notification {padding:3px 3%}
    .bocp_notification a{margin-top:4px;}

    .w75 {width: 100%;padding:0}
    .w25 {width: 100%;padding:0}
    .with_right_margin {margin:0;}
    .pp_nav_button {padding:1px 5px}
    .pp_nav_button b {display: none}

    .doc1 h1 {text-align: center;font-size: 20px !important;}
    .doc_info {width: 100%}
    .doc_info td {padding:1px !important;font-size: 12px}

    .m_form_tab_selected,
    .m_form_tab {
        padding:3px 6px !important;

        font-size:12px !important;
    }

    .clickprint{
        padding: 1px 5px !important;
    }

    .clickprint .btn_procesare{
        padding: 4px 5px !important;
    }
    .docanchor {font-size:13px;margin:2px 4px 2px 0;line-height: 20px}
    .docanchor img {padding:0 2px;}

    .doc-header-columns-on-mobile {
        display: block;
        width: 100%;
    }
    .doc-header-columns-on-mobile td {
        display: block;
        width: calc(100% - 12px) !important;
        max-width: 100% !important;
        clear: both;
    }

    .desktop-halfcol {width:100%}

    .pp_inner .m_div {
        width: calc(100vw - 10px);
    }

    .tab-content > .m_div {
        box-shadow: 0 0 0 #fff;
        padding: 0 1px !important;
        width:calc(100% - 2px) !important;
    }

    .btn_procesare {
        /*max-width: calc(50% - 24px);*/
        width: calc(25% - 4px);
        margin: 5px 2px 2px 2px;
        padding: 3px 1px !important;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
        justify-items: start;
        text-align: center;
        font-size: 11px !important;
        line-height: 11px !important;

    }
    .btn_procesare img {
        margin:0 auto !important;
        height: 24px;
    }
    .table-top-elements .btn_procesare {
        margin: 2px 2px;
    }

    .bocp-input-group {
        width: calc(100% - 10px) !important;

    }

    .form_input_box {
        min-height: 36px;
    }

    .agenda_detalii_view_table tr {display: flex;flex-direction: column;}
    .agenda_detalii_view_table tr td {width: calc(100% - 10px) !important;max-width: 100% !important;}

    .BOCP_form h2 {
        padding: 7px 5px 2px 5px;
        margin-top: 10px;
        width: calc(100% - 10px);
    }
    .input_element_section select {width: 100%;}
}
@media screen and (min-width: 1250px) {
    .bocp-leftcol {width:175px}
    .bocp-maincol {width: calc(100% - 175px);margin-left:175px;}


    .mod_group {
        padding:3px 0 3px 15px;
        width:calc(75px - 15px);
        font-size:18px;
    }
    .mod_group {width:100%;}
    .mod_group>img {float:left;margin:2px 10px 2px 15px;height: 24px;}
    .modgroup_name {font-size: 18px;padding:5px 0 5px 0;text-align:left;}
    .mods {margin-left:160px;max-width: inherit}
}
/* For other boilerplate styles, see: /docs/general-configuration-guide/boilerplate-content-css/ */
/*
* For rendering images inserted using the image plugin.
* Includes image captions using the HTML5 figure element.
*/

figure.image {
    display: inline-block;
    border: 1px solid gray;
    margin: 0 2px 0 1px;
    background: #f5f2f0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image img {
    margin: 8px 8px 0 8px;
}

figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center;
}


/*
 Alignment using classes rather than inline styles
 check out the "formats" option
*/

img.align-left {
    float: left;
}

img.align-right {
    float: right;
}

/* Basic styles for Table of Contents plugin (toc) */
.mce-toc {
    border: 1px solid gray;
}

.mce-toc h2 {
    margin: 4px;
}

.mce-toc li {
    list-style-type: none;
}/*! jQuery UI - v1.12.1 - 2021-05-06
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d3d3d3}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}  .ui-widget-header a{color:#222}  .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d3d3d3;background:#e6e6e6 url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}  .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;text-decoration:none}  .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}  .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}  .ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}  .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #aaa;background:#fff url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}  .ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}  .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}  .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}  .ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}  .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}  .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}  .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}  .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}  .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}  .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}  .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}  .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}  .ui-icon{width:16px;height:16px}  .ui-icon,.ui-widget-content .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_222222_256x240.png")}  .ui-widget-header .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_222222_256x240.png")}  .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_454545_256x240.png")}  .ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_454545_256x240.png")}  .ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_2e83ff_256x240.png")}  .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_cd0a0a_256x240.png")}  .ui-button .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_888888_256x240.png")}  .ui-icon-blank{background-position:16px 16px}  .ui-icon-caret-1-n{background-position:0 0}  .ui-icon-caret-1-ne{background-position:-16px 0}  .ui-icon-caret-1-e{background-position:-32px 0}  .ui-icon-caret-1-se{background-position:-48px 0}  .ui-icon-caret-1-s{background-position:-65px 0}  .ui-icon-caret-1-sw{background-position:-80px 0}  .ui-icon-caret-1-w{background-position:-96px 0}  .ui-icon-caret-1-nw{background-position:-112px 0}  .ui-icon-caret-2-n-s{background-position:-128px 0}  .ui-icon-caret-2-e-w{background-position:-144px 0}  .ui-icon-triangle-1-n{background-position:0 -16px}  .ui-icon-triangle-1-ne{background-position:-16px -16px}  .ui-icon-triangle-1-e{background-position:-32px -16px}  .ui-icon-triangle-1-se{background-position:-48px -16px}  .ui-icon-triangle-1-s{background-position:-65px -16px}  .ui-icon-triangle-1-sw{background-position:-80px -16px}  .ui-icon-triangle-1-w{background-position:-96px -16px}  .ui-icon-triangle-1-nw{background-position:-112px -16px}  .ui-icon-triangle-2-n-s{background-position:-128px -16px}  .ui-icon-triangle-2-e-w{background-position:-144px -16px}  .ui-icon-arrow-1-n{background-position:0 -32px}  .ui-icon-arrow-1-ne{background-position:-16px -32px}  .ui-icon-arrow-1-e{background-position:-32px -32px}  .ui-icon-arrow-1-se{background-position:-48px -32px}  .ui-icon-arrow-1-s{background-position:-65px -32px}  .ui-icon-arrow-1-sw{background-position:-80px -32px}  .ui-icon-arrow-1-w{background-position:-96px -32px}  .ui-icon-arrow-1-nw{background-position:-112px -32px}  .ui-icon-arrow-2-n-s{background-position:-128px -32px}  .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}  .ui-icon-arrow-2-e-w{background-position:-160px -32px}  .ui-icon-arrow-2-se-nw{background-position:-176px -32px}  .ui-icon-arrowstop-1-n{background-position:-192px -32px}  .ui-icon-arrowstop-1-e{background-position:-208px -32px}  .ui-icon-arrowstop-1-s{background-position:-224px -32px}  .ui-icon-arrowstop-1-w{background-position:-240px -32px}  .ui-icon-arrowthick-1-n{background-position:1px -48px}  .ui-icon-arrowthick-1-ne{background-position:-16px -48px}  .ui-icon-arrowthick-1-e{background-position:-32px -48px}  .ui-icon-arrowthick-1-se{background-position:-48px -48px}  .ui-icon-arrowthick-1-s{background-position:-64px -48px}  .ui-icon-arrowthick-1-sw{background-position:-80px -48px}  .ui-icon-arrowthick-1-w{background-position:-96px -48px}  .ui-icon-arrowthick-1-nw{background-position:-112px -48px}  .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}  .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}  .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}  .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}  .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}  .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}  .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}  .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}  .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}  .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}  .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}  .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}  .ui-icon-arrowreturn-1-w{background-position:-64px -64px}  .ui-icon-arrowreturn-1-n{background-position:-80px -64px}  .ui-icon-arrowreturn-1-e{background-position:-96px -64px}  .ui-icon-arrowreturn-1-s{background-position:-112px -64px}  .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}  .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}  .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}  .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}  .ui-icon-arrow-4{background-position:0 -80px}  .ui-icon-arrow-4-diag{background-position:-16px -80px}  .ui-icon-extlink{background-position:-32px -80px}  .ui-icon-newwin{background-position:-48px -80px}  .ui-icon-refresh{background-position:-64px -80px}  .ui-icon-shuffle{background-position:-80px -80px}  .ui-icon-transfer-e-w{background-position:-96px -80px}  .ui-icon-transferthick-e-w{background-position:-112px -80px}  .ui-icon-folder-collapsed{background-position:0 -96px}  .ui-icon-folder-open{background-position:-16px -96px}  .ui-icon-document{background-position:-32px -96px}  .ui-icon-document-b{background-position:-48px -96px}  .ui-icon-note{background-position:-64px -96px}  .ui-icon-mail-closed{background-position:-80px -96px}  .ui-icon-mail-open{background-position:-96px -96px}  .ui-icon-suitcase{background-position:-112px -96px}  .ui-icon-comment{background-position:-128px -96px}  .ui-icon-person{background-position:-144px -96px}  .ui-icon-print{background-position:-160px -96px}  .ui-icon-trash{background-position:-176px -96px}  .ui-icon-locked{background-position:-192px -96px}  .ui-icon-unlocked{background-position:-208px -96px}  .ui-icon-bookmark{background-position:-224px -96px}  .ui-icon-tag{background-position:-240px -96px}  .ui-icon-home{background-position:0 -112px}  .ui-icon-flag{background-position:-16px -112px}  .ui-icon-calendar{background-position:-32px -112px}  .ui-icon-cart{background-position:-48px -112px}  .ui-icon-pencil{background-position:-64px -112px}  .ui-icon-clock{background-position:-80px -112px}  .ui-icon-disk{background-position:-96px -112px}  .ui-icon-calculator{background-position:-112px -112px}  .ui-icon-zoomin{background-position:-128px -112px}  .ui-icon-zoomout{background-position:-144px -112px}  .ui-icon-search{background-position:-160px -112px}  .ui-icon-wrench{background-position:-176px -112px}  .ui-icon-gear{background-position:-192px -112px}  .ui-icon-heart{background-position:-208px -112px}  .ui-icon-star{background-position:-224px -112px}  .ui-icon-link{background-position:-240px -112px}  .ui-icon-cancel{background-position:0 -128px}  .ui-icon-plus{background-position:-16px -128px}  .ui-icon-plusthick{background-position:-32px -128px}  .ui-icon-minus{background-position:-48px -128px}  .ui-icon-minusthick{background-position:-64px -128px}  .ui-icon-close{background-position:-80px -128px}  .ui-icon-closethick{background-position:-96px -128px}  .ui-icon-key{background-position:-112px -128px}  .ui-icon-lightbulb{background-position:-128px -128px}  .ui-icon-scissors{background-position:-144px -128px}  .ui-icon-clipboard{background-position:-160px -128px}  .ui-icon-copy{background-position:-176px -128px}  .ui-icon-contact{background-position:-192px -128px}  .ui-icon-image{background-position:-208px -128px}  .ui-icon-video{background-position:-224px -128px}  .ui-icon-script{background-position:-240px -128px}  .ui-icon-alert{background-position:0 -144px}  .ui-icon-info{background-position:-16px -144px}  .ui-icon-notice{background-position:-32px -144px}  .ui-icon-help{background-position:-48px -144px}  .ui-icon-check{background-position:-64px -144px}  .ui-icon-bullet{background-position:-80px -144px}  .ui-icon-radio-on{background-position:-96px -144px}  .ui-icon-radio-off{background-position:-112px -144px}  .ui-icon-pin-w{background-position:-128px -144px}  .ui-icon-pin-s{background-position:-144px -144px}  .ui-icon-play{background-position:0 -160px}  .ui-icon-pause{background-position:-16px -160px}  .ui-icon-seek-next{background-position:-32px -160px}  .ui-icon-seek-prev{background-position:-48px -160px}  .ui-icon-seek-end{background-position:-64px -160px}  .ui-icon-seek-start{background-position:-80px -160px}  .ui-icon-seek-first{background-position:-80px -160px}  .ui-icon-stop{background-position:-96px -160px}  .ui-icon-eject{background-position:-112px -160px}  .ui-icon-volume-off{background-position:-128px -160px}  .ui-icon-volume-on{background-position:-144px -160px}  .ui-icon-power{background-position:0 -176px}  .ui-icon-signal-diag{background-position:-16px -176px}  .ui-icon-signal{background-position:-32px -176px}  .ui-icon-battery-0{background-position:-48px -176px}  .ui-icon-battery-1{background-position:-64px -176px}  .ui-icon-battery-2{background-position:-80px -176px}  .ui-icon-battery-3{background-position:-96px -176px}  .ui-icon-circle-plus{background-position:0 -192px}  .ui-icon-circle-minus{background-position:-16px -192px}  .ui-icon-circle-close{background-position:-32px -192px}  .ui-icon-circle-triangle-e{background-position:-48px -192px}  .ui-icon-circle-triangle-s{background-position:-64px -192px}  .ui-icon-circle-triangle-w{background-position:-80px -192px}  .ui-icon-circle-triangle-n{background-position:-96px -192px}  .ui-icon-circle-arrow-e{background-position:-112px -192px}  .ui-icon-circle-arrow-s{background-position:-128px -192px}  .ui-icon-circle-arrow-w{background-position:-144px -192px}  .ui-icon-circle-arrow-n{background-position:-160px -192px}  .ui-icon-circle-zoomin{background-position:-176px -192px}  .ui-icon-circle-zoomout{background-position:-192px -192px}  .ui-icon-circle-check{background-position:-208px -192px}  .ui-icon-circlesmall-plus{background-position:0 -208px}  .ui-icon-circlesmall-minus{background-position:-16px -208px}  .ui-icon-circlesmall-close{background-position:-32px -208px}  .ui-icon-squaresmall-plus{background-position:-48px -208px}  .ui-icon-squaresmall-minus{background-position:-64px -208px}  .ui-icon-squaresmall-close{background-position:-80px -208px}  .ui-icon-grip-dotted-vertical{background-position:0 -224px}  .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}  .ui-icon-grip-solid-vertical{background-position:-32px -224px}  .ui-icon-grip-solid-horizontal{background-position:-48px -224px}  .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}  .ui-icon-grip-diagonal-se{background-position:-80px -224px}  .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}  .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}  .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}  .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}  .ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}  .ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}@keyframes color-green-warp {
    0%   { background: rgba(165, 255, 130, 0.68); }
    20%  { background: rgba(67, 190, 38, 0.58); }
    40%  { background: rgba(81, 206, 53, 0.56); }
    60%  { background: #b1eda6; }
    80%  { background: rgba(119, 229, 139, 0.69); }
    100% { background: #96e0a2; }
}
.color-green-warp {
    animation: color-green-warp 20s infinite linear;
}
@keyframes color-orange-warp {
    0%   { background: rgb(255, 220, 182); }
    20%  { background: rgb(255, 217, 153); }
    40%  { background: rgb(250, 198, 86); }
    60%  { background: rgba(252, 224, 189, 0.82); }
    80%  { background: rgb(252, 197, 126); }
    100% { background: rgb(255, 226, 182); }
}
.color-orange-warp {
    animation: color-orange-warp 20s infinite linear;
}
@keyframes color-red-warp {
    0%   { background: rgb(250, 84, 84); }
    20%  { background: rgba(218, 40, 40, 0.8); }
    40%  { background: #e33939; }
    60%  { background: rgba(192, 18, 18, 0.73); }
    80%  { background: rgba(225, 50, 50, 0.72); }
    100% { background: rgb(248, 97, 97); }
}
.color-red-warp {
    animation: color-red-warp 20s infinite linear;
}

.td_tools ul li h3 {margin:0;color:#222;}
.td_tools ul li{list-style-type:none;margin:2px;padding:3px 5px;text-align:left;z-index: 1;}
.td_tools ul li img{vertical-align: top;}
.td_tools ul {display:none;position: absolute;background: #fff;
    padding: 5px;min-width: 200px;
    border: 1px #ddd solid;z-index:2;}




.cl-interact-title {clear: both;width: 100%;float: left}
.cl-interact-closed .cl-interact-title {display: none;}
.clintract-section {display: flex;flex-wrap: wrap;justify-content: space-between;clear:both;}
.clintract-section>a{width: calc(25% - 14px);
    text-align: center;
    margin: 5px 0;
    border-radius:3px;background:#fff;
    border:1px #eee solid;
    display:flex;
    text-decoration:none;
    padding:5px;vertical-align:middle;
    flex-direction: column;
    align-items: center;
    box-shadow: 1px 1px 3px #eee;
    font-size: 12px;;
}
.clintract-section>a:hover {
    box-shadow: 1px 1px 3px #ccc;
}
.clintract-section img {width: 24px}
.clinteract-wrapper img {filter:grayscale(90%);}
.clinteract-wrapper {
    max-width:240px;
    min-width:240px;
    width:100%;border:0px #fff solid;border-left:0
;padding:5px 10px 10px 10px;margin:12px 0 0 0;border-radius: 0 5px 5px 0;
    box-shadow: inset 0 0 5px #888;
    box-shadow:1px 1px 2px #ccc;

    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(237,237,237,1) 1%, rgba(246,246,246,1) 47%, rgba(249,249,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(237,237,237,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(237,237,237,1) 1%,rgba(246,246,246,1) 47%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(237,237,237,1) 1%,rgba(246,246,246,1) 47%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(237,237,237,1) 1%,rgba(246,246,246,1) 47%,rgba(249,249,249,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(237,237,237,1) 1%,rgba(246,246,246,1) 47%,rgba(249,249,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 */
    /*transition: width 0.5s;*/
}
.cl-interact-closed .clintract-section  {
    flex-direction: column;
}
.cl-interact-closed .clintract-section > a {
    width: calc(100% - 6px);
    margin: 2px 0;
    padding:3px 2px;
    font-size:11px;
}
.cl-interact-closed {

    padding:5px 3px 5px 3px;
}
.cl-interact-closed {
    min-width:0px;
}
.counter-icons {
    display: none;
    padding:4px 0;
}
.cl-interact-closed .counter-icons{
    display:flex;
    display: flex;flex-wrap: wrap;justify-content: space-around;

}
.cl-interact-closed .clinteract-detailed-content{
    display: none;
}@media screen and (max-width: 640px) {
    .fa_editor td {
        padding:0;
    }

    .doc1 >tbody >tr {
        display: flex;
        flex-direction: column;
    }
    .doc1 >tbody >tr >td {
        width: calc(100% - 2px) !important;
    }

    a.module_link, .mainpage a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        background: #fff;
        width: 100% ;
    }
    a.module_link, li.mainpage {
        display: flex;
        width: calc(20% - 6px );
    }
    .mainpage_list ul {
        margin:0; display: flex;
        flex-wrap: wrap;
    }
    .mainpage_list ul >li {
        margin: 0 3px 3px 3px;
    }
    .mhead, .m_div {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .m_div .m_div {
        box-shadow:0px -5px 5px #aaa;
        margin:
                5px 0 !important;
    }

    .mini_utility_button {
        margin-top: 1px !important;
        background:
                #fff;
        padding:
                3px 1px;
        margin:
                -4px 3px;
        margin-top: -4px;
        outline:
                1px #e8e8e8 solid;
        box-shadow: 0 0 5px #555;
    }
    .orderprocess-fixed-elements {
        flex-wrap: wrap;
    }
    .orderprocess-fixed-elements > div {
        width: 100%;
        padding: 0 5px;
    }
    .fixed-col > div {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }


    .fixed-col > div > div {
        width: calc(100% - 10px);
        flex-direction: row !important;
        padding:0 5px;
    }

    .tile {
        margin-bottom: 5px !important;
    }
    .tile > div:nth-child(2) * {
        float: none;
    }

    .tile > div:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tile > div:nth-child(1) {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
    }
    .tile > div:nth-child(2) > a {
        margin:0;
        min-height: 28px !important;
        display: flex;
        justify-content: center !important;
        min-width: 100px !important;
        align-content: center;
        align-items: center;
        padding:0;
    }

    .input-group-label {
        height: auto !important;
    }
    .input-group-label b {
        display: inline-block;
    }
    .input_element_section_chkbx {
        width: calc(100% - 12px) !important;
        margin: 0 6px !important;
    }
    .input_element_section_chkbx >span {
        width: calc(100% - 12px) !important;
        margin: 5px 0 0 0 !important;
    }
    .input_element_section_chkbx >span input{
        float: right;
        margin: 8px 5px 0 0 !important
    }

    .input_element_section_chkbx label {
        margin:5px;
    }
    .input_element_section .radio_label {
        padding:8px 5px;
    }
    .input-half {
        margin: 0 0px 0 3px !important;
        width: calc(49% - 10px) !important;
    }
}