
.cs-window-messenger > p {
    text-align: center;
    padding: 10px;
    font-size: 18px;
}

.cs-widget-ui-list .filter .cell {
    width: 100%;
    height: 16px;
    background: url("images/background.gif") repeat-x;
    text-align: center;
    font-weight: bold;
}
.cs-widget-ui-list .filter {
}
.cs-widget-ui-list .filter .filter-view{
    overflow: scroll;
    height: 59%;
}

.cs-ddl {
    padding: 3px;
    margin: 5px 0px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#000;
    border:none;
    outline:none;
    display: inline-block;
    cursor:pointer;
}
.cs-btn-panel {
    margin: 10px;
}
.cs-btn-panel .cs-btn {
    float: right;
}
.cs-structure-window .jstree {
    overflow: scroll;
    height: 350px;
}
.cs-condition-editor-window input[readonly="1"]{
    background-color: #dbedff;
}

.cs-condition-editor-window .form .row div{
    display: inline-block;
}
.cs-condition-editor-window .form .row div input {
    float: left;
}

.cs-condition-editor-window .form label {
    float: right;
}
.cs-condition-editor-window .form input {
    width: 95%;
}
.cs-condition-editor-window .form input[type="checkbox"] {
    width: auto;
    float: right;
}
.cs-condition-editor-window .row1 .cell4 label{
    float: left;
}
.cs-condition-editor-window .arg2label{
    float: right;
}
.cs-condition-editor-window .content 
{
    
}

.cs-message {
    margin: auto;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}

/*<editor-fold defaultstate="collapsed" desc="cs-roster" >*/
.cs-roster {
    height: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

.cs-roster > .entry > div {
    width: auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    /*display: inline-block;*/
    border-top-color: #CCCCCC;
    border-right-color: #DDDDDD;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    /*border: 1px solid black;*/
}

.cs-roster > .entry,
.cs-roster > .entry > div {
    height: 16px;
}
.cs-roster > .entry > div {
}
.cs-roster > .entry > .title {
    background: url("images/background_h20.gif");
}
.cs-roster > .entry > .title  {
    float: left;
    font-weight: bold;
    text-align: right;
    padding: 0px 5px;
}
.cs-roster > .entry > .value  {
    float: right;
    padding: 0px 5px;
}
/*</editor-fold>*/


/*<editor-fold defaultstate="collapsed" desc="cs-from" >*/
.cs-form-validation-message {
    color: #FF0000;
    display: inline-block;
    z-index: 100000;
    max-width: 400px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.cs-in-progress {
    background-color: #E6B8B8 !important;
}
.cs-error {
    background-color: #ba4646 !important;
}

.cs-from {
    overflow-y: scroll;
}
.cs-form-label-mandatory {
    font-weight: bold;
}
.cs-btn[disabled] {
    color: #333; 
    background-color: #e6e6e6;
    border-color: #adadad;  
}
.cs-form .cs-form-control {
    margin: 5px 0px
}
.cs-form .cs-form-control[disabled] {
    background-color: #ffffe1;
}
.cs-form .cs-form-control[type="checkbox"] {
    margin: 5px;
    width: auto;    
}
.cs-form-label {
     margin: 0px 5px;
     float: right;
     white-space: nowrap;
}
.cs-form label 
{
   margin: 0px 5px;
   float: right;
}
.cs-form .cs-form-separator{
   
}
.cs-form-control-invalid {
    border-color: #FF0000 !important;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="cs-input-fkf" >*/
.cs-input-fkf {
    overflow: hidden;
    border: 1px solid #ccc;
}
.cs-input-fkf > input {
    cursor: not-allowed;
    text-align: center;
    border: none;
    margin: 0px;
}
.cs-input-fkf > button {
    background-color: #fff;
    border: none;
    margin: 0px;
}
.cs-input-fkf[disabled] > button {
     background-color: #eee;
}
.cs-input-fkf > button:hover {
    background-color: #eee;
}
.cs-input-fkf > input:focus {
    border: none;
} 
/*</editor-fold>*/
/*
.csf {
    border: 1px solid black;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
}
.csf > .csf-row {
    margin-bottom: 5px;
}

.csf .cs-control[readonly] {
    background-color: #ffffe1;
}
.csf .cs-control [readonly] {
    background-color: #ffffe1;
}

.csf .csf-ctl {
    background-color: #ffffe1;
}
*/
/* zaburza wygląd kontrolek które mają w sobie inne kontrolki, np CgsSelectRecord
.cs-auto-form .cs-control {
    margin: 0px 1px !important;
} */
/*
.cs-auto-form .cs-control *[readonly]{
    background-color: #ffffe1 !important;
} */

.cs-auto-form .cs-control .cs-disabled{
    background-color: white !important;
    color: black !important;
}

.cs-auto-form .cs-control.text-edit > input
{
    padding-left: 5px;
    border: 1px solid #ccc;
}

.cs-auto-form .cs-control textarea
{
    border: 1px solid #ccc;
}

.cs-auto-form .label {
    white-space: nowrap;
    margin-right: 5px !important;
    word-wrap: normal;
    text-align: right;
}
.cs-auto-form  .text-edit > input {
    
}

.cs-auto-form .cs-control.row  {
}

.cs-auto-form > .row > .row {
    margin: 3px 0px !important;
}

.cs-auto-form > .row > .row > .cs-control {
  margin-left: 5px;
}

.cs-control.select-fkf {
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.cs-tab-container > .csh {
    background-color: #bbbbbb;
    height: 32px;
}
.cs-tab-container > .csh > .label {
    position: relative;
    top: 10px;
    border-radius: 5px;
}
.cs-tab-container > .csh  label {
    position: static;
    margin: 0px auto;
    padding: 2px 10px;
    
}
