@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*/
/*SAMURAI_WEB*/
.bootstrap-select.form-control-sm .dropdown-toggle { padding: 0.75rem .5rem; }

.modal-open { overflow: auto; padding-right: 0px !important; }

.modal { overflow-y: auto; }

.modal #user_project_list, .modal #user_list { height: 33px !important; }

.modal .loading_modal { position: absolute; z-index: 9; background-color: #FFF; height: 93%; right: 0px; bottom: 0px; }

.modal .modal-header { border-bottom: none; }

.modal .content-wrapper { overflow: inherit; border-radius: 5px; min-height: auto !important; background-color: red; }

.modal .form-group label { font-family: "Roboto", "Sans-serif"; color: #000000; font-size: 13px; font-weight: normal; }

.modal #events-modal-form svg, .modal #update_siteSchedule svg { color: #3e5da4; }

.modal .box-form { margin-top: 20px; margin-bottom: 0px; }

.modal .box-repeat { margin-top: 15px; }

.modal span.select2.select2-container.select2-container--default { margin-bottom: inherit; width: 100% !important; overflow: auto !important; }

.modal .select2-selection--multiple { width: 100%; border-radius: 2px !important; border: 1px solid #ebedf2 !important; line-height: 25px; font-size: 12px; }

.modal .select2-search__field { font-size: 14px !important; }

.modal .info-box-modal label { line-height: 35px; }

.modal #id_description { min-height: 120px; overflow: auto; }

.modal #warning-requiredRepeat { display: none; }

.modal #file-list-display .remove-file { position: absolute; right: 27px; }

.modal #file-list-display .remove-file .mdi-close-circle { color: #d03939; font-size: 19px; }

.modal .box-attachment-file .remove-new-file { position: absolute; right: 25px; top: 6px; }

.modal .box-attachment-file .remove-new-file .mdi-close-circle { color: #d03939; font-size: 19px; }

.modal .box-attachment .remove-file .mdi-close-circle, .modal .box-attachment .remove-new-file .mdi-close-circle { color: #d03939 !important; font-size: 19px; }

.modal #box-customSelect, .modal #box-weeklyCustomSelect { display: none; margin-top: 20px; }

.modal #box-customSelect .box-week, .modal #box-weeklyCustomSelect .box-week { display: none; }

.modal #box-customSelect ul, .modal #box-weeklyCustomSelect ul { width: 100%; list-style: none; margin-bottom: 0px; padding-left: 0; display: inline-flex; justify-content: space-evenly; }

.modal #box-customSelect ul li, .modal #box-weeklyCustomSelect ul li { margin-right: 15px; }

.modal #box-customSelect #on_every_WeekNumber, .modal #box-weeklyCustomSelect #on_every_WeekNumber { display: inline-flex; }

.modal #box-customSelect #id_custom, .modal #box-weeklyCustomSelect #id_custom { color: #535353; }

.modal #box-customSelect #id_custom option:not(:first-of-type), .modal #box-weeklyCustomSelect #id_custom option:not(:first-of-type) { color: #000000; }

.modal #selectDayWeek #id_custom_event_4 { margin-right: 5px; }

.modal #selectDayWeek.ja input[id*=id_custom_event_] + label:before, .modal #selectDayWeek.ja input[id*=id_staff_event_] + label:before { margin-right: -27px; }

.modal #dailyRadioSelect label { display: inline-flex; justify-content: center; }

.modal .styled-checkbox:checked + label { color: #FFFFFF; }

.modal .styled-checkbox { position: absolute; opacity: 0; }

.modal .styled-checkbox + label { display: flex; align-items: center; position: relative; cursor: pointer; padding: 0; color: #535353; }

.modal .styled-checkbox + label:checked { color: #FFFFFF; }

.modal .styled-checkbox + label:before { content: ''; margin-right: -31px; display: inline-flex; vertical-align: text-top; width: 40px; height: 40px; background: #CCCCCC; border-radius: 50%; }

.modal .styled-checkbox:hover + label:before { background: #6884C3; }

.modal .styled-checkbox:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }

.modal .styled-checkbox:checked + label:before { background: #6884C3; }

.modal .styled-checkbox:disabled + label { color: #b8b8b8; cursor: auto; }

.modal .styled-checkbox:disabled + label:before { box-shadow: none; background: #ddd; }

.modal .styled-checkbox:checked + label:after { position: absolute; left: 5px; top: 9px; background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(45deg); }

.modal .form-group .control-label, .modal .form-group .col-form-label { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 12px; font-weight: normal; display: flex; font-weight: bold; padding-top: 7px; white-space: nowrap; display: flex; }

.modal .align-center { display: inline-flex; align-items: center; }

.modal .left0 { padding-left: 0px; }

.modal .right0 { padding-right: 0px; }

.modal .select2-container .select2-selection--single { height: inherit; }

.modal .select2-container--default .select2-selection--single { border: thin solid #ebedf2; }

.modal .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }

.modal .select2-container .select2-selection--single .select2-selection__rendered { margin-top: inherit; }

.modal .select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px; }

.modal .mdi.mdi-alert-circle { color: #ef4c4c; }

.modal textarea { display: block; padding-top: 6px !important; min-height: 100px; overflow: hidden; }

.modal .svg-allday { width: 24px; height: 24px; margin-left: -7px; margin-right: 5px; }

.modal .svg-allday.setted path { color: #3e5da4; }

.modal .box-iconGo, .modal .box-iconReturn { margin-right: -10px; }

.modal .box-iconGo.setted i, .modal .box-iconReturn.setted i { color: #3e5da4; }

.modal .box-iconGo i, .modal .box-iconReturn i { font-size: 22px; }

.modal .radio-toolbar .type_10 { display: none !important; }

.modal .fa-calendar { font-size: 16px; color: #535353; }

.modal .fa-clock-o { font-size: 16px; color: #535353; }

#modal-confirm-reactivateProject .mdi-recycle { color: #6BA586; }

#modal-create-notice { border-radius: 10px; background-color: inherit; z-index: inherit; overflow: visible; }

#modal-create-notice form.form-horizontal { margin-top: 20px; margin-bottom: 0px; }

#modal-update-notice .label-content, #modal-create-notice .label-content, #manage-update-notice .label-content { align-items: flex-start !important; }

#modal-update-notice .textarea-content, #modal-create-notice .textarea-content, #manage-update-notice .textarea-content { height: 100px !important; overflow-y: auto; text-align: justify; }

#modal-update-notice .txt-content, #modal-create-notice .txt-content, #manage-update-notice .txt-content { display: flex; align-items: flex-start !important; }

#modal-update-notice .form-control, #modal-create-notice .form-control, #manage-update-notice .form-control { color: #000000; }

#modal-update-notice label svg, #modal-create-notice label svg, #manage-update-notice label svg { color: #3e5da4; }

.allDay_label { font-size: 8px !important; color: #535353 !important; font-weight: bold !important; margin-left: -10px; margin-right: 10px; padding-top: 4px !important; }

.info-box-modal { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.info-box-modal .user-noticeView { display: flex; align-items: center; margin-top: 10px; }

.info-box-modal .user-noticeView .user-notice { font-size: 13px; font-weight: bold; margin-left: 5px; }

.info-box-modal .user-noticeView .user-emailNoticeView { font-size: 12px; margin-left: 10px; margin-right: 5px; }

.info-box-modal .user-noticeView svg.person { color: #3e5da4; }

.info-box-modal .user-noticeView { display: flex; align-items: flex-end; }

.info-box-modal .staff-noticeView { display: flex; margin-left: 10px; margin-top: 5px !important; font-size: 12px; }

.info-box-modal .staff-noticeView .staff-notice { font-weight: bold; margin-left: 5px; }

.info-box-modal .date-noticeView { display: flex; margin-left: 10px; margin-top: 5px !important; }

.info-box-modal .post-noticeView { display: inline-flex; align-items: center; font-size: 12px; margin-right: 20px; }

.info-box-modal .post-noticeView svg { font-size: 18px; margin-right: 5px; }

.info-box-modal .post-noticeView .post-dateIcon { color: #3e5da4; }

.info-box-modal .post-noticeView.expired-box { color: #c50000; }

.info-box-modal .content-noticeView { background-color: #F6F6F6; padding: 10px 15px; min-height: 100px; margin-top: 20px !important; margin-bottom: 20px; margin-left: -30px; margin-right: -30px; }

.info-box-modal .content-noticeView .contentView { font-size: 14px; color: #000; text-align: justify; }

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

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

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

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

.info-box-modal .url-noticeView svg { color: #3e5da4; margin-right: 10px; margin-left: 5px; }

.info-box-modal .url-noticeView .txt-url { font-size: 12px; color: #6884C3; cursor: pointer; text-decoration: underline; }

.info-box-modal .file-noticeView { margin-top: 7px !important; }

.info-box-modal .file-noticeView svg { color: #FFFFFF; border-radius: 4px; }

.info-box-modal .file-noticeView .txt-attachment { margin-left: 5px; font-size: 12px; }

#staff_view_modal .staff_event { background-color: #FFFFFF !important; /********* Staff Schedule ************/ /*light blue*/ /*yellow*/ /*light green*/ /*orange*/ /*purple*/ /*purple*/ /*gray*/ /*peach*/ /*grass*/ /*red*/ /*blue*/ }

#staff_view_modal .staff_event.staff_other { color: #90E0F7 !important; }

#staff_view_modal .staff_event.staff_yellow_choice { color: #F1C78E !important; }

#staff_view_modal .staff_event.staff_lightGreen_choice { color: #9FC094 !important; }

#staff_view_modal .staff_event.staff_orange_choice { color: #E692AE !important; }

#staff_view_modal .staff_event.staff_purple_choice { color: #CE87D7 !important; }

#staff_view_modal .staff_event.staff_purple_choice { color: #CE87D7 !important; }

#staff_view_modal .staff_event.staff_gray_choice { color: #AFA3AA !important; }

#staff_view_modal .staff_event.staff_peach_choice { color: #E1C2C2 !important; }

#staff_view_modal .staff_event.staff_grass_choice { color: #BDE7C2 !important; }

#staff_view_modal .staff_event.staff_red_choice { color: #ff988f !important; }

#staff_view_modal .staff_event.staff_blue_choice { color: #879cff !important; }

#staff_view_modal .staffView-title { width: 100%; display: inline-flex; margin-bottom: 15px; }

#staff_view_modal .staffView-title label { margin-right: 10px; }

#staff_view_modal .staffView-title .txt-title { width: 100%; font-size: 14px; font-weight: bold; border-bottom: solid thin #e8e8e8; }

#staff_view_modal .staffView-returnTime { display: inline-flex; }

#staff_view_modal .staffView-returnTime label { margin-right: 15px; }

#staff_view_modal .txt-email { font-weight: normal; }

#staff_view_modal .txt-user { font-weight: bold; }

#staff_view_modal .txt-return { margin-left: 10px; color: #c50000; }

#staff_view_modal .staffView-endTime .at-sign { margin-left: 10px; margin-right: 10px; color: #000000; }

#staff_view_modal #staff_info { display: inline-flex; align-items: center; font-size: 13px; color: #3e5da4; }

#staff_view_modal #staff_info svg { color: #535353; margin-right: 0px; }

#staff_view_modal .return-time { color: #c50000; }

#staff_view_modal .box-staffStartDate { display: inline-flex; align-items: center; }

#staff_view_modal .staffInfo-icons { background-color: #F6F6F6; border: solid thin #CCCCCC; border-radius: 3px; margin-right: 5px; padding: 5px; }

#staff_view_modal .staffInfo-icons .txt-staffIcons { font-size: 12px; }

#staff_view_modal .staffInfo-icons svg { font-size: 15px; }

#staff_view_modal .box-infoStaff { display: inline-flex; align-items: center; }

#staff_view_modal .info-icons { margin-right: 10px; }

.modal-staffSchedule svg { color: #3e5da4; }

#staff_view_modal svg { color: #3e5da4; }

#staff_view_modal .lb_endDate svg { color: #c50000; }

.radio-toolbar label { display: inline-block; padding: 1.27vh 4px; color: #243949; width: 23%; height: 4vh; border-radius: 4px; text-align: center; }

.view-modalTemplate .row + .row { margin-top: 0px; }

.view-modalTemplate .box-viewEvent { line-height: 35px; max-height: 125px; overflow: auto; color: #535353; font-size: 13px; }

.view-modalTemplate .box-viewEvent a svg { color: #fff !important; }

.view-modalTemplate .box-viewEvent ul { pointer-events: none; width: inherit !important; }

.view-modalTemplate .event-type { line-height: 25px; margin-bottom: 10px; font-size: 12px; }

.repeat-label { font-size: 11px !important; }

.alldayBox label { align-items: center; }

.alldayBox .custom-control { display: flex; align-items: center; }

.openAllday { display: inline-flex; }

.openAllday label { padding: 0px; }

.openAllday .switch-el { padding: 0px; }

.openAllday .txt-allday { padding-left: 10px; color: #535353; font-size: 1px; }

.openAllday .switch { margin-top: 3px; }

.alldayBox .txt-repeat { padding-left: 10px !important; text-transform: inherit !important; }

#id_start_time, #datetimepickerStartTime, #datetimepickerEndTime, #id_end_time, #id_daily_start_time, #id_daily_end_time { cursor: pointer; }

.select-img-profile { width: 30px; height: 30px; border-radius: 50%; }

.select2-container--default.select2-container--open { font-size: 12px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { font-size: 12px; }

#project_list > .select2-container { width: 61%; margin-bottom: 0%; }

.box-attachment { background-color: #eaeaea; margin-top: -7px; margin-left: 99px; }

.box-uploadedFile { width: 100%; height: 67px; margin-top: -20px; }

.box-uploadedFile .remove-file { position: relative; top: 30px; left: 433px; }

.box-uploadedNoticeFile { width: 100%; height: 67px; margin-top: 0px; }

.box-uploadedNoticeFile .remove-file { position: relative; top: 30px; left: 433px; }

#file-list-display p { margin-bottom: 3px; color: #3e5da4; }

#noticeCreate_iconRemove { position: relative; top: -30px; left: 434px; }

.attachment-upload { display: flex; align-items: center; height: 35px; width: 100%; align-items: center; }

.attachment-upload svg.mdi-paperclip { cursor: pointer; color: #6884C3; opacity: 0.7; font-size: 18px; margin-left: 6px; width: 30px; line-height: 32px; }

.attachment-upload svg.mdi-paperclip:hover { opacity: 1; }

.attachment-upload input { display: none; }

.attachment-upload span.name { font-size: 12px; color: #a0a0a0; margin-left: 5px; }

#viewSiteCalendar #box-customSelect { margin-top: 0px; margin-bottom: 0px; }

#viewSiteCalendar #box-customSelect ul { display: inline-flex; justify-content: space-between; width: 100% !important; }

#viewSiteCalendar .card-body svg { margin-right: 10px; color: #3e5da4; }

#viewSiteCalendar .lb_endDate svg { color: #c50000; }

#viewSiteCalendar .view-txtExpDate { color: #c50000; }

#viewSiteCalendar #view_permission { margin-left: 5px; font-weight: bold; margin-top: 0px; }

#viewSiteCalendar .txt-email { font-weight: normal; }

#viewSiteCalendar .box-viewAttachment { display: inline-flex; align-items: center; }

#viewSiteCalendar .txt-repeat { padding-left: 0px; }

.view-usersList { display: inline-flex; margin-left: 31px; font-size: 12px; margin-top: -5px; margin-bottom: 3px; }

.view-usersList svg { font-size: 16px; }

.box-siteViewListUsers { display: inline-flex; margin-left: 46px; font-size: 11px; background-color: #f5f5f5; border-radius: 3px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; margin-right: 10px; }

.bt-downloadFile { background-color: #54C097; padding: 5px; border-radius: 3px; color: #fff; font-size: 12px; font-weight: normal; margin-top: 10px; }

.bt-downloadFile:hover { color: #fff; background-color: #569774 !important; }

.bt-batchDownload { background-color: #6884C3; padding: 5px; border-radius: 3px; color: #fff; font-size: 12px; font-weight: normal; margin-top: 10px; }

.bt-batchDownload:hover { color: #fff; background-color: #293c64 !important; }

.view-modalTemplate #staff_view_modal .stretch-card { width: 100%; }

.view-modalTemplate #staff_view_modal .boxDateTime { display: inline-flex; width: 100%; }

.view-modalTemplate #staff_view_modal .box-user { display: inline-flex; }

.view-modalTemplate #staff_view_modal .box-startDate, .view-modalTemplate #staff_view_modal .box-infoIcons { display: inline-flex; }

.view-modalTemplate #staff_view_modal #box-customSelect { margin-top: 10px; }

.view-modalTemplate #staff_view_modal #box-customSelect ul { width: 100% !important; }

.view-modalTemplate label { margin-bottom: 3px; }

.view-modalTemplate .box-permission { display: inline-flex; }

.view-modalTemplate .box-title-view { display: inline-flex; }

.view-modalTemplate .box-title-view .box-viewEvent { font-size: 14px; font-weight: bold; border-bottom: solid thin #e8e8e8; width: 100%; }

.view-modalTemplate .txt-user { font-weight: bold; }

.view-modalTemplate .current-time { display: inline-flex; align-items: center; }

.view-modalTemplate .current-time #current_day { display: inline-flex; align-items: center; font-size: 13px; padding-bottom: 2px; color: #000000; }

.view-modalTemplate .at-time { margin-right: 3px; color: #000000 !important; }

.view-modalTemplate .box-viewStartDate, .view-modalTemplate .box-viewTime { display: inline-flex; align-items: center; }

.view-modalTemplate .box-viewStartDate .start-time, .view-modalTemplate .box-viewTime .start-time { margin-right: 10px; font-size: 14px; color: #000000; }

.view-modalTemplate .box-viewStartDate .lb_endTime, .view-modalTemplate .box-viewTime .lb_endTime { font-size: 14px; margin-right: 10px; color: #000000; }

.view-modalTemplate .box-viewExpiredDate { display: inline-flex; align-items: center; }

.view-modalTemplate .box-viewExpiredDate svg { color: #c50000; }

.view-modalTemplate .box-viewUserList { display: inline-flex; }

.view-modalTemplate #event_view_title { background-color: #FFFFFF !important; }

.view-modalTemplate #event_view_title.other { color: #429BDF !important; }

.view-modalTemplate #event_view_title.yellow_choice { color: #F8B51F !important; }

.view-modalTemplate #event_view_title.lightBlue_choice { color: #00356D !important; }

.view-modalTemplate #event_view_title.lightGreen_choice { color: #054300 !important; }

.view-modalTemplate #event_view_title.orange_choice { color: #F26413 !important; }

.view-modalTemplate #event_view_title.type_4 { color: #8333A4 !important; }

.view-modalTemplate #event_view_title.purple_choice { color: #8333A4 !important; }

.view-modalTemplate #event_view_title.peach_choice { color: #D55E3A !important; }

.view-modalTemplate #event_view_title.gold_choice { color: #b2822c !important; }

.view-modalTemplate #event_view_title.red_choice { color: #C4291C !important; }

.view-modalTemplate #event_view_title.blue_choice { color: #4154AF !important; }

.view-modalTemplate #event_view_title.gray_choice { color: #586877 !important; }

.view-modalTemplate .box-permission { display: inline-flex; align-items: center; margin-top: -12px; margin-left: 30px; }

.view-modalTemplate .box-title-view { display: inline-flex; align-items: center; margin-bottom: 15px; }

.view-modalTemplate .current-time { display: inline-flex; align-items: center; margin-left: 14px; margin-right: 10px; }

.view-modalTemplate .txt-allDay { display: inline-flex; align-items: center; }

.view-modalTemplate .box-viewStartDate, .view-modalTemplate .box-viewTime { display: inline-flex; align-items: center; margin-top: -2px; }

.view-modalTemplate .box-viewExpiredDate { display: inline-flex; align-items: center; }

.view-modalTemplate .box-viewUserList { display: inline-flex; align-items: center; }

.view-modalTemplate .box-viewDescription { display: inline-flex; background-color: #F6F6F6; min-height: 50px; }

.view-modalTemplate .box-viewDescription label svg { margin-top: 5px; }

.view-modalTemplate .box-viewDescription .txt-description { width: 100%; padding-top: 10px; padding-bottom: 10px; font-size: 13px; text-align: justify; }

.view-modalTemplate .box-viewRepeat { width: 100%; display: inline-flex; align-items: center; }

.view-modalTemplate .box-viewRepeat .repeatLabel label { margin-right: 12px; }

.view-modalTemplate .box-viewRepeat #box-customSelect { margin-top: 5px; }

.view-modalTemplate .txt-repeat { display: inline-flex; align-items: center; padding-left: 15px; text-transform: uppercase; font-size: 13px; }

#repeat-showingBox { background-color: #F6F6F6; margin-left: -15px; margin-right: -15px; margin-bottom: 10px; padding-bottom: 5px; padding-left: 15px; padding-right: 5px; }

#enter_email_get { height: 40px; border-radius: 3px; }

#set_notic { margin-top: 10px; text-align: center; }

#set_notic span { font-size: 12px; padding: 7px; }

@media (min-width: 768px) { .modal-dialog { max-width: 600px; } .modal-dialog.modal-sm { max-width: 300px; } }

/*Mobile Screen*/
@media screen and (max-width: 767px) { .info-box-modal .col-sm-3.form-group { margin-bottom: -10px; margin-top: 10px; } .mobile-top15 { margin-top: 15px; } }

/* //SAMURAI_WEB*/
#modal .modal-card { padding: 15px 10px 5px 10px; }

#modal .content-wrapper { padding: inherit; }

#modal .form-group .col-form-label { font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 12px; font-weight: normal; font-weight: bold; display: flex; align-items: center; }

#modal .modal-title-box { display: flex; background-color: inherit; justify-content: space-between; border-radius: 2px; background-color: #6884C3; line-height: 40px; padding: 0 20px 0 20px; width: 100%; }

#modal .modal-title-box .bt-close-modal { display: flex; align-items: center; color: #8ca6e1; }

#modal .modal-title-box .bt-close-modal svg { font-size: 14px; }

#modal .modal-title-box .title_design { font-family: "Roboto", "Sans-serif"; color: #FFFFFF; font-size: 14px; font-weight: normal; width: inherit; margin-left: 0px; }

#modal .radio-toolbar input[type="radio"]:checked + label { border: solid 2px #CCCCCC; -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); }

#modal .radio-toolbar { display: inline-flex; justify-content: space-between; margin: 10px 0px; width: 100%; padding: 0px; }

#modal .radio-toolbar label { padding: 0; display: flex; justify-content: center; align-items: center; border-radius: 2px; font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; font-weight: bold; margin-right: 5px; cursor: pointer; }

#modal .custom-control .slider:before { background-color: #F6F6F6; border: solid thin #CCCCCC; }

#modal .custom-control input:checked + .slider { background-color: #535353; }

#modal .custom-control input:checked + .slider:before { background-color: #6884C3; }

#modal .custom_event_toolbar input[type="radio"]:checked + label { background-color: #6884C3; opacity: 0.7; color: #FFFFFF; width: 24.25%; padding: 10px 10px; text-align: center; border: none; }

#modal .custom_event_toolbar label { border: solid thin #CCCCCC; border-radius: 3px; background-color: #FFFFFF; padding: 12px 25px 12px 25px; font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; width: 24.25%; padding: 10px 10px; text-align: center; cursor: pointer; }

#modal .custom_event_toolbar label:hover { background-color: #6884C3; opacity: 0.7; color: #FFFFFF; }

#modal #dropdownMenu1 { background-color: #F6F6F6; border: solid thin #CCCCCC; padding-top: 10px; padding-bottom: 10px; font-family: "Roboto", "Sans-serif"; color: #535353; font-size: 13px; font-weight: normal; }

#modal .checkbox-menu { width: 90%; padding-left: 20px; min-height: 2rem; }

#modal .checkbox-menu li input { position: absolute; }

#modal .box-buttons { margin-top: 20px; }

#modal .box-buttons .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: 13px; font-weight: normal; width: 100%; }

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

#modal .box-buttons .button-delete { border: solid thin #FF0000; border-radius: 3px; background-color: #FFFFFF; padding: 12px 25px 12px 25px; font-family: "Roboto", "Sans-serif"; color: #FFFFFF; font-size: 13px; font-weight: normal; background-color: #FF0000; opacity: 0.7; width: 100%; }

#modal .box-buttons .button-delete:hover { background-color: #c50000; color: #FFFFFF; opacity: 0.7; }

#modal .box-buttons .button-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; width: 100%; }

#modal .box-buttons .button-submit:hover { background-color: #569774; }

#modal .box-buttons .button-submit:hover { background-color: #569774; }

#modal .event-timepicker input { color: #000000; }

#modal .event-timepicker i.fa { color: #535353; }

#modal .event-timepicker #datetimepickerStartTime .bootstrap-datetimepicker-widget.dropdown-menu, #modal .event-timepicker #datetimepickerEndTime .bootstrap-datetimepicker-widget.dropdown-menu { width: 170px; }

#modal .event-timepicker #datetimepickerStartTime .bootstrap-datetimepicker-widget.dropdown-menu a[data-action], #modal .event-timepicker #datetimepickerEndTime .bootstrap-datetimepicker-widget.dropdown-menu a[data-action] { padding: 0px 0; }

#modal .event-timepicker #datetimepickerStartTime .bootstrap-datetimepicker-widget.dropdown-menu .btn.btn-primary, #modal .event-timepicker #datetimepickerEndTime .bootstrap-datetimepicker-widget.dropdown-menu .btn.btn-primary { background-color: #6884C3; border: solid thin #6884C3; }

#modal .event-timepicker #datetimepickerStartTime .bootstrap-datetimepicker-widget.dropdown-menu table td span, #modal .event-timepicker #datetimepickerEndTime .bootstrap-datetimepicker-widget.dropdown-menu table td span { color: #6884C3; }

#modal .event-timepicker #datetimepickerStartTime .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-hour, #modal .event-timepicker #datetimepickerStartTime .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-minute, #modal .event-timepicker #datetimepickerStartTime .bootstrap-datetimepicker-widget.dropdown-menu .separator, #modal .event-timepicker #datetimepickerEndTime .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-hour, #modal .event-timepicker #datetimepickerEndTime .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-minute, #modal .event-timepicker #datetimepickerEndTime .bootstrap-datetimepicker-widget.dropdown-menu .separator { color: #535353; }

#modal .bootstrap-datetimepicker-widget.dropdown-menu { width: 16rem; }

#modal .input-group-text { border: none; }

#modal .mdi-delete { color: #d03939; font-size: 24px; }

#modal .user_project_list_delete .select2-selection.select2-selection--multiple { height: 80px !important; overflow: auto !important; }

#alertModal_dashboard .modal-dialog { max-width: 460px; }

#alertModal_dashboard .modal-dialog .icon-alert svg { font-size: 45px; color: orange; margin-bottom: 20px; }

#alertModal_dashboard .modal-dialog .txt-alert { margin-bottom: 20px; }

#uploadimageModal_edit .modal-footer { display: inherit; padding-top: 0px; padding-bottom: 0px; }

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