html {font-size: 14px;}
body, tbody {
    /* font-family: 'Open Sans', Helvetica, Arial, sans-serif; */
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.30769231;
    color:#242729;
}

.fa, fas{font-family:'FontAwesome';}
.sidebar .fa-angle-right {
    position: absolute;
    right: 15px;
    top: 18px;
    color: #bbb;
}
.small, small {
    font-size: 91%;
}

/* CUSTOM CHECKBOXES and RADIOS
-----------------------------------------------------*/
.custom-control {
	position: relative;
	display: block;
	min-height: 1.3125rem;
	padding-left: 1.5rem
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
	color: #fff;
	background-color: #fb9678
}

.custom-control-input:focus~.custom-control-label:before {
	-webkit-box-shadow: 0 0 0 1px #edf1f5, transparent;
	box-shadow: 0 0 0 1px #edf1f5, transparent
}

.custom-control-input:active~.custom-control-label:before {
	color: #fff;
	background-color: black
}

.custom-control-input:disabled~.custom-control-label {
	color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before {
	background-color: #e9ecef
}

.custom-control-label, .form-group label.custom-control-label {
    position: relative;
    line-height: 1.85rem;
    margin-bottom: 0 !important;
    padding-left:0.8rem;
}

.custom-control-label:before {
	position: absolute;
	top: 0.15625rem;
	left: -1.5rem;
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	pointer-events: none;
	content: "";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #dee2e6
}

.custom-control-label:after {
	position: absolute;
	top: 0.15625rem;
	left: -1.5rem;
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%
}

.custom-checkbox {
    margin-top: 32px;
}

.custom-checkbox .custom-control-label:before {
	border-radius: 0.25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
	background-color: #fb9678
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
	background-color: #fb9678
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
	background-color: rgba(251, 150, 120, 0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
	background-color: rgba(251, 150, 120, 0.5)
}

.custom-radio .custom-control-label:before {
	border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:before {
	background-color: #fb9678
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
	background-color: rgba(251, 150, 120, 0.5)
}

.custom-control-input:focus~.custom-control-indicator {
	-webkit-box-shadow: none;
	box-shadow: none
}

.custom-control-input:checked~.custom-control-indicator {
	background-color: #00c292
}

.custom-control-label:after,
.custom-control-label:before {
	top: 0.15rem
}
/*---------------------------------------------------*/

.white-box2 {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #c5ccd8;
    box-shadow: 3px 6px 10px #a0a4af;
    color: black;
}


.white-box-danger {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #fb9678;
    box-shadow: 3px 6px 10px #a0a4af;
}

.common-list2{margin:0;padding:0;    margin: 0px 0px 0px 0px;}
.common-list2 li{list-style:none;display:block}
.common-list2 li a{padding:12px 0;color:#686868;display:block}


.sidebar .fa-fw2 {
    /* width: 20px; */
    text-align: left !important;
    display: inline-block;
    font-size: 21px;
    vertical-align: middle;
    margin:0px 0px 0px 0px;
}


.labelsMia {
    color: red;
    background-color: red;
    font-family:"Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    width: 30px;
    white-space: nowrap;
}

.panel-body2 {
    border: 1px solid!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;;
}
.form-group {
    margin-left: 0!important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
}

.form-group label, .control-label{
    font-weight: 300;
    font-family: helvetica;
    font-size: 12px;
    margin-bottom: 8px!important;
}

.maiuscoletto{
    text-transform: uppercase;
}

#module .GenericTable{
    font-size: 11px!important;
}

#module .GenericTable2{
    font-size: 11px!important;
}

/*LOADER*/
.loader {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    /*left: 55%;*/
    /*top: 50%;*/
    background-color: darkgrey;
    z-index: 10000;
    opacity: 0.5;
}
.loader:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #006dcc;
    border-color: #006dcc transparent #006dcc transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    position: relative;
    top: 50%;
    left: 50%;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
tbody {
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.content-wrapper .sidebar li span span {
    display: initial!important;
}



.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid transparent;
    border-radius: 0px;
}
/*!*ELLIPS*!*/
/*.dataTable td {*/
    /*!* essential *!*/
    /*text-overflow: ellipsis;*/
    /*width: 100px;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/

    /*!* for good looks *!*/
    /*padding: 5px;*/
/*}*/


/* disabled fields as labels 
-------------------------------------------------------*/
input.readOnly:disabled, input[type="text"].readOnly:disabled, input[type="email"].readOnly:disabled, 
textarea.readOnly:disabled, select.readOnly:disabled {
    background: transparent;
    border:none;
    color:#333;
    cursor:default;
    font-family:'Times New Roman';
    /* font-style: italic; */
    padding: 0;
}
    input.readOnly:disabled, input[type="text"].readOnly:disabled, input[type="email"].readOnly:disabled, select.readOnly:disabled
    {height:23px; margin-top:-3px;}

    /* dropdowns */
    select.readOnly:disabled {
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        /* IE */
        overflow:hidden;
        width: 120%;

        line-height: 1;
    }
    /* textareas */
    textarea.readOnly:disabled {
        resize:none;
        font-size: 16px;
    }

    input.readOnly:disabled, input[type="text"].readOnly:disabled, input[type="email"].readOnly:disabled, select.readOnly:disabled{
        margin-bottom:0;
        font-size: 16px;
        margin-top: 3px;
    }
    input[type="radio"], input[type="radio"].readOnly:disabled {
        margin-right: 5px;
        height: 13px;
        margin-top: 12px;
    }

    /* data tables */
    .dataTables_wrapper input.readOnly:disabled, .dataTables_wrapper input[type="text"].readOnly:disabled, 
    .dataTables_wrapper input[type="email"].readOnly:disabled, .dataTables_wrapper select.readOnly:disabled{
        font-size: 11px;
        margin-bottom:0;
    }
    .GenericTable td.actions {min-width: 103px;}

    input.readOnly-inline:disabled, select.readOnly-inline:disabled {height:35px !important;}

    .active-row, .active-row > td, 
    table.dataTable.stripe tbody tr.odd.active-row, table.dataTable.display tbody tr.odd.active-row {
        background-color:#9b9b9b !important;
        color: #fff !important;
    }
    table.dataTable.display tbody tr.active-row .btn-info.btn-outline, 
    table.dataTable.display tbody tr.active-row .btn-danger.btn-outline {
        color: #fff !important;
        border: 1px solid #fff;
    }
    table .error {
        font-family: 'pt serif', 'Times New Roman', Times, serif;
        /* font-style: italic; */
        font-weight: bold;
    }

    /* other tables */
    .order-costs-calc {
        background-color: #ddd;
        border: 1px solid #333;
        border-radius:5px;
        margin-bottom: 20px;
        padding: 6px 10px;
    }
    .order-costs-calc table th {
        font-weight: bold;
        padding:4px 16px 4px 0;
    }
    .order-costs-calc table th, .order-costs-calc table td {
        padding:4px 16px 4px 0;
    }
    .order-costs-calc table td {
        font-family: 'Times New Roman', Times, serif;
        font-size: 16px;
    }
    .order-costs-calc table td span.curr-symbol {
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 14px;
    }

/*-----------------------------------------------------*/


/* invoice table */

table.invoiceTable {
    position: relative;
}
    table.invoiceTable .error {
        font-family: 'pt serif', 'Times New Roman', Times, serif;
        /* font-style: italic; */
        font-weight: bold;
    }
.invoiceTable td, .invoiceTable th {
    font-size:11px;
    width: auto;
}
.invoiceTable th {
    color: #666666;
    font-weight: bold;
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    position: relative;
}
    .invoiceTable th:after {
        position: absolute;
        left:0;
        top:50%;
        transform: translateY(-37%);
        font-family: 'FontAwesome';
        font-size: 14px;
        content: "";
        color:#333;
    }
    .invoiceTable th.asc:after {
        content: "\f0de";
    }
    .invoiceTable th.desc:after {
        content: "\f0dd";
        transform: translateY(-67%);
    }

.invoiceTable td {
    padding: 14px 10px;
    border-top: 1px solid #ddd;
    position: relative;
    font-family: 'pt serif', 'Times New Roman', Times, serif;
    letter-spacing: 0.04em;
}
.invoiceTable td:before {
    content: attr(data-before); /* Label the data (set via jquery in invoiceTable.loadTable) */
    display:none;
    position: relative;
    font-weight: 500;
    margin-bottom:10px;
    top: 6px;
    left: 0;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
}

.invoiceTable tbody tr:hover td {
    background-color: #e9e9e9;
}
.invoiceTable th.actions {
    width: 100px;
}

.invoiceTable .invoice-item td {
    border-top-color: #000;
    border-top-width: 2px;
    font-size: 13px;
}
.invoiceTable .invoice-item td.amount {
    font-size: 13px;
}

.invoiceTable .itemName, .invoiceTable .amount {
    font-weight: bold;
}
.invoiceTable .itemName {
    width: 100px;
}

.invoiceTable .amount {
    text-align: right;
}
.invoiceTable .items-sum .amount {
    font-size: 15px;
}

    .invoiceTable .items-sum .amount.error {
        text-decoration: underline;
    }
.invoiceTable .invoice-subItem {
    /* font-style: italic; */
}

.invoiceTable .form-control {
    font-size: 11px;
}
.invoiceTable .imported {
    color:#85144b !important;
}

/* BULK rendicontazione
------------------------------------------------------*/
.events-table input, .events-table textarea {
    border: 2px solid #ccc;
    color:#333;
    line-height: 1;
}

/*-----------------------------------------------------*/

/* Currency inputs
-------------------------------------------------------*/
.input-icon {
    position: relative;
  }
  
  .input-icon > i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal;
  }
  
  .input-icon > input {
    padding-left: 25px !important;
    padding-right: 0;
  }
  
  .input-icon-right > i {
    right: 0;
  }
  
  .input-icon-right > input {
    padding-left: 0;
    padding-right: 25px !important;
    text-align: right;
  }

/*-----------------------------------------------------*/


/* Logo
-------------------------------------------------------*/
.logoSmall img {padding:5px 5px 5px 0;}

/* panels
-------------------------------------------------------*/
.navbar-header {
    background: rgb(18, 124, 192);
    position: relative;
}
.panel-black, .panel-inverse{
    width: 100%
}
.panel-black .panel-heading, .panel-inverse .panel-heading {
    border-color: rgb(18, 124, 192);
    color: white;
    background-color: rgb(18, 124, 192);
    border-radius: 3px 3px 0 0;
}

/* equal height columns
-------------------------------------------------------*/
@media screen and (min-width:992px) {
    .row.equal, .row.equal > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

/* action buttons
-------------------------------------------------------*/
.form-actions {
    margin: 20px 0;
    text-align: center;
}
.form-actions.left {
    text-align: left;
}

.form-actions .btn, .btn.fileinput-button {
    border-radius: 2px;
    padding: 12px 32px;
    font-size: 15px;
    font-weight: 300;
    margin: 6px;
}

.panel-black a.btn:not(.btn-outline), .panel-inverse a.btn:not(.btn-outline) {
    color: #fff;
}

.btn.fileinput-button {
    margin: 0;
}
    .form-actions .btn-success, .form-actions .btn-success:hover, 
    .form-actions .btn-warning, .form-actions .btn-warning:hover, 
    .form-actions .btn-danger, .form-actions .btn-danger:hover {
        color:white;
    }

.btn-export-int {width:250px;}

.input-action {
    width: 100%;
    border-radius: 5px;
    margin: 5px 0;
}
    @media screen and (min-width:992px) {
        .input-action {
            margin-top: -15px;
        }
    }
/*-----------------------------------------------------*/

/* file uploads
-------------------------------------------------------*/
.fileContainer {
    display: inline-block;
    margin-bottom:10px;
    position: relative;
    vertical-align: top;
    width:45%;
}

.uploadedFileLink {
    display: inline-block;
    color: #fff !important;
    font-size: 13px;
    height: 300px;
    margin: 10px;
    max-width: 100%;
    background-color: cadetblue;
    border-radius: 3px 3px 0 0;
    padding: 70px 10px 10px;
    word-wrap: break-word;
    transition: all 0.2s ease-in;
}
.uploadedFileLink:hover {
    background-color: darkcyan;
}
/*-----------------------------------------------------*/

/* advanced tooltips
-------------------------------------------------------*/
.dataTables_wrapper table td, .dataTables_wrapper table tr , .dataTables_wrapper table, .dataTables_wrapper {
    position: relative;
    z-index:unset;
    font-size: 12px;
}
.tooltipped {
    display: table-cell;
    overflow: visible;
    position:relative;
    z-index:unset;
}
.adv-tooltip {
    background: rgba(255, 255, 255, 1);
    border:2px solid #ccc;
    border-radius: 3px;
    font-family: 'Poppins',sans-serif;
    font-size: 11px;
    font-weight: 300;
    padding: 5px;

    min-width: 100px;
    position: absolute;
    left:20%;
    top:115%;
    z-index: 1000;
    overflow-y:visible !important;
    overflow-x:visible !important;
    /* transition: all 0.1s ease-in-out; */
}
.adv-tooltip:after {
    border-color: #ccc rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0px 8px 14px 5px;
    top: -14px;
    content: "";
    display: block;
    left: 9px;
    position: absolute;
    width: 0;
}
.adv-tooltip.top {
    bottom: 122%;
    left: 6%;
    top:unset;
}
.adv-tooltip.top:after {
    border-width: 14px 8px 0 8px;
    bottom: -14px;
    top:unset;
}
    .adv-tooltip.adv-tooltip-right {
        top: 50%;
        transform: translateY(-50%);
        left: 120%;
        left: calc(100% + 15px);
    }
    .adv-tooltip.adv-tooltip-right:after {
        border-color: rgba(0, 0, 0, 0) #ccc ;
        border-style: solid;
        border-width: 8px 14px 8px 0;
        content: "";
        display: block;
        left: -14px;
        top: 50%;
        margin-top: -7px;
        position: absolute;
        width: 0;
    }

    .adv-tooltip.adv-tooltip-left {
        top: 50%;
        transform: translate(-120%, -50%);
    }
    .adv-tooltip.adv-tooltip-left:after {
        border-color: rgba(0, 0, 0, 0) #ccc ;
        border-style: solid;
        border-width: 8px 0 8px 14px;
        content: "";
        display: block;
        left: 100%;
        top: 50%;
        margin-top: -7px;
        position: absolute;
        width: 0;
    }

.adv-tooltip table th {
    white-space: nowrap;
}
.adv-tooltip table td a:hover {
    text-decoration: underline;
}

.tooltipped .adv-tooltip, .adv-tooltip {
    display: none;
    opacity:0;
}
.tooltipped:hover .adv-tooltip {
    display: block;
    opacity:1;
}
/*-----------------------------------------------------*/


/* input-inner-icons
-------------------------------------------------------*/
.input-inner {
    position: relative;
    display: table-cell;
    z-index: 1;
    display: inline-block;
    width: calc(100% - 46px);
    vertical-align: top;
}
    .input-inner-icon {
        position: absolute;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        right:0;
        width: 18px;
        height: 18px;
        padding: 0;
        margin:0 6px;
        z-index: 999;
    }
    .input-inner-icon i {color:#999;}
.input-inner input {height:39px;}


.input-group-addon {
    padding: 12px;
    display: inline-block;
    width: 46px;
    height:39px;
    vertical-align: top;
}
/*-----------------------------------------------------*/

.noWrap {
    white-space: nowrap;
}

span.info-icon {
    background-color: #006dcc;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-family: 'Times New Roman, Times, serif';
    font-style: italic;
    font-weight: bold;
    padding: 0px 6px;
    width: 15px;
}

.list-icon {
    font-size: 20px;
}
.success-icon {
    color: limegreen;
}
.error-icon {
    color: #FF3151;
}
.warning-icon {
    color: #E7BA13;
}
.error, .imported.error {
    color: #cd3151 !important;
    letter-spacing: 0.08em;
}
.warning {
    color: #FFCC00 !important;
}
.warning.btn {
    margin-bottom: 30px;
    background-color: #FFCC00;
    border-color: #FFCC00;
    color:#fff !important;
}
.tbc.error .bar {fill:#cc0000 !important;}
.tbc.error text {fill:#fff !important;}
.tbc.success .bar {fill:#0A6F0C !important;}
.tbc.success text {fill:#fff !important;}
.inError, input[required].inError {
    border:1px solid #cc0000 !important;
    background-color: #eecccc !important;
}
.transpText {color:transparent !important;}


/* percentage bar
-------------------------------------------------------*/
.tbc {
    width: 90%;
    height: 29px;
    border-radius: 5px;
  }
  td .tbc {
    width: 100%;
    height: 23px;
  }
  
  .tbc .bg {
    fill: gold;  
    fill-opacity: 0.5;
  }
  
  .tbc .bar {
    fill: blue;
    fill-opacity: 0.5;
  }
  
  .tbc text {
    font-size: 8pt;
    font-family: Calibri, sans-serif;
    font-weight: bold;
    fill: blue;
  }


/* multi select
-------------------------------------------------------*/
.multisel-selectall {
    border-radius: 4px;
    font-size: 11px;
    margin-left: 10px;
}
.multisel-deselectall {
    border-radius: 4px;
    font-size: 11px;
    margin-left: 5px;
    background: #ccc;
    border-color: #ccc;
}
    .multisel-deselectall:hover {
        background: #ccc;
        border-color: #ccc;
    }
.ms-selection .ms-list {border-color:#666;}
.ms-container {width: 524px;}
.ms-container .ms-list {height: 250px;}
.ms-container .ms-selection li.ms-elem-selection {background-color:#4F5467;}
.ms-container .ms-selection li.ms-elem-selection span {color:#fff;}
.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    padding: 5px 10px;
}
/* filters
-------------------------------------------------------*/
#offersFilters {position:relative;}
.clearFilters {
    position:absolute;
    top:5px;
    right:10px;
    text-decoration:underline;
    font-size:10px;
    color:#006dcc;
    cursor:pointer;
    z-index: 999;
}
.results {
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:10px;
    color:#666;
    z-index: 999;
}


/* plus/minus custom spinners
-------------------------------------------------------*/
.input-control-key-custom {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 62%;
    transform: translateY(-50%);
}
    .input-control-key-custom-plus {
        right: 0;        
    }
    .input-control-key-custom-minus {
        left: 0;
    }
    .input-control-key-custom-reset {
        right: -50px;
        text-decoration: underline;
        font-style: italic;
        color:#ccc !important;
    }

.input-control-key-custom .fas {
    color:rgb(18, 124, 192);
    font-size: 18px;
    margin:0;
    z-index: 10;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    color: #4c5667 !important;
}
    a.disabled i:before {
        color: #4c5667;
    }

/* Orders Data Tables statuses
-------------------------------------------------------*/
tr.status_approved > td {
    color:#0A6F0C;
}
tr.status_revision > td {
    color:#BA9610;
}
tr.status_notApproved > td {
    color:#940E0E;
}
tr.status_proposed > td {
    color:#E7BA13;
}
tr.status_accepted > td {
    color:#0EB212;
}
tr.status_refused > td {
    color:#D21414;
}
tr.status_close > td {
    color:#ccc;
    font-style: italic;
}

/* Custom Data Table */
.customTable td, .customTable th {
    font-size:11px;
}
.customTable th {
    color: #666666;
    font-weight: bold;
    padding: 10px 18px;
    border-bottom: 1px solid #111;
}
.customTable td {
    padding: 8px 10px;
    border-top: 1px solid #ddd;
}
.customTable tbody tr:hover td {
    background-color: #e9e9e9;
}

/* Pagination
-------------------------------------------------------*/
.pagination-wrapper {
    margin: 2px 0 5px;
}
.currPageNumber {
    border-radius: 5px;
    background-color: #ddd;
    color:#fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    /* font-style: italic; */
    font-weight: bold;
    line-height: 1;
    margin:0;
    /* margin: 0px 16px 0px; */
    padding: 6px 0px;
    position: relative;
    text-align: center;
    vertical-align: top;

    height: 30px;
    width: 43px;
    
    transition: all .2s ease-in;
}

.currPageNumber:hover {
    /* animation: blob 1s ease-in-out infinite; */
    /* transform: scale(1.3); */
}
.currPageNumber:after{
    content: "Click to change page";
    padding: 2px;
    opacity: 0;
    display:block;
    position: relative;
    top: -46px;
    left: 32px;
    color: #333;
    font-weight: 300;
    font-size: 12px;
    transform: translateX(-50%);
    width: 150px;
    text-align: center;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    transition: all .4s ease-in;
    z-index: 999;
}
.currPageNumber:hover:after{
    opacity: 1;
}
@keyframes blob {
    0%   { transform: scale(1); }
    38%  { transform: scale(0.8, 1); }
    40%  { transform: scale(0.8, 1); }
    78%  { transform: scale(1.3); }
    80%  { transform: scale(1.3); }
    100% { transform: scale(1); }
  }
    .currPageNumberInput {
        background: transparent;
        border: none;
        display: block;
        color: #333;
        font-weight: normal;
        font-size: 17px;
        width: 40px;
        height: 27px;
        margin-top: -6px;
        text-align: center;
        padding: 4px;
    }
    /* .currPageNumber:after {
        content: "pagina";
        position: absolute;
        top: -10px;
        font-size: 11px;
        color: #333;
        font-weight: bold;
        left: 50%;
        z-index: 0;
        transform: translate(-50%, -50%);
    } */

.turnPager {
    /* background-color: #888; */
    border-radius: 4px;
    /* border:2px solid #888;
    box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.1); */
    display: inline-block;
    padding: 5px;
    text-align: center;
    width: 45px;
}
    .turnPager i.fa {
        color:#111;
        font-size: 21px;
        vertical-align: -4px;
        position: relative;
        transition: all .2s ease-in;
    }
    .turnPager.turnPrev i.fa {
        right: 3px;
    }
    .turnPager.turnNext i.fa {
        left: 3px;
    }
    .turnPager:hover i.fa {
        color:#aaa;
    }

.turnPager.disabled {
    pointer-events: none;
    border-color:#eee;
}
.turnPager.disabled i.fa {color:#eee;}

/* autocomplete
-------------------------------------------------------*/
.autocomplete {
    position: relative;
    font-size: 16px;
  }
  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #d4d4d4; 
  }
  .autocomplete-items div:hover {
    background-color: #e9e9e9; 
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important; 
    color: #ffffff; 
  }


/* calendar
-------------------------------------------------------*/
.panel-black a .fc-time, .panel-inverse a .fc-time {
    color:#fff;
    
}
.fc-event, .fc-event-dot {
    background-color: #4d82d6;
}

.fc-day-grid-event .fc-time {
    font-weight: 300 !important;
}

/* Widget */
.widget-parent {position: relative;}
.widget-wrapper {
    display: flex;
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    /* min-width: 200px; */
    background-color:#fff;
    border-radius: 6px;
    box-shadow: -1px 0px 4px -2px rgba(0, 0, 0, 0.6);
    padding: 6px;
}
.widget-item {
    background-color:#efefef;
    border-radius: 6px;
    box-shadow: -1px 0px 4px -2px rgba(0, 0, 0, 0.6);
    margin:5px;
    padding: 6px;
    width: 98px;
    white-space: nowrap;
}
.widget-item h1 {
    font-size: 10px;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.widget-item p {
    color: #777;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    margin: -3px 0 0;
    -moz-transform: scale(1,1.1);
    -ms-transform: scale(1,1.1);
    -o-transform: scale(1,1.1);
    transform: scale(1,1.1);
}
.widget-item h3 {
    font-size: 10px;
    text-align: right;
    margin: -17px 0 0;
}
.widget-item.digit-item h1, .widget-item.digit-item p {
    text-align: right;
}



/* fix FF horrible select buttons */
@-moz-document url-prefix() {
    select.form-control {
      padding-right: 25px;
      background-image: url("data:image/svg+xml,\
        <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px'\
             height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'>\
          <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
        </svg>");
      background-repeat: no-repeat;
      background-position: calc(100% - 7px) 50%;
      -moz-appearance: none;
      appearance: none;
    }
  }