/* CSS for Logic Junction Wayfinder Client Tools
 * Author: Parag Jagdale (www.unific.com)
 * Date: Oct 30, 2012
 */

body {
    background: #fff url(../../Images/bg_texture.jpg) 0 0;
}

.field-validation-error {
    color: red;
}

header h1 {
    font-size: 20px;
}

header.container .row-fluid {
    margin: 0 -15px;
}

div.accountLinks {
    text-align: right;
}

    div.accountLinks span,
    div.accountLinks a {
        padding: 0 0 0 8px;
    }

    div.accountLinks ul {
        list-style-type: none;
    }

div.hero-unit {
    font-size: 16px;
    background: #fff;
}

    div.hero-unit h1 {
        font-size: 32px;
    }

.form-horizontal div.controls.wide input {
    width: 90%;
}

svg g.movableText {
    cursor: move;
}

nav.main {
}

    nav.main > ul {
        padding: 0 0 8px;
        margin: 0;
    }

        nav.main > ul > li {
            display: inline-block;
            position: relative;
        }

            nav.main > ul > li.last {
                padding: 0 0 0 16px;
            }

                nav.main > ul > li.last form {
                    margin: 0;
                }

            nav.main > ul > li select {
                height: auto;
                font-size: 13px;
                color: #666;
                padding: 0;
                margin: 0;
                width: 180px;
            }

            nav.main > ul > li:first-child a {
                padding-left: 0;
            }

            nav.main > ul > li > a {
                color: #666;
                padding: 3px 12px 8px;
                text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);
                display: inline-block;
            }

            nav.main > ul > li.current a {
                color: #000;
            }

            nav.main > ul > li ul {
                display: block;
                position: absolute;
                top: -1000000px;
                background: #fff;
                width: 180px;
                list-style: none;
                border-top: 1px solid #e2e6e8;
                -webkit-border-bottom-right-radius: 12px;
                -webkit-border-bottom-left-radius: 12px;
                -moz-border-radius-bottomright: 12px;
                -moz-border-radius-bottomleft: 12px;
                border-bottom-right-radius: 12px;
                border-bottom-left-radius: 12px;
                -webkit-box-shadow: 2px 2px 0 rgba(50, 50, 50, 0.3);
                -moz-box-shadow: 2px 2px 0 rgba(50, 50, 50, 0.3);
                box-shadow: 2px 2px 0 rgba(50, 50, 50, 0.3);
            }

                nav.main > ul > li ul li:last-child a {
                    border: 1px solid #fff;
                    -webkit-border-bottom-right-radius: 12px;
                    -webkit-border-bottom-left-radius: 12px;
                    -moz-border-radius-bottomright: 12px;
                    -moz-border-radius-bottomleft: 12px;
                    border-bottom-right-radius: 12px;
                    border-bottom-left-radius: 12px;
                }

                nav.main > ul > li.current ul li a,
                nav.main > ul > li ul li a {
                    border: 1px solid #fff;
                    display: block;
                    color: #666;
                    font-weight: normal;
                    padding: 5px 3px 5px 10px;
                }

                nav.main > ul > li ul li:hover a {
                    border: 1px solid #226490;
                    background: #3498db;
                    color: #fff;
                    text-decoration: none;
                }

            nav.main > ul > li:hover ul {
                left: 12px;
                top: 31px;
                padding: 0;
                margin: 0;
            }

    nav.main ul {
        z-index: 9999;
    }

.thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
}

.kioskPublish {
    font-size: 10px;
}

div.DestinationTypeList {
    height: 200px;
    /*overflow:auto;
    border: 1px solid black;*/
}

select.DestinationSelector {
    width: 100%;
    height: 100%;
}

#logoutForm {
    display: inline;
}

div.mainContent {
    padding: 0 15px;
    background-color: #fff; /*min-width:980px;min-height:600px;*/
    -webkit-border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.7);
    -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.7);
    box-shadow: 0 2px 5px rgba(50, 50, 50, 0.7);
}

    div.mainContent.reports {
        background-color: #e5e5e5;
    }

section.content {
    padding: 0 0 5px;
}

    section.content div.pageTitle {
        margin: 0 -15px;
        padding: 10px 15px;
        background: #009de0;
        color: #fff;
    }

        section.content div.pageTitle h2 {
            color: #fff;
            font-size: 32px;
            font-weight: normal;
            text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
            padding: 0;
            margin: 0;
        }

        section.content div.pageTitle div.dateRangePicker {
            text-align: right;
            text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
            top: 6px;
            position: relative;
        }

            section.content div.pageTitle div.dateRangePicker .dropdown-menu {
                right: 0;
                left: auto;
            }

            section.content div.pageTitle div.dateRangePicker label {
                display: inline;
                padding: 5px 8px 0 0;
            }

.StartEndDateDropDownArea {
    color: #000;
    width: 600px !important;
    text-align: left;
    padding: 20px;
}

    .StartEndDateDropDownArea .span4 label {
        display: block;
        text-align: left;
        font-weight: bold;
    }

    .StartEndDateDropDownArea .span4 select {
        display: block;
        width: 180px;
        font-size: 12px;
        margin: 0 0 10px 0;
    }

    .StartEndDateDropDownArea .span4 input#StartDate,
    .StartEndDateDropDownArea .span4 input#EndDate {
        display: block;
        width: 180px;
        font-size: 12px;
    }

    .StartEndDateDropDownArea .input-validation-error {
        color: red;
    }

    .StartEndDateDropDownArea .DatePicker {
        font-size: 10px;
    }

footer.container p {
    margin: 0 -15px;
}

footer p {
    padding: 10px;
    text-align: right;
}

ul.breadcrumb {
    padding: 4px 15px;
    margin: 0 -15px;
    background: #e2f3ff;
    font-size: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    ul.breadcrumb li.active {
        font-weight: bold;
        color: #000;
    }

    ul.breadcrumb li span.divider {
        font-size: 14px;
    }

    ul.breadcrumb select {
        height: auto;
        font-size: 13px;
        color: #666;
        padding: 0;
        margin: 0;
        width: 180px;
    }

    ul.breadcrumb form {
        display: inline;
        margin: 0;
    }

/*ul.nav.nav-tabs li{float:right;}
ul.nav.nav-tabs li a{float:right;padding-top:3px;padding-bottom:3px;}
ul.nav.nav-tabs li a.edit{background:transparent url(../images/lj_sprite.png) no-repeat -318px 3px;width:32px;padding-left:0;padding-right:0;}
ul.nav.nav-tabs li a.preview{background:transparent url(../images/lj_sprite.png) no-repeat -365px 5px;width:32px;padding-left:0;padding-right:0;}*/

/* make button invisible until you hover over it */
.btn.invisible {
    background: none;
    border: 1px solid transparent;
    position: relative;
    left: -13px;
}

    .btn.invisible:hover {
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        *background-color: #e6e6e6;
        /* Darken IE7 buttons by default so they stand out more given they won't have borders */
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        border: 1px solid #bbbbbb;
        *border: 0;
        border-bottom-color: #a2a2a2;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

/* Preview Buttons */
.selectView {
    margin: -26px 0 0 0;
}

article.page {
}

    .ui-dialog h1,
    article.page h1 {
        font-size: 18px;
    }

    .ui-dialog h3,
    article.page h3 {
        font-size: 16px;
        color: #666;
    }

        article.page h3.message-error {
            clear: both;
            color: red;
            font-size: 1.1em;
            font-weight: bold;
            margin: 20px 0 10px 0;
            background-color: yellow;
        }

        article.page h3.message-success {
            clear: both;
            color: green;
            font-size: 1.1em;
            font-weight: bold;
            margin: 20px 0 10px 0;
        }

ul.LJDraggables {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    width: 200px;
}

    ul.LJDraggables li {
        margin: 0 0 4px;
    }

        ul.LJDraggables li label {
            cursor: move;
            position: relative;
            font-size: 12px;
            padding: 3px;
            overflow: hidden;
            line-height: 1;
            margin: 0;
            -webkit-box-shadow: 1px 1px 3px 0 #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            box-shadow: 1px 1px 3px 0 #ccc; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
            background-color: #d2d2d2;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#bebebe)); /* Safari 4+, Chrome */
            background-image: -webkit-linear-gradient(top, #d2d2d2, #bebebe); /* Chrome 10+, Safari 5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(top, #d2d2d2, #bebebe); /* Firefox 3.6-15 */
            background-image: -o-linear-gradient(top, #d2d2d2, #bebebe); /* Opera 11.10-12.00 */
            background-image: linear-gradient(to bottom, #d2d2d2, #bebebe); /* Firefox 16+, IE10, Opera 12.50+ */
        }

            ul.LJDraggables li label:hover {
                background-color: #bebebe;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#d2d2d2)); /* Safari 4+, Chrome */
                background-image: -webkit-linear-gradient(top, #bebebe, #d2d2d2); /* Chrome 10+, Safari 5.1+, iOS 5+ */
                background-image: -moz-linear-gradient(top, #bebebe, #d2d2d2); /* Firefox 3.6-15 */
                background-image: -o-linear-gradient(top, #bebebe, #d2d2d2); /* Opera 11.10-12.00 */
                background-image: linear-gradient(to bottom, #bebebe, #d2d2d2); /* Firefox 16+, IE10, Opera 12.50+ */
                -webkit-box-shadow: 1px 1px 3px 0 #c4c4c4; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
                box-shadow: 1px 1px 3px 0 #c4c4c4; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
            }

            ul.LJDraggables li label:active {
                -webkit-box-shadow: 1px 1px 1px 0 #fff; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
                box-shadow: 1px 1px 1px 0 #fff; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
            }

            ul.LJDraggables li label:hover span {
                color: #fff;
            }

            ul.LJDraggables li label input {
                display: inline;
                margin: 0 3px 0 0;
                vertical-align: bottom;
            }

            ul.LJDraggables li label span {
                display: block;
                position: absolute;
                height: 15px;
                background: transparent url(../../Images/lj_sprite.png) no-repeat -507px 1px;
                top: 0;
                left: 17px;
                padding: 3px 0 0 9px;
                width: 100%;
                white-space: nowrap;
            }

            ul.LJDraggables li label a {
                position: absolute;
                top: 0;
                right: 0;
                background: rgba(227, 226, 226, 0.5) url(../../Images/lj_sprite.png) no-repeat -414px 2px;
                width: 20px;
                height: 17px;
                display: block;
                float: right;
                border-bottom: 1px solid #ccc;
            }

            ul.LJDraggables li label.used span {
                background-color: #de80aa;
                color: #fff;
            }

            ul.LJDraggables li label.used a {
                background: transparent url(../../Images/lj_sprite.png) no-repeat -450px 0;
                border-bottom: 1px solid #de80aa;
            }

div.LJDroppable {
    border: 3px solid #ccc;
    margin: 0 0 30px;
}

    div.LJDroppable header {
        border-bottom: 3px solid #ccc;
        background: #fff url(../../Images/lj_droppable_header_bg.png) repeat-x 0 0;
    }

        div.LJDroppable header h1 {
            margin: 0;
            font-size: 16px;
            padding: 9px 5px;
            color: #006699;
            line-height: 18px;
        }

        div.LJDroppable header div {
            padding: 6px 0 0 0;
        }

            div.LJDroppable header div label {
                font-size: 12px;
                display: inline;
                padding: 0 5px 0 0;
            }

            div.LJDroppable header div select {
                width: 90px;
                margin: 0;
            }

    div.LJDroppable ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        div.LJDroppable ul li {
            border-top: 1px solid white;
            border-bottom: 2px solid #fff;
            color: black;
            min-height: 30px;
            height: auto !important;
            height: 30px;
        }

            div.LJDroppable ul li.hover {
                background: #FFFFDF;
            }

            div.LJDroppable ul li.active {
                border-bottom: 2px dashed #CCC;
                border-top: 1px dashed #ccc;
            }

            div.LJDroppable ul li.full.active {
                border-top: 1px solid #fff;
                border-bottom: 2px solid #ccc;
            }

div.LJDropped {
    font-size: 12px;
    padding: 5px;
    background: #de80aa;
    color: #fff;
    position: relative;
}

    div.LJDropped a.remove {
        position: absolute;
        top: 0;
        right: 0;
        background: transparent url(../../Images/lj_sprite.png) no-repeat -446px 5px;
        width: 24px;
        height: 24px;
        display: block;
        float: right;
    }

    div.LJDropped.LJSortable a.remove {
        position: absolute;
        top: 0;
        right: 0;
        background: transparent url(../../Images/lj_sprite.png) no-repeat -446px 5px;
        width: 24px;
        height: 24px;
        display: block;
        float: right;
    }

    div.LJDropped.LJSortable a.handle {
        width: 12px;
        height: 24px;
        background: transparent url(../../Images/lj_sprite.png) no-repeat -506px 5px;
        display: block;
        float: left;
        position: relative;
        top: -3px;
        left: -3px;
        cursor: move;
    }

div.fixedContainer {
    position: fixed;
}

ul.SelectDestinations {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}

    ul.SelectDestinations li {
        padding: 5px 0 0 0;
    }

        ul.SelectDestinations li label {
            font-size: 14px;
            line-height: 1;
        }

            ul.SelectDestinations li label input {
                margin: 0;
                vertical-align: text-top;
                font-size: 12px;
            }

.ui-dialog fieldset,
article.page fieldset {
    margin-top: 20px;
}

    .ui-dialog fieldset legend,
    article.page fieldset legend {
        font-size: 16px;
        border: 0;
        font-weight: 300;
        margin: 0 0 6px;
        color: #426f92;
        border-bottom: 1px dashed #adadad;
        line-height: 22px;
    }

fieldset h3 {
    font-weight: normal;
}

div.scrollableContainer {
    border: 3px solid #ccc;
    padding: 10px;
    margin: 0 0 10px;
}

ul.inputList {
    list-style-type: none;
    margin: 10px -10px -10px;
    padding: 10px;
    height: 400px;
    overflow-y: scroll;
    border-top: 1px solid #ccc;
}

    ul.inputList input {
        margin: 0;
        padding: 0;
    }

table.table {
}

    table.table tr td {
        background: #f5f5f5;
        border-bottom: 1px solid #fff;
    }

    table.table tr.ProductionVersion td {
        background-color: yellow;
    }

    table.table tr.ActiveVersion td {
        background-color: yellow;
    }

.SPCProcess {
    text-align: right;
    background-color: white;
}

table.table tr.ActiveVersion td {
    background-color: yellow;
}

.SPCProcessBorder {
    border: 1px solid #0094ff;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 15px;
}

    .SPCProcessBorder section:last-child table {
        margin-bottom: 0px;
    }

.highlight {
    border: 1px solid red;
}

table.table td.HasSPC a {
    color: green;
}

table.table td.HasNoSPC a {
    color: red;
}

.spanNone {
    display: none !important;
}

.spanShow {
    display: block !important;
}

div.ProductionVersion {
    background-color: yellow;
}

div.ActiveVersion {
    background-color: yellow;
}

div.ActiveVersion {
    background-color: yellow;
}

.tray div.ActiveVersion {
    display: inline-block;
    padding: 5px 10px;
}

.tray div.ActiveVersion {
    display: inline-block;
    padding: 5px 10px;
}

table.table tr:hover td {
    background: #fff;
}

table.table thead {
    background: #92b5cc;
    color: #fff;
}

table.table input {
    margin: 0;
}

table.table thead th {
    font-weight: normal;
}

table.table .checkboxColumn {
    text-align: center;
    width: 44px;
}

table.table .pager {
    text-align: right;
}

table.table.tablenomargin {
    margin-bottom: 0;
}

div.table100 {
    height: 365px;
    overflow: auto;
}

div.formActionsWrapper {
    height: 85px;
    position: relative;
}

div.form-actions,
div.submit {
    border-top: 1px solid #c6c3c3;
    clear: both;
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 23px;
}

    div.form-actions a {
        text-decoration: underline;
        padding: 0 0 0 10px;
    }

    div.form-actions button.btn-small {
        margin-top: 10px;
    }

.ui-dialog .form-actions.stick {
    width: 948px;
}

div.form-actions.stick {
    margin-left: -25px;
    padding-bottom: 16px;
    padding-left: 32px;
    position: fixed;
    bottom: 0;
    width: 1148px;
    -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 3px rgba(50, 50, 50, 0.5);
}

.ui-dialog div.form-actions.stick {
    width: auto;
    left: 0;
    right: 0;
    /*text-align: center;*/
    padding-right: 30px;
}

span.help-inline {
    padding-bottom: 10px;
}

div.tray {
    padding: 5px 0;
}

    div.tray div.pagination {
        float: right;
        margin: 0;
        text-align: right;
    }

select.input-mini {
    height: 22px;
    font-size: 12px;
    margin: 0;
}

ul.resourceListGroup {
    padding: 0 0 0 0;
}

    ul.resourceListGroup,
    ul.resourceListGroup ul {
        list-style-type: none;
    }

        ul.resourceListGroup input {
            margin: 0;
        }

ul.assigner {
    list-style-type: none;
}

    ul.assigner > li {
        border: 0 !important;
    }

.assigner {
    list-style-position: inside;
}

    .assigner ul {
        list-style-position: inside;
        margin-left: 25px;
    }

    .assigner > li {
        margin: 20px 0 0 0;
        border-left: 1px dotted #de80aa !important;
    }

    .assigner li {
        border-left: 1px dotted #ebebeb;
        padding: 6px 0 6px 8px;
    }

        .assigner li.add {
            font-size: 12px;
        }

            .assigner li.add a {
                text-decoration: underline;
            }

    .assigner div.statement a.static {
        font-weight: bold;
        color: #333;
        text-decoration: none;
        text-transform: uppercase;
        cursor: default;
    }

    .assigner div.statement a.selector {
        font-weight: bold;
        border-bottom: 1px dashed #336699;
        cursor: pointer;
        color: #336699;
        text-transform: uppercase;
        font-size: 13px;
    }

        .assigner div.statement a.selector.hide {
            display: none;
        }

        .assigner div.statement a.selector.editing {
            color: #de80aa;
        }

    .assigner div.statement span.rule {
        display: inline-block;
    }

    .assigner div.statement span.element {
        display: none;
    }

        .assigner div.statement span.element .input-mini {
            width: auto;
        }

        .assigner div.statement span.element.show {
            display: inline;
        }

        .assigner div.statement span.element ul.inputList {
            margin: 0;
            min-height: 130px;
        }

            .assigner div.statement span.element ul.inputList li {
                border: 0;
                padding: 1px;
            }

                .assigner div.statement span.element ul.inputList li label {
                    margin: 0;
                }

    .assigner div.statement span.assigned {
        font-size: 12px;
    }

.selectClient {
    margin: 0 auto;
    width: 400px;
    text-align: center;
    padding: 58px;
}

    .selectClient select {
        height: auto;
        font-size: 14px;
        color: #666;
        padding: 0;
        margin: 0;
    }

#FloorPlanSVG {
    width: 100%;
    height: 100%;
}

.btn-lj {
    color: #fff !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) !important;
    background: #019cdf !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxOWNkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTgwYjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #019cdf 0, #2980b9 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#019cdf), color-stop(100%,#2980b9)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #019cdf 0,#2980b9 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #019cdf 0,#2980b9 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #019cdf 0,#2980b9 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #019cdf 0,#2980b9 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019cdf', endColorstr='#2980b9',GradientType=0 ) !important; /* IE6-8 */
}

    .btn-lj:hover {
        color: #ebebeb !important;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4) !important;
        text-decoration: none !important;
        background-position: 0 -2px !important;
        -webkit-transition: background-position 0.1s linear !important;
        -moz-transition: background-position 0.1s linear !important;
        -o-transition: background-position 0.1s linear !important;
        transition: background-position 0.1s linear !important;
    }

    .btn-lj:active {
        color: #666 !important;
    }

    button:disabled,
    button[disabled] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
    }

div.ljMapContainer {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

#incident-modal #FloorPlanSVG {
    min-height: 280px;
    max-height: 400px;
    height: 42vh;
}

div.ljMapContainerNew {
    width: 100%;
    height: 582px;
    overflow: hidden;
}

div.ljMapContainer.FloorPlanMap {
    height: 700px;
}

/*Custom CrossBrowser Checkbox*/
.custom-checkbox {
    position: relative;
    display: inline-block;
}

.lt-ie9 .custom-checkbox {
    zoom: 1;
}

.custom-checkbox > .box {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    background-color: #eee;
    border-radius: 4px;
}

    .custom-checkbox > .box > .tick {
        position: absolute;
        left: 2px;
        top: 3px;
        width: 9px;
        height: 3px;
        border-bottom: 2px solid #333;
        border-left: 2px solid #333;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        display: none;
    }

/*.lt-ie9 .custom-checkbox > .box > .tick {
    left: 1px;
    top: -5px;
    zoom: 1;
}*/

.lt-ie8 .custom-checkbox > .box > .tick {
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');
}

.lt-ie9 .custom-checkbox > .box > .tick {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand')";
    left: 1px;
    top: -5px;
    zoom: 1;
}

.custom-checkbox > input:checked + .box > .tick {
    display: inline-block;
}

.custom-checkbox.checked > .box > .tick {
    display: inline-block;
}

.custom-checkbox > input {
    position: absolute;
    outline: none;
    left: 0;
    top: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    border: none;
    margin: 0;
    opacity: 0;
    z-index: 1;
}

.lt-ie8 .custom-checkbox > input {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.lt-ie9 .custom-checkbox > input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}

.custom-checkbox > input:active + .box {
    border-color: #aaa;
    background-color: #ddd;
}

.custom-checkbox input[type="checkbox"].MixedState + .box {
    background-color: lightgrey;
}

.custom-checkbox input[type="checkbox"].MixedState > .box > .tick {
    border-color: red;
}

.custom-checkbox input[type="checkbox"].MixedState + .box > .tick {
    border-bottom-color: darkgray;
    border-left-color: darkgray;
}

.centermiddle {
    text-align: center;
    vertical-align: middle;
}

div.controls span.to {
    padding: 0 10px 0 20px;
}

.validation-summary-valid {
    display: none;
}

article.tile {
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
    min-height: 370px;
    border: 1px solid #bfbbbf;
    box-shadow: 1px 0 #bfbbbf, 0 1px #bfbbbf, 2px 1px #bfbbbf, 1px 2px #bfbbbf, 3px 2px #bfbbbf, 2px 3px #bfbbbf, 4px 3px #bfbbbf, 3px 4px #bfbbbf;
}

    article.tile h3 {
        font-weight: normal;
        margin: 0;
        line-height: 1;
        color: #2980b9;
    }

    article.tile div.menu {
        text-align: right;
        font-size: 12px;
    }

/* Jquery UI customizations */
.ui-dialog {
    overflow: visible;
    padding: 0;
    -webkit-border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.7);
    -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.7);
    box-shadow: 0 2px 5px rgba(50, 50, 50, 0.7);
}

    .ui-dialog .ui-dialog-titlebar-close {
        border: 0;
        background: transparent url(../images/glyphicons-halflings-white.png) no-repeat -310px 2px;
    }

.ljMapContainer {
    border: 1px solid #ddd;
}

/* Large desktop */
@media (min-width: 1200px) {
}

@media (min-width: 941px) and (max-width: 1199px) {
    .ui-dialog .form-actions.stick {
        width: 960px;
        margin-left: -30px;
    }

    div.form-actions.stick {
        width: 918px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .ui-dialog .form-actions.stick {
        width: 948px;
        margin-left: -140px;
    }

    div.form-actions.stick {
        width: 702px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    div.form-actions.stick {
        left: 35px;
        right: 20px;
        width: auto;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
}

.textlabel {
    text-align: left !important;
}

div#recommendedParking div.UnassignedList {
    top: 100px;
    bottom: 0;
    position: absolute;
    left: 0;
    width: 87%;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    margin: 10px;
}

div#recommendedParking div.quicklinkArea .associateQuicklink {
    display: none;
}

div .parkingQuicklink {
    display: none;
}

    div .parkingQuicklink input[type="checkbox"] {
        margin: 1px;
    }

div#recommendedParking div.quicklinkArea .parkingQuicklink {
    display: block;
}

div#recommendedParking div.quicklinkArea select {
    width: 150px;
}

div#recommendedParking .tile {
    height: 620px;
    position: relative;
}

div#recommendedParking button {
    margin-bottom: 10px;
}

.fingerCursor {
    cursor: pointer;
}

.smallTopMargin {
    margin-top: 10px;
}

.LongName {
    width: 400px;
    overflow-wrap: break-word;
}

span.legendIcon {
    background: transparent url(../../Images/ljSprite-legend-50percent.png) no-repeat 0 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    line-height: 2em;
}

    span.legendIcon.atm {
        background-position: -50px 0;
    }

    span.legendIcon.busstop {
        background-position: 0 0;
    }

    span.legendIcon.elevators {
        background-position: -100px 0;
    }

    span.legendIcon.parking {
        background-position: -150px 0;
    }

    span.legendIcon.restroom {
        background-position: -200px 0;
    }

    span.legendIcon.vending {
        background-position: -250px 0;
    }

    span.legendIcon.food {
        background-position: -300px 0;
    }

    span.legendIcon.gift {
        background-position: -350px 0;
    }

    span.legendIcon.rx {
        background-position: -400px 0;
    }

    span.legendIcon.help {
        background-position: -450px 0;
    }

    span.legendIcon.legend10 {
        background-position: -500px 0;
    }

    span.legendIcon.legend11 {
        background-position: -550px 0;
    }

    span.legendIcon.legend12 {
        background-position: -600px 0;
    }

    span.legendIcon.legend13 {
        background-position: -650px 0;
    }

    span.legendIcon.legend14 {
        background-position: -700px 0;
    }

    span.legendIcon.legend15 {
        background-position: -750px 0;
    }

    span.legendIcon.legend16 {
        background-position: -800px 0;
    }

    span.legendIcon.legend17 {
        background-position: -850px 0;
    }

    span.legendIcon.legend18 {
        background-position: -900px 0;
    }

    span.legendIcon.legend19 {
        background-position: -950px 0;
    }

    span.legendIcon.legend20 {
        background-position: -1000px 0;
    }

td.darkBackground span.legendIcon {
    background-color: black;
}

.progressBarText {
    display: block;
    position: absolute;
    text-align: center;
    width: 95%;
    font-weight: bold;
}

.stack-trace {
    width: 100%;
    overflow-x: scroll;
}

#mainElement .modal-body fieldset {
    margin-top: 0;
}

#mainElement .modal-body legend {
    margin-bottom: -10px;
    position: relative;
}

    #mainElement .modal-body legend span {
        font-weight: bold;
        position: absolute;
        top: -15px;
        padding: 0 10px;
    }

span.validationMessage {
    color: #b94a48;
    display: block;
}

span.marginLeftTop {
    margin: 0 0 0 20px;
}

.margintop5 {
    margin-top: 5px;
}

.loader {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
}

.paddingTop15 {
    padding-top: 15px;
}

#audioNotification {
    width: 800px;
    left: 40%;
}

.accordionBackColor {
    background-color: #7799b5;
}

.accordionHeadingColorText {
    color: #fff;
    /*padding-left: 20px;*/
    margin: 0;
    font-size: 1em;
}

.paddingLeftBottomTop_50_10_3 {
    padding-left: 50px;
    padding-bottom: 10px;
    padding-top: 3px;
}

.width380 {
    width: 380px;
}

.paddingTop20 {
    padding-top: 20px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft0 {
    margin-left: 0;
}

.accordion.wizard .span6.text-left, .accordion.wizard .span12.text-left {
    min-height: 20px;
}

.accordion.wizard .span6.text-right, .accordion.wizard .span12.text-right {
    min-height: 20px;
}

.userGroupSelect {
    height: 180px !important;
    width: 335px;
}

.mappingUsergroup-modal {
    width: 850px;
    left: 40%;
}

.usergroupmapping-btn {
    width: 26px;
    margin-left: 50px;
}

.list-cust .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-cust .list-group-item {
    border-right: 0;
    border-left: 0;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #92b5cc;
    border-color: #92b5cc;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group-item {
    position: relative;
    display: block;
    padding-left: 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

#alert-alertUpdateViewList {
    width: 950px;
    left: 36%;
}

.table td.highAlertListColor {
    color: #E91C04;
}

.table td.mediumAlertListColor {
    color: #EFAD00;
}

.table td.lowAlertListColor {
    color: #545ADA;
}

.dateRangeAlert {
    display: inline-block;
}

#delete-icon-alert {
    margin-top: 20px;
}

.alert-crud {
    display: inline-block;
}

.padding-top0 {
    padding-top: 0 !important;
}

table.table tr.defaultStyleColor td, .defaultStyleColor {
    background-color: #e2f3ff;
}

table.table tr.activeStyleColor td, .activeStyleColor {
    background-color: #ded;
}

.paddingBottom5 {
    padding-bottom: 5px;
}

#sidebar-wrapper {
    background: rgba(50,50,50,0.7);
    color: #eee;
    font-size: 0.9em;
    width: 225px;
    position: absolute;
    right: -15px;
    top: 3em;
    padding-bottom: 15px;
    padding-left: 10px;
    border-radius: 6px 0 0 6px;
    z-index: 1000;
}

    #sidebar-wrapper a {
        color: #eee;
    }

    #sidebar-wrapper .close {
        opacity: 0.8;
        margin: 0 2px 0 0;
    }

        #sidebar-wrapper .close span {
            background: #e34;
            padding: 0 4px 2px 4px;
            color: #fff;
            font-size: 0.8em;
        }

    #sidebar-wrapper .property-row input[type="text"] {
        /*width: 145px;*/
        padding: 0 5px;
        font-size: 0.95em;
        overflow: hidden;
    }

    #sidebar-wrapper .property-row input[type="range"] {
        width: 140px;
    }

.width120 {
    width: 120px;
}

.tray:after {
    clear: both;
}

.tray .tray-block {
    float: left;
    margin-right: 1em;
}

    .tray .tray-block.pull-right {
        float: right;
        margin-left: 1em;
        margin-right: 0;
    }

    .tray .tray-block .tray-header {
        padding: 3px;
        line-height: 2em;
    }

    .tray .tray-block .tray-item {
        padding: 3px;
    }

.required-field:after {
    content: "*";
    color: #f00;
}

.optional-fieldset {
    line-height: 0;
    border: 1px solid #aaa;
    margin: 3em 0 1.5em;
}

    .optional-fieldset span {
        background: #fff;
        padding: 3px 10px;
        margin-left: 2.5em;
    }

ul.nav-view-links {
    margin: 0;
}

#tray-links.nav-view-links {
    padding-bottom: 0;
}

#tray-links .nav-tabs {
    border-bottom: none;
    /*border-bottom: 1px solid #92b5cc;*/
}

    #tray-links .nav-tabs > .active > a, #tray-links .nav-tabs > .active > a:hover, #tray-links .nav-tabs > .active > a:focus {
        color: #000;
        background: #92b5cc;
        font-weight: bold;
        border: none;
        /*border: 1px solid #92b5cc;*/
        /*border-bottom: 1px solid transparent;*/
    }

    #tray-links .nav-tabs > li {
        margin-bottom: -2px;
    }

        #tray-links .nav-tabs > li > a {
            font-weight: bold;
            border: none;
        }

            #tray-links .nav-tabs > li > a:hover {
                background: #92b5cc;
                color: #fff;
            }

.active-alert-color, table.table tbody tr.active-alert-color td {
    background: #e2f3ff;
}

    .active-alert-color.color-code-info {
        display: inline-block;
        margin-bottom: 0;
        padding: 3px 10px;
    }

#sidebar-wrapper .property-row {
    line-height: 30px;
}

#sidebar-wrapper .heading {
    font-weight: bold;
    color: #fff;
    font-size: 1.2em;
    padding: 5px 8px;
    border-bottom: 1px solid #fff;
    display: block;
    margin-left: -10px;
    margin-bottom: 7px;
}

#sidebar-wrapper .action {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.width100 {
    width: 100px;
}

.width35 {
    width: 35px;
}

.width160 {
    width: 160px;
}

.property-action {
    margin-top: 15px;
}

    .property-action.btn-left {
        display: inline-block;
        width: 46%;
        text-align: left;
    }

    .property-action.btn-right {
        display: inline-block;
        width: 46%;
        text-align: right;
    }

/*start image selection from gallery css*/
#icon-grid-modal ul {
    list-style-type: none;
}

#icon-grid-modal li {
    display: inline-block;
}

#icon-grid-modal input[type="checkbox"][id^="cb"] {
    display: none;
}

#icon-grid-modal label {
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
}

    #icon-grid-modal label:before {
        background-color: white;
        color: white;
        content: " ";
        display: block;
        border-radius: 50%;
        border: 1px solid grey;
        position: absolute;
        top: -5px;
        left: -5px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 28px;
        transition-duration: 0.4s;
        transform: scale(0);
    }

    #icon-grid-modal label img {
        height: 30px;
        width: 30px;
        transition-duration: 0.2s;
        transform-origin: 50% 50%;
    }

#icon-grid-modal :checked + label {
    border-color: #ddd;
}

    #icon-grid-modal :checked + label:before {
        content: "✓";
        background-color: grey;
        transform: scale(1);
    }

    #icon-grid-modal :checked + label img {
        transform: scale(0.9);
        box-shadow: 0 0 5px #333;
        z-index: -1;
    }

#artifactBody ul {
    list-style-type: none;
}

#artifactBody li {
    display: inline-block;
}

#artifactBody input[type="checkbox"][id^="cb"] {
    display: none;
}

#artifactBody label {
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
}

    #artifactBody label:before {
        background-color: white;
        color: white;
        content: " ";
        display: block;
        border-radius: 50%;
        border: 1px solid grey;
        position: absolute;
        top: -5px;
        left: -5px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 28px;
        transition-duration: 0.4s;
        transform: scale(0);
    }

    #artifactBody label img {
        height: 30px;
        width: 30px;
        transition-duration: 0.2s;
        transform-origin: 50% 50%;
    }

#artifactBody :checked + label {
    border-color: #ddd;
}

    #artifactBody :checked + label:before {
        content: "✓";
        background-color: grey;
        transform: scale(1);
    }

    #artifactBody :checked + label img {
        transform: scale(0.9);
        box-shadow: 0 0 5px #333;
        z-index: -1;
    }

table.sort-list tr th.alert-sort {
    cursor: pointer;
}

.property-row span.validationMessage {
    color: white;
    padding: 4px 7px;
    background-color: #b94a48;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    margin-top: -5px;
    margin-bottom: 5px;
    max-width: 90%;
}

.locationMarker {
    fill: transparent;
}

/*.locationMarker.red {
        fill: #EE5B5B;
    }*/

.locationMarkerPulse {
    fill: #4bc45b;
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: translate(0px,0px);
        scale(0.1, 0.1, 0.1);
        opacity: 1;
        r: 10;
    }

    50% {
        opacity: 0.1;
        scale(1.2, 1.2, 1.2);
        r: 50;
    }

    100% {
        -webkit-transform: translate(0px,0px);
        scale(0.1, 0.1, 0.1);
        opacity: 1;
        r: 10;
    }
}

@-webkit-keyframes overlap-pulsate {
    0% {
        -webkit-transform: translate(0px,0px);
        scale(0.1, 0.1, 0.1);
        opacity: 1;
        r: 5;
    }

    50% {
        opacity: 0.4;
        scale(0.3, 0.3, 0.3);
        r: 15;
    }

    100% {
        -webkit-transform: translate(0px,0px);
        scale(0.1, 0.1, 0.1);
        opacity: 1;
        r: 5;
    }
}

.property-row label {
    margin-bottom: 0;
    margin-top: 5px;
}

/* for map overlay content */
.map-overlay-content-label {
    /*font-family:'open sans', sans-serif;*/
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
}

#mainElement select.map-rotation /*, div.map-rotation select*/ {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    line-height: 4px;
    height: 26px;
    min-height: 25px;
    margin-top: 7px;
    margin-bottom: 0;
    min-width: 110px;
}

.dynamic-textbox-collection {
    padding: 10px;
    margin: 5px 5px 5px 0;
    border: 1px solid #ddd;
    display: table;
    border-radius: 6px;
}

.ui-datepicker {
    font-size: 1em !important;
    width: 26em !important;
}

.dropdown-menu.StartEndDateDropDownArea .row-fluid .span4 {
    width: 45% !important;
    padding-left: 20px !important;
    box-sizing: border-box;
}

#StartDate, #EndDate {
    width: 98% !important;
}

.dropdown-menu.StartEndDateDropDownArea .row-fluid .span4:last-child {
    margin-top: 20px !important;
    padding-left: 0px !important;
}

.error-message {
    color: #cc0033;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    margin: 5px 0 0;
}

/*Incident Reporting*/

#incident-management {
    margin: 20px auto;
}

    #incident-management .incident-error input, #incident-management .incident-error select, #incident-management .incident-error button {
        border: 1px solid #f00;
    }

    #incident-management .nav-tabs {
        margin-bottom: 0;
    }

        #incident-management .nav-tabs li {
            margin-bottom: -1px;
            min-width: 120px;
            text-align: center;
            font-weight: bold;
        }

    #incident-management .tab-content {
        border: 1px solid #ddd;
        border-top: none;
        margin-top: 0;
        padding: 15px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        min-height: 500px;
    }

    #incident-management .tab-pane .top-row {
        margin-bottom: 20px;
    }

    #incident-management h1 {
        text-align: center;
        padding-top: 50px;
    }

    #incident-management input[type=checkbox] {
        vertical-align: top;
        margin-top: 0;
        text-align: left;
        min-height: 30px;
    }

    #incident-management td input[type=checkbox] {
        min-height: 18px;
    }

    #incident-management td, #incident-management th {
        vertical-align: middle;
    }

    #incident-management .pin img {
        height: 25px;
    }

    #incident-management .pin + span {
        margin-left: 2px;
    }

    #incident-management div.pin-selector {
        font-family: FontAwesome Arial, Helvetica, sans-serif;
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }

    #incident-management .dropdown-toggle:focus, #incident-management select:focus, #incident-management input[type=checkbox]:focus, #incident-management .btn:focus {
        outline-color: #006dcc !important;
    }

    #incident-management div.pin-selector .filter-option .fa {
        font-size: 1em;
        background: #f66;
        width: 20px;
        border-radius: 12px;
        color: #fff;
        height: 20px;
        line-height: 20px;
        text-align: center !important;
    }

    #incident-management div.pin-selector .dropdown-menu.open {
        right: 0;
        z-index: 1001;
    }

    #incident-management #incident-modal .bootstrap-select button img, #incident-management #incident-type-modal .bootstrap-select button img {
        width: 18px;
    }

    #incident-management #incident-type-modal .span3.incident-type-icon-tile {
        margin: 3px;
        padding: 7px 12px;
        text-align: center;
        background: #eee;
        border-radius: 16px;
        cursor: pointer;
    }

    #incident-management #FloorPlanSVG {
        background: rgb(221,221,211);
    }

    #incident-management div.pin-selector ul li span.fa {
        font-size: 1.2em;
        background: #f66;
        width: 25px;
        border-radius: 12px;
        color: #fff;
        height: 25px;
        line-height: 25px;
    }

    #incident-management .pop-over-type {
        position: absolute;
        right: 0;
        float: left;
        border: 1px solid #ddd;
        box-shadow: -1px 1px #aaa;
        background: #fff;
        top: 5px;
        padding-top: 5px;
        display: none;
    }

    #incident-management .location-cross {
        font-size: 1.5em;
        color: red;
    }

    #incident-management .filter-icon {
        padding: 3px;
        float: right;
        color: #fff;
        font-size: 1.2em;
    }

        #incident-management .filter-icon[data-filter-applied=true] {
            color: green;
        }

    #incident-management a.filter-icon:hover {
        color: #08c;
    }

    #incident-management .pop-over-type .list-item {
        width: 172px;
        border-bottom: 1px solid #eee;
        padding-bottom: 3px;
        margin-bottom: 2px;
    }

    #incident-management .pop-over-type .pop-over-type-checkbox {
        margin: 8px 0 0 7px;
    }

    #incident-management .pop-over-type .pop-over-type-name {
        display: inline-block;
        margin-top: 2px;
        width: 95px;
        font-size: 13px;
        padding: 2px 10px;
        text-decoration: none;
        color: #555;
        font-weight: bold;
    }

    #incident-management .pop-over-type .buttons-row {
        margin: 10px 3px 5px 3px;
    }

        #incident-management .pop-over-type .buttons-row button:last-child {
            float: right;
        }

    #incident-management .pin.pin-filter {
        display: inline-block;
        margin-right: 4px;
    }

        #incident-management .pin.pin-filter img {
            width: 25px;
            height: 25px;
        }

    #incident-management .timer {
        height: 40px;
    }

    #incident-management .clockface {
        fill: silver;
    }

    #incident-management .spent {
        fill: none;
        stroke: #6683c2;
        stroke-width: 38px;
        stroke-dasharray: 119.397px;
        stroke-dashoffset: 119.397px;
        animation: dash 60s linear;
    }

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

.pin-icon .fa {
    font-size: 1.2em;
    background: #f66;
    width: 30px;
    border-radius: 15px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.pin-icon .fa-minus-circle:before, .pin-icon .fa-heartbeat:before, .pin-icon .fa-flash:before, .pin-icon .fa-map-marker:before {
    font-size: 1.2em;
}

.pop-over {
    position: absolute;
    left: -172px;
    float: left;
    border: 1px solid #ddd;
    box-shadow: -1px 1px #aaa;
    background: #fff;
    display: none;
}

    .pop-over .pop-over-action {
        display: block;
        margin-top: 2px;
        width: 150px;
        font-size: 13px;
        padding: 2px 10px;
        text-decoration: none;
        color: #555;
        background: #f5f5f5;
        font-weight: bold;
    }

        .pop-over .pop-over-action.delete {
            color: #f55;
        }

        .pop-over .pop-over-action.resolve {
            color: #595;
        }

        .pop-over .pop-over-action:first-child {
            margin-top: 0;
        }

        .pop-over .pop-over-action:hover {
            background: #E2F3FF;
            cursor: pointer;
        }

.tray-anchor {
    margin-right: 25px;
}

.tray-icon-label {
    margin-left: 5px;
}

.warningLabel {
    color: red;
    border: 1px solid #f5c6cb;
    border-radius: 10px;
    padding: 10px 20px;
    color: #721c24;
    background-color: #fbecee;
    border-color: #f5c6cb;
    margin: 10px 0px;
}

.marginTopTen {
    margin-top: 10px;
}

.marginTopTW {
    margin-top: 20px;
}

.greenBadge {
    border: 1px solid green;
    padding: 5px 5px 5px 10px;
    border-radius: 5px;
    color: green;
    margin-right: 5px;
}

.redBadge {
    border: 1px solid red;
    padding: 5px 5px 5px 10px;
    border-radius: 15px;
    color: red;
    margin-right: 5px;
}

.mfa-table {
    margin: 50px auto;
}

    .mfa-table tr {
        border-bottom: 1px solid #eee;
    }

    .mfa-table td {
        padding: 10px 0;
    }

        .mfa-table td .btn {
            width: 180px;
        }

.eventDialog {
    top: 45px !important;
}

#language-translation-modal {
    z-index: 1000000000;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    display: none;
}

    #language-translation-modal .background {
        margin: 10% auto;
        max-width: 770px;
        width: 70%;
        background: #eee;
        border-radius: 16px;
    }

        #language-translation-modal .background .translation-modal-header {
            background: #009de0;
            color: #fff;
            font-size: 2.5em;
            padding: 20px;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

        #language-translation-modal .background .translation-modal-body {
            padding: 20px 10px;
            overflow: auto;
        }

    #language-translation-modal .action-bar {
        padding-bottom: 10px;
        border-bottom: 1px solid #aaf;
        margin-bottom: 10px;
    }

        #language-translation-modal .action-bar button {
            margin-left: 10px;
        }

    #language-translation-modal .message {
        padding: 20px;
        font-weight: bold;
        font-size: 1.2em;
    }

    #language-translation-modal .transalation-area {
        max-height:270px;
        overflow-y:scroll;
    }

#language-translation-modal .left-pane {
    width: 33.33%;
    max-width: 33.33%;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
}

    #language-translation-modal .right-pane {
        width: 65%;
        max-width: 65%;
        float: left;
        margin-top: 10px;
    }

        #language-translation-modal .left-pane:after, #language-translation-modal .right-pane:after {
            clear: both;
        }

    #language-translation-modal .list-group-item {
        padding: 5px 10px;
        background: #fff;
    }

        #language-translation-modal .list-group-item.selected {
            font-weight: bold;
            color: royalblue;
            background: none;
            border-right: none;
            /*border-left: none;*/
        }

    #language-translation-modal .right-pane .transalation-field {
        padding: 5px 10px;
    }

    #language-translation-modal .language-name {
        display: inline-block;
        min-width: 100px;
    }

    #language-translation-modal .language-translation {
        min-width: 45%;
        margin: 0;
    }

    #language-translation-modal .translation-footer {
        width: 100%;
        margin: 20px 0;
        padding-top: 20px;
        border-top: 1px solid #aaf;
    }

        #language-translation-modal .translation-footer span {
            margin-left: 10px;
        }

        #language-translation-modal .translation-footer button {
            float: right;
        }

            #language-translation-modal .translation-footer button:after {
                clear: both;
            }

.automationRepTable tr td, .automationRepTable tr th {
    padding: 8px 5px;
    border-top: 1px solid #ddd;
    border-collapse: collapse;
}

.automationRepTable tr th {
    padding: 10px 5px;
}