/* 
    Created on : 19.08.2017
    Copyright  : Cloud 2 Air s.r.o.
    Author     : Ing. Petr Kokeš
*/

/***** Login panel content *****/

/*.wrapper-content{
    background-image: url(/www/img/123rf/55087058_ml.jpg); 
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}*/

.inner-bg {
    padding: 100px 0 170px 0;
} 

.top-content .text {
    color: #fff;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
    margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
    color: #fff;
}
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box {
    margin-top: 35px;
}

.form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #444;
    background: rgba(0, 0, 0, 0.35);
    -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #fff;
    line-height: 100px;
    text-align: right;
    opacity: 0.3;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background: #444;
    background: rgba(0, 0, 0, 0.3);
    -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
    text-align: left;
}

.form-bottom form textarea {
    height: 100px;
}

.form-bottom form button.btn {
    width: 100%;
}

.form-bottom form .input-error {
    border-color: #de615e;
}

/***** Codeigniter profiler *****/
#codeigniter_profiler {
    position: fixed;
    top: 110px;
    left: 50%;
    width: 1200px;
    height: 800px;
    margin-left: -600px;
    border: 2px solid #000080;
    border-radius: 5px;
    overflow-y: scroll;
    background-color: white;
    z-index: 10000;
    display:none;
}

/***** Clendar *****/
.dayPreview{
    width: 100%;
    height: 100%;
    min-height: 25px;
    text-align: center;
}
.dayTitle{
    height: 100%;
    width: 52px;
    float: left;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    padding: 1px;
}
.dayHour{
    height: 25px;
    border-radius: 5px;
    position: absolute;
    background-color: #66ccff;
    padding: 2px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    z-index: 2;
}
.attendantHour{
    height: 30px;
    border-radius: 5px;
    position: absolute;
    background-color: #ccffff;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1;
}
#dp{
    height: 100%;
}

.btn-builder{
    height: 21px;
    width: 23px;
    padding: 0px 3px;
    border-radius: 0px;
    margin-right: 1px;
    margin-bottom: 1px;
}
.panel-body{
    padding: 10px;
}
.panel-footer{
    padding: 5px 15px;
}
.wrapper-content {
    padding: 10px 10px 40px;
}
.btn-title{
    float: right;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 3px;
}
.panel-body button{
    float: right;
}
.chat-users{
    height: 490px;
}
button, input, optgroup, select, textarea {
    color: black;
}
.clear{
    clear:both;
}
.ui-datepicker-title{
    color:black;
}
sup { 
    vertical-align: super;
    font-size: smaller;
}

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #ccffff 0%, #99ddff 100%);
    background:    -moz-linear-gradient(top, #ccffff 0%, #99ddff 100%);
    background:         linear-gradient(top, #ccffff 0%, #99ddff 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    height: 32px;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #99ddff 0%, #0088cc 100%);
    background:    -moz-linear-gradient(top, #99ddff 0%, #0088cc 100%);
    background:         linear-gradient(top, #99ddff 0%, #0088cc 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }