@media screen, projection {
    div.list-products-content {
        width: 100%;
    }

    div.list-products-content .table-1 {
        float: left;
        width: 80%;
    }

    div.list-products-content .table-2 {
        float: right;
        width: 20%;
    }

    .create-product-form {
        width: 80%;
    }

    .create-product-form > div {
        float: left;
        padding: 0 5px 5px 0;
    }

    .create-product-form .product-code input {
        width: 70px;
    }

    .create-product-form .product-description input {
        width: 400px;
    }

    .create-product-form .product-price input {
        width: 70px;
    }

    /* acomoda la posición del control Buscar Producto y Requiere Factura */
    /*.sonata-ba-collapsed-fields > .control-group:nth-child(13),
    .sonata-ba-collapsed-fields > .control-group:nth-child(14){
        float: left;
        width: 50%;
    }*/
    .invoice_page .input-container, .sonata-bc .invoice_page .input-container input {
        background: #FFCCCC;
    }

    #order-invoice-print {
        display: none;
    }

    .original_string, .digital_stamp, .footer_container {
        display: none;
    }

    .payment-note, .card_page {
        display: none;
    }

    .no-guia-roji {
        color: #F00;
    }

    span.select2-chosen, div.select2-result-label, span.select2-match {
        color: #000100
    }

    .select2-highlighted > div.select2-result-label, .select2-highlighted span.select2-match {
        color: #FFF;
    }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    body.sonata-bc {
        padding: 0px;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .divisor, .original_string, .digital_stamp, .footer_container {
        display: none;
    }

    .sonata-bc .container-fluid .row-fluid .span6,
    .sonata-bc .container-fluid .row-fluid .span4,
    .sonata-bc .container-fluid .row-fluid .span2,
    .navbar, .nav, .tab-pane, .form-actions, .alert {
        display: none;
    }

    .invoice_page .items_container .sonata-ba-list-field .editable-empty {
        display: none;
    }

    .invoice_page .items_container .sonata-ba-list-field .product-x-editable {
        border: none;
        padding-right: 10px;
        background: none;
    }

    .no-invoice-msg {
        display: none;
    }

    /* Reglas de impresión para la tarjeta */
    .card_page {
        margin-top: 1px;
        width: 8.2cm;
        height: 100%;
        border: 0 solid green;
    }

    .card_header {
        border: 0 dotted blue;
        min-height: 6.7cm;
    }

    .img_header {
        padding-top: 1cm;
        width: 100%;
    }

    /*
    .card_data {
        //min-height: 7.4cm;

    }*/

    .card_to {
        border: 0 dotted purple;
        padding-left: 2cm;
    }

    .card_from {
        border: 0 dotted white;
        padding-top: .1cm;
        padding-left: 2cm;
    }

    .card_message {
        border: 0 dotted coral;
        padding-top: .1cm;
        padding-left: 0;
        height: 3.2cm;
        position: relative;
    }

    .message_container {
        height: 100%;
    }

    .btn-print-card {
        visibility: hidden;
    }
    /* Termina la impresión de tarjeta */

    .invoice_page {
        position: relative;
        left: -10px;
        z-index: 1000;
    }

    .invoice_page .receptor {
        padding-right: 5px;
    }

    .invoice_page .receptor, .other-details {
        font-size: 11px;
    }

    /*OCULTAR CONTENIDO NO REQUERIDO EN LA PANTALLA DE LA FACTURA*/
    .invoice_page .issuing-container {
        visibility: hidden;
    }

    .invoice_page .div_header {
        visibility: hidden;
    }

    .invoice_page .div_content {
        border: solid 1px #FFF;
    }

    .invoice_page .taxes_content {
        border: solid 1px #FFF;
    }

    .sonata-bc .input-container input {
        box-shadow: none;
    }

    /*OCULTAR CONTENIDO NO REQUERIDO EN LA PANTALLA DE LA NOTA*/
    .payment-note > div {
        visibility: hidden;
    }

    .payment-note .info-row > div.info,
    .payment-note .totals > div {
        visibility: visible;
    }

    .invoice_page thead {
        visibility: hidden;
    }

    .invoice_page .taxes_content div > .bold_text {
        visibility: hidden;
    }

    /*.invoice_page .items_container .sonata-ba-list-field .editable-empty{display:none;}*/
    .hide_template {
        display: none;
    }

    .sonata-bc .tab-content > .tab-pane:first-child {
        display: none;
    }

    .sonata-bc .tab-content > .tab-pane:nth-child(2) {
        display: block;
    }

    .guia_roji_map {
        font-weight: bold;
        padding-top: 4px;
    }
}

@media print, screen {
    * {
        Margin: 0;
        Padding: 0;
        Border: 0;
    }

    body {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .invoice_page table {
        width: 100%;
    }

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

    .invoice_page tbody td.details {
        padding-left: 15px;
        text-align: left;
    }

    .invoice_page tbody td:first-child {
        text-align: left;
    }

    .invoice_page .customer-edit-in-place, .invoice_page .customer-select-state {
        background: #C3D9FF;
    }

    .invoice_page a.editable {
        padding: 0;
        background: #C3D9FF;
        border: none;
    }

    .issuing h3 {
        font-size: 13px;
        line-height: 0px;
    }

    .bold_text, .invoice-iva, .invoice-subtotal {
        font-weight: bold;
    }

    .div_header {
        height: 14px;
        background-color: #06C !important;
        border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        -khtml-border-radius: 10px 10px 0px 0px;
        border: 1px solid #06C;
        text-align: center;
        font-weight: bold;
        color: #FFF;
        padding-bottom: 5px;
    }

    .div_content {
        min-height: 28px;
        border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        -khtml-border-radius: 0px 0px 10px 10px;
        border: 1px solid #06C;
        margin-top: -1px;
        padding: 0px 8px 0px 10px;
        font-weight: bold;
    }

    .div_content input {
        font-weight: bold;
    }

    .remove_corner_bottom_right {
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-radius-bottomright: 0px;
        -khtml-border-radius-bottomrights: 0px;
    }

    .input-container {
        padding-top: 0px;
        height: 34px
    }

    .sonata-bc .input-container input, .sonata-bc .read-only input {
        border: none;
        padding: 4px 0px 4px 6px;
        height: 24px;
        text-align: center;
        border-radius: 10px;
    }

    .sonata-bc .read-only input {
        readonly: true;
    }

    #invoice_order_products .amount {
        width: 7%;
    }

    #invoice_order_products .unit_price {
        width: 15%;
    }

    #invoice_order_products .import {
        width: 15%;
    }

    .td-label {
        font-weight: bold;
        text-align: right;
        padding-right: 20px;
    }

    td.space {
        padding-top: 15px;
    }

    /* -----------------------*/
    .issuing-container {
        width: 100%;
        height: 89px;
    }

    .issuing-container > div {
        float: left;
    }

    .issuing-container .logo {
        height: 87px;
        background: url(../../bundles/inodataflora/img/logo.jpg) no-repeat;
        background-size: 160px 87px;
        width: 35%;
    }

    .issuing-container .issuing {
        width: 45%;
    }

    .issuing-container .folio-container {
        width: 20%;
        padding-top: 30px;
    }

    .sub-header {
        width: 100%;
        height: 120px;
    }

    .sub-header > div, .other-details > div {
        float: left;
    }

    .sub-header .receptor {
        width: 45%;
    }

    .receptor .div_content {
        height: 95px;
        line-height: 17px;
    }

    .other-details {
        width: 54%
    }

    .other-details .payment-condition {
        clear: left;
        width: 100%;
        padding-top: 5px;
    }

    .other-details .expedition {
        width: 59%;
    }

    .other-details .date {
        width: 40%;
    }

    .date .div_content {
        text-align: center;
    }

    .items_container {
        height: 284px;
    }

    .items_container .div_content {
        height: 258px;
        padding-top: 3px;
    }

    .expedition .div_content {
        text-align: center;
    }

    td.import, td.invoice-discount, td.invoice-shipping {
        text-align: right;
    }

    .sumary_container > div {
        float: left;
    }

    .sumary_container .tax_id_card {
        width: 15%;
    }

    .sumary_container .totals {
        width: 85%;
    }

    .totals > div {
        float: left;
    }

    .totals .ammount_in_words {
        width: 69%
    }

    .totals .taxes {
        width: 30%
    }

    .totals .comments {
        clear: left;
        width: 100%
    }

    .taxes_content {
        margin-top: -1px;
        padding: 5px 10px 10px 10px;
        border: 1px solid #06C;
        border-top: none;
        border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        -khtml-border-radius: 0px 0px 10px 10px;
        height: 90px;
    }

    .taxes_content > div {
        width: 100%;
        padding: 10px 2px 10px 0px;
    }

    .taxes_content div > div {
        width: 50%;
        float: left;
        text-align: right;
    }

    .taxes_content > div {
        clear: left;
    }

    .invoice-total {
        color: #390;
        font-weight: bold;
    }

    .ammount_in_words .div_content {
        text-align: center;
    }

    .payment-condition, .ammount_in_words, .comments, .items_container {
        padding-top: 10px;
    }

    .ammount_in_words .div_content {
        height: 53px;
        padding-top: 20px;
    }

    .comments .div_content {
        height: 63px;
        padding-top: 5px
    }

    .divisor-w {
        width: 1%;
        height: 2px;
    }

    /*---------STYLE FOR PAYMENT NOTE----------*/
    .payment-note {
        position: relative;
        top: 10px;
    }

    .payment-note > div {
        border: solid 1px #000;
        border-radius: 5px;
        /*font-size: 11px;
        font-weight: bold;*/
        padding: 0 5px;
        margin-bottom: 15px;
    }

    .payment-note .header {
        height: 108px;
    }

    .payment-note .header .info-row {
        position: relative;
        top: 67px;
    }

    .payment-note .header .info-row div.no-order {
        width: 95%;
        text-align: right;
        padding-bottom: 20px;
        /*REMOVER SI SE NECESITA IMPRIMIR EL NUMERO DE ORDEN*/
        visibility: hidden;
    }

    .payment-note .header .no-order span {
        font-size: 32px;
    }

    .payment-note .header .info-row div.city-date {
        width: 95%;
        text-align: right;
    }

    .payment-note .payment-info {
        height: 108px;
        padding-top: 2px;
    }

    .payment-note .info-row:nth-child(2n) {
        padding-top: 1px;
    }

    .payment-note .totals {
        height: 112px;
    }

    .payment-note .shipping-info {
        height: 50px;
    }

    .payment-note .info-row {
        clear: left;
    }

    .payment-note .info-row > div {
        float: left;
        line-height: 15px;
    }

    .payment-note .info-row > div:first-child {
        width: 9%
    }

    .payment-note .space-1 {
        min-width: 48%;
        max-width: 48%;
    }

    .payment-note .space-2 {
        min-width: 12%;
        max-width: 12%;
        text-align: right;
    }

    .payment-note .space-3 {
        min-width: 19%;
        max-width: 19%;
    }

    .payment-note .space-4 {
        min-width: 23.3%;
        max-width: 23.3%;
    }

    .payment-note .space-5 {
        min-width: 5%;
        max-width: 5%;
    }

    .payment-note .space-6 {
        min-width: 62%;
        max-width: 62%;
    }

    .payment-note .info {
        padding-left: 5px;
    }

    .payment-note .order-id {
        position: absolute;
        top: 235px;
        left: 30px;
        font-size: 11px;
        font-weight: bold;
    }

    .payment-note .totals .products {
        width: 100%;
    }

    .payment-note .totals table {
        width: 100%;
    }

    .payment-note .totals table .padding {
        height: 6px;
    }

    .payment-note .totals table .note-comments {
        padding-left: 15px;
    }

    .payment-note .totals tbody td:first-child {
        text-align: center;
        width: 7%;
    }

    .payment-note .totals table td:nth-child(2) {
        width: 80%;
    }

    .payment-note .totals table td:last-child {
        width: 0%;
    }

    .payment-note .totals table td.import {
        display: none;
    }

    .payment-note .totals tfoot td.shipping {
        text-align: center;
    }

    /******** INVOICE EDIT IN PLACE *********/
    .invoice_page .customer-edit-in-place form {
        margin: 0px 0px;
        padding: 0px 0px;
    }

    .invoice_page .customer-edit-in-place input {
        background: #FFCCCC
    }
}

/*CSS FOR LOADING MSG*/
.inserting {
    position: absolute;
    top: 300px;
    left: 500px;
    background: #999;
    width: 130px;
    height: 40px;
    padding: 10px;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    display: none;
}

.inserting, .inserting > span {
    color: #FFF;
}

.inserting.on {
    display: block;
}
/*! X-editable - v1.4.5 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */

.editableform {
    margin-bottom: 0; /* overwrites bootstrap margin */
}

.editableform .control-group {
    margin-bottom: 0; /* overwrites bootstrap margin */
    white-space: nowrap; /* prevent wrapping buttons on new line */
    line-height: 20px; /* overwriting bootstrap line-height. See #133 */
}

.editable-buttons {
   display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
   vertical-align: top;
   margin-left: 7px;
   /* inline-block emulation for IE7*/
   zoom: 1; 
   *display: inline;
}

.editable-buttons.editable-buttons-bottom {
   display: block; 
   margin-top: 7px;
   margin-left: 0;
}

.editable-input {
    vertical-align: top; 
    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
    width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
    white-space: normal; /* reset white-space decalred in parent*/
   /* display-inline emulation for IE7*/
   zoom: 1; 
   *display: inline;   
}

.editable-buttons .editable-cancel {
   margin-left: 7px; 
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
   height: 24px; 
   width: 30px;
}

.editableform-loading {
    background: url('../../../bundles/inodataflora/img/loading.gif') center center no-repeat;  
    height: 25px;
    width: auto; 
    min-width: 25px; 
}

.editable-inline .editableform-loading {
    background-position: left 5px;      
}

 .editable-error-block {
    max-width: 300px;
    margin: 5px 0 0 0;
    width: auto;
    white-space: normal;
}

/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
    padding: 3px;  
}  

.editable-error {
   color: red;  
}

/* ---- For specific types ---- */

.editableform .editable-date {
    padding: 0; 
    margin: 0;
    float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
   margin-top: 3px;
   margin-left: 1px; 
}


/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"], 
.editable-checklist label span {
    vertical-align: middle;
    margin: 0;
}

.editable-checklist label {
    white-space: nowrap; 
}

/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
    width: 566px; 
    height: 250px; 
}

/* clear button shown as link in date inputs */
.editable-clear {
   clear: both;
   font-size: 0.9em;
   text-decoration: none;
   text-align: right;
}

/* IOS-style clear button for text inputs */
.editable-clear-x {
   background: url('../../../bundles/inodataflora/img/clear.png') center center no-repeat;
   display: block;
   width: 13px;    
   height: 13px;
   position: absolute;
   opacity: 0.6;
   z-index: 100;
   
   top: 50%;
   right: 6px;
   margin-top: -6px;
   
}

.editable-clear-x:hover {
   opacity: 1;
}
.editable-container.editable-popup {
    max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
}  

.editable-container.popover {
    width: auto; /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
    display: inline-block; 
    vertical-align: middle;
    width: auto;
    /* inline-block emulation for IE7*/
    zoom: 1; 
    *display: inline;    
}

.editable-container.ui-widget {
   font-size: inherit;  /* jqueryui widget font 1.1em too big, overwrite it */
}
.editable-click, 
a.editable-click, 
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
}

.editable-click.editable-disabled, 
a.editable-click.editable-disabled, 
a.editable-click.editable-disabled:hover {
   color: #585858;  
   cursor: default;
   border-bottom: none;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus{
  font-style: italic; 
  color: #DD1144;  
  /* border-bottom: none; */
  text-decoration: none;
}

.editable-unsaved {
  font-weight: bold; 
}

.editable-unsaved:after {
/*    content: '*'*/
}

.editable-bg-transition {
  -webkit-transition: background-color 1400ms ease-out;
  -moz-transition: background-color 1400ms ease-out;
  -o-transition: background-color 1400ms ease-out;
  -ms-transition: background-color 1400ms ease-out;
  transition: background-color 1400ms ease-out;  
}

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable
{ 
    padding-top: 5px;
    display:inline-block;
}


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0;padding:0;border:0;outline:0;font-size:100%;color:#797979;vertical-align:baseline;background:transparent}*:focus{outline:0}html{overflow-x:hidden;padding:0 !important;margin:0 !important}ol,ul{ list-style:none}a{text-decoration:none}body{font:normal 100% Arial,Verdana,Sans-Serif;color:#333;background:#FFF}.clearfix:after{content:".";visibility:hidden;display:block;clear:both;height:0;font-size:0}.clear{clear:both}.black-border{position:absolute;left:0;top:0;width:50%;height:3px;z-index:200;background-color:#282828}.orange-border{position:absolute;right:0;top:0;width:50%;height:3px;z-index:200;background-color:#5ea600}header{display:block;clear:both;position:relative;width:100%}header .container{clear:both;max-width:960px;height:50px;margin:0 auto;padding:20px}header .logo{float:left;width:162px;height:24px;margin-top:14px}header nav{float:right;padding-top:17px}header nav ul{display:block}header nav ul li{float:left;left:0;display:block;position:relative;cursor:pointer;list-style:none;font-family:"PT Sans",Georgia,Arial;font-size:16px;font-weight:700;line-height:16px;text-align:center;text-transform:uppercase}header nav ul li a{height:100%;padding:0px 12px;display:block;text-align:center;cursor:pointer;color:#c0c0c0}header nav ul li:last-child a{padding-right:0}header nav ul li a{-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;-ms-transition:color 0.2s linear;-webkit-transition:color 0.2s linear;transition:color 0.2s linear}header nav ul li a:hover,header nav ul li a.active{color:#5ea600}.dark-wrapper{    background:#f9f9f9 url(../images/preview/bg.gif); border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7}.light-wrapper{ background:#fff}.inner{ max-width:960px; margin:0 auto;padding:40px 20px}h2{clear:both;font-family:"PT Sans",Georgia,Arial;font-size:20px;font-weight:700;line-height:20px;margin-bottom:25px;color:#5ea600}div#examples{position:relative}div#examples div.spinner{display:none;position:absolute;top:50%;left:50%;width:66px;height:66px;margin:-59px 0 0 -59px;padding:25px;background:#fff url(../images/preview/spinner.gif) no-repeat 50% 50%;border:1px solid #d9d9d9;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}span#st_spinner{position:absolute;top:50%;left:50%;z-index:1000;text-indent:-999em;width:66px;height:66px;margin:-38px 0 0 -59px;padding:25px;background:#fff url(../images/preview/spinner.gif) no-repeat 50% 50%;border:1px solid #e3e3e3;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}div#demo_controls{position:relative;clear:both;width:100%;height:65px}div#demo_controls h2{display:block;margin:0}div#demo_controls h2#examples_btn{cursor:pointer}div#demo_controls h2 a{display:block;float:left;padding-top:8px;color:#5ea600;text-transform:uppercase}div#demo_controls h2 a:hover{text-decoration:none;color:#939393}div#demo_controls h2 span{display:block;float:left;width:50px;height:37px;margin-left:13px;border-left:1px dotted #bcbcbc;background:url(../images/preview/sprite.png) no-repeat 14px -22px}div#demo_controls ul.demo_btns{position:relative;float:right;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}div#demo_controls ul.demo_btns li{float:left}div#demo_controls ul.demo_btns li a{display:block;width:34px;height:34px;text-indent:-999em;border:1px solid #ccc;border-right:0 none;border-top-color:#ccc;border-right-color:#c3c3c3;border-bottom-color:#acacac;background:#fff url(../images/preview/sprite.png) no-repeat}div#demo_controls ul.demo_btns li a#add_tab_btn{-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;background-position:0 -92px}div#demo_controls ul.demo_btns li a#remove_tab_btn{background-position:0 -129px}div#demo_controls ul.demo_btns li a#settings_btn{border-right:1px solid #c3c3c3;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;background-position:0 -166px}div#demo_controls ul.demo_btns li a.btn_disabled{ cursor:default;-moz-opacity:.50;filter:alpha(opacity=50);opacity:.50}div#demo_btns_overlay{display:none;position:absolute;z-index:2;top:0px;left:-1px;width:71px;height:38px;background:#f7f7f7;-moz-opacity:.40;filter:alpha(opacity=40);opacity:0.4}div#btn_tooltip{display:none;position:absolute;max-width:100px;text-align:center;z-index:10000;opacity:0.85;filter:alpha(opacity=85)}div#btn_tooltip p{font-size:11px;line-height:normal;color:#fff;padding:8px;background-color:#000;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}div#btn_tooltip div.tt_arrow{width:0px;height:0px;margin:0px auto; border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000; _border-left-color:white; _border-right-color:white; _filter:chroma(color=white)}div#demo_controls div.arrow_border,div#demo_controls div.arrow{position:absolute;width:0px;height:0px}div#demo_controls ul#demo_dropdown div.arrow_border,div#demo_controls ul#demo_dropdown div.arrow{left:10px}div#demo_controls div.arrow_border{top:-15px;right:10px;border:8px outset transparent; border-bottom:#999 8px solid}div#demo_controls div.arrow{top:-14px;right:10px;border:8px outset transparent;border-bottom:#fafafa 8px solid}ul#demo_dropdown,ul#demo_settings{display:none;position:absolute;z-index:999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 4px rgba(0,0,0,0.11)}ul#demo_dropdown{width:230px;top:41px;left:0px}ul#demo_dropdown li a{display:block;font-size:12px;color:#707070;padding:11px 0 11px 16px;border:1px solid;border-color:#e1e1e1 #D2D2D2 #e3e3e3 #D2D2D2;border-bottom:0 none;background:#fff}ul#demo_dropdown li a:hover,ul#demo_dropdown li a.selected{color:#333;background:#fafafa;text-decoration:none}ul#demo_dropdown li a.selected{font-weight:bold}ul#demo_dropdown li a.disabled,ul#demo_dropdown li a.disabled em{color:#aaa;cursor:text}ul#demo_dropdown li a.disabled:hover{background:#fff}ul#demo_dropdown li a.disabled em{font-style:italic}ul#demo_dropdown li a.first,ul#demo_settings li.first{border-top-color:#D2D2D2;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;border-top-right-radius:3px;border-top-left-radius:3px}ul#demo_dropdown li a.selected{background:#fafafa url(../images/preview/sprite.png) no-repeat 198px -46px}ul#demo_dropdown li a.last,ul#demo_settings li.last{border-bottom:1px solid #313131;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}ul#demo_settings{top:39px;right:0px;width:233px}ul#demo_settings li{float:left;width:199px;padding:9px 16px 7px;border:1px solid #d2d2d2;border-top-color:#e3e3e3;border-bottom:0 none;background:#fff}ul#demo_settings li.first,ul#demo_settings li.title,ul#demo_settings li.last{padding:11px 16px 10px}ul#demo_settings li.title{background:#fafafa;box-shadow:none;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:bold;line-height:20px;color:#333}ul#demo_settings li ul{float:left;padding-bottom:3px}ul#demo_settings li ul li{float:left;width:auto;margin-right:12px;padding:0px;border:0 none}ul#demo_settings label{display:block;float:left;line-height:14px;cursor:pointer}ul#demo_settings li input[type=radio]{margin-top:2px}ul#demo_settings label em{font-size:12px;font-style:normal;padding-left:2px}ul#demo_settings input{float:left;margin:0px;padding:0px;cursor:pointer}ul#demo_settings select{width:198px;margin-bottom:4px;padding:2px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}ul#demo_settings div.selector{margin-bottom:6px}ul#demo_settings h3{clear:both;padding-bottom:5px;font-size:12px;font-weight:normal;color:#585858}ul#demo_settings a#settings_save_btn{display:block;width:197px;margin:4px 0 5px;padding:8px 0px;font-weight:bold;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.btn_gray{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#3f3f3f;text-shadow:none;border:1px solid #ccc;border-bottom-color:#acacac;background:#fff;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#F3F3F3),to(#FFF));background:-webkit-linear-gradient(top,#FFF,#F3F3F3);background:-moz-linear-gradient(top,#FFF,#F3F3F3);background:-ms-linear-gradient(top,#FFF,#F3F3F3);background:-o-linear-gradient(top,#FFF,#F3F3F3);background:linear-gradient(top,#FFF,#F3F3F3);box-shadow:0 0 4px rgba(0,0,0,0.03)}.btn_gray:hover{color:#333;border-color:#bbb;border-bottom-color:#999;background:#fff;background:-moz-linear-gradient(top,#FFF,#F9F9F9);text-decoration:none;box-shadow:0 0 4px rgba(0,0,0,0.13)}body.is_touch #demo_dropdown,body.is_touch #demo_settings{-webkit-transform:translate3d(0px,0px,0px)}div#demo{width:100%}div#demo.hide{visibility:hidden}div#demo div.st_view{font-size:12px;color:#888;line-height:22px}div#demo div.align_left div.st_view,div#demo div.align_right div.st_view{line-height:21px}div#demo div.st_view_inner{padding:33px 35px 35px}div#demo h3{font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:bold;color:#999;margin-bottom:18px}div#demo div.align_left h3,div#demo div.align_right h3{margin-bottom:18px}div#demo div.st_view p{margin-bottom:20px}div#demo div.clean_rounded-horizontal div.st_view p,div#demo div.spaced-horizontal div.st_view p{margin-bottom:18px}div#demo div.st_view p.last{margin-bottom:0 !important}div#demo div.st_view blockquote{    float:left;width:43%;    margin:9px 10px 0 0;    padding-left:40px;    font:16px/24px Helvetica,Arial,sans-serif;color:#aaa;background:transparent url(../images/preview/quotes.gif) no-repeat 0 4px}div#external_linking{width:100%}div#external_links{width:100%;height:65px;padding-top:5px}div#external_links p{display:inline-block}div#external_links p.right{float:right}div#external_links p span{font-size:12px}div#external_links p span.alt{display:none}div#external_links a,div#demo div.separated_3 >div.st_views div.st_view a.st_ext{display:inline-block;line-height:12px;margin-left:7px;padding:8px 10px;border-radius:3px}div#demo div.separated_3-horizontal >div.st_tabs ul li a{padding-right:34px;padding-left:34px}div.contrast-vertical ul.st_tabs_ul li a{text-indent:52px !important}div.contrast-vertical a.st_tab span.st_icon{display:block;position:absolute;top:0;left:0;width:50px;height:50px;opacity:0.5;background:url(../images/preview/sprite.png) no-repeat 0px 0px transparent}div.contrast-vertical a.st_tab:hover span.st_icon,div.contrast-vertical a.st_tab_active span.st_icon{opacity:1}div.contrast-vertical a.st_tab_1 span.st_icon{background-position:16px -208px}div.contrast-vertical a.st_tab_2 span.st_icon{background-position:16px -242px}div.contrast-vertical a.st_tab_3 span.st_icon{background-position:16px -280px}div.contrast-vertical a.st_tab_4 span.st_icon{background-position:16px -315px}div.contrast-vertical a.st_tab_5 span.st_icon{background-position:16px -350px}div.slidingtabs_nested >div.st_tabs ul li a{padding:0 30px !important;color:#676767 !important;background:#fcfcfc !important;background:-moz-linear-gradient(center top,#fff,#fcfcfc)!important}div.slidingtabs_nested >div.st_tabs ul li a.st_tab_active{padding-bottom:2px !important;color:#000 !important;background:#f3f3f3 !important}div.slidingtabs_nested >div.st_views{height:auto}div.slidingtabs_nested >div.st_views div.st_view_inner{padding:0px !important}div.slidingtabs_nested div.separated_2-horizontal div.st_tabs{width:auto !important;height:38px !important;margin-bottom:0 !important;padding:14px 14px 13px !important;border-radius:0 !important;background:#f3f3f3 !important;background:-moz-linear-gradient(center top,#f3f3f3,#f1f1f1) !important}div.slidingtabs_nested div.separated_2-horizontal ul.st_tabs_ul li a{    font:bold 12px/36px Arial,Helvetica,sans-serif !important; height:36px !important; margin:0 3px 0 0 !important; padding:0 15px !important;border-radius:4px !important}div.slidingtabs_nested div.separated_2-horizontal div.st_views{height:340px !important;border-right:0 none !important;border-bottom:0 none !important;border-left:0 none !important;border-radius:0 !important}div.slidingtabs_nested div.separated_2-horizontal div.st_view_inner{padding:27px !important}.totop{display:none;position:fixed;right:30px;bottom:20px}.gototop{height:41px;width:41px;z-index:9;cursor:pointer;text-align:center;background-color:#000;-webkit-border-radius:90px;-khtml-border-radius:90px;-moz-border-radius:90px;-o-border-radius:90px;border-radius:90px;overflow:hidden; -webkit-transition:all 200ms ease-in;    -o-transition:all 200ms ease-in;    -moz-transition:all 200ms ease-in}.arrowgototop{background:url(../images/preview/go-to-top-arrow.png) no-repeat;position:relative;left:14px;top:16px;width:24px;height:90px;z-index:10}.gototop:hover{background-color:#5ea600}.list{float:left;width:48%;margin:0;margin-right:2%}.list li{background:#fff url(../images/preview/sprite.png) no-repeat 0px -47px;margin:0 0 20px 0;padding:0 0 0 20px;font-size:12px}.list strong{display:block;font-size:14px;margin:0 0 3px 0;font-family:"PT Sans",Georgia,Arial;font-weight:700;text-transform:uppercase;color:#5c524b}.list span{display:block}@media only screen and (min-width:0px) and (max-width:767px){header .container{height:70px}header .logo{clear:both}header .logo img{width:150px}header nav{float:none;clear:both;padding-top:5px}header nav ul li a{padding:0px 8px}header nav ul li:first-child a{padding-left:0}.main{background-image:none;padding:20px 0px}.list{clear:both;width:100%;margin:0}}@media only screen and (min-width:480px) and (max-width:767px){header nav ul li{font-size:14px;line-height:14px}.inner{padding:30px 20px}.nav li{font-size:15px}.nav li a{padding:4px 18px}h2{font-size:18px;line-height:18px}.list strong{font-size:13px}div#demo div.st_view_inner{padding:25px 27px 27px}div#demo div.st_view_inner blockquote,div#demo div.st_view_inner p.last{display:none}}@media only screen and (min-width:0px) and (max-width:479px){header nav ul li{font-size:13px;line-height:13px}.inner{padding:20px}.nav li{font-size:14px}.nav li a{padding:3px 14px}h2{font-size:16px;line-height:16px}.list li{font-size:11px}.list strong{font-size:12px}div#demo_controls{height:110px}div#demo_controls ul.demo_btns{clear:both;float:none}div#demo div.st_view_inner{padding:20px 22px 22px}div#demo div.st_view_inner blockquote,div#demo div.st_view_inner p.second,div#demo div.st_view_inner p.last{display:none}}
div.clean_rounded-horizontal{position:relative;clear:both;width:100%}div.clean_rounded-horizontal >div.st_tabs a.st_prev,div.clean_rounded-horizontal >div.st_tabs a.st_next{display:none;position:absolute;top:0px;z-index:110;height:43px;width:43px;text-indent:-999em;border:1px solid #ccc;outline:none;background:#fff url("../../../bundles/inodataflora/img/arrows_h.gif") no-repeat}div.clean_rounded-horizontal >div.st_tabs a.st_prev{left:0px;background-position:center 15px;border-top-left-radius:5px}div.clean_rounded-horizontal >div.st_tabs a.st_prev:hover{background-position:center -45px;background-color:#f8f8f8}div.clean_rounded-horizontal >div.st_tabs a.st_next{right:0px;background-position:center -15px;border-top-right-radius:5px}div.clean_rounded-horizontal >div.st_tabs a.st_next:hover{background-position:center -75px;background-color:#f8f8f8}div.clean_rounded-horizontal >div.st_tabs a.st_prev.st_btn_disabled,div.clean_rounded-horizontal >div.st_tabs a.st_next.st_btn_disabled{cursor:default;background-color:#f8f8f8}div.clean_rounded-horizontal >div.st_tabs a.st_prev.st_btn_disabled{background-position:center -105px}div.clean_rounded-horizontal >div.st_tabs a.st_next.st_btn_disabled{background-position:center -135px}div.clean_rounded-horizontal >div.st_tabs{position:relative;z-index:100;width:100% !important;height:45px;margin-bottom:-1px;overflow:hidden}div.clean_rounded-horizontal.st_sliding_active >div.st_tabs{border-top-left-radius:5px;border-top-right-radius:5px;overflow:visible}div.clean_rounded-horizontal >div.st_tabs div.st_tabs_wrap{position:relative !important;width:100%}div.clean_rounded-horizontal.st_sliding_active >div.st_tabs div.st_tabs_wrap{width:auto !important;margin:0px 44px}div.clean_rounded-horizontal >div.st_tabs ul{width:10000px;margin:0px;padding:0px;list-style:none}div.clean_rounded-horizontal >div.st_tabs ul li{display:block;float:left;margin:0px}div.clean_rounded-horizontal >div.st_tabs ul li a{display:block;height:43px;margin:0px;padding:0 28px;font:bold 12px/43px Arial,Helvetica,sans-serif;color:#6a6a6a;text-decoration:none;outline:none;border-top:1px solid #ccc;border-right:1px solid #ccc;background:#f8f8f8;background:-moz-linear-gradient(center top,#fbfbfb,#f8f8f8)}div.clean_rounded-horizontal >div.st_tabs ul li a:hover{color:#333;background:#fbfbfb}div.clean_rounded-horizontal >div.st_tabs ul li a.st_tab_first{border-left:1px solid #ccc;border-top-left-radius:5px}div.clean_rounded-horizontal.st_sliding_active >div.st_tabs ul li a.st_tab_first{border-left:0 none;border-top-left-radius:0px}div.clean_rounded-horizontal >div.st_tabs ul li a.st_tab_last{border-top-right-radius:5px}div.clean_rounded-horizontal.st_sliding_active >div.st_tabs ul li a.st_tab_last{border-right:0 none;border-top-right-radius:0px}div.clean_rounded-horizontal >div.st_tabs ul li a.st_tab_active{padding-bottom:2px;background:#fff;color:#0088cc}div.clean_rounded-horizontal >div.st_views{position:relative;height:390px;padding:0px !important;line-height:19px;border:1px solid #ccc;background-color:#fff;overflow:hidden;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div.clean_rounded-horizontal.st_sliding_active >div.st_views{border-top-right-radius:0px}div.clean_rounded-horizontal >div.st_views div.st_view{z-index:5;width:100%;height:100%;overflow:hidden;background-image:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat !important;background-position:center center !important;background-color:transparent !important;-webkit-font-smoothing:antialiased}div.clean_rounded-horizontal >div.st_views div.st_view_inner{padding:30px}div.clean_rounded-horizontal >div.st_views div.st_view_first{display:block}div.clean_rounded-horizontal.align_bottom{margin-bottom:44px}div.clean_rounded-horizontal.align_bottom >div.st_tabs a.st_prev{border-bottom-left-radius:5px}div.clean_rounded-horizontal.align_bottom >div.st_tabs a.st_next{border-bottom-right-radius:5px}div.clean_rounded-horizontal.align_bottom >div.st_tabs a.st_prev,div.clean_rounded-horizontal.align_bottom >div.st_tabs a.st_next,div.clean_rounded-horizontal.align_bottom.st_sliding_active >div.st_tabs,div.clean_rounded-horizontal.align_bottom >div.st_tabs div.st_views{border-top-left-radius:0px;border-top-right-radius:0px}div.clean_rounded-horizontal.align_bottom >div.st_tabs a.st_prev{border-bottom-left-radius:5px}div.clean_rounded-horizontal.align_bottom >div.st_tabs{position:absolute;bottom:-44px;left:0px;margin-bottom:0px}div.clean_rounded-horizontal.align_bottom.st_sliding_active >div.st_tabs{border-top:0 none;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div.clean_rounded-horizontal.align_bottom >div.st_tabs ul li a{border-bottom:1px solid #ccc}div.clean_rounded-horizontal.align_bottom >div.st_tabs ul li a.st_tab_first{border-top-left-radius:0px;border-bottom-left-radius:5px}div.clean_rounded-horizontal.align_bottom.st_sliding_active >div.st_tabs ul li a.st_tab_first{border-bottom-left-radius:0px}div.clean_rounded-horizontal.align_bottom >div.st_tabs ul li a.st_tab_active{padding-bottom:0px;border-top-color:#fff}div.clean_rounded-horizontal.align_bottom >div.st_tabs ul li a.st_tab_last{border-top-right-radius:0px;border-bottom-right-radius:5px}div.clean_rounded-horizontal.align_bottom.st_sliding_active >div.st_tabs ul li a.st_tab_last{border-bottom-right-radius:0px}div.clean_rounded-horizontal.align_bottom >div.st_views{border-bottom-left-radius:0px;border-top-right-radius:5px;border-top-left-radius:5px}div.clean_rounded-horizontal.align_bottom.st_sliding_active >div.st_views{border-bottom-right-radius:0px}div.clean_rounded-vertical{position:relative;clear:both;width:100%}div.clean_rounded-vertical >div.st_tabs a.st_prev,div.clean_rounded-vertical >div.st_tabs a.st_next{display:none;float:left;position:relative;z-index:100;height:32px;width:95px;text-indent:-999em;border:1px solid #ccc;border-top:0 none;outline:none;background:#fff url("images/arrows_v.gif") no-repeat}div.clean_rounded-vertical >div.st_tabs a.st_prev{margin-left:-1px;border-right:0 none;background-position:center 12px;border-top-left-radius:5px}div.clean_rounded-vertical >div.st_tabs a.st_prev:hover{background-position:center -52px;background-color:#f5f5f5}div.clean_rounded-vertical >div.st_tabs a.st_next{background-position:center -20px}div.clean_rounded-vertical >div.st_tabs a.st_next:hover{background-position:center -84px;background-color:#f5f5f5}div.clean_rounded-vertical >div.st_tabs a.st_prev.st_btn_disabled,div.clean_rounded-vertical >div.st_tabs a.st_next.st_btn_disabled{cursor:default;background-color:#f7f7f7}div.clean_rounded-vertical >div.st_tabs a.st_prev.st_btn_disabled{background-position:center -116px}div.clean_rounded-vertical >div.st_tabs a.st_next.st_btn_disabled{background-position:center -148px}div.clean_rounded-vertical >div.st_tabs{position:relative;z-index:100;float:left;width:193px;height:378px;margin-right:-1px;border-top:1px solid #ccc;border-top-left-radius:5px;border-bottom-left-radius:5px;overflow:hidden}div.clean_rounded-vertical.st_sliding_active >div.st_tabs{width:192px;border-left:1px solid #ccc}div.clean_rounded-vertical >div.st_tabs div.st_tabs_wrap{position:relative !important;float:left;clear:both}div.clean_rounded-vertical.st_sliding_active >div.st_tabs div.st_tabs_wrap{margin-left:-1px}div.clean_rounded-vertical >div.st_tabs ul{float:left;margin:0px;padding:0px;list-style:none}div.clean_rounded-vertical >div.st_tabs ul li{position:relative;float:left;clear:both;margin:0px}div.clean_rounded-vertical >div.st_tabs ul li a{display:block;width:171px;height:40px;margin:0px;padding:14px 0 14px 20px;font:bold 12px/18px Arial,Helvetica,sans-serif;color:#5c5c5c;text-decoration:none;outline:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f8f8f8;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#f9f9f9),to(#f4f4f4));background-image:-webkit-linear-gradient(top,#f9f9f9,#f4f4f4);background-image:-moz-linear-gradient(top,#f9f9f9,#f4f4f4);background-image:-ms-linear-gradient(top,#f9f9f9,#f4f4f4);background-image:-o-linear-gradient(top,#f9f9f9,#f4f4f4)}div.clean_rounded-vertical >div.st_tabs ul li a:hover{color:#333;background:#fbfbfb}div.clean_rounded-vertical >div.st_tabs ul li a.st_tab_first{border-top-left-radius:5px}div.clean_rounded-vertical.st_sliding_active >div.st_tabs ul li a.st_tab_first{border-top-left-radius:0px}div.clean_rounded-vertical >div.st_tabs ul li a.st_tab_last{border-bottom-left-radius:5px}div.clean_rounded-vertical >div.st_tabs ul li a.st_tab_active{position:relative;z-index:10;color:#5ea600;padding-right:2px;background:#fff}div.clean_rounded-vertical >div.st_tabs ul li a span{display:block;clear:both;font-size:11px;font-weight:normal;color:#838383;padding-top:3px}div.clean_rounded-vertical >div.st_views{position:relative;z-index:5;height:377px;line-height:18px;border:1px solid #ccc;background-color:#fff;overflow:hidden;border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}div.clean_rounded-vertical.st_sliding_active >div.st_views{border-bottom-left-radius:0px}div.clean_rounded-vertical >div.st_views div.st_view{width:100%;height:100%;overflow:hidden;background-image:none;background-repeat:no-repeat !important;background-position:center center !important;background-color:transparent !important}div.clean_rounded-vertical >div.st_views div.st_view_inner{overflow:hidden !important;padding:30px}div.clean_rounded-vertical >div.st_views div.st_view_first{display:block}div.clean_rounded-vertical.align_right >div.st_tabs a.st_prev{margin-left:0px;border-top-left-radius:0px}div.clean_rounded-vertical.align_right >div.st_tabs a.st_next{margin-right:-1px;border-top-right-radius:5px}div.clean_rounded-vertical.align_right >div.st_tabs{ float:right;margin-left:-1px;margin-right:0px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0px;border-bottom-left-radius:0px}div.clean_rounded-vertical.align_right.st_sliding_active >div.st_tabs{border-right:1px solid #ccc;border-left:0 none}div.clean_rounded-vertical.align_right.st_sliding_active >div.st_tabs div.st_tabs_wrap{margin-left:0px}div.clean_rounded-vertical.align_right >div.st_tabs ul li a{border-right:1px solid #ccc}div.clean_rounded-vertical.align_right >div.st_tabs ul li a.st_tab_first{border-top-left-radius:0px;border-top-right-radius:5px}div.clean_rounded-vertical.align_right.st_sliding_active >div.st_tabs ul li a.st_tab_first{border-top-right-radius:0px}div.clean_rounded-vertical.align_right >div.st_tabs ul li a.st_tab_last{border-bottom-left-radius:0px;border-bottom-right-radius:5px}div.clean_rounded-vertical.align_right >div.st_tabs ul li a.st_tab_active{padding-right:0px;border-left-color:#fff}div.clean_rounded-vertical.align_right >div.st_views{border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0px}div.clean_rounded-vertical.align_right.st_sliding_active >div.st_views{border-bottom-right-radius:0px}