/* here you can put your own css to customize and override the theme */

/***
General typography
***/

body {
    color: #1d2129;
    font-weight: 400;
    padding: 0px !important;
    margin: 0px !important;
    direction: ltr;
    font-size: 13px;
    font-family: 'Work Sans', sans-serif;
}

@media (min-width: 992px){
    .page-boxed {
        background-color: #f7f7f7!important;
    }
}



h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

blockquote {
    font-size: 15px;
}

/*      BOXED LAYOUT        */

.boxed-layout {

}

/*==============================
    Margin
================================*/


.no-margin {
    margin:0 !important
}
.no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important
}
.no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}
.no-margin-top {
    margin-top:0 !important
}
.no-margin-bottom {
    margin-bottom:0 !important
}
.no-margin-left {
    margin-left:0 !important
}
.no-margin-right {
    margin-right:0 !important
}
.margin-lr-auto {
    margin-left:auto !important;
    margin-right:auto !important
}
.margin-auto {
    margin: 0 auto !important;
}

/*===============================
    Padding
=================================*/

.no-padding {
    padding:0 !important
}
.no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important
}
.no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}
.no-padding-top {
    padding-top:0 !important
}
.no-padding-bottom {
    padding-bottom:0 !important
}
.no-padding-left {
    padding-left:0 !important
}
.no-padding-right {
    padding-right:0 !important
}

/*======================================
=            NO GUTTER CODE            =
======================================*/
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

/*======================================
=            HEADER           =
======================================*/

/*      LOGO        */
.page-header.navbar .page-logo .logo-default {
    margin: 5px 0;
    max-height: 40px;
}

.dropdown-menu {
    min-width: 160px;
}

.dropdown-menu {
    box-shadow: 0px 0px rgba(102, 102, 102, 0.1);
}


/*======================================
=            SIDEBAR          =
======================================*/

.page-sidebar .sidebar-toggler {
    padding: 8px 12px;
    margin: 0!important;
    float: none;
    text-align: center;
    background: #212832;
}

/*     PROFILE SIDEBAR     */

.profile-sidebar{
    width:260px;
}

.profile-usertitle-name {
    font-size: 18px;
}

.profile-usertitle-job {
    font-size: 12px;
    font-weight: 400;
}

/*    Page Title    */

.page-header.page-header-default {
    margin-bottom: 20px;
}

.page-title {
    padding: 0px;
    margin: 20px 0;
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 500;
}
.page-content-white .page-title {
    margin: 0px 0;
    font-size: 20px;
}

/*======================================
=            FORM CSS         =
======================================*/

.label {
    font-size: inherit;
}

label, form-label, control-label {
    font-weight: 500;
}

.form-control {
    font-size: 14px;
    height: 40px;
}

/*======================================
=            TABLE CSS         =
======================================*/
.align-middle > thead > tr > th,
.align-middle > tbody > tr > td {
    vertical-align: middle;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th {
    border: 0;
}
.table-columned > tbody > tr > td,
.table-columned > tfoot > tr > td,
.table-columned > tbody > tr > th,
.table-columned > tfoot > tr > th {
    border: 0;
    border-left: 1px solid #ddd;
}
.table-columned > tbody > tr > td:first-child,
.table-columned > tfoot > tr > td:first-child,
.table-columned > tbody > tr > th:first-child,
.table-columned > tfoot > tr > th:first-child {
    border-left: 0;
}
.table-columned > thead > tr > th,
.table-columned > thead > tr > td {
    border-left: 1px solid #ddd;
}
.table-columned > thead > tr > th:first-child,
.table-columned > thead > tr > td:first-child {
    border-left: 0;
}

/*      Tables - Sizing     */

.table-xlg > thead > tr > th,
.table-xlg > tbody > tr > th,
.table-xlg > tfoot > tr > th,
.table-xlg > thead > tr > td,
.table-xlg > tbody > tr > td,
.table-xlg > tfoot > tr > td {
    padding: 20px;
}
.table-lg > thead > tr > th,
.table-lg > tbody > tr > th,
.table-lg > tfoot > tr > th,
.table-lg > thead > tr > td,
.table-lg > tbody > tr > td,
.table-lg > tfoot > tr > td {
    padding: 15px 20px;
}
.table-sm > thead > tr > th,
.table-sm > tbody > tr > th,
.table-sm > tfoot > tr > th,
.table-sm > thead > tr > td,
.table-sm > tbody > tr > td,
.table-sm > tfoot > tr > td {
    padding: 10px 15px;
}
.table-xs > thead > tr > th,
.table-xs > tbody > tr > th,
.table-xs > tfoot > tr > th,
.table-xs > thead > tr > td,
.table-xs > tbody > tr > td,
.table-xs > tfoot > tr > td {
    padding: 8px 12px;
}
.table-xxs > thead > tr > th,
.table-xxs > tbody > tr > th,
.table-xxs > tfoot > tr > th,
.table-xxs > thead > tr > td,
.table-xxs > tbody > tr > td,
.table-xxs > tfoot > tr > td {
    padding: 6px 10px;
}

.align-middle > thead > tr > th,
.align-middle > tbody > tr > td {
    vertical-align: middle;
}

/*      Table Condensed     */

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 3px 6px;
}


.table td, .table th {
    font-size: 13px;
}
th {
    font-weight: 600;
}


/******************************************          
            FOOTER CSS  
*******************************************/

.page-footer {
    background-color: #1f1f1f;
}
@media (min-width: 992px){
    .page-footer{
        padding: 8px 20px !important
    }
}