form
{
    display: inline;
}
body
{
    border-top: 0px;
    font-family: 'Roboto' , sans-serif;
    height:-webkit-fill-available;
    padding-bottom:10px!important;
}

#app_version
{
    padding-left: 5px;
}
div#page-heading h2
{
    font-weight: normal;
    font-size: 2em;
}
#page-heading > div:first-child :first-child {
    border-bottom: 1px solid #ccc;
}

.terminal-identification {
    display: block;
    font-size: 1.6em;
    line-height: 1.3;
    padding: .5em;
}

.title-identification
{
    display: block;
    font-size: 1.3em;
    line-height: 1.3;
    padding: .5em;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-left:3px;
}

div#page-heading .sysinfo
{
    margin-top: 1.5em;
    font-family: Helvetica;
    font-size: 11px;
}
div#page-heading .sysinfo table
{
    margin-bottom: 0px;
    white-space: nowrap;
}
div#page-heading .sysinfo th
{
    font-weight: bold;
    text-align: right;
}
div#page-heading .sysinfo td
{
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
}
h3
{
    font-weight: normal;
    font-size: 1.2em;
}

.ui-icon-invert
{
    border-style: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(smoothness/images/ui-icons_ffffff_256x240.png);
}
#site_info .box
{
    margin-bottom: 10px;
    position:absolute;
    bottom:0px;
}

#site_info 
{
    margin-bottom: 0px; 
}


ul.validation-summary-errors
{
    color: #FF0000;
    font-weight: bold;
}
.validation-summary-errors .section-identifier {
    margin-right: 2px;
}
.validation-summary-errors .section-identifier:after {
    content: ':';
}
.validation-summary-errors .section-name {
    text-decoration: underline;
}
.validation-summary-errors .error-in-tab-panel {
    cursor: pointer;
}
.error-in-tab-panel {
    list-style: none;
}
.error-in-tab-panel .ui-state-error {
    border: none;
    background-color: Transparent;
    background-image: none;
}
.input-validation-error
{
    background-color: #FFEEEE;
    border: 1px solid #FF0000;
}
span.field-validation-error
{
    color: #FF0000;
}
span.ac_input_id
{
    display: none;
}

#ajax-loader
{
    position: absolute;
    padding: 10px;
}
#ajax-loader span
{
    background-image: url("../images/ajax-loader.gif");
    width: 32px;
    height: 32px;
    display: block;
}

/* forms inline */
form.inline .actions
{
    white-space: nowrap;
}
form.inline .actions .ui-icon
{
    display: inline-block;
    margin-right: 5px;
}
form.inline tbody label.error
{
    color: red;
    font-style: italic;
}
form.inline tfoot tr.mode-edit
{
    display: none;
}

table.detail
{
    width: 100%;
}
table.detail tbody td
{
    border-bottom: solid 1px #E8ECDE;
    vertical-align: top;
}
table.detail tbody td.label
{
    /*width: 18%;*/
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
table.detail tbody td.field
{
    /*width: 32%;*/
    font-weight: normal;
}
table.detail tbody td.fieldMiddlte
{
    /*width: 32%;*/
    font-weight: normal;
    vertical-align: middle;
}

table.search
{
    margin: 5px 0;
}
table.search td.label
{
    vertical-align: top;
}
table.search td.field
{
    vertical-align: top;
}

.search-container
{
    margin-bottom: 10px;
    border: 1px solid #3b86b1;
    border-radius: 6px;
}

.search-container .section
{
    margin: 0;
    background-color: #c8d8e6;
    color: #3b86b1;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.search-container input[type="submit"]
{
    margin-bottom: 0;
    vertical-align: middle;
}

.search-toggler
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 16px;
    line-height: 1;
    transition: transform .15s;
    border-radius: 6px;
}

.search-visible .search-toggler
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.search-label
{
    display: inline-block;
    vertical-align: middle;
}

.clear-search,
.icon-button
{
    vertical-align: middle;
    background-color: #ddd;
    border: 1px solid #ddd;
    cursor: pointer;
    width: 17px !important;
}

.clear-search {
    margin: 10px 5px 0 5px;
}

.clear-search:hover,
.icon-button:hover {
    border-color: #3b86b1;
    border-style: solid;
    outline: 1px solid #3b86b1;
}

table.detail-child, table.detail-child-no-js
{
    width: 100%;
}
table.detail-child .actions, table.detail-child-no-js .actions
{
    white-space: nowrap;
    margin-right: 5px;
}
table.detail-child th, table.detail-child-no-js th
{
    text-align: left;
    padding: 2px 11px 2px 11px;
}
table.detail-child td, table.detail-child th, table.detail-child tr, table.detail-child-no-js td, table.detail-child-no-js th, table.detail-child-no-js tr
{
    border-top: solid 1px #E8ECDE;
    vertical-align: top;
    empty-cells: show;
}
table.detail-child tbody td, table.detail-child-no-js tbody td
{
    font-weight: normal;
}
table.detail-child tfoot td, table.detail-child-no-js tfoot td
{
    border-bottom-style: none;
}
table.detail-child th, table.detail-child-no-js th
{
    font-weight: bold;
}
table.detail-child tr.template, table.detail-child-no-js tr.template
{
    display: none;
}

div.section
{
    background-color: #3b86b1;
    padding: 3px;
    text-align: center;
    margin-bottom: 2px;
    font-weight: bold;
    color: White;
    border-radius: 6px;
}
td.field input
{
    width: 120px;
}
td.field.check-box input
{
    width: 20px;
}
td.field textarea
{
    width: 180px;
}
.field.attachment .ui-icon
{
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    background-position: -16px -96px;
}
.field.attachment .ui-icon-trash
{
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    background-position: -176px -96px;
}
.field.attachment .ui-icon.hide
{
    display: none;
}
.field.attachment .ui-icon.show
{
    display: inline-block;
}
.field.time > input
{
    width: 60px;
    margin-left: 2px;
}
.field.year > input
{
    width: 60px;
    margin-left: 2px;
}
.field.number > input
{
    text-align: right;
    width: 60px;
}
.field.int.smallTextBox > input
{
    text-align: right;
    width: 60px;
}
.field.text.smallTextBox > input
{
    text-align: right;
    width: 60px;
}
.field.int > input
{
    text-align: right;
    width: 60px;
}
.field.decimal > input
{
    text-align: right;
    width: 60px;
}
.field.number
{
    text-align: right;
    width: 60px;
}
.field.date > input
{
    text-align: right;
    width: 80px;
}
.field.text.smallTextBox > input
{
    text-align: left;
    width: 60px;
}
.field.lookup
{
    white-space: nowrap;
}
.detail-child-view .field.lookup
{
    white-space: normal;
}
table.data td.date input, table.detail-child td.date input
{
    width: 60px;
}
.data .request-pending td {
    background-color: #bbb;
}
.field.date-time > input
{
    width: 100px;
}
.field.date-time .ui-icon-close
{
    cursor: pointer;
    vertical-align: middle;
}
/*.field.attachment .ui-icon-check, .field.attachment .ui-icon-notice {  }*/

/* pager */
ul.pagination-clean
{
    list-style-type: none;
}
ul.pagination-clean li
{
    display: inline;
    margin: 0px 3px;
}

ul#icons
{
    margin: 0;
    padding: 0;
}
ul#icons li
{
    margin: 2px;
    position: relative;
    padding: 4px 0;
    cursor: pointer;
    float: left;
    list-style: none;
}
ul#icons span.ui-icon
{
    float: left;
    margin: 0 4px;
}

.icon-text
{
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
}
.icon-text span.ui-icon
{
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}

.Alert A.Alert
{
    color: Red;
}

input[type=button], input[type=submit]
{
    margin-top: 5px;
    margin-bottom: 10px;
}
td.section
{
    background-color: #002E57;
    padding: 3px;
    text-align: center;
    margin-bottom: 2px;
    font-weight: bold;
    color: White;
}


.Readonly > input
{
    border-style: none !important;
}

.Readonly > span > input
{
    border-style: none !important;
}

table.AnnouncementEntrance > tbody
{
    display: block;
    width: 1250px;
    overflow: auto;
}



.StoreDoc .DocGroup > td
{
    border-width: thin;
    border-style: solid;
    border-color: #E8ECDE;
    padding: 2px !important;
}



.StoreDoc .DocGroup
{
    border-top-style: none !important;
    border-top-width: 0px !important;
}

.StoreDoc td
{
    border-top-style: none !important;
    border-top-width: 0px !important;
    border-top-color: White !important;
    padding: 3px !important;
}

table.StoreDoc tr
{
    border-top-style: none !important;
    border-top-width: 0px !important;
    border-top-color: White !important;
}
td.Doc
{
    border-width: thin;
    border-style: solid;
    border-color: #E8ECDE;
    vertical-align: top !important;
    padding: 0px !important;
    width: 310px !important;
}

.Doc > table
{
    width: 100%;
}

.Doc .date
{
    white-space: nowrap;
}

.Doc .Interno .ui-icon
{
    margin-top: 0;
    vertical-align: middle;
}

.Doc .Interno .list .ui-icon+a
{
    vertical-align: text-top;
}

td.DocAction
{
    border: solid 1px #E8ECDE !important;
    border-top-style: solid !important;
    border-top-color: #E8ECDE !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #E8ECDE !important;
}

.RemDocTD
{
    text-align: center !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #E8ECDE !important;
}

.small-field > input
{
    width: 50px !important;
}


input#sd_StoreDocType_name
{
    width: 100px !important;
}

.fill-height
{
    height: 100%;
}

input[type="submit"], input[type="button"], button
{
    background-color: #ddd;
    border: 1px solid #ddd;
    cursor: pointer;
}

input:focus, button:focus, textarea:focus, select:focus, input[type="submit"]:hover, input[type="button"]:hover, button:hover
{
    border-color: #3b86b1;
    border-style: solid;
    outline: 1px solid #3b86b1;
}

input:focus, textarea:focus
{
    border-width: 2px;
}

input[type="submit"]:focus, input[type="button"]:focus, button:focus, select:focus
{
    border-width: 1px;
}

input.whiteblue
{
    background: #FFFFFF;
    color: #3b86b1;
}

input.bluewhite
{
    background: #3b86b1;
    color: #FFFFFF;
}




.ui-state-default
{
    background-color: Transparent !important;
    border-color: Transparent !important;
}

#culture
{
    overflow: hidden;
}

#culture li, #culture li a
{
    width: 100%;
}

.half
{
    float: left;
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box;
}

.one-third
{
    float: left;
    width: 33.3%;
    padding: 0 5px;
    box-sizing: border-box;
}

.two-thirds
{
    float: left;
    width: 66.6%;
    padding: 0 5px;
    box-sizing: border-box;
}

.first
{
    padding-left: 0;
}

.last
{
    padding-right: 0;
}

/* Tooltips */

.tooltip
{
    position: relative;
    display: inline-block;
    border-bottom: 1px black;
}

.tooltip .tooltiptext
{
    visibility: hidden;
    width: inherit;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 5px 5px; /*Position*/
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}
/*
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}*/

.tooltip:hover .tooltiptext
{
    visibility: visible;
    opacity: 1;
}

/* End of Tooltips */

/*  MODAL & DIALOGS */
.overlay
{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.5);
    overflow-x: hidden;
    transition: 0S;
}

.ui-widget-overlay
{
    background: #000 !important;
    opacity: .5 !important;
}

/*  END OF MODAL & DIALOGS  */

.status
{
    position: relative;
    vertical-align: middle !important;
    text-align: right;
}

.status-indicator
{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background .2s;
    cursor: help;
}

.status-indicator-valid
{
    background-image: url('../images/status-valid.png');
}

.status-indicator-invalid
{
    background-image: url('../images/status-invalid.png');
}

.status-messages
{
    display: none;
    position: absolute;
    background: #fff;
    text-align: left;
    border: 1px solid;
    padding: 10px 10px 10px 0;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.status-indicator-invalid:hover + .status-messages
{
    display: block;
}

.status-messages-list
{
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.hero
{
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.hero-image
{
    display: block;
}

.authentication-box
{
    position: absolute;
    margin: 0;
    padding-bottom: 0;
    bottom: 10px;
    right: 10px;
}

.authentication-box input, .authentication-box input:focus
{
    border-width: 1px;
    outline: none;
    border-color: inherit;
}

.authentication-box input[type=submit]
{
    margin-bottom: 0;
}

.logo-container
{
    margin: 10px 0;
}

.toUpper input
{
    text-transform: uppercase;
}

/* "semaforos" */

.circle
{
    padding-left: 12px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.badge-red
{
    background-color: #d9534f;
}
.badge-green
{
    background-color: #5cb85c;
}
.badge-grey
{
    background-color: #b0b0b0;
}
.badge-orange
{
    background-color: #ffa500;
}
.badge-yellow
{
    background-color: #ffff00;
}

.badge-text
{
    padding-left: 5px;
}

.validation-errors
{
    display: none;
    color: red;
}

.validation-errors-visible
{
    display: block;
}

.validation-errors-title
{
    display: block;
    margin: 0 0 10px 10px;
}

.center-aligned {
    text-align: center !important;
}

.highlight {
    background: yellow;
}

.column-filter-container {
    height: 0;
    overflow: hidden;
    transition: height .3s;
}

.column-filter-container-visible {
    height: 18px;
}

.column-filter-toggler {
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.roundcorners
{
    border-radius: 6px;
}

input, select, textarea
{
    margin:0px;
    border-radius:4px;
    
    height:1.1rem;
    border-width:1px; 
}
input[type=button], input[type=submit]
{
     height:1.15rem;
   
}
table.data 
{
    border-collapse: separate !important;
    border-spacing: 0;
    border-radius:6px!important;
}
.clear-search
{
    border-radius:6px;
}

input:focus, textarea:focus {
    border-width: 1px!important;
}
td
{
    padding-top:6px;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 8px;
	background-color: White;
}

::-webkit-scrollbar
{
	width: 10px;
	height:10px;
	background-color: #3b86b1;
}

::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #3b86b1;
}