*{
    box-sizing: border-box;
}
.btn-login{
    transition: all 0.5s ease-in-out;
}
.btn{
    transition: all 0.3s ease-in-out;
}
body
{
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #333333;
    overflow-y: scroll;
    overflow-x: hidden;
}
html.login {
    background: url(../img/bg-login.png) no-repeat center center fixed;
    background-size: cover;
}

a, a:hover {
    color:#000;
    text-decoration:none;
}
img {
    border: 0;
}
* {
    outline: none;
}

li {list-style-type: none;}

#product_link:hover{text-decoration: underline;}

/*.form-control[readonly]{
  background-color:transparent;
  border: 0;
  box-shadow: none;
  font-size: 1em;
}*/

.clear {
    margin: 0px;
    padding: 0px;
    font-size: 1px;
    line-height:0px;
    clear: both;
}
.sx {
    float: left;
}
.dx {
    float: right;
}
.bold {
    font-weight:bold;
}

form {
    margin: 0;
    padding: 0;
}

.hl_admin {
    color: #EF4040;
    font-weight: bold;
}

.hl_admin_back {
    background: #EF4040;
}

.hl_superadmin {
    color: #271CFF;
    font-weight: bold;
}

.hl_superadmin_back {
    background: #271CFF;
}
.hl_accredited_back {
    background: black;
}
.hl_accredited_green {
    background: #4cae4c;
}
.hl_user {
    background: #acacac;
}

.lgroup {
    padding: 0;
    margin: 0;
    list-style: none;
}

.lgroup li{
}

.lgroup li span{
    cursor: pointer;
}

.lgroup li.highlight {
    background: #DFE6EC;
}

/*** Layout ***/
.strHeader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 25px;
    width: 100%;
    background: #727272;
}

.inner{
    width: 980px;
    margin: auto;
    height: 21px;
    padding-top: 4px;
}

.strSx {
    float: left;
    width: 140px;
    color: #fff;
    padding-left: 9px;
}
.strSx a{
    color: #fff;
}

.strDx {
    float: right;
}

.main {
    position: relative;
    margin: auto;
    z-index: 2;
    width:100%;
    height: 100%;
}
.strSx a:hover, .strDx a:hover{
    /*text-decoration: underline;*/
}
.strDx a.current{
    font-weight: bold;
    text-decoration: underline;
}
#mainContent{
    margin: 70px 0px 0 240px;
    width: auto;
    padding-bottom: 40px;
}
#mainContent.open{margin-left: 50px; }
.sidebar-menu.open{width: 50px; padding: 90px 5px;}
.sidebar-menu.open .topDx span{display: none; position: absolute; top: 0px; left: 30px; height: 31px; background: #e3e3e3; min-width: 200px; padding: 7px 10px; text-align: left; line-height: 120%; margin-bottom: 10px; color: #333; border-left: 0px solid transparent; border-radius: 0 3px 3px 0; z-index: 3;}
.sidebar-menu.open .topDx .selB> span{background: #d10509; color: #fff;}
.sidebar-menu.open .topDx li:hover span{ display: block; }
.sidebar-menu.open .topDx ul li a{text-align: center; position: relative; height: 31px;}
.sidebar-menu.open .topDx ul li a img{margin-right: 0px; width: 16px;}
.menuToggle{position: absolute; left: 0px; top: 0; font-size: 25px; cursor: pointer; color: #383838; height: 70px; border-right: 1px solid #d3d7db; padding-top: 22px; width: 50px;}

.table-options{list-style: none; margin: 0px; padding: 0px;}
.table-options li {display: inline-block; border-right: 1px solid #eee; font-size: 12px; color: #333;}
.table-options li a{display: block; padding: 12px 15px; color: #333;}
.table-options li a:hover{text-decoration: underline;}
.ckbox{padding: 12px 15px 12px 0;}
.btn-group{float: left; margin: 0 30px 25px 0;}
.filter-table{float: left;}
.filter-table .form-inline select.form-control{min-width: 200px;}
.table-striped tr:hover td{background: #e8e8e8 !important;}
.table-striped .act{cursor: pointer;}
.btn-group>.btn, .btn-group-vertical>.btn {position: relative; float: left; padding: 7px 14px; font-size: 18px;}
.btn-group>.btn:hover{background: #e4e7ea; color: #333;}
.btn-white {background: #fff; border: 1px solid #ccc; color: #666;}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {margin-left: -1px; border-radius: 0px;}
.btn-group>.btn:last-child {border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important;}
.btn-group>.btn:nth-child(2), .btn-group>.btn:first-child {margin-left: 0; border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

#btn_filtra{margin-left: 10px;}

/************ RIVEMO ************/
.rvm_dashboard { width: 100%; }
.rvm_notify { display: inline-block; vertical-align: middle; margin-left: 5px; width: 18px; height: 18px; border-radius: 50%; background: #c00; color: #fff; font-size: 0.7em; line-height: 2em; font-style: normal; }
.rvm_top { width: 100%; background: #1f9dd9; color: #fff; padding: 20px 0; text-align: center; font-size:2em; font-weight: bold; }
.rvm_nav { width: 100%; padding: 5px; display: flex }
.rvm_nav .a_cont { width: 25%; display: flex; }
.rvm_nav a { display: flex; width: 100%;  padding: 10px 0; margin: 5px; background: #ccc; color: #333; justify-content: center; text-align: center; font-weight: bold; }
.rvm_nav a:hover { background: #eee; color: #333; }
.rvm_nav a.active { background: #fbca00; color: #333; }
.rvm_nav span { display: inline-block; vertical-align: middle;  }
.rvm_body { width: 100%; padding: 0 10px 10px; font-size: 1em; }
.rvm_orders { width: 100%; }
.rvm_orders.driver { width: 60%; float: left }
.rvm_map_cont { width: 40%; float: right; padding-left: 10px; }
.rvm_map { width: 100%; background: #eee; min-height: 300px; }
.rvm_orders_row { width: 100%; display: flex; background: #eee; border:1px solid #ccc; margin-bottom: 10px; }
.rvm_orders_cell { padding: 15px; border-right:1px solid #ccc; display: flex; position: relative; }
.rvm_orders_cell.c1 { width: 5%; }
.rvm_orders_cell.c2 { width: 20%; padding-left: 30px; }
.rvm_orders_cell.c3 { width: 30%; }
.rvm_orders_cell.c4 { width: 20%; }
.rvm_orders_cell.c5 { width: 30%; }
.rvm_orders_cell.c6 { width: 15%; }
.rvm_orders_cell.c7 { width: 20%; }
.rvm_orders_cell.c8 { width: 35%; }
.rvm_orders_cell.c9 { width: 25%; }
.rvm_orders_cell.c10 { width: 35%; }
.rvm_orders_cell.c11 { width: 10%; }
.rvm_orders_cell.c12 { width: 30%; }
.rvm_orders_cell:last-child { border-right:0px; }
.rvm_orders_cell span { display: inline-block; }
.rvm_orders_cell_cont { width:100%; }
.rvm_caution { font-weight: bold; font-size: 3em; color: #c00; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); }
.fl { float:left; display: inline-block;}
.fr { float:right; display: inline-block;}
.rvm_button { display: inline-block; vertical-align: middle; margin:2px 0 2px 10px; padding: 5px 10px; font-weight: bold; font-size: 1em; color: #fff; cursor: pointer; }
.rvm_button.rvm_back { font-size: 0.8em; margin: 0; }
.rvm_button.rvm_green { background: #19ae0e; }
.rvm_button.rvm_green:hover { background: #41cb36; }
.rvm_button.rvm_gray { background: #666; color: #fff; }
.rvm_button.rvm_gray:hover { background: #999; color: #fff; }
.rvm_button.rvm_blue { background: #1152a2; color: #fff; }
.rvm_button.rvm_blue:hover { background: #1d67c2; color: #fff; }
.rvm_button.rvm_red { background: #c00; color: #fff; }
.rvm_button.rvm_red:hover { background: #de3210; color: #fff; }
.rvm_green_text { color: #19ae0e; }
.rvm_yellow_text { color: #ff9c00; }
.rvm_red_text { color: #c00; }

.rvm_header_orari { width: 90%; margin-left: 10%; display: flex; border:1px solid #ccc; border-bottom:0px; }
.rvm_day { padding: 10px; text-align: center; }
.rvm_day.d1 { width: 60%; font-weight: bold; background: #eee; border-right:1px solid #ccc; }
.rvm_day.d2 { width: 20%; background: #eee; border-right:1px solid #ccc; }
.rvm_day:last-child { border-right:0px; }
.rvm_orari_row { width: 100%; display: flex; border:1px solid #ccc; border-bottom:0px; cursor: pointer; }
.rvm_orari_row:last-child { border-bottom:1px solid #ccc; }
.rvm_hour_cell { padding: 10px;  border-right:1px solid #ccc; position: relative; }
.rvm_hour { font-weight: bold; background: #eee; width: 10%; display: flex; }
.rvm_hour span { align-self: center; display: block; text-align: center; width: 100%; }
.rvm_first_day { width: 54%; padding-left: 30px; }
.rvm_other_day { width: 18%; }
.rvm_hour_cell:last-child { border-right:0px; }
.rvm_hour_cell .clearfix { width: 80% }
.rvm_type { float: left; width: 33%; }
.rvm_num_ordini { float: left; width: 33%; }
.rvm_residuo { float: left; width: 34%; }

.rvm_fascia_oraria { width: 100%; padding: 20px 0 30px; }
.rvm_dett_fascia_ordini { width: 100%; margin:5px 0;  }
.rvm_dett_fascia_ordini .rvm_type { display: inline-block; float: none; width: 110px; vertical-align: middle;  }
.rvm_dett_fascia_ordini .rvm_num_ordini { display: inline-block; float: none; width: 110px; vertical-align: middle;  }
.rvm_dett_fascia_ordini .rvm_residuo { display: inline-block; float: none; width: 110px; vertical-align: middle;  }

/************ INIZIO CONTENT ************/
.pagePadding{padding: 0px;}
.content {
    width:980px;
    background: #ececec;
}
.center {
}
.sidebar-menu{
    background-color: #383838;
    width: 240px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    padding: 90px 15px;
}
.content .center{
    width:957px;
    border:1px solid #c3c3c3;
    /*background:#fff;*/
    padding-bottom: 15px;
}
.center .separatore{
    width:3px;
    display: none;
    float:left;
    background:url(../img/bg-separatore.png) repeat-y;
}
.content2colonne{
    background-color: #fff !important;
}
.bg_grey{
    /*background-color: #a8a8a8;*/
}
.content .center .colDx{
    width:735px;
    float:left;
}
#box_app{
    /*background-color: #F9F9F9;*/
}
.center .intestazione{
    padding: 10px 15px 7px;
    text-transform: uppercase;
    margin: 0 0px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: 600;
}
.cercaFunz {
    /*padding: 10px 7px 0px;*/
}
.content_nomi select{
    overflow: auto;
}

.body-padding-big {
    padding:30px;
    margin: 3px 0 0;
    background-color: #fff;
    border-radius: 0px;
    /*box-shadow:0 3px 0 rgba(12,12,12,0.03);*/
}

ul.list {
    margin:0;
    padding:0;
    list-style:none;
    border-top: none;
    border-bottom: 1px solid #ccc;

}

ul.list>li {
    margin-bottom: 0px;
    border: 1px solid #ccc;
    border-bottom: none;
}

ul.list>li>a.tit{
    padding:10px 15px 7px;
    text-transform: uppercase;
    margin: 0 0px;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    display:block;
    /*background: url(../img/bg-voci.png) repeat-x scroll 0 0 #EEEEEE;*/
    font-size: 16px;
    color: #666;
    font-weight: 600;
    /*text-shadow: #FFF 0px 1px 1px;*/
}
ul.list>li>a.tit.openLi{
    background: url(../img/bg-voci.png) repeat-x scroll 0 bottom #EEEEEE;
}
ul.accordion>li.open a{
    /*background: url(../img/bg-voci.png) repeat-x scroll 0 bottom #EEEEEE;*/
}

ul.list>li.open>a.tit {
    /*border-bottom: 1px solid #c3c3c3;*/
}

.i_info {
    background-image:url(../img/icons/info.gif) !important;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    display: inline-block;
}

ul.listOrizzontale{
    padding: 0;
    margin: 0;
    list-style:none;
}

ul.listOrizzontale li {
    float: left;
    padding-right:0px;
}


.titForm {
    padding:0px 10px 10px;
    display:block;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    margin-bottom: 20px;
    color: #313f52;
}
.contForm {
    /*border: 1px solid #ccc;*/
    /*background: url(../img/bg-contForm.png);*/
}

.date-publish .form-group{margin: 0 4px 0 0 !important;}

/* drag & drop */
.sortHand {height: 16px; width: 16px; background: url(../img/icons/move.png) center bottom; margin: auto; cursor: pointer;}

/* stili */
.underline {text-decoration: underline;}
.disactive {opacity: 0.5}
.active {opacity: 1}

/* gestione pagine */
a.tplSelect {margin-bottom: 15px; display: block; border: 1px solid #ccc; width: 155px; padding: 10px 0px; float: left; text-align: center; background: #fafafa}
a.tplSelect:hover, .tplQui {background: #CED4D9; border: 1px solid #CED4D9;}
.o15px {width: 15px; float: left;}

.form-inline div{padding-bottom: 5px;}


/************ SITE TREE ********************/
ul.siteTreeList{padding: 0px; margin: 0px;}
ul.siteTreeList li .subMenu {padding: 5px 0 5px 5px; display: block; color: #c00; font-weight: bold; background: #ddd;}

ul.siteTreeListCat{padding: 5px; margin: 0px;}
ul.siteTreeListCat li {padding-top: 5px;}
ul.siteTreeListCat li .subMenu, ul.siteTreeListCat li .subMenu a  { color: #C00; font-style: italic; }
ul.siteTreeListCat li a:hover.selMenuItem {font-weight: bold;}
.catSelect, .pagSelect {display: none; padding: 2px; height: 150px; background: #fff; width: 200px; overflow: auto; border: 1px solid #CCC; border-top: none; position: absolute; z-index: 10;}

/************ TABELLE ************/
.table thead > tr > th {
    border: 1px solid #eee;
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #444;
    text-align: left;
    border-bottom: none;
}
.table tbody > tr > td{border: 1px solid #eee; padding: 10px; vertical-align: middle;}
table.dataTable thead > tr > th.sorting{padding-right: 18px;}
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting:after, table.dataTable thead .sorting_desc:after{bottom: 13px !important;}
table.dataTable thead > tr > th{text-align: center;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {background-color: #f9f9f9;}
.bottom-tab{padding-top: 10px;}
table.dataTable.no-footer{border-bottom: 1px solid #eee;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border: 1px solid #ddd; padding: 6px 12px; margin-right: 5px; cursor: pointer; color: #636E7B; line-height: 21px; float: left; position: relative; background: #fff;
                                                          display: inline-block; border-radius: 3px; margin-bottom: 5px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.active{background: #d10509; border-color:#d10509;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{border: 1px solid #ddd; color: #333; opacity: 0.5;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{border: 1px solid #ddd;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover a{color: #333; cursor: default !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.active a{color: #fff;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #d10509; border-color:#d10509;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover a{color: #fff;}
table.dataTable a{font-weight: bold;}
table.dataTable a:hover{/*color: #d20000;*/ text-decoration: underline;}
.textcell { max-width: 100px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.lowcell { width: 0.1px; }


/************ NESTABLE FILE MANAGER ************/
body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

ol.dd-list li.placeholder {
    position: relative;
    /** More li styles **/
}
ol.dd-list li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

.dd,.dd-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (max-width:767px) {
    .wizard-row .fuelux {
        position: static;
    }
}

.dd,.dd-list {
    position: relative;
    display: block;
}

.dd {
    max-width: 600px;
    font-size: 13px;
    line-height: 20px;
}

.dd-list .dd-item .dd-handle,.dd-list .dd3-item .dd-handle {
    cursor: default;
    display: block;
    margin: 5px 0;
    padding: 7px 10px;
    text-decoration: none;
    border: 1px solid #dedede;
    background: #fff;
}

.dd-list .dd-item .dd-handle:hover,.dd-list .dd3-item .dd-handle:hover {
    color: #fff;
    background: #ef6262;
    border-color: #ef6262;
}

.dd-list .dd-item>button,.dd-list .dd3-item>button {
    font-family: FontAwesome;
    /*display: block;*/
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 8px 2px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    font-size: 10px;
    line-height: 1;
    text-align: center;
}

.dd-list .dd-item>button:before,.dd-list .dd3-item>button:before {
    content: '\f067';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}

.dd-list .dd-item>button[data-action=collapse]:before,.dd-list .dd3-item>button[data-action=collapse]:before {
    content: '\f068';
}

.dd-list .dd-item .dd3-content,.dd-list .dd3-item .dd3-content {
    display: block;
    margin: 5px 0;
    padding: 7px 10px 7px 40px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #dedede;
}

.dd-list .dd-item .dd3-content:hover,.dd-list .dd3-item .dd3-content:hover {
    background: #fff;
}

.dd-list .dd-item .dd3-handle,.dd-list .dd3-item .dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: all-scroll;
    width: 34px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #ef6262;
    background: #ef6262;
    height: 36px;
}

.dd-list .dd-item .dd3-handle:before,.dd-list .dd3-item .dd3-handle:before {
    content: '=';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.dd-list .dd-item .dd3-handle:hover,.dd-list .dd3-item .dd3-handle:hover {
    background: #f17979;
    border-color: #f17979;
}

.dd-list .dd3-item>button {
    margin-left: 35px;
}

.dd-list .dd-empty,.dd-list .dd-item,.dd-list .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-list .dd-empty,.dd-list .dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #FFF;
    border: 1px dashed #b3b3b3;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-list .dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
    background-size: 60px 60px;
    background-position: 0 0,30px 30px;
}

.dd-list .dd-collapsed .dd-list {
    display: none;
}

.dd-list.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

.dd-list.dd-dragel>.dd-item .dd-handle {
    margin-top: 0;
}

.dd-list.dd-dragel .dd-handle,.dd-list.dd-dragel .dd3-handle {
    box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

.dd-list .dd-list {
    padding-left: 30px;
}
/************ NESTABLE FILE MANAGER ************/




/************ CONTENT CON I TAB ************/
.contentTab {
    width:100%;
    padding:0px;
    position: relative;
}
.contentTab .center{
    width:100%;
    /*border:1px solid #dedede;
    -moz-box-shadow: 0px 0px 5px #dedede;
    -webkit-box-shadow: 0px 0px 5px #dedede;
    background-color:#fff;
    box-shadow: 0px 0px 5px #dedede;*/
    border-top:0px;
    margin:auto;
}
.colSx{
    overflow: hidden;
}
.center .colSx{
    width:25%;
    float:left;
}
.contentTab .center .colDx{
    width:75%;
    float:right;
}
.colSx .intestazione, .colDx .intestazione{
    font-size:14px;
    font-family: Arial;
    font-weight:bold;
    padding-top:5px;
    padding-left:9px;
    height:23px;
    background: url(../img/bg-voci.png) repeat-x;
    border-top:none;
    border:1px solid #c9c9c9;
    border-bottom:1px solid #c9c9c9;
}
.center .albero{
    padding:10px 10px 10px 4px;
    /*background:url(../img/bg-accordion.png) 0 0 repeat-y;*/
    overflow: auto;
}
.center .alberoTab {
    padding-top:10px;
    background:#717171 url(../img/bg-alberotab.png) left bottom repeat-x;
}
.alberoTab ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width:207px;
    margin:auto;
}

.alberoTab ul li{
    display:block;
    float: left;
    width: 69px;
    height:20px;
    text-align:center;
}

.alberoTab ul li a {
    color: #fff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    text-decoration: none;
    display: block;
    padding-top: 2px;
    width:69px;
    height:17px;
    background-color:#717171;
    border-top:1px solid #717171;
    background-image:url(../img/bg-alberotab.png) ;
    background-position:left bottom;
    background-repeat: repeat-x;
}

.alberoTab ul li a:hover, .alberoTab ul li a.sel {
    background-color:#fff;
    height:17px;
    width:67px;
    border-top:1px solid #c9c9c9;
    border-right:1px solid #c9c9c9;
    border-left:1px solid #c9c9c9;
    background-image:none;
    color: #000000;
}

/************ FINE CONTENT ************/

.tab  {
    width:976px;
    margin: auto;
}
.tab ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    height:19px;
    /*background:url(../img/bordo-tab.png) left bottom repeat-x;*/
}

.tab ul li{
    display:block;
    float: left;
    width: 137px;
    height:19px;
}

.tab ul li a {
    color: #fff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration: none;
    display: block;
    padding-top: 3px;
    padding-left:15px;
    width:122px;
    height:16px;
    background-image: url(../img/bg-tab.png);
    background-position:left top;
    background-repeat:repeat;
}

.tab ul li a:hover, .tab ul li a.sel {
    background-image: url(../img/bg-tab.png);
    background-position:left bottom;
    background-repeat:repeat;
    color: #000000;
}

.top {
    /*background:#ececec url(../img/ombra-top.png) 0 bottom repeat-x;
    height: 75px;
    width: 959px;
    margin-top:5px;
    padding-top:8px;*/
}
.logo_adm{
    float: left;
    width: 240px;
    height: 70px;
    position: relative;
    padding-top: 17px;
    padding-left: 40px;
    /*background: url(../img/ombra-top.png) 0 bottom repeat-x #ececec;*/
    text-align: center;
}
.logo_adm img{margin-left: 20px;}
.topSx {
    width: 150px;
    height: 68px;
    float: left;
    text-align:center;
}

#topADM{
    position: fixed;
    top: 0px; width: 100%;
    left: 0px; height: 70px;
    background-color: #fff;
    z-index: 999;
    border-bottom: 1px solid #eee;
}

.topDx {
    width: 100%;
    /*border-top:1px solid #eee;*/
}
.sidebar-menu:before{
    content: "";
    position: fixed;
    z-index: -1;
    width: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: inherit;
}
.topDx ul{
    margin: 0px;
    padding: 0px;
}
.topDx ul li{
    width: 100%; text-align: center;
    margin-bottom: 10px;
}
.btn_gestione{
    background: url(../img/sep-gestione.png) 0 3px no-repeat;
}
.topDx ul li a{
    display: block;
    position: relative;
    width: 100%;
    padding: 7px 10px;
    text-align: left;
    line-height: 120%;
    color: #9da2ae;
    border-left: 0px solid transparent;
    border-radius: 3px;
}
.topDx ul li a img{
    display: inline; margin: 0 10px 0 0; width: 15px;
}
.topDx .default{}
.topDx .hover{display: none;}
.topDx ul li a:hover, .topDx ul li a.selB{
    background-color: #f5f5f5;
    z-index: 3;
    color: #1d2939;
}
.topDx ul li a.selB{
    border-left:none;
    background:#d10509; color: #fff;
    /*background: #fff;
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    box-shadow: 0px 0px 5px #888;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
    z-index: 3;
}

.topBar {
    width: 100%;
    height: 29px;
    border-bottom: 1px solid #7c7b79;
    background: #33393c;
}

.nameSite {
    float: left;
    font-size: 12px;
    padding: 0px 0 0 10px;
}

.welcome {
    float: right;
    height: 70px; line-height: 70px;
    padding-right: 20px;
    color: #333;
    font-size: 16px;
}

.welcome a {
    color: #333;
    text-decoration: none;
}
.welcome .sep{
    padding: 0 10px;
}
.welcome img{
    padding-left: 5px;
}
.topMenu ul {
    list-style: none;
    margin: 9px 10px 0 0px;
    padding: 0;
}

.topMenu ul li{
    display:block;
    float: left;
    padding: 0px 6px;
    width:130px;
    background:url(../img/bg-li.png) right 6px no-repeat;
}

.topMenu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 18px;
    padding: 4px 8px 0;
}

.topMenu ul li a:hover, .topMenu ul li a.sel, .topMenu ul li a.selB {
    background: url(../img/sfTopMenuSel.gif) repeat-x;
    color: #000000;
}

.topDown {
    width:1000px;
    background:url(../img/bordo.png) right top no-repeat;
}

.topDown ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.topDown ul li{
    display:block;
    float: left;
    width: 198px;
    padding-left:2px;
    height:32px;
    text-align:center;
    background:url(../img/bordo.png) no-repeat;
}

.topDown ul li a {
    color: #000;
    width:198px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
    display: block;
    padding-top: 6px;
    height:26px;
}

.topDown ul li a:hover  {
    background: url(../img/bg-menu2.png) 2px 0px repeat-x;
    color: #000000;
}
.topDown ul li a.sel,
.topDown ul li a.selB {
    background: url(../img/bg-menu.png) 2px 0px repeat-x;
    color: #000000;
}

.modality {
    float: right;
    padding-top:3px;
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 27px;
    width: 100%;
    z-index: 3;
    background: #727272;
    font-family: Verdana;
    color: #fff;
    font-size: 10px;
    display: none;
}
.footer div{
    width:980px;
    margin:auto;
}
.footer .sx{
    width: 450px;
    float: left;
    padding: 6px 8px 6px 0;
}
.footer .dx{
    width: 200px;
    padding: 6px 8px 6px 0;
    float: right;
}

/************ INIZIO FINESTA LOGIN **************/
.inp-login{background-color: transparent !important; border:0px; border-radius: 0px; box-shadow:none;}
.btn-default{background: #d10509; color: #fff; border-color: #d10509; border-radius: 3px; margin-left: 5px;}
.rowButtons .btn-default{margin-left: 0px;}
.btn-default i{font-size: 19px; vertical-align: middle;}
.btn-default:hover{background: #a30e15; color: #fff; border-color: #a30e15;}
.brd-bottom-login{border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.btn-login{background-color:#d10509; color: #fff; font-size: 18px; height: auto; border: 0px;}
.btn-login:hover{background-color: #941774; color: #fff;}

.no-gutter{margin: 0;}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.icon-login{font-size: 25px; padding-top: 5px;}
#mdLogin {
    width: 400px;
    margin-left: -200px;
    margin-top: -180px;
    top: 50%;
    left: 50%;
    position: absolute;
}

#logoLogin {
    width: 390px;
    margin: 0px auto;
    text-align: center;
    padding-top:10px;
    padding-bottom: 20px;
}

#mdLoginBody  {
    /*border: 1px solid #c3c3c3;*/
    border-top: 0px;
    background: transparent;
    height: auto;
}

.logoLoginField {
    width: 304px;
    margin:0px auto;
    height: 30px
}

#logoLogin img{
    border-style: none;
}

.logoLoginField  label {
    font-weight: bold;
    width: 70px;
    display:inline;
    float:left;
    text-align:right;
    padding-right: 20px;
    height: 10px;
    padding-top:4px;
}

.logoLoginField input {
    width: 166px;
    font-size: 12px;
    height: 18px;
    background: url('../img/bg-inputTxt.png') 0 0 repeat-x #f1f3f5;
    border: 1px solid #acacac;
}

#mdLoginBodyBtn {
    width:253px;
    text-align: right;
    clear: both;
    margin:0px auto;
    padding:5px 35px 15px 0;
}

#mdLoginHead  {
    background: url(../img/bg-voci.png) 0px 0px repeat-x #e0e1e0;
    color: #313f52;
    height: 19px;
    padding: 6px 3px 3px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    text-shadow: #FFF 0px 1px 1px;
}

/************ FINE FINESTRA LOGIN **************/


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/************ INIZIO FINESTRA MODALE ************/
.mdBox {
    /*max-width: 980px;*/
    min-width: 600px;
    max-width: 600px;
    background-color: #fff;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    border-radius: 10px;
    overflow: hidden;
}
.mdMenu {
    background: #fff;
    color: #333;
    padding: 7px 10px;
    font-size: 16px;
    text-shadow: #FFF 0px 1px 1px;
    position: relative;
    cursor: move;
}
.mdTitle{
    font-weight: bold;
}
.mdBody {
    padding: 3px;
    background: #ffffff;
    border-top: 0px;
    font-weight: normal;
    min-height: 80px;
    overflow: auto;
    width: auto;
}
.image-modal-window{
    padding: 10px 0 15px; text-align: center;
}
.image-modal-window img{
    max-height: 70px;
}
.bottom-modal-window{
    border-top: 1px solid #c3c3c3;
    padding: 20px 0;
    text-align: right;
}
.bottom-modal-window input{
    min-width: 80px;
}
.tit-modal-window{
    color: #999;
    font-weight: 300;
    padding: 0 0 10px; text-align: center; font-size: 19px; line-height: 120%;
}
.text-modal-window{
    color: #999;
    padding: 0 10px 40px; text-align: center; font-size: 14px; line-height: 120%;
}
.mdBody ul {
    padding: 0 0 0 20px;
}
.mdBody ul li {
    list-style-type: square;
}
.mdClose {
    display: block;
    width: 15px;
    height: 15px;
    color: #000;
    position: absolute;
    right: 6px;
    top: 9px;
}
.mdClose:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    color: #ccc;
    position: absolute;
    right: 5px;
    top: 0px;
}
.mdClose:hover:before {
    color: #b00;
}
/************ FINE FINESTRA MODALE ************/

#dropdown a:hover {
    text-decoration: none;
}

#dropdown, #dropdown ul {
    list-style: none;
}


#dropdown li.headlink {
    width: 120px;
    float: left;
    margin-left: -1px;
    border-left:1px solid #c9c9c9;
    border-right:1px solid #c9c9c9;
    text-align: center;
    overflow: visible;
}

#dropdown li.headlink a {
    display: block;
    height:19px;
    padding: 6px 8px 0;
    background: url("../img/tabs/tabs-sprite.gif") repeat scroll 0 -152px transparent;
}

#dropdown li.headlink a:hover {
    background-position: 0px -203px;
}

#dropdown li.headlink ul {
    position:absolute;
    display: none;
    text-align: left;
    width:150px;
    margin-left: -1px;
    border-bottom:  1px solid #c9c9c9;
    border-right:   1px solid #c9c9c9;
    border-top:     1px solid #c9c9c9;
    border-left:    1px solid #c9c9c9;
}

#dropdown li.headlink:hover ul {
    display: block;
}

#dropdown li.headlink ul li a {
    padding: 6px;
    height: 17px;
    background: #ffffff;
}

#dropdown li.headlink ul li a:hover {
    background: #DFE8F6;
}

.dropdownbar {
    height: 25px;
    background: url(../img/toolbar/bg.png);
    border-bottom: 1px solid #c9c9c9;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.fl_sx {
    float: left;
}

.fl_dx {
    float: right
}

.sw-ln {
    display:none;
}

/**** LAYOUT ****/
.container {
    position: relative;
    height: auto !important;
    min-height: 600px;
    height: 600px;
}

.clSx {
    width: 200px;
    float: left;
    margin-right: 5px;
    height: auto;
}

.clDx {
    width: 791px;
    height: auto !important;
    min-height: 600px;
    height: 600px;
    border: 1px solid #c9c9c9;
    background: #fff;
    float: left;
}


.clDash {width: 33.3%; float: left;}

.toolbarFile {
    /*height: 22px;*/
    min-height: 22px;
    padding-top:3px;
    padding-left:8px;
    background: url("../img/bgscuro.png") repeat-x scroll 0 0 #DDDDDD;
    font-size:14px;
    overflow: visible;
    margin-bottom: 5px;
    border-bottom: 1px solid #c9c9c9;
}
.descrizione {
    padding:6px;
    border:1px solid #c9c9c9;
    margin-top: 8px;
    background: #fff;
}
.modify {
    float:left;
    width:22px;
    height:22px;
    background:#f2db78 url(../img/icons/edit.gif) center center no-repeat;
}

.toolIn {
    border: none;
    border-bottom: 1px solid #c9c9c9;
    margin: 0;
}

.toolbar {
    /*height: 28px;
    background: url(../img/bg-voci.png);*/
    margin-bottom: 5px;
    /*border-bottom: 1px solid #c9c9c9; */
}

.toolbarCat{
    overflow: visible;
    text-align: right;
    padding: 20px;
    position: relative;
}
.toolbarCat h1{
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    color: #333;
    margin: 0px;
    padding: 0px;
}
.header_page_white{
    background: #f7f7f7;
    padding-bottom: 1px;
    border-bottom:1px solid #d3d7db;
}

.action_page{background: #fff; padding: 15px 10px 10px; margin: 0 20px; padding-bottom: 5px; text-align: left; border-radius: 0px; box-shadow:0 3px 0 rgba(12,12,12,0.03);}
.action_page a{display: inline-block; padding: 8px 12px; line-height: 1.42857143; border-radius: 3px;}
.action_page a:hover, .action_page a.sel{text-decoration: underline;}
.action-right{float: left; text-align: left;}

.action-right a:first-child{border-left:none;}
.action-right a{border-left:1px solid #eee;}
.action-left{float: right;}
.action-left a, .action-left button{background: #d20000; color: #fff; margin-left: 5px;}
.action-left a:hover, .action-left button:hover{background: #a30e15; color: #fff; border-color: #a30e15; text-decoration: none;}
.action-left a:last-child, .action-left button:last-child{border-right:none;}
.operazioni_generali{
    padding: 10px;
}
.back{
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
.box_cont{
    /*background: #f9f9f9;*/
}
.annulla_azione{
    float: left;
    background: url("../img/bg-btn.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #ACACAC;
    color: #313F52;
    font-family: Arial;
    font-size: 12px;
    height: 19px;
    line-height: 16px;
    margin: 0;
    padding: 3px 5px 0;
    text-shadow: 0 1px 1px #FFFFFF;
}

.spaceRight10{margin-right: 10px;}
.pad20Vert{
    padding: 20px 0;
}
.tabForm{
    background: #f9f9f9;
}
.toolbarCat a {
    /*display: inline-block;
    padding: 7px 15px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 14px;
    margin-left: 5px;*/
}
.toolbarCat a:hover{
    /*background: #f5f5f5;*/
}
.toolbarCat a.sel {
    /*font-weight: bold;
    color: #333;*/
}
.colBase .intestazione{
    /*background: none;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    color: #195f9a;
    text-shadow: 1px 1px 1px #fff;
    border: none;*/
}

.btn{padding:7px 12px; vertical-align: top;}

.content-form-responsive{
    padding: 20px;
}

.toolbarbottom {
    height: 20px;
    background: url(../img/sfToolbar.gif);
    overflow: visible;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 5px 9px 0 9px;
}

.toolbar a {
    display: inline-block;
    padding: 7px 10px;
    text-decoration: none;
    font-size: 14px;
    margin-left: 5px;
}

.toolbar a:hover {

}

.toolbar a.sel {
    background: #fff;
    height:20px;
}

.toolbar img {
    float: left;
    margin-right: 5px;
}

.toolbar_short {
    height: 21px;
    background: url(../img/sfToolbar.gif);
    overflow: visible;
    border-bottom: 1px solid #c9c9c9;
}

.toolbar_short a {
    display: block;
    height: 19px;
    padding: 3px 8px 0 8px;
    text-decoration: none;
    float: left;
    border-right: 1px solid #c9c9c9;
    background: url(../img/sfToolbarBtn.gif);
}

.toolbar_short a:hover {
    background-position: 0 -25px;
}

.toolbar_short a.sel {
    background: #fff;
    height:19px;
}

input[type="button"].btn,input[type="submit"].btn{padding: 7px 12px; background: #d10509; color: #fff; border-color: #d10509; border-radius: 3px;}
input[type="button"].btn:hover, input[type="submit"].btn:hover{background: #a30e15; color: #fff; border-color: #a30e15;}

.permessiGruppo{margin: 0px; padding: 0px;}
.permessiGruppo a{padding:7px 14px; display: block; background-color: #f7f7f7; color: #666; border-bottom: 1px solid #ddd; }

/*** Switcher lingua ***/

.switcher {
    background: #fff;
    position: absolute;
    height: 16px;
    right: 0;
    right: -1px;
    left:auto;
    top: 0px;
    border-left: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    padding: 6px 4px 0px 4px;
}

.btnSwitch {
    background: url(../img/arrow.gif) no-repeat right center;
    padding-right: 15px;
    height: 11px;
}

.box_langs {
    position: absolute;
    top: 20px;
    right: -1px;
    background: #fff;
    border: 1px solid #C3C3C3;
    display: none;
}

.box_langs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.box_langs ul li a{
    display: block;
    padding: 4px;
    height: 11px;
    width: 100px;
}

.box_langs ul li a:hover{
    background: #FAF2BB;
}

.hlight {
    font-weight: bold;
    color: #c00;
}

.superadm {
    font-weight: bold;
    color: #1E6BD6;
}

/* OLD */
.titRosso
{
    color:#CC0000;
    font-size:11px;
    font-weight:bold;
}

.titVerde
{
    color:#009900;
    font-family:tahoma,arial,verdana,sans-serif;
    font-size:11px;
    font-weight:bold;
}

.tabellafoto {
    width:60%;
    float:left;
    font-size:12px;
}
.tabellafoto table td {
    height:23px;
}
.tabellafoto table td div{
    height:25px;
    font-weight:bold;
    width:90%;
    background:#e8e8e8;
    padding:3px;
    position:relative;
    margin-bottom:5px;
}
.modifyAbs {
    position:absolute;
    top:0px;
    right:0px;
    width:21px;
    height:21px;
    padding:0px;
    background:#f2db78 url(../img/icons/edit.gif) center center no-repeat;
}
.foto {
    width:280px;
    float:right;
    text-align: center;
}
.foto img{
    margin-bottom:2px;
}
.url {
    padding:10px;
    background:#e8e8e8;
    text-align: left;
}
.text-center .img-responsive{margin: auto;}

.titCat {
    position: relative;
    /*background:url(../img/cmp-bg.gif) repeat-x #E2E2E2;
    border: 1px solid #CCCCCC;*/
    height: 24px;
}
.intestazione_categoria{
    margin: 0px;
    font-size: 14px;
    color: #000;
    float: left;
    padding-right: 20px;
    font-weight: normal;
}
.titCategory{
    float: left;
    border: 1px solid #c3c3c3;
    width: 260px;
    height: 25px;
    position: relative;
    padding: 0px 24px 0px 9px;
    background: url(../img/bg-select.png) repeat-x scroll 0 0 #E6E6E6;
}
.fakeSelectCategory{
    position: absolute;
    top: 1px;
    right: 1px;
}

.titCat a.titArrow {
    position: absolute;
    top:0;
    height: 0;
    display: block;
    min-width: 16px;
    height: 22px;
    padding: 0px 8px 4px 24px;
    background: url(../img/desc.png) 6px 10px no-repeat;
    font-weight: bold;
    z-index: 3;
}

.titCat a.sel {
    height: 24px;
}

.titCat .listCat {
    position: absolute;
    top: 24px;
    left: 81px;
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    width: 283px;
    z-index: 2;
    display: none;
}
/*** Form ***/

a.btn {
    display: block;
    padding: 1px 8px;
    height: 18px;
}
/*.btn {
        background: url(../img/bg-btn.png) 0 0 repeat-x;
        font-family: Arial;
        font-size: 14px;
        border: 1px solid #acacac;
        font-family: Arial;
        cursor: pointer;
        height: 24px;
        padding: 0px 8px;
        color: #313f52;
        margin: 0;
        line-height: 16px;
        text-shadow: #FFF 0px 1px 1px;
        -moz-border-radius: 4px;
}*/
.btn_margin {
    margin: 0px 5px;
}

/*.btn:hover {
        background-position: 0 -37px;
}*/

.btn_hover {
    background-position: 0 -2168px;
    border: 1px solid #A1C0E9;
}
.inp, .select  {
    background-color: #fff;
    background-image: url(../img/bg-inputTxt.png);
    border: 1px solid #b5b8c8;
    height: 18px;
    font: 11px arial,helvetica,sans-serif;
    padding: 2px;
    width: 295px;
}
.select {
    height:24px;
    width:auto;
}

input.checkbox {
    height: 13px;
    width: 13px;
    padding: 0;
    margin: 0 auto;
    vertical-align: middle;
}

.textarea {
    background: url(../img/text-bg.gif) #FFFFFF repeat-x;
    border: 1px solid #B5B8C8;
    padding: 2px 3px;
    font: 11px tahoma,arial,helvetica,sans-serif
}

.radio {
    vertical-align: middle;
    margin: 5px;
}

.xbtn {
    display: block;
    width: 15px;
    height: 18px;
    background: url(../img/md-closeOff.png) no-repeat center;
    display:none;
    margin-right: 4px;
}

.didascalia {
    color: #777;
    font-weight: normal;
    font-size: smaller;
    font-style: italic;
}

/*** tabella form ***/

.tabForm td.princ{
    background: #efefef;
    border-bottom:1px solid #fff;
    vertical-align: top;
    padding-top: 8px;
    font-weight:bold;
}

.tabForm td {
    padding: 4px;
}

.rowButtons {
    margin: 10px 0;
    text-align:right;
}
.princ strong{
    color: #313F52;
}

.breadcrumbs-fim, .search-fim {
    padding: 20px 30px 5px; font-size: 18px;
}
.breadcrumbs-fim h5, .search-fim h5{
    margin: 0px;
}
/*** Filemanager in Modale ***/
.filemanager{
    padding: 0px 0;
}
.fmContainer {
    height: 420px;
}
.fmClSx {
    float: left;
    width: 200px;
    border: 1px solid #ccc;
    margin-right: 3px;
    height: 100%;
    overflow: auto;
}
.fmClDx {
    float: left;
    width: 545px;
    border: 1px solid #ccc;
    height: 100%;
}
.fmBox {
    height: 100%;
    overflow: auto;
}
.modalFim {max-width: 90%;}
.modalFim #fmBox.fmBox{height: 95%; position: absolute; width: 99.6%;}
.fmBoxBottom {
    border: 1px solid #ccc;
    padding: 5px;
}
.fmBoxEl {
    border: 1px solid #ccc;
    padding: 3px;
    line-height:26px;
    float: left;
    position: relative;
    background: #fff;
    text-align: center;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out;
}
.detail-upload-gallery{padding-top: 5px;}
.detail-upload-gallery label{top: 7px; position: relative;}
.fmBoxEl td {
    padding: 0px;
}
.fmBoxEl .ftitle {
    white-space: nowrap;
    overflow: hidden;
    height: 15px;
    width: 100%;
    text-align: center;
}
.fmBoxEl img {
    text-align: center;
    max-width: 100%;
    max-height: 180px;
}

#FGbox{/*background: #e4e7ea;*/}

.fmBoxEl .delBtn {
    position: absolute;
    right: -1px;
    top: -1px;
    display: block;
    background-color: #fff;
    /*background: url(../img/icons/delete.png) no-repeat center #fff;
    width: 16px;
    height: 16px;*/
    font-size: 20px;
    padding: 2px;
    border: 1px solid #ccc;
}

.fmBoxEl .delBtn:hover {
    background-color: #FFF;
}

/*** Fotogallery ***/
.FGlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.FGlist li {
    float: left;
    margin: 0 5px 5px 0;
}

.FGlist li .FGimgBox {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    background: #eee;
    padding: 5px;
    text-align: center;
}

.FGlist li .FGimgBox:hover {
    background: #FFF29F;
    border:1px solid #FFE42F;
}

.FGlist li .FGimgBox img {
    max-width: 100px;
    max-height: 80px;
}

.FGlist li a.fmact {
    opacity: 0.5;
}

.FGlist li .FMtit {
    margin-top: 5px;
    display: block;
    width: 100px;
    height: 15px;
    overflow: hidden;
    white-space: nowrap;
}

/*** Allegati ***/
.FAlist {
    margin: 0;
    padding: 0 15px;
    list-style: none;
}

.FAlist li
{
    margin-bottom: 2px;
    border: 1px solid #ccc;
    background: #eee;
}

.FAlist li a {
    display: block;
    padding: 5px;
}

.FAlist li a:hover {
    background: rgba(209,5,9,0.5);
    /*border:1px solid #d10509;*/
}

.FAlist li a img {
    float: left;
    margin-right: 10px;
}

.FAlist li a span {
    float: left;
}


/*** Dashboard ***/
.dashboardBlock {
    float: left;
    /*width: ;*/
    margin: 2%;
    background-color: #fff;
    padding: 2%;
    width: 96%;
}
.smartcrowd .dashboardBlock{
    padding: 20px 20px 50px; margin: 0px; width: 100%;
}
.smartcrowd .titForm{
    background-color: #d10509;
    padding: 10px;
    color: #fff;
}
.smartcrowd .list li{border:none; border-top: 1px solid #ccc; padding: 7px 5px;}

.contForm p{margin: 0px; padding: 10px 0;}

.titBlock {
    padding: 4px 10px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.contBlock {
    padding: 10px 0;
}

/*** BOX PRIORITY ***/
.priorityCont {
    width: 100px;
}

.priorityDivImg {
    width: 20px;
    height: 16px;
    padding: 0px;
    text-align: center;
    float: left;
}

.priorityInp {
    background: #fff url(../img/text-bg.gif);
    border: 1px solid #b5b8c8;
    height: 14px;
    font: 11px tahoma,arial,helvetica,sans-serif;
    width: 20px;
    text-align: center;
}

.lang_list {
    position: absolute;
    right: 15px;
    top:15px;
    z-index: 99;
}

.lang_list a {
    display: inline-block;
    padding: 10px 10px 7px;
    opacity: 0.5;
}

.lang_list a.sel {
    opacity: 1;
    /*background: url(../img/hover-lingua.png) 0 0 no-repeat #fff;*/
}

/*** ICONS ***/

.i_op {
    /*float: left;
    text-align: center;
    display: inline;
    background: url(../img/bg_btn_azioni.png) 0 0 repeat-x;
    height: 26px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 12px;*/
    display: inline-block;
    padding: 7px 15px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 14px;
    margin-right: 5px;
}
.i_op:hover{
    background: #f5f5f5;
}
.i_op a{display: block; padding: 0px 10px 2px;}
.i_op img{
    position: relative;
    top: 5px;
    padding-right: 5px;
    height: 19px;
}

.i_opI {
    float: right;
    text-align: center;
    display: inline;
}

.hs10px {font-size: 1px; height: 10px; margin: 0; padding: 0;}
.hs20px {font-size: 1px; height: 20px; margin: 0; padding: 0;}
.hs30px {font-size: 1px; height: 30px; margin: 0; padding: 0;}

.ftp_path {
    display: block;
    height: 16px;
    padding-left: 20px;
    background: url(../img/icons/path.gif) no-repeat scroll 0 0 transparent;
}
.ext {
    display: block;
    height: 16px;
    padding-left: 20px;
    background: url(../img/icons/all.gif) no-repeat scroll 0 0 transparent;
}

.ext_bmp, .ext_gif, .ext_jpeg, .ext_jpg, .ext_pict, .ext_png, .ext_tga, .ext_tiff, .ext_djvu, .ext_pcx, .ext_cpd, .ext_jpd, .ext_gpd {
    background: url(../img/icons/img.gif) no-repeat scroll 0 0 transparent;
}
.ext_html, .ext_xhtml, .ext_htm, .ext_xml {
    background: url(../img/icons/html.gif) no-repeat scroll 0 0 transparent;
}
.ext_pdf {
    background: url(../img/icons/pdf.gif) no-repeat scroll 0 0 transparent;
}
.ext_txt, .ext_js, .ext_css {
    background: url(../img/icons/txt.gif) no-repeat scroll 0 0 transparent;
}
.ext_rar {
    background: url(../img/icons/rar.gif) no-repeat scroll 0 0 transparent;
}
.ext_bz2, .ext_gz, .ext_tar, .ext_tar_gz, .ext_zip, .ext_jar, .ext_7z, .ext_ace, .ext_arj, .ext_arc, .ext_bin, .ext_cab, .ext_hqx, .ext_iso, .ext_lha, .ext_mdf, .ext_sit, .ext_zoo, .ext_toast, .ext_sitx {
    background: url(../img/icons/zip.gif) no-repeat scroll 0 0 transparent;
}
.ext_3gp, .ext_asf, .ext_animgif, .ext_avi, .ext_divx, .ext_flv, .ext_swf, .ext_mpeg, .ext_mp4v, .ext_ogm, .ext_wmv, .ext_mov, .ext_mkv, .ext_rm, .ext_vob, .ext_svi {
    background: url(../img/icons/avi.gif) no-repeat scroll 0 0 transparent;
}
.ext_aac, .ext_ac3, .ext_aiff, .ext_amr, .ext_bwf, .ext_cda, .ext_flac, .ext_iff, .ext_mid, .ext_mka, .ext_mp1, .ext_mp2, .ext_mp3, .ext_m4a, .ext_riff, .ext_quicktime, .ext_pca, .ext_ra, .ext_rm, .ext_ogg, .ext_wav, .ext_wma, .ext_xm   {
    background: url(../img/icons/mp3.gif) no-repeat scroll 0 0 transparent;
}
.ext_mdb {
    background: url(../img/icons/mdb.gif) no-repeat scroll 0 0 transparent;
}
.ext_ppt {
    background: url(../img/icons/ppt.gif) no-repeat scroll 0 0 transparent;
}
.ext_doc, .ext_rtf, .ext_docx, .ext_docm {
    background: url(../img/icons/doc.gif) no-repeat scroll 0 0 transparent;
}
.ext_xlsx, .ext_xlsm, .ext_xls, .ext_csv {
    background: url(../img/icons/xls.gif) no-repeat scroll 0 0 transparent;
}
/*selezione multipla*/
.eleSelected {
    background: #FFCC00;
}


/*font personalizzati*/

.clockDB {font-family: digital7; font-size: 28px; text-align: center; padding-top:10px; line-height: 28px;}

@font-face {
    font-family: digital7;
    src: url("../fonts/digital7.eot"); /* EOT file for IE */
}
@font-face {
    font-family: digital7;
    src: url("../fonts/digital7.ttf"); /* TTF file for CSS3 browsers */
}

.divc {
    padding: 0;
    margin:0;
    text-align:center;
}
.lineGroup {
    padding-left: 25px !important;
    background: url(../img/group.gif) no-repeat scroll 2px center transparent;
}
.lineUser {
    padding-left: 25px !important;
    background: url(../img/user.gif) no-repeat scroll 2px center transparent;
}

/*datapicker*/
.hasDatepicker {
    padding-left: 30px !important;
    background: url(../img/calendar.gif) no-repeat scroll 5px 7px #fff;
    margin-right: 5px;
}

/*switch lang toolbar */
.intSwitch .sx {
    width: 60%;
}
.intSwitch .dx {
    width: 40%;
}
.intSwitch .dx .lang_list a {
    margin-top: 4px;
    height: 13px;
}
.mdBox {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.50);
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background:url("../img/ui-bg_highlight-soft_75_ffe45c_1x100.png") repeat-x scroll 50% top #FFE45C !important;
    border:2px solid #FED22F !important;
    color:#363636 !important;
}

.boxBorder {
    border: 1px solid #ccc;
}

.p_colSx {
    float: left;
    width: 200px;
}

.p_colSx ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.p_colSx ul li{
    /*height: 25px;*/
    border-right: 0;
    margin-bottom: 2px;
    float: left;
    clear: both;
}

.p_colSx ul li a{
    -moz-border-radius: 7px  0 0 7px;
    background: #eee;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 7px  0 0 7px;
    display: block;
    height: 18px;
    padding: 5px 10px 5px 10px;
    width: 179px;
    z-index: 10;
}

.p_colSx ul li a.sel{
    background: #fff;
    width: 180px;
}

.p_colSx ul li a:hover{
    background: #207ac5;
    color: #fff;
}

.p_colDx {
    float: left;
    width: 695px;
    border: 1px solid #ccc;
    /*min-height: 300px;*/
    min-height: 648px;
    padding: 10px;
}

.tplUploadBar {
    position: absolute;
    height: 20px;
    padding: 0;
    width:0%;
    /*background: url("../img/sfTopMenuSel.gif");*/
    background: url("../img/barra_upload.png") 0 center repeat-x;
    background-color: #08b932;
    border-bottom: 1px solid #08b932;
    font-size: 11px;
    font-weight: bold;
}

.tplUploadBarDisk
{
    background: url("../img/sfDiskSpace.png") 0 center repeat-x;
}

.tplUploadSelection
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.tplUploadAbs {
    width: 100%;
    position: absolute;
    font-weight: bold;
    color: #333;
    text-align: center;
}

/* menuAccordion */
ul.menuAccordion, ul.menuAccordion>li>ul {
    margin: 0;
    padding: 0;
}
ul.menuAccordion>li{
    position: relative;
}
ul.menuAccordion>li>a {
    /*background: url("../img/bg-voci.png");
    height: 22px;*/
    padding: 6px 8px 6px 8px;
    display: block;
    /*border-bottom: 1px solid #c3c3c3;*/
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #313f52;
}
.voceInterna{
    font-size: 13px;
    text-shadow: #FFF 0px 1px 1px;
    position: absolute;
    right: 5px;
    top:0px;
    background: none !important;
}
.voceInterna:hover{background: none;}

ul.menuAccordion>li>a:hover, ul.menuAccordion>li>a.sel {
    background-position: 0 28px;
    color: #195f9a;
    text-shadow: #FFF 0px 1px 1px;
}
ul.menuAccordion>li>ul {
    border-bottom: 1px solid #C9C9C9;
    display: none;
}

ul.menuAccordion>li>ul>li>a {
    height: 19px;
    padding: 6px 8px 6px 8px;
    display: block;
}

ul.menuAccordion>li>ul>li>a:hover {
    /*background: url("../img/sfToolbarWBtn.gif") 0 25px;*/
    background: #E0E7EC;
}

ul.menuAccordion>li>ul>li>a.sel {
    font-weight: bold;
}

.dsc_container
{
    margin: 10px;
    padding: 8px;
    padding: 10px 5px 7px 5px;
    border: 1px #CCC solid;
    position: relative;
}
.dsc_legend
{
    position:absolute;
    background-color: #FFF;
    top: -12px;
    padding: 5px;
}
.dsc_add
{
    position:absolute;
    background-color: #FFF;
    top: -12px;
    right: 15px;
    padding: 5px;
}
.dsc_add img{ vertical-align:middle; }
.dsc_single{ padding: 5px; position:relative; }
.notfirst{ border-top: 1px #DDD solid; }
.space_h
{
    clear: both;
    height: 5px;
}
.longdate1{ width:204px; }
.longdate2{ width:187px; }
.remove_btn{ position:absolute; right:7px; }

.dateFromTo {
    float: left;
    width: 13px;
    position: relative;
    top: -4px;
}

.dateFromToWidth {
    width: 111px;
    margin-bottom: 5px;
}

.content_accordion{
    background: url("../img/bg-accordion.png") repeat-y scroll 0 0 transparent;
    overflow: auto;
    padding: 10px 10px 10px 4px;
    display: block; /* MENU INTERNO COLONNA SINISTRA*/
}
.content_accordion ul li{
    background: url("../img/icons/arrow_right.png") 0 0 transparent no-repeat;
    padding-left: 16px;
    padding-bottom: 2px;
}
#albero li{
    background: none;
    padding-left: 0;
    padding-bottom: 2px;
}

.content_accordion ul{
    margin: 0px;
    padding: 0px;
}
.content_accordion ul li a:hover{
    color: #195f9a;
}
.noMargin{
    margin: 0px;
    width: 100% !important;
}
.ls_inpname{
    width: 313px;
    height: 12px;
}

.body-padding-big fieldset{
    font-size: 10px;
}
.subTitSez{
    font-size: 16px; color: #195F9A;
}

#form_ricerca .btn, .fl_dx .btn{
    /*font-size: 12px;*/
}

#statistiche .riga_form{
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}
#statistiche .riga_form:first-of-type{
    margin-right: 40px;
}

.info_click {
    margin-left: 100px;
    margin-top: 20px;
    position: absolute;
    z-index: 1;
}

.icon-label{ font-size: 17px; color: #fff; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.sidebar-menu.open .topDx ul li a:hover .icon-label{ color: #333; }

.sidebar-menu .topDx ul li a:hover .icon-label{ color: #333; }
.sidebar-menu.open .topDx ul li a.selB:hover .icon-label{ color: #333; }
.sidebar-menu .topDx ul li a.selB:hover .icon-label{ color: #333; }

ul.children { transition: max-height 0.4s ease; max-height: 0px; overflow: hidden; margin: 5px; }
li.active ul.children { transition: max-height 0.8s ease; max-height: 2000px; }
.topDx li.has-submenu a { position: relative; }
.topDx li.has-submenu > a:before { content: "+"; font-weight: bold; position: absolute; right: 10px; top: 8px; font-size: 1.2em; z-index: 10; }
.topDx li.has-submenu.active > a:before { content: "_"; top: 1px; right: 11px; }
.topDx ul.children li a { padding:5px 0 5px 10px; transition: all 0.3s; margin-left: 20px; width: auto; }
.topDx ul.children li a span { display: inline-block; vertical-align: middle; }
.topDx ul.children li a:before { content: "\f0da"; font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; margin-right: 7px; position: static; font-size: 0.8em; }
.topDx ul.children li a:hover { background: #d10509; color: #fff; transition: all 0.3s; }

#welcome_user{padding: 0 20px; border-left: 1px solid #eee; position: relative;}
.dropdown-menu{line-height: 27px; position: absolute; top: 90%; right: 0px; display: none;}
.dropdown-menu-usermenu { background: #383838;  min-width: 200px;}
.openUser{cursor: pointer;}

.dropdown-menu { border: 0; margin-top: 0px; margin-right: -1px;  border-radius: 2px;    box-shadow: 3px 3px 0 rgba(12,12,12,0.05);    padding: 5px;}
.dropdown-menu li a {display:block; color: #94989d; font-size: 13px; padding: 7px 10px; border-radius: 5px; transition: all 0.2s ease-out 0s;}
.dropdown-menu:after {border-bottom: 6px solid #383838; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; right: 95px; position: absolute; top: -6px;}
.dropdown-menu li a:hover {background: #d10509; color: #fff;}

div.dataTables_wrapper div.dataTables_processing{
    position: fixed;
    top: 48%;
    left: 50%;
    width: 320px;
    padding: 20px;
    border:1px solid #ccc;
    background: #fff;
    color: #333;
    text-align: center;
    font-size: 14px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.50);
    height: auto;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    margin:0px;
    z-index: 999;
}

.equal {
    display: flex;
    flex-wrap: wrap;
}

/* add this for full height column content
.equal > div[class*='col-'] {
  display: flex;
  flex-direction: column;
}
*/
.aDeleteTemp{font-size: 18px;}
.riga-tab-img-hd{
    padding-top: 30px;
}

.content_nomi option:hover{background-color: #f7f7f7;}
.noShadow{box-shadow: none;}
.noMarginLR{margin-right: 0px !important; margin-left: 0px !important;}
.form-gallery{border: 1px solid #ccc; padding: 10px; /*background: #e4e7ea;*/}
.single-price{border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px;}
.single-price:last-child{border-bottom: none;}

.alert-warning {color: #555; background-color: #fcf8e3; border-color: #faebcc;}
.alert {padding: 15px; margin-bottom: 20px;  border: 1px solid transparent;  border-radius: 4px;}
.tit-setting{padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.ui-datepicker-title{color: #555; font-family: "Open Sans", sans-serif;}
.ui-datepicker{background: #f5f5f5;}
.ui-datepicker th{color: #333;}
.ui-state-default, .ui-widget-content .ui-state-default{background: rgba(255,255,255,0.2); border-color: #555; color: #333;}
.ui-widget-header{background: #fff;}
.ui-widget, .ui-datepicker th{font-family: "Open Sans", sans-serif;}
.ui-datepicker td a:hover{background: #d10509; color: #fff !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{background: #d10509 !important; border:inherit !important; color: #fff !important;}
.fakeSelect{display: block; width: 215px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; position: relative;
}
.fakeSelect i{position: absolute; right: 10px; top: 10px;}
.albero-categoria{position: relative;}
.albero-categoria #tabTree{display: none; position: absolute; top: 34px; width: 100%; z-index: 2; background: #fff; padding: 6px 12px; border-radius: 0 0 4px 4px; border: 1px solid #cccccc; border-top: none;}
.form-inline input[type="text"].form-control,.form-inline select.form-control{height: 36px;}
/*input[readonly], textarea[readonly]{background-color:transparent !important; border: transparent !important; box-shadow: none !important;}*/
.single-reply{border-bottom: 1px solid #ccc; margin-bottom: 25px;}
.single-reply:last-child{border-bottom: none; margin-bottom: 0px;}
.form-inline #btnSearch{margin-left: 5px;}


/* TAM DASHBOARD*/
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc {display:none;}
.gmnoprint div {background:none !important;}
.no-gutter{margin: 0px;}
.no-gutter > [class*='col-']{padding-right:0; padding-left:0;}
.tam-dashboard-header{background: #505051; color: #fff;}
.tam-dashboard-header h1{color: #fff;}
.map-tam{position: absolute; top: 0px; left: 0px ;width: 100%; height: 100%; z-index: 1;}
.dropdown-blue{padding: 0px 20px; background: #4ca1d9; font-size: 18px;}
.dropdown-blue a{background: #4ca1d9; color: #fff;}
.dropdown-orange{padding: 18px 20px; background: #de8a2e; font-size: 18px; color: #fff;}
.dropdown-red{padding: 18px 20px; background: #dc512e; font-size: 18px; color: #fff;}
.dropdown-grey{padding: 0px 20px; background: #dbdbdc; font-size: 18px;}
.dropdown-grey a{background: #dbdbdc;}
.dropdown-filter{position: relative;}
.dropdown-select{padding: 18px 0; position: relative; display: block;}
.dropdown-blue .dropdown-select{color: #fff; text-align: center;}
.dropdown-grey .dropdown-select{color: #333;}
.dropdown-select i{position: absolute; right: 10px; top: 23px;}
.order-be-assigned{position: absolute; top: 0px; height: 50%; width: 100%;}
.order-alerts{position: absolute; top: 50%; height: 50%; width: 100%;}
.list-driver{position: absolute; top: 0px; width: 100%; height: 100%;}
.content-list-order{background: #fff; overflow: hidden; position: relative;}
.list-order ul{margin: 0px; padding: 0px;}
.list-order ul li{margin: 0px; padding: 0px; font-size: 18px; color: #999; border-bottom: 1px solid #ccc;}
.list-order ul li a{color: #999; display: block; padding: 10px 20px;}
.list-order ul li a:hover{background: #f5f5f5;}
.list-order ul li a.complete{background: #38ac56; color: #fff;}
.list-order ul li a.complete strong, .list-order ul li a.complete .in-progress{color: #fff;}
.list-order ul li strong{color: #777;}
.list-order ul li a strong{color: #777;}
.alert-time{color: #dc512e}
.in-progress{color: #4ca1d9;}
.list-order ul li i{margin-right: 15px;}
.filter-marker{position: absolute; top: 10px; right: 10px; width: 200px; z-index: 2;}
.reset-map{width: 200px; position: absolute; bottom: 10px; right: 10px; color: #fff; background: #3e3e3e; text-align: center; padding: 10px; z-index: 3; font-size: 16px; display: block;}
.reset-map:hover{color: #fff;}
#content-popup-driver{width: 400px;}
#content-popup-driver .firstHeading{margin: 0px; padding: 0 0 10px; font-weight: normal; font-size: 28px;}
#content-popup-driver #bodyContent{font-size: 24px;}
.type-order{color: #38ac56;}
#content-popup-driver .view-number{display: none; margin-right: 20px;}
#content-popup-driver .action-driver{padding-top: 20px; padding-bottom: 10px;}
#content-popup-driver .action-driver .btn-default{background: #fff; border-color: #999; font-size: 21px;}
#content-popup-driver .action-driver .btn-default a{color: #666;}
#content-popup-driver .action-driver .btn-view{background: #38ac56; border-color: #38ac56; color: #fff; font-size: 21px;}
#content-popup-driver .action-driver .btn-view a{color: #fff;}
.sub-dropdown{position: absolute; top: 100%; width: 100%; margin: 0px; padding: 0px; left: 0px; z-index: 2; display: none;}
.sub-dropdown li{padding: 0px; margin: 0px;}
.sub-dropdown li a{display: block; padding: 10px 20px;}
.content-popup-order{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 4; display: none;
                     -webkit-transform-style: preserve-3d;
                     transform-style: preserve-3d;
}
.content-popup-order:before{content: ""; z-index: 0; background: rgba(0,0,0,0.7); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;}
.container-popup-order{ position: relative; top: 50%; left: 50%; background: #fff; padding: 20px; width: 80%; max-width: 900px;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%)
}
.header-tab-popup-order{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #999; color: #999; padding-top: 20px;}
.top-popup-order{font-size: 18px;}
.center-popup-order{font-size: 18px;}
.center-popup-order ol{padding-left: 15px; margin: 0px;}
.center-popup-order ol li{list-style-type: decimal;}
.center-popup-order ol li.complete, .center-popup-order ol li.not-complete{position: relative;}
.center-popup-order ol li.complete:before{position: absolute; top: 6px; left: -38px; color: #38ac56; content: "\f00c"; font:normal normal normal 14px/1 'FontAwesome';}
.center-popup-order ol li.not-complete:before{position: absolute; top: 6px; left: -38px; color: #dc512e; content: "\f00d "; font:normal normal normal 14px/1 'FontAwesome';}
.center-popup-order ul{padding: 0px; margin: 0px;}
.center-popup-order p{margin: 0px; padding: 0 0 10px;}
.desc-popup-order{font-size: 16px; padding-top: 12px; color: #999;}
.bottom-popup-order{padding-top: 50px;}
.type-content-popup{color: #666;}
.bottom-popup-order .btn{ min-width: 100px; text-align: center;}
.bottom-popup-order .view-number-popup{margin-left: 0px; margin-right: 10px;}
.bottom-popup-order .pull-left > .btn{ margin-right: 20px;}
.bottom-popup-order .btn-exit{background: #dc512e; border-color: #dc512e; color: #fff; font-size: 21px;}
.bottom-popup-order .btn-view{background: #38ac56; border-color: #38ac56; color: #fff; font-size: 21px;}
.bottom-popup-order .btn-call{background: #fff; border-color: #999; font-size: 21px;}
.bottom-popup-order .btn-call a{color: #666;}
.bottom-popup-order .btn{vertical-align: middle;}
.view-number-popup{font-size: 16px; margin-left: 10px; position: relative; display: none;}
.popup-tam-detail{display: none;}
.list-order a:after{content: "";display: table;clear: both;}
.recap-order-drivers{text-align: center; color: #fff; font-size: 18px; line-height: 18px;}
.recap-order-drivers a{color: #4ca1d9; border-bottom: 1px solid #fff;}
.recap-order-drivers a:hover{color: #fff; border-bottom: 1px solid #4ca1d9;}
.form-inline .form-group{vertical-align: top;}
.form-inline .form-group.middle{vertical-align: middle;}
.search-drivers{position: absolute; right: 20px; top: -8px;}
.search-drivers .btn{height: 34px; border-radius: 3px;}

.col-fix-left{position: relative;}
.col-fix-left:after{position: absolute; top: 0px; left: 15px; width: 100%; height: 100%; content: ""; background: #fff; z-index: -1;}

.box-riepilogo{padding: 15px 10px; color: #fff;}
.val-riepilogo{font-weight: bold; font-size: 27px; padding-bottom: 5px;}
.box-riepilogo.blu{background-color: #00c0ef; border-bottom:10px solid #00add8;}
.box-riepilogo.verde{background-color: #00a65a; border-bottom:10px solid #009651;}
.box-riepilogo.arancio{background-color: #ff851b; border-bottom:10px solid #e67818;}
.specchietto-riepilogo{padding-bottom: 40px;}
#consegne.box-riepilogo{background-image:url(../img/tam/ico_consegne.png); background-repeat: no-repeat; background-size: 89px 60px; background-position: 95% 10px; }
#dare-driver.box-riepilogo{background-image:url(../img/tam/ico_driver.png); background-repeat: no-repeat; background-size: 89px 60px; background-position: 95% 10px; }
#avere-customer.box-riepilogo{background-image:url(../img/tam/ico_money.png); background-repeat: no-repeat; background-size: 89px 60px; background-position: 95% 10px; }
#plusvalore.box-riepilogo{background-image:url(../img/tam/ico_plus.png); background-repeat: no-repeat; background-size: 89px 60px; background-position: 95% 10px; }
#soldi-versati.box-riepilogo{background-image:url(../img/tam/ico_versamenti.png); background-repeat: no-repeat; background-size: 89px 60px; background-position: 95% 10px; }
#avere-tam.box-riepilogo{background-image:url(../img/tam/ico_avere.png); background-repeat: no-repeat; background-size: 89px 60px; background-position: 95% 10px; }

#tableList_3_DT_social tbody > tr > td { padding: 7px !important; }
#tableList_3_DT_social .textColumn { width:200px; overflow:hidden; display:inline-block; text-overflow:ellipsis; white-space:nowrap; text-align:left; word-break: break-all }
#tableList_3_DT .operations_list {text-align: center;}

.readonly-normale .form-control[disabled],.readonly-normale  .form-control[readonly],.readonly-normale  fieldset[disabled] .form-control{
    background: #fff; border: none; box-shadow: none; font-weight: bold;
}
.amount-sar{line-height: 34px; margin-right: 30px; font-size: 15px;}
.amount-sar strong{font-size: 21px; font-weight: bold;}

.has-submenu{position: relative;}
.sidebar-menu.open li.nav-hover > a > span:last-child {display: block;}
.sidebar-menu.open li.nav-hover.has-submenu > ul.subMenuContainer {display: block;}
.sidebar-menu.open .topDx li.nav-hover.has-submenu > ul.subMenuContainer a{text-align: left; margin-left: 5px;}
.sidebar-menu.open .topDx .ulMenuContainer > li.nav-hover > a{background-color: #e3e3e3;}
.sidebar-menu.open .topDx .ulMenuContainer > li.nav-hover.active > a{background-color: #d10509;}
.sidebar-menu.open .topDx .ulMenuContainer > li.nav-hover.has-submenu > a .icon-label{background-position: 0 bottom;}
.sidebar-menu.open .topDx .ulMenuContainer > li.has-submenu > a:before{display: none;}
.sidebar-menu.open .topDx .ulMenuContainer > li.nav-hover.active > a .icon-label{background-position: 0 top;}
.sidebar-menu.open .topDx li.nav-hover.has-submenu > ul.subMenuContainer span{display: block; left: 0px; background: transparent; padding-left: 25px; color: #fff; width: 100%; border-radius: 0px;}
.sidebar-menu.open ul.subMenuContainer {
    display: none;
    position: absolute;
    top: 26px;
    left: 40px;
    margin: 5px 0 0 5px;
    max-height: 800px;
    min-width: 185px;
    background: #505050;
    z-index: 100;
    border-radius: 0 0 2px 0;
    padding-top: 10px;
}
.inputBottom15{margin-bottom: 15px;}
.form-horizontal .control-label{}
.form-horizontal .radio, .form-horizontal .checkbox{min-height: 34px;}
.form-horizontal .form-inline .form-group{margin-right: 0px; margin-left: 0px;}
.form-horizontal .form-inline .form-group:before, .form-horizontal .form-inline  .form-group:after{display: none;}
svg{width: 17px; height: 17px;}
.multiselect-native-select .btn-group{position: relative; text-align: left; width: 100% !important; margin-bottom: 0px;}
.multiselect-native-select .dropdown-menu{border:1px solid #1e90ff; top: 100%; padding: 0px; max-height: 210px; overflow: auto;
                                          box-shadow: none;}
.multiselect-native-select .dropdown-menu:after{display: none;}
.multiselect-native-select .btn-group>.btn:first-child{text-align: left; height: 34px; padding-bottom: 5px 15px; background-color: #fff; color: #000; font-size: 14px; font-family: Arial;
                                                       border-top-right-radius: 5px; border-bottom-right-radius: 5px; border:1px solid #cccccc;
                                                       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                                                       transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.multiselect-native-select .caret{position: absolute; top: 13px; right: 6px; color: #555555;
                                  border-top: 6px solid;
                                  border-right: 3px solid transparent;
                                  border-left: 3px solid transparent;
}
.multiselect-native-select .dropdown-menu li a:hover{background-color: #1e90ff; color: #fff;}
.multiselect-container>li>a>label.checkbox{color: #000; font-size: 14px; font-family: Arial;}
.multiselect-container > li > a{padding: 2px 0px !important; min-height: 30px; border-radius: 0px; line-height: 19px;}
.multiselect-container .checkbox{padding-top: 0px !important; min-height: 0 !important;}

.dd-list .dd-item .dd-sort-handle {
    background-image: url(../img/icons/move.png) !important;
    background-position: 97% center !important;
    background-repeat: no-repeat !important;
    padding: 0px;
    cursor: pointer;
}
.dd-list .dd-item .dd-alea {
    cursor: default;
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 7px 10px;
    text-decoration: none;
    border: 1px solid #dedede;
    background: #fff;
}
a.dd-nodrag{display: block; padding: 7px 10px; width: 90%; font-weight: normal;
            font-size: 13px;
            line-height: 18px;}
a.dd-nodrag:hover{color: #fff;}
.dd-handle{border-radius: 0px;}
.dd-list .dd-item .dd-handle:hover, .dd-list .dd3-item .dd-handle:hover{background-color:#ef6262; }
.dd-list .dd-item .dd-handle:hover a{color: #fff; background-color:#ef6262;}
.dd-list .dd-item .dd-alea:hover {background-color: #d20000;  color: #fff;}
.dd-list .dd-item .dd-alea:hover a{background-color: #d20000;  color: #fff;}
.dd-handle{height: auto;}
.fm-title{margin: 10px 0;}
.containerImage{}
.ui-draggable-dragging{z-index: 9999;}
.frecce_spostamento{text-align: center; padding-top: 160px; /*float: none;*/ margin:auto;}
.frecce_spostamento a{
    width: 40px;
    height: 40px;
    margin:20px auto;
    color: #fff;
    font-size: 37px;
    background-color: #d20000;
    display: block;
    text-align: center;
}
.giveA, .removeA{
    color: #d10509;
    font-size: 30px;
    display: inline-block;
    text-align: center;
}
.frecce_spostamento a:hover{
    background-color:#aaa;
}

@media screen and (max-width: 1600px) {
    .inputBottom15{display: inline-block; vertical-align: top; float: none !important;}
    .text-muted{display: block;}
    .containerImage{padding: 0 10px !important;}

}
@media screen and (max-width: 1280px) {
    .dropdown-blue{font-size: 14px; padding: 0px;}
    .dropdown-orange{font-size: 14px; padding: 10px;}
    .dropdown-red{font-size: 14px; padding: 10px;}
    .dropdown-grey{font-size: 14px; padding: 0px;}
    .dropdown-select{font-size: 14px; padding: 10px;}
    .dropdown-select i{top: 12px;}
    .list-order ul li i{margin-right: 5px;}
    .search-drivers{right: 5px;}
    .list-order ul li a, .sub-dropdown li a{padding: 7px 10px;}
    .list-order ul li{font-size: 14px;}
    .fmBoxEl{line-height: 120%; padding: 50px 0;}
}

@media screen and (max-width: 1024px) {
    .sidebar-menu{padding: 20px 15px;}
    .sidebar-menu.open{padding: 20px 5px;}
    .content_nomi{min-height: 180px;}
    .content_nomi select{height: 180px;}
    .frecciaS{display: inline-block;}
    .frecce_spostamento{padding-top: 10px; padding-bottom: 10px;}
    .frecciaS#addAll, .frecciaS#add{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .frecciaS#del, .frecciaS#delAll{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .btn-group{margin-right: 10px;}
    .filter-table .form-inline select.form-control{max-width: 200px;}
    #form_filtro .spaceRight10{margin-right: 0px;}
    .body-padding-big{padding: 15px; margin-top: 15px;}
    .action_page{padding: 15px 0 10px;}
    .table-options .form-inline input[type="text"].form-control{max-width: 175px;}
    .frecce_spostamento a{display: inline-block; margin: 20px 10px;}
    .form-inline input[type="text"].form-control.hasDatepicker{max-width: 180px;}
    .action-left{padding-bottom: 0px;}
    .breadcrumbs-fim, .search-fim{padding: 20px 15px 5px;}
    .action-right a:first-child{padding-left: 0px;}
    .action-left{float: left; padding-bottom: 20px; width: 100%;}
    .action-left a, .action-left span{margin-left: 0px; margin-right: 5px; margin-bottom: 5px;}
    .action_page{margin: 0 15px;}
    .modalFim{top: 20px !important;}
    .modalFim #fmBox.fmBox{height: 92%;}
    input[type="button"], input[type="submit"], button{-webkit-appearance: none;}
}

@media screen and (max-width: 768px) {
    .form-control{margin-top: 0px;}
    .control-label.col-sm-12{text-align: left !important; padding-bottom: 5px; }
    .table-options .pull-right{/*padding-top: 25px;*/ float: left !important;}
    .btn-group{margin-bottom: 14px;}
    .clDash{width: 100%;}
    .btn-group, .filter-table{width: 100%;}
    .btn-group.two-col{width: 50%;}
    .rowButtons .btn-default{margin-bottom: 10px;}
    .padTabVert{padding-top: 25px;}
    .titCat{height: auto; min-height: 24px;}
    .form-inline div{padding-bottom: 5px;}
    .boxGrid-image{height: 100px !important;}
    .thmb-prev{height: 140px;}
    .inputBottom15{margin-bottom: 5px;}
}

a.btn.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: -100%;
    right: 15px;
    width: 60px;
    background: #d10509; padding: 15px 20px !important; border-radius: 5px 5px 0 0; height: auto !important;
    color: #fff;
    z-index: 99;
    border-color: #fff;
    transition: all .5s ease-in-out;
}
a.btn.back-to-top.visible{
    bottom: -1px;
}
.back-to-top:hover{color: #333;}


@keyframes highlight {
    0% { background: #fff; color: #777; }
    50% { background: #4ca1d9; color: #fff; }
    100% { background: #fff; color: #777; }
}
@-webkit-keyframes highlight {
    0% { background: #fff; color: #777; }
    50% { background: #4ca1d9; color: #fff; }
    100% { background: #fff; color: #777; }
}

@keyframes complete {
    0% { background: #fff; color: #777; }
    33% { background: #38ac56; color: #fff; }
    66% { background: #fff; color: #777; }
    100% { background: #38ac56; color: #fff; }
}
@-webkit-keyframes complete {
    0% { background: #fff; color: #777; }
    33% { background: #38ac56; color: #fff; }
    66% { background: #fff; color: #777; }
    100% { background: #38ac56; color: #fff; }
}

ul li a.highlight {
    -webkit-animation: highlight 1s linear 3;
    animation: highlight 1s linear 3;
}

ul li a.complete {
    -webkit-animation: complete 1s linear 3;
    animation: complete 1s linear 3;

}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width 3.6s ease;
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.ui-state-active {
    border: none;
}
.ui-state-active[data-isdir="true"] .thmb {
    background-color: cornsilk !important;
}
.ui-state-hover[data-isdir="true"] .thmb {
    background-color: orange !important;
}



.pagemanager .thmb:hover {
    background-color: orange !important;
}
.pagemanager .selected,.pagemanager .selected:hover {
    background-color: orangered !important;
}


.action-left .fa {
    font-size: 19px;
    vertical-align: middle;
    margin-right: 3px;
}

.xdsoft_datetimepicker{
    display: none;
}