#defaultDeltaExample{width:400px;}
#defaultDeltaExample input, #defaultDeltaExample label, #defaultDeltaExample select{width:100%;margin-bottom:4px;}
#defaultDeltaExample label.error{margin-top:-3px;display:block;}
#defaultDeltaExample input, #defaultDeltaExample select{height:30px;border:1px solid #ccc;padding: 5px;}
#defaultDeltaExampleActivityLogs{margin-top:20px;margin-bottom:20px;float:left;width:100%;}
#defaultDeltaExampleActivityLogs input, #defaultDeltaExampleActivityLogs label{width:100%;margin-bottom:4px;}
#defaultDeltaExampleActivityLogs label.error{margin-top:-3px;display:block;}
#defaultDeltaExampleActivityLogs input{height:30px;border:1px solid #ccc;padding: 5px;}
#defaultDeltaExample select {width:100%;margin-bottom:4px; padding: 5px 0;}
#defaultDeltaExample.disabled:before {content: ''; width: 100%; height: 100%; background: transparent; position: absolute; z-index: 99;}
#defaultDeltaExample.disabled {opacity: 0.5;}

.edit-icon{ font-size:18px;}
.delete-icon{font-size:18px; color:red;}
.agendaActivityFormRightContent{ 
	width: 38%; 
	float: left; 
	margin-left: 10px; 
	border: 1px solid #eee; 
	height: 360px; 
	overflow-x:hidden; 
	overflow-y:scroll; 
}
#assignDateAndTimeActivityLogs{
    padding:0px;
}
.agendaActivityFormLeftContent{ width: 60%; float: left; }
.latestActivityGameplanDiv{display: none; height:378, overflow: scroll; }
.modal-footer {
    /*border-top: 0px solid #e5e5e5!important;*/
    /*padding: 29px!important;*/
    clear: both;
    }
.mCSB_dragger_bar {
    background: #568BAE none repeat scroll 0 0!important;
    width:6px!important;
    height:75%!important;
}
.session-complete-div {
    margin: 0px 15px 10px 15px;
}
.mCustomScrollBox{margin-top:10px;}
.mCSB_draggerRail{width:4px!important;}
.status-report{text-align:center; font-size:12px;font-weight:normal;}
.status-report th, .status-report td{font-weight:normal; text-align:center; vertical-align:middle;}
.gree-dot{width:25px;height:25px;display:inline-block;border-radius:50%;background:green;}
.red-dot{width:25px;height:25px;display:inline-block;border-radius:50%;background:red;}
.orange-dot{width:25px;height:25px;display:inline-block;border-radius:50%;background:orange;}
.gray-dot{width:25px;height:25px;display:inline-block;border-radius:50%;background:gray;}
.rotate{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	margin:10px 0px;
}
.panel-default > .panel-heading {
    min-height: 39px;
}
.ms-options-wrap > button:focus, .ms-options-wrap > button{
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 34px;
}
.ms-options-wrap > .ms-options{
    border: 1px solid #ccc;
}
.ms-options-wrap > .ms-options > .ms-search input{
     border: 1px solid #ccc;
}
.error {
    margin-left: 5px;
}
.rotate-arrow{

}
.rotate-arrow i{
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}
.finalize-agenda {
   margin-right:10px;
}
.approve-agenda {
   margin-right:10px;
}
.tbd input{   
	vertical-align: top;
    display: inline-block;
    margin-top: 4px;
 }
 .confirm-delete-strategy {
    margin: 2px 0px;
}
.confirm-edit-strategy {
    margin: 2px 0px;
}
.login-panel {
    margin-top: 10% !important;
}
   
#defaultDeltaExampleActivityLogs input{width:48%; padding: 5px;}
#defaultDeltaExampleActivityLogs label{width:48%;}
#defaultDeltaExampleActivityLogs label:nth-child(even){float:right;}
#defaultDeltaExampleActivityLogs input:nth-child(even){float:right;}
#defaultDeltaExampleReschedule{width:100%!important;}
#defaultDeltaExampleReschedule label{display:inline-block;width:15%;}
.defaultDeltaExampleReschedule input{width:83%;display:inline-block;vertical-align:middle;padding-left:5px; margin-top:15px;margin-bottom:15px;}
#agenda-buttons {
    margin-right: 10px;
}
.table-font > tbody > tr > td, .table-font > thead > tr > th{
font-size:14px!important;
}
.gree-dot .glyphicon, .orange-dot .glyphicon, .red-dot .glyphicon, .gray-dot .glyphicon{
	font-size: 15px;
    vertical-align: middle;
    top: 4px;
    color:#fff;
    }
.gray-dot .glyphicon{
    color:#c1c1c1;
    }
.footer{
    background: #dedede;
    padding: 10px 20px;
    font-size: 13px;
    float: left;
    width: 100%;
    bottom: 0;
    z-index: 9999;
}
.view-block{
    width: 100%;
    float: left;
}
.table .btn{
margin: 2px 0px;
}

#page-wrapper{
padding-bottom:90px;

}
.notification-alert{
float:none;
} 
#new_Agency_Form .error{
margin-left: 0px;
}
.notification-outer .col-lg-12 {
    float: none;
}

a span.notification-count{
    position: relative;
    background-color: bisque;
    top: -5px;
    right: 0px;
    border-radius: 50%;
    padding: 4px;
}
.col-inner-notification {
    width: 100%;
    float: none;
    border: 1px solid #ddd;
    margin: 8px 0px;
    padding: 15px;
}
.notification-outer .col-inner-notification:nth-of-type(odd){
      background-color: #f9f9f9;
}
.notification-outer .col-inner-notification:nth-of-type(even){
  background-color: #fff;
}
/**strategy buttons css**/
.strategy-buttons a{
	margin-left:10px;
}
/** bulk update form css**/
.form-btn{
    width: 180px;
    display: inline-block;
 }
.form-btn-right{
    width: 55px;
    display: inline-block;
    text-align:center;
}
.filterFixtable > tbody > tr > td, .filterFixtable > tbody > tr > th, .filterFixtable > tfoot > tr > td, .filterFixtable > tfoot > tr > th, .filterFixtable > thead > tr > td, .filterFixtable > thead > tr > th {
	font-size:11px;
	padding: 2px;
	vertical-align: middle;
}
#reset-filter, #filter{
	margin-left:10px;
	margin-top:10px;
}
.filterFixtable > thead > tr > th{
	box-shadow: 0px 0px 0px 1px #ddd;
   -moz-box-shadow: 0px 0px 0px 1px #ddd;
   -webkit-box-shadow: 0px 0px 0px 1px #ddd;z-index:1;border:none;
}
.filterFixtable > tbody > tr > td{
    z-index:0;
}
.fixed-coloums {
    box-shadow: 0 0 0 1px #ddd;
    border: none!important;
}
.panel-heading>.dropdown .dropdown-toggle.action-button-or{
    position: relative;
    margin-left: 10px;
    color: #fff;
}
button.btn.btn-primary.dropdown-toggle.action-button-ord {
    margin: 9px 0px 0px 7px;
}
a.bulk-edit-orders {
    margin: 8px 3px 0px 5px;
}

.loader-img-outer{
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: fixed;
	z-index: 10000;
	background: rgba(255,255,255,0.9);
}
.loadder-img{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -80px;
	margin-left: -80px;
	z-index: 11000;
	text-align: center;
}
.loadder-img p{display:block;margin-top:10px;}

@media (max-width:400px){

.navbar-brand{
    padding: 12px 15px;
    font-size: 15px;
    line-height: 14px;
    width: 80%;
}
#add-activity{
	float:none!important;
	display: block;
}

}
@media only screen and (min-width:401px) and (max-width:455px){
.navbar-brand{
  font-size: 15px;
}
#add-activity{
	float:none!important;
	display: block;
}
}
@media (max-width:767px){
.footer span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.btn-resp{
	text-align:center;
}
.btn-resp a, .btn-resp button{
float:none!important;
}
#defaultDeltaExample { width:100%;}

}
@media (min-width:980px){
.agendaActivityForm{width:810px;}

}
@media only screen and (min-width:768px) and (max-width:990px){
.navbar-brand{
  font-size: 15px;
}
.activity-btnn .remagenda-time, .activity-btnn #add-Agenda-Activity , #add-new-agenda-activity, #agenda-buttons{
float:none!important;
}
}
@media (max-width:700px){
.activity-btnn .remagenda-time, .activity-btnn #add-Agenda-Activity , #add-new-agenda-activity, #agenda-buttons{
float:none!important;
}
}
@media only screen and (min-width:768px) and (max-width:800px){
.dataTables_filter {

float: right;
}
#defaultDeltaExample {
    width: 100%;
}
}
@media (max-width:1000px)
{
.table-overflow{
	width:100%;
	overflow:auto;
}
.agendaActivityFormLeftContent{
width:100%;
}
.agendaActivityFormRightContent{
width:100%;
margin-left:0px;
}
}
@media (max-width:1200px)
{
/**responsive tabs**/
.panel-body .nav-tabs{
	width: 100%;
	display: block;
	float: left;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.panel-body .nav-tabs > li{
	float:none;
	margin-bottom: 0px;
}
.panel-body .nav-tabs > li.active > a, .panel-body .nav-tabs > li.active > a:focus, .panel-body .nav-tabs > li.active > a:hover{
	border: 0px;
	border-bottom: 1px solid #ddd;
	margin-right: 0px;
}
.panel-body .nav-tabs > li > a, .panel-body .nav-tabs > li > a:focus, .panel-body .nav-tabs > li > a:hover{
	border: 0px;
	border-bottom: 1px solid #ddd;
	margin-right: 0px;
}
.tab-content{
width:100%;
float:left;
}
}

#loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999999;
    background: #000;
    display: none;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.75;
}

#loader > div {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #FFF;
}

#loader > div > span {
    background-image: url(../images/loader_black.gif);
    width: 64px;
    height: 64px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 16px auto;
}

#loader.active {
    display: block;
}

.special-title {
    position: relative; clear: both;
}

.switch-button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center; 
    cursor: pointer;
    text-decoration: none !important;
    color: #333;
}

.funding-titles-content {
    display: flex;
}

.funding-titles-block {
    width: 100%;
    /*margin-right: 20px;*/
}

/*.funding-titles-block:last-child {*/
/*    margin: 25px 0 0 0;*/
/*    width: 33px;*/
/*}*/

.funding-titles-block .btn {
    font-size: 20px;
    width: 33px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.allocate-container {
    display: flex;
    justify-content: space-between;
    width: 400px;
}

.allocate-item {
    margin-right: 20px;
}

.allocate-item:last-child {
    margin: 0;
}

#assign_date_button {

}

.input-file-text {
    overflow: hidden;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #888c8e;
    padding: 5px;
}

#signature-settings-container, #reminder-settings-container {
    display: none;
    position: absolute;
    padding: 10px 25px;
    left: -300px;
    top: 85px;
    background: #fff;
    width: 300px;
    box-shadow: 0 3px 12px rgb(0 0 0 / 18%);
}

#signature-settings-container, #reminder-settings-container label {
    transform: scale(1.1);
    margin-top: 5px;
}

.mt {
    margin-top: 91px;
}

.mt2 {
    margin-top: 165px;
}

.select2-container .select2-selection--single {
    height: 34px!important;
}

thead .select2-container .select2-selection--single {
    height: 30px!important;
}

.logo-header {
    text-align:left; 
    padding: 0px 2px 0px 8px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.logo-header img {
    width:210px;
    margin-top: -4px;
}

#filter-form {
    margin-bottom: 10px;
}

#filter-form .ms-options-wrap {
    display: inline-block;
    width: 160px;
}

.warning-invoice {
    display: none;
}

.border {
    border:1px solid;
}

.panel-pink {
    background-color: #e4ccff;
}

.dashboard-main-panel{
    height: 100px;
    font-size: 22px;
    align-content: center;
    margin: 0px 10px 10px 10px;
    padding-left: 10px;
}

.dashboard-child-panel{
    height: 50px;
    font-size: 16px;
    align-content: center;
    margin: 0px 10px 10px 10px;
    padding-left: 10px;
}

.dt-buttons .space-right {
    margin-right: 10px;
}

.breakword {
    word-wrap: break-word;
    word-break: break-word;
}

#editActivity .delete-description-btn {
    margin-top: 5px;
}

.thead-select {
    font-size: 12px;
}

#canvasDiv {
    width: 600px;
    height: 155px;
}

@media (min-width: 992px) {
    .modal-invoice {
        width: 992px;
    }
}

.filter-status-btn.active {
    background-color: #007bff;
    color: white;
}

#columnReorderingButton.chosen-button{
    border:2px dotted #2000ff;
}