@charset "utf-8";
/* CSS Document */
@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) {
#sidePanel, #contentWrapper{display:block;width:100%;float:left;}
#sidePanel{height:90px;}
#logo{width:200px;padding:22px 0 0px 28px;}
#logo img{width:100%;}
#sidePanel ul{height:251px;display:none;position:absolute;top:90px;left:0px;z-index:9;}
#menuIcon{display:block;}
.contentSection{padding:0 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;}
#sidePanel ul li, #sidePanel ul li.activeMenu{background-position:20px 0px;padding-left: 65px;}
.searchWrapper{width:82%;}
#logo{padding: 22px 0 0px 10px;}
#menuIcon{margin-right:10px;}
#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;}
}