/* CUSTOM FONTS */

@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/segoe-ui-light.eot');
    src: url('../fonts/segoe-ui-light.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe-ui-light.woff2') format('woff2'), url('../fonts/segoe-ui-light.woff') format('woff'), url('../fonts/segoe-ui-light.ttf') format('truetype'), url('../fonts/segoe-ui-light.svg#wf') format('svg');
}

@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/segoe-ui-semibold.eot');
    src: url('../fonts/segoe-ui-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoe-ui-semibold.woff2') format('woff2'), url('../fonts/segoe-ui-semibold.woff') format('woff'), url('../fonts/segoe-ui-semibold.ttf') format('truetype'), url('../fonts/segoe-ui-semibold.svg#wf') format('svg');
    font-weight: bold;
}


/* MAIN CSS */

html,
body {
    height: 100%;
    background-color: #f5f5f5;
    font-family: 'SegoeUI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #4682b4;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    color: #4682b4;
}

.riga-tabella-rossa {
    background-color: #FDABAB;
}


/*.riga-tabella-rossa > td {
	color:white !important;
}

.riga-tabella-rossa > td > a > i::before {
	color:white !important;
}*/

label {
    font-weight: 300;
}

.datetime {
    background-image: url('../images/calendar.png');
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: center;
}

.paging_simple_numbers {
    text-align: right;
}

.dataTables_filter {
    text-align: right;
}

a {
    color: #4682b4;
    outline: 0;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: 0;
}

.required {
    color: red;
}

h4 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #4682b4;
}

.highlighted {
    color: #4682b4;
}

.data-value {
    padding-bottom: 8px;
    font-size: 17px;
    font-weight: 300;
    color: #000000;
    border-bottom: 1px solid #e3e3e3;
    min-height: 32px;
}

.data-value.longtext {
    font-size: 15px;
    text-align: justify;
}

.footer-buttons {
    margin-bottom: 30px;
    text-align: right;
}

.management-buttons {
    margin-bottom: 15px;
    text-align: right;
}

.add-button {
    margin-bottom: 20px;
}

.huge {
    font-size: 40px;
    line-height: 44px;
}

.top-left,
.top-right {
    text-align: center;
}

.row-five {
    margin: 0 -5px;
}

.padding-five {
    padding: 0 5px;
}

@media only screen and (min-width: 992px) {
    .top-left {
        text-align: left;
    }
    .top-right {
        text-align: right;
    }
}


/* MAIN TEMPLATE */

#wrapper {
    height: 100%;
}

#page-wrapper {
    padding: 0;
    padding-top: 10px;
    min-height: 100% !important;
    background-color: #f5f5f5;
    border-left: 0;
}

@media only screen and (min-width: 768px) {
    #page-wrapper {
        padding-top: 60px;
    }
}


/* HEADER */

#top-bar {
    background-color: #4682b4;
}

#top-bar .navbar-top-links li a.dropdown-toggle {
    color: #ffffff;
}

#top-bar .navbar-top-links li a.dropdown-toggle:hover,
#top-bar .navbar-top-links li a.dropdown-toggle:active,
#top-bar .navbar-top-links li a.dropdown-toggle:focus {
    color: #4682b4;
}

@media only screen and (min-width: 768px) {
    #top-bar {
        width: 100%;
        position: fixed;
    }
}


/* LOGIN */

#login-wrapper {
    width: 100%;
    height: 100%;
    background-color: #4682b4;
    display: table;
}

#login {
    display: table-cell;
    vertical-align: middle;
}

#login label {
    font-size: 17px;
}

#login .panel {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 2px 12px 0 #444444;
    -moz-box-shadow: 0 2px 12px 0 #444444;
    box-shadow: 0 2px 12px 0 #444444;
}

#login .panel-body {
    padding: 30px;
    padding-top: 15px;
}

#login .logo {
    width: 100px;
    max-width: 100%;
    display: block;
}

#login .login-title {
    margin-top: 0;
    margin-bottom: 5px;
    color: #808080;
}

#login .login-subtitle {
    margin-bottom: 25px;
    color: #808080
}

#login .form-control {
    border-color: #4682b4;
}

#login .form-group {
    margin-bottom: 15px;
}

#login .btn {
    font-size: 17px;
}


/* SIDEBAR */

#side-header {
    margin: 0;
    padding: 10px 15px;
}

#side-menu>li {
    font-size: 18px;
    border-bottom: 0;
}

#side-menu>li>a {
    padding: 5px 0 5px 15px;
    position: relative;
}

#side-menu>li>a:hover,
#side-menu>li>a:active,
#side-menu>li>a:focus {
    background: none;
}

.sidebar {
    background-color: #f5f5f5;
    border: 0;
}

.sidebar .sidebar-nav {
    border-top: 0;
}

.sidebar .nav-second-level li {
    font-size: 14px;
    line-height: 14px;
}

.sidebar .nav-second-level li a {
    padding-left: 15px;
    padding-right: 0;
}

.sidebar .nav-second-level li a:hover,
.sidebar .nav-second-level li a:active,
.sidebar .nav-second-level li a:focus {
    background: none;
}

.sidebar .icon-menu {
    font-size: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #4682b4;
    color: #ffffff;
}

.sidebar .icon-menu.blue {
    background-color: #337ab7;
}

.sidebar .icon-menu.light-blue {
    background-color: #5bc0de;
}

.sidebar .icon-menu.green {
    background-color: #5cb85c;
}

.sidebar .icon-menu.red {
    background-color: #d9534f
}

.sidebar .icon-menu.orange {
    background-color: #f0ad4e
}

.sidebar .icon-menu:before {
    width: 42px;
    margin-right: 0;
    line-height: 40px;
    text-align: center;
}

.sidebar .arrow {
    font-size: 20px;
}

@media only screen and (min-width: 768px) {
    .sidebar {
        /*margin-top: 50px;*/
    }
}


/* BREADCRUMBS */

#breadcrumbs {
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
    display: block;
}

#breadcrumbs:after {
    content: '';
    display: block;
    clear: both;
}

#breadcrumbs>li {
    float: left;
    display: none;
}

#breadcrumbs>li>a {
    margin-bottom: 5px;
    padding: 8px 15px;
    background-color: #bee6fd;
    color: #4682b4;
    font-size: 16px;
    display: inline-block;
}

#breadcrumbs>li.active {
    width: 100%;
    display: block;
}

#breadcrumbs>li.active>a {
    background-color: #4682b4;
    color: #ffffff;
    display: block;
}

#breadcrumbs>li>a:hover,
#breadcrumbs>li>a:active,
#breadcrumbs>li>a:focus {
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    #breadcrumbs>li {
        display: block;
    }
    #breadcrumbs>li+li {
        margin-left: 4px;
    }
    #breadcrumbs>li.active {
        width: initial;
    }
    #breadcrumbs>li.active>a {
        display: inline-block;
    }
}


/* TOP MENU */

.top-menu {
    margin-bottom: 10px;
    background-color: #eeeeee;
    border: 2px solid #eeeeee;
}

.top-menu::after {
    content: '';
    display: block;
    clear: both;
}

.top-menu ul {
    margin: 0;
    padding: 0;
}

.top-menu ul>li {
    width: 50%;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: center;
    list-style: none;
    float: left;
    text-transform: uppercase;
    border: 2px solid #eeeeee;
}

.top-menu ul>li>a {
    padding: 12px 6px;
    background-color: #ffffff;
    display: Block;
}

.top-menu ul>li.current-page>a {
    background-color: #4682b4 !important;
    color: #ffffff;
}

.top-menu ul>li .icon {
    font-size: 15px;
}

@media only screen and (min-width: 480px) {
    .top-menu ul>li .icon {
        font-size: 17px;
    }
}

@media only screen and (min-width: 992px) {
    .top-menu ul.four-columns>li {
        width: 25%;
    }
    .top-menu ul.five-columns>li {
        width: 20%;
    }
}


/* ALERTS */

.alert {
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/* PANELS */

.panel {
    border: 1px solid #dedede;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 32px;
}

.panel-section-title {
    margin: 10px 0;
    padding: 8px 10px;
    background-color: #4682b4;
    color: #ffffff;
    font-size: 16px;
}

.panel-heading {
    padding: 12px 10px;
    font-size: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-body {
    padding: 10px;
    padding-top: 15px;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #4682b4;
    border-color: #4682b4;
}

.panel-green-water>.panel-heading {
    background-color: #5f9ea0;
    border-color: #5f9ea0;
    color: #ffffff;
}

.panel-orange>.panel-heading {
    background-color: #ffa500;
    border-color: #ffa500;
    color: #ffffff;
}

.panel-violet>.panel-heading {
    background-color: #800080;
    border-color: #800080;
    color: #ffffff;
}

.panel-footer {
    padding: 10px;
}


/* MODALS */

.modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modal-header {
    background-color: #4682b4;
}

.modal-header .close {
    color: #ffffff;
}

.modal-title {
    color: #ffffff;
}


/* TABS */

.nav-tabs {
    margin-bottom: 20px;
}


/* TABLES */

.table>thead>tr>th {
    background-color: #eeeeee;
    color: #4682b4;
    font-weight: 300;
    border: none;
    vertical-align: middle;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding-left: 18px;
    padding-right: 18px;
    vertical-align: middle;
}

.table>tbody>tr:first-of-type>td {
    border: 0;
}

.table.table-blue>thead>tr>th {
    background-color: #4682b4;
    color: #ffffff;
    border: 0;
}

.table>tbody>tr>td {
    color: #000000;
}

.table.table-blue.dataTable thead .sorting:before,
.table.table-blue.dataTable thead .sorting:after {
    color: #ffffff;
}

table.dataTable .dataTables_empty {
    padding-left: 0;
}


/* WELL */

.well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* PAGINATION */

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #4682b4;
    border-color: #4682b4;
}

.pagination>li>a,
.pagination>li>span {
    color: #4682b4;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/* BUTTONS */

.btn {
    padding-left: 32px;
    padding-right: 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-primary {
    background-color: #4682b4;
    border-color: #4682b4;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #40749e;
    border-color: #40749e;
}

.btn-top {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 15px;
}


/* ICONS */

.icon::before {
    z-index: 10;
    display: inline-block;
    margin: 0 0.4em 0 0;
    vertical-align: middle;
    text-transform: none;
    font-variant: normal;
    font-size: 1.3em;
    font-family: 'Pe-icon-7-stroke';
    line-height: 1;
    speak: none;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-user::before {
    content: "\e605";
}

.icon-users::before {
    content: "\e693";
}

.icon-registry::before {
    content: "\e69d";
}

.icon-protocol::before {
    content: "\e674";
}

.icon-warehouse::before {
    content: "\e617";
}

.icon-administration::before {
    content: "\e622";
}

.icon-presence::before {
    content: "\e6a9";
}

.icon-settings::before {
    content: "\e666";
}

.icon-alarms::before {
    content: "\e612";
}

.icon-recovery::before {
    content: "\e6ad";
}

.icon-certificates::before {
    content: "\e665";
}

.icon-treatments::before {
    content: "\e653";
}

.icon-anamnesi::before {
    content: "\e68f";
}

.icon-social-history::before {
    content: "\e65b";
}

.icon-consulting::before {
    content: "\e622";
}

.icon-success {
    color: #5cb85c;
}

.icon-danger {
    color: #d9534f;
}


/* FORMS */

.form-group {
    margin-bottom: 30px;
}

.form-control {
    border-color: #d0d1d2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-control:focus {
    border-color: #4682b4;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.checkbox label,
.radio label {
    font-weight: 300;
}

.form-ghost {
    margin-top: 10px;
    display: none;
}

.confirm-ghost,
.close-ghost {
    display: none;
}


/* CALENDAR DETAIL */

#calendar-detail .panel-heading {
    padding: 16px 0;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
}

#calendar-detail .time-entrance {
    margin-bottom: 30px;
}

#calendar-detail .detail-time {
    padding: 16px;
    background-color: #337ab7;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}


/* DASHBOARD BOX */

.dashboard-box {
    margin-bottom: 10px;
    padding: 10px;
    padding-top: 15px;
    background-color: #ffffff;
    border: 1px solid #dedede;
}

.dashboard-box .box-title {
    margin-top: 0;
    margin-bottom: 5px;
}

.dashboard-box .box-subtitle {
    color: #4682b4;
}

.open-dblclick {
    cursor: pointer;
}