/****** COMIXCMS CUSTOM CSS ******/
html, body {position: relative; width: 100%; display: block;}

#loader {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 168, 227, 1); display: table; visibility: visible; z-index: 2000; opacity: 0;}
#loader.show {opacity: 1;}
#loader.hide {visibility: hidden !important;}
#loader .ext {width: 100%; height: 100vh; vertical-align: middle; display: table-cell;}
#loader img {position: relative; margin: auto; display: block;}

/***** FONTS *****/
@font-face {
  font-family: Abel-Regular;
  src:	url(../fonts/Abel-Regular.ttf) format('truetype'),
		url(../fonts/Abel-Regular.woff) format('woff');
}
/***** .FONTS *****/


/***** CSS *****/
.bg-danger {background-color: #d06f94 !important;}
::-moz-selection  {background: #001e6b; color: #ffffff;}
::selection {background: #001e6b; color: #ffffff;}
.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
p {font-size: 16px; font-family: 'Abel-Regular', Verdana, Sans-serif; font-weight: 700;}
main {position: relative; top: 0; left: 0; width: 100%; height: calc(100vh - 100px); background: #ffffff; display: block; overflow-x: hidden; overflow-y: auto; z-index: 1;}
footer {position: relative; bottom: 0; left: 0; width: 100vw; height: 100px; font-size: 12px; text-align: center; color: #ffffff; padding: 15px 10px; margin: 0; background: rgba(0, 168, 227, 1); display: block;}

/* GENERALI - NOTIFICHE */
/*
.alert {position: fixed; top: 15px; z-index: 1010; width: 400px; height: auto; margin: 0 auto; left: auto; right: 15px; opacity: 0; visibility: hidden; transition: all .3s ease-in-out;}
.alert.show {visibility: visible; opacity: 1;}
.alert p {margin-bottom: 0 !important;}
.alert .title-centered {text-align: center; margin-bottom: 0 !important;}
.alert-dismissible .close {padding: 0.60rem 1.25rem !important;}
*/

/* GENERALI - DATATABLES */
/*
.dataTable {overflow-x: hidden;}
.dataTable th {font-size: 12px;}
.dataTable td {font-size: 14px; padding: 8px 18px !important;}
.dataTable tbody td {color: #ffffff; background: rgba(0, 0, 0, 1);}
.dataTable.display tr.odd > .sorting_1, .dataTable.order-column.stripe tr.odd > .sorting_1,
.dataTable.display tr.even > .sorting_1, .dataTable.order-column.stripe tr.even > .sorting_1 {background-color: #000 !important;}
*/

/* MENU */
/*
aside {float: left; position: relative; top: 0; left: 0; width: 250px; height: 100vh; padding: 0; margin: 0; display: block; background-color: #001e6b; -webkit-box-shadow: inset -10px 0px 4px 0px rgba(0,37,130,1); -moz-box-shadow: inset -10px 0px 4px 0px rgba(0,37,130,1); box-shadow: inset -10px 0px 4px 0px rgba(0,37,130,1); overflow-x: hidden; overflow-y: auto; z-index: 2;}
.div-header .logo, .div-header .div-nav {padding: 10px;}
.sf-menu {padding: 0; margin: 0;}
.sf-menu li {padding-left: 15px;}
.sf-menu li svg {color: #fff; font-size: 12px; margin-right: 3px;}
.sf-menu a {position: relative; color: #fff;}
.sf-menu a::before {content: ''; position: absolute; top: 0; left: -25px; width: 25px; height: 25px; display: block;}
.sf-menu li a:hover {color: #ffffff; text-decoration: underline;}
.sf-menu .submenu .sub {padding: 0; display: none; visibility: hidden; opacity: 0; transition: opacity 1s ease-in-out;}
.sf-menu .submenu.fixopen .sub {display: block; visibility: visible; opacity: 1;}
.sf-menu .submenu.sfHover .sub {display: block; visibility: visible; opacity: 1;}
*/

/* MENU - DROPDOWN */
/*
.dropdown-item:active, .dropdown-item:focus {background: #ceb3c9;}
.dropdown-toggle::after {content: none !important;}
#registrami, #accedi, #dropdown-user {float: right;}
#dropdown-user {min-width: 160px !important; max-width: 160px !important; text-align: center !important; margin-right: 40px;}
#accedi {margin-right: 50px;}
#dropdown-user a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
*/

/****** PAGINE ******/
/*** LOGIN ***/
/*
#login-admin {position: relative; width: 300px; padding-top: 100px; display: table;}
.logout-mobile {display: none; visibility: hidden;}
.logout {position: fixed; right: 30px; top: 15px; width: 90px; height: 25px; display: block; z-index: 3; overflow-x: hidden;}
.logout a {position: absolute; color: #001e6b; text-decoration: none; transition: transform .3s ease-out; transform: translate(70px, 0px);}
.logout a::after {content: 'Logout'; position: relative; display: inline-block;}
.logout a:hover {transform: translate(10px, 0px);}
/*

/*** DASHBOARD ***/
.table {width: 100%; height: 100vh; margin-bottom: 0; display: table;}
.table_cell {width: 100%; height: 100%; vertical-align: middle; display: table-cell;}
.table_div {width: 500px; max-width: 100vw; max-height: 100vh; text-align: center; padding: 15px; margin: auto; display: block;}

/*** FOOTER ***/
footer p {margin: 0;}
footer a, footer a:link, footer a[name], footer a:visited {color: #ffffff; text-decoration: underline;}
footer a:hover {color: #ffffff; text-decoration: none;}