/********************************************************************************************************************************************

															THEME GREY

*********************************************************************************************************************************************/



/************************************************************************************************************************************

															SLIDESHOW
															
************************************************************************************************************************************/

.wave-bottom {
background-image : url(../images/wave-bottom-grey.png) ;
}


/************************************************************************************************************************************

														MIDDLE WEBSITE
														
************************************************************************************************************************************/														


.website-content, .title-centered .module-title h3 {
background: #fdeadb;
}

.website-content, .breadcrumb a, .breadcrumb, .breadcrumb .active, h3, h4 {
color:#555555 !important;
}

.website-content .title-centered .module-title {
border-color: #bbb;
}



/************************************************************************************************************************************

									DEFAULT COLOR : don't touch that, you must change these colors in Template manager
															
************************************************************************************************************************************/


a {
color: #eddccc;
}		
input[type="submit"], button, .vertical_menu li a:hover, a:hover, .contact .open a {
color: #FAFA8C;
}
h1, .componentheading, h1 a, h1 a:hover, .blog > h1, .blog > h2 {
color: #fff;
}		
h2, h2 a, h2.contentheading > a , h1 + h1 > a,
.top-module-position h3, .bottom-module-position h3,
.user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 {
color: #eddccc;
}


/************************************************************************************************************************************

														General settinsg for dark theme in content box
														
************************************************************************************************************************************/	

p.readmore a {
background: rgba(255, 255, 255, 0.16);
border-color : rgba(255, 255, 255, 0.06);
}

.website-content blockquote small {
color: #CCCCCC;
}

.website-content .bg-success, .website-content .bg-info, .website-content .bg-warning, .website-content .bg-danger {
color :#444;
}

.website-content .bg-success a, .website-content .bg-info a, .website-content .bg-warning a, .website-content .bg-danger a,
.website-content .bg-success a:hover, .website-content .bg-info a:hover, .website-content .bg-warning a:hover, .website-content .bg-danger a:hover {
color :#111;
}

.website-content table, .website-content table * {
border-color: rgba(255,255,255,0.4) !important;
}

.website-content .moduletable.shadow {
background-image: url(../images/shadow-module-dark.png);
}

.website-content .active, .website-content .success, .website-content .info, .website-content .warning, .website-content .danger,
.website-content .bg-white, .website-content .bg-grey,
.website-content .top-module-position .white > div, .website-content .bottom-module-position .white > div, .website-content .user1 .white > div, .website-content .user2 .white > div,
.website-content .user3 .white > div, .website-content .user4 .white > div, .website-content .user5 .white > div, .website-content .user6 .white > div,
.website-content .top-module-position .grey > div, .website-content .bottom-module-position .grey > div, .website-content .user1 .grey > div, .website-content .user2 .grey > div,
.website-content .user3 .grey > div, .website-content .user4 .grey > div, .website-content .user5 .grey > div, .website-content .user6 .grey > div {
color: #666;
}

.website-content .top-module-position .white .module-title h3, .website-content .bottom-module-position .white .module-title h3, .website-content .user1 .white .module-title h3, .website-content .user2 .white .module-title h3,
.website-content .user3 .white .module-title h3, .website-content .user4 .white .module-title h3, .website-content .user5 .white .module-title h3, .website-content .user6 .white .module-title h3,
.website-content .top-module-position .grey .module-title h3, .website-content .bottom-module-position .grey .module-title h3, .website-content .user1 .grey .module-title h3, .website-content .user2 .grey .module-title h3,
.website-content .user3 .grey .module-title h3, .website-content .user4 .grey .module-title h3, .website-content .user5 .grey .module-title h3, .website-content .user6 .grey .module-title h3 {
color: #333;
}

.website-content legend {
color: #eee;
border-color: rgba(255,255,255,0.6);
}

.website-content .well {
filter:none;
background : #666;
background : rgba(255,255,255,0.18) ;
border: 1px solid #555;
border-color:rgba(255,255,255,0.18);
box-shadow: none;
}

.website-content h2.contentheading, .website-content h1 + h1 {
border-color : #666;
border-color : rgba(255, 255, 255, 0.08);
}

.website-content h2.contentheading > a:hover , .website-content h1 + h1 > a:hover {
color:#eee;
border-color : #666;
border-color : rgba(255, 255, 255, 0.10);
}


/**		Unordered lists without bullet 		**/

.website-content ul.simple li {
border-left:2px solid #555;
border-color:rgba(255,255,255,0.18) ;
background:#666;
background:rgba(255,255,255,0.10) ;
}

/**		Ordered lists	**/

.website-content ol.simple > li {
border-left: 2px solid #888;
border-color:rgba(255,255,255,0.18) ;
}
.website-content ol.simple > li:before {
color: #ddd; 
}

.website-content ol.labels > li {
background: #707070;
background:rgba(0,0,0,0.06);
}

.website-content ol.labels > li:before {
color: #ddd;
background : #979797;
background: rgba(255,255,255,0.28) ;
}

.website-content ol.circle > li, .website-content .items-more ol > li {
border-color:rgba(255,255,255,0.28) ;
}

.website-content ol.circle > li:before, .website-content .items-more ol > li:before {
background : #979797;
background:  rgba(255,255,255,0.28) ;
border-color : #9f9f9f;
border-color : rgba(255,255,255,0.18) ;
color: #ddd;
}

.items-more ol > li:first-child {
border-color : #979797;
border-color:rgba(255,255,255,0.20);
}

/*
*	Quotation
*/

.website-content blockquote {
border-color : #979797;
border-color: rgba(255,255,255,0.18) ;
}

.website-content blockquote.pull-right {
border-color : #979797;
border-color: rgba(255,255,255,0.28) ;
}


.website-content span.dropcap {
color: #eee;
}

.website-content select, .website-content textarea, .website-content input[type="text"], .website-content input[type="password"], .website-content input[type="datetime"], .website-content input[type="datetime-local"], .website-content input[type="date"], .website-content input[type="month"], .website-content input[type="time"], .website-content input[type="week"], .website-content input[type="number"], .website-content input[type="email"], .website-content input[type="url"], .website-content input[type="search"], .website-content input[type="tel"], .website-content input[type="color"], .website-content .inputbox {
background : #939393;
background : rgba(255,255,255,0.18) ;
border: 1px solid #9c9c9c;
border-color:rgba(255,255,255,0.18);
color:#888;
}

.website-content .contact-category th, .website-content .category-list th, .website-content table.weblinks th, .website-content table.newsfeeds th, .website-content table.category th, .website-content table.jlist-table th {
background:rgba(255,255,255,0.10);
border-color: #555;
border-color: rgba(255,255,255,0.10);
}

.website-content .contact-category td, .website-content .category-list td, .website-content table.weblinks td, .website-content table.newsfeeds td, .website-content table.category td, .website-content table.jlist-table td {
border-color: #555;
border-color: rgba(255,255,255,0.12);
}

.website-content .login + div .nav-stacked > li {
border-color: #555;
border-color: rgba(255,255,255,0.12);
}

.website-content .result-text .highlight {
background:rgba(255,255,255,0.08);
}

/**  		Error Message contact form  		**/

.website-content #system-message-container dl#system-message, .website-content #system-message-container #system-message > div {
background-color : #333;
background-color : rgba(0,0,0,0.4);
box-shadow:2px 2px 4px #000;
}

.website-content #system-message-container #system-message .error, .website-content #system-message-container #system-message h4 {
color: #fff ;
}

.website-content #system-message-container #system-message .error.message, .website-content #system-message-container #system-message > div > div {
color: #ddd ;
}

/**		Button ( Joomla 2.5 ) 		**/

.website-content input[type="submit"], .website-content button, .website-content .btn-primary {
background : transparent url(../images/black-20.png) 0 0 repeat;
background: rgba(0,0,0,0.27);
border: 1px solid #505050;
border-color:rgba(0,0,0,0.14);
color: #ddd !important;
}

.website-content input[type="submit"]:hover, .website-content button:hover, .website-content .btn-primary:hover {
background : transparent url(../images/black-10.png) 0 0 repeat;
background: rgba(0,0,0,0.22);
border: 1px solid #505050;
border-color:rgba(0,0,0,0.17);
}

.website-content input[type="submit"]:active, .website-content button:active, .website-content .btn-primary:active {
background : transparent url(../images/white-10.png) 0 0 repeat;
background: rgba(255,255,255,0.10);
border: 1px solid #505050;
border-color:rgba(0,0,0,0.17);
}

/**		Pagination 					**/

.website-content .pagination li > a, .website-content .pagination li > span {
background-color: rgba(255,255,255,0.06);
border-color: #555;
border-color: rgba(255,255,255,0.12);
}

/**			Contact Form 			**/

.panel, #slide-contact .accordion-group {
background:transparent;
background: rgba(255,255,255,0.04);
}

.website-content .contact-form {
border-color: #555;
border-color: rgba(255,255,255,0.06);
box-shadow : none;
}

.website-content .contact-miscinfo {
background:transparent;
background: rgba(255,255,255,0.04);
}

.website-content .contact .pane-toggler-down + div,								/** 		J2.5  		**/
.website-content .accordion-body.in {											/** 		J3.5  		**/
border-color: #848484 !important;
border-color: rgba(255,255,255,0.06) !important;
}


.website-content #basic-details > a, .website-content #display-form > a, .website-content #display-misc > a,				/** 		J2.5  		**/
.website-content .accordion-heading > strong > a {									/** 		J3.5  		**/
color:#bbb;
border-color: #848484;
border-color: rgba(255,255,255,0.12);
background: #6a6a6a;
background: rgba(0,0,0,0.25);
}

.website-content .pane-sliders #basic-details a:hover, .website-content .pane-sliders #display-form a:hover, .website-content .pane-sliders #display-misc a:hover,
.website-content .pane-sliders #basic-details.pane-toggler-down a, .website-content .pane-sliders #display-form.pane-toggler-down a, .website-content .pane-sliders #display-misc.pane-toggler-down a,				/** 		J2.5  		**/
.website-content .accordion-heading strong a:hover, .website-content .accordion-heading strong a:focus {																								/** 		J3.5  		**/
background: #666;
background: rgba(0,0,0,0.35);
color:#ddd;
}

/**********			Contact Tabs				****************/

.website-content div.current,
.website-content #myTabContent {
border-color: #848484;
border-color: rgba(255,255,255,0.12);
background:transparent;
background: rgba(255,255,255,0.04);
}

.website-content dl.tabs dt,
.website-content #myTabTabs li {
background: #6a6a6a;
background: rgba(0,0,0,0.25);
border-color: #848484;
border-color: rgba(255,255,255,0.12);
color: #ddd;
}

.website-content .tabs .contact-miscinfo {
background:transparent;
}

/**		Frontend admin article Joomla 3.5 		**/

.website-content .edit #adminForm .tab-content > .tab-pane {
border-color: #555;
border-color: rgba(255,255,255,0.12);
}