/* WEBFONTS */
@import url("../fonts/meta-pro/style.css");
@import url("../fonts/font-awesome/css/all.css");
@import url("../fonts/icomoon/style.css");

* {transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .1s; -ms-transition-duration: .1s; -moz-transition-duration: .1s; -webkit-transition-duration: .1s; -o-transition-duration: .1s;}
*:focus {box-shadow: none !important;}

body {font-family: 'MetaPro', sans-serif; font-size: 18px; line-height: 1.6rem;}
h1, h2, h3, h4, h5, h6 {font-family: 'MetaPro', sans-serif; font-weight: bold; line-height: 1.4; color: #000000;}
.alert, .brand, .btn-simple, .h1, .h2, .h3, .h4, .h5, .h6, .navbar, .td-name, a, body, button.close, h1, h2, h3, h4, h5, h6, p, td {font-family: 'MetaPro', sans-serif;}
p {color: #68655c;}
input, button, select, optgroup, textarea {font-family: 'MetaPro', sans-serif;}
a, a:hover {color: #009fe3;}

.btn {font-family: 'MetaPro-CondMedi', sans-serif; font-weight: normal; font-size: 16px;}
.btn.btn-xs .btn-label i {font-size: 13px;}
.btn-radius-10 {border-radius: 10px !important;}

.main-header[data-background-color] .logo-header {background-color: rgba(0, 0, 0, .15) !important;}
.main-header .logo-header .logo img {width: auto; height: 40px;}

.sidebar .user .info a {line-height: 1.1rem;}
.sidebar .nav>.nav-item a p {font-family: 'MetaPro-Medi', sans-serif; font-weight: normal; font-size: 15px; color: #000000;}
.sidebar .nav > .nav-item a span[class^="icon-"] {margin-right: 15px; font-size: 20px;}
.sidebar .nav>.nav-item a i {color: #000000;}
.sidebar .nav>.nav-item.active>a p, .sidebar .nav > .nav-item a:focus p, .sidebar .nav > .nav-item a:hover p, .sidebar .nav > .nav-item a:focus i, .sidebar .nav > .nav-item a:hover i, .sidebar .nav > .nav-item.active a i, .sidebar .nav > .nav-item a[data-toggle="collapse"][aria-expanded="true"] i {color: #000000 !important;}
.sidebar .nav > .nav-item a:focus, .sidebar .nav > .nav-item > a:hover, .sidebar .nav > .nav-item.active > a {background: #e8e4e4;}
.caret {border: none; height: auto; position: relative; top: 2px; font-weight: 300;}

.sidebar .nav > .nav-item.submenu > li > a i, .sidebar .nav > .nav-item a:focus i, .sidebar .nav > .nav-item a:hover i {color: #000000 !important;}
.sidebar .nav > .nav-item a {color: #000000;}
.sidebar .nav-collapse {padding: 0px;}
.sidebar .nav-collapse li a {padding: 10px 25px 10px 25px !important;}
.sidebar .nav-collapse li a:hover, .sidebar .nav-collapse li a:focus {background: #e8e4e4 !important;}
.sidebar .nav-collapse li a .sub-item {font-size: 15px; line-height: 1.4rem; opacity: 1;}
.sidebar .nav-collapse li a .sub-item:before {top: 13px;}

.messages-notif-box, .notif-box {width: 150px;}
.messages-notif-box .notif-center a .notif-icon, .notif-box .notif-center a .notif-icon {width: 20px; height: 20px;}
.messages-notif-box .notif-center a .notif-content, .notif-box .notif-center a .notif-content {line-height: 1rem;}

.dropdown-menu {font-size: 14px;}
.dropdown-menu.dropdown-user {padding-top: 0px; padding-bottom: 0px;}
.dropdown-menu.dropdown-user .dropdown-item {font-size: 15px;}

.card-round {border-radius: 10px;}
.card-body {border-radius: 10px; color: #ffffff;}
.card-stats .icon-big span[class^="icon-"] {font-size: 35px;}
.card-stats .icon-big span[class^="icon-"]:before {color: #ffffff;}
.card-category, .card-category a {font-family: 'MetaPro-Medi', sans-serif; font-weight: normal; font-size: 17px; color: #ffffff;}
.card-category a:hover {text-decoration: none;}
.card-body .numbers .card-title {font-family: 'MetaPro', sans-serif; line-height: 0.8; color: #ffffff;}
.card-header .card-title {font-family: 'MetaPro-Medi', sans-serif; font-weight: normal; color: #000000;}
.chart-container {min-height: 375px;}

.table td, .table th {font-size: 15px;}
.table td.action {white-space: nowrap;}
.table td.action .btn .btn-label i {margin-right: 0px;}
.table td.image img {width: auto; height: 50px; border-radius: 4px;}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {font-family: "FontAwesome";}
.table-responsive {overflow-x: auto; overflow-y: hidden; height: auto;}
.page-item {font-size: 14px;}
.page-item.active .page-link {background-color: #009fe3; border-color: #009fe3;}

label {font-size: 16px !important;}

.form-row {padding-left: 10px; padding-right: 10px;}
.form-group .preview img {margin-top: 10px; width: auto; height: 50px; border-radius: 4px;}

.form-check label, .form-group label {font-family: 'MetaPro-Medi', sans-serif; font-weight: normal; font-size: 16px !important; color: #000000;}
.form-control {font-size: 15px;}
.form-control:not(textarea) {height: 50px;}
.form-control:focus {border-color: #009fe3 !important;}
.login .wrapper.wrapper-login .container-login, .login .wrapper.wrapper-login .container-signup {padding: 30px;}
.container-login .logo img {width: auto; height: 50px; margin-bottom: 10px;}
.container-login h1 {padding-bottom: 20px; margin: 0px 10px 20px; border-bottom: 1px solid #ebedf2;}
.login-form {font-size: 16px;}

select {appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #f0f0f0; cursor: pointer; outline: none;}
select:focus {border-color: #009fe3;}
select.form-control:not([size]):not([multiple]) {height: 50px;}
.custom-select {line-height: 1;}.custom-select::after { content: '▼'; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 12px; color: #555;}

input[type="radio"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 15px; height: 15px; border: 1px solid #ebedf2; border-radius: 50%; outline: none; cursor: pointer; transition: 0.3s;}
input[type="radio"]:checked {background-color: #009fe3; border-color: #009fe3;}
input[type="radio"]:hover {border-color: #009fe3;}
.form-radio-sign {position: relative; left: 2px;}

.card-list .item-list .info-user .username, .card-list .item-list .info-user a.username {font-size: 16px; color: #000000; margin-bottom: 0px;}
.card-list .item-list .info-user .status {font-size: 14px;}

.orange-color {color: #ffa534;}
.red-pink-color {color: #f3545d;}
.light-blue-color {color: #36a3f7;}
.blue-color {color: #009fe3;}
.light-orange-color {color: #ffbe7f;}
.deep-pink-color {color: #e62e4d;}
.sky-blue-color {color: #3498db;}
.medium-blue-color {color: #1e88e5;}
.coral-color {color: #ff6f61;}
.green-color {color: #5cb85c;}
.golden-yellow-color {color: #f39c12;}
.amethyst-purple-color {color: #9b59b6;}
.teal-color {color: #16a085;}
.yellow-color {color: #f1c40f;}
.dark-blue-gray-color {color: #2c3e50;}
.light-gray-color {color: #ecf0f1;}

.orange-bg {background-color: #ffa534;}
.red-pink-bg {background-color: #f3545d;}
.light-blue-bg {background-color: #36a3f7;}
.blue-bg {background-color: #009fe3;}
.light-orange-bg {background-color: #ffbe7f;}
.deep-pink-bg {background-color: #e62e4d;}
.sky-blue-bg {background-color: #3498db;}
.medium-blue-bg {background-color: #1e88e5;}
.coral-bg {background-color: #ff6f61;}
.green-bg {background-color: #5cb85c;}
.golden-yellow-bg {background-color: #f39c12;}
.amethyst-purple-bg {background-color: #9b59b6;}
.teal-bg {background-color: #16a085;}
.yellow-bg {background-color: #f1c40f;}
.dark-blue-gray-bg {background-color: #2c3e50;}
.light-gray-bg {background-color: #ecf0f1;}

@media (min-width: 768px) {
    .btn-inline {margin-top: 36px; height: 48px;}
}