/****** Görüşme Zamanlarına stil ver ******/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
/* body *{ font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif} */
.past_cl   { text-decoration:line-through; }
.future_cl { background-color:#eeffef !important; }
.cancel_cl a,
.cancel_cl { color:#bc0000 !important; }
.today_cl  { background-color:#f0f7ff !important; }

.label.past_cl{color:#767676 !important; background-color:#f8f8f8 !important; border:1px solid #b7b7b7 !important; text-decoration:line-through; }
.label.future_cl{ color:#22860b !important; background-color:#e7fddd !important; border:1px solid #86e370 !important; }
.label.cancel_cl a,
.label.cancel_cl{ color:#bc0000 !important; background-color:#ffe9e9 !important; border:1px solid #ed7171 !important; }
.label.today_cl{  color:#0e4481 !important; background-color:#e8f2fe !important; border:1px solid #6da3e0 !important; }

/**** ödev dosyaları ****/
.delete_file,.delete_temp_file{position:absolute;top:15px;right:25px; font-size:16px; padding:0 5px; background-color: #fff;border-radius: 2px; cursor: pointer;}
.file_date{position:absolute;bottom:15px;right:25px;}


.toprightmenu li a:hover{
	color: #06808c !important;
}















/** ******* Easy Speak ****** **/
/*.top-line{ width: 100%; height: 8px; background-color: #ffffff; position: fixed; top:0; z-index: 99999; }
.top-line>div{ float: left; width: 25%; height: 8px; }
.top-line-1{ background-color: #E24663; }
.top-line-2{ background-color: #098C37; }
.top-line-3{ background-color: #a41d21; }
.top-line-4{ background-color: #F6D605; }
#wrapper{margin-top:8px;}*/

.company_logo_field{
	width:100%;
	height:60px;
	border-right: 1px solid #e7eaec !important;

	background-color:#ffffff;
	background-size: 175px;
	background-repeat:no-repeat;
	background-position: center;
	border-bottom: 1px solid #e7eaec !important;
	
}
.page-heading {
    border-top: 0px;
    padding: 0 10px 10px 10px;
    position: fixed;
    width: 100%;
    z-index: 9;
}

#page-wrapper > .wrapper.wrapper-content{
	margin-top: 75px;
}

.page-heading h2 {
    font-size: 20px;
    margin-top: 12px;
}



.nav-header {
	background: url("patterns/custom.png") no-repeat;
	/*background-color: #ffffff;*/
	padding: 12px 25px 20px 25px;
}

#nav_user_fullname{
	color: #ffffff;
}
#nav_user_info2{
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #cbf4f7;
}
#open_profile_options{
	color:#fff;
}
.navbar-static-side .nav > li > a {
	color: #ffffff;
	font-weight: 600;
	padding: 14px 20px 14px 25px;
}
.navbar-default {
	background-color: #a41d21;
	border-color: #2f4050;
}

.navbar-static-side .nav > li.active {
	border-left: 4px solid #ffffff;
	background: #d62025;
}
.navbar-static-side.navbar-default .nav > li > a:hover,
.navbar-static-side.navbar-default .nav > li > a:focus {
	background-color: #d62025;
}

.navbar-static-side .nav .open > a,
.navbar-static-side .nav .open > a:hover,
.navbar-static-side .nav .open > a:focus {
	background: #fff;
}
body.mini-navbar .navbar-static-side .nav-header {
	background-color: #a41d21;
}




/** TURKUAZ **/
/* .panel-primary > .panel-heading {
	background-color: #d62025;
	border-color: #d62025;
}

.label-primary, .badge-primary {
	background-color: #d62025;
	color: #FFFFFF;
} */

a {
	/*color: #d62025;*/
}
/** ******* Easy Speak ****** **/








.ibox .open > .dropdown-menu {
	left: 1px;
	right: 0;
}

.agile-list li.default-element {
	border-left: 3px solid #aaaaaa;
}

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width:1200px;
	}
}

/**** autocomplete ****/
.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	_width: 160px;
	padding: 4px 0;
	margin: 2px 0 0 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	overflow:scroll;
	max-height: 150px;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
	border:none;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover,
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088cc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none;
}
.ui-helper-hidden-accessible{ position: absolute; left:-999em; }


.agile-list li.default-element { border-left: 3px solid #c5c5c5; }

.file_box{height: 170px; padding-top:20px;}




/******* TOOLS *********/
.text-white        { color: #ffffff !important;  } a.text-white{ color: #ffffff !important;  }   a.text-white:hover, .text-white:hover { color: #E6E6E6 !important;  }
.text-main         { color: #a41d21;  }
.text-confirm      { color: #00a336;  }
.text-pink         { color: #ED008C;  }
.text-pink2        { color: #c60068;  }
.text-light-blue   { color: #20B7EE;  }
.text-light-blue2  { color: #2197ce;  }
.text-999          { color:#999999;   }
.text-333          { color:#333333;   }
.text-black        { color:#000000;   }
.text-light-gray   { color:#CFCFCF;   }
.text-link         { color:#337AB7;   }
.pointer           { cursor: pointer !important; }
.no_pointer        { cursor: default !important; }
.not_bold{ font-weight:normal !important; }
.bold{ font-weight:bold !important; }
.italic{ font-style:italic !important; }
.underline{ text-decoration:underline !important; }
.inline_block{display:inline-block;}
.bg-main, .bg-main a, .bg-main i  { background-color: #a41d21; color:#FFF; }
.bg-pink         { background-color: #FFA8DF; }
.bg-light-blue   { background-color: #69B4F5; }
.bg-light-gray   { background-color: #f0f0f0; }

.margin_left_5{ margin-left:5px; }
.margin_left_10{ margin-left:10px; }
.margin_left_15{ margin-left:15px; }
.margin_left_20{ margin-left:20px; }
.margin_left_25{ margin-left:25px; }
.margin_left_30{ margin-left:30px; }
.margin_left_40{ margin-left:40px; }
.margin_left_50{ margin-left:50px; }

.margin_right_5{ margin-right:5px; }
.margin_right_10{ margin-right:10px; }
.margin_right_15{ margin-right:15px; }
.margin_right_20{ margin-right:20px; }
.margin_right_25{ margin-right:25px; }
.margin_right_30{ margin-right:30px; }
.margin_right_40{ margin-right:40px; }
.margin_right_50{ margin-right:50px; }

.label_in_table { display: inline-block; border: 1px solid #999; color: #555; background-color: #edf4f7; margin-right:5px; }
td.bg-danger .label_in_table { border: 1px solid #DA8789; color: #fff; background-color: transparent; }


.bg-dangerr {
	background-color: #f1b1b1;
}
a.bg-dangerr:hover {
	background-color: #e4b9b9;
}

  
.bg-warningg {
	background-color: #fcf2c1;
}
a.bg-warningg:hover {
	background-color: #f7ecb5;
}
  
/****** font-size sık kullanılanlar  ******/
.px8{ font-size:8px; }
.px9{ font-size:9px; }
.px10{ font-size:10px; }
.px11{ font-size:11px; }
.px12{ font-size:12px; }
.px13{ font-size:13px; }
.px14{ font-size:14px !important; }
.px15{ font-size:15px; }
.px16{ font-size:16px; }
.px17{ font-size:17px; }
.px18{ font-size:18px; }
.px19{ font-size:19px; }
.px20{ font-size:20px; }
.px21{ font-size:21px; }
.px22{ font-size:22px; }
.px23{ font-size:23px; }
.px24{ font-size:24px; }
.px25{ font-size:25px; }


.width_5{  width:5px;  }
.width_10{ width:10px; }
.width_15{ width:15px; }
.width_20{ width:20px; }
.width_25{ width:25px; }
.width_30{ width:30px; }
.width_35{ width:35px; }
.width_40{ width:40px; }
.width_45{ width:45px; }
.width_50{ width:50px; }


/******* TOOLTIPS *******/
/*** <div tooltip="Ben bir garip tooltip'im, element element gezerim"></div> ***/
[tooltip]:before {
    /* needed - do not touch */ content: attr(tooltip); position: absolute;  opacity: 0;
    /* customizable */ transition: all 0.15s ease; padding: 3px; color: #896113; font-weight:normal; font-size:10px; border-radius: 3px; box-shadow: 2px 2px 1px rgba(0,0,0,0.3); z-index:9999;
}
[tooltip]:hover:before {
    /* needed - do not touch */  opacity: 1;
    /* customizable */ background: #fffcee; border:1px solid #fdf2dc; margin-top: -20px; margin-left: 20px;
}
[tooltip]:not([tooltip-persistent]):before { pointer-events: none; }



/**** ekle butonundaki tooltip ****/
.tooltip-inner { color: #fff; background: #4e4e4e; border: solid 1px #4e4e4e; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #4e4e4e; border-width: 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #4e4e4e; border-width: 5px 0 5px 5px; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #4e4e4e; border-width: 5px 5px 5px 0; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #4e4e4e; border-width: 0 5px 5px; }


/******* bootstrap tooltip customized ********/
/*.tooltip-inner { color: #553a04; background: #fffcee; border: solid 1px #edd6a9; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #a3813d; border-width: 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #a3813d; border-width: 5px 0 5px 5px; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #a3813d; border-width: 5px 5px 5px 0; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #a3813d; border-width: 0 5px 5px; }*/

.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;font-size:11px;opacity:0;filter:alpha(opacity=0);padding:5px;}
.tooltip.in{opacity:.97;filter:alpha(opacity=97);}
.tooltip.top{margin-top:-2px;}
.tooltip.right{margin-left:2px;}
.tooltip.bottom{margin-top:2px;}
.tooltip.left{margin-left:-2px;}
.tooltip-inner{max-width:250px;text-align:center;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:3px 8px;}
.tooltip-arrow{ position:absolute;  width:0; height:0 }



/******* FİLTRELER *******/
.filter_tags, .filter_extra{ border:1px dotted #CCC; border-radius:2px; padding:5px 15px; margin-top:0; margin-bottom:10px; margin-right:15px; background-color:#FFF; height:57px; width:344px; }
.filter_tags a, .filter_extra a{ display:inline-block; border:1px dotted #CCC; padding: 1px 4px 3px 4px; border-radius:3px; background-color:#FBFBFB; }
.filter_tags h5, .filter_extra h5{ display:inline-block; font-size:12px; line-height:8px; margin-right:20px; }
.filter_tags .active{ color:#a41d21; background-color:#f0fffc; border-color:#a41d21; }
.filter_extra_active{ color:#a41d21 !important; background-color:#f0fffc !important; border-color:#a41d21 !important; }

.filter_extra a{ font-size:12px; line-height:12px; padding: 4px 4px 3px 4px; }



/******* SMALL-ADD-BUTTON ******/
#small-add { position: fixed; bottom: 35px; right: 20px; z-index: 100; }
#small-add .badge { position: absolute; top: -3px; right: -4px; }
.open-small-add { font-size:18px; height: 50px; width: 50px; display: block; background: #a41d21; padding: 13px 8px 12px 8px; text-align: center; color: #fff; border-radius: 50%; }
.open-small-add:hover { color: white; background: #a41d21; }
.small-add-box { display: none; position: fixed; bottom: 20px; right: 75px; background: #fff; border: 1px solid #e7eaec; width: 230px; height: 320px; border-radius: 4px; }
.small-add-box.ng-small-chat { display: block; }
.body-small .small-add-box { bottom: 70px; right: 20px; }
.small-add-box.active { display: block; }
.small-add-box .heading { background: #2f4050; padding: 8px 15px; font-weight: bold; color: #fff; }
.small-add-box .chat-date { opacity: 0.6; font-size: 10px; font-weight: normal; }
.small-add-box .content { padding: 15px 15px; }
.small-add-box .content .author-name { font-weight: bold; margin-bottom: 3px; font-size: 11px; }
.small-add-box .content > div { padding-bottom: 20px; }
.small-add-box .content .chat-message { padding: 5px 10px; border-radius: 6px; font-size: 11px; line-height: 14px; max-width: 80%; background: #f3f3f4; margin-bottom: 10px; }
.small-add-box .content .chat-message.active { background: #a41d21; color: #fff; }
.small-add-box .content .left { text-align: left; clear: both; }
.small-add-box .content .left .chat-message { float: left; }
.small-add-box .content .right { text-align: right; clear: both; }
.small-add-box .content .right .chat-message { float: right; }
.small-add-box .form-chat { padding: 10px 10px; }

authorized
/* gruplar sayfasında öğretmen ekleme modal ında label ların bitişik olmasını engellemek için */
.assigned_teachers,
.authorized_teachers{ margin-bottom:10px; }

.assigned_label a,
.assigned_teachers span,
.authorized_label a,
.authorized_teachers span{ padding:1px 8px; }

.assigned_label a,
.assigned_teachers span a,
.authorized_label a,
.authorized_teachers span a{ font-size:12px; }


/****** detay sayfasında başlıktaki label *******/
.label_in_title{ display:inline-block; margin-bottom:3px; font-size:13px; border:transparent 1px solid; }
span.label_in_title{  }
.label-no-action{ font-size:12px; color:#333; background-color:#F2F2F2; border:#999 1px solid; }
.lime_heading{ padding:5px 10px; }
.details_in_table *{ font-size:13px !important; }

.label-white { color:#808080 !important; background-color: #ffffff; }
.label-white[href]:hover,
.label-white[href]:focus { color:#404040 !important; background-color: #ffffff; }

/****** detay sayfasında x id li kayıt yok *******/
.no_records li{ background-color:#FFFFFF; }


/****** Sol üst filtrelemede açılan menü sola yaslansın (default = sağa. Nedense???) ******/
#move_from .dropdown-menu,
#move_in .dropdown-menu{left:0; }

/****** DataTables #move_in ******/
#move_in{ float:left; }

/****** datatables processing *******/
.dataTables_processing { background-color:#fff; color:#a41d21; font-size:15px; text-align: center; width: 250px; padding: 3px 0; border: 1px solid #a41d21; border-radius:3px; position: absolute; left: 50%; margin-left: -125px; }

/****** datatables header hover *******/
.dataTable thead tr th:hover{ background-color:#f9f9f9 !important; }
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc { color:#a41d21; }
.dataTable thead .sorting_asc:hover,
.dataTable thead .sorting_desc:hover { color:#a41d21; }
.dataTable tbody tr:hover{ background-color:#fff6e4 !important; }


/******* datatables sayfa başına kaç kayıt gösterilsin menüsü ********/
select[name="table_id_length"]{ border:1px solid #a41d21; border-radius:3px; color:#a41d21; padding-top:4px;}

/******* datatables kayıt bilgisi yazısı *******/
.dataTables_info{ line-height:15px; }
.dataTables_info span.label{ margin-left:10px; }


/******** CSV Preview Table Style **********/
.preview_csv{  font-size:10px; }


/*.preview_csv{  font-size:10px; width:100%; }
.preview_csv thead tr:first-child th{ background-color:#FFF !important; }
.preview_csv thead th{ text-align:center; background-color:#dfe3e8; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; padding:3px; }
.preview_csv tr { line-height: 15px; min-height: 15px; height: 15px; }
.preview_csv td{ padding:2px 9px 1px 5px; border-right:1px solid #999; border-bottom:1px solid #999; }
.preview_csv tr:hover{ background-color:#FFFECC !important; }
.previev_row_num{ text-align:center; border-top:1px solid #999; border-right:1px solid #999; border-left:1px solid #999; padding:3px; border-bottom:1px solid #999; background-color:#F1F1F1; }
.previev_row_num th{ border-left:1px solid #999; padding-left:5px; }
*/

.b-l {
  border-left: 1px solid #e7eaec;
}

/******** CSV Sample Table Style **********/
.sample_csv{ border:1px #006633 solid; font-size:10px; background-color:#FFFFFF; margin: 2px 0 0 0px; }
.sample_csv thead tr:first-child th{ background-color:#FFF !important; }
.sample_csv thead th{ text-align:center; background-color:#dfe3e8; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; padding:3px; }
.sample_csv tfoot th{ text-align:left; background-color:#fff; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; padding:3px; }
.sample_csv td{ padding:2px 9px 1px 5px; border-right:1px solid #999; border-bottom:1px solid #999; }
.sample_csv tr:hover{ background-color:#FFFECC !important; }
.sample_row_num{ text-align:center; border-top:1px solid #999; border-right:1px solid #999; border-left:1px solid #999; padding:3px; }

/**** EMAIL ADDER ****/
.my_form-control { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #e5e6e7; }
.remove_email_add, .remove_email_edit{ margin-top:5px; }
.email_input { height: 28px; line-height: 28px; font-size: 15px; margin-bottom: 4px; }
.has_error{ background-color:#FFE8E8; color:#8F071F; }

/**** CELLPHONE ADDER ****/
.remove_cellPhone_add, .remove_cellPhone_edit{ margin-top:5px; }
.cellPhone_input { height: 28px; line-height: 28px; font-size: 15px; margin-bottom: 4px; }

/**** Formlarda hataları gösterdiğimiz element ****/
label.help-block { position: absolute; right: 15px; top: -14px; border: 1px solid #ffd8d2; padding: 1px 6px; font-size: 11px; background-color: #fff0ed; border-radius: 1px; font-weight:normal; color:#900; }

/*********** footer düzenle *************/
.footer.app_footer{padding-top:1px !important; padding-bottom:2px !important; font-size:12px;}
.footer.app_footer .or_text{color:#33B2F3;}
.or_logo{background:#33B2F3; height:10px; width:10px; display:inline-block; margin-top:2px; border-radius:2px;}

/****** navigation da 'yeni' listesinin tasarımı *******/
.navbar-default .new_item a { background: #344656; color: white; }
.navbar-default .new_item a:hover { background: #17987e !important; color: white; }
.navbar-default .new_item a span.label { background: #fff; color: #a41d21; }

/******** Sıra Değiştirme sayfasındaki list item ********/
#sequenced_items>ul>li { padding-top:4px; padding-bottom:4px; }
.list_odd{background:#FCF8E3;}

/****** toastr iconlarına overwrite *******/
#toast-container > .toast-warning:before { content: "\f071"; }
#toast-container > .toast-error:before   { content: "\f00d"; }
#toast-container > .toast-info:before    { content: "\f05a"; }
#toast-container > .toast-success:before { content: "\f00C"; }

/****** loading icon *******/
.icon-loading { min-height:14px; min-width:13px; background:url(../images/loading.gif) no-repeat; }

/****** smartlists seçilen listenin sağında çıkan ok *******/
.right_arrow {display:none;right: 0;width: 0;height: 0;margin-top:-7px;margin-right:36px;position: absolute; border-right:1px #00CC33 solid;}
.right_arrow:after {content: '';display: block; position: absolute;top: 0px;left: 100%;width: 0;height: 0;border-color: transparent transparent transparent #a41d21;border-style: solid;border-width: 17px;}
.right_arrow:before {content: '';display: block;position: absolute;top: -1px;left: 100%;width: 0;height: 0;border-color: transparent transparent transparent #d0d0d0;border-style: solid;border-width: 16px;}


/******* smartlist rules ********/
#rules_here>li:hover{ background-color:#F5F5F5; }
#rules-heading{ background-color:#f5f5f5; }
#rules-heading .input-group-addon{ background-color:#eeeeee; }

/* smartlist rules input style */
#and_or      { width:210px; margin-right:5px; }
.s1          { width:210px; margin-right:5px; }
.s2          { width:250px; margin-right:5px; }
.t1          { width:300px; margin-right:5px; margin-bottom:-15px; }
.remove_rule { margin:10px 15px 0 0; }

/******** smartlist operations da select style **************/
.sm_sel{ width:auto; font-size:13px; height:22px !important; line-height:22px !important; padding-bottom:0; padding-top:0; background:#5cb85c; color:#FFF; }
.sm_sel option{background:#fff; color:#000;}

/******** popover ın genişliğini içeriğe göre ayarla ***************/
.popover{ max-width: 100%; }

/******** ibox kutularında içriği tanımlayan açıklama yazısı ***********/
.label-definer{ padding:4px 8px; border-radius:0px; color:#a4a4a4; background-color:#f0f4f6; font-weight:normal; }

/* Modal larda sağdaki kapatma butonunun yanındaki linklerin pozisyonu */
.modal_header_link{ margin-right:15px;}

/* Modal ların içindeki slimscroll un çalışması için
   .full-height-scroll class lı element den önce
   .inmodal_scroll class lı bir element koy */
.inmodal_scroll{ height:300px; background-color:#EFF3F5; padding:10px 2px 10px 15px; border-radius:3px; }

/* label larda uzun listelerin sayfanın dışına taşmaması için scroll yap */
.label_scroll{ max-height:300px; width:300px; overflow-x:scroll; padding: 5px 10px 25px 10px;}

/*------------------------------------------------*/
/*	Page: Knowledge Base
/*------------------------------------------------*/
.form-knowledge-search { margin-bottom: 50px; -webkit-appearance: none; }
@media screen and (max-width: 480px) {
  .form-knowledge-search input[type="search"] { font-size: 0.9em; }
}

.knowledge { margin-bottom:25px; }
.knowledge h3 { border-bottom: 1px solid #ddd; line-height: 28px; font-size: 1.2em; font-weight:normal; }
.knowledge .no-margin{ padding:0 !important; margin:0 !important; }
.knowledge h3 span { font-weight: normal; }
.knowledge h3 a {  text-decoration: none; }
.knowledge ul li {  line-height: 30px; }
.knowledge ul li a { color: #555; display: block; padding-left: 20px; }
.knowledge ul li a:hover { text-decoration: underline; }
.knowledge ul li i.pull-left { line-height: 29px; }

.knowledge-recent-popular { margin-top: 50px; }
.knowledge-recent-popular ol { padding-left: 20px; }
.knowledge-recent-popular ol li { line-height: 30px; }

ul.nav-categories { margin-bottom: 30px; }
ul.nav-categories > li > a { color: #555; }


.ticket-box { border: 1px solid #ddd; padding: 15px; }

/* nav stacked */
.nav-stacked > li { border: 1px solid #ddd; }
.nav-stacked > li:not(:first-child) { border-top: none; }
.nav-stacked > li > a {  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.nav-stacked > li + li { margin-top: 0; }
/*------------------------------------------------*/
/*	Page: Knowledge Base
/*------------------------------------------------*/

.highlight { background-color: #FDFFA2 }

#loading-covered{
	position:fixed;
	width:100%;
	height:100%;
	opacity:0.3;
	background-color:#333;
	z-index:999;
}

#loading-top{
	position:fixed;
	margin:auto;
	right:0;
	left:0;
	top:0;
	width:130px;
	height:30px;
	opacity:1;
	display:none;
	padding: 5px 5px 0 5px;
	background-color:#FFF;
	z-index:100;
	border: 2px solid #a41d21;
	border-top:0px;
	border-radius: 5px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;

}


/* ADD NEW BUTTON */

.floating-add-menu{
	position:fixed;
	bottom:20px;
	right:0px;
	height: 56px;
	padding:0px 40px 60px 40px;
	height:350px;
	visibility:hidden;
}
.outer-box{

	margin-bottom:20px;
	visibility:hidden;
}
.outer-circle{
	height:56px;
	width:56px;
	border-radius:50%;
	-webkit-box-shadow: 0px 6px 15px -3px rgba(79,79,79,1);
	-moz-box-shadow: 0px 6px 15px -3px rgba(79,79,79,1);
	box-shadow: 0px 6px 15px -3px rgba(79,79,79,1);
	visibility:visible;
}
.circle-button{
	height:56px;
	width:56px;
	border-radius:50%;
	background-color:#a41d21;
	display:block;
	background-image: url("../images/add_plus.png");
    background-repeat: no-repeat;
    background-position: center;
	cursor:pointer;
	bottom:0;
	visibility:visible;
}
.add-button{
	height: 1px;
    width: 1px;
	border-radius:50%;
	background-color:#a41d21;
	position:relative;
	margin:auto;
	-webkit-box-shadow: 0px 6px 15px -3px rgba(79,79,79,1);
	-moz-box-shadow: 0px 6px 15px -3px rgba(79,79,79,1);
	box-shadow: 0px 6px 15px -3px rgba(79,79,79,1);
	cursor:pointer;
	text-align:center;
	visibility:hidden;
}
.add-button i{
	font-size: 16px;
	line-height: 40px;
	color:#FFF;
	width:40px;
	height:40px;
	display:none;
	visibility:visible;
}
.outer-add{
    width: 100%;
	padding-top:20px;
	height:60px;
	visibility:hidden;
}


.bg_green{
	background-color: #a41d21 !important;
}
.bg_red{
	background-color: #d9534f !important;
}
.bg_yellow{
	background-color: #f8ac59 !important;
}
.bg_blue{
	background-color: #1c84c6 !important;
}


/* ADD NEW BUTTON */











/******** DATEPICKER CUSTOM ********/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 47%; }
.ui-widget-content { border: 1px solid #B2B5B7; border-radius: 3px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Open Sans'; font-size: 14px !important; color: #676a6c; border-radius:2px; margin-left: 3% !important; }
.ui-datepicker .ui-datepicker-buttonpane button { font-size: 14px !important; font-weight: normal; }
.ui-widget-header { border: 0px solid #e7eaec; color: #676a6c; font-weight: normal; }
.ui-widget-header { background: none; background-image: none; background-color: none; text-transform: uppercase; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; padding: 4px 15px 6px 15px; border-radius: 2px; color: #FFFFFF; background-color: #a41d21; border:none; text-shadow: none; opacity:1; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: 4px 15px 6px 15px; border-radius: 2px; color: #FFFFFF; background-color: #a41d21; width: auto; overflow: visible; border:none; text-shadow: none; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{border:1px solid #c6c6c6;font-weight:normal;color: #505050; border-radius: 2px; }
.ui-datepicker-calendar { }

.ui-datepicker{z-index: 999999 !important;}