@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,cyrillic);

html {
    overflow-y: scroll;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #434343;
    line-height: 150%;
    background: #F8F8F8;
}

/*************************************************************************************************************
                                                                                                       Misc */
a {
    cursor: pointer;
    text-decoration: none;
}

img {
    border: none;
}

p {
    padding: 0 0 15px 0;
    margin: 0;
}

label {
    font-weight: bold;
    vertical-align: middle;
}

span {
    vertical-align: middle;
}

hr {
    height: 1px;
    border: 0;
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px 0;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

h1 {
    font-size: 2.1em;
    font-weight: normal;
    color: #616161
}

caption {
    text-align: left;
    line-height: 3em;
}

caption span {
    font-size: 1.2em;
}

.pageWrapper {
    width: 77%;
    margin: auto;
}

@media all and (max-width: 1400px){.pageWrapper {width:80%}}
@media all and (max-width: 1358px){.pageWrapper {width:82%}}
@media all and (max-width: 1316px){.pageWrapper {width:84%}}
@media all and (max-width: 1274px){.pageWrapper {width:86%}}
@media all and (max-width: 1232px){.pageWrapper {width:88%}}
@media all and (max-width: 1190px){.pageWrapper {width:90%}}
@media all and (max-width: 1148px){.pageWrapper {width:92%}}
@media all and (max-width: 1106px){.pageWrapper {width:94%}}
@media all and (max-width: 1064px){.pageWrapper {width:96%}}
@media all and (max-width: 1022px){.pageWrapper {width:98%}}
@media all and (max-width: 980px){.pageWrapper {width:100%}}

.print {
    display: none;
}

.loading {
    display: block;
    background: url(/public/images/ajax-loader.gif) no-repeat center;
    min-width: 30px;
    min-height: 100px;
    margin: auto;
}

.chart {
    background: #FFFFFF;
}

#pageContent {
    font-size: 1.3em;
    overflow: auto;
    width: 1200px;
}

.ui-dialog-titlebar {
    border: 0px none;
    background: none;
}

.ui-dialog-titlebar .ui-button {
    border: 0px none;
    background: none;
    box-shadow: none;
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-overlay {
    background: #999;
}

.ui-dialog {
    border-radius: 0;
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.5);
    background: #FFFFFF;
}

/*************************************************************************************************************
                                                                                                   Messages */
.message {
    margin-top: 1em;
    border: 1px solid;
    background-repeat: no-repeat;
    background-position: .5em .5em;
    padding-left: 40px;
    line-height: 2.5em;
    color: #59625C;
}

.message.error {
    background-image: url(../images/message-error.png);
    background-color: #FFEBEC;
    border-color: #E4A4A2;
}

.message.success {
    background-image: url(../images/message-success.png);
    background-color: #F0FFEC;
    border-color: #82E276;
}

.message.notice {
    background-image: url(../images/message-warning.png);
    background-color: #FFFFEB;
    border-color: #DECB7E;
}

.message.warning {
    background-image: url(../images/message-warning.png);
    background-color: #FFFFEB;
    border-color: #DECB7E;
}


/*************************************************************************************************************
                                                                                                 Pagination */
.pages {
    font-size: .9em;
    line-height: 2.3em;
}

.pages a {
    display: inline-block;
    width: 2.4em;
    text-align: center;
    border: 1px solid #E0E0E0;
    color: #888888;
    background: #FFFFFF;
    margin-right: .4em;
    box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.2);
}

.pages a.active {
    background: #EBEEF3;
    background: linear-gradient(to bottom, #F1F4F9 0%, #EBEEF3 100%);
    cursor: default;
}

.pages .openPage {
    color: #999999;
    float: right;
}

.pages .openPage select {
    height: 2em;
    width: 4em;
    margin-left: .5em;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.2);
}


/*************************************************************************************************************
                                                                                             Input elements */
form {
    display: block;
    overflow: hidden;
    margin: 2% 0;
    min-height: 25em;
}

input, select, button, .button {
    border: 1px solid #D4D4D4;
    display: inline-block;
    line-height: 2em;
    height: 2em;
/*    padding: 0 .5em;*/
    padding: 0;
/*    text-indent: .5em;*/
    box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    background: #FFFFFF;
}

button, .button {
    padding-right: .5em;
}

.button.add {
    background: #FFFFFF url(/public/images/icon-sprite.png) no-repeat 3px -339px;
    background: url(/public/images/icon-sprite.png) no-repeat 3px -339px, linear-gradient(to bottom, #ffffff 0%, #efeff1 100%);
    -webkit-filter: grayscale(0);
}

button.add, button.save {
    padding-left: 29px;
    color: #049E01!important;
    background: #FFFFFF url(/public/images/icon-sprite.png) no-repeat 3px -339px;
    background: url(/public/images/icon-sprite.png) no-repeat 3px -339px, linear-gradient(to bottom, #ffffff 0%, #efeff1 100%);
    -webkit-filter: grayscale(0);
}

button.close {
    padding-left: 29px;
    color: #8E8E8F!important;
    background: #FFFFFF url(/public/images/icon-sprite.png) no-repeat 3px -130px;
    background: url(/public/images/icon-sprite.png) no-repeat 3px -130px, linear-gradient(to bottom, #ffffff 0%, #efeff1 100%);
    -webkit-filter: grayscale(0);
}

.button span {
    padding-left: 29px;
    background: url(/public/images/icon-sprite.png) no-repeat 3px -389px;
}


label {
    line-height: 2em;
    min-height: 2.1em;
    vertical-align: middle;
    font-weight: normal;
    display: block;
    float: left;
    width: 30%;
    margin: 1.5%;
    font-size: 1.1em;
}

label.info {
    font-size: .8em;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

label span {
    width: 32%;
    float: left;
    text-align: right;
    padding-right: 3%;
}

label input, label select {
    width: 56%;
    float: left;
    margin: 0;
    padding-left: 2%;
    padding-right: 2%;
}

label select {
    padding-top: .3em;
    padding-bottom: .3em;
}

.datepicker {
    background: #FFFFFF url(/public/images/icon-sprite.png) no-repeat right 3px;
}


/*************************************************************************************************************
                                                                                                    Buttons */
button, .button {
    border-radius: .4em;
    background: linear-gradient(to bottom, #ffffff 0%, #efeff1 100%)
}

a.add, a.edit, a.revStatistic, a.delete, a.pay, a.file, a.preview, a.save, a.cancel, a.print_orders, a.send_orders, a.pdf_orders, a.exportXLS, a.exportPDF, a.shortcut, a.hasSub {
    vertical-align: middle;
    padding-left: 29px;
    background: url(/public/images/icon-sprite.png) no-repeat 3px 0;
    display: inline-block;
    line-height: 2em;
    transition: .2s;
    -webkit-filter: grayscale(30%);
}

a.add:hover, a.edit:hover, a.revStatistic:hover, a.delete:hover, a.pay:hover, a.file:hover, a.preview:hover, a.save:hover, a.cancel:hover, a.print_orders:hover, a.exportXLS:hover, a.exportPDF:hover, a.shortcut:hover, a.hasSub:hover {
    -webkit-filter: grayscale(0);
}

a.exportXLS, a.exportPDF {
     display: inline-block;
     text-indent: -999px;
     overflow: hidden;
     width: 16px;
     padding: 0;
}

a.add { background-position: 3px -339px; color: #049E01!important; }
a.edit { background-position: 3px -417px; color: #357CBD!important; }
a.delete { background-position: 3px -287px; color: #FF0000!important; }
a.revStatistic { background-position: 3px -443px; color: #049E01!important; }
a.pay { background-position: 3px -443px; color: #049E01!important; }
a.file { background-position: 3px -364px; color: #357CBF!important; }
a.preview { background-position: 3px -260px; color: #000!important; }
a.save { background-position: 3px -339px; color: #049E01!important; }
a.cancel { background-position: 3px -443px; color: #049E01!important; }
a.print_orders { background-position: 3px -25px; color: #6C6C6C!important; }
a.print_orders:hover { color: #333!important; }
a.send_orders { background-position: 3px -79px; color: #6C6C6C!important; }
a.pdf_orders { background-position: 3px -52px; color: #6C6C6C!important; }


/*************************************************************************************************************
                                                                                    Top content and filters */
.top {
    overflow: hidden;
    border-bottom: 1px solid #C1C1C1;
    line-height: 2em;
    padding-bottom: .4em;
    padding-top: 4em;
}

.top.menu {
    border: 0px none;
    padding-top: 2em;
}

.top h1 {
    float: left;
    margin: 0;
}

.top .button.add, .filters {
    margin-left: 1em;
    float: right;
}

.filters{
    display: block;
    overflow: hidden;
    margin: 0;
    min-height: 0;
    max-width: 94px;
    margin-left: 5.5em;
    transition: all .2s;
}
 .filtersS {
    display: block;
    min-height: 0;
}


.filters.hover, .filters.hasItems {
    max-width: 1000px;
}


.fitem {
    display: block;
    float: left;
    height: 2.1em;
}

.expandFilters {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 28px;
    padding: 0;
    background: #FFF url(/public/images/icon-filter.png) no-repeat 6px 5px;
    background: url(/public/images/icon-filter.png) no-repeat 6px 5px, linear-gradient(to bottom, #ffffff 0%, #efeff1 100%);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: all .2s;
}

.filters.hover .expandFilters {
    border-color: #999;
}

.filtersTitle {
    border: 1px solid #D4D4D4;
    border-radius: .4em;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0px none;
    background: #898C93;
    color: white;
    box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    padding: 0 .6em;
    transition: padding .2s;
    transition-delay: .1s;
}

.filters.hover .filtersTitle {
    width: 0px;
    padding: 0px;
    border: 0px none;
}

.filters input, .filters select {
    width: 0px;
    border: 0px none;
    line-height: 2em;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    transition: all .2s;
}

.filters.hover input, .filters.hover select, .fitem.hadData {
    border: 1px solid #D4D4D4;
    width: 12em;
}


/*************************************************************************************************************
                                                                                                   Sub menu */
.subMenu {
    border-bottom: 1px solid #C1C1C1;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 4em 0 0 0;
}

.subMenu ul {
    padding: 0;
}

.subMenu ul ul {
    display: none;
}

.subMenu li {
    float: left;
}

.subMenu li, .subMenu li a {
    display: none;
}

.subMenu li.active, .subMenu li.active li, .subMenu li.active li a {
    display: block;
}

.subMenu li li {
    font-size: 1.2em;
    line-height: 2em;
    border: 1px solid #E8EAEE;
    margin: 0 .5em .5em 0;
    padding: 0 1em;
    background: #FFFFFF;
}

.subMenu li li.active {
    background: #898C92;
    border-color: #898C92;
}

.subMenu li li a {
    color: #898C92;
}

.subMenu li li.active a {
    color: #F8F8F8;
}

/*************************************************************************************************************
                                                                                                     Header */
.header {
    background: #000;
    padding-bottom: 4px;
}

.header .logo {
    display: block;
    background: url('public/images/casadecor-logo.png') no-repeat 0 center;
    width: 188px;
    height: 79px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.header .userInfo {
    float: right;
    height: 83px;
    margin: 0;
    list-style: none;
    color: #F0F0F0;
}

.header .userInfo li {
    float: left;
}


.header .userInfo .user {
    background: #222;
    height: 100%;
    min-width: 16em;
}
.header .userInfo .user div {
    padding: 2.5em 1em 0 1em;
    font-size: 1.1em;
}

.header .userInfo .user .userName {
    font-size: 1.4em;
    color: #F0F0F0;
}

.header .userInfo .user span {
    display: block;
    color: #83858B;
}

.header .userInfo .user a {
    color: #608CBB;
}

.header .userInfo .contracts, .header .userInfo .clients {
    width: 65px;
    height: 80px;
}

.header .userInfo .contracts a, .header .userInfo .clients a {
    display: block;
    height: 100%;
}

.header .userInfo .contracts span, .header .userInfo .clients span {
    border-radius: .5em;
    background: #FC5B5B;
    color: #FFFFFF;
    display: block;
    width: 2.5em;
    text-align: center;
    float: right;
    margin-top: 20px;
    line-height: 1.3em;
}

.header .userInfo .clients {
    background: url(/public/images/icon-big-users.png) no-repeat center;
}

.header .userInfo .contracts {
    background: url(/public/images/icon-big-contracts.png) no-repeat center;
    margin-right: 3em;
}


/*************************************************************************************************************
                                                                                                       Menu */
.mainMenu {
    height: 42px;
    line-height: 37px;
    background: #92959A url(public/images/bg-menu.png) repeat-x top;
}

.mainMenu ul {
    padding: 0;
    list-style: none;
    font-size: 1.4em;
}

.mainMenu ul ul {
    display: none;
}

.mainMenu ul li {
    float: left;
    margin-right: 1em;
}

.mainMenu ul li a {
    color: white;
    line-height: 42px;
    padding: 0 1.3em;
    padding-top: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    line-height: 37px;
    display: block;
}

.mainMenu ul li.active a {
    background: #FFFFFF url(public/images/bg-menu-active.png) repeat-x top;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

/*************************************************************************************************************
                                                                                                     Footer */
.footerMenu {
    border-top: 1px solid #C1C1C1;
    list-style: none;
    padding: 1em 0 0 0;
    margin-top: 3em;
    font-size: 1.1em;
    color: #777;
}

.footerMenu a {
    color: #777;
}

.footerMenu ul {
    display: none;
}

.footerMenu li {
    float: left;
}

.footerMenu li.separator {
    margin: 1px 1.5em;
    height: 1.2em;
    border-left: 1px solid;
}

.footerMenu li.website {
    float: right;
}


/*************************************************************************************************************
                                                                                                 List table */
table.list {
    background: white;
    width: 100%;
    margin: 2em 0;
    border: 1px solid #DFE0E2;
    border-bottom: 0px none;
    border-right: 0px none;
    border-collapse: collapse;
    border-radius: 4px;
}

table.list img {
    max-width: 100%;
    max-height: 9em;
    display: block;
    margin: auto;
}

table.list input {
    box-shadow: none;
}

table.list td, table.list th {
    padding: .5em .8em;
    text-align: left;
    border: 1px solid #DFE0E2;
    border-top: 0px none;
    border-left: 0px none;
    transition: background .2s;
}

table.list th {
    color: #808080;
    line-height: 2em;
    background: linear-gradient(to bottom, #F7F6FB 0%, #E7EAEF 100%);
}

table.list th a, table.list th a.desc:hover {
    color: #808080;
    display: block;
    padding-right: 10px;
    background: url(/public/images/order-asc.png) no-repeat right;
}

table.list th a:hover, table.list th a.desc {
    background-image: url(/public/images/order-desc.png);
}

table.list th input {
    float: left;
    margin-right: .5em;
    height: 1.7em;
}

table.list td {
    color: #888888;
}

table.list td.name {
    color: #434343;
}

table.list .operations {
    width: 1%;
}

table.list tr:hover td {
    background: #FFFFE5;
}

table.list tr {
    background: #FFFFFF;
    background: linear-gradient(to bottom, #F0F0F0 0%, #FFFFFF 5%, #FFFFFF 90%, #F9F9F9 100%);
}

table.list tr.importantRow {
    background: #FFF4F4!important;
    background: linear-gradient(to bottom, #FFF4F4 0%, #FFF4F4 90%, #F9EEEE 100%)!important;
}

table.list tr:nth-child(2n+1) {
    background: #F9FAFC;
    background: linear-gradient(to bottom, #F8FAFC 0%, #F8FAFC 90%, #F3F4F6 100%);
}

table td a {
    color: #7F9EBA;
    border-bottom: 1px dashed;
}

table.list td.operations a {
    border-bottom: 0 none;
}

tr:hover a.add, tr:hover a.edit, tr:hover a.revStatistic, tr:hover a.delete, tr:hover a.pay, tr:hover a.file, tr:hover a.preview, tr:hover a.save, tr:hover a.cancel, tr:hover a.print_orders, tr:hover a.exportXLS, tr:hover a.exportPDF, tr:hover a.shortcut, tr:hover a.hasSub {
    -webkit-filter: grayscale(0);
}

tr.contract_, tr.contract_finished {
    opacity: .5;
}

tr.contract_:hover, tr.contract_finished:hover {
    opacity: 1;
}

/*************************************************************************************************************
                                                                                               Login module */
table.info {
    background: #FFFFFF;
    width: 100%;
    margin: 1% 0;
    padding: 1.5%;
    line-height: 1.4em;
}

table.info td {
    font-weight: bold;
    width: 20%;
    padding: .3em 0;
}

table.info td.title {
    font-weight: normal;
    text-align: right;
    width: 12%;
}


/*************************************************************************************************************
                                                                                               Login module */
.login {
    margin: 2% 0 5% 0;
}

.login button {
    margin: auto;
    width: 30%;
    display: block;
}


/*************************************************************************************************************
                                                                                           Dashboard module */
.box {
    width: 48%;
    float: left;
    margin: 1%;
}

.box:nth-child(2n) {margin: 1% 0% 1% 2%; clear: right;}
.box:nth-child(2n+1) {margin: 1% 2% 1% 0%; clear: left;}

.box table.list {
    margin: 0;
}

.box table.list td {
    padding: .9em 1em;
}

.box h1 {
    border-bottom: 1px solid #C1C1C1;
    line-height: 1.5em;
}

.box h2 {
    color: #888888;
}

.box h2 span {
    color: #333333;
    vertical-align: top;
}

.box h1 a {
    color: #C1C1C1;
    float: right;
    font-size: .4em;
    vertical-align: bottom;
    padding-top: .6em;
}

.dashboard.chart {
    height: 20em;
}



/*************************************************************************************************************
                                                                                               Users module */
table.list .revStatistic {
    border: 0px none;
    color: #049E01;
}

table.list .revenue {
    float: right;
    line-height: 2em;
}

.revStatisticWindow {
    width: 700px;
    margin: -1em 2em 0 1em;
    color: #888888;
    font-size: 1.2em;
}

.revStatisticWindow caption {
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
}

.revStatisticWindow span {
    color: #333;
}

.statFrom, .statTo {
    width: 10em;
    text-align: right;
}

.statChart {
    padding-top: .5em;
}

.revStatisticWindow input {
    width: 7em;
    margin-left: .4em;
    vertical-align: baseline;
}

.user.box {
    width: 100%;
    margin: 0;
}

.user.box h2 {
    font-weight: normal;
    font-size: 1.2em;
    color: #434343;
}

.user.box h3 {
    font-weight: normal;
}


/*************************************************************************************************************
                                                                                             Clients module */
table.list .goods span {
    background: url(/public/images/goods.png) no-repeat right;
    padding-right: 22px;
    line-height: 2em;
    display: block;
    margin: auto;
    width: 1em;
}

table.list .goods.delay span { background-image: url(/public/images/goods-delay.png); }
table.list .goods.install span { background-image: url(/public/images/goods-install.png); }

h1 a.user.edit {
    font-size: .5em;
    line-height: 1.8em;
    vertical-align: super;
    color: #888!important;
    background-position: 0 -105px;
    margin-left: .8em;
}


/*************************************************************************************************************
                                                                                           Contracts module */
table.list .payments {
    text-align: right;
}

table.list .payments span {
    padding-right: 50px;
    background: url(/public/images/payment-n0.png) no-repeat right;
}

table.list .payments.n1 span {color: #FE2E2F;}
table.list .payments.n1 span {background-image: url(/public/images/payment-n1.png);}
table.list .payments.n2 span {background-image: url(/public/images/payment-n2.png);}
table.list .payments.n3 span {background-image: url(/public/images/payment-n3.png);}

.paymentsWindow {
    width: 450px;
    color: #888888;
    font-size: 1.2em;
    margin-top: -15px;
}

.paymentsWindow td {
    padding-left: 1em;
}

.paymentsWindow .prices td {
    padding: .3em 1em;
}

.paymentsWindow .prices input[type='number'] {
    -moz-appearance:textfield;
}

.paymentsWindow .prices input::-webkit-outer-spin-button,
.paymentsWindow .prices input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.paymentsWindow .payment_methods select {
    width: 96%;
    margin: 0;
    padding: 0;
}

.paymentsWindow td.controls {
    line-height: 2.4em;
    padding-right: .8em;
}

.paymentsWindow caption {
    font-size: 1.7em;
    line-height: 1.7em;
    padding-left: .6em;
}

.paymentsWindow span {
    color: #333;
}

.paymentsWindow input {
    width: 84%;
    margin-left: .4em;
    vertical-align: baseline;
    width: 100%;
    margin: 0;
    padding: 0;
}

.paymentsWindow input.sum {
    font-size: 2.7em;
    line-height: 1.6em;
    text-align: right;
    padding-right: 4%;
    width: 96%;
}

.paymentsWindow input.sum.hasPrice {
    color: white;
    background: #C7CE00;
}

.order_status {
    display: block;
    font-size: .9em;
}

.order_status.cancelled { color: #FF0000; font-size: 1em; text-decoration: underline; }
.order_status.finished { color: #049E01; font-size: 1em; text-decoration: underline; }

.with_selected {
    margin-right: 1.5em;
    line-height: 2em;
    font-size: 1em;
/*    position: relative;*/
    width: 12em;
}

.with_selected .wrapper {
    position: absolute;
    display: block;
    background: white;
    z-index: 1;
    padding: 0 1em;
    border: 1px solid #DFE0E2;
    max-height: 2em;
    overflow: hidden;
    transition: .2s;
}

.with_selected .wrapper:hover {
    height: 18em;
    max-height: none;
}

.with_selected .wrapper.small:hover {
    height: 7em;
}

.with_selected .arrow {
    border: .4em solid;
    border-color: #B0B0B0 transparent transparent transparent;
    float: right;
    margin-top: .85em;
    transition: .2s;
    opacity: 1;
}

.with_selected .wrapper:hover .arrow {
    opacity: .1;
}

.with_selected span, .with_selected a {
    display: block;
    font-size: 1em;
}

/*************************************************************************************************************
                                                                                          Edit order module */
.upload {
    width: 65%;
    float: left;
}

.upload .button {
    position: relative;
    overflow: hidden;
}

.upload .button, .upload .button * {
    cursor: pointer;
}

.upload.order .button.thumb, .upload.order .thumb.temp {
    border-style: dashed;
    border-color: #555;
    opacity: .8;
    position: relative;
    border-radius: 0px;
    height: 100%;
    display: block;
    background: #FFFFFF;
}

.upload.order .button.thumb {
    padding: 5% 11% 5% 7%;
    text-indent: 999999px;
    width: 10%;
}

.upload.order .thumb.temp span {
    width: 100%;
    min-height: 3em;
    line-height: 3em;
}

.upload.order span.delete {
    position: relative;
    width: 100%;
    min-height: 0!important;
    z-index: 1;
}

.upload.order a.delete {
    position: absolute;
    right: -24px;
    top: -10px;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.31);
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    line-height: 20px;
    background-position: -2px -289px;
    padding-left: 20px;
    cursor: pointer;
}

.upload.order :hover a.delete {
    right: 0;
    top: 0;
    opacity: 1;
}

.upload.order .button a.delete {
    display: none;
}

.upload .button.hidden {
    display: none;
}

.upload .button.input {
    background: none;
    border: 0 none;
    box-shadow: none;
    padding: 0;
}

.upload .button span {
    width: auto;
}

.upload.order a {
    color: #7F9EBA;
    border-bottom: 1px dashed;
}

.upload.order a.file {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
    border: 0 none;
    max-width: 10em;
}

.upload a.delete {
    border-bottom: 0px none;
}

.upload .button input, .upload.order .file {
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 98%;
}

.upload .button.input span {
    display: none;
}

.upload .button.input input {
    position: static;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.thumb {
    width: 30%;
    height: 30%;
    background: #EEE;
    border: 1px solid #DDD;
    float: left;
    margin-right: 2%;
    margin-top: 2%;
    text-align: center;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.thumb img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

label.double {
    width: 63%;
}

label.double span {
    width: 13.5%;
    padding-right: 1.5%;
}

label.double textarea {
    width: 82%;
    height: 4em;
}

/*************************************************************************************************************
                                                                                          Statistics module */
#stat_chart {
    width: 100%;
    height: 25em;
    margin: 3em 0 0 0;
    background: white;
}
/*************************************************************************************************************
                                                                                                    Limits  */
.limits label{
    line-height: 2em;
    min-height: 2.1em;
    vertical-align: middle;
    font-weight: normal;
    display: -webkit-inline-box;
    float: none;
    width: auto;
    margin: 0;
    font-size: 1.1em;
}