/*Tickets
***************************************************************/
.content-ticket-edit {
    margin-left: 0; 
}

/* Forms
***************************************************************/
.dynamic-form input[type='text'],
.dynamic-form input[type='email'],
.dynamic-form input.text,
.dynamic-form textarea.text {
    width: 99%;
    line-height: 1.5em;
    border-radius: 4px;
}

.dynamic-form button {
    width: 145px;
    padding: 3px 10px;
    margin-bottom: 15px;
    line-height: 1.3em;
}

input[type !="checkbox"], select, textarea {
    vertical-align: middle;
    width: 100%;
}


.form-field-element input[type="spinner"]{
     margin: 0 0 0 2px;
     border: 0;
     height: 22px;
}

.form-control,
.form-field-element input[type="text"],
.form-field-element input[type="number"],
.form-field-element input[type="email"],
.form-field-element input[type="password"],
.form-field-element select {
    display: block;
    width: 100%;
    height: 24px;
    padding: 1.5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 7px;
}

    .form-control:focus,
    .form-field-element input[type="text"]:focus,
    .form-field-element input[type="number"]:focus,
    .form-field-element input[type="email"]:focus,
    .form-field-element input[type="password"]:focus,
    .form-field-element select:focus,
    .form-field-element textarea:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

input[type=checkbox],
input[type=radio] {
    margin-bottom: 6px;
    margin-right: 6px;
}

/* Elements
***************************************************************/
.form-field-element {
    margin-top: 5px;
    line-height: 1.1em;
}

    .form-field-element label {
        font-weight: 100;
    }

 .ui-datepicker .ui-datepicker-header {
    padding: .6em 0;
}

    /* Disabled
***************************************************************/
    .dynamic-form input[disabled=disabled][type="text"],
    .dynamic-form input[disabled=disabled][type="email"],
    .dynamic-form input[readonly],
    .dynamic-form textarea[readonly],
    .dynamic-form textarea[disabled=disabled],
    .form-field-element input[disabled],
    .form-field-element select[disabled],
    .form-field-element input[readonly],
    .form-field-element select[readonly] {
        border-color: lightgrey;
        background-color: #EFEDED;
        cursor: not-allowed;
    }


legend{
    font-family: 'Brandon Grot W01 Bold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;       
}

/* Validation
***************************************************************/
.input-validation-error, 
.form-control.input-validation-error {
    border: 2px solid #990808 !important;
}

.field-validation-error {
    color: #990808 !important;
}

.validation-summary-errors li {
    color: #990808;
    font-family: 'Segoe UI';
    font-size: 11pt;
    font-weight: 600;
    list-style: none;
}

input.input-validation-error.text,
input.input-validation-error.number,
input.input-validation-error.email {
    border: 2px solid #990808 !important;
}

/* Panels
***************************************************************/
.panel .panel-heading, .panel > :first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 20px;
    position: relative;
    height: 30px;
    padding: 0;
    margin-bottom: 35px;
}

.panel-title {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0;
    font-size: 1.1em;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /*color:#ff0000;*/
    cursor: pointer;
    border-bottom: 1px solid lightgrey;
}

.panel {
    padding-bottom: 5px;
    box-shadow: 1px 2px 0 #e9e5e5;
    border-radius: 0;
    border: 0;
    margin-bottom: 10px;
}

.panel-control {
    height: 100%;
    position: relative;
    float: right;
    /*padding: 0px 15px 15px 15px;*/
    padding: 0;
    margin: 0;
    color: #646464;
    cursor: pointer;
    border-bottom: 1px solid lightgrey;
}

.panel-body {
    padding: 0;
    margin: 20px;
}


.panelframe {
    padding-bottom: 5px;
    box-shadow: .1px .1px 1px 1px #9E9E9E;
    margin-bottom: 10px;
}

.panelframe-title {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0;
    font-size: 1.1em;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* Rows
***************************************************************/

.dynamic-form .row { 
    margin: 0;
}

/* Label
***************************************************************/
label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 2px;
    max-width: 100%;
}

/* Button
***************************************************************/
button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    /*padding: 3px 10px;*/
    font-size: 14px;
    /*line-height: 1.42857143;*/
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    border-color: #ccc;
    background: none repeat scroll 0 0 #666c74;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.workflow-edit button,
.workflow-edit button:focus, .workflow-edit button.focus,
.workflow-edit button:hover,
.workflow-edit button:active, .workflow-edit button.active,
.workflow-edit button:focus, .workflow-edit button:active:focus, .workflow-edit button.active:focus, .workflow-edit button.focus, .workflow-edit button:active.focus, .workflow-edit button.active.focus,
.workflow-edit button:active, .workflow-edit button.active, .open > .dropdown-togglebutton,
.workflow-edit button:active:hover {
    color: white;
    border: 0 solid transparent;
    border-color: unset;
    background: unset;
    background-color:rgba(1,1,1,0); 
    outline: 0 auto -webkit-focus-ring-color;
    -moz-transition: unset;
    -o-transition: unset;
    -webkit-transition: unset;
    transition: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

button:focus, button:active:focus, button.active:focus, button.focus, button:active.focus, button.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

button:hover, button:focus, button.focus {
    color: #333;
    text-decoration: none;
}

button:active, button.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

button.disabled, button[disabled], fieldset[disabled] button {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none repeat scroll 0 0 #666c74;
}

/*abutton.disabled, fieldset[disabled] abutton {
    pointer-events: none;
}*/

button:focus, button.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

button:active, button.active, .open > .dropdown-togglebutton {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
     background-image: none;
}

    button:active:hover, button.active:hover, .open > .dropdown-togglebutton:hover, button:active:focus, button.active:focus, .open > .dropdown-togglebutton:focus, button:active.focus, button.active.focus, .open > .dropdown-togglebutton.focus {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c;
    }

button.disabled, button[disabled], fieldset[disabled] button, button.disabled:hover, button[disabled]:hover, fieldset[disabled] button:hover, button.disabled:focus, button[disabled]:focus, fieldset[disabled] button:focus, button.disabled.focus, button[disabled].focus, fieldset[disabled] button.focus, button.disabled:active, button[disabled]:active, fieldset[disabled] button:active, button.disabled.active, button[disabled].active, fieldset[disabled] button.active {
    background-color: #aaa;
    border-color: #ccc;
    color: #333;
}

button .badge {
    color: #fff;
    background-color: #333;
}

button.primaryAction {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    button.primaryAction:focus, button.primaryAction.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    button.primaryAction:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    button.primaryAction:active, button.primaryAction.active, .open > .dropdown-togglebutton.primaryAction {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
        background-image: none;
    }

        button.primaryAction:active:hover, button.primaryAction.active:hover, .open > .dropdown-togglebutton.primaryAction:hover, button.primaryAction:active:focus, button.primaryAction.active:focus, .open > .dropdown-togglebutton.primaryAction:focus, button.primaryAction:active.focus, button.primaryAction.active.focus, .open > .dropdown-togglebutton.primaryAction.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    button.primaryAction.disabled, button.primaryAction[disabled], fieldset[disabled] button.primaryAction, button.primaryAction.disabled:hover, button.primaryAction[disabled]:hover, fieldset[disabled] button.primaryAction:hover, button.primaryAction.disabled:focus, button.primaryAction[disabled]:focus, fieldset[disabled] button.primaryAction:focus, button.primaryAction.disabled.focus, button.primaryAction[disabled].focus, fieldset[disabled] button.primaryAction.focus, button.primaryAction.disabled:active, button.primaryAction[disabled]:active, fieldset[disabled] button.primaryAction:active, button.primaryAction.disabled.active, button.primaryAction[disabled].active, fieldset[disabled] button.primaryAction.active {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    button.primaryAction .badge {
        color: #337ab7;
        background-color: #fff;
    }
    /***dropdown menu elements*/
    .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
    border-top: 0px;
    border-radius: 0px 0px 4px 4px;
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    box-shadow: none;
}