/* ---------------------------------------------------------------

Toolbar & Floating Tools

*/

#lcs-toolbar {
    display: none;
}

@media screen and (min-width: $screen-md-min) {

    #lcs-toolbar {
        background-color: #666;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        color: #fff;
        display: block;
        font-size: 24px;
        left: 0;
        overflow: visible;
        padding: 0;
        position: absolute;
        top: 115%;
        z-index: 899;

        *:focus {
            outline: 0;
        }
        tr td {
            color: #fff;
            padding: 0;
        }
        .dijitMenuItemHover, #lcs-toolbar .dijitMenuItemSelected {
            background: transparent;
        }
        .dijitMenuItemSelected .dijitMenuItemIcon {
            color: #000;
        }
        span.flyout {
            background-color: #666;
            border-bottom-right-radius: 6px;
            border-top-right-radius: 6px;
            bottom: -1px;
            font-size: 16px;
            min-height: 41px;
            left: -3px;
            line-height: 35px;
            overflow: hidden;
            padding: 5px 0 5px 0;
            position: absolute;
            text-transform: uppercase;
            top: -1px;
            width: 0;
            -webkit-transition: all $transition-time ease-in-out;
            -moz-transition: all $transition-time ease-in-out;
            -o-transition: all $transition-time ease-in-out;
            transition: all $transition-time ease-in-out;
        }
        .dijitMenuItem:hover {
            cursor: pointer;

            span.flyout {
                padding-left: 3px;
                /*width: 195px; // default value*/
            }
        }
        .dijitMenuItemIconCell {
            padding: 5px 10px;
            text-align: center;
        }
        .dijitMenuExpand {
            display: none;
        }
    }




    /* ---------------------------------------------------------------

    Calculator

    */

    #toolbar-calculator-floater {
        background-color: #efefef;
        -webkit-box-shadow: 0px 8px 20px #525252;
        -moz-box-shadow: 0px 8px 20px #525252;
        box-shadow: 0px 8px 20px #525252;
        border: 0;
        font-size: 20px;
        height: 303px !important;
        padding: 0;
        width: 433px !important;
        z-index: 99999;

        &.calc-initial {
            left: 65px !important;
            top: 45px !important;
        }

        .dojoxCalc {
            border: 0;
            padding-top: 48px;
            position: relative;
        }
        .dojoxFloatingPaneTitle {
            border: 0;
            cursor: pointer;
            padding:4px 4px 2px 4px;
            white-space: nowrap;

            .dijitTitleNode {
                font-size: 16px;
                font-weight: 500;
                line-height: 30px;
            }
        }
         .dijitTitleNode {
            padding: 0 5px 3px;
        }
         .dojoxFloatingRestoreIcon,
         .dojoxFloatingMinimizeIcon,
         .dojoxFloatingMaximizeIcon {
            display: none;
        }
        .dojoxFloatingCloseIcon {
            background-image: none !important;
            border: 1px solid transparent;
            border-radius: 50%;
            color: #eee;
            color: rgba(255,255,255,0.5);
            font-size: 14px;
            height: 24px;
            right: 8px;
            line-height: 20px;
            position: absolute;
            text-align: center;
            top: 8px;
            width: 24px;

            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;

            &:before {
                content: "\f00d";
            }

            &:hover {
                color: #fff;
                color: rgba(255,255,255,0.9);
                cursor: pointer;
            }
        }
        .dojoxFloatingPaneCanvas,
        .dojoxFloatingPaneContent {
            background-color: #efefef;

            &:focus {
                outline: 0;
            }
        }
         .dojoxFloatingPaneCanvas {
            padding: 9px;
        }
         .dojoxFloatingPaneContent {
            overflow: visible;
        }
         .dojoxCalcInputContainer {
            background-color: transparent !important;
            height: 40px !important;
            position: relative;

            input {
                background: transparent;
                border: 0;
                text-align: right;
            }
        }
        .dojoxCalcMinusButtonContainer {
            .dijitComboButton {
                margin: 2px;
            }
            .dijitButtonNode .dijitButtonContents {
                padding-bottom: 7px;
                padding-top: 6px;
                width: 54px;
            }
        }
         .dijitTextBox {
            background: #fff !important;
            border-radius: 0;
            border-top: 0;
            font-size: 20px;
            left: -9px;
            padding: 0 10px;
            position: absolute;
            right: -9px;
            top: -9px;
            width: auto;
        }
         .dojoxFloatingResizeHandle {
            display: none;
        }
        .answer-field {
            border-top: 2px solid #ccc;
            left: -10px;
            padding: 5px 10px;
            right: -10px;
            top: -9px;

            .dijitReset {
                text-align: right;
            }
        }
        .button-clear {
            left: 0;
            position: absolute;
            top: 0;
            z-index: 2;

            &.dijitButton {
                .dijitButtonNode {
                    font-size: 12px;
                    padding: 5px;
                }
            }   
        }
        .equals-cell {
            .dijitButton {
                width: 7.8em;
            }
        }

        .dijitButton {
            .dijitButtonNode {
                font-size: 16px;
                padding: 11px 14px;
            }
        }

        .dojoxCalcLayout {
            width: 100%;
        }

        td.spacer {
            width: 15px;
        }
    }


    #toolbar-calendar-floater,
    #toolbar-taxtables-floater {
        left: 15px !important;
        top: 15px !important;
    }

    #toolbar-calendar-floater,
    #toolbar-taxtables-floater {
        .dojoxFloatingPaneCanvas {
            height: auto !important;
            width: 100% !important;
        }
        .dojoxFloatingPaneTitle {
            display: none;
        }
    }

    #toolbar-calendar-floater {
        min-width: 600px !important;
        overflow-y: auto;
        width: 80% !important;

        #filedownloads {
            &>div {
                display: inline-block;
                margin-right: 15px;
            }
        }
        .btn-close {
            left: 5px;
            right: auto;
        }
    }


    #toolbar-taxtables-floater {
        height: auto !important;
        width: auto !important;

        #filedownloads {
            padding: 15px 60px 10px 20px;
            text-align: left;

            h2:not(:first-child) {
                margin-top: 30px;
            }
        }

    }
}