/* begin main page */
body { background: #ffffff; color: #474a51; min-width: 1200px; min-height: 600px; background: #e2e2e2; }
.fixed { overflow: hidden; }

#wrapper_main { display: flex; width: 100%; height: 100%; }
.left_column {}
.menu_shift_left { width: 60px !important; transition: all 300ms ease; }
.menu_text_hide { /* display: none !important; */ width: 0px !important; transition: all 300ms ease; opacity: 0; }
.left_menu_text { overflow: hidden; }
.left_menu_item_wrapper { position: relative; transition: all 300ms ease; }
.left_menu_item_wrapper.item_wrapper_selected::after { left: 0px !important; transition: all 300ms ease; }
.left_menu_item_wrapper::after { content: ''; background: #ffffff; display: flex; position: absolute; left: 200px; top: 0px; right: 0px; bottom: 0px; border-radius: 10px 0px 0px 10px; z-index: -1; transition: all 300ms ease; }
/*
-webkit-animation: "gradient_action_v1" 20000ms cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;

@keyframes wrapper_gradient_action_v1 { 0% { -webkit-transform: translate(300px, 0px); } 5% { -webkit-transform: translate(300px, 0px); } 
20% { -webkit-transform: translate(-400px, 0px); } 100% { -webkit-transform: translate(-400px, 0px); } }
@-webkit-keyframes wrapper_gradient_action_v1 { 0% { -webkit-transform: translate(300px, 0px); } 5% { -webkit-transform: translate(300px, 0px); } 
20% { -webkit-transform: translate(-400px, 0px); } 100% { -webkit-transform: translate(-400px, 0px); } }
*/
#leftColumn { display: flex; width: 200px; flex-direction: column; justify-content: space-between; padding: 0px 0px 0px 10px; transition: all 300ms ease; z-index: 1; }
.right_column {}
#rightColumn { display: flex; flex: 1; background: #ffffff; border-radius: 10px; margin: 10px 10px 10px 0px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
.border_radius_1 { border-radius: 0px 10px 10px 10px !important; transition: all 300ms ease; }
.border_radius_4 { border-radius: 10px 10px 10px 0px !important; transition: all 300ms ease; }

.left_menu_item_wrapper { padding: 10px 0px 10px 10px; display: flex; flex-direction: row; cursor: pointer; }
.left_menu_item_wrapper * { pointer-events: none; }
.left_menu_item { display: flex; flex-direction: row; }

.sub_menu {}
#sub_menu { display: flex; width: 0px; padding: 0px; transition: all 300ms ease; }
.main_body {}
#main_body { display: flex; flex: 1; padding: 10px; }
.submenu_shift_width { width: 200px !important; padding: 10px !important; transition: all 300ms ease; }

#top_menu { display: flex; width: 100%; margin: 10px 0px 0px 0px; flex-direction: column; }
#bottom_menu { display: flex; width: 100%; margin: 0px 0px 10px 0px; flex-direction: column; }

#top_menu_icon_1 { width: 30px; height: 30px; background: url('../icons/icon_profile.png') center center / cover no-repeat; display: flex; opacity: .7; }
#top_menu_icon_2 { width: 30px; height: 30px; background: url('../icons/icon_message.png') center center / cover no-repeat; display: flex; opacity: .7; }
#top_menu_icon_3 { width: 30px; height: 30px; background: url('../icons/icon_crm.png') center center / cover no-repeat; display: flex; opacity: .7; }
#top_menu_text_1 { display: flex; align-items: center; padding: 0px 0px 0px 5px; }
#top_menu_text_2 { display: flex; align-items: center; padding: 0px 0px 0px 5px; }
#top_menu_text_3 { display: flex; align-items: center; padding: 0px 0px 0px 5px; }

#bottom_menu_icon_1 { width: 30px; height: 30px; background: url('../icons/icon_settings.png') center center / cover no-repeat; display: flex; opacity: .7; }
#bottom_menu_text_1 { display: flex; align-items: center; padding: 0px 0px 0px 5px; }



#submenu_content {}
#top_submenu { width: 200px; }
.left_submenu_item_wrapper { padding: 10px 0px 10px 10px; display: flex; flex-direction: row; cursor: pointer; flex-direction: row; }