/*Start US-67406 Display Message for China users*/
.body-title .pull-right span{
    font-family:"imago-pro-roche-n4","imago-pro-roche",arial !important;
	font-size: 15px !important; 
    font-weight: 100 !important;
	font-style: normal !important;
    color: red !important;
	}
/*End US-67406 Display Message for China users*/

/*Start DEF-016909 Service Report Icon*/
.case-attachments ul .download-dm-icon{left:0px;} 
/*End DEF-016909 Service Report Icon*/

.calendar-alert-popup {
    border: 1px solid #fff !important;
}
.btn-search-primary {
    margin-left: 0 !important;
    margin-top: 3px;
}
.print-icon-align{
    margin-top: 210px !important;
    margin-left: -230px !important;
}
/* US-67406 - Mobile view fixes changed by Anitha */
.roche-form .body-title {
    padding-bottom: 30px !important;
}
.roche-form .body-title h4 {
   float: left !important;
}

/* US-67174 - Mobile view fixes changed by Anitha */
@media (max-width: 767px){
	.roche-form .body-title {
        border-bottom: 0 !important;}
    output{   
        float: left !important;
        border-bottom:1px solid #d7d7d7;
    	width: 100%;}
    .case-filter-component .filter .btn-primary {
        float: right !important;
        margin-right: 13px;
    }
    .btn_mobileSearch {
        float: right !important;
    }
    .btn_mobilenewSupport {
        float: right !important;
    }
    .print-icon-align {
        margin-top: 110px !important;
        margin-left: 22px!important;
    }
    .print-icon-align {
        margin-top: 210px !important;
        margin-left: -230px !important;
    }
    .pagination-div{
       padding-left: 20px;
    }
}
.row_leftmargin, .page-title{
     margin-left: 0 !important;
}
.btn-search{margin-left: -12px !important;}
.col_leftmargin{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.formgroup{
    padding-right: 5px !important;
}
.printer_align{
    margin-bottom: 40px !important;
}
/* US-67174 - End Mobile view fixes */
/* Start DEF-016868  */
 .calendar-component .items-list .header-column{ border-bottom:0px !important;}
    
#print-foot{
  display: none;
  }
@media print {
    .Neutral {
        background-color: #e6e6e6!important;
    }
    .local-layout-header .common-layout-header,.events-filter, .page-title, .today-pointer, .form-group, .local-layout-footer layout-panel, .case-btn, .btn-search-primary, .print-new-dm-icon, .local-layout-footer{
        display:none !important;
    }
 /*.other-years{   
        display:block;   
        position: fixed !important;
         width:100% !important;
        top:15px !important;
    }
    
   .header-column {    
        display: block; 
        position: fixed !important; 
        top:35px !important;      
        width:100% !important;
        font-size:13px !important;
        } */
   
 .calendar-component .items-list .header-column{ 
        border-bottom:1px solid #999 !important;
    }
    .calendar-component .items-list .category-main {
        margin-bottom:8px !important;
        border-bottom: 1px solid #999;
        page-break-inside: avoid; 
        border-top: 0 !important;
       /* padding-top:3.7em !important; */       
    }
    .calendar-component .items-list ul {     
    /* margin: 0 !important;*/
    padding: 0 !important;
    width: 100%;
    clear: both !important;
    list-style-type: none !important;
    }
    .calendar-component .items-list .header-column a:nth-child(1) li {
    width: 181px !important;
    text-align: left !important;
    margin-left: 0 !important;
    color: #999;
} 
.calendar-component .items-list .header-column a:nth-child(2) li {
    width: 152px !important;
    text-align: left;
    margin-left: 0 !important;
    color: #999;
}
.calendar-component .items-list .header-column li {
    width: 41px !important;
    text-align: center;
    margin-left: 6px;
}
.calendar-component .items-list .category-main li:nth-child(1) {
     width: 181px !important;
     text-align: left;
     margin-left: 0;
     height: auto;
}
 
 .calendar-component .items-list .category-main .category-sub .square {
    position: absolute !important;
    left: 18px !important;
    top: 8px!important;
    width: 3px!important;
    height: 4px!important;
    background: #333 !important;
}
  .calendar-component .items-list .category-main li:nth-child(2) {
         width: 152px !important;
    }
  .calendar-component .items-list .category-main .category-sub{
    font-size: 14px !important;
    font-weight: 500;
    color: #06c;
    margin: 6px 0 !important;
    height: 18px !important;
    }
    .calendar-component .items-list .category-main .c-1 {    
        font-size: 14px;
    }  
    .calendar-component .items-list .category-main li{
        margin: 0px 0 0px 3px !important;
        width: 0!important;
    }
     .calendar-component .items-list .category-main .category-sub li:nth-child(1){
         width: 181px !important;
         border:1px solid #ffffff;
    }  
    .calendar-component .items-list .category-main .category-sub .sc-1{
        font-size: 12px !important;
    }
 .calendar-component .items-list .category-main .category-sub li:nth-child(2){
        width: 152px !important;
        text-align: center !important;
        margin-left: 0 !important;
        height: auto !important;
        font-weight: normal;
        border: 1px solid #ffffff;
        }    
.calendar-component .items-list .category-main .category-sub li {
            margin-left: 6px !important;
             width: 41px !important;
    }
    .Estimated {
        background-color: #f90!important;
        background: repeating-linear-gradient( to right, #ff9900, #ff9900 5px, #ffffff 5px, #ffffff 10px) !important;
    }
    .Completed {
        background-color: #096!important;
        background: repeating-linear-gradient( 135deg, #009966, #009966 5px, #ffffff 5px, #ffffff 10px) !important;
    }
    .calendar-component .legends ul li:nth-child(2) span:nth-child(1) {
        background-color: #f90!important;
        background: repeating-linear-gradient( to right, #ff9900, #ff9900 5px, #ffffff 5px, #ffffff 10px) !important;
    }
    .calendar-component .legends ul li:nth-child(1) span:nth-child(1) {
        background-color: #096!important;
        background: repeating-linear-gradient( 135deg, #009966, #009966 5px, #ffffff 5px, #ffffff 10px) !important;
    }
    .calendar-component .bottomLiner {
    border-top: 0px solid #999 !important;
    margin-top: 8px !important;
    clear: both !important;   
    }
    * {
       font-family: "imago-pro-roche-n4","imago-pro-roche",arial !important;
       -webkit-print-color-adjust: exact !important;
       print-color-adjust: exact !important;
    }
    @page {
        size:A4 landscape;
    }
    #print-foot {
  page-break-before:auto;  
  display: block; 
  position: fixed;
  bottom: 0pt;
  left: 0pt;
  font-size: 100%;
  }    
}
 
/* End DEF-016868  */
/* Start US-68323 */
@media (max-width: 435px) {
    div.social-wrap a {
    	background-position: 88% !important;
    }
}  

@media (max-width: 285px) {
    div.social-wrap a {
    	background-position: 98% !important;
        text-align: initial !important;
        height: auto !important;
    }
} 
@media (max-width: 320px) {
    div.social-wrap a {
    	background-position: 94% !important;
    }
}
/* End US-68323 */

/* Start US-67189 */
div.social-wrap a {
    text-align: center;
    padding: 7px;
    color: white !important;
    height: 35px;
    background: none;
    border: none;
    display: block;
    background-size: 35px 35px;
    background-position: 74%;
    background-repeat: no-repeat;
    border-radius: 4px;
    color: white;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 14px;
    text-shadow: rgba(0, 0, 0, .5) -1px -1px 0;
}
a#WeChat {
    border-color: #111;
    background-color: #222;
    text-shadow: #333 -1px -1px 0;
}
div.social-wrap a:active {
    background-color: #222;
}
div.social-wrap.c {} div.social-wrap.c > .WeChat {
    background-size: 30px 30px, cover;
     /* background-image: url('/resource/DLG_WeChatIcon'), -webkit-gradient(linear, left top, left bottom, color-stop(1%, #000000), color-stop(100%, #000000)); */
      background-image: url('/resource/DLG_WeChatIcon'), -webkit-gradient(linear, left top, left bottom, color-stop(1%, #06c), color-stop(100%, #005ab3));
}
/* End US-67189 */

/* START US-68174  by Sainath*/

/* Modified for DEF-018576 */  
.items-component .items-list ul li p, .items-component div.items-list ul li .mob-colmn {
    color: #333 !important;
}
.cm-accordian-main-panel .cm-accordion-component .accordion-block>.panel-heading .accordion-text {
    color: #333 !important;
}
.roche-form .case-creation-component input[disabled], .roche-form textarea {
    -webkit-text-fill-color: #333 !important;
    color: #333 !important;

  /* Start DEF-018576 */  
    opacity:1;
  /* End DEF-018576 */
    
}
/* END US-68174 by Sainath */

/* Start US-68144 */
.calendar-component .items-list .header-column, .calendar-component .items-list .header-column a li {
    color: #333 !important;
}
/* End US-68144 by Sainath*/
/* Start US-68121 */
  .help-text-customerNum { 
    position:relative;
    top: -3px;
}
/* End US-68121 */
/* Start US-68175 by china*/
/* Start US-68356 by Sainath*/
.roche-form .case-creation-component .form-group .tooltipMouseover {
    position: relative;
    display: inline-block;
    top: -3px;
}

.roche-form .case-creation-component .form-group .tooltipMouseover .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: #06c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -13px;
    left: 130%;
}

.roche-form .case-creation-component .form-group .tooltipMouseover .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #06c transparent transparent;
}
.roche-form .case-creation-component .form-group .tooltipMouseover:hover .tooltiptext {
    visibility: visible;
}

/*START US-69515 Added By Sainath*/
.roche-form .forget-password-component .form-group .tooltipMouseover {
    position: relative;
    display: inline-block;
    top: -3px;
}

.roche-form .forget-password-component .form-group .tooltipMouseover .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: #06c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -13px;
    left: 130%;
}

.roche-form .forget-password-component .form-group .tooltipMouseover .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #06c transparent transparent;
}
.roche-form .forget-password-component .form-group .tooltipMouseover:hover .tooltiptext {
    visibility: visible;
}
/*END US-69515 Added By Sainath*/
/* START added by Sainath for US-70474 */
.pdf-button{
    float: right;
    margin: 20px 0px;
    border-radius: 4px;
    padding: 4px 10px;
    background-image: none !important;
    background-color: #FFF !important;
}
.pdf-icon {
    width: 24px;
    height: 24px;
    margin-right: 0px;
}
/*END US-70474 Added By Sainath*/
/* START added by Sainath for US-70478 */
.clear-search-icon {
    float: right;
    top: 32px;
    right: 5px;
    cursor: pointer;
}
#searchCases {
    padding-right: 22px;
}
/*END US-70478 Added By Sainath*/
/* START added by Sainath for US-70476 */
.otherCheckbox {
    top: 30px;
}
/* END added by Sainath for US-70476 */
/* START added by Sainath for US-68880 */
.sysdown-popup {
    width: 476px !important;
    top: -36px !important;
    text-align: left !important;
}
@media (max-width: 1114px) {
    .sysdown-popup {
        width: 424px !important;
        top: -46px !important;
    }
}
@media (max-width: 1008px) {
    .sysdown-popup {
        width: 360px !important;
        top: -67px !important;
    }
}
@media (max-width: 914px){
    .sysdown-popup {
        width: 279px !important;
        top: -67px !important;
    }
}
@media (max-width: 440px){
    .sysdown-popup {
        width: 255px !important;
        top: -77px !important;
    }
}
@media (max-width: 414px){
    .sysdown-popup {
        width: 215px !important;
        top: -106px !important;
    }
}
@media (max-width: 374px) {
    .sysdown-popup {
        width: 200px !important;
        top: -107px !important;
    }  
} 
@media (max-width: 360px) {
    .sysdown-popup {
        width: 162px !important;
        top: -136px !important;
    }  
}

@media (max-width: 318px){
.sysdown-popup {
    width: 120px !important;
    top: -236px !important;
}
}

/* END added by Sainath for US-68880 */
/*Start Added as per US-71464*/
.sysup-popup {
    width: 400px !important;
    top: -36px !important;
    text-align: left !important;
}
@media (max-width: 1114px) {
    .sysup-popup {
        width: 350px !important;
        top: -46px !important;
    }
}
@media (max-width: 1008px) {
    .sysup-popup {
        width: 300px !important;
        top: -67px !important;
    }
}
@media (max-width: 914px){
    .sysup-popup {
        width: 100px !important;
        top: -67px !important;
    }
}
@media (max-width: 440px){
    .sysup-popup {
        width: 100px !important;
        top: -77px !important;
    }
}
/*EndAdded as per 	US-71464*/

/* END US-68356 by Sainath*/

/* End US-68175 by china*/
/* Start DEF-018575 */  
@media (min-width: 768px){
.case-creation-component .case-creation-form .col-sm-4 {
    width: 43.333333% !important;
}
}
/* End DEF-018575 */ 

/* START added by Sainath for DEF-021240*/  
@media (max-width: 768px) and (orientation: portrait){
.regCaptchapage iframe {
    width: 100% !important;
}
}
/* END added by Sainath for DEF-021240 by */