.clr::after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.error{color:red;font-size:13px}
.error pre{color:red;border-color:crimson;background-color:#f8f7ed;text-align:left;max-height:200px;margin:0}
.error pre>*{white-space:normal;word-break:break-all}
.vspace{margin-bottom:15px}
.tspace{margin-top:15px}
.rspace{margin-right:10px}
.lspace{margin-left:10px}
.nowrap{white-space:nowrap}

.error-notification .error{position:fixed;bottom:10px;right:10px;width:350px;max-height:40%;overflow-y:auto;z-index:98}

.add-edit-btn{min-width:100px;font:400 18px/20px "Roboto Condensed",Arial,Helvetica,sans-serif !important;border:0;border-radius:3px;outline:0;padding:10px 15px;background-color:var(--color-default);color:white;text-shadow:1px 1px 0px black}
.add-edit-btn:not(:disabled):focus,
.add-edit-btn:not(:disabled):hover{color:white}
.add-edit-btn:not(:disabled):active{background-color:var(--color-default-light);color:yellow;text-shadow:0 0 1px black;box-shadow:none}
.small-btn{font-size:1em!important;padding:5px 15px}
.add-edit-btn:disabled{opacity:0.3;color:lightgray;text-shadow:none}

.upload-btn{background-color:#487bd4}
.upload-btn:not(:disabled):hover{background-color:#4f85e3}
.delete-btn{background-color:crimson}
.delete-btn:not(:disabled):hover{background-color:red}
.cancel-btn{background-color:gray}
.cancel-btn:not(:disabled):hover{background-color:#949494}
.operation-btn{background-color:#f38e00}
.operation-btn:not(:disabled):hover{background-color:#ec9900}

.submit-buttons{text-align:right}

table.table{border:1px solid var(--table-border-color);margin:0}
table.table thead>tr{background-color:var(--table-header-bg-color)}
table.table tbody>tr:hover{background-color:var(--table-hover-bg-color)}
table.table thead>tr>th,table.table tbody>tr>td{vertical-align:middle;padding:2px 4px}
table.table thead>tr>th{border:0}
table.table tbody>tr>td{font-size:12px}
table.table>tbody>tr>td{border-top:1px solid var(--table-border-color)}

table.subtable{width:100%}
table.subtable th,table.subtable td{font-size:0.8em}

button.icon{line-height:18px;font-size:18px;border-radius:5px;padding:2px 4px;border:1px solid transparent;background-color:transparent}
button.icon:hover{border-color:var(--color-default)}
button.icon:disabled{color:lightgray}
button.icon:disabled:hover{border-color:transparent}

.required .control-label:after{content:"*";font-size:18px;font-weight:700;color:red}

.glyphicon-spin{-webkit-animation:spin 1200ms infinite linear;animation:spin 1200ms infinite linear}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/* modal loading */
#myModalLoading div{background:transparent;box-shadow:none !important}
#myModalLoading .modal-content{margin-top:25%;text-align:center;color:var(--color-default-light);font-weight:bold;border:0}

/* header subproject*/
#logo.subproject{display:inline-flex;text-shadow: 0 0 0.07em #4c9ac8;min-height:65px;font-size:12px}
#logo.subproject img{width:8.568rem;}
#logo.subproject h3{font-family: "Exo2",Arial,Helvetica,sans-serif;color:#666666;font-size:1.71em;}
#logo.subproject h3>span{color:#007cba}

/* ---------------- PAGINATION ---------------- */
.pagination{font-size:14px;display:inline-block;position:relative;zoom:1;width:100%;margin:0 0 5px 0}
.pagination label.rows_per_page{float:left;margin:0;padding:2px;font-weight:700}
.pagination select.rows_per_page{border:1px solid #c4c4c4;padding:2px;margin-left:5px;font-weight:400}
.pagination ul.pages{list-style:none;float:left;margin:0;padding:0;white-space:nowrap;float:right}
.pagination ul.pages li{float:left;padding:0;cursor:pointer;margin:0 0 0 2px}
.pagination ul.pages li a{display:inline-block;text-align:center;text-decoration:none;color:#555555;margin:0;border:1px solid #b8b8b8;background-color:#e8e8e8}
.pagination ul.pages li a span{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pagination ul.pages li.number a{padding:5px 10px}
.pagination ul.pages li a:hover{background-color:#f1f1f1;border:1px solid #8c8c8c;color:#555555}
.pagination ul.pages li.current a,.pagination ul.pages li.current a:hover{color:#2c2c2c;border:1px solid #8c8c8c;background:#fff;cursor:default;font-weight:700}
.pagination ul.pages li.dotdotdot a{border:1px solid #c4c4c4;background-color:#d2d2d2;padding:5px;font-weight:700}
.pagination ul.pages li.dotdotdot a:hover{border:1px solid #8c8c8c;background:#555555;color:#fff}
.pagination ul.pages li.prev{margin-left:10px}
.pagination ul.pages li.prev span.glyphicon{padding-right:15px}
.pagination ul.pages li.next{margin-left:2px}
.pagination ul.pages li.next span.glyphicon{padding-left:15px}
.pagination ul.pages li.prev a,.pagination ul.pages li.next a{width:50px}
.pagination ul.pages li.next a{width:70px;padding:5px;text-align:left;border-radius:0 8px 8px 0}
.pagination ul.pages li.prev a{width:70px;padding:5px;text-align:right;border-radius:8px 0 0 8px}
.pagination ul.pages li.prev a.disabled,.pagination ul.pages li.prev a.disabled:hover,.pagination ul.pages li.next a.disabled,.pagination ul.pages li.next a.disabled:hover{color:#9e9e9e;border:1px solid #c4c4c4;cursor:default;background-color:#e8e8e8}
.pagination div.gotobox{display:block;font-size:12px;width:160px;border:1px solid #b8b8b8;z-index:99;margin:0;padding:0 4px 7px 7px;position:absolute;top:36px;border-radius:4px;background-color:#ededed}
.pagination div.gotobox div.text{padding:0;float:left;margin:5px 3px}
.pagination div.gotobox a.smbutton-go{display:inline-block;margin:0 3px 0 0 !important;padding:5px 8px !important;border-radius:0 5px 5px 0}
.pagination div.gotobox a.smbutton-green{background-color:#e8e8e8;border:1px solid #8c8c8c;color:#555555}
.pagination div.gotobox input[type="text"]{display:block;float:left;margin:0;letter-spacing:-0.25px;border:1px solid #8c8c8c;border-right-width:0;padding:5px 4px;background:#f7f7f7;border-radius:3px 0 0 3px;width:35px;vertical-align:top}
.pagination div.gotobox div.uparrow{background:url("../../../libs/pager/images/gotobox-uparrow.png") no-repeat top center;height:7px;position:relative;display:block;float:left;top:-7px;width:100%;margin:0}
/* ---------------- END PAGINATION ---------------- */