/*Header*/
.header-username { padding:12px 10px; font-size:20px; }
.normalheader { padding-top: 20px; }
/*Logo*/
#logo { width:181px; padding:16px 0px 0px 0px; }
#logo.light-version { border-right:1px solid #e4e5e7; }
/*Main Panel*/
#main-panel .nav-tabs > li { float: left; margin-bottom: -2px; padding: 0; border-radius:0; border-bottom:none; text-align:center; }
#main-panel .nav-tabs > li > a { border-radius:0; margin-right:0px; border-bottom:none; }
#main-panel .tab-pane .panel-body { border:none; }
/*Panels*/
#new { border:2px solid #C0392B; }
#opened { border:2px solid #558A2E; }
#awaiting { border:2px solid #D35400; }
#suspended { border:2px solid #FF9E01; }
/*Custom Badges*/
#wrapper .badge-red { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: 800; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: middle; background-color:#C0392B; border-radius: 10px; }
#wrapper .badge-green { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: 800; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: middle; background-color:#558A2E; border-radius: 10px; }
#wrapper .badge-blue { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: 800; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: middle; background-color:#3498db; border-radius: 10px; }
#wrapper .badge-yellow { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: 800; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: middle; background-color:#FF9E01; border-radius: 10px; }
/*Aside*/
/*Menu*/
#icon-menu { width: 70px;bottom: 0;float: left;left: 0;position: absolute;top: 62px;transition: all 0.4s ease 0s; }
/*Nav*/
#nav .navbar-right{ margin-top:0; }
#nav .header-link{ font-size:20px;padding: 13px 30px;}

.login-body { background: #f1f3f6; }
.tab-pane .panel-body { border-top: 1px solid #e4e5e7; }
.tab-content .panel-body{background:#fff}

.form-group-search { width: 82%; }
.form-group-search input { width: 100% !important; }
.tagsinput { overflow-y: hidden !important; padding: 0px !important; }
.tag { margin-left: 5px; margin-top: 5px; padding: 0px 5px !important; }
.dropdown-menu { min-width: 203px; }
.attachment { width: 500px; margin-top: 10px; margin-bottom: 10px; }
.attachment .panel-heading { border-bottom: 1px solid #e4e5e7 !important; }
.panel-attachments { padding: 10px 15px; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
.panel-attachments-ticket { background:#fff; padding:10px 15px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; border-top:none; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.text-med { font-size:40px; }

/* Labels */
.label.label-header{position:absolute;top:0;left:0;border-radius:0;font-size:11px;}
.label.label-GDL{ background-color: #337ab7; }
.label.label-SN{ background-color: #5cb85c; padding: 3px 8px;}
.label-header.label-GDL,
.label-header.label-SN {font-size: 1em;font-weight: 400; }
/* Priority Labels */
.label-bassa{background:#ffc107}
.label-normale{background:#8bc34a}
.label-alta{background:#ff5722}
.label-urgente{background:#ff0024}
.label-priority{}
.hpanel .panel-body.bordered-GDL { border: 2px solid #337AB7; }
.hpanel .panel-body.bordered-SN { border: 2px solid #5cb85c; }

/*Tables*/
tr.group, tr.group:hover { background-color:#dddddd !important; }
/*Footer*/
.footer { position:fixed; z-index:1001; bottom:0; left:181px; right:0; padding:10px 18px; background:#ffffff; border-top:1px solid #e4e5e7; transition:all 0.4s ease 0s; display:block; }
.hide-sidebar .footer{left:71px}
a:hover, a:active, a:focus {outline: 0}
/* Styles for tickets.show => public/private content */
li.active.private a {background-color: #fefed3 !important; }
#tab-private .panel-body { background-color: #fefed3 !important; }
#commenti .vertical-timeline-content.private .p-sm {background-color: #fefed3 !important;}
#commenti .vertical-timeline-content::after{border-color:transparent #fefed3 transparent transparent;}
.text-selectable, .tmp-text-selectable{border:none;padding:2px;white-space:pre;display:inline-block;background:#efefef;}
.text-selectable:focus{outline: none;}
.link-dotted{border-bottom:1px dotted}
#agentNotifications li a.unread{color:#353535;font-weight:bold;}
#modal_tracking_list { max-height:200px; height:200px; overflow-y:hidden; }
#modal_tracking_list:hover { overflow-y:scroll; }
.popover{ max-width: 500px; }
.popover-content {white-space: pre-line; max-height: 500px; overflow:hidden;}
#macroSelector .dropdown-menu{ height: auto; max-height: 500px; overflow-y: scroll}
/* Responsive Datatables */
table.dataTable>tbody>tr.child ul.dtr-details{ width: 100%}
table.dataTable>tbody>tr.child span.dtr-title{ min-width: 110px!important;}
div.dataTables_processing {
    position: absolute;
    top: 5%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    border: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}

@media all and (max-width: 1690px) { }
@media all and (max-width: 1280px) { }
@media all and (max-width: 980px) { }
@media all and (max-width: 736px) { }
@media all and (max-width: 480px) {
    #wrapper > div.normalheader > .hpanel > .panel-body > h2{
        font-size: 1.2em
    }
}