@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
    --primary:#013763;
    --secondary:#06b9d9;
    --info:#00cd98;
    --btn-primary: #013763;
    --btn-primary-hover: #06b9d9;
    --btn-secondary: #013763;
    --btn-secondary-hover: #004990;
    --btn-info: #00cd98;
    --text-white: #ffffff;
    --text-primary: #212529;
    --bg-white: #ffffff;
    --text-black: #000000;
    --light-blue: #004990;
    --dark-blue: #002458;
    --red-color: #EA1946;
    --dark-green: rgb(0, 70, 58);
    --lighter-blue: rgb(0, 174, 236);
    --default-font: 'Poppins', sans-serif;
}
.width_80{width: 80% !important;}
.width_70{width: 70% !important;}
.width_50{width: 50% !important;}
.width_33{width:33% !important}
.width_20{width:20% !important}
.width_10{width:10% !important}

.navbar-static-top .navbar-inverse { background: transparent !important; box-shadow: none !important; }
.box-shadow-none{box-shadow: none !important;}
i.lni.lni-alarm { color: var(--light-blue);}
.rounded-0{border-radius: 0 !important;}
.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.p-0{padding: 0 !important;}
.pb-1{padding-bottom: 10px !important;}
.pb-2{padding-bottom: 20px !important;}
.pb-3{padding-bottom: 30px !important;}
.pt-0{padding-top: 0px !important;}
.pt-1{padding-top: 10px !important;}
.pt-2{padding-top: 20px !important;}
.pt-3{padding-top: 30px !important;}
.pr-0{padding-right: 0px !important;}

.mb-1{margin-bottom: 10px !important;}
.mb-2{margin-bottom: 20px !important;}
.mb-3{margin-bottom: 30px !important;}
.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.ml-auto{margin-left: auto !important;}
.ml-0{margin-left: 0 !important;}
.ml-1{margin-left: 10px !important;}
.ml-2{margin-left: 20px !important;}
.ml-3{margin-left: 30px !important;}
.mr-0{margin-right: 0 !important;}
.mr-1{margin-right: 10px !important;}
.mr-2{margin-right: 20px !important;}
.mr-3{margin-right: 30px !important;}
.mr-auto{margin-right: auto !important;}
.flex-wrap{flex-wrap: wrap !important;}
.left-align-margin{margin-left: 0 !important; margin-right: auto !important;}
.toast-bottom-center{right:0; left:0; bottom: 20px; margin: auto; width: 300px;}
.fw-bold{font-weight: bold;}
.border-0{border: none !important;}
.loader{ position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; display: none; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(265,265,265,.9); flex-direction: column; z-index: 99;}
.loader img{margin:10px auto;}
.loader#register_loader,.loader.full_page_loader{position: fixed;}
.page-loader{display: flex; position: fixed; left: 0; z-index: 999; background-color: rgba(265,265,265,.7);}
.member_compliance_link .caret{display: none;}
.sidebar .weblink>a::before{content:''; font-size: 30px; line-height: 1.28em; color: var(--light-blue); font-family: 'Material Icons'; width: 100%; display: flex;  justify-content: center;}
.sidebar .weblink>a[title="Dashboard"]::before { content: '\e88a'; }
.sidebar .weblink>a[title="Home"]::before { content: '\e88a'; }
.sidebar .weblink>a[title="Membership"]::before { content: '\e7ef'; }
.sidebar .weblink>a[title="Profile"]::before { content: '\e853'; }
.sidebar .weblink>a[title="Queries"]::before { content: '\e0b7'; }
.sidebar .weblink>a[title="Member Compliance"]::before { content: '\e865'; }
.sidebar .weblink>a[title="Membership Fee Payment"]::before { content: '\e870'; }
.sidebar .weblink>a[title="Invoice"]::before { content: '\e873'; }
.sidebar .weblink>a[title="Sign out"]::before { content: '\e879'; }
.sidebar .weblink>a[title="Sign in"]::before { content: '\ea77'; }
.sidebar .weblink>a[title="Invoice PDF"]::before { content: '\e415'; }
.sidebar .weblink>a[title="PayU"]::before { content: '\e870'; }
.sidebar .weblink>a[title=Exam]::before {content: '\e85d'}
.sidebar .weblink>a::after {content: ""; position: absolute; opacity: 0.2; display: block; top: 5%; left: 5%; width: 90%; height: 90%; z-index: 0; }
.sidebar .nav-left .weblink { text-decoration: none; width: 100px; height: 100px; cursor: pointer; padding: 1rem 0px; position: relative; display: flex;
flex-direction: column;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;margin-bottom: 10px;border-radius: 50% 50% 0px;
transition: all 0.3s ease;}

.remove-clone-icon{position: absolute; right: 20px;top: 20px;color: var(--btn-primary);}

.btn:focus,.btn-default:active:focus,.btn:active:focus{outline: none;}
.btn-default{color: var(--red-color); border-color: var(--red-color); font-weight: 500; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}
.btn-default:hover,.btn-default:focus{color: var(--red-color); background-color: rgba(234, 25, 70, 0.08); border-color: var(--red-color); outline: none; box-shadow: none;}

*{font-family: var(--default-font);}
p{word-wrap: break-word;}
p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, footer .footer-bottom p{font-family: var(--default-font); font-size: inherit; color: inherit;}
.clock{border-radius: 70px; border: 5px solid var(--btn-primary);position: absolute;  top: 50%;  left: 50%;  margin-left: -50px;  margin-top: -50px;  display: block;
  width: 90px;  height: 90px;}
.panel p.mb-0.fw-bold { font-weight: normal !important; font-size: 15px; font-family: var(--default-font);}
.clock:after{ content: ""; position: absolute; background-color: var(--btn-secondary);top: 13px;	left: 48%;	height: 50px;	width: 6px;	border-radius: 5px;	-webkit-transform-origin: 50% 97%;
	transform-origin: 50% 97%;	-webkit-animation: grdAiguille 2s linear infinite;	animation: grdAiguille 2s linear infinite;}

@-webkit-keyframes grdAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes grdAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.clock:before{
	content: "";	position: absolute;	background-color: var(--btn-secondary);	top: 24px;	left: 48%;	height: 40px;	width: 6px;	border-radius: 5px;	-webkit-transform-origin: 50% 94%;
	transform-origin: 50% 94%;	-webkit-animation: ptAiguille 12s linear infinite;animation: ptAiguille 12s linear infinite;}

@-webkit-keyframes ptAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes ptAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.d-flex{display: flex !important;}
.d-inline-flex{display: inline-flex !important;}
.flex-wrap{flex-wrap: wrap !important;}

.small_width{width:200px !important}
.medium_width{width:300px !important}
.large_width{width:400px !important}

:root {
  --bs-primary-rgb: 234, 25, 70;
  --bs-secondary-rgb: 0, 73, 144;
}
body{
  padding: 0;
  margin: 0 auto;
  font-family: var(--default-font);
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/material-icon.eot') format('embedded-opentype'), 
  url('/material-icon.woff2') format('woff2'), 
  url('/material-icon.woff') format('woff'), 
  url('/material-icon.ttf') format('truetype'), 
  url('/material-icon.svg') format('svg');
}
/*@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");*/
/*fallback*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/material-icon.woff2) format('woff2');
}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal;  text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}

.align-items-center {align-items: center !important;}
.justify-content-center { justify-content: center!important;}
.justify-content-start { justify-content: start!important;}
.justify-content-end { justify-content: end!important;}
.flex-column{ flex-direction: column !important; }

hr.box-divider { opacity: 1; margin: 25px 16px; border: none; flex-shrink: 0; background-color: rgba(0, 0, 0, 0.12);}
hr:not([size]) { height: 1px;}
.signup_box{width: 400px; max-width: 100%; margin: 28px auto; border-radius: 10px; overflow: hidden; box-shadow: rgb(0 0 0 / 2%) 0px 2px 10px 10px;}
.signup_box .signup_header{background: rgb(0, 73, 144); padding: 24px 32px; border-radius: 10px 10px 0 0;}
.signup_box .signup_header img{width: 80%; margin: auto; }
.signup_box .signup_body{background: #ffffff; padding: 34px 32px; font-size: 12px;}
.signup_box .signup_body p{line-height: 1.66}
.signup_box .signup_body a{margin-bottom: 15px; display: inline-flex;}
hr.box-divider{ opacity:1; margin: 25px 16px; border: none; flex-shrink: 0; background-color: rgba(0, 0, 0, 0.12);}
.signup_body h3{color: rgba(0,0,0,.87)}

.registration_body,.registration_body .wrapper-body{background: rgb(242, 251, 254);}
.registration_body header.main_header{display: none;}
.registration_body .sidebar{display: none;}
.registration_body .sidebar + .page-copy{width: 100%; padding-bottom: 20px;}

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none;  display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}
a { color: var(--light-blue); text-decoration: none;}
.btn{ font-family: var(--default-font); font-size: 14px; font-weight: 500; background: transparent; border-radius: 4px;}
.btn-primary{background: var(--red-color);; border-color:var(--red-color);  box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%); transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}
.btn-secondary{background: rgb(0, 73, 141); border-color: rgb(0, 73, 141); color:var(--text-white)}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:focus,.btn-secondary:active:hover{background: var(--btn-primary); color: var(--text-white); border-color: var(--btn-secondary-hover);}
.btn-primary .material-icons{margin-right: 8px;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover{background: rgb(163, 17, 49); border-color: rgb(163, 17, 49); outline: none; box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%);}
.btn,.btn:disabled{font-size: 14px; }
.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus,.btn-outline-primary.active:hover,.btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus{box-shadow: none;}
.btn-outline-primary { color: var(--red-color); border-color: var(--red-color); font-weight: 500; transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary:active:focus{color: var(--red-color); background-color: rgba(234, 25, 70, 0.08); border-color: var(--red-color); outline: none; box-shadow: none;}

.btn-outline-secondary { color: var(--btn-secondary-hover); border-color: var(--btn-secondary-hover); font-weight: 500; transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active,.btn-outline-secondary:active:focus,.btn-outline-secondary:active:hover{color: var(--btn-secondary-hover); background-color:rgba(0, 73, 144, 0.08); border-color: var(--btn-secondary-hover); outline: none; box-shadow: none;}

.btn.disabled,.btn.disabled:hover,.btn.disabled:focus{color: rgba(0,0,0,.26); pointer-events: none; background-color: rgba(0,0,0,.12); cursor: not-allowed; opacity: .65; border-color: rgba(0,0,0,.12);  box-shadow: none;}
.btn[disabled]{background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.12); pointer-events: none;}
/*.btn-primary:disabled,.btn-primary:read-only{background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.12); pointer-events: none;}*/

.btn-sm{font-size: 10px !important;}
.font-bold{font-weight: 700 !important;}
.text-white{color: var(--text-white) !important;}
.text-dark{color: var(--text-black) !important;}
.alert-primary{background-color: rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230); color: rgb(128, 161, 183); font-size: 14px;}
.alert-primary p{color: rgb(128, 161, 183);}
.text-primary{color:rgb(234, 25, 70);}
.text-primary:hover,.text-primary:focus{color:var(--bs-secondary-rgb) !important;}
.bg-white{background: #ffffff !important;}
.fs-4{ font-size: 18px !important}
.fs-5{font-size: 16px !important}
.fs-6{font-size: 14px !important;}
.fs-7{font-size: 12px !important;}
.light-bg{background: rgb(242, 251, 254)}
.w-100{width: 100% !important;}
h1,h2,h3,h4,h5,h5{font-family: var(--default-font);}
h3{font-size: 18px; font-weight: bold; color: var(--light-blue); }
label{font-weight: normal;font-size: 12px;font-family: var(--default-font);}
#wrapper{display: flex; position: relative; flex-wrap: wrap;}
#wrapper::before{content:''; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 378px; background:rgb(0, 73, 144); z-index: -1;}

.membership_section .progress.list-group.left{margin-top: 0; background: none; border: none;  box-shadow: none;}
.membership_section .membership_content{padding-right: 40px; padding-left: 10px;}
.membership_section .col-md-2.div-left{width: 25%;}
.membership_section .right.col-md-10{width: 75%; border-radius: 10px;}
.membership_section .right.col-md-10 .entity-form{padding: 25px 10px;}
.membership_section .tab-title{font-size: 18px; font-weight: bold; color: var(--light-blue); padding-bottom: 10px; margin-top: 0;}
.membership_section .progress .list-group-item:first-child{border-radius: 10px 10px 0 0; }
.membership_section .progress .list-group-item:last-child{border-radius: 0 0 10px 10px;}
.membership_section .progress .list-group-item .glyphicon{color: var(--red-color);} 
.membership_section .progress .list-group-item{padding: 15px; font-weight: 500; background: #fff;}
.membership_section .progress .list-group-item.active{background: var(--red-color); color: #fff; border-color: var(--red-color);}
.membership_section .right.col-md-10 .entity-form .tab-column fieldset{background-color: rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230); border-radius: 5px; padding: 10px 30px;}
.membership_section .right.col-md-10 .entity-form .tab-column fieldset tr td{padding-left:0; padding-right:0;}

.partner_doc fieldset:first-child .remove-clone-icon { display: none;}

.sidebar::-webkit-scrollbar { width: 5px;}
.sidebar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #fff;}
.sidebar::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.3); outline: 1px solid rgba(0,0,0,0.3);}
.sidebar{width: 315px; position: fixed; height: 100%; background: var(--light-blue); overflow-y: auto; top: 0;z-index: 999;} 
.sidebar .logo{padding: 16px 16px 30px;}
.sidebar .logo img{width: 76%}
.sidebar .profile_info {padding: 0 15px 23px; min-height: 263px;}
.sidebar .profile_info .profile-name{font-size: 20px;color: #fff; font-family: var(--default-font); margin-bottom: 10px; margin-top: 10px;}
.sidebar .profile_info .profile-icon{background: var(--light-blue); color: #fff; border-radius: 100%; padding: 0; width: 95px; height: 95px; font-size: 115px; display: flex; align-items: center; justify-content: center;}
.sidebar .profile_info .profile-icon .material-icons{font-size: inherit;}
.sidebar .profile_more{display: flex; flex-wrap: wrap; box-sizing: border-box; -webkit-box-align: start; align-items: start;}
.sidebar .profile_more p{margin-bottom: 0; color: rgb(255, 255, 255); font-size: 14px; line-height: 1.2; white-space: nowrap;}
.sidebar .profile_more .profile_more_icon{color: #fff; font-size: 18px; padding: 0 10px 4px 0;}
.sidebar .profile_more .material-icons{color: #fff; margin-right: 8px; font-size: 18px;}
.sidebar .profile_more .profile-membership{color: rgb(255, 255, 255); font-size: 14px; line-height: 1.2; white-space: nowrap; overflow: hidden; margin-bottom: 2px;}
.sidebar .profile_more .profile-subtext{color: rgb(191, 209, 227); font-size: 12px; white-space: nowrap; overflow: hidden; margin-bottom: 5px;}
.sidebar .profile_more + .profile_more{margin-top: 5px;}
.sidebar .profile_more .profile_more_right{min-width: 90px;}

.sidebar .nav-left{ display: flex; flex-wrap: wrap; padding: 15px 33px 29px; text-align: center; background-color: rgb(242, 251, 254); border-top-right-radius: 20px;}
.sidebar .nav-left ul.navbar-nav{display: flex; flex-wrap: wrap; gap:5px;}
.sidebar .nav-left .weblink{text-decoration: none; width: 100px; height: 100px; cursor: pointer; padding: 0; position: relative;  display: flex; flex-direction: column; -webkit-box-align: center;
    align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 10px; border-radius: 50% 50% 0px; transition: all 0.3s ease;}
.sidebar .nav-left .navbar ul.nav li.weblink a{font-size: 13px; width: 100px; height: 100px; font-weight: 400; font-family: var(--default-font); margin-left: 0; padding-right: 5px; padding-left: 5px; line-height: 1.2em; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sidebar .nav-left li.weblink:hover::before { content: ""; background-color: rgb(208, 220, 230); border-radius: 50% 50% 0px; position: absolute; opacity: 0.2;
 display: block; top: 0; left: 0; width: 99%; height: 99%; z-index: 0; right: 0; bottom: 0; margin: auto;}
.sidebar .nav-left .navbar ul.nav li.weblink.member_compliance_link a{padding-left: 17px;}
.sidebar .nav-left .weblink:nth-child(even){margin-left: 8px;}
.sidebar .nav-left .weblink.signout-item{margin-left:0}
.sidebar .nav-left .weblink:hover{background: rgba(208, 220, 230, 0.2);}
.sidebar .nav-left .weblink.active a{background-color: rgb(234, 25, 70); border-radius: 50% 50% 0px; box-shadow: rgb(2 69 143 / 30%) 4px 4px 24px;}
.sidebar .navbar-inverse .navbar-nav > li > a:focus{background: none; color: inherit; outline: none; box-shadow: none; border: none !important;}
.sidebar .nav-left .weblink .material-icons,.sidebar .nav-left .weblink .lni{color: var(--light-blue); font-size: 30px; margin-bottom: 5px;}
.sidebar .nav-left .weblink.active a:before{color: var(--text-white);}
.sidebar .nav-left .link-text{font-size: 13px; padding: 0px 5px; text-align: left; position: relative; z-index: 1; color: rgba(0, 0, 0, 0.87); margin-bottom: 0}
.sidebar .nav-left .weblink.active a,.sidebar .nav-left .weblink.active a .material-icons,.sidebar .nav-left .weblink.active a .lni{ color: #fff; position: relative;}
.sidebar + .page-copy{ width: calc(100% - 325px); margin-left: auto; margin-right: 0; position: relative;}
.sidebar .navbar-collapse.collapse{display: block !important;}
.table.table-no-hover tbody tr:hover{background: none;}
.pos-relative{position: relative;}
.usefulLinksContainer{margin-top: 20px;}
.usefulLinksContainer .usefullinkList{list-style: none; padding: 0; margin: 0}
.usefulLinksContainer .usefullinkList li{width: 100%; display: flex;}
.usefulLinksContainer .usefullinkList li a{width: 100%; font-size: 14px; display: flex; align-items: flex-start; text-decoration: none; transition: all 0.3s ease;}
.usefulLinksContainer .usefullinkList li:hover a{background-color: rgba(208, 220, 230, 0.2); color: var(--light-blue);}
.usefulLinksContainer .usefullinkList li .material-icons,.usefulLinksContainer .usefullinkList li .lni{font-size: 24px; margin-right: 18px; color: var(--red-color);}
.usefulLinksContainer .usefullinkList li label{ width:100%; font-size: 14px; text-align: left; border-bottom: 1px solid rgb(208, 220, 230); cursor: pointer; font-weight: 400}
.usefulLinksContainer .usefullinkList li label,.usefulLinksContainer .usefullinkList li .material-icons,.usefulLinksContainer .usefullinkList li .lni{padding: 15px 0}
.usefulLinksContainer .usefullinkList li label i{font-size: 12px;}
.overlay{display: none; background: rgba(0,0,0,.3); position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 13;}
.tab-content>.active.show {opacity: 1;}
.tab-content>.tab-pane{min-height: 200px; position: relative;}
.tab-content>.tab-pane p a{ white-space: pre-line; word-break: break-all; }
/* .tab-content>.tab-pane .declaration_content_inner{padding: 25px; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);} */
.tab-content>.tab-pane .declaration_content_inner{box-shadow: none; padding: 0;}
.tab-content>.tab-pane #odata-Table{position: relative;}

.tab-pane .fieldset_footer_submit { width: 100%; position: absolute; left: 0; right: 0; bottom: -70px; justify-content: flex-end; display: inline-flex;}
.tab-pane .fieldsetFormHeader{margin-bottom: 70px;}

.input-group{display: inline-table;}
#btn1{width: 100%; margin: 30px 5px 5px; border-radius: 4px; padding: 8px 150px;}
.form-control{font-size: 1.5rem;}
.datepicker-days table tbody tr td button{font-size: 10px;}
.datepicker-days table thead tr th button{font-size: 10px;color: black;}
.datepicker-days table thead tr th button .glyphicon-chevron-left{font-size: 10px;color: black;}
.datepicker-days table thead tr th button .glyphicon-chevron-right{font-size: 10px;color: black;}
#newQuery{position: fixed;color: #fff;font-family: var(--default-font);border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 60px;height: auto;border: none;padding: 33px 10px;top: 50%; transform: translateY(-50%); right: 15px;background: rgb(234, 25, 70);z-index: -1;}
#content-wrapper{ width: calc(100% - 325px); margin-left: auto; margin-right: 0; position: relative;}
.mobile-menu{display: none; width: 48px; height: 48px; background: rgb(234, 25, 70); align-items: center; justify-content: center; color: #fff;}
header.main_header{width: calc(100% - 365px); position: absolute; right: 0; margin: auto; z-index: 1;}
.top_head{width: calc(100% - 55px); height: 48px; z-index: 1; display: flex; box-shadow: rgb(2 69 143 / 30%) 4px 4px 24px; background-color: rgb(0, 36, 88); border-radius: 0px 0px 20px 20px;}
.top_head .breadcrumb{ margin-bottom: 0; width: calc(100% - 240px); display: flex; min-height: 30px; border-radius: 0px 0px 0px 22px;}
.top_head .breadcrumb li{display: inline-flex; align-items: stretch; margin:0; background: #ffffff; z-index: 1;}
.top_head .breadcrumb li.active,.top_head .breadcrumb .li:nth-child(1){border-bottom-right-radius: 20px; z-index: 0}
.top_head .breadcrumb li.active{display: flex; font-size: 16px; padding: 0 12px 0 12px; margin: 0; color:  rgb(0, 36, 88); align-items: center; border-bottom-right-radius: 20px; background: #fff; text-transform: capitalize;
    font-weight: 400;}

.top_head .breadcrumb li a,.top_head .breadcrumb li.Dashboard + li.active{text-decoration: none;display: flex; font-size: 16px; padding: 0 32px 0 16px; margin: 0; color: #fff; align-items: center; border-bottom-right-radius: 20px; background: rgb(234, 25, 70); border-bottom-left-radius: 20px;}
.top_head .breadcrumb.Dashboard li:nth-child(1){display: none;}
.top_head .breadcrumb.Dashboard li.active{background: rgb(234, 25, 70); color: #fff; border-bottom-left-radius: 20px;}
.top_head .breadcrumb.Dashboard li:before{content: '\e88a'; font-family: 'Material Icons'; padding: 0; font-size: 30px; margin-right: 16px; display: block !important; color: #fff;}
.top_head .breadcrumb li:first-child{border-bottom-left-radius: 22px;}
.top_head .breadcrumb li.active a{background: #ffffff; color: rgb(0, 36, 88); }
.top_head .breadcrumb li:first-child a:before{content: '\e88a'; font-family: 'Material Icons'; font-size: 30px; margin-right: 16px; }
.top_head .breadcrumb li + li{padding-left: 0; border-bottom-right-radius:20px; margin-left: -15px; }
.top_head .breadcrumb li + li a{padding-left: 31px;}
.top_head .breadcrumb li + li::before{display: none;}
.top_head .breadcrumb li .material-icons,.top_head .breadcrumb li .lni{font-size: 30px; margin-right: 16px;}
.top_head .top_right_head{ width: 234px; display: inline-flex; background-color: #fff; border-radius: 0 0 20px 20px; margin-left: auto; margin-right: 0;}
.top_head .top_right_head a{display: inline-flex; margin: auto; justify-content: center; text-decoration: none;}
.top_head .top_right_head .material-icons,.top_head .top_right_head .lni{font-size: 26px; display: inline-flex; align-items: center;}
.top_head .top_right_head a:hover .material-icons,.top_head .top_right_head a:hover .lni{color: rgb(234, 25, 70)}
.top_head .top_right_head a:hover .material-icons,.top_head .top_right_head a:hover .lni{ transform: scale(1.1); color: rgb(234, 25, 70); transition: all 0.1s ease-in 0s;}

#content{ height: 100vh; overflow: auto; padding: 80px 40px 50px}
#content .panel{border-radius: 10px; min-height: 245px; box-shadow: rgb(0 0 0 / 2%) 0px 2px 10px 10px; background: #fff; padding: 25px 32px 32px; margin-bottom: 30px;}
#content .panel.member_panel{padding: 0}
#content .members-app-form .nav-pills .nav-link{color:rgba(0, 0, 0, 0.87);}
#content .members-app-form .nav-pills .nav-link.active{background: rgb(234, 25, 70)}
#content #about_membership{padding-bottom: 60px;}
.sticky_new_query{ position: fixed; right: 10px; top: 40%;}
.sticky_new_query .nav_link{ background: rgb(234, 25, 70); color: #fff; padding: 35px 10px; border-radius: 10px; display: flex; flex-direction: column; width: 50px; justify-content: center; align-items: center; text-align: center; line-height: 1em; cursor: pointer; font-size: 12px; transition: all 0.3s ease;}
.sticky_new_query .nav_link:hover{background: rgba(0, 0, 0, 0.95)}
.sticky_new_query .nav_link .link-text{margin-bottom: 0; margin-top: 5px;}

.queryformsection .new_query_box{padding: 25px; background: #ffffff; border-radius: 10px;}
.queryformsection .new_query_box .form-label{font-size: 16px; font-weight: normal; color: #004990}
.queryformsection .new_query_box .form-select,.queryformsection .new_query_box .form-control{border-radius: 0; border:none; border-bottom: rgba(0, 0, 0, 0.12) solid 2px; padding: 5px 0; font-size: 16px;}
.queryformsection .new_query_box .form-select:focus,.queryformsection .new_query_box .form-control:focus{box-shadow: none; outline: none; border-color: var(--light-blue);}
.queryformsection .attachment_btn{position: relative;}
.queryformsection .attachment_btn .btn{position: absolute; left: 0; top: 0;}
.queryformsection .terms-checkbox label{font-size: 13px;}
.query_list_msg .query_list_body{width: calc(100% - 51px); display: flex; flex-direction: column;float: right;}
.tab-pane .panel_box .tab-content .tab-pane #activitiesTab .query_list_msg{min-width: 100%;width: 100%;display: inline-flex;}
.query_list_msg li{width: 100%;}
.query_list_msg .query_heading{max-width: 60%; width: 100%;}
.tab-pane .panel_box .tab-content .tab-pane #activitiesTab{position: relative;}
.tab-pane .panel_box .tab-content .tab-pane #activitiesTab #ca_cont_profe_dev_next{position: absolute; top: 15px; right: 0;}
.form-check-input:checked { background-color: var(--red-color); border-color: var(--red-color);}
.form-check-input:focus{outline: none; box-shadow: none;}
.alert.alert-primary.text-center { background-color: transparent; border: transparent; font-weight: normal; }
.member_panel .memeber_action{padding: 35px 10px;}
.member_panel .memeber_action .btn + .btn{margin-top: 20px;}
.member_panel .memeber_info{background: rgb(0, 73, 141); color: #ffffff; padding: 10px}
.panel.member_panel .panel-title{padding-top: 15px;}
.panel .panel-title{border-bottom: 1px solid rgb(208, 220, 230); padding-bottom: 15px; margin-bottom: 2rem;}
.panel .panel-title h3{margin-bottom: 0; margin-top: 0;}
.panel .panel-title .detail_link{ font-size: 14px; margin-right: 0; margin-left: auto; text-decoration: none;}
.panel .panel-title .detail_link .material-icons,.panel .panel-title .detail_link .lni{font-size: 90%}
.panel.account_panel .panel_list .btn{padding: 10px 15px; margin-bottom: 5px;} 
.panel .panel_list .alert{min-height: 250px; display: flex; align-items: center; justify-content: center;}
.panel .panel_list .btn{padding: 10px 30px;}
.panel .my-details li{position: relative; font-size: 14px; padding-left: 40px; margin-bottom: 15px; text-align: left;}
.panel .my-details li.address_li p{max-width: 150px;}
.panel .my-details li .material-icons,.panel .my-details li .lni{position: absolute; left: 0; top: 7px; color: var(--red-color); font-size: 22px;}
.panel .my-details li p{ margin-bottom: 0 }
.panel .my-details li label{ width: 100%; color: #80a1b7; border-bottom: 1px solid rgb(208, 220, 230); padding-bottom: 30px; }
.panel .status_box{width:100%; padding: 4px; align-items: center; margin-bottom: 25px; background-color: rgb(250, 253, 255); display: flex; border: 1px solid rgb(210, 220, 239); box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%);}
.panel .status_box .material-icons,.panel .status_box .lni {padding: 4px; color: rgb(71, 171, 233); font-size: 48px;}
.panel .status_box .status_inner{display: inline-flex; flex-direction: column;text-align: left; padding: 4px;}
.panel .status_box h6{margin-bottom: 0; font-size: 14px; font-family: var(--default-font); font-weight: 400; }
.panel .status_box label{color:rgba(0, 0, 0, 0.87); font-size: 13px;}
.panel img.membership_logo{max-width: 100%;}
.panel .summary-text{padding: 5px;}
.panel .summary-text h4,.panel .summary-text h5{color: var(--text-white); padding: 3px 0;}
.panel.membership-box-1 .summary-text{background: var(--primary);}
.panel.membership-box-2 .summary-text{background: var(--dark-green);}
.panel.membership-box-3 .summary-text{background: var(--lighter-blue);}
.panel .membership-btn-box{padding: 10px 10px 20px;}
.panel.membership-box-1 .btn{background-color: var(--primary); border-color: var(--primary); color: var(--text-white); box-shadow: none; transition: all 0.3s ease;}
.panel.membership-box-2 .btn{background-color: var(--dark-green);  border-color: var(--dark-green); color: var(--text-white); box-shadow: none; transition: all 0.3s ease;}
.panel.membership-box-3 .btn{background-color: var(--lighter-blue);  border-color: var(--lighter-blue); color: var(--text-white); box-shadow: none; transition: all 0.3s ease;}
.panel .membership-btn-box .btn:hover{background:rgba(0, 0, 0, 0.08); border-color: rgba(0, 0, 0, 0.08); color: var(--text-white);}


.tab-pane .panel_box{padding: 25px; background: #ffffff; border-radius: 10px; box-shadow: 0 1px 9px 0px rgb(0 0 0 / 10%);}
..tab-pane .panel_box .panel-box{box-shadow: none;}
.tab-pane .panel_box > .nav {margin-bottom: 10px;}
.tab-pane .panel_box > .nav li:first-child a{border-radius: 10px 10px 0 0;}
.tab-pane .panel_box fieldset{background-color: rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230); border-radius: 5px; display: flex; -webkit-box-pack: start;
justify-content: flex-start; padding: 35px; position: relative; margin-top: 20px;}
.tab-pane .panel_box fieldset[aria-label='POSTAL ADDRESS']{margin-top:50px}
.tab-pane .panel_box fieldset table tr td{padding: 0 0 20px;}
.tab-pane .panel_box .table-heading .title{margin-top: 0;}
.tab-pane .panel_box.panel_left {overflow: hidden;}
.tab-pane .panel_box.panel_left .title{margin-top: 0; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid rgb(208, 220, 230);}
.tab-pane .panel_box fieldset.employer_detail_fieldset .remove_fieldset{display: none;}
.tab-pane .panel_box fieldset.employer_detail_fieldset + fieldset.employer_detail_fieldset .remove_fieldset{display: inline-flex;}

.tab-content>.tab-pane#v-pills-declaration-of-non-residency{min-height: 610px;}
.panel_left .nav-tabs li{width: 100%; border-bottom: rgb(208,220,230) solid 1px;}
.panel_left .nav-tabs li + li{margin-left: 0;}
.panel_left .nav-tabs li a{margin: 0; border: none; text-decoration: none;}
.panel_left .nav-tabs li.active:focus,.panel_left .nav-tabs li.active a:focus,.panel_left .nav-tabs li.active a:hover{outline: none; border: none; border-bottom: var(--red-color) solid 1px;}
.panel_left .nav-tabs li.active a{background: var(--red-color); color: #fff; border-bottom-color: var(--red-color);}

.new_queries.tab-pane .panel_box fieldset.new_query_fieldset{display: none;}
.new_queries.tab-pane .panel_box fieldset{background: none; padding: 0; margin-top: 0; border: none;}
.new_queries.tab-pane .panel_box fieldset.blank_new_query{ background-color: rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230); border-radius: 5px;  align-content: center; justify-content: center; align-items: center}
.new_queries.tab-pane .panel_box fieldset.blank_new_query,.new_queries.tab-pane .panel_box fieldset.blank_new_query p{min-height: 200px;}
.new_queries.tab-pane .panel_box fieldset.blank_new_query p{display: flex; align-items: center; justify-content: center;}
.new_queries.tab-pane .panel_box fieldset .form-group{margin-bottom: 30px; width: 100%;}
.memb_ship_attachment_box{display: none;}
.new_queries.tab-pane .memb_ship_attachment_box {margin: 20px  auto;}
.new_queries.tab-pane .memb_ship_attachment_box fieldset{background:rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230); padding: 20px 15px; border-radius: 10px;}
.new_queries.tab-pane .memb_ship_attachment_box fieldset input{background:none;}

.tab-pane .panel_box fieldset .info label.field-label.custom-label{color: #004990; font-size: 16px;}

.category_query_left .table-heading{margin-bottom: 20px;}
.category_query_left .form-group label{color: #004990; font-size: 16px;}
.category_query_left .form-group select.form-control{border: none; border-bottom:#ddd solid 1px; padding: 0; box-shadow: none;}

.tab-pane .panel_box .crmEntityFormView{border: none;}
.tab-pane .panel_box fieldset + fieldset{margin-top: 70px;}
.tab-pane .panel_box fieldset .info,.tab-pane .panel_box fieldset .control,.entity-form .tab-column fieldset .control{width: 100%; display: inline-block; position: relative;}
.tab-pane .panel_box fieldset .info label.field-label,.entity-form .tab-column fieldset label.field-label{color: rgba(0, 0, 0, 0.54); font-size: 12px; margin-bottom: 0; transition: all 0.3s ease;}
.tab-pane .panel_box fieldset .info label.field-label{margin-left: 0; padding-left: 0;}
.tab-pane .panel_box fieldset .form-control,.entity-form .tab-column fieldset .form-control{background: none !important; border: none; box-shadow: none; padding: 0; transition: all 0.3s ease;}
.tab-pane .panel_box fieldset .control::before,.entity-form .tab-column fieldset .control:before{content:''; transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-bottom: 1px solid rgba(0, 0, 0, 0.42); width: 100%; position: absolute; left: 0; right: 0; bottom: 0; }
.tab-pane .panel_box fieldset .form-control[disabled] { color: rgba(0, 0, 0, 0.38); }
.tab-pane .panel_box fieldset .control:hover::before,.entity-form .tab-column fieldset .control:hover:before{border-bottom: 2px solid rgba(0, 0, 0, 0.87); }
.tab-pane .panel_box fieldset .control.error-control::before,.entity-form .tab-column fieldset .control.error-control:before{content:'';  border-bottom:2px solid var(--red-color); }
.tab-pane .panel_box fieldset .control.error-control:hover::before,.entity-form .tab-column fieldset .control.error-control:hover:before{border-bottom: 2px solid var(--red-color); }

.tab-pane .panel_box fieldset .control::after,.entity-form .tab-column fieldset .control:after{content: ''; width:0; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 2px solid rgba(0, 0, 0, 0.87); transition: all 0.3s ease;}
.tab-pane .panel_box fieldset .control.blur-field::before,.entity-form .tab-column fieldset .control.blur-field:before{display: none;}
.tab-pane .panel_box fieldset .control.blur-field::after,.entity-form .tab-column fieldset .control.blur-field:after{width: 100%;}
.tab-pane .panel_box fieldset .info.blur-field label.field-label,.entity-form .tab-column fieldset .info.blur-field label.field-label{color: rgba(0, 0, 0, 1);}
.tab-pane .panel_box fieldset .form-control.readonly:focus, .tab-pane .panel_box fieldset .form-control[readonly][disabled]:focus,.tab-pane .panel_box fieldset .form-readonly .form-control:focus{outline: none !important;}
.tab-pane .panel_box fieldset .datetime .input-group-addon{background: none; border: none;}
.tab-pane .panel_box fieldset legend.section-title{ position: absolute; left: 0; top: -70px; margin: 0; font-size: 16px; color: var(--light-blue); display: inline-flex; align-items: center; border-bottom: 1px solid rgb(208, 220, 230);}
.tab-pane .panel_box fieldset .section-title::before{content:''; font-family: 'Material Icons'; display: inline-flex; align-items: center; color: var(--red-color); font-size: 24px; margin-right: 5px; margin-top: 10px;}

.tab-pane .member_view_application fieldset .control:after{display: none;}
.tab-pane .member_view_application fieldset .control:before,.tab-pane .member_view_application fieldset .control:hover::before{content:''; border-bottom: 1px dotted rgba(0, 0, 0, 0.42); width: 100%;}
.tab-pane .member_view_application fieldset .form-control:read-only,.tab-pane .member_view_application fieldset .form-control:disabled{color: rgba(0, 0, 0, 0.38);}
.custom_style_switch input[type=checkbox]:readonly label:after,.custom_style_switch input[type=checkbox]:disabled label:after{background: #bdbdbd;}
.custom_style_switch input[type=checkbox]:readonly label:after,.custom_style_switch input[type=checkbox]:disabled label:after{background: #bdbdbd;}

.custom_style_switch input[type=checkbox]:readonly{opacity: 0.5;}
.custom_style_switch input[type=checkbox]:readonly + label{background: rgba(0,0,0,.12);}
.custom_style_switch input[type=checkbox]:readonly + label:after{background: #bdbdbd;}

.custom_style_switch input[type=checkbox]:disabled{opacity: 0.5;}
.custom_style_switch input[type=checkbox]:disabled + label{background: rgba(0,0,0,.12); pointer-events: none;}
.custom_style_switch input[type=checkbox]:disabled + label:after{background: #bdbdbd; box-shadow: none; pointer-events: none;}
.custom_style_switch input[type=checkbox]:disabled + label > span{color:rgba(0, 0, 0, 0.38);}

.tab-pane .crmEntityFormView .actions{text-align: right;}
.tab-pane .crmEntityFormView .actions .btn{float: none;}


.eligibility_criteria_sec .info label.field-label{margin-left: 0; padding-left: 0;}
.eligibility_criteria_sec .picklist label{margin-left: 0px;}
.eligibility_criteria_sec h3 .material-icons{margin-right: 10px; color: var(--red-color);} 

.tab-pane .panel_box fieldset[aria-label='Email'] .section-title::before { content:'\e158';}
.tab-pane .panel_box fieldset[aria-label='Contact'] .section-title::before { content:'\e0cf';}
.tab-pane .panel_box fieldset[aria-label='Preferred Name'] .section-title::before { content:'\e7fd';}
.tab-pane .panel_box fieldset[aria-label='Basic Information'] .section-title::before { content:'\e7fd';}
.tab-pane .panel_box fieldset[aria-label='Qualifications'] .section-title::before { content:'\e80c';}
.tab-pane .panel_box fieldset[aria-label='Optional information'] .section-title::before { content:'\e834';}
.tab-pane .panel_box fieldset[aria-label='Contact Numbers'] .section-title::before {content:'\e0cf';}
.tab-pane .panel_box fieldset[aria-label='POSTAL ADDRESS'] .section-title::before {content:'\e0c8';}
.tab-pane .panel_box fieldset[aria-label='PHYSICAL ADDRESS'] .section-title::before {content:'\e0c8';}
.tab-pane .panel_box fieldset[aria-label='Delivery Address'] .section-title::before {content:'\e0c8';}
.tab-pane .panel_box fieldset[aria-label='Employment History'] .section-title::before {content:'\e8f9';}
.tab-pane .panel_box fieldset[aria-label="Employer's Address"] .section-title::before {content:'\e0c8';}
.tab-pane .panel_box fieldset[aria-label="Employer's Contact Details"] .section-title::before {content:'\e0d0';}
.tab-pane .panel_box fieldset[aria-label='Mandatory Sections Status'] .section-title::before { content:'\e862';}
.tab-pane .panel_box fieldset[aria-label="Indicate your main activity by choosing one (only) of the options below"] .section-title::before {content:'\e7ee';}
.tab-pane .panel_box fieldset[aria-label="Terms and conditions"] .section-title::before,.tab-pane .panel_box fieldset[aria-label="Declaration"] .section-title::before {content:'\e862';}

.tab-content>.tab-pane#v-pills-ethics-and-disclipline .crmEntityFormView fieldset,.tab-content>.tab-pane#v-pills-declaration-of-non-residency .crmEntityFormView fieldset,.tab-content>.tab-pane#v-pills-continued-professional-development .crmEntityFormView fieldset{margin-top: 0;}
.tab-content>.tab-pane#v-pills-registered-tax-practitioner-declaration .crmEntityFormView fieldset:nth-child(1){margin-top: 0;}
.tab-content>.tab-pane#v-pills-terms-and-condition .crmEntityFormView div.description > br{display: none;}

.tab-pane .panel_box .contact_detail fieldset:first-child{margin-top: 0px;}
.tab-pane .panel_box .address_detail p{margin-top: 20px;}
.tab-pane .panel_box .information_box{ background-color: rgb(242, 251, 254); margin-bottom: 30px; border: 1px solid  rgb(0, 72, 144); border-radius: 5px; display: flex; -webkit-box-pack: start; justify-content: flex-start;
  padding: 20px; position: relative; min-height: 200px; width: calc(100% - 4%);}
.tab-pane .panel_box .information_box ul{list-style: none; padding: 0; margin: 0; width: 100%;}
.tab-pane .panel_box .information_box ul li{display: flex; align-items: center; font-size: 14px; word-wrap: break-word;}
.tab-pane .panel_box .information_box ul li br{display: none;}
.tab-pane .panel_box .information_box label{font-weight: 600; margin-right: 5px; min-width: 90px; font-size: 16px; font-family: Times;}
.tab-pane .panel_box .payment_info_box .pay_header{background: #fff; margin: 0 -20px 15px; padding: 15px 15px;   border-bottom: #ddd solid 1px; border-radius: 3px 3px 0 0;}
.tab-pane .panel_box .payment_info_box .pay_header h3{margin: 0; padding: 0;}
.tab-pane .panel_box .payment_info_box .pay_body{flex-wrap: wrap;}
.tab-pane .panel_box .payment_info_box .pay_body label{margin-right: 0; margin-left: auto; margin-bottom: 0; width: calc(100% - 100px);}
.tab-pane .panel_box .payment_info_box .pay_body p{margin-left: 0; margin-right: auto;}
.tab-pane .panel_box .payment_info_box .amount_total{background: var(--red-color); margin: 15px -20px 0; padding: 10px 15px; border-radius: 0 0 3px 3px;}
.tab-pane .panel_box .payment_info_box .amount_total p,.tab-pane .panel_box .payment_info_box .amount_total label{color: #ffffff; padding: 0; margin: 0;}
.tab-pane .panel_box .information_box.payment_info_box ul{background: #f8f8f8; padding: 0 20px; border-radius: 3px; border: #ddd solid 1px; display: flex; flex-direction: column;}
.tab-pane .panel_box .payment_info_box .amount_total p{font-size: 18px; font-weight: 600;}
.tab-pane .panel_box .payment_info_box .amount_total label{margin-right: 0; margin-left: auto; font-size: 20px;}

.tab-pane .panel_box ::-webkit-input-placeholder {  color:rgba(0, 0, 0, 0.54); opacity: 0.6;}
.tab-pane .panel_box :-ms-input-placeholder {  color:rgba(0, 0, 0, 0.54); opacity: 0.6;}
.tab-pane .panel_box ::placeholder { color:rgba(0, 0, 0, 0.54); opacity: 0.6;}

.tab-pane .nav-pills .nav-link{ text-align: left; border-radius: 0; padding: 15px; font-family: var(--default-font); font-size: 15px; position: relative; font-weight: 500; color: #212529; background: #fff; border:none; border-bottom: 1px solid rgb(208, 220, 230); transition: all 0.3s ease;}
.tab-pane .nav-pills .nav-link.active,.tab-pane .nav-pills .nav-link.newactive{background: var(--red-color); color: #ffffff; border-color: var(--red-color);}
.tab-content #notices .dataTables_wrapper,.tab-content #queries-submitted .dataTables_wrapper{width: 100%; overflow: auto;}
.tab-pane .panel_box legend.section-title h3{font-weight: normal; font-size: 16px;}
.tab-pane .membership-logo-list .panel-title{padding: 15px; text-align: center; justify-content: center;}
.tab-pane .membership-logo-list .panel-title h3{font-size: 13px; color:rgba(0, 0, 0, 0.87);}

.tab-pane .bank_details{list-style: none; padding: 0; margin:0;}
.tab-pane .bank_details li { margin-bottom: 10px;}

.tab-pane .panel_box fieldset.support_document_fieldset_inner{min-height: 135px;}
.tab-pane .panel_box fieldset.support_document_fieldset_inner + fieldset.support_document_fieldset_inner{margin-top: 20px;}
.tab-pane .panel_box fieldset.support_document_fieldset_inner .add_support_doc_file{position: absolute; text-transform: uppercase; right: 20px; top: 40px; display: flex; align-items: center;}
.tab-pane .panel_box fieldset.academic_record_fieldset .control{margin-bottom: 50px;}
.tab-pane .panel_box fieldset.academic_record_fieldset.academic_record_fieldset .remove_fieldset{display: none;}
.tab-pane .panel_box fieldset.academic_record_fieldset + fieldset.academic_record_fieldset .remove_fieldset{display: inline-flex;}
.tab-pane .panel_box fieldset.support_document_fieldset_inner .document_file{display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 20px; position: relative;}
.tab-pane .panel_box fieldset.support_document_fieldset_inner .document_file input{ max-width: calc(100% - 50px);}
.tab-pane .panel_box fieldset.support_document_fieldset_inner .document_file .close_upload_file{margin-right: 0; margin-left: auto; color: var(--red-color);}

.payment_option_field label.field-label{margin-left: 0 !important; padding: 0 !important;}

.checklist_document {list-style: none; padding: 10px 0 10px 30px;}
.checklist_document li{position: relative; width: 100%; padding-left: 30px; margin-bottom: 20px;}
.checklist_document li:before{content: ''; width: 20px; height: 20px; border: #ddd solid 2px; position: absolute; left: 0; top: 3px; min-height: 18px;}
.checklist_document li.checked:before{content: '\e876'; display: flex; align-items: center; justify-content: center; font-family: Material icons; color: #fff; background: var(--red-color); border-color: var(--red-color);}

.ul_final_sub_list{display: none;}
.ul_final_sub_list.show_sublist{display: block; list-style: none; padding: 20px; margin: 10px 0; background: var(--bg-white); border: #ddd solid 1px;}
.ul_final_sub_list li > span,.ul_final_list li > span{font-weight: bold;  color:var(--light-blue); padding-left: 10px;}
.ul_final_list h4{width: 100%; color: var(--light-blue); font-size: 14px;}

.evidence_content_box{width:100%; padding:15px; display:inline-block; background: rgb(246, 246, 246); min-height: 85vh;}
.evidence_chat{list-style: none; padding: 0; margin: 0;}
.evidence_chat li{display: flex; flex-wrap: wrap; width: 100%;  margin-bottom: 40px;}
.evidence_chat .evi_chat_box{position: relative; width: calc(100% - 70px); display: inline-flex; background: #fff; margin-right: 0; margin-top: 5px; margin-left: auto;     flex-wrap: wrap;
    padding: 20px; }
.evidence_chat .evi_chat_box:before{content: ""; width: 0px; height: 0px; position: absolute; border-width: 15px; border-style: solid; 
border-color: white white transparent transparent; left: -16px; top: 0px;}
.evidence_chat .evi_chat_box .evi_lst{width: 100%; display: inline-flex; align-items: center; margin-bottom: 5px;}
.evidence_chat .evi_chat_box .evi_lst label{color: #000; font-weight: 600; padding: 0 10px 0 0; margin: 0;}
.evidence_chat .evi_chat_box .evi_document{color: #004990;} 
.evidence_chat .evi_chat_box .evi_lst .material-icons{font-size: 130%;}
.evidence_chat .evi_chat_box .edit_action,.evidence_chat .evi_chat_box .delete_action{ width: 44px; height: 44px; border-radius: 100%; display: flex;
    align-items: center; justify-content: center; font-size: 18px; position: absolute; top: 20px; cursor: pointer;  transition: all 0.3s ease;}
.evidence_chat .evi_chat_box .edit_action .material-icons,.evidence_chat .evi_chat_box .delete_action .material-icons{font-size: inherit;}
.evidence_chat .evi_chat_box .delete_action{right: 10px; color: #ff0000;}
.evidence_chat .evi_chat_box .edit_action{ right: 60px; color: #004990;}
.evidence_chat .evi_chat_box .edit_action:hover,.evidence_chat .evi_chat_box .delete_action:hover{background:rgba(0, 0, 0, 0.08);}
.year_circle{background:rgb(103, 58, 183); font-size: 12px; border-radius: 100%; width:40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: #ffffff;;}
.evidence_chat .evidence_file_list{width:100%; position: relative; border-radius: 4px; padding: 20px 70px 20px 20px; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);}
.evidence_chat .evidence_file_list + .evidence_file_list{margin-top: 10px;}

.evidence_side_bar {width: 490px; height: 100%; background: #fff; opacity: 0; visibility: hidden; z-index: 999; border-radius: 0 !important; display: flex; flex-wrap: wrap; flex-direction: column; padding: 10px !important; position: fixed; right: -500px; top: 0; bottom: 0; box-shadow: 0 0 35px rgba(0,0,0,.5) !important; transition: all 0.3s ease;}
.evidence_side_bar > h3{margin: 0; padding: 10px 0 10px 0; border-bottom: #ddd solid 1px;}
.evidence_side_bar fieldset{margin-top: 20px !important;}
.evidence_side_bar .sidebar_button_bottom{width: 100%; margin-bottom: 0; margin-top: auto; border-top: 1px solid rgb(208, 220, 230); padding-top: 20px;
    display: flex; justify-content: flex-end;}
.evidence_side_bar .sidebar_button_bottom .btn{text-transform: uppercase;}
.evidence_side_bar .sidebar_button_bottom .btn + .btn{margin-left: 10px;}
.evidence_side_bar.open_evidence{right:0; opacity: 1; visibility: visible;}
.evidence_side_bar .choose_file_box{display: none;}
.evidence_side_bar .choose_file_btn{position: absolute; text-transform: uppercase; padding: 8px 15px; pointer-events: none;}
.evidence_side_bar .choose_file_field{opacity: 0; cursor: pointer;}

/* .member_view_report .member_compliance_static_content{padding: 20px; margin-bottom: 0px; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);} */
.member_view_report .member_compliance_static_content{padding: 10px; margin-bottom: 0px;}
.member_view_report .member_compliance_static_content p a{ max-width: 100%; white-space: pre-line; word-break: break-word; }
#independent_reviews_in_sublist{display: none;}
#independent_reviews_in_sublist.show_sublist{display: block;}
#independent_reviews_in_sublist li {margin-bottom: 15px;}

#v-pills-annual-declar > #odata-Table + div table{width: 100%;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{background: var(--red-color); border-color: var(--red-color);}
#CPD_Basic_Form ol.progress.list-group{display: flex; justify-content: center; flex-wrap: wrap;}
#CPD_Basic_Form ol.progress.list-group li{width: 40%;}
#CPD_Basic_Form ol.progress.list-group li:after{left: -50%;}
#CPD_Basic_Form .list-group li.active:before { border-color: var(--red-color); background: var(--red-color); color:#ffffff;} 
#CPD_Basic_Form .list-group li.active{color: var(--red-color);}

.ck.ck-editor.ck-rounded-corners{margin-bottom: 20px}
.ck-editor .ck-editor__top .ck-sticky-panel .ck-heading-dropdown{display: none}
.ck-editor .ck-editor__top .ck-sticky-panel .ck-heading-dropdown + .ck-toolbar__separator{display: none;}
.ck-editor .ck-editor__top .ck-sticky-panel .ck-button { display: none;}
.ck-editor .ck-editor__top .ck-sticky-panel .ck-button:nth-child(3),.ck-editor .ck-editor__top .ck-sticky-panel .ck-button:nth-child(4),.ck-editor .ck-editor__top .ck-sticky-panel .ck-button:nth-child(5){display: initial}
.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar__separator{display: none !important}
.ck-editor .ck-editor__top .ck-toolbar_grouping{background: rgb(242, 251, 254); padding: 5px 10px; border-radius: 10px 10px 0 0 !important; border:1px solid rgb(221, 221, 221) !important}
.ck-editor .ck-editor__editable_inline{min-height: 165px; border:1px solid rgb(221, 221, 221) !important;  border-radius: 0 0 10px 10px !important; border-top: none !important;}
.ck-editor .ck-editor__editable_inline.ck-focused{box-shadow: none !important; }

.tab_declare_btn{padding: 10px; display: flex; flex-wrap: wrap;}
.tab_declare_btn ol.progress.list-group{box-shadow: none; border:none; display: flex; justify-content: center; width: 100%; flex-wrap: wrap;}
.declaration_content_inner h4,.declaration_content_inner b{color: rgba(0, 0, 0, 0.87); font-size: 14px; font-weight: bold; margin-bottom: 25px;}
.declaration_content_inner p{margin-bottom: 25px;}
.tab-pane .panel_box fieldset .control.disabledclass:hover::before, .entity-form .tab-column fieldset .control.disabledclass:hover:before{border:1px solid rgba(0, 0, 0, 0.42)}

.ms-Toggle .ms-Toggle-innerContainer{align-items: center;}
.ms-Toggle .ms-Toggle-background{ background: rgba(0,0,0,.38); border: none; height: 14px; width: 34px; padding: 0; transition: all 0.3s ease;}
.ms-Toggle .ms-Toggle-background .ms-Toggle-thumb{width: 20px; height: 20px; background: var(--bg-white); box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%); transition: all 0.15s ease;}
.ms-Toggle.is-checked .ms-Toggle-background,.ms-Toggle.is-checked .ms-Toggle-background:active:focus{background:rgba(234,25,70,.5); justify-content: initial;}
.ms-Toggle.is-checked .ms-Toggle-background .ms-Toggle-thumb,.ms-Toggle.is-checked .ms-Toggle-background:active:focus .ms-Toggle-thumb{background:#EA1946; transform: translateX(105%);}

.hidden-field{width: 0; opacity: 0; visibility: hidden;}

.picklist input[type="radio"]:checked:disabled + label:after,.picklist input[type="radio"]:disabled + label:after{background: rgba(0, 0, 0, 0.26);}
.picklist input[type="radio"]:checked:disabled + label:before,.picklist input[type="radio"]:disabled + label:before{border-color: rgba(0, 0, 0, 0.26);}
.picklist input[type="radio"]:read-only + label:after{background: rgba(0, 0, 0, 0.26);}
.picklist input[type="radio"]:read-only + label:before{border-color: rgba(0, 0, 0, 0.26);}
.picklist input[type="radio"]:checked:disabled + label,.picklist input[type="radio"]:disabled + label{color:rgba(0, 0, 0, 0.38);}
.picklist input[type="radio"]:checked:readonly + label,.picklist input[type="radio"]:readonly + label{color:rgba(0, 0, 0, 0.38);}

.picklist.vertical{ padding: 10px 0; position: relative; }
.picklist input[type="radio"],.picklist label{margin-bottom: 20px;}
.picklist label{position: relative; padding-left: 30px; margin-left: 0px; cursor: pointer; color: rgba(0, 0, 0, 0.87); font-size: 14px; display: inline-block;}
.picklist input[type="radio"]{opacity: 0; visibility: hidden;display: none;}
.picklist input[type="radio"] + label.error + label:not(.error):before,.picklist input[type="radio"] + label:not(.error):before,.picklist input[type="radio"] + span.label:before{content: ''; width: 20px; height: 20px; border: rgba(0, 0, 0, 0.54) solid 2px; position: absolute; left: 0; border-radius: 100%;}
.picklist input[type="radio"]:checked + label.error + label:not(.error):before,.picklist input[type="radio"]:checked + label:not(.error):before,.picklist input[type="radio"]:checked + span.label:before{border-color:#EA1946;}
.picklist input[type="radio"]:checked + label.error + label:not(.error):after,.picklist input[type="radio"]:checked + label:not(.error):after,.picklist input[type="radio"]:checked + span.label:after { content: ''; width: 10px; height: 10px; background: #EA1946; position: absolute; left: 5px; top: 5px; border-radius: 100%;}

.picklist input[type="radio"][disabled]:checked + label:not(.error):before{border-color: rgba(0, 0, 0, 0.54);}
.picklist input[type="radio"][disabled]:checked + label:not(.error):after{background: rgba(0, 0, 0, 0.54);}

.picklist.radio_list_box,.under_radio_list,#work_whether_paid{width: 100%; display: flex; flex-wrap: wrap; min-height: 48px; align-items: center;}
.picklist.radio_list_box > label{width: calc(100% - 170px);}
.picklist.radio_list_box .radio_list_box_inner{margin-right: 0; margin-left: auto; position: relative;}
.picklist.radio_list_box label.field-label{padding: 0; margin: 0;}
.picklist.radio_list_box .radio_list_box_inner input[type="radio"]{margin: 0;}
#deleteMembershipModalATSA,#deleteMembershipModalAGA,#deleteMembershipModalCA {margin: 10px;}
#deleteMembershipModalATSA .modal-dialog,#deleteMembershipModalAGA .modal-dialog,#deleteMembershipModalCA .modal-dialog{display: flex; align-items: center; justify-content: center; margin: auto; height: 100vh;}
#deleteMembershipModalATSA .modal-content,#deleteMembershipModalAGA .modal-content,#deleteMembershipModalCA .modal-content{border-radius: 4px; border: none; box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12);}
#deleteMembershipModalATSA .modal-header,#deleteMembershipModalAGA .modal-header,#deleteMembershipModalCA .modal-header{border: none;}
#deleteMembershipModalATSA .modal-footer,#deleteMembershipModalAGA .modal-footer,#deleteMembershipModalCA .modal-footer{border: none;}
#deleteMembershipModalATSA .modal-content h5,#deleteMembershipModalAGA .modal-content h5,#deleteMembershipModalCA .modal-content h5{font-size: 18px; font-weight: 700; font-family: var(--default-font); color: rgba(0,0,0,.87);}
#deleteMembershipModalATSA .modal-content p,#deleteMembershipModalAGA .modal-content p,#deleteMembershipModalCA .modal-content p{font-size: 16px; font-weight: 400; font-family: var(--default-font); color: rgba(0,0,0,.54);}
#deleteMembershipModalATSA .modal-content .btn,#deleteMembershipModalCA .modal-content .btn,#deleteMembershipModalAGA .modal-content .btn{border: none; background: none; color: #004990; font-size: 14px; font-family: var(--default-font); font-weight: 400;}
/* #deleteMembershipModalATSA .modal-content .btn:hover,#deleteMembershipModalCA .modal-content .btn:hover,#deleteMembershipModalAGA .modal-content .btn:hover{background: rgba(0, 73, 144, 0.8);} */

#deleteMembershipModalATSA .modal-content .modal-footer .btn:last-child,#deleteMembershipModalCA .modal-content .modal-footer .btn:last-child,#deleteMembershipModalAGA .modal-content .modal-footer .btn:last-child{background: rgba(0, 73, 144, 0.08); color: #004990;}
/* #deleteMembershipModalATSA .modal-content .modal-footer .btn:last-child:hover,#deleteMembershipModalCA .modal-content .modal-footer .btn:last-child:hover,#deleteMembershipModalAGA .modal-content .modal-footer .btn:last-child:hover{background: rgba(0, 73, 144, 1); color: #ffffff;} */

.tab-pane .panel_box .picklist.radio_list_box .info{width: calc(100% - 190px);}
.tab-pane .panel_box .picklist.radio_list_box .radio_list_box_inner label{margin: 0;}
.tab-pane .panel_box .horizon_line{width: 100%; height: 1px; display: flex; margin: 30px auto; background: rgba(0, 0, 0, 0.12);}
.under_radio_list,.form_false_show{background: #fff; padding: 20px; margin: 20px auto 0; box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);}
.tab-pane .panel_box .picklist.radio_list_box span.label{position: relative; padding-left: 30px; margin: 0; cursor: pointer; font-weight: normal;
    font-size: 15px; font-family: var(--default-font); display: inline-block; max-width: 100%;}
.tab-pane .panel_box .picklist.radio_list_box .radio_list_box_inner label.error{position: absolute; bottom: -20px;}
.tab-pane .panel_box .radio_list_box .tearm_checkbox{display: flex; align-items: flex-start;}

.tab-pane .panel_box fieldset .form_true_show .field-label{ color: rgba(0, 0, 0, 0.54); font-size: 12px; margin-bottom: 0; transition: all 0.3s ease;}
.tab-pane .panel_box fieldset .form_list_box{width: 100%; flex-wrap: wrap; display: flex;}
.tab-pane .panel_box fieldset .form_list_box .form-group{width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.tab-pane .panel_box fieldset .form_list_box .form-group label.field-label{width: 50%; color: rgba(0, 0, 0, 0.54); font-size: 12px;}
.tab-pane .panel_box fieldset .form_list_box .form-group .form-control{width: calc(35% - 50px); margin-right: 0; margin-left: auto; border: #ddd solid 1px; padding: 10px; resize: none; border-radius: 5px;}
.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group{width: calc(35% - 50px); margin: 0 0 0 auto;}
.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group .form-control{width: 100%;}
.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group .form-control.error { border-color: var(--red-color)}
.tab-pane .panel_box fieldset .form_list_box .form-group select.form-control{padding: 0;}
.tab-pane .panel_box fieldset .form_list_box .form-group .multiple_select{border: none; padding: 0;}
.tab-pane .panel_box fieldset .form_list_box .form-group .dropdown-toggle{border-radius: 0;}
.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group .label.error{position: absolute;}
.tab-pane .panel_box fieldset .form-txt-area{display: none;}
.tab-pane .panel_box fieldset #professional_body{ border: none; border-bottom: #ddd solid 1px; border-radius: 0; cursor: pointer;}

form .error:not(select):not(textarea):not(.date-field),label.error:not(select):not(textarea):not(.date-field){font-size: 12px; color: var(--red-color); margin:0; padding:0} 
.tab-pane form label.error{position: absolute; bottom: -20px; left: 0;}
.custom_style_radio,.custom_checkbox_error_box {position: relative;}
.tab-pane form .custom_style_radio label.error{bottom: 0;}

.tab-pane .panel_box .stylish_checkbox{margin: 20px 0;}
.tab-pane .panel_box .stylish_checkbox input{opacity: 0; visibility: hidden; position: absolute;}
.tab-pane .panel_box .stylish_checkbox label{padding-left: 30px; position: relative;}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{content: ''; }
.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: '\e876'; font-family: Material icons; color: #fff; }
.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label.error + label:after{content: ''; }
.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: '\e876'; font-family: Material icons; color: #fff; }
.tab-pane .panel_box.custom_tab_form .section-title .material-icons{ color: var(--red-color); margin-right: 10px;}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox']:disabled + label:not(.error):before { content: ''; border: rgba(0, 0, 0, 0.14) solid 2px;}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox']:disabled + label:not(.error){color: rgba(0, 0, 0, 0.34);}
.tab-pane .panel_box .stylish_checkbox input[type='checkbox'][disabled]:checked + label:not(.error):before {content: '\e876'; background: #bdbdbd; border-color: transparent;}


.tab-pane.member_view_report .ul_final_list label{ width: calc(100% - 350px); font-size: 14px;}
.tab-pane.member_view_report .ul_final_list li{width: 100%; display: flex; align-items: center; flex-wrap: wrap;}
.tab-pane.member_view_report .ul_final_list li > span{margin-left: auto; margin-right: auto; max-width: 300px;}
.tab-pane.member_view_report .ul_final_sub_list{width:100%; background: none; border: none; padding: 0; margin: 15px 0;}
.tab-pane.member_view_report p{ font-size: 14px; color: rgba(0, 0, 0, 0.87); line-height: 1.5em;}

.custom_fieldset_form .remove_fieldset{display: inline-flex; align-items: center; margin-right: 10px; width: 25px; height: 30px; cursor: pointer;}
.custom_fieldset_form .remove_fieldset .material-icons{color: #ff0000;}
.fieldset_clone_inner_box fieldset:nth-child(1) .remove_fieldset{display: none;}
.fieldset_clone_inner_box fieldset .white-field .form-control{background: #ffffff !important; padding: 15px; min-height: 100px; border: #ddd solid 1px; border-radius: 5px;}

.add_another_field_box{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}

.custom_style_switch input[type=checkbox]{ height: 0; width: 0; visibility: hidden;}
.custom_style_switch label { cursor: pointer;  width: 35px; height: 15px; background: grey; display: block; border-radius: 15px; position: relative;}
.custom_style_switch label:after { content: ''; position: absolute; top: -2px; left: -2px; width: 20px; height: 20px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); border-radius: 20px; transition: 0.3s;}
.custom_style_switch input:checked + label { background: rgba(234,25,70,.5)}
.custom_style_switch input:checked + label:after { left: calc(100% + 2px); transform: translateX(-100%); background: #EA1946;}
.custom_style_switch label:active:after {width: 50px;}
.custom_style_switch label .s_yes,.custom_style_switch label .s_no{position: absolute; right: -35px; font-size: 13px; display: inline-flex; min-width: 24px; text-align: left;}
.custom_style_switch input + label .s_yes,.custom_style_switch input:checked + label .s_no{opacity: 0;}
.custom_style_switch input + label .s_no,.custom_style_switch input:checked + label .s_yes{opacity: 1;}
.custom_style_switch label .custom_switchlabel{width: 300px; display: flex; min-width: auto; white-space: nowrap; padding-left: 45px; top: -3px; position: relative; color: rgba(0, 0, 0, 0.87);}

ul.ul_final_list,.ul_final_sub_two_list {list-style: none; width:100%; padding: 0; margin: 0;}
ul_final_sub_two_list {padding: 15px; border: #ddd solid 1px; margin:15px 0 0;}
ul.ul_final_list li span,.ul_final_sub_two_list li span{padding-left: 10px; text-transform: capitalize;}

#v-pills-professional-code fieldset table tr td .control label{font-size: 14px;}
#v-pills-profile td.datetime .control {width: 120px;}

.qualification_fieldset .custom_style_switch {margin-top: 20px; margin-bottom: 30px;}
.qualification_fieldset .info{margin-top: 30px;}
.qualification_fieldset .control{margin-bottom: 30px;}

.tax_practitioner_registration_details_dropdown{display: none; background: #ffffff; padding: 20px; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);}
.tax_practitioner_registration_details_dropdown .radio_list_box_inner input{position: absolute;}
.tax_practitioner_registration_details_dropdown .radio_list_box .info{margin-bottom: 20px;}
.tax_practitioner_registration_details_dropdown .radio_list_box_inner label{margin-bottom: 10px !important;}
.tax_practitioner_registration_details_dropdown .new_year_register_form{display:none;width:100%; padding: 20px; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);}

.tab-pane .panel_box #v-pills-payment-and-fees fieldset{margin-top: 0;}

.dialog_alert{position: fixed; width: 100%; height: 100%; display: flex; align-items: center;  justify-content: center; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); opacity: 0; visibility: hidden; z-index: 999;}
.dialog_alert.open-dialog{opacity: 1; visibility: visible;}
.dialog_alert .modal_alert{width: 600px; max-width: calc(100% - 20px); background: #ffffff; border-radius: 4px; box-shadow: 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12); }
.dialog_alert .modal_alert h4{ color: rgba(0, 0, 0, 0.87); font-size: 18px; margin: 0;}
.dialog_alert .modal_alert p{ color: rgba(0, 0, 0, 0.54); line-height: 1.5em; font-size: 16px;}


.xrm-attribute-value > #Tax_Practitioner{display: none !important;}
.case_number h5,.case_date h5{ font-size: 16px; font-weight: bold; color:var(--light-blue)}
.case_number .member_case_id,.case_date .member_case_date{padding-left: 10px; font-weight: normal;}
.nav #membership-tab{opacity: 0; visibility: hidden;}
.tab-content #membership-tab-back{display: inline-flex; position: relative; right: 0; top: 0px; color: var(--red-color); font-size: 30px; cursor: pointer;}
.tab-pane#membership .table-heading{border: none; justify-content: space-between; border-bottom: solid 1px #f1f2f3; margin-bottom: 20px !important;}

ul.status_list{list-style: none; padding: 0;}
ul.status_list li{margin: 20px 0; color: rgba(0, 0, 0, 0.87); font-size: 14px;}
ul.status_list li .done { color: #008000;}
ul.status_list li .not-done { color: #ff0000;}
.tab-pane#v-pills-submit-application .panel_box fieldset{flex-wrap: wrap;}
.tab-pane#v-pills-submit-application .panel_box fieldset h6{width: 100%; font-size:16px; color:rgba(0, 0, 0, 0.87);}
.tab-pane#v-pills-submit-application .panel_box fieldset{margin-top: 70px;}
.tab-pane .panel_box .small-text{font-size: 10px;  }
.tab-pane#v-pills-submit-application .panel_box .small-text{width: 100%;}

.profileSec #profile-tab-nav .nav-link.active:nth-child(1){border-radius: 10px 10px 0 0}
.profileSec #profile-tab-nav .nav-link::before{content:'\e5df'; font-family: 'Material Icons'; font-size: 150%; font-weight: normal; position: absolute; right: 5px; z-index: 0; top: 0; bottom: 0; display: flex; align-items: center; opacity: 0; color: #212529;}
.profileSec #profile-tab-nav .nav-link.active::before{opacity: 1; color: #fff;}
#profile-tab-nav li.active a:after{content:'\e037'; position: absolute; right: 10px; font-size: 20px;  font-family: 'Material Icons'; color: rgba(0, 0, 0, 0.5); top: 0;
    bottom: 0; display: flex; align-items: center;}
.saica_submit_proceed_btn{margin-top: 0!important;}
.tab-pane .profileSec .panel_box{padding-bottom: 50px;}
.tab-pane#v-pills-profile .profileSec .panel_box{padding-bottom: 25px;}
#button01{padding: 8px 15px;} 
label.form-check-label { display: inline-block; font-size: 12px;}

.control.date-field{width:100% !important;}
.control.date-field input[type="date"]{font-size: 14px; font-weight: 500; padding: 0 5px; height: 40px; background: #ffffff !important;}

.modal .modal-title{ color: var(--light-blue); font-weight: 600; }
.modal .modal-header{position: relative;}
.modal .modal-header .close{position: absolute; right: 10px; top: 0; bottom: 0;}
.modal .modal-header .close:hover{background: none; box-shadow: none;}

.horizontab-pane .panel_box .nav{margin: 30px 0;}
.horizontab-pane .panel_box .nav .nav-link{background: none; border-bottom: #ffffff solid 2px; font-size: 13px; font-family: var(--default-font); margin-right: 10px; padding: 7px 20px;border-top: none;border-left: none;border-right: none; color: rgba(0,0,0,.7);}
.horizontab-pane .panel_box .nav .nav-link.active{background: none; border-color: var(--red-color); color: var(--text-black);border-top: none;border-left: none;border-right: none;}

table.dataTable tbody th, table.dataTable tbody td,table.dataTable thead th, table.dataTable tfoot th{padding: 15px 10px;}
table.dataTable tbody th, table.dataTable tbody td { font-size: 14px; color: rgba(0, 0, 0, 0.87); border-color: rgba(224, 224, 224, 1);}
table.dataTable thead th, table.dataTable tfoot th{ border: none; font-weight: 500; font-size: 13px; color: rgba(0, 0, 0, 0.54); text-transform: uppercase;}
table.dataTable tbody td.actions{min-width: 215px;}
td.actions.view {min-width: 0px !important;}
table.dataTable tbody tr:hover{ background-color: rgb(239, 239, 239);}
table.dataTable {min-width: 100%;}
table.dataTable.no-footer { border-bottom: 1px solid rgba(224, 224, 224, 1); margin-bottom: 20px;}
table.dataTable tbody tr td.actions .btn + .btn{margin-left: 5px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{ color: rgba(0, 0, 0, 0.26) !important; padding: 5px 15px; transition: all 0.3s ease;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: none; border-color: var(--light-blue); border-radius: 0; color: var(--light-blue) !important;}
.dataTables_wrapper .dataTables_filter input{border-radius:0; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.42);}
.dataTables_wrapper .dataTables_filter input:focus{outline: none;}
.dataTables_wrapper .dataTables_info{font-size: 12px; color: rgba(0, 0, 0, 0.54);}

.panel_box.panel_left .nav .nav-link{width: 100%;}

.appstatus_box{background: #ffffff; border-radius: 10px; padding: 25px;}
.process_box{padding: 25px;}
#progressbar{list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-around; flex-direction: row; position: relative; counter-reset: section;}
#progressbar::before{content: ''; width: 100%; height: 1px; background: #bdbdbd; position: absolute; top: 17px;}
#progressbar li{position: relative; text-align: center; padding-top: 50px; flex: 1; font-size: 14px; color: rgba(0, 0, 0, 0.54); padding-left: 8px; padding-right: 8px;}
#progressbar li::before{content: ''; font-weight: normal;  font-style: normal; z-index: 1; font-size: 12px; background: #bbb; border: #ffffff solid 5px; border-radius: 100%;
line-height: 1; position: absolute; left: 0; right: 0; top: 0; margin: auto; text-align: center; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; counter-increment: section;
  font-family: var(--default-font); color: #fff}
#progressbar li.active::before{background: #004990;}
#progressbar li.start::before{content: '\e876'; font-family: 'Material Icons'; font-size: 20px;  font-weight: normal; }
#progressbar li.active{font-weight: 500; color: rgba(0, 0, 0, 0.87);}
#progressbar li:nth-child(1)::after,#progressbar li:last-child::after { content: ''; width: calc(50% - 10px); height: 28px; background: #fff; position: absolute; top: 0; left: 0;}
#progressbar li:last-child::after{left: initial; right: 0}

.no-record-found{-webkit-box-align: center; align-items: center; background-color: rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230); border-radius: 5px;
  display: flex; -webkit-box-pack: center; justify-content: center; min-height: 200px; padding: 2rem;}
.no-record-found .material-icons{font-size: 120%; margin-right: 5px; display: inline-flex;}

.signup_box{width: 400px; max-width: 100%; margin: 28px auto; border-radius: 10px; overflow: hidden; box-shadow: rgb(0 0 0 / 2%) 0px 2px 10px 10px; position: relative;}
.signup_box .signup_header{background: rgb(0, 73, 144); padding: 24px 32px; border-radius: 10px 10px 0 0;}
.signup_box .signup_header img{width: 80%; margin: auto; }
.signup_box .signup_body{background: #ffffff; padding: 34px 32px; font-size: 12px;}
.signup_box .signup_body p{line-height: 1.66}
.signup_box .signup_body a{margin-bottom: 15px; display: inline-flex;}
hr.box-divider{ opacity:1; margin: 25px 16px; border: none; flex-shrink: 0; background-color: rgba(0, 0, 0, 0.12);}
.signup_body h3{color: rgba(0,0,0,.87)}

.login_full_screen{width: 100%; height: 100vh; display: flex; background: #004895; flex-wrap: wrap;}
.login_sec_left{ width: 52.5%; padding: 50px;}
.login_sec_left .logo_login{width: 100%}
.login_sec_left .logo_login img{max-width: 300px;}
.login_sec_left .logo-2{max-height: 600px; position: absolute; left: 0; bottom: 0}
.login_sec_right{ width: 47.5%; height: 100vh; overflow: auto; background: #fff; padding: 100px 50px; display: flex; flex-direction: column; justify-content: center;}
.login_sec_right h1{margin-bottom: 50px;}
.login_sec_right hr{margin-top: 50px;}
.login_sec_form form .form_box{width: 300px; margin-top: 50px;}
.login_sec_right .btn{min-width: 150px; box-shadow: none; border-radius: 3px; padding: 10px 20px; font-weight: 400; line-height: 1.3em}
.login_sec_right .btn-primary{background: #ff003f; border-color: #ff003f; }
.login_sec_right .btn-primary:hover,.login_sec_right .btn-primary:focus { background-color: #e60039;}
.login_sec_right .btn:disabled { cursor: not-allowed; background-color: #999999; opacity: 1; color: #ffffff; pointer-events: initial;}

.login_sec_right form .forgotPassword{font-size: 11px; color: #ff003f; margin-left: auto; margin-right: 0}
.login_sec_right form .form-label{font-size: 13px; color: #004895; line-height: 20px; margin-bottom: 0}
.login_sec_right form .form-control{color: #000000; font-size: 14px; line-height: 20px; border: 0; border-bottom: 2px solid #004895; border-radius: 0; padding: 1px 2px}
.login_sec_right form .form-control:focus{outline: none; box-shadow: none;}
.login_sec_form .note{font-size: 14px; margin-top: 30px;}
.login_full_screen h1 { font-family: var(--default-font); font-size: 34px; line-height: 48px; font-weight: 400}
.login_sec_right form .helpLink{color: #999999; margin-top: 5px; font-size: 11px;}

table.table-style-1 thead th{font-size: 14px; font-weight: 500; padding-bottom: 20px; color: rgba(0,0,0,.5); line-height: 1.2em; border-bottom: 1px solid rgb(208, 220, 230);}
table.table-style-1 thead th.monitoring-th{width: 120px;}
table.table-style-1 tbody td{ font-size: 14px; vertical-align: middle; padding: 10px 8px;}
table.table-style-1>:not(:first-child){border-top: none;}
.tab-pane .table-heading{border-bottom: 1px solid rgb(208, 220, 230); padding-bottom: 10px;}
.tab-pane .table-heading .btn{margin-left: auto; margin-right: 0}
.membComplianceSec .panel_box { min-height: calc(100vh - 130px);}
.membComplianceSec #memb-compli-tab-nav,.tab-pane .panel_box > .nav.fullwidth-nav{margin-left: -25px; margin-right: -25px;}

.wrapper-body{min-height: 100%; background:linear-gradient(180deg, #004990 500px, #fafafa 500px);}

footer.footer{display: none;}

.navbar.navbar-inverse.navbar-static-top { background: transparent !important; box-shadow: none !important;}
ul.nav.navbar-nav.weblinks { flex-direction: inherit;}
.navbar-inverse .navbar-nav > li > a:hover { background: none; color: black;}
.dropdown-toggle::after { border: none;}

.attachement_upload_block h3,#v-pills-payment-and-fees legend h3,#v-pills-employment-details legend h3,.custom_fieldset_form legend h3, .proceedto_payment_certifi legend h3{font-weight: normal; font-size: 16px; display: flex; align-items: center; flex-wrap: wrap;}
.attachement_upload_block h3 .material-icons,#v-pills-payment-and-fees h3 .material-icons,#v-pills-employment-details h3 .material-icons,
.custom_fieldset_form h3 .material-icons{color: var(--red-color); margin-right: 5px;}
.attachement_upload_block ol li{font-size: 16px; font-weight: 400; line-height: 1.5em; color: rgba(0, 0, 0, 0.87);}
.attachement_upload_block .attach_document_box fieldset{padding: 10px; margin-bottom: 20px; flex-wrap: wrap;}
.attachement_upload_block .attach_document_box fieldset .select_upload_option{width: 100%;}
.attachement_upload_block .attach_document_box fieldset p{margin: 0 !important;}
.attachement_upload_block .attach_document_box fieldset .attachment_view{width: 100%; display: inline-flex; align-items: center;}
.attachement_upload_block .attach_document_box .field-label{width: 100%;}
.attachement_upload_block .attach_document_box .control{margin-bottom:20px}
.attachement_upload_block .attach_document_box .browse_document{margin-bottom: 30px; border-bottom: rgb(208, 220, 230) solid 1px; padding-bottom: 10px;}
.attachement_upload_block input[type="file"]{background: none;}

.payinvoiceModal .pay_invoice_address_box{ border: rgb(208, 220, 230) solid 1px; border-radius: 5px; padding: 20px 30px;}
.payinvoiceModal .close_modal_popup{position: absolute; justify-content: center; cursor: pointer; width: 35px; right: 10px; top: 0; bottom: 0; margin: auto; display: flex; align-items: center;}
.payinvoiceModal .modal-body fieldset{margin-top: 0;}
.payinvoiceModal .modal-dialog{ width: 1080px; max-width: 100%;}
.payinvoiceModal .modal-dialog .modal-content{border-radius: 5px}
.payinvoiceModal .modal-content .modal-body{max-height: calc(100vh - 110px); overflow: auto;} 
#PayInvoiceModal4 .control textarea{border: #ddd solid 1px; padding: 15px;}

#exampleModalLong .modal-dialog{width: 700px; max-width: 100%; }
#exampleModalLong .modal-content{background: #fff;} 
#exampleModalLong .modal-header{background: #ffffff;}
#exampleModalLong .modal-body{ background: #ffffff; width: 100%; margin: auto;}
#exampleModalLong table{width: 100% !important; max-width: 100% !important; outline: none !important; background: rgb(242, 251, 254);}
#exampleModalLong table table  table  table  table td{padding: 10px !important;}
#exampleModalLong table td strong{color: #000;}
#exampleModalLong table table table table tr:nth-child(1) td{padding-top: 0 !important;}
#exampleModalLong table tr td span{background: none !important;}
#exampleModalLong .modal-body .modal-date{font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.87); margin-bottom: 20px;}
#exampleModalLong .modal-body > div{font-size: 14px !important; color: rgba(0, 0, 0, 0.87); font-family: var(--default-font) !important;} 

.tax_practitioner_general_info{border: #ddd solid 1px; padding: 20px; border-radius: 4px;}
.tax_practitioner_general_info label{width: 100%; color: var(--btn-primary);}
.tax_practitioner_general_info b{width: 100%; font-weight: 600; display: inline-block; margin-bottom: 15px; border-radius: 5px; word-break: break-all;}


.payu_section { width: 100%; padding: 20px 0; background: #ffffff; border-radius: 10px;}
.payu_section h4 { display: inline-flex; width: 100%; align-items: center; justify-content: center; color: var(--btn-primary);}
.payu_section h4 img { width: 100px; margin-right: 10px;}
.payu_section .register-step-form { width: 100%; margin: auto; flex-direction: column; background-color: #fafafa; border: 2px solid #d6d6d6; border-radius: 10px; display: flex; flex-wrap: wrap; padding: 35px 35px 20px; position: relative;}
.payu_section .register-step-form .card_header { background: #e6e6e6; margin: -35px -35px 20px; display: flex; align-items: center; padding: 13px 10px;  border-radius: 10px 10px 0 0;}
.payu_section .register-step-form .form-group { display: flex; align-items: center;}
.payu_section .register-step-form .form-group label { width: 200px; max-width: 40%; text-align: right; margin-bottom: 0; padding-right: 20px; color: #444444;}
.payu_section .register-step-form .form-group .control { width: 254px; max-width: 60%;}
.payu_section .register-step-form .form-group .control .form-control { width: 100%; border-radius: 5px; height: 34px; font-size: 12px; border-color: #ddd; box-shadow: none; border-right: #A6C307 solid 5px;}
.payu_section .card_header label { font-weight: 500; margin-bottom: 0; margin-left: 10px;}
.payu_section .card_header img { width: 354px; max-width: 100%; margin: auto; margin-left: 155px;}
.payu_section .card_body { max-width: 100%;}
.payu_section .card_body p { margin-bottom: 50px; font-size: 12px; color: #444;}
.payu_section .card_body .btn { border-radius: 25px; min-width: 80px; box-shadow: none; height: 28px; font-size: 12px; display: inline-flex; align-items: center;  justify-content: center; font-weight: 400;}
.payu_section .card_body .btn-primary { background: #A6C307; color: #fff; border-color: #A6C307;}
.payu_section .card_body .btn-secondary { background: #ffffff; border-color: #A6C307; color: #333;}
.payu_section .card_body .btn #submit_amount { padding-left: 5px;}
.payu_section .card_body .card_button { width: 100%; max-width: 100%; text-align: left; padding-left: 200px;}
.payu_section .card_body .payu_small_txt { max-width: 100%; text-align: left; font-size: 10px; margin-left: 200px; padding-left: 0; width: 265px;}
.payu_section .payu_left { border-radius: 10px; padding: 10px; text-align: center; border: solid 2px #d6d6d6; margin: 0; color: #fff;}
.payu_section .payu_left img { width: 180px; padding: 0; margin: 0 0 20px;}
.payu_section .payu_left .amount_due { background: #A6C307; color: #ffffff; font-size: 12px; display: flex; align-items: center; flex-wrap: wrap; font-weight: 500;
    padding: 10px; margin: 10px -10px -10px; border-radius: 0 0 10px 10px;}
.payu_section .payu_left p { color: #000000; text-align: left; font-size: 12px; margin-bottom: 0;}
.payu_section .payu_left .semibold { font-weight: 500;}
.payu_section .payu_left .amount_right { margin-right: 0; margin-left: auto; font-size: 18px; font-weight: normal;}

body.payubody .wrapper-body{background: #ffffff;}
/* 21-06-23 K */
/* .membership-main{ display: flex; flex-direction: row; flex-wrap: wrap;} */
.membership-main .membership-box-1, .membership-main .membership-box-2, .membership-main .membership-box-3{border:none; min-height: 100%;}
.membership-main .membership-box-1 .panel-title h3, 
.membership-main .membership-box-2 .panel-title h3, 
.membership-main .membership-box-3 .panel-title h3{min-height: 40px;display: flex;align-items: center;text-align: center;}
.membership-main .membership-box-1 .membership_logo,
.membership-main .membership-box-2 .membership_logo,
.membership-main .membership-box-3 .membership_logo{height: 98px; margin: 0 auto;width: 100%;object-fit: contain;}
.manage_member .modal .modal-dialog .modal-content .modal-body .membership_inner_modal h5{color: #000000;}
.my-queries-main{float: right;}
.confirm-membership{padding-left: 0px !important;}
#v-pills-profile .profileSec .panel_box ul li a, #v-pills-profile .profileSec .panel_box ul li, #v-pills-profile .profileSec .panel_box ul{border-bottom: none;}
#v-pills-profile .profileSec .panel_box ul{padding-bottom: 0px; margin-bottom: 0;}
/* #v-pills-profile .profileSec .panel_box ul li a:hover{background-color: #ffffff; color: #000000; cursor: pointer;} */
#v-pills-profile .profileSec .panel_box ul li.active a::after{display: none;}
.invoice-table { border-top: 1px solid rgb(208, 220, 230); padding-top: 15px;}
.view_invoice {border-top: 1px solid rgb(208, 220, 230);}
table.dataTable tbody tr:hover{background-color: transparent;}
.modal.membership-resignationModal .membership_inner_modal .w3review-text,
.modal.membership-resignationModal .membership_inner_modal .w3review-text textarea{width: 90%;}
.modal.membership-resignationModal .membership_inner_modal .panel_box p{font-size: 14px;}
.modal.membership-resignationModal .modal-header h5{font-size: 14px; color: #004990;}
.profileSec #profile-tab-nav li.active .nav-link::before {opacity: 1;}
.profileSec .profile-tab-invoice#profile-tab-nav li.active .nav-link::before {opacity: 0;}
.confirm-membership .membership_inner_modal{ padding: 10px; background-color: rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230);
    border-radius: 5px; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column;}
.confirm-membership .membership_inner_modal h5{ font-size:14px; font-weight: bold;}
.confirm-membership .modal-header h5, .modal.membership-resignationModal .modal-header h{font-size: 16px; font-weight: 400; color: #004990;}
.confirm-membership .modal-header {margin: 0 15px; padding-left: 0px; padding-right: 0px;}
.confirm-membership .membership_inner_modal .picklist label.form-check-label{display: block;}
.mem_certificate_fieldset .picklist label{ margin-left: -14px;}
#view_AddressProof_Details_div, #view_CompanyLetterHead_Details_div{margin: 10px 0;}
#view_AddressProof_Details_div p{display: inline-flex; align-items: center;}
#view_CompanyLetterHead_Details_div p{display: inline-flex; align-items: center; padding: 0 14px; width: 50%;}
#view_AddressProof_Details_div p a span, #view_CompanyLetterHead_Details_div p a span{    font-size: 20px;}
.display-mypractice-radiobtn, .registered-tax-radiobtn, .aligned-radiobtn{margin-left: -14px;}
.payment-fees-radiobtn .form-check input{display: none;}
.browse_document input{width:100%;}
table.dataTable tbody th, table.dataTable tbody td{border-bottom-width: 1px; border-bottom-style: solid;}
.tab-pane#v-pills-submit-application .panel_box p{font-size:100%}
.tab-pane .panel_box .address_detail p{font-size: 12px; color: #00498f;}
.btn-payment-free-group{display: flex; gap: 5px; flex-wrap: wrap; justify-content: space-between;}
.order-certificate-main .form-control{color: #000 !important;}
.keyboardFocusClass table tr td img{width: 100% !important;}
.my-queries-tab .my-queries-row{display: flex; justify-content: flex-end;}
.login_right input:-webkit-autofill, 
.login_right input:-webkit-autofill:hover, 
.login_right input:-webkit-autofill:focus, 
.login_right input:-webkit-autofill:active{-webkit-background-clip: text;}
.member_compliance_static_content #view_TP_Declaration{padding: 20px;}
.notes-saica-content ul { line-height: 26px; margin-bottom: 20px; position: relative;}
.tab-pane.member_view_report .ul_final_list .notes-saica-content ul li{position: relative; font-size: 14px;}
.notes-saica-content ul li::before { content: ""; position: absolute; left: -10px; color: red; width: 6px; height: 6px; z-index: 5; background-color: #ea1946; border-radius: 4px; top: 11px;}
#courierDetailsModal .modal-content{
    max-width: 400px; margin: 0 auto; background-color: #ffffff;border-radius: 8px; transform: translate(0%, 7%);
    /* box-shadow: 0 -2px 20px -10px #e8e8e8; */ border: solid 1px #ccc; overflow: hidden;
}
.courier-details .panel_box{padding: 0px; background: #ffffff; border-radius: 10px; box-shadow: none;}
.courier-details .panel_box.custom_tab_form ul li .material-icons{color: var(--red-color); margin-right: 10px;}
.courier-details .panel_box.custom_tab_form ul li ul{padding-left: 0;}
.courier-details .panel_box.custom_tab_form ul li{list-style-type: none;}
.courier-details .panel_box.custom_tab_form ul.status_list {
    list-style: none; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 0;
}
.courier-details .panel_box.custom_tab_form ul.status_list>li {
    /* border: solid 1px #ea1946; */
    padding: 10px;border-radius: 4px;width: calc(100% - 0px);word-break: break-all; margin-bottom: 0px;
    background-color: rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230);margin: 0;
}
.courier-details .panel_box.custom_tab_form ul li:first-child {
    flex: 0 0 100% !important; margin: 0 0;
}
.courier-details .panel_box.custom_tab_form ul>li>ul {
    padding-left: 0; display: flex; flex-direction: column; justify-content: flex-start;
}
.courier-details .panel_box.custom_tab_form ul>li>ul>li { display: flex;
    list-style-type: none;justify-content: flex-start;flex-direction: row;width: 100%; min-width: 100%;
    align-items: center; margin: 5px 0;
}
.courier-details .panel_box .courier-order-actiongroup{gap: 10px;}
.courier-details .panel_box .courier-order-actiongroup .cancel-order{padding-top: 10px;}
.courier-details .panel_box .horizon_line{ width: 100%; height: 1px;display: flex; margin: 30px auto; background: rgba(0, 0, 0, 0.12);
}
.proceedto_payment_certifi .section-title{margin-bottom: 0px;}
.panel.membership-box-1 .panel-title h3,
.panel.membership-box-2 .panel-title h3,
.panel.membership-box-3 .panel-title h3{text-align: center;}
h3#looking_to_be_reinstated_as_a_New_Associateerror_description{font-size: 14px; line-height: 20px;}
.tab-pane .panel_box .address_detail p{display: flex; align-items: center;min-width: 100%;}
.tab-pane .panel_box .address_detail p label { margin-bottom: 0;}
.profileSec .member_view_application .tab-content #v-pills-submit-application .table-heading{margin-bottom: 30px !important;}
.tab-pane .profileSec .panel_box.member_view_application .address_detail p label{padding-left: 0; padding-right:5px;}
#v-pills-profile  .panel_box.custom_tab_form .tab-content .tab-pane:last-child .table-heading{margin-bottom: 30px !important;}
#v-pills-profile  .panel_box.custom_tab_form .tab-content .tab-pane:last-child .panel_box{padding: 0; box-shadow: none;}
.tab-pane .panel_box .memb_ship_attachment_box fieldset{margin-bottom: 5px}
/* #v-pills-employment-details .section-title{margin-bottom: 0px;} */
.sectionBlockLayout .columnBlockLayout h1, .sectionBlockLayout .columnBlockLayout p{color: #ffffff;}
.footer-table-invoice { display: flex; justify-content: flex-end; align-items: center; gap: 15%;}
#v-pills-payment-and-fees #payment_message_show_section h3{font-weight: normal; line-height: 24px; font-size: 16px;}
#v-pills-payment-and-fees #payment_message_show_section .table-heading h3{font-weight: bold;}
.btn-request_confirmation{width: 100%;}
#invoice_amount_to_pay.select{padding: 3px 5px; border-radius: 3px;}
.tab-pane.member_view_report .ul_final_sub_list{ border-radius: 4px; border: 1px solid rgb(216 224 227);}
.tab-pane#v-pills-submit-application-Form .panel_box fieldset {margin-top: 70px;}
.tab-pane#v-pills-submit-application-Form .panel_box fieldset { margin-top: 70px;flex-wrap: wrap;}
#v-pills-gga .profileSec .panel_box ul {padding-bottom: 0px;margin-bottom: 0;}
#v-pills-gga .profileSec .panel_box ul {border-bottom: none;}
#v-pills-gga .panel_box.custom_tab_form .tab-content .tab-pane:last-child .panel_box{box-shadow: none;}
.tab-pane#v-pills-submit-application-Form  .panel_box fieldset h6 { width: 100%;font-size: 16px; color: rgba(0, 0, 0, 0.87);}
#v-pills-gga .profileSec .panel_box ul li, #v-pills-gga .profileSec .panel_box ul li a {border-bottom: 0px;}
.tab-pane .view_gaa_membership .panel_box fieldset .form-control{
    background: none !important; border: none; box-shadow: none; padding: 0; transition: all 0.3s ease;}
.tab-pane .view_gaa_membership fieldset .form-control:read-only, .tab-pane .view_gaa_membership fieldset .form-control:disabled {
    color: rgba(0, 0, 0, 0.38);}
.tab-pane .view_gaa_membership fieldset .control:before, .tab-pane .view_gaa_membership fieldset .control:hover::before {
    content: ''; border-bottom: 1px dotted rgba(0, 0, 0, 0.42); width: 100%;}
.dataTable tbody tr td.no-wrap { white-space: nowrap;} /*add pg*/
/* #loaderFix{padding-top: 50vh;} */
ul.ul_final_list_tax_declare h4{font-size: 18px;}
ul.ul_final_list_tax_declare p{margin-bottom: 0;}
.somthing-wrong-box { display: inline-block; background-color: #ea1946; color: #91bbe4; padding: 40px 32px; border-radius: 7px; border: solid 1px #91bbe4;}
.somthing-wrong-box p { margin-bottom: 0;}
#v-pills-annual-declare-btn .picklist input[type="radio"],
#v-pills-mem-compliance .picklist input[type="radio"]{display: inline-block;}
/* 27-07-23 K-End */

@media screen and(min-width:1800px){
  .query_list_msg .query_list_body {
    width: 94.6%;
  }
}

@media screen and (max-width: 1280px){
header.main_header{width: calc(100% - 80px); left:0; right:0; }
.sidebar + .page-copy{width: 100%;}
#newQuery{right: 0px;}
.top_head { width: calc(100% - 52px); display: inline-flex;} 
.mobile-menu{display: inline-flex; margin-left: 0; border-radius: 0 0 20px 20px; }
.mobile-menu .material-icons,.mobile-menu .lni{font-size: 30px;}
.sidebar{ left: -320px; background: rgb(0, 73, 144); z-index: 15; transition: all 0.3s ease;}
.sidebar.open-menu{left: 0;} 
.overlay{display: block; opacity: 0; visibility: hidden;}
.overlay.in{opacity: 1; visibility: visible;}
#content-wrapper{width: 100%;}
.courier-details .panel_box.custom_tab_form ul.status_list>li{width: calc(49.3% - 0px);}
.tab-pane.member_view_report .ul_final_list label{ width: calc(100% - 200px);}
}
@media screen and (max-width: 1199px){
.payu_section .card_body .card_button{padding-left: 0;}
.payu_section .payu_left .amount_right{font-size: 16px;}
.payu_section .payu_left img { width: 100px; margin-bottom: 30px;}
.payu_section .register-step-form .form-group label { width: 135px;}
 .tab-pane .panel_box fieldset .control.large_width{width: 100% !important;}
.modal.payinvoiceModal .modal-dialog .modal-header .modal-title{padding-right: 30px;}
}
@media screen and (max-width: 991px){
.membComplianceSec .panel_box { min-height: 100px; margin-bottom: 20px;}
.tab-pane .panel_box{margin-bottom: 30px;}
.payu_section{padding: 0;}
.payu_section .payu_left .amount_due{font-size: 14px;}
.payu_section .card_header img { width: 310px;}
.payu_section .card_body p { margin-bottom: 30px;}
.payu_section .register-step-form .card_header { margin: -35px -15px 20px;}
.payu_section .register-step-form{padding: 35px 15px;}
.payinvoiceModal .modal-dialog{width: auto; max-width: 1080px;}
.evidence_chat .evi_chat_box .evi_lst label{white-space: nowrap;}
}
@media screen and (max-width: 960px){
.top_head .top_right_head{display: none;}
.top_head .breadcrumb .breadcrumb-item{z-index: 1;}
.top_head .breadcrumb .breadcrumb-item:nth-child(1){z-index: 2}
.top_head .breadcrumb .breadcrumb-item .material-icons,.top_head .breadcrumb .breadcrumb-item .lni{font-size: 20px;}
#wrapper::before{height: 100%}
.top_head .breadcrumb .breadcrumb-item a{padding: 0 16px;}
.top_head .breadcrumb .breadcrumb-item .material-icons,.top_head .breadcrumb .breadcrumb-item .lni{margin: 0}
.top-head-containter{padding: 0;}
.top_head { right: 0; border-bottom-right-radius:0;}
.mobile-menu .material-icons,.mobile-menu .lni{font-size: 20px;}
#content{padding:40px 30px 50px;}
.top_head { width: calc(100% - 60px);  margin-right: 0;  margin-left: auto;}
header.main_header{width: 100%; display: flex; flex-wrap: wrap;}
.mobile-menu{border-radius: 0 0 20px 0;}
#content { padding: 80px 30px 50px;}
header.main_header{display: flex; flex-wrap: wrap;}
.top_head .breadcrumb li + li.active, .top_head .breadcrumb li + li{display: none;}
.top_head .breadcrumb li{background: none;}
.top_head .breadcrumb li a{font-size: 0;}
.top_head .breadcrumb li:first-child a:before,.top_head .breadcrumb.Dashboard li:before{margin-right: 0; font-size: 20px;}
.top_head .breadcrumb li a, .top_head .breadcrumb li.Dashboard + li.active,.top_head .breadcrumb.Dashboard li.active{padding: 0 16px;}
#content .panel{padding: 20px 15px;}
.top_head .breadcrumb.Dashboard li.active{font-size: 0; display: inline-flex;}
.tab-pane .panel_box,.tab-pane .panel_box fieldset{padding: 20px 15px;}
.membComplianceSec #memb-compli-tab-nav, .tab-pane .panel_box > .nav.fullwidth-nav { margin-left: -15px; margin-right: -15px;}
.signinpage .btn-primary,
.signinpage .login_right .form-horizontal .form-group,
.forgotpwdpage .forgot_right form .form-group,
.forgotpwdpage .btn-primary{min-width: 100% !important; margin-left: 0 !important; margin-right: 0;}
.signinpage .login_right .form-horizontal .form-group .form-control{padding: 0 8px;}
.forgotpwdpage .btn-primary{margin-bottom: 5px;}
.panel .my-details li.address_li p{max-width: 100%;}
}

@media only screen and (max-height: 780px){
.login_sec_left .logo-2 {
    max-height: 500px;
  }
  
}
@media only screen and (max-height: 680px){
.login_sec_left .logo-2 { max-height: 400px;}
}

@media screen and (max-width: 768px){
.login_sec_left,.login_sec_right{width: 100%; height: auto;}
.login_sec_right{padding: 50px;}  
.login_sec_left .logo-2{display: none}
.process_box{padding: 0; overflow: auto;}
#progressbar{min-width: 700px; margin-bottom: 15px;}
.courier-details .panel_box.custom_tab_form ul.status_list>li{width: calc(100% - 0px);}
}

@media screen and (max-width: 767px){
.tab-pane .list-group li{width: 48%;}
.tab-pane .panel_box .picklist.radio_list_box .info{width: 100%;}
.picklist.radio_list_box .radio_list_box_inner{width: 100%; margin-top: 10px;}
.tab-pane .panel_box fieldset .form_list_box .form-group label.field-label{width: 100%;}
.tab-pane .panel_box fieldset .form_list_box .form-group .textarea-group{width: 100%; margin-top: 10px;}
.tab-pane .panel_box fieldset .form_list_box .form-group .form-control{width: 100%; margin-top: 10px;}
#confirm_professionally_active{margin-bottom: 10px;}
.picklist.radio_list_box .radio_list_box_inner input[type="radio"]{margin-left: -15px;}
.tab-pane .panel_box .picklist.radio_list_box .radio_list_box_inner label{margin-right: 10px;}
.tab-pane .xrm-editable-html ul{padding-left: 20px;}
.declaration_content_inner h4, .declaration_content_inner b{line-height: 1.5em;}
.tab-content>.tab-pane .declaration_content_inner{padding: 0px; box-shadow: none;}
.tab-content>.tab-pane .declaration_content_inner > fieldset{margin-top: 0px;}
.tab-pane .membComplianceSec .tab-pane .table-heading{margin-bottom: 5px !important;}
.tab-pane .membComplianceSec .tab-pane .tab_declare_btn{padding-left: 0; padding-right: 0px;}
.tab-pane member_view_report.active .tab_declare_btn{padding-left: 10px; padding-right: 10px;}
.tab-pane.member_view_report .ul_final_list label,.tab-pane.member_view_report .ul_final_list li > span{width: 100%; padding-left: 0; margin-bottom: 10px; margin-left: 0;}
.tab-pane .panel_box .horizon_line{margin: 10px auto;}
.member_view_report .member_compliance_static_content.view_mem_compliance{padding: 20px !important; }
.tab-pane#v-pills-submit-application .panel_box p{width: 100%; font-size: 14px;}
.tab-pane .attachement_upload_block ol li{font-size: 14px;}
#v-pills-submit-application .panel_box{padding: 0;}
.attachement_upload_block .attach_document_box fieldset .select_upload_option { font-size: 12px;}
.payu_section .payu_left{margin-bottom: 20px;}
.panel.account_panel .panel_list .btn{width: 100%;}
.manage_member #btn1 {padding: 8px 10px;width: 100%;}
.evidence_side_bar{width:100%}
/* 16-06-23 k */
.tax_practitioner_general_info{word-wrap: break-word;}
.membComplianceSec .panel_box .tab-content .member_view_report #view_CPD_Declaration #view_back_btn{width: 100%;margin-left: 0 !important; margin-bottom: 5px;}
.membComplianceSec .panel_box .tab-content .member_view_report #view_CPD_Declaration #save_pdf{width: 100%;}
#exampleModalLong .modal-dialog{width: auto;}
.manage_member .modal .modal-dialog {width: auto !important;}
.my-queries-main{float: none; width: 100%;}
.panel .my-details li p { margin-bottom: 0; word-wrap: break-word; word-break: break-word;}
.membComplianceSec .panel_box .tab-content .tab_declare_btn .declaration_content_inner .tax-practitioner-form .radio_list_box .radio_list_box_inner{display: flex; align-items: center;}
.modal.membership-resignationModal .membership_inner_modal .w3review-text textarea{width: 100%;}
#view_AddressProof_Details_div p, #view_CompanyLetterHead_Details_div p{flex-wrap: wrap;}
#view_CompanyLetterHead_Details_div p{width: 100%;}
.custom_style_switch label .custom_switchlabel{width:100%;}
.tab-pane .panel_box #payment-fees-form fieldset{flex-direction: column;}
.attachement_upload_block h3,#v-pills-payment-and-fees legend h3,#v-pills-employment-details legend h3,.custom_fieldset_form legend h3{flex-wrap: nowrap;}
.firm-inform-form .row, .add-partner-form .row{ width: auto !important;}
.new_queries.tab-pane .memb_ship_attachment_box fieldset input{width: 100%;}
.notice-submit-query-table table tr td img{  width: 100%;}
.notice-submit-query-table table tr th{display: none;}
table thead tr th{display: none;}
table.table tbody tr td,
table.table1 tbody tr td{width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 10px; border-bottom: none;}
#queries-submitted table.table1 tbody tr td{border-bottom: solid 1px rgba(224, 224, 224, 1);}
table.table tbody tr td::before,
table.table1 tbody tr td::before { content: attr(data-label); float: left; font-weight: 500; text-transform: initial; width: 100%; margin-bottom: 10px; margin-top: 5px;}
.modal.notice-modal table tr td img { width: 100% !important;}
.membComplianceSec .panel_box .tab-content .tab_declare_btn .declaration_content_inner .tax-practitioner-form .radio_list_box .radio_list_box_inner{
  flex-wrap: wrap;
}
#view_TP_Declaration #back_view_btn,
#view_TP_Declaration #save_pdf{width: 100%; margin-bottom: 5px;}
.picklist input[type="radio"]{display: none;}
/* div#v-pills-address-details{display: inline-block;} */
.manage_member #btn1{margin-left: 0;}
.tab-pane .panel_box.panel_left{height: 200px; overflow-y: auto;}
.tab-pane .category_query_left .panel_box.panel_left,
.tab-pane .membComplianceSec .panel_box.heading.panel_left,
.tab-pane .panel_box.invoice_panel_left{height: auto; overflow: visible;}
.evidence_chat .evi_chat_box .evi_lst{word-break: break-all;}
/* 24-07-23 KE */
}

@media screen and (max-width: 600px){
.medium_width { width: 100% !important;}
.tab-content>.tab-pane#v-pills-declaration-of-non-residency{min-height: 200px;}
.tab-pane .panel_box fieldset.support_document_fieldset_inner .add_support_doc_file{position: relative; right: 0; top: 0;}
.tab-pane .panel_box fieldset legend.section-title{top: -75px;}
/* 28-06-23 KS */
.evidence_chat .evi_chat_box{width: calc(100% - 10px);}
.evidence_chat .evidence_file_list{padding: 10px;}
.evidence_chat .evi_chat_box .evi_lst:nth-child(1){flex-direction: column; align-items: flex-start; line-height: normal;}
.evidence_chat .evidence_file_list .evi_document.evi_lst a{margin-bottom: 10px;}
.evidence_chat .evidence_file_list .evi_supportingdocid.evi_lst{margin-top:10px;}
.evidence_chat .evi_chat_box .edit_action, .evidence_chat .evi_chat_box .delete_action{top:0px}
.evidence_chat .evi_chat_box .delete_action{right:0px}
.evidence_chat .evi_chat_box .edit_action{right:20px}
.evi_document.evi_lst{flex-wrap: wrap;}
.evi_document.evi_lst label{flex: 0 0 100%;}
.evi_document.evi_lst a{margin-left: 0px;}
.payu_section .register-step-form .form-group{flex-direction: column; align-items: flex-start; width: 100%;}
.payu_section .register-step-form .form-group label{width: 100%; max-width: 100%; min-width: 100%; text-align: left;}
.payu_section .register-step-form .form-group .control{width: 100%; max-width: 100% !important;}
.payu_section .register-step-form .form-group #month_id{margin-bottom: 5px;}
.eligibility_criteria_sec #next-btn{width: 100%;}
.tab-pane .panel_box fieldset{margin-top: 20px;}
.payinvoiceModal .pay_invoice_address_box{padding: 20px 10px;}
.pay_invoice_modal_footer.mt-2.d-flex.flex-wrap button { width: 100%; margin-bottom: 5px;}
.case_activity .btn{float: none !important;}
.btn-attach{margin-bottom: 5px; margin-top: 5px;}
#membership .bottom_button {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0;}
.evidence_chat .evi_chat_box .evi_lst label{font-size: 16px;}
.tab-pane .panel_box .tab-content .tab-pane #activitiesTab #ca_cont_profe_dev_next{position: relative; top: 0px; margin-top:20px}
.query_list_msg .query_list_body{width: 100%;}
.query_list_msg .query_heading{max-width: 100%;}
.footer-table-invoice { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}
.modal.payinvoiceModal .modal-dialog .modal-content .modal-header .modal-title{font-size: 14px; padding-right: 20px;}
.tab-pane .panel_box fieldset.support_document_fieldset_inner{display: flex; flex-direction: column;}
.tab-pane.member_view_report .ul_final_list li > span{margin-left: inherit;}
.evidence_chat .evi_chat_box .evi_lst{word-break: break-all; flex-direction: column; align-items: flex-start;}
.evidence_chat .evi_chat_box .evi_lst label{width: 100%;}
.dataTable tbody tr td.no-wrap { white-space: wrap;}
/* 24-07-23 KE */
}
@media screen and (max-width: 480px){
.signup_box{width: calc(100% - 65px); margin-top: 30px;}
.login_sec_left .logo_login img{max-width: 100%}
.horizontab-pane .panel_box .nav .nav-link{padding: 7px 5px; margin-right: 0;}
.payu_section .register-step-form .form-group label { width: 105px;}
.payu_section .register-step-form .form-group .control { max-width: calc(100% - 100px);}
.payu_section .card_body .btn{height: 40px;}
.payu_section .card_body p { margin-bottom: 15px; font-size: 14px;}
.payu_section .register-step-form { padding: 15px; margin-bottom: 15px;}
.payu_section .register-step-form .card_header{margin-top: -15px;}
.payu_section .register-step-form .card_header{padding-left: 15px; padding-right: 15px;}
/* 28-06-23 k */
.large_width{width: 100% !important;}
.small_width{width: 100% !important;}
.payinvoiceModal .modal-dialog{width: auto;}
.panel .my-details li.address_li p{max-width: 100%;}
.picklist input[type="radio"]{width: 0; display: none;}
.mem_certificate_fieldset .picklist label, .eligibility_criteria_sec .picklist label{margin-left: 0;}
#payment_message_show_section h3{font-size: 16px; font-weight: normal;}
.attachement_upload_block{margin-top:16px;}
.btn-nextsubmit, .submit.btn{width: 100%;}
.new_queries.tab-pane .panel_box fieldset.blank_new_query p{padding: 5px; text-align: center;}
.tab-pane .panel_box fieldset.new_query_fieldset .info label.field-label,
.tab-pane .panel_box fieldset.new_query_fieldset .form-control{font-size: 14px !important;}
#exampleModalLong table{min-width: 100% !important;}
/* .panel .panel-title .detail_link{margin-right: auto;} */
.panel .panel-title{text-align: center;}
.tab-pane .panel_box .information_box ul li{flex-wrap: wrap;}
.memb_ship_attachment_box input{width: 100%;}
.courier-details .panel_box .courier-order-actiongroup .btn{width: 100%;}
.courier-details .panel_box.custom_tab_form ul.status_list>li>p>span { display: flex;flex-direction: column;}
.courier-details .panel_box.custom_tab_form ul>li>ul{width: 100%;}
.courier-details .panel_box.custom_tab_form ul.status_list>li>p>span { display: flex;flex-direction: column; float: none !important;}
.tab-pane .panel_box .address_detail p{flex-direction: column; align-items: flex-start;}
.tab-pane .panel_box.member_view_application fieldset.support_document_fieldset_inner + fieldset.support_document_fieldset_inner{flex-direction: column;}
#personal-detail-form-atsa .nextBtn {display: flex; min-width: 100%; flex-direction: column;}
#v-pills-payment-and-fees #payment_message_show_section h3{font-size: 14px;}
.panel .panel-title h3.recent-queries{margin: 0 auto;}
.tab-pane#v-pills-submit-application .panel_box fieldset{margin-top: 100px;}
.tab-pane#v-pills-submit-application .panel_box fieldset:nth-child(2) legend.section-title{top: -95px;}
ul.status_list li span{width: 100%; text-align: right;}
ul.status_list li{ display: flex;}
#v-pills-gga .panel_box.custom_tab_form .tab-content .tab-pane:last-child .panel_box{padding: 0;}
.sectionBlockLayout .columnBlockLayout{min-width: 100% !important;}
}


@media only screen    
and (-webkit-min-device-pixel-ratio: 1)  
and (min-device-width : 768px)   
and (max-device-width : 1366px)   
{ /*body {
    background: #ff0000 !important;
    opacity: 0.5;
}*/
} 
@media(min-width: 600px){
  .control.date-field{width:220px !important;
  font-size: 20px;
  }
}