.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

body {
    font-size: 12px;
}
.col-md-12 {
    margin-right: 10px;
}
.wfs-link {
    cursor: pointer;
}

.wfs-form-button-row {
    margin-top: 15px;
}
.wfs-form-row {
    padding-left: 15px;
    padding-right: 15px;

}
.wfs-form-column {
    caption-side: top;
    min-height: 30px;
    border-style: dashed;
    border-width: 1px;
    border-color: #d3d3d3;

}
.wfs-form-control-xlarge {
    width: 100%;

}
.wfs-form-control-large {
    width: 80%;
    background-color: #003bb3;
}
.wfs-form-control-medium {
    width: 50%;
    background-color: #003bb3;
}
.wfs-form-control-small {
    width: 25%;
    background-color: #003bb3;
}
.wfs-field {
    padding-left: 2px;
    padding-right: 2px;

}
.wfs-label-above {
    width: 100%;
}
.wfs-input {
    padding-bottom: 5px;
}
.wfs-output {
    padding-bottom: 5px;
}
.wfs-buttons {
    padding-bottom: 5px;
}
.wfs-form-field {
    padding-bottom: 5px;
}
.wfs-form-supporttext {
    font-style:  italic;
    font-weight: 100;

}
.wfs-field-input input {
    background-color: InfoBackground;
}
.wfs-field-input textarea {
    resize: none;
    background-color: InfoBackground;
}
.wfs-field-output textarea {
    resize: none;
}
.wfs-field-hide {
    display: none;
}
.wfs-field-show {
    display: inline-block;
}
.form-group {
}
.wfs-textarea-info {

}
.wfs-drag-over-control-top {
    /*box-shadow: 0px -3px 2px -1px #003bb3;*/
    padding-top: 50px;
}
.wfs-drag-over-control-bottom {
    /*box-shadow: 0px 3px 2px -1px #003bb3;*/
    padding-bottom: 50px;
}
.wfs-drag-over-container {
    box-shadow: 2px 2px 5px 0px #003bb3;
}
.wfs-control-focus {
    box-shadow: 0 0 8px #003bb3;
}
.wfs-control-normal {
    box-shadow: 0 0 0px #003bb3;
}

.wfs-buttons .btn {
    color: #3276b1;
    background-color: #fff;
}
.wfs-buttons .active {
    color: #ffffff;
    background-color: #0088cc;
}

.wfs-selection {
    background-color: #0088cc;
    color: white;
}
#loading {
    width: 100% ;
}
#inner {
    width: 50%;
    margin: 0 auto;
}
.wfs-visible {
    visibility: visible;
}
/*
overrides for some of the Kendo widget styles
*/
#kCatalogueTree img {
    width: 16px;
    height: 16px;
}
.form-control-sm
{
    padding: 0;
    width: 100%
}
textarea {
    resize: none;
    border-radius: 4px;
}
textarea.k-textbox {
    padding-left: 10px;
}
.k-grid .k-dirty {
    display: none;
}
.k-editor {
    border: none;
}
#kWinEditor.table {
    /*width: 100%;*/

}
table.k-editor {
    height: 100%;
}
#palette > .k-item > .k-link > .k-image
{
    margin-top: 2px;
    margin-left: -5px;
}
.k-tooltip {
    z-index: 99999;
}



/* the next 3 styles are to hide the default html file input field
so we can put a nice icon and button on the screen instead */
div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
    position: relative;
    text-align: right;
    top: 30px;
    left: -82px;
    width: 206px;
    opacity: 0;
    z-index: -1;
    /*background-color:red;*/
    height: 25px;
}

/* hides a file input on the wysiwyg editor that is used for supplying an insert image file picker popup
*/
#kWinEditor input {
    opacity: 0;
    -moz-opacity: 0;
    z-index: -9999;
}

/*
    miscellaneous tweaks for the form designer to align icons nicely etc...
*/
#designform .k-textbox .k-icon {
    top: 0;
    margin: 0 0 0;
    position: relative;
}
#designform .form-group {
    margin-bottom: 0px;
}

#wfs-form .form-group {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

#wfs-form .radio-form-group {
    padding-left: 0px;
    padding-top: 17px;
}

#wfs-form .form-horizontal .radio-form-group {
    padding-top: 10px;
}

#wfs-form .table {
    font-size: 14px;
}

#wfs-form .table thead {
    font-size: 12px;
}

.wfs-modal-dialog-properties {
    width: 600px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -200px;
}

.wfs-modal-large-dialog-properties {
    width: 800px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 5%;
    left: 50%;
    margin-left: -400px;
}

.logo {
    padding-top: 5px;
    padding-right: 5px;
}
.k-window-titlebar {
    background: url(../img/1-icon_16x16.png);
    background-position-x: 5px;
    background-position-y: 5px;
    background-repeat: no-repeat;
}

.k-window-title {
    padding-left: 25px;
}

#renderForm .wfs-form-row {
    border: none;
}
#renderForm .wfs-form-column {
    border: none;
}
#renderForm .well {
    margin-right: 0px;
}
#renderForm .well img {
    padding-left: 15px;
}
#renderForm .footnote {
    font-size: xx-small;
    padding-bottom: 0px;
    margin-top: 20px;
}


.data-wfs-readonly {
    background-color: InfoBackground !important;
}




/* kendo numberic text boxes add an additional <input> field to the DOM immediately
before the input field that we've spent so much time applying dynamic styles to. The following
frig will add the readonly background colour to any input field with the attribute disabled="disabled" */
input[disabled="disabled"] {
    background-color: InfoBackground !important;
}


form .ng-invalid > span .k-state-focused {
    border-color: #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
form .ng-invalid > span .k-state-default {
    border-color: #ce8483;
}

/* prevent bootstrap from changing the mousepointer over readonly fields */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: default;

}

/* busy cursor */
.wfs-busy {
    cursor: progress;
}
.wfs-default {
    cursor: default;
}
.wfs-link {
    cursor: hand;
}
/* layout for various notification boxes */
.wfs-dialog {
    width: 300px;
    height: 150px;
    position: relative;
    z-index: 20000;
}
.wfs-dialog img {
    padding-left: 10px;
    padding-top: 10px;
}

.wfs-dialog .wfs-header {
    width: 100%;
    text-align: center;
}
.wfs-dialog .wfs-content {
    width: 100%;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}
.wfs-dialog .wfs-footer {
    width: 100%;
    padding-top: 15px;
    text-align: center;
}

.wfs-warning {
    background-color: rgba(255, 159, 149, 0.05);
}
.wfs-notify {
    background-color: rgba(47, 153, 255, 0.05)
}

.wfs-info {
    width: 200px;
    max-height: 100px;
}
.wfs-info img {

    padding-top: 15px;
}
.wfs-info .wfs-header {
    width: 100%;
    text-align: center;
}
.wfs-info .wfs-content {
    width: 100%;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}
.wfs-info .wfs-footer {
    width: 100%;
    padding-top: 15px;
    text-align: center;
}
.wfs-h4-button {
    margin-top: 10px;
}
.wfs-table tbody tr td {
    padding:    4px 4px 4px 4px;
}
.navbar {
    height: 50px;
}

.k-input .has-error {
    border-color: #ff0000;
}
.k-multiselect .k-button {
    background-color: #5bc0de;
    border-color: #46b8da;
}
#kContextMenu {
    min-width: 150px;
}
#summaryGrid {
    height: 300px;

}

#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 9999;
}

#messageArea {
    margin: 15px;
}
.form-group.required .control-label:after {
    color: #d00;
    content: " *";
}

#userOptions {
    margin-top: 5px;
}


.wfs-textarea {
    width: 100%;
    min-height: 500px;
}
.wfs-glyphicon-spacer {
    display: inline-block;
    width: 12px;
}

.wfs-error {
    color: red;
}
/*
***********************************************************************************************************************
     The following allows Kendo UI Widgets to seemlessly integrate with Bootstrap's responsive grid system
***********************************************************************************************************************
*/
/*.form-control-sm.k-widget
{
    padding: 0;
    width: 100%
}*/
/* reset everything to the default box model */

/**,
:before,
:after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}*/

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.highlight-reordered-row-fade {
    -webkit-transition: background 0.7s ease;
    -moz-transition: background 0.7s ease;
    -ms-transition: background 0.7s ease;
    -o-transition: background 0.7s ease;
    transition: background 0.7s ease;
}
.highlight-reordered-row {
     background-color: rgb(232, 246, 249);
}

#storeContextMenu {
    width: 140px;
}

.validation-error-msg {
    white-space: pre-wrap
}