﻿body {
    /*padding-top: 0px; DONT USE AS ADDS SCROLL
    padding-bottom: 20px;  DONT USE AS ADDS SCROLL*/
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgb(85, 85, 85);
    font-size: 13px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

input, textarea {
    max-width: 500px;
}




.field-validation-valid {
    display: none;
}

.error, .error > label, .field-validation-error, .field-validation-error > label {
    color: #a94442;
}

    .error input,
    .input-width-mini.input-validation-error,
    .input-width-small.input-validation-error,
    .input-width-medium.input-validation-error,
    .input-width-large.input-validation-error,
    .input-width-xlarge.input-validation-error,
    .input-width-xxlarge.input-validation-error {
        border: solid #a94442 1px;
    }


.navbar-project {
    padding: 0px;
    height: auto;
    line-height: 48px;
    color: #FFF;
    text-shadow: 0px 1px 0px #000;
    font-size: 16px;
    width: 230px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    text-align: left;
    max-width: none;
    margin-left: 0px !important;
    margin-right: 0px;
    float: left;
}

@media (min-width: 600px) {
    .navbar-project {
        width: auto;
    }
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error, .field-validation-error .help-block {
    color: #A94442;
}


.validation-summary-errors {
    font-weight: bold;
    color: #A94442;
}

.validation-summary-valid {
    display: none;
}


.fileUpload {
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        height: 40px;
    }




.multiselect-container .filter {
    position: static;
}

.multiselect.btn {
    position: relative;
    text-align: left;
    background-color: transparent;
    padding-left: 0px;
}

    .multiselect.btn .multiselect-selected-text {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: 12px;
        padding-right: 12px;
    }

    .multiselect.btn > b.caret {
        right: 8px;
        top: 15px;
        position: absolute;
    }

.multiselect-container.dropdown-menu {
    width: 100%;
}

#widgetFilter label {
    margin-bottom: 0px;
}


#updateForm .validation-summary-errors ul {
    padding-left: 10px;
}

.table-checkbox {
    text-align: center;
}


.asterisk {
    color: #A94442;
    padding: 0px 5px;
}




/*Added by Robert Harker 4th February 2014*/
/* Moved */
.action-buttons {
    width: 101px;
    text-align: center;
}

.tab-pane {
    overflow-x: hidden;
    min-height: 400px;
}

#persondetails {
    margin: 10px 0 0 0;
}

.person-details .tabbable-custom > .tab-content {
    border-top: none;
    border-right: none;
}


/*.control-label {
    margin: 10px 0 0 0;
}*/

#regModal .modal-dialog {
   max-width: 700px;
   width: 100%;
}
#regModal .form-editor {
     max-width: 700px;
}

@media (min-width: 768px) {
    #regModal .modal-dialog {
        max-width: 800px;
    }
}

select.form-control {
    padding: 5px 5px 5px 5px;
}


.icon-refresh {
    cursor: pointer;
}

.input-validation-error .help-block,
.input-validation-error .control-label {
    color: #A94442;
}

.input-validation-error .form-control {
    border-color: #A94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .input-validation-error .form-control:focus {
        border-color: #A94442;
        -webkit-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;
    }

.input-validation-error .input-group-addon {
    color: #A94442;
    background-color: #f2dede;
}

.custom-error {
    color: #A94442 !important;
    font-weight: bold !important;
}

#persondetails, .registrationdetails {
    background-color: #F9F9F9 !important;
}

#addGuest {
    float: right;
    margin: 30px 0 0 0;
}

.registrationdetails .tabs-left .badge {
    margin: 0 5px 0 0;
}

.red-badge {
    background-color: #C03D40;
}


.person-deleted {
    text-decoration: line-through;
}






.twitter-typeahead {
    max-width: 530px;
}


.table.datatable > thead > tr > th, .table.datatable > thead > tr > th, .table.datatable > thead > tr > td .table.tablehead > thead > tr > th, .table.tablehead > thead > tr > th, .table.tablehead > thead > tr > td, table.datatable thead .sorting, table.datatable thead .sorting_desc, table.datatable thead .sorting_asc, .table.tablehead tfoot.tablehead, .table.tablehead tfoot > tr.tablehead {
    background-color: #e7f0f9;
    color: #444;
}

.ui-datepicker {
    z-index: 1060 !important;
}


.select2-container .select2-choice {
    overflow: visible;
}

.crumbs .breadcrumb > li:first-child {
    text-transform: uppercase;
}

.form-editor {
    max-width: 900px;
}

    .form-editor .input-width-xlarge {
        max-width: 500px;
        width: 100% !important;
    }

    .form-editor input,
    .form-editor select,
    .form-editor textarea,
    .form-editor .ui-spinner,
    .form-editor ul.tag-editor,
    .form-editor .input-group {
        max-width: 500px;
    }


a.btn-sm {
    padding: 5px 9px 4px;
}


.table-gray > thead > tr > th,
.table-gray > thead > tr > td,
.datatable.table-gray > thead > tr > th,
.datatable.table-gray > thead > tr > td,
.datatable.table-gray > thead .sorting,
.datatable.table-gray > thead .sorting_desc,
.datatable.table-gray > thead .sorting_asc,
.dataTable.table-gray > thead > tr > th,
.dataTable.table-gray > thead > tr > td,
.dataTable.table-gray > thead .sorting,
.dataTable.table-gray > thead .sorting_desc,
.dataTable.table-gray > thead .sorting_asc {
    background-color: #a9a9a9;
    color: #fff;
}




cms {
    color: red !important;
    display: inline !important;
    font-family: Consolas !important;
    text-transform: none !important;
    font-size: 12px;
    background-color: #fff;
}

.multiselect-container.dropdown-menu > li > a {
    white-space: normal;
}


.form-group select.select2-offscreen + .help-block {
    padding-top: 0px;
    clear: both;
}

.form-value-changed {
    background-color: #ffffcc !important;
}


/* changes for ./bootstrap-datetimepicker.css */
.timepicker-picker .btn, .timepicker-picker .btn:hover {
    background: none;
    border: none;
}


a.btn.btn-sm {
    max-height: 24px;
    padding: 2px 10px;
}


a.btn.btn-xs {
    padding: 0 10px;
    font-size: 12px;
}

.tooltip,
.colorpicker.dropdown-menu,
.bootstrap-datetimepicker-widget {
    z-index: 2000;
}


body.blockUI-show, html.blockUI-show {
    margin-right: 0 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

body.modal-open {
    margin-right: 0;
}


.help-block {
    margin-top: 1px;
    margin-bottom: 2px;
}


/*.multiselect-container li.disabled {
    display: none;
} 
.multiselect-container li.disabled.active  {
    display: block;
}*/

.multiselect-container li.disabled.active > a {
    color: #fff;
}


.form-horizontal div.radio {
    min-height: unset;
}


.tag-editor-tag.active input {
    padding: 0 5px !important;
    outline: none;
    border: 1px solid #eee;
    box-shadow: none;
}

.shadow-bottom-right {
    box-shadow: 10px 10px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.5);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.5);
}

#pageHelpPanel .btnEditContent {
    opacity: .02;
}
#pageHelpPanel .page-help-cmstag:hover  .btnEditContent {
    opacity: .25;
}



#pageHelpPanel .page-help-cmstag .btnEditContent:hover {
    opacity: .80;
    margin-top: -1px;
}

        #pageHelpPanel .btnEditContent:hover + div {
            outline: 1px dashed #FBCF50 !important;
        }



#pageHelpPanel .shadow-bottom-right {
    box-shadow: 10px 3px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 10px 3px 10px rgba(0,0,0,.5);
    -webkit-box-shadow: 10px 3px 10px rgba(0,0,0,.5);
}

.Hand, .Wave {
    transition: fill .48s cubic-bezier(.64,0,.35,1);
}

.Wave--colorRed {
    fill: #dd4540;
}
.Wave--colorMask {
    fill: transparent;
}.Wave--colorPurple {
    fill: #8042b7;
}.Wave--colorOrange {
    fill: #ff9e2c;
}.Hand {
    fill: #3eaccd;
}.Svg {
    fill: currentColor;
}.BrandLogo {
    width: 6rem;
}

 .widthUpdateAllocateEventIdTD{
     min-width:65px;
 }
 .widthUpdateAllocateEventDescTD{
     width:195px;
 }


.has-error .btn-group,
.has-error .tag-editor,
.has-error .bs-switch {
    border: 1px solid #a94442;
}

    .has-error .btn-group .form-control {
        border-color: #ccc;
    }

    .has-error .btn-group .input-group-addon {
        color: #555;
        background-color: #eee;
        border: 1px solid #ccc;
        border-right-color: rgb(204, 204, 204);
    }

    .has-error .btn-group .dropdown-menu > li > a {
        color: #333;
    }

        .has-error .btn-group .dropdown-menu > li > a .checkbox,
        .has-error .btn-group .dropdown-menu > li > a label {
            color: #333;
        }

    .has-error .btn-group .dropdown-menu > .active > a .checkbox,
    .has-error .btn-group .dropdown-menu > .active > a:hover .checkbox,
    .has-error .btn-group .dropdown-menu > .active > a:focus .checkbox {
        color: #fff;
    }


.tag-editor {
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    min-height: 34px;
    font: inherit !important;
}

.tag-editor > li > .tag-editor-spacer,
.tag-editor > li:first-child {
    display: none;
}

    .tag-editor > li {
        margin-right: 3px;
        margin-left: 3px;
    }


    .tag-editor .tag-editor-tag,
    .tag-editor .tag-editor-delete {
        color: rgb(85, 85, 85);
        background-color: #eeeeee;
        padding-bottom: 2px;
    }

        .tag-editor .tag-editor-delete i::before {
            color: #333;
            font-size: 14px;
        }

        .tag-editor .tag-editor-delete:hover i::before {
            color: #4d7496;
            
        }


    .tag-editor li.placeholder {
        padding: 0;
        border: none;
        color: #bbb;
        background-color: transparent;
    }

.cursor-pointer {
    cursor: pointer;
}

.flmmodal {
    background: rgba(0, 0, 0, 0.5)
}

.flmmodal.modal > .modal-dialog {
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.flmmodal.modal.in > .modal-dialog.modal-lg {
    max-width: 800px;
}


.flmmodal.modal .modal-content > .modal-body {
    padding: 0;
}

.flmmodal.modal .modal-content .bootbox-body {
    height: 600px;
    width: 100%;
}


    .flmmodal.modal .modal-content .bootbox-body > iframe {
        width: 100%;
        height: 100%;
    }

.flmmodal > .modal-dialog .modal-body {
    max-height: none;
    overflow-y: hidden;
    overflow-x: hidden;
}

.table-responsive {
    overflow-x: inherit;
}