@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,700,700italic);

/* =========================================== */
/*  Global and Platform Styles                 */
/* =========================================== */

/* ===========================================
 *  Color Scheme
 * -------------------------------------------
 *  #FBA034      Diamond Orange Light
 *  #F7941E      Diamond Orange
 *  #CB7105      Diamond Orange Dark
 *
 *  #05BAFF      Diamond Blue Light
 *  #009AD6      Diamond Blue
 *  #008AC6      Diamond Blue Dark
 *
 *  #615F62      Diamond Gray Light
 *  #414042      Diamond Gray
 *  #2E2D2F      Diamond Gray Dark
 *  #1B1A1C      Diamond Gray Darkest
 *
 *  #FFFFFF      White
 *  #F5F5F5      Light Silver (whitesmoke)
 *  #DEDEDE      Silver
 *  #B2B2B2      Light Grey
 *  #969696      Grey
 *  #737373      Dark Grey
 *
 *  #F76C1E      Warning Orange Light
 *  #F74F1E      Warning Orange
 *  #E7321E      Warning Orange Dark
 *  #C7301E      Warning Orange Darker
 *
 * #EE8630      Path 5 Orange
 * https://coolors.co/app/ee8630-fefeff-dad6d6-4392f1-124559
 * =========================================== */


/* =========================================== */
/*  Default Styles                             */
/* =========================================== */
body { padding-top: 60px; overflow-x: hidden; }
body, input { font-family: 'Source Sans Pro'; font-size: 18px; font-weight: 300; color: #414042; margin: 0;  }
hr.dots { width: 33%; border: none; height: 1px; margin: 40px auto; border-bottom: dotted 2px #414042; }

select.input-sm {
    height: 37px !important;
}
.red {
    color: red;
}

.green {
    color: green;
}

.orangered {
    color: orangered;
}

.lightseagreen {
    color: lightseagreen;
}

#application-container.has-side-menu {
    padding: 10px;
    margin-left: 230px;
}

.has-side-menu #application-content {
    text-align: left;
    width: 1500px;
    margin: 0 auto 0 auto;
    padding-top: 0;
}

.visible-xxs {
    display: none !important;
}

/* =========================================== */
/*  Page Layout Styles                         */
/* =========================================== */
.page-title {}

.page-toolbar {}

.page-title .page-toolbar {
    float: right;
}

/* =========================================== */
/*  Typography                                 */
/* =========================================== */
h1, h2, h3, h4, h5, h6 { font-weight: 300; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
b, strong, .bold { font-weight: 700; }
.italic { font-style: italic; }
p { line-height: 1.6em; }
.lead a {
    font-size: inherit;
}

/* =========================================== */
/*  Buttons and Links                          */
/* =========================================== */
a,
.btn-link {
    color: #1F3A93;
    cursor: pointer;
}

.dropdown-menu>li>a {
    font-size: 18px;
}

.popover a {
    font-size: 14px;
}

a:hover,
a:focus,
a.focus,
a:active,
a.active,
.btn-link:hover,
.btn-link:focus,
.btn-link.focus,
.btn-link:active,
.btn-link.active {
    color: #007CAD;
    text-decoration: underline;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.btn-default {
    color: #414042;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {
    color: #414042;
    background-color: #E6E6E6;
    text-transform: uppercase;
}

.btn-primary {
    background-color: #1F3A93;
    border-color: #1F3A93;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #1F3A93;
    border-color: #1F3A93;
    text-transform: uppercase;
}

.btn-success {
    background-color: #008000;
    border-color: #008000;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
    background-color: #008000;
    border-color: #008000;
    text-transform: uppercase;
}

.btn-info {
    background-color: #2A7AB0;
    border-color: #2A7AB0;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
    background-color: #2A7AB0;
    border-color: #2A7AB0;
    text-transform: uppercase;
}

.btn-warning {
    background-color: #DC3A00;
    border-color: #DC3A00;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active {
    background-color: #DC3A00;
    border-color: #DC3A00;
    text-transform: uppercase;
}

.btn-danger {
    /*background-color: #E7321E;*/
    background-color: #CF000F;
    border-color: #CF000F;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
    /*background-color: #F74F1E;*/
    background-color: #D4403A;
    border-color: #D4403A;
    text-transform: uppercase;
}

.ghost-default,
.ghost-primary,
.ghost-success,
.ghost-info,
.ghost-warning,
.ghost-danger {
    text-transform: capitalize;
    font-weight: bold;
    cursor: pointer;
}

.ghost-default {
    color: #414042;
    background-color: transparent;
    border-color: #CCCCCC;
}

.ghost-default:hover,
.ghost-default:focus,
.ghost-default.focus,
.ghost-default:active,
.ghost-default.active {
    background-color: #CCCCCC;
    text-transform: capitalize;
}

.ghost-primary {
    color: #1F3A93;
    background-color: transparent;
    border-color: #1F3A93;
}

.ghost-primary:hover,
.ghost-primary:focus,
.ghost-primary.focus,
.ghost-primary:active,
.ghost-primary.active {
    color: #FFF;
    background-color: #1F3A93;
    text-transform: capitalize;
}

.ghost-success {
    color: #008000;
    background-color: transparent;
    border-color: #008000;
}

.ghost-success:hover,
.ghost-success:focus,
.ghost-success.focus,
.ghost-success:active,
.ghost-success.active {
    color: #FFF;
    background-color: #008000;
    text-transform: capitalize;
}

.ghost-info {
    color: #2A7AB0;
    background-color: transparent;
    border-color: #2A7AB0;
}

.ghost-info:hover,
.ghost-info:focus,
.ghost-info.focus,
.ghost-info:active,
.ghost-info.active {
    color: #FFF;
    background-color: #2A7AB0;
    text-transform: capitalize;
}

.ghost-warning {
    color: #DC3A00;
    background-color: transparent;
    border-color: #DC3A00;
}

.ghost-warning:hover,
.ghost-warning:focus,
.ghost-warning.focus,
.ghost-warning:active,
.ghost-warning.active {
    color: #FFF;
    background-color: #DC3A00;
    text-transform: capitalize;
}

.ghost-danger {
    color: #CF000F;
    background-color: transparent;
    border-color: #CF000F;
}

.ghost-danger:hover,
.ghost-danger:focus,
.ghost-danger.focus,
.ghost-danger:active,
.ghost-danger.active {
    color: #FFF;
    background-color: #CF000F;
    text-transform: capitalize;
}

.btn-default .badge {
    color: #fff;
    background-color: #414042;
}

.btn-primary .badge,
.ghost-primary .badge {
    color: #1F3A93;
    background-color: #fff;
}

.btn-success .badge,
.ghost-success .badge {
    color: #008000;
    background-color: #fff;
}

.btn-info .badge,
.ghost-info .badge {
    color: #2A7AB0;
    background-color: #fff;
}

.btn-warning .badge,
.ghost-warning .badge {
    color: #DC3A00;
    background-color: #fff;
}

.btn-danger .badge,
.ghost-danger .badge {
    color: #CF000F;
    background-color: #fff;
}

.disabled a{
    color: #757575 !important;
}

.select2-selection__choice__remove,
.select2-selection__placeholder {
    color: #666666 !important;
}
/* =========================================== */
/*  Navigation (Platform Wide)                 */
/* =========================================== */
#navigation {
    background-color: #545256;
    /*background-color: #EE8630;*/
    /*background-color: #2E2D2F;*/
    color: #ffffff;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5001;
    box-shadow: #1B1A1C 0 0 2px;
    text-align: left;
}

#nav-apps {
    height: 60px;
}

#nav-apps-launcher {
    display: inline-block;
    height: 60px;
    padding-right: 15px;
    color: #fff;
}

#nav-logo {
    height: 50px;
    float: left;
    margin: 5px 10px;
}

#nav-current {
    float: left;
    margin: 16px 0 0 0;
    font-weight: bold;
}

#nav-apps-menu {
    width: 490px;
    position: absolute;
    top: 60px;
    margin: -1px 0 0 -1px;
    padding: 5px 0 10px 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 60px);
}

#nav-apps .application {
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    margin: 15px 15px 0 15px;
    padding: 5px;
    width: 125px;
    color: #414042;
}

#nav-apps .application:hover,
#nav-apps .application:focus,
#nav-apps .application:active {
    text-decoration: none;
    background-color: #f5f5f5;
}

#nav-apps .application .text {
    font-size: 18px;
    margin-bottom: 0;
}

#nav-user {
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
}

#nav-user-launcher {
    display: inline-block;
    height: 60px;
    text-align: right;
    color: #fff;
    padding-left: 15px;
    text-decoration: none;
    padding-top: 5px;
    min-width: 65px;
}

#nav-user-info {
    margin-right: 65px;
}

#nav-user-name {
    font-weight: 400;
}

#nav-user-site {
    font-size: 16px;
}

#nav-user-photo {
    height: 50px;
    width: 50px;
    position: absolute;
    right: 10px;
    top: 5px;
}

#nav-user-menu {
    position: absolute;
    top: 60px;
    margin: -1px -1px 0 0;
    padding: 5px 0 10px 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#nav-user-menu .list-xs-only {
    display: none;
}

#nav-user-menu .dropdown-header {
    color: #414042;
    font-size: medium;
}

#nav-user-menu .dropdown-header i {
    color: #B2B2B2;
}

.user-icon-placeholder {
    color: #B2B2B2;
    margin-left: 5px;
}

.user-icon-placeholder>span .fa-user {
    font-size: xx-large;
}

/* Switch Common */
.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing:content-box;
}
.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing:content-box;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing:content-box;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #000000;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:focus ~ .switch-label {
    outline: auto 5px -webkit-focus-ring-color;
}

.switch-input:checked ~ .switch-label {
    background: #E1B42B;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

/* Switch Flat
==========================*/
.switch-flat {
    padding: 0;
    background: #FFF;
    background-image: none;
}
.switch-flat .switch-label {
    background: #FFF;
    border: solid 2px #eceeef;
    box-shadow: none;
}
.switch-flat .switch-label:after {
    color: #008000;
}
.switch-flat .switch-handle {
    top: 6px;
    left: 6px;
    background: #dadada;
    width: 22px;
    height: 22px;
    box-shadow: none;
}
.switch-flat .switch-handle:before {
    background: #eceeef;
}
.switch-flat .switch-input:checked ~ .switch-label {
    background: #FFF;
    border-color: #008000;
}
.switch-flat .switch-input:checked ~ .switch-handle {
    left: 72px;
    background: #008000;
    box-shadow: none;
}

/* Switch Left Right
==========================*/
.switch-left-right .switch-label {
    overflow: hidden;
}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
    width: 40px;
    height: 20px;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-left-right .switch-label:before {
    background: #eceeef;
    text-align: left;
    padding-left: 60px;
}
.switch-left-right .switch-label:after {
    text-align: left;
    text-indent: 9px;
    background: #008000;
    left: -100px;
    opacity: 1;
    width: 100%;
}
.switch-left-right .switch-input:focus ~ .switch-label {
    outline: auto 5px -webkit-focus-ring-color
}
.switch-left-right .switch-input:checked ~ .switch-label:before {
    opacity: 1;
    left: 100px;
}
.switch-left-right .switch-input:checked ~ .switch-label:after {
    left: 0;
}
.switch-left-right .switch-input:checked ~ .switch-label {
    background: inherit;
}

/* =========================================== */
/*  Main Menu (Sidebar Style)                  */
/* =========================================== */
#menu-side {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: fixed;
    width: 230px;
    height: 100%;
    top: 60px;
    font-size: 18px;
    font-weight: 600;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #414042;
    z-index: 5000;
}

#menu-side ul {
    padding-left: 0;
    list-style: none;
}

#menu-side a {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-decoration: none;
    display: block;
    padding: 10px;
    color: #FFF;
    height: 52px;
}

#menu-side a:hover,
#menu-side a:focus,
#menu-side a:active {
    background-color: #2E2D2F;
}

#menu-side a.active {
    background-color: #F7941E;
}

#menu-side a i {
    font-size: 32px;
    vertical-align: sub;
}

#menu-side a span {
    display: inline-block;
    margin-left: 10px;
    margin-top: 4px;
}

#menu-canvas {}

#menu-toggle {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: none;
    z-index: 5000;
}

#menu-actions {
    display: none;
    position: fixed;
    left: 230px;
    top: 60px;
    right: 0;
    bottom: 0;
    background-color: #F7941E;
    padding-top: 15px;
    z-index: 5000;
    overflow-y: auto;
    overflow-x: hidden;
}

#menu-overlay {
    -webkit-animation: fade 0.5s;
    -moz-animation: fade 0.5s;
    -ms-animation: fade 0.5s;
    -o-animation: fade 0.5s;
    animation: fade 0.5s;
    display: none;
    cursor: pointer;
}

.menu-open #menu-overlay {
    display: block;
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4999;
    background-color: rgba(0,0,0,0.5);
}

.menu-option-section {}

.menu-section-title {
    margin: 10px 15px 0 20px;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    color: #FFF;
    padding-bottom: 2px;
}

.menu-option {
    float: left;
    width: 260px;
    height: 90px;
    text-decoration: none;
    color: #FFF;
    display: block;
    margin-bottom: 5px;
    margin-left: 15px;
    border-radius: 8px;
}

.menu-option:hover,
.menu-option:focus,
.menu-option:active {
    background-color: #FBA034;
    text-decoration: none;
    color: #FFF;
}

.menu-option .icon {
    float: left;
    font-size: 36px;
    margin-top: 10px;
    margin-left: 5px;
}

.menu-option .title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 10px;
    display: block;
    color: #FFF;
    padding-left: 60px;
    padding-right: 10px;
}

.menu-option .description {
    font-size: 14px;
    display: block;
    padding-left: 60px;
    padding-right: 10px;
}

#toggle-menu {
    background-color: #414042;
    border-color: #414042;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 18px;
    padding: 1px 6px;
    width: 75px;
}

#toggle-menu:hover,
#toggle-menu:focus,
#toggle-menu:active {
    background-color: #2E2D2F;
    border-color: #414042;
}

.menu-action-icon {
    fill: #fff;
    width: 45px;
}

.menu-list-icon {
    fill: #fff;
    width: 42px;
    float: left;
}

/* =========================================== */
/*  Tabbed Nav Custom Styles                   */
/* =========================================== */
.nav-compact>li>a {
    padding: 5px 10px;
}

/* =========================================== */
/*  Batch Form Custom Styles                   */
/* =========================================== */
.batch-group {
    margin-left: 0;
    margin-right: 0;
}

.batch-group + .batch-group {
    margin-top: -15px;
}

.batch-group.batch-first .batch-unit {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.batch-group + .batch-group .batch-unit {
    border-top: 0;
    border-radius: 0;
}

.batch-group.batch-last .batch-unit {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.batch-unit {
    min-height: 40px;
    border: solid thin #CCCCCC;
    border-radius: 4px;
    background-color: #F5F5F5;
    overflow: hidden;
}

.batch-label {
    padding-right: 0;
}

.batch-label.batch-hide {
    padding: 0;
}

.batch-label label {
    font-weight: normal;
    color: black;
}

.batch-label .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.batch-label.batch-label-full {
    padding-right: 15px;
    padding-left: 15px;
}

.batch-label.batch-label-full .control-label {
    min-height: 40px;
    padding: 5px 0;
}

.batch-extra {
    min-height: 40px;
    padding: 5px 0;
}

.batch-extra-small {
    min-height: 20px;
    padding: 5px 0;
}

.batch-field {
    padding: 0;
    min-height: 40px;
    background-color: #FFFFFF;
}

.batch-field * {
    margin-bottom: 0;
}

.batch-field .select2-container,
.batch-field .select2-selection {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.batch-field .applied-tags {
    padding-left: 5px;
    padding-right: 5px;
}

.batch-field .form-control-static {
    padding: 6px 12px;
}

.batch-field input[type="text"],
.batch-field input[type="email"],
.batch-field input[type="number"],
.batch-field input[type="password"] {
    border: 1px solid #FFF;
    /*border-radius: 0 4px 4px 0;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #FFF;
    display: block;
    min-height: 40px;
    width: 100%;
    padding: 6px 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.batch-field textarea {
    width: 100%;
    resize: vertical;
    margin-bottom: -6px;
}

.batch-field input[type="text"]:focus,
.batch-field input[type="email"]:focus,
.batch-field input[type="number"]:focus,
.batch-field input[type="password"]:focus {
    border: 1px solid #007CAD;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(102,175,233,.6);
}

.batch-field input[readonly],
.batch-field input[readonly]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.batch-field .thumbnail {
    height: 200px;
    width: 250px;
    display: block;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out;
}
.batch-field .uploadthumb{
    height: 200px;
    width: 250px;
}
.batch-field .dropzone{
    background: url(../../images/drop-files-here.png) top left no-repeat;
    background-size: contain;
    height: 200px;
    width: 250px;
    margin-left: 30px;
    float: left;
}

.batch-field .upload-previewer{
    margin-left: 30px;
}

.batch-field-inner + .batch-field-inner {
    border-top: 1px solid #ccc;
}

.batch-inner-top-border {
    border-top: 1px solid #ccc;
}

.batch-field .form-control-static .toggle.btn {
    margin-top: -4px;
}

.batch-field select{
    height: 40px;
}

.nested-input {}

.nested-input-bordered {
    border: 1px solid #ccc !important;
    min-height: 20px !important;
    padding: 6px !important;
}

.nested-input-bordered:focus {
    border: 1px solid #007CAD !important;
}

.nested-input-bordered.round-border {
    border-radius: 4px !important;
}

.nested-input-bordered.round-border-left {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.nested-input-bordered.round-border-right {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.nested-select-bordered .select2-selection {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.nested-input-border-left {
    border-left: 1px solid #ccc !important;
}

.nested-input-addon-icon {
    background: inherit;
    border: none;
    padding: 2px;
    font-size: 16px;
    color: #777;
}

/* =========================================== */
/*  Modals and Pop-ups                         */
/* =========================================== */
.modal-backdrop.in {
    z-index: 5500;
}

.modal-open .modal,
.modal-open .modal .select2-container,
.modal-open .select2-container--open,
.modal-open .modal .daterangepicker,
.modal-open .daterangepicker.show-calendar,
.daterangepicker.show-calendar {
    z-index: 6000;
}

.modal-body .thumbnail {
    height: 200px;
    width: 250px;
    display: block;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out;

}

.modal-body .uploadthumb{
    height: 200px;
    width: 250px;
}

.modal-body .dropzone{
    background: url(../../images/drop-files-here.png) top left no-repeat;
    background-size: contain;
    height: 200px;
    width: 250px;
    float: left;
}

.modal-footer {
    padding: 10px 15px;
}

/* =========================================== */
/*  Dynamic Property Filters                   */
/* =========================================== */
#event-filters,
#facility-filters,
#filters-section {
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#filter-title {
    font-size: 22px;
}

#toggle-filters {
    font-size: 18px;
    display: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

.filter-label {
    font-weight: normal;
}

.filter-count {
    font-size: 80%;
    background-color: #414042;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* =========================================== */
/*  Simple List Styles                           */
/* =========================================== */
.simple-list {
    -webkit-border-radius : 4px;
    -moz-border-radius : 4px;
    border-radius : 4px;
    border : 1px solid #ddd;
    padding : 2px 0;
    list-style: none;
}

.simple-list li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.simple-list li a {
    display: inline-block;
    padding: 10px 15px;
}

/* =========================================== */
/*  Tree List Styles                           */
/* =========================================== */
.tree-list {
    -webkit-border-radius : 4px;
    -moz-border-radius : 4px;
    border-radius : 4px;
    border : 1px solid #ddd;
    padding : 2px 0;
}

.tree-list .list-group {
    margin-bottom : 0;
}

.tree-list .list-group-item {
    -webkit-border-radius : 0 ;
    -moz-border-radius : 0 ;
    border-radius : 0 ;
    border-width : 1px 0 0 0;
}

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

.tree-list .indent {
    margin: 0 12px;
}

.tree-list .tree-node {}

.tree-list .node-link {}

.tree-list .branch-toggle {
    margin-left : -4px;
    text-decoration: none;
}

.tree-list .node-action {
    margin-left : 10px;
    margin-top : -5px;
}

.tree-list .node-indicator {
    margin-left : 10px;
    color : #777;
}

.tree-list .node-indicator + .node-indicator {
    margin-left : 0;
}

.stacked-icon,
.tree-list .node-indicator .fa-stack {
    font-size : 64%;
    margin-top : -2px;
}

/* =========================================== */
/*  Social Media Styles                        */
/* =========================================== */
.facebook, .twitter { font-weight: bold; }
.facebook { color: #3c599f; }
.facebook-select .select2-choices .select2-search-choice { background-color: #3c599f !important; }
.facebook-select-container { background-color: white; padding: 6px 12px; }
.twitter { color: #55acee; }

/* =========================================== */
/*  Toastr JS Styles                           */
/* =========================================== */
.toast, .toast-success {
    background-color: #009AD6 !important;
}

.toast,
.toast-success,
.toast-warning,
.toast-error {
    opacity: 1 !important;
    background-color: #DC3A00 !important;
}

/* =========================================== */
/*  Formbuilder Styles                          */
/* =========================================== */
/*.formbuilder-date input[type="date"]{*/
    /*width: 175px;*/
/*}*/

/*.formbuilder-select select{*/
    /*width: 300px;*/
/*}*/
/* =========================================== */
/*  DateTimePicker JS Styles                   */
/* =========================================== */
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none !important;
}

/* =========================================== */
/*  Background Colour Utilities                */
/* =========================================== */
.bg-white { background-color: white; }
.bg-silver { background-color: #f9f9f9; }
.backdrop-white { background-color: white; }

/* =========================================== */
/*  Helper Utilities                           */
/* =========================================== */
.hide { display: none; }
.clear { clear: both; }
.w-s { width: 150px !important; }
.w-m { width: 300px !important; }
.w-l { width: 450px !important; }
.w-xl { width: 600px !important; }
.w-full { width: 100% !important;  }
.h-s { height: 50px !important;  }
.h-m { height: 100px !important;  }
.h-l { height: 200px !important; }
.h-full { height: 100% !important; }
.pad-1, .p-a-1 { padding: 1px; }
.col-50 { width: 50%; }
.float-left { float: left; }
.float-right { float: right; }
.wrap { word-wrap: break-word; }
.nowrap { white-space: nowrap; }
.italic { font-style: italic; }
.action { cursor: pointer; }
.help-text { color: #757575; }
.smartphone { display: none !important; }
.largescreenonly { display: block !important; }
.toggle-controller { display: inline-block; padding: 0 0 10px 0; }

.tooltip {
    text-transform: uppercase;
    font-weight: bold;
}

.validator-error {
    font-size: 75%;
    color: #726012;
    /*padding-left: 5px;*/
}

input.validator-error {
    font-size: 100%;
}

/* =========================================== */
/*  Margin Spacing Utilities                   */
/* =========================================== */
.m-x-auto { margin-right: auto; margin-left: auto; }
.m-a-0 { margin: 0; }
.m-t-0 { margin-top: 0; }
.m-r-0 { margin-right: 0; }
.m-b-0 { margin-bottom: 0; }
.m-l-0 { margin-left: 0; }
.m-x-0 { margin-right: 0; margin-left: 0; }
.m-y-0 { margin-top: 0; margin-bottom: 0; }

.m-a-5 { margin: 5px; }
.m-t-5 { margin-top: 5px; }
.m-r-5 { margin-right: 5px; }
.m-b-5 { margin-bottom: 5px; }
.m-l-5 { margin-left: 5px; }
.m-x-5 { margin-right: 5px; margin-left: 5px; }
.m-y-5 { margin-top: 5px; margin-bottom: 5px; }

.m-a-10 { margin: 10px; }
.m-t-10 { margin-top: 10px; }
.m-r-10 { margin-right: 10px; }
.m-b-10 { margin-bottom: 10px; }
.m-l-10 { margin-left: 10px; }
.m-x-10 { margin-right: 10px; margin-left: 10px; }
.m-y-10 { margin-top: 10px; margin-bottom: 10px; }

.m-a-15 { margin: 15px; }
.m-t-15 { margin-top: 15px; }
.m-r-15 { margin-right: 15px; }
.m-b-15 { margin-bottom: 15px; }
.m-l-15 { margin-left: 15px; }
.m-x-15 { margin-right: 15px; margin-left: 15px; }
.m-y-15 { margin-top: 15px; margin-bottom: 15px; }

/* =========================================== */
/*  Padding Spacing Utilities                  */
/* =========================================== */
.hiddenRow {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.p-a-0 { padding: 0; }
.p-t-0 { padding-top: 0; }
.p-r-0 { padding-right: 0; }
.p-b-0 { padding-bottom: 0; }
.p-l-0 { padding-left: 0; }
.p-x-0 { padding-right: 0; padding-left: 0; }
.p-y-0 { padding-top: 0; padding-bottom: 0; }

.p-a-5 { padding: 5px; }
.p-t-5 { padding-top: 5px; }
.p-r-5 { padding-right: 5px; }
.p-b-5 { padding-bottom: 5px; }
.p-l-5 { padding-left: 5px; }
.p-x-5 { padding-right: 5px; padding-left: 5px; }
.p-y-5 { padding-top: 5px; padding-bottom: 5px; }

.p-a-10 { padding: 10px; }
.p-t-10 { padding-top: 10px; }
.p-r-10 { padding-right: 10px; }
.p-b-10 { padding-bottom: 10px; }
.p-l-10 { padding-left: 10px; }
.p-x-10 { padding-right: 10px; padding-left: 10px; }
.p-y-10 { padding-top: 10px; padding-bottom: 10px; }

.p-a-15 { padding: 15px; }
.p-t-15 { padding-top: 15px; }
.p-r-15 { padding-right: 15px; }
.p-b-15 { padding-bottom: 15px; }
.p-l-15 { padding-left: 15px; }
.p-x-15 { padding-right: 15px; padding-left: 15px; }
.p-y-15 { padding-top: 15px; padding-bottom: 15px; }


.inputSpan {
    cursor: pointer;
    padding: 5px 10px;
    width: 100%;
    border: 1px solid #ccc;
}

.popover {
    z-index: 2060;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* =========================================== */
/*  Responsive Styles (Extra Large)            */
/* =========================================== */
@media screen and (max-width: 1800px) {
    .has-side-menu #application-content {
        width: 1024px;
    }
}

/* =========================================== */
/*  Responsive Styles (Large)                  */
/* =========================================== */
@media screen and (max-width: 1275px) {
    .has-side-menu #application-content {
        width: 710px;
    }
}

/* =========================================== */
/*  Responsive Styles (Medium)                 */
/* =========================================== */
@media screen and (max-width: 992px) {
    .has-side-menu #application-content {
        width: 530px;
    }

    /* ======================================= */
    /*  Helper Utilities                       */
    /* ======================================= */
    .w-s { width: 150px; }
    .w-m { width: 250px; }
    .w-l { width: 300px; }
}

/* =========================================== */
/*  Responsive Styles (Small)                  */
/* =========================================== */
@media screen and (max-width: 767px) {
    h1 { font-size: 30px; }
    h2 { font-size: 24px; }
    h3 { font-size: 21px; }
    hr.dots { width: 66%; }

    body.menu-open {
        overflow: hidden;
    }

    #application-container.has-side-menu {
        margin-left: 0;
        padding: 20px 10px 10px 10px;
    }

    .has-side-menu #application-content {
        /*width: 491px;*/
        width: 100%;
    }

    .breadcrumb {
        padding: 5px 10px;
    }

    /* ======================================= */
    /*  Navigation (Platform Wide)             */
    /* ======================================= */
    #nav-apps-menu {
        width: 100%;
        border: none;
        margin: 0;
    }

    #nav-logo {
        position: absolute;
        clip: rect(0, 50px, 50px, 0);
    }

    #nav-current {
        padding-left: 70px;
    }

    #nav-apps .application {
        width: 100%;
        margin: 0;
        padding: 10px 0 5px 20px;
    }

    #nav-apps .application + .application {
        border-top: 1px dotted #ddd;
    }

    #nav-apps .application .icon {
        height: 60px;
        width: 60px;
        float: left;
    }

    #nav-apps .application .text {
        float: left;
        font-size: 21px;
        margin: 15px 0 0 20px;
    }

    #nav-user-menu {
        width: 100vw;
        border: none;
        margin: 0;
    }

    #nav-user-menu .list-xs-only {
        display: list-item;
    }

    /* ======================================= */
    /*  Main Menu (Sidebar Style)              */
    /* ======================================= */
    #menu-toggle {
        display: block;
        position: fixed;
        top: 60px;
        left: 0;
    }

    #menu-side {
        left: -230px;
    }

    #menu-side a {
        display: none;
    }

    .menu-open #menu-side {
        left: 0;
        z-index: 5000;
    }

    .menu-open #menu-side a {
        display: block;
    }

    .menu-open #menu-toggle {
        left: 230px;
    }

    .menu-open #application-container {
        left: 230px;
    }

    /* ======================================= */
    /*  Offcanvas Panels                       */
    /* ======================================= */
    .row-offcanvas { position: relative; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
    .row-offcanvas-right { right: 0; }
    .row-offcanvas-left { left: 0; }
    .row-offcanvas-right .sidebar-offcanvas { right: -50%; }
    .row-offcanvas-left .sidebar-offcanvas { left: -50%; }
    .row-offcanvas-right.active { right: 50%; }
    .row-offcanvas-left.active { left: 50%; }
    .sidebar-offcanvas { position: absolute; top: 0; width: 50%; }
    .fullscreen-offcanvas { padding: 0; }
    .fullscreen-offcanvas .row-offcanvas-right .sidebar-offcanvas { right: -100%; }
    .fullscreen-offcanvas .row-offcanvas-left .sidebar-offcanvas { left: -100%; }
    .fullscreen-offcanvas .row-offcanvas-right.active { right: 100%; }
    .fullscreen-offcanvas .row-offcanvas-left.active { left: 100%; }
    .fullscreen-offcanvas .row-offcanvas.active { margin: 0; }
    .fullscreen-offcanvas .sidebar-offcanvas { width: 100%; padding: 0; }

    /* =========================================== */
    /*  Tabbed Nav Custom Styles                   */
    /* =========================================== */
    .nav-tabs > li {
        float: none;
        border: 1px solid #dddddd;
    }
    .nav-tabs > li.active {
        background: #eeeeee;
    }
    .nav-tabs > li.active > a {
        border: 1px solid transparent;
    }
    .nav > li > a:hover,
    .nav > li > a:focus,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        background: none;
        border: 1px solid transparent;
    }

    /* =========================================== */
    /*  Batch Form Custom Styles                   */
    /* =========================================== */
    .batch-label {
        padding: 5px 10px;
    }

    .batch-label .control-label {
        padding-top: 0;
    }

    .batch-label label {
        margin-bottom: 0;
    }

    .batch-extra {
        padding: 0;
        min-height: 0;
    }

    /* ======================================= */
    /*  Helper Utilities                       */
    /* ======================================= */
    .w-s,
    .w-m,
    .w-l { width: 100%; }
    .col-50 { width: 100%; }
    .float-left,
    .float-right { float: none; }
    .smalleronphone { font-size: 14px; }
    .smartphone { display: block !important; }
    .largescreenonly { display: none !important; }

    /* =========================================== */
    /*  Inline-Button Custom Styles                */
    /* =========================================== */
    .section-header .btn,
    .editing-toolbar .btn {
        display: block;
        width: 100%;
        margin-top: 5px
    }

    /* ======================================= */
    /*  Dynamic Property Filters               */
    /* ======================================= */
    #event-filters,
    #facility-filters,
    #filters-section {
        visibility: hidden;
        opacity: 0;
        height: 0;
        margin-top: 0;
    }

    #event-filters.open,
    #facility-filters.open,
    #filters-section.open {
        visibility: visible;
        opacity: 1;
        height: auto;
        margin-top: 10px;
    }

    #filter-title {
        display: none;
    }

    #toggle-filters {
        display: block;
    }
}

/* =========================================== */
/*  Responsive Styles (Tiny)                   */
/* =========================================== */
@media screen and (max-width: 491px) {
    .has-side-menu #application-content {
        width: 100%;
    }

    .hidden-xxs {
        display: none !important;
    }

    .visible-xxs {
        display: block !important;
    }

    #application {
        width: 100%;
    }

    /* ======================================= */
    /*  Page Layout Styles                     */
    /* ======================================= */
    .page-title .page-toolbar {
        float: none;
        margin-bottom: 10px;
    }

    /* ======================================= */
    /*  Main Menu (Sidebar Style)              */
    /* ======================================= */
    #menu-side {
        left: -70px;
        width: 70px;
    }

    #menu-actions {
        left: 70px;
        padding-top: 0;
    }

    .menu-open #menu-toggle {
        left: 70px;
    }

    .menu-open #application-container {
        left: 70px;
    }
}

/* =========================================== */
/*  Print Styles                               */
/* =========================================== */
@media print {
    /* ======================================= */
    /*  Page Layout                            */
    /* ======================================= */
    body {
        padding-top: 0;
    }

    /* ======================================= */
    /*  Navigation                             */
    /* ======================================= */
    #navigation {
        display: none;
    }

    /* ======================================= */
    /*  Side Menu                              */
    /* ======================================= */
    #menu-side {
        display: none;
    }

    #application-container.has-side-menu {
        margin-left: 0;
        width: 100%;
    }

    .has-side-menu #application-content {
        width: 100%;
    }
}