/*general---------------------------------------------------------------------*/
/**{font-size: 1.015em !important}*/
/*th{font-size: 0.8em !important}*/
/*input{padding: 0.5em 1em 0.5em 3em !important}*/

.content__table,.content__trend,.col__dinamic.col--aside{background: none !important}

html,body{background: #fff;width: 100%; overflow-x: hidden;height: 100%;font-family: sans-serif; margin: 0; padding: 0;z-index: 1}
body.start{background: #eee}

.no-title{font-size: 14px; font-weight: normal;}
li{list-style: none;}
.success--update{color:#038ab1; position: absolute;right: 20px;top: 40px;}
.working-tx{color: #6bd9d8 !important}
.working-bg{background: #6bd9d8 !important;}
h3 > a{color: #d3672d !important; text-decoration: underline; text-transform: inherit;}
.breadcrumbspath{position: relative;padding-left: 20px;line-height: 23px; background: #eee;font-size: 12px;border-bottom: solid 1px #dedede;height: 25px;margin-top: 54px;margin-bottom: -55px; margin-left: 200px }
.breadcrumbspath a{color:#000; text-transform: lowercase; font-weight: lighter;}

.show--calendar .tooltip{opacity: 1;visibility: visible; right: 0px;z-index: 2}

.popup__background{display: block;position: absolute;width: 100%;height: 100%; background: rgba(0,0,0,0.15)}

/*focus z-index*/
.component.component--focus{}
#close-search-bar{z-index: 3;position:absolute;color: #000}

/*icon*/
.icon{font-size: 14px !important; color:#555}
.iconic{}
.iconic span{background: #000; border-radius: 2px;display:block; background: #666;position: absolute;}

.iconic--user{padding-top: 4px}
.iconic--user span{width: 20px; height: 5px;}
.iconic--user >span:first-of-type{transform:rotate(90deg); background: #000;height: 8px;border-radius: 8px;width: 8px;margin-left: 6px;margin-top: -10px;}
.iconic--user >span:last-of-type{height: 13px;border-radius: 8px 8px 3px 3px; height: 10px;};

.iconic--{position: absolute;left: -40px; margin-top: 5px}
.iconic--model span{width: 20px;height: 5px; background: #000;border-radius: 5px;display:block;;position: absolute; }
.iconic--model span:first-of-type{transform: rotate(-85deg);left: 0px}
.iconic--model span:nth-of-type(2){width: 16px;transform: rotate(60deg);left: 6px;margin-top: -2px;background: #696969}
.iconic--model span:nth-of-type(3){width: 16px;transform: rotate(-60deg);left: 12px;margin-top: -2px}
.iconic--model span:last-of-type{transform: rotate(85deg);left: 14px;background: #696969}

.iconic--hamburger span{position: relative; background: #696969; height: 4px}
.iconic--hamburger span{display: block; height: 4px; width: 22px; background: #000; margin-bottom: 4px;}
.iconic--hamburger span:last-of-type{margin: 0; background:#000}

.iconic--caret{padding: 5px;}
.iconic--caret span{margin-left: 1px;position: relative; width: 14px;display: block;height: 5px;padding: 0!important;background: #000}
.iconic--caret span:first-of-type{margin-bottom: 2px;transform: rotate(45deg);}
.iconic--caret span:last-of-type{transform: rotate(-45deg);background: #696969}
.iconic--caret.iconic--inverse,body.show-right .iconic--caret{transform: rotate(180deg)}

.iconic--plus span{width: 20px; height: 5px;}
.iconic--plus span:first-of-type{transform:rotate(90deg); background: #000}

.iconic--duplicate{cursor: pointer;}
.iconic--duplicate span{width: 18px; height:18px; transform:rotate(45deg)}
.iconic--duplicate span:first-of-type{margin-left:6px; }
.iconic--duplicate span:last-of-type{margin-right: 6px;background: #000;}

.iconic--heart span{width: 20px; height: 12px;}
.iconic--heart span:first-of-type{margin-left: -6px;transform:rotate(45deg);border-radius:5px 0 0  5px;  background: #000}
.iconic--heart span:last-of-type{margin-right: -6px;transform:rotate(-45deg);border-radius:0 5px 5px 0;}



/*relief prop*/
.getresponse{position: relative;}
.getresponse::before{content: attr(data-content); color:rgba(0,0,0,0.3);position: absolute;width: 100%; height: auto;font-size: 14px;}

/*button/link*/
.button--bars{width: 200px;position: absolute;bottom: 0;right: 0}
.button--bars li{width: 50%;display: inline-block;padding: 5px}

a{text-decoration: none; color: #007c75; font-weight:bold; font-size: 20px; text-transform: capitalize;}
.btn{padding: 30px; display: inline-block; text-decoration: none;}
.btn--small{color: #000; font-size: 12px;padding: 10px;}

.btn--icons{color:#999;padding: 5px;font-size: 22px; font-weight: bolder}
.btn--icons:hover{color: #000}
.btn--light{padding: 8px; color: #000; border: solid 1px #ddd; border-radius: 8px}
.btn--round{padding: 5px 10px; border-radius: 10px; color: #fff; background: #aaa; font-size: 10px}
.btn--round.active{color: #333; background: #fff; border: solid 1px #aaa}
.btn--rapid{padding: 5px;}
.btn--icon{padding: 10px; position: absolute;}
.btn--start{display: inline-block;padding: 10px 10px 10px 20px;margin-top: 2px}
.btn--start > .iconic.iconic--plus:first-of-type,.btn--start > .iconic.iconic--user:first-of-type{display: inline-block;float: left;padding-right: 15px;height: 20px;width: 20px;margin-top: 10px;margin-right: 15px; transform-origin: 50% 15%;}
.btn--start > span:last-of-type{display: inline-block;float: left;line-height: 28px;}

.accent{background: darkgray !important}
.btn.active{background: #696969; color: #fff}
.btn--{background:#d3672d;color: #fff !important}
.accent--row{background:#ccc;transition: all 1s linear; -webkit--transition: all 1s linear;}
.accent--row::after{transition: all 1s linear; -webkit--transition: all 1s linear;width:0;}
.accent--row:hover{background: #ccc !important}
.accent--row:hover > [data-name="icon-option"] > a > i{color: #fff;}
.accent--row > td,.accent--row td > span{color: #000 !important;}

.accent--option{background: rgba(0,0,0,0.2)}
.accent--option:hover{background: rgba(0,0,0,0.4)}

@keyframes progress {
  from{width:0px;}
  to{width:100%;}
}
.drop-row::after{position: absolute;height: 5px;left: 0;content:"";background: #ce4d3c;animation-name: progress;animation-duration: 5s; animation-timing-function: linear;}


ul.list--check{margin: 0;padding: 0;}
ul.list--check li{list-style: none;display: block;}
ul.list--check li a{display: block; text-align: center; color: #000}
ul.list--check li a.checked{background: #9fc7cf}

.btn-calculate{width: 22px;height: 22px;padding: 6px;border-radius: 50%;}
.btn-calculate.btn--active{background: #d3672d;color: #fff;box-shadow: 0 0 0 2px #d3672d}
.dark .btn-calculate.btn--active i{color: #000}
.list{}
.list--inline{display: inline-block;float: left;margin-right: 0px !important}
.list--order-type{padding: 0; width: auto; margin: 0 auto}
.list--order-type > li{display: inline-block; list-style: none; margin-bottom: 30px; padding: 10px 0;}
.list--dropdown{height: 0;visibility: hidden;left: 20px;display:block;/*overflow: hidden;*/}
.list--dropdown a{display: inline-block;width: 90%;}
.list--dropdown a:hover{background: rgba(255,255,255,0.2); box-shadow: 0 0 0 1px #aaa; border-radius: 8px; }
.list--show{height: auto;}


.alert__box{position: absolute;right: 0 ; top: 0; padding: 20px;}
.alert{position: relative;right: -150%;border: solid 1px #696969; background: #fff; border-radius: 8px; padding: 8px 20px; font-size: 14px;; margin-bottom: 10px;}
.alert i{margin-right: 20px}
/*js*/
.alert-show{right: 0;}
.hide{opacity: 0 !important;height: 0!important;width: 0!important; }
.hide-layout{display: none !important}
.show{opacity: 1!important;height: auto!important;width: auto!important}

/*menu active*/
.a--active::before,.a--activesub::before{position: absolute; content: ""; width: 100%;height: 5px; display: block; background: #d3672d;bottom: -3px;left: 50%; margin-left: -50%}
.menu--vertical .a--active::before{top: 0;width: 5px; height: 100%;margin-left: -5px; left: 100%}
.menu--sub .a--active::before{background: none}
.menu--secondary .a--active::before,.menu--secondary .a--activesub::before{bottom:0px; }
.menu--secondary .a--active::before{background: none}
.menu--secondary .a--activesub::before,.menu--sub .a--activesub::before{background: #d3672d}
.menu--vertical .menu--sub{height: 0;opacity: 0;overflow: hidden;}
.menu--vertical .a--active + .menu--sub{height: auto; opacity: 1}
/*------------------------------------------------------------------------------
                                  SPEED SAVE
------------------------------------------------------------------------------*/
.content--report .col--report{position: relative;}
.content--report .icon-date-report i{font-size: 25px;}
.content--report .box--date{padding: 10px; text-align: center;}
.col--modify{background: none; border:none; padding: 18px}

.input--pl{font-size: 14px;margin-top: 10px;width: 106%; padding: 8px 10px; border: dotted 2px #ddd; margin-left: -3%}

/*------------------------------------------------------------------------------
                                    LAYOUT
Header------------------------------------------------------------------------*/
header{z-index: 3}
#header{}
  .header{padding: 0 20px; border-bottom: solid 1px #ddd;background: #fff; position: fixed; width: 100%;}
  .header__item{position: relative;display: inline-block; float: left;height: 53px; width: 100%;}
  .header__item--hamburger{width: auto;}
  /*.header__item:last-of-type{border-right: none}*/
  .header__item a{display: block;color: #000; text-align: center; padding: 20px }
  .header__item > a i,.header__item > a span{display: block;}
  .header__item > a > i{font-size: 16px !important; font-weight: normal;}
  .header__item--icon a{padding: 10px}
  .header__item--search{width: 280px;position: absolute;width: 50%;left: 50%; margin-left: -25%;}
  .header__item--search .card--search{width: 100%; }
  .header__item--search .card--search input{border: solid 1px #aaa}
  .header__item > span{display: block; height: 100%; padding: 16px}
  .{position: absolute;top: 0;right: 0px;float: left; width: auto; text-align: right;padding: 0 20px;margin-right: 20px;background: #696969;;}
  .header__item--total > span,.header__item--total > i{display: inline-block; margin-right: 5px; font-size: 22px;letter-spacing: 3px;color: #fff}
  .header__item--total > strong{color:#eee}

  .header__item--mode{float: right;}
  .header__item--, .header__item--duplicate{ width: auto;}
  .header__icon__pool{display: block;float: left; margin-top: 0px}

  .header__icon__pool{display:block;}
  .header__icon__pool span{display: inline-block !important;float: left;height: 20px;width: 4px;background: #000; margin-right: 2px; }
  .header__icon__pool span:first-of-type{height:  15px; margin-top: 5px;}
  .header__icon__pool span:last-of-type{height:  10px; margin-top: 10px}
  .header__item--type{margin-bottom: 0px;padding: 0;width: 150px;position: relative;font-size: 12px; text-align: center;background: #5b5145;color:#fff}

  /*tooltip*/
  .tooltip{opacity: 0;visibility: hidden;overflow: hidden;position: absolute;margin-top: 10px;border: solid 1px #ccc;box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
  .tooltip input{background: none;border: none; font-size: 14px; margin: 0; font-weight: bolder;}

  .tooltip > i{color: #fff ;position: absolute; margin-top: -9px; font-size: 26px; margin-left: -13px}
  .tooltip a{text-align: center;display: inline-block;padding: 8px 11px;color: #fff; border-left: solid 1px #fff}
  .tooltip a:first-of-type{border: none}
  .tooltip > span{display: inline-block;}
  .tooltip > span > i{position:absolute;padding: 14px; font-size: 12px}
  .tooltip > span > input{padding: 8px 20px 8px 40px; border-radius: 18px; font-size: 14px; font-weight: normal;}
  .tooltip--quick{width: 300px;display: block;position: absolute;}
  .tooltip--simple{left: 8px;margin-top: -4px;visibility: visible;opacity: 1; background: #eee; padding: 6px 25px; color: #333; box-shadow: none}
  .tooltip--simple > i{top: 0; left: 50%; margin-left: -6.5px; color: #696969 }

  .box--date:hover .tooltip,
  .header__item:hover .tooltip,
  .tooltip.tooltip-focus{opacity: 1;visibility: visible;}

  .tooltip--client .xhr-prop{width: 100%}
  .tooltip--client .select-input-col{left: 0; width: 300px; left: 20px; padding: 0 20px ; background: #fff; box-shadow: 0 0 0 3px rgba(0,0,0,0.3);border-top: none}
  .tooltip--client .xhr-prop table tr{display: grid !important}
  .tooltip--client .xhr-prop table tr td{width: 100% !important}

  .tooltip .tooltip__title{padding: 8px 20px;; font-size: 14px;float: left; width: 100%;text-align:center}

  .tooltip--table{background: #eee; height: 100%;border-radius: 8px}
  .tooltip--table > a {}
  .tooltip--table > a > i{}
  /*ftodadtip client*/
  .tooltip--client{visibility: hidden; opacity:0; width: 500px;top: 0;left:59px;top: 0;background: #fff; border-radius: 8px;}
  .tooltip--client > span{border-radius: 8px 8px 0 0; padding: 0 15px; text-align: center; color: #333;}
  .tooltip--client .tooltip__search{ position: relative;}
  .tooltip--client > a:first-of-type{margin-left: 20px}
  .tooltip--client > a{color: #000; text-transform: none; display: inline-block;}
  .tooltip--client table{text-align: left;font-size: 16px; color: #000;}
  .tooltip--client table.table tr{position: relative;width: auto;margin: 0 20px;display: block;font-size: 12px; border-bottom: solid 1px #ddd}
  .tooltip--client table tr:first-of-type{padding-top:10px;}
  .tooltip--client table tr:last-of-type{border: none; padding-bottom: 10px;}
  .tooltip--client table.table th{font-size: 11px ; text-transform: none;color: #333; font-style: italic; font-weight: lighter; padding-bottom: 0}
  .tooltip--client th,
  .tooltip--client td{display: block;width: 100%; border: 0 !important}
  /*.tooltip--client input{width: 100%; padding: 10px 10px 5px 0px;}*/
  .tooltip--client > table > tbody > tr > td{ font-size: 14px; font-weight: normal;padding: 0}

  .tooltip--client form{padding: 20px}

  .tooltip--client input#customers{position: relative;background: #fff;z-index: 2}
  .tooltip--client .tooltip__search > i{position: absolute;z-index: 3}
  .tooltip--client .select-input-col{width: 110%;top: -10px;left: 0px;max-height: 300px; overflow: auto;border: solid 1px #ddd; border-radius: 8px; background: none;padding: 0;position: absolute;z-index: 1}
  .tooltip--client .select-input-col .xhr-prop{background: #fff;display: inline-block;width: 100%;height: 100%;padding: 0px 20px 20px 20px;margin-top: 45px}
  .tooltip--client input.on-focus{}
  .tooltip--client #close-search-bar {visibility: hidden;}
  .tooltip--client .select-input-col + #close-search-bar{visibility: visible !important;}

  .tooltip--client--text{width: 550px;}
  .tooltip--client--text form{padding: 10px;}
  .tooltip--client--text form textarea{border: none; width: 100%; height: auto; resize: none}
  .tooltip--client--text form input{border-radius: 0;border-bottom: solid 1px #ddd}
  .tooltip--client--text input,
  .tooltip--client--text textarea{padding: 10px;font-weight: normal; font-size: 14px; border: none}
  .tooltip--client > i{left:25%;}
  .tooltip--client--text > i{left:14%;}


  .tooltip--table{top:10%;left: -45px;  margin: 0;display: block; box-shadow: none}
  .tooltip--table i{color: #000;font-size: 18px}


  .tooltip--option{ width: 200px;font-size: 14px;background: #fff; z-index: 2; border-radius: 10px;overflow: hidden;}
  .tooltip--option   .tooltip__title{display:none}
  .tooltip--option li{}
  .tooltip--option a{color: #000;font-size: 14px; font-weight: lighter;display: block;text-align:left;}
  .tooltip--option a:hover{background: rgba(0,0,0,0.1)}
  .show-tooltip.tooltip--option{opacity: 1; visibility: visible; right: 40px; top: -50%;}




  .tooltip--options{opacity: 1;background: #fff;visibility: visible;right: 250px;top: -50%; border-radius: 10px;z-index: 2;}
  .tooltip--options .tooltip__title{display:none}
  .tooltip--options .container--calendar{padding-bottom: 20px}
/*menu------------------------------------------------------------------------*/
  .menu i{font-size: 10px}

  .menu--vertical{box-shadow: 0 5px 10px rgba(0,0,0,0.3);border: solid 1px #212121; position: absolute;right: 10px;border-radius:14px;overflow: hidden;background: #616161;top: 10px;margin: 0; padding: 0;display: block;width: auto; z-index: 2}
  .menu--vertical li > span{color: #fff}
  .menu--vertical li{background: #eee}
  .menu--vertical li:first-of-type > span:first-of-type{position:absolute;padding-left: 15px;}
  .menu--vertical li:first-of-type > span:last-of-type {padding-left: 60px; padding-right: 60px;display: block;}
  .menu--vertical li:first-of-type{background: none}
  .menu--vertical li:last-of-type{border: none}
  .close.menu--vertical{cursor: pointer;box-shadow: 0  1px 4px rgba(0,0,0,0.3)}
  .close.menu--vertical:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
  .close.menu--vertical{border-radius: 20px;}
  .close.menu--vertical li{height: 0;border: none}
  .close.menu--vertical li:first-of-type{height: auto;height: 28px; padding: 5px 0px;}
  .close.menu--vertical li:first-of-type > span:last-of-type > i{display: none}
  body.menu-show .menu--vertical{left: 0;}
  body.menu-show .content  {padding-left: 200px}
  body.menu-show #content-header{margin-left: 200px;}

  .menu--vertical .menu__item{display: block;border-bottom: solid 1px #ddd}
  .menu__user{padding: 10px; border-bottom: solid 1px #ddd;}

  .menu__user span:last-of-type i{font-size: 14px; color: #aaa}
  .menu__user img{width: 90%}

#nav{}
  .nav{padding: 0;margin: 0}
  .nav > li{margin-bottom: 10px;padding: 0px 0; border-radius: 0 20px 20px 0;overflow: hidden;}
  .nav > li > a{font-size: 14px; color: #555; font-weight: normal;padding:8px 15px;padding-left: 0;display: block;}
  .nav > li:hover{color: #000; text-decoration: underline;background: rgba(0,0,0,0.2);}
  .nav > li.open:hover{text-decoration: none}
  .nav > li > a.active{color: #000; text-decoration: underline;}
  .nav > li > a.active:before{position: absolute; content: ">";color: #000;right: 50px}
  .nav > li > a > i{font-size: 18px; margin-right: 20px}
  .nav > li > a > i:last-of-type{float: right; color: rgba(0,0,0,0.3)}
  .nav > li > a:hover{color: #000}
  .nav > li > a:first-of-type:hover{text-decoration: underline;}
  .nav > li > a > i:first-of-type{float: left;color: inherit;}
  .nav > li.open{background: rgba(0,0,0,0.2)}
  .nav > li > a > span{display: block;overflow: hidden !important;text-overflow: ellipsis;white-space: nowrap;}
  .col--aside{padding: 20px 20px 20px 0}
  .col--aside h2,.col--aside > ul > li > a{padding-left: 40px}
  .col--aside > ul > li > a.active{background: #ccc; border-radius: 0 20px 20px 0; text-decoration: none;}

  /*.nav{background: #fff;}

  .nav--vertical{position: absolute; left: -400px;padding: 20px; width: 400px; height: 100%; z-index: 4}
  .nav--vertical.show-nav{left: 0}*/
  ul.nav--vertical {padding: 0; }
  ul.nav--vertical li {list-style: none;padding: 10px 15px}
  ul.nav--vertical li a{color: #333}
  ul.nav--vertical li a span{padding: 0 10px; font-weight: 400;}


.menu--vertical .menu--sub{position: relative;opacity: 1; visibility: visible;}
  ul.menu--sub{opacity: 0; visibility: hidden; position:absolute;background: #fff;margin-top: 3px;padding:0;width: 200px; border: solid 1px #aaa; border-top: dotted 1px #aaa;}
  ul.menu--sub a{padding: 10px 20px}
  li.menu__item:hover ul.menu--sub{visibility: visible;opacity: 1}
  .menu--primary{display: inline-block; margin: 0;padding: 0}
  .menu__item{display: inline-block; position: relative;}
  .menu__item a{padding: 18px 20px; font-size: 12px; color: #000; display: block;}
  .menu__item a:hover::before{content: "";background: rgba(255,255,255,0.1); position: absolute;width: 100%; height: 100%;left: 0;top: 0}
  .menu__item.search{position: relative; margin-right: 20px}
  .menu__item.search i{position: absolute; top: 12px; left: 20px; font-size: 12px}
  .menu__item.search input{background: none;padding: 6px 20px 6px 40px;font-size: 14px; border:solid 1px #fff; border-radius: 16px}
  .menu__item.search input:focus{border: solid 1px #aaa}
  /*.menu__item a i.fa-plus {position:relative; font-size: 15px; font-weight: lighter}*/
  .menu__item--sub{display: block;}
  /*active item menu*/
  .arrow-up{width: 0; height: 0;position: absolute; bottom: -2; left: 50%; margin-left: -10px;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ddd}
  .arrow-up::before{content: "";width: 0; height: 0;position: absolute; left: -10px; top: 2px;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;}

  /*secondary menu*/
  .menu--secondary{padding: 0; margin: 0; border-bottom: solid 1px #ddd; background: #fff !important; max-width: 1200px; margin: 0 auto}
  .content__secondary__menu{width: 100%;padding: 0;position: fixed;background: #fff;border-bottom: solid 1px rgba(120,120,120,0.2); }
  .content__secondary__menu .header__item > a span{padding: 5px 0;font-size: 10px;font-weight: lighter;text-transform: none; font-style: italic;color: #d3672d !important}

  /*search*/
  .card--search{margin-top: 7px;position: absolute !important; left: 10; padding: 0 10px 10px 10px; box-shadow: none !important; background: none !important;}
  .card--search > i{font-size: 12px;position: absolute; margin-left: 15px; margin-top: 15px}
  .card--search > input{padding: 7 15 9 40 !important; background: none; border-radius: 16px; margin-bottom: 0;}

  .card--search > a{visibility: hidden;width: 10%;padding: 10px;display: inline-block;float: right;}

  .background{width: 100%; height: 100%; position: absolute; background: none;;}
  .select-input-col{position: absolute;width: 500px; display: block;z-index: 2}
  .select-input-col i{left: 10px}

  .xhr-prop{padding: 0px; margin-top: 10px}
  .xhr-prop table{max-height: 200px; width: 100%;overflow: auto;display: inline-block; float: left;}
  .xhr-prop .table-1{color: #aaa;}
  .xhr-prop tr{border: 0; display: grid}
  .xhr-prop tr td:first-of-type{border-top: none !important}
  .xhr-prop tr td{border-top: dotted 1px #ddd !important; padding: 5px 0;display: block; width: 100%;text-align: left; cursor: pointer; font-size: 14px}
  .xhr-prop-container{position: relative;}
  .xhr-prop strong{display: block; font-size: 12px; text-transform: uppercase; }
  .xhr-prop > i{color: #bbb; position:relative}
  /*adattamenti popup xhr*/
  .card--search.select-input-col{background: #fff !important;border: solid 1px #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important}
  .card--search.select-input-col input,
  /*.card--search.select-input-col i{position: fixed; }*/
  .card--search.select-input-col input{background: #fff; border: none;border-radius: 0;border-bottom: solid 1px #ddd}
  .card--search.select-input-col .xhr-prop{margin-top: 25px}
.card--search.select-input-col{height: 650px;overflow: scroll;padding-bottom: 50px;}
.card--search.select-input-col > a{visibility: visible;}



/*box special*/
.col__12 .border{width: 400px; margin: 0 auto;margin-top: 5%}
.border{position: relative;border-radius: 20px;border: solid 3px transparent;background: linear-gradient(to right,cyan, lightsteelblue)border-box}
.border > div{border-radius: 20px;overflow: hidden;}


.card--customers
.col--check{background: #fff}
.check--customer{padding: 10px; display: block;text-align: center;}


table tbody{padding-top: 10px; display: block;}
.col--aside table tbody{padding-top: 0;}

table.table--articles{background: #eee}
.col--aside table.table--articles{background: #ccc}
/*content---------------------------------------------------------------------*/
#bg--global{ position: fixed; left: 0; top: 0; width: 100%; height: auto; overflow: hidden;}

#content{position: initial;width: 100%; margin-top: 50px;z-index: 1; padding-top: 25px;background: #696969;}
  /*background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%,rgba(255,255,255,1) 10%,rgba(0,0,0,1) 15%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 30%,rgba(0,0,0,1) 38%,rgba(255,255,255,1) 55%);}
*/
.content--start > .border{width: 500px; margin: 0 auto; margin-top: 10%;border-radius: 20px;border: solid 3px transparent;background: linear-gradient(white, white) padding-box,linear-gradient(to right,cyan, lightsteelblue/*, aquamarine*/) border-box;}
.content--start > div > div { padding: 30px; height: 500px}
.content--start h1{font-size:65px; text-align:center;font-weight:100}
.content--start h3{font-size:18px; text-align:center;}
.content--start p{margin: 100px 0 40px 0;text-align: center;font-size: 18px; font-weight:lighter;}
.content--start ul{width: 44%;margin-right: 30px;}
.content--start ul:last-of-type{margin: 0 !important}

.content{display: inline-block;height: 100%;float: left; position: relative;}
.content--form{background: #ddd !important}
.content--report{border-right: solid 1px #ddd;}
.content--report a.save-report{color: #000; font-size: 40px}
.content--report .col--save{padding: 30px}
.content--setting{background: #eee; padding-right: 20px}
.content--legend{background: #eee}
.content--setting .col__3{height: 350px}
.content--profile{background: #eee}

.content__box{padding: 20px; height: 100%; }
.content--article .le{padding: 20px}
.content__table{padding: 20px 45px; position: relative;background: #fff;height: -webkit-max-content; max-width: 1200px; margin: 0 auto}
.container--content-table{max-width: 1200px; margin: 0 auto ; height: -webkit-max-content}
.content__table--index{ height: 100%; padding: 0;}
.content__table--index > .container--relative{z-index: 2}
/*trend*/
.content__trend{height: 100%; background: #eee; padding: 20px; ; position: fixed;z-index: 2;max-width: 1200px}
.content__trend__month{border-right: dotted 1px #eee; position: relative; height: 85%;position: relative; display: flex !important}
.content__trend__month:last-of-type{}
.type__item{}
.trend__item{display: inline-block ; align-self: flex-end;background: #eee; height: 100%; opacity: 1}
.trend__item__total{ background: rgba(245,245,245,0.3);bottom:50% !important;color: #000; font-size: 1.05em !important;font-weight: lighter !important;left: 0px}
.content__trend__month span{font-size: 12px;display: block; width: 100%; text-align:center;position: absolute;font-weight: bolder;}

.content--order .content__table,
.content--article .content__table,
.content--report .content__table{background: #eee !important}

.trend-type__item{font-weight: 400;font-size: 12px; margin-right: 20px; display: inline-block;text-align: center;}
.trend-type__item > span:first-of-type{border: solid 1px rgba(0,0,0,0);padding: 5px 10px 5px 0; border-radius: 5px;}

.trend-type__item > span.show i{color: #000!important}
.trend-type__item > span{color: #212121}
.trend-type__item > span.accent-type{color: #eee}
.trend-type__item i{font-size: 8px; margin: 10px;}
.bg-none{background: none !important;}
.show.bg-none{background: auto !important}

.boxed{padding: 20px}
.card{background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.4)}
.card.op-60{background: rgba(255,255,255,0.60);}
.card.op-80{background: rgba(255,255,255,0.80);}
.card--setting{margin: 20px 0 20px 20px; padding: 20px;}
.card--setting input{ border-radius: 5px; border: solid 1px #aaa; background: none;}

.card--setting tr th,.card--setting tr td{width: auto !important;}
.card--setting .table [data-name="color"]{position: relative;}
.card--setting .table [data-name="color"] i{position: absolute; right: 80px; font-size: 28px; top: 5px }

.card--trend{position: relative;height: 500px;padding:20px;}
.card--trend__header{padding: 10px 0; border-bottom: solid 1px #eee}

.card--company{padding: 20px; margin-right: 20px}
.card--articles{padding: 20px;}
/*search*/
.card input,.card textarea{padding: 3px 0px;font-size: 16px;border:none; width: 90%;}
.select-trend-month{box-shadow: 0 0 0 1px rgba(0,0,0,0.3)}


.card--customers,.card--privacy,.card--company,.content--report form{position: relative;}
.card--customers label,.card--privacy label,.card--company i,.content--report label{position: relative;font-size: 12px;font-weight: lighter;background: #fff; margin-top: -8px;margin-left: 4px}
.card--customers input,.card--privacy input,.card--company input,.content--report input{ font-size: 14px;margin-top: 0;margin-bottom: 10px; width: 100%; padding: 8px 16px; border: solid 1px #ddd}
.content--profile .card input:focus {border-color: #3df}

.card--customers.tooltip{position:absolute;}
/*index*/
ul.rapid--list{margin: 0;padding:0;overflow: hidden;display: inline-block;background: #fff;border: solid 1px #aaa;border-radius: 50px;}
ul.rapid--list:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.3); background: #fefefe;}

ul.rapid--list:hover .iconic--plus{transform: rotate(90deg);}
ul.rapid--list:hover .iconic--plus > span:last-of-type{/*background: #aaa;*/}

ul.rapid--list > li{display: inline-block; float: left;}
ul.rapid--list > li:last-of-type{padding:16px 15px 2px 2px;width: 45px}
ul.rapid--list > li:first-of-type{padding:2px 8px 2px 2px}
ul.rapid--list.list--select-year > li:first-of-type{padding: 20px;}
/*ul.list--select-category > li:last-of-type{padding:10px}*/

ul.rapid--list > li:last-of-type a{display: inline-block;padding: 5px 20px;}
ul.rapid--list a{color: #000; font-size: 12px;}
ul.rapid--list.show-dropdown{height: auto;border-radius: 10px}
ul.show-dropdown .list--dropdown{margin-top: 10px;height: auto;visibility: visible; padding: 0}
ul.list--dropdown > li{margin-left: -130px;}
ul.list--dropdown > li:first-of-type > a{border-top: solid 1px #ddd}
.list--select-category{position: absolute;top: 0; left: 50%;margin-left: -100px !important;margin-top: 5px !important;background: c}
.list--select-category>li{}
.list--select-year{}
.list--select-year >li,.list--select-type > li{padding: 17px}

.menu--secondary li.item.menu__item{z-index: 2}
ul.list--minstyle{border: none;  border:solid 1px #dde}
ul.list--minstyle li{width: auto !important;padding: 8px !important; margin-left: 0 !important;}
ul.list--minstyle{border-radius: 8px}

.card--customers-premium{padding: 20px;display: inline-block; float: left; margin-right: 10px; box-shadow: none; border:solid 1px #ccc}
.card--customers-premium:last-of-type{margin-right: 0;}
.card--customers-premium li:first-of-type{}
.card--customers-premium a{color: #d3672d; font-size: 10px;letter-spacing: 3;}
/*pl*/
.card--placeholder{margin-top: 20px; background: none;box-shadow: none;padding: 0; border:dotted 3px #999;text-align: center;}
.card--placeholder a {display: block; color: #000; padding: 20px}
.card--placeholder--inner{margin-top: 20px}

.container{width: 100%; height:auto; display: block; z-index: 1}
.container--relative{position: relative;}
.container--fixed{position: fixed;padding: 10px 20px; background: rgba(255,255,255,0.75) }
.container--absolute{position: absolute;}
.container--table{padding: 20 20 20 20; position: relative;padding-bottom:100px;z-index: 1}

.container--home .card:first-of-type{margin-bottom: 20px}

.container > ul{margin-right: 20px !important}

/*legend*/
.card--legend{padding: 20px}
.card--legend input[name="title"]{text-transform: uppercase; }


/*table*/
.table th{text-transform: uppercase; font-size: 12px}
table.table,table.table>tbody>tr,table.table>tbody>tr>td {border-collapse: collapse;}

table th{padding-bottom: 10px;}
.card table th{padding-bottom: 0}
table.table > tbody > th{text-transform: uppercase; font-size: 11px}
table.table > tbody > td{font-size: 14px;}
table.table--orders{position: relative;margin-bottom: 20px;}
table.table--orders > tbody > tr > th:last-of-type,
table.table--orders > tbody > tr > td:last-of-type{text-align:right;}
td[data-name="expire_date"]{}
.check__date{ display: inline-block; font-size: 13px; font-weight: normal;}
.check__date.check__date--expire{color:#894c47}

.table{width: 100%; position: relative}
.table > tbody > tr {width: 100%;transition: all 0.2s linear; -webkit--transition: all 0.2s linear; position: relative;}
.table > tbody > tr > th,
.table > tbody > tr > td{text-align: left;/*width:25%;*/;position:relative !important;}

.table > tbody > tr > td{border-top: dotted 1px #aaa;padding: 12px 15px;/*display: block*/; font-size: 14px}
.table > tbody > tr > td,
.table > tbody > tr > th{padding-left:10px;padding-right:10px}
.table > tbody > tr:last-of-type > td{border-bottom: dotted 1px #ddd;}

.table--orders > tbody > tr:hover{background: rgba(0,0,0,0.15);}
.table--orders > tbody > tr:hover .color-row{transform: scale(1.3); box-shadow: 0 2px 3px rgba(0,0,0,0.8); z-index: 5 !important;border-top: solid 1px rgba(200,200,200,0.2)}

.table--orders tr:hover .tooltip--table{opacity: 1 !important; visibility: visible;}

table.table--prop td > span{float: right;}


.container--home table.table>tbody>tr:first-of-type{background: none}
.container--home table.table>tbody>tr{border: none;position: relative;}
.container--home table.table>tbody>tr > td,.container--home table.table>tbody>tr >th{/*padding: 15px 10px*/}
.container--home .check__date--expire{font-size: 18px}
/*.container--home table.table>tbody>tr:hover td[data-name="total"]::before{position: absolute;top: 0;content: "";right: 0px;width:90%;height: 100%; background:#eee}*/

/*.profile table.table.table--user > tbody > tr th{width: 10% !important}*/

td[data-name=""]{color: #000; font-weight: bolder; text-decoration:underline;position: relative;}
td[data-name="id_order"] > span{text-decoration: inherit;}

.tooltip table.table > tbody td{width: 100%}
/*td[data-name="id_order"]::before{content: '#';}*/

/*Table articles*/
.table--articlesnew tbody > tr > th,.table--articlesnew tbody > tr > td{width: 5%; text-align: center;}
.table--articlesnew tbody > tr > th:first-of-type,.table--articlesnew tbody > tr > td:first-of-type{width: 20%;text-align: left;}
.table--articlesnew tbody > tr > th:last-of-type,.table--articlesnew tbody > tr > td:last-of-type{width: 10%;text-align: inherit;}

table th{border: none !important};

input[name="submit"]{padding: 10px 20px}

.tooltip table.table > tbody td{width: 100%}

a.sent-fast-true{color: #000}
a.sent-fast-false{color:#aaa}

a#sent-fast i{font-weight: bolder}
a#sent-fast.sent-fast-false i{font-weight: lighter;}
a#sent-fast:hover{color: #000}

/*risultati tabelle*/
.table__result{width: 39.5%; border-left: 0; border-right: 0;}
.table__result tr th,
.table__result tr td{text-align: left; padding: 10px 60px 10px 10px; font-weight: bolder}
.table__result tr th{width: 40%;color: #696969; }
.table__result tr th strong{color: #000;}
.table__result tr td{width: 60%; text-align: right;}
.table__result tr td > span{font-size: 1.05em}


.card--border{padding: 15px;background: none; box-shadow: none; border: solid 1px #aaa; border-radius: 20px;margin-bottom: 10px}
.card--border span{float: right;}
.card--border span[data-authorization]{font-weight: bolder;margin-left: 40px; display: inline-block;width: 150px; text-align: right;}

/*calendar*/
.container--calendar{padding:10px 20px 65px 20px;}
.container--calendar span.header-calendar{padding: 10px 0;display: block;text-align: center;}
.container--calendar span.header-calendar a {padding: 0 10px;color: #aaa}
.container--calendar span.header-calendar strong{color: #aaa; width: 150px; display: inline-block;}
.container--calendar span.header-calendar,
.container--calendar .days,
.container--calendar .day,
.container--calendar th{font-size: 12px}
.container--calendar table.calendar td.day{border-collapse: separate;padding: 10px;text-align: center;}
.container--calendar .day.select-day{position: relative;}}
/*form*/
form{}
form input[name="submit"]{text-transform: uppercase;font-weight: bolder; font-size: 14px; letter-spacing: 1px}
form input,table tr input{display: block; width: 100%; padding: 12px 14px; border: solid 1px #ddd;}
form input:first-of-type,table tr:first-of-type input{border-radius: 8px 8px 0 0}
form input:last-of-type,table tr:last-of-type input{border-radius: 0 0 8px 8px}
form input.submit:hover{box-shadow: 0 0 0 2px #6ea7a7}

form input[name="amount"]{background: none; font-size: 24px; text-align: right;}
textarea{}
label{}

textarea:focus,
input:focus,
td:focus,
div:focus{outline: none;}

input[type="radio"]{width: 20px !important; display: inline-block;}
label[data-name="radio"]{position: relative;margin-right: 10px;}


/*profile*/
#form-media input[name="submit"]{width: 100%}
.image--profile img{padding: 20px; border: solid 1px #616161}


/*return action*/
.tab--return{position: absolute; padding: 10px; width: 150px; ; width: 160px; background: #696969; color: #fff; border: solid 1px #ddd; border-top: none; margin-top: 0; left: 0; top: 100%; border-radius: 0px 0px 8px 8px}
.tab--return span{float: left;}
.tab--return a.return-action{float: right; color: #fff; font-weight: bolder; font-size: 10px;opacity: 1; position: relative;}

/*aside-----------------------------------------------------------------------*/
#aside{}
.aside{top: 0; padding-top: 50px}
.aside--nav{display: inline-block;position: fixed;height: 100%;width: 150px;float: left;background: #fff;border-right: solid 1px #ddd }


/*footer----------------------------------------------------------------------*/
#footer{}
footer{}
/*-------------------------------END LAYOUT-----------------------------------*/

/*animation*/
/*.time{transition: all 5s linear; -webkit--transition: all 5s linear;}*/
.anm{transition: all 0.2s linear; -webkit--transition: all 0.2s linear;}
.anm--fast{transition: all 0.1s linear; -webkit--transition: all 0.1s linear;}
.rotate--90{transform: rotate(-90deg)}
/*col/row*/
.col--last{padding-left: 20px;}
.col,
.col__1,.col__2,.col__3,.col__4,.col__5,.col__6,.col__7,.col__8,.col__9,.col__10,.col__11{display: inline-block;float: left; position: relative;z-index: 1}
.col__1{width:8.33%;}
.col__2{width:16.66%;}
.col__3,.show-left .col__3.order--menu-setting{width: 25%; max-width: 450px}
.col__4{width: 33.33%;}
.col__5{width: 41.66%}
.col__6{width: 50%;}
.col__7{width: 58.33%;}
.col__8{width: 66.66%;}
.col__9,.show-left .col__9.content__tabs{width: 75%;max-width: 1650;left: 25%;margin: 0 auto;}
.col__10{width: 83.33%}
.col__12{width: 100%; display: block;}
.row{margin: 20px 0;}




/*CORREZZIONI BUG*/
/*sfarfallio con menu principale*/
/*.content,.container{z-index: 2}*/
tr[data-id]{cursor: pointer;}
tr[data-id]:hover{background: rgba(0, 0, 0, 0.1);}

table th {color: #333 !important}
[data-name="margin"]{color: green}
td[data-name="type"],th[data-name="type"]{width: 70px }
[data-name="total"],
[data-name="cost"],
[data-name="price"]{width: 120px; text-align: right !important;}

[data-name="id_order"]{width: 130px !important}
[data-name="customer_subject"]{width: 500px !important position: inherit;padding-right: 0 !important}
[data-name="customer_subject"] > span{display: block;width:500px;overflow: hidden !important;text-overflow: ellipsis;white-space: nowrap;}
[data-name="customer_name"]{width: 280px !important;cursor: pointer;color: #999;}
[data-name="customer_name"]:hover{color: #696969; text-decoration: underline;}
td[data-name="total"], .table__result td, .trend__item__total{letter-spacing: 2px;font-weight: normal;font-size: 1em}
[data-name="pdf"] a{color: #000; font-size: 10px; font-weight: bolder;}
[data-name="pdf"],[data-name="download"]{position: absolute !important;}
td[data-name="outgo"]{text-align: right !important;}
[data-name="societa"]{width: 200px}
[data-name="email"]{width: 280px}
[data-name="adress"]{width: 300px}
[data-name="cap"]{width: 100px}
[data-name="expired_order"]{width: 100px}
[data-name="date"]{width: 180px}
[data-name="expire_date"]{max-width: 150px; min-width: 50px}

tr[data-status="paid"]{background: rgba(40,130,40,0.3)!important}
tr[data-status="unpaid"]{background: rgba(130,186,200,0.3)!important}
tr[data-status="expired-unpaid"]{background: rgba(180,120,100,0.3)!important}

[data-name="expired_order"] > span{margin-left: 10px}


/*----------------------------------EXTENSION---------------------------------*/

/*correction*/
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*inner padding*/
*,
*:before,
*:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}