﻿/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/* CMS - STANDARD */
/*-----------------------------*/

.edit_mode_box {
    position:fixed;
    bottom:4px;
    left:4px;
    z-index:9999;
    font-size:.9rem;
    background-color:#0888ca;
    border:1px #0888ca solid;
}

    .edit_mode_box:hover,
    .edit_mode_box:focus {
        background-color:#FFFFFF;
        color:#0888ca;
    }

        .edit_mode_box:hover a,
        .edit_mode_box:focus a {
            color:#0888ca;
        }

    .edit_mode_box a {
        color:#FFFFFF;
        display:block;
        padding:6px 12px 6px 6px;
    }

        .edit_mode_box .material-icons {
            vertical-align:middle;
            font-size:1rem;
            margin-right:4px;
        }

/* button */
.cms_button {
	padding:12px;
    line-height:initial;
    display:inline-block;
    background-color:#0888ca;
    border:1px #0888ca solid;
    color:#FFFFFF;
    font-size:.8rem;
    text-transform:uppercase;
    cursor:pointer;
}

    .cms_button .material-icons {
        vertical-align:middle;
        font-size:1.1rem;
    }

    .cms_button:hover,
    .cms_button:focus {
        background-color:#FFFFFF;
        color:#0888ca !important;
    }

    .input_button:disabled {
        background-color:#535353;
        cursor:default;
    }

.cms_button_top_left,
.cms_button_top_right,
.cms_button_bottom_left,
.cms_button_bottom_right {
    position:absolute;
    z-index:100;
}

    .cms_button_top_left {
        top:0px;
        left:0px;
    }

    .cms_button_top_right {
        top:0px;
        right:0px;
    }

    .cms_button_bottom_left {
        bottom:0px;
        left:0px;
    }

    .cms_button_bottom_right {
        bottom:0px;
        right:0px;
    }

/* option bar */
#bottom_option_bar {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:#111111;
    border-top:4px #CC0000 solid;
    z-index:900;
}

    #bottom_option_bar_content {
        padding:10px;
    }

        #bottom_option_bar .material-icons {
            font-size:.9rem;
            vertical-align:middle;
        }