/*.rel-dialog { z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }*/
.rel-dialog { z-index: 100000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }

.rel-Mydialog { z-index: 100000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }


div[data-draggable="true"] { position: relative; margin-left: auto; margin-right: auto; -moz-box-shadow: 0 0 20px #232323; -webkit-box-shadow: 0 0 20px #232323; box-shadow: 0 0 20px #232323; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.dragMe { background-color: transparent; }
.rel-popup { position: fixed !important; bottom: 0; right: 0; overflow: auto; }
.ui-title { z-index: 9; border: 1px solid #4CAF50; background-color: #4CAF50; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 0px; font-size: 17px; text-align: left; color: #fff; padding: 10px 0px 10px 10px; text-transform: capitalize; font-weight: 500; cursor: move; }
    .ui-title > span { float: right; cursor: pointer; padding: 0px 10px 10px 10px; }
.ui-body { display: block; background-color: #fff; padding: 5px 20px 10px 3px; overflow-y: auto; max-height: 480px; }
.ui-footer { background-color: #fff; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; padding: 5px 0px 15px 0px; text-align: right; display: table; width: 100%; }
.rel-popup button[data-icon="Preview"], button[data-icon="Preview"] { background-color: #20b2aa; }
    .rel-popup button[data-icon="Preview"]:focus, button[data-icon="Preview"]:focus { background-color: #f5f5f5; color: #20b2aa; border: 2px solid #20b2aa; font-weight: 600; }
.rel-popup button[data-icon="Delete"], button[data-icon="Delete"] { background-color: #ef5858; }
.rel-popup button[data-icon="Delete"], button[data-icon="Delete Receipt"] { background-color: #ef5858; }
    .rel-popup button[data-icon="Delete"]:focus, button[data-icon="Delete"]:focus { background-color: #f5f5f5; color: #ef5858; border: 2px solid #ef5858; font-weight: 600; }
    .rel-popup button[data-icon="Delete"]:focus, button[data-icon="Delete Receipt"]:focus { background-color: #f5f5f5; color: #ef5858; border: 2px solid #ef5858; font-weight: 600; }
.rel-popup button[data-icon="Save"], button[data-icon="Save"], .rel-popup button[data-icon="Add"], button[data-icon="Add"], .rel-popup button[data-icon="Modify"], button[data-icon="Modify"] { background-color: #4CAF50; }
    .rel-popup button[data-icon="Save"]:focus, button[data-icon="Save"]:focus, .rel-popup button[data-icon="Add"]:focus, button[data-icon="Add"]:focus, .rel-popup button[data-icon="Modify"]:focus, button[data-icon="Modify"]:focus { background-color: #f5f5f5; color: #4CAF50; border: 2px solid #4CAF50; font-weight: 600; }
.rel-popup button[data-icon="Close"], button[data-icon="Close"] { background-color: #abad22; }
    .rel-popup button[data-icon="Close"]:focus, button[data-icon="Close"]:focus { background-color: #f5f5f5; color: #abad22; border: 2px solid #abad22; font-weight: 600; }
.rel-popup button { margin-right: 5px; }
.close-dialog { z-index: 10; position: absolute; /* border: 1px solid; */ padding: 3px 14px; font-size: 18px; top: 6px; right: 2px; color: #f5f5f5; cursor: pointer; }
.txtOption:hover { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; filter: alpha(opacity=100); }

.txtOption { position: relative; float: left; text-indent: 0%; height: 35px; width: 35px; cursor: pointer; margin-right: 10px; }
    .txtOption i { color: inherit; text-decoration: none; font-size: 1.3em; position: relative; }
    .txtOption::before { left: 0; top: 0; content: ""; position: absolute; width: 100%; height: 100%; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all; -o-transition: all; -moz-transition: all; transition: all; -webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.12); z-index: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; opacity: 0; filter: alpha(opacity=0); }
    .txtOption:hover::before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; filter: alpha(opacity=100); }
.divoptions { margin-left: 13px; width: 200px; height: 0px; position: absolute; background-color: #fff; border: 0px 0px 10px rgba(255,93,7,0.5); -moz-box-shadow: 0px 0px 2px rgba(255,93,7,0.5); -webkit-box-shadow: 0px 0px 2px rgba(255,93,7,0.5); box-shadow: 0px 0px 2px rgba(255,93,7,0.5); -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; opacity: 0; z-index: -1; left: 65%; top: 60%; overflow-x: hidden; overflow-y: hidden; }
.optionAnimate { height: auto; -moz-transition: height 250ms ease-in-out; -o-transition: height 250ms ease-in-out; -webkit-transition: height 250ms ease-in-out; transition: height 250ms ease-in-out; opacity: 1; z-index: 5; }
.liOptions { width: 98.5%; height: 40px; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5); box-shadow: 0 0 1px rgba(0,0,0,0.5); color: #777; margin: 1px; list-style-type: none; }
    .liOptions:hover { background-color: rgba(218,218,218,0.5); cursor: pointer; }
.anchOptions { display: table-cell; padding: 8px 0px 0px 2px; font-size: 14px; float: left; cursor: pointer; text-decoration: none; color: #777; }
.btncnt { z-index: 9999; }
.LeftDiv { width:50%; float:left;}
.RightDiv { width:50%; float:left;}
.EditSubsDetial { display:none;}
.SubsDisable { cursor:no-drop;}
    .SubsDisable input { pointer-events: none;}
.PostPaidDetials {display:none;}
.PrePaidDetials {display:none;}

    /*Message box Popup*/
    .message_box_bg { background: #00000061; position: fixed; top: 0; display: flex; height: 100%; width: 100%; z-index: 999999; justify-content: center; align-items: center; }
.message_box_main { background: #fff; height: auto; width: 330px; margin: 0 auto; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(158,158,158,1); -moz-box-shadow: 0px 0px 5px 0px rgba(158,158,158,1); box-shadow: 0px 0px 5px 0px rgba(158,158,158,1); }
.message_box_header { text-align: center; width: 100%; padding: 15px 0px; border-radius: 10px 10px 0px 0px; }
.message_box_header img { width: 80px;  }
.message_box_body { text-align:center; padding: 0px 10px; }
    .message_box_body h2 { margin: 10px 0px 10px 0px; font-weight: 400; font-size: 18px; }
    .message_box_body p { margin: 0px 0px 10px 0px; }
.success_bg { background-color: #e5ffcd; }
.information_bg { background-color: #cbecff; }
.error_mesg_bg { background: #ffd3d3; }
.green_color { color: #77b43f; }
.blue_color { color: #30a3e6; }
.red_color { color: #e30d0d; }
 /*Message box Popup*/

@media (max-width:1366px) {
    #MSOToHUBContent { width: 93% !important; }
    #PayType { width: 50% !important; }
}

@media (max-width:1280px) {
    #AdvanceCriteriaContent { width: 77% !important; margin-left: auto !important; margin-bottom: 20px; }
    #ParticularMasterContent { width: 87% !important; margin-left: auto !important; margin-top: 20px !important; margin-bottom: 20px !important; }
    #AccountContent { width: 81% !important; margin-top: 40px !important; }
    #AreaContent { width: 40% !important; left: 0px !important; margin-top: 44px!important; }
    #SubAreaContent { width: 84% !important; left: 0px !important; margin-bottom: 20px; }
    #RoadContent { width: 84% !important; left: 0px !important; margin-bottom: 20px; }
    #ColonyContent { width: 84%!important; margin-top: 15%!important; }
    #GradeContent { width: 84% !important; width: 400px!important; }
    #MakeContent { margin-top: 30% !important; width: 400px!important; }
    #SubscriberConnContent { width: 64% !important; margin-top: 15%!important; left: 0px !important; margin: auto; }
    #CreditNoteContent { margin-top: 30%!important; width: 60% !important; }
        #CreditNoteContent .Newfieldset .panelblock { width: 100% !important; }
        #CreditNoteContent .titleDiv { width: 40% !important; }
    .tagline { width: 92% !important; }
    #DivAddConnection { width: 92%!important; }
    #DivContactDetail { width: 92%!important; }
    #DivOtherDetail { width: 92%!important; }
    #DivAddress { width: 92%!important; }
    #DivBillingAddress { width: 92%!important; }
    #PreferredLanguageContent { width: 50% !important; }
    .PopMe > Div { width: 40%; }
    #ManageReceiptContent { width: 80% !important; }
    #PayType { width: 59% !important; }
}

@media (max-width:990px) {
    #dialogState { top: 12em!important; width: 100%; }
    #AdvanceCriteriaContent { width: 96% !important; margin-left: auto !important; margin-bottom: 20px; }
    #relSubsAddress { width: 96%; margin-left: 3px; margin-top: 20px !important; }
    #SubscriberConnContent { width: 94% !important; margin-top: 7% !important; left: 0px !important; margin: auto; }
    #SubscriberDocumentContent { width: 93% !important; }
    #SubscriberAddressContent { width: 93% !important; }
    .add_address { margin-left: 0% !important; }
    #DivPaymentDetail .block { width: 100% !important; }
    #DivActionpopup { width: 93% !important; }
    #AllocateHardwareContent { width: 93% !important; }
    #PreferredLanguageContent { width: 50% !important; }
    .PopMe > Div { width: 60%; }
    #ColumnSettingContent { width: 60% !important; }
    #RateDefineContent { width: 74% !important; }
    #SchemeContent { width: 60% !important; }
    #PayType { width: 73% !important; }
}

@media (max-width:800px) {
    #ParticularMasterContent { width: 67% !important; margin-left: auto !important; margin-top: 30% !important; margin-bottom: 20px !important; }
    .PanelLeft { width: 100% !important; }
    .PanelRight { width: 100% !important; }
    #AccountContent { width: 81% !important; margin-top: 40px !important; }
    #AreaContent { width: 70% !important; left: 0px !important; margin-bottom: 20px; }
    #SubAreaContent { width: 70% !important; left: 0px !important; margin-bottom: 20px; }
    #RoadContent { width: 70% !important; left: 0px !important; margin-bottom: 20px; }
    #ColonyContent { width: 74% !important; margin-top: 30%!important; }
    #GradeContent { margin-top: 30%!important; width: 400px!important; }
    #MakeContent { margin-top: 30%!important; width: 400px!important; }
    #CreditNoteContent { margin-top: 30%!important; width: 74% !important; }
        #CreditNoteContent .Newfieldset .panelblock { width: 100% !important; }
        #CreditNoteContent .titleDiv { width: 40% !important; }
    .Receiptfieldset { width: 82%!important; height: auto !important; }
    .tagline { width: 92% !important; }
    #DivAddConnection { width: 92%!important; }
    #DivContactDetail { width: 92%!important; }
    #DivOtherDetail { width: 92%!important; }
    #DivAddress { width: 92%!important; }
    #DivBillingAddress { width: 92%!important; }
    #divHideSTBVC { width: 92% !important; }
    #DivConnection { width: 92% !important; }
    #MSOToHUBContent { width: 80% !important; margin-top: 10% !important; margin-bottom: 10%; }
    #SubscriberOtherDetailsContent { width: 93% !important; }
    #amtdiv { float: left !important; }
    #SubscriberContactDetailsContent { width: 93% !important; }
    #DivPaymentDetail { width: 92% !important; }
    #ColumnSettingContent { width: 90% !important; }
    #SchemeContent { width: 90% !important; }
}

@media (max-width:768px) {
    #ParticularMasterContent { width: 82% !important; margin-left: auto !important; margin-top: 20px !important; margin-bottom: 20px !important; }
    #AccountContent { width: 81% !important; margin-top: 40px !important; }
    .PanelLeft { width: 100% !important; }
    .PanelRight { width: 100% !important; }
    #AreaContent { width: 84% !important; left: 0px !important; }
    #SubAreaContent { width: 84% !important; left: 0px !important; margin-bottom: 20px; }
    #RoadContent { width: 84% !important; left: 0px !important; margin-bottom: 20px; }
    #ColonyContent { width: 84%!important; margin-top: 15%!important; }
    #GradeContent { margin-top: 30%!important; width: 400px!important; }
    #MakeContent { margin-top: 30%!important; width: 400px!important; }
    #UnitContent { margin-top: 30%!important; width: 400px!important; }
    #CategoryContent { margin-top: 30%!important; width: 400px!important; }
    #TransportContent { margin-top: 30%!important; width: 400px !important; }
    #AgainstFormContent { margin-top: 30%!important; width: 400px !important; }
    #CreditNoteContent { margin-top: 30%!important; width: 62% !important; }
        #CreditNoteContent .Newfieldset .panelblock { width: 100% !important; }
        #CreditNoteContent .titleDiv { width: 40% !important; }
    .Receiptfieldset { width: 82%!important; height: auto !important; }
    .tagline { width: 93% !important; }
    #DivAddConnection { width: 93%!important; }
    #DivContactDetail { width: 93%!important; }
    #DivOtherDetail { width: 93%!important; }
    #DivAddress { width: 93%!important; }
    #DivBillingAddress { width: 93%!important; }
    #MSOToHUBContent { width: 92% !important; margin-top: 10% !important; margin-bottom: 10%; }
    #DivConnection { width: 99% !important; }
    #divHideSTBVC { width: 99% !important; }
    #DivPaymentDetail { width: 99% !important; }
    #PreferredLanguageContent { width: 50% !important; }
    #AddMoneyContent { width: 90% !important; }
    #ManageReceiptContent { width: 90% !important; }
    #PayType { width: 90% !important; }
}

@media (max-width:640px) {
    #ParticularMasterContent { width: 80% !important; margin-left: 33px!important; margin-top: 20px !important; margin-bottom: 20px !important; }
    #ParticularGroupContent { width: 60% !important; margin-top: 23.25px !important; left: 0px !important; margin-left: 20px !important; margin-bottom: 20px !important; }
    #AccountContent { width: 84% !important; margin-top: 40px !important; margin-top: 20px !important; }
    .PanelLeft { width: 100% !important; }
    .PanelRight { width: 100% !important; }
    #AreaContent { width: 57% !important; left: 0px !important; margin-top: 20px !important; }
    #SubAreaContent { width: 60% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #RoadContent { width: 60% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #ColonyContent { width: 60%!important; margin-top: 29.25px!important; }
    #GradeContent { margin-top: 30%!important; width: 60% !important; }
    #MakeContent { margin-top: 30%!important; width: 60% !important; }
    #UnitContent { margin-top: 7%!important; width: 60% !important; }
    #CategoryContent { margin-top: 30%!important; width: 60% !important; }
    #TransportContent { margin-top: 30%!important; width: 60% !important; }
    #AgainstFormContent { margin-top: 30%!important; width: 60% !important; }
    #CreditNoteContent { margin-top: 30%!important; width: 60% !important; }
        #CreditNoteContent .Newfieldset .panelblock { width: 100% !important; }
        #CreditNoteContent .titleDiv { width: 40% !important; }
    .Receiptfieldset { width: 100%!important; height: auto !important; margin-left: 0px !important; }
    .tagline { width: 92% !important; }
    #DivAddConnection { width: 92%!important; }
    #DivContactDetail { width: 92%!important; }
    #DivOtherDetail { width: 92%!important; }
    #DivAddress { width: 92%!important; }
    #DivBillingAddress { width: 92%!important; }
    .checkbox { width: 100% !important; }
    #MSOToHUBContent { width: 92% !important; margin-top: 10% !important; margin-bottom: 10%; }
    #amtdiv { float: left !important; }
    #PackageChannelDetailsContent .block { width: 85%; }
    #dialogState { top: 10.8em!important; }
    #txtAutoDoc { width: 83%!important; }
    .block-half { width: 100% !important; height: auto !important; }
    #PreferredLanguageContent { width: 90% !important; }
    .PopMe > Div { width: 90%; }
    #RateDefineContent { width: 90% !important; }
    #AddMoneyContent { width: 90% !important; }
    #Payonline { width: 90% !important; }
    #PayType { width: 94% !important; }
    #maindivforforms { width: 79% !important; }
    .PayInfoMain { width: 80% !important; }
    .LeftDiv { width:97%; float:left;}
    .RightDiv { width:97%; float:left;}
}

@media (max-width:500px) {

    #ParticularGroupContent { width: 85% !important; margin-top: 23.25px !important; left: 0px !important; margin-left: 20px !important; margin-bottom: 20px !important; }
    #ParticularMasterContent { width: 87% !important; margin-left: 12px !important; margin-top: 20px !important; margin-bottom: 20px !important; }
    #AccountTypeContent { width: 74% !important; margin-top: 20px !important; }
    #AccountGroupContent { width: 77% !important; margin-top: 20px !important; }
    #AccountContent { width: 84% !important; margin-top: 40px !important; }
    .PanelLeft { width: 100% !important; }
    .PanelRight { width: 100% !important; }
    #AreaContent { width: 91% !important; left: 0px !important; }
    #SubAreaContent { width: 71% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #RoadContent { width: 71% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #ColonyContent { width: 91%!important; margin-top: 29.25px!important; }
    #MakeContent { margin-top: 29.25px!important; width: 74% !important; }
    #GradeContent { margin-top: 29.25px!important; width: 74% !important; }
    #MakeContent { margin-top: 30%!important; width: 74% !important; }
    #UnitContent { margin-top: 30%!important; width: 74% !important; }
    #CategoryContent { margin-top: 30%!important; width: 74% !important; }
    #TransportContent { margin-top: 30%!important; width: 74% !important; }
    #AgainstFormContent { margin-top: 30%!important; width: 74% !important; }
    #CreditNoteContent { margin-top: 30%!important; width: 74% !important; }
        #CreditNoteContent .Newfieldset .panelblock { width: 100% !important; }
        #CreditNoteContent .titleDiv { width: 40% !important; }
    .Receiptfieldset { width: 100%!important; height: auto !important; margin: 0px !important; }
    .tagline { width: 92% !important; }
    #DivAddConnection { width: 92%!important; }
    #DivContactDetail { width: 92%!important; }
    #DivOtherDetail { width: 92%!important; }
    #DivAddress { width: 99%!important; }
    #DivBillingAddress { width: 99%!important; }
    #dialogState { top: 11em!important; }
    #MSOToHUBContent { width: 92% !important; margin-top: 10% !important; margin-bottom: 10%; }
    #amtdiv { min-width: 100% !important; width: 100%; }
    #txtAutoDoc { width: 79%!important; }
    #divHideSTBVC { width: 99% !important; }
    #DivConnection { width: 99% !important; }
    #DivPaymentDetail { width: 99% !important; }
    .BCHeader { float: left; width: 84%; }
    .PayInfoMain { width: 81% !important; }
    #maindivforforms { width: 80% !important; }
    
}

@media (max-width:420px) {
    #dialogState { top: 12em!important; }
    #DyDocumentfieldset { width: 90% !important; }
    #maindivforforms { width: 79% !important; }
    .PayInfoMain { width: 81% !important; }
    .message_box_main { width: 95%; }
}

@media (max-width:384px) {

    #SubscriberDocumentContent { width: 90% !important; margin-top: 20px !important; }
    #ParticularMasterContent { width: 90% !important; margin-left: 12px; margin-top: 20px !important; margin-bottom: 20px !important; }
    #ParticularGroupContent { width: 83% !important; margin-top: 23.25px !important; left: 0px !important; margin-left: 20px !important; margin-bottom: 20px !important; }
    #AccountTypeContent { width: 74% !important; margin-top: 20px !important; }
    #AccountGroupContent { width: 77% !important; margin-top: 20px !important; }
    #AccountContent { width: 94% !important; margin-top: 40px !important; margin-top: 20px !important; }
    .PanelLeft { width: 100% !important; }
    .PanelRight { width: 100% !important; }
    #AreaContent { width: 91% !important; left: 0px !important; margin-top: 20px !important; }
    #SubAreaContent { width: 74% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #RoadContent { width: 74% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #ColonyContent { width: 91%!important; margin-top: 29.25px!important; }
    #MakeContent { margin-top: 29.25px!important; width: 74% !important; }
    #GradeContent { margin-top: 29.25px!important; width: 74% !important; }
    #MakeContent { margin-top: 30%!important; width: 74% !important; }
    #UnitContent { margin-top: 30%!important; width: 74% !important; }
    #CategoryContent { margin-top: 30%!important; width: 74% !important; }
    #TransportContent { margin-top: 30%!important; width: 74% !important; }
    #AgainstFormContent { margin-top: 30%!important; width: 74% !important; }
    #CreditNoteContent { margin-top: 30%!important; width: 72% !important; }
        #CreditNoteContent .Newfieldset .panelblock { width: 100% !important; }
        #CreditNoteContent .titleDiv { width: 40% !important; }
    .Receiptfieldset { width: 82%!important; height: auto !important; }
    .tagline { width: 100% !important; }
    #DivAddConnection { width: 100% !important; }
    #DivContactDetail { width: 100% !important; }
    #DivOtherDetail { width: 100% !important; }
    #DivAddress { width: 100% !important; }
    #DivBillingAddress { width: 100%!important; }
    #divHideSTBVC { width: 100% !important; }
    #DivConnection { width: 100% !important; }
    #MSOToHUBContent { width: 92% !important; margin-top: 10% !important; margin-bottom: 10%; }
    #dialogState { top: 12.8em!important; }
    #amtdiv { min-width: 100% !important; }
}


@media (max-width:320px) {
    #AdvanceCriteriaContent { width: 96% !important; margin-left: auto !important; margin-bottom: 20px; }
    .PanelLeft { width: 100% !important; }
    .PanelRight { width: 100% !important; }
    #ParticularMasterContent { width: 90% !important; margin-left: 11px !important; margin-top: 20px !important; margin-bottom: 20px !important; }
    #FilterSubscriber { width: 78%!important; margin-top: 8.5%!important; padding-bottom: 34px !important; }
    #SubscriberConnContent { width: 94% !important; margin-top: 7% !important; margin: auto; left: 0px !important; }
    #SubscriberDocumentContent { width: 91% !important; margin: auto; margin-top: 20.5px !important; }
    #ParticularGroupContent { width: 83% !important; margin-top: 23.25px !important; left: 0px !important; margin-left: 12px !important; margin-bottom: 20px !important; }
    #AccountTypeContent { width: 81% !important; margin-top: 20px !important; }
    #AccountGroupContent { width: 77% !important; margin-top: 20px !important; }
    #AccountContent { width: 95% !important; margin-top: 40px !important; margin-top: 20px !important; }
    #AreaContent { width: 91% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #SubAreaContent { width: 74% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #RoadContent { width: 74% !important; left: 0px !important; margin-bottom: 20px; margin-top: 20px !important; }
    #ColonyContent { margin-top: 30%!important; width: 91% !important; }
    #MakeContent { margin-top: 30%!important; width: 74% !important; }
    #GradeContent { margin-top: 30%!important; width: 74% !important; }
    #MakeContent { margin-top: 30%!important; width: 74% !important; }
    #UnitContent { margin-top: 30%!important; width: 74% !important; }
    #CategoryContent { margin-top: 30%!important; width: 74% !important; }
    #TransportContent { margin-top: 30%!important; width: 74% !important; }
    #AgainstFormContent { margin-top: 30%!important; width: 74% !important; }
    #CreditNoteContent { margin-top: 30%!important; width: 72% !important; }
        #CreditNoteContent .Newfieldset .panelblock { width: 100% !important; }
        #CreditNoteContent .titleDiv { width: 40% !important; }
    #ManageReceiptContent { margin-top: 15%!important; width: 93% !important; margin-bottom: 20px; }
        #ManageReceiptContent .Newfieldset .panelblock { width: 100% !important; }
        #ManageReceiptContent fieldset { width: 93% !important; }
    #ReceiptDetail .block { width: 98%!important; }
    .Receiptfieldset { width: 93%!important; height: auto !important; margin-left: 0px !important; }
    .tagline { width: 98% !important; }
    #DivAddConnection { width: 98%!important; }
    #DivContactDetail { width: 98%!important; }
    #DivOtherDetail { width: 98%!important; }
    #DivAddress { width: 98%!important; }
    #DivBillingAddress { width: 98%!important; }
    #MSOToHUBContent { width: 83% !important; margin-top: 10% !important; margin-bottom: 10%; }
    #divHideSTBVC { width: 98% !important; }
    #DivConnection { width: 98% !important; }
    /*#CmdProvisionLogDetailsContent .block { width: 91%!important; }*/
    #relSubsAddress { width: 96%; margin-left: 3px; margin-top: 20px !important; }
    #PackageChannelDetailsContent .block { width: 85%; }
    #amtdiv { min-width: 100% !important; }
    .chkbox-Fit { margin: 0.8em 0px 0px 4px !important; }
    .checkbox label { width: 100%; }
    #txtAutoDoc { width: 79%!important; }
    #dialogState { top: 12em!important; }
    .block-half { width: 100% !important; height: auto !important; }
    #SubscriberOtherDetailsContent fieldset { margin-top: 4% !important; }
}