/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2 Jul, 2016, 7:07:57 PM
    Author     : USer
*/

.ui-autocomplete {
    position: fixed;
    z-index: 1051;
    font-size: 10px;
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}

.serviceContent{
    font-style:oblique;
    /*color: white;*/
    width: 100%;
    height: 23px;
    box-shadow: 5px 5px 5px #888888;
    background-color: #e2e2e2;
    margin-bottom: 1px;
    padding-left: 5px;
}

.serviceContentwaiting{
    font-style:oblique;
    /*color: white;*/
    width: 100%;
    height: 23px;
    box-shadow: 5px 5px 5px #888888;
    background-color: #c0eeaa;
    margin-bottom: 1px;
    padding-left: 5px;
}

.serviceContentCompleted{
    font-style:oblique;
    color: white;
    width: 100%;
    height: 23px;
    box-shadow: 5px 5px 5px #888888;
    background-color: #7fb7fb;
    margin-bottom: 1px;
    padding-left: 5px;
}

.contractTableHead {
    font-size: 12px;
}

.auditTableRow {
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 700px; /* New width for default modal */
    }
    .modal-sm {
        width: 350px; /* New width for small modal */
    }
}
@media screen and (min-width: 992px) {
    .modal-lg {
        width: 950px; /* New width for large modal */
    }
}

.event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;

}
.event-row {
    padding: 5px;
}

.event-list > li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 0px 0px 0px;
}
.event-list > li > time {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);

    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.event-list > li > time > span {
    display: none;
}
.event-list > li > time > .day {
    display: block;
    font-size: 20pt;
    font-weight: 100;
    line-height: 1;
}
.event-list > li time > .month {
    display: block;
    font-size: 18pt;
    font-weight: 900;
    line-height: 1;
}
.event-list > li > img {
    width: 100%;
    cursor: pointer;
}
.event-list > li > .info {
    padding-top: 5px;
    cursor: pointer;  
}

.event-list > li > .info:hover {
    padding-top: 5px;
    cursor: pointer;  
    color: white;
    background-color: rgba(79, 213, 248, 0.2) !important;
}

.event-list > li > .info > .desc {
    line-height: 1.5em;
    height: 2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
}
.event-list > li > .info > .other-info {
    padding-left: 5px;
    padding-right: 5px;
}

.event-list > li > .info > ul,
.event-list > li > .side-bar-menu > ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.event-list > li > .side-bar-menu > ul {
    margin: 0px;
}
.event-list > li > .info > ul > li,
.event-list > li > .side-bar-menu > ul > li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}
.event-list > li > .info > ul > li > a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
} 
.event-list > li > .side-bar-menu > ul > li {    
    padding: 0px;
}
.event-list > li > .side-bar-menu > ul > li > a {
    padding: 3.3px 0px;
} 

.event-list > li > .side-bar-menu > ul > li > .action-item-menu {
    padding: 9.8px 0px;
} 

.event-list > li > .info > ul > li:hover,
.event-list > li > .side-bar-menu > ul > li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}