/* Add here all your CSS customizations */

/*fonts*/
@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

.blink {
  animation:1.2s blinker linear infinite;
  -webkit-animation:1.2s blinker linear infinite;
  -moz-animation:1.2s blinker linear infinite;
}

@-moz-keyframes blinker {  
  0% { background:rgba(27,116,187,0.3) }
  50% { background:rgba(27,116,187,0.1) }
  100% { background:rgba(27,116,187,0.3) }
}

@-webkit-keyframes blinker {  
  0% { background:rgba(27,116,187,0.3) }
  50% { background:rgba(27,116,187,0.1) }
  100% { background:rgba(27,116,187,0.3) }
}

@keyframes blinker {  
  0% { background:rgba(27,116,187,0.3) }
  50% { background:rgba(27,116,187,0.1) }
  100% { background:rgba(27,116,187,0.3) }
}

body{ font-size:15px; font-family: 'Century Gothic';}
a{ color:#147491;}
p{ color:#147491; line-height:24px;}
.form-control:focus{ box-shadow:none;}
.btn{ border:0px; line-height:20px; padding:10px 20px; border-radius:0px;}
.btn.btn-primary{ background:#111; color:#fff;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#666; color:#fff;}
.divider{ width:100%; float:left;}
body.popup{ width:auto; height:auto; max-width:none; min-width:auto; max-height:none; min-height:auto; background:#f7f7f7;}
.fancybox-slide--iframe .fancybox-content{ max-width:900px; max-height:400px;}

/*login*/
html, body.login{ background:#f7f7f7;}
.body-sign{font-family: 'Century Gothic';}
.body-sign .logo{ width:100%; margin-bottom:40px; text-align:center;}
.body-sign .logo img{ display:inline-block;}
.body-sign .card-sign .card-body{ clear:both; width:100%; display:inline-block; border:0px; border-radius:0px; box-shadow:none; padding:40px; margin-bottom:20px;}
.body-sign .card-sign .card-body label{ font-size:16px; line-height:20px;}
.body-sign .card-sign .card-body input{ border-radius:0px; font-size:16px; color:#333; background:#f7f7f7; border:0px;}
.body-sign .card-sign .card-body .checkbox-custom label:before{ border-radius:0px; background:#f7f7f7; border:0px;}
.body-sign .card-sign .card-body .btn{ min-height:50px; padding:10px 20px; text-transform:uppercase; box-shadow:none; border:0px; font-weight:bold; background:#147491; color:#fff;}
.body-sign .card-sign .card-body .btn:hover{ background:#000;}
.body-sign .card-sign .card-body .font-small{ font-size:13px;}
.body-sign p{ font-size:14px; line-height:20px;}

/* pagina base */
html.boxed.has-tab-navigation .inner-wrapper{ margin:0px;}
html.boxed.has-tab-navigation body{ background:#f7f7f7;}
html.has-tab-navigation .inner-wrapper{ background:none; border-radius:0px;}
html.has-tab-navigation .content-body{ background:#fff; border-radius:0px;}
html.header-dark .header{ background:none; border-radius:0px;}
html.header-dark .header .search .form-control{ background:#ebebeb; border:0px; color:#147491; min-height:40px; border-radius:0px;}
html.header-dark .header .search .btn-default{ background:#ebebeb; border:0px; color:#147491; border-radius:0px;}
html.boxed.has-tab-navigation .header .separator{ background:#ebebeb;}
.tab-navigation nav > ul > li{ margin-right:2px;}
.tab-navigation nav > ul > li > a{ font-size:14px; font-weight:normal; background:#147491; color:#fff !important; padding:15px 20px; border-radius:0px !important;}
.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a{ background:#000;}
.tab-navigation nav > ul > li.nav-expanded > a{ color:#147491 !important;}
.tab-navigation nav > ul > li > ul > li > a{ font-size:13px; font-weight:normal;}
.tab-navigation nav > ul > li.nav-expanded > ul{ border-bottom:2px solid #f7f7f7;}
html.header-dark .notifications > li .notification-icon{ width:36px; height:36px; background:#e00078; box-shadow:none;}
html.header-dark .notifications > li.one .notification-icon{ background:#147491;}
html.header-dark .notifications > li.two .notification-icon{ background:#444;}
html.header-dark .notifications > li.three .notification-icon{ background:#555;}
html.header-dark .notifications > li .notification-icon i{ color:#fff; line-height:36px;}
html.header-dark .userbox .name{ color:#147491; text-transform:uppercase;}
html.header-dark .userbox .role{ color:#666;}
html.header-dark .userbox .dropdown-menu{ background:#147491; box-shadow:none; border-radius:0px;}
html.header-dark .userbox.show .dropdown-menu a{ color:#fff; font-weight:normal; text-transform:uppercase;}
html.header-dark .userbox.show .dropdown-menu li:first-child{ margin-top:15px;}
html.header-dark .userbox.show .dropdown-menu li{ margin-bottom:0px; border-top:1px solid rgba(255,255,255,0.3);}
html.header-dark .userbox.show .name{ color:#fff;}
html.header-dark .userbox.show .role{ color:#e1e1e1;}
html.header-dark .userbox.show .custom-caret{ color:#fff;}
.userbox.show .dropdown-menu a:hover{ background:#666;}
html.has-tab-navigation .page-header{ width:100%; padding-bottom:30px;}
.header .logo{ margin-top:5px;}
.header .logo img{ max-width:170px;}
.footer{ padding:0 0 40px 0;}
.footer .container{ max-width:1170px; padding:0px;}
.footer p{ margin:0px; font-size:14px; color:#999; line-height:20px;}
.page-header.page-header-left-breadcrumb h2{ height:auto; font-size:26px; line-height:32px; text-transform:uppercase; font-weight:700;}

/*form*/
.card-body{ width:100%; float:left; background:none; box-shadow:none; border:0px;}
.form-horizontal{ width:100%; float:left;}
.form-horizontal .form-control{ background:#f7f7f7; border-radius:0px;}
.form-horizontal.form-bordered .form-group:last-child{ border:0px; padding-bottom:0px;}
.form-horizontal textarea.manual{ height:200px; resize:none;}

/*grafico*/
.card.grafico{ border:1px solid #DADADA; border-radius:0px;}

/*dashboard operatore*/
.dashboard{ margin-top:20px;}
.dashboard .row{ margin:0 -10px;}
.dashboard [class*="col-"]{ padding:0 10px;}
.dashboard .item{ margin-bottom:20px; position:relative; padding:40px 30px; background:#f7f7f7; box-sizing:border-box;}
.dashboard .item h2{ min-height:50px; font-size:22px; position:relative; line-height:25px; padding-left:70px; color:#147491; font-weight:700; text-transform:uppercase; margin:0px; margin-bottom:0px;}
.dashboard .item h2:before{ content:""; font-family:"Font Awesome 5 Free"; width:50px; height:50px; line-height:50px; position:absolute; left:0px; text-align:center; background:#000;font-weight:900; font-size:22px; color:#fff;}
.dashboard .item h3{ font-size:16px; line-height:22px; position:relative; line-height:24px; color:#666; text-transform:none; margin:20px 0;}
.dashboard .item h3 strong{ color:#000;}
.dashboard .item p{ min-height:70px;}
.dashboard .item .btn{ padding:10px 20px; text-transform:uppercase; box-shadow:none; border:0px; border-radius:0px; font-weight:bold; background:#147491;}
.dashboard .item .btn:hover{ background:#000;}
.dashboard .item.one .btn{ background:#147491;}
.dashboard .item.one h2{ color:#147491;}
.dashboard .item.one h2:before{ background:#147491; content:"\f2bb";}
.dashboard .item.two .btn{ background:#147491;}
.dashboard .item.two h2{ color:#147491;}
.dashboard .item.two h2:before{ background:#147491; content:"\f3ff";}
.dashboard .item.three .btn{ background:#147491;}
.dashboard .item.three h2{ color:#147491;}
.dashboard .item.three h2:before{ background:#147491; content:"\f2d0";}
.form-horizontal .imglogo {
    width: auto;
    max-height: 50px;
    margin-top: 10px;
}
/*widget-dashboard*/
.widget-dashboard{ padding:0px;}
.widget-dashboard .card-featured-left{ background:#f7f7f7; border-radius:0px; border-width:0px;}
.widget-dashboard .card-featured-left .summary-icon{ background:#111; border-radius:0px;}
.widget-dashboard .card-featured-left .widget-summary .summary{ padding-top:15px;}
.widget-dashboard .card-featured-left .widget-summary .summary .title{ font-size:20px; line-height:26px; margin-bottom:5px;}
.widget-dashboard .card-featured-left.one .summary-icon{ background:#147491;}
.widget-dashboard .card-featured-left.two .summary-icon{ background:#1987a9;}
.widget-dashboard .card-featured-left.three .summary-icon{ background:#1d99bf;}
.widget-dashboard .card-featured-left.four .summary-icon{ background:#21add7;}

/*cartoncino*/
.media-gallery .mg-files .thumbnail{ border-radius:0px;}
.media-gallery .mg-files .thumbnail .thumb-preview img{ border-radius:0px;}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar{ background:#111;}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom{ background:#111; border-radius:0px;}

.alert{ width:100%;}

#pLogin{ text-align:center; margin-top:60px;}
#pLogin input[type="text"]{ height:28px; padding:5px 10px; color:#666; border:1px solid #e1e1e1;}
#pLogin input[type="submit"]{ vertical-align:top; cursor:pointer; font-size:16px;}