﻿
#paginationTop div, #paginationBottom div { display: inline-block;margin-right: 5px;border:1px solid #ec1c2c;}
#paginationTop div a, #paginationBottom div a { display: block; padding:5px; }
#paginationTop, #paginationBottom { margin:15px auto; }
#header .content { background: #FFF; }
#tabella-ordini { width: 100%; }
table { margin-top: 15px; }
body div table tr th { border-top: 0 !important; height: 40px; }
tr:hover td { background: #ec1c2c !important; color: #FFF; cursor: pointer; }
tr:nth-child(even) td { background: #e7e7e7; }
.divisore-admin { width: 100%; height: 4px; background: #000; margin: 50px 0; }
#paginationTop, #paginationBottom { width: 100%; text-align: center; }
#paginationTop ul.pagination  a, #paginationBottom ul.pagination  a { font-weight: bold; margin: 0 4px; }
#paginationTop ul.pagination  .freccina a, #paginationBottom ul.pagination  .freccina a { border: 0; font-weight: bold; margin: 0 4px; line-height: 15px; }
#paginationTop ul.pagination  .freccina a i, #paginationBottom ul.pagination  .freccina a i { font-size: 26px; }
#paginationTop ul.pagination  .freccina a:hover, #paginationBottom ul.pagination  .freccina a:hover { background: none; border: 0 !important; }

#hierarchy .container { background: #FFFFFF; }
#h-table tr td, #h-table tr:hover td { background: #e7e7e7 !important; color: #8c8c8c; }
#h-table tr.table-row td { display: none; background: #8c8c8c !important; color: #666; }
#h-table tr.table-row .table-row td { background: #666 !important; color: #FFF; }
#h-table tr.table-row>td { padding: 0; }
#h-table tr.table-row>td table { margin: 0; }
#h-table tr.table-row.open td { display: table-cell; }
#h-table tr.user-row:hover>td { background: #ec1c2c !important; color: #FFF; }
#h-table tr.table-row.open td tr.table-row td { display: none; }
#h-table tr.table-row.open td tr.table-row.open td { display: table-cell; }
#paginationBottom .pagination > .active > a, #paginationTop .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background: #ec1c2c; color: #FFF; }

#gerarchia { margin: 20px 0; padding: 0; }
#gerarchia li { list-style-type: none; color: #767779; }
#gerarchia>li, #gerarchia>li>a { font-weight: bold; color: #ec1c2c; }
#gerarchia li i { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; display: inline-block; }
#gerarchia li.open>i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
#gerarchia ul { max-height: 0; overflow: hidden; padding-left: 20px; }
#gerarchia .open>ul { max-height: 5000px; }
#user-info-area-template { display: none; }
#user-info-area label.fake-input { height: 40px; line-height: 40px; border-bottom: 1px solid #ec1c2c; display: block; width: 100%; }
#user-info-area h3 { margin-bottom: 25px; }
#gerarchia>li>ul>li>ul>li>ul>li, #gerarchia>li>ul>li>ul>li>ul>li>ul>li, #gerarchia>li>ul>li>ul>li>ul>li>ul>li>ul>li { font-weight: normal; }
/*#gerarchia li.selected>a, #gerarchia li.selected>i { background: #ec1c2c; color: #FFF; }*/

#admin-cont .container { background: #FFF; }
span.file-label { line-height: 45px; }
.content-checktable { max-height: 500px; }
.overview { width: 100%; }
#overlay-import { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.7); top: 0; left: 0; z-index: 1; display: none; text-align: center; }
#overlay-import h3 { text-align: center; }
#overlay-import .ok, #overlay-import .ko { display: none; }
#overlay-import.ok .ok { display: block; margin-top: 100px; }
#overlay-import.ok .ko, #overlay-import.ok .standard { display: none; }
#overlay-import.ko .ok, #overlay-import.ko .standard { display: none; }
#overlay-import.ko .ko { display: block; margin-top: 100px; }
#overlay-import .glyphicon { font-size: 30px; }
#importatore.disab { background: #e7e7e7; cursor: not-allowed; }
.validation-summary-errors ul li { color: #E7562A; }
.btn-file { max-width: 100%; -ms-transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; border: 0; color: #FFFFFF; background: #5CB446; width: 175px; height: 45px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 18px; margin: 0 auto; display: block; }
.btn-file:hover { background: #398226; }
.btn-file {
    position: relative;
    overflow: hidden;
    line-height: 45px;
    width: 100%;
    cursor: pointer;
}
.btn-file i {
    font-size: 33px;
    line-height: 37px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.loadimport {
  margin: 100px auto 0;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.loadimport > div {
  background-color: #ec1c2c;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.loadimport .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.loadimport .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.loadimport .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loadimport .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

#admin .container { background: #FFF; }
#hierarchy .resumeBox { padding: 15px; }
#hierarchy .resumeBox ul { margin: 0; padding: 0; }
#hierarchy .resumeBox ul li { list-style-type: none; line-height: 36px; }
#hierarchy .resumeBox ul li span { font-weight: bold; }
#hierarchy .resumeBox { background: #e7e7e7; }
#hierarchy .resumeBox.dark { background: #BBB; }