﻿.icon-tool.dropdown.show { float: right; }

.has-search .form-control-search { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2rem; text-align: center; pointer-events: none; color: #698AD8; }

.has-search .form-control { padding-left: 2.375rem; }

.cnt-upcoming .date-create { color: #F7B227; width: 130px; height: 130px; border: 2px solid #F7B227; display: table; }

.cnt-upcoming .table-item .table-cell-item { display: table-cell; vertical-align: middle; }

.cnt-upcoming .table-item .table-cell-item a { text-decoration: none; color: #333; }

.upcoming-event .detail { border: 1px solid rgba(0,0,0,.125); padding: 20px; border-radius: 12px; }

.btn-custom { min-width: 100px; border-radius: 20px; margin-left: 0.25em; }

.k-state-default > .k-select { line-height: 2rem; }

.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default { background-color: white; }




.k-action-buttons .k-button:hover, .k-button.k-state-hover, .k-button:hover, .k-colorpicker .k-select.k-state-hover, .k-colorpicker .k-select:hover, .k-colorpicker .k-state-hover, .k-colorpicker .k-tool-icon.k-state-hover, .k-colorpicker .k-tool-icon:hover, .k-combobox .k-state-hover .k-select, .k-combobox > :hover .k-select, .k-dateinput .k-state-hover .k-select, .k-datepicker .k-state-hover .k-select, .k-datetimepicker .k-state-hover .k-select, .k-dropdown .k-state-hover, .k-dropdown > :hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-editor-toolbar a.k-tool.k-state-hover, .k-editor-toolbar a.k-tool:hover, .k-fieldselector .k-list li.k-item.k-state-hover, .k-fieldselector .k-list li.k-item:hover, .k-gantt-views li.k-state-hover, .k-ghost-splitbar, .k-handle:hover, .k-numerictextbox .k-state-hover .k-select, .k-pivot-toolbar .k-button.k-state-hover, .k-pivot-toolbar .k-button:hover, .k-scheduler-footer li:hover, .k-scheduler-navigation .k-nav-next:hover, .k-scheduler-navigation .k-nav-prev:hover, .k-scheduler-navigation .k-nav-today:hover, .k-scheduler-views li:hover, .k-spreadsheet-filter:hover, .k-timepicker .k-state-hover .k-select { background-color: #698AD8; border-color: none; color: white; }


.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ced4da !important; border-radius: 0.25rem !important; width: 100% !important; background-color: white; border-color: #698AD8; width: 100%; height: calc(1.5em + 0.75rem + 2px) !important; padding: 0.375rem 0.75rem; }

.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100% !important; }

/*.select2-container--default .select2-selection--single {
            background-color: white !important;
            border-color: #698AD8 !important;
        }*/

.select2-container--default .select2-selection--single .select2-selection__arrow { height: calc(1.5em + 0.75rem + 1px) !important; background-color: #698AD8; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: white transparent transparent transparent !important; }

.file-upload { width: 500px; }

.file-upload-content { display: none; text-align: center; }

.file-upload-content-setting { display: none; text-align: center; }

.file-upload-input { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; }

.file-upload-input-setting { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; }

.image-upload-wrap { border: 1px dashed #a2aab2; background-color: #edeff0; line-height: 20px; padding: 20px; text-align: center; width: fit-content; cursor: pointer; }

.image-dropping,
.image-upload-wrap:hover { background-color: #a2aab2; border: 1px dashed #edeff0; cursor: pointer; }

.image-upload-wrap-setting { border: 1px dashed #a2aab2; background-color: #edeff0; line-height: 20px; padding: 20px; text-align: center; width: 200px; cursor: pointer; }

.image-dropping,
.image-upload-wrap-setting:hover { background-color: #a2aab2; border: 1px dashed #edeff0; cursor: pointer; }

.image-title-wrap { padding: 0 15px 15px 15px; color: #222; }

.drag-text { text-align: center; }

.drag-text h3 { font-weight: 100; text-transform: uppercase; color: #15824B; padding: 60px 0; }

.file-upload-image { width: 100%; margin: auto; float: left; }

.file-upload-image-setting { max-height: 100px; max-width: 100px; margin: auto; padding: 10px; }

.remove-image { color: #cd4535; font-size: 25px; width: 40px; position: absolute; z-index: 2; margin-top: 10px; border-radius: 50%; height: 40px; }

.remove-image:hover { background: #cd4535; color: #ffffff; transition: all .2s ease; cursor: pointer; }

.remove-image:active { border: 0; transition: all .2s ease; }

#modalSpeaker .modal-dialog { width: 80vw; max-width: 80vw; }

.dropdown-toggle::after { display: none; }
/*.dropdown-menu.show {
    left: -70px !important;
}*/
