@charset "utf-8";
/* CSS Document */



/*css for Clientcall center starts here*/

@media only screen and (max-width: 768px) {

  /* Force table to not be like tables anymore 
  ccordtable,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  } */
  /* Hide table headers (but not display: none;, for accessibility) 
  thead tr, tfoot tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  } */
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    /* padding-left: 50% !important; */
  }
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }

  .ccordtable td:nth-child(1) {
      background: #ccc;
      height: 100%;
      top: 0;
      left: 0;
      font-weight: bold;
  }
 .dataTables_length {
    display: none;
  }
}

@media screen and (max-width: 768px) {
   .container:before {
      left: 8px;
      width: 2px;
   }
   .timeline-block {
      width: 100%;
      margin-bottom: 30px;
   }
   .timeline-block-right {
      float: none;
   }
  #overlay {width:96%; left:2%;}
}
/*css for Clientcall center ends here*/

@media screen and (min-width:1400px){
#subscriptionContentSection .tableWrapper, .mCSB_container, #accManage .tableWrapper{width:100% !important;}
}
@media screen and (min-width:769px){
        /*.payamt{position: absolute;top: 46%;left: 28%;transform: translateY(-50%);}*/

#sidePanel ul{display:block !important;}
}
@media screen and (max-width:1200px) {
.twoColumn{width: 100%; padding: 0;}
.twoColumn:nth-child(even), .twoColumn:nth-child(odd), .subscriptionInfoSection .twoColumn:nth-child(even), .subscriptionInfoSection .twoColumn:nth-child(odd), #sysMsgCnt .twoColumn:nth-child(odd), #sysMsgCnt .twoColumn:nth-child(even){padding: 0;}
.subscriptionInfoSection .formWrapper:nth-child(1){width: 100%;}
#subscriptionSection .label, #subscriptionSection .formWrapper.width100 .label{width: 20%;}
.attachmentWrapper input[type=text]{width: 60%;}
#sysMsgCnt .smallWidthLabel{width: 20%;}
}
@media screen and (max-width:1140px) {
#sysHomeCnt ul li .title, #hospHomeCnt ul li .title{font-size:20px;}
#sysHomeCnt ul li .value, #hospHomeCnt ul li .value{font-size:35px;}
.alert{font-size:20px;padding:15px 0;}
}
@media screen and (max-width:1024px){
#sysHomeCnt ul li, #hospHomeCnt ul li{height:165px;width: 31%;}
#hospHomeCnt ul li.width50{width:47.8%;}
#subscriptionSection .label, #subscriptionSection .formWrapper.width100 .label{width: 25%;}
}
@media screen and (max-width:980px){
#sysHomeCnt ul li .value{font-size:24px;}
#sysHomeCnt ul li{height:145px;}
#subscriptionSection {padding: 0 5%;}
#hospHomeCnt .width33per .value{font-size:25px;}
#hospHomeCnt .width33per .title{font-size:16px;}
}
@media screen and (max-width:768px) {
  .c-select {
    height: 570px;
}
    .formWrapper .tableCell.label {background: whitesmoke;}
    input[type="text"] {width: 87% !important;}
    .searchBtn {padding: 7px;}
    .subscriptionTable tbody td {padding-top: 10px;}
    body {background: #edf0f5;}
    .greyRow {border-radius: 5px;}
    #table {display: inherit;}
    #profileinfo {display:none;}
    #changepassword, #logoutLink {margin-top: 5px;}
    #changepassword a, #logoutLink a {
    padding-top: 15px;
    margin-top: 50px;
    background: #edf0f5;
}
#neworder {margin-top: auto;}
#sidePanel ul li {margin-bottom: 5px;}
#sidePanel ul li:hover {background-color: #999;}
#sidePanel, #contentWrapper{display:block;width:100%;float:left;}
#sidePanel{height:90px;}
#logo {
    width: 65px;
    padding: 20px 0 0px 5px;
    position: relative;
    float: left;
}
#logo img{width:100%;}
#sidePanel ul{
    height: auto;
display: none;
position: relative;
left: 0px;
z-index: 9;
width: auto;
float: right;
border-bottom: 1px solid rgba(180, 180, 180, 0.3);
margin: 5px 0 20px 0;
    }
#menuIcon{display:block; margin: 45px 10px 25px 0}
.contentSection{padding:10px 10px;}
#searchButton {
    margin: -5.5% 0 0 0;
}
#sysHomeCnt ul li{width:49%;margin-right:2%;float:left;}
#sysHomeCnt ul li.midBlock{margin:2.5% 0 0;}
#sysHomeCnt ul li.mobsec{float:right;margin-right:0;}
#contentWrapper.tableCell{height:auto;}
#contentWrapper{padding-bottom:0px;}
#sysHomeCnt ul{padding-bottom:0px;}
.footer{position:relative;}
}

@media screen and (max-width:717px) {
    /*.payamt{position: absolute;top: 42%;left: 28%;transform: translateY(-50%);}*/
#sysloginPage #login{top:80px;margin-top:0px;margin-bottom:80px;}
}

@media screen and (max-width:640px) {
    .payamt{position: absolute;top: 76%;left: 28%;transform: translateY(-50%);}

#sysloginPage .loginbg{padding:0 30px;}
#sysloginPage h1{font-size:25px;}
#sysloginPage .loginForm input[type="button"]{font-size:20px;}


#topSection{padding:20px 10px;}
#topLeftSec{width:100%;max-width:100%;float:right;margin-bottom:17px;}
#topRhtSec, .searchWrapper{width:100%;}
#hospHomeCnt ul li .title{font-size:18px;}
#hospHomeCnt ul li .value{font-size:30px;}
#hospHomeCnt .width33per .value{font-size:20px;}
#hospHomeCnt .width33per .title{font-size:14px;}
.alert{font-size:15px;padding:10px;}
}

@media screen and (max-width:480px) {
        .payamt{position: absolute;top: 42%;left: 28%;transform: translateY(-50%);}

#sysHomeCnt ul li{width:100%;margin:2.5% 0 0;}
.paginationWrapper a{margin-right: 5px;}
.formWrapper .tableCell{display: block;}
.formWrapper .tableCell.label{width: 100% !important;margin-bottom:10px;}
.formWrapper{margin-top:20px;}
#sysMsgCnt .label, .radioWrapper{float: none; width: 100%;}
.radioWrapper input, .radioWrapper label{padding-top: 10px;}
#hospHomeCnt ul li,#hospHomeCnt ul li.width50,#hospHomeCnt ul li.midBlock{width:100%;margin:2.5% 0 0 0;}
.tabMenu{width: 240px;}
}
@media screen and (max-width:480px)
{
    .subscriptionTable thead th {font-family: "helvetica-lt-65-medium";font-size:16px;color:#fff;font-weight: normal;background-color: #ffb654; height: 40px;padding: 0 10px;}
}
/*@media screen and (max-width:380px) {
.radioWrapper{float: right}
.radioWrapper label{padding-bottom: 10px;}
.radioWrapper input{padding-bottom: 10px;}
}*/
@media screen and (max-width:380px) {
.redButton{width:100%;margin:3px 0;}
#hosp_newdoc .buttonWrapper input[type=button], #subscriptionSection .buttonWrapper input[type=button], #sysMsgCnt .buttonWrapper input[type=button]{margin-left:0px;}
}

@media screen and (max-width:360px) {
.logo img{width:82%;height:auto;}
#login{height:360px;}
}