.all_table_head{
    padding:5px!important;
    text-align: center!important;
    vertical-align: middle!important;
    color: #ffffff!important;
    background: #5bc978!important;
    font-size:12px!important;
    border: 1px solid #c0c0c0!important;
    height: 30px!important;
}

.first_row{
/*    #background: #FBEFEF;
        background: #FAFAFA;*/
}
.second_row{
/*   #background: #ffffff;
        background: #ffffff;*/
}
.current_row{
/*    #background: #ffffff;
        background: #F8E0E0;
    #color: #C95B5B;
    #cursor: arrow;*/
}
.news_th{
    width:210px; text-align: center;
}
.holiday_general_header_td{
    background: #c81d0a none repeat scroll 0 0;
    border: 1px solid #c81d0a;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-style: italic;
    padding: 8px;
    text-align: center;
}

.year_td{
    background: #FBEFEF;
    padding: 8px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #F8E0E0;
    color: #C95B5B;
}
.tooltip{
    position:relative!important;
    z-index:1000!important;
/*    #display:table-cell!important;*/
    opacity:1!important;
    visibility: visible!important;
}
.extra_tooltip{
    display:table-cell!important;
}
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-weight:bold;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    height: 55px;
    margin-left:14%;
}
.info .text{
    float: left;
    display: block;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.control-group.success{
    margin-top:0;
    padding-top: 0;
    padding-bottom: 0;
}

.select2-container.span11 {
    margin-bottom: 10px;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
}
.fa{
    font-size: 20px;
    padding: 0 20px 0 0;
    float: left;
}
/*Timesheet*/

.timesheet_table{
    border-collapse: collapse;
    border: 0px solid #c0c0c0;
}
.project_table_header{
    border-bottom: 1px solid #ffffff;
    border-right: 0px solid #c0c0c0;
}
.project_table_tr{
    border-bottom: 1px solid #ffffff;
    border-left: 0px solid #c0c0c0;
    border-right: 0px solid #c0c0c0;
}
.disabled{
    /*border: 1px solid #ffffff; */
    border: 0px;
    background: transparent;
}
.project_td{
    padding:2px 5px;
    vertical-align: top;
    border-right: 0px solid #c0c0c0;
    height:auto;
}
.total_td{
    padding:2px 5px;
    vertical-align:top!important;
    text-align: center!important;
    font-weight: bold;
    /*background: whitesmoke;*/
    background: #c0c0c0;
    color: #000000;
    border-top: 0px solid #c0c0c0;
    border-left: 0px solid #c0c0c0;
    border-right: 0px solid #c0c0c0;
    height:35px; 
    vertical-align:middle;
    font-size: 14px;
}
.content_td{
    border-left: 0px solid #c0c0c0;
    border-right: 0px solid #c0c0c0;
    width:80px!important;
    text-align: center!important;
    padding-top:5px!important;
    padding-bottom: 10px!important;
    vertical-align: top!important;
    /*padding-right:7px;*/
    /*background: whitesmoke;*/
}
.non_working_td{
    background: rgba(29, 119, 230, 0.3);
}
/*.select2-container{
    position:relative!important;
    display:inline-block!important;
    zoom:1!important;
    vertical-align: top!important;
    width:30%!important;
}*/
.day_td{
    position:relative;
    padding:2px 5px;
    vertical-align:top;
    text-align: center;
    font-weight: bold;
    /*background: whitesmoke;*/
    background: #C95B5B;
    color: white;
    width:30%;
    border-top: 0px solid #c0c0c0;
    border-left: 0px solid #c0c0c0;
    border-right: 0px solid #c0c0c0;
    min-width: 350px;
}

.day_td1{
    /*padding:2px 5px;*/
    vertical-align:top;
    text-align: center;
    font-weight: bold;
    /*background: whitesmoke;*/
    background: #C95B5B;
    color: white;
    border-top: 0px solid #c0c0c0;
    border-left: 0px solid #c0c0c0;
    border-right: 0px solid #c0c0c0;
    display:inline-block;
    height:30px;
    
}
.timesheet_administration_selects{
    width:200px;
}
.timesheet_administration_export_buttons{
    float:right;
    vertical-align: middle; 
    font-style: italic; 
    font-size: small; 
    padding-top:3px;
    padding-right:5px;

}
.timesheet_administration_view{
    vertical-align: middle!important;
    max-width: 150px!important;
	cursor: pointer;
} 

/*Daily timesheet reporting*/

.pm_timesheet0{
    padding:5px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    background: #C95B5B;
/*    border: 1px solid #ffffff;*/
    width:40%;
}
.pm_timesheet1{
    width:40px;
    padding:5px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    background: #C95B5B;
/*    margin-right:-1px;
    margin-left:-10px;*/
/*    border: 1px solid #ffffff;*/
}
.pm_timesheet2{
    padding:5px;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border: 1px solid #c0c0c0;
    color: #4B4D52;
}
.pm_timesheet3{
    width:40px;
    padding:5px;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border: 1px solid #c0c0c0;
    color: #4B4D52;
}
.pm_timesheet3_comm{
    width:40px;
    padding:5px;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border: 1px solid #c0c0c0;
    color: #4B4D52;
    background-image: url("../imgs/comments2.png");
/*  background-position: right bottom; Positioning*/
/*  background-position: 95% 95%; Positioning*/
    background-position: 8% 8%; /*Positioning*/
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
}
.pm_timesheet4{
    width:40px;
    padding:5px;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border: 1px solid #c0c0c0;
    color: #C95B5B;
}
.overtime_align{
    text-align: center!important;
}
.year_legal_holidays{
    text-align: center;
    font-size: 19px!important;
    margin-left:46%!important;
}
.export_hol_admin_btn{
    margin-top:3px;
    margin-right:3px;
}
.holidays_administration_tabs{
    display: none;
}
.holidays_and_other_leaves_tabs{
    display: none;
}
.vertical_align{
    vertical-align: middle!important;
}
/*employee holiday details*/
.employee_name_hol_details{
    font-size: 16px!important;
    margin-left:35%!important;
}

.holiday1{
    padding:5px;
    
}

.holiday3{
    padding:5px!important;
    text-align: center!important;
    vertical-align: middle!important;
    background: #ffffff!important;
    border: 1px solid #c0c0c0!important;
    color: #4B4D52!important;
    font-size: 15px!important;
}
.holiday4{
    padding:5px!important;
    text-align: center!important;
    vertical-align: middle!important;
    font-weight: bold!important;
    background: #ffffff;
    border: 1px solid #F8E0E0;
    color: #b93d3d!important;
    font-size:15px;
}
.holiday5{
    padding:5px!important;
    text-align: right!important;
    vertical-align: middle!important;
    font-style: italic!important;
/*    color: #4B4D52;*/
    font-weight: bold;
/*    background: #ffffff;*/
    border: 0px solid #f9f9f9!important;
}
.empty_column{
    border: 0px solid #ffffff!important;
    background:#f9f9f9!important;

}
.general_bottom_td{
/*    background: #FBEFEF;*/
    background: #FEFEFE!important;
    padding: 10px 0px!important;
    text-align: center!important;
    height:50px!important;
    vertical-align: middle!important;
    border-bottom-left-radius: 10px!important;
/*    border-bottom-right-radius: 10px;*/
/*    border: 1px solid #F8E0E0;*/
/*    border: 1px solid #c0c0c0;*/
    border: 1px solid #f2f2f2!important;
    color: #C95B5B!important;
}
/*Inventory dashboard*/
.general_header_div{

    
/*    # background: #fefefe!important;
    # background: -moz-linear-gradient(top, #fefefe 0%, #eee9f0 100%);*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7575), color-stop(100%, #eee9f0));
/*    # background: -webkit-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
    # background: -o-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
    # background: -ms-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
    # background: linear-gradient(top, #fefefe 0%, #eee9f0 100%);*/
      
    padding: 8px!important;
    border-top-left-radius: 10px!important;
    font-style: italic!important;
    text-align: center!important;
    border-top-right-radius: 10px!important;

    border: 1px solid #f2f2f2!important;
    color: #C95B5B;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.general_bottom_div{
/*    background: #FBEFEF;*/
    background: #FEFEFE;
    padding: 10px 0px;
    text-align: center;
    height:50px;
    vertical-align: middle;
    border-bottom-left-radius: 10px;
/*    border-bottom-right-radius: 10px;*/
/*    border: 1px solid #F8E0E0;*/
/*    border: 1px solid #c0c0c0;*/
    border: 1px solid #f2f2f2;
    color: #C95B5B;
}
/*Evaluation*/
.evaluation_tabs{
    display:none;
}
.text_center{
    text-align: center!important;
    min-width:20px;
}

.res_selected {
    border: 1px solid red;
}
.grp_selected{
	border: 1px solid red;
}

#main_content{
	width:100%;
    margin-top:15px;
	border: 0px solid black;
}

#main_content_left{
	float: left;
	width:250px;
	/*height: 85%;*/
	margin-left: -100%;
	border: 0px solid black;
}
#main_content_right{
	/*height:85%;*/
	
	margin-left:30%;
    margin-right:30%;
}

.holiday_general_header_div{
    background: #c81d0a none repeat scroll 0 0;
    border: 1px solid #c81d0a;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-style: italic;
    padding: 8px;
    text-align: center!important;
}
.general_group_bottom_div{
/*    background: #FBEFEF;*/
    background: #FEFEFE;
    padding: 2px!important;
    text-align: center!important;
    height:50px;
    vertical-align: middle;
    
/*    border-bottom-right-radius: 10px;*/
/*    border: 1px solid #F8E0E0;*/
/*    border: 1px solid #c0c0c0;*/
    border: 1px solid #f2f2f2;
    color: #C95B5B;
}

.custom{
	color:#666!important;
    float:none!important;
    text-align:center!important;
    font-size: 13px!important;
    background:#5bc978; 
}
.holidays_and_other_leaves_btn{
    float:right;
    padding: 3px;
}

.paid_modal{
    
}
.modal_lg{
    position: fixed!important;
    top: 10%!important;
    left: 40%!important;
/*    # z-index: 88888850!important;*/
    width: 840px!important;
    margin-left: -280px!important;
    background-color: #fff!important;
    border: 1px solid #999!important;
    border: 1px solid rgba(0,0,0,0.3)!important;
    -webkit-border-radius: 6px!important;
    -moz-border-radius: 6px!important;
    border-radius: 6px!important;
    outline: 0!important;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3)!important;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3)!important;
    box-shadow: 0 3px 7px rgba(0,0,0,0.3)!important;
    -webkit-background-clip: padding-box!important;
    -moz-background-clip: padding-box!important;
    background-clip: padding-box!important;
}

.holidays_approve{
    display:none;
}
.timesheet{
    display:none;
}
.text_area_holiday{
    max-width:60px!important;
}
.popup_content{
background: none repeat scroll 0 0 #eeeeee;
    margin-right: 0;
    padding-bottom: 25px;
    position: relative;
    min-height: 100%;
    width: auto;
}

#user-nav > ul {
    border-right: 0px solid #2e363f;
    border-left: 0px solid #000;
}

@media screen and (max-width: 770px) {	
	.table_like_responsive{
			width: 100%;
			margin-bottom: 15px;
			overflow-y: hidden;
			overflow-x: scroll;
			-ms-overflow-style: -ms-autohiding-scrollbar;
			border: 1px solid #DDD;
			-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width: 1000px) {	
	.table_like_responsive_medium{
			width: 100%;
			margin-bottom: 15px;
			overflow-y: hidden;
			overflow-x: scroll;
			-ms-overflow-style: -ms-autohiding-scrollbar;
			border: 1px solid #DDD;
			-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width: 1200px) {	
	.table_like_responsive_big{
			width: 100%;
			margin-bottom: 15px;
			overflow-y: hidden;
			overflow-x: scroll;
			-ms-overflow-style: -ms-autohiding-scrollbar;
			border: 1px solid #DDD;
			-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width: 1450px) {	
	.table_like_responsive_xbig{
			width: 100%;
			margin-bottom: 15px;
			overflow-y: hidden;
			overflow-x: scroll;
			-ms-overflow-style: -ms-autohiding-scrollbar;
			border: 1px solid #DDD;
			-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width: 2000px) {	
	.table_like_responsive_xxbig{
			width: 100%;
			margin-bottom: 15px;
			overflow-y: hidden;
			overflow-x: scroll;
			-ms-overflow-style: -ms-autohiding-scrollbar;
			border: 1px solid #DDD;
			-webkit-overflow-scrolling: touch;
	}
}

.custom_btn{
	padding:0!important;
}
.custom_a_btn{
	padding:7px 12px;
	display:block;
	color:white;
}
a.custom_a_btn:hover{
	background-color:ForestGreen;
	color:white;
}
@media screen and (max-width: 420px) {	
	.custom_evalution_buttons{
		padding-top:40px;
	}
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
	font-weight:bold!important;

}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
	color:black!important;
	
	
}
.mdl-data-table{
	position: relative;
    	border: 1px solid rgba(0,0,0,.12);
    	border-collapse: collapse;
    	white-space: normal!important;
    	font-size: 13px;
    	background-color: #fff;
}
.help-block, .help-inline {
    color:rgba(255,0,0,1)!important;
    padding-bottom: 5px;
}
.personal_messages,.general_announcements,.my_projects{
	display:none;
}

div.uploader {
    width:auto!important;
}

.dataTables_filter {
    color: #878787!important;
    font-size: 11px!important;
    right: 0!important;
    top: 0px!important;
    margin: 4px 8px 2px 10px!important;
    position: absolute!important;
    text-align: left!important;
}
div.radio {
    position: absolute;
    opacity: 0;
}

.btn_succces_2{
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn_danger_2{
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #8c8686;
    background-image: -moz-linear-gradient(top, #8c8686, #504747);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8c8686), to(#504747));
    background-image: -webkit-linear-gradient(top, #8c8686, #504747);
    background-image: -o-linear-gradient(top, #8c8686, #504747);
    background-image: linear-gradient(to bottom, #8c8686, #504747);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.week {float:left;padding: 5px;}
.week_name{width:50%;font-size: 13px;}
.week_day{text-align: center; padding: 10px;}

#sidebar > ul li.submenu.open ul {
    width: 80%;
    margin-left: 20% !important;
}


/* ////AGFIX2018-02-13 ************************************************************************ */
label.control-label {
    cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #fff !important;
	color: #670 !important;
    font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #fff !important;
    color: #670 !important;
    font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;   
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    color: #00a8f3 !important;
}
.control-group.error {
    padding: 0;
}
.control-group.error .controls {
    padding-bottom: 0;
}
.control-group.success {
    padding: 0;
}
.controls .week {
    padding: 3px;
}
.controls .week .week_name {
    font-size: 12px;
}

/* ////AGFIX2018-02-13 ************************************************************************ */

.select2-results .select2-result-label {
    min-height: 26px;
}

#header h1 {
    height: 32px;
	text-indent: 0px;
	line-height: normal;
	padding-left: 40px;
	padding-top: 5px;
}
#header h1 a {
	display: block;
    height: 32px;
    font-size: 20px;
    color: #fff;
    line-height: 26px;
}
.navbar-nav.float-right{
	float:right!important
}

#user-nav {
    width: 100%;
	left: 0;
	background-color: unset;
	min-height: 40px;
	border-bottom-width: 0px;
}
#user-nav > ul {
	margin-left: 10px!important;
}
#user-nav > ul > li > a {
    padding: 9px 10px;
    display: block;
    font-size: 11px;
    color: #cfcfcf;
}
#content-header {
    z-index: 19;
}
.dropdown-menu.dropdown-menu-right.user-dd.animated hr {
	margin: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	
}
.open > .dropdown-menu {
    display: block;
    padding: 10px;
}

.open > .dropdown-menu > .dropdown-item > .fa {
    font-size: 14px;
    padding: 3px 10px 0 0;
}
.dropdown-menu {
	left: unset;
    right: 0;
    float: right;
	opacity: 0.9;
}
#navigation_page {
    width: auto !important;
}
#user-nav > ul > li > a > .icon.icon-user {
    opacity: 0.8;
}

#user-nav > ul > li {
    border-left: 0px solid #2e363f;
    border-right: 0px solid #000;
	padding-right: 10px;
}

body, #header, #sidebar > ul li ul {
    background: #2E363F;/* blue; */
}

#sidebar > ul {
    border-bottom: 0px solid #37414b;
    border-right: 0px solid #37414b;
	opacity: .9;
}
#sidebar > ul > li {
    border-top: 0px solid #37414b;
    border-bottom: 0px solid #1f262d;
}
#user-nav > ul > li > a > i, #sidebar li a i {
    opacity: .7;
}
#sidebar > ul li.submenu.open ul > li{
    color: #fff;
}
#loginform.form-vertical, #loginform > .form-actions {
    border-top: 0px solid #3f4954;
}

.dataTables_info {
    padding-left: 10px;
}
.dataTables_paginate.paging_simple_numbers {
    margin-bottom: 5px;
    padding-top: 0 !important;
}
.dataTables_length label,
.dataTables_filter label {
    font-weight: normal;
	margin-bottom: 2px;
}

.dataTables_length label select {
	margin: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child, 
.table-bordered tbody:first-child tr:first-child > td:first-child, 
.table-bordered tbody:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
}
.table th, .table td {
    line-height: 14px;
}
table.dataTable, table.dataTable th, table.dataTable td {
    font-size: 12px;
}


/* @media screen and (max-width: 770px) {	
	#header {
		padding-top: 10px;
	}
	#user-nav > ul.nav {
		left: 0;
		margin-top: 30px !important;
	}
	#user-nav > ul.navbar-nav {
		left: 0;
		margin-top: 0 !important;
	}

	.dt-buttons.btn-group	{
		margin-top: 35px !important;
	}
	.dataTables_wrapper.no-footer > .dataTables_filter {
		margin-top: 35px !important;
	}	
	#footer {
		margin-top: 35px;
	}
	
	#user-nav > ul.navbar-nav.float-left {
		margin-top: 30px !important;
		margin-left: unset !important;
	}
	#user-nav > ul > li {
		border-top: 0px solid #363E48;
	}
	.dropdown-menu-right.dropdown-item a.dropdown-item {
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu {
		left: 0;
		background-color: #fff;
		opacity: 0.9;
	}
} */


/* start from footer.php on 17 may 2019 */

 .feedbackpopup_loading {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     background: #000;
     opacity: 0.8;
     filter: alpha(opacity=80);
     z-index:2001;
 }
.feedbackpopup_loading_text{
    left: 50%;
    position: absolute;
    top: 50%;
    color: rgba(127, 255, 0, 0.59);
    font-size: 24px;
    font-weight: bold;
}
#calendar {
    float:left;
    margin: 40px;
    width:900px;
    height:900px;
}

button{
    margin:5px;
}
select{
    margin-bottom:5px;
}
input{
    /*        #margin:5px;*/
}
#roomStart{
    margin-left:15px;
}
#roomEnd{
    margin-left:19px;
}
#workingEnv{
    float:left;
    margin-right:40px;
    margin-top:30px;
    position:relative;
}

.closeon{
  color: red;
  background-color:transparent;
  float:right
}
.u-fancy-load > * {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.no-js .u-fancy-load > * {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.u-fancy-load--in > * {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.u-fancy-load--out > * {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* #demo style - you can delete it */
* {
    box-sizing: border-box;
}

#demo {
    text-align: center;
    margin: 30px auto;
    width: 80%;
    position: relative;
    display: block;
}
#demo button {
    background: #e0e0e0;
    color: #757575;
    color: #424242;
    outline: none;
    border: none;
    padding: .5em 1em;
}
#demo button + * {
    margin-left: 20px;
}
#demo ul {
    list-style: none outside none;
    padding: 0;
    margin: 10px -15px;
    width: 100%;
}
#demo ul > * {
    background-color: #DB000B;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    /*height: 100px;*/
    margin: 5px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    /*width: 100px;*/
}
#addEvent{
    float:right;
    margin-right: 5%;
}

h2 {
    text-align: center;
}
#demo a {
    display: block;
    height: 100%;
    line-height: 14px;
    padding: 10px;
    font-weight: bold;
    color: white!important;
}
.toolbar {display: none;}

#my-table.manageMission > div > h2.heading {
    display: contents;
}
#my-table.manageMission > div > h2.heading > button {
    margin-bottom: 15px;
    max-height: 40px;
    line-height: 15px;
}
/* end from footer.php on 17 may 2019 */

#loginbox .main_input_box input {
    height: 38px;
}


@media screen and (max-width: 770px) {	
	#header {
		padding-top: 10px;
	}
	#user-nav > ul.nav {
		left: 0;
		margin-top: 30px !important;
	}
	#user-nav > ul.navbar-nav {
		left: 0;
		margin-top: 0 !important;
	}

	.dt-buttons.btn-group	{
		margin-top: 35px !important;
	}
	.dataTables_wrapper.no-footer > .dataTables_filter {
		margin-top: 35px !important;
	}	
	#footer {
		margin-top: 35px;
	}
	
	#user-nav > ul {
		margin-left: 0 !important;
	}
	#user-nav > ul.navbar-nav.float-left {
		margin-top: 30px !important;
		margin-left: unset !important;
	}
	#user-nav > ul > li {
		border-top: 0px solid #363E48;
	}
	.dropdown-menu-right.dropdown-item a.dropdown-item {
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu {
		left: 0;
		background-color: #fff;
		opacity: 0.9;
	}
	ul.nav > li > span {
		padding-left: 15px;
	}
}