/* Style icon over here */


/* Buttons */
button, input[type=submit]  {
    background-color: #FCD719;
    border: none !important;
    color: #2B3E50;
    padding: 7px;
}

button:hover, input[type=submit]:hover {
    background-color: #F4CF11;
    color: #223547;
}



#id_liefer_form_del, #id_liefer_form_discon{
   background-color: #E8E8E8;
}

#id_rech_form_del {
background-color: #E8E8E8;
}

#id_liefer_form_del:hover, #id_liefer_form_discon:hover{
   background-color: #ddd;
}

/* input fields - distributor adress form */
#id_abos_selectbox,
#id_abos_lieferadressen_selectbox{
   margin-bottom:20px;
}

#id_liefer_empf_anrede, 
#id_liefer_land,
#id_liefer_empf_titel,
#id_liefer_empf_name,
#id_liefer_empf_vorname,
#id_liefer_empf_name1,
#id_liefer_empf_name2,
#id_liefer_empf_name3,
#id_liefer_empf_tel,
#id_liefer_plz,
#id_liefer_ort,
#id_liefer_strasse{
   
}

#remember {
   float: left;
   margin-right: 10px;
}

#id_kunden_bemerkung {
   height: 140px;
}

/* Buttons */
.bwh-anker-btn{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
   
    background-color: #FCD719;
    border-color: #eee;
    color: #2B3E50;
}

.bwh-anker-btn:hover{
    background-color: #F4CF11;
    color: #223547;
    text-decoration: none;
}

.bwh_bwh_logo{
   position: fixed;
   right: 28px;
   top: 7px;
   height: 45px;
   z-index: 10000;
   padding:10px;
   background-color: #ffffff;
   border: 1px solid black;
}

.bwh_dlrg_logo{
   position: fixed;
   right: 28px;
   top: 24px;
   z-index: 10000;
   width: 187px;
}

.bwh_field_wrap{
   display: block;
   /*float: left;*/
   height: auto;
   margin-bottom: 27px;
   margin-left: 3px;
   width: auto;
   word-wrap: break-word;
}

.bwh_label{
   font-size: smaller;
   color: #626262;
   margin-bottom: -21px;
   display: block;
}


/* za Abo info */
.bwh_abo_info_wrapper .bwh_las_info_list li {
   line-height: 15px !important;
}

.bwh_abo_info_wrapper .bwh_coll_del_button {
    float: left;
    margin-right: 10px;
/*    border: 1px solid #ccc !important;
    background-color: #eee;*/
    border: 1px solid #d4b513 !important;
    background-color: #ecc913;
    padding: 7px 5px 6px 6px;
}
.bwh_abo_info_wrapper .readyToDelete {
/*   background: #ea5004 !important;
   border: 1px solid #b5510a !important;*/
   background: #8c7d75 !important;
   border: 1px solid #5d5956 !important;
}

.bwh_abo_info_wrapper .all_rtd_btn_selected {
/*   background: #ea5004 ;
   border: 1px solid #b5510a ;*/
   background: #8c7d75 !important;
   border: 1px solid #5d5956 !important;
}
    
.bwh_abo_info_wrapper .bwh_select_all_rtd_btn {
   padding: 10px;
   border: 1px solid #d4b513 !important;
   /*background-color: #ecc913;*/
   padding: 7px 9px 6px 9px;
}

.bwh_abo_info_wrapper .bwh_coll_del_button:hover, 
.bwh_abo_info_wrapper .bwh_select_all_rtd_btn:hover {
   background-color: #debe14;
}

/*.bwh_abo_info_wrapper .all_selected_in_za_btn {
   width: 50%;
   left: 7%;
   background-color: #f4cf11;
}*/

.bwh_abo_info_wrapper .all_selected_in_za_btn:hover {
   background-color: #fcd719;
}

/* ENDE za Abo info */

/* za clipboard */

.cl_panel_abbruch {
   margin: 0 !important;
   width: 22px;
   /*background-color: #30bb0b;*/
   position: absolute;
   top: 7px;
    right: 7px;
       padding-right: 21px;
    padding-bottom: 21px;
}

.cl_panel_abbruch button {
   height: 23px;
   line-height: 1px;
}

.cl_panel_inner {
   margin: 0px !important;
   height: 284px;
}

.cl_form_wrapper {
   /*background-color: #2ac7d2;*/
   width: 470px;
   height: 255px;
   margin: 0px !important;
}
.cl_form_wrapper option {
   font-size: 10px;
}

.cl_la_form select {
   /*overflow-y: scroll;*/
   height: 200px;
   display: block;
   float: left;
   width: 200px;
}

.cl_abo_form select {
   /*overflow-y: scroll;*/
   height: 200px;
   display: block;
   width: 200px;
}

.cl_arrow {
   display: block;
   float: left;
   margin-left: 18px;
   margin-right: 18px;
   margin-top: 76px;
}

.cl_las_copy_panel_confirm, .no_data_selected_info_panel {
   margin: 0 !important;
}

.cl_clear {
   position: absolute;
   left: 23px;
   bottom: 25px;
}

.cl_copy_selection {
    position: absolute;
    right: 32px;
    bottom: 25px;
}


/* ENDE za clipboard */

.bwh_open_view_button{
   clear: both;
   background: none;
   border: 1px solid #ccc !important;
   /*float: left;*/
}

.readyToDelete {
/*   background: #ff0000;*/
   background: #8c7d75;
}

/*.delete_all_selected_btn {
   display: none; 
   width: 36%; 
   text-align: center; 
   color:#fff; 
   background-color: #ff0000;
   position: fixed;
   bottom: 3em;
   left: 0px;
   margin: 0 125px;
}*/
.delete_all_selected_btn {
    display: none;
    width: 139px;
    height: 96px;
    text-align: center;
    color: #fff;
    background-color: #ff0000;
    position: fixed;
    bottom: 12em;
    left: -63px;
    margin: 0 125px;
}


/*.all_selected_in_za_btn {
   display: none; 
   width: 36%; 
   text-align: center; 
   color:#000; 
   background-color: #FCD719;
   position: fixed;
   bottom: 3em;
   left: 40%;
   margin: 0 125px;
   z-index: 99;
}*/
.all_selected_in_za_btn {
    display: none;
    width: 139px;
    height: 69;
    text-align: center;
    color: #000;
    background-color: #FCD719;
    position: fixed;
    bottom: 3em;
    left: -63px;
    margin: 0 125px;
    z-index: 99;
}



.bwh_select_all_rtd_btn {
   background: none;
    border: 1px solid #ccc !important;
}

#del_options {
   width: 100%;
   margin-top: 10px;
   margin-bottom: 10px;
}

#select_all_rtd_btn_label {
   margin-left: 5px;
   font-weight: bold;
}

.all_rtd_btn_selected {
   /*background: #ff0000;*/
   background: #8c7d75;
}

.bwh_left{
   float:left;
}

.bwh_right{
   float:right;
}

.bwh_clear{
   clear: both;
}

.bwh_rechadr_edit_form_wrapper{
   display: none;
   clear: both;
}

.bwh_lieferadr_edit_form_wrapper{
   display: none;
   clear: both;
}

.bwh_lieferadr_edit_form{
   
   /*position: relative;*/
}

.bwh_load_icon{
/*   left: 14px;
   margin-left: 10px;
   position: absolute;*/
}

.bwh_check_icon{
   /*left: 14px;
   margin-left: 10px;
   position: absolute;*/
}

/* Snippets styles */
.bwh_relativ{
   display:relativ;
}

.bwh_position_refferer_button{
   position: absolute;
   left: 115px;
   top: 123px;
}

/* #za */
.bwh_position_clipboard_button{
   position: absolute;
   right: 425px;
}
.bwh_position_clipboard_button span.clipboard_button_wrapper{
   position: absolute;
   top: 8px;
   right: 0px;
   text-decoration: none;
}

.bwh_position_clipboard_button .clickhandler{
   color: #D7031C;
   cursor: pointer;
}

.bwh_position_clipboard_button .clickhandler:hover{
   color: #BB0202;
}

/*notification*/
.notification-container {
    position: relative;
    width: 16px;
    height: 16px;
    top: 15px;
    left: 15px;
    
    i {
        color: #fff;
    }
}

.notification-counter {   
    position: absolute;
    top: 0px;
    left: 34px;
    background-color: rgb(255, 0, 0);
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    font: 8px Verdana;
    display:none;
}

/* #za */

.bwh_position_auth_button{
   position: absolute;
/*   right: 325px;*/
   right: 225px;
}
.bwh_position_auth_button_2{
   position: absolute;
/*   right: 225px;*/
   right: 325px;
}
.bwh_position_auth_button a{
   text-decoration: none;
}
.bwh_position_auth_button_2 a{
   text-decoration: none;
}

.bwh_right_position_225px{
   position: absolute;
   right: 225px;
}

.bwh_right_position_225px_bottom_50px{
   position:absolute;
   right: 225px;
   bottom: 50px;
}

.bwh_right_position_325px{
   position: absolute;
   right: 325px;
}

/*.bwh_suche_form{
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   
   border: 1px solid #DDDDDD;
   
   background: rgb(240, 240, 240);
   background: -moz-linear-gradient(49deg, rgb(240, 240, 240) 30%, rgb(235, 235, 235) 70%);
   background: -webkit-linear-gradient(49deg, rgb(240, 240, 240) 30%, rgb(235, 235, 235) 70%);
   background: -o-linear-gradient(49deg, rgb(240, 240, 240) 30%, rgb(235, 235, 235) 70%);
   background: -ms-linear-gradient(49deg, rgb(240, 240, 240) 30%, rgb(235, 235, 235) 70%);
   background: linear-gradient(139deg, rgb(240, 240, 240) 30%, rgb(235, 235, 235) 70%);
   
   padding: 12px;
}*/


/* Common */
.bwh_text_shadow{
  text-shadow: 0.1px 0.1px 0.4px #aaa;
}

.bwh_hero_unit_logo{
   width: 210px;
}

.bwh_hero_unit_head{
  display: inline;
    left: 288px;
    position: absolute;
    top: 100px;
}

.hero-unit h1{
  margin: 0px;
}

.bwh_bold{
  font-weight: bold;
}

.bwh_text_green{
  color: #00ff00;
}

.bwh_text_red{
  color: #D7031C;
}

.bwh_text_darkred{
  color: #b30028;
}

.bwh_text_white{
  color: #fff;
}

.bwh_text_darkgreen{
  color: #2f8912;
}

.bwh_text_newdarkgreen{
  color: #18535a;
}

.bwh_text_orange{
   color: #F4CF11;
}

.bwh_text_neworange{
   color: #FE6600;
}

.bwh_text_huge{
   font-size: 20px;
   line-height: 28px;
}

.bwh_navbar_inner_div{
   margin-top: 5px;
}

.bwh_header_delimiter{
  height: 117px;
}

.bwh_page_top_delimiter{
  height: 40px;
}

.bwh_message_box{
   display: block;
   padding: 25px;
   background-color: #ff0000;
   border-bottom: 2px solid #777;
   border-right: 2px solid #777;
   width: 50%;
   margin-bottom: 15px;
}

.bwh_box_gray{
   position: relative;
   width: 100%;
   border-left: 1px dotted #bbb;
   border-right: 1px dotted #bbb;
   border-bottom: 1px dotted #bbb;
   background-color: #F9F9F9;
   padding-left: 15px;
   padding-top: 69px;
}

.bwh_box_gray_info{
   position: relative;
   width: 100%;
   border-left: 1px dotted #bbb;
   border-right: 1px dotted #bbb;
   border-bottom: 1px dotted #bbb;
   background-color: #F9F9F9;
   padding: 15px;
}

.bwh_label_huge{
   font-size: 21px;
   line-height: 30px;
   color: #080808;
   margin-bottom: 21px;
   display: block;  
   position: absolute;
   top: -15px;
}


.bwh_panel{
    position:fixed;
    background-color: #000;
    opacity: 0.4;
    top: 0;
    left: 0;
    height: 10000px;
    width: 10000px;
}

.bwh_hide{
   display: none;
}

.panel_inner{
   background-color: #F6F2DF;
   border: 7px solid #F5E854;
   color: #767676;
   font-size: 1.3em;
   height: 116px;
   padding: 23px;
   position: fixed;
   text-align: center;
   width: 466px;
   height: auto;
   z-index: 100000;
   border-radius: 10px;
}

.panel_inner div{
   margin-top: 35px;
   margin-right: 60px;
   margin-left: 60px;
}

.bwh_disabled{
  color: #bcbcbc !important;
  background-color: #E8E8E8 !important;
}

.bwh_disabled:hover{
  color: #bcbcbc !important;
  background-color: #E8E8E8 !important;
}

.bwh_required{
  color: #D7031C;
}

.bwh_cus_info_list{
}

.bwh_las_info_list{
   list-style: none;
   max-height: 270px;
   overflow-y: scroll;
   border: 3px solid #f4cf11;
   width: 85%;
   padding-left: 10px;
}

.bwh_las_info_list_detail_user{
   list-style: none;  
   font-size: 0.9em;
   font-style:italic;
}



/* Placeholder color */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #888;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #888;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #888;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bbb !important;
}

.bwh_icon_holder{
   
   display: block;
   float: right;
   height: 60px;
   margin-left: 20px;
   width: 60px;
   margin-top: -8px;
}

.bwh_input_dummy{
   width: 206px;
   display: block;
   height: 20px;
   padding: 4px 6px;
   margin-bottom: 10px;
   font-size: 14px;
   line-height: 20px;
   color: #bbb;
   vertical-align: middle;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.bwh_customer_info_wrapper{
   background-color: #FCD719;
   border: 10px solid #F4CF11;
   color: #2B3E50;
   margin-left: 29px;
   padding: 15px;
}

.bwh_abo_info_wrapper{
   background-color: #FCD719;
   border: 10px solid #F4CF11;
   color: #2B3E50;
   margin-left: 29px;
   padding: 15px;
   width: 921px;
   margin-top: 40px;
}


.bwh_admin_area_header {
   background: #18535a;
   background: -moz-linear-gradient(90deg, #18535a 63%, #18535a) !important;
   background: -webkit-linear-gradient(90deg, #18535a 63%, #18535a 80%) !important;
   background: -o-linear-gradient(90deg, #18535a 63%, #18535a) !important;
   background: -ms-linear-gradient(90deg, #18535a 63%, #18535a) !important;
   background: linear-gradient(180deg, #18535a 63%, #18535a) !important;
   
   border-color: #555;
   border-width: 0 0 2px !important;
   
   filter: none;
}

/* PREVIEW */
/*.bwh_hidden_knr_preview {
  color: #fff;  
}*/

.bwh_highlight_field {
   color: #ff0000 !important;
   border: 1px solid #ff0000 !important;
   background-color: #f8b9b7;
}

.bwh_highlight_preview {
   color: #ff0000 !important;
}

.bwh_lable_list_preview_note {
   color: #ff0000;
   float: left;
   width: 241px;
   display: none;
   line-height: 16px;
   font-size: smaller;
}

.bwh_lable_single_preview_note {
   color: #ff0000;
   width: 245px;
   margin-left: -5px;
   line-height: 16px;
   font-size: smaller;
}

/* LABEL-PREVIEW */
.label_preview_wrapper_ie,
.label_preview_wrapper_ie6,
.label_preview_wrapper_ie7,
.label_preview_wrapper_ie8,
.label_preview_wrapper_ie9,
.label_preview_wrapper_ie10,
.label_preview_wrapper_safari,
.label_preview_wrapper_opera,
.label_preview_wrapper_mozilla,
.label_preview_wrapper_chrome {
   background-image: url('../img/png/label.png');
   background-position: -16px -11px;
   background-repeat: no-repeat;
   background-size: 414px auto;
   background-color: #ff0000;
   
   border: 1px solid red;
   
   width: 260px;
   height:  115px;
   
   float: right;
   
   padding: 42px 0px 0px 13px;
}


.label_preview_wrapper_ie {
   
}

.label_preview_wrapper_ie6 {
   
}

.label_preview_wrapper_ie7 {
   
}

.label_preview_wrapper_ie8 {
   
}

.label_preview_wrapper_ie9 {
   
}

.label_preview_wrapper_ie10 {
   
}

.label_preview_wrapper_safari {
   
}

.label_preview_wrapper_opera {
   
}

.label_preview_wrapper_mozilla {
   
}

.label_preview_wrapper_chrome {
}

.label_preview_content_ie,
.label_preview_content_ie6,
.label_preview_content_ie7,
.label_preview_content_ie8,
.label_preview_content_ie9,
.label_preview_content_ie10,
.label_preview_content_safari,
.label_preview_content_opera,
.label_preview_content_mozilla,
.label_preview_content_chrome {
   color: #000;
   font-size:  14px;
   font-family: arial, sans-serif;
   letter-spacing: 1.3px;
   
   margin-bottom: -5.8px;
   width: 256px;
   height: 21px;
   
   white-space: nowrap;
   overflow: visible;
   display:block;
}

.label_preview_content_ie:first-child,
.label_preview_content_ie6:first-child,
.label_preview_content_ie7:first-child,
.label_preview_content_ie8:first-child,
.label_preview_content_ie9:first-child,
.label_preview_content_ie10:first-child,
.label_preview_content_safari:first-child,
.label_preview_content_opera:first-child,
.label_preview_content_mozilla:first-child,
.label_preview_content_chrome:first-child {
   margin-bottom: 1px;
   padding-left:  24px;
}


.label_preview_content_ie {
   
}

.label_preview_content_ie6 {
   
}

.label_preview_content_ie7 {
   
}

.label_preview_content_ie8 {
   
}

.label_preview_content_ie9 {
   
}

.label_preview_content_ie10 {
   
}

.label_preview_content_safari {
   
}

.label_preview_content_opera {
   
}

.label_preview_content_mozilla {
   
}

.label_preview_content_chrome {
   
}

/* ENDE LABEL-PREVIEW */

/* Deaktivierungs Form */

.input_datum_bis {
   width: 100px;
   margin-right: 5px;
   background-color: #f9f9f9 !important;
}
.input_datum_n {
   width: 100px;
   margin-right: 5px;
   background-color: #f9f9f9 !important;
}

/* Ende Deaktivierungs Form */

/* Rechnungslauf Form */

.lap_id_list_label {
  float: left;
  font-size: 10px;
  width: 177px;
  line-height: 16px;
  padding-top: 2px;
}
.invoice_lap_part_wrapper {
   margin-bottom: 15px;
}

.lap_button {
   margin-right: 5px;
}

/* Ende Rechnungslauf Form */


/* Rechnungs Uebersicht */

/* BOX FILTER*/
.invoice_filter_form_wrapper {
   font-size: 1em; 
   background-color: lightblue;  
   min-height: 200px;
   
   position: absolute;
   top: 277px;
   width: 540px;
}
.invoice_filter_form_wrapper button.toggle_slide_left {
   position: absolute;
   top: 87px;
   left: 497px;
   width: 40px;
   z-index: 100;
}
#invoice_filter_form {
  background-color: #FCD719; 
  padding: 25px;
}

/* BOX ACTION */
.invoice_action_form_wrapper {
   font-size: 1em; 
   /*background-color: lightgreen;*/  
   min-height: 200px;
   
   position: absolute;
   top: 500px;
   width: 300px;
}
.invoice_action_form_wrapper button.toggle_slide_left {
   position: absolute;
   top: 74px;
   left: 257px;
   width: 40px;
   z-index: 100;
}
#invoice_action_form {
  background-color: #FCD719; 
  padding: 25px;
}

.invoice_action_form_wrapper button.cn {
   position: absolute;
   top: 190px !important;
   left: 257px;
   width: 40px;
   z-index: 100;
}

.cn_send_label,
.cn_sync_label
{
  display: block;
  width: 218px;
}
.pdf_download_label
{
  display: block;
  width: 300px;
  height: 36px;
}

.pdf_download_button {
   background-color: #F9F9F9;
   border: none !important;
   padding: 1px 3px 1px 3px;
}

.pdf_download_button:hover {
   background-color: #f3f3f3;
}

.il_pdf_download_button, 
.cn_send_button,
.cn_sync_button {
   width: 218px;
   background-color: #F9F9F9;
}
.il_pdf_download_button:hover, 
.cn_send_button:hover,
.cn_sync_button:hover {
   background-color: #bbbbbb;
   color: #fff;
}



/* LIST */
.invoice_list_header { 
   font-size: 1em; 
   background-color: #F9F9F9;  
   height: 25px;
   padding: 5px;
   margin-bottom: 2px;
   border: 1px dotted #bbb;
   width: 1200px !important;
   max-width: 1200px !important;
}
.invoice_list_header span {
   font-size: 0.81em;
   font-weight: bold;
   line-height: 1.2em;
}

.invoice_list_sorter {
   font-size: 1em; 
   background-color: #F9F9F9;  
   height: 12px;
   padding: 5px;
   margin-bottom: 12px;
   border: 1px dotted #bbb;
   width: 1200px !important;
   max-width: 1200px !important;
}

.invoice_list_wrapper {
   font-size: 0.84em; 
   background-color: #F9F9F9;  
   /*max-height: 500px;*/
   height: 500px !important;
   overflow-y: scroll;
   padding: 5px;
   border: 1px dotted #bbb;
   width: 1200px !important;
   /*max-width: 1200px !important;*/
}

.invoice_list_row_wrapper {
   width: 1184px;
   height: 83px;
   line-height: 1.2em;
   border-bottom: 1px dotted #bbb;
   margin-bottom: 5px;
}

.pipe {
   display: block;
   width: 4px;
   float: left;
   text-align: center;
   margin-left: 6px;
   margin-right: 6px;
}

.rechnungsnummer {
   display: block;
   width: 65px;
   float: left;
   text-align: left;
}
.rechnungsdatum {
   display: block;
   width: 65px;
   float: left;
   text-align: left;
}
.status {
   display: block;
   width: 83px;
   float: left;
   text-align: left;
}
.artikel-titel {
   display: block;
   width: 220px;
   float: left;
   text-align: left;
}
.kundennummer {
   display: block;
   width: 85px;
   float: left;
   text-align: left;
}
.abonummer {
   display: block;
   width: 88px;
   float: left;
   text-align: left;
}
.kundenname {
   display: block;
   width: 118px;
   float: left;
   text-align: left;
}
.rechnungsadresse {
   display: block;
   width: 65px;
   float: left;
   text-align: center;
}
.buchhaltungsnummer {
   display: block;
   width: 63px;
   float: left;
   text-align: left;
}
.empfaengername {
   display: block;
   width: 118px;
   float: left;
   text-align: left;
}
.pdf-download {
   display: block;
   width: 37px;
   float: left;
   text-align: center;
}

span i.icon-sort-up {
   color: #efefef;
   width: 14px !important;
   cursor: pointer;
   display: block;   
   /*background-color: green;*/
   float: left;
   margin-left: 2%;
   margin-right: 2%;
}

span i.icon-sort-up:hover
{
   color: #FCD719;
}

span i.icon-sort-down
{
   color: #efefef;
   width: 14px !important;
   cursor: pointer;
   display: block;   
   /*background-color: red;*/
   float: right;
   margin-top: -13px;
   margin-left: 2%;
   margin-right: 2%;
}

span i.icon-sort-down:hover
{
   color: #FCD719;
}

.invoice_list_sorter span.pipe {
  font-size: 0.84em;
  margin-top: -6px;
}


/* Ende Rechnungs Uebersicht */

/* Sonstiges*/

.wait            { cursor: wait; }

hr.invoice_deact {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #fff;
   clear: both;
}


.button {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    background-color: #FCD719 !important;
    color: #2B3E50;
    border: none !important;
    width: auto;
    padding: 7px;
    cursor: pointer;
    -webkit-appearance: button;
    font-family: "Open Sans", Calibri, Candara, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;

}

