html{min-height:100%;position: relative}
.wrapper-footer a {color: #999}
body{padding-bottom: 120px;font-family: 'Roboto', sans-serif !important;color:#333 !important;}
footer {width:100%;height: 120px;bottom: 0;position: absolute;margin-top: 25px;padding: 20px 0;}

.sortable>div {padding: 3px 5px; background: #fafafa; border: #eee solid 1px;margin: 1px 0}
.opacity2 {opacity: 0.2}
.nav-regs, .nav-regs-compact {padding-left: 0;}
.nav-regs li, .nav-regs-compact li {list-style:none;padding: 3px 0;}
.edit-regs {line-height: 18px;}
.image-h-24 {max-height: 24px !important;}
.nav-regs-compact li{margin: 7px 0;}
.image-item {height: 140px;border: #ccc solid 1px;border-radius: 3px;margin-bottom: 15px;overflow: hidden}
.image-item .close {font-size: 24px;padding: 2px 8px;background:rgba(0,0,0,0.5);opacity: 1;color: #fff;text-shadow: 0;border-top-right-radius: 3px;
position: absolute;top:0px;right: 15px;}
.white-hr{border-bottom: 1px solid #fff;}
.items-table th .text-muted span {opacity: 0.4;cursor: pointer}
.items-table th .text-muted span:hover {opacity: 0.6}
.clear-filter-btn {float: right}
.alert .close {
    font-size: 30px;
    background: #ccc;
    padding: 1px 10px 4px;
    border-radius: 5px;
    border: #aaa solid 1px;
}
.searchData {
    position:  absolute;
    padding:0 15px;
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 100;}

.searchData a {
    display: block;
    border: #ccc solid 1px;
    height: 50px;
}

.searchData a:hover{background: #f4f4f4}

.link-search {
    top: 35px;
    right: 0;
}

.right{text-align: right}


@media screen and (max-width: 767px){
    .clear-filter-btn {float: left;}
    .wrapper-footer {text-align: center}
    .right{text-align: center}
    .left-xs {text-align: left}
    .table-container {overflow-x: scroll;overflow-y: visible;}
}

.table-container {min-height: 300px;}

.sl{
    height: 36px;
    padding: 6px 12px;
    border: 1px solid #ccd0d2;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.sl-l {
    border-bottom-left-radius: 4px;border-top-left-radius: 4px;
    border-right-color: #fff;
    right:-1px;
}

.sl-l::placeholder {color:#AAA}

.sl-r {
    border-bottom-right-radius: 4px;border-top-right-radius: 4px;
}
.lk-menu a {color: #444;text-decoration: none;}
.captcha-right>div>div{float: right !important;}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #21bf51;
}

.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    background-color: #e93b2a;
}

.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    background-color: #e1e916;
}

.table>tbody>tr.primary>td, .table>tbody>tr.primary>th, .table>tbody>tr>td.primary, .table>tbody>tr>th.primary, .table>tfoot>tr.primary>td, .table>tfoot>tr.primary>th, .table>tfoot>tr>td.primary, .table>tfoot>tr>th.primary, .table>thead>tr.primary>td, .table>thead>tr.primary>th, .table>thead>tr>td.primary, .table>thead>tr>th.primary {
    background-color: #3097D1;
    color:#fff;
}

.table>tbody>tr.success>td>a,.table>tbody>tr.danger>td>a,.table>tbody>tr.warning>td>a,.table>tbody>tr.primary>td>a{
    text-decoration: none;
    color: #333;
    display: inline-block;
}

.table>tbody>tr.info>td>a{
    text-decoration: none;
    color: #333;
    display: inline-block;
}

.destination .ms-parent {width:100% !important;}

.ci_wrp .remove {
    cursor: pointer;
    text-align: center;
    color: #333;
    text-decoration: underline;
    font-size: 14px;
    line-height: 15px;
    text-align: right;
    padding: 5 0;
    display: inline-block;
}

.ci_wrp{
    padding: 5px;
    margin-bottom: 10px;
    float:left;
    text-align: right;
}

.ci_wrp img{
    margin: 0 auto;
    display: block;}

#comment_loader{margin: 40px;}
.item-image {margin-bottom: 10px;}
#jstree{overflow: hidden}
.jstree-default .jstree-node{margin-left:12px !important;}

.tickets .new {background:darkred;}
.tickets .new td>a{color: #fff !important;}
.tickets .process {background:yellow;}
.tickets .process td>a{color: #111 !important;}
.tickets .completed {background:#21bf51;}
.tickets .completed td>a{color: #111 !important;}
.tickets .closed_by_author {background:lightblue;}
.tickets .closed_by_author td>a{color: #111 !important;}
.tickets .late {background:darkblue;}
.tickets .late td>a{color: #fff !important;}
.tickets .fire {background:orangered;}
.tickets .fire td>a{color: #fff !important;}
.tickets .expired {background:darkgoldenrod;}
.tickets .expired td>a{color: #fff !important;}


.flag {

    width: 23px;
    height: 40px;
    position: relative;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
    position: absolute;
    margin: -10px 0;
}

.flag-new {background-color: #21bf51;}
.flag-process {background-color:yellow;}
.flag-completed {background-color:#ccc;}
.flag-closed_by_author {background-color:lightblue;}
.flag-late {background-color:darkblue;}
.flag-fire {background-color:orangered;}
.flag-expired {background-color:darkred;}
.flag-warning {background-color:yellow;}
.flag-success {background-color:#ccc;}