body, html { font-family: '\5FAE\8EDF\6B63\9ED1\9AD4', 'Microsoft JhengHei', 'Montserrat', Helvetica, Arial, sans-serif !important; }

html body .content.app-content, footer { min-width:320px; }

/* login */
html body.bg-full-screen-image { background:none; background-color:#cccccc; }
.bg-authentication { background-color: #FFFFFF; }
.login_logo { width: 100%; height: auto; }
html body.bg-full-screen-image .content .content-wrapper { margin-top: 0px; }

/* header */
.header-navbar.floating-nav { margin: 0px!important; border-radius: 0px!important; width: calc( 100vw - (100vw - 100%) - 220px); }
body.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav { width: calc(100vw - (100vw - 100%) - 50px); }
.vertical-overlay-menu .navbar.header-navbar.floating-nav { width: calc(100vw - (100vw - 100%)); min-width: 320px; }
@media (max-width: 575.98px) {
.header-navbar.floating-nav { width: calc(100vw - (100vw - 100%)) !important; }
}
.header-navbar { font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "Montserrat", Helvetica, Arial, sans-serif !important; }
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu { width: 220px; left: -260px; }
html body .content { margin-left: 220px; }

/* nav */

/* nav - width */
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu { width: 220px; }
body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-header { width : 220px; }
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .main-menu-footer { width : 220px; }

body.vertical-layout.vertical-menu-modern.menu-expanded .footer { margin-left : 220px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded { width : 220px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded { width : 220px; }

@media (min-width: 992px) {
  body.vertical-layout.vertical-menu-modern .main-menu { width : 220px; }
  body.vertical-layout.vertical-menu-modern .navbar .navbar-header { width : 220px; }
  body.vertical-layout.vertical-menu-modern .footer { margin-left : 220px; }
  body.vertical-layout.vertical-menu-modern.menu-flipped .content { margin-right : 220px; }
  body.vertical-layout.vertical-menu-modern.menu-flipped .navbar .navbar-container { margin-right : 220px; }
  body.vertical-layout.vertical-menu-modern.menu-flipped .footer { margin-right : 220px; }
}

.main-menu .navbar-header { width: 220px; height:4rem; padding: 0rem 0.6rem 0rem 0rem; }
.main-menu .navbar-header .navbar-brand .brand-logo { background: url("../../app-assets/images/logo/straw.png") no-repeat; background-size: 160px auto; background-position: 2px 0px; width: 160px; height:32px; }
.main-menu.expanded .navbar-header .navbar-brand .brand-logo { background-size: 150px auto; background-position: 0px 0px; width: 150px; height:43px; }
.main-menu.expanded .navbar-header { padding: 0rem 0.6rem 0rem 0.6rem; }
.main-menu .navbar-header .navbar-brand { margin-top: 0.7rem; }
.nav .modern-nav-toggle { padding: 1.25rem 0; }
.main-menu .navbar-header .navbar-brand .brand-text { color: #666666; font-size: 1.3rem; line-height:1.8rem; font-weight:500; }
.main-menu ul.navigation-main > li:first-child { margin-top: 0rem; }
.navigation { font-size: 1rem; font-family: '\5FAE\8EDF\6B63\9ED1\9AD4', 'Microsoft JhengHei', 'Montserrat', Helvetica, Arial, sans-serif !important; }
.main-menu.menu-light .navigation > li { padding: 0 0px; }
.main-menu.menu-light .navigation > li.open > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a { border-radius: 0px; margin-bottom: 0px; }
.main-menu.menu-light .navigation > li ul .active { background: -webkit-linear-gradient(90deg, rgba(48, 155, 212, 0.2), rgba(48, 155, 212, 0.2)); background: linear-gradient(90deg, rgba(48, 155, 212, 0.2), rgba(48, 155, 212, 0.2)); box-shadow: 0 0 0px 0px rgba(48, 155, 212, 0.2); border-radius: 0px; color: #494949; background-colour:#98cdea; }
.main-menu.menu-light .navigation > li ul .active > a { color: #494949; }
.main-menu.menu-light .navigation > li.active > a { background: -webkit-linear-gradient(90deg, rgba(48, 155, 212, 0.2), rgba(48, 155, 212, 0.2)); background: linear-gradient(90deg, rgba(48, 155, 212, 0.2), rgba(48, 155, 212, 0.2)); box-shadow: 0 0 0px 0px rgba(48, 155, 212, 0.2); color: #494949; border-radius: 0px; }
.main-menu.menu-light .navigation li.has-sub ul.menu-content { padding: 0px; margin: 0px; }
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i { margin-right: 0.5rem; font-size: 1.2rem; width: 24px; text-align: center; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu { width: 50px; }
body.vertical-layout.vertical-menu-modern.menu-collapsed .app-content, body.vertical-layout.vertical-menu-modern.menu-collapsed .footer { margin-left: 50px; }

.dropdown .dropdown-menu { width: auto!important; min-width: max-content; }
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right { width: auto!important; min-width: max-content;  }
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active { background: #309bd4; }
.main-menu .main-menu-content { padding-top: 8px; }

.navbar-floating .header-navbar-shadow { display: none; }
.main-menu .shadow-bottom { display: none!important; }
.main-menu.menu-light .navigation > li.sidebar-group-active > a { background:#cccccc; }
.main-menu.menu-light .navigation > li ul li > a { padding: 6px 15px 6px 40px; }
.main-menu.menu-light .navigation > li ul li.hover > a { padding: 6px 15px 6px 45px; }

/* content */
html body .content .content-wrapper { padding: 1rem 1rem; margin-top: 4.5rem; }
.breadcrumb { padding: 0.3rem 0 0.3rem 1rem !important; }


/* form */
/*.form-group { margin-bottom: 1rem; }*/
.form-group .help-block ul { margin-bottom: 0; }
.form-control { border-radius: 0px; }
.form-control:focus { border-color:#309bd4; color:#000000; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); }

.form-control::-webkit-input-placeholder { font-size:1rem; }
.form-control::-moz-placeholder { font-size:1rem; }
.form-control:-ms-input-placeholder { font-size:1rem; }
.form-control::-ms-input-placeholder { font-size:1rem; }
.form-control::placeholder { font-size:1rem; }
.form-group { margin-bottom: 1rem; }


/* link, color and button */
a { color: #309bd4; }
a:hover { color: #1981b8; }
.action_col a:not([href]):not([tabindex]) { color: #309bd4; }
.action_col a:not([href]):not([tabindex]):hover { color: #1981b8; }
a.btn:not([href]):not([tabindex]) { color: #FFFFFF; }

.btn { border-radius:0px; }
.btn:hover { box-shadow: 0 0px 0px 0px #7367F0; }
.content-header .btn { padding: 0.5rem 1rem; }
.btn-primary { border-color: #309bd4 !important; background-color: #309bd4 !important; color: #FFFFFF; }
.btn-primary:hover { border-color: #309bd4 !important; background-color: #309bd4 !important; color: #FFFFFF; }

.btn-outline-primary { color: #309bd4; border-color: #309bd4; border:1px solid #309bd4; }
.btn-outline-primary:hover { background-color: #309bd4 !important; border:1px solid #309bd4; color:#ffffff; }

.modal .modal-header .close span { color: #309bd4; }
.primary { color: #309bd4 !important; }
.text-primary { color: #309bd4 !important; }
.bg-rgba-primary { background: rgba(48, 155, 212, 0.15) !important; }

.btn .fa { margin-right:5px; font-size:16px; margin-top: -10px; margin-bottom: -10px; }

.alert-primary { background: rgba(48, 155, 212, 0.2) !important; color:#309bd4 !important; }
.alert { border-radius: 0rem; }

/* data table add on elements */

/* search row */
.search_row { padding:0px 0px 1rem 0px; overflow:hidden; }
.search_row .align-left { float:left; }
.search_row .align-right { float:right; }
.search_row .info_text { height:35px; line-height:35px; display:inline-table; }
.search_row .grid_icon { display:nonex; /*display:inline-block;*/ margin-left:10px; margin-right:0px; }	
.search_row .grid_icon .fa:before { font-size:20px; color:#309bd4; margin-right:5px; position: relative; top: 2px; }
.search_row .grid_icon .view_grid, .search_row .grid_icon .view_list { opacity:0.6; cursor:pointer; }
.search_row .grid_icon .view_grid:hover, .search_row .grid_icon .view_list:hover { opacity:1; }
.search_row .grid_icon .view_grid.selected, .search_row .grid_icon .view_list.selected { opacity:1; }

/* export buttons */
.search_row .export_group { display:nonex; /*display:inline-block;*/ margin-left:10px; padding-left:15px; border-left:1px solid #e5e6e7; }

/* search */
.search_row .search_field { position:relative; display:inline-block; height:35px; vertical-align:top; }
.search_row .search_field input.form-control { margin:0px; display:inline; border-radius:0px; height:35px; }
.search_row .search_field input.form-control:focus { border-color: #309bd4; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); }
.search_row .search_field .btn-search-icon { font:normal normal normal 14px/1 FontAwesome; position:absolute; right:0px; top:0px; height:100%; width:35px; background-color:transparent; border-width:0px; margin:0px; color:#999999; outline:none; }
.search_row .search_field .btn-search-icon:after { content:"\f002"; width:35px; line-height:35px; position:absolute; right:0px; top:0px; }
.search_row .search_field .btn-search-icon:hover { color:#666666; }

.search_row .add_new { display:inline-block; margin-left:10px; }
.search_row .add_new .btn { height:35px; padding: 0.75rem 2rem; }

/* multiple select row */
.multiple_function_row { height:0px; padding:0px; margin:0px; overflow:hidden; -webkit-transition-property:all; -webkit-transition-duration:.5s; -webkit-transition-timing-function:cubic-bezier(0, 1, 0.5, 1); -moz-transition-property:all; -moz-transition-duration:.5s; -moz-transition-timing-function:cubic-bezier(0, 1, 0.5, 1); -ms-transition-property:all; -ms-transition-duration:.5s; -ms-transition-timing-function:cubic-bezier(0, 1, 0.5, 1); transition-property:all; transition-duration:.5s; transition-timing-function:cubic-bezier(0, 1, 0.5, 1); }
.multiple_function_row .align-left { float:left; padding: 4px 5px 4px 0.75rem; }
.multiple_function_row .align-right { float:right; padding:4px 0.75rem 4px 5px; }
.multiple_function_row .myCheck .details_input:before { padding-right:10px; }

.multiple_function_row.show { height:inherit; padding:5px 0px; border-top:1px solid #e5e6e7; }
.multiple_function_row .fa:before { font-size:24px; }

.text_editable.form-control { border:1px solid transparent; background-color:transparent; padding-left:0px; padding-right:0px; border-left:0px; border-right:0px; }
.text_editable_field { width:100%; display:none; }
.text_editable_field input { max-width:inherit!important; min-width:inherit!important; padding-left:5px; padding-right:5px; width:inherit!important; box-sizing:border-box; }
.text_editable_field textarea { max-width:inherit!important; min-width:inherit!important; padding-left:5px; padding-right:5px; width:inherit!important; box-sizing:border-box; height:auto; }
.text_link_hide { position:absolute; top:-500px; }

/* table style */

.dataTables_wrapper { padding-bottom:0px; }
.dataTables_wrapper .dt-buttons { display:none; }
.dataTables_wrapper .dataTables_filter { display:none; }

table.dataTable { border: 1px solid #e5e6e7; clear:both; margin-top:0px !important; margin-bottom:0px !important; max-width:none !important; /*border-collapse: collapse!important;*/ }
table.dataTable th, table.dataTable td { border-top: 1px solid #e5e6e7; border-bottom: 0px; }
table.dataTable tfoot { display:none; }
table.dataTable thead th { font-size:14px; font-weight:normal; color:#000000; }
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: 20px; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { font-size:12px; left:inherit; right:10; top:15px; bottom:inherit; opacity:0.5; display:none; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { font-size:12px; left:inherit; right:10; top:13px; bottom:inherit; opacity:0.5; }
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background-color:#dadada; }
table.dataTable thead .sorting:hover:after, table.dataTable thead .sorting_asc:hover:after, table.dataTable thead .sorting_desc:hover:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { opacity:0.7; }
table.dataTable thead .sorting_asc:before { content:"\f883"; }
table.dataTable thead .sorting_desc:before { content:""; }
table.dataTable thead .sorting_asc:after { content:"\f160"!important; font-family:"FontAwesome"!important; color:#1AAD19; }
table.dataTable thead .sorting_desc:after { content:"\f161"!important; font-family:"FontAwesome"!important; color:#1AAD19; }
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top:0; box-sizing:border-box; }
table.dataTable tbody tr td.sorting_1 { background-color:#F8F8F8; }
table.dataTable tbody tr:hover td.sorting_1 { background-color:#f5f5f5; }
table.dataTable tbody tr.selected { background-color: #e9f7e9!important; color: #222222!important; box-shadow: 0 0 0px 0 #ffffff!important; border-radius: 0px!important; }
table.dataTable tbody tr.selected td.sorting_1 { background-color:#ddf3dd; }
table.dataTable tbody tr.selected:hover { background-color: #d1efd1!important; }
table.dataTable tbody tr.selected:hover td.sorting_1 { background-color:#d1efd1; }
table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a { color: #309bd4; }
table.dataTable td.td_field { padding-top:5px; padding-bottom:5px; }

table.dataTable tr.total { background-color:#f0f0f0; font-weight:bold; }

.check_col { width:24px; }
.check_col .myCheck span.details_input { margin-right:0px; margin-top:4px; }
.check_col .myRadio span.details_input { margin-right:0px; margin-top:4px; }

th.action_col { position:relative; }
th .myCheck { position:absolute; top:5px; right:6px; }

table.dataTable td.image_col { padding: 0px!important;}

.thumnail_col { width:150px; }

.action_col { white-space: nowrap; width:50px; }
.action_col .fa:before { font-size:20px; }
.action_col .feather:before { font-size:20px; }
.action_col span[data-toggle="tooltip"] { display:inline-block; }

.action_col span[data-toggle="tooltip"] a { display:inline-block; }
.action_col a[data-toggle="tooltip"] { display:inline-block; }
.multiple_function_row span[data-toggle="tooltip"] { display:inline-block; }
.multiple_function_row span[data-toggle="tooltip"] a { display:inline-block; }
.multiple_function_row a[data-toggle="tooltip"] { display:inline-block; }

.fa-edit:before { vertical-align:inherit; }
.fa-trash:before { vertical-align:text-bottom; }

.table_bottom_btn { margin-top:15px; }

/* table image + lightgallery */
.media_thumb { width: auto; height: auto; flex-shrink: 0; min-width: 100%; min-height: 100%; max-width: 100px; object-fit: cover; }
.lightgallery.image_hide img { display:none; }

.image_fill { display: flex!important; overflow: hidden; position: relative; justify-content: center; align-items: center; }
.image_fill img { width: auto; height: auto; flex-shrink: 0; min-width: 100%; min-height: 100%; object-fit: cover;}
.home_event_image { max-height:300px; overflow: hidden; }
.home_event_image img { width:100%; height:auto; }

.album_frame { background-color: #f8f8f8; }
.gallery_image { height:200px; }
.gallery_image img { max-width:100%; max-height:400px;}

.volunteer_image { height:200px; }
.volunteer_image img { max-width:100%; max-height:400px;}


/* thumb enlarge */
.media_thumb {
 -webkit-transition:-webkit-transform 0.15s ease 0s; -moz-transition:-moz-transform 0.15s ease 0s; -o-transition:-o-transform 0.15s ease 0s; transition:transform 0.15s ease 0s; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }
.cover_photo { border: 4px solid #76ce76; }


.lightgallery { width:100%; display: block; }
.lightgallery a:hover .media_thumb { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); }
.lightgallery a { display:inherit; overflow:hidden; position:relative; z-index: 9; width:100%; height:100%; }
.lightgallery a:before {
	display:block; content:""; position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); -webkit-transition:background-color 0.15s ease 0s; -o-transition:background-color 0.15s ease 0s; transition:background-color 0.15s ease 0s; z-index:190; }
.lightgallery a:after {
	font:normal 24px/1 FontAwesome; color:#ffffff; content:"\f002"; width:24px; height:24px; line-height:24px; position:absolute; margin-left:-12px; margin-top:-12px; left:50%; top:50%; opacity:0; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s; z-index:200; }

.lightgallery a:hover:before { background-color:rgba(0, 0, 0, 0.4); }
.lightgallery a:hover:after { opacity:1; }

.lightgallery.image_hide a:hover:before { display:none; }
.lightgallery.image_hide a:hover:after { display:none; }

.lg-backdrop { z-index:2040!important; }
.lg-outer { z-index:2050!important; }

.lg-icon { font-family: feather!important; }
.lg-toolbar .lg-close:after { content: "\e8f6"; }
.lg-toolbar .lg-download:after { content: "\e864"; }
.lg-autoplay-button:after { content: "\e8ae"; }
.lg-show-autoplay .lg-autoplay-button:after { content: "\e8cb"; }
.lg-fullscreen:after { content: "\e908"; }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e88d"; }
#lg-zoom-in:after { content: "\e8f9"; }
#lg-zoom-out:after { content: "\e8fa"; }
#lg-actual-size:after { content: "\e855"; }
.lg-outer #lg-share:after { content: "\e8c0"; }
.lg-outer .lg-dropdown .lg-icon { font-family: FontAwesome!important; }
.lg-outer #lg-share-facebook .lg-icon:after { content: "\f082"; }
.lg-outer #lg-share-twitter .lg-icon:after { content: "\f081"; }
.lg-outer #lg-share-googleplus .lg-icon:after { content: "\f0d4"; }
.lg-outer #lg-share-pinterest .lg-icon:after { content: "\f0d3"; }
.lg-actions .lg-prev:after { content: "\e843"; }
.lg-actions .lg-next:before { content: "\e844"; }
.lg-outer .lg-thumb-item { border: 3px solid #FFF; border:0; border-radius: 0px; opacity:0.5; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s; }
.lg-outer .lg-thumb-item:hover { /*border-color: #309bd4;*/ border:0; opacity:1; }
.lg-outer .lg-thumb-item.active { /*border-color: #76ce76;*/ border:0; opacity:1; }



ul#lightGallery { list-style: none; margin:0px; padding:0px; }
ul#lightGallery li { margin:0px; padding:0px; border:2px solid #ffffff; cursor:pointer; width:100%; height:180px; z-index: 9; display: flex!important; overflow: hidden; position: relative; justify-content: center; align-items: center; }
ul#lightGallery li:before { display:block; content:""; position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); -webkit-transition:background-color 0.15s ease 0s; -o-transition:background-color 0.15s ease 0s; transition:background-color 0.15s ease 0s; z-index:190; }
ul#lightGallery li:after { font:normal 24px/1 FontAwesome; color:#ffffff; content:"\f002"; width:24px; height:24px; line-height:24px; position:absolute; margin-left:-12px; margin-top:-12px; left:50%; top:50%; opacity:0; -webkit-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s; z-index:200; }
ul#lightGallery li:hover img { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); }
ul#lightGallery li img { -webkit-transition:-webkit-transform 0.15s ease 0s; -moz-transition:-moz-transform 0.15s ease 0s; -o-transition:-o-transform 0.15s ease 0s; transition:transform 0.15s ease 0s; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); width: auto; height: auto; flex-shrink: 0; min-width: 100%; min-height: 100%; max-width:200px; object-fit: cover; }

ul#lightGallery li:hover:before { background-color:rgba(0, 0, 0, 0.4); }
ul#lightGallery li:hover:after { opacity:1; }

ul#lightGallery li a { width:100%; height:100%; }





/* pagination */

.dataTables_wrapper .dataTables_paginate { width:100%; margin:0px; border-left:1px solid #e5e6e7; border-right:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; height:auto; }
.pagination { border-radius: 0rem; margin:0px; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-top: 0rem; padding-bottom: 0px; margin: 0px 0;}
.pagination .page-item { border-radius: 0rem; border-left: 1px solid #e5e6e7; }

.pagination .page-item .page-link { border-radius: 0rem; color:#626262; background-color: #ffffff; border-color: #e5e6e7; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); padding: 0rem 0.9rem; }
.pagination .page-item.active .page-link { border-radius: 0rem; color:#626262; background-color: #f4f4f4; border-color: #e5e6e7; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.pagination .page-item:last-child:not(.next-item) .page-link { border-top-right-radius: 0rem; border-bottom-right-radius: 0rem; }
.pagination .page-item:first-child:not(.prev-item) .page-link { border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; }
.pagination .page-item.prev-item .page-link, .pagination .page-item.next-item .page-link, .pagination .page-item.first .page-link, .pagination .page-item.last .page-link { color: inherit; }
.pagination .page-item .page-link:hover { color: #309bd4; }
/*.pagination .page-item.disabled { display:none; }*/
.pagination .page-item.disabled .page-link { color: #e5e6e7; }
.pagination .page-item.first.disabled .page-link { color: #e5e6e7; }
.pagination .page-item.last.disabled .page-link { color: #e5e6e7; }

.pagination .page-item.first a, .pagination .page-item.previous a, .pagination .page-item.next a, .pagination .page-item.last a { display: table-cell; width: 36px; line-height: 36px; text-indent: -9999px; overflow: hidden; text-overflow: ellipsis; }

.pagination > li.first > a:after, .pagination > li.first > span:after { content: "\f100"; font: normal 20px FontAwesome; padding: 0px 0px 0px 30px; line-height: 36px; }
.pagination > li.previous > a:after, .pagination > li.previous > span:after { content: "\f104"; font: normal 20px FontAwesome; padding: 0px 2px 0px 30px; line-height: 36px; }
.pagination > li.next > a:after, .pagination > li.next > span:after, .pagination .page-item.next .page-link:after { content: "\f105"; font: normal 20px FontAwesome; padding: 0px 0px 0px 30px; line-height: 36px; }
.pagination > li.last > a:after, .pagination > li.last > span:after, .pagination .page-item.last .page-link:after { content: "\f101"; font: normal 20px FontAwesome; padding: 0px 0px 0px 30px; line-height: 36px; }

.pagination .page-item:not(.prev-item) .page-link, .pagination .page-item:not(.next-item) .page-link, .pagination .page-item:not(.first) .page-link, .pagination .page-item:not(.last) .page-link, .pagination .page-item:not(.active) .page-link { line-height: 36px; font-weight:400; font-size:15px; }

@media only screen and (max-width: 768px) {
.pagination .page-item:last-child { border-right: 1px solid #e5e6e7; }
.pagination .page-item .page-link { padding: 0rem 0.7rem; }
.pagination .page-item.first a, .pagination .page-item.previous a, .pagination .page-item.next a, .pagination .page-item.last a { width: 30px; text-indent: -60px; }
.pagination .page-item.previous a { text-indent: -110px; }
}

.table-responsive { position: relative; min-height: 160px !important; } /* min height for no result message */


/* no record handle */

table.dataTable p.no_record { padding:20px 20px 30px 20px!important; margin:0px; }
div.no_record_template { display:none; }
table.dataTable td.dataTables_empty { width:100%; }
table.dataTable.table-hover.empty tbody tr:hover { background-color:transparent; border-top:0px; border-bottom:0px; }

table.dataTable.empty { height:100%; position: absolute; } /* if set absolute, need to set min height for table responsive for no result */
table.dataTable.empty tbody { height:100%; }
table.dataTable.empty tbody tr { height:100%; }

table.dataTable.empty tr:hover { background-color:transparent!important; border-top:0px; border-bottom:0px; }
table.dataTable.empty td { background-color:transparent; border-top:0px; border-bottom:0px; }
table.dataTable.empty td:hover { background-color:transparent; border-top:0px; border-bottom:0px; }
table.dataTable.empty tbody tr:hover td.dtfc-fixed-left { background-color:transparent!important; }
table.dataTable.empty tbody tr:hover td.dtfc-fixed-right { background-color:transparent!important; }

table.dataTable.empty thead { display:none; }
/*table.dataTable.empty { display:none; }
table.dataTable.empty + .no_record_template { display:block; }*/


/* fund select template */
table.fund_select_template { display:none; }


/* event time group */
.event_time_btn { max-width:65px; margin-left:-10px;}
.event_time { width:calc(100% - 65px); }
.event_time_template { display:none; }
.event_time_group .action_col span { position:relative; top:5px; }

/* check box and radio button */
.myCheck { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:normal; cursor:pointer; }
.myCheck input { display:none; }
.myCheck span.details_input:before { color:#76ce76; font:normal 24px/1 FontAwesome; content:"\f10C"; width:24px; height:24px; line-height:24px; position:relative; top:3px; }
.myCheck input:checked + span.details_input:before { content:"\f058"; }
.myCheck_x input:checked + span.details_input:before { content:"\f057"; }
.myCheck.minus span.details_input:before { content:"\f056"; }
.check_col .myCheck { margin-bottom:0px; }
.check_col .myCheck span.details_input:before { top:0px; }
.check_col label.myCheck, .multiple_function_row label.myCheck { font-size: 0.85rem; padding-left: 0rem; }
.myCheck input:disabled ~ span:before { color:#cccccc; cursor:default; }


.myRadio { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:normal; cursor:pointer; }
.myRadio input { display:none; }
.myRadio span.details_input:before { color:#76ce76; font:normal 24px/1 FontAwesome; content:"\f10C"; width:24px; height:24px; line-height:24px; position:relative; top:3px; }
.myRadio input:checked + span.details_input:before { content:"\f058"; }
label.error { margin-left:0px; }
.myRadio.error input:checked + span.details_input:before { color:#96172e; margin-left:0px; content:"\f057"; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color: #309bd4; border-color: #309bd4; }
.custom-control-input:checked ~ .custom-control-label::before { color: #FFFFFF; border-color: #309bd4; background-color: #309bd4; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0); }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color : #309bd4; }

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(48, 155, 212, 0.5); }


/*.list-unstyled { display: flex; }*/
.list-unstyled li { /*margin-right: 1rem !important;*/ white-space: nowrap; }
.vs-checkbox-primary input:checked ~ .vs-checkbox { border-color: #309bd4 !important; }
.vs-checkbox-primary input:active:checked + .vs-checkbox .vs-checkbox--check { background-color: #309bd4 !important; }
.vs-checkbox-con .vs-checkbox { border-width: 1px; border-style: solid; border-color: #D9D9D9; border-radius: 0px; }
.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check { background-color: #309bd4 !important; }
.vs-checkbox-con { margin: 0px 0 0px 0; padding: 8px 8px 8px 8px;}
.vs-checkbox-con:hover { background-color:rgba(48, 155, 212, 0.2); }
.vs-checkbox-con input { padding: 10px 0; margin-left: -10px; }
.vs-checkbox-con input:hover ~ .vs-checkbox { border-color: #309bd4; }

.custom-radio { margin: 0px 0 0px 0; padding: 8px 8px 8px 28px; cursor:pointer; }
.custom-radio:hover { background-color:rgba(48, 155, 212, 0.2); }
.custom-radio input { padding: 10px 0; position:absolute; width:100%; height:100%; top: 0px; left: 0px; z-index: 100; }
.custom-radio input:hover ~ .vs-checkbox { border-color: #309bd4; }
.custom-radio .custom-control-label::before, .custom-control-label::after { width: 1.143rem; height: 1.143rem; top: 0.2rem; }
.custom-radio:hover .custom-control-label::before { border: #309bd4 solid 1px; }


.input-group-text { border-radius: 0px; border: 1px solid #D9D9D9; }




/* dropzone - single image style */
.dz_init, .dz_template { display:none; }
.dropzone.single_image { min-height: 250px; margin:0px auto; border: 1px dashed #D9D9D9; background: #F8F8F8; border-radius:0px; padding:0px; cursor:pointer; position:relative; }
.dropzone.single_image .dz-message:before { display:none; }
.dropzone.single_image .dz-message { text-align:center; font-size:24px; top:0px; color: #444444; padding: 1.25rem; margin-top: 0px; margin-bottom: 0px; height: 100%; width:100%; left:0px; margin:0px; }
.dropzone.single_image.dz-started .dz-message { opacity:0; display:none; }
.dropzone.single_image .upload_container { /*display: table-cell; width: 100%; height: 100%;*/ line-height: 20px; font-weight: bold; vertical-align: middle; margin-left: auto; margin-right: auto; }
.dropzone.single_image .upload_container:before { content: '\f093'; font-family: 'FontAwesome'; font-size: 40px; color: #309bd4; }

.dropzone.single_image .upload_container div { font-size:24px; line-height:30px; padding-top:20px; }
.dropzone.single_image .upload_container div.remarks { font-weight:normal; font-size:13px; line-height:20px; padding-top:10px; }
.dropzone.single_image .upload_container img.icon_upload{ width:86px; height:86px; }

.dropzone.single_image .dz-image img { width:100%; height:auto; max-width:inherit; }
.dropzone.single_image .dz-image video { width:100%!important; height:auto!important; max-width:inherit; max-height: 514px; display: inherit; z-index:50; margin: 0px auto; }

.dropzone.single_image .dz-preview { position: relative; min-height:250px; margin: 0px; padding: 0px; border: 0px; box-shadow: none; display:block; }
.dropzone.single_image .dz-preview.dz-success:hover .dz-remove { opacity:0.5; margin:0px; }

.dropzone.single_image .dz-preview .dz-progress { opacity:1; text-indent:-9999px; position:absolute; width:100%; height:100%; min-height:200px; top:0px; left:0px; background-color:rgba(0,0,0, 0.5); }

/*.dropzone.single_image .dz-preview .dz-progress .dz-loading { opacity:1; text-indent:0; position:absolute; width:100%; height:100%; min-height:200px; top:50%; margin-top:-30px; left:0px; background-color:rgba(0,0,0, 0.5); }*/

.dropzone.single_image .dz-preview.dz-success .dz-progress {
  opacity:0; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }

.dropzone.single_image .dz-preview .dz-upload-info { opacity:0; }
.dropzone.single_image .dz-preview.dz-image-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.single_image .dz-preview.dz-file-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.single_image .dz-preview .dz-image { opacity:0; }
.dropzone.single_image .dz-preview.dz-success .dz-image { opacity:1; }

.dropzone.single_image .dz-upload { display:block; width:100%; background-color:rgba(255,255,255, 0.3); height:20px; bottom:0px; position:absolute; left:0px; border-radius:10px; overflow: hidden; }
.dropzone.single_image .dz-upload-bar { display:block; width:100%; background-color:rgba(255,255,255, 0.7); height:20px; bottom:0px; position:absolute; left:0px; border-radius:0px; }
.dropzone.single_image .dz-upload-text { text-indent:0px; display:block; position:absolute; top:0px; left:0px; color:#cccccc; font-size:24px; width:100%; height:30px; line-height:30px; text-align:center; }

.dropzone.single_image .dz-remove { opacity:0; text-indent:-9999px; position:absolute; width:60px; height:60px; /*min-height:200px;*/ top:0px; right:0px; background-color:rgba(0,0,0, 0.5); background-image: none; border: 0px; margin: 0px; cursor: pointer; }
.dropzone.single_image .dz-remove:before, .dz-remove:after { position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-4px; content:' '; height:50px; width:8px; background-color:transparent; border-radius:0px; }
.dropzone.single_image .dz-remove:before { /*transform:rotate(45deg);*/ }
.dropzone.single_image .dz-remove:after { /*transform:rotate(-45deg);*/ }

.dropzone.single_image .dropzone-choose { width:100%; height:100%; }

.dropzone .dz-default.dz-message span, .dropzone .dz-default.dz-message button { display:table!important; width:100%; height:100%; border:0px; background:transparent; padding:0px; }



/* newer version */

/* dropzone - single image style */
.dz_init, .dz_template { display:none; }
.dropzone.single_image { min-height:inherit; margin:0px auto; border: 1px dashed #D9D9D9; background: #F8F8F8; border-radius:0px; padding:0px; cursor:pointer; position:relative; }
.dropzone.single_image .dz-message:before { display:none; }
.dropzone.single_image .dz-message { position:relative; text-align:center; font-size:24px; top:0px; color: #444444; padding: 50px 1.25rem; margin-top: 0px; margin-bottom: 0px; height: 100%; width:100%; left:0px; margin:0px; background-color: #ffffff; }
.dropzone.single_image.dz-started .dz-message { opacity:0; display:none; }
.dropzone.single_image .upload_container { /*display: table-cell; width: 100%; height: 100%;*/ line-height: 20px; font-weight: bold; vertical-align: middle; margin-left: auto; margin-right: auto; }
/*.dropzone.single_image .upload_container:before { content: '\f093'; font-family: 'FontAwesome'; font-size: 40px; color: #309bd4; }*/
.dropzone.single_image .upload_container svg { width:40px; height:40px; color:#009688; }
.dropzone.single_image .upload_container div { font-size:24px; line-height:30px; padding-top:20px; }
.dropzone.single_image .upload_container div.remarks { font-weight:normal; font-size:13px; line-height:20px; padding-top:10px; }
.dropzone.single_image .upload_container img.icon_upload{ width:86px; height:86px; }

.dropzone.single_image .dz-image img { width:100%; height:auto; max-width:inherit; }
.dropzone.single_image .dz-image video { width:100%!important; height:auto!important; max-width:inherit; max-height: 514px; display: inherit; z-index:50; margin: 0px auto; }

.dropzone.single_image .dz-preview { position: relative; min-height:200px!important; margin: 0px; padding: 0px; border: 0px; box-shadow: none; display:block; }
.dropzone.single_image .dz-success { min-height:inherit!important; }
.dropzone.single_image .dz-processing { /*in-height:inherit!important;*/ min-height:200px!important; }
.dropzone.single_image .dz-complete { min-height:inherit!important; }
.dropzone.single_image .dz-image-preview { min-height:inherit!important; }

.dropzone.single_image .dz-preview .dz-progress { opacity:1; text-indent:-9999px; position:absolute; width:100%; height:100%; min-height:100%; top:0px; left:0px; background-color:rgba(0,0,0, 0.5); }

/*.dropzone.single_image .dz-preview .dz-progress .dz-loading { opacity:1; text-indent:0; position:absolute; width:100%; height:100%; min-height:200px; top:50%; margin-top:-30px; left:0px; background-color:rgba(0,0,0, 0.5); }*/

.dropzone.single_image .dz-preview.dz-success .dz-progress {
  opacity:0; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; margin:0px; border-radius:0px; }

.dropzone.single_image .dz-preview .dz-upload-info { opacity:0; }
.dropzone.single_image .dz-preview.dz-image-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.single_image .dz-preview.dz-file-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.single_image .dz-preview .dz-image { opacity:0; }
.dropzone.single_image .dz-preview.dz-success .dz-image { opacity:1; border-radius:0rem; width:100%; height:auto; }

.dropzone.single_image .dz-upload { display:block; width:100%; background-color:rgba(255,255,255, 0.3); height:20px; bottom:0px; position:absolute; left:0px; border-radius:10px; overflow: hidden; }
.dropzone.single_image .dz-upload-bar { display:block; width:100%; background-color:rgba(255,255,255, 0.7); height:20px; bottom:0px; position:absolute; left:0px; border-radius:0px; }
.dropzone.single_image .dz-upload-text { text-indent:0px; display:block; position:absolute; top:0px; left:0px; color:#cccccc; font-size:24px; width:100%; height:30px; line-height:30px; text-align:center; }

.dropzone.single_image .dropzone-choose { opacity:0; position:absolute; width:60px; height:60px; margin:0px; background-color:rgba(0,0,0, 0.5); background-image: none; border: 0px; margin: 0px; cursor: pointer; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; top: 50%!important; left: calc(50% - 100px)!important; /* top:10px; right:80px; */ margin-top:-30px!important; z-index:1; }
.dropzone.single_image .dz-preview.dz-success:hover .dropzone-choose { opacity: 0.8; }
.dropzone.single_image .dz-preview.dz-success:hover .dropzone-choose:hover { opacity: 1; }
.dropzone.single_image .dropzone-choose:before { content:"1"; text-indent:-9999px; display:inline-block; width:40px; height:40px; position: absolute; margin-top: -20px; top: 50%; left: 50%; margin-left: -20px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-upload'><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'></path><polyline points='17 8 12 3 7 8'></polyline><line x1='12' y1='3' x2='12' y2='15'></line></svg>"); background-size:100% auto; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate( 46deg) brightness(105%) contrast(101%); opacity:0.7; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.single_image .dropzone-choose:hover:before { opacity:1; }

.dropzone.single_image .dropzone-crop { opacity:0; position:absolute; width:60px; height:60px; margin:0px; background-color:rgba(0,0,0, 0.5); background-image: none; border: 0px; margin: 0px; cursor: pointer; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; top: 50%!important; left: calc(50% - 30px)!important; margin-top:-30px!important; z-index:1; }
.dropzone.single_image .dz-preview.dz-success:hover .dropzone-crop { opacity: 0.8; }
.dropzone.single_image .dz-preview.dz-success:hover .dropzone-crop:hover { opacity: 1; }
.dropzone.single_image .dropzone-crop:before { content:"1"; text-indent:-9999px; display:inline-block; width:40px; height:40px; position: absolute; margin-top: -20px; top: 50%; left: 50%; margin-left: -20px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-crop'><path d='M6.13 1L6 16a2 2 0 0 0 2 2h15'></path><path d='M1 6.13L16 6a2 2 0 0 1 2 2v15'></path></svg>"); background-size:100% auto; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate( 46deg) brightness(105%) contrast(101%); opacity:0.7; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.single_image .dropzone-crop:hover:before { opacity:1; }


.dropzone.single_image .dz-remove { opacity:0; text-indent:-9999px; position:absolute; width:60px; height:60px; margin:0px; background-color:rgba(0,0,0, 0.5); background-image: none; border: 0px; margin: 0px; cursor: pointer; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; overflow:hidden; top: 50%!important; left: calc(50% + 40px)!important; margin-top: -30px!important; z-index:1; border-radius: 0px; }
#text_file .dz-remove { left: 50%!important; margin-left: -30px!important; }
#csv_file .dz-remove { left: 50%!important; margin-left: -30px!important; }

.dropzone.single_image .dz-preview.dz-success:hover .dz-remove { opacity:0.8; }
.dropzone.single_image .dz-preview.dz-success:hover .dz-remove:hover { opacity: 1; }
.dropzone.single_image .dz-remove:before { content:"1"; text-indent:-9999px; display:inline-block; width:40px; height:40px; position: absolute; margin-top: -20px; top: 50%; left: 50%; margin-left: -20px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-trash'><polyline points='3 6 5 6 21 6'></polyline><path d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'></path></svg>"); background-size:100% auto; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate( 46deg) brightness(105%) contrast(101%); opacity:0.7; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.single_image .dz-remove:hover:before { opacity:1; }
.dropzone.single_image .dz-remove:after { content: ""; display:none; }

.dropzone.single_image .dz-preview.dz-success:before { opacity:0; position: absolute; width:100%; height:100%; content:" "; background-color:rgba(255, 255, 255, 0.6); display:block; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.dropzone.single_image .dz-preview.dz-success:hover:before { opacity:1; }

.dropzone .dz-default.dz-message span, .dropzone .dz-default.dz-message button { display:table!important; width:100%; height:100%; border:0px; background:transparent; padding:0px; }


.dropzone .convert-overlay { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: rgba(34, 41, 47, 0.5); display:flex; visibility: hidden; opacity: 0; transition: all 0.5s ease; z-index:-1; }
.dropzone .convert-overlay .spinner-border { height: 4vw; width: 4vw; margin:auto; }
.dropzone.converting .convert-overlay { opacity: 1; visibility: visible; z-index: 10; }

.dropzone ~ .help-block .danger { color: #EA5455; font-size: 0.875rem; padding-top: 0.2rem; }


/* dropzone multiple */

.dropzone.multiple_images .dz-preview { width:10%; height:80px; float:left; border:2px solid #ffffff;}
.dropzone.multiple_images .dz-preview img { width:100%; height:auto; flex-shrink:cover; }

.dropzone.multiple_images { min-height: 250px; margin:0px auto; border: 1px dashed #D9D9D9; background: #F8F8F8; border-radius:0px; padding:1rem; cursor:pointer; position:relative; }
.dropzone.multiple_images .dz-message:before { display:none; }
.dropzone.multiple_images .dz-message { text-align:center; font-size:24px; top:0px; color: #444444; padding: 1.25rem; margin-top: 0px; margin-bottom: 0px; height: 100%; width:100%; left:0px; margin:0px; }
.dropzone.multiple_images.dz-started .dz-message { opacity:0; display:none; }
.dropzone.multiple_images .upload_container { /*display: table-cell; width: 100%; height: 100%;*/ line-height: 20px; font-weight: bold; vertical-align: middle; margin-left: auto; margin-right: auto; }
.dropzone.multiple_images .upload_container:before { content: '\f093'; font-family: 'FontAwesome'; font-size: 40px; color: #309bd4; }
.dropzone.multiple_images .upload_container div { font-size:24px; line-height:30px; padding-top:20px; }
.dropzone.multiple_images .upload_container div.remarks { font-weight:normal; font-size:13px; line-height:20px; padding-top:10px; }
.dropzone.multiple_images .upload_container img.icon_upload{ width:86px; height:86px; }

.dropzone.multiple_images .dz-image img { width:100%; height:auto; max-width:inherit; }
.dropzone.multiple_images .dz-image video { width:100%!important; height:auto!important; max-width:inherit; max-height: 514px; display: inherit; z-index:50; margin: 0px auto; }

.dropzone.multiple_images .dz-preview { position:relative; height:100%; }
.dropzone.multiple_images .dz-preview.dz-success:hover .dz-remove { opacity:0.5; }

.dropzone.multiple_images .dz-preview .dz-progress { opacity:1; /*text-indent:-9999px;*/ position:absolute; width:100%; height:100%; /*min-height:200px;*/ top:0px; left:0px; background-color:rgba(0,0,0, 0.5); }

.dropzone.multiple_images .dz-preview.dz-success .dz-progress {
  opacity:0; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -ms-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }

.dropzone.multiple_images .dz-preview .dz-upload-info { opacity:0; }
.dropzone.multiple_images .dz-preview.dz-image-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.multiple_images .dz-preview.dz-file-preview .dz-upload-info { opacity:1 ; display:block; width:70%; height:60px; margin:-30px auto; top:50%; position:absolute; left:15%; }
.dropzone.multiple_images .dz-preview .dz-image { opacity:0; }
.dropzone.multiple_images .dz-preview.dz-success .dz-image { opacity:1; }

.dropzone.multiple_images .dz-upload { display:block; width:100%; background-color:rgba(255,255,255, 0.3); /*height:20px; bottom:0px; position:absolute; left:0px;*/ border-radius:10px; overflow: hidden; }
.dropzone.multiple_images .dz-upload-bar { display:block; width:100%; background-color:rgba(255,255,255, 0.7); height:20px; bottom:0px; position:absolute; left:0px; border-radius:0px; }
.dropzone.multiple_images .dz-upload-text { text-indent:0px; display:block; position:absolute; top:0px; left:0px; color:#cccccc; font-size:24px; width:100%; height:30px; line-height:30px; text-align:center; }

.dropzone.multiple_images .dz-remove { opacity:0; text-indent:-9999px; position:absolute; width:100%; height:100%; /*min-height:200px;*/ top:0px; right:0px; background-color:rgba(0,0,0, 0.5); }
.dropzone.multiple_images .dz-remove:before, .dz-remove:after { position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-4px; content:' '; height:50px; width:8px; background-color:#ffffff; border-radius:4px; }
.dropzone.multiple_images .dz-remove:before { transform:rotate(45deg); }
.dropzone.multiple_images .dz-remove:after { transform:rotate(-45deg); }

.dropzone.multiple_images .dropzone-choose { width:100%; height:100%; }


/* dropzone audio preview */

.dropzone.single_image .dz-audio { position:absolute; width:100%; height:54px; margin-top:-27px; top:50%; border: 0px; }
.dropzone .dz-audio audio { width:90%; display:block; margin:auto; }

audio::-webkit-media-controls-panel { }
audio::-webkit-media-controls-mute-button { }
audio::-webkit-media-controls-play-button { }
audio::-webkit-media-controls-timeline-container { }
audio::-webkit-media-controls-current-time-display { /*display: none;*/}
audio::-webkit-media-controls-time-remaining-display { display: none; }
audio::-webkit-media-controls-timeline { }
audio::-webkit-media-controls-volume-slider-container { }
audio::-webkit-media-controls-volume-slider { }
audio::-webkit-media-controls-seek-back-button { }
audio::-webkit-media-controls-seek-forward-button { }
audio::-webkit-media-controls-fullscreen-button { }
audio::-webkit-media-controls-rewind-button { }
audio::-webkit-media-controls-return-to-realtime-button { }
audio::-webkit-media-controls-toggle-closed-captions-button { }



/* cropper */
#modal_crop.show { height:100%; width:100%; margin: 0px; display: block!important; padding: 0px!important; overflow: hidden; }
/*#modal_crop { height:100vh; width:100vw; margin: 0px; display: none!important; padding: 0px!important; overflow: hidden; }
#modal_crop.show { display: block!important; }*/
#modal_crop .modal-dialog { height:100%; width:100%; max-width:inherit; margin: 0px; padding: 0px!important; }
#modal_crop .modal-dialog .modal-content { height:100%; width:100%; max-width:inherit; margin: 0px; padding: 0px!important; }
#modal_crop .modal-body { height:calc(100% - 62px - 69px); max-height:inherit; padding: 0px!important; overflow-y:hidden; }
#modal_crop .img-container { height:100%; width:100%; padding: 0px!important; }
#modal_crop .img-container img { width:auto; max-height:100%; }
#modal_crop .img-container #crop_image { opacity:0; }


/* Sweet alert */



/* Select 2 */
.select2 { width:100%!important; }
.select2-container { /*z-index: 6000;*/ z-index:6000; font-size:0.96rem; }
.app-content .select2-container { z-index: 2; }
.input-group > .select2 { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto!important; }

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single { min-height: 39px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #dadada !important; color: #626262 !important; padding: 2px 5px 2px 7px; margin-right: 4px; margin-top: 4px; border: 0px; border-radius: 0px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #626262 !important; float: right; margin-left: 0.5rem; }
.select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #309bd4 !important; outline: 0; border-radius: 0px; }
.select2-container--classic .select2-selection--multiple, .select2-container--default .select2-selection--multiple { border-radius: 0px; }
.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single { border-radius: 0px; }
.form-group.error .select2-container--classic .select2-selection--single, .form-group.error .select2-container--default .select2-selection--single { border-radius: 0px; border-color: #EA5455; }
.select2-container--classic.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single { border-color: #309bd4 !important; outline: 0; }
.select2-container--classic .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus { outline: 0; border-color: #309bd4 !important;box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0) !important; }

.select2-search--dropdown { border-top: 1px solid #aaa; }
.select2-search__field::-webkit-input-placeholder { color : rgba(34, 41, 47, 0.4); -webkit-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field:-moz-placeholder { color : rgba(34, 41, 47, 0.4); -moz-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field:-ms-input-placeholder { color : rgba(34, 41, 47, 0.4); -ms-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field::-ms-input-placeholder { color : rgba(34, 41, 47, 0.4); -ms-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field::placeholder { color : rgba(34, 41, 47, 0.4); -webkit-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field:-ms-input-placeholder { color : #C5C5C5; }
.select2-search__field:focus::-webkit-input-placeholder { -webkit-transform : translate(5px); transform : translate(5px); -webkit-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field:focus::-moz-placeholder { transform : translate(5px); -moz-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field:focus:-ms-input-placeholder { -ms-transform : translate(5px); transform : translate(5px); -ms-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field:focus::-ms-input-placeholder { -ms-transform : translate(5px); transform : translate(5px); -ms-transition : all 0.2s ease; transition : all 0.2s ease; }
.select2-search__field:focus::placeholder { -webkit-transform : translate(5px); -ms-transform : translate(5px); transform : translate(5px); -webkit-transition : all 0.2s ease; transition : all 0.2s ease; }

.select2-container--classic .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field { outline: none !important; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { margin-top: 0px; padding: 0.5rem 0.35rem; height: calc(1.25em + 1rem + 1px); }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 1px 5px; }
.select2-container--default .select2-selection--multiple { min-height: 31px !important; display: flex; border: 1px solid #D9D9D9; }
.select2-dropdown { border-color: #aaa; border-radius: 0px; }

/* tab */
.nav.nav-tabs .nav-item .nav-link:not(:first-child) { padding-left:35px; }
.nav.nav-tabs .nav-item .nav-link.active { color: #309bd4; }
.nav.nav-tabs .nav-item .nav-link.active:after { background: -webkit-linear-gradient(60deg, #309bd4, rgba(48, 155, 212, 1)) !important; background: linear-gradient(30deg, #309bd4, rgba(48, 155, 212, 1)) !important; box-shadow: 0 0 0px 0 rgba(115, 103, 240, 0) !important; }
/* icon in tab */
.nav-item .nav-item-icon.valid:before { color: #76ce76; content: "\f058";}
.nav-item .nav-item-icon:before { color: #cccccc; font: normal 24px/1 FontAwesome; content: "\f056"; width: 24px;  height: 24px; line-height: 24px; top: 0px; position:absolute; padding:6px; }
.nav.nav-tabs .nav-item .nav-item-icon ~ a.nav-link { color:#cccccc; }
.nav.nav-tabs .nav-item .nav-item-icon.valid ~ a.nav-link { color: #626262!important; }

/* editor */
.note-editor.note-frame { border: 1px solid #ddd; }
/*.note-editor.note-frame .note-editing-area .note-editable { min-height: 200px; }*/
.note-editor .dropdown-toggle::after { content: ""!important; }
.panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; }

.note-editor .modal-header .close { position: absolute; right: 0px; }

.note-popover {display:none; }


/* website page preview */
.summary {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

#tc-summary-preview { max-width:400px; }
#en-summary-preview { max-width:400px; }


/* profile item */
div.profile_item { display:flex; }
div.profile_item > div { display:table-cell; padding:10px 0px 10px 10px; float:left; border-bottom:1px solid #e5e6e7; }
div.profile_item > div:first-child { font-weight:bold; width:120px; background-color: #F8F8F8; }
div.profile_item > div:nth-child(2) { width:calc(100% - 120px); }
.profile_image { max-width:270px; } 
.profile_info { width:calc(100% - 270px); } 

div.news_item { display:flex; }
div.news_item > div { display:table-cell; padding:10px 0px 10px 10px; float:left; border-bottom:1px solid #e5e6e7; }
div.news_item > div:first-child { font-weight:bold; width:100px; background-color: #F8F8F8; }
div.news_item > div:nth-child(2) { width:calc(100% - 100px); padding:10px 10px 10px 10px; }



@media (max-width: 767.98px) {
.profile_row { display:block; }	
.profile_image { max-width:inherit; width:100%; }
.profile_image img { max-width:250px; margin:0px auto; display:block; } 
.profile_info { width:100%; } 
}


/* gennext style adjust */
h4.text-primary { padding-bottom:1rem; border-bottom: 1px solid rgba(34, 41, 47, 0.1); margin-bottom: 1rem; width:100%; padding-right:50px; }
.button-group-pills .btn { margin: 0px; padding: 8px 8px 8px 8px; border-radius: 0px; }
.button-group-pills .btn input[type="checkbox"], .button-group-pills .btn input[type="radio"] { display: none; }
.button-group-pills .btn:hover { background-color:rgba(48, 155, 212, 0.2); }
.button-group-pills .btn:hover input ~ .tick i { border-color: #309bd4; }
.button-group-pills .btn input[type="checkbox"] ~ .tick i:before { position:absolute; top:0px; -webkit-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.button-group-pills .btn input[type="checkbox"]:checked ~ .tick i { border-color: #309bd4; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
.button-group-pills .btn input[type="checkbox"]:checked ~ .tick i:before { top:-1px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
.button-group-pills .btn input ~ .tick { display: inline-flex; line-height: 19px; }

.button-group-pills .btn input[type="checkbox"] ~ .tick i { display: inline-block; width:20px; height:20px; border-width: 1px; border-style: solid; border-color: #D9D9D9; border-radius: 0px; margin-right: 0.5rem; overflow:hidden; position: relative; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.button-group-pills .btn input[type="checkbox"] ~ .tick i.fa-check:before { width:26px; height:26px; background-color: #309bd4; font-family: feather!important; color:#ffffff; content: "\e83f"; font-style:normal; box-sizing: border-box; position:absolute; left:-4px; }

.button-group-pills .btn input[type="radio"] ~ .tick i { border-width: 1px; border-style: solid; border-color: #D9D9D9; border-radius:50%; width: 1.143rem; height: 1.143rem; top: 0.1rem; margin-right: 0.5rem; }
.button-group-pills .btn input[type="radio"]:checked ~ .tick i { background-color: #309bd4; border-color: #309bd4; }
.button-group-pills .btn input[type="radio"] ~ .tick i.fa-check:before { display:none; }


#gennext_parent .form-group.row { margin-bottom: 0rem; }
#gennext_parent .form-group.row .mb-3 { margin-bottom: 1.5rem!important; }
#gennext_parent .form-group.row .mb-sm-0 { margin-bottom: 1.5rem!important; }
#gennext_tutor .form-group.row { margin-bottom: 0rem; }
#gennext_tutor .form-group.row .mb-3 { margin-bottom: 1.5rem!important; }
#gennext_tutor .form-group.row .mb-sm-0 { margin-bottom: 1.5rem!important; }
#gennext_child .form-group.row { margin-bottom: 0rem; }
#gennext_child .form-group.row .mb-3 { margin-bottom: 1.5rem!important; }
#gennext_child .form-group.row .mb-sm-0 { margin-bottom: 1.5rem!important; }


/* calendar */

/*.fc .fc-view-container .fc-body .fc-day-top.fc-today a, .fc .fc-view-container .fc-body .fc-day-top.fc-today span { background-color: #309bd4; color: #FFFFFF; padding: 5px 10px; margin-top: 2px; margin-right: 2px; border-radius: 0px; }*/
.fc .fc-view-container .fc-body .fc-week table tbody .fc-day.fc-today { background-color: rgba(48, 155, 212, 0.2); }
.fc .fc-header-toolbar .fc-right .fc-button { background-color: #309bd4; border-radius: 0px; padding: 0.4rem 0.8rem; height: 32px; width: inherit; font-size: 1em; line-height: 1.5em; margin-left: 0.5rem;}
.fc .fc-header-toolbar .fc-right .fc-button:focus { background-color: #309bd4; border:0px; }
.btn-outline-primary.disabled, .fc .disabled.fc-button, .btn-outline-primary:disabled, .fc .fc-button:disabled { color: #FFFFFF; }
.fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button { margin-right: 0rem; }
.fc .fc-header-toolbar .fc-right div:first-child { float:right; }
.fc .fc-header-toolbar .bullets-group-1, .fc .fc-header-toolbar .bullets-group-2 { margin: 0.3rem 0.6rem!important; float: left; }
.fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button .fc-icon, .fc .fc-header-toolbar .fc-right .fc-button.fc-next-button .fc-icon { top: -2px; width: 15px; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .fc .fc-button:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .fc .fc-button:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .fc .show > .dropdown-toggle.fc-button { color: #FFFFFF; background-color: #309bd4; border-color: #309bd4; }
.btn-light { color: #ffffff; }



/* date picker */

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color:#FFFFFF; border:1px solid #D9D9D9; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block;position: absolute;left: 50%;margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em;margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em;border-collapse: collapse;margin: 0; }
.ui-datepicker th { padding: .7em .3em; text-align: center;font-weight: bold;border: 0; }
.ui-datepicker td {  border: 0;padding: 1px; }
.ui-datepicker td.ui-datepicker-today a { background-color:#309bd4; color:#FFFFFF; border:1px solid #309bd4; }
.ui-datepicker td span, .ui-datepicker td a { width:30px; height:30px; line-height:30px; text-align: center; display: block; padding:0px; text-decoration: none; color:#626262; }
.ui-datepicker td span:hover, .ui-datepicker td a:hover { color:#309bd4;}
.ui-datepicker td:hover span, .ui-datepicker td:hover a { background-color:#e5e6e7; }
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a { background-color: rgba(48, 155, 212, 0.2); color:#309bd4;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none;margin: .7em 0 0 0; padding: 0 .2em; border-left: 0;border-right: 0;border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right;margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* Icons */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px;overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; }

.ui-datepicker-prev:before { position:absolute; content: "\e843"; font-size: 1.5em; font-family: feather!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color:#333333; top:3px; }
.ui-datepicker-next:before { position:absolute; content: "\e844"; font-size: 1.58em; font-family: feather!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color:#333333; top:3px; }

/* home carousel */

.carousel-item { overflow:hidden; }

.carousel-indicators { margin-top:-30px; right:0px; bottom:inherit; left:inherit; top:0px; margin-right:1.5rem; margin-left:0px; }
.carousel-indicators li { width: 30px; background-color : #309bd4; }

.card.home_event_calendar, .card.home_event_today { height: calc( 100% - 2.2rem); }

/* spacing and responsive adjustment */
.card-body { padding: 1.5rem; }
.card .card-header { padding: 1.5rem 1.5rem 0rem 1.5rem!important; margin-bottom: -1rem; }
.table th, .table td { padding: 0.75rem; }
.content-header-left { margin-bottom: 1rem!important; }
.card_link { cursor:pointer; }
.card .card-header .heading-elements-toggle { display:none!important; }

.carousel-control-prev:before, .carousel-control-next:before { font-family: feather!important;
    speak: none; 
	font-size:80px; 
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.carousel-control-prev:before { content: "\e843"; }
.carousel-control-next:before { content: "\e844"; }
.carousel-control-prev-icon { display:none; }
.carousel-control-next-icon { display:none; }
.carousel-control-prev, .carousel-control-next { color: #FFFFFF; opacity: 0.5; }
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #FFFFFF; opacity: 0.9; }

@media (max-width: 991.98px) {
.heading-elements .list-inline { display:block; }
	
}

.form-group label { font-size: 1rem; margin-bottom: 0.2rem;}
.nav.nav-tabs .nav-item .nav-link { font-size: 1rem; }

.row { margin-right: -10px; margin-left: -10px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 10px; padding-left: 10px; }

@media (max-width: 575.98px) {
.card { margin-left:-1rem; margin-right:-1rem; border-radius: 0rem; }
.card.card-fullscreen { left: 1rem; bottom: 0; overflow: auto; }
.card-body { padding: 1rem; }
.card .card-header { padding: 1rem 1rem 0rem 1rem!important; margin-bottom: -1rem; }
.row { margin-right: -6px; margin-left: -6px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 6px; padding-left: 6px; }
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	
}
@media (max-width: 575.98px) {
.breadcrumb-wrapper { display:none; }
.search_row .align-right { float: none; }
.search_row .search_field { width: 58%; }
.search_row .add_new { margin:0px; width: 40%; float: right; }
.search_row .add_new .btn { width: 100%; padding: 0.75rem 1rem; }
}
@media (max-width: 767.98px) {
.search_row .align-left { float: none; margin-bottom:0.5rem; }
}
@media (max-width: 991.98px) {

}
@media (max-width: 1199.98px) {
	
}

/* print style */
@media print {
.no_print { display:none; }
.breadcrumb-wrapper, .check_col, .action_col, .search_row, .dataTables_paginate, footer { display:none; }
.card-body { padding:0px; }
}

/* member profile */
.profile_pic img { width:100%; height:auto; }



/*.grid_icon { display:none; }*/

.grid_view table { display:block; border-collapse:separate; }	
.grid_view table thead { padding:0px; background: #F8F8F8; display: block; }
.grid_view table thead tr { position:relative; padding:0px; display:inline-block; background-color: #F8F8F8; border:0px; width:100%; vertical-align: top; white-space: nowrap; }
/*.grid_view table thead tr { display:block;  }*/

.grid_view table tbody { display:table-row; border-bottom:0px;}
.grid_view table tbody tr { position:relative; padding:0px; display:inline-block; background-color:#ffffff; border-top:1px solid #e5e6e7; width:25%; vertical-align: top; }
.grid_view table tr { border-top:0px; }
.grid_view table > tbody > tr > td { display:inherit!important; width:100%; padding:0px; border-bottom:0px solid #e5e6e7; border-top:0px solid #e7eaec; }

.grid_view table tbody td.check_col { display:none!important; position:absolute; top:14px; left:14px; width:24px; height:24px; box-sizing:border-box; padding:0px!important; z-index:10; }
	
.grid_view table .check_col .myCheck span.details_input { margin-top:0px; }

.grid_view table td { text-align:center; width:100%; overflow:hidden; text-overflow:ellipsis; }
.grid_view table tbody tr { padding: 15px; /*border-left:1px solid #e7eaec;*/ }
/*.grid_view table tbody tr:last-child:not { padding: 15px; border-left:1px solid #e7eaec; }*/
.grid_view table tbody tr:hover { background-color: rgba(34, 41, 47, 0.075); }
.grid_view table tbody tr:hover td.check_col { display:block!important; } /* check box column */
.grid_view table tbody tr.selected td.check_col { display:block!important; }
.grid_view table tbody tr.selected td.check_col { padding-top:10px; } 
.grid_view table tbody tr td { padding-bottom:5px; }
.grid_view table tbody tr td.action_col { padding-top:10px; }

.grid_view table tbody tr:hover td.sorting_1 { background-color:transparent; }

	
/* datatable sorting style for grid view */
.grid_view table thead .sorting_asc, .grid_view table thead .sorting_desc { background-color:#dadada; /*border-bottom: 1px solid #f0f0f0;*/}
.grid_view table tbody tr td.sorting_1 { background-color:transparent; }
.grid_view table tbody tr.selected td.sorting_1 { background-color:transparent; }
.grid_view table thead .sorting, .grid_view table thead .sorting_asc, .grid_view table thead .sorting_desc { border-bottom: 0px; white-space: nowrap; float:left; }	
.grid_view table thead th.sorting_disabled { display:none; }

.grid_view .lightgallery a { display: flex; overflow: hidden; position: relative; height:150px; justify-content: center; align-items: center; }
.grid_view .media_thumb { width: auto; height: auto; flex-shrink: 0; min-width: 100%; min-height: 100%; max-width: 100px; object-fit: cover; }

.grid_view table.empty tbody { display: block; }
.grid_view table.empty tbody tr { width: 100%!important; padding: 0.75rem; }
.grid_view table.empty tbody tr td { padding: 0px; }


@media (max-width: 991.98px) {
.grid_view table tbody tr { width:33.3%; }
}

@media (max-width: 767.98px) {
.grid_view table tbody tr { width:50%; }
}

@media (max-width: 575.98px) {
.grid_view table tbody tr { width:100%; }
}

.drag-target { display:none; }


.programmer_remarks { color:#cc0000; margin-bottom:20px; }

.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: "";
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* 20211025 select avatar */

#avatar_image { position:relative; cursor:pointer; width:250px; margin-left:auto; margin-right:auto; }
#avatar_image img { border-radius: 500px; }
.profile_pic .profile_pic_edit { position:absolute; bottom:10px; right:10px; width:40px; height:40px; line-height:0; border-color:#dfe7ed!important; background-color:#dfe7ed!important; padding:8px; }
.profile_pic .profile_pic_edit i { font-size:20px; line-height:24px; }
.select_avatar img { box-sizing: content-box; border:7px solid transparent; max-width:120px; width:100%; height:auto; margin-bottom:20px; opacity:0.3; border-radius: 200px; cursor:pointer; }
.select_avatar img.selected { border:7px solid #072e75; opacity:1; }
.select_avatar img:hover { border:7px solid #072e75; opacity:1; }


.table_profile_pic img { width:60px; height:60px; }

/* table action dropdown */
.table_actions .dropdown-menu { padding:0px; border-radius:0px; animation-duration: 0.3s; animation-fill-mode: both; animation-name: fadeIn; left: -20px!important; z-index:100; }
.table_actions .dropdown-menu .dropdown-item { padding: 1rem 1.2rem; }
.table_actions .dropdown-menu .dropdown-item:hover { color:#000001; background-color:#eeeeee; }
.table_actions .dropdown-menu .dropdown-item:active { color:#000001; background-color:#eeeeee; }
.table_actions .dropdown-menu .dropdown-item:focus { color:#000001; background-color:#eeeeee; }
.table_actions .dropdown-menu .dropdown-divider { margin: 0px; }
.table thead th, .table tfoot th { text-transform:inherit; }
.table_actions .dropdown-toggle { height:100%; width:100%; }
.table_actions .dropdown-toggle svg { color:#58f3a7; width:22px; height:22px; }
.table_actions .dropdown-toggle::after { content:''; display:none; }

.table_actions .dropdown-menu::before { display:none; }


/* fixed column */
table.dataTable thead th.dtfc-fixed-left { background-color:#F8F8F8!important; z-index:1!important; }
table.dataTable thead th.dtfc-fixed-right { background-color:#F8F8F8!important; z-index:1!important; }
.public-site table.dataTable thead th.dtfc-fixed-left { background-color:#fff!important; z-index:1!important; } /* 20220327  */
.public-site table.dataTable thead th.dtfc-fixed-right { background-color:#fff!important; z-index:1!important; }  /* 20220327  */
table.dataTable td.dtfc-fixed-left { background-color:#ffffff!important; /*z-index:1!important;*/ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
table.dataTable td.dtfc-fixed-right { background-color:#ffffff!important; /*z-index:1!important;*/ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
table.dataTable tbody tr:hover td.dtfc-fixed-left { background-color: #f9f9f9!important; }
table.dataTable tbody tr:hover td.dtfc-fixed-right { background-color: #f9f9f9!important; }


/* sorting */
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: 20px; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { font-size:12px; left:inherit; right:10; top:15px; bottom:inherit; opacity:0.5; display:none; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { font-size:12px; left:inherit; right:10; top:21px; bottom:inherit; opacity:0.5; }
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background-color:#dadada!important; }
table.dataTable thead .sorting:hover:after, table.dataTable thead .sorting_asc:hover:after, table.dataTable thead .sorting_desc:hover:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { opacity:0.7; }
table.dataTable thead .sorting_asc:before { content:"\f883"; }
table.dataTable thead .sorting_desc:before { content:""; }
table.dataTable thead .sorting_asc:after { content:"\f160"!important; font-family:"FontAwesome"!important; color:#009688; background-image:none; padding-left:5px;}
table.dataTable thead .sorting_desc:after { content:"\f161"!important; font-family:"FontAwesome"!important; color:#009688; background-image:none; padding-left:5px;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top:0; box-sizing:border-box; }

table.dataTable td { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
table.dataTable td { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
table.dataTable tbody tr:hover td { background-color: #f9f9f9!important; }
table.dataTable tbody tr:hover td { background-color: #f9f9f9!important; }

table.dataTable tbody tr td.sorting_1 { background-color:#F8F8F8; }
table.dataTable tbody tr:hover td.sorting_1 { background-color:#f5f5f5; }
table.dataTable tbody tr.selected { background-color: #e9f7e9!important; color: #222222!important; box-shadow: 0 0 0px 0 #ffffff!important; border-radius: 0px!important; }
table.dataTable tbody tr.selected td.sorting_1 { background-color:#ddf3dd; }
table.dataTable tbody tr.selected:hover { background-color: #d1efd1!important; }
table.dataTable tbody tr.selected:hover td.sorting_1 { background-color:#d1efd1; }
table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a { color: #309bd4; }
table.dataTable td.td_field { padding-top:5px; padding-bottom:5px; }

/*table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after { position:static; display: inline; }*/
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after { position:static; display: inline; }

/* sorting in fixed column */
table.dataTable thead .sorting_asc.dtfc-fixed-left, table.dataTable thead .sorting_desc.dtfc-fixed-left { background-color:#dadada!important; }
table.dataTable tbody tr td.sorting_1.dtfc-fixed-left { background-color:#F8F8F8!important; z-index:1; }
table.dataTable tbody tr:hover td.sorting_1.dtfc-fixed-left { background-color:#f5f5f5!important; }

table.dataTable thead .sorting_asc.dtfc-fixed-right, table.dataTable thead .sorting_desc.dtfc-fixed-right { background-color:#dadada!important; }
table.dataTable tbody tr td.sorting_1.dtfc-fixed-right { background-color:#F8F8F8!important; }
table.dataTable tbody tr:hover td.sorting_1.dtfc-fixed-right { background-color:#f5f5f5!important; }

table.dataTable tbody tr.dim td { background: #efffef !important; }
table.dataTable tbody tr.dim td.sorting_1 { background: #efffef !important; }
table.dataTable tbody tr.dim:hover td { background: #efffef !important; }
table.dataTable tbody tr.dim:hover td.sorting_1 { background: #efffef !important; }

.form-control.date_filter[readonly] { background-color: #ffffff; }

table.dataTable { border: 0px solid #e5e6e7; }
.table-responsive { border: 1px solid #e5e6e7; min-height:150px; }




/* modal */

.modal.show { display:flex!important; padding:0px!important; overflow: hidden; }
.modal .modal-dialog { transform: none; /*margin:auto;*/ padding:10px 0px; width:95vw; /*max-width:800px;*/ }
.modal .modal-dialog.modal-lg { max-width:800px!important; }
.modal .modal-dialog.modal-dialog-lg { max-width:800px!important; }
/*.modal .modal-dialog.modal-md { max-width:800px!important; }*/
.modal .modal-dialog.modal-sm { max-width:500px!important; }
.modal .modal-content { border-radius:0px; }
.modal .modal-header { border-radius:0px; position:relative; padding: 0.8rem 1.4rem; }
.modal .modal-header .close { padding: 0.2rem 0.62rem; box-shadow: 0 0px 0px 0 rgb(34 41 47 / 0%); border-radius:0px; background-color:transparent; opacity: 1; transition: all 0.23s ease 0.1s; position:absolute; transform:none; top:24px; right:24px; }
.modal .modal-header .modal-title { line-height:30px; font-weight:bold; align-self: center; }
.modal .modal-footer { border-radius:0px; margin-top:0px; }
.modal .modal-header .close:hover, .modal .modal-header .close:focus, .modal .modal-header .close:active { transform: translate(0px, 0px); }

/* set all to scrollable modal */
.modal { overflow-y:hidden; }
.modal .modal-body { max-height:calc(100vh - 160px); overflow-y:auto; }

.modal { min-width:320px; z-index:5800; }
.modal.modal-slide-in { /*margin-top:62px;*/ margin-top:0px; }
.modal-slide-in .modal-dialog .modal-content { position:relative; }
.modal-slide-in .modal-dialog { /*margin-top:62px;*/ margin-top:0px; }
.modal-slide-in .modal-dialog { width:100%; min-width:320px; }
.modal-header { min-height:62px; height:auto; padding-right:35px; }
.modal-slide-in .close { top:26px; right:20px; }
.modal-slide-in .modal-dialog .modal-body { padding:20px; padding-bottom:100px; margin:0px 0px 0px 0px; overflow-y:auto!important; }
.modal.modal-slide-in .modal-title { line-height: 40px; }
.modal.modal-slide-in .modal_button { position:fixed; bottom:0px; left:0px; z-index: 100; }

.modal.modal-slide-in#modal_add .modal_button { display:none; }
.modal.modal-slide-in#modal_edit .modal_button { display:none; }

@media (min-width: 576px) {
.modal-slide-in .modal-dialog.sidebar-lg { width:400px!important; }
}



.modal-dialog-slideout { min-height: 100%; margin: 0 0 0 auto; background: #fff; }
.modal.fade .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(100%, 0)scale(1); transform: translate(100%, 0)scale(1); }
.modal.fade.show .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(0, 0); transform: translate(0, 0); display: flex; align-items: stretch; -webkit-box-align: stretch; height: 100%; padding:0px;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 130px); }
.modal-dialog-slideout .modal-content { border: 0; }


/* button choice checkbox */

.button_choice { margin-right: -4px; margin-left: -4px; }
.button_choice .choice-group { padding-right: 4px; padding-left: 4px;}
.button_choice .choice-group label span { font-size: 1rem; font-weight: 400; line-height: 1.45; }
.button_choice label { padding-left: 0rem; padding-right: 0.2rem; /*width:100%;*/ display:flex; }
.button_choice label input[type="checkbox"] { position:absolute; left:-9999px; }
.button_choice label span { height:100%; width:100%; padding: 10px 8px; border:1px solid #cccccc; color: #333; background-color: #fff; border-radius:0px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor:pointer; }
.form-group.error .button_choice label span:hover { border-color: #EA5455; }
.form-group.error .button_choice label span { border-color: #EA5455; }
.button_choice label span:hover { background-color: #e6e6e6; border-color: #adadad; }
.button_choice label input[type="checkbox"]:checked ~ span { color: #fff; background-color:#29c76f; border-color:#29c76f; }
.button_choice label input[type="checkbox"]:checked:focus ~ span { color: #fff; background-color:#29c76f; border-color:#29c76f; }

.repeat_option_week .button_choice label { width: auto !important; }
.repeat_option_week .button_choice { margin-left: 0px !important; }

.vs-radio-con input:checked ~ .vs-radio .vs-radio--circle { background: #309bd4; box-shadow: none; }

/* button choice radio */
.button_choice label input[type="radio"] { position:absolute; left:-9999px; }
.button_choice label input[type="radio"]:checked ~ span { color: #fff; background-color:#309bd4; border-color:#309bd4; }
.button_choice label input[type="radio"]:checked:focus ~ span { color: #fff; background-color:#309bd4; border-color:#309bd4; }
.button_choice label .input-group-prepend span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.button_choice.logo_image label span { padding:0px; }
.button_choice.logo_image label span img{ border-radius: 4px;}


/* full calendar override */
.fc .fc-event { background: #309bd4; border: 1px solid #309bd4; padding: 1px 4px; border-radius: 0px; border: none; padding-left:4px; margin:0px 1px 1px 1px!important; }
th.fc-col-header-cell { height: 40px; line-height: 40px; font-weight: normal; border-left: 0px; border-right: 0px; }
.fc .fc-event-future { background-color: #29c76f; color: #ffffff !important; }
.fc-daygrid-dot-event .fc-event-title { font-weight: normal; }
.fc-event-time { font-weight: normal !important; }
.fc-event-past { opacity: 0.6 !important; }
.fc-direction-ltr .fc-timegrid-col-events { margin: 0 0 0 0; }

.fc .fc-button { border-radius:0px; padding: 0.6rem 0.8rem; }
.fc .fc-button { background-color: #309bd4; }
.fc .fc-button:hover { color: #FFFFFF; background-color: #0075bc; border-color: #0075bc; }
.fc .fc-button:not(:disabled).fc-button-active { background-color: #0075bc; }
.fc .disabled.fc-button, .btn-outline-primary:disabled, .fc .fc-button:disabled { background-color: #309bd4; }
.text-booked { color:#0075bc; }
.fc-direction-ltr .fc-toolbar>*>:not(:first-child) { margin-left:2px; }
.fc .fc-button .fc-icon { font-size: 1em; }
.fc .fc-button, .fc .fc-button .fc-icon, .fc .fc-button-group, .fc .fc-timegrid-slot-label { vertical-align: initial; }
.fc .fc-button:focus { outline: 0; box-shadow:none!important; }
.fc .fc-toolbar-title { font-size: 1.75em; margin-bottom:6px; }
.fc .fc-toolbar.fc-header-toolbar { margin-bottom:10px; }

.swal2-container { z-index: 6060!important; }

.bullet.bullet-primary { background-color: #309bd4; }
.bullet.bullet-booked { background-color: #0075bc; }


/* time slot table */

table.time-slot-list { position: relative; border-collapse: collapse; display:block; height:350px; overflow-y:auto; margin-bottom:0px; }
table.time-slot-list thead { background: white; position: sticky; top: 0; display:inline-table; width:100%; z-index: 10; }
table.time-slot-list thead tr:first-child th { border-top:1px solid #e5e6e7!important; }
table.time-slot-list thead th { width:12%; min-width:38px; border-bottom:1px solid #e5e6e7; border-left:1px solid #e5e6e7; border-right:0px; text-align:center; }
table.time-slot-list thead th:first-child { width:16%; min-width:55px; border-left:0px; text-align:left; }
table.time-slot-list tbody { display:inline-table; width:100%; text-align:left; }
table.time-slot-list tbody th { background: #ffffff; width:16%; min-width:55px; border-bottom:1px solid #e5e6e7; border-left:0px; border-right:0px; text-align:left; }
table.time-slot-list tbody td { background: #f2f2f2; width:12%; min-width:38px; border-bottom:1px solid #e5e6e7; border-left:1px solid #e5e6e7; border-right:0px; text-align:center; }
table.time-slot-list tbody tr:last-child th { border-bottom:0px; }
table.time-slot-list tbody tr:last-child td { border-bottom:0px; }

table.time-slot-list .bg-success { position:relative; }
table.time-slot-list .bg-success label { padding: 0px; position:absolute; top:0px; left:0px; height:100%; width:100%; overflow:hidden;}
table.time-slot-list .bg-success label span { text-align:center; position:absolute; top:0px; left:15px; height:100%; width:100%; opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
table.time-slot-list .bg-success label span:after { content:"\e83f"; color:#ffffff; font-size: 24px; font-family: feather!important; position:relative; top:2px; }
table.time-slot-list .bg-success label input[type='checkbox'] { position:absolute; top:0px; left:-60px; }
table.time-slot-list .bg-success label input[type='checkbox']:checked~span { opacity:1; left:0px;}

.legend { width:26px; height:24px; display:inline-block; text-align:center; }
.legend.not_available { background-color: #f2f2f2; }
.legend.bg-success { position:relative; }
.legend.bg-success.selected { position:relative; }
.legend.bg-success.selected:after { content:"\e83f"; color:#ffffff; font-size: 14px; font-family: feather!important; position:relative; top:2px; }



/* 20220316 user calendar picker */
.flatpickr-calendar.inline { width: 100%; box-shadow:none; border-radius: 0px; border: 1px solid #e5e6e7; }
.flatpickr-calendar:before, .flatpickr-calendar:after { display:none; }
.flatpickr-rContainer { width: 100%; }
.dayContainer { width: 100%; min-width: 100%; max-width: 100%; }
.flatpickr-months { padding:0.75rem; font-size: 1.14rem; align-items: center !important; /*border-bottom: 1px solid #e5e6e7;*/ }
.flatpickr-days { width: 100%; }
.flatpickr-day { border-radius:0px; width: 14.2857143%; flex-basis: 14.2857143%; /*margin-top:2px; margin-bottom:2px; margin-left:1%; margin-right:1%;*/ max-width:inherit; border-top: 1px solid #e5e6e7!important; border-right: 1px solid #e5e6e7!important; border-bottom:0px; border-left:0px; }
.flatpickr-day:nth-child(7n) { border-right:0px!important; }
.flatpickr-day.today:after { content:""; display:block; position:absolute; top:0px; left:0px; height:100%; width:100%; /*border:2px solid #309bd4!important;*/background-color:#309bd4; opacity:0.2; z-index:-1; }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #29c76f; border-color: #29c76f; }
.flatpickr-current-month { width: auto; left: 0px; padding:0px; text-align: left; font-size:100%; line-height:30px; }
.flatpickr-current-month .numInputWrapper span { display:none!important; }
.flatpickr-current-month .numInputWrapper:hover { background: rgba(0,0,0,0)!important; }
.flatpickr-current-month .numInputWrapper input { pointer-events: none; }
.flatpickr-current-month .flatpickr-monthDropdown-months { pointer-events: none; -webkit-appearance: none; padding:0px; font-size: 1.14rem!important; font-weight: 500; line-height: 1.2; }
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { height:30px; padding: 5px 10px; }
.flatpickr-months .flatpickr-month { height: 30px; }
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left:inherit; right:30px; }    
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #29c76f; }
.flatpickr-current-month input.cur-year { font-size: 1.14rem!important; font-weight: 500; line-height: 1.2; } 
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { color: rgba(0,0,0,1); }

/* month arrow */
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { top: 0.75rem; left: inherit; right: calc(30px + 1rem)  ; border-color: #309bd4 !important; background-color: #309bd4 !important; color: #FFFFFF; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; padding: 0.5rem; height:30px; width:30px; line-height: 14px;}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month svg { width:12px; height:12px; filter: invert(100%) sepia(0%) saturate(7485%) hue-rotate(143deg) brightness(103%) contrast(104%); }
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { right: 0.75rem; top: 0.75rem; border-color: #309bd4 !important; background-color: #309bd4 !important; color: #FFFFFF; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; padding: 0.5rem; height:30px; width:30px; line-height: 14px; }
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month svg, .flatpickr-months .flatpickr-next-month.flatpickr-next-month svg { width:12px; height:12px; filter: invert(100%) sepia(0%) saturate(7485%) hue-rotate(143deg) brightness(103%) contrast(104%); }
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display:block; opacity:0.5; }

.flatpickr-weekdays { height:inherit; }
span.flatpickr-weekday { border-top: 1px solid #e5e6e7!important; border-right: 1px solid #e5e6e7!important; width: 14.2857143%; flex-basis: 14.2857143%; max-width: inherit;　border-bottom: 1px solid #e5e6e7!important;　border-right: 1px solid #e5e6e7!important; border-bottom: 0px; border-left: 0px; height:40px; line-height:40px; }
span.flatpickr-weekday:last-child { border-right:0px!important; }

.flatpickr-time { display: block; height:40px; border-top: 1px solid #e5e6e7!important; }