/*--------------------------------------------------------------

  Template Name: Tasfiu Corporate HTML Template.
  Template URI: #
  Description: Tasfiu is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/
.fnt-roboto { 
    font-family: 'Roboto', sans-serif;
    line-height: 21px;
}
.admin-home input, .admin-home textarea, .admin-home select {
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
}
.fluid-container.mobile-menu-container {
    background-color: #0c1923;
}
.mean-container .mean-bar {
    height: 75px;
    position: relative;
    top: 12px;
}
.mean-container a.meanmenu-reveal {
    margin-top: 5px;
}
.mean-container .mean-nav {
    margin-top: 65px;
}
.mobile-logo {
    top: 15px;
}
.mobile-logo img {
    max-height: 55px;
}
#sticky-header-with-topbar {
    height: 115px!important;
}
#logo-header {
    max-width: 350px;
}
.bg-bark {
    background-color: #363636!important;
}
.tf-blog-front {
    background-color: white;
    height: 150px;
}
.tf-blog-front img {
    width: initial;
    max-height: 150px; 
    display: block; 
    margin: 0 auto;
}
.tf-blog-body {
    padding: 15px;
}
.tf-blog-body h2 a {
    font-size: 14px;
}
.tf-blog-body p {
    max-height: 52px;
}
/*.header-top-area {
    background-color: white!important;
}
.bg-theme p, .bg-theme span, .bg-theme ul, .bg-theme a:not(.btn) {
    color: initial;
}*/
.slider-content-innner p {
    background-image: url("/images/tp-bg.png");
    padding: 15px;
}

/* Slider control buttons */
/*.owl-theme .owl-controls .owl-page span {
    background-color: white;
}
*/
/* Services page thumb nails */
.owl-item { 
    margin-top: 2px;
    margin-left: 2px;
}
.owl-item:first-child {
    margin-left: initial;
}

.tf-single-blog {
    margin-bottom: 30px;
    border-color: #eee;

}
.tf-blog-body {
    background-color: white;
    min-height: 167px;
}
.our-about-us-area h2, .our-about-us-area p {
    color: initial;
}
.about-img-wrapper {
    padding-top: 40px;
}
.tp-single-pot-content {
    margin-top: 30px;
}
.alert {
    position: fixed;
    width: 72%;
    z-index: 9;
    margin-left: 19px;
    top: 119px;
    font-weight: bold;
    box-shadow: 1px 1px 25px -10px #363636;
}

/* For small screens: */
@media only screen and (max-width: 640px) {
    .tp-portfolio-full-image img {
        max-width: 275px!important;
    }
}

/* For small screens and larger: */
@media only screen and (max-width: 767px) {
    .slider-content h1 {
        font-size: 25px;
    }
    .tp-portfolio-full-image img {
        max-width: 275px;
    }
    .brand-wrap .single-brand {
        border: 1px solid #cac8c8!important;
    }
}

/* For small screens and larger: */
@media only screen and (min-width: 992px) {
    .tp-single-pot-content {
        margin-top: 0;
    }
    .single-servic {
        padding-top: 0;
    }
}


/*----------- OUR CUSTOM STYLE FIXES --------------------*/
.tf-single-blog {
    max-height: 344px;
    min-height: 344px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    background-color: white;
}
.btn-close-alert {
    position: absolute;
    right: 7px;
    top: 0;
    font-size: 1.3em;
    cursor: pointer;
}
pre {
    background-color: initial;
    color: white;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.scroll-header .logo a img {
    max-height: initial;
}
.app-tabs input[type=file], .tab-content input[type=file] {
    color: #363636!important;
}
.brand-wrap .single-brand {
    float: initial;
    border: none;
    border: 1px solid #cac8c8;
}
.brand-wrap .single-brand span {
    font-size: 1.3em;
    font-weight: bold;
}
.brand-wrap .single-brand:nth-child(1), .brand-wrap .single-brand:nth-child(2), .brand-wrap .single-brand:nth-child(4), .brand-wrap .single-brand:nth-child(5) {
    border-right: none;
}
.sin-testiText p, .test-info p {
    color: #363636;
}
/**********************************************************/
                    /*ADMIN HOME START*/
/**********************************************************/ 
#admin-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
} 
.admin-home li.active>a {
    font-weight: bold;
}
.admin-home .nav-tabs>li>a {
    color: initial;
}
.admin-home .tab-content {
    padding: 30px;
    padding-left: 0;
    border-bottom: 1px solid #ddd;
}
.admin-home {
    color: initial;
}
.admin-home .category-name, .admin-home .description pre, .admin-home .images p {
    color: #363636;
    border: none;
}
.admin-home .description pre {
    max-height: 200px;
}
.admin-home .category-name {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 15px;
}
.admin-home .description {
    white-space: pre;
    background-color: white;
    padding-left: 2px;
}
.admin-home .images p {
    margin: 15px 0;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 10px;
    margin-top: 5px;
}
.admin-home .images-wrapper {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    align-items: flex-end;
}
.admin-home .images-wrapper div {
    margin: 10px;
}
.admin-home .images-wrapper form {
    margin-top: 15px;
}
#feedbacks-table td {
    color: #363636;
}
#feedbacks-table td:nth-child(5), #feedbacks-table td:nth-child(6), #feedbacks-table td:last-child {
    text-align: center;
}
#feedbacks-table td, #admin-pdfs-table td {
    border: none;
    vertical-align: middle;
    padding: 5px 5px 5px 15px;
}
#feedbacks-table td:first-child, #admin-pdfs-table td:first-child {
    padding-left: 0;
}
#admin-pdfs-table td:nth-child(2) {
    text-transform: capitalize;
    color: #363636;
}
.tab-content table {
    width: 100%;
    border-collapse: collapse;
}
.tab-content table th, .tab-content table td {
    border: 1px solid #ddd;
    padding: 12px;
    vertical-align: top;

}

/*.tab-content table tr:nth-child(even){background-color: #fafafa;}*/
/*.tab-content table tr:hover {background-color: #ddd;}*/
.tab-content table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ba986b;
  color: white;
}
/**********************************************************/
                    /*ADMIN HOME END*/
/**********************************************************/ 


/**********************************************************/
                    /* ADMIN CREATE CATEGORY START* /
/**********************************************************/
textarea#excerpt, textarea#description {
    height: 200px;
}    
#btn-create-category {
    float: right;
    margin-bottom: 15px;
}
#create-category button { width: 100%; }
#create-category .custom-file-label {
    left: 15px;
    right: 15px;
}
/**********************************************************/
                    /*ADMIN CREATE CATEGORY END*/
/**********************************************************/  



/**********************************************************/
                    /* ADMIN MENU ORDERING START */
/**********************************************************/
#menu-ordering .item-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 500px;
    justify-content: space-between;
}
#menu-ordering .select-wrapper {
    margin-left: 15px;
}
#menu h4 {
    color: #363636;
}
#menu-ordering li {
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}
#menu-ordering li .btns {
  
}
#menu-ordering li .btns span {
    display: block;
    cursor: pointer;
}



/**********************************************************/
                    /* ADMIN MENU ORDERING END* /
/**********************************************************/



/**********************************************************/
                    /* ADMIN STATIC CONTENT START* /
/**********************************************************/
#opening-hours h4, #contact-details h4, #address h4 {
    color: #363636;
    margin-bottom: 15px;
}

/* Opening Hours */
#opening-hours .col-form-label {
    font-weight: initial;
}
#opening-hours select {
    width: 49%;
}
#opening-hours select:last-child {
    float: right;
}
#opening-hours form button { width: 100%; }

/* Address */


/**********************************************************/
                    /* ADMIN STATIC CONTENT END* /
/**********************************************************/



/**********************************************************/
                    /* CATEGORIES VIEW* /
/**********************************************************/
.tp-portfolio-full-image img {
    max-width: 500px;
}
.tp-portfolio-small-image.nav-tabs {
    max-width: 280px;
}
.tp-single-pot-content pre {
    border: none!important;
    padding-left: initial;
    word-break: break-word;
}
.portfolio-owl-active .owl-buttons {
    width: 0!important;
}
#pdfs-table {
    margin-top: 15px;
    border-collapse: collapse;
}
#pdfs-table td {
    padding: 5px 5px 5px 15px;
}
#pdfs-table td:first-child {
    padding-left: 0;
}
#pdfs-table td:nth-child(2) {
    text-transform: capitalize;
}


/**********************************************************/
                    /* CATEGORIES VIEW END* /
/**********************************************************/