﻿
/*--------------------Modify style -----------------------*/
.page-titles {text-transform:uppercase}
form label { font-weight: bold; }
.form label { font-weight: bold; }
form span { font-size: smaller; color : red; padding-left: 5px}
.form span { font-size: smaller; color : red; padding-left: 5px}
.form-control { border: 1px solid #acacac;}
.form-control:focus { border: 1px solid #3a3939; }

.table .alternate-row { background-color: #FFE4CA;}
.table th { font-weight: bold }
.form-group {margin-top: -15px}
.form-row {margin-top: -15px; margin-left: 6px; margin-bottom: 25px}
.table thead th, .table th, .page-titles h4 {
    font-weight: bold !important;
    /*text-align: center;*/
}

.tablesaw thead th {
    font-weight: bold !important;
    text-align: center !important;
}
/*--------------------End Modify style -----------------------*/
.field-validation-error {
    color: red;
    font-size: small;
    font-style: italic;
}

.input-validation-error { border: 1.5px dashed red; }

.result-table { margin-top: 20px; }

.text-black { color: black}

/*--------------------Image upload -----------------------*/
.fileinput-button { position: relative; overflow: hidden; }
.fileinput-button input {
    position: absolute; top: 0; right: 0; margin: 0; opacity: 0; font-size: 200px; direction: ltr;
    cursor: pointer; -ms-filter: 'alpha(opacity=0)'; }
ul.upload-thumbnail li {
    width: 120px; /*float: left;*/ display: inline-block; vertical-align: top; height: 120px; }
.thumb { height: 80px; width: 100px; border: 1px solid #000; }
.img-wrap { position: relative; display: inline-block; font-size: 0; }
.img-wrap .close { position: absolute; top: 2px; right: 2px; z-index: 100; background-color: #D0E5F5; padding: 2px 2px 6px 2px; color: #000; font-weight: bolder;
    cursor: pointer; opacity: 0.5; font-size: 23px; line-height: 10px; border-radius: 50%;}
.img-wrap .single { position: absolute; top: 2px; right: 2px; z-index: 100; background-color: #D0E5F5; padding: 2px 2px 6px 2px; color: #000; font-weight: bolder;
    cursor: pointer; opacity: 0.5; font-size: 23px; line-height: 10px; border-radius: 50%;}
.img-wrap:hover .close { opacity: 1; background-color: #283775; }

/*--------------------Image upload -----------------------*/

/*-------------------- Paging -----------------------*/

.page-item { width: 660px; margin: 8px auto 8px auto; padding: 3px; text-align: center;  }
.page-item .disabled { border: 1px solid #cccccc; color: #999; margin-top: 4px; padding: 3px; text-align: center; }
.page-item .current { background-color: #01c0c8; border: 1px solid #cccccc; color: #fff; margin-top: 4px; padding: 3px 5px; text-align: center; font-weight:bold}
.page-item span, .page-item a { margin: 4px 3px; }
.page-item a { border: 1px solid #cccccc; padding: 3px 5px; text-align: center; text-decoration: none; color: #333333; line-height: 1.25;}
.page-item a:hover { background-color: #efefef; border: 1px solid #aaa; padding: 3px 5px; text-align: center; text-decoration: none; }

/*-------------------- Paging -----------------------*/