﻿* {
    font-family: Droid Sans, Arial;
    font-size: 14px;
}

*:focus {
    outline: 0;
}

html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    background-color: #eaeaea;
}

body {
    padding-top: 68px;
}

.uploadifive-button {
    font-family: Arial !important;
}

.bar {
    background-color: #333333;
    height: 68px;
    width: 100%;
}

    .bar img {
        height: 44px;
        margin: 10px 0 0 16px;
    }

    .bar .actions {
        margin: 14px 14px 0 0;
    }

    .bar .btn {
        margin-left: 10px;
    }

.section-header {
    padding: 26px 0 26px 16px;
    background-color: #ffffff;
    border-bottom: 1px solid #BFBFBF;
}

.section-main {
    /*background: #fafafa;*/
    display: table;
    width: 100%;
    padding: 15px 15px 15px 15px;
    min-height: 100%;
}

    .section-main .left {
        display: table-cell;
        vertical-align: top;
        width: 275px;
    }

    .section-main .right {
        display: table-cell;
        padding-left: 15px;
    }

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -3em;
}

.footer, .push {
    height: 3em;
    clear: both;
}

.btn {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding: 8px 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-primary {
    color: #ffffff !important;
    border: 2px solid #f16923 !important;
    background: #f16923 !important;
}

    .btn-primary:hover, .btn-primary[disabled], .btn-primary:active, .btn-primary.active {
        color: #f16923 !important;
        border: 2px solid #f16923 !important;
        background: #ffffff !important;
    }

.btn-inverse {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    background: #333333 !important;
}

    .btn-inverse:hover, .btn-inverse[disabled], .btn-inverse:active, .btn-inverse.active {
        color: #ffffff !important;
        border: 2px solid #f16923 !important;
        background: #f16923 !important;
    }

.btn-danger {
    color: #ffffff !important;
    border: 2px solid #C12E2A !important;
    background: #C12E2A !important;
}

    .btn-danger:hover, .btn-danger[disabled], .btn-danger:active, .btn-danger.active {
        color: #C12E2A !important;
        border: 2px solid #C12E2A !important;
        background: #ffffff !important;
    }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.control-group {
    margin-bottom: 10px;
}

    .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
        color: #b94a48;
    }

    .control-group.error input, .control-group.error select, .control-group.error textarea {
        border-color: #b94a48;
    }

    .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
        color: #b94a48;
    }

        .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
            border-color: #953b39;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
            -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
        }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #468847;
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
    border-color: #356635;
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #468847;
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #468847;
}

label {
    margin-bottom: 5px;
    margin-left: 4px;
}

label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

a,
a:hover,
a:active,
a:link {
    color: #aaaaaa;
    text-decoration: none;
    font-weight: bold;
}

    a:hover {
        color: #707070;
    }

.top a {
    padding: 0px 3px 5px 3px;
}

    .top a.selected,
    .top a:hover {
        border-bottom: 4px solid #909090;
    }

    .top a.selected {
        color: #908f8d;
    }

    .top a:hover {
        border-bottom: 4px solid #606060;
    }

select {
    height: 31px;
}

input[type=checkbox] {
    margin: 0px 5px 0px 0px;
    padding: 0px;
}

hr {
    border: 0;
    border-bottom: 1px dashed #cccccc;
    background: #999999;
    margin: 10px 0px 5px 0px;
}

h1 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 36px;
    padding: 0px;
    margin: 0px;
    color: #34313f;
}

    h1 a, h1 a:link {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-weight: 100;
        font-size: 36px;
        color: #63737f;
    }

        h1 a:hover {
            color: #34313f;
            text-decoration: none;
        }

label {
    display: inline-block;
}

.well-left {
    background: #fafafa;
    border: 1px solid #BFBFBF;
    padding: 10px 0 10px 0;
    margin: 0;
    /*
    position: absolute;
    width: 275px;
    left: 0;
    top: 160px;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 4px 1px #ccc;
    -webkit-box-shadow: 2px 2px 4px 1px #ccc;
    box-shadow: 2px 2px 4px 1px #ccc;
}

.well-right {
    background: #fafafa;
    border: 1px solid #BFBFBF;
    padding: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 4px 1px #ccc;
    -webkit-box-shadow: 2px 2px 4px 1px #ccc;
    box-shadow: 2px 2px 4px 1px #ccc;
}

    .well-left div.header,
    .well-right div.header {
        color: #333333;
        font-weight: bold;
        padding: 3px 0px 7px 2px;
        font-size: 16px;
    }

.well-left div.header {
    padding: 5px 0 0 1px;
    margin: 0 16px 0 12px;
}

.well-right div.header {
    /*width: 100%;
    color: #ffffff;
    border-bottom: 1px solid #BFBFBF;
    background: #6c6c6c;*/
    padding: 0 0 10px 0;
}

.well-left a {
    color: #6c6c6c;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .well-left a:hover {
        color: #f16923;
    }

.well-left ul {
    list-style-type: none;
    padding: 6px 0 10px 0;
    margin: 0px;
    width: 100%;
}

    .well-left ul li {
        margin: 2px 18px 2px 20px;
        padding: 0px;
        font-size: 12px;
        display: block;
    }

        .well-left ul li .item {
            display: table;
        }

            .well-left ul li .item .text {
                display: table-cell;
                width: 100%;
                vertical-align: middle;
            }

            .well-left ul li .item .badge {
                margin-top: 1px;
                padding-right: 9px;
                padding-left: 8px;
                background: #6c6c6c;
                display: table-cell;
                float: right;
            }

        .well-left ul li a {
            display: block;
        }

        .well-left ul li:hover {
            /*background-color: #dddddd;*/
        }

        /*.well-left ul li.selected
{
    background-color: #eaeaea;
    border-left: 4px solid #f16923;
    padding-left: 5px;
    margin-left: 10px;
}*/
        .well-left ul li.selected a {
            color: #f16923;
        }

        .well-left ul li.selected .badge {
            background: #f16923;
        }

.copyright,
.copyright a {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #888;
}

.copyright {
    padding: 10px 18px 10px 0px;
}

.thumb {
    display: inline-block;
    text-align: center;
    margin: 10px;
}

    .thumb img {
        border: 4px double #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        height: 100px;
        width: 100px;
        padding: 5px;
    }

    .thumb a {
        color: #aaa;
    }

    .thumb:hover img {
        border: 4px double #777;
    }

    .thumb:hover a {
        color: #777;
    }

.ui-spinner {
    margin-top: -5px;
    width: 100px;
    background-color: #ffffff;
}

    .ui-spinner.focus {
        border-color: rgba(82,168,236,0.8);
        outline: 0;
        outline: thin dotted \9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    }

    .ui-spinner input,
    .ui-spinner input:focus {
        font-size: 14px;
        margin: 0px;
        padding: 4px 6px 4px 6px;
        border: 0px;
        outline: 0;
        -webkit-box-shadow: inset 0 0px 0px;
        -moz-box-shadow: inset 0 0px 0px;
        box-shadow: inset 0 0px 0px;
    }

.ui-spinner {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 0 0 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    margin-top: 1px;
    margin-bottom: 0px;
}

.ui-spinner-disabled,
.ui-spinner-disabled input {
    background: #F4F4F4;
    color: #CCC;
}

.ui-spinner-box {
    width: 90%;
    height: 100%;
    float: left;
    font-size: 125%;
    border: none;
    background: none;
    padding: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-up,
.ui-spinner-down {
    width: 20px;
    height: 50%;
    font-size: 7px;
    padding: -10px 0px 0px 0px !important;
    margin: 0px !important;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0;
    cursor: default;
    border: 1px solid #ccc;
    border-right: none;
    border-top: none;
    line-height: 5px;
}

.ui-spinner-down {
    bottom: 0;
    border-bottom: 0;
}

.ui-spinner-pressed {
    background: #FEFEFE;
}

.ui-spinner .error {
    padding: 0;
    margin: 0;
    height: 0;
    display: none;
}

.ui-spinner input {
    min-width: 90px !important;
    max-width: 90px !important;
    width: 90px !important;
}

input.color-picker {
    width: 70px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

div.color-picker {
    cursor: pointer;
    display: inline-block;
    height: 34px;
    vertical-align: top;
    margin-left: -3px;
    padding: 7px 15px 7px 10px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

    div.color-picker img {
        margin: 3px 0px 0px 0px;
    }

    div.color-picker span.add-on {
        font-size: 25px;
        line-height: 20px;
    }

.colorpicker input {
    width: 40px;
    padding: 0px !important;
    line-height: 14px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: pointer;
}

.validation-summary {
    background-color: #ffd5d5;
    border: 1px solid #ffa3a3;
    margin: 0 0 20px 10px;
    padding: 15px 0 5px 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .validation-summary li {
        color: #000000;
    }

.mandatory-indicator {
    font-weight: bold;
    color: red;
    padding: 0 0 0 5px;
    font-size: smaller;
}

.ace_content * {
    font-family: Consolas !important;
    font-size: 12px;
}

.ace-editor {
    border: 1px solid #dddddd;
    text-align: left;
}

.upload .btn {
    height: 40px !important;
}

.controls {
    margin-left: 5px;
}

.events-table {
    display: table;
    width: auto;
}

    .events-table .events-row {
        display: table-row;
    }

        .events-table .events-row .col {
            float: left;
            display: table-column;
        }

        .events-table .events-row .col-date {
            width: 120px;
        }

        .events-table .events-row .col-starttime {
            width: 95px;
            margin-left: 0;
        }

        .events-table .events-row .col-endtime {
            width: 90px;
            margin-left: 0;
        }

        .events-table .events-row .btn {
            font-size: 22pt;
            padding: 4px 5px;
            width: 35px;
            margin-right: 6px;
        }
