body {
    color: #888888;
    /*background: #404040;*/
}

a, a:hover {
    text-shadow: none !important;
    color: #393939;
}
ul.faq-list li a:hover, ul.faq-list li a.active{
    background: #393939;
}

#header.navbar-inverse .navbar-inner 
{
    
    background-color: #393939;
    background-repeat: repeat-x;
	border-color: #393939;
	color: #fff;
	background-image: linear-gradient(to bottom, #393939, #393939);
}

.sidebar-toggle-box {
    background: #393939;
    color: #fff;
}

#header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle {
    background-color: rgba(0,0,0,0.2) !important;
}

#header.navbar-inverse .divider-vertical {
    border-left-color: #2c2d2f;
    border-right-color: #181a1b;
}

#sidebar > ul > li > a {
    color: #fff !important;
}

#sidebar > ul > li a i {
    color: #fff !important;
    display: inline-block;
}


#sidebar > ul > li > ul.sub > li > a:hover, #sidebar > ul > li > ul.sub > li.active > a{
    background: #575757;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

#sidebar > ul > li.active > a, #sidebar > ul > li >a:hover, #sidebar > ul > li:hover>a{
    background: #393939;
}

#sidebar > ul > li > ul.sub > li > a {
    color: #a0a0a0;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #EEEEEE;
    background-image: none;
    color: #333333;
    filter: none;
    text-decoration: none;
}

.dropdown-menu li a
{
    padding-top: 8px;
    padding-bottom: 8px;
}

#sidebar > ul > li > ul.sub > li:last-child {
    border-bottom:none;
}

.chats li.out .name {
    color: #b14c4c;
}

.chats li.in .message {
    border-left: 2px solid #2f8e95;
}

.chats li.in .message .arrow {
    border-right: 8px solid #2f8e95;
}

.chats li.out .message .arrow {
    border-left: 8px solid #b14c4c;
}

.chats li.out .message {
    border-right: 2px solid #b14c4c;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border:1px solid #393939;
    box-shadow: none;
}

/* Landscape phone to portrait tablet */
@media (max-width:979px) {
    #sidebar {
        background-color: #404040 !important;
    }

}

/*--wizard--*/

.custom-wizard-pills .nav-pills  li.active a, .custom-wizard-pills .nav-pills  li a:hover {
    background: #393939;
}


/*invoice-list*/

.invoice-list h5 {
    color: #404040;
}

/*about us*/

.about-us h4, .team-member h3, .team-member ul li a:hover, .contact-us h4 {
    color: #404040;
}


.labelLineHeight
{
    line-height:2.5em;
}

tbody tr td
{
    word-break: break-all
}

div.header-page
{
	display: flex;
	justify-content: space-between;
}

div.header-page h3
{
	max-width: 50%;
}

/*basket*/
div.header-checkout .notify-row {
    display: block !important;
    float: right !important;
}
        
li.dropdown ul.basket
{
    width: 600px !important;
    margin-left: -560px;
    max-height: 355px !important;
}
        
li.dropdown ul.basket li div
{
    background-color: #FFF;
    color: #666;
}
        
ul.basket div.basketWait
{
    padding: 10px;
}
        
hr.basketSeparator
{
    margin-left: -7px;
    margin-top: 5px;
    border: 1px solid #888;
    margin-bottom: 0px;
}
        
ul.basket ul.basketDetail
{
    margin-top: 5px;
    margin-left: 2px;
    list-style-type: none;
    max-height: 245px;
    min-height: 50px;
	overflow-x: hidden;
    overflow-y: scroll;
}
        
ul.basketDetail li
{
    margin-top: 5px;
    margin-bottom: 5px;
}
        
div#contentBasket
{
    border: 1px solid #888888;
}
        
div.basketHeader
{
	background-color: #393939 !important;
    display: flex;
    justify-content: space-between;
}

div.basketHeader p
{
    background-color: #393939 !important;
    padding: 12px;
    color: white !important;
    font-weight: bold;
}
        
div.basketFooter
{
    background-color: #393939 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}

div.basketFooter p
{
	background-color: #393939 !important;
	color: white !important;
    font-weight: bold;
    padding: 2px;
}
        
div.basketFooter a
{
    color: white !important;
    font-weight: bold;
    padding:0px;
    background-color: #87bb33;
    padding: 10px;
}

li.openBasket ul
{
	display: block !important;
}

ul.basketDetail li.basket-product
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2px;
}

li.basket-product div.basket-product-info
{
	max-width: 50%;
}

li.basket-product div.basket-product-price
{
	max-width: 50%;
	margin-right: 10px;
}

li.basket-product div.basket-info
{
	margin-top: 5px;
	float:right;
}
        
@media (max-width: 800px) 
{
    .tingle-modal__close 
    {
        display: none !important;
    }
    .tingle-modal-box
    {
        width:100% !important;
    }
    div.header-checkout
    {
        margin-bottom: 20px !important;
    }
    li.dropdown ul.basket
    {
        width: 380px !important;
		margin-left: -320px;
    }
    div.header-page
	{
		margin-top: 20px;
	}	
}