:root
{
	--primary:#2d2440;
	--secondary:#6f39ea;
	--background:#F3F3F9;
	--text_color:#2d2440;
	--tricary:#ffffff;
	--danger:#f0001d;
	--admintext:#4160fc;
}
[data-nav-headerbg="color_1"] .nav-header
{
	background-color:#fff !important;
}
body
{
background-color:var(--background);	
}
.navbar{
	background-color:var(--tricary);
}
.header_middle ul li ,.header_left ul li
{
	display:inline-block;
}
.header_middle ul li a
{
	padding:10px 15px;
}
.header_left ul 
{
	position:relative;
	top:20px;
}
.header_left ul li
{
	color:#262d3f !important;
	margin:7px; 
    font-weight:500;	
}
.button_left
{
  position:absolute !important;
  right:45px;
}
.button_left ul 
{
  position:relative;
  right:170px;
  top:10px;
}


.company_user_name
{
	 background-color:var(--text_color) !important;
	
}
.company_notices
{
	background-color:#f1f4ff !important;
	
}
.company_processing
{
	background-color:#ebe6fb !important;
	
}
.company_dates
{
	background-color:#fff !important;
	
}
.user_icon_wapper svg
{
	color:#fff;
	font-size:24px;
	float:left;
	padding-left:5px;
	top:-5px;
	position:relative;
}
 .user_text_wapper ,.valid_until
{
	padding-left:0px;
	padding-right:0px;
} 
.user_text_wapper ul li
{
	margin-right:20px;
	padding-left:10px;
}
.user_text_wapper ul li
{
	color:#fff;
	font-size:12px;
	position:relative;
	top:-2px;
}
.company_user_name div
{
	margin-right:0px;
	padding-left: 0px;
}
.valid_until ul li
{
	color:#fff;
	font-size:12px;
	padding-left:10px;
}
.valid_until ul 
{
	margin-bottom:0px;
}
.notices_bell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; 
    height: 30px;
    background-color: #4160fc; 
    border-radius: 12px; 
}

.notices_bell .bi-bell-fill {
    color: white; 
    font-size: 14px; 
}
.company_notices_icon ul li ,.company_processing_icon ul li
{

	text-align:center;
	margin:7px;
	font-size:16px !important;
	color: var(--text_color) !important;
	font-weight:800;
}
.company_notices 
{
	padding:0.28rem 1.51rem !important;
}
.processing_clock {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; 
    height: 30px;
    background-color: #7b56e1; 
    border-radius: 12px;
}

.processing_clock .bi-clock-fill {
    color: white;
    font-size: 14px; 
}
.company_processing 
{
	padding:0.28rem 0.51rem !important;
}
.company_dates
{
	padding: 0.10rem 0.11rem !important;
}
.table_dates{
	margin-bottom:0px;
}
.table_go_to_event
{
	width:100px;
}
.table_dates tr td
{
	line-height:1.0;
	color:var(--text_color) !important;
	font-weight:600;

}

.table_status_caret
{
   position:relative;
   padding:5px;
   color:var(--text_color) !important;
   font-weight:800;
   font-size:18px;
   margin-right: -32px;

}

.table_status ,.fa-caret-up ,.fa-caret-down
{
   padding:5px;
   color: var(--text_color) !important;
   font-weight:500;
   font-size:21px !important;
   position: relative !important;
    top: 2px;
}
.table_notices thead tr th
{
   color: var(--text_color) !important;
   font-weight:500;
    
}
.table_notices tbody tr td{
     color: var(--text_color) !important;
   font-weight:400;
  
}
.caret_down
{
	position:relative !important ;
	top:10px;
	right:27px;	
}
.badge_success
{
 color:#fff;	
}
.brand-title , .brand-title i
{
color:#fff;	
font-weight:800;
}
.dashboard_page h5
{
   color: var(--text_color) !important;
   font-weight:500;
}
.go_to_event_icon_new a 
{
     color: #7571f9 !important;
	 font-weight:400;
	 display:block;	
}
.go_to_event_icon_new a ,.go_to_event_icon_new a:hover,.go_to_event_icon_new a:focus,.go_to_event_icon_new a:active
{
	color: #7571f9 !important;
	 font-weight:400;
	 font-size:16px;
}

.go_to_event_icon a ,.go_to_event_icon a:hover,.go_to_event_icon a:focus,.go_to_event_icon a:active
{
	color: #7571f9 !important;
	 font-weight:400;
	 font-size:12px;
}
.admin_panel_top_dates tr td i 
{
	color:#f0021e ;
	font-size:18px;
}
.table_dates tr td i 
{
	font-size:18px;
	color:#f0001d;
}
.ack_report
{
	color:#7a7b7d;
	font-size:16px;
}
.ack_report_id{
	color:#272b30;
	font-size:16px;
}


.button_left .btn_your_event
{
	border:2px solid  var(--text_color);
	border-left:2px solid  var(--text_color);
	color: var(--text_color);
}
.btn_your_event:hover,.btn_your_event:focus,.btn_your_event:active
{
	color: var(--text_color);
} 
.footer,.copyright
{
	background:#fff !important;
}
.nk-sidebar
{
background:#fff !important;	
}
.dataTables_info,.dataTables_paginate ,.dataTables_length,.dataTables_filter
{
	display:none;
}
.table-responsive .table thead th {
    position: relative;
	 padding-left: 30px; 
}

/*
.table-responsive .table thead th.sorting:after,
.table-responsive .table thead th.sorting_asc:after,
.table-responsive .table thead th.sorting_desc:after {
    content: "\f0d7";
   position:relative;
   right:30px;
   top:-10px;
     
}


.table-responsive .table thead th.sorting:before,
.table-responsive .table thead th.sorting_asc:before,
.table-responsive .table thead th.sorting_desc:before {
	display:none;
}


.table-responsive .table thead th.sorting:before {
    content: "\f0d7";
}

.table-responsive .table thead th.sorting_asc:before {
    content: "\f0d8";
}


.table-responsive .table thead th.sorting_desc:before {
    content: "\f0d7"; 
}
.table-responsive .table thead th:first-child:before,
.table-responsive .table thead th:nth-last-child(2):before {
    display: none;
}
.table-responsive .table thead th:first-child:after,
.table-responsive .table thead th:nth-last-child(2):after {
    display: none;
}
*/
.disabled
{
	 pointer-events: none;
}
/*
#event_table thead tr th
{
   
    top:8px !important;
}
#event_table thead th:first-child, #event_table thead th:nth-last-child(2)
{
    top:6px !important;
    position:relative;
}
*/
.user_icon_th svg
{
	color:#262c57;
	font-size:28px;
}
/*
#notice_table thead th ,.org_table thead th, .org_table thead th:nth-last-child(2)
{
    top:2px !important; 
}

.org_table thead tr th
{
  top:7px !important; 
  position:relative;
}
.org_table thead>tr>th.sorting
{
   top: 17px !important; 
  
}
*/
.admin_panel_top_dates tr:first-child {
    background-color: #96bdf3 !important;
    
}
.content-body .container-fluid
{
	padding:0px 30px 0px 0px;
    margin-top:0px !important;	
}
.nav-control {
    
    left: -0.4375rem;
}
.nav-control
{
	/* display:none;*/
}
.nav-header .brand-logo img
{
	width: 144px !important;
    position: relative;
    z-index: 999;
    top: -5px;
}
.nav-header .brand-logo a b img {
    max-width: 2.9rem;
}
.notices_bell
{
	background:#4160fc;
	height:50px ;
	width:50px;
	
}
.notices_bell svg ,.processing_clock svg
{
	
	color:#fff !important;
	font-size:38px;
	
}
.processing_clock
{
    background:#7b56e1;
	height:50px ;
	width:50px;	
}
.processing_clock svg
{
	background:#7b56e1;
}
 .hamburger .icon-menu
{
	position:relative;
	left:30px;
	
} 

.nav-control
{
	text-align:left;
}
.btn_submit
{
	background:var(--text_color);
	color:#fff;
}
.page_height{
	height:500px;
}

/*--------------------Page Creation---------------------------------------*/

.event_body_top_color {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: var(--text_color); 
    padding: 10px;
    border-radius: 6px;
}

.event_body_top_color h5 {
    color: #fff !important;
    margin: 0; 
}

.close_button {
   background: #fff;
    border: none;
    color: var(--text_color);
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.event_report_concern label
{
	color: var(--text_color);
	font-size:16px;
	font-weight:500;
}
/*----------------Datatable Modification---------------------------------*/

#mytable_length ,#mytable_filter,.dataTables_info,.dataTables_paginate,#event_table_length,#event_table_filter
{
	display:inline-block;
}
.dataTables_length select,.dataTables_length select:hover ,.dataTables_length select:focus,.dataTables_length select:active,.dataTables_filter input,.dataTables_filter input:hover,.dataTables_filter input:active,.dataTables_filter input:focus
{
	border:1px solid  var(--text_color);
	border-radius:5px;
}
.dataTables_length label,.dataTables_filter label
{
	color: var(--text_color);
}
.table-responsive
{
	overflow-x:hidden;
}
.table-responsive .table thead th
{
	color: var(--text_color);
	
}
.table-responsive .table tbody td
{
    	color: var(--text_color);
    	font-weight:400;
}
#mytable.dataTable td,#mytable.dataTable th
{
	text-align:center;
}
.table-responsive #mytable thead th:nth-last-child(2),.table-responsive #mytable tbody td:nth-last-child(2)
{
	text-align:left;
}
.btn_edit,.btn_edit:hover,.btn_edit:focus,.btn_edit:active
{
	color:#fff;
	padding:2px;
}
.btn_add,.btn_add:hover,.btn_add:focus,.btn_add:active,.page-item.active .page-link
{
	background-color:#4160fc !important;
	color:#fff;
	
}
#myRoletable.dataTable td:first-child,#myRoletable.dataTable th:first-child
{
	text-align:center;
}

/*----------------------------Event Page--------------------------------------*/

/* Dropzone container styling */
#fileDropzone {
    position: relative;
    display: flex;
    flex-direction: row;  /* Stack icon and text vertically */
    justify-content: center; /* Center vertically */
    align-items: center;     /* Center horizontally */
    height: 200px;           /* Set a height for the dropzone */
    border: 2px dashed var(--text_color);
    padding: 20px;
}

/* Icon styling */
#fileDropzone i {
	position: relative;
	top:-26px;
    font-size: 38px;
    color: #262d3f;
    margin-bottom: 15px; 
	left:124px;
}

/* Text styling */
.choose_to_upload, .drag_to_upload {
    font-size: 16px;
    color: var(--text_color);
    text-align: center; /* Center the text */
}

/* Drag text specific styling */
.drag_to_upload {
	position: relative;
	top:25px;
    font-weight: 600;
	right:12px;
	display:block;
}
.permission_text_color,div.dataTables_wrapper div.dataTables_info,#myRoletable_previous,#myRoletable_next
{
	color: var(--text_color) !important;
	
}

.border_color
{
	padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   
}
input[type="checkbox"]:after
{
 
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -3px;
    margin-left: -3px;
    border: 1px solid #EEEEEE;
    border-radius: 0px;
    background: #fff;
    line-height: 1.3;
  
}


.choose_to_upload{
	border: 2px solid var(--text_color) !important;
	padding:3px 20px;
	position:relative;
	top:-20px;
	font-weight:600;
	display:block;
}
.btn_color
{
    background: #fff;
    border: 2px solid var(--text_color);
    color: var(--text_color);
	padding:10px 20px;
	border-right:4px solid var(--text_color);
	border-bottom:4px solid var(--text_color);
}
.event_body_top_color h5
{
	color:#fff!important;
}
.show_font_size p
{
	font-size:large;
	font-weight:400;
	color:var(--text_color);
}
.small_font_size p
{
	font-size:14px;
	font-weight:600;
	color:var(--text_color);
}
.small_font_size
{
	border: 2px solid var(--text_color);
	
}
.small_font_size p
{
	padding: 18px 0px 2px 0px;	
}

.see_the_event p
{
	padding: 28px 0px 12px 0px;
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:var(--text_color);
}
.see_the_event button
{
	padding: 28px 20px 48px 0px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	color:var(--text_color);
}
#event_details p
{
	color:var(--text_color);
	font-weight:500;
}

input::placeholder, 
textarea::placeholder {
    color: var(--text_color); 
   
	font-weight:400;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--text_color);
	font-weight:400;
}

input:-moz-placeholder, 
textarea:-moz-placeholder {
    color: var(--text_color);
	font-weight:400;
}

input::-moz-placeholder, 
textarea::-moz-placeholder {
    color: var(--text_color);
	font-weight:400;
}

input:-ms-input-placeholder, 
textarea:-ms-input-placeholder {
    color: var(--text_color);
	font-weight:400;
}
label {
	color: var(--text_color);
	font-weight:400;
}
.btn_back button
{
	color:#fff;
}

.text_color i, 
.text_color:hover i, 
.text_color:focus i, 
.text_color:active i {
	color: #6fd96f !important;
	font-weight: 800;
	font-size: 21px;
	padding:3px;
	opacity:0.8;
}

.text_danger i {
	color: red !important;
	font-weight: 800;
	font-size: 21px;
	position: relative;
	top: -3px;
	padding:3px;
	opacity:0.6;
}

.text_danger:hover i, 
.text_danger:focus i, 
.text_danger:active i {
	color: red !important; /* Ensures color stays consistent */
	top: -3px; /* Keeps the position consistent */
	padding:3px;
	opacity:0.6;
}

.text_eye i, 
.text_eye:hover i, 
.text_eye:focus i, 
.text_eye:active i {
	color: #4160fc !important;
	font-weight: 800;
	font-size: 21px;
	padding:3px;
	opacity:0.8;
}


/*-------------------------Event Processing -----------------------------------*/

.event_processing li ,.event_concerns li ,.message_processing li
{
	display:inline-block;
}
.event_concerns li
{
	margin-right:7px;
	color: var(--text_color);
	font-size:16px;
	font-weight:500;
}
.btn_processing,.btn_processing:hover,.btn_processing:focus,.btn_processing:active
{
	border:2px solid var(--text_color);
	border-right:4px solid var(--text_color);
	border-bottom:4px solid var(--text_color);
	color:var(--text_color) !important;
	font-weight:600;
}
.event_processing
{
	top:-12px;
}
.btn_send_message,.btn_send_message:hover,.btn_send_message:focus,.btn_send_message:active {
	border:2px solid var(--text_color);
	border-right:4px solid var(--text_color);
	border-bottom:4px solid var(--text_color);
	padding:20px 52px 40px;
	color:var(--text_color) !important;
	font-weight:600;
}
.message_processing ul  li
{
	margin:5px;
}
.event_menu
{
	border:2px solid var(--text_color);
	height:600px;
	padding:10px;
}
.btn_event_notes,.btn_event_notes:hover,.btn_event_notes:focus,.btn_event_notes:active
{
	
	
	color:#fff !important;
	font-size:14px;
	font-weight:400;
	
      padding: 10px 20px;
}

.btn_view i,.btn_view:hover,.btn_view:focus,.btn_view:active,.btn_edit i
{
	color:#fff !important;
	padding:2px;
}
.btn_view ,.btn_edit{
	margin-right:5px;
}
.event_history
{
    margin-top:4rem;
}
.event_button_status
{
    margin-top:-10px;
}
/*-----------------------------Your Event Page-------------------------------*/
.top_content h5{
	color:var(--text_color) ;
    font-weight:400;
    font-size:21px;
}
  
#navbarNav ul li a {
	color:var(--text_color) ;
    font-weight:500; 

}
#navbar_right li a
{
	color:#fff !important;
}
.event_right_content h4 
{
	font-size:38px;
	color:var(--text_color) ;
}
.event_right_content h5
{
	font-size:21px;
	
}
.event_right_content h5 a 
{
	color:#185f9c !important;
	font-weight:500;
	position:relative;
    top:13px;
}
.ai_content_creation ,.ai_content_creation_bottom ,.event_last_content_border
{
	border-bottom: 2px solid var(--text_color); 
   
}
.ai_content_creation h5 a ,.ai_content_creation_bottom h5 a,.ai_content_creation_new h5 a 
{
	border-bottom: 2px solid #185f9c !important;
}
.event_right_content h6
{
	padding-top:10px;
	font-size:18px;
	color:var(--text_color) ;
       
}
.ai_content_creation_bottom h6
{
	position:relative;
    top:10px;
}
.ai_content_creation_new h5 a
{
	color:#185f9c !important;
	font-weight:500;
    position:relative;
    top:3px;
	
}
.ai_content_creation_new 
{
	border-bottom: 2px solid var(--text_color);
	font-weight:500;
	position:static;
    top:5px;
}
.event_last_content h6
{
	position: relative;
    top: -13px;
}
.btn_add_event,.btn_add_event:hover,.btn_add_event:focus,.btn_add_event:active
{
 color:#fff !important;
 padding:10px 20px;
 opacity:1;
}
.event_related_data h1
{
	font-size:36px;
	color:var(--text_color);
	font-weight:500;
}
.event_related_data h2
{
    font-size:28px;
	color:var(--text_color);
	font-weight:500;
}
.event_related_data h3
{
    font-size:21px;
	color:#185f9c;
	font-weight:500;
    text-decoration: underline;
}
.event_related_data_right
 {
	margin-top:130px;
 }
 .event_body_text_color
{
	font-size:21px;
    color:var(--text_color); 
}
.event_related_data h1 span 
{
 font-size:24px !important;
}
.event_related_data h2 span,.event_related_data h3 span
{
 font-size:21px !important;
}
.org_table thead tr th {
  
    background-size: 200% 100%;
    color: #343a40;
   
}
.btn_event
{
	padding-top:10px;
	font-size:16px;
	font-weight:400;
}
.btn.active {
    background-color: #28a745; 
    color: #fff;
    border-color: #218838;
}
    

#navbarNav_res ul li
{
    display:none !important;
}
.event_notes a:hover ,.event_notes a
{
    color:var(--text_color) !important;
}
.btn_back{
	padding:10px 30px !important;
}

.content-body .container-fluid
{
    padding: 15px 30px 0;
}
.nk-sidebar .metismenu > li.active > a
{
    background: #fff;
    color: #464a53 !important;
}
/*------------------------------------Report ---------------------------------------------*/
.send_a_message ,.close_the_report
{
	border:2px solid #ddd;
	padding:20px;
}
.send_a_message h6
{
	padding:20px;
	text-align:center;
}
.btn_report_danger button
{
	 height: auto;
    white-space: normal;
	padding:20px ;
	border-radius:6px;
}
.close_the_report_not_covered h5
{
	padding:30px 70px 10px 70px;
	text-align:center;
}
.close_the_report_not_covered
{
	
	border-top:2px solid #ddd;
	position:relative;
	top:20px;
	
}
.message_processing {
	border:2px solid #ddd;
	padding:30px 30px;
}
.message_processing .message_address_card i
{
	position:relative;
	top:-45px;
	font-size:30px;
	text-align:center;
}
.message_address_card 
{
	margin:0 auto;

}
.at_end_procedure
{
	top:-25px;
}
.btn_primary,.btn_primary:hover,.btn_primary:focus,.btn_primary:active
{
	background:var(--primary);
	color:var(--tricary);
}

.btn_secondary,.btn_secondary:hover,.btn_secondary:focus,.btn_secondary:active
{
	background:var(--secondary);
	color:var(--tricary);
}
.btn_danger,.btn_danger:hover,.btn_danger:focus,.btn_danger:active
{
	background:var(--danger);
	color:var(--tricary) ;
}
.fa_trash
{
background-color:var(--tricary);
color:var(--tricary) ;	
}
.report_create_concern
{
	font-weight:800;
}
.report_concern_desc_new{
	font-weight:400 !important;
}
.admin_report_id
{
	color:var(--admintext);
}
.corruption_edit
{
	color:var(--admintext);
	font-weight:200;
	background-color:#dfe3fe;
	padding:1px 5px;
	margin:5px;
}
.corruption_id
{
	color:var(--primary);
	font-weight:500;
	opacity:0.9;
	font-size:16px;
}
.corruption
{
	color:var(--primary);
	font-weight:500;
	font-size:16px;
	opacity:0.6;
}
.corruption_report_id
{
	color:var(--primary);
	font-weight:800;
	opacity:0.9;
	font-size:18px;
}
.corruption_related_circle
{
	height:30px;
	width:30px;
	background-color:#44e68a;
	padding:4px;
	border-radius:50%;
	color:var(--tricary) ;
	margin:0 auto;
	font-size:18px;
}
.receipt_of_report{
	text-align:center;
	font-size:14px;
	color:var(--primary);
	opacity:0.8;
	margin-top:10px;
}
.corruption_related_circle_close
{
	height:30px;
	width:30px;
	background-color:#ef1c58;
	padding:2px 8px;
	border-radius:50%;
	color:var(--tricary) ;
	margin:0 auto;
	font-size:18px;
}
.syng_history
{
	background-color:#e9edfe;
	padding:15px;
	border-radius:15px;
}
.syng_history h6 ,.syng_msg h6
{
	font-size:16px;
	color:var(--primary);
	font-weight:500;
}
.syng_history_image img,.syng_msg_image img
{
	position:absolute;
	bottom:0px;
}
.syng_msg
{
	background-color:#f5f6fa;
	padding:15px;
	border-radius:15px;
}
.syng_chat {
	border:2px solid #000;
}
.event_id
{
	 position: absolute;
    top: -11px;
    
    padding: 2px 5px;
    background: white;
}
.no-border {
    border: none;
}
.attached_icon 
{
	font-size:18px;
	font-weight:800;
	color:var(--text_color);
	text-align:center;
	display:block;
	
}
.attached_icon i 
{
padding-right:10px;
font-size:18px;
font-weight:800;
}
.small_font_size i 
{
color:var(--admintext);	
}
.rotate-key {
    transform: rotate(90deg); 
    display: inline-block; 
    margin-right: 5px; 
}
.color_logo {
    background-color: var(--secondary);
}
.nav-header .logo_square img {
    width: 144px !important;
    position: relative;
    z-index: 999;
    top: -17px !important;
    right: 10px !important;
}
.color_logo .brand-title {
    position: relative;
    top: -10px;
}

.icons.dropdown {
    position: relative;
    display: inline-block;
    margin: 0;
}
#language-select {
    background-color: #ffffff;
    border:2px solid #fff;
    border-radius: 8px;
    padding: 5px 6px;
    font-size: 16px;
    color: var(--primary); 
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    outline: none; 
    width: 100px; 
    font-weight: 500;
    position: relative; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 10 10'%3E%3Cpath fill='%2d2440' d='M1 3l4 4 4-4z'/%3E%3C/svg%3E"); /* Custom bold arrow */
    background-repeat: no-repeat;
    background-position: right 12px center; /* Position the arrow */
    background-size: 16px 16px; /* Larger arrow size for bold appearance */
    transition: all 0.3s ease-in-out; /* Smooth transition */
}


#language-select:hover {
    background-color: #fff;
}



#language-select::-ms-expand {
    display: none;
}

.corruption_related_circle_fulfil
{
	height:30px;
	width:30px;
	background-color:var(--tricary);
	color:var(--primary) ;
	margin:0 auto;
	font-size:36px;
        position: relative;
        top: -10px;
}
.attached_icon_key svg{
	
	margin-right:10px !important;
}
.at_end_procedure h4 ,.at_end_procedure h6 , .close_the_report_not_covered h5,.syng_history h6 ,.syng_msg h6
{
	font-weight:400;
}
.btn_downloadconfirmation
{
padding:10px;
}
.space_top
{
	margin-top:60px;
        margin-bottom:60px;
}
.logout_margin
{
position:relative !important;
top:10px;		
}