/* 
 
    Beacon Dashboard v2
 
    Guidelines:
    1. id & class names are lowercase containing only dashes
        .navbar-edit = correct
        .navbar_edit = incorrect
        .navbarEdit = incorrect

    2. for development purposes each page / distinct area of functionality must have it's own css file

    3. where possible always use bootstrap components and make use of the bootstrap grid and other idioms.

    4. CSS selector rules show generally go on one line rather than a line break after each rule.

	5. comment liberally. what seems obvious now may be quite confusing in a few months time
//html indentation & closing tag comments

 */


/*
 * Base dashboard styles
 * --------------------------------------------------
 */
html,
body {
/* Prevent scroll on narrow devices */ overflow-x: hidden;
font-size: 100%;
}

/* * { -webkit-tap-highlight-color: rgb(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } */
:webkit-full-screen { width: 100%; height: 100%; }

footer { padding: 30px 0; text-align: center; opacity: 0.5; display: block; width: 100%; clear: both; z-index: 1000; }

.content-main { margin-top: 70px; }

.content-main h1 { padding: .5em 0; }
h1.element { background: #333; color: #fff; padding: .2em .5em; text-align: center; }

/* form { display: inline-block; } */
form p.note { opacity: 0.5; font-style: italic; padding: .5em 0; }
.btn-beacon { background: #fc3; color: #333; transition: 0.3s; }
.btn-beacon:hover { background: #fd5; color: #000; }

.btn-large { font-size: 120%; }

/* BN.notify */
#update { position: fixed; bottom: 1em; right: 1em; padding: 1em; background: darkgreen; color: #fff; border-radius: 5px; display: none;  border: 1px solid rgba(0,0,0,0.3);}
#update span { padding-right: .5em; }
#update.success { background: darkgreen; }
#update.error { background: #c20; }
#update.saving { background: #000; }


.ie-show { display: none !important; }
html.ie .ie-show { display: block !important; }

#ie-warning { width: 100%; position: fixed; bottom: 0; left; background: #c20; color: #fff; }
#ie-warning p { padding: 1em; text-align: center; font-size: 140%; }
#ie-warning a { color: #fff; border-bottom: 1px dotted #fff; }
#ie-warning a:hover { color: #fff; border-bottom: 1px solid #fff; text-decoration: none; }


/* Responsive iframe / video */
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }