/************************************* Test ***********************************************/

.LoadingDiv {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a3b2c3) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a3b2c3) );
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    background-color: #e8e8e8;
    width: 500px;
    height: 300px;
    border-bottom: 1px solid #c4c4c4;
    font-size: 30px;
    font-family: 'BankGothicMdBTMedium';
    font-weight: bold;
}



#PageBody {
    height: 100px;
    padding: 0px;
    vertical-align: top;
    text-align: left;
}

body {
    background-color: #3C3C3C;
    overflow: hidden;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

/*------------------------------Banner---------------------------------------------------*/




.blue_bar {
    width: 1000px;
    height: 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.PaginationDropDown {
    margin-top: 3px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    padding-left: 5px;
    padding-top: 5px;
    text-align: left;
}

.PaginationDropDownCaseTime {
    min-width: 60px;
    float: left;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    padding-left: 5px;
    text-align: left;
}

#ddlPageNumbersCaseTime {
    width: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #E8E8E8;
    border-radius: 3px;
    border-color: #bdbdbd;
    padding-left: 5px;
}

#ddlPageNumbers {
    width: 70px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #E8E8E8;
    border-radius: 3px;
    border-color: #bdbdbd;
    padding-left: 5px;
}

.white_arrow_right {
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 21px;
}

.white_arrow_left {
    background-image: url(../images/left_arrow.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 21px;
}

.box {
    width: 310px;
    height: 125px;
    background-color: #c5c5c5;
    position: absolute;
}

.box_over {
    width: 310px;
    height: 125px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #226be4), color-stop(0.90, #4c96f5) );
    background-image: -moz-linear-gradient( center bottom, #226be4 10%, #4c96f5 90% );
    position: absolute;
}

.grid_heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}

.grid_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 2px;
}

.grid_heading_white {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}

.grid_text_white {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 2px;
}

.seperator_line {
    background-image: url(../images/line.png);
    width: 2px;
    height: 125px;
    background-repeat: repeat-y;
    position: absolute;
    margin-left: 310px;
}

.seperator_line_top {
    background-image: url(../images/line.png);
    width: 2px;
    height: 39px;
    background-repeat: repeat-y;
    position: absolute;
    margin-left: 75px;
}

.seperator_line_top2 {
    background-image: url(../images/line.png);
    width: 2px;
    height: 39px;
    background-repeat: repeat-y;
    position: absolute;
    margin-left: 230px;
}

.seperator_line_top3 {
    background-image: url(../images/line.png);
    width: 2px;
    height: 39px;
    background-repeat: repeat-y;
    /*position:absolute;
margin-left:305px;*/
    float: right;
    margin-right: 20px;
}

.seperator_line_top4 {
    background-image: url(../images/line.png);
    width: 2px;
    height: 39px;
    background-repeat: repeat-y;
    position: absolute;
    /*margin-left:445px;*/
    margin-left: 380px;
}

.seperator_line_small_right {
}


.CurrentViewText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    margin-right: 45px;
    padding-top: 12px;
    text-align: left;
    float: right;
}

.left_arrow {
    background-image: url(../images/left_arrow.png);
    cursor: pointer;
    width: 14px;
    height: 21px;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 10px;
    margin-top: 8px;
    float: left;
}

.right_arrow {
    background-image: url(../images/right_arrow.png);
    cursor: pointer;
    width: 14px;
    height: 21px;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 98%;
    margin-top: 8px;
    float: left;
}

#TopBanner {
    margin-bottom: 2px;
    width: 100%;
}


.top_menu_text {
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
}

.top_menu_text2 {
    width: 150px;
    height: 25px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    margin-left: 80px;
    padding-top: 10px;
    position: absolute;
    text-align: center;
}

.top_menu_text3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    /*margin-left:245px;*/
    padding-top: 10px;
    /*position:absolute;*/
    float: right;
    margin-right: 30px;
}

.top_menu_text4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    /*margin-left:315px;*/
    margin-left: 245px;
    padding-top: 10px;
    position: absolute;
}

.top_menu_text5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    /*margin-left:455px;*/
    margin-left: 395px;
    padding-top: 10px;
    position: absolute;
}

.top_menu_over {
    width: 75px;
    height: 39px;
    float: left;
}

.top_blue_bar {
    width: 100%;
    height: 39px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a3b2c3) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a3b2c3) );
}


.gray_top_bar
{
    
    /*background-color: #0f7ecf;*/
    font-family: 'BankGothicMdBTMedium';

    /*background-color: #CADEFD;
height: 100px;
font-size: 12px;
font-family: 'BankGothicMdBTMedium';
background-color: #cae5a2 !important;
background: -moz-linear-gradient(top, #cae5a2 0%, #bee196 49%, #ebf6f9 100%) !important;
background: -webkit-linear-gradient(top, #cae5a2 0%,#bee196 49%,#ebf6f9 100%) !important;
background: linear-gradient(to bottom, #cae5a2 0%,#bee196 49%,#ebf6f9 100%) !important;
background-repeat: no-repeat !important;
background-position: 100% right !important;
border-bottom: solid 2px #135187;
margin-bottom: 0px;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;*/
    
background-color: #0f7ecf;
height: 100px;
font-size: 12px;
font-family: 'BankGothicMdBTMedium';
/*background-image:url('images/login-arc.png'), #0f7ecf !important;
background-image: url('images/login-arc.png'), -moz-linear-gradient(top, #0f7ecf 0%, #0d559d 100%) !important; 
background-image: url('images/login-arc.png'), -webkit-linear-gradient(top, #0f7ecf 0%,#0d559d 100%) !important;
background-image: url('images/login-arc.png'), linear-gradient(to bottom, #0f7ecf 0%,#0d559d 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7ecf', endColorstr='#0d559d',GradientType=0 ) !important;*/
/*background:url('../images/N-header.png') !important;*/

background-image: url('../images/login-arc.png'), -moz-linear-gradient(top, #0f7ecf 0%, #0d559d 100%) !important; 
background-image: url('../images/login-arc.png'), -webkit-linear-gradient(top, #0f7ecf 0%,#0d559d 100%) !important;
background-image: url('../images/login-arc.png'), linear-gradient(to bottom, #0f7ecf 0%,#0d559d 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7ecf', endColorstr='#0d559d',GradientType=0 ) !important;

background-repeat: no-repeat !important;
background-position:100% center !important;
  

border-bottom: solid 2px #135187;
margin-bottom: 0px;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
    
}

.refresh_but {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 80px;
    height: 30px;
    border-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 10px;
    margin-top: 14px;
}


.refresh_icon {
    cursor: pointer;
    background-image: url(../images/refresh.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 29px;
}

.refresh_title {
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #697079;
    font-weight: bold;
    padding-left: 12px;
    padding-top: 8px;
    position: absolute;
}

.record_but {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 300px;
    height: 30px;
    border-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 100px;
    margin-top: -28px;
    position: absolute;
}


.TodayButton {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 100px;
    height: 30px;
    -webkit-border-top-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 100px;
    margin-top: -28px;
    position: absolute;
}


.TodaySelectedButton {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a2b1c2) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a2b1c2) );
    width: 100px;
    height: 30px;
    -webkit-border-top-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 100px;
    margin-top: -28px;
    position: absolute;
}


.Today_icon {
    cursor: pointer;
    background-image: url(../images/blue-ball.png);
    width: 40px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 40px;
    position: absolute;
}


.CurrentWeekButton {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 100px;
    height: 30px;
    border: 1px solid #939393;
    float: left;
    margin-left: 200px;
    margin-top: -28px;
}

.CurrentWeekSelectedButton {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a2b1c2) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a2b1c2) );
    width: 100px;
    height: 30px;
    border: 1px solid #939393;
    float: left;
    margin-left: 200px;
    margin-top: -28px;
}




.CurrentWeek_icon {
    cursor: pointer;
    background-image: url(../images/green-ball.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 37px;
    position: absolute;
}

.AllButton {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 100px;
    height: 30px;
    -webkit-border-top-right-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-topright: 100px;
    -moz-border-radius-bottomright: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 301px;
    margin-top: -32px;
}


.AllSelectedButton {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a2b1c2) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a2b1c2) );
    width: 100px;
    height: 30px;
    -webkit-border-top-right-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-topright: 100px;
    -moz-border-radius-bottomright: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 301px;
    margin-top: -32px;
}


.All_icon {
    cursor: pointer;
    background-image: url(../images/yellow-ball.png);
    width: 40px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 37px;
    position: absolute;
}

.Today_title {
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #697079;
    font-weight: bold;
    padding-left: 30px;
    padding-top: 34px;
    position: absolute;
}

.CurrentWeek_title {
    width: 80px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #697079;
    font-weight: bold;
    margin-left: 18px;
    padding-top: 34px;
    position: absolute;
}

.All_title {
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #697079;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 34px;
    position: absolute;
}

#Details {
    padding-left: 330px;
    padding-top: 0px;
    margin-top: 0px;
}

#DetailsDiv {
}


.ECGButton {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 100px;
    height: 30px;
    border: 1px solid #939393;
    float: left;
    margin-left: 200px;
    margin-top: -28px;
    position: absolute;
}

.detail_but {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 300px;
    height: 30px;
    border-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 420px;
    margin-top: -28px;
    position: absolute;
}

.detail_icon {
    background-image: url(../images/detail-info.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 40px;
    position: absolute;
    cursor: pointer;
}

.ECG_icon {
    background-image: url(../images/ecg.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 35px;
    margin-top: 3px;
    float: left;
}

.Report_icon {
    cursor: pointer;
    background-image: url(../images/printer.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 37px;
    position: absolute;
}

.detail_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #697079;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 34px;
    position: absolute;
    cursor: pointer;
}

.ECG_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #697079;
    font-weight: bold;
    margin-left: 20px;
    padding-top: 34px;
    position: absolute;
}

.Report_title {
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    font-size: 14px;
    color: #697079;
    font-weight: bold;
    margin-left: 33px;
    padding-top: 34px;
    position: absolute;
}

.setting_but {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 80px;
    height: 30px;
    border-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 740px;
    margin-top: -28px;
    position: absolute;
}

.setting_icon {
    background-image: url(../images/setting.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 29px;
    position: absolute;
}

.setting_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #697079;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 34px;
    position: absolute;
}

.Testing {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    width: 110px;
    float: right;
    display: table-row;
    padding: 5px 15px 0px 0px;
}

.top_right_heading {
    font-family: digifaw, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #4978b6;
    font-weight: bold;
    padding-top: 4px;
    float: right;
    display: table-cell;
}

.top_right_date {
    font-family: digifaw, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #868686;
    font-weight: bold;
    padding-top: 3px;
    display: table-cell;
    float: right;
}

.top_right_login_name {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding-top: 5px;
    float: right;
    display: table-cell;
}

.search_icon {
    background-image: url(../images/Search.png);
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-top: 3px;
    float: right;
    /*margin-right:15.5px;*/
    margin-right: 17px;
}



.PaginationCell {
    float: left;
    display: table-cell;
    border: 4px solid white;
    background-color: Black;
    color: White;
    padding: 0px 3px 0px 3px;
    margin: 0px 3px 0px 0px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

/**************************************<Triage Search>***************************************/

.PatientAddPopup {
    border: 0px !important;
    width: 620px;
    height: 504px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px #000000;
    -moz-box-shadow: 0px 0px 15px #000000;
    box-shadow: 0px 0px 15px #000000;
    background-color: #4e4d4d;
    padding: 8px;
}

.PatientAddPopupHeader {
    float: left;
    width: 99.7%;
    height: 40px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #a8acb9), color-stop(0.90, #fafafb) );
    background-image: -moz-linear-gradient( center bottom, #a8acb9 10%, #fafafb 90% );
    border: 1px solid #656667;
    border-bottom: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.PatientAddPopupHeader-text {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    padding-top: 10px;
    margin-left: 15px;
    color: #3b4550;
    text-shadow: 0px 1px 0px #ffffff;
}





.PopupLowerBar {
    width: 100%;
    height: 33px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a3b2c3) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a3b2c3) );
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}


.SearchDiv {
    /*width: 615px;
    border-style: solid;
    border-width: 5px;
    border-color: #262626;
    background-color: #cccccc;
    margin-top: 50px;
    padding: 0px;
    padding-bottom: 5px;
    display: table;*/
    /*edited*/
    width: 615px;
    border: solid 5px #135187;
    background-color: #cccccc;
    margin-top: 50px;
    padding: 0px;
    padding-bottom: 5px;
    display: table;
}

.PatientAddPopup {
    border: 0px !important;
    width: 620px;
    height: 460px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px #000000;
    -moz-box-shadow: 0px 0px 15px #000000;
    box-shadow: 0px 0px 15px #000000;
    background-color: #4e4d4d;
    padding: 8px;
}


.SearchTable {
    background-color: Black;
    display: table;
    border-collapse: collapse;
    width: 800px;
    height: 200px;
    overflow: auto;
}

.SearchRow {
    display: table-row;
}

.SearchRowCell {
    display: table-cell;
    float: left;
}


.CaseTimeRowCell {
    display: table-cell;
    float: right;
    margin-left: 10px;
}

.ChangeRowCell {
    display: table-cell;
    float: left;
    margin-left: 15px;
}

.ChangeRowCellnew {
    display: table-cell;
    float: left;
    margin-left: 5px;
}

.ChangePwdButtonRow {
    display: table-cell;
    float: right;
    margin-right: 10px;
}

.SettingButtonRow {
    display: table-cell;
    float: left;
    padding-left: 0px;
}


.CaseTimeButtonRow {
    display: table-cell;
    width: 300px;
    float: right;
    margin-top: 5px;
    margin-left: 0px;
    padding-right: 5px;
}

.SearchLabels {
    width: 170px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    padding-top: 3px;
}

.SearchTextBoxes {
    width: 200px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.SearchDropDown {
    width: 165px;
    height: 25px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 2px;
    border-radius: 5px;
    padding: 0px;
}

.SettingDropDown {
    width: 124px;
    height: 25px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 2px;
    padding: 0px; /*padding-bottom: 0px;*/
}

.SettingNumber {
    width: 120px;
    height: 25px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 5px;
    padding: 0px;
}

.LabelSettings {
    width: 156px;
    float: left;
    margin-left: 5px;
    margin-top: 8px;
    padding-top: 4px;
}

.CaseTimeButtons {
    cursor: pointer;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    width: 90px;
    height: 25px;
    border-radius: 100px;
    border: 1px solid #939393;
    float: left;
    margin-left: 0px;
    margin-top: 5px;
}

.SearchButtonRow {
    display: table-cell;
    width: 210px;
    float: right;
    margin-top: 5px;
    margin-left: 0px;
    padding: 0px;
}

.SearchButtons {
    float: Right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 110px;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 15px;
    padding-top: 15px;
    height: 30px;
}

.SearchButtonsNew {
    float: Right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 80px;
    margin: 0px;
    padding: 0px;
    height: 26px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    border-radius: 50px;
    border: 1px solid #939393;
    cursor: pointer;
}

.ChangePasswordButtonsNew {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 80px;
    margin-right: 0px;
    margin-left: 5px;
    margin-top: 5px;
    /*padding-top:5px;*/
    height: 26px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #bdbfc2), color-stop(.49, #b8b8ba), color-stop(.50, #cecfd0), color-stop(1, #eeeeef) );
    border: 1px solid #939393;
    border-radius: 100px;
    cursor: pointer;
}

.ChangePasswordDiv {
    display: table;
    width: 325px;
    height: 245px;
    /*-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 0px 0px 0px 5px #4e4d4d;
		-moz-box-shadow: 0px 0px 0px 5px #4e4d4d;
		box-shadow: 0px 0px 0px 5px #4e4d4d;
		-moz-box-shadow: 0 0 5px 5px #4e4d4d;
-webkit-box-shadow: 0 0 5px 5px #4e4d4d;*/
    -webkit-box-sizing: border-box;
    border-style: solid;
    border-width: 5px;
    border-color: #262626;
    /*background-image: -webkit-gradient(     linear,     left bottom,     left top,     color-stop(0.10, #bfc0c2),     color-stop(0.90, #d4d5d6) );
		background-image: -moz-linear-gradient(     center bottom,     #bfc0c2 10%,     #d4d5d6 90% );*/
    padding: 0px;
}

#SettingsDiv {
    /*display: table;
    width: 310px;
    height: 260px;
    -webkit-box-sizing: border-box;
    border-style: solid;
    border-width: 5px;
    border-color: #262626;
    padding: 0px;*/
    /*edited*/
    display: table;
    width: 310px;
    height: 260px;
    -webkit-box-sizing: border-box;
    padding: 0px;
    border: solid 5px #135187;
}

    #SettingsDiv input[type=checkbox] {
        float: left;
        margin-top: 13px;
    }

.CasesTimeDiv {
    /*border:0px !important;*/
    width: 980px;
    height: 590px;
    border-radius: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 0px 5px #4e4d4d;
    -moz-box-shadow: 0px 0px 0px 5px #4e4d4d;
    box-shadow: 0px 0px 0px 5px #4e4d4d;
    -moz-box-shadow: 0 0 15px 10px #4e4d4d;
    -webkit-box-shadow: 0 0 5px 5px #4e4d4d;
    background-color: #cccccc;
    border-style: solid;
    border-width: 5px;
    border-color: #262626;
    margin-top: 50px;
    padding: 0px;
    padding-bottom: 5px;
    display: table;
}


#CaseTimeDetail {
    height: 470px;
    border: 1px solid #000;
    padding: 0px;
    width: 950px;
    margin-left: 10px;
}

.ChangePasswordBanner {
    float: left;
    width: 100%;
    height: 30px;
    border-bottom: 0px;
    background-color: #0072BB;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    color: White;
    margin-bottom: 10px;
}

.PopupUpperBar {
    float: left;
    width: 100%;
    height: 30px;
    /*background-image: -webkit-gradient(     linear,     left bottom,     left top,     color-stop(0.10, #a8acb9),     color-stop(0.90, #fafafb) );
background-image: -moz-linear-gradient(     center bottom,     #a8acb9 10%,     #fafafb 90% );*/
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    color: White;
    margin-bottom: 10px;
    background-color: #0072BB;
}


.labelText {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #3b4550;
    text-shadow: 0px 1px 0px #ffffff;
}

.labelTextCaseCount {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 8px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #3b4550;
    text-shadow: 0px 1px 0px #ffffff;
}

.ChangePasswordLabel {
    width: 126px;
    float: left;
    margin-left: 5px;
    margin-top: 3px;
    padding-top: 4px;
}

.CaseTimeLabel {
    width: 80px;
    float: left;
    margin-left: 5px;
    padding-top: 9px;
}

.CaseTimeTextBoxes {
    width: 330px;
    height: 20px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;
    margin-top: 5px;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.TextBoxText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    /*edited*/
    /*border-radius:5px;*/
}

.ChangePasswordTextBoxes {
    width: 155px;
    float: left;
}

.ButtonText {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: White;
    font-weight: bold;
    padding: 0.3% 1% 0.3% 1%;
    margin: 0.3% 0.3% 0.3% 0.3%;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #252d36;
    -moz-box-shadow: 0px 1px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px #ffffff;
    box-shadow: 0px 1px 0px #ffffff;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    color: #FFF;
    text-shadow: 1px -1px 0px #000;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #4a6c9b), color-stop(.49, #486a9a), color-stop(.50, #5877a2), color-stop(1, #89a0be) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #4a6c9b), color-stop(.49, #486a9a), color-stop(.50, #5877a2), color-stop(1, #89a0be) );
}


.ChangePasswordButtons {
    float: left;
    font-size: 15px;
    width: 110px;
    margin-left: 15px;
    height: 40px;
}

/***************************************<Triage Search/>************************************/

.round_box {
    width: 1010px;
    height: 500px;
    background-color: #cccccc;
}

.blue_bar {
    width: 1010px;
    height: 33px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a3b2c3) );
    background-image: -moz-linear-gradient( center bottom, color-stop(0, #6c83a1), color-stop(.49, #6c83a2), color-stop(.50, #798eaa), color-stop(1, #a3b2c3) );
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    margin: 0 auto;
}



.white_arrow_right {
    background-image: url('../images/right_arrow.png');
    background-repeat: no-repeat;
    width: 14px;
    height: 21px;
    cursor: pointer;
}

.white_arrow_left {
    background-image: url(../images/left_arrow.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 21px;
    cursor: pointer;
}

.grid_first {
    width: 100%;
    height: 125px;
    background-color: #bbbbbc;
}

.grid_second {
    width: 100%;
    height: 125px;
    background-color: #aeaeae;
}

.box {
    width: 310px;
    height: 125px;
    background-color: #c5c5c5;
    position: absolute;
}

.box_over {
    width: 310px;
    height: 125px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #226be4), color-stop(0.90, #4c96f5) );
    background-image: -moz-linear-gradient( center bottom, #226be4 10%, #4c96f5 90% );
    position: absolute;
}

.grid_heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}

.grid_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 2px;
}

.grid_heading_white {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}

.grid_text_white {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 2px;
}

.seperator_line {
    background-image: url(../images/line.png);
    width: 2px;
    height: 125px;
    background-repeat: repeat-y;
    position: absolute;
    margin-left: 310px;
    float: left;
    display: table-cell;
}

.seperator_line_small {
    background-image: url(../images/line.png);
    width: 2px;
    height: 38px;
    background-repeat: repeat-y;
    position: absolute;
    margin-left: 30px;
}

.seperator_line_small_right {
    background-image: url(../images/line.png);
    width: 2px;
    height: 38px;
    background-repeat: repeat-y;
    position: absolute;
    margin-left: 97%;
}

.result_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    margin-left: 30px;
    padding-top: 10px;
    float: left;
    display: table-cell;
}

.result_textPageNo {
    width: 280px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    margin-left: 50px;
    padding-top: 10px;
    float: left;
    display: table-cell;
}

.result_textGo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Blue;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 10px;
    float: left;
    display: table-cell;
    text-decoration: Underline;
    cursor: pointer;
}


/************************************* Test ***********************************************/

.GridOuterBorderLayout {
    min-height: 470px;
    background: white;
    width: 100%;
    margin: 0px;
}

.GridHeaderLayout {
    width: 100%;
    height: 23%;
    font-family: Arial;
    color: #000000;
}

    .GridHeaderLayout > div {
        float: left;
        border-right: 1px solid #8e92a2;
        border-top: 1px solid #8e92a2;
        font-family: Arial;
        color: Black;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.10, #a8acb9), color-stop(0.90, #fafafb));
        background-image: -moz-linear-gradient(center bottom, #a8acb9 10%, #fafafb 90% );
        height: 36px;
    }

        .GridHeaderLayout > div:nth-child(1) {
            width: 19.8%;
            border-left: 1px solid #8e92a2;
        }

        .GridHeaderLayout > div:nth-child(2) {
            width: 19.8%;
        }

        .GridHeaderLayout > div:nth-child(3) {
            width: 19.85%;
        }

        .GridHeaderLayout > div:nth-child(4) {
            width: 19.9%;
        }

        .GridHeaderLayout > div:nth-child(5) {
            width: 20.2%;
        }


.HLabelLayoutMedium {
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
    font-family: Arial;
    color: #000000;
    margin-top: 5px;
    line-height: 35px;
    font-size: 16px;
}



.GridBodyLayout {
    width: 100%;
    float: left;
}

    .GridBodyLayout > div {
        float: left;
        background: White;
        margin-top: 0px;
        border-right: thin solid #aaaebb;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        font-family: Arial;
        font-size: 27px;
        overflow: hidden;
        border-bottom: 1px solid #aaaebb;
    }

        .GridBodyLayout > div:nth-child(1) {
            width: 19.8%;
            text-align: center;
            vertical-align: middle;
            border-left: 1px solid #8e92a2;
        }

        .GridBodyLayout > div:nth-child(2) {
            width: 19.8%;
            text-align: center;
            vertical-align: middle;
        }

        .GridBodyLayout > div:nth-child(3) {
            width: 19.85%;
            text-align: center;
            vertical-align: middle;
        }

        .GridBodyLayout > div:nth-child(4) {
            width: 19.9%;
            text-align: center;
            vertical-align: middle;
        }

        .GridBodyLayout > div:nth-child(5) {
            width: 20.2%;
            text-align: center;
            vertical-align: middle;
        }


.LabelLayoutMedium {
    padding: 2px 0px 0px 4px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
}

.window-content-wrapper {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.50, rgb(238,238,238)),color-stop(1, rgb(200,200,200)));
    background: -moz-linear-gradient(center bottom,rgb(238,238,238) 50%,rgb(200,200,200) 100%);
    text-shadow: 0 0 5px #fff;
}

.window-content-wrapper {
    background: #f5f5f5;
    border-bottom: 1px solid #ABABAB;
    border-top: 1px solid #EEE6E6;
}


.pagination-bg {
    width: 950px;
    /*background-image: url('../images/Pagination/pagination-bg.gif');*/
    border: 1px solid #000;
    background-color: #cccccc;
    height: 30px;
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
    /*padding-right: 10px;*/
    margin-left: 10px;
}

.ddl-Pagination {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 50px;
    font-size: 10px;
    color: #0072bb;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    border: 1px solid #8bbaf4;
    padding-bottom: 3px;
}

.NoRecFound {
    /*width:97%;*/
    width: 940px;
    /*background-image: url('../images/Pagination/pagination-bg.gif');*/
    border: 1px solid #000;
    background-color: #cccccc;
    height: 25px;
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
    /*padding-right: 10px;*/
    margin-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #0072bb;
    padding-top: 5px;
    padding-left: 10px;
}


/* classes need to edit 25-7-2016 start*/
.Label-Text {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0072bb;
    padding: 0px;
    margin: 0px;
    padding-left: 2px;
    padding-bottom: 5px;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;*/
    /*edited*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff !important;
    padding: 0px;
    margin: 0px;
    padding-left: 2px;
    padding-bottom: 5px;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
}
/* classes need to edit 25-7-2016 end*/


.CaseTimeInnerDiv {
    width: 950px;
    margin: 0px;
    padding: 0px;
    height: 30px;
    display: table-row;
}

#btnFirstDiv {
    width: 20px;
    display: table-cell;
    padding-left: 5px;
    height: 20px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 1px;
    cursor: pointer;
}

.btnPrevDiv {
    width: 20px;
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 1px;
    cursor: pointer;
}

.PageNumberCaseTimeDiv {
    width: 190px;
    display: table-cell;
    height: 15px;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 1px;
    text-align: center;
}

#PageNumberCaseTime {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.btnNextDiv {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: table-cell;
    padding-top: 8px;
    padding-bottom: 1px;
    cursor: pointer;
}

.btnLastDiv {
    width: 20px;
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 1px;
    cursor: pointer;
}

.PagesDiv {
    width: 130px;
    display: table-cell;
    margin: 0px;
    padding: 0px;
    line-height: 15px;
    vertical-align: middle;
    padding-top: 1px;
    text-align: right;
    padding-right: 3px;
}

.PageList {
    width: 30px;
    display: table-cell;
    margin: 0;
    padding: 0px;
    line-height: 15px;
    vertical-align: middle;
    padding-top: 3px;
    text-align: right;
    padding-right: 3px;
}

.btnGoDiv {
    width: 20px;
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 1px;
    padding-left: 5px;
    cursor: pointer;
}

#btnGo {
    cursor: pointer;
}

.CaseCountDiv {
    width: 200px;
    height: 20px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 1px;
    padding-left: 350px;
    padding-right: 5px;
    float: right;
    text-align: right;
}


#PreviousDown45 {
    width: 20px;
    display: table-cell;
    padding-left: 5px;
    height: 20px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 1px;
    cursor: pointer;
}

/* classes need to edit 25-7-2016 start*/

.Label-TextPageNumber {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0072bb;
    padding: 0px;
    margin: 0px;
    padding-left: 2px;
    padding-bottom: 5px;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;*/
    /*edited*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff !important;
    padding: 0px;
    margin: 0px;
    padding-left: 2px;
    padding-bottom: 5px;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* classes need to edit 25-7-2016 end*/


.PageNumberDiv {
    width: 150px;
    display: table-cell;
    height: 15px;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 1px;
    text-align: center;
}

.RecordCountDiv {
    height: 20px;
    vertical-align: middle;
    padding-top: 10px;
    float: right;
}

.TriageInnerDiv {
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 30px;
}

#RecordCount {
    display: table-cell;
    float: right;
    width: 30%;
    text-align: right;
    padding-right: 10px;
}

.TriageMainPagination {
    display: table-cell;
    float: left;
    width: 48%;
    padding-left: 5px;
}


.App_field {
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #f7f7f7), color-stop(0.90, #ffffff) ); /* Firefox */
    background-image: -moz-linear-gradient( center bottom, #f7f7f7 10%, #ffffff 90% ); /*Explorer*/
    background-color: #ffffff;
    box-shadow: inset 1px 1px 2px #696969;
    height: 80px;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #585858;
    overflow-y: auto;
    margin-top: 2px;
    padding-top: 3px;
    padding-left: 2px;
}

.LoginButton {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 90px;
    margin-right: 0px;
    margin-left: 5px; /*padding-top:5px;*/
    height: 36px;
    background-color: #0072BB;
    color: White;
    cursor: pointer;
    border: 0px outset buttonface;
    text-align: left;
}

    .LoginButton:Hover {
        /*outline: 1px solid White;*/
        /*edited*/
        border: solid 1px #d36303 !important;
        background: #fdcb7c;
        background: -moz-linear-gradient(top, #fdcb7c 0%, #e9961a 49%, #e28600 51%, #bb570a 100%);
        background: -webkit-linear-gradient(top, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%);
        background: linear-gradient(to bottom, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%);
    }

.LoginImage {
    border: 1px solid #34580a !important;
    background-image: url('../images/Login-01.png'), linear-gradient(to bottom, #bed79a 8%,#769623 49%,#628e16 51%,#3b6e19 100%) !important;
    background-image: url('../images/Login-01.png'), -moz-linear-gradient(top, #bed79a 8%, #769623 49%, #628e16 51%, #3b6e19 100%) !important;
    background-image: url('../images/Login-01.png'), -webkit-linear-gradient(top, #bed79a 8%,#769623 49%,#628e16 51%,#3b6e19 100%) !important;
    background-repeat: no-repeat !important;
    background-position: 93% center !important;
    background-repeat: no-repeat !important;
}


    .LoginImage:hover {
        /*background-image: url('../images/Login-01.png');
    background-repeat: no-repeat;
    background-position: 60px center;*/
        /*edited*/
        border: solid 1px #d36303 !important;
        background-image: url('../images/Login-01.png'), linear-gradient(to bottom, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%) !important;
        background-image: url('../images/Login-01.png'), -moz-linear-gradient(top, #fdcb7c 0%, #e9961a 49%, #e28600 51%, #bb570a 100%) !important;
        background-image: url('../images/Login-01.png'), -webkit-linear-gradient(top, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%) !important;
        background-repeat: no-repeat !important;
        background-position: 93% center !important;
        background-repeat: no-repeat !important;
    }

.ChangePasswordButtonsNewSave,
.ChangePasswordButtonsNewCancel,
.ChangePasswordButtonsNewSearch {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 90px;
    margin-right: 0px;
    margin-left: 5px; /*padding-top:5px;*/
    height: 36px;
    background-color: #0072BB;
    color: White;
    cursor: pointer;
    border: 0px outset buttonface;
    text-align: left;
}

    .ChangePasswordButtonsNewSave:Hover,
    .ChangePasswordButtonsNewCancel:Hover,
    .ChangePasswordButtonsNewSearch:Hover {
        /*outline: 1px solid red;*/
        /*border: solid 1px #d36303 !important;
  background: #fdcb7c;
  background: -moz-linear-gradient(top, #fdcb7c 0%, #e9961a 49%, #e28600 51%, #bb570a 100%);
  background: -webkit-linear-gradient(top, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%);
  background: linear-gradient(to bottom, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%);*/
    }

.OKImage {
    /*background-image: url('../images/Ok.png');
   background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
    background-repeat: no-repeat !important;
    background-position: 60px center !important;*/
    background-image: url('../images/Ok.png'), linear-gradient(to bottom, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%) !important;
    background-image: url('../images/Ok.png'), -moz-linear-gradient(top, #63b0e6 0%, #2275b3 49%, #1d69a7 53%, #144269 100%) !important;
    background-image: url('../images/Ok.png'), -webkit-linear-gradient(top, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%) !important;
    background-repeat: no-repeat !important;
    background-position: 93% center !important;
    background-repeat: no-repeat !important;
}


    .OKImage:hover {
        /*background-image: url('../images/Ok.png');
   background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
    background-repeat: no-repeat !important;
    background-position: 60px center !important;*/
        border: solid 1px #d36303 !important;
        background-image: url('../images/Ok.png'), linear-gradient(to bottom, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%) !important;
        background-image: url('../images/Ok.png'), -moz-linear-gradient(top, #fdcb7c 0%, #e9961a 49%, #e28600 51%, #bb570a 100%) !important;
        background-image: url('../images/Ok.png'), -webkit-linear-gradient(top, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%) !important;
        background-repeat: no-repeat !important;
        background-position: 93% center !important;
        background-repeat: no-repeat !important;
    }

.CancelImage {
    /*background-image: url('../images/cancel.png');*/
    /*background-position: 60px center !important;*/
    background-image: url('../images/cancel.png'), linear-gradient(to bottom, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%) !important;
    background-image: url('../images/cancel.png'), -moz-linear-gradient(top, #63b0e6 0%, #2275b3 49%, #1d69a7 53%, #144269 100%) !important;
    background-image: url('../images/cancel.png'), -webkit-linear-gradient(top, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%) !important;
    background-repeat: no-repeat !important;
    background-position: 93% center !important;
}

    .CancelImage:hover {
        border: solid 1px #d36303 !important;
        background-image: url('../images/cancel.png'), linear-gradient(to bottom, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%) !important;
        background-image: url('../images/cancel.png'), -moz-linear-gradient(top, #fdcb7c 0%, #e9961a 49%, #e28600 51%, #bb570a 100%) !important;
        background-image: url('../images/cancel.png'), -webkit-linear-gradient(top, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%) !important;
        background-repeat: no-repeat !important;
        background-position: 93% center !important;
        background-repeat: no-repeat !important;
    }

.SearchImage {
    /*background-image: url('../images/Search-btn.png');
    background-repeat: no-repeat;
    background-position: 60px center;*/
    background-image: url('../images/Search-btn.png'), linear-gradient(to bottom, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%) !important;
    background-image: url('../images/Search-btn.png'), -moz-linear-gradient(top, #63b0e6 0%, #2275b3 49%, #1d69a7 53%, #144269 100%) !important;
    background-image: url('../images/Search-btn.png'), -webkit-linear-gradient(top, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%) !important;
    background-repeat: no-repeat !important;
    background-position: 93% center !important;
    background-repeat: no-repeat !important;
}



    .SearchImage:hover {
        border: solid 1px #d36303 !important;
        background-image: url('../images/Search-btn.png'), linear-gradient(to bottom, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%) !important;
        background-image: url('../images/Search-btn.png'), -moz-linear-gradient(top, #fdcb7c 0%, #e9961a 49%, #e28600 51%, #bb570a 100%) !important;
        background-image: url('../images/Search-btn.png'), -webkit-linear-gradient(top, #fdcb7c 0%,#e9961a 49%,#e28600 51%,#bb570a 100%) !important;
        background-repeat: no-repeat !important;
        background-position: 93% center !important;
        background-repeat: no-repeat !important;
    }

.grid-rowSelected {
    background-color: #ffc1c1;
    border-bottom: 1px solid #92c0eb;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    background: #e1f3ff !important;
    background: -moz-linear-gradient(top, #e1f3ff 0%, #b3ddf6 100%) !important;
    background: -webkit-linear-gradient(top, #e1f3ff 0%,#b3ddf6 100%) !important;
    background: linear-gradient(to bottom, #e1f3ff 0%,#b3ddf6 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f3ff', endColorstr='#b3ddf6',GradientType=0 ) !important;
}

.GridHeader {
    padding-left: 8px;
}

.triageGridHeader {
    padding-left: 4px;
}

.GridItem {
    border-bottom: 1px solid #B4CEEE;
    border-right: 1px solid #B4CEEE;
    padding-left: 5px;
}

.grid-bar {
    background-color: #3E6AAA;
    background-repeat: repeat-x;
    color: White;
    font-size: 12px;
    font-weight: bold;
    background: #63b0e6;
    background: -moz-linear-gradient(top, #63b0e6 0%, #2275b3 49%, #1d69a7 53%, #144269 100%);
    background: linear-gradient(to bottom, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0e6', endColorstr='#144269',GradientType=0 );
    height: 36px;
    font-family: Tahoma;
}
/*.grid-bar th:first-child {padding-left:2px;}*/
.grid-row {
    border-bottom: 1px solid #92c0eb;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background: #e1f3ff; /* Old browsers */
    background: -moz-linear-gradient(top, #e1f3ff 0%, #fbf8f7 0%, #d6dadd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e1f3ff 0%,#fbf8f7 0%,#d6dadd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e1f3ff 0%,#fbf8f7 0%,#d6dadd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f3ff', endColorstr='#d6dadd',GradientType=0 ); /* IE6-9 */
}

.CaseClose {
    background: url('Lock.png') center center;
    height: 17px;
    float: right;
}

.sprator {
    width: 8px;
    float: left;
    padding-left: 2px;
    padding-top: 2px;
    font-weight: bold;
}


.AuditTriageLabel_note {
    /*width: 195px;*/
    float: left;
    margin-left: 1px;
    margin-top: 3px;
    padding-top: 4px;
    width: 100%;
}

.AuditTriageLabelCol2_note {
    /*width: 204px;*/
    float: left;
    margin-left: 1px;
    margin-top: 3px;
    padding-top: 4px;
    width: 100%;
}

.AuditTriageLabel {
    width: 195px;
    float: left;
    margin-left: 1px;
    margin-top: 3px;
    padding-top: 4px;
    /*width: 100%;*/
}

.AuditTriageLabelCol2 {
    width: 204px;
    float: left;
    margin-left: 1px;
    margin-top: 3px;
    padding-top: 4px;
    /*width: 100%;*/
}

.AuditTriageSearchDiv {
    width: 789px;
    /*border: solid;
    border-width: 5px;
    border-color: #262626;*/
    background-color: #cccccc;
    margin-top: 50px;
    padding: 0px;
    padding-bottom: 5px;
    display: table;
    /*edited*/
    border: solid 5px #135187;
}

.AuditSearchDropDown {
    width: 168.2px;
    /*height: 20px;*/
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    /*margin-top: 2px;*/
    /*border-radius: 5px;*/
    padding: 0px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    padding-top: 2px;
}

.AuditPagearea {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    border-bottom: 0px none #333;
    border-left: 0px none #333;
    border-right: 0px none #333;
    border-top: 0px solid #333;
    color: #333;
    display: block;
    float: right;
    height: 625px;
    /*left: 194px;*/
    padding: 8px 0px 0px 64px;
    position: fixed;
    /* width: 1090px; */
    margin: 0px 0px 0px 0px;
    overflow: auto;
    text-shadow: none;
}

.AuditControlLabel {
    font-size: 24px;
    float: left;
    width: 427px;
}

.ChangePasswordTextA {
    /*width: 195.2px;*/
    float: left;
    width: 89%;
    height: 109px;
    /*padding-left: -2px;
margin-left: 0px;*/
}

#AuditSettingsDiv input[type=checkbox] {
    float: left;
    margin-top: 13px;
}

.AuditTriageAddNoteDiv {
    width: 800px;
    border: solid;
    border-width: 5px;
    border-color: #262626;
    background-color: #cccccc;
    /*margin-top: 50px;*/
    padding: 0px;
    padding-bottom: 5px;
    display: table;
    position: fixed;
    left: 18%;
    top: 4%;
}

.AuditTriageSettingDiv {
    width: 670px;
    /*border: solid;
    border-width: 5px;
    border-color: #262626;*/
    background-color: #cccccc;
    margin-top: 50px;
    padding: 0px;
    padding-bottom: 5px;
    display: table;
    margin-top: auto;
    /*edited*/
    border: solid 5px #135187;
}


.AuditNoteTextBoxes {
    width: 54%;
    float: left;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    /*z-index:999999;*/
}

.AuditNoteRowLabel {
    display: table-row;
}

.SearchRowCellAudit {
    display: table-cell;
    float: left;
    width: 50%;
}


/*new drop down css starts*/
.main-container {
    width: 70px;
    height: 50px;
    float: left;
    margin: 0;
    padding: 0;
}




.LoginButton {
    /*float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 90px;
    margin-right: 0px;
    margin-left: 5px;                             
    height: 36px;
    color: White;
    cursor: pointer;
    border: 0px outset buttonface;
    text-align: left;
    
border:solid 1px #34580a;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color:#628e16 !important;*/
    /*edited*/
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 90px;
    margin-right: 0px;
    margin-left: 5px;
    height: 36px;
    color: White;
    cursor: pointer;
    border: 0px outset buttonface;
    text-align: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #34580a !important;
    background: #bed79a;
    background: -moz-linear-gradient(top, #bed79a 8%, #769623 49%, #628e16 51%, #3b6e19 100%);
    background: -webkit-linear-gradient(top, #bed79a 8%,#769623 49%,#628e16 51%,#3b6e19 100%);
    background: linear-gradient(to bottom, #bed79a 8%,#769623 49%,#628e16 51%,#3b6e19 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed79a', endColorstr='#3b6e19',GradientType=0 );
}



.PopupUpperBar {
    /*float: left;
    width: 100%;
    height: 30px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    color: White;
    margin-bottom: 10px;
    background-color: #0072BB;*/
    float: left;
    width: 100%;
    height: 30px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    color: White;
    margin-bottom: 10px;
    background: #63b0e6; /* Old browsers */
    background: -moz-linear-gradient(top, #63b0e6 0%, #2275b3 49%, #1d69a7 53%, #144269 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0e6', endColorstr='#144269',GradientType=0 ); /* IE6-9 */
}

.ChangePasswordButtonsNewSave,
.ChangePasswordButtonsNewCancel,
.ChangePasswordButtonsNewSearch {
    /*float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 90px;
    margin-right: 0px;
    margin-left: 5px; 
    height: 36px;
    background-color: #0072BB;
    color: White;
    cursor: pointer;
    border: 0px outset buttonface;
    text-align: left;*/
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 90px;
    margin-right: 0px;
    margin-left: 5px;
    height: 36px;
    /*background-color: #1d69a7;*/
    color: White;
    cursor: pointer;
    /*border: 0px outset buttonface;*/
    text-align: left;
    border-radius: 5px;
    border: solid 1px #135187 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #63b0e6;
    background: -moz-linear-gradient(top, #63b0e6 0%, #2275b3 49%, #1d69a7 53%, #144269 100%);
    background: -webkit-linear-gradient(top, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%);
    background: linear-gradient(to bottom, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0e6', endColorstr='#144269',GradientType=0 );
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}


.ChangePasswordBanner {
    /*float: left;
    width: 100%;
    height: 30px;
    border-bottom: 0px;
    background-color: #0072BB;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    color: White;
    margin-bottom: 10px;*/
    float: left;
    width: 100%;
    height: 30px;
    border-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    color: White;
    margin-bottom: 10px;
    background: #63b0e6; /* Old browsers */
    background: -moz-linear-gradient(top, #63b0e6 0%, #2275b3 49%, #1d69a7 53%, #144269 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0e6', endColorstr='#144269',GradientType=0 ); /* IE6-9 */
}

.top-area {
    background-color: #1d69a7;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0;
    float: left;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #FFF;
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 0px 1px #34580a;
    -moz-box-shadow: inset 0px 0px 0px 1px #f00;
    box-shadow: inset 0px 0px 0px 1px #34580a;
    background-color: #769623;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* classes need to edit for customization end*/





/* new classes for theme start */

.triage-alert-popup {
    width: 370px;
    height: auto;
    /*border: 4px solid #002c75;*/
    border-radius: 4px;
    /*background-color: #409DDD;*/
    border: solid 4px #135187;
    background-color: #4596d2;
    position: absolute;
    z-index: 9999999;
}

.triage-alert-header {
    font-family: Arial,sans-serif;
    font-size: 22px;
    line-height: 40px;
    padding: 0em 1em;
    color: white;
    font-weight: bold;
    /*background-color: #0F559D;*/
    background: #63b0e6; /* Old browsers */
    background: -moz-linear-gradient(top, #63b0e6 0%, #2275b3 49%, #1d69a7 53%, #144269 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #63b0e6 0%,#2275b3 49%,#1d69a7 53%,#144269 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0e6', endColorstr='#144269',GradientType=0 ); /* IE6-9 */
}

.triage-alert-body {
    border-bottom: 1px #7BC3F4 outset;
    /*background-color: #7BC3F4;*/
    background-color: #b6d8ff;
    min-height: 80px;
    font-family: Arial,sans-serif;
    font-size: 18px;
    padding: 0.5em 1em;
    color: #222222;
}


.blue-btn-text {
    float: left;
    margin-top: 8px;
    margin-left: 5px;
}
/* new classes for theme end */



.Clstransfercase {
    /*border: solid  2px #373737 !important;*/
background: #dedede; /* Old browsers */
background: -moz-linear-gradient(top, #dedede 0%, #afafaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dedede 0%,#afafaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dedede 0%,#afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */


}

.ClsCadcase {

    /*background: #caedf3;
    background: -moz-linear-gradient(top, #63dfe6 0%, #1fa1ac 50%, #188c97 52%, #146169 100%);
    background: -webkit-linear-gradient(top, #caedf3 0%,#caedf3 50%,#caedf3 52%,#82ccdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63dfe6', endColorstr='#146169',GradientType=0 );*/ 


    background: #caedf3;
    background: -moz-linear-gradient(top, #caedf3 0%, #82ccdc 50%);
    background: -webkit-linear-gradient(top, #caedf3 30%,#82ccdc 100%);
    background: linear-gradient(to bottom, #caedf3 30%,#82ccdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caedf3', endColorstr='#82ccdc',GradientType=0 ); /* IE6-9 */



}

.ClstransfercaseCard {
    /*border: solid  2px #373737 !important;*/
    background: #c0c0c0; /* Old browsers */
    background: -moz-linear-gradient(top, #c0c0c0 0%, #838383 50%, #838383 50%, #737373 51%, #444444 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c0c0c0 0%,#838383 50%,#838383 50%,#737373 51%,#444444 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c0c0c0 0%,#838383 50%,#838383 50%,#737373 51%,#444444 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#444444',GradientType=0 ) !important; /* IE6-9 */
}

.ClsCadcaseCard {
    /*
background: #63dfe6; 
background: -moz-linear-gradient(top, #63dfe6 0%, #1fa1ac 50%, #188c97 52%, #146169 100%) !important; 
background: -webkit-linear-gradient(top, #63dfe6 0%,#1fa1ac 50%,#188c97 52%,#146169 100%) !important; 
background: linear-gradient(to bottom, #63dfe6 0%,#1fa1ac 50%,#188c97 52%,#146169 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63dfe6', endColorstr='#146169',GradientType=0 ) !important; */
    background: #63dfe6; /* Old browsers */
    background: -moz-linear-gradient(top, #63dfe6 0%, #1fa1ac 50%, #188c97 52%, #146169 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #63dfe6 0%,#1fa1ac 50%,#188c97 52%,#146169 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #63dfe6 0%,#1fa1ac 50%,#188c97 52%,#146169 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63dfe6', endColorstr='#146169',GradientType=0 ) !important; /* IE6-9 */
}


/* classes need to edit 25-7-2016 start*/

.main-container {
    /*width: 70px;
    height: 50px;
    float: left;
    margin: 0;
    padding: 0;*/
    width: 70px;
    height: 50px;
    float: left;
    margin: 0;
    padding: 0;
}

.bottom-area {
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    float: left;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eeeeef;
    -webkit-box-shadow: inset 0px 0px 0px 1px #4f504d;
    -moz-box-shadow: inset 0px 0px 0px 1px #4f504d;
    box-shadow: inset 0px 0px 0px 1px #4f504d;
}
.bottom-area select
    {
        margin: 0px;
        padding: 0px 4px;
        background: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        padding: 0px 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
cursor:pointer !important;
    }


.blue_bar_bottom
{
   
    /*width: 100%;
    min-width: 1024px;
    height: 30px;
    position: fixed;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    left: 0;
    right: 0;
    border-top: 2px solid #0072bb;
    background: #bed79a;
    background: -moz-linear-gradient(top, #bed79a 8%, #769623 49%, #628e16 51%, #3b6e19 100%);
    background: -webkit-linear-gradient(top, #bed79a 8%,#769623 49%,#628e16 51%,#3b6e19 100%);
    background: linear-gradient(to bottom, #bed79a 8%,#769623 49%,#628e16 51%,#3b6e19 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed79a', endColorstr='#3b6e19',GradientType=0 );*/
    
    width: 100%;
    min-width: 1024px;
    height: 30px;
    position: fixed;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    left: 0;
    right: 0;
    border-top: 2px solid #0072bb;
    background: #769623 !important;
}

/* classes need to edit 25-7-2016 end*/


/*new edition 25-7-2016 start*/



.fix-truncate {
    word-wrap: break-word;
    float: left;
    margin-left: 2px;
}

.inner-container table {
    border-collapse: collapse;
    width: 100%;
}

.outer-container {
    margin: 5px;
}

.inner-container {
    height: 100%;
    overflow: hidden;
}

.table-header {
    position: relative;
}

.table-body {
    overflow: auto;
}

.header-cell {
    text-align: left;
    height: 40px;
    padding: 0px;
    border-right: 1px;
    padding-left: 1px;
}

.body-cell {
    text-align: left;
    padding: 0px;
    float: left;
    display: block;
    border-right: 1px solid #B4CEEE;
    height: auto;
    /*max-height: 100px;*/
    min-height: 40px;
}
/* new class start 25-10-16*/

.header-right-image
{
width:80px;
height:88px;
background:url('../images/img-2.png?321');
float:right;
margin-right:22px;
margin-top:8px;
}
.header-middle-image {
    width: 137px;
    height: 74px;
    background: url(../images/headerlogonew.png?3211);
    float: right;
    margin-right: 20px;
    margin-top: 16px;
}
.header-left-image
{
    background: url('../images/img-10.png?123') 10px center no-repeat !important;
    width: 32%;
    height: 60%;
    float: left;
    margin-left: 12px;
    margin-top: 8px;
}
.triage-welcom-txt
{
    margin-top: -24px;
    padding-bottom: 13px;
    /*width: 50%;*/
    margin-left: 20px;
    /*color: #0072BB;*/
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;

}
/* new class start 25-10-16*/

/*========================LoaderCss=================*/

.loading {
    height: 30px;
    margin-top: 16px;
    padding-left: 6px;
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
  float:left;
}
.loading-bar:nth-child(1) {
  background-color: #3498db;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #c0392b;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #f1c40f;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #27ae60;
  animation-delay: .27s;
}

.loading-text {
    float: left;
    margin-left: 10px;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}/*========================Loader Css end===================================*/