@charset "utf-8";
/* CSS Document */

/**********
	0. COLOR DESCRIPTIONS
	https://flatuicolors.com/palette/ca


	ANA RENK

	Yeşil ( Success, primary: Yönlendirme, temel buton, onaylandı, işlem başarılı..vs  )
	#10ac84
	#1dd1a1

	Turuncu, sarı (Warning: Düzenle, dikkat et, bekle )
	#ff9f43
	#feca57

	Mavi (Info: bilgilendirme )
	#2e86de
	#54a0ff
	
	Kırmızı (Danger: işlem onaylanmadı, kritik işlem uyarısı )
	#ff6b6b
	#ee5253

	Temel (Deafult: Genel geçer, detay işlemler)
	#8395a7
	#576574


	Gri renklerin kullanım alanları, toplam 4 renk var

	site bg
	#c8d6e5

	border
	#8395a7

	btn x2
	#8395a7
	#576574

	text x2
	#222f3e
	#8395a7


/**********


	1.  THEME BASISC and GENERAL STRUCTURES
		1.1		Basics
		1.2		Typography
		1.3		Header & Footer & Sidebar
		1.3.1	Menu & Navbar
		1.3.2	Page Header & Breadcrumb

	2.  SPECIFIC THEME PARTS
		2.1		Sliders
		2.2		Lists and Boxes
		2.3		Half Content
		2.4		Divider
		2.5		Go to Top
		2.6		Icons
		2.7		Comments
		2.8		Filter Area
		2.9		Gallery

	3.  REDESIGNED and DEVELOPED BOOTSTRAP ELEMENTS
		3.1		Form
		3.2		Buttons & Links
		3.3		Modal
		3.4		Accordion & Panel & Tab
		3.5		Image & Thumbnails
		3.6		Pagination & Pager
		3.7		Alerts & Callout & Progressbar
		3.8		Media Object
		3.9		Table
		3.10	Jumbotron
		3.11	Tooltip
		3.12	Popover
		3.13	Blockquote

	4.  PAGES
	5.  ADMIN

 */


/**********
 	1.  THEME BASISC and GENERAL STRUCTURES
		1.1		Basics
 */

.a {
	color: #10ac84;
}
a:hover, a:focus {
	color: #1dd1a1;
}

body {
	color: #222f3e;
	background-color: #c8d6e5;
}

hr {
    border-top-color:#c8d6e5;
}

/**********
		1.2 Typography
*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #10ac84;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #1dd1a1;
}

/**********
		1.3 Header & Footer & Sidebar
*/

header .top,
header .top a,
header .top li a,
header .top li a i,
header .top li a i:hover,
header .top i,
header .top i:hover {
	background-color: transparent;
	color: #8395a7;
}

header .top {
	background-color: #576574;
}

header .top a:hover,
header .top li a:hover {
	color: #ef3a3a;
}

header .middle {
	border-color: #8395a7;
	background-color: #ffffff;
}

@media (min-width: 992px) {
header .sticky {
	background-color: #ffffff;
}
}

header .navbar-default .navbar-nav>li>a {
	color: #152639;
	border-color: #8395a7;
}

header .navbar-default .navbar-nav>li:hover>a, 
header .navbar-default .navbar-nav>.open>a, 
header .navbar-default .navbar-nav>.open>a:hover {
	color: #ef3a3a;
}


footer {
	border-color: #8395a7;
}

footer p,
footer ul li,
footer ul li a {
	color: #576574;
}

footer a:hover {
	color: #1dd1a1;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
	color: #222f3e;
}

footer .border {
	border-color: #10ac84;
}

footer .middle{
	border-color: #10ac84;
}

/**/

footer .top {
	background-color: #576574;
	color: #8395a7;
}

footer .top small {
	color: #8395a7;
}

/* bottom style */

footer .bottom,
footer .bottom ul li a {
	color: #7e8fa0;
}

footer .bottom ul li a:hover {
	color: #8395a7;
}

footer .bottom {
	border-color: #576574;
}

footer .bottom ul li a {
	border-right-color:  #576574;
}

footer .bottom .social-media a.icon {
	background-color: #10ac84;
	color: #ffffff;
}

footer .bottom .social-media a.icon:hover {
	background-color: #1dd1a1;
	color: #ffffff;
}

footer .bottom{
	border-top-color: #576574;
}

header .navbar-default .navbar-nav>li>a:hover,
header .top a:hover, header .top li a:hover{
	color: #1dd1a1;
}



/**********
		1.3.1 Menu & Navbar
		TODO bu bölümün renkleri kontrol edilecek
*/


li.main-li>a:before {
	background-color: #ef3a3a;
}

@media (max-width: 991px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		background-color: #1c1270;
		color: #ffffff
	}
}

@media (max-width: 991px) {
	.navbar-nav>li {
		background-color: #ffffff;
	}
	.navbar-nav .open .dropdown-menu {
		background-color: #152639;
	}
}

header ul li.icon-item{
	background-color: #10ac84;
}

header ul li.icon-item a{
	border-color: #8395a7 !important;
	color: #ffffff !important;
}

header ul li.icon-item a:hover{
	border-color: #10ac84 !important;
	background-color: #1dd1a1 !important;
	color: #ffffff !important;
}

.navbar-nav>li.icon-item>a{
	border-color: #8395a7;
}

.navbar-nav>li.icon-item>a:hover{
	background-color: #1dd1a1;
	color: #ffffff;
}

/* 'li a' style in dropdown menu */

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	border-color: #8395a7;
}

.navbar-nav>.active>a, .navbar-nav>.open>a {
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.navbar-nav>.open>a {
	background-color: transparent;
	color: #576574;
}
 .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover {
	background-color: transparent;
	color: #ef3a3a;
}
.dropdown-menu {
	border-color: #8395a7;
}
.dropdown-menu>li>a {
	border-color: #8395a7 !important;
	color: #576574;
}

.dropdown-menu>li>a:hover {
	color: #ef3a3a;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.megamenu-content .item, .megamenu .item-list .item {
	color: #8395a7;
}

.megamenu-content>.row>.col-sm-2>.item,
.megamenu-content>.row>.col-sm-3>.item,
.megamenu-content>.row>.col-sm-4>.item,
.megamenu-content>.row>.col-sm-6>.item {
	border-color:  #8395a7;
}

.megamenu-content .item,
.megamenu .item-list .item {
	color: #8395a7;
}

.megamenu-content .item a,
.megamenu .item-list .item a {
	color: #7e8fa0;
}

.megamenu-content .item a:hover,
.megamenu .item-list .item a:hover {
	color: #ef3a3a;
}

.megamenu-content .item,
.megamenu .item-list .item {
	color: #8395a7;
}

.megamenu-content .item a,
.megamenu .item-list .item a {
	color: #7e8fa0;
}

.megamenu-content .item a:hover,
.megamenu .item-list .item a:hover {
	color: #ef3a3a;
}

.megamenu-content .item ul li.divider {
	background-color: #8395a7;
}

.megamenu .item-list>li {
	border-color:  #152639;
}

.megamenu .item-list .item i {
	background-color: #152639;
}

.bottom-item {
	background-color: #576574 !important;
	border-color:  #152639;
}

/**********
		1.3.2	Page Header & Breadcrumb
*/

.page-header h1 {
	color: #152639;
}

.page-header small {
	color: #576574;
}

.page-header-bg {
	background-color: #ffffff;
	color: #387bbf;
}

.page-header ol.breadcrumb li a {
	color: #7e8fa0;
}

.page-header .breadcrumb>li+li:before {
	background-color: #8395a7;
}

.page-header ol.breadcrumb li.active {
	color: #ef3a3a;
}


/**********
	2.  SPECIFIC THEME PARTS
		2.1		Sliders
		TODO bu bölümün renkleri kontrol edilecek
 */


/* Slider 1 Main Slider */

.gosliderend{
	background-color:rgba(0,0,0,.5);
}

.gosliderend i{
	color:#fff;
}

/* Main corousel indicators */

.main-carousel .carousel-indicators {
	bottom: 0;
}

.main-carousel .carousel-control.right,
.main-carousel .carousel-control.left {
	background-color:#387bbf;
}

.main-carousel .carousel-indicators li{
	background-color:#7e8fa0;
}

.main-carousel .carousel-indicators .active{
	background-color:#387bbf;
}

.main-carousel .carousel-indicators.with-thumb .indicator-box{
	background-color:#ef3a3a;
	color:#ffffff;
}

/* Slider 2 Multicolumns Slider */

.multicolumns .carousel-control.left, .multicolumns .carousel-control.right {
	color: #1c2637;
	border-top-color: #8395a7;
}
.multicolumns .carousel-control.left {
	border-right-color: #8395a7;
}
.multicolumns .carousel-control.right {
	border-left-color: #8395a7;
}
.multicolumns .carousel-control.left:hover, .multicolumns .carousel-control.right:hover {
	background-color: #576574;
}

/* Slider 3 Future Slider */

.future-carousel .carousel-indicators li.thumb{
	background-color:#576574;
}

.future-carousel .carousel-indicators li.number{
	background-color:#576574;
	color:#ffffff;
}

.future-carousel .carousel-indicators li.number.active{
	background-color:#8395a7;
}

.future-carousel .carousel-control.right, .future-carousel .carousel-control.left{
	background-color:#576574;
}

.future-carousel .carousel-control.right.number,
.future-carousel .carousel-control.left.number{
	background-color:#576574;
}

.future-carousel .carousel-caption .head, .future-carousel .carousel-caption .head a{
	color:#ffffff;
}

.future-carousel .carousel-caption .desc, .future-carousel .carousel-caption .desc a{
	color:#ffffff;
}

.future-carousel .carousel-caption{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) -1%, rgba(252,252,252,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(255,255,255,0)), color-stop(0%,rgba(252,252,252,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) -1%,rgba(252,252,252,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(255,255,255,0) -1%,rgba(252,252,252,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) -1%,rgba(252,252,252,0) 0%,rgba(0,0,0,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(255,255,255,0) -1%,rgba(252,252,252,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.full-size-modal .modal-content {
	border-color: #8395a7;
}

.full-size-modal .modal-header {
	background-color: #8395a7;
}

.full-size-modal .modal-title {
	color: #ffffff;
}

.full-size-modal .modal-footer {
	background: #8395a7;
}

/* Slider 4 Slider Search */

.main-carousel.fixedarea .carousel-control.right,
.main-carousel.fixedarea .carousel-control.left{
	background-color: #387bbf;
}

.slider-search .tab-content{
	background-color: #387bbf;
	color: #ffffff;
}

.slider-search .nav-tabs>li>a:before{
	background-color: #387bbf;
}

.slider-search .nav-tabs>li>a,
.slider-search .nav-tabs>li.active>a,
.slider-search .nav-tabs>li.active>a:focus,
.slider-search .nav-tabs>li.active>a:hover,
.slider-search .nav-tabs>li>a:focus,
.slider-search .nav-tabs>li>a:hover{
	border-color: #8395a7;
	background-color: #387bbf;
	color: #ffffff;
}

.slider-search .nav-tabs>li>a, .slider-search .nav-tabs>li{
	background-color: #1c2637;
}

/********** slider accordion */

.slide-accordion .item .icon i{
	color: #ffffff;
}

.slide-accordion .item .head{
	left: -100px;
	color: #ffffff;
}


/**********
		2.2		Lists and Boxes
*/

/***** Boxes */


/* into box */

.into-box {
	background-color: #ffffff;
	border-color: #8395a7;
}

.into-box .top {
	border-color: #8395a7;
}

.into-box .divider:before {
	background-color: #8395a7;
}

/*	Empty Boxes */

.empty-box{
	border-color: #8395a7;
	background-color: #ffffff;
}

/* TODO bu alana liste, sağ ikon ile, bg renkli empty-box-2 eklenecek  */


/**********
		2.4		Divider
*/

.divider .icon {
	background-color: #c8d6e5;
	border-color: #8395a7;
	color: #8395a7;
}
.divider:after {
	background-color: #8395a7;
}


/**********
	3.  REDESIGNED and DEVELOPED BOOTSTRAP ELEMENTS
		3.1		Form
*/

label a{
	background-color: #ef3a3a;
}

label a:hover{
	background-color: #de2828;
}

label a i{
	color: #ffffff;
}

.form-control::-webkit-input-placeholder {
	color: #8395a7;
}

.form-control:-moz-placeholder {
	color: #8395a7;
}

.form-control::-moz-placeholder {
	color: #8395a7;
}

.form-control:-ms-input-placeholder {
	color: #8395a7;
}
.form-control, .has-success .form-control, .has-warning .form-control, .has-error .form-control {
	color: #8395a7;
}

/* general styles */

.form-control {
	border-color: #8395a7;
}
.has-success .form-control {
	border-color: #b2dba1;
}
.has-warning .form-control {
	border-color: #f5e79e;
}
.has-error .form-control {
	border-color: #dca7a7;
}

.input-group-addon {
	background-color: #8395a7;
	color: #222f3e;
}
.input-group-addon i:hover {
	background-color: transparent !important;
	color: #7e8fa0 !important;
}
.has-success .input-group-addon {
	border-color: #b2dba1;
}
.has-warning .input-group-addon {
	border-color: #f5e79e;
}
.has-error .input-group-addon {
	border-color: #dca7a7;
}

/* focus styles */

.form-control:focus {
	border-color: #8395a7;
}
.has-success .form-control:focus {
	border-color: #5cb85c;
}
.has-warning .form-control:focus {
	border-color: #f0ad4e;
}
.has-error .form-control:focus {
	border-color: #d9534f;
}

/**/
input[type=range] {
    background: #48dbfb;
}

input[type=range]::-webkit-slider-thumb {
    background: #ffffff;
}

input[type=range]::-moz-range-thumb {
    background: #ffffff;
}


/**********
		3.2		Buttons & Links
*/


/***** Bootstsrap buttons */

.btn-danger:hover:before,
.btn-info:hover:before,
.btn-primary:hover:before,
.btn-success:hover:before,
.btn-default:hover:before,
.btn-warning:hover:before{
	color: #ffffff;
}

/**/
.btn-danger, .btn-danger:hover,
.btn-info, .btn-info:hover,
.btn-primary, .btn-primary:hover,
.btn-success, .btn-success:hover,
.btn-default, .btn-default:hover,
.btn-warning, .btn-warning:hover{
	color: #ffffff;
}



.btn-default {
	background-color:#ffffff;
	color: #576574;
}

.btn-default:hover,
.btn-default.active{
	background-color:  #8395a7 ;
	color: #ffffff;
}

.btn-success,
.btn-primary {
	background-color: #10ac84;
}

.btn-success:hover,
.btn-primary:hover {
	background-color: #1dd1a1;
}

.btn-info {
	background-color: #2e86de;
}

.btn-info:hover {
	background-color: #54a0ff;
}

.btn-warning {
	background-color: #ff9f43;
}

.btn-warning:hover {
	background-color: #feca57;
}

.btn-danger {
	background-color: #ee5253;
}

.btn-danger:hover {
	background-color: #ff6b6b;
}



/* button group styles */

.btn-group>button {
	border-right-color: #8395a7;
}
.btn-group>button:hover {
	border-right-color: #576574;
}


/**********
		3.3		Modal
*/

.modal-content {
	border-color: #8395a7;
}
.modal-backdrop {
	background-color: #222f3e;
}

.modal-content {
	border: 1px solid;
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-header .close {
	background-color: #ee5253;
	color: #ffffff;
}


/**********
		3.4		Accordion & Panel & Tab
	TODO renkler elden geçirilecek
*/

.panel-default>.panel-heading,
.panel-default>.panel-footer {
	background-color: #8395a7;
}
.panel-heading {
	background-color: #8395a7;
}
.panel-footer {
	background-color: #8395a7;
}

.panel-primary>.panel-heading {
	border-bottom-color: #265a88;
}

.panel-default>.panel-footer {
	border-top-color: #8395a7;
}

.panel-primary>.panel-footer {
	border-top-color: #265a88;
}

.panel-success>.panel-footer {
	border-top-color: #d6e9c6;
}

.panel-info>.panel-footer {
	border-top-color: #bce8f1;
}

.panel-warning>.panel-footer {
	border-top-color: #faebcc;
}

.panel-danger>.panel-footer {
	border-top-color: #ebccd1;
}

.panel-group .panel-heading {
	background-color: #8395a7;
}


.panel-default, .panel-default .panel-heading {
	border-color: #8395a7;
}
.panel-primary, .panel-primary .panel-heading {
	border-color: #265a88;
}
.panel-success, .panel-success .panel-heading {
	border-color: #d6e9c6;
}
.panel-info, .panel-info .panel-heading {
	border-color: #bce8f1;
}
.panel-warning, .panel-warning .panel-heading {
	border-color: #faebcc;
}
.panel-danger, .panel-danger .panel-heading {
	border-color: #ebccd1;
}

.panel-group .panel-heading .panel-title a {
	color: #ffffff;
}

.panel-group .panel-heading :before {
	color: #8395a7;
}

.nav-tabs {
	border-color: #8395a7;
}

.nav-tabs>li {
	margin: -1px 0;
}

.nav-tabs>li>a {
	color: #152639;
	font-weight: 500;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.nav-tabs>li>a:before {
	background-color: #8395a7;
}

.nav-tabs>li:first-child>a:before {
	background-color: #ffffff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
	background-color: #ffffff;
	color: #152639;
	border-top-color: #576574;
	border-bottom-color: #576574;
}

/**********
		3.5		Image & Thumbnails
*/

.img-thumbnail, .thumbnail {
	border-color: #8395a7;
}

/**********
		3.6		Pagination & Pager
*/

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #10ac84;
}
.pagination>li>a,
.pagination>li>span {
	color: #222f3e;
	border-color: #10ac84 !important;
}
.pagination>li>a:hover,
.pagination>li>span:hover {
	color: #ffffff;
	background-color: #1dd1a1;
}

.pager li>a, .pager li>span {
	color: #ffffff;
}
/**/
.pager li>a, .pager li>span {
	background-color: #222f3e;
}
.pager li>a:focus, .pager li>a:hover {
	background-color: #576574;
}


/**********
		3.7		Alerts & Callout & Progressbar
*/

.alert-success,
.alert-info,
.alert-danger,
.alert-warning{
	color: #ffffff;
	position: relative;
	padding-left: 75px;
}

.alert-success {
    background-color: #1dd1a1;
}

.alert-info {
	background-color: #54a0ff;
}

.alert-warning {
	background-color: #feca57;
	color: #cc5d36;
}

.alert-danger {
	background-color: #ff6b6b;
}

.alert:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;

	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	padding-right: 3px;
	font-weight: 900;
	text-align: center;

	display: flex;
	flex-direction: column;
	justify-content: center;

	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.alert-success:before{
	content: "\f058";
	background-color: #10ac84;
	color: #1dd1a1;
}

.alert-info:before{
	content: "\f05a";
	background-color: #2e86de;
	color: #54a0ff;
}

.alert-warning:before{
	content: "\f06a";
	background-color: #ff9f43;
	color: #feca57;
}

.alert-danger:before{
	content: "\f06a";
	background-color: #ee5253;
	color: #ff6b6b;
}

.bs-callout {
	background-color: #ffffff;
	color: #576574;
	border-color: #8395a7;
}

.bs-callout i {
	background-color: #8395a7;
	color: #ffffff;
}

/* TODO progress renkleri */

.progress {
	background-color: #8395a7;
}
.progress-bar {
	background-color: #ef3a3a;
}
.progress-bar-success {
	background-color: #5cb85c;
}
.progress-bar-info {
	background-color: #5bc0de;
}
.progress-bar-warning {
	background-color: #f0ad4e;
}
.progress-bar-danger {
	background-color: #d9534f;
}
.progress-bar-striped,
.progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
}

/**********
		3.9		Table
*/

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border-color: #8395a7;
}
.table-striped>tbody>tr:nth-of-type(odd),
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: #c8d6e5;
}

/**********
	 	3.10	Jumbotron
*/

.jumbotron {
	background-color: #8395a7;
}

/**********
	 	3.12	Popover
*/

.popover {
	border-color: #8395a7;
}
.popover.top>.arrow {
	border-top-color: #8395a7;
}
.popover.right>.arrow {
	border-right-color: #8395a7;
}
.popover.bottom>.arrow {
	border-bottom-color: #8395a7;
}
.popover.left>.arrow {
	border-left-color: #8395a7;
}

/**********
	 	3.13	Blockquote
*/

blockquote {
	border-color: #8395a7;
}

blockquote.style-1:before {
	border-top-color: #ffffff;
	border-bottom-color:#ffffff;
	background-color: #387bbf;
	color: #ffffff;
}

blockquote.style-2:before {
	border-right-color: #8395a7;
	color: #576574;
}


/**********
 	4.  PAGES
	TODO renkler
 */


/* Classic Blog */

.classic-blog .meta ul li {
	border-right: 1px solid #8395a7;
}

.classic-blog .icon {
	background-color: #7e8fa0;
	color: #ffffff;
}

/* Full Size Blog */

.full-size-blog .item ul li {
	border-bottom: 1px solid #8395a7;
}

.full-size-blog .item .icon {
	background-color: #8395a7;
}

.full-size-blog .item .head .subhead {
	color: #387bbf;
}

.full-size-blog .item .icon {
	background-color: #7e8fa0;
	color: #ffffff;
}

/***** Events */

/*	Timeline List */

.timeline-list:before {
	background-color: #8395a7;
}

.timeline-list .item {
	background-color: #ffffff;
}

.timeline-list .item ul li {
	border-bottom-color: #8395a7;
}
.timeline-list .item .cat-icon i {
	background-color: #7e8fa0;
}

.timeline-list .item .head .subhead {
	color: #387bbf;
}

/**/

.timatable-event .day .head{
	border-bottom-color: #8395a7;
	}
	
.timatable-event .day .item{
	background-color:#ffffff;
	}

.timatable-event .day .item.null{
	background-color:#8395a7;
	}

@media (max-width: 991px) {

.timatable-event .day .item{
	background-color:#ffffff;
	border-bottom-color: #8395a7;
	}
	
.timatable-event .day .item:hover{
	background-color:#8395a7;
	}
}

.timatable-event .day .item .meta{
	border-bottom-color: #576574;
	}

@media (max-width: 991px) {
.timatable-event .day .item .details{
	border-left-color:  #8395a7;
	}
}

/**********
 	5.  ADMIN
 */

.header-profile{
	border-color: rgba(131, 149, 167, .5);
}

.admin-mobile-main-menu label:before{
	color: #ffffff;
}

.admin-mobile-main-menu input[type="checkbox"]:checked ~ label{
	background: #10ac84;
}

.panel-sub-menu ul li{
	background-color: #10ac84;
}

.panel-sub-menu ul li:hover{
	background-color: #1dd1a1;
}


/**/

a.admin-mobile-toggle{
	color: #7e8fa0;
}

header.admin-header{
	background-color: #ffffff;
}

header.admin-header ul li{
	background-color: #8395a7;
}

header.admin-header ul li:hover{
	background-color: #1dd1a1;
}

footer.admin-footer{
	background-color: #222f3e;
	color: rgba(255,255,255,.3);
}

footer.admin-footer a{
	color: rgba(255,255,255,.5);
}

.admin-mobile-main-menu nav ul{
    background-color:#222f3e;
}

.admin-menu-list ul li:hover{
	background-color: #10ac84;
}

.admin-menu-list ul li.active{
	background-color: #10ac84;
}

.admin-menu-list ul li{
	border-bottom-color: rgba(131, 149, 167, .5);
}

.admin-menu-list ul li a,
.admin-menu-list ul li:hover a,
.admin-menu-list ul li a i {
	color: #ffffff;
}

.admin-mobile-menu li a,
.admin-mobile-menu ul li:hover a,
.admin-mobile-menu ul li a i {
	color: #222f3e;
}

.admin-mobile-menu ul li.active{
	background-color: #10ac84;
	color: #ffffff;
}

/**/

.fixed-sidebar{
	background-color: #222f3e;
}

/**/


.panel-sub-menu ul li a{
	color: #ffffff;
}

.panel-sub-menu ul li a i{
	color: #ffffff;
}

.panel-sub-menu ul li.active{
	background-color: #222f3e;
}

.reply-item .desc.style-1{
	background-color: #ffffff;
	color: #576574;
}

.reply-item .desc.style-2{
	background-color: #10ac84;
	color: #ffffff;
}

.reply-item .desc.style-3{
	background-color: #feca57;
	color: #576574;
}

.reply-item .time{
	background-color: rgba(0, 0, 0, .3);
	color: #ffffff;
}

.reply-item .profile-image img{
	border-color:#ffffff;
}

.day {
	border-bottom-color: #7e8fa0;
	border-right-color: #7e8fa0;
}

.day-name {
	color: #99a1a7;
}

/**/

a.calendar-link-btn,
span.calendar-link-btn{
	background-color: #8395a7;
	color: #ffffff;
}


a.calendar-btn,
span.calendar-btn {
	background-color: #7e8fa0;
	color: #ffffff;
}

/**/

.task-warning {
	background: #fef0db;
	color: #fc9b10;
}

.task-danger {
	background: #FDC5D0;
	color: #f8254e;
}

.task-info {
	background: #DAE7FF;
	color: #0a5eff;
}
.task-primary {
	background: #4786ff;
	color: #ffffff;
}

/**/

.calendar-page-header{
	background-color: #ff9f43;
}

.calendar-modal-date-list{
	color: #10ac84;
}

.calendar-modal-date-content{
	border-left-color:#c8d6e5;
}

.calendar-modal-date-content span{
	color: #8395a7;
}

/**/

.dashboard-box .item{
	background-color: #ffffff;
	border-color: #8395a7;
}

.dashboard-box .item .icon{
	background-color: #feca57;
	border-bottom-color: #ff9f43;
}


.dashboard-box .item .bottom{
	border-top-color: #8395a7;
}

.dashboard-box .item .bottom:hover{
	background-color: #8395a7;
}

.dashboard-box .item .bottom a{
	color: #576574;
}

.dashboard-box .item .bottom:hover a{
	color: #ffffff;
}


/**/

.ticket-page-header .menu{
	background-color: #8395a7;;
}

.ticket-page-header .profile i{
	background-color: #10ac84;
}

.ticket-page-header .profile a{
	color: #ffffff;
}

.ticket-page-header .ticket-file a i{
	background-color: #10ac84;
	color: #ffffff;
}

.ticket-detail-tabs{
	background-color: #1dd1a1;
}

.menu-link ul li a{
	color: #ffffff;
}

.menu-link ul li a i{
	margin-right: 0;
}

.menu-link ul li a:hover,
.menu-link ul li.active a{
	background-color: #10ac84;
}

.ticket-list{
	background-color: #ffffff;
}

.ticket-list .item{
	border-bottom-color: rgba(131, 149, 167, .5);
}

.ticket-list .item .name a{
	color: #10ac84;
}

.ticket-list .item .date{
	color: #8395a7;
}

.ticket-list .item .ticket a{
	color: #576574;
}

.ticket-list .item.active{
	background-color: rgba(131, 149, 167, .3);
}

.ticket-detail-reply-file-list{
	background-color: #ffffff;
}

.reply-file-item{
	border-bottom-color: rgba(131, 149, 167, .5);
}

.reply-file-item a i{
	background-color: #10ac84;
	color:#ffffff ;
}

.reply-file-item a i.fa-image{
	background-color: #10ac84;
}

.reply-file-item a i.fa-file-alt{
	background-color: #2e86de;
}

/***** customer  */

.customer-page-header{
	border-bottom: 1px solid #8395a7;
	background-color: #576574;
}

.customer-page-header .top{
	border-bottom-color: rgba(255, 255, 255, .5);
}


.customer-page-header .top ul li a{
	color: #ffffff;
}

.page-header-menu {
	background-color: #ffffff;
}

.page-header-menu ul li {
	border-right-color: #8395a7;
}

@media (max-width: 991px){
	.page-header-menu ul li {
		border-bottom-color: #8395a7;
	}
}

.page-header-menu ul li a{
	color: #576574;
}

.page-header-menu ul li a.active,
.page-header-menu ul li a:hover
{
	background-color: #10ac84;
	color: #ffffff;
}