ta a i{margin: 0 6px;}
table.dataTable thead th, table.dataTable thead td {padding: 5px 18px 5px 6px !important}
.system_editIcon{float:none;width:24px;}
.system_user{float:none;width:24px;}
.system_deleteIcon i{line-height: 22px !important;}
.text-green{color:#00C851;} 
div.flasherror {background: red none repeat scroll 0 0;border-radius: 5px;top: 10px !important;color: #fff !important;cursor: pointer !important;float: right !important;height: 30px;opacity: 0.9 !important;padding: 5px 15px;position: fixed !important;right: 7px;text-align: center !important;z-index: 9999 !important;content: none !important;display: inline-block;}
div.success {background: #4f9709 none repeat scroll 0 0;border-radius: 5px;top: 10px !important;color: #fff !important;cursor: pointer !important;float: right !important;height: 30px;opacity: 0.9 !important;padding: 5px 15px;position: fixed !important;right: 7px;text-align: center !important;z-index: 9999 !important; content: none !important;}
.btn .blue{background-color:#286090!important;border-color: #3598dc;color: #fff;}
.fb_img-1 img{float:right;}
.fb_img-2 img{float:left;}
.fb_image_section{margin-top:1em; margin-bottom: 1em;}
.fa.fa-check.text-yellow {color: #f2a20f;}
.userviewedit {float: none;}
.userviewedit > .fa.fa-pencil.font-dark.btn.blue { color: #fff !important;}
.bank-detail-heading {padding: 8px; font-size: 18px;background-color: #0c3366;margin: 8px 0;}
.view_form_page .btn-primary { background-color: #3B5998; border-color: #3B5998;  }
.form_listing {padding-bottom: 100px;}
.form_listing .btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before{right: 67px !important;left: auto !important;}
.form_listing .btn-group>.dropdown-menu:after, .dropdown-toggle>.dropdown-menu:after, .dropdown>.dropdown-menu:after{right: 68px !important; left: auto !important;}
.form_listing #commonDatatable .open .dropdown-menu {left: -135%;}
.error-message {color: red;font-size: 12px;}
.dataTables_filter {float: right;}
.btn.btn-outline.dark {margin-right: 5px;}
.pagination{float:right}
.dataTables_info {font-size: 12px;}
.dataTables_filter input {margin-left: 5px;}
.dataTables_length { text-transform: capitalize;}
.page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i,.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before{color:#fff;}
.page-header.navbar .menu-toggler.responsive-toggler span,.page-header.navbar .menu-toggler.responsive-toggler span:before,.page-header.navbar .menu-toggler.responsive-toggler span:after{
	background-color: #343a40;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead .sorting_desc{padding:8px 16px 8px 10px}
table.dataTable tbody td{padding:8px 0 8px 10px}
table.dataTable tbody td.text-center.sorting_1{padding-left:16px;}
table.dataTable tbody td.text-center.sorting_1 label{margin-left: -5px;}
.dtr-title {float: left;}
.modal .modal-header .close{opacity:1;}
.profile-content .portlet{padding-left:0; padding-right:0;}
.page-footer{clear:left !important;background:#fff !important; text-align:center !important;filter: drop-shadow(1px 8px 6px #000);}
.page-footer-inner{color:#343a40 !important;text-align:center !important;}
.theme-panel > .toggler { display: none !important;}
.toggler {display: none !important;}
textarea {resize: none;}
.profile-sidebar{width:100%; max-width:230px;}
.portlet.light .table_driverDetail  .dataTables_wrapper .dt-buttons{margin-top:0; margin-bottom:10px;}
.new_notification{background:#ddd !important}
.page-content-white .page-content .page-bar{margin-bottom:20px;}
.track_thumb_details .well p{margin-bottom:0;}
.page-breadcrumb li a, .page-breadcrumb li span, .dashboard-stat.green .details .desc, table thead th, .btn, div.caption, h3.form-section  {text-transform: capitalize !important;}
.track_thumb_details .well {min-height: 105px;}
.track_thumb_details .well h5 {margin: 0 0 10px;}
.well{background-color:#EEEEEE !important;}
.pagination > li > a, .pagination > li > span {padding: 6px 9px !important;}
.ord-widget .well {min-height: 222px;padding: 10px;}
.portlet > .portlet-body .well p{font-size:13px;margin-bottom:10px;}
.portlet > .portlet-body .well p b{font-weight:600;}
.shipment_detail .portlet-title h4{display:inline-block;vertical-align:top;}
.shipment_detail .portlet-title p{margin-top:0;cursor: default;}
.shipment_detail .portlet-title .tools {padding: 0 !important;}
.portlet-title .icon-btn {float: left;height: auto;margin: 0; padding:5px 0;}
.portlet-title .icon-btn > div {display: inline-block;font-size: 12px; font-weight: lighter;margin: 0;color:#fff;}
.icon-btn:hover{text-shadow:none;}
.portlet-title .list-inline > li {padding-left: 0;padding-right: 0;}
.portlet-title h4{display: inline-block;margin: 0 0 0 10px;padding: 10px 0;}
.table-striped > tbody > tr:nth-of-type(2n+1){background-color: rgba(0,0,0,.05) !important;}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important;
	border-bottom-width: 0 !important;
	border-left-width: 0 !important;
}
.table-bordered th{
	border-bottom-width:2px !important;
}
.table.dataTable thead th {background-color: #fff; color: #212529;padding: 10px !important;font-size: 13px;text-transform: uppercase !important;}
.table-hover.table-striped > tbody > tr:hover,.table-hover.table-striped > tbody > tr:hover td, .table.table-striped > tbody > tr.active > td, .table.table-striped > tbody > tr.active > th, .table.table-striped > tbody > tr > td.active, .table.table-striped > tbody > tr > th.active, .table.table-striped > tfoot > tr.active > td, .table.table-striped > tfoot > tr.active > th, .table.table-striped > tfoot > tr > td.active, .table.table-striped > tfoot > tr > th.active, .table.table-striped > thead > tr.active > td, .table.table-striped > thead > tr.active > th, .table.table-striped > thead > tr > td.active, .table.table-striped > thead > tr > th.active{background-color: #eef1f5 !important;}
.cust-info h5{text-transform:uppercase;}
.package_detail.well{min-height:133px}
.well i{color:#777;}
.timeline .timeline-icon { background-color: #ACB5C3;}
.timeline .timeline-icon {border: 2px solid rgba(0,0,0,0.2);padding-left: 20px;padding-top: 28px;}
.timeline .track_process_completed .timeline-icon{background-color:#26C281;}
.timeline .timeline-icon i{color:#fff;}
.track_underprocess .timeline-icon { background-color: #578ebe;}
.timeline .timeline-body-arrow{border-color:transparent #eeeeee transparent transparent;}
.timeline .timeline-body, .timeline::before {background-color: #eeeeee;}
.order_detail_sec {border-spacing: 30px 0; display: table;margin: 24px -29px; table-layout: fixed;width: 103.5%;}
.order_detail_sec:last-child{display:none;}
.order_detail_sec .well {display:table-cell;}
.dashboard-stat .visual > i {line-height: 45px;margin-left: -7px;opacity: 0.3 !important;font-size: 60px;}
.table_buttons{padding-left:0;}
.page-sidebar-closed .page-footer {margin-left: 45px !important;}
.m-b-15{margin-bottom:15px;}
.page-sidebar-closed #order_id-error {display: none;}
.f1-buttons{text-align:right;}
.page-footer .page-footer-inner{float:none;}
.Contact-avatar.profile-avatar{width:auto; border-radius:50% !important;}
.members ul li{list-style: none;}
#countriesTable tbody tr td a {padding: 6px;}

@media(max-width:768px){
	div.dataTables_wrapper div.dataTables_filter label{
		display: block !important;
	}
	.dataTables_wrapper .dataTables_filter{
		float: unset !important;
	}
	div.dataTables_wrapper div.dataTables_filter input{
		width: 100% !important;
		display: block;
		margin-left: 0;
	}
	.page-header.navbar .top-menu .navbar-nav>li.dropdown{
		padding: 0;
	}
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1300px){
	.order_party_detail .well.cust-info {min-height: 272px;}
}
@media screen and (min-device-width: 980px) and (max-device-width: 1380px) {
	table.dataTable thead > tr > th.sorting	{padding-right: 16px !important;padding-left: 10px !important;}
	.page-footer .page-footer-inner{text-align:center; width:100%;}
	.order_detail_sec {border-spacing: 30px 0;margin: 24px -24px;width: 105%;}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1380px) {
	.dashboard-stat .details{padding-right:5px;}
	.track_thumb_details .well {padding: 10px;min-height: 105px;margin-bottom: 8px;}
	.track_thumb_details .well h5{margin-top:0;}
	.track_thumb_details .list-inline > li{padding-right:0;}
	.font18.font-para{margin-left:16px}
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1300px){
	.order_party_detail .well.cust-info {min-height: 272px;}
}

@media screen and (min-device-width: 280px) and (max-device-width: 767px) {
	.fb_img-1 img {float: none !important;margin-bottom: 1em; margin-top: 1em;}
	.fb_img-2 img {float: none !important;margin-bottom: 1em; margin-top: 1em;}
	.dataTables_length, .dataTables_wrapper .dt-buttons,#commonDatatable_filter{float: right !important;}
	.portlet-body .dataTables_wrapper .dataTables_info {text-align:center;}
	.dataTables_length  .input-xsmall {width: 65px!important;}	
	.login-bg1{background-position:center ;background-size:auto 100%;height:100%;}	
	.profile-sidebar{width:100%; text-align:center; max-width:100%;}
	.dataTables_wrapper > .row > div {width: 100%;float: left;}
	.profile-content{border-top: 1px solid #efefef; margin-top:20px;}
	.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu{margin-right:0;}
	.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu::before,.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu::after{margin-right:-37px !important}
	.page-header-fixed .page-footer{margin-left:0 !important;width:100%;float:left;text-align:center;}
	.page-footer .page-footer-inner{width:100%;}
	.form .form-actions.right, .portlet-form .form-actions.right{text-align: left;}
	.portlet-title h4{width:100%;}
	.form-body {padding: 10px 15px !important;}
	.portlet.light .form .form-actions.right{padding:15px 10px !important;text-align: right;}
	.f1-buttons{text-align:center;}
    .pagination {float:none; text-align:center;}
	.f1-step.active .f1-step-icon{font-size: 18px;height: 40px;line-height: 40px;margin-top: 0px;width: 40px;}	
	.f1-step .f1-step-icon{font-size: 16px;height: 40px;line-height: 40px;margin-top: 0px;width: 40px;}	
	.f1-steps.add-service-steps .f1-progress{width: 78%;top: 19px;}
	.f1-steps.add-service-steps .f1-step::after{top:19px}
	.f1-progress{height: 3px;position: absolute;top: 20px;}
	.f1-steps{margin-top: 20px;overflow: hidden;position: relative;margin-bottom: 20px;}
	.f1-steps.add-service-steps .f1-step span{display:none;}
}
@media screen and (min-device-width: 1000px) and (max-device-width: 1199px){
	.order_detail_sec {margin: 24px -28px; width: 107%;}
}
@media screen and (max-device-width: 1000px) {
	.profile-sidebar{max-width: 100%;}
	.order_detail_sec .well {float: left;width: 100%;}
	.order_detail_sec {border-spacing: 0 19px; margin: 0; width: 100%;}
}
@media screen and (max-device-width: 450px) {
	.profile-content .portlet.light > .portlet-title > .nav-tabs > li > a{padding: 12px 5px 13px;margin: 0 3px;}
	.adminusername{display: none;}
	.mobile_show_adminname{display: block !important;padding: 0 13px;margin-top: 5px;}
	.mobile_show_adminname hr{margin: 10px 0;}
	.mobile_show_adminname i{margin-right: 10px;}
}
@media screen and (max-width: 500px) {
	.transaction-no-record {
		display: block !important;
	}
	.transaction-no-record h4 {
		font-size: 16px !important;
	}
}
.mobile_show_adminname{display: none;}
@media screen and (max-device-width: 400px) {
	.profile-content .portlet.light > .portlet-title > .nav-tabs > li > a{padding: 12px 0 13px;margin: 0 0}
	.portlet.light > .portlet-title > .nav-tabs > li{width:100%;}
	.portlet .tabbable-line > .nav-tabs > li{border-bottom:4px solid transparent;}
	.portlet .tabbable-line > .nav-tabs > li:hover{border-bottom-color:#9fe4ea;}
	.portlet .tabbable-line > .nav-tabs > li.active{border-bottom-color:#36c6d3;}
}

/*** Chat CSS Starts ***/
.header-title {background-color: #343a40;padding: 8px 13px;color: #fff;margin: 0;float: left;width: 100%;}
ul.friendslist-profile {padding: 15px;list-style: none;overflow-y: auto;height: 523px;margin-bottom: 0;border:1px solid #909090; border-top:0;}
.Eventhost-head {background: #343a40;color:#ddd;margin: 0 -15px;margin-bottom: 0;}
.friendslist-profile li {margin-bottom: 12px;border-bottom: 1px solid #eee;margin: 0 -15px;padding: 10px 15px;}
.chat.panel-body{height: 505px !important}
.Eventhost{border: 1px solid #909090;border-bottom: 0;}
.rounded-circle {border-radius: 50% !important;}
.img-fluid {max-width: 100%;height: auto;}
.Eventhost-head p {margin: 0;padding: 10px 15px;border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);}
.unread-message .badge.badge-default{background-color: #d64635;color: #fff;position: absolute;top: -1px;right: 3px;}
.top-search .input-group,.top-search .input-group input{width:100%; border-width:1px;}
#profile-tabs .top-search-sec .top-search {border-left: 1px solid #909090; padding: 15px 15px; border-right: 1px solid #909090;}
.unread-message{position:relative;width: auto;display: inline-block;vertical-align: middle;}
.list_chat_ul .friend-info.blue {color: #ddd;background-color: transparent;font-weight: 600;}
.chat-right-sec img {
    padding: 0 !important;
}
.chat-right-sec .text-muted .chat-status{
	font-weight: 600;
}
.chat .chat-right-sec .chat-text{
	background-color: rgb(131 131 131 / 40%);
}
.chat .chat-right-sec .chat-text p{
	color: #000;
}
.chat .chat-right-sec .chat-text::before{
	border-right-color:rgb(131 131 131 / 40%);
}
.list_chat_ul .text-primary{color: #ddd;}
.Eventhost  .chat-type-sec .btn{right: 0;top: 10px;}
.chat-type-sec{border-color:#bfbfbf;margin-bottom: 20px;}
.chat-type-sec textarea{padding-right: 45px !important;margin: 0;height: auto !important;line-height: unset;}
.transaction-no-record {width: 100%;height: auto;background-color: #a1a1a140;border-radius: 5px !important;padding:20px 10px;margin: 15px 0;}
.row.upcoming-event-sec{background-color: transparent !important;}
.transaction-no-record h4{color:#888; font-size: 22px;}
/*** Chat CSS Ends ***/
.pb-05{padding-bottom:5px}
.p-10{padding:10px 10px 0px 10px}
.width90{width:90% !important;}
.footer_text { background: #000 none repeat scroll 0 0; bottom: 0;color: #fff;display: block;left:0;opacity: 0.8;padding: 6px 10px;position: fixed;text-align: right;width: 100%;}
.footer_text a {
    color: #00a6ff;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge {
    font-weight: 600;
    background: #3790ff;
}

/*23-apr-2018*/
.member-area li a {border: 1px solid #efefef;border-radius: 50px;height: 32px;line-height: 29px;display: inline-block;padding: 0 10px 0 0;font-size: 14px;}
.member-area {float: left;width: 100%;padding: 5px;height: 200px;overflow: auto;}
.form-horizontal .invite-members .member-area li {display: block;}
.member-area li a .friend-info {width: 30px;height: 30px;line-height: 30px;font-size: 14px;font-weight: bold;margin-right: 5px}
.friend-info {width: 40px;height: 40px;display: inline-block;text-align: center;line-height: 40px;color: #fff;font-size: 16px;font-weight: 400;margin-right: 10px;background-color: #00a6ff;}
.friend-info img {
    width: 100%;
}
.chat .friend-info{
padding:0 !important;
}
.chat .friend-info img{
	padding:0 !important;
}
/* .blue {background: #3a85e2;} */

/* 24-apr-2018 */
.eventAddline4{ width: 100%;padding: 15px;}
.eventAddline4 h2{ font-size: 24px; }
.eventAddline4 p.FontItlaic{font-style: italic;}
.CleanBox {width: 100%; float: left;}
.CleanBox .CleanBoxLine1 {width: 100%;float: left;padding: 10px;    border: 1px solid;
    border-bottom: 0;
    border-radius: 5px 5px 0 0 !important;}
.CleanBox p{ margin: 0;}
.CleanBox .CleanBoxLine1 span {background: #7b7b7b;color: #fff;height: 30px; width: 30px;display: block;border-radius: 50%;text-align: center;padding: 3px 0 0 0;}
.CleanBoxContent, .AddedfrndList3 {height: 207px !important;overflow-y: auto;width: 100%;border: 1px solid #909090;border-radius: 0 0 5px 5px !important;}
.portlet-body .CleanBoxContent{
	border-radius: 0 0 5px 5px !important;
}
#list .table .itemdata .form-control{
	margin-bottom: 0;
}
#AddedfrndList li a img:last-child {
    float: right;
    margin-top: 10px;
}
.CleanBox .CleanBoxLine2 {width: 100%;float: left;padding: 10px;border: 1px solid;}
.rightCheck{float: right;}
.CleanBoxLine1 .float-left{float:left;}
.CleanBoxLine1 .float-right{float:right}
h3.form-section{margin: 10px 0 30px 0;}
.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
	display: none;
}
.addReadMore.showmorecontent .readMore {
	display: none;
}
.addReadMore .readMore,
.addReadMore .readLess {
	font-weight: bold;
	margin-left: 2px;
	color: #0c3366;
	cursor: pointer;
}
.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
	display: block;
}
.vendor-service-banner-img{
	border-radius: 10px !important;
	margin-top: 15px;
	margin-bottom: 10px;
	border: 1px solid #909090;
}

/** Dark Mode css start **/

.dark_mode textarea.form-control{
	border-color: #909090;
}
.dark_mode .friendslist-profile a, .dark_mode .chat .chat-right-sec .chat-text p, .dark_mode .addReadMore .readMore, .dark_mode .addReadMore .readLess {
    color: #fff;
}
.dark_mode .Eventhost-head{
	background-color: #1f2326;
}
.dark_mode .header-title {
	background-color: #1f2326;
	border: 1px solid #909090;
}
.dark_mode .page-content {
    background-color: #454d55;
}
.dark_mode .portlet.light.bordered {
    background: #343a40;
    color: #ddd;
}
.dark_mode .page-header.navbar{
	background-color: #343a40;
}
.dark_mode .page-header.navbar .menu-toggler.sidebar-toggler span, .dark_mode .page-header.navbar .menu-toggler.sidebar-toggler span:after, .dark_mode .page-header.navbar .menu-toggler.sidebar-toggler span:before, .dark_mode .page-header.navbar .menu-toggler.responsive-toggler span, .dark_mode .page-header.navbar .menu-toggler.responsive-toggler span:before, .dark_mode .page-header.navbar .menu-toggler.responsive-toggler span:after{
	background-color: #ddd !important;
}
.dark_mode .font-dark.edit-info-btn
.dark_mode .chat-right-sec .text-muted, .dark_mode .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle, .dark_mode .section-divider, .dark_mode a.profile-link, .dark_mode .font-dark, .dark_mode .form-group .form-control::placeholder, .dark_mode .form-control::placeholder, .dark_mode.page-content-white .portlet-body .CleanBox div .form-control::placeholder{
   color: #ddd !important;
}
.dark_mode .form-control, .dark_mode .page-footer, .dark_mode .page-footer-inner{
	color: #ddd !important;
	background-color: #343a40 !important;
}
.dark_mode .font-dark.edit-info-btn{
	color:#585f66 !important;
}
.dark_mode .page-container-bg-solid .page-bar .page-breadcrumb>li>a, .dark_mode .page-container-bg-solid .page-bar .page-breadcrumb>li>span, .dark_mode.page-content-white .page-bar .page-breadcrumb>li>a, .dark_mode.page-content-white .page-bar .page-breadcrumb>li>span{
	color: #ddd !important;
}
.dark_mode .portlet.light.bordered > .portlet-title, .dark_mode .portlet.box.blue > .portlet-title, .dark_mode .portlet > .portlet-body.blue, .dark_mode .form .form-section, .dark_mode .portlet-form .form-section{
	background-color: #585f66;
}
.dark_mode .table.dataTable thead th{
	background-color: #585f66;
	color: #ddd !important;
}
.dark_mode table.dataTable td.sorting_1, .dark_mode .btn.btn-outline.dark, .dark_mode .table-bordered > tbody > tr td a, .dark_mode .dataTables_wrapper .dataTables_length, .dark_mode .dataTables_wrapper .dataTables_filter, .dark_mode .dataTables_wrapper .dataTables_info, .dark_mode .dataTables_wrapper .dataTables_processing, .dark_mode .dataTables_wrapper .dataTables_paginate{
	color: #ddd;
}
.dark_mode .pagination > .active > a {
    border-color: #ddd;
}
.dark_mode table.dataTable tbody tr {
    background-color: #746f6f59;
	color: #ddd !important;
}
.dark_mode .table-hover.table-striped > tbody > tr:hover, .dark_mode .table-hover.table-striped > tbody > tr:hover td, .dark_mode .table.table-striped > tbody > tr.active > td, .dark_mode .table.table-striped > tbody > tr.active > th, .dark_mode .table.table-striped > tbody > tr > td.active, .dark_mode .table.table-striped > tbody > tr > th.active, .dark_mode .table.table-striped > tfoot > tr.active > td, .dark_mode .table.table-striped > tfoot > tr.active > th, .dark_mode .table.table-striped > tfoot > tr > td.active, .dark_mode .table.table-striped > tfoot > tr > th.active, .dark_mode .table.table-striped > thead > tr.active > td, .dark_mode .table.table-striped > thead > tr.active > th, .dark_mode .table.table-striped > thead > tr > td.active, .dark_mode .table.table-striped > thead > tr > th.active{
	background-color: #727272 !important;
}
.dark_mode .add.SelFriend a, .dark_mode #AddedfrndList li a{
	color: #ddd !important;
	border-color: #ddd !important;
}
.dark_mode .add.SelFriend a:hover, .dark_mode #AddedfrndList li a:hover {
    background-color: #454d55;
}