.todo_list{
	-webkit-user-select: none; /* Safari */
    	-moz-user-select: none;    /* Firefox */
    	-ms-user-select: none;     /* Internet Explorer/Edge */
    	user-select: none;         /* Standard */
}

html{
	height: 100%;
	overflow: hidden;
	top: 0;
}
body{
	height: 100%;
	overflow: hidden;
	top: 0;
}
button{
	background-color: #ffc24f;
	border-radius: 10px;
	margin: 0px;
	border: 1px solid gray;
}
.agg_day_div{
	width: 50px;
	height: 400px;
	border: solid 1px gray;
	display: inline-block;
	box-sizing: border-box;
}
#aggregate_box{
	height: 511px;
	width: 100%;
	border: solid black 1px;
	box-sizing: border-box;
	overflow-x: scroll;
	overflow-y: scroll;
	-ms-overflow-style-y: none;
        scrollbar-width-y: none;
	transition: transform 0.1s ease;

}
#shared_to_box{
	border: 1px solid black; 
	height: 55px; 
	padding: 5px;	
	-ms-overflow-style-y: none;
        scrollbar-width-y: none;
	overflow: scroll;
}
#shared_to_box::-webkit-scrollbar {
        display: none;
}
#stretch_div{
	transition: transform 0.1s ease;
        overflow: hidden;
        position: relative;
	user-select: none;
	cursor: grab;
}
#live_next_div{
	font-size: 18px;
	border: 1px solid gray;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 5px;
}
#main_live_task{
	font-size: 18px;
	border: 3px solid black;
	box-sizing: border-box;
	padding: 4px;
	border-radius: 12px;
	margin-bottom: 20px;
}
#live_todo_div{
	border: 1px solid gray;	
	font-size: 18px;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 5px;
	height: 98px;
	overflow-y: scroll;
	margin-bottom: 20px;
}
.phone_type_warning{
	color: red;
	font-size: 15px;
}
.login_boxes{
	font-size: 40px;
	width: 87%;
	cursor: pointer;
	box-sizing: border-box;
	padding: 1px;
}
.phone_boxes{
	font-size: 30px;	
}
.phone_dashes{
	line-height: 0px;
}
.login_time_boxes{
	font-size: 30px;
	width: 100px;
}
.text_labels{
	font-size: 34px;
}
.list_text{
	font-size: 34px;
	cursor: pointer;
	padding: 0px 6px;
}
#sortable{
	padding: 0px;
	box-sizing: border-box;
	margin: 0px;
}
#sortable li{
	cursor: move;
        transition: transform 0.2s; /* Smooth transition for scaling effect */
}

/* Placeholder style while dragging */
.ui-sortable-placeholder {
     	background-color: #cce5ff; /* Lighter color for visual cue */
       	border: 2px dashed #007bff;
       	visibility: visible !important;
	margin: 10px 0px;
     	height: 40px; /* Same height as list items */
}

/* Enhanced popping effect */
.scale-up {
     	transform: scale(1.1); /* Slightly enlarge the element */
      	z-index: 1000; /* Bring the element to the front */
}
.menu_item{
	cursor: pointer; 
	color: black; 
	background-color: orange; 
	padding: 4px 10px; 
	height: 40px; 
	font-size: 29px;
	box-sizing: border-box;
	border: 1px solid black;
}
.done_text{
	font-size: 10px;
	position: absolute;
	top: 38px;
	left: 19px;
}
.done_text_notes{
	font-size: 10px;
	position: absolute;
	top: 38px;
	left: 14px;
}
.done_text_contacts{
	font-size: 10px;
	position: absolute;
	top: 38px;
	left: 14px;
}
.on_calendar_notation_flag{
	background: green;
	color: white;
	text-align: center;
}

.cal_display_notation{
	display: inline-block;
}
.todo_list_flag{
	font-size: 12px;
    	height: 12px;
    	width: 100%;
    	background: green;
    	color: white;
    	float: left;
   	position: absolute;
    	left: 0px;
	text-align: center;
	top: 0px;
	line-height: 12px;
}
.file_list{
	font-size: 28px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid gray;
	padding: 12px 8px 5px 8px;
	list-style-type: none;
	margin: 10px 0px;
	position: relative;
	overflow: hidden;	
}
.todo_list{
	font-size: 28px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid gray;
	padding: 12px 8px 5px 8px;
	list-style-type: none;
	margin: 10px 0px;
	position: relative;
	overflow: hidden;
}
.note_list{
	font-size: 28px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid gray;
	padding: 12px 8px 5px 8px;
	list-style-type: none;
	margin: 10px 0px;
	position: relative;
	overflow: hidden;
}
.alias_list{
	font-size: 28px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid gray;
	padding: 12px 8px 5px 8px;
	list-style-type: none;
	margin: 10px 0px;
	position: relative;
	overflow: hidden;
}
.contact_list{
	font-size: 28px;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid gray;
	padding: 12px 8px 5px 8px;
	list-style-type: none;
	margin: 10px 0px;
	position: relative;
	overflow: hidden;
}
.todo_list::-webkit-scrollbar{
	display: block !important;
	height: 10px !important;
}
.note_list::-webkit-scrollbar{
	display: block !important;
	height: 10px !important;
}
.alias_list::-webkit-scrollbar{
	display: block !important;
	height: 10px !important;
}
.contact_list::-webkit-scrollbar{
	display: block !important;
	height: 10px !important;
}
.circle {
  	width: 50px;           /* Width of the circle */
      	height: 50px;          /* Height of the circle */
      	background-color: red;  /* Background color of the circle */
      	border-radius: 50%;     /* Turns the square into a circle */
	margin: 2px 5px 2px 5px;
	box-sizing: border-box;
}
.c_event_name{
	cursor: pointer;
	
}
#pop_up{
	display: none;
	width: 90%;
	position: absolute;
	height: 80%;
	float: left;
	left: 50%;
	margin-left: -45%;
	top: 12%;
	background-color: white;
	border: solid 1px orange;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	z-index: 2;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow-y: scroll;	
}
#pop_up::-webkit-scrollbar {
	display: none;
}
#sub_pop_up{
	display: none;
	width: 90%;
	position: absolute;
	height: 80%;
	float: left;
	left: 50%;
	margin-left: -45%;
	top: 10%;
	background-color: white;
	border: solid 4px orange;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
	z-index: 3;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow-y: scroll;	
}
#sub_pop_up::-webkit-scrollbar {
	display: none;
}

#main_screen{
	width: 100%;
	margin-left: 0px;
	transition: margin-left 0.5s ease;
	position: relative;
}
.main_screen_left{
	margin-left: -200px !important;
}

#main_div{
	border: solid 1px black;
	width: 100%;
	text-align: center;
	display: block;
	box-sizing: border-box;
}

#title_div{
	width: 100%;
	border: solid 0.5px lightgray;
	/*font-size: 40px;*/
	height: 71px;
	position: relative;
}

#production_div{
	display: none;
}

#close_pop_up{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: orange;
	cursor: pointer;
}
#close_sub_pop_up{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: orange;
	cursor: pointer;	
}
.login_button{
	font-size: 39px;
	border-radius: 10px;
}

.title_register{
	font-size: 26px;
}

#title_small_print{
	font-size: 12px;
	position: absolute;
	float: left;
	top: 42px;
}

#attach_message{
	float: left;
    	height: 94px;
    	width: 100%;
    	border: 1px solid black;
    	position: absolute;
    	background-color: green;
    	left: 0px;
	display: none;
	font-size: 23px;
	z-index: 4;
	padding: 7px;
	box-sizing: border-box;
	color: white;
}

#delete_all_account_info{
	width: 100%;
}

#global_message{
	float: left;
    	min-height: 100px;
    	width: 300px;
    	border: 1px solid black;
    	position: absolute;
    	background-color: orange;
    	left: 50%;
    	margin-left: -150px;
	display: none;
	font-size: 23px;
	z-index: 5;
	padding: 7px;
	box-sizing: border-box;		
}

#dash_selector{
	border: solid 1px black;
	height: 30px;
}
#options_row{
	height: 30px;
	border: solid 1px black;
	overflow-x: scroll;
	width: 100%;
}
#options_row_scroll{
	width: 570px;
	text-align: left;
		
}
#options_row::-webkit-scrollbar{
	display: none;	
}
.options_box{
	box-sizing: border-box;
	width: 80px;
	height: 30px;
	border: solid 1px black;
	display: inline-block;
	text-align: center;
	-webkit-user-select: none;
}
.dash_blocks{
	width: 33.3%; 
	height: 100%; 
	border: 1px solid gray; 
	display: inline-block;
	margin: 0px;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
}

.sub_dash_blocks{
	width: 33.3%; 
	height: 100%; 
	border: 1px solid gray;
	display: inline-block;
	margin: 0px;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
}
#sub_dash_blocks_1{
	float: left;
}
#sub_dash_blocks_2{
	float: left;
}
#sub_dash_blocks_3{
	float: left;
}

input[disabled]{
	background-color: lightgray;
}
.sub_dash_blocks_2_1{
	border: none; 
	box-sizing: border-box;
	width: 100%;
}

#inner_changer{
	border: solid 1px gray;
	overflow: scroll;
	position: relative;
}
#inner_changer::-webkit-scrollbar{
	display: none;
}

.selected_dash{
	background: orange;
	font-weight: bold;
}
.radio_divs{
	display: inline-block;	
}
.radio_size{
	width: 27px;
	height: 27px;
}
#menu_bar {
	float: right;
	position: absolute;
	height: 100%;
	width: 0px;
	border: black solid 1px; 
	background-color: lightgray;
	right: 0px;
	box-sizing: border-box;
	/*transition: right 0.5s ease;*/
	/*display: none;*/
	transition: width 0.5s ease;
	overflow: scroll;
}
.menu_bar_left{
	/*display: block !important;*/
	width: 200px !important;
}
#menu_icon {    /* changed from none to flex */
    	display: flex;
	width: 30px;
    	height: 25px;	
    	flex-direction: column;
    	justify-content: space-between;
    	cursor: pointer;
    	margin: 20px 10px;
    	z-index: 0; /* Ensure menu icon is above the menu */
    	position: absolute; /* Fixed position to keep it on top */
	float: right;
	right: 0px;
	top: -8px;
}

#menu_icon div {
    	width: 100%;
    	height: 4px;
    	background-color: #333;
    	transition: all 0.3s;
}
.open_list_row{
	padding: 6px 0px 6px 9px;
}
#open_list{
	font-size: 25px;
	border: solid 1px black;
    	width: 99%;
   	height: 278px;
    	overflow: scroll;
}

.qa{
	cursor: pointer;
	color: blue;
	font-size: 14px;
	border: solid 1px black;
}