.rtl{direction:rtl}

.rtl ul{padding:0}

.rtl ul.nav-tabs{padding:15px 0 15px .7rem}

.rtl .right-sidebar{left:-300px}.rtl .right-sidebar.open{left:0;right:auto}

.rtl.overlay-open .sidebar{margin-left:0px}

.rtl .navbar-logo{float:right}

.rtl .navbar-logo span{margin-left:0;margin-right:10px}

.rtl .navbar-nav{float:left}

.rtl .navbar-nav li.app_menu .dropdown-menu,.rtl .navbar-nav .profile .dropdown-menu{left:0;right:auto}

.rtl .navbar-nav li.notifications .media .media-body{margin-left:0;margin-right:10px}.rtl .navbar-nav li.notifications .media .media-body .name .time{float:left}

.rtl .navbar-nav .profile .user-info a i{float:none !important}.rtl .navbar-nav .profile .dropdown-menu a i{float:right;line-height:24px}

.rtl .dropdown-menu .header{text-align:right}.rtl .dropdown-menu ul.menu.tasks h4 small{float:left}

.rtl .dropdown-menu ul.menu .menu-info{margin-right:10px;margin-left:0;text-align:right}

.rtl .dropdown-menu ul.menu li a{text-align:right}

.rtl .sidebar .menu .list .header:before{left:auto;right:0}

.rtl .sidebar .menu .list a:before{left:auto;right:0}

.rtl .sidebar .menu .list .menu-toggle:before,.rtl .sidebar .menu .list .menu-toggle:after{left:auto;right:0}

.rtl .sidebar .menu .list a span{margin:0  12px 0 0}.rtl .sidebar .menu .list a i{float:right;line-height:24px}

.rtl .sidebar .menu .list .ml-menu li a{padding-right:40px;padding-left:10px;color:#7b7b7b}

.rtl .sidebar .menu .list .ml-menu li a::before{content:'\f30f';right:14px;left:auto;transform:scale(-1, 1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1)}

.rtl .sidebar.h_menu .menu li .ml-menu:before,.rtl .sidebar.h_menu .menu li .ml-menu:after{right:28px;left:auto}

.rtl .sidebar.h_menu .menu li .ml-menu li a{margin:0}
.rtl .sidebar.h_menu .menu li .ml-menu li a::before{right:24px}

.rtl .sidebar.h_menu .menu li:last-child .ml-menu:before,.rtl .sidebar.h_menu .menu li:last-child .ml-menu:after{left:28px;right:auto}
.rtl .right-sidebar #settings .setting-list li .switch{left:5px;right:auto}
.rtl .card .header h2{text-align:right}
.rtl .card .header h2::before{left:auto;right:0}
.rtl .card .header h2 strong{float:right;margin-left:4px}
.rtl .card .header .header-dropdown{right:auto;left:10px}
.rtl .card .header .header-dropdown ul.dropdown-menu{left:0 !important;right:auto !important}
.rtl .table thead tr th,.rtl .table thead tr td{
	font-weight:600;
	font-size: 15px;
	text-align:right;
}

.rtl .checkbox label{padding-right:35px;padding-left:0px}
.rtl .checkbox label:before,.rtl .checkbox label:after{right:0;left:auto}
.rtl .has-success:after,.rtl .has-danger:after{bottom:14px}
.rtl .alert .alert-icon{float:right}
.rtl .progress-container .progress .progress-value{left:0;right:auto}
.rtl .block-header .nav-tabs{float:left}.rtl .media.mright .media-body{text-align:left}
.rtl .dtp>.dtp-content{right:50%;left:auto;margin-right:-150px;margin-left:0}

.rtl .bootstrap-select.btn-group .dropdown-toggle .filter-option{text-align:right}

.rtl .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-left:34px;margin-right:0}

.rtl .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{left:15px;right:auto}
.rtl .chat-widget li.right{float:left;text-align:left}.rtl .chat-widget li.right img{float:left}
.rtl .follow_us .media .status{right:25px;left:auto}.rtl .bitcoin .body{width:100%;text-align:left}
.rtl .inbox .mail_list .unread{border-right:2px solid;border-left:none}
.rtl .inbox .mail_list .list-group-item .controls{margin-right:0px;margin-left:10px}
.rtl .inbox .mail_list .list-group-item .controls .favourite{margin-right:10px;margin-left:0px}
.rtl .chat-app .chat .chat-header img{float:right}
.rtl .chat-app .chat .chat-header .chat-about{float:right;padding-right:10px;padding-left:0px}
.rtl .chat-app .chat .chat-history .message:after{right:20px;left:auto}
.rtl .chat-app .chat .chat-history .other-message:after{left:20px;right:auto}
.rtl .chat-app .people-list img{float:right}
.rtl .chat-app .people-list .about{float:right;padding-right:8px;padding-left:0}
.rtl .page-calendar .event-name{border-left:none;border-right:3px solid}
.rtl .file_manager .file .file-name{padding:10px 20px}
.rtl .file_manager .file .file-name small .date{float:left}
.rtl .blog-page .single_post .meta li{margin-left:15px;margin-right:0}
.rtl .blog-page .single_post .meta li a i{margin-left:6px;margin-right:0}
.rtl .blog-page .right-box .instagram-plugin li{float:right}
.rtl .blog-page .comment-reply .list-inline li{padding-left:20px;padding-right:0}
.rtl div.dataTables_wrapper div.dataTables_filter{text-align:left}
.rtl .inbox-widget .inbox-inner .inbox-img{float:right}.rtl .inbox-widget .inbox-inner .inbox-item-info{margin-right:75px;margin-left:0}.rtl .widget-user img{float:right}.rtl .widget-user .wid-u-info{margin-right:90px;margin-left:0}.rtl .profile-page .profile-header .detail{margin-right:250px;margin-left:0}.rtl .timeline-item{border-right:1px solid #e4e4e4;border-left:none}.rtl .timeline-item:before{right:2em;left:auto}.rtl .timeline-item::after{right:-8px;left:auto}.rtl .widget_2 li{border-left:1px solid #eee;border-right:none}.rtl .widget_2 li .text-right{text-align:left !important}.rtl .widget_2 li .text-small{font-size:14px}.rtl #line_chart{height:375px !important}.rtl .team-info li+li{z-index:99;position:relative}.rtl .activity li a i{float:right}.rtl .activity li a .info{margin-right:50px;margin-left:0px}.rtl .c_review .avatar{float:right}.rtl .product-report .icon{float:right}.rtl .ecommerce-page .nav.nav-tabs{padding:15px .7rem}.rtl .ecommerce-page .details .colors .color:first-of-type{margin-left:0;margin-right:20px}.rtl .ecommerce-page .details .sizes .size{display:inline-block}.rtl .ecommerce-page .details .sizes .size:first-of-type{margin-left:0;margin-right:40px}@media screen and (max-width: 1169px){.rtl.ls-closed .bars:after,.rtl.ls-closed .bars:before{right:10px;left:auto}.rtl .navbar>.container .navbar-brand,.rtl .navbar>.container-fluid .navbar-brand{margin-right:20px;margin-left:0}}@media screen and (max-width: 767px){.rtl.ls-closed .bars:after,.rtl.ls-closed .bars:before{margin-right:0}.rtl .navbar .navbar-left .task .dropdown-menu{right:-70px}}


 body{
	--font-family: "jazeera-light", "jazeera", "Poppins","Helvetica Neue",Arial,sans-serif;
	-font-family:'Al-Jazeera-Arabic-Regular', "Poppins","Helvetica Neue",Arial,sans-serif;
	-font-weight:300;
	-font-size:13px;

	font-family:helveticaneuelight;
	font-weight:400;
	font-style:normal;
	font-size:12px;
}


/*
font-family:helveticaneuereg;
font-weight:400;
font-style:normal;


font-family:helveticaneuebold;
font-weight:800;
font-style:normal;



font-family:helveticaneuelight;
font-weight:400;
font-style:normal;
*/










.pull-left {
	float: left;
}

.radio label {
padding-left: 0;
padding-right: 28px;
}

.radio label::before, .radio label::after {
	left:none;
	right: 3px;
}

.radio input[type="radio"]:checked + label::after {
	left:none;
	right: 11px;
}












/*
 * Component: Timeline
 * -------------------
 */
.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #ddd;
  left: 31px;
  margin: 0;
  border-radius: 2px;
}
.timeline > li {
  position: relative;

  margin-right: 0px;
  margin-left: 0px;

  margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-item {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 15px;
  padding: 0;
  position: relative;
}
.timeline > li > .timeline-item > .time {
  color: #999;
  float: right;
  padding: 10px;
  font-size: 12px;
}
.timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
  font-size: 16px;
  line-height: 1.1;
}
.timeline > li > .timeline-item > .timeline-header > a {
  font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
  padding: 10px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}
.timeline > .time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}



.timeline>li>.timeline-item{
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;margin-top:0;background:#fff;color:#444;margin-left:15px;margin-right:60px;padding:0;position:relative
}

.timeline>li>.timeline-item>.time{
    color:#999;float:right;padding:10px;font-size:12px
}

.timeline>li>.timeline-item>.timeline-header{
    margin:0;color:#555;border-bottom:1px solid #f4f4f4;padding:10px;font-size:16px;line-height:1.1
}

.timeline>li>.timeline-item>.timeline-header>a{
    font-weight:600}

.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer{
    padding:10px
}

.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{
    width:30px;height:30px;font-size:15px;line-height:30px;position:absolute;color:#666;background:#d2d6de;border-radius:50%;text-align:center;right:8px;top:0
}

.timeline>.time-label>span{
    font-weight:600;padding:5px;display:inline-block;background-color:#fff;border-radius:4px
}

.timeline-inverse>li>.timeline-item{
    background:#f0f0f0;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none
}

.timeline-inverse>li>.timeline-item>.timeline-header{
    border-bottom-color:#ddd
}

.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    right: 31px;
    margin: 0;
    border-radius: 2px;
}



	.timeline li.time-label  {
	font-size: 15px !important;
	}




@media only screen and (max-width: 767px){

	.timeline::before {
		right: 0px;
	}

	.--timeline:before, .-timeline::before {
		display:none;
	}
	.timeline > li > .timeline-item {
	margin-right:15px;
	}

	.timeline > li {
    xmargin-right: 30px;
	}



	
}




















.page-loader-wrapper {
background: #105172 !important;
}


.bootstrap-select .filter-option.pull-left {
	float: left;
}

pre {
unicode-bidi:none !important;
}

pre {
	display:block;
	background-color: #eee;
	border: 0px;
	margin: 0;        
	padding: 10px;
}

.cke_toolbar {
float:right !important;
}

input.form-control, textarea.form-control {
	xline-height: 100%;
}


.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: none !important;
    width: 100%;
    text-align: left;
}

.bootstrap-select .filter-option.pull-left {
	float:right !important;
}

.c-f-se .block-header {}

.card .body.block-header {
	xfont-weight: 600;
	font-size: 16px;
	xcolor:red;
}

.form-control {
	xfont-weight: 600;
	xfont-size: 15px;
}

.btn {
	font-weight: 600;
	xfont-size: 15px;
}

.top_navbar {
	font-family:helveticaneuebold;
	font-weight:800;
	font-style:normal;
}

.sidebar {
	font-family:helveticaneuebold;
	font-weight:800;
	font-style:normal;
	
}

.card .body .panel-heading {
	font-family:helveticaneuelight;
	font-weight:800;
	font-style:normal;
	display:block;
	font-size: 15px;
}

.card .header {
	font-family:helveticaneuelight;
	font-weight:800;
	font-style:normal;
	font-size: 15px;
}

.card .header h2 strong {
	font-family:helveticaneuelight;
	font-weight:800;
	font-style:bold;
	font-size: 18px;
}

.card .body h2 {


}

.card .body .panel-heading .header-dropdownX {
	display:block;
}

.card .header-dropdown ul li, .card .header-dropdown ul li a {
	font-family:helveticaneuelight;
	font-weight:normal !important;
	font-style:normal;
	font-size: 15px !important;
}


pre {
	font-family:helveticaneuelight;
	font-weight:normal !important;
	font-style:normal;
	font-size: 13px;
	direction: rtl;
}

.project-actions .btn-neutral, .project-actions .btn {
	margin: 0px 1px;
	padding: 0;
	height: 28px;
	width: 28px;
	font-size: 30px;
	line-height: 26px;
	color: #7EB1D7
}

.project-actions a .zmdi {
	font-size: 22px;
}

.project-actions a.btn  {
	border-radius: 30px !important;
	background-color: inherit !important; 
	margin:0;
}

.project-actions a.btn:hover  {
	background-color: #FFF !important; 
}

.highlight_ttr { 
	background-color: #eaecf5; 
}

table.tablevoters th {
	padding: 12px 8px;
}

table.tablevoters td {
	padding: 8px;
}

.modal .btn {
	border-radius: 8px !important;
}

.selectpin {
	color: #f7a31d !important;
}


.timeline-body table th, .timeline-body table td {
	padding: 5px;
}


input.form-control, textarea.form-control {
	padding: 8px 10px 8px 10px !important;

	font-size: 14px !important;
	font-style: normal !important;
	font-weight: normal !important;
}


.btn-group.bootstrap-select.form-control {
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: normal !important;

	z-index: inherit;
}

.btn-group.bootstrap-select.form-control button {
	-padding: 5px 10px 5px 10px !important;
	padding: 8px 10px 8px 22px !important;

	font-size: 14px !important;
	font-style: normal !important;
	font-weight: normal !important;

	line-height: inherit !important;


}



.btn-group.bootstrap-select.form-control button .filter-option {
	font-weight: 400;
}



.modal .card .header strong {
	font-size: 16px;
}


.dd-item, .dd-empty, .dd-placeholder {
    font-size: 13px !important;
}



.tablevoters .btn-xs ix {
	padding: 0;
}


table td, table th {
font-weight:600 !important;
font-size: 15px !important;
}


.form-group .bootstrap-select.form-control {
	padding: 0;
}


.modal .modal-header, .modal .modal-header h1, .modal .modal-header h2, .modal .modal-header h3, .modal .modal-header h4 {
	font-family:helveticaneuelight;
	font-weight:600 !important;
	font-style:bold;
	font-size: 16px;
}

.modal .modal-body  {
	font-family:helveticaneuelight;
	font-weight:normal !important;
	font-style:normal;
	font-size: 14px;
}


.input-group-addon:first-child {


    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}


.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}


.rtl .card .header .header-dropdown {
	top: 20px;
	left: 0px;
}

.rtl .card .header .header-dropdown > li > a {
	font-size:15px;
	margin-left: 20px
}

.card .header .header-dropdown i {
	font-size:18px !important;
}


.rtl .card .header h2 strong {
	color: #424242 !important;
}


.sa-button-container button {
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 9px 19px !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: bold !important;
}


.alert .close, .alert button.close{
	left: 15px !important;
}

button.close {
    xline-height: 1.5rem !important;
}


.bootstrap-select .dropdown-menu.inner {
	max-height: 280px !important;
}


































.bootstrap-select{
    box-shadow:none !important;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.bootstrap-select .dropdown-toggle:focus,.bootstrap-select .dropdown-toggle:active{
    outline:none !important
}
.bootstrap-select .btn{
    border-color:#e3e3e3
}
.bootstrap-select .bs-searchbox,.bootstrap-select .bs-actionsbox,.bootstrap-select .bs-donebutton{
    padding:0 0 5px 0;
    border-bottom:1px solid #eee
}
.bootstrap-select .bs-searchbox{
    position:relative;
    padding:10px
}
.bootstrap-select .bs-searchbox:after{
    content:'\f1c3';
    font-family:'Material-Design-Iconic-Font';
    position:absolute;
    top:14px;
    left:20px
}
.bootstrap-select ul.dropdown-menu{
    margin-top:0 !important
}
.bootstrap-select .dropdown-menu li.selected a{
    background-color:#eee !important;
    color:#616161 !important
}
.bootstrap-select .dropdown-menu .active a{
    background-color:transparent;
    color:#424242 !important
}
.bootstrap-select .dropdown-menu .notify{
    background-color:#FF3636 !important;
    color:#fff !important;
    border:none !important
}
.bootstrap-select.form-control .dropdown-menu .hidden{
    display:none
}
.bootstrap-select.show .dropdown-menu{
    display:block
}
.bootstrap-select.show.open{
    position:relative;
    z-index:99
}
.bootstrap-select.btn-group.show .dropdown-menu{
    z-index:999999
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    margin-top:9px
}
.bootstrap-select.btn-group.show-tick .dropdown-menu.inner{
    display:block
}

.btn-group.bootstrap-select.form-control.show {
	z-index: 99 !important;
}























.modal-body x.row {
    zposition: relative !important;
}

.modal-body .bootstrap-select {
}
.modal-body .bootstrap-select .dropdown-menu {
	xz-index: -9;
	-position: absolute !important;
}

.show .modal-body .bootstrap-select .dropdown-menu {

	z-index: -1 !important;

	xz-index: 999999999999999;
	xposition: absolute !important;
	-overflow: hidden !important; 



}

.show .modal-body .bootstrap-select .dropdown-menu:not(.show) {
	--display:none;
	xdisplay:none !important;
	top: -55000px !important;
}



.show .modal-body .bootstrap-select .dropdown-menu.show {
	
	display:block !important;
	z-index: -99 !important;
	
}











/*@media screen and (max-width: 576px)
@media only screen and (max-width: 767px)
*/


@media screen and (max-width: 767px) {

	.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.m-show-block {
		display: block !important;
	}

	.m-show-inline-block {
		display: inline-block !important;
	}

	.m-show-inline {
		display: inline !important;
	}

	.card .header-dropdown a {
		--font-size: 15px !important;
	}

	.block-header h2 {
		font-family: helveticaneuelight;
		font-weight: 600;
		font-style: normal;
		font-size: 15px;
	}

	.card .header h2::before {
		background: #7EB1D7;
	}

	.card .header h2 strong {
		font-family: helveticaneuelight;
		font-weight: 600;
		font-style: normal;
		font-size: 15px;
	}


	.rtl .card .header .header-dropdown > li > a {
		font-size:16px !important;
		margin-left: 20px
	}

	.rtl .card .header .header-dropdown > li:last-child > a {
		margin-left: 15px
	}

	.rtl .card .header .header-dropdown > li > a > i {
		font-size:22px !important;
	}


	.card .body .copyright {
		font-size: 12px;
	}

	.rtl .card .header .header-dropdown {
		top: 13px;
		left: 0px;
	}

	.card .header-dropdown a {
		font-size: 30px;
		line-height: 22px;
	}
	.card .header-dropdown i {
		font-size: 20px !important;
	}

	.card.c-f-se .header-dropdown a {
		line-height: 16px;
	}
	
	.card.c-f-se .header-dropdown i {
		font-size: 22px !important;
	}

	.sidebar .menu .list a {
		line-height: 23px;
	}

	.card .header .header-dropdown i {
		font-size: 22px !important;
	}


	.alert .alert-icon {
		float: right !important;
		margin-left: 10px !important;
		margin-top: 0px !important;
	}


	.rtl .alert .close, .alert .close {
		top: 50% !important;
		transform: translateY(-50%) !important;
		left: 15px !important;
	}

	.rtl .alert .container {
		padding-right: 0px !important;
	}

	.card.rc-footer {
		margin-bottom: 10px !important;
	}

}


._bgftr {background-color: #eff5f9 !important;}
._grova {background-color: #f4f5ec !important;}
._grovb {background-color: #eff5f9 !important;}


.modal-footer {

    display: block;
    -ms-flex-pack: none;

}



@media screen and (max-width: 767px) {
	.table-responsive .table {
		max-width: none;
	}

	.sidebar .menu .list a {
		font-size: 15px;
	}
}


.sidebar .menu .list a {
    font-size: 15px;
}


.card.rc-footer {
	background-color: #105172;
}


.highlt {
	background-color:yellow;
}

.darkm x.highlt {
	background-color:#919496;
	color:#fff;
}

.darkm .highlt {
	color: #FFF !important;
	background-color: #767879 !important;
}



.darkm .bootstrap-select.btn-group .dropdown-menu li a span.text {
	color:#fff;
}


._shta{
	color:red;
}

.darkm ._shta{
	color:#e04949 !important;
}


.stfu {
	color:red;
}

.darkm .stfu {
	color:#e04949;
}

._datr {
	font-size: 10px; 
	color:green;
}

.darkm ._datr {
	color:#cccccc !important;
}

.darkm .top_navbar {
	xbackground-color: #191f28;
	xborder-bottom: 1px solid #262e3c;
}


body.darkm  {
    background-color: #191f28;
    color: #cccccc;
}

.darkm .card .body {
    color: #cccccc;
}

.darkm .sidebar.h_menu .menu li > a {
    color: #424242;
}

.darkm .card {
    background: #1c222c;
    box-shadow: 0 1px 2px 0 rgba(255,255,255,0.1);
}

.darkm .modal-content {
    background: #232a35;
}

.darkm .modal-dialog .card {
    background:#232a35 !important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}

.darkm .tooltip-inner {
	background-color: #2f3847;
	color:#FFF;
}

.darkm .project-actions a.btn:hover {
    background-color: #2f3847 !important;
}

x.darkm .modal-dialog {
	color:#000;
}

x.darkm .modal-dialog .form-control {color:#000 !important;}

.darkm section.content::before {

    background: #105172;
    top: -120px;
    left: 0;
    content: '';
    height: 180px;
    width: 100%;
    position: absolute;

}

.darkm .sidebar.h_menu .menu li > a {
    color: #FFF;
}


.darkm .sidebar.h_menu .menu li .ml-menu {
    background: #2f3847;
    xbox-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);
}

.darkm .sidebar .menu .list .ml-menu li a {
    color: #FFF;
}

.darkm .sidebar.h_menu .menu li .ml-menu::after {
    border-color: #2f3847 transparent;
}


.darkm .dropdown-menu {
    color: #FFF;
    background-color: #2f3847;
}

.darkm .dropdown-menu > li > a {
    color: #FFF;
}

.darkm .header-dropdown a:hover, .darkm .card .header .header-dropdown a:hover i {
    color: #FFF;
}

.darkm .bootstrap-select .dropdown-menu li.selected a {

    background-color: #646A75 !important;
    color: #FFF !important;

}

.darkm .bootstrap-select .dropdown-menu li a:hover {

    background-color: #0097cf !important;

}


.darkm .bootstrap-select .bs-searchbox, .darkm .bootstrap-select .bs-actionsbox, .darkm .bootstrap-select .bs-donebutton {
    border-bottom: 1px solid #222630;
}


x.darkm section.content::before {
	background-color: #191f28;
}

.darkm .page-loader-wrapper {
    background-color: #191f28 !important;
}

.rc-footer .copyright {
	color: #FFF;
}

.darkm .card.rc-footer {
	background-color: #191F28;
	color: #cccccc !important;
}


.darkm .rc-footer .copyright {
	color: #cccccc !important;
}



.darkm .form-control {
    border-color: #535e69 !important;
    color: #ddd !important;
	background-color: transparent !important;
}

.darkm .form-control:focus, .darkm .form-control:focus + .input-group-addon, .darkm .form-control:focus ~ .input-group-addon {
    border-color: #49c5b6 !important;
}

.darkm .form-control:focus {
    border: 1px solid #1ab1e3;
        border-top-color: rgb(26, 177, 227);
        border-right-color: rgb(26, 177, 227);
        border-bottom-color: rgb(26, 177, 227);
        border-left-color: rgb(26, 177, 227);
    -webkit-box-shadow: none;
    color: #ddd;
}

.darkm .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);

}


.darkm .table tr td, .darkm .table tr th {
    border-top: 1px solid #263238 !important;
}

.darkm .table thead th {
    border-bottom: 2px solid #37474f !important;
}

.darkm .table tr td, .darkm .table tr th {
    border-top: 1px solid #263238 !important;
}


.darkm .table-bordered td, .darkm .table-bordered th {
    border-color: #263238 !important;
}

.darkm .c_FullName_new{
    xbackground-color: #263238 !important;
}


.darkm .dropdown-toggle {
	border-color: #535e69 !important
}

.darkm .highlight_ttr {
    background-color: #263238 !important;
}

.darkm .pagination .page-item .page-link {
	color: #cccccc !important;
}

.darkm .pagination.pagination-primary .page-item.active > .page-link, .darkm .pagination.pagination-primary .page-item.active > .page-link:focus, .darkm .pagination.pagination-primary .page-item.active > .page-link:hover {
	color: #FFF !important;
}

.darkm ._bgftr {background-color: #27374f !important;}

.darkm ._grova {background-color: #5c6c84 !important;}
.darkm ._grovb {background-color: #485466 !important;}

.darkm .timeline > li > .timeline-item {
    background-color:transparent;
	color: #cccccc;
}

.darkm .timeline > li > span {
    background-color: #293242 !important;
}

.darkm .timeline::before {
    background-color: #293242 !important;
}

.darkm .timeline-item {
    border-right: 1px solid #263238 !important;
}

.darkm .page-link {
	background-color: #1A1F29 !important;
	border-color: #263238 !important;
	color: #cccccc !important;
}

.darkm .dsk {
	background-color: #1A1F29 !important;
	color:#cccccc !important;
}
.card .header {
	
}

@media screen and (max-width: 767px) {
	.card .header {
		padding: 20px 20px 20px 20px !important;
	}

	.darkm .sidebar {
		background-color: #1C222C !important;
		color: #cccccc !important;
	}
	.darkm .sidebar .menu .list .ml-menu li a {
		color: #cccccc !important;
	}

	.darkm .sidebar .menu .list a {
		color: #FFF !important;
	}
}

.darkm .card .header h2, .darkm .card .header h2 strong {
	 color: #cccccc !important;
}

.darkm .card .header {
    color: #cccccc !important;
}
.darkm  .breadcrumb-item.active {
    color: #cccccc !important;
}

.darkm hr {
    background-image: #535e69 !important;
    border-color: #535e69 !important;
}

.darkm .datepicker-container, .darkm .datepicker-panel {
	background-color: #535e69 !important;
}

.darkm .datepicker-top-left, .darkm .datepicker-top-right {
    border-top-color: #000 !important;
}

.darkm .datepicker-top-left::before, .darkm .datepicker-top-right::before {
    border-bottom-color: #000;
}

.darkm .datepicker-panel > ul > li {
	background-color: #535e69 !important;
}

.darkm .datepicker-panel > ul > li.picked, .darkm .datepicker-panel > ul > li:hover {
	background-color: #3b454f !important;
	color: #FFF !important;
}
 

.darkm .datepicker-dropdown {
    border: 1px solid #0e1116;
	border-top-color: #0e1116;
    -webkit-box-shadow: 0 3px 6px #0e1116;
    box-shadow: 0 3px 6px #0e1116;
}

.darkm .datepicker-top-left::after, .darkm .datepicker-top-right::after {
    border-bottom-color: #535e69;
}

.darkm .dd3-content {
    background-color: #485466 !important;
    border-color: #384354 !important;
	color: #FFF;
}

.darkm .dd3-handle {
    border-color: #384354 !important;
    background: #aaa;
}

.darkm pre {
	color: #cccccc !important;
}

.darkm td .badge.badge-default {
	xcolor: green !important;
	color: #FFF !important;
}


.darkm td .badge.badge-default._hlnf {
	color: #FFF !important;
	background-color: #767879 !important;
	border-color: #767879 !important;
}


.darkm .tt-dropdown-menu {
    background-color: #000 !important;
    border: 1px solid #000 !important;

    width: 100%;
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;

    Xborder: 1px solid rgba(0, 0, 0, 0.15);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    border-radius: 6px;
    -webkit-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;

}

.darkm .tt-dropdown-menu .tt-suggestion:hover, .darkm .tt-dropdown-menu a:hover {-background-color: #919496 !important;}


.darkm .breadcrumb {background-color: #1C222C !important;}

.darkm .foundlink {
color:#3C8DBC !important;
}

.e_nameq {color:green;}
.e_caption {color: red!important;}
.darkm .nasab {
	background-color: #919496 !important;
	color: #fff !important;
}

.darkm span.e_nameq {
	color: #b5b5b5 !important;
}

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

.darkm #modal_delete_tribe label[for=lock_tribe] {
	color: #e04949 !important;
}

.darkm .sweet-alert.showSweetAlert h2, .darkm .sweet-alert.showSweetAlert h3, .darkm .sweet-alert.showSweetAlert h1 {
	color: #f0f0f0 !important;
}
.darkm .sweet-alert.showSweetAlert {
	color: #f0f0f0 !important;
	background-color: #191F28 !important;
}

.darkm .bootstrap-select.btn-group .no-results {
	background-color: #2F3847 !important;
}