@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
/***********           Root Level Elements        ****************/
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family:'Open Sans', sans-serif;
    overflow: hidden;
    font-size:small;
    width:100%;
    position:fixed;
}

.clear {
    clear: both;
}

a, a:visited, a img {
    border: 0px;
    outline: 0;
}



#container {
    min-height: 100%;
    position: relative;
    background-color: white;
    min-width: 700px;
    background-image: url("/Images/menubg.jpg");
    background-repeat: repeat-y;
    background-position-x: 302px;
}

#header {
    background-color:#cef6f5;
    margin: 0;
    height: 35px;
    padding: 5px 5px 2px 5px;
    box-shadow:0 2px 4px #ccc;
    position:relative;
    z-index:4;
}



#body {
    margin-top: -10px;
    padding-bottom: 30px; /* Height of the footer */
    clear: both;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 35px; /* Height of the footer */
    /*background: #6cf;*/
    background-color: #F0F0F0;
    margin: 0;
    background-image: url("/Images/sbtopbg.jpg");
    background-repeat: repeat-x;
    /*border-top: 1px solid #C5C5C5;*/
}
/***********           Root Level Elements        ****************/


/***********           Header Styles        ****************/
#header .hl {
    float: left;
    min-width: 185px;
    /*margin-top: 3px;*/
}

#header .hr {
    float: right;
    padding-right: 5px;
}

#rmenu {
    float: right;
    max-width: 500px;
}

    #rmenu .rmico {
        float: right;
        padding-top: 4px;
    }

    #rmenu .rmtxt {
        float: right;
        margin-right: 5px;
        cursor: default;
        /*padding-top: 3px;*/
    }

        #rmenu .rmtxt .rmtxtdescr {
            clear: both;
        }

        #rmenu .rmtxt .rmtxtcomp {
            font-size: xx-small;
            text-align: right;
            color: #666;
            padding-top: 2px;
        }


#logo {
    width: 150px;
    height: 30px;
    float: left;
    background:#CEF6F5 url("/images/rwlogo.png") no-repeat 0px 3px;
}

.mainmenuicon {
    height: 16px;
    width: 16px;
    background-image: url("/Images/rw-main-menu-icon.png");
    float: left;
    margin-top: 6px;
}

    /*.mainmenuicon:hover {
        background-position: 20px;
    }*/

.luico {
    float: right;
    width: 35px;
    height: 35px;
    background:url("/Images/rw-login-icon.png") no-repeat 3px 5px;
    margin-left:10px;
}

.ichome {
    float: right;
    width: 38px;
    height: 35px;
}

.homelink{
    width: 38px;
    height: 35px;
    display:block;
    text-indent:-9999px;
    background:url("/Images/rw-home-icon.png") no-repeat 0px 5px;
    border-right:1px solid #2883c5;
}

.menuicon{
    width: 22px;
    height: 22px;
    display:block;
    text-indent:-9999px;
    background:url("/Images/rw-main-menu-icon.png") no-repeat 0px 3px;
}

#rmenu .rmtxt .rmtxtcomp {
            font:400 10px 'Open Sans', sans-serif;
            text-align: right;
            color: #cef6f5;
            background-color:#2883c5;
            padding: 0px 6px;
            letter-spacing:0.05em;
            text-transform:uppercase;
        }

.rmtxtdescr{
            font:400 12px 'Open Sans', sans-serif;
            color:#2883c5;
        }

/***********           Header Styles        ****************/







/***********           Body Styles        ****************/


/***********           Sidebar (Left Tiles) Styles        ****************/
#sidebar {
    float: left;
    width: 300px;
    position: relative;
    z-index:1;
}

#sbheads {
    margin-left: 3px;
    margin-top: 5px;
}

#sidebarcontents {
    clear: both;
    padding: 2px 0px 2px 2px;
    height: 480px;
    overflow: hidden;
    /*overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;*/
    padding-left: 3px;
    position: relative;
    z-index:1;
}

.mCSB_container {
    margin-right: 12px;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 12px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ccc;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #999 !important;
    /*background:rgba(255,255,255,0.50);*/
}

.srch {
    border-spacing: 0px;
    width: 100%;
    height: 25px;
}

.srchbox {
    width: 45%;
}

    .srchbox .k-textbox {
        width: 100%;
    }

.srchtb {
    border: 0px;
}

    .srchtb input {
        border: 0px;
        width: 100%;
    }

.srchdd {
    width: 45%;
}

    .srchdd select {
        width: 100%;
    }

.advance_search_icon {
    width: 16px;
    margin:5px;
}

.advdate {
    width: 20px;
    padding-left: 5px;
}




/*title box start here*/

#title_box {
    height: 30px;
    background-color: #FFF;
    border: none;
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
    position:relative;
    z-index:2;
}

    #title_box .ltl {
        width: 2px;
        height: 30px;
        margin: 0px;
        float: left;
        display: inline-block;
    }

    #title_box .ltr {
        width: 2px;
        height: 30px;
        margin: 0px;
        float: right;
        display: inline-block;
        position: relative;
    }

.newaddico {
    width: 16px;
    height: 13px;
    float: right;
    display: inline-block;
    margin: 8px 5px 0px 10px;
    position: relative;
}


.lstitle {
    color: #666;
    padding-left: 5px;
    font-weight: bold;
    display: inline-block;
    margin-top: 6px;
    display: none;
}

.reefresh-icon
{
    position: relative;
    top: -10px;
    left: -20px;
}

/*title ends here*/

.en {
    border-left: 5px solid #59c7fd;
}


.tileiconlink .tileicon {
    float: right;
    width: 16px;
    height: 14px;
    margin-top: -45px;
    position: relative;
}

.en .tileiconlink .tileicon {
    background-image: url("/Images/cancel_icon.png");
}

.en:hover .tileicon {
    /*display: block;*/
    background-image: url("/Images/cancel_icon_over.png");
}

.left_tile {
    width: 98%;
    height: 48px;
    background-color: #FFF;
    margin-top: 3px;
    border-bottom: 1px solid #D5D5D5;
    cursor: default;
}

    .left_tile:hover {
        background-color: #EFFBFB;
    }

#sidebarcontents .k-state-selected {
    background-color: #c9eefc;
    background-image: none;
}

.dis {
    border-left: 5px solid #C0C0C0;
}

    .dis .tileiconlink .tileicon {
        background-image: url("/Images/right_icon.png");
    }

    .dis:hover .tileiconlink .tileicon {
        background-image: url("/Images/right_icon_over.png");
    }

.left_selecting_data {
    height: 47px;
    margin-left: 10px;
}

.style_one {
    color: #505050;
    font-size:13px;
    
}

.style_two {
    font:300 11px 'Open Sans', sans-serif;
    color: #1f5fb7;
}

.style_three {
    font-size: 10px;
    color: #666;
}

.loctable .style_two{
    font:300 12px 'Open Sans', sans-serif;
    color: #1f5fb7;
    padding: 2px 5px;
}

.loctable .style_three{
    font:300 10px 'Open Sans', sans-serif;
    color: #666;
    padding:0 5px;
}


/***********           Sidebar (Left Tiles) Styles        ****************/



#bodycontent {
    margin: 5px 0px 5px 305px;
}

.pgtitle {
    width: 100%;
    border-bottom: 1px solid #ddd;
    background-color:#efefef;
}

.pgtdescr {
    font:700 15px 'Open Sans', sans-serif;
    color: #666;
    width: 100%;
    padding:10px;
    text-transform:uppercase;
    position:relative;
    top:2px;
}

.pgico {
    width: 30px;
    float: right;
    height: 20px;
}



.container_right_subtitle {
    padding: 6px 0px 6px 0px;
    width: 99%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #f0f0f0;
}

.container_right_subtitle_slider {
    padding: 6px 0px 6px 0px;
    width: 95%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #f0f0f0;
}

    .container_right_subtitle:hover {
        background-color: #F5F5F5;
        border-top: 1px solid #E0E0E0;
    }

    .container_right_subtitle_slider:hover {
        background-color: #F5F5F5;
        border-top: 1px solid #E0E0E0;
    }

.container_right_subtitle_icon {
    width: 15px;
    display: inline;
    margin-right: 2px;
}

.container_right_subtitle_text {
    font-weight: bold;
    color: #666;
    display: inline;
}

.container_right_subtitle_add_icon {
    width: 20px;
    float: right;
    display: inline;
    /*margin-right:10px;*/
}

.container_right_subtitle_edit_icon {
    width: 20px;
    float: right;
    display: inline;
    /*margin-right:20px;*/
}

.container_right_subtitle_content {
    width: 100%;
    color: #000;
    padding-left: 20px;
    overflow: auto;
}

    .container_right_subtitle_content table {
        margin-top: 5px;
        border-spacing: 0px;
    }




/***********           Body Styles        ****************/



/**************                   Slider Styles                          ****************/

#sliderBlackout {
    left: 0px;
    opacity: 0.6;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    display: none;
    z-index: 5;
}

#right_slider {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100%;
    background-color: #ececec;
    z-index: 6;
    box-shadow:-2px 0px 12px #444;
}



#sliderWrapper {
    width: auto;
    /*height:768px;*/
    /*position:absolute;*/
}


#sliderContents {
    min-width:325px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}



.slide_title_div {
    border-bottom: #5375a5 solid 1px;
    text-align: center;
    font-size: larger;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #426596;
    color: white;
    padding: 3px 0px 4px 20px;
}

.slide_title {
    font-weight: bold;
}

.slBtns {
    margin-top: 12px;
    border-top: 2px solid #707070;
    padding-top: 6px;
    text-align: right;
    position: absolute;
    bottom: 15px;
    width: 95%;
}

.cntscrl{
    width:97%;
}

/**************                   Slider Styles  till here                         ****************/


/**********************          Contacts Section        **************************/

.rocontact {
    padding: 0px 0px 0px 5px;
    border-bottom: 1px solid #C0C0C0;
    margin-bottom: 5px;
}

    .rocontact:hover {
        background-color: #EEE;
    }

    .rocontact table {
        border-spacing: 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }

    .rocontact .cntl1 {
        margin: 0px 0px 0px 6px;
    }

    .rocontact .cntl2 {
        margin: 0px 0px 3px 6px;
    }

    .rocontact .aedicos {
        float: right;
        /*margin-right: 6px;*/
    }

.aedicos div {
    display: inline;
    margin: 0px 3px 0px 5px;
}

.aedicos a {
    margin: 0px 0px 0px 5px;
}

.aedicos {
    float: right;
}

.contacts {
    width: 100%;
    padding-right: 20px;
}

/**************************          End of Contacts Section        **************************/

.sectiondata {
   
}

.usercontent{
    padding-left:84px;
}

.sectionicodata {
    width: 100%;
    padding-right: 20px;
}

.headermenudrop {
    display: none;
    position: absolute;
    top: 2px;
    right: 135px;
    /*margin-bottom: -120px;*/
    background-color: transparent;
    box-shadow: 3px 3px 2px #888888;
}

    .headermenudrop table {
        border-spacing: 0px;
        padding: 0px;
        width: 100%;
    }

    .headermenudrop .topctrls {
        height: 20px;
    }

.mdcmenus {
    border-spacing: 3px;
    padding: 3px;
}

    .mdcmenus .mnuico IMG {
        height: 25px;
    }

    .mdcmenus .mnuico {
        text-align: center;
    }

    .mdcmenus td {
        height: 30px;
    }

    .mdcmenus a, .mdcmenus a:visited {
        color: #2e7dd8;
    }

        .mdcmenus a:hover {
            color: #FF7733;
        }

.headermenudrop .topctrls img {
    margin-top: 5px;
}

.topctrls .topctrlsc2 {
    float: right;
    /*background-color: #2997CD;
    opacity: 0.5;*/
    background-color: #DAD9D9;
    /*background-image: url("/Images/menu_icon_bg.png");*/
}

.headermenudrop a {
    outline: 0px;
}

.menudropcontents {
    width: auto;
    height: auto;
    min-width:100px;
    min-height:30px;
}


/*header ends here*/




/*left selecting div start here*/



.left_selecting_one {
    width: 256px;
    height: 48px;
    background-color: #FFF;
    float: left;
    margin-top: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.left_selecting_one_over {
    width: 5px;
    height: 47px;
    background-color: #bebdbd;
    float: left;
}

.left_selecting_one:hover .left_selecting_one_over {
    background-color: #0171b8;
    cursor: pointer;
}


.cancel_icon {
    float: left;
    width: 25px;
    height: 20px;
}


/*left selecting div ends here*/

/*container left ends here*/


/*container right start here */

#container_right {
    width: 720px;
    height: 703px;
    float: left;
}

#container_right_title {
    width: 720px;
    height: 30px;
    border-bottom: 1px solid #e2f1f3;
}

#container_right_title_name {
    width: 600px;
    height: 30px;
    font-size: larger;
    line-height: 30px;
    padding-left: 10px;
    color: #666;
    float: left;
    font-weight: bold;
}

#container_right_title_icon {
    width: 30px;
    float: right;
    height: 20px;
    line-height: 30px;
    /*padding-top:5px;*/
}



/*button style start here */

.button_index {
   padding:5px 12px 5px 12px;
    background-color: #707070;
    color: #ffffff;
    text-align: center;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    min-width:70px;
}

    .button_index:hover {
        padding:5px 12px 5px 12px;
        background-color: #2f2f2f;
        color: #ffffff;
        text-align: center;
        border: none; 
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        cursor: pointer;
          min-width:70px;
    }


/*button style ends here */

#kwin {
    display: none;
}

/*footer starts here*/

#footer_left {
    width: 50%;
    float: left;
    border: 0px solid transparent !important;
    margin-top: 2px;
    /*background-image: url("/Images/menubg.jpg");
    background-repeat: repeat-y;
    background-position: right;*/
}

#footer_right {
    font-size: 9px;
    padding: 10px 5px 3px 0px;
    float: right;
    text-align: right;
}
#footer_left .k-pager-info {
    padding: 0 16px;
    float: none;
}


a img {
    border: none;
}


/*footer ends here */








/***********************                 Advance Search                **********************/

.advance_search {
    height: 670px;
    display: none;
    position: absolute;
    top: 5%;
    left: 30%;
    padding: 5px 0px;
    z-index: 13;
    background-color: #FFF;
    /*border: #00F solid 1px;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.adsico {
    top: 20px;
    left: -8px;
    position: absolute;
    width: 10px;
    height: 15px;
}

.advance_search_container {
    padding: 0 10px;
}

.contxtmnbg {
    border: 1px solid #dad9d9;
    background-color: #FFF;
    display: none;
    width: auto;
    height: auto;
    -moz-box-shadow: 1px 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px 1px #888;
    box-shadow: 1px 1px 1px 1px #888;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}






/***********************                form-controls          **********************/


.textbox155 {
    width: 180px;
}

.dropdown155 {
    width: 185px;
}

.textarea155 {
    width: 185px;
    height: 50px;
}

.datepicker155 {
    width: 185px;
}
.datepicker120 {
    width: 120px;
}
.form_td_text_align_right {
    text-align: right;
}

.form_td_text_align_center {
    text-align: center;
}


.rodata {
    padding-left: 6px;
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC;
}



/***********************                text styles            **********************/

.txtnormal {
    font-size: 12px;
    color: black;
}


.txtlargeblack {
    font-size: larger;
    color: black;
}

.txtlargegrey {
    font-size: larger;
    color: #787878;
}

.txtlargeblue {
    font-size: larger;
    color: #59c7fd;
    
}

.txtmediumblack {
    color: black;
}

.txtmediumgrey {
    color: #787878;
}

.txtmediumblue {
    color: #59c7fd;
}

.txtsmallblack {
    font-size: small;
    color: black;
}

.txtsmallgrey {
    font-size: small;
    color: #787878;
}

.txtsmallkblue {
    font-size: small;
    color: #59c7fd;
}

#mdlPopup .k-header {
    background-color: blue;
}


.reqfield {
    color: #990033;
    text-indent: 0px;
    position:relative;
    top:-3px;
}

.la {
    text-align: left;
}

.ra {
    text-align: right;
}

.ca {
    text-align: center;
}

.w30 {
    width: 30px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w90 {
    width: 90px;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 185px;
}

.w185 {
    width: 185px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}


.subtitletext {
    font-size: larger;
    color: black;
    text-align: left;
}

.bggrey {
    background-color: #e3e2e2;
}

.separator {
    height: 1px;
    background-color: #999;
    width: auto;
}

.altrow {
    background-color: #EEE;
}

#lstdlg {
    display: none;
}

.logouttimermsg {
    position: absolute;
    top: 0px;
    left: 20%;
  
    height: 20px;
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    padding: 5px 10px 3px 30px;
    z-index: 12000;
    background-image:url("/Images/lo-warning.png");
    background-repeat:no-repeat;
    background-position:4px 4px;
}
.logouttimermsg .loTimeRemaining {
    font-weight: bold;
    color:red;
}

.highlighted { 
    background: yellow; 
}


/***********************                history            **********************/

.hist {
    border-spacing: 6px !important;
}

    .hist td, .hist td.dis {
        padding: 6px;
        border-bottom: 1px solid #D5D5D5;
        border-left: 5px solid #C0C0C0;
    }

    .hist td.en {
        padding: 6px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgba(89,199,253, 0.4);
        border-left: 5px solid #59C7FD;
    }

.histViewMore{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:right;
	text-decoration:underline;
    color:#434343;
    margin-right:30px;
    margin-top:20px;
}

.histViewMore a{
	text-decoration:none;
	color:#434343;
}

.histViewMore a:hover{
	text-decoration:underline;
}

.histViewMore a:active{
    background-color:none;
}

.anim-more
{
    float: right;
    margin-right:-30px;
}

.slBtns_Popup{   
    padding-top: 6px;
    text-align: right;
    bottom: 10px;
    width: 98%;
}

.lbl-mand-info
{
    color:red;
    font-size:small;
}

 .ofdots
{
    max-width:230px; 
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
    cursor:pointer;
    white-space:pre;
}
 .ofdots200
{
    max-width:150px; 
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
    cursor:pointer;
    white-space:pre;
}
.k-window, .k-state-focused, .k-window-titlebar, .k-header, .k-window-title
{
    line-height:21px;
}

div.k-window-content{
    /*padding:0 .6em;*/
    /*min-width:350px;*/
    /*max-width:700px;*/
}

.k-tooltip.k-widget{
    width:auto;
    height:auto;
    /*overflow-y:auto;*/
    /*top:-5px;*/
}

.k-tooltip a, a:hover, a:active, a:link 
    {
    color:#016eb4;
    }

    .rocontact a, a:hover, a:active, a:link
    {
     color:#016eb4;
     text-decoration:none;
    }


.enred {
    border-left: 5px solid #fc5555;
}

.engreen {
    border-left: 5px solid #439501;
}

.enyellow {
    border-left: 5px solid #ffd800;
}
.clrBlue
{
     border-left: 5px solid #59c7fd;
}
.clrOrange
{
     border-left: 5px solid #FFA500;
}
.clrGray
{
     border-left: 5px solid #808080;
}
.clrRed
{
     border-left: 5px solid red;
}
 .hotSheetColor {
    color: red;    
    }

 #divlstServices{
    overflow-y:auto;
}

.k-tabstrip .k-content{
    margin-right:10px;
}
.upperText{
    text-transform:uppercase;
}

/*.k-textbox > input, .k-autocomplete .k-input, .k-progress, .k-progress-status, .k-expand-padding.k-numeric-wrap .k-input, .k-multiselect-wrap{
    border-radius:0;
}*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    textarea {
        resize: none;
    }

    .cbox {
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
}