/*
    This stylesheet is meant to only contain styles that are resuable, typically classes only (i.e. ".breadcrumbs").
    Styles starting with IDs and Tag styles do not belong here.
*/

/*
    Smart admin overrides.
*/
#logo-group {
    min-width: 220px !important;
}

#hide-menu > :first-child > a {
    width: 50px !important;
}

.smart-form .input-group.date > input.datepicker {
    padding: 0 5px;
}

    .smart-form .input-group.date > input.datepicker + span.input-group-addon {
        padding: 6px 10px 6px 20px;
    }

#header .header-context {
    height: 49px;
}

.form-horizontal .control-label {
   margin-right: 10px;
}

.SmallBox .miniPic {
    top: 8px !important;
}

.bootstrapWizard li > a:hover {
    cursor: default !important;
}

.bootstrapWizard li.complete > a:hover {
    cursor: pointer !important;
}

.modal {
   overflow: auto !important;
}

.smart-style-2 #ribbon .breadcrumb a,
.smart-style-2 #ribbon .breadcrumb a:visited,
.smart-style-2 #ribbon .breadcrumb a:active {
    color: #006bff !important;
}

    .smart-style-2 #ribbon .breadcrumb a:hover {
        text-decoration: underline !important;
    }

.jarviswidget-color-blue .btn-primary {
    background: #60747C !important;
    color: #FFF !important;
    border-color: #60747C !important;
}

/*
    Select2 Overrides.
*/
.select2-container {
    padding-left: 0;
    padding-right: 0;
}

/*
    Modal overrides
*/

.modal-header {
    padding-top: 7px;
    padding-bottom: 5px;
}

.modal-content .btn-primary {
    background-color: #4c4f53 !important;
    color: #FFF !important;
    border-color: #4c4f53 !important;
}

.modal-footer {
    padding: 0;
    padding-bottom: 8px;
    margin: 0;
    background: rgba(249, 249, 249, 0.9);
}

/*
    Action Buttons
*/
.action-buttons {
    padding: 5px;
    padding-right: 10px;
}

    .action-buttons .btn {
        color: black;
    }

/*
    Primary overrides.
--------------------------*/
/*
    Primary Blue
*/
.primary-blue {
    /*background-color: #60747C !important;*/
    border-color: #60747C !important;
}

    .primary-blue header,
    .primary-blue .btn-primary {
        background-color: rgba(14,44,74,1) !important;
        border-color: #60747C !important;
        color: white;
    }

    .primary-blue .well.well-glass {
        padding: 5px;
        margin-top: 10px;
    }

    .primary-blue .well.well-lg {
        padding: 5px;
        padding-top: 10px;
    }

    .primary-blue .details-header {
        background-color: rgba(14,44,74,0.61);
        color: white;
        padding: 3px;
        padding-left: 10px;
        border-bottom: none;
        font-size: 1.01em;
    }

    .primary-blue .details-content {
        border: 1px solid rgba(96,116,124,0.4);
    }

.widget-body .tab-content {
    padding: 15px 0;
}

.primary-blue .widget-body {
    padding: 15px !important;
}

    .primary-blue .widget-body.wizard {
        padding: 0 !important;
    }

    .primary-blue .widget-body .form-bootstrapWizard {
        margin-bottom: 25px;
    }

.primary-blue .form-actions {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
}

/*
    Primary Purple
*/
.primary-purple > header,
.primary-purple .btn-primary {
    background-color: #65596B !important;
    border-color: #65596B !important;
}

.primary-purple .action-buttons {
    /*color: #65596B !important;*/
    border-bottom: none;
}

.primary-purple .details-header {
    background-color: rgba(101,89,107,0.7);
    color: white;
    padding: 5px;
    border-bottom: none;
    font-size: 1.2em;
}

.primary-purple .details-content {
    border: 1px solid rgba(101,89,107,0.5);
    padding: 5px;
}

/*
    Primary Green
*/
.primary-green {
    background-color: #496949 !important;
    border-color: #496949 !important;
}

    .primary-green > header,
    .primary-green .btn-primary {
        background-color: rgba(73,105,73,1) !important;
        border-color: #60747C !important;
        color: white;
    }

    .primary-green .well.well-glass {
        padding: 5px;
        margin-top: 10px;
    }

    .primary-green .well.well-lg {
        padding: 5px;
        padding-top: 10px;
    }

    .primary-green .details-header {
        background-color: rgba(14,44,74,0.69);
        color: white;
        padding: 3px;
        padding-left: 10px;
        border-bottom: none;
        font-size: 1.01em;
    }

    .primary-green .details-content {
        border: 1px solid rgba(96,116,124,0.4);
    }

/*
    Primary Teal
*/
.primary-teal {
    background-color: #568A89 !important;
    border-color: #568A89 !important;
}

    .primary-teal .details-header {
        background-color: rgba(71,158,156,0.6);
        color: white;
        padding: 5px;
        border-bottom: none;
        font-size: 1.1em;
    }

    .primary-teal .details-content {
        border: 1px solid rgba(71,158,156,0.6);
        padding: 5px;
    }

    .primary-teal li.paginate_button.active a {
        background-color: #568A89 !important;
        border-color: #568A89 !important;
    }

/*
    Primary Ligh Blue
*/
.primary-light-blue {
    background-color: #92A2A8 !important;
}

/*
    Wizard 
*/
.bootstrapWizard.one-third li {
    width: 33% !important;
}

.bootstrapWizard.one-fourth li {
    width: 25% !important;
}

.bootstrapWizard.one-fifth li {
    width: 20% !important;
}

/*.wizard-step-header {
    background-color: #0091d9;
    color: white;
    margin-bottom: 0;
    padding: 5px;
    border: 1px rgba(14,44,74,1) solid;
    font-size: 1.12em;
}*/

.wizard-btn-primary {
    background-color: #0091d9 !important;
    border-color: #60747C !important;
    color: white;
}

.wizard-btns-divider {
    margin-right: 40px;
}

.wizard-notice{
    position:absolute; 
    right:2%;
}

.pager li > a,
.pager li > span {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.details-header,
.details-header-blue,
.details-header-primary-blue {
    background-color: rgba(14,44,74,0.3);
    color: white;
    padding: 5px;
    border-bottom: none;
    font-size: 1.1em;
}

.details-header-blue {
    background-color: #60747C !important;
}

.details-header-primary-blue {
    background-color: rgba(14,44,74,1) !important;
    border-color: #60747C !important;
    color: white;
}

.details-content {
    padding: 10px 28px 0;
}

.details-readonly-container,
.details-readonly-content {
    background-color: rgba(223,239,255,0.2);
}

.details-readonly-header {
    color: #346597;
    padding-left: 10px;
    margin-bottom: 0;
    border-bottom: none;
    font-size: 1.18em;
    padding-top: 5px;
}

.details-readonly-content {
    text-align: left;
    padding: 5px 10px 10px 5px;
}

.details-readonly-list dt {
    width: 54%; /*200px;*/
    display: inline-block;
    text-align: right;
    float: left;
}

.details-readonly-list dd {
    width: 40%;
    margin-left: 5%;
    display: inline-block;
}

.details-readonly-list.sm dt {
    width: 25%;
    display: inline-block;
    text-align: right;
    float: left;
}

.details-readonly-list.sm dd {
    width: 70%;
    margin-left: 5%;
    display: inline-block;
    float: right;
}

.details-table {
    margin-left: 0;
    margin-right: 0;
}

/*
  Tables overrides.
*/
.dataTables_wrapper > table tr.active td {
    background-color: #0075b0 !important;
}

.dataTables_wrapper table.table tbody tr.active {
    color: #ffffff;
}
.dataTables_wrapper table.table tbody tr.active:hover td {
        background-color: #1487c1 !important;
}

.dataTables_wrapper > table tr:hover td {
    background-color: #e9e9e9 !important;
}

.dataTables_wrapper table.table tbody tr:hover td {
    background-color: #e9e9e9 !important;
}
.dataTables_wrapper table.table {
    border: 1px solid #dddddd !important;
}

.pagination {
    margin: 5px;
}

    .pagination li:last-of-type {
        margin-left: 15px;
    }

.table > tbody > tr.vertical-align-middle > td {
    vertical-align: middle !important;
}

/*
    Search overrides.
*/
.search-widget {
    margin-top: 45px;
}

/*
    General Styles
*/
.scroll {
    overflow: auto;
    overflow-x: hidden;
}

.main-content {
    padding-top: 45px;
}

.error-field > input,
.error-field > span {
    background-color: rgba(200,0,0, .7);
    color: white;
    padding: 5px;
}

    .error-field > input[type="text"] {
        padding-top: 1px !important;
        padding-bottom: 4px !important;
    }

.has-error {
    border-color: #b94a48 !important;
}

    /*.has-error input[type="text"] {
        border-width: 1px;
    }*/

.help-block {
    margin-bottom: 0;
}

/*
    Margin Helpers
*/
.margin-right-13 {
    margin-right: 13px !important;
}

.margin-left-pct-3 {
    margin-left: 3%;
}

.margin-left-13 {
    margin-left: 13px !important;
}

.margin-left-negative-12 {
    margin-left: -12px !important;
}

.margin-right-15 {
    margin-right: 15px;
}

/*
    Padding Helpers
*/
.padding-right-13 {
    padding-right: 13px;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-left-1 {
    padding-left: 1px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

/*
    Ellipsis Helpers
*/
.ellipsis {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

/*
    Stateful Styles
*/
.is-loading {
    background-image: url('../img/loading.gif');
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    line-height: 3.5em;
}


.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

.extratopmargin {
    margin-top: 5.68em;
}

.note-error {
    color: #b94a48 !important;
}

/*
    Alert Styles
*/
.fixed-ribbon .block-alerts{
    margin-top:50px;
}

/*
    Input Helpers
*/  
  .input-small {
    width: 33.33333333%;
  }