.wrapper {
    min-height: 608px;
}

li.editProfile {
    position: relative;
    left: 86px;
}

.editProfile i {
    zoom: 2;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
    font-weight: normal;
    font-size: 12px;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
    /*#e80c4d*/
    font-weight: normal;
    font-size: 12px;
}

.validation-summary-valid {
    display: none;
}

.lastlogon {
    color: whitesmoke;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
    text-align: right;
}

.toast-top-right {
    top: 47px;
    right: 12px;
}

.ui-dialog .ui-dialog-titlebar {
    color: #f1f1f1;
    padding: 5px 15px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    background-color: #3b3e4a;
    background-image: -moz-linear-gradient(top, #464a56, #2b2d38);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#464a56), to(#2b2d38));
    background-image: -webkit-linear-gradient(top, #464a56, #2b2d38);
    background-image: -o-linear-gradient(top, #464a56, #2b2d38);
    background-image: linear-gradient(to bottom, #464a56, #2b2d38);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff464a56', endColorstr='#ff2b2d38', GradientType=0);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.execbtns {
    float: right;
    padding-top: 20px;
    padding-right: 21px;
}

span.popupText {
    display: block;
}

.ui-dialog .ui-dialog-content {
    background-color: #f0f2f8;
    min-height: 30px;
    padding-right: 0;
}

.ui-dialog {
    border: 0 !important;
    padding: 0 !important;
}

.customeForm {
    margin: 0 0 0px;
}

.link {
    color: #317bc8;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    border: transparent;
    padding: 0;
    background-color: transparent;
}

.link:hover {
    color: #22558b;

}

.centeredColumns {
    text-align: center;
}

/*.site-footer {
    padding: 28px 0 !important;
    }*/

#sidebar {
    background: #666 !important;
}

.tricorsenedi {
    color: #FF6C60;
    font-weight: 500;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    border-top-color: #EEEEEE !important;
    background: #EEEEEE !important;
}

/*#ebfbda*/
.panel {
    margin-bottom: -28px !important;
}

/*.dropdown-menu.extended.logout > li {
width: 48.3% !important;
}*/

/*#table borderless*/
.borderless > tbody > tr > td,
.borderless > tbody > tr > th,
.borderless > tfoot > tr > td,
.borderless > tfoot > tr > th,
.borderless > thead > tr > td,
.borderless > thead > tr > th {
    border: none;
}

.error-class {
    color:red;  
    z-index:0; 
    position:relative; 
    display:block; 
    text-align: left;
    padding-top: 7px;
}

form input.error-class,form input.error-class:hover,form input.error:focus,form textarea.error-class{background:#fbe3e4; }

@media only screen and (max-width: 1024px) {
    .table-responsive-wrapper {
    background: none;
    height: 320px;
    overflow-x: scroll !important;
    min-height: 310px !important;
    }

    .table-scroll tbody {
        overflow-y: scroll !important;
        height: 250px;
    }

}

@media only screen and (min-width: 1024px) {
    .table-responsive-wrapper {
    background: none;
    height: 320px;
    }

    .table-scroll tbody {
        position: absolute;
        overflow-y: scroll;
        height: 250px;
    }

    .table-scroll tr {
        width: 100%;
        table-layout: fixed;
        display: inline-table;
    }


    


}


::-webkit-input-placeholder {
       text-transform: initial;
    }

    :-moz-placeholder { 
       text-transform: initial;
    }

    ::-moz-placeholder {  
       text-transform: initial;
    }

    :-ms-input-placeholder { 
       text-transform: initial;
    }

    .CapitalizedText{
        text-transform: uppercase;
        
    }
    
    .dynamic-img-size {
    max-width: 30%;
    height: auto;
    width: auto\9; /* ie8 */
}

/* 20171226 Added by Jian Yong - Display loading gif when the page have not load completely */
.loading-gif {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../loading-spinner/Loading_Spin.gif') center no-repeat rgba(0,0,0,0.4);
    /*background: url('../loading-spinner/Loading_Spin.gif') center no-repeat rgba(255, 255, 255, 0.5);*/
    background-size: 38px;
}

/* 20171226 Added by Jian Yong - Hide loading-spinner when the page load completely */
.loading-gif.end {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.1s, opacity 0.5s linear;
}

/* 20180104 Added by Jian Yong - sorting icon */
table thead .sorting-both {
    background-image: url('../advanced-datatable/media/images/sort_both.png');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

table thead .sorting-asc {
    background-image: url('../advanced-datatable/media/images/sort_asc.png');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

table thead .sorting-desc {
    background-image: url('../advanced-datatable/media/images/sort_desc.png');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

.nowrap {
     white-space: nowrap;
}

/* 20180109 Added by Jian Yong - bullet list */
.bullet {
    list-style-image: url('../../Images/bullet.png');
    margin-bottom: -10px;
    /*list-style-type: circle;*/
}

/* 20180110 Added by Jian Yong - avoid footer covering the content (overwrite the style.css #container) */
#container {
    min-height: 400px;
    margin-bottom: 60px;
    clear: both;
}

input[type=checkbox]{
    cursor: pointer;
}

/*set the timeline in style.css*/
/*set time line icon #737575*/
.timeline .timeline-icon.black{
    background: #737575 !important;
    box-shadow: 0 0 0 3px #737575 !important;
}

.timeline {
    margin-left: 228px;
}

.timeline:before {
    left: 0;
}

.timeline-item {
    display: block;
}

.timeline-desk {
    display: block;
    word-break: break-all;
}

/*Added by Omid, 2018-11-07, Light Purple Button*/
.btn-purple { 
  color: #ffffff; 
  background-color: #9B59B6; 
  border-color: #9B59B6; 
} 
 
.btn-purple:hover, 
.btn-purple:focus, 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  color: #ffffff; 
  background-color: #8E44AD; 
  border-color: #9B59B6; 
} 
 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  background-image: none; 
} 
 
.btn-purple.disabled, 
.btn-purple[disabled], 
fieldset[disabled] .btn-purple, 
.btn-purple.disabled:hover, 
.btn-purple[disabled]:hover, 
fieldset[disabled] .btn-purple:hover, 
.btn-purple.disabled:focus, 
.btn-purple[disabled]:focus, 
fieldset[disabled] .btn-purple:focus, 
.btn-purple.disabled:active, 
.btn-purple[disabled]:active, 
fieldset[disabled] .btn-purple:active, 
.btn-purple.disabled.active, 
.btn-purple[disabled].active, 
fieldset[disabled] .btn-purple.active { 
  background-color: #9B59B6; 
  border-color: #9B59B6; 
} 
 
.btn-purple .badge { 
  color: #9B59B6; 
  background-color: #ffffff; 
}

/*Added by Omid, 2019-03-14, turn off animation*/
.no-anim p {
         /*CSS transitions*/
         transition-property: none !important;
         /*CSS transforms*/
         transform: none !important;
         /*CSS animations*/
         animation: none !important;
 }

/*Added by Dareus, 2021-08-25, scroll bar size*/
.nicescroll-rails, .nicescroll-rails div {
        width: 13px !important;
}