#div_pagepreload_loading_1, #div_pagepreload_loading_2, #div_pagepreload_loading_3 { display: none; }



a {
            color: #5B6346;
	    font-size:11px;
	    font-family: verdana,sans-serif, tahoma;
	    padding: 2px 2px 2px 2px;
 }

a:hover {
            color: #343E45;
	    font-family: verdana,sans-serif, tahoma;
  }

body{
         margin: 0 0 0 0;
	 font-size: 9px;
	 color: #000000;
	 cursor: default;
	 font-family: verdana,sans-serif, tahoma;
	 background-color : #ffffff;
}


div{
         margin: 0 0 0 0;
	 font-size: 9px;
	 color: #000000;
	 cursor: default;
	 font-family: verdana,sans-serif, tahoma;
}
body, tr, td, span, div, input, select, textarea {
        color: #343E45;
	font-size: 11px;
}

.rowEven{
	background-color:#ffffff;
}
.rowOdd{
	background-color:#f3f3f3;
}
.header_2{
        background-color: #110000;
	font-size: 11px;
}	       

.val { 
	color: #110000;
	padding-left: 5px;
	width:300px;
}
.values { 
	color: #001100;
	padding-left: 5px;
	background-color:#ffffff;
  	font-weight:bold;
        border: 1px solid #cccccc;
}
.valuesA { 
	color: #001100;
	padding-left: 2px;
	background-color:#ffffff;
  	font-weight:bold;
        font-size:9px;
        border: 1px solid #cccccc;
}
.comment { 
	color: #001100;
	padding: 2px 2px 2px 2px;
	background-color:#ffffff;
}

.comment > pre {
  overflow: auto;
  overflow-wrap: break-word;
}

.err { 
	color: #FA0000;
	padding-left: 5px;

}
.success { 
	color: #66FF22;
	padding-left: 5px;
}
.subtitlu, .subtitlu span { 
	font-size: 15px;
	color: #000000;
	text-align:center;
}
.titlu, .titlu span { 
	font-size: 20px;
	color: #000000;
	text-align:center;
}
.titlu { 
	padding: 10px 10px 10px 10px;
}
.titlu span.error { 
        color: red;
}

.titlu_a, .titlu_a:hover {
        color: #000000;
	text-decoration:none;
	font-family: verdana,sans-serif, tahoma;
	font-size:20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.err_input {
	background-color: #FF0000;
	border: 1px inset #FF0000;
	color: #FFCCCC;
}
.search_input {
        height: 18px;
        outline: 0;
        width: 100%;
        border: 0;
        padding: 4px 3px 4px 3px;
        box-sizing: content-box;
        font-size: 14px;
}
.tool_input {
	color: #003333;
	width: 300px;
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
}
.tool_input:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa; 
}
.tool_input_200  {
	width: 200px;
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
}
.tool_input_200:focus  {
	width: 200px;
        background: #fff;
        border:1px solid #555;
        box-shadow: 0 0 3px #aaa; 
}
.tool_input_xxl {
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
	color: #003333;
	width: 600px;
}

.tool_input_xxl:focus  {
	width: 600px;
        background: #fff;
        border:1px solid #555;
        box-shadow: 0 0 3px #aaa; 
}
.tool_input_nolg {
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
	color: #003333;
}
.tool_input_nolg:focus  {
        background: #fff;
        border:1px solid #555;
        box-shadow: 0 0 3px #aaa; 
}
.tool_input_nosz {
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
	color: #003333;
}
.tool_input_nosz:focus  {
        background: #fff;
        border:1px solid #555;
        box-shadow: 0 0 3px #aaa; 
}
.tool_input_pag {
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
	color: #003333;
        width:25px;
}
.tool_input_pag:focus  {
        background: #fff;
        border:1px solid #555;
        box-shadow: 0 0 3px #aaa; 
}
.tool_input_gray_nolg {
	background-color: #DDDDDD;
	color: #003333;
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
	color: #003333;
}

.tool_input_gray_nolg:focus  {
        background: #fff;
        border:1px solid #555;
        box-shadow: 0 0 3px #aaa; 
}
.tool_input_s {
	color: #003333;
	width: 190px;
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
}

.tool_input_s:focus  {
        background: #fff;
        border:1px solid #555;
        box-shadow: 0 0 3px #aaa; 
}

.content {
	background-color: #f3f3f3;
        box-shadow:             2px 2px 7px  rgba(0, 0, 0, 0.75); 
        border-collapse: separate;

}

input[type=checkbox] {
	color:#00f;
	background:#ddd;
}
input[type=checkbox][checked] {
	color:#00f;
	background:#ddd;
}
input[type=number] {
  text-align:right;
}


input[type=text] {
   text-align:left;
}
input[contains=number] {
   text-align:right;
}
.menu {
        background-color: #FFFFFF;
        border: 1px solid #D6EBDC;
        color: #347683;
	text-decoration:none;
	font-family: verdana,sans-serif, tahoma;
	font-size:11px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.titlu_m {
        font-size: 16px;
        color: #000000;
        text-align:center;
        padding: 5px 5px 5px 5px;
}
table {
	border-collapse: collapse;
}
table.table_m {
}

table.table_m td {
        border: 1px solid #ffffff;
	padding: 0px 3px 3px 3px;
}
table.table_m th {
   	background-color: #BBBBAA; 	
        border: 1px solid #ffffff;
	font-weight:normal;
	padding: 3px 3px 3px 3px;
}

table.table_m table.table_m_noborder td {
        border: none;
}

table.table_ma {
/*        border: 0px solid #ffffff; */
}

table.table_ma td {
        border-bottom: 1px solid #cccccc;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
	padding: 0px 3px 3px 3px;
}
table.table_ma th {
   	background-color: #BBBBAA; 	
        border: 1px solid #ffffff;
	font-weight:normal;
	padding: 3px 3px 3px 3px;
}

table.table_m caption{
   font-weight: bold;
   font-size: 24px;
   text-align: left;
   color: #777;
}


.table_error {
	color: red;
	font-weight:bold;
}

.error { 
	color: red;
	font-weight:bold;
	font-size:15px;
}
.ast {
	color: #F68622;
	vertical-align: -2px;
}



table.contact_table {
	background-color: #f3f3f3;
	padding-bottom: 10px;
}
tr.contact_hover:hover {
	background-color: #d0d0d0;
}
tr.contact_gray, tr.contact_gray td {
	color: lightgray;
}
.contact_hov {
	background-color: #d0d0d0;
}
.contact_gr{
	color: lightgray;
}
table.contact_table th {
	border-bottom: 1px solid #DBDBC3;
	border-right: 1px solid #DBDBC3;
}
table.contact_table td {
	border-bottom: 1px solid #DBDBC3;
}
.contact_label {
	border-top: 1px solid #DBDBC3;
	border-bottom: 1px solid #DBDBC3;
	border-right: 1px solid #DBDBC3;
}

.contact_value {
	border-top: 1px solid #DBDBC3;
	border-bottom: 1px solid #DBDBC3;
}
.border_s {
  border: 1px solid #000000;
}
.line_s {
  border-bottom: 1px solid #000000;
}

tr.line_s td{
  border-bottom: 1px solid #000000;
  padding: 3px 3px 3px 3px;
}
tr.line_s th{
  border-bottom: 2px solid #000000;
}
.line_u {
  border-top: 1px solid #000000;
}

tr.line_u td{
  border-top: 1px solid #000000;
  padding: 3px 3px 3px 3px;
}
.pay{
  border-top: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #DDFFDD;
}
.invoice{
  border-top: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #FFDDDD;
}
.invoice_taxe {
  border-top: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #FFCBA4;
}
.canceled{
  border-top: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #ffffff;
  font-style: oblique;
  text-decoration: line-through;
}
.border_top  {
  border-top: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #ffffff;
  font-weight:bold;
}
.totals, .totals_red, .totals_green {
  border-top: 2px solid #000000;
  padding: 3px 3px 3px 3px;
  font-weight:bold;
  background-color: #DDDDCC; 	
}
.totals_red td {
  color: red;
  padding: 9px 3px 9px 3px;
}
.totals_green td {
  color: green;
  padding: 9px 3px 9px 3px;
}

.redd {
  color: #aa0000;
  border-top: 1px solid #000000;
  background-color: #ffffff;
  font-weight:bold;
}

.headr {
  border-top: 1px solid #cccccc;
  padding: 3px 3px 3px 3px;
  font-weight:bold;
}
.a_modif{
	text-decoration:none;
	color: #000000;
}
a.a_modif{
	text-decoration:none;
	color: #000000;
}
a.a_modif:hover {
        color: #ffffff;
	text-decoration:none;
  }
.nolines{
        border: 0px ;
}
table.nolines {
        border: 0px ;
}

table.nolines tr td {
           border: 0px ;
}
table.nolines th {
           border: 0px ;
}
.red_highlight {
  color: #aa0000;
  font-weight:bold;
  padding-left: 5px;
  background-color:#ffffff;
  border: 1px solid #cccccc;
}
.green_highlight {
  color: #00aa00;
  font-weight:bold;
  padding-left: 5px;
  background-color:#ffffff;
  border: 1px solid #cccccc;
}

.tkt_new td{
  color: #993333;
  font-weight:bold;
  font-size:10px;
}
.tkt_activ td{
  color: #339933;
  font-weight:bold;
  font-size:10px;
}
.tkt_closed td{
  color: #666666;
  background-color:#cccccc;
  font-size:10px;
}
.install_red td{
  color: #666666;
  background-color:#ff8899;
  font-size:10px;
}
.install_green td{
  color: #666666;
  background-color:#88ff99;
  font-size:10px;
}
.install_orange td{
  color: #666666;
  background-color:#ff9900;
  font-size:10px;
}
.highlight {
  background-color:#cccccc;
}
.prio_0 {
   background-color: #ff0000;
}
.prio_1 {
   background-color: orange;
}
.prio_2 {
   background-color: yellow;
}
.prio_3 {
   background-color: lightblue;
}
.border_bottom  {
  border-bottom: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #ffffff;
  font-weight:bold;
}
.border_bottom_tan  {
  border-bottom: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #e8e2d6;
  font-weight:bold;
}
.border_bottom_att  {
  border-bottom: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #ffffdd;
  font-weight:bold;
}
.border_top_bottom  {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #ffffff;
  font-weight:bold;
}
.total_interm {
  background-color:#F9FFF9;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #000000;
  font-weight:bold;
}
.total_interm1 {
  background-color:#DAEAC9;
  border-bottom: 2px solid #000000;
  font-weight:bold;
}
.total {
  background-color:#ffffff;
  border-bottom: 2px solid #000000;
  font-weight:bold;
}
.pagination {            
        color: #5B6346;
        font-size:11px;
        font-family: verdana,sans-serif, tahoma;
        text-decoration:none;
}              
.pagination:hover {
            color: #663300;     
            font-size:11px;             
            font-family: verdana,sans-serif, tahoma;
}                        
.pag {                          
        background-color: #FFFFFF;      
        border-top: 1px solid #cccccc;          
        border-bottom: 1px solid #cccccc;
        color: #347683;
        text-decoration:none;
        font-family: verdana,sans-serif, tahoma;
        font-size:11px;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
}
.crt_pag {
        background-color: #eeeeee;
        border: 1px solid #333333;
        color: #000000;
        text-decoration:none;
        font-family: verdana,sans-serif, tahoma;
        font-size:11px;
        font-weight:bold;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
}

.note {
	color:#777777;
	font-size:9px;
	font-weight:normal;
}
.smallfont {
	color:#777777;
	font-size:9px;
	font-weight:normal;
}

.rowDiff {
	background-color:#ccffcc;
}

.strike_through td {
  color: #666666;
  background-color:#fe9fa4;
  text-decoration: line-through;
}

.strike_through_grey td {
  color: #666666;
  background-color:#dddddd;
  text-decoration: line-through;
}

.strike_through_grey_b {
  color: #AAAAAA;
  text-decoration: line-through;
}

.line {
  border: 1px solid #000000;
  padding: 10px 10px 10px 10px;
  margin: 3px 3px 3px 3px;

  background-color:#eeeeee;
  border-collapse: separate;
}

.explanation {
  border: 1px solid #000000;
  padding: 10px 10px 10px 10px;
  margin: 3px 3px 3px 3px;

  background-color:#eeeeee;
  border-collapse: separate;
}

.red_text td {
  color: #999933;
  font-weight:bold;
  font-size:10px;
}
.green_text td{
  color: #339933;
  font-weight:bold;
  font-size:10px;
}



.span_is_bold_red {
  color: #FF6666;
  font-weight: bold;
  font-size: 12px;
}
.blocked_is_red td {
  color: #FF6666;
  font-weight: bold;
  font-size: 12px;
}

.highlight_background_border {
  color: #000000;
  font-weight:bold;
  padding-left: 5px;
  background-color:#aa2222;
  border: 1px solid #cccccc;
}

.rowClass1 { background-color:#cdaabb; }
.rowClass2 { background-color:#aaffff; }
.rowClass3 { background-color:#00cdcd; }
.rowClass4 { background-color:#cd8811; }

input[type=text] {
        height:18px;
}
select:not([multiple]) {
	font-size: 12px;
}
select[multiple] {
	font-size: 12px;
}
textarea {
        border:1px solid #aaa;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
        border-radius:2px;
        height: 100px;
}
input[type=checkbox] {
	color:#00f;
	background:#ddd;
}
input[type=checkbox][checked] {
	color:#00f;
	background:#ddd;
}
/* #### bootstrap Form #### */
.bootstrap-frm {
    margin-right: auto;
    margin-left: auto;
    background: #FFF;
    padding: 20px 30px 20px 30px;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #DDD;
    border-radius: 10px;
}
.bootstrap-frm h1 {
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #555;
}
.bootstrap-frm h1>span {
    display: block;
    font-size: 11px;
}
.bootstrap-frm label {
    display: block;
    margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
    float: left;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #333;
}


table.table_grey {
/*        border: 0px solid #ffffff; */
}

table.table_grey td {
        border-bottom: 1px solid #cccccc;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
	padding: 0px 3px 3px 3px ;
        color: #777777;

}
table.table_grey th {
   	background-color: #dedede; 	
        border: 1px solid #ffffff;
	font-weight:normal;
	padding: 3px 3px 3px 3px 
}
.highlight_text td {
  color: #21543f;
  font-weight:bold;
  font-size:11px;
}

.highlight_row {
  color: #000000;
  font-weight:bold;
  padding-left: 5px;
  background-color:#ccffcc;
  border: 1px solid #cccccc;
}
.values_grey { 
	color: #001100;
	padding-left: 2px;
	background-color:#ededed;
  	font-weight:bold;
        font-size:9px;
        border: 1px solid #cccccc;
}
.top_border{ 
  border-top: 3px solid #777777;
  padding-bottom:5px;
}

.cust_link {
   text-decoration: none;
   color: #ffffff;
   /* text-size: 20px; invalid */
}
.greyed {
  border-top: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #fefefd;
  font-style: oblique;
}
.description {
  color: #21543f;
  font-weight:bold;
  font-size:11px;
        width: 300px;
        background-color: #ffffff;
        padding: 3px 3px 3px 3px;
        border: 1px solid #efefef;

}

.warn_text {
   color: #ff7575;
}

.warn_background {
   background-color : #ff7575;
   color: #ffffff;
}
.grey_background {
   background-color : #888888;
   color: #ffffff;
}







/* merge from buttons_3d_gradient.css 20160409 */
.content_buton { 
                background-color: #DEEDD5; 
                border: none; 
                color: #000; 
                text-decoration:none;
        	font-family: verdana,sans-serif, tahoma;
                font-size: 11px;
                padding: 4px 9px 4px 9px; 
                white-space: nowrap;
                margin: 5px 22px 5px 5px;
                
                position: relative;;
                border-radius: 5px;
                background: #DEEDD5;
                font-weight:bold;
                
                -webkit-user-select: none;
                box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45), 0px 3px 3px rgba(0, 0, 0, 0.25);
                background-image: linear-gradient( to top, rgba(0,0,0,0.3) 1%, rgba(255,255,255,0.2) 100%);
}
.content_buton:active { 
                position: relative; 
                top: 0px;
                box-shadow: 0px -2px 3px rgba(255, 255, 255, 1),  0 0px 3px rgba(0, 0, 0, 0.9);
}

.content_buton:hover {
                background-color: #DEEDD5; 
                color: #333333;
        	white-space: nowrap;
                background-image: linear-gradient( to top, rgba(0,0,0,0.45) 1%, rgba(255,255,255,0.3) 100%);
                cursor: pointer;
}

.content_buton.a {
        color: #000;
}
/* end of buttons_3d_gradient.css */

.small_input {
  width:50px;
}
.phone_err{
   background-image: url('green_phone.png');
   background-repeat: no-repeat;
   background-position: center left ;
   background-color: #ffccbb;
   background-size: 30px 30px;
   width: 250px;
   height: 50px;
   line-height: 50px;

}

.phone_ok {
   background-image: url('green_phone.png');
   background-repeat: no-repeat;
   background-position: center left ;
   background-color: #ccffbb;
   background-size: 30px 30px;
   width: 180px;
   height: 50px;
   line-height: 50px;
}

.call_table_d{
  border-top: 1px solid #000000;
  padding: 3px 3px 3px 3px;
  background-color: #ffe8cf;
}
.blink_me {
     animation: blinker 1s linear infinite;
}

@keyframes blinker {
     50% {
            opacity: 0;
          }
}

.box_tr {
   padding:4px;
}
.box_tr:nth-child(odd) {
  background-color: #dcdcdc;
}

.box_tr:nth-child(even) {
   border-bottom:  1px solid #ddd;
}

.box_tr td:first-child {
   border-right: 1px solid #ddd;
   background: white;
   border-bottom:  1px solid #ddd;
   text-align: right;
   padding-right:4px;
}

.to_export {
   background-color: #fae1dd;
}
.exported {
   background-color: #ffd7ba;
}
.decontate {
   background-color: #d8e2dc;
}
.note_transf {
   color: #ddbea9;
}



.striped {
   padding:4px;
}
.striped>tr:nth-child(odd) {
  background-color: #eeeeee;
}

.striped>tr:nth-child(even) {
}

.striped>tr td:first-child {
   padding-right:4px;
   z-index:4;
}

.striped>div:nth-child(odd) {
  background-color: #cecece;

}

.striped>div:nth-child(even) {
  background-color: #e2e2e2;

}

.search_label {
    font-family: 'Hahmlet';
    border-right: 1px solid #aaa;
    background-color: #eeebe6;
}

.results_text {
    padding: 10px 15px 10px 5px;
    text-align:left;
}


.gpon_info { 
	font-size: 13px;
	color: #88aa00;
	text-align:center;
}

.contract_title {
	font-size: 18px;
	background-color: #CC6;
	text-align:left;
        border-radius: 10px 5px 12px 5px;
}
.susp_req_table >TBODY>TR>TD{
   padding-bottom:10px;

}

.sq_canceled {
   color: #d32124;
   font-weight: bold;
}

ul.square{

     list-style-type: square;
     margin: 0;
     padding: 0;
    list-style-position: inside;
}