/* loadin ajax */
.modalLoading {
    display:    none;
    position:   fixed;
    z-index:    9000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: url('../img/ajax_loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading,body.loading-static {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalLoading,body.loading-static .modalLoading {
    display: block;
}

.required{
    color: red;
    padding-left:5px 
}
.error, .errorMessage{
    color: red;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}
.highlight {
    background-color: #FFFF88;
}
.numeric{
    text-align: right;
}

/* TABLE */
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.table-bordered {
    border: 1px solid #ddd;
}
table.th-bg thead th, table tbody th.th-bg{
    background:#fafafa url("../img/datagrid_header_bg.gif") repeat-x left bottom;
    color: #555555;
}
td.nowrap{
    width:1%;
    white-space:nowrap;
}
table thead th {
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    padding: 0.5em 0.6em 0.3em;
}
table tbody td {
    padding: 7px 8px;
    font-size: 13px;
}
table.hover tbody tr:hover {
    background: #dfe8f6;
}
table tbody td a.label{
    font-size: 90%;
    line-height: 1;
    padding: 0.5em 0.6em 0.3em;
}
.table-no-bordered > tbody > tr > td{
    border: none;
}

.table-list-item > tbody > tr > td > a{
    color: #555;
}

table td.text-right{
    text-align: right;
}
.pagination > li.selected > a {
    background-color: #E8E8E8;
}

.diffColor{
    background-color: #38A4F7;
}
.navbar-nav > li > a.top-menu-icon-big{
    padding-top: 13px;
    padding-bottom: 13px;
    font-size:24px
}


.info-box-icon.bg-yellow > i{
    color: #C67C0B;
}

/* Color */
.color-gray{
    color: #969696;
}
.color-orange{
    color: #F39C12;
}

/* Padding */
.padding-right-5{
    padding-right: 5px;
}
.padding-right-10{
    padding-right: 10px;
}
.padding-left-10{
    padding-left: 10px;
}

/* Margin */
.margin-top-5{
    margin-top: 5px !important;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-40{
    margin-top: 40px;
}

.margin-bottom-5{
    margin-bottom: 5px;
}

.margin-left-5{
    margin-left: 5px !important;
}
.margin-left-25{
    margin-left: 25px !important;
}

.no-margin-bottom{
    margin-bottom:0px !important;
}
.no-padding-bottom{
    padding-bottom: 0px;
}

/* loading overlay */
.content-wrapper > .overlay,
.overlay-wrapper > .overlay,
.content-wrapper > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.content-wrapper .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.content-wrapper .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.content-wrapper .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

label.control-label{
    font-weight: normal;
}

.i-circle {
    border: 5px solid #f1f1f1;
    border-radius: 50%;
    display: inline-block;
    height: 80px;
    margin-bottom: 7px;
    padding-top: 15px;
    width: 80px;
}
.i-circle.success i {
    color: #60c060;
}
.i-circle i {
    font-size: 34px;
    vertical-align: middle;
}

.row{
    margin-bottom: 10px;
}

.slimScrollBar{
    width: 10px;
}
.dropdown-search{
    border-radius: 0px;
    min-width: 250px;
    border: 1px solid #007F43;
}

.colored-header .modal-header {
    background-color: #009550;
    border-bottom: 1px solid #006B39 !important;
    color: #fff;
    padding: 15px 20px 10px 20px;
}
.colored-header .color-info{
    background-color: #0099BF !important;
    border-bottom: 1px solid #007089 !important;
    
}

.modal-content .modal-header {
    border-bottom: 0 none;
}
.modal-content .modal-footer {
    background: #fbfbfb none repeat scroll 0 0;
    border-radius: 0 0 5px 5px !important;
}
.modal-footer {
    padding: 15px 15px 10px;
}
.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}
.bootstrap-dialog .modal-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.form-group{
    margin-bottom: 10px;
}

td.link-black a{
    color: #333333;
}
td.link-black a:hover{
    color: #5AABFC;
}