/**
 *
 * Apply Here your Custom CSS
 *
*/

body {

}

@font-face {
    font-family: 'Poppins-Bold';
    src: local('Poppins-Bold'), local('Poppins-Bold'), url(../../font/Poppins-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins-Light';
    src: local('Poppins-Light'), local('Poppins-Light'), url(../../font/Poppins-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: local('Poppins-Medium'), local('Poppins-Medium'), url(../../font/Poppins-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: local('Poppins-Regular'), local('Poppins-Regular'), url(../../font/Poppins-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: local('Poppins-SemiBold'), local('Poppins-SemiBold'), url(../../font/Poppins-SemiBold.ttf) format('truetype');
}

.Poppins-Bold {
    font-family: Poppins-Bold !important;
}

.Poppins-Light {
    font-family: Poppins-Light !important;
}

.Poppins-Medium {
    font-family: Poppins-Medium !important;
}

.Poppins-Regular {
    font-family: Poppins-Regular !important;
}

.Poppins-SemiBold {
    font-family: Poppins-SemiBold !important;
}

a {
    font-family: Poppins-Bold !important;

}

h2 {
    font-family: Poppins-Bold !important;
}

.text-muted {
    color: #555 !important;
}

.panel-table {
    -webkit-box-shadow: 0 0 20px 2px #f2f2f2;
    -moz-box-shadow: 0 0 20px 2px #f2f2f2;
    box-shadow: 0 0 20px 2px #f2f2f2;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
    color: #000 !important;
    background: linear-gradient(#f2f2f2,#f9f9f9);
    font-size: 15px!important;
}

.bg-grey {
    background: #f2f2f2 !important;
}

.login-page .login-form .form-group .input-group .form-control {
    color: #000;
}

.etiket {
    border-bottom: 1px solid #e10613;
    margin-bottom: 0.5em !important;
}

.profile-info.dropdown .dropdown-menu {
    background-color: #000;
    border-color: #454a54;
    padding: 0;
    margin-top: 15px;
}

.panel.minimal.minimal-gray > .panel-heading > .panel-options > .nav-tabs > li > a {
    font-size: 13px;
    background-color: #f3f3f3;
    border-color: #ebebeb;
    color: rgba(115, 120, 129, 0.75);
}

.row .col-md-6 {
    font-size: 13px !important;
    font-family: Poppins-Regular !important;
    margin-top: 10px !important;
}

.cbp_tmlabel p {
    font-size: 13px !important;
}

.mb-3 {
    margin-bottom: 1em;
}

.mb-4 {
    margin-bottom: 2em;
}

.mt-4 {
    margin-top: 2em;
}

.mr-3 {
    margin-right: 1em !important;
}

.mr-2 {
    margin-right: 0.5em !important;
}

.ml-3 {
    margin-left: 1em !important;
}

.ml-2 {
    margin-left: 0.5em !important;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 800px !important;

    }

    .pcss3t > ul > li {

        padding: 30px 0px 0px !important;

    }
}

#exampleFormControlTextarea1 {
    height: 100px !important;
}

.box {
    width: 1270px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 25px;
}

td .none {
    display: none !important;
}

thead td {
    font-family: Poppins-Bold !important;
    font-size: 14px !important
}

span {
    font-family: Poppins-Regular !important;
}

h3 {
    font-family: Poppins-Bold !important;
}

.row .col-md-12 {
    font-family: Poppins-Regular !important;
}

.form-control {
    font-family: Poppins-Regular !important;
}

.main {
    font-family: Poppins-Light !important;
}

.table-bordered th {
    padding: 5% 0% 5% 0%;
}

td {
    font-family: Poppins-Regular !important;
    font-size: 13.5px !important;
    color: #000 !important;
}

th {
    font-family: Poppins-Bold !important;
    font-size: 14px !important;
}

.input-group {
    font-family: Poppins-Bold !important;
}

p {
    font-family: Poppins-Medium !important;
}

.btn {
    font-family: Poppins-Regular !important;
    font-size: 15px !important;

}

.sidebar-menu-inner a {
    font-size: 13px !important;
    font-family: Poppins-Bold !important;
}

.visible-xs {
    font-family: Poppins-Bold !important;
}

.hidden-xs {
    font-family: Poppins-Bold !important;
}

.mt-3 {
    margin-top: 1em !important;
}

#table-1 tbody tr {
    cursor: pointer;
}

label {
    font-family: Poppins-Regular !important;
    font-size: 13px !important;
    color: #000 !important;
    margin-bottom: 10px;
}

.btn-info {
    color: #fff;
    background:linear-gradient(#00a651,#093637);
    border-color: #00a651;
    border-radius: 4px;
}

.btn-info:hover {
    color: #fff;
    background-color: #00a651;
    border-color: #00a651;
}


.btn-warning {
    color: #fff;
    background:linear-gradient(#00B4DB, #0083B0);
    border-color: #21a9e1;
    border-radius: 4px;
}

.btn-warning:hover {
    color: #fff;
    background-color: #21a9e1;
    border-color: #21a9e1;
}

.btn-success {
    color: #fff;
    background: linear-gradient(#00B4DB, #0083B0);
    border-color: #21a9e1;
}

.btn-success:hover {
    color: #fff;
    background-color: rgba(33, 169, 225, .8);
    border-color: rgba(33, 169, 225, .8);
}

.btn {
    padding: 9px 30px;
}

.alert {
    font-family: Poppins-Bold;

}

.modal-title {
    font-family: Poppins-Bold !important;
}

.dataTables_info {
    font-family: Poppins-Regular !important;
}

.form-control {
    box-shadow: 0 0 20px 1px rgb(0 0 0 / 7%)!important;
    height: 42px !important;
    margin-bottom: 1em;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
    background: #9e9e9e !important;
    color: #fff !important;
}

.page-container .sidebar-menu #main-menu li a:hover {
    background: #000 !important;

}

.page-container .sidebar-menu {
    background: linear-gradient(to bottom right, #9e9e9e, #ddd);
}

.badge {
    font-size: 14px !important;
    padding: 10px 10px !important;
}

.page-container .sidebar-menu #main-menu li ul > li > a {

    padding: 15px 40px;
    background:  linear-gradient(to bottom right, #9e9e9e ,#ddd);
}