/* Theme Variables
 ------------------------------------------*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
@font-face
{
    font-family: 'summernote';
    font-weight: normal;
    font-style: normal; 

    src: url('summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb');
    src: url('summernote.eot?#iefix') format('embedded-opentype'), url('summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb') format('woff'), url('summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb') format('truetype');
}

/* Bootstrap Overrides */
[class^='note-icon-']:before,
[class*=' note-icon-']:before
{
    font: normal normal normal 14px summernote;
    font-size: inherit;

    display: inline-block;

    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none;

    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Icons */
.note-icon-align-center:before
{
    content: '\f101';
}

.note-icon-align-indent:before
{
    content: '\f102';
}

.note-icon-align-justify:before
{
    content: '\f103';
}

.note-icon-align-left:before
{
    content: '\f104';
}

.note-icon-align-outdent:before
{
    content: '\f105';
}

.note-icon-align-right:before
{
    content: '\f106';
}

.note-icon-align:before
{
    content: '\f107';
}

.note-icon-arrows-alt:before
{
    content: '\f108';
}

.note-icon-bold:before
{
    content: '\f109';
}

.note-icon-caret:before
{
    content: '\f10a';
}

.note-icon-chain-broken:before
{
    content: '\f10b';
}

.note-icon-circle:before
{
    content: '\f10c';
}

.note-icon-close:before
{
    content: '\f10d';
}

.note-icon-code:before
{
    content: '\f10e';
}

.note-icon-eraser:before
{
    content: '\f10f';
}

.note-icon-font:before
{
    content: '\f110';
}

.note-icon-frame:before
{
    content: '\f111';
}

.note-icon-italic:before
{
    content: '\f112';
}

.note-icon-link:before
{
    content: '\f113';
}

.note-icon-magic:before
{
    content: '\f114';
}

.note-icon-menu-check:before
{
    content: '\f115';
}

.note-icon-minus:before
{
    content: '\f116';
}

.note-icon-orderedlist:before
{
    content: '\f117';
}

.note-icon-pencil:before
{
    content: '\f118';
}

.note-icon-picture:before
{
    content: '\f119';
}

.note-icon-question:before
{
    content: '\f11a';
}

.note-icon-redo:before
{
    content: '\f11b';
}

.note-icon-special-character:before
{
    content: '\f11c';
}

.note-icon-square:before
{
    content: '\f11d';
}

.note-icon-strikethrough:before
{
    content: '\f11e';
}

.note-icon-subscript:before
{
    content: '\f11f';
}

.note-icon-summernote:before
{
    content: '\f120';
}

.note-icon-superscript:before
{
    content: '\f121';
}

.note-icon-table:before
{
    content: '\f122';
}

.note-icon-text-height:before
{
    content: '\f123';
}

.note-icon-trash:before
{
    content: '\f124';
}

.note-icon-underline:before
{
    content: '\f125';
}

.note-icon-undo:before
{
    content: '\f126';
}

.note-icon-unorderedlist:before
{
    content: '\f127';
}

.note-icon-video:before
{
    content: '\f128';
}

/* Theme Variables
 ------------------------------------------*/
/* Layout
 ------------------------------------------*/
.note-editor
{
    position: relative;
    /* dropzone */
}
.note-editor .note-dropzone
{
    position: absolute;
    z-index: 1300;

    display: none;

    opacity: .95; 
    color: lightskyblue;
    background-color: white;
}
.note-editor .note-dropzone .note-dropzone-message
{
    font-size: 28px;
    font-weight: bold; 

    display: table-cell;

    text-align: center;
    vertical-align: middle;
}
.note-editor .note-dropzone.hover
{
    color: #098ddf;
}
.note-editor.dragover .note-dropzone
{
    display: table;
}
.note-editor .note-editing-area
{
    position: relative;
}
.note-editor .note-editing-area .note-editable
{
    outline: none;
}
.note-editor .note-editing-area .note-editable sup
{
    vertical-align: super;
}
.note-editor .note-editing-area .note-editable sub
{
    vertical-align: sub;
}

/* Frame mode layout
------------------------------------------*/
.note-editor.note-frame
{
    border: 1px solid #e0e0e0;
    /* codeview mode */
    /* fullscreen mode */
    /* statusbar */
}
.note-editor.note-frame.codeview .note-editing-area .note-editable
{
    display: none;
}
.note-editor.note-frame.codeview .note-editing-area .note-codable
{
    display: block;
}
.note-editor.note-frame .note-editing-area
{
    overflow: hidden;
    /* editable */
    /* codeable */
}
.note-editor.note-frame .note-editing-area .note-editable
{
    overflow: auto; 

    padding: 10px;

    color: #000;
    background-color: #fff;
}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable='false']
{
    background-color: #e5e5e5;
}
.note-editor.note-frame .note-editing-area .note-codable
{
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;

    display: none;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-bottom: 0; 
    padding: 10px;

    resize: none;

    color: #ccc;
    border: none;
    border-radius: 0;
    background-color: #222;
    -webkit-box-shadow: none;
            box-shadow: none;
    /* override BS2 default style */

        -ms-box-sizing: border-box;
}
.note-editor.note-frame.fullscreen
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    width: 100% !important;
    /* bs3 modal-backdrop: 1030, bs2: 1040 */
}
.note-editor.note-frame.fullscreen .note-editable
{
    background-color: white;
}
.note-editor.note-frame.fullscreen .note-resizebar
{
    display: none;
}
.note-editor.note-frame .note-statusbar
{
    border-bottom-right-radius: 4px; 
    border-bottom-left-radius: 4px;
    background-color: #f5f5f5;
}
.note-editor.note-frame .note-statusbar .note-resizebar
{
    width: 100%;
    height: 8px;
    padding-top: 1px;

    cursor: ns-resize;
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar
{
    width: 20px;
    margin: 1px auto;

    border-top: 1px solid #e0e0e0;
}
.note-editor.note-frame .note-placeholder
{
    padding: 10px;
}

/* Popover
------------------------------------------*/
.note-popover.popover
{
    max-width: none;
}
.note-popover.popover .popover-content a
{
    display: inline-block;
    overflow: hidden;

    max-width: 200px;
    /* for FF */

    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* for FF */
}
.note-popover.popover .arrow
{
    left: 20px !important;
}

/* Popover and Toolbar (Button container)
------------------------------------------*/
.note-popover .popover-content,
.panel-heading.note-toolbar
{
    margin: 0;
    padding: 0 0 5px 5px;
    /* dropdown-menu for toolbar and popover */
    /* color palette for toolbar and popover */
}
.note-popover .popover-content > .btn-group,
.panel-heading.note-toolbar > .btn-group
{
    margin-top: 5px;
    margin-right: 5px; 
    margin-left: 0;
}
.note-popover .popover-content .btn-group .note-table,
.panel-heading.note-toolbar .btn-group .note-table
{
    min-width: 0;
    padding: 5px;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker
{
    font-size: 18px;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher
{
    position: absolute !important;
    z-index: 3;

    width: 10em;
    height: 10em;

    cursor: pointer;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted
{
    position: relative !important;
    z-index: 1;

    width: 5em;
    height: 5em;

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted
{
    position: absolute !important;
    z-index: 2;

    width: 1em;
    height: 1em;

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}
.note-popover .popover-content .note-style h1,
.note-popover .popover-content .note-style h2,
.note-popover .popover-content .note-style h3,
.note-popover .popover-content .note-style h4,
.note-popover .popover-content .note-style h5,
.note-popover .popover-content .note-style h6,
.note-popover .popover-content .note-style blockquote,
.panel-heading.note-toolbar .note-style h1,
.panel-heading.note-toolbar .note-style h2,
.panel-heading.note-toolbar .note-style h3,
.panel-heading.note-toolbar .note-style h4,
.panel-heading.note-toolbar .note-style h5,
.panel-heading.note-toolbar .note-style h6,
.panel-heading.note-toolbar .note-style blockquote
{
    margin: 0;
}
.note-popover .popover-content .note-color .dropdown-toggle,
.panel-heading.note-toolbar .note-color .dropdown-toggle
{
    width: 20px;
    padding-left: 5px;
}
.note-popover .popover-content .note-color .dropdown-menu,
.panel-heading.note-toolbar .note-color .dropdown-menu
{
    min-width: 340px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group
{
    margin: 0;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child
{
    margin: 0 5px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title
{
    font-size: 12px;

    margin: 2px 7px;

    text-align: center;

    border-bottom: 1px solid #eee;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset
{
    font-size: 11px;

    margin: 3px;
    padding: 0 3px;

    cursor: pointer;

    border-radius: 5px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row
{
    height: 20px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover
{
    background: #eee;
}
.note-popover .popover-content .note-para .dropdown-menu,
.panel-heading.note-toolbar .note-para .dropdown-menu
{
    min-width: 216px;
    padding: 5px;
}
.note-popover .popover-content .note-para .dropdown-menu > div:first-child,
.panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child
{
    margin-right: 5px;
}
.note-popover .popover-content .dropdown-menu,
.panel-heading.note-toolbar .dropdown-menu
{
    min-width: 90px;
    /* dropdown-menu right position */
    /* http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB */
    /* dropdown-menu for selectbox */
}
.note-popover .popover-content .dropdown-menu.right,
.panel-heading.note-toolbar .dropdown-menu.right
{
    right: 0;
    left: auto;
}
.note-popover .popover-content .dropdown-menu.right::before,
.panel-heading.note-toolbar .dropdown-menu.right::before
{
    right: 9px;
    left: auto !important;
}
.note-popover .popover-content .dropdown-menu.right::after,
.panel-heading.note-toolbar .dropdown-menu.right::after
{
    right: 10px;
    left: auto !important;
}
.note-popover .popover-content .dropdown-menu.note-check li a i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a i
{
    visibility: hidden; 

    color: deepskyblue;
}
.note-popover .popover-content .dropdown-menu.note-check li a.checked i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i
{
    visibility: visible;
}
.note-popover .popover-content .note-fontsize-10,
.panel-heading.note-toolbar .note-fontsize-10
{
    font-size: 10px;
}
.note-popover .popover-content .note-color-palette,
.panel-heading.note-toolbar .note-color-palette
{
    line-height: 1;
}
.note-popover .popover-content .note-color-palette div .note-color-btn,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn
{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    border: 1px solid #fff;
}
.note-popover .popover-content .note-color-palette div .note-color-btn:hover,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover
{
    border: 1px solid #000;
}

/* Dialog
------------------------------------------*/
.note-dialog > div
{
    display: none;
    /* BS2's hide pacth. */
}

.note-dialog .form-group
{
    margin-right: 0; 
    /* overwrite BS's form-horizontal minus margins */
    margin-left: 0;
}

.note-dialog .note-modal-form
{
    margin: 0;
    /* overwrite BS2's form margin bottom */
}

.note-dialog .note-image-dialog .note-dropzone
{
    font-size: 30px;
    line-height: 4;

    min-height: 100px;
    margin-bottom: 10px; 

    text-align: center;
    /* vertical-align */

    color: lightgray;
    border: 4px dashed lightgray;
}

/* Placeholder
------------------------------------------*/
.note-placeholder
{
    position: absolute;

    display: none;

    color: gray;
}

/* Handle
------------------------------------------*/
.note-handle
{
    /* control selection */
}
.note-handle .note-control-selection
{
    position: absolute;

    display: none;

    border: 1px solid black;
}
.note-handle .note-control-selection > div
{
    position: absolute;
}
.note-handle .note-control-selection .note-control-selection-bg
{
    width: 100%;
    height: 100%;

            opacity: .3;
    background-color: black;

    -webkit-opacity: .3;
     -khtml-opacity: .3;
       -moz-opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
}
.note-handle .note-control-selection .note-control-handle,
.note-handle .note-control-selection .note-control-holder,
.note-handle .note-control-selection .note-control-sizing
{
    width: 7px;
    height: 7px;

    border: 1px solid black;
}
.note-handle .note-control-selection .note-control-sizing
{
    background-color: white;
}
.note-handle .note-control-selection .note-control-nw
{
    top: -5px;
    left: -5px;

    border-right: none;
    border-bottom: none;
}
.note-handle .note-control-selection .note-control-ne
{
    top: -5px;
    right: -5px;

    border-bottom: none;
    border-left: none;
}
.note-handle .note-control-selection .note-control-sw
{
    bottom: -5px;
    left: -5px;

    border-top: none;
    border-right: none;
}
.note-handle .note-control-selection .note-control-se
{
    right: -5px;
    bottom: -5px;

    cursor: se-resize;
}
.note-handle .note-control-selection .note-control-se.note-control-holder
{
    cursor: default;

    border-top: none;
    border-left: none;
}
.note-handle .note-control-selection .note-control-selection-info
{
    font-size: 12px;

    right: 0;
    bottom: 0;

    margin: 5px;
    padding: 5px;

            opacity: .7;
    color: white;
    border-radius: 5px;
    background-color: black;

    -webkit-opacity: .7;
     -khtml-opacity: .7;
       -moz-opacity: .7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter: alpha(opacity=70);
}

.note-hint-popover
{
    min-width: 100px;
    padding: 2px;
}
.note-hint-popover .popover-content
{
    overflow: auto; 

    max-height: 150px;
    padding: 3px;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item
{
    display: block !important;

    padding: 3px;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover
{
    font-weight: 400;
    line-height: 1.4;

    display: block;
    clear: both;

    cursor: pointer; 
    white-space: nowrap;
    text-decoration: none;

    color: white;
    outline: 0;
    background-color: #428bca;
}

.note-popover.popover
{
    display: none;
}

.note-popover.note-air-popover .note-btn.dropdown-toggle:after,
.note-editor .note-toolbar .note-btn.dropdown-toggle:after
{
    display: none;

    margin: 0;

    border: none;
}

.note-popover.note-air-popover .dropdown-menu > li,
.note-editor .note-toolbar .dropdown-menu > li
{
    margin: 2px 0; 
    padding: 0 5px;
}

.note-popover.note-air-popover .note-color .dropdown-menu > li,
.note-editor .note-toolbar .note-color .dropdown-menu > li
{
    margin: 0; 
    padding: 0;
}

.note-popover.note-air-popover .dropdown-menu > li.divider,
.note-editor .note-toolbar .dropdown-menu > li.divider
{
    overflow: hidden;

    height: 1px;
    margin: 10px 0;

    background-color: #e0e0e0;
}

.note-popover.note-air-popover .dropdown-menu > li > a,
.note-editor .note-toolbar .dropdown-menu > li > a
{
    font-weight: normal;
    line-height: 1.5;

    display: block;

    padding: .429rem .929rem;

    -webkit-transition: background-color .25s;
         -o-transition: background-color .25s;
            transition: background-color .25s; 
    white-space: nowrap;

    color: #757575;
    border-radius: .215rem;
}
.note-popover.note-air-popover .dropdown-menu > li > a:hover,
.note-popover.note-air-popover .dropdown-menu > li > a:focus,
.note-editor .note-toolbar .dropdown-menu > li > a:hover,
.note-editor .note-toolbar .dropdown-menu > li > a:focus
{
    text-decoration: none;

    color: #757575;
    background-color: #eee;
}

.note-popover.note-air-popover .dropdown-menu > .active > a,
.note-popover.note-air-popover .dropdown-menu > .active > a:hover,
.note-popover.note-air-popover .dropdown-menu > .active > a:focus,
.note-editor .note-toolbar .dropdown-menu > .active > a,
.note-editor .note-toolbar .dropdown-menu > .active > a:hover,
.note-editor .note-toolbar .dropdown-menu > .active > a:focus
{
    text-decoration: none;

    color: #757575;
    outline: 0;
    background-color: #eee;
}

.note-popover.note-air-popover .dropdown-menu > .disabled > a,
.note-popover.note-air-popover .dropdown-menu > .disabled > a:hover,
.note-popover.note-air-popover .dropdown-menu > .disabled > a:focus,
.note-editor .note-toolbar .dropdown-menu > .disabled > a,
.note-editor .note-toolbar .dropdown-menu > .disabled > a:hover,
.note-editor .note-toolbar .dropdown-menu > .disabled > a:focus
{
    color: #bdbdbd;
}

.note-popover.note-air-popover .dropdown-menu > .disabled > a:hover,
.note-popover.note-air-popover .dropdown-menu > .disabled > a:focus,
.note-editor .note-toolbar .dropdown-menu > .disabled > a:hover,
.note-editor .note-toolbar .dropdown-menu > .disabled > a:focus
{
    cursor: not-allowed; 
    text-decoration: none;

    background-color: transparent;
    background-image: none;

    filter: 'progid:DXImageTransform.Microsoft.gradient(enabled = false)';
}