#autoSaveAlert {
    border-left:2px solid #00f600;
    display: none;
}
#autoSaveAlert p {
    color: #00f600;
}
#ui-datepicker-div {
    font-size: 13px;
}
#uploadLoader {
    display: none;
}
.p-6 {
    padding: 6px;
}
.mb-0 {
    margin-bottom: 0px;
}
.py-4 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
#loaderGif {
    display: none;
    position: fixed;
    top: 23%;
    left: 15%;
    right: 0;
    width: 30%;
    height: 30%;
    margin: 0 auto;
    z-index: 9500;
    background: url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}
.select2-container {
    width: 100% !important;
}
.text-white {
    color: white!important;
    font-weight: bold;
}
.text-red {
    color: red!important;
}
.filter-table .quick { margin-left: 0.5em!important; font-size: 0.8em!important; text-decoration: none!important; }
.fitler-table .quick:hover { text-decoration: underline!important; }
td.alt { background-color: #ffc!important; background-color: rgba(255, 255, 0, 0.2)!important; }
.tooltipevent {
    width:300px;
    height: auto;
    word-break:normal;
    position:absolute;
    z-index:10001;
}
.made-by {
    display:none;
    position:absolute;
    width:200px;
    height:30px;
    padding: 5px;
    margin-top:5px;
    margin-left: -5px;
}
.data-table-actions { display: none; position: absolute; right: 16px; }
.data-table-item:hover .data-table-actions { display: inline-block; }
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1);
    z-index: 9999;
    display: block;
}

#preloader .loader {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    text-align: center;
}

#preloader .loader .loader-img {
    background: url("../img/loading.GIF");
    width: 60px;
    height: 60px;
    display: block;
}

#serviceAddForm .form-group {
    margin: 0!important;
}
.padding-15 {
    padding: 15px!important;
}
.mr5 {
    margin-right: 5px;
}
.green {
    color: green;
    font-weight: bold;
}
.red {
    color: red;
    font-weight: bold;
}
.red-op {
    color: red;
    font-weight: bold;
    filter: alpha(opacity=20);
    opacity: 0.2
}
.marginbot300 {
    margin-bottom: 300px;
}
.cus-well {
    min-height: 20px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.nobm {
    margin-bottom: 0px!important;
}
.fa-13x {
    font-size: 1.4em;
    margin-right: 5px;
}
.input50 {
    width: 80px;
}
.hrblack {
    border-top: 1px solid #000;
}
.ufservice {
    border: 1px solid #ebccd1;
    background: #ffefef;
    cursor: pointer;
    margin: 3px;
    font-size: 13px;
}
.fufnote {
    border: 1px solid #d9edf7;
    background: #ecf6fb;
    cursor: pointer;
    margin: 3px;
    font-size: 13px;
}
.ufservice-open {
    border: 1px solid #000;
    background: #fff;
    margin: 2px;
    font-size: 13px;
    padding: 5px;
    z-index: 100!important;
    position: absolute;
    width: 100%;
    -webkit-box-shadow: 5px 5px 25px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 25px 5px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 25px 5px rgba(0,0,0,0.75);
}
.ufnote-open {
    border: 1px solid #000;
    background: #fff;
    margin: 2px;
    font-size: 13px;
    padding: 5px;
    -webkit-box-shadow: 5px 5px 18px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 18px -3px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 18px -3px rgba(0,0,0,0.75);
}
.front-supplier {
    text-align: left!important;
    margin-bottom: 3px;
}
.front-supplier i {
    margin-bottom: 3px;
}
.borderless td, .borderless th {
    border: none!important;
}
.borderless .form-group {
    margin-bottom: 0px;
}
#sidebar-wrapper {
    background-color: #222d32!important;
}
#langbar {
    text-align: right;
    background: transparent;
}
#langbar li {
    list-style: none;
    display: inline-block;
    padding-right: 5px;
    width: 30px;
}
#langbar li a img {
    border: 1px solid lightgrey;
}
.filter-table input {
    padding: 5px;
}
.nostylea {
    text-decoration: none;
    color: black;
}
.nostylea:hover {
    color: black;
    text-decoration: none;
}
.nostylea p {
    margin-bottom: 0px;
}