@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
/*Colors*/
/*Media Queries*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
/*Colors*/
/*Media Queries*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
table { font-size: 12px; }

.dataTables_scrollHeadInner, .table { width: 100% !important; }

table.dataTable td { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

hr { border-top: solid thin #CCCCCC; }

.pagination, .dts_label { display: none; }

.user-img { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 100%; color: #FFF; font-weight: 600; margin-right: 2px; font-size: 12px; }

.user-img img { object-fit: cover; }

.box-icon-admin { width: 55px; }

.box-icon-admin .mdi-account-plus { color: #FFFFFF; font-size: 25px; }

.mdi-alert-box { font-size: 45px; color: orange; }

div.dataTables_wrapper div.dataTables_paginate, .dataTables_info { display: flex; margin-top: 20px; margin-left: 25px; }

.dataTable th:before, .dataTable th:after { bottom: 0.1em !important; }

.box-addMember .control-label { text-align: left; }

.select2-container--default .select2-selection--single { border-radius: 2px; }

.mdi-pencil { color: #6884C3; }

.mdi-close-circle { font-size: 18px; color: #c50000; }

.c-profile { padding: 0px; margin: 0px; background-color: #FFFFFF; border: none; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); }

.c-profile form { padding-left: 0px; padding-right: 0px; }

.c-profile label { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 11px; font-weight: normal; font-weight: bold; display: flex; justify-content: flex-start; align-items: center; }

.c-profile .select2-container--default .select2-selection--single { border: 1px solid #ebedf2 !important; height: 40px; }

.c-profile .select2-container--default .select2-selection--single .select2-selection__arrow { height: inherit; }

.c-profile .select2-selection__rendered { position: inherit; top: inherit; }

.c-profile .select2-container .select2-selection--single .select2-selection__rendered { margin-top: 0px; padding: 0px; }

.c-profile .select2-container--default.select2-container--focus { width: 100% !important; }

.c-profile .item_name_group { height: 40px; }

.c-profile .box-padding-form { padding: 20px 20px; }

.c-profile .box-padding-form .form-horizontal { padding: 0px; }

.profile-page-form .profile-info-list li input, .profile-page-form .profile-info-list li select { font-size: 14px; width: 100%; }

.profile-page-form .profile-info-list li { padding-bottom: 0px; }

.btn.button-green-submit { border: solid thin #6BA586; border-radius: 3px; background-color: #6BA586; padding: 12px 25px 12px 25px; font-family: "Roboto", "Sans-serif"; color: #FFFFFF; font-size: 14px; font-weight: normal; }

.btn.button-green-submit:hover { background-color: #569774; }

.btn.button-cancel { border: solid thin #FF0000; border-radius: 3px; background-color: #FFFFFF; padding: 12px 25px 12px 25px; font-family: "Roboto", "Sans-serif"; color: #FF0000; font-size: 14px; font-weight: normal; }

.btn.button-cancel:hover { background-color: #FF0000; color: #FFFFFF; opacity: 0.7; }

.btn.button-submit { border: solid thin #6884C3; border-radius: 3px; background-color: #6884C3; padding: 12px 25px 12px 25px; font-family: "Roboto", "Sans-serif"; color: #FFFFFF; font-size: 14px; font-weight: normal; }

.btn.button-submit:hover { background-color: #3e5da4; }

.cancleebbtn2 { background-color: #FF0000; color: #FFFFFF; opacity: 0.7; border-radius: 2px !important; }

.cancleebbtn2:hover { background-color: #c50000 !important; opacity: 0.7 !important; }

#alert_onlyImg { display: none; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }

.box-addMember .btn.button-cancel, .box-addProject .btn.button-cancel { display: none; }

.box-addMember .btn.button-submit, .box-addProject .btn.button-submit { display: none; }

.box-allUSers .table-responsive { font-size: 14px; }

.td_email_allUsers { display: flex; border-bottom: 0; align-items: center; }

.td_email_allUsers span { line-height: 35px; }

.full-height { height: 100%; }

.box-allUSers .box-fix { padding-bottom: 15px; }

.add-extra_cam .input-group-addon, .add-extra_url .input-group-addon { background-color: inherit !important; border: none; padding: 0px 12px; }

.add-extra_cam .add-add-extra_cam, .add-extra_cam .remove-add-extra_cam, .add-extra_cam .add-add-extra_url, .add-extra_cam .remove-add-extra_url, .add-extra_url .add-add-extra_cam, .add-extra_url .remove-add-extra_cam, .add-extra_url .add-add-extra_url, .add-extra_url .remove-add-extra_url { border-radius: 2px !important; color: #FFFFFF; }

.add-extra_cam .add-add-extra_cam svg, .add-extra_cam .remove-add-extra_cam svg, .add-extra_cam .add-add-extra_url svg, .add-extra_cam .remove-add-extra_url svg, .add-extra_url .add-add-extra_cam svg, .add-extra_url .remove-add-extra_cam svg, .add-extra_url .add-add-extra_url svg, .add-extra_url .remove-add-extra_url svg { font-size: 16px; }

.add-extra_cam .input-group-append, .add-extra_url .input-group-append { margin-left: 10px; }

.box-projectList .force-overflow { min-height: 966px; }

.form-control.form-control-sm.file-upload-info { margin-bottom: -5px; }

.box-projectList { font-size: 14px; }

.addMoreUrls { margin-top: 20px; border-top: solid thin #CCCCCC; padding-top: 20px; }

.addMoreUrls .add-extra_url .col-form-label-sm { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }

.explanation { font-weight: bold; }

.select2-container { width: 100% !important; }

.otherAdmin_pro_update form { width: 100%; }

.only-view + .select2-container .select2-selection { background-color: #e9ecef !important; pointer-events: none; }

#usersForMapping #spinnerUserList { display: none; position: absolute; z-index: 9; width: 20px; height: 20px; top: 6px; right: 24px; }

.select2-selection--multiple { padding-left: 10px; }

.domain-initializationBox table th, .domain-initializationBox table td { width: 175px; padding: 5px; border: 1px solid #CCCCCC; }

.domain-initializationBox .selected td { background-color: #535353; color: #FFFFFF; /*width: 100%;*/ height: 20px; vertical-align: middle; border: 1px solid #e0e0e0; /*padding: 7px 12px;*/ }

.domain-initializationBox .box-table-initialization { padding-bottom: 30px; }

.domain-initializationBox .btn.button-green-submit { padding: 9px 25px 9px 25px; }

.domain-initializationBox .tb_initialization tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.05); }

.domain-initializationBox .tb_initialization tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); }

.domain-initializationBox .tb_initialization .add-pb { color: #FFFFFF !important; font-size: 12px; line-height: 19px; width: 62px; height: 31px; padding: inherit !important; }

.domain-initializationBox .tb_initialization { cursor: pointer; margin-bottom: 0px; }

.domain-initializationBox .tb_initialization .th_number { width: 7%; }

.domain-initializationBox .line-btw th { color: #c50000 !important; }

.domain-initializationBox .tb_initialization th { background-color: #FFFFFF; border: solid thin #f4f4f4; }

.domain-initializationBox .tb_initialization td { padding: 2px 12px; border: solid thin #f4f4f4; border-top: none; border-bottom: none; }

.domain-initializationBox .tb_initialization .mdi { font-size: 22px; }

.domain-initializationBox .tb_initialization .mdi.mdi-pencil { color: #6884C3; }

.domain-initializationBox .tableTabs-custom { border-bottom: none; cursor: pointer; }

.domain-initializationBox .tableTabs-custom { margin-right: 10px; margin-left: 10px; }

.domain-initializationBox .tableTabs-custom a.nav-item { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; margin-top: 10px; border-radius: 4px; border: solid thin #6884C3; }

.domain-initializationBox .tableTabs-custom a.nav-item:hover { border: solid thin #6884C3; background-color: #F6F6F6; }

.domain-initializationBox .tableTabs-custom a.nav-item.active { background-color: #6884C3; border: solid thin #6884C3; color: #FFFFFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32); }

.domain-initializationBox .td_dragIcon { text-align: center; }

.domain-initializationBox .th_branch { width: 70%; }

.domain-initializationBox .th_reactivate { white-space: nowrap; }

.domain-initializationBox .tr_deleted { color: #8a8a8a; }

.deletedProject svg.mdi-eye, .deletedUsers svg.mdi-eye, .deleteMember svg.mdi-eye, .deleteProject svg.mdi-eye, .delete-init_data svg.mdi-eye, .deleteNotice svg.mdi-eye, .deleteUrl svg.mdi-eye { color: #6884C3; }

.deletedProject svg.mdi-recycle, .deletedUsers svg.mdi-recycle, .deleteMember svg.mdi-recycle, .deleteProject svg.mdi-recycle, .delete-init_data svg.mdi-recycle, .deleteNotice svg.mdi-recycle, .deleteUrl svg.mdi-recycle { color: #6BA586; }

.deletedProject svg.mdi-delete, .deletedUsers svg.mdi-delete, .deleteMember svg.mdi-delete, .deleteProject svg.mdi-delete, .delete-init_data svg.mdi-delete, .deleteNotice svg.mdi-delete, .deleteUrl svg.mdi-delete { color: #c50000; }

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 5px; }

/*Colors*/
/*Media Queries*/
#full_page_staffSchedule { display: flex; flex: 1; }

#full_page_staffSchedule .content-wrapper { display: flex; align-items: stretch; flex: 1; }

#full_page_staffSchedule .content-wrapper form.mixedCalendar { display: inline-flex; align-items: stretch; flex: 1; }

#full_page_staffSchedule .content-wrapper.modal-wrapper { padding-bottom: 0px; }

#full_page_staffSchedule .fc-time-area .fc-widget-header { position: absolute; display: none; }

#full_page_staffSchedule .profile_image { border-radius: 50%; margin-right: 4%; object-fit: cover; }

#full_page_staffSchedule .box-iconFullStaffCalendar { display: flex; position: absolute; right: 10px; top: 53px; align-items: center; }

#full_page_staffSchedule .box-iconFullStaffCalendar span { font-size: 23px; }

#full_page_staffSchedule .box-iconFullStaffCalendar span:hover { color: #6884C3; }

#full_page_staffSchedule .btn-switch { display: flex; align-items: center; margin-bottom: 0px; }

#full_page_staffSchedule .form-check { margin-left: 1.5rem; color: #535353; }

#full_page_staffSchedule .selectCheckStaff { display: flex; flex-direction: column; }

#full_page_staffSchedule .selectCheckStaff label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#full_page_staffSchedule h6.sub-title { display: flex; align-items: center; margin-bottom: 12px; font-family: "Roboto", "Sans-serif"; color: #3e5da4; font-size: 12px; font-weight: normal; font-weight: bold; }

#full_page_staffSchedule h6.sub-title i.mdi, #full_page_staffSchedule h6.sub-title svg { font-family: "Roboto", "Sans-serif"; color: #3e5da4; font-size: 20px; font-weight: normal; margin-right: 10px; }

#full_page_staffSchedule .box-staffSchedule label { font-size: 12px; display: inline-flex; align-items: center; }

#full_page_staffSchedule .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number { font-size: 12px !important; }

#full_page_staffSchedule .fc-right .fc-button-group { border: solid thin #6884C3; }

#full_page_staffSchedule .fc-right .fc-button-group button { width: 70px; color: #535353; }

#full_page_staffSchedule .fc-right .fc-button-group button:first-letter { text-transform: uppercase; }

#full_page_staffSchedule .fc-right .fc-button-group .fc-button-primary { font-size: 12px !important; }

#full_page_staffSchedule .fc-right .fc-button-group .fc-button-primary:not(:disabled):active, #full_page_staffSchedule .fc-right .fc-button-group .fc-button-primary:not(:disabled).fc-button-active { background-color: #6884C3 !important; border-radius: 0px; color: #FFF !important; font-size: 12px; }

#full_page_staffSchedule .calendarCreate-dropdown a { display: flex; align-items: center; font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 12px !important; font-weight: normal; background-color: #FFFFFF; }

#full_page_staffSchedule .calendarCreate-dropdown a i.mdi { font-size: 20px; margin-right: 5px; color: #3e5da4; }

#full_page_staffSchedule .calendarCreate-dropdown a:hover { background-color: #6884C3; color: #FFFFFF; }

#full_page_staffSchedule .calendarCreate-dropdown a:hover i.mdi { color: #FFFFFF; }

.iconPopover { font-size: 18px; color: #6884C3; margin-right: 5px; }

#schedule_options_sidebar { height: 100%; }

#schedule_options_sidebar .container { overflow: auto; height: 100%; }

.sidepanel { width: 100%; }

.sidepanel .closebtn { display: none; }

#options_schedule .iconify { display: none; }

/*Tablet Screen*/
@media screen and (min-width: 992px) and (max-width: 1367px) { .content-wrapper { height: 100% !important; min-height: 100% !important; } }

@media screen and (max-width: 991px) { #options_schedule { border: solid thin #fff; margin-right: 10px; border-radius: 3px; padding: 2px; } #options_schedule .iconify { display: block; cursor: pointer; } .title_design { display: flex; align-items: center; } #options_schedule .mdi.mdi-menu-open { display: block; font-size: 25px; margin-right: 10px; } #schedule_options { display: none; } #schedule_options .mdi.mdi-close { font-size: 20px; } .box-staffSchedule { margin-bottom: 0px !important; } .sidepanel { display: block; width: 0; position: fixed; height: 100%; z-index: 99; top: 59px; left: 0; overflow-x: hidden; transition: 0.3s; -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.41); -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.41); box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.41); margin-left: 50px; } .sidepanel .closebtn { display: flex; } .sidepanel #schedule_options_sidebar { display: flex; height: 100%; } .sidepanel .closebtn { position: absolute; top: 9px; right: 15px; font-size: 15px; z-index: 99; color: #FFFFFF; } }

@media screen and (max-width: 768px) { .sidepanel { margin-left: 0px; } }

@font-face { font-family: 'icomoon'; src: url("../../fonts/icomoon.eot"); src: url("../../fonts/icomoon.eot") format("embedded-opentype"), url("../../fonts/icomoon.ttf") format("truetype"), url("../../fonts/icomoon.woff") format("woff"), url("../../fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

[class^="customIcon-"], [class*="customIcon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak-as: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*SAMURAI_WEB*/
html, body { height: 100%; min-height: 100%; font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 14px; font-weight: normal; padding-right: 0px !important; overflow-x: hidden; background-color: #F0F0F0; }

body { padding-top: 58px !important; }

a { color: #535353; }

.wrapper { background-color: #F0F0F0; margin-left: 50px; }

.hidden { display: none; }

#main_content_wrapper { height: calc(100vh - 64px); transition: margin-left 0.3s; }

.dataTables_scrollHead { background-color: #fff; z-index: 99; }

.force-overflow { min-height: 450px; }

.top20 { margin-top: 20px; }

.top30 { margin-top: 30px; }

.top40 { margin-top: 40px; }

.top60 { margin-top: 60px; }

.data-fix { margin-bottom: 70px; }

.tableTabs-custom { border-bottom: none; cursor: pointer; }

.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: solid thin #ccc; -webkit-transition: .4s; transition: .4s; }

.slider:before { position: absolute; content: ""; height: 19px; width: 19px; left: 4px; /* background-color: green; */ -webkit-transition: .4s; transition: .4s; }

.calendarCreate-dropdown a { display: flex; align-items: center; font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 12px !important; font-weight: normal; background-color: #FFFFFF; }

.calendarCreate-dropdown a i.mdi { font-size: 20px; margin-right: 5px; }

.calendarCreate-dropdown a:hover { background-color: #6884C3; color: #FFFFFF; }

.hideCalendarTime .fc-time { display: none; }

.fc-day-grid-event .fc-title br { display: none; }

.fc-timeline .fc-cell-text { display: inline-flex; justify-content: center; align-items: center; padding-left: 4px; }

.fc-timeline .fc-cell-text .user-img { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; position: relative; color: #FFF; font-weight: 600; margin-right: 8px; }

*::-webkit-scrollbar-track { background-color: #F5F5F5; }

*::-webkit-scrollbar { height: 5px; width: 5px; background-color: #F5F5F5; }

*::-webkit-scrollbar-thumb { background-color: #CCCCCC; border: 2px solid #CCCCCC; }

.box-hack-flexbox { display: flex; }

.box-hamburguer { display: flex; justify-content: center; align-items: center; display: none; }

.card { border: none; border-radius: 0px !important; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); }

.form-control.searchClass-input { padding-left: 30px; border: none !important; padding: 0 30px; line-height: 24px !important; }

.mdi-magnify { position: absolute; font-size: 20px; top: 15px; color: #6884C3; }

.mapboxgl-popup-content { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75) !important; -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75) !important; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75) !important; }

.thumb1 img.portrait { width: 100%; height: auto; }

.map_desc_box h4 { font-size: 13px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }

.map_desc_box .box-miniImg { padding: 0px; }

.map_desc_box .box-miniImg .miniImg { width: 100%; height: 78px; }

.map_desc_box .add_box { line-height: 10px; }

.row.fix_row_boots4 { display: block; }

.lds-ring { display: inline-block; position: fixed; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color: #F0F0F0; z-index: 9999; display: flex; justify-content: center; align-items: center; }

.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #6BA586; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #6BA586 transparent transparent transparent; }

.lds-ring div:nth-child(1) { animation-delay: -0.45s; }

.lds-ring div:nth-child(2) { animation-delay: -0.3s; }

.lds-ring div:nth-child(3) { animation-delay: -0.15s; }

@keyframes lds-ring { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

#sidebar .show_according_to_project_id { display: flex; }

#sidebar .box-close-sidebar { display: none; }

#sidebar .nav-profile-image img { -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); }

#sidebar .nav-item.nav-profile:hover { background-color: inherit !important; }

#sidebar .nav { margin-bottom: 5px; }

#sidebar .nav .nav-item.nav-profile { display: flex; }

#sidebar .nav .nav-item.nav-profile .user-panel { display: inline-flex; flex-direction: row; align-items: center; padding: 10px 15px; }

#sidebar .nav .nav-item.nav-profile .user-panel > .info { padding: 0px 0px 0 16px; display: block; align-items: center; flex-wrap: wrap; color: #3e5da4; }

#sidebar .nav .nav-item.nav-profile .user-panel > .info a { display: flex; flex-wrap: wrap; }

#sidebar .nav .user-panel > .image > img { height: 40px; }

#sidebar .nav .nav-item { padding: inherit; }

#sidebar .nav .nav-item.last { padding: 0 15px; }

#sidebar .nav .nav-item:hover { background-color: #6884C3; }

#sidebar .nav .nav-item.last:hover { background-color: inherit; }

#sidebar .nav .nav-item.active > .nav-link .menu-title { color: #FFFFFF; font-family: "ubuntu-medium", sans-serif; }

#sidebar .nav .nav > li > a:focus, #sidebar .nav .nav > li > a:hover { background: #6884C3; color: #FFFFFF; }

#sidebar .nav .nav > li > a:hover, #sidebar .nav .nav > li > a:active, #sidebar .nav .nav > li > a:focus { background-color: #6884C3; color: #FFFFFF; }

#sidebar .nav li:hover { background-color: #6884C3; }

#sidebar .nav li a:hover { background-color: inherit; }

#sidebar .nav li a:hover span, #sidebar .nav li a:hover svg { color: #FFFFFF !important; }

#sidebar .nav-link { padding: 13px 22px; }

#sidebar .nav-link .menu-title { font-family: "Roboto", "Sans-serif"; color: #000000; font-size: 14px; font-weight: normal; }

#sidebar .nav-link svg { font-family: "Roboto", "Sans-serif"; color: #CCCCCC; font-size: 24px; font-weight: normal; }

#sidebar .btn.button-switch { border: solid thin #6884C3; border-radius: 3px; background-color: #6884C3; padding: 12px 25px 12px 25px; font-family: "Roboto", "Sans-serif"; color: #FFFFFF; font-size: 14px; font-weight: normal; padding: 10px 20px 10px 20px; display: flex; justify-content: space-around; align-items: center; }

#sidebar .btn.button-switch:hover { background-color: #3e5da4; }

#sidebar .btn.button-switch:hover { background-color: #536a9d; }

#sidebar .btn.button-switch span { color: #FFFFFF; }

#sidebar .btn.button-switch i.mdi { color: #FFFFFF; font-size: 20px; }

#sidebar .box-languageMenu { display: none; justify-content: flex-start; padding: 0 20px; }

#sidebar .box-languageMenu .box-flag { border: none; }

#sidebar .box-languageMenu #selectLang, #sidebar .box-languageMenu #selectLang-navbar, #sidebar .box-languageMenu #selectLang-sidebar { opacity: inherit; margin-right: inherit; right: inherit; margin-left: 10px; width: 188px; background-color: #535353; color: #FFFFFF; border: solid thin #787373 !important; border-radius: 4px; padding: 0 15px; outline: none; }

.main-panel > .content-wrapper .row + .row { margin-top: 15px; }

.form-control { border: 1px solid #ebedf2 !important; }

.form-group input, .form-group textarea, .form-group select { border-radius: 2px; }

.form-group .input-group .input-group-addon { text-align: center; white-space: nowrap; background-color: #ebedf2; border-color: #ebedf2; border-radius: 2px; color: #535353; }

.item_name_group .mdi.mdi-pencil { color: #FFFFFF; cursor: pointer; }

section.box-content { transition: width 0.25s ease, margin 0.25s ease; width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

.content-wrapper { padding: 15px 15px 20px 15px; min-height: inherit !important; }

.btn-danger.focus, .btn-danger:focus { box-shadow: none; }

.bs-popover-bottom .popover-body { color: #535353; }

.select2-dropdown { min-width: 255px; }

#info_page .user-img { display: flex; align-items: center; justify-content: center; font-size: 25px; color: #FFF; width: 100px; height: 100px; border-radius: 100%; font-weight: 600; }

#info_page #addUsersCard .profilePic { margin-top: 18px; }

#info_page #addUsersCard .box-labelProfile { margin-top: 10px; }

#info_page #addUsersCard .phone { margin-top: 10px; }

#info_page #addUsersCard .edit-phoneNumber-addProfile { position: absolute; bottom: 6px; left: 89%; }

#info_page #addUsersCard .edit-phoneNumber-addProfile.disabled { pointer-events: none; opacity: 0.6; }

#info_page .card { padding: 15px; height: 300px; }

#info_page .card > .profilePic:first-child { margin-top: 18px; }

#info_page .card .remove-profile { display: flex; align-self: flex-end; }

#info_page .card .remove-profile .mdi-close-circle { color: #d03939; font-size: 18px; }

#info_page .profilePic { display: flex; width: 100%; justify-content: center; margin-top: 0px; }

#info_page .profilePic .sidebar-user-img { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; color: #FFFFFF; font-size: 25px; font-weight: bold; }

#info_page .profilePic img { border-radius: 50%; height: 100px; width: 100px; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); }

#info_page .info-boxProfile { display: flex; text-align: center; width: 100%; margin-top: 10px; margin-bottom: 10px; }

#info_page form { width: 100%; }

#info_page form .box-input-phone { position: relative; }

#info_page form .edit-phoneNumber { position: absolute; bottom: 6px; left: 88%; }

#info_page form .edit-phoneNumber.disabled { pointer-events: none; opacity: 0.6; }

#info_page form label { -webkit-user-select: all; /* Chrome 49+ */ -moz-user-select: all; /* Firefox 43+ */ -ms-user-select: all; /* No support yet */ user-select: all; }

#info_page form input { text-align: center; border: none !important; background-color: inherit !important; }

#info_page form .inputStyle { border: solid thin #CCCCCC !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

#info_page form .inputStyle.invalid { box-shadow: 0 0 0 0.2rem rgba(243, 37, 37, 0.356); }

#info_page form .select2-selection__rendered { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 12px; font-weight: normal; margin-top: -4px; }

#info_page form .select2-container--default .select2-selection--single { border: solid thin #CCCCCC; }

#info_page form .name { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 16px; font-weight: normal; margin-bottom: -20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; }

#info_page form .position { font-family: "Roboto", "Sans-serif"; color: #3e5da4; font-size: 13px; font-weight: normal; font-weight: bold; }

#info_page form .email { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; }

#info_page form .phone { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; word-break: break-all; margin-top: -5px; height: 34px; border-radius: 2px; }

#info_page form .box-labelProfile { width: 100%; }

#info_page form .btn.savePhone { margin-top: 15px; line-height: 10px; width: 100%; }

#info_page form .btn.savePhone.disabled { pointer-events: none; opacity: 0.6; }

#info_page form .select2-selection--multiple { border-radius: 2px !important; }

.box-noticeBoard table tbody tr:hover { background-color: #3e5da41c !important; }

.popover .popover-header { background-color: #6BA586; color: #FFFFFF; }

.popover .post-popDate { white-space: nowrap; color: #3e5da4; }

.popover .exp-popDate { white-space: nowrap; color: #c50000; }

.box-noticeBoard .mobile-notice { display: none; }

.box-noticeBoard .mobile-notice.td_noticeContent { display: none; }

.box-noticeBoard .card .card-body { padding: 0px; }

.box-noticeBoard .card table th { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 12px; font-weight: normal; font-weight: bold; border-bottom: none; flex-direction: row; align-items: center; white-space: nowrap; padding-left: 10px; height: 50px; border-top: solid thin #F6F6F6; }

.box-noticeBoard .card table tbody tr { height: 30px; }

.box-noticeBoard .card table tbody tr:nth-child(odd) { background-color: #F6F6F6; }

.box-noticeBoard .card table tbody tr td { border: none; vertical-align: middle; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; font-family: "Roboto", "Sans-serif"; color: #000000; font-size: 12px; font-weight: normal; }

.box-noticeBoard .card table tbody tr td:last-child { border-right: none; }

.box-noticeBoard .card table tbody tr td a { color: #0E75DB; }

.box-noticeBoard .sorting_asc:before, .box-noticeBoard .sorting_asc:after, .box-noticeBoard .sorting:before, .box-noticeBoard .sorting:after { display: none !important; }

.box-noticeBoard .link-icon a { border: solid thin #6884C3; border-radius: 3px; }

.box-noticeBoard .box-date { display: inline-flex; width: 130px; }

.box-noticeBoard .txt-user { width: 120px; cursor: pointer; flex: 1; min-width: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left; }

.box-noticeBoard .td-date { align-items: center; width: 170px; }

.box-noticeBoard .td-user { width: 10% !important; }

.box-noticeBoard .starNotice { opacity: 0.1; cursor: pointer; }

.box-noticeBoard .starNotice.active { opacity: 1; color: #F4B400; }

.box-noticeBoard .importantNotice { margin-right: 5px; opacity: 0.1; }

.box-noticeBoard .importantNotice.active { opacity: 1; color: #f5a63f; }

.box-noticeBoard .txt-postDateExpired { color: #c50000; }

.box-noticeBoard .expiredFlag-icon { color: #c50000; font-size: 17px; margin-bottom: 3px; margin-left: 5px; }

.box-noticeBoard tr.unread td { font-weight: bold !important; color: #3e5da4 !important; }

.box-noticeBoard .notice-text { display: inline-flex; width: 100%; color: #000000 !important; }

.box-noticeBoard .td-readBy { width: 4% !important; text-align: center; white-space: nowrap; }

.box-noticeBoard .notice-counter { margin-left: 10px; font-size: 13px; }

.box-noticeBoard .noticeBoard-tab a.nav-link { display: inline-flex; align-items: center; padding-bottom: 15px; font-size: 12px; }

.box-noticeBoard .noticeBoard-tab a.nav-link svg { font-size: 19px; margin-right: 5px; opacity: 0.4; }

.box-noticeBoard .noticeBoard-tab a.nav-link.tab-all.activeTab { border-bottom: solid 3px #3e5da4; background-color: inherit; color: #000000; }

.box-noticeBoard .noticeBoard-tab a.nav-link.tab-all.activeTab svg { opacity: 1; color: #3e5da4; }

.box-noticeBoard .noticeBoard-tab a.nav-link.tab-important.activeTab { border-bottom: solid 3px #ECB100; background-color: inherit; color: #000000; }

.box-noticeBoard .noticeBoard-tab a.nav-link.tab-important.activeTab svg { opacity: 1; color: #ECB100; }

.box-noticeBoard .noticeBoard-tab a.nav-link.tab-starred.activeTab { border-bottom: solid 3px #ecdc00; background-color: inherit; color: #000000; }

.box-noticeBoard .noticeBoard-tab a.nav-link.tab-starred.activeTab svg { opacity: 1; color: #ecdc00; }

.box-noticeBoard .noticeBoard-tab a.nav-link.tab-created.activeTab { border-bottom: solid 3px #6BA586; background-color: inherit; color: #000000; }

.box-noticeBoard .noticeBoard-tab a.nav-link.tab-created.activeTab svg { opacity: 1; color: #6BA586; }

.box-noticeBoard #tab-starred .dataTables_scroll { height: 67vh !important; }

.box-noticeBoard .dataTables_scrollHeadInner { width: 100% !important; }

.box-noticeBoard .dataTables_scrollHeadInner .th-date { width: 15% !important; }

.box-noticeBoard .dataTables_scrollHeadInner .th-user { width: 10% !important; }

.box-noticeBoard .dataTables_scrollHeadInner .th-content { width: 86% !important; }

.box-noticeBoard .dataTables_scrollHeadInner .th-read { width: 4% !important; }

.box-noticeBoard .box-noticeParent { flex: 1; min-width: 0; text-overflow: ellipsis; overflow: hidden; width: 10px; white-space: nowrap; text-align: left; }

.box-noticeBoard .box-selectStaff { display: flex; justify-content: flex-end; align-items: center; }

.box-noticeBoard .box-selectStaff svg { color: #3e5da4; }

.box-noticeBoard .box-selectStaff select { font-size: 12px; margin-left: 5px; padding-left: 15px; width: 160px; height: 26px; border: solid thin #CCCCCC; border-radius: 3px; }

.box-noticeBoard .box_noticeBoardFull { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; }

.box-noticeBoard .box_noticeBoardFull table.dataTable td { max-width: inherit; }

.box-noticeBoard .box_noticeBoardFull .row { margin-bottom: -18px; margin-top: 15px; }

.box-noticeBoard .box_noticeBoardFull .tb_fullnoticeBoard { width: 100% !important; }

.box-noticeBoard .td_noticeContent { width: 100% !important; display: inline-flex; align-items: center; flex-direction: row; cursor: pointer; height: 40px; }

.box-noticeBoard .td_noticeContent .inline-icons { display: inline-flex; justify-content: space-around; margin-left: auto; width: 70px; }

.box-noticeBoard .td_noticeContent .inline-icons .download-icon, .box-noticeBoard .td_noticeContent .inline-icons .link-icon { display: flex; justify-content: center; width: 50%; }

.box-noticeBoard .td_noticeContent .inline-icons .mdi-cloud-download { background-color: #6BA586; color: #FFFFFF; border-radius: 4px; }

.box-noticeBoard .td_noticeContent .inline-icons .link-icon svg { color: #6884C3; font-size: 19px; }

.box-noticeBoard .td_download { width: 4%; }

.box-noticeBoard .notice_content.expander { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* number of lines to show */ cursor: pointer; word-break: break-word; }

.box-noticeBoard .card { height: 100%; overflow: hidden; }

.box-noticeBoard .card .height_rows2.card-body { height: 170px; overflow-y: scroll; padding-right: 0px; /* Increase/decrease this value for cross-browser compatibility */ box-sizing: content-box; /* So the width will be 100% + 17px */ }

.box-noticeBoard td.td-update { text-align: center; }

.box-noticeBoard td.td-update span.mdi { font-size: 20px; color: #3e5da4; cursor: pointer; }

.box-noticeBoard .badge.badge-success { background-color: #6BA586; }

.box-noticeBoard .badge.badge-success svg { color: #FFFFFF; font-size: 14px; }

#important_message { padding-left: 25px; margin-top: 15px; margin-bottom: 25px; }

#important_message svg { opacity: 0.2; }

#important_message.active svg { opacity: 1; color: #f5a63f; }

.section { display: inline-block; /* padding: 1rem 1rem; */ width: 100%; height: 100%; /* background: linear-gradient(to left, #90caf9, #068dfc 99%); */ /* background-color: #87CEEB; */ background-image: linear-gradient(to right, #243949 0%, #517fa4 100%); color: white; /* background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%); */ /* background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%); */ /* background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%); */ /* border-radius: 4px; */ text-align: center; margin-right: 5px; /* box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35); */ }

.weather_block { display: inline-block; width: 18%; /* height: 100%; */ margin-right: 3px; /* color: white; */ /* padding-right: 5px; */ /* border-radius: 4px; */ /* box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35); */ }

.weather_image { position: relative; align-content: center; vertical-align: middle; }

.subtitle { font-size: 1.2rem; font-weight: 600; }

.description { width: 2vh; overflow: hidden; white-space: nowrap; font-size: 0.8rem; text-overflow: ellipsis; }

.weather_content > .content { min-height: 50px !important; }

.box-weather .card { box-shadow: none; }

.box-weather .content { padding: 0px; }

.box-weather section { padding: inherit; }

.box-weather .weather_image { position: inherit; align-content: inherit; vertical-align: inherit; display: flex; justify-content: center; height: 44px; }

.box-weather .box-local-weather .weather_image { height: 100px; }

.box-weather .box-local-weather .weather_image svg { font-size: 60px !important; }

#site-calendar .fc-view-container { border: none; }

#site-calendar table .fc-widget-header { background-color: #FFF; }

#site-calendar table .fc-day-number { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 12px; font-weight: normal; }

#site-calendar table .fc-day.fc-sat, #site-calendar table .fc-day.fc-sun { background-color: #fafafa; }

#site-calendar table .fc-scroller.fc-day-grid-container { height: inherit !important; }

.fc-day-number thead + tbody a.fc-sun { color: green !important; }

.calendar-popoverTitle { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; font-weight: bold; }

.calendar-popoverSub { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 11px; font-weight: normal; }

.popover { will-change: initial !important; }

.popoverBox { display: inline-flex; width: 100%; }

.popoverBox .popoverTextDetail { display: -webkit-box; text-align: justify; text-justify: inter-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

.staffSchedule-popover.popover .box-titlePopover { display: flex; justify-content: space-between; padding: 5px 10px; }

.staffSchedule-popover.popover .box-titlePopover .title { display: inline-flex; justify-content: flex-start; font-family: "Roboto", "Sans-serif"; color: #3e5da4; font-size: 12px; font-weight: normal; }

.staffSchedule-popover.popover .box-titlePopover .close-popover { display: flex; cursor: pointer; }

.popover-content .event_list { border-radius: 2px; }

.popover-content .event_detail { display: flex; padding: 2px 40px; font-size: 11px; }

.status_icon { width: 11px; height: 11px; border-radius: 50%; position: absolute; left: 35px; margin-top: 30px; }

.status_icon.online { background-color: #6fdd00; }

.status_icon.busy { background-color: #ff0000; }

.status_icon.absent { background-color: #ff8913; }

.status_icon.invisible-status { border: thin solid #827f7f; background-color: #fff; }

@media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .status_safari { position: absolute; left: 35px; margin-top: 15px; } } }

.box-staffSchedule { display: flex; }

.box-staffSchedule.box-painel-options { display: none; }

.box-staffSchedule .link-more a { color: #6884C3; cursor: pointer; }

.box-staffSchedule #staff_day_calendar .fc-toolbar.fc-header-toolbar { padding: 5px; margin-bottom: 0px; }

.box-staffSchedule #staff_day_calendar .fc-prev-button, .box-staffSchedule #staff_day_calendar .fc-next-button { border: none; background-color: inherit; color: #6884C3; }

.box-staffSchedule #staff_day_calendar .fc-prev-button:hover, .box-staffSchedule #staff_day_calendar .fc-next-button:hover { border: none; box-shadow: none; }

.box-staffSchedule #staff_day_calendar h2 { border: none; background-color: inherit; font-family: "Roboto", "Sans-serif"; color: #6884C3; font-size: 14px; font-weight: normal; }

.box-staffSchedule .height_rows { width: 100%; overflow: auto; overflow-x: hidden !important; margin-bottom: 10px; max-height: 760px; }

.box-staffSchedule #removedata tr:nth-child(odd) { background-color: #F6F6F6; }

.box-staffSchedule #removedata td { line-height: 100% !important; border-right: solid thin #E9E9E9; }

.box-staffSchedule #removedata td:first-child { vertical-align: middle !important; align-items: center; }

.box-staffSchedule #removedata td:last-child { text-align: center; }

.box-staffSchedule #removedata td .box-imgStaff { display: inline-flex; align-items: center; }

.box-staffSchedule .removedata { font-size: 12px; }

.box-staffSchedule .removedata img { margin-right: 10px; border-radius: 50%; }

.box-staffSchedule .removedata span.mdi { font-size: 20px; color: #3e5da4; cursor: pointer; }

.box-staffSchedule .removedata .td-icons .event_list { margin-bottom: 10px; }

.box-staffSchedule .event_list { border-radius: 2px; margin-bottom: 13px; }

.box-staffSchedule .event_list p { display: flex; justify-content: center; font-size: 12px; }

#pro_map_show .input-group-append { margin-left: 10px; }

#pro_map_show .btn.button-change { border: solid thin #3e5da4; border-radius: 3px; background-color: #FFFFFF; padding: 12px 25px 12px 25px; font-family: "Roboto", "Sans-serif"; color: #6884C3; font-size: 14px; font-weight: normal; width: 100%; border-radius: 2px; padding-top: 9px; }

#pro_map_show .btn.button-change:hover { background-color: #3e5da4; color: #FFFFFF; }

.fc-timeline .fc-cell-text { font-size: 12px; }

#calendar_resource { margin-top: 0px !important; }

#calendar_resource .fc-toolbar.fc-header-toolbar { margin-bottom: 0px !important; height: 60px; }

#calendar_resource .fc-center .fc-today-button { border: solid thin #6884C3 !important; border-radius: 0; font-size: 12px !important; padding-right: 15px; padding-left: 15px; }

#calendar_resource .fc-center .fc-today-button:hover { background-color: #6884C3 !important; color: #FFFFFF !important; }

#calendar_resource .fc-center .fc-today-button:disabled { background-color: #6884C3 !important; color: #FFFFFF !important; opacity: 1 !important; padding-right: 15px; padding-left: 15px; }

#calendar_resource .fc-center .fc-today-button:first-letter { text-transform: uppercase; }

#calendar_resource .fc-button-primary { background-color: inherit !important; border: none !important; color: #6884C3 !important; font-family: "Roboto", sans-serif !important; font-size: 14px !important; font-weight: normal !important; }

#calendar_resource .fc-button-primary:hover { border: none !important; box-shadow: inherit !important; }

#calendar_resource .fc-button-primary:focus { border: none !important; box-shadow: inherit !important; }

#calendar_resource .fc-toolbar h2 { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; margin-right: 40px; background-color: inherit; border: none; color: #6884C3; font-size: 14px; }

.staffIconSelf svg { color: #CCCCCC; }

.staffIconCall, .staffIconSelf { position: absolute; right: 10px; padding: 5px; font-size: 20px; cursor: pointer; }

.staffIconCall:hover, .staffIconSelf:hover { color: #3e5da4; padding: 5px; background-color: #F6F6F6; border-radius: 50%; }

.staffIconCall svg, .staffIconSelf svg { margin-top: 0px !important; margin-right: 0px !important; }

.fc-timeline .fc-cell-text { display: inline-flex !important; width: 75%; }

.dash_user_listing_div_s { flex: 1; min-width: 0; text-overflow: ellipsis; overflow: hidden; width: 10px; white-space: nowrap; text-align: left; }

.dash_user_listing_div_s:hover { cursor: pointer; color: #6884C3; }

.fc-cell-content:hover { cursor: pointer; background-color: #F6F6F6; }

.fc-cell-content:hover .user-img, .fc-cell-content:hover .profile_image { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }

#full_page_staffSchedule .single-icon { display: inline-flex; justify-content: center; align-items: center; position: relative; top: 2px; bottom: 2px; width: 45px; height: 20px; line-height: 19px; color: #3e5da4; background-color: #FFFFFF; border-radius: 2px; font-size: 16px; }

#full_page_staffSchedule .single-icon .mdi-cancel { color: #FF0000 !important; position: absolute; font-size: 23px; }

#full_page_staffSchedule .double-icons { display: inline-flex; justify-content: center; width: 45px; height: 20px; line-height: 19px; color: #3e5da4; background-color: #FFFFFF; display: inline-flex; border-radius: 2px; font-size: 16px; bottom: 3px; position: relative; }

#full_page_staffSchedule .triple-icons { display: inline-flex; justify-content: center; align-items: center; position: relative; bottom: 3px; width: 45px; height: 20px; line-height: 19px; color: #3e5da4; background-color: #FFFFFF; border-radius: 2px; font-size: 16px; }

#full_page_staffSchedule .triple-icons .mdi-cancel { color: #FF0000 !important; position: absolute; font-size: 23px; }

#full_page_staffSchedule .tableTabs-custom { position: relative; top: 14px; width: 35%; }

#full_page_staffSchedule .tableTabs-custom a.nav-item { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; border-radius: 4px; border: solid thin #6884C3; font-size: 12px; }

#full_page_staffSchedule .tableTabs-custom a.nav-item:hover { border: solid thin #6884C3; }

#full_page_staffSchedule .tableTabs-custom a.nav-item.active { background-color: #6884C3; border: solid thin #6884C3; color: #FFFFFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32); }

/*Update Profile*/
.box-currentProf { display: flex; flex-flow: wrap; }

.box-currentProf .box-img-currentProf { display: flex; justify-content: center; align-items: center; margin-top: 10px; margin-bottom: 10px; }

.box-currentProf .box-img-currentProf input { z-index: 11; cursor: pointer; }

.box-currentProf .box-img-currentProf .icon-camera { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; position: absolute; margin-left: 50px; margin-top: 57px; top: 48px; }

.box-currentProf .box-img-currentProf .icon-camera i.mdi-camera { font-size: 20px; color: #FFFFFF; margin-top: 1px; }

.box-currentProf .box-img-currentProf img { -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6); }

.box-currentProf .table-currentProf { display: flex; justify-content: center; align-items: center; }

.box-currentProf .table-currentProf .table { margin-top: 20px; }

.box-currentProf .table-currentProf .table span { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; }

.item_name_group.green { background-color: #6BA586; }

.box-update { min-height: 530px; }

.box-allUSers, .box-projectList { -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); }

.box-allUSers .item_name_group, .box-projectList .item_name_group { height: 40px; }

.box-search { margin: 5px; margin-top: 0px; margin-bottom: 0px; }

.box-search .mdi-magnify { top: 17px; left: 22px; }

.box-search .bookSearch { margin-top: 6px; padding-left: 37px; }

.box-memberMap .btn.button-submit { display: block; }

.box-allUSers table th { white-space: nowrap; }

.full-page-calendar .fc-row.fc-rigid { max-height: 115px !important; }

.muted { color: #ccc !important; }

/*Tabet Screen*/
@media screen and (min-width: 1368px) { #sidebar { z-index: 10; } .box-sizeScreen { display: none; } }

@media screen and (min-width: 992px) and (max-width: 1367px) { .box-hack-flexbox { margin-bottom: 75px !important; } section.box-content { margin-bottom: 0px; } }

@media screen and (max-width: 1367px) { body { padding-top: 50px; } .box-hack-flexbox { margin-bottom: 12px; } #navbar .box-hamburguer { display: block; } .box-noticeBoard .notice_content { -webkit-line-clamp: 2; min-width: 250px; font-size: 12px; } #sidebar .box-languageMenu { display: flex; } #sidebar .box-close-sidebar { display: flex; justify-content: flex-end; width: 100%; } #sidebar .box-close-sidebar a svg { color: #F6F6F6; font-size: 12px; } #sidebar .nav-item a span { color: #CCCCCC !important; } #sidebar .nav-item a i.mdi { color: #CCCCCC !important; } #sidebar .nav-item:hover { background-color: inherit !important; } #sidebar .nav { margin-bottom: 20px; } #sidebar .nav .nav-item.nav-profile .user-panel { display: flex; flex-direction: column; position: inherit; } #sidebar .nav .nav-item.nav-profile .user-panel > .info { position: inherit; } #sidebar .nav .nav-item.nav-profile .user-panel .nav-profile-image { display: flex; justify-content: center; margin-top: 15px; margin-bottom: 5px; color: #FFFFFF !important; } #sidebar .nav .nav-item.nav-profile .user-panel .nav-profile-image img { object-fit: cover; } #sidebar .nav .nav-item.nav-profile .user-panel .nav-profile-text { display: flex; text-align: center; color: #FFFFFF; flex-direction: column; width: auto; } #sidebar .nav .nav-item.nav-profile .user-panel .nav-profile-text a { color: #FFFFFF !important; } .box-noticeBoard { margin-top: 20px; } }

/*Mobile Screen*/
@media screen and (max-width: 991px) { .height_rows2.card-body table td:first-child { padding-top: 10px; } .box-noticeBoard .card .height_rows2.card-body { height: inherit; max-height: 500px; } .box-staffSchedule { margin-bottom: 90px; } .box-hack-flexbox { display: block; } .box-staffSchedule { margin-top: 20px; } .box-hamburguer { display: flex; } .fc-view.fc-timeGridWeek-view.fc-timeGrid-view { min-height: 400px; } .fc-scroller.fc-time-grid-container { min-height: 302px !important; } .clock_design { font-size: 1.8rem !important; } }

@media screen and (max-width: 425px) { .box-weather .card .weather_content .content .subtitle:first-child { font-size: 15px !important; } }

/*//SAMURAI_WEB*/
.item_name_group { background-image: inherit; background-color: #6884C3; display: flex; justify-content: space-between; align-items: center; padding-left: 20px; height: 40px; }

.item_name_group .mdi-message-bulleted { font-size: 20px; margin-right: 5px; }

.item_name_group a.edit_pen_design { background-color: #6884C3; border: none; border-radius: 0px; }

.item_name_group a.edit_pen_design:hover { cursor: pointer; background-color: #3e5da4; }

.item_name_group .title_design { font-family: "Roboto", "Sans-serif"; color: #FFFFFF; font-size: 14px; font-weight: normal; font-weight: normal; margin-left: inherit; display: flex; }

.item_name_group .title_design .mdi-calendar { font-size: 20px; margin-right: 5px; }

.item_name_group .title_design .mdi-account-badge { font-size: 20px; margin-right: 5px; }

.item_name_group .title_design a { color: #FFFFFF; display: inline-flex; align-items: center; }

.item_name_group .title_design a:hover { color: #9fb5e9; }

.item_name_group .mdi.mdi-pencil { font-size: 20px; }

.box-weather .card { background-color: inherit; border: none; }

.box-weather .card .project_name_group { border: none; height: 80px; }

.box-weather .card .project_name_group i { font-size: 60px; color: #6884C3; }

.box-weather .card section { background-image: inherit; }

.box-weather .card .weather_image svg { color: #535353; font-size: 31px; }

.box-weather .card .weather_image svg.mdi-white-balance-sunny { color: #ceb62e; }

.box-weather .card .weather_image svg.mdi-snowflake { color: #9fb5e9; }

.box-weather .card .weather_image svg.mdi-weather-partly-cloudy { color: #ceb62e; }

.box-weather .card .weather_image svg.mdi-cloud-outline { color: #6884C3; }

.box-weather .card .weather_image svg.mdi-weather-partly-rainy { color: #6884C3; }

.box-weather .card .weather_content { color: #535353; }

.box-weather .card .weather_content .description { display: none; }

.box-weather .card .weather_content .content .subtitle:first-child { font-size: 20px; color: #6BA586; }

.box-weather .card #box-weather { display: inline-flex; justify-content: space-between; align-items: stretch; }

.box-weather .card #box-weather .weather-block { display: flex; flex-direction: column; }

.box-weather .project_name_group { margin-top: 9px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; }

.box-weather .project_name_group a.weather-TopBtn { display: inline-flex; flex-direction: row; width: 100%; justify-content: space-between; }

.box-weather .project_name_group .clock_design { margin-left: 15px; margin-top: -45px; display: flex; align-items: center; color: #6884C3; font-size: 30px; }

.box-weather .project_location { display: flex; justify-content: center; align-items: center; }

.box-weather .project_location .box-localCity-weather { display: flex; align-items: center; margin-bottom: 45px; margin-right: 20px; font-family: "Roboto", "Sans-serif"; color: #6884C3; font-size: 22px; font-weight: normal; font-weight: bold; }

.box-weather .project_location .weather_content { text-align: center; }

.box-siteSchedule .card .card-body { padding: 0px; }

.box-siteSchedule .fc-head .fc-head-container.fc-widget-header { border-top: none; border-left: none; border-right: none; }

.box-siteSchedule .fc-toolbar.fc-header-toolbar { padding: 0 8px; margin-top: 15px; margin-bottom: 15px; margin-right: 40px; }

.box-siteSchedule .fc-toolbar .fc-left { display: flex; }

.box-siteSchedule .fc-prev-button { padding-left: 0px; }

.box-siteSchedule .fc-button-primary, .box-siteSchedule .fc-left h2 { background-color: inherit; border: none; color: #6884C3; font-family: "Roboto", "Sans-serif"; color: #6884C3; font-size: 14px; font-weight: normal; }

.box-siteSchedule .fc-button-primary:hover, .box-siteSchedule .fc-left h2:hover { font-family: "Roboto", "Sans-serif"; color: #6884C3; font-size: 14px; font-weight: normal; background-color: inherit; }

.box-siteSchedule .fc-button-primary:focus, .box-siteSchedule .fc-left h2:focus { box-shadow: inherit; }

.box-siteSchedule .fc-left .fc-button-primary:not(:disabled):active, .box-siteSchedule .fc-left .fc-button-primary:not(:disabled).fc-button-active { font-family: "Roboto", "Sans-serif"; color: #6884C3; font-size: 14px; font-weight: normal; background-color: inherit; border: none; box-shadow: inherit; }

.box-siteSchedule .fc-toolbar > * > :not(:first-child) { margin-left: 0px; }

.box-siteSchedule .fc-button-group { border: solid thin #6884C3; }

.box-siteSchedule .fc-button-group button { width: 70px; color: #535353; }

.box-siteSchedule .fc-button-group button:first-letter { text-transform: uppercase; }

.box-siteSchedule .fc-button-group .fc-button-primary { font-size: 12px !important; }

.box-siteSchedule .fc-button-group .fc-button-primary:not(:disabled):active, .box-siteSchedule .fc-button-group .fc-button-primary:not(:disabled).fc-button-active { background-color: #6884C3; border-radius: 0px; color: #FFF; font-size: 12px; }

.box-siteSchedule .fc-row.fc-widget-header table thead tr { border: none; }

.box-siteSchedule .fc-row.fc-widget-header table thead tr th { border: none; padding: 5px 0; font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 14px; font-weight: normal; font-weight: bold; }

.box-staffSchedule .card .card-body { padding: 10px 0; }

.box-staffSchedule .card .card-body .month_align_center { display: flex; justify-content: flex-start; align-items: center; }

.box-staffSchedule .card .card-body .month_align_center a.btn-sm { border: none; color: #6884C3; background-color: inherit; font-family: "Roboto", "Sans-serif"; color: #6884C3; font-size: 14px; font-weight: normal; }

.box-staffSchedule .card .card-body .month_align_center a.btn-sm:hover { border: none; background: inherit; box-shadow: inherit; }

.box-staffSchedule .card .card-body .month_align_center a.btn-sm:active { border: none; background: inherit; box-shadow: inherit; }

.box-staffSchedule .card .card-body .month_align_center a.btn-sm i.mdi { font-size: 24px; }

.box-staffSchedule .table { margin-top: 10px; }

.box-staffSchedule .table thead th { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; font-weight: bold; border-bottom: none; padding: 15px 10px; }

.box-staffSchedule .table tbody tr td { border-top: none; }

.box-staffSchedule .table tbody tr td img { width: 30px; height: 30px; }

.btn-dark:hover { border-radius: 0px; background-color: inherit; box-shadow: inherit; }

.btn-dark:active { border-radius: 0px; background-color: inherit; box-shadow: inherit; }

/*Tablet Screen*/
@media screen and (max-width: 1367px) { .content-wrapper { padding: 10px 10px 10px 10px; } .box-siteSchedule .fc-left h2 { font-size: 12px; } .box-siteSchedule .fc-button-group { font-size: 12px; width: 160px; } .box-siteSchedule .fc-button-group button { width: 50px; } .box-siteSchedule .fc-button-primary, .box-siteSchedule .fc-left h2 { font-size: 12px; } .box-siteSchedule .fc-button-primary:active, .box-siteSchedule .fc-button-primary:hover, .box-siteSchedule .fc-left h2:active, .box-siteSchedule .fc-left h2:hover { font-size: 12px; } .box-staffSchedule .card .card-body .month_align_center { justify-content: center; } }

@media screen and (max-width: 768px) { #main_content_wrapper { margin-left: 0px !important; } .tb_fullnoticeBoard thead, .tb_dashboardNotice thead { visibility: hidden; } .box-noticeBoard .mobile-notice.td_noticeContent { display: flex; flex-direction: column; align-items: inherit; height: auto; } .td_noticeContent.NoticeViewCount { padding-top: 12px !important; padding-bottom: 12px !important; } .box-noticeBoard .td_noticeContent { display: table-cell; } .box-noticeBoard .mobile-notice { display: flex; } .box-noticeBoardMobile { margin-top: -8px; padding: 0px !important; } .notice-desktop { display: none !important; } .date-mobile span { color: #595959; font-size: 11px; } .date-mobile span.postMobile { padding-right: 5px; } .date-mobile span.expiredMobile { padding-left: 5px; color: #c50000; } .box-noticeBoardMobile .notice-tab svg { display: none; } .box-noticeBoardMobile .tb_fullnoticeBoard th:nth-child(3) { width: 90% !important; } .box-noticeBoardMobile .box-starImportant { display: inline-flex; position: relative; top: -17px; } .box-noticeBoardMobile .boxNameCounter { display: inline-flex; justify-content: space-between; width: 100%; } .box-noticeBoardMobile .boxNameCounter .td-readBy { display: inline-flex; width: inherit; margin-right: 10px; } .mobile-shadow { margin-bottom: -24px !important; box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 6px 5px -6px rgba(0, 0, 0, 0.75); } .popover { display: none; } .box_noticeBoardFull .box-starImportant { display: inline-flex; position: relative; top: -20px; } }

/*# sourceMappingURL=home.css.map */