@charset 'UTF-8';
/* reset */
* {
    margin:0px;
    padding:0px;
}
/* common */
.clear {
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}
.inline{
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
}
.display-none{
    display: none;
}
/* bluimp fileupload */
.row table tbody.files span.preview img{
    height: 100px;
    width: auto;
}
.mt20{
    margin-top: 10px;
}
.mr30{
    margin-right: 30px;
}
.ml30{
    margin-left: 30px;
}
.pb20{
    padding-bottom: 20px;
}

/* form
--------------------------------------------------*/
form{

}
form fieldset{
    border:none;
}
form input, 
form textarea, 
form select{
    font-size:100%;
    color:#8b8c8e;
    border:1px solid #c3c3c3;
    outline:none;	
    background:#ffffff;	
}
form input{
    padding:0 10px;
    box-sizing: border-box;
    height:33px;
    line-height:33px;  
}
form input[type="submit"]{
    cursor:pointer;
}
form select{
    line-height:33px;
    height:33px;
    padding:0 5px;
    vertical-align:middle;		
}
form select option{
    padding:5px 10px;
    color:#010101;
}

form textarea{
    padding:10px;
    box-sizing: border-box;
}
form input[type="radio"], 
form input[type="checkbox"]{
    width:auto; height:auto;
    background:none; border:none;
} 

/*default*/
form.default{
    width: 100%;
    max-width: 640px;
}
form.default fieldset{
    background-color:#e3e3e3;
    border:1px solid #c5c6c7;
    padding-top:15px;
    margin-bottom:10px;
}
form.default fieldset legend{
    color:#010101;
    font-size:15px;
    font-family:osb;
    margin-left:10px;
}
form.default .row{
    padding:0 0 15px 0;
    clear:both;
    text-align:right;
    margin: 0; /* tb */
}	
form.default .row_hidden{
    height:0; overflow:hidden;
}	
form.default input, 
form.default textarea{
    width: 100%;
}
form.default textarea{
    width:100%; height:60px;
    padding-top:10px;
    padding-bottom:10px;
    max-width: 100%;
}
form.default select{
    width: 100%;
    max-width: 100%;
}
form.default .isEdit input[type="text"],
form.default .isEdit input[type="password"],
form.default .isEdit textarea,
form.default .isEdit select{
    color:#010101;
    border-color:#e3e3e3;
}
form.default input[type="submit"]{
    margin: 20px 0 0 0;
}
form.default input[type="submit"], 
form.default input.btn{
    width:auto; height:auto; 
    cursor: pointer;
}
form input[type="radio"], 
form input[type="checkbox"]{
    width:auto; height:auto; 
    border:none; 
    background:none;	
    float: left;
}

form.default label{
    float:left;
    text-align:left;
    padding-bottom:16px;
    color:#4a5560;
    font-size: 100%;
}
form.default .row_checkbox label{
    float: right;
    width: 90%;
}

form.default label.required{

}
form.default label a{
    text-decoration:none;
}

/*radio & checkbox*/
form.default ul.radioWrapper{
    float:right;
    width:100%;
}
form.default ul.radioWrapper li{
    background:none;
    text-align:left;
    padding-bottom:5px;
}
form.default ul.radioWrapper li label{
    float:none;
    position:inherit;
}
form.default ul.radioWrapper li input{
    vertical-align:top;
    margin-right:10px;
}

/*row_multi_checkbox*/
form.default div.row_multi_checkbox,
form.default div.row_radio{
    text-align:left;
    border:solid 1px #c3c3c3;
    padding-top:10px;
}
form.default div.row_multi_checkbox label,
form.default div.row_radio label{
    display:block;
    float: none;
    padding: 0 0 10px 0;
    margin: 0 0 0 20px;
}
form.default div.row_multi_checkbox label:last-of-type,
form.default div.row_radio label:last-of-type{
    padding: 0;
}
form.default div.row_multi_checkbox label img,
form.default div.row_radio label img{
    margin-left:5px;
    margin-right:10px;
}
form.default div.row_multi_checkbox label input,
form.default div.row_radio label input{
    width:auto; height:auto;
    margin: 3px 10px 0 0;
}
form.default div.row_multi_checkbox label:first-child,
form.default div.row_radio label:first-child{

}

/*hasErrors*/
form.default div.hasErrors{
    /*background:#fbf3f1;
    padding:9px;
    border:1px solid #fccac1;
    border-radius:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:15px;
    height:auto;
    */
}
form.default .hasErrors input[type="text"], form.default .hasErrors input[type="password"],
form.default .hasErrors select,
form.default .hasErrors textarea{
    border-color:#e94041;
}
form.default .row ul{
    clear:both;
    display:block;
}
form.default .row ul li{
    color:#010101;
    text-align:left;
    padding:3px 0 0 0px;
    list-style-type: none;
    font-size: 80%;
}
form.default .errorNote{
    color:#e94041;
    text-align:right;
}
form.default span.asterix{
    color:#9e9e9e;
}
form.default .requiredNote{
    clear:both;
}

/*dateInput*/
form.default input.dateInput {
    /*z tego inputa datePicker bierze z-index i ustawia +1, jak chcemy miec kalendarz nad innymi elementami to trzbeba tu dac duzo*/
    position:relative; z-index:100;
}

/*dialog*/
.workingWrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    top: 0 ;left: 0;
    z-index: 5000;
}
.working{
    position: relative;
    width: 100%;
    height: 100%;
}
.working img{
    position: absolute;
    top: 80px;
    left: 0; right: 0;
    margin: auto;
}

.ui-dialog{
    overflow:inherit;
    padding:0;
    margin:0;

    border:none !important;
    border-radius:0;
    background:#ffffff;
}
.ui-dialog .ui-dialog-titlebar{
    box-sizing:border-box;
    display:block;
    width:100%;
    height:auto;
    padding:0;
    margin:0;

    background:none;
    border:none;
    border-radius:initial;
}
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title{
    display:none;
    box-sizing:border-box;
    width:100%;
    height:auto;
    padding:30px;
    margin:0;

    border:none;
    border-bottom:1px solid #e4e4e4;			
    color:#202020;	
    font-size:26px;
    font-weight:normal;
    font-family:rb, Arial, Helvetica, sans-serif;
    background:none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
    border:none;
    padding:0;
    margin:0;
    background:#ffffff url(/common/images//close-btn.png) no-repeat left top;
    width:40px; height:40px;
    position:absolute; top:-40px; right:0px;
    border:none;
    border-radius:0;
    background-size: contain;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover{
    background-color:#e4e4e4;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close *{
    display:none;
}
.ui-dialog .ui-dialog-buttonpane{
    border-color:#d4d4d4;
    background:#f9f9f9;
}
.ui-dialog .dialogContainer{
    padding:30px;
    padding-bottom:0;
    background: #e3e3e3;
    color: #010101;
    font-size: 140%;
}

.ui-dialog .box{
    padding:0;
    margin:0;
}
.ui-dialog .box .header{
    box-sizing:border-box;
    width:100%;
    padding:30px;
    margin:0;

    border-bottom:1px solid #e4e4e4;
}
.ui-dialog .box .header h2{
    padding:0;
    margin:0;

    color:#457ee5;
}
.ui-dialog .box .content{
    box-sizing:border-box;
    padding:0;

    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    color:#202020;
}


.workingDialog{
    overflow:inherit;
    padding:0;
    margin:0;

    border:none;
    background:#ffffff;
}
.workingDialog .workingDialogContainer{
    padding:0;
}
.workingDialog .workingDialogContainer p{
    height:48px;
    padding:0;

    font-size:16px;
    font-weight:normal;
    line-height:48px;
    vertical-align:middle;
    text-align:center;
    color:#333333;
}
.workingDialog p img{
    vertical-align:middle;
}
.workingDialog .ui-dialog-titlebar{
    display: none;
}

.alertDialog .ui-dialog-titlebar-close{
    display: none;
}
.alertDialog .ui-dialog-titlebar span.ui-dialog-title{
    display:block;
}
.alertDialog .alertDialogContainer{
    padding:30px;
}