html,
body {
/*display: table;*/
height: 100%;
width: 100%;
/* The html and body elements cannot have any padding or margin. */
}
/* Input Disabled */
*:focus-visible {
outline: none;
}
*:focus {
outline: none !important;
}
input[disabled]{background-color: rgb(235, 235, 228);}
/* */
/* Wrapper for page content to push down footer */
#wrap {
/*min-height: 100%;
height: 100%;*/
/* Negative indent footer by its height */
/*margin: 0 auto -37px;*/
/* Pad bottom by footer height */
/*padding: 0 0 37px;
position: relative;*/
/*display: table;*/
/*width: 100%;*/
}
/* Set the fixed height of the footer here */
#footer {
height: 37px;
background: #596171;
/*display: table;*/
width: 100%;
grid-row-start: 2;
grid-row-end: 3;
}
.Googletranslate {
background-color: #f0f0f0;
display: flex;
padding: 5px;
justify-content: flex-end;
}
.Googletranslate #google_translate_element .goog-te-gadget {
width: 35px;
position: absolute;
height: 35px;
opacity: 0;
overflow: hidden;
z-index: 1;
right: 0;
}
#root .display-unset {
min-height: 100%;
display: grid;
grid-template-rows: 1fr auto;
}
.contact-section p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
color: #596171;
margin: 0;
text-align: center;
padding: 20px 0;
}
.contact-section p a{
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
color: #596171;
cursor: pointer;
}
.contact-section p a:hover{
color: #293665;
}
body{font-family: 'Raleway', sans-serif; /*overflow-y: scroll;*/}
a:focus{text-decoration: none;}
hr{display: none;}
a:hover{text-decoration: none;}
.row{margin: 0;}
/*input:focus{outline: none;}*/
/*select:focus{outline: none;}*/
#root, .display-unset, #wrap > div, #wrap > div > div {height: 100%;}
#wrap .login-block, #wrap .login-inner-wrapper {height: calc(100vh - 37px);}
/*Start Docket Search CSS*/
.header-wrapper{/*background: url(../images/top-bg.jpg) no-repeat; background-size: 100% 100%;*/ border-bottom: 2px solid #d6d7db;}
.header{background: rgba(255, 255, 255, .8); padding: 0 25px;}
.header .logo{padding:10px 0; display: inline-block; cursor:pointer;}
.navigation ul{margin: 0; padding: 0;}
.navigation ul li{display: inline-block;}
.navigation ul li a{padding: 40px 0 34px 0; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 500; display: inline-block; color: #36444f; border-bottom: 6px solid transparent; margin: 0 40px 0 0; cursor: pointer;}
.navigation ul li a.active{border-bottom: 6px solid #293665;}
.navigation ul li a:hover{border-bottom: 6px solid #293665; transition: all 0.5s ease 0s;}
.navigation ul li a:focus{text-decoration: none;}
.logout{font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 700; color: #36444f; float: right; padding: 40px 0; cursor: pointer;}
.logout:hover{color: #36444f;}
.docket-number-block{border: 1px solid #d5d7db; background: #fff; box-shadow: none; margin: 2px auto 0; border-radius: 5px; height: 50px; width: 500px; display: table;}
.dashboard {padding: 70px 0; background: rgba(255, 255, 255, .5);}
.dashboard .additional-search-btn{float: none; margin: 0 auto;}
.inner-page{padding: 16px 25px 10px 25px; background: rgba(255, 255, 255, .5);}
.inner-page .visible-hidden{visibility: hidden;}
.docket-number-block label{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #596171; text-shadow: none; vertical-align: middle; margin: 0; padding: 0; border-right: 1px solid #d5d7db; display: table-cell; width: 155px; text-align: center;}
.docket-number-block input{margin: 0; display: table-cell; width: 100%; height: 100%; border: none; color: #424751; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 400; padding: 0 20px; transition: all 0.5s ease 0s; text-align: center;}
.docket-number-block .search{background: #596171; display: table-cell; vertical-align: middle; text-align: center; width: 54px; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.docket-number-block .search i{font-size: 25px; color: #fff;}
.additional-search-btn{margin: 0 auto; float: none; width: 320px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #596171; text-align: center; padding: 5px 0 0; cursor: pointer;}
.additional-search-btn i{color: #596171;}
#footer{padding: 0 40px;}
#footer p{font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 400; color: #fff; padding: 10px 0 0;}
#footer p.footer-right{float: right;}
#footer p a{font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 400; color: #fff;}
/*End Docket Search CSS*/
/*Start Login CSS*/
.login-inner-wrapper{padding: 65px 0; background-size: cover; background-image: url(/app/static/media/loginbg.jpg); background-position: center center; background-repeat: no-repeat; position: relative;}
.login-inner-wrapper .logo{position: absolute; top: 50%; margin-top: -40px; left: 15%; margin-left: -126px; cursor: pointer;}
.login-section{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 440px; height: fit-content; background: #fff; border-radius: 5px; box-shadow: 0 0 20px -2px #9b9b9b; padding: 30px;}
.login-section .already-have-account{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #596171; margin: 0 0 10px 0;}
.login-section .title{font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 700; color: #596171; margin: 0 0 30px 0;}
.login-section label{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0 0 5px 0; width: 100%;}
.login-section input{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #596171; margin: 0; width: 100%; border: 1px solid #d0d2d6; height: 40px; padding: 5px;}
.login-section .username-block{margin: 0 0 20px 0;}
.login-section .password-block{margin: 0 0 10px 0;}
.login-section .forgot-password{margin: 0;}
.login-section .forgot-password a{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0; text-decoration: underline; cursor: pointer;}
.login-section .btn-block{margin: 20px auto; display: block; width: auto; text-align: center;}
.login-section .btn-block .login-btn{background: #293665; width: 265px; padding: 14px 0; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #fff; text-align: center; display: inline-block; border-radius: 5px; margin: 0 0 0 0; cursor: pointer; border: none;}
.login-section .create-account{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0;}
.login-section .create-account a{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0; text-decoration: underline; cursor: pointer;}
.login-section .tcpp{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #596171; margin: 10px 0 0 0;}
.login-section .tcpp a{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; text-decoration: underline; cursor: pointer;}
.login-section .alertBanner {background-color: #a92222; padding: 20px; border-radius: 4px; margin-bottom: 20px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 700; color: #fff;}
/*End Login CSS*/
/*Start Reset Your Osah Password CSS*/
.reset-your-osah-password-section{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 440px; height: 500px; background: #fff; border-radius: 5px; box-shadow: 0 0 20px -2px #9b9b9b; padding: 55px;}
.reset-your-osah-password-section .title{font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 700; color: #596171; margin: 0 0 58px 0;}
.reset-your-osah-password-section .subtitle{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0 0 40px 0;}
.reset-your-osah-password-section label{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0 0 5px 0; width: 100%;}
.reset-your-osah-password-section input{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #596171; margin: 0; width: 100%; border: 1px solid #d0d2d6; height: 40px; padding: 5px;}
.reset-your-osah-password-section .email-block{margin: 0 0 20px 0;}
.reset-your-osah-password-section .btn-block{margin: 50px auto; display: table; width: auto;}
.reset-your-osah-password-section .btn-block .submit-btn{background: #293665; width: 265px; padding: 14px 0; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #fff; text-align: center; display: inline-block; border-radius: 5px; margin: 0 0 0 0; cursor: pointer;border:0}
/*End Reset Your Osah Password CSS*/
/*Start Email Sent CSS*/
.email-sent-section{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 440px; height: 500px; background: #fff; border-radius: 5px; box-shadow: 0 0 20px -2px #9b9b9b; padding: 55px;}
.email-sent-section .title{font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 700; color: #596171; margin: 0 0 58px 0;}
.email-sent-section .subtitle{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0 0 45px 0;}
.email-sent-section .subtitle a{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171;}
.email-sent-section .try-again{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0 0 40px 0;}
.email-sent-section .try-again a{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; cursor: pointer;}
/*End Email Sent CSS*/
/*Confirmation CSS*/
.email-sent-section.confirmation{padding: 210px 55px;}
.email-sent-section.confirmation .title{margin: 0 0 30px 0;}
/*Start Reset Your Osah Password CSS*/
.reset-your-password-section{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 440px; height: 500px; background: #fff; border-radius: 5px; box-shadow: 0 0 20px -2px #9b9b9b; padding: 40px;}
.reset-your-password-section .title{font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 700; color: #596171; margin: 0 0 20px 0;}
.reset-your-password-section label{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; margin: 0 0 5px 0; width: 100%;}
.reset-your-password-section input{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #596171; margin: 0; width: 100%; border: 1px solid #d0d2d6; height: 40px; padding: 5px;}
.reset-your-password-section .new-password-block{margin: 0 0 30px 0;}
.reset-your-password-section .btn-block{margin: 50px auto; display: table; width: auto;}
.reset-your-password-section .btn-block .reset-btn{background: #293665; width: 265px; padding: 14px 0; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #fff; text-align: center; display: inline-block; border-radius: 5px; margin: 0 0 0 0; cursor: pointer; border:0}
.reset-your-password-section .password-requirements-block p{width: 100%; color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; margin: 10px 0 5px;}
.reset-your-password-section .password-requirements-block{margin: 0 0 10px 0;}
.reset-your-password-section .password-requirements-block ul{margin: 0; padding: 0;}
.reset-your-password-section .password-requirements-block ul li{color: #424751; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; margin: 0 0 0 15px;}
/*End Reset Your Osah Password CSS*/
/*Start My Docket Modal CSS*/
/* .mydashboard-block{margin: 20px 0 0 0;}
.mydashboard-block .action-btn-right{display: inline-block; float: right; margin: 11px 0 0 0;}
.mydashboard-block .action-btn-right button{background: #293665; color: #fff; padding: 10px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 0 0 10px;}
.mydashboard-block .action-btn-right button.find-case-btn{background: #424751; padding: 10px 30px;}
.mydashboard-block .mydocket-search-block{margin: 0 0 30px 0; display: table; width: 100%;}
.mydashboard-block .mydocket-search-block input{float: right; padding: 10px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 420px; border: 1px solid #d5d7db;}
.mydashboard-block .mydocket-block{padding: 30px 25px 75px; display: block; width: 100%;}
.mydashboard-block .mydocket-block .mydocket-table{display: block; width: 100%;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{float: right; width: 100%;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{float: right; padding: 10px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 420px; border: 1px solid #d5d7db; height: auto; line-height: inherit; box-shadow: none; border-radius: 0; margin: 0 0 30px 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input:focus{outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.mydashboard-block .mydocket-block .mydocket-table table{width: 100%;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; color: #424751; padding: 0 25px 10px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td i{font-size: 14px; font-weight: 500; color: #424751;}
.mydashboard-block .mydocket-block .mydocket-table table td{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; padding: 8px ; border-bottom: 1px solid #d5d7db; text-align: left; vertical-align: middle;}
.mydashboard-block .mydocket-block .mydocket-table table td.react-bs-table-no-data{background: #f1f1f1; text-align: center; color: #424751; font-size: 14px; font-weight: 700;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket a{color: #293665; cursor: pointer;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 8px; color: #424751; cursor: pointer;}
.mydashboard-block .mydocket-block .mydocket-table table th.docket{width: 17%;}
.mydashboard-block .mydocket-block .mydocket-table table th.petitioner{width: 17%;}
.mydashboard-block .mydocket-block .mydocket-table table th.respondent{width: 17%; text-align: left;}
.mydashboard-block .mydocket-block .mydocket-table table th.status{width: 17%; text-align: left;}
.mydashboard-block .mydocket-block .mydocket-table table th.hearing-date{width: 17%; text-align: left;}
.mydashboard-block .mydocket-block .mydocket-table table th.view-btn{width: 11%;}
.mydashboard-block .mydocket-block .mydocket-table table td.view-btn button{background: #b3bccc; color: #fff; padding: 5px 20px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 auto; display: table;}
.mydashboard-block .mydocket-block .mydocket-table table td.view-btn button:hover{background: #293665;}
.mydashboard-block .mydocket-block .mydocket-table table td.view-btn button.active{background: #293665;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{float: right;}
.mydashboard-block .mydocket-block .mydocket-table .pagination li a{border: 1px solid #d5d7db; margin: 0 0 0 8px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; color: #424751; padding: 8px 12px; border-radius: 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination li.active a{background: #424751; color: #fff;}
.mydashboard-block .mydocket-block .mydocket-table .pagination li a:hover{background: #424751; color: #fff; transition: all 0.5s ease 0s;}
.mydashboard-block .mydocket-block .mydocket-table .react-bootstrap-table-pagination-list{width: 100%;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 40px 0 0 0;}
.mydashboard-block .mydocket-block .mydocket-table table tr.heading:hover{background: inherit; cursor: pointer;}
.mydashboard-block .mydocket-block .mydocket-table table tr:hover{background: #f1f1f1; transition: all 0.5s ease 0s;}
.mydashboard-block .mydocket-block .mydocket-table table thead tr:hover{background: none;}
/*End My Docket Modal CSS*/
/*Start My Docket Modal CSS*/
.mydashboard-block{
margin: 20px 0 0 0;
}
.mydashboard-block .container{
width: 100%;
}
.mydashboard-block .mydocket-block .title{
display: inline-block;
float: left; margin:
10px 0 0 30px;
}
.mydashboard-block .mydocket-block .title h2{
font-family: 'Raleway', sans-serif;
font-size: 18px;
font-weight: 700;
color: #596171;
margin: 0;
}
.mydashboard-block .mydocket-search-block{
margin: 0 0 50px 0;
display: inline-block;
width: auto;
float: right;
}
/* .mydashboard-block .mydocket-search-block input, */
/* .react-bs-table-search-form input{float: right; padding: 10px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 420px; border: 1px solid #d5d7db; height: auto; line-height: inherit; box-shadow: none; border-radius: 0; margin: 0 0 30px 0;} */
.mydashboard-block .action-btn-right{display: inline-block; float: right; margin: 11px 0 0 0;}
.mydashboard-block .action-btn-right button{background: #293665; color: #fff; padding: 10px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 0 0 10px;}
.mydashboard-block .action-btn-right button.find-case-btn{background: #424751; padding: 10px 30px;}
.mydashboard-block .mydocket-search-block{margin: 0 0 30px 0; display: table; width: 100%;}
.mydashboard-block .mydocket-search-block input,
.react-bs-table-search-form input{
float: right;
padding: 10px !important;
font-family: 'Roboto', sans-serif;
font-size: 14px !important;
font-weight: 300;
color: #424751;
width: 420px !important;
border: 1px solid #d5d7db !important;
height: auto !important;
border-radius: 0px !important;
background: none !important;
/* margin: 0 -907px -14px 0; */
}
.mydashboard-block .mydocket-block{
padding: 30px 25px 75px;
display: table;
width: 100%;
}
.mydashboard-block .mydocket-block .mydocket-table{
/* display: table; */
width: 100%;
}
.mydashboard-block .mydocket-block .mydocket-table table{
width: 100%;
table-layout: auto;
border: 0px solid;
}
.mydashboard-block .mydocket-block .mydocket-table table .heading td,
.mydashboard-block .mydocket-block .mydocket-table table thead th{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 700;
color: #424751;
padding: 0 10px 10px;
}
.mydashboard-block .mydocket-block .mydocket-table table .heading td i{
font-size: 14px;
font-weight: 500;
color: #424751;
}
.mydashboard-block .mydocket-block .mydocket-table table>tbody>tr>td,
.mydashboard-block .mydocket-block .mydocket-table table>tbody>tr>th,
.mydashboard-block .mydocket-block .mydocket-table table>tfoot>tr>td,
.mydashboard-block .mydocket-block .mydocket-table table>tfoot>tr>th,
.mydashboard-block .mydocket-block .mydocket-table table>thead>tr>td,
.mydashboard-block .mydocket-block .mydocket-table table>thead>tr>th{
border: 0px;
}
.mydashboard-block .mydocket-block .mydocket-table table td{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #424751;
padding: 10px 10px;
border-bottom: 1px solid #d5d7db !important;
text-align: center;
vertical-align: middle;
background: none;
word-break: break-word;
cursor: auto;
}
.mydashboard-block .mydocket-block .mydocket-table table td .optedin{
border: 1px solid #293665;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 700;
background: #293665;
color: #fff;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
cursor: default;
}
.mydashboard-block .mydocket-block .mydocket-table table td .optedin i{
font-size: 14px;
color: #fff;
margin-right: 5px;
}
.mydashboard-block .mydocket-block .mydocket-table table td .optedout{
border: 1px solid #424751;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 700;
color: #424751;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
cursor: default;
background: #f1f1f1;
}
.mydashboard-block .mydocket-block .mydocket-table table td .optedout i{
font-size: 14px;
color: #424751;
margin-right: 5px;
/* background: #f1f1f1; */
}
.mydashboard-block .mydocket-block .mydocket-table table td a{
cursor: pointer;
color: #293665;
font-weight: 400;
text-decoration: underline;
}
.mydashboard-block .mydocket-block .mydocket-table table td i{
color: #424751;
}
.mydashboard-block .mydocket-block .mydocket-table table td.agencyref,
.mydashboard-block .mydocket-block .mydocket-table table td:nth-child(1),
.mydashboard-block .mydocket-block .mydocket-table table th:nth-child(1){
width: 12%;
text-align: left;
}
.mydashboard-block .mydocket-block .mydocket-table table td.casetype,
.mydashboard-block .mydocket-block .mydocket-table table td:nth-child(2),
.mydashboard-block .mydocket-block .mydocket-table table th:nth-child(2){
width: 13%;
text-align: left;
}
.mydashboard-block .mydocket-block .mydocket-table table td.casename,
.mydashboard-block .mydocket-block .mydocket-table table td:nth-child(3),
.mydashboard-block .mydocket-block .mydocket-table table th:nth-child(3){
width: 18%;
text-align: left;
}
.mydashboard-block .mydocket-block .mydocket-table table td.dateentered,
.mydashboard-block .mydocket-block .mydocket-table table td:nth-child(4),
.mydashboard-block .mydocket-block .mydocket-table table th:nth-child(4){
width: 15%;
text-align: left;
}
.mydashboard-block .mydocket-block .mydocket-table table td.status,
.mydashboard-block .mydocket-block .mydocket-table table td:nth-child(5),
.mydashboard-block .mydocket-block .mydocket-table table th:nth-child(5){
width: 12%;
text-align: left;
}
.mydashboard-block .mydocket-block .mydocket-table table td{width: 11%;}
.mydashboard-block .mydocket-block .mydocket-table table td button{background: #b3bccc; color: #fff; padding: 5px 20px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 auto;}
.mydashboard-block .mydocket-block .mydocket-table table td button:hover{background: #293665;}
.mydashboard-block .mydocket-block .mydocket-table table td button.active{background: #293665;}
.mydashboard-block .mydocket-block .table-pagination nav{
float: right;
}
.mydashboard-block .pagination .page-item button,
.mydashboard-block .mydocket-block .table-pagination nav ul li a{
border: 1px solid #d5d7db !important;
margin: 0 0 0 8px !important;
font-family: 'Roboto', sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
color: #424751 !important;
padding: 8px 12px !important;
border-radius: 0 !important;
}
.mydashboard-block .pagination .page-item.active button,
.mydashboard-block .pagination .page-item.active a,
.mydashboard-block .mydocket-block .table-pagination nav ul li a.active{
background: #424751 !important;
color: #fff !important;
border: 1px solid #424751 !important;
}
.mydashboard-block .pagination .page-item.active button,
.mydashboard-block .pagination .page-item.active a {
text-decoration: none !important;
}
.mydashboard-block .mydocket-block .table-pagination nav ul li a:hover{
background: #424751;
color: #fff;
transition: all 0.5s ease 0s;
}
.mydashboard-block .mydocket-block .table-pagination .pagination{
margin: 40px 0 0 0;
}
.mydashboard-block .mydocket-block .mydocket-table table tr.heading:hover{
background: inherit;
cursor: pointer;
}
.mydashboard-block .mydocket-block .mydocket-table table tbody tr:hover{
background: #f1f1f1;
cursor: pointer;
transition: all 0.5s ease 0s;
}
.mydashboard-block .react-bootstrap-table {
margin: 130px 0 0 0;
}
.mydashboard-block thead tr {
border-bottom: 1px solid #d5d7db !important;
}
.mydashboard-block .react-bs-table-tool-bar{
/* overflow: hidden; */
}
.mydashboard-block .react-bs-table-tool-bar .row {
margin: 0 -15px;
position: relative;
}
.mydashboard-block .mydocket-search-block input,
.react-bs-table-search-form {
float: right;
position: absolute;
top: 0;
right: 15px;
}
.mydashboard-block .table-button-menu button {
display: none;
}
.mydashboard-block .table-button-menu:after {
display: block;
content: "Search Result";
font-family: 'Raleway', sans-serif;
font-size: 18px;
font-weight: 700;
color: #596171;
margin: 0;
display: none;
}
.mydashboard-block tr {
background: none !important;
}
.mydashboard-block .react-bootstrap-table-pagination {
margin: 0 !important;
}
.mydashboard-block .react-bootstrap-table-pagination .react-bootstrap-table-pagination-list{
width: 100%;
}
[title="first page"] button.page-link:after {
content: " First ";
}
[title="previous page"] button.page-link:after {
content: " Prev";
}
[title="next page"] button.page-link:before {
content: "Next ";
}
[title="last page"] button.page-link:before {
content: "Last ";
}
.inner>div {
overflow: hidden;
}
.react-bootstrap-table-pagination {
margin: 0 -15px !important;
margin-top: 40px !important;
}
.mydashboard-block span.react-bs-table-sizePerPage-dropdown.dropdown{
display: block;
position: absolute;
top: 50px;
}
.mydashboard-block span.react-bs-table-sizePerPage-dropdown.dropdown button{
padding: 10px 5px;
width: 80px;
text-align: left;
border-radius: 0;
color: #424751;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
text-decoration: none;
background: url(/app/static/media/arrow-down.png) no-repeat right 10px center #fff;
}
.mydashboard-block span.react-bs-table-sizePerPage-dropdown.dropdown:before{
content: 'Entries per page';
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 500;
float: left;
color: #737c8b;
padding: 6px 20px 6px 0;
}
.mydashboard-block span.react-bs-table-sizePerPage-dropdown.dropdown button > span{
float: right;
display: none;
}
.mydashboard-block span.react-bs-table-sizePerPage-dropdown.dropdown ul{
bottom: auto;
min-width: 80px;
left: 120px;
}
.mydashboard-block span.react-bs-table-sizePerPage-dropdown.dropdown ul li button{
background: none;
}
span.react-bs-table-sizePerPage-dropdown.dropdown + div {
float: none !important;
margin-top: 0 !important;
margin-right: 0 !important;
position: absolute;
top: 0;
font-family: 'Raleway', sans-serif !important;
font-size: 18px !important;
font-weight: 700;
color: #596171 !important;
}
span.react-bootstrap-table-sort-order:before,
span.order:before {
content: " \f107";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
span.react-bootstrap-table-sort-order.dropup:before {
content: "\f106" !important;
}
.mydashboard-block span.caret {
display:none;
}
.mydashboard-block .mydocket-table .react-bs-table-no-data{
background: #f1f1f1 !important;
color: #424751 !important;
font-size: 16px !important;
font-weight: 700 !important;
padding: 15px 0 !important;
text-align: center !important;
}
.loadingContainer + div .react-bootstrap-table .react-bs-table-no-data {
opacity: 0;
}
/*Start Upload Documents Modal CSS*/
/*#upload-documents .modal-header .close{opacity: 1; margin: 3px 0 0 0;}
#upload-documents .modal-header .close:focus{outline: none;}
#upload-documents .modal-dialog{width: 660px;}
#upload-documents .modal-content{border-radius: 0; border: 1px solid #a6aab2;}
#upload-documents .modal-header{background: #f1f1f1; text-align: center; border-bottom: 1px solid #a6aab2; padding: 10px 15px;}
#upload-documents .modal-header h4{font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 500; color: #424751;}
#upload-documents .row{margin-bottom: 20px;}
#upload-documents .modal-body{padding: 30px 25px 0;}
#upload-documents .modal-body .col-xs-4{padding: 0 10px;}
#upload-documents .modal-body .col-xs-12{padding: 0 10px;}
#upload-documents .modal-body .note{font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 300; color: #424751; margin: 0;}
#upload-documents .modal-body label{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; margin: 0 0 5px 0;}
#upload-documents .modal-body input{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%; height: 40px; border: 1px solid #d5d7db; padding: 5px;}
#upload-documents .modal-body .datepicker-wrapper input{padding: 5px 5px 5px 30px;}
#upload-documents .modal-body textarea{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%; height: 60px; border: 1px solid #d5d7db; padding: 5px; resize: none;}
#upload-documents .modal-body select{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%; height: 40px; border: 1px solid #d5d7db; padding: 5px;}
#upload-documents .modal-body p{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%; margin: 0;}
#upload-documents .modal-footer{border: none;}
#upload-documents .btn-block{width: 100%; display: table; margin: 0 auto 30px; padding: 0 10px;}
#upload-documents .btn-block button{background: #293665; color: #fff; width: 30%; padding: 10px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 10px;}
#upload-documents .btn-block button.cancel{background: #424751;}
#upload-documents .modal-body textarea.add-files-area{height: 150px; border: 1px dotted #d5d7db; border-radius: 10px;}
.datepicker{z-index: 9999 !important;}*/
/*End Upload Documents Modal CSS*/
/*Start Find Case Modal CSS*/
#find-case .modal-header .close{opacity: 1; margin:0;}
/*#find-case .modal-header .close:focus{outline: none;}*/
#find-case .modal-dialog{width: 550px;}
#find-case .modal-content{border-radius: 0; border: 1px solid #a6aab2;}
#find-case .modal-header{padding: 10px 15px; border: none; display: table; width: 100%;}
#find-case .row{margin-bottom: 20px;}
#find-case .modal-body{padding: 30px 25px 0;}
#find-case .modal-body .col-xs-12{padding: 0 10px;}
#find-case .modal-body .note{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; color: #424751; margin: 0; text-align: center;}
#find-case .modal-body input{font-family: 'Roboto', sans-serif; font-size: 36px; font-weight: 300; color: #424751; width: 350px; height: 60px; border: 1px solid #d5d7db; padding: 5px; margin: 0 auto; display: table; text-align: center; letter-spacing: 8px;}
#find-case .modal-footer{border: none;}
#find-case .btn-block{width: auto; display: table; margin: 0 auto 30px;}
#find-case .btn-block button{background: #293665; color: #fff; width: 205px; padding: 14px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 10px;}
#find-case .btn-block button.cancel{background: #424751;}
/*End Find Case Modal CSS*/
/*Start Accept Modal CSS*/
#accept-modal .modal-dialog{width: 550px;}
#accept-modal .modal-content{border-radius: 0; border: 1px solid #a6aab2;}
#accept-modal .modal-body{padding: 65px 25px 0;}
#accept-modal .modal-body .col-xs-12{padding: 0 10px;}
#accept-modal .modal-body .note{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; color: #424751; margin: 0; text-align: center;}
#accept-modal .modal-footer{border: none; padding: 70px 15px 65px 15px;}
#accept-modal .btn-block{width: auto; display: table; margin: 0 auto;}
#accept-modal .btn-block button{background: #293665; color: #fff; width: 205px; padding: 14px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 10px;}
#accept-modal .btn-block button.cancel{background: #424751;}
/*End Accept Modal CSS*/
/*Start Find Case Modal CSS*/
#thankyou-modal .modal-header .close{opacity: 1; margin: 3px 0 0 0;}
#thankyou-modal .modal-header .close:focus{outline: none;}
#thankyou-modal .modal-dialog{width: 660px;}
#thankyou-modal .modal-content{border-radius: 0; border: 1px solid #a6aab2;}
#thankyou-modal .modal-header{padding: 10px 15px 0 15px; border: none; display: table; width: 100%;}
#thankyou-modal .row{margin-bottom: 20px;}
#thankyou-modal .modal-body{padding: 0 80px;}
#thankyou-modal .modal-body .col-xs-12{padding: 0 10px;}
#thankyou-modal .modal-body h2{font-family: 'Roboto', sans-serif; font-size: 36px; font-weight: 500; color: #424751; margin: 0 0 20px 0; text-align: center;}
#thankyou-modal .modal-body .note{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #424751; margin: 0; text-align: center;}
#thankyou-modal .modal-footer{border: none;}
#thankyou-modal .btn-block{width: auto; display: table; margin: 0 auto 30px;}
#thankyou-modal .btn-block button{background: #293665; color: #fff; width: 205px; padding: 10px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 10px; float: right;}
/*End Find Case Modal CSS*/
/*Start Enter Docket Number CSS*/
.mydashboard-block .enter-docket-number-block{margin: 60px 20px;}
.mydashboard-block .enter-docket-number-block p{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; color: #424751; margin: 0; text-align: center; margin-bottom: 40px;}
.mydashboard-block .enter-docket-number-block input{font-family: 'Roboto', sans-serif; font-size: 36px; font-weight: 400; color: #424751; width: 350px; height: 60px; border: 1px solid #d5d7db; padding: 5px; margin: 0 auto; display: table; text-align: center; letter-spacing: 8px;}
.mydashboard-block .enter-docket-number-block .btn-block{width: auto; display: table; margin: 40px auto;}
.mydashboard-block .enter-docket-number-block button{background: #293665; color: #fff; width: 205px; padding: 14px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none;}
/*End Enter Docket Number CSS*/
/*Start Create Account CSS*/
.create-account-block .header-wrapper{background: none;}
.create-account-block .header{margin: 0 auto; display: block;}
.create-account-wrapper .col-xs-6{padding: 0 10px; margin-bottom: 30px;}
.create-account-wrapper h1{font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 700; color: #737c8b; margin: 0 0 45px 0; padding: 0 10px;}
.create-account-wrapper{padding: 65px 0; background-size: cover; background-image: url(/app/static/media/bg.jpg); background-position: center center; background-repeat: no-repeat;}
.create-account-wrapper .container{width: 740px;}
.create-account-wrapper label{width: 100%; color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500;}
.create-account-wrapper input{width: 100%; border: 1px solid #d5d7db; height: 40px; padding: 5px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #737c8b; margin: 5px 0 0 0;}
.create-account-wrapper select{width: 100%; border: 1px solid #d5d7db; height: 40px;}
.create-account-wrapper .create-account-btn{display: block; width: 100%; text-align: center; margin: 10px 0;}
.create-account-wrapper .create-account-btn button{background: #293665; color: #fff; font-size: 16px; width: 230px; text-align: center; padding: 14px 0; margin: 0 10px; cursor: pointer; border-radius: 5px; font-family: 'Roboto', sans-serif; display: inline-block; border: none;}
.create-account-wrapper .create-account-btn button.cancel-btn{background: #424751;}
/*End Create Account CSS*/
/*Start Radio Button CSS*/
.radio-block{display: table; width: 100%;}
.radio-block > span{float: left; margin: 0 30px 0 0;}
.radio-block:not(#foo) > span > input[type='radio'],
.radio-block:not(#foo) > span > input[type='checkbox'] {opacity: 0; height: 0; margin: 0; min-height: 0;}
.radio-block:not(#foo) > span > input[type='radio'] + label,
.radio-block:not(#foo) > span > input[type='checkbox'] + label {clear: none; font-size: 14px; padding: 5px 10px 4px 25px; font-weight: 400; width: auto; height: 25px; cursor: pointer; background: url(/app/static/media/no.png) left center no-repeat; margin: 0; transition: all 0.5s ease 0s; position: relative; top: 0;}
.radio-block:not(#foo) > span > input[type='radio'] + label span{margin: -2px 0 0 0; float: left; color: #737c8b;font-weight: 300;}
.radio-block:not(#foo) > span > input[type='radio']:checked + label {background-image: url(/app/static/media/yes.png); transition: all 0.5s ease 0s;}
/* .radio-block:not(#foo) > span > input[type='radio']:focus + label {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} */
/*End Radio Button CSS*/
/*Start Upload Files Modal CSS*/
#upload-files .modal-header .close{opacity: 1; margin: 3px 0 0 0;}
#upload-files .modal-header .close:focus{/*outline: none;*/}
#upload-files .modal-dialog{width: 660px;}
#upload-files .modal-content{border-radius: 0; border: 1px solid #a6aab2;}
#upload-files .modal-header{background: #f1f1f1; text-align: center; border-bottom: 1px solid #a6aab2; padding: 10px 15px;}
#upload-files .modal-header h4{font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 500; color: #424751;}
#upload-files .row{margin-bottom: 20px;}
#upload-files .modal-body{padding: 30px 25px 0;}
#upload-files .modal-body .col-xs-4{padding: 0 10px;}
#upload-files .modal-body .col-xs-6{padding: 0 10px;}
#upload-files .modal-body .col-xs-12{padding: 0 10px;}
#upload-files .modal-body .note{font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 300; color: #424751; margin: 0;}
#upload-files .modal-body label{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #424751; margin: 0; width: 100%;}
#upload-files .modal-body input{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100% !important; height: 40px; border: 1px solid #d5d7db; padding: 5px;}
#upload-files .modal-body .datepicker-wrapper input{padding: 5px 5px 5px 30px;}
#upload-files .modal-body textarea{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%; height: 60px; border: 1px solid #d5d7db; padding: 5px; resize: none;}
textarea, input {box-shadow: none!important;}
#upload-files .modal-body select{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%; height: 40px; border: 1px solid #d5d7db; padding: 5px;}
#upload-files .modal-body p{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%; margin: 0;}
#upload-files .modal-body p.note{font-style: italic; }
#upload-files .modal-footer{border: none;}
#upload-files .btn-block{width: auto; display: table; margin: 0 auto 30px; padding: 0 10px;}
#upload-files .btn-block button{background: #293665; color: #fff; width: 200px; padding: 10px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 10px;}
#upload-files .btn-block button.cancel{background: #424751;}
#upload-files .modal-body textarea.add-files-area{height: 150px; border: 1px dotted #d5d7db; border-radius: 10px;}
.datepicker{z-index: 9999 !important;}
/*End Upload Files Modal CSS*/
/*Start Docket CSS*/
.overview-block{padding: 0 25px;}
.overview-block span{color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; margin: 16px 0 8px 0; display: block; width: 100%;}
.overview-block span+span{color: #424751; font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 400; margin: 0 0 16px 0; display: block; width: 100%;}
.overview-block .createdby-label{margin: 46px 0 0 0; text-align: right;}
.overview-eservice-block{display: flex;}
.overview-eservice-block span{width: auto;}
.overview-eservice-block i{position: relative; top: 10px; color: #424751; font-size: 12px; right: -3px;}
.overview-block .overview-eservice-radio .radio-block{display: flex;}
.overview-block .overview-eservice-radio .radio-block span{margin: 5px 10px 0 0; width: auto;}
.overview-block .overview-eservice-radio .radio-block span+span{margin-right: 0;}
.tab-block{padding: 0 25px; border-bottom: 2px solid #d6d7db;}
.tab-block ul{margin: 0; padding: 0; display: inline-block; float: left;}
.tab-block ul li{display: inline-block; margin: 0 60px 0 0;}
.tab-block ul li a{color: #424751; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; padding: 18px 0; display: inline-block; cursor: pointer; border-bottom: 6px solid transparent; transition: all 0.5s ease 0s;}
.tab-block ul li a.active{border-bottom: 6px solid #293665; color: #293665;}
.tab-block ul li a:hover{border-bottom: 6px solid #293665;}
.docket-information-block .tab-block{padding: 0 25px; border-bottom: none; background: #8d96a8;}
.docket-information-block .tab-block ul{margin: 0; padding: 0; display: inline-block; float: left;}
.docket-information-block .tab-block ul li{display: inline-block; margin: 0 60px 0 0;}
.docket-information-block .tab-block ul li a{color: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; padding: 18px 0; display: inline-block; cursor: pointer; border-bottom: 6px solid transparent; transition: all 0.5s ease 0s;}
.docket-information-block .tab-block ul li a.active{border-bottom: 6px solid #293665; color: #fff;}
.docket-information-block{display: block; width: 100%;}
.docket-information-left{display: table-cell; background: #f1f1f1; float: none; vertical-align: top; width: 30%; padding: 0 15px 86px 40px;}
.docket-information-left h2{color: #424751; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 400; margin: 0;}
.docket-information-left label{color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; margin: 0; width: 100%;}
.docket-information-left span{color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; margin: 0 0 26px 0; width: 100%; display: inline-block;}
.docket-information-left i{color: #424751; font-size: 16px; margin: 0 0 0 0;}
.docket-information-left .docket-info-block span + i{margin: 0 0 0 12px;}
.docket-information-left .docket-info-block{margin: 30px 0 0 0; display: inline-block; width: 100%;}
.docket-information-left .docket-info-block h2{margin: 0 0 30px 0; color: #424751; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 400;}
.docket-information-left .docket-info-block label{margin: 0 0 10px 0;}
.docket-information-left .docket-info-block span{margin: 0 0 10px 0;}
.docket-information-left .hearing-info-block{margin: 10px 0 0 0; display: inline-block; width: 100%;}
.docket-information-left .hearing-info-block h2{margin: 0 0 30px 0;}
.docket-information-left .hearing-info-block label{margin: 0 0 12px 0;}
.docket-information-left .hearing-info-block div{margin: 0 0 0 0;}
.docket-information-left .additional-info-block{margin: 30px 0 0 0; display: inline-block; width: 100%;}
.docket-information-left .additional-info-block h2{margin: 0 0 30px 0; display: block; width: 100%;}
.docket-information-left .additional-info-block label{margin: 0 0 10px 0;}
.docket-information-left input{margin: 0 0 30px 0; height: 40px; padding: 5px; width: 90%; border: 1px solid #d0d2d6;}
.docket-information-left .dropdown select{margin: 0 0 30px 0; height: 40px; padding: 5px; width: 90%; background-color: #fff; border: 1px solid #d0d2d6;}
.docket-information-left .datepicker-wrapper input{padding: 5px 5px 5px 32px;}
.docket-information-right{display: table-cell; float: none; vertical-align: top; width: 70%; padding: 0 40px 40px;}
.docket-information-right h2{color: #424751; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 400; margin: 0;}
.docket-info-right-block{margin: 30px 0 0 0; display: inline-block; width: 100%;}
.docket-info-right-block h2{margin: 0 0 30px 0;}
.docket-information-right .upload-button{background: #293665; color: #fff; padding: 14px 80px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; margin: 30px 0 0; border: none;}
.docket-info-right-block .button-block a{background: #293665; color: #fff;width: 250px; padding: 14px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; display: inline-block; border-radius: 5px; cursor: pointer; margin: 0 20px 0 0;}
.docket-info-right-block table{width: 100%; margin: 30px 0 0; table-layout: fixed;}
.docket-info-right-block table tr th{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; color: #424751; padding: 15px 15px; border-bottom: 1px solid #d5d7db;cursor: pointer;}
.docket-info-right-block table thead tr{display: flex; border: none;}
/* .docket-info-right-block .react-bootstrap-table table thead tr {display: table-row; } */
.react-bootstrap-table table tr th, .react-bootstrap-table table tr td {padding: 15px 15px!important;
font-size: 14px!important;
text-align: left;}
.docket-info-right-block .react-bootstrap-table table tbody tr {
display: flex; }
.react-bootstrap-table table th { font-weight: bold!important;}
.docket-info-right-block table tbody{display: block; width: 100%; overflow-y: auto; max-height: 250px;}
.docket-info-right-block table tr{border: 1px solid #d5d7db; border-top-color: #fff;}
.docket-info-right-block table tr td{padding: 15px 15px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751;vertical-align: middle; word-break: break-word; border: none;}
.docket-info-right-block table tr td i{font-size: 16px; cursor: pointer; color: #424751;}
.docket-info-right-block table tr th.document, .docket-info-right-block table tr td.document{width: 30%;}
/*.docket-info-right-block table tr th.name, .docket-info-right-block table tr td.name{ width: 25%;}*/
.docket-info-right-block table tr th.date, .docket-info-right-block table tr td.date{width: 18%;}
.docket-info-right-block table tr th.desc, .docket-info-right-block table tr td.desc{width: 40%; white-space: pre-wrap;}
.docket-info-right-block table tr td.desc i{font-size: 14px; cursor: default;}
.docket-info-right-block table tr td.desc a{color: #293665; font-weight: 400;}
.docket-info-right-block table tr th, .docket-info-right-block table tr td{width: 7%;}
.docket-info-right-block table tr td.react-bs-table-no-data{background: #f1f1f1; text-align: center; color: #424751; font-size: 14px; font-weight: 700; width: 100%;}
.docket-info-right-block table tr td.download span{display: none;}
.docket-info-right-block table tr td.view span{display: none;}
.party-info-block{margin: 30px 0 0 0; display: inline-block; width: 100%;}
.party-info-block h2{margin: 0 0 30px 0;}
.party-info-block .party-block{border: 1px solid #d5d7db; width: 95%; margin: 0 0 20px 0;height: 235px;}
.party-info-block .party-block .heading{padding: 8px 18px; background: #f1f1f1; border-bottom: 1px solid #d5d7db;}
.party-info-block .party-block .heading span{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; color: #424751;}
.party-info-block .party-block .heading span i{font-size: 14px; margin: 0 0 0 10px; cursor: pointer; color: #424751;}
.party-info-block .party-block .heading span+span{float: right;}
.party-info-block .party-block .heading span+span a{font-size: 14px; color: #424751; font-weight: 400; text-decoration: underline; cursor: pointer;}
.party-info-block .party-block .party-body{padding: 18px 18px 58px; display: flex; justify-content: space-between; align-items: flex-start; position:relative;}
.party-info-block .party-block .party-body .optedin{border: 1px solid #293665; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 700; background: #293665; color: #fff; padding: 5px; display: flex; align-items: center; justify-content: center; width: 90px;}
.party-info-block .party-block .party-body .optedin i{font-size: 14px; color: #fff; margin-right: 5px;}
.party-info-block .party-block .party-body .optedout{border: 1px solid #424751; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 700; color: #424751; padding: 5px; display: flex; align-items: center; justify-content: center; width: 90px;}
.party-info-block .party-block .party-body .optedout i{font-size: 14px; color: #424751; margin-right: 5px;}
.party-info-block .party-block .party-body p{margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751;}
.party-info-block .party-block .party-body p label{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; margin: 0;}
.party-info-block .party-block .party-body p i{margin: 0 10px 0 0; font-weight: 500; color: #424751;}
.docket-info-top{display: inline-block; width: 100%; background: #f1f1f1; padding: 30px 20px; border-radius: 10px; margin: 0 0 40px 0;}
.docket-info-top label{color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; margin: 0; width: 100%;}
.docket-info-top span{color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; margin: 0 0 0 0; width: 100%; display: inline-block;}
/*End Docket CSS*/
/*Start Dropdown CSS*/
.dropdown{position: relative;}
.dropdown select{padding: 5px; width: 100%; -moz-appearance: none; -webkit-appearance: none; background: url(/app/static/media/arrow-down.png) no-repeat 95% 15px #fff; border-radius: 0; color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300;}
/*End Dropdown CSS*/
/*Start Datepicker CSS*/
.datepicker-wrapper{position: relative;}
.datepicker-wrapper i{position: absolute; top: 12px; font-size: 16px; color: #424751; left: 10px;}
.datepicker-wrapper input{padding: 5px 5px 5px 32px; color: #424751; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300;}
.datepicker {color: #424751; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300;}
.datepicker table tr td.active{background-color: #596171 !important; background-image: none !important;}
/*End Datepicker CSS*/
/*Start Top Common Error CSS*/
.top-error-msg{position: fixed; width: 100%; z-index: 1; display: none;}
.top-error-msg .alert{margin: 0; border-radius: 0; color: #fff; font-family: 'Roboto', sans-serif; font-size: 16px;}
.top-error-msg .alert a{opacity: 1; color: #fff;}
.top-error-msg .alert a:hover{opacity: 1; color: #fff;}
.top-error-msg .alert-danger{background: #a94442; border: none; text-align: center;}
/*End Top Common Error CSS*/
/*Start Account CSS*/
.account-block .header-wrapper{background: none;}
.account-block .header{margin: 0 auto; display: block;}
.account-wrapper .col-xs-6{padding: 0 10px; margin-bottom: 30px;}
.account-wrapper .col-xs-12{padding: 0 10px; margin-bottom: 30px;}
.account-wrapper h1{font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 700; color: #737c8b; margin: 0 0 45px 0; padding: 0 10px;}
.account-wrapper{padding: 65px 0;}
.account-wrapper .container{width: 740px; display: block; padding: 0;}
.account-wrapper .username-detail{color: #596171; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 500; margin: 10px 0 0 0; display: inline-block;}
.account-wrapper label{width: 100%; color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500;}
.account-wrapper input{width: 100%; border: 1px solid #d5d7db; height: 40px; padding: 5px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #737c8b; margin: 0;}
.account-wrapper select{width: 100%; border: 1px solid #d5d7db; height: 40px;}
.account-wrapper .changepassword {font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #596171; float: left; cursor: pointer;}
.account-wrapper .passwordsign{margin: 3px 30px 0 0; letter-spacing: 7px; font-size: 24px; display: inline-block; float: left;}
.account-wrapper .account-btn{display: block; width: 100%; text-align: center; margin: 10px 0;}
.account-wrapper .account-btn button{background: #293665; color: #fff; font-size: 16px; width: 230px; text-align: center; padding: 14px 0; margin: 0 10px; cursor: pointer; border-radius: 5px; font-family: 'Roboto', sans-serif; display: inline-block; border: none;}
.account-wrapper .account-btn button.cancel-btn{background: #424751;}
.account-wrapper .password-requirements-block p{width: 100%; color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; margin: 10px 0 5px;}
.account-wrapper .password-requirements-block ul{margin: 0; padding: 0;}
.account-wrapper .password-requirements-block ul li{color: #424751; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; margin: 0 0 0 15px;}
.account-wrapper .eservice-description{color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400;}
.account-wrapper .eservice-radio .radio-block {display: flex; flex-direction: column;}
/*End Account CSS*/
/*Start Check Box CSS*/
.select-check{width: 100%; float: left; display: table;}
.select-check > span{display: table; width: 100%;}
.select-check:not(#foo) > span > input[type='radio'],
.select-check:not(#foo) > span > input[type='checkbox'] {opacity: 0; height: 0; min-height: 0;}
.select-check:not(#foo) > span > input[type='radio'] + label,
.select-check:not(#foo) > span > input[type='checkbox'] + label {clear: none; font-size: 14px; padding: 7px 10px 0 25px; font-weight: 400; width: auto; height: 33px; cursor: pointer; background: url(/app/static/media/checkno.png) left center no-repeat; margin: 0; transition: all 0.5s ease 0s; background-size: 19px; position: relative; top: 0;}
.select-check:not(#foo) > span > input[type='checkbox']:checked + label {background-image: url(/app/static/media/checkyes.png); transition: all 0.5s ease 0s; background-size: 19px;}
/* .select-check:not(#foo) > span > input[type='checkbox']:focus + label {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} */
.select-check:not(#foo) > span > input[type=checkbox][disabled] + label {
cursor: not-allowed;
/* background-color: #f0f0f0; */
background: url(/app/static/media/checkno.png) left center no-repeat #f0f0f0;;
}
/*End Check Box CSS*/
.wrapper {
position: relative;
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.wrapper .tooltip {
background: #293665;
bottom: 100%;
color: #fff;
display: block;
margin-bottom: 15px;
opacity: 0;
padding: 10px;
pointer-events: none;
position: absolute;
width: 200px;
border-radius: 5px;
left: -60px;
text-align: center;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #293665 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}
.wrapper:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
display: none;
}
.lte8 .wrapper:hover .tooltip {
display: block;
}
.login-section .error {
text-align: left;
color: #D8000C;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
/*Start view more Modal CSS*/
#view-more .modal-header .close{opacity: 1; margin: 3px 0 0 0;}
#view-more .modal-header .close:focus{/*outline: none;*/}
#view-more .modal-dialog{width: 660px;}
#view-more .modal-content{border-radius: 0; border: 1px solid #a6aab2;}
#view-more .modal-header{background: #f1f1f1; text-align: center; border-bottom: 1px solid #a6aab2; padding: 10px 15px;}
#view-more .modal-header h4{font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 500; color: #424751;}
#view-more .row{margin-bottom: 20px;}
#view-more .modal-body{padding: 30px 25px 0;}
#view-more .modal-body .col-xs-4{padding: 0 10px;}
#view-more .modal-body .col-xs-12{padding: 0 10px;}
#view-more .modal-body label{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; margin: 0 0 5px 0;}
#view-more .modal-body span {color: #424751; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; margin: 0; width: 100%; display: table; word-break: break-word;}
#view-more .modal-footer{border: none;}
#view-more .btn-block{width: auto; display: table; margin: 0 auto 30px; padding: 0 10px;}
#view-more .btn-block button{background: #293665; color: #fff; width: 200px; padding: 10px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 10px;}
#view-more .btn-block button.cancel{background: #424751;}
/*End view more Modal CSS*/
/*To show loader when data is loading @created by FaisalK 21-10-2016 start*/
#loader-container {
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
bottom: 0;
height: 100%;
padding-top: 200px;
left: 0;
margin: auto;
position: fixed;
right: 0;
text-align: center;
top: 0;
user-select: none;
width: 100%;
z-index: 2000;
visibility: hidden;
background: #fff;
}
#loader-container span{
font-size: 14px;
color: #424751;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
#loader-container i{
font-size: 55px;
-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
animation: ball-zig-deflect 1.5s 0s infinite linear;
width: 100%;
color:#293665;
}
@keyframes ball-zig-deflect {
17%,84% {
transform: rotate(-47deg);
}
100%,50% {
transform: rotate(0deg);
}
}
.loading #loader-container
{
visibility: visible;
}
.loading #notification-message, .loading #wrap,.loading #footer
{
opacity: 0;
}
.loading
{
overflow:hidden;
}
/*To show loader when data is loading @created by FaisalK 21-10-2016 end*/
/* ripple effect on button click styling start */
.ripple{
position: relative;
}
#notification-message{position: fixed;width: 100%;z-index: 99999999;top: 0;}
#notification-message .alert{margin: 0; border-radius: 0; color: #fff; font-family: 'Roboto', sans-serif; font-size: 16px;}
#notification-message .alert a{opacity: 1; color: #fff;}
#notification-message .alert a:hover{opacity: 1; color: #fff;}
#notification-message .alert-danger{background: #293665; border: none; text-align: center;}/*@edited FaisalK 02-11-2016 @purpose U341 background-color change*/
#notification-message{
-webkit-animation: seconds 1.0s forwards;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 3s;
animation: seconds 1.0s forwards;
animation-iteration-count: 1;
animation-delay: 3s;
}
@-webkit-keyframes seconds {
0% {
opacity: 1;
}
100% {
opacity: 0;
left: -9999px;
position: absolute;
}
}
@keyframes seconds {
0% {
opacity: 1;
}
100% {
opacity: 0;
left: -9999px;
position: absolute;
}
}
/* notification message styling end
border-radius:0;
color: #424751 !important;
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
}*/
/* react-select styling */
.new-contact-form-section .section .react-select {
margin: 0 0 30px 0;
}
.react-select input {
margin:0px !important;
height: auto !important;
}
.react-select .css-bg1rzq-control,.react-select .css-bg1rzq-control:hover{
background-color: #fff !important;
border: 1px solid #d0d2d6 !important;
border-radius:0px;
color: #424751 !important;
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
}
.react-select .css-14ojxsb-control{
border: 1px solid #d0d2d6 !important;
border-radius: 0 !important;
}
/*.react-select .css-1wy0on6 {
display: none;
}*/
.react-select .css-bgvzuu-indicatorSeparator {
display: none;
}
.react-select .css-1szy77t-control{
border:1px solid #d0d2d6 !important;
border-radius: 0px !important;
box-shadow: 0 0 0 1px #ffffff !important;
border-color:#d0d2d6 !important;
}
.react-select .css-1ep9fjw,.react-select .css-1uq0kb5 {
}
.react-select .css-1hwfws3 {
padding: 5.25px 8px !important;
}
.react-select .css-dvua67-singleValue {
color: #424751;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
}
.react-select .css-kj6f9i-menu {
margin: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
color: #424751 !important;
background-color: #f8f7f7 !important;
z-index: 10 !important;
}
.react-select .css-dpec0i-option ,.react-select .css-fk865s-option,.react-select .css-xo7z33-option {
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
padding: 6px 8px !important;
line-height: 20px !important;
}
.react-select .css-dpec0i-option:before ,
.react-select .css-fk865s-option:before,
.react-select .css-xo7z33-option:before {
content: "\f1db";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 6px;
}
/* .react-select .css-wqgs6e ,.react-select .css-v73v8k:active,.react-select .css-z5z6cw:active {
background-color: #8d96a8 !important;
color: white !important;
} */
.react-select .css-dpec0i-option ,.react-select .css-fk865s-option:active,.react-select .css-xo7z33-option:active {
color: #424751 !important;
background-color: #f1f1f1 !important;
}
.react-select .css-dpec0i-option:before ,
.react-select .css-fk865s-option:active:before,
.react-select .css-xo7z33-option:active:before,
.react-select .css-xo7z33-option:before {
content: "\f111" !important;
color: #293665 !important;
background:none !important;
}
.react-select .css-xo7z33-option{
background-color: #f8f7f7 !important;
color: #424751 !important;
}
.react-select .css-162g8z5 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: hsl(60, 15%, 91%);
border-color: #d0d2d6;
border-radius: 0px;
border-style: solid;
}
.react-select .search-result-content,.react-select .other-content {
font-size: 14px;
display: inline;
}
.react-select .search-result-content .content-address {
display: block;
font-size: 12px;
margin-left: 18px;
}
.react-select .css-dvua67-singleValue .search-result-content .other-content {
display: none;
}
/* react-select styling */
/* react-dropzone styling */
.dropzone-container {
width: auto !important;
height: auto !important;
border-width: 0px !important;
border-color: unset !important;
border-style: unset !important;
border-radius: 0px !important;
}
/* * The MIT License * Copyright (c) 2012 Matias Meno */
.dropzone-container .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16.5px;
min-height: 100px;
}
.dropzone-container .dz-preview:hover {
z-index: 1000;
}
.dropzone-container .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone-container .dz-preview.dz-file-preview .dz-image {
border-radius: 7.5px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone-container .dz-preview.dz-file-preview .dz-details {
opacity: 1;
}
.dropzone-container .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none;
color: #293665;
}
.dropzone-container .dz-preview .dz-remove:hover {
text-decoration: underline;
}
.dropzone-container .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%;
}
.dropzone-container .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px;
}
.dropzone-container .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8);
display: table;
}
.dropzone-container .dz-preview .dz-details .dz-filename {
white-space: nowrap;
}
.dropzone-container .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis;
}
.dropzone-container .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent;
}
.dropzone-container .dz-preview .dz-details .dz-filename span, .dropzone-container .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px;
}
.dropzone-container .dz-preview .dz-image .img{
height: 100%;
background-size: cover !important;
}
.dropzone-container .dz-preview:hover .dz-image img,
.dropzone-container .dz-preview:hover .dz-image .img,
.dropzone-container .dz-preview .dz-image .img:hover {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px);
}
.dropzone-container .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10;
}
.dropzone-container .dz-preview .dz-image img {
display: block;
}
.dropzone-container .dz-preview .dz-success-mark, .dropzone-container .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
.dropzone-container .dz-preview.dz-error .dz-error-message {
display: block;
}
.dropzone-container .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto;
}
.dropzone-container .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white;
}
.dropzone-container .textarea-section.files-listed {
min-height: 200px;
padding: 16px;
cursor: default;
}
.dropzone-container .add-more-files {
background: none !important;
border: 2px dotted #d5d7db;
padding: 20px 10px;
}
/* end react-dropzone styling */.select-files .textarea-section
/*Start Select files Modal CSS*/
.select-files .modal-header .close{
opacity: 1;
margin: 3px 0 0 0;
}
.select-files .modal-header .close:focus{
/*outline: none;*/
}
.select-files .modal-dialog{
width: 580px;
}
.select-files .modal-content{
border-radius: 0;
border: 1px solid #a6aab2;
}
.select-files .modal-header{
background: #f1f1f1;
text-align: center;
border-bottom: 1px solid #a6aab2;
padding: 10px 15px;
}
.select-files .modal-header h4{
font-family: 'Roboto', sans-serif;
font-size: 21px;
font-weight: 500;
color: #424751;
}
.select-files .row{
margin-bottom: 20px;
}
.select-files .modal-body{
padding: 30px 25px 0;
}
.select-files .modal-body label{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 500;
color: #424751;
margin: 0 0 5px 0;
}
.select-files .modal-body input{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #424751;
width: 100%;
height: 40px;
border: 1px solid #d5d7db;
padding: 5px;
}
.select-files .modal-body select{
height: 40px;
padding: 5px 30px 5px 5px;
width: 100%;
background-color: #fff;
border: 1px solid #d0d2d6;
color: #424751;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
-moz-appearance: none;
-webkit-appearance: none;
background: url(/app/static/media/arrow-down.png) no-repeat right 10px center #fff;
}
/*.select-files .modal-body textarea{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #424751;
width: 100%;
height: 100px;
border: 1px solid #d5d7db;
padding: 5px;
resize: none;
}*/
.select-files .textarea-section{
width: 100%;
min-height: 200px;
border: 2px dotted #d5d7db;
padding: 54px 0;
border-radius: 5px;
cursor: pointer;
z-index: 9;
position: relative;
background: #fff;
}
.select-files .textarea-section+input{
height: 100% !important;
opacity: 1 !important;
}
.select-files .textarea-section span{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #737c8b;
display: block;
width: 100%;
text-align: center;
}
.select-files .textarea-section .btn{
background: #b3bccc;
color: #fff;
width: auto;
padding: 10px 25px;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 500;
display: table;
border-radius: 5px;
cursor: pointer;
border: none;
margin: 10px auto;
}
.select-files .modal-body select{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #424751;
width: 100%;
height: 40px;
border: 1px solid #d5d7db;
padding: 5px;
}
.select-files .modal-body p{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #424751;
width: 100%;
margin: 0;
}
.select-files .modal-footer{
border: none;
}
.select-files .btn-block{
width: auto;
display: table;
margin: 0 auto 30px;
}
.select-files .btn-block button{
background: #293665;
color: #fff;
width: 200px;
padding: 9px 0;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 500;
display: inline-block;
border-radius: 5px;
cursor: pointer;
border: none;
margin: 0 10px !important;
}
.select-files .btn-block button.cancel{
background: #424751;
}
.select-files .modal-body textarea.add-files-area{
height: 190px;
}
.select-files .dropzone{
border: 1px solid #d5d7db;
}
.select-files .dropzone .dz-message{
margin: 50px 0;
}
.select-files .dropzone .dz-message span{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #424751;
}
.select-files .dropzone .dz-preview.dz-image-preview {
pointer-events: auto;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #424751;
}
.select-files .dropzone .dz-preview .dz-remove{
color: #293665;
}
/*End Select files Modal CSS*/
/* datepicker styling start - added by FaisalK*/
.react-datepicker__header {
background: #fff !important;
border: 0px !important;
}
html{
font-size:16px !important;
}
.datepicker-wrapper input {
margin:0px !important;
}
.react-datepicker-wrapper, .react-datepicker__input-container{display: block !important}
.react-datepicker__day {
color: rgb(51, 51, 51) !important;
font-family: 'Roboto', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
border-radius:4px !important;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
color:#fff !important;
background-color: #596171 !important;
background-image: none !important;
}
.react-datepicker__day--outside-month,.react-datepicker__day--disabled{
color:#999999 !important;
}
.react-datepicker__day:hover {
border-radius: 0.3rem;
background-color: #f0f0f0 !important;
}
.react-datepicker__day--disabled:hover {
cursor: not-allowed;
}
.react-datepicker__day--keyboard-selected,.react-datepicker__day--disabled:hover {
background-color: transparent !important;
}
.react-datepicker__current-month, .react-datepicker-time__header,
.react-datepicker__day-name {
color: rgb(51, 51, 51) !important;
font-family: 'Roboto', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
width: 1.5rem !important;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
border-bottom-color: #ffffff !important;
}
.react-datepicker {
border: 1px solid rgba(0,0,0,.15) !important;
border-radius: 4px !important;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
}
.react-datepicker-popper {
z-index: 10 !important;
}
/*End Datepicker CSS*/
/*Start Find Case Modal CSS*/
#doc-thankyou .modal-header .close{opacity: 1; margin: 3px 0 0 0;}
#doc-thankyou .modal-header .close:focus{outline: none;}
#doc-thankyou .modal-dialog{width: 600px;}
#doc-thankyou .modal-content{border-radius: 0; border: 1px solid #a6aab2; padding: 0;}
#doc-thankyou .modal-header{padding: 10px 15px 0 15px; border: none; display: table; width: 100%;}
#doc-thankyou .row{margin-bottom: 20px;}
#doc-thankyou .modal-body{padding: 0 60px;}
#doc-thankyou .modal-body .col-xs-12{padding: 0 10px;}
#doc-thankyou .modal-body h2{font-family: 'Roboto', sans-serif; font-size: 36px; font-weight: 500; color: #424751; margin: 20px 0 0; text-align: center;}
#doc-thankyou .modal-body .sign{font-size: 48px; color: #293665; margin: 0; text-align: center;}
#doc-thankyou .modal-body .note{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #424751; margin: 0; text-align: center;}
#doc-thankyou .modal-footer {border: none;}
#doc-thankyou .modal-footer .btn-block {width: auto; display: table; margin: 0 auto 30px; padding: 0 10px;}
#doc-thankyou .modal-footer .btn-block button {background: #293665; color: #fff; width: 200px; padding: 10px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0;}
/*End Find Case Modal CSS*/
/*Start Pending or Reject Document CSS*/
.pending-or-reject-document-block{margin: 0;}
.pending-or-reject-document-block .title{font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 400; color: #424751;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 30px 25px 75px; display: table; width: 100%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{display: table; width: 100%; margin: 30px 0 0 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{width: 100%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th {padding: 8px; color: #424751;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead tr:hover {background: none; cursor: pointer;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table .heading td{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; color: #424751; padding: 0 10px 10px; vertical-align: top;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table .heading td i{font-size: 14px; font-weight: 500; color: #424751;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; padding: 10px 10px ; border-bottom: 1px solid #d5d7db; text-align: left;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td i{color: #424751;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td a span{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th.document{width: 15%; text-align: left;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th.name{width: 15%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th.date{width: 15%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th.status{width: 15%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th.desc{width: 18%; text-align: left;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th.rejection{white-space: pre-wrap; width: 18%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th.description{width: 35%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th.icon{width: 5%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.document{width: 15%; text-align: left;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.name{width: 15%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.date{width: 15%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.status{width: 15%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.desc{width: 18%; text-align: left;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.rejection{white-space: pre-wrap; width: 18%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.description{width: 35%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.icon{width: 5%;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.icon a{color: #424751;}
.pending-or-reject-document-table .pagination{float: right;}
.pending-or-reject-document-table .pagination li a{border: 1px solid #d5d7db; margin: 0 0 0 8px !important; font-family: 'Roboto', sans-serif; font-size: 12px !important; font-weight: 500 !important; color: #424751; padding: 8px 12px !important; border-radius: 0; text-decoration: none !important;}
.pending-or-reject-document-table .pagination li.active a{background: #424751; color: #fff;}
.pending-or-reject-document-table .pagination li a:hover{background: #424751; color: #fff; transition: all 0.5s ease 0s;}
.pending-or-reject-document-table .react-bootstrap-table-pagination-list{width: 100%; float: right !important;}
.pending-or-reject-document-table .pagination{margin: 40px 0 0 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr.heading:hover{background: inherit; cursor: pointer;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr:hover{background: #f1f1f1; cursor: default; transition: all 0.5s ease 0s;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.react-bs-table-no-data{background: #f1f1f1; text-align: center; color: #424751; font-size: 14px; font-weight: 700;}
/*End Pending or Reject Document CSS*/
/*Start Activity Dashboard CSS*/
.activity-dashboard-block{margin: 0;}
.activity-dashboard-block .title{font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 400; color: #424751;}
.activity-dashboard-block .activity-dashboard-inner-block{padding: 30px 25px 75px; display: table; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table{display: table; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table{width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table .heading td{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; color: #424751; padding: 0 25px 10px; vertical-align: top;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table .heading td i{font-size: 14px; font-weight: 500; color: #424751;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; padding: 10px 10px ; border-bottom: 1px solid #d5d7db; text-align: center;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.activity{width: 40%; text-align: left;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.activity span{font-weight: 700;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.date{width: 10%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.time{width: 10%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn{width: 12%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th{color: #424751;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th.activity{width: 40%; text-align: left;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th.date{width: 10%; text-align: center;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th.time{width: 10%; text-align: center;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th.preview-document-btn{width: 12%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th.go-to-docket-btn{width: 12%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{background: #424751; color: #fff; padding: 5px 20px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn{width: 10%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{background: #293665; color: #fff; padding: 5px 20px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{float: right;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination li a{border: 1px solid #d5d7db; margin: 0 0 0 8px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; color: #424751; padding: 8px 12px; border-radius: 0;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination li.active a{background: #424751; color: #fff;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination li a:hover{background: #424751; color: #fff; transition: all 0.5s ease 0s;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .react-bootstrap-table-pagination-list{width: 100%;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 40px 0 0 0;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr.heading:hover{background: inherit; cursor: pointer;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr:hover{background: #f1f1f1; cursor: pointer; transition: all 0.5s ease 0s;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead tr:hover{background: none;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td.react-bs-table-no-data{background: #f1f1f1; text-align: center; color: #424751; font-size: 14px; font-weight: 700;}
/*End Activity Dashboard CSS*/
/*Start Doc Review Modal CSS*/
#doc-review .modal-header .close{opacity: 1; margin: 3px 0 0 0;}
#doc-review .modal-header .close:focus{outline: none;}
#doc-review .modal-dialog{width: 800px;}
#doc-review .modal-content{border-radius: 0; border: 1px solid #a6aab2;}
#doc-review .modal-header{background: #f1f1f1; text-align: center; border-bottom: 1px solid #a6aab2; padding: 10px 15px;}
#doc-review .modal-header h4{font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 500; color: #424751; text-align: left;}
#doc-review .row{margin-bottom: 20px;}
#doc-review .modal-body{padding: 15px 15px 0;}
#doc-review .modal-body .col-xs-3{padding: 0 10px;}
#doc-review .modal-body .col-xs-12{padding: 0 10px;}
#doc-review .modal-body .doc-detail{background: #f0f0f0; padding: 20px 10px 1px 10px; border-radius: 10px;}
#doc-review .modal-body label{font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 700; color: #424751; margin: 0 0 2px 0; width: 100%;}
#doc-review .modal-body label+span{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%;}
#doc-review .modal-footer{border: none;}
#doc-review .btn-block{width: auto; display: table; margin: 0 auto 30px; padding: 0 10px;}
#doc-review .btn-block button{background: #293665; color: #fff; width: 200px; padding: 12px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 10px; float: none; border: 2px solid #293665;}
#doc-review .btn-block button.cancel{background: #424751; border: 2px solid #424751;}
#doc-review .btn-block button.close{border: 2px solid #424751; opacity: 1; background: #fff; color: #424751; padding: 15px 0;}
#doc-review .pdf-block{padding: 20px;}
#doc-review .pdf-block img{display: table; width: 100%;}
#doc-review .pdf-block iframe body img{width: auto; max-width: 100%;}
/*End Doc Review Modal CSS*/
.navigation ul li a.logout{display: none;}
.mob-nav{display: none;}
#menu-toggle * {
transition: 0.25s ease-in-out;
box-sizing: border-box;
}
#menu-toggle span {
display: block;
background: #293665;
border-radius: 25px;
}
#menu-toggle {
margin: 17px 0 0 0;
position: relative;
cursor: pointer;
border-radius: 5px;
float: right;
width: 35px;
display: inline-block;
height: 35px;
display: none;
}
#menu-toggle #hamburger {
position: absolute;
height: 35px;
width: 35px;
}
#menu-toggle #hamburger span {
width: 35px;
height: 5px;
position: relative;
top: 0;
right: 0;
margin: 6px 0;
}
#menu-toggle #hamburger span:nth-child(1) {
transition-delay: 0.5s;
}
#menu-toggle #hamburger span:nth-child(2) {
transition-delay: 0.625s;
}
#menu-toggle #hamburger span:nth-child(3) {
transition-delay: 0.75s;
}
#menu-toggle #cross {
position: absolute;
height: 100%;
width: 100%;
transform: rotate(45deg);
}
#menu-toggle #cross span:nth-child(1) {
height: 0%;
width: 5px;
position: absolute;
top: 10%;
left: 19px;
transition-delay: 0s;
}
#menu-toggle #cross span:nth-child(2) {
width: 0%;
height: 5px;
position: absolute;
left: 10%;
top: 19px;
transition-delay: 0.25s;
}
#menu-toggle.open #hamburger span {
width: 0%;
}
#menu-toggle.open #hamburger span:nth-child(1) {
transition-delay: 0s;
}
#menu-toggle.open #hamburger span:nth-child(2) {
transition-delay: 0.125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
transition-delay: 0.25s;
}
#menu-toggle.open #cross span:nth-child(1) {
height: 100%;
transition-delay: 0.625s;
}
#menu-toggle.open #cross span:nth-child(2) {
width: 100%;
transition-delay: 0.375s;
}
/*Start read more Modal CSS*/
#read-more .modal-header .close{opacity: 1; margin: 3px 0 0 0;}
#read-more .modal-header .close:focus{/*outline: none;*/}
#read-more .modal-dialog{width: 660px;}
#read-more .modal-content{border-radius: 0; border: 1px solid #a6aab2;}
#read-more .modal-header{background: #f1f1f1; text-align: center; border-bottom: 1px solid #a6aab2; padding: 10px 15px;}
#read-more .modal-header h4{font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 500; color: #424751;}
#read-more .row{margin-bottom: 20px;}
#read-more .modal-body{padding: 30px 25px 0;}
#read-more .modal-body .col-xs-12{padding: 0 10px;}
#read-more .modal-body .note{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; margin: 0;}
#read-more .modal-body p{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #424751; width: 100%; margin: 0; white-space: pre-wrap;}
#read-more .modal-footer{border: none;}
#read-more .btn-block{width: auto; display: table; margin: 0 auto 30px; padding: 0 10px;}
#read-more .btn-block button{background: #293665; color: #fff; width: 200px; padding: 10px 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 5px; cursor: pointer; border: none; margin: 0 10px;}
#read-more .btn-block button.cancel{background: #424751;}
.notice-box p {
text-align: left;
}
.notice-box h4 {
font-weight: 600;
text-align: center;
}
.notice-box {
width: 80%;
margin: 0 auto;
color: #596171;
}
a.notice-link {color:#424751;}
a.notice-link:hover {
color: #293665;
}
a.notice-link span {
text-decoration: underline;
}
a.notice-link:hover span {
text-decoration: none;
}
/*End read more Modal CSS*/
/*eservice css start */
.eservice-block{
display: flex;
flex-direction: column;
width: 160px;
margin: 35px auto;
}
.eservice-heading-block {
margin-bottom: 10px;
display: flex;
}
.eservice-heading-block .overview-optedtooltip .tooltiptext{
top: 15px;
}
.eservice-heading{
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 700;
color: #424751;
border-bottom: 4px solid #293665;
padding-bottom: 5px;
}
.eservice-heading-block i {
color: #424751;
font-size: 14px;
position: relative;
top: -10px;
right: -5px;
}
/*eservice css end */
/*Opted In out css Start */
.optedtooltip-block {
right: 18px;
position: absolute;
background: #f1f1f1;
cursor: context-menu;
}
.optedtooltip-block .tooltiptext {
display: none !important;
position: absolute;
background: #000;
opacity: 0.9;
font-size: 12px;
font-weight: 100;
width: 240px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
margin-top: 5px;
z-index:1;
right:0;
}
.optedtooltip-block:hover .tooltiptext {
display: block !important;
}
.optedtooltip-block i {
font-size: 26px;
color: #293665;
padding-left: 3px;
margin-top: -1px;
}
.optedtooltip-block .tooltiptext:before {
content:"";
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
top: -5px;
right: 14px;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.mydashboard-block .mydocket-block .mydocket-table table td .optedtooltip-block {
position: relative;
right: 0;
background: none;
width: 90px;
}
/* .mydashboard-block .mydocket-block .mydocket-table table td .optedtooltip-block .tooltiptext {
width: 500px;
} */
.mydashboard-block .mydocket-block .mydocket-table table td .optedtooltip-block .tooltiptext:before {
right: 40px;
}
.overview-optedtooltip {
/*right: 18px;
position: absolute;
background: #f1f1f1; */
cursor: pointer;
position: relative;
}
.overview-optedtooltip .tooltiptext {
display: none !important;
position: absolute;
background: #000;
opacity: 0.9;
font-size: 12px;
font-weight: 100;
width: 240px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
margin-top: 5px;
z-index:1;
right: -18px;
top: 30px;
}
.overview-optedtooltip:hover .tooltiptext {
display: block !important;
}
.overview-optedtooltip i {
/* font-size: 26px;
color: #293665; */
padding-left: 3px;
margin-top: -1px;
}
.overview-optedtooltip .tooltiptext:before {
content:"";
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
top: -5px;
right: 14px;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
/*Opted In out css End */
/* .documenttooltip-block {
position: relative;
} */
.docket-info-right-block table {
position: relative;
}
.documenttooltip-block .tooltiptext {
display: none !important;
position: absolute;
background: #000;
opacity: 0.9;
font-size: 12px;
font-weight: 100;
width: 240px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
margin-top: 5px;
z-index:1;
left:0;
}
.documenttooltip-block:hover .tooltiptext {
display: block !important;
}
.documenttooltip-block .tooltiptext:before {
content:"";
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
top: -5px;
right: 14px;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
left: 30px;
}
.tableTopSection {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.tableTopSection .NoOfResults{
font-family: 'Raleway', sans-serif;
font-size: 18px;
font-weight: 700;
color: #596171;
}
.tableTopSection .NoOfPages{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 500;
color: #737c8b;
margin-top: 24px;
}
.tableTopSection .NoOfPages select{
width: 80px;
padding: 8px 0;
border-radius: 0;
color: #424751;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
border: 1px solid #e2e2e2;
margin-left: 15px;
}
.tableTopSection .SearchBox input{
padding: 10px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
color: #424751;
width: 420px;
border: 1px solid #d5d7db;
}
.tableBottomSection {
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.tableBottomSection .countOfPage {
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
color: #424751;
}
.tableBottomSection .paginationSection button{
border: 1px solid #d5d7db;
margin: 0 0 0 8px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 500;
color: #424751;
padding: 8px 12px;
border-radius: 0;
cursor: pointer;
}
.tableBottomSection .paginationSection button:hover {
background: #424751;
color: #fff;
transition: all 0.5s ease 0s;
}
@media screen and (min-width:1281px) and (max-width:1400px){
}
@media screen and (min-width:1144px) and (max-width:1280px){
.container{width: 100%;}
}
@media screen and (min-width:1025px) and (max-width:1143px){
.container{width: 100%;}
}
@media screen and (min-width:1001px) and (max-width:1024px){
.container{width: auto;}
.navigation ul li a.logout{display: none;}
.mob-nav{display: none;}
.header .col-xs-3{width: 30%;}
.header .col-xs-7{width: 53%;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-info-right-block table{word-break: break-word;}
.docket-info-right-block table tr th, .docket-info-right-block table tr td{padding: 5px;}
.docket-info-right-block table tr th.date, .docket-info-right-block table tr td.date {width: 15%;}
.docket-info-right-block table tr th.desc, .docket-info-right-block table tr td.desc {width: 28%;}
.docket-info-right-block table tr td i{margin: 0 auto; display: table;}
}
@media only screen and (min-width: 981px) and (max-width:1000px) {
.container{width: auto;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto;}
.login-inner-wrapper{min-height: auto !important; padding: 35px 0;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 50px 50px;}
.login-section{position: relative;}
.reset-your-osah-password-section{position: relative;}
.reset-your-password-section{position: relative;}
.email-sent-section{position: relative;}
.mydashboard-block .action-btn-right button+button{display: none;}
}
@media screen and (min-width:769px) and (max-width:980px){
#root, .display-unset, #wrap > div, #wrap > div > div {height: auto !important;}
#wrap .login-block, #wrap .login-inner-wrapper {height: auto !important;}
.container{width: auto;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto; cursor:pointer;}
.login-inner-wrapper{min-height: auto !important; padding: 35px 0;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 50px 50px;}
.login-section{position: relative;}
.reset-your-osah-password-section{position: relative;}
.reset-your-password-section{position: relative;}
.email-sent-section{position: relative;}
.header{position: relative; padding: 0 0;}
.header .col-xs-3{width: 85%;}
.header .col-xs-7{width: 100%;}
.header .col-xs-2{width: 100%;}
.logout{padding: 10px 15px; width: 100%;}
.mob-nav{font-size: 36px; top: 10px; right: 20px; position: absolute; color: #293665;}
.mob-nav:focus, .mob-nav:hover{color: #293665;}
.navigation ul li{width: 100%;}
.navigation ul li a{padding: 10px; margin: 0; width: 100%; border: none;}
.navigation ul li a.active{border: none; background: #293665; color: #fff;}
.navigation ul li a:hover{border: none; background: #293665; color: #fff;}
.mydashboard-block{margin: 0;}
.tab-block{padding: 0 15px;}
.tab-block ul li{margin: 0 30px 0 0;}
.mydashboard-block .enter-docket-number-block input{width: 100%;}
.mydashboard-block .enter-docket-number-block{margin: 20px 0;}
.mydashboard-block .enter-docket-number-block p br{display: none;}
.mob-nav{display: block;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
.overview-wrapper > div{width: 100%;}
.docket-information-left{display: inline-block; width: 100%; padding: 15px;}
.docket-information-right{display: inline-block; width: 100%; padding: 15px;}
.party-info-block .col-xs-6{width: 50%;}
.overview-block{padding: 0;}
.overview-block span{margin: 15px 0 8px 0;}
.overview-block span+span{margin: 0;}
.overview-block .createdby-label{margin: 15px 0;}
.docket-information-tab-block{padding: 0;}
.docket-information-left .docket-info-block{margin: 0;}
.docket-information-left .docket-info-block h1 {margin: 0 0 15px 0;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-information-left .hearing-info-block{margin: 15px 0 0 0;}
.docket-information-left .hearing-info-block h2 {margin: 0 0 15px 0;}
.docket-information-left span{margin: 0 0 15px 0;}
.docket-information-left .additional-info-block {margin: 15px 0 0 0;}
.docket-information-left .additional-info-block h2{margin: 0 0 15px 0;}
.docket-info-right-block{margin: 0;}
.docket-info-top{padding: 15px; margin: 0 0 15px 0;}
.docket-info-top > div{width: 50%; margin: 0 0 15px 0;}
.docket-info-top > div:last-child{margin: 0;}
.docket-info-right-block h2 {margin: 0 0 15px 0;}
.docket-information-right .upload-button{margin: 0;}
.party-info-block{margin: 15px 0 0 0;}
.party-info-block h2 {margin: 0 0 15px 0;}
.party-info-block .party-block{width: 95%; margin: 0 0 15px 0;}
.docket-info-right-block table {width: 100%; margin: 0 0 15px 0; display: block;}
.docket-info-right-block table tr.heading td{padding: 10px;}
.docket-info-right-block table tr.table-row td{padding: 10px;}
.docket-info-right-block table tr th{padding: 5px;}
.docket-info-right-block table tr td{padding: 5px;}
.docket-information-block .tab-block{padding: 0; background: none;}
#menu-toggle{display: block;}
.docket-information-block .tab-block ul{display: table; float: none; width: 100%; padding: 0 15px; margin: 0 0 15px 0;}
.docket-information-block .tab-block ul li{display: table; margin: 0; width: 50%; float: left;}
.docket-information-block .tab-block ul li a{padding: 0 5px; width: 100%; display: table-cell; border: 1px solid #d5d7db; text-align: center; color: #424751; height: 46px; vertical-align: middle; line-height: 18px; font-size: 14px;}
.docket-information-block .tab-block ul li a.active{border-bottom: none; background: #293665;}
.docket-information-block .tab-block ul li a i{display: none;}
.docket-information-right .upload-button{width: 100%; padding: 10px 0; display: table;}
.docket-information-block .tab-block .container {padding: 0;}
.mydashboard-block .action-btn-right button+button{display: none;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{width: 100%; margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table table th i{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .respondent{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .status{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .view-btn{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table th, .mydashboard-block .mydocket-block .mydocket-table table td{width: 33.33% !important;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 3px;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 3px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{margin: 0 0 20px 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 20px 0 0 0;}
.docket-info-right-block table thead td{padding: 0 5px 10px !important;}
.docket-info-right-block table, .docket-info-right-block table thead, .docket-info-right-block table tbody, .docket-info-right-block table th, .docket-info-right-block table td, .docket-info-right-block table tr {display: block;}
.docket-info-right-block table thead{position: absolute; top: -9999px; left: -9999px;}
.docket-info-right-block table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.docket-info-right-block table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.docket-info-right-block table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.docket-info-right-block table td:nth-of-type(1):before { content: "Document"; }
.docket-info-right-block table td:nth-of-type(2):before { content: "Name"; }
.docket-info-right-block table td:nth-of-type(3):before { content: "Date Submitted"; }
.docket-info-right-block table td:nth-of-type(4):before { content: "Description"; }
.docket-info-right-block table td:nth-of-type(5):before { content: "Download"; }
.docket-info-right-block table td:nth-of-type(6):before { content: "View"; }
.docket-info-right-block table td.view-btn button{margin: 0;}
.docket-info-right-block table td.react-bs-table-no-data:before{display: none;}
.docket-info-right-block table td.react-bs-table-no-data{padding: 5px;}
.docket-info-right-block table tr td:last-child {border: none;}
.docket-info-right-block table td:nth-of-type(5):before{display: none;}
.docket-info-right-block table td:nth-of-type(6):before{display: none;}
.docket-info-right-block table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.docket-info-right-block table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.docket-info-right-block table tr td.download a i{display: none;}
.docket-info-right-block table tr td.view a i{display: none;}
.docket-info-right-block table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.download span{display: block;}
.docket-info-right-block table tr td.view span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 0;}
.pending-or-reject-document-block .title{padding: 15px; margin: 0; font-size: 18px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{margin: 0; padding: 0 15px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{margin: 0; table-layout: fixed;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tbody, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead{position: absolute; top: -9999px; left: -9999px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(1):before { content: "Document Type"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(2):before { content: "Document Name"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(3):before { content: "Date Submitted"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(4):before { content: "Status"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(5):before { content: "Description"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before { content: "Reason for Rejection"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.view-btn button{margin: 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data:before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:last-child {border: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7){border-bottom: none;}
.pending-or-reject-document-table .pagination{margin: 5px 0 20px 0;}
/*.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before{display: none;}*/
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7):before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view span{display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead td{padding: 0 5px 10px !important;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead{position: absolute; top: -9999px; left: -9999px;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {margin: 0 0 10px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(1):before { content: "Activity"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(2):before { content: "Date"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(3):before { content: "Time"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(4) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(5) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{margin: 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{margin: 0 0 10px 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{margin: 0;}
#doc-review {padding: 0 !important;}
#doc-review .modal-dialog{width: auto;}
#doc-review .row{margin-bottom: 0;}
#doc-review .modal-body .doc-detail{padding: 20px 10px;}
#doc-review .modal-body .col-xs-3{padding: 0 10px 10px 10px; width: 100%;}
#doc-review .pdf-block{padding: 20px 0;}
.navlogoutwrapper {max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; float: left; width: 100%;}
.navlogoutwrapper.active {max-height: 500px; transition: max-height 0.5s ease-in;}
}
@media screen and (min-width:701px) and (max-width:768px){
#root, .display-unset, #wrap > div, #wrap > div > div {height: 100% !important;}
#wrap .login-block, #wrap .login-inner-wrapper {height: 100% !important;}
.container{width: auto;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 50px 50px;}
.login-section{position: relative;}
.reset-your-osah-password-section{position: relative;}
.reset-your-password-section{position: relative;}
.email-sent-section{position: relative;}
.header{position: relative; padding: 0 0;}
.header .col-xs-3{width: 85%;}
.header .col-xs-7{width: 100%;}
.header .col-xs-2{width: 100%;}
.logout{padding: 10px 15px; width: 100%;}
.mob-nav{font-size: 36px; top: 10px; right: 20px; position: absolute; color: #293665;}
.mob-nav:focus, .mob-nav:hover{color: #293665;}
.navigation ul li{width: 100%;}
.navigation ul li a{padding: 10px; margin: 0; width: 100%; border: none;}
.navigation ul li a.active{border: none; background: #293665; color: #fff;}
.navigation ul li a:hover{border: none; background: #293665; color: #fff;}
.mydashboard-block{margin: 0;}
.tab-block{padding: 0 15px;}
.tab-block ul li{margin: 0 20px 0 0;}
.mydashboard-block .enter-docket-number-block input{width: 100%;}
.mydashboard-block .enter-docket-number-block{margin: 20px 0;}
.mydashboard-block .enter-docket-number-block p br{display: none;}
.mob-nav{display: block;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
#find-case .modal-dialog{margin: 10px auto;}
#upload-files .modal-dialog{margin: 10px auto;}
.overview-wrapper > div{width: 100%;}
.docket-information-left{display: inline-block; width: 100%; padding: 15px;}
.docket-information-right{display: inline-block; width: 100%; padding: 15px;}
.party-info-block .col-xs-6{width: 50%;}
.overview-block{padding: 0;}
.overview-block span{margin: 15px 0 8px 0;}
.overview-block span+span{margin: 0;}
.overview-block .createdby-label{margin: 15px 0;}
.docket-information-tab-block{padding: 0;}
.docket-information-left .docket-info-block{margin: 0;}
.docket-information-left .docket-info-block h1 {margin: 0 0 15px 0;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-information-left .hearing-info-block{margin: 15px 0 0 0;}
.docket-information-left .hearing-info-block h2 {margin: 0 0 15px 0;}
.docket-information-left span{margin: 0 0 15px 0;}
.docket-information-left .additional-info-block {margin: 15px 0 0 0;}
.docket-information-left .additional-info-block h2{margin: 0 0 15px 0;}
.docket-info-right-block{margin: 0;}
.docket-info-top{padding: 15px; margin: 0 0 15px 0;}
.docket-info-top > div{width: 50%; margin: 0 0 15px 0;}
.docket-info-top > div:last-child{margin: 0;}
.docket-info-right-block h2 {margin: 0 0 15px 0;}
.docket-information-right .upload-button{margin: 0;}
.party-info-block{margin: 15px 0 0 0;}
.party-info-block h2 {margin: 0 0 15px 0;}
.party-info-block .party-block{width: 95%; margin: 0 0 15px 0;}
.docket-info-right-block table {width: 100%; margin: 0 0 15px 0; display: block;}
.docket-info-right-block table tr.heading td{padding: 10px;}
.docket-info-right-block table tr.table-row td{padding: 10px;}
.account-wrapper{padding: 35px 0;}
.account-block .container{width: 100%;}
.account-block .header .logo{margin: 0 auto;}
.account-wrapper .col-xs-6{width: 100%;}
.account-wrapper .account-btn button{float: left; width: 43%;}
.account-wrapper .account-btn button.cancel-btn {float: right;}
.mydashboard-block .mydocket-block{padding: 30px 0 75px;}
.docket-info-right-block table tr th{padding: 5px;}
.docket-info-right-block table tr td{padding: 5px;}
.docket-information-block .tab-block{padding: 0; background: none;}
#view-more .modal-dialog {width: 660px; margin: 10px auto;}
.account-wrapper {padding: 20px 0;}
.account-wrapper .container{width: 100%; padding: 0 5px;}
.account-wrapper h2{margin: 0 0 20px 0;}
.account-wrapper .col-xs-6{margin-bottom: 20px;}
#menu-toggle{display: block;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{width: 100%; margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table table th i{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .respondent{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .status{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .view-btn{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table th, .mydashboard-block .mydocket-block .mydocket-table table td{width: 33.33% !important;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 3px;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 3px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{margin: 0 0 20px 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 20px 0 0 0;}
.docket-information-block .tab-block ul{display: table; float: none; width: 100%; padding: 0 15px; margin: 0 0 15px 0;}
.docket-information-block .tab-block ul li{display: table; margin: 0; width: 50%; float: left;}
.docket-information-block .tab-block ul li a{padding: 0 5px; width: 100%; display: table-cell; border: 1px solid #d5d7db; text-align: center; color: #424751; height: 46px; vertical-align: middle; line-height: 18px; font-size: 14px;}
.docket-information-block .tab-block ul li a.active{border-bottom: none; background: #293665;}
.docket-information-block .tab-block ul li a i{display: none;}
.docket-information-right .upload-button{width: 100%; padding: 10px 0; display: table;}
.docket-information-block .tab-block .container {padding: 0;}
.mydashboard-block .action-btn-right button+button{display: none;}
.docket-info-right-block table thead td{padding: 0 5px 10px !important;}
.docket-info-right-block table, .docket-info-right-block table thead, .docket-info-right-block table tbody, .docket-info-right-block table th, .docket-info-right-block table td, .docket-info-right-block table tr {display: block;}
.docket-info-right-block table thead{position: absolute; top: -9999px; left: -9999px;}
.docket-info-right-block table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.docket-info-right-block table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.docket-info-right-block table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.docket-info-right-block table td:nth-of-type(1):before { content: "Document"; }
.docket-info-right-block table td:nth-of-type(2):before { content: "Name"; }
.docket-info-right-block table td:nth-of-type(3):before { content: "Date Submitted"; }
.docket-info-right-block table td:nth-of-type(4):before { content: "Description"; }
.docket-info-right-block table td:nth-of-type(5):before { content: "Download"; }
.docket-info-right-block table td:nth-of-type(6):before { content: "View"; }
.docket-info-right-block table td.view-btn button{margin: 0;}
.docket-info-right-block table td.react-bs-table-no-data:before{display: none;}
.docket-info-right-block table td.react-bs-table-no-data{padding: 5px;}
.docket-info-right-block table tr td:last-child {border: none;}
.docket-info-right-block table td:nth-of-type(5):before{display: none;}
.docket-info-right-block table td:nth-of-type(6):before{display: none;}
.docket-info-right-block table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.docket-info-right-block table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.docket-info-right-block table tr td.download a i{display: none;}
.docket-info-right-block table tr td.view a i{display: none;}
.docket-info-right-block table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.download span{display: block;}
.docket-info-right-block table tr td.view span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 0;}
.pending-or-reject-document-block .title{padding: 15px; margin: 0; font-size: 18px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{margin: 0; padding: 0 15px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{margin: 0; table-layout: fixed;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tbody, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead{position: absolute; top: -9999px; left: -9999px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(1):before { content: "Document Type"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(2):before { content: "Document Name"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(3):before { content: "Date Submitted"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(4):before { content: "Status"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(5):before { content: "Description"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before { content: "Reason for Rejection"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.view-btn button{margin: 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data:before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:last-child {border: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7){border-bottom: none;}
.pending-or-reject-document-table .pagination{margin: 5px 0 20px 0;}
/*.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before{display: none;}*/
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7):before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view span{display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead td{padding: 0 5px 10px !important;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {display: block;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead{position: absolute; top: -9999px; left: -9999px;} */
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {margin: 0 0 10px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(1):before { content: "Activity"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(2):before { content: "Date"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(3):before { content: "Time"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(4) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(5) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{margin: 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{margin: 0 0 10px 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{margin: 0;}
#doc-review {padding: 0 !important;}
#doc-review .modal-dialog{width: auto; padding: 20px; margin: 0;}
#doc-review .row{margin-bottom: 0;}
#doc-review .modal-body .doc-detail{padding: 20px 10px;}
#doc-review .modal-body .col-xs-3{padding: 0 10px 10px 10px; width: 100%;}
#doc-review .pdf-block{padding: 20px 0;}
.navlogoutwrapper {max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; float: left;width: 100%;}
.navlogoutwrapper.active {max-height: 500px; transition: max-height 0.5s ease-in;}
}
@media screen and (min-width:667px) and (max-width:700px){
#root, .display-unset, #wrap > div, #wrap > div > div {height: auto !important;}
#wrap .login-block, #wrap .login-inner-wrapper {height: auto !important;}
.container{width: auto;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto;}
.login-inner-wrapper{min-height: auto !important; padding: 35px 0;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 0 30px 30px; display: table;}
.login-section{position: relative;}
.reset-your-osah-password-section{position: relative;}
.reset-your-password-section{position: relative;}
.email-sent-section{position: relative;}
.header{position: relative; padding: 0 0;}
.header .col-xs-3{width: 85%;}
.header .col-xs-7{width: 100%;}
.header .col-xs-2{width: 100%;}
.logout{padding: 10px 15px; width: 100%;}
.mob-nav{font-size: 36px; top: 10px; right: 20px; position: absolute; color: #293665;}
.mob-nav:focus, .mob-nav:hover{color: #293665;}
.navigation ul li{width: 100%;}
.navigation ul li a{padding: 10px; margin: 0; width: 100%; border: none;}
.navigation ul li a.active{border: none; background: #293665; color: #fff;}
.navigation ul li a:hover{border: none; background: #293665; color: #fff;}
.mydashboard-block{margin: 0;}
.tab-block{padding: 0 15px;}
.tab-block ul li{margin: 0; width: 50%; text-align: center;}
.tab-block ul li a{width: 100%; border: 1px solid #424751; padding: 10px 0;}
.tab-block ul li a.active{border: 1px solid #293665; color: #fff; background: #293665;}
.mydashboard-block .enter-docket-number-block input{width: 100%;}
.mydashboard-block .enter-docket-number-block{margin: 20px 0;}
.mydashboard-block .enter-docket-number-block p br{display: none;}
.mob-nav{display: block;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
.mydashboard-block .mydocket-search-block input{width: 100%;}
.mydashboard-block .mydocket-block{padding: 30px 0; display: block; width: 480px; margin: 0 auto;}
/* .mydashboard-block .mydocket-block .mydocket-table{overflow: scroll; display: block; width: 100%;} */
.mydashboard-block .tab-block ul{width: 100%; margin: 15px 0 0 0;}
.mydashboard-block .action-btn-right{width: 100%; display: table; margin: 20px 0 0 0;}
.mydashboard-block .action-btn-right button{margin: 0 0 15px 0; width: 49%; float: left;}
.mydashboard-block .action-btn-right button+button{margin: 0 0 15px 0; width: 49%; float: right;}
.mydashboard-block .action-btn-right a.find-case-btn{margin: 15px auto; display: block;}
.mydashboard-block .action-btn-right a{margin: 15px auto; display: block;}
.mydashboard-block .tab-block{padding: 0 5px;}
.mydashboard-block .mydocket-search-block{padding: 0 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination li:first-child a{margin: 0;}
.mydashboard-block .mydocket-block .table-pagination{display: table; width: 100%;}
.mydashboard-block .mydocket-block .table-pagination nav{float: none;}
.mydashboard-block .mydocket-block .table-pagination nav ul li a{padding: 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
#find-case .modal-dialog{width: auto;}
#find-case .modal-body input{width: 100%;}
#find-case .modal-body .note{font-size: 16px;}
#find-case .modal-body .note br{display: none;}
#find-case .modal-body{padding: 15px;}
#find-case .modal-body .col-xs-12{padding: 0;}
#upload-files .modal-dialog{width: auto;}
#upload-files .modal-body {padding: 20px 10px;}
#upload-files .modal-body .col-xs-4 {padding: 0 10px 20px; width: 100%;}
.overview-wrapper > div{width: 100%;}
.docket-information-left{display: inline-block; width: 100%; padding: 15px;}
.docket-information-right{display: inline-block; width: 100%; padding: 15px;}
.party-info-block .col-xs-6{width: 50%;}
.overview-block{padding: 0;}
.overview-block span{margin: 15px 0 8px 0;}
.overview-block span+span{margin: 0;}
.overview-block .createdby-label{margin: 15px 0;}
.docket-information-tab-block{padding: 0;}
.docket-information-left .docket-info-block{margin: 0;}
.docket-information-left .docket-info-block h1 {margin: 0 0 15px 0;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-information-left .hearing-info-block{margin: 15px 0 0 0;}
.docket-information-left .hearing-info-block h2 {margin: 0 0 15px 0;}
.docket-information-left span{margin: 0 0 15px 0;}
.docket-information-left .additional-info-block {margin: 15px 0 0 0;}
.docket-information-left .additional-info-block h2{margin: 0 0 15px 0;}
.docket-info-right-block{margin: 0;}
.docket-info-top{padding: 15px; margin: 0 0 15px 0;}
.docket-info-top > div{width: 50%; margin: 0 0 15px 0;}
.docket-info-top > div:last-child{margin: 0;}
.docket-info-right-block h2 {margin: 0 0 15px 0;}
.docket-information-right .upload-button{margin: 0;}
.party-info-block{margin: 15px 0 0 0;}
.party-info-block h2 {margin: 0 0 15px 0;}
.party-info-block .party-block{width: 95%; margin: 0 0 15px 0;}
.docket-info-right-block table {width: 100%; margin: 0 0 15px 0; display: block;}
.docket-info-right-block table tr.heading td{padding: 10px;}
.docket-info-right-block table tr.table-row td{padding: 10px;}
.account-wrapper{padding: 35px 0;}
.account-block .container{width: 100%;}
.account-block .header .logo{margin: 0 auto;}
.account-wrapper .col-xs-6{width: 100%;}
.account-wrapper .account-btn button{float: left; width: 43%;}
.account-wrapper .account-btn button.cancel-btn {float: right;}
.activity-dashboard-block{margin: 0;}
.activity-dashboard-block .title{margin: 0 0 20px 0;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.docket{width: 14%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td{padding: 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table .heading td{padding: 0 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block{padding: 30px 0; display: block; width: 100%; margin: 0 auto;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table{overflow: scroll; display: block; width: 100%;} */
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination li:first-child a{margin: 0;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination{display: table; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav{float: none;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav ul li a{padding: 4px; margin: 0 0 0 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{width: 100%; margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table table th i{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .respondent{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .status{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .view-btn{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table th, .mydashboard-block .mydocket-block .mydocket-table table td{width: 33.33% !important;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 3px;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 3px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{margin: 0 0 20px 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 20px 0 0 0;}
.docket-info-right-block table thead td{padding: 0 5px 10px !important;}
.docket-info-right-block table, .docket-info-right-block table thead, .docket-info-right-block table tbody, .docket-info-right-block table th, .docket-info-right-block table td, .docket-info-right-block table tr {display: block;}
.docket-info-right-block table thead{position: absolute; top: -9999px; left: -9999px;}
.docket-info-right-block table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.docket-info-right-block table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.docket-info-right-block table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.docket-info-right-block table td:nth-of-type(1):before { content: "Document"; }
.docket-info-right-block table td:nth-of-type(2):before { content: "Name"; }
.docket-info-right-block table td:nth-of-type(3):before { content: "Date Submitted"; }
.docket-info-right-block table td:nth-of-type(4):before { content: "Description"; }
.docket-info-right-block table td:nth-of-type(5):before { content: "Download"; }
.docket-info-right-block table td:nth-of-type(6):before { content: "View"; }
.docket-info-right-block table td.view-btn button{margin: 0;}
.docket-info-right-block table td.react-bs-table-no-data:before{display: none;}
.docket-info-right-block table td.react-bs-table-no-data{padding: 5px;}
.docket-info-right-block table tr td:last-child {border: none;}
.docket-information-block .tab-block{padding: 0; background: none;}
#view-more .modal-dialog{width: auto;}
.account-wrapper {padding: 20px 0;}
.account-wrapper .container{width: 100%; padding: 0 5px;}
.account-wrapper h2{margin: 0 0 20px 0;}
.account-wrapper .col-xs-6{margin-bottom: 20px;}
#menu-toggle{display: block;}
.create-account-wrapper{padding: 25px 0;}
.create-account-wrapper h1{margin: 0 0 25px 0;}
.create-account-wrapper input{margin: 0;}
.create-account-wrapper .col-xs-6{margin-bottom: 15px;}
.radio-block > span{margin: 0 15px 0 0;}
.create-account-wrapper .create-account-btn{display: table; margin: 0;}
.docket-information-block .tab-block ul{display: table; float: none; width: 100%; padding: 0 15px; margin: 0 0 15px 0;}
.docket-information-block .tab-block ul li{display: table; margin: 0; width: 50%; float: left;}
.docket-information-block .tab-block ul li a{padding: 0 5px; width: 100%; display: table-cell; border: 1px solid #d5d7db; text-align: center; color: #424751; height: 46px; vertical-align: middle; line-height: 18px; font-size: 14px;}
.docket-information-block .tab-block ul li a.active{border-bottom: none; background: #293665;}
.docket-information-block .tab-block ul li a i{display: none;}
.docket-information-right .upload-button{width: 100%; padding: 10px 0; display: table;}
.docket-information-block .tab-block .container {padding: 0;}
.mydashboard-block .action-btn-right button+button{display: none;}
.docket-info-right-block table td:nth-of-type(5):before{display: none;}
.docket-info-right-block table td:nth-of-type(6):before{display: none;}
.docket-info-right-block table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.docket-info-right-block table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.docket-info-right-block table tr td.download a i{display: none;}
.docket-info-right-block table tr td.view a i{display: none;}
.docket-info-right-block table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.download span{display: block;}
.docket-info-right-block table tr td.view span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 0;}
.pending-or-reject-document-block .title{padding: 15px; margin: 0; font-size: 18px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{margin: 0; padding: 0 15px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{margin: 0; table-layout: fixed;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tbody, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead{position: absolute; top: -9999px; left: -9999px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(1):before { content: "Document Type"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(2):before { content: "Document Name"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(3):before { content: "Date Submitted"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(4):before { content: "Status"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(5):before { content: "Description"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before { content: "Reason for Rejection"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.view-btn button{margin: 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data:before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:last-child {border: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7){border-bottom: none;}
.pending-or-reject-document-table .pagination{margin: 5px 0 20px 0;}
/*.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before{display: none;}*/
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7):before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view span{display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead td{padding: 0 5px 10px !important;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {display: block;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead{position: absolute; top: -9999px; left: -9999px;} */
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {margin: 0 0 10px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(1):before { content: "Activity"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(2):before { content: "Date"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(3):before { content: "Time"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(4) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(5) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{margin: 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{margin: 0 0 10px 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{margin: 0;}
#doc-review {padding: 0 !important;}
#doc-review .modal-dialog{width: auto;}
#doc-review .row{margin-bottom: 0;}
#doc-review .modal-body .doc-detail{padding: 20px 10px;}
#doc-review .modal-body .col-xs-3{padding: 0 10px 10px 10px; width: 100%;}
#doc-review .pdf-block{padding: 20px 0;}
.navlogoutwrapper {max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; float: left;width: 100%;}
.navlogoutwrapper.active {max-height: 500px; transition: max-height 0.5s ease-in;}
.mydashboard-block .action-btn-right button.find-case-btn{margin: 0 auto 15px; display: table; float: none;}
}
@media screen and (min-width:481px) and (max-width:666px){
#root, .display-unset, #wrap > div, #wrap > div > div {height: auto !important;}
#wrap .login-block, #wrap .login-inner-wrapper {height: auto !important;}
.container{width: auto;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto;}
.login-inner-wrapper{min-height: auto !important; padding: 35px 0;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 0 30px 30px; display: table;}
.login-section{position: relative;}
.reset-your-osah-password-section{position: relative;}
.reset-your-password-section{position: relative;}
.email-sent-section{position: relative;}
.header{position: relative; padding: 0 0;}
.header .col-xs-3{width: 85%;}
.header .col-xs-7{width: 100%;}
.header .col-xs-2{width: 100%;}
.logout{padding: 10px 15px; width: 100%;}
.mob-nav{font-size: 36px; top: 10px; right: 20px; position: absolute; color: #293665;}
.mob-nav:focus, .mob-nav:hover{color: #293665;}
.navigation ul li{width: 100%;}
.navigation ul li a{padding: 10px; margin: 0; width: 100%; border: none;}
.navigation ul li a.active{border: none; background: #293665; color: #fff;}
.navigation ul li a:hover{border: none; background: #293665; color: #fff;}
.mydashboard-block{margin: 0;}
.tab-block{padding: 0 15px;}
.tab-block ul li{margin: 0; width: 50%; text-align: center;}
.tab-block ul li a{width: 100%; border: 1px solid #424751; padding: 10px 0;}
.tab-block ul li a.active{border: 1px solid #293665; color: #fff; background: #293665;}
.mydashboard-block .enter-docket-number-block input{width: 100%;}
.mydashboard-block .enter-docket-number-block{margin: 20px 0;}
.mydashboard-block .enter-docket-number-block p br{display: none;}
.mob-nav{display: block;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
.mydashboard-block .mydocket-search-block input{width: 100%;}
.mydashboard-block .mydocket-block{padding: 30px 0; display: block; width: 480px; margin: 0 auto;}
/* .mydashboard-block .mydocket-block .mydocket-table{overflow: scroll; display: block; width: 100%;} */
.mydashboard-block .tab-block ul{width: 100%; margin: 15px 0 0 0;}
.mydashboard-block .action-btn-right{width: 100%; display: table; margin: 20px 0 0 0;}
.mydashboard-block .action-btn-right button{margin: 0 0 15px 0; width: 49%; float: left;}
.mydashboard-block .action-btn-right button+button{float: right;}
.mydashboard-block .action-btn-right a.find-case-btn{margin: 15px auto; display: block;}
.mydashboard-block .action-btn-right a{margin: 15px auto; display: block;}
.mydashboard-block .tab-block{padding: 0 5px;}
.mydashboard-block .mydocket-search-block{padding: 0 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination li:first-child a{margin: 0;}
.mydashboard-block .mydocket-block .table-pagination{display: table; width: 100%;}
.mydashboard-block .mydocket-block .table-pagination nav{float: none;}
.mydashboard-block .mydocket-block .table-pagination nav ul li a{padding: 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
#find-case .modal-dialog{width: auto;}
#find-case .modal-body input{width: 100%;}
#find-case .modal-body .note{font-size: 16px;}
#find-case .modal-body .note br{display: none;}
#find-case .modal-body{padding: 15px;}
#find-case .modal-body .col-xs-12{padding: 0;}
#find-case .btn-block button{width: 175px;}
#upload-files .modal-dialog{width: auto;}
#upload-files .modal-body {padding: 20px 10px;}
#upload-files .modal-body .col-xs-4 {padding: 0 10px 20px; width: 100%;}
.overview-wrapper > div{width: 100%;}
.docket-information-left{display: inline-block; width: 100%; padding: 15px;}
.docket-information-right{display: inline-block; width: 100%; padding: 15px;}
.party-info-block .col-xs-6{width: 100%;}
.overview-block{padding: 0;}
.overview-block span{margin: 15px 0 8px 0;}
.overview-block span+span{margin: 0;}
.overview-block .createdby-label{margin: 15px 0;}
.docket-information-tab-block{padding: 0;}
.docket-information-left .docket-info-block{margin: 0;}
.docket-information-left .docket-info-block h1 {margin: 0 0 15px 0;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-information-left .hearing-info-block{margin: 15px 0 0 0;}
.docket-information-left .hearing-info-block h2 {margin: 0 0 15px 0;}
.docket-information-left span{margin: 0 0 15px 0;}
.docket-information-left .additional-info-block {margin: 15px 0 0 0;}
.docket-information-left .additional-info-block h2{margin: 0 0 15px 0;}
.docket-info-right-block{margin: 0;}
.docket-info-top{padding: 15px; margin: 0 0 15px 0;}
.docket-info-top > div{width: 50%; margin: 0 0 15px 0;}
.docket-info-top > div:last-child{margin: 0;}
.docket-info-right-block h2 {margin: 0 0 15px 0;}
.docket-information-right .upload-button{margin: 0;}
.party-info-block{margin: 15px 0 0 0;}
.party-info-block h2 {margin: 0 0 15px 0;}
.party-info-block .party-block{width: 100%; margin: 0 0 15px 0;}
.docket-info-right-block table {width: 100%; margin: 0 0 15px 0; display: block;}
.docket-info-right-block table tr.heading td{padding: 10px;}
.docket-info-right-block table tr.table-row td{padding: 10px;}
.account-wrapper{padding: 35px 0;}
.account-block .container{width: 100%;}
.account-block .header .logo{margin: 0 auto;}
.account-wrapper .col-xs-6{width: 100%;}
.account-wrapper .account-btn button{float: left; width: 43%;}
.account-wrapper .account-btn button.cancel-btn {float: right;}
.activity-dashboard-block{margin: 0;}
.activity-dashboard-block .title{margin: 0 0 20px 0;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.docket{width: 14%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td{padding: 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table .heading td{padding: 0 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block{padding: 30px 0; display: block; width: 100%; margin: 0 auto;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table{overflow: scroll; display: block; width: 100%;} */
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination li:first-child a{margin: 0;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination{display: table; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav{float: none;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav ul li a{padding: 4px; margin: 0 0 0 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{width: 100%; margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table table th i{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .respondent{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .status{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .view-btn{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table th, .mydashboard-block .mydocket-block .mydocket-table table td{width: 33.33% !important;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 3px;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 3px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{margin: 0 0 20px 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 20px 0 0 0;}
.docket-info-right-block table thead td{padding: 0 5px 10px !important;}
.docket-info-right-block table, .docket-info-right-block table thead, .docket-info-right-block table tbody, .docket-info-right-block table th, .docket-info-right-block table td, .docket-info-right-block table tr {display: block;}
.docket-info-right-block table thead{position: absolute; top: -9999px; left: -9999px;}
.docket-info-right-block table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.docket-info-right-block table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.docket-info-right-block table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.docket-info-right-block table td:nth-of-type(1):before { content: "Document"; }
.docket-info-right-block table td:nth-of-type(2):before { content: "Name"; }
.docket-info-right-block table td:nth-of-type(3):before { content: "Date Submitted"; }
.docket-info-right-block table td:nth-of-type(4):before { content: "Description"; }
.docket-info-right-block table td:nth-of-type(5):before { content: "Download"; }
.docket-info-right-block table td:nth-of-type(6):before { content: "View"; }
.docket-info-right-block table td.view-btn button{margin: 0;}
.docket-info-right-block table td.react-bs-table-no-data:before{display: none;}
.docket-info-right-block table td.react-bs-table-no-data{padding: 5px;}
.docket-info-right-block table tr td:last-child {border: none;}
.docket-information-block .tab-block{padding: 0; background: none;}
#view-more .modal-dialog{width: auto;}
.account-wrapper {padding: 20px 0;}
.account-wrapper .container{width: 100%; padding: 0 5px;}
.account-wrapper h2{margin: 0 0 20px 0;}
.account-wrapper .col-xs-6{margin-bottom: 20px;}
#menu-toggle{display: block;}
.create-account-wrapper{padding: 25px 0;}
.create-account-wrapper h1{margin: 0 0 25px 0;}
.create-account-wrapper input{margin: 0;}
.create-account-wrapper .col-xs-6{margin-bottom: 15px;}
.radio-block > span{margin: 0 15px 0 0;}
.create-account-wrapper .create-account-btn{display: table; margin: 0;}
.docket-information-block .tab-block ul{display: table; float: none; width: 100%; padding: 0 15px; margin: 0 0 15px 0;}
.docket-information-block .tab-block ul li{display: table; margin: 0; width: 50%; float: left;}
.docket-information-block .tab-block ul li a{padding: 0 5px; width: 100%; display: table-cell; border: 1px solid #d5d7db; text-align: center; color: #424751; height: 46px; vertical-align: middle; line-height: 18px; font-size: 14px;}
.docket-information-block .tab-block ul li a.active{border-bottom: none; background: #293665;}
.docket-information-block .tab-block ul li a i{display: none;}
.docket-information-right .upload-button{width: 100%; padding: 10px 0; display: table;}
.docket-information-block .tab-block .container {padding: 0;}
.mydashboard-block .action-btn-right button+button{display: none;}
.docket-info-right-block table td:nth-of-type(5):before{display: none;}
.docket-info-right-block table td:nth-of-type(6):before{display: none;}
.docket-info-right-block table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.docket-info-right-block table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.docket-info-right-block table tr td.download a i{display: none;}
.docket-info-right-block table tr td.view a i{display: none;}
.docket-info-right-block table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.download span{display: block;}
.docket-info-right-block table tr td.view span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 0;}
.pending-or-reject-document-block .title{padding: 15px; margin: 0; font-size: 18px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{margin: 0; padding: 0 15px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{margin: 0; table-layout: fixed;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tbody, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead{position: absolute; top: -9999px; left: -9999px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(1):before { content: "Document Type"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(2):before { content: "Document Name"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(3):before { content: "Date Submitted"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(4):before { content: "Status"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(5):before { content: "Description"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before { content: "Reason for Rejection"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.view-btn button{margin: 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data:before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:last-child {border: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7){border-bottom: none;}
.pending-or-reject-document-table .pagination{margin: 5px 0 20px 0;}
/*.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before{display: none;}*/
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7):before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view span{display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead td{padding: 0 5px 10px !important;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {display: block;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead{position: absolute; top: -9999px; left: -9999px;} */
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {margin: 0 0 10px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(1):before { content: "Activity"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(2):before { content: "Date"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(3):before { content: "Time"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(4) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(5) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{margin: 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{margin: 0 0 10px 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{margin: 0;}
#doc-review {padding: 0 !important;}
#doc-review .modal-dialog{width: auto;}
#doc-review .row{margin-bottom: 0;}
#doc-review .modal-body .doc-detail{padding: 20px 10px;}
#doc-review .modal-body .col-xs-3{padding: 0 10px 10px 10px; width: 100%;}
#doc-review .pdf-block{padding: 20px 0;}
.navlogoutwrapper {max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; float: left;width: 100%;}
.navlogoutwrapper.active {max-height: 500px; transition: max-height 0.5s ease-in;}
.mydashboard-block .action-btn-right button.find-case-btn{margin: 0 auto 15px; display: table; float: none;}
}
@media screen and (min-width:415px) and (max-width:480px){
#root, .display-unset, #wrap > div, #wrap > div > div {height: auto !important;}
#wrap .login-block, #wrap .login-inner-wrapper {height: auto !important;}
.container{width: auto;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto;}
.create-account-wrapper .create-account-btn button{width: 200px;}
#footer .col-xs-6{width: 100%; text-align: center;}
#footer p.footer-right {float: none; padding: 0;}
#wrap{margin: 0 auto -64px; padding: 0 0 64px;}
.login-inner-wrapper{min-height: auto !important; padding: 35px 0; background-position: 0 0;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 0 30px 30px; display: table;}
.login-section{position: relative;}
.reset-your-osah-password-section{position: relative;}
.reset-your-password-section{position: relative;}
.email-sent-section{position: relative;}
.header{position: relative; padding: 0 0;}
.header .col-xs-3{width: 85%;}
.header .col-xs-7{width: 100%;}
.header .col-xs-2{width: 100%;}
.logout{padding: 10px 15px; width: 100%;}
.mob-nav{font-size: 36px; top: 10px; right: 20px; position: absolute; color: #293665;}
.mob-nav:focus, .mob-nav:hover{color: #293665;}
.navigation ul li{width: 100%;}
.navigation ul li a{padding: 10px; margin: 0; width: 100%; border: none;}
.navigation ul li a.active{border: none; background: #293665; color: #fff;}
.navigation ul li a:hover{border: none; background: #293665; color: #fff;}
.mydashboard-block{margin: 0;}
.tab-block{padding: 0 15px;}
.tab-block ul li{margin: 0; width: 50%; text-align: center;}
.tab-block ul li a{width: 100%; border: 1px solid #424751; padding: 10px 0;}
.tab-block ul li a.active{border: 1px solid #293665; color: #fff; background: #293665;}
.mydashboard-block .enter-docket-number-block input{width: 100%;}
.mydashboard-block .enter-docket-number-block{margin: 20px 0;}
.mydashboard-block .enter-docket-number-block p br{display: none;}
.mob-nav{display: block;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
.mydashboard-block .mydocket-search-block input{width: 100%;}
.mydashboard-block .mydocket-block{padding: 15px 0; display: block; width: 100%; margin: 0 auto;}
/* .mydashboard-block .mydocket-block .mydocket-table{overflow: scroll; display: block; width: 100%;} */
.mydashboard-block .tab-block ul{width: 100%; margin: 15px 0 0 0;}
.mydashboard-block .action-btn-right{width: 100%; display: table; margin: 20px 0 0 0;}
.mydashboard-block .action-btn-right button{margin: 0 0 15px 0; width: 100%;}
.mydashboard-block .action-btn-right a.find-case-btn{margin: 15px auto; display: block;}
.mydashboard-block .action-btn-right a{margin: 15px auto; display: block;}
.mydashboard-block .tab-block{padding: 0;}
.mydashboard-block .mydocket-search-block{padding: 0 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination li:first-child a{margin: 0;}
.mydashboard-block .mydocket-block .table-pagination{display: table; width: 100%;}
.mydashboard-block .mydocket-block .table-pagination nav{float: none;}
.mydashboard-block .mydocket-block .table-pagination nav ul li a{padding: 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
#find-case .modal-dialog{width: auto;}
#find-case .modal-body input{width: 100%;}
#find-case .modal-body .note{font-size: 16px;}
#find-case .modal-body .note br{display: none;}
#find-case .modal-body{padding: 15px;}
#find-case .modal-body .col-xs-12{padding: 0;}
#find-case .btn-block button{width: 145px;}
#upload-files .modal-dialog{width: auto;}
#upload-files .modal-body {padding: 20px 10px;}
#upload-files .modal-body .col-xs-4 {padding: 0 10px 20px; width: 100%;}
#upload-files .btn-block button{width: 180px;}
.overview-wrapper > div{width: 100%;}
.docket-information-left{display: inline-block; width: 100%; padding: 15px;}
.docket-information-right{display: inline-block; width: 100%; padding: 15px;}
.party-info-block .col-xs-6{width: 100%;}
.overview-block{padding: 0;}
.overview-block span{margin: 15px 0 8px 0;}
.overview-block span+span{margin: 0;}
.overview-block .createdby-label{margin: 15px 0;}
.docket-information-tab-block{padding: 0;}
.docket-information-left .docket-info-block{margin: 0;}
.docket-information-left .docket-info-block h1 {margin: 0 0 15px 0;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-information-left .hearing-info-block{margin: 15px 0 0 0;}
.docket-information-left .hearing-info-block h2 {margin: 0 0 15px 0;}
.docket-information-left span{margin: 0 0 15px 0;}
.docket-information-left .additional-info-block {margin: 15px 0 0 0;}
.docket-information-left .additional-info-block h2{margin: 0 0 15px 0;}
.docket-info-right-block{margin: 0;}
.docket-info-top{padding: 15px; margin: 0 0 15px 0;}
.docket-info-top > div{width: 50%; margin: 0 0 15px 0;}
.docket-info-top > div:last-child{margin: 0;}
.docket-info-right-block h2 {margin: 0 0 15px 0;}
.docket-information-right .upload-button{margin: 0;}
.party-info-block{margin: 15px 0 0 0;}
.party-info-block h2 {margin: 0 0 15px 0;}
.party-info-block .party-block{width: 100%; margin: 0 0 15px 0;}
.docket-info-right-block table {width: 100%; margin: 0 0 15px 0; display: block;}
.docket-info-right-block table tr.heading td{padding: 10px;}
.docket-info-right-block table tr.table-row td{padding: 10px;}
.account-wrapper{padding: 35px 0;}
.account-block .container{width: 100%;}
.account-block .header .logo{margin: 0 auto;}
.account-wrapper .col-xs-6{width: 100%;}
.account-wrapper .account-btn button{float: left; width: 43%;}
.account-wrapper .account-btn button.cancel-btn {float: right;}
.activity-dashboard-block{margin: 0;}
.activity-dashboard-block .title{margin: 0 0 20px 0;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.docket{width: 14%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td{padding: 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table .heading td{padding: 0 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block{padding: 30px 0; display: block; width: 100%; margin: 0 auto;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table{overflow: scroll; display: block; width: 100%;} */
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination li:first-child a{margin: 0;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination{display: table; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav{float: none;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav ul li a{padding: 4px; margin: 0 0 0 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{width: 100%; margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table table th i{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .respondent{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .status{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .view-btn{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table th, .mydashboard-block .mydocket-block .mydocket-table table td{width: 33.33% !important;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 3px;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 3px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{margin: 0 0 20px 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 20px 0 0 0;}
.docket-info-right-block table thead td{padding: 0 5px 10px !important;}
.docket-info-right-block table, .docket-info-right-block table thead, .docket-info-right-block table tbody, .docket-info-right-block table th, .docket-info-right-block table td, .docket-info-right-block table tr {display: block;}
.docket-info-right-block table thead{position: absolute; top: -9999px; left: -9999px;}
.docket-info-right-block table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.docket-info-right-block table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.docket-info-right-block table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.docket-info-right-block table td:nth-of-type(1):before { content: "Document"; }
.docket-info-right-block table td:nth-of-type(2):before { content: "Name"; }
.docket-info-right-block table td:nth-of-type(3):before { content: "Date Submitted"; }
.docket-info-right-block table td:nth-of-type(4):before { content: "Description"; }
.docket-info-right-block table td:nth-of-type(5):before { content: "Download"; }
.docket-info-right-block table td:nth-of-type(6):before { content: "View"; }
.docket-info-right-block table td.view-btn button{margin: 0;}
.docket-info-right-block table td.react-bs-table-no-data:before{display: none;}
.docket-info-right-block table td.react-bs-table-no-data{padding: 5px;}
.docket-info-right-block table tr td:last-child {border: none;}
.docket-information-block .tab-block{padding: 0; background: none;}
#view-more .modal-dialog{width: auto;}
.account-wrapper {padding: 20px 0;}
.account-wrapper .container{width: 100%; padding: 0 5px;}
.account-wrapper h2{margin: 0 0 20px 0;}
.account-wrapper .col-xs-6{margin-bottom: 20px;}
#menu-toggle{display: block;}
.create-account-wrapper{padding: 25px 0;}
.create-account-wrapper h1{margin: 0 0 25px 0;}
.create-account-wrapper input{margin: 0;}
.create-account-wrapper .col-xs-6{margin-bottom: 15px;}
.radio-block > span{margin: 0 15px 0 0;}
.create-account-wrapper .create-account-btn{display: table; margin: 0;}
.docket-information-block .tab-block ul{display: table; float: none; width: 100%; padding: 0 15px; margin: 0 0 15px 0;}
.docket-information-block .tab-block ul li{display: table; margin: 0; width: 50%; float: left;}
.docket-information-block .tab-block ul li a{padding: 0 5px; width: 100%; display: table-cell; border: 1px solid #d5d7db; text-align: center; color: #424751; height: 46px; vertical-align: middle; line-height: 18px; font-size: 14px;}
.docket-information-block .tab-block ul li a.active{border-bottom: none; background: #293665;}
.docket-information-block .tab-block ul li a i{display: none;}
.docket-information-right .upload-button{width: 100%; padding: 10px 0; display: table;}
.docket-information-block .tab-block .container {padding: 0;}
.mydashboard-block .action-btn-right button+button{display: none;}
.docket-info-right-block table td:nth-of-type(5):before{display: none;}
.docket-info-right-block table td:nth-of-type(6):before{display: none;}
.docket-info-right-block table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.docket-info-right-block table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.docket-info-right-block table tr td.download a i{display: none;}
.docket-info-right-block table tr td.view a i{display: none;}
.docket-info-right-block table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.download span{display: block;}
.docket-info-right-block table tr td.view span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 0;}
.pending-or-reject-document-block .title{padding: 15px; margin: 0; font-size: 18px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{margin: 0; padding: 0 15px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{margin: 0; table-layout: fixed;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tbody, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead{position: absolute; top: -9999px; left: -9999px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(1):before { content: "Document Type"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(2):before { content: "Document Name"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(3):before { content: "Date Submitted"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(4):before { content: "Status"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(5):before { content: "Description"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before { content: "Reason for Rejection"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.view-btn button{margin: 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data:before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:last-child {border: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7){border-bottom: none;}
.pending-or-reject-document-table .pagination{margin: 5px 0 20px 0;}
/*.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before{display: none;}*/
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7):before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view span{display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead td{padding: 0 5px 10px !important;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {display: block;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead{position: absolute; top: -9999px; left: -9999px;} */
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {margin: 0 0 10px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(1):before { content: "Activity"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(2):before { content: "Date"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(3):before { content: "Time"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(4) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(5) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{margin: 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{margin: 0 0 10px 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{margin: 0;}
#doc-review {padding: 0 !important;}
#doc-review .modal-dialog{width: auto;}
#doc-review .row{margin-bottom: 0;}
#doc-review .modal-body .doc-detail{padding: 20px 10px;}
#doc-review .modal-body .col-xs-3{padding: 0 10px 10px 10px; width: 100%;}
#doc-review .pdf-block{padding: 20px 0;}
.navlogoutwrapper {max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; float: left;width: 100%;}
.navlogoutwrapper.active {max-height: 500px; transition: max-height 0.5s ease-in;}
}
@media screen and (min-width: 376px) and (max-width: 414px) {
#root, .display-unset, #wrap > div, #wrap > div > div {height: 100% !important;}
#wrap .login-block, #wrap .login-inner-wrapper {height: auto !important;}
.container{width: auto;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto;}
.create-account-wrapper .create-account-btn button{width: 170px;}
#footer .col-xs-6{width: 100%; text-align: center;}
#footer p.footer-right {float: none; padding: 0;}
#wrap{margin: 0 auto -64px; padding: 0 0 64px;}
.login-inner-wrapper{min-height: auto !important; padding: 35px 0; background-position: 0 0;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 0 30px 30px; display: table;}
.login-section{width: 90%; height: auto; padding: 20px; position: relative;}
.reset-your-osah-password-section{width: 90%; height: 410px; padding: 20px; position: relative;}
.reset-your-password-section{width: 90%; height: 410px; padding: 20px; position: relative;}
.email-sent-section{width: 90%; height: 410px; padding: 20px; position: relative;}
.header{position: relative; padding: 0 0;}
.header .col-xs-3{width: 85%;}
.header .col-xs-7{width: 100%;}
.header .col-xs-2{width: 100%;}
.logout{padding: 10px 15px; width: 100%;}
.mob-nav{font-size: 36px; top: 10px; right: 20px; position: absolute; color: #293665;}
.mob-nav:focus, .mob-nav:hover{color: #293665;}
.navigation ul li{width: 100%;}
.navigation ul li a{padding: 10px; margin: 0; width: 100%; border: none;}
.navigation ul li a.active{border: none; background: #293665; color: #fff;}
.navigation ul li a:hover{border: none; background: #293665; color: #fff;}
.mydashboard-block{margin: 0;}
.tab-block{padding: 0 15px;}
.tab-block ul li{margin: 0; width: 50%; text-align: center;}
.tab-block ul li a{width: 100%; border: 1px solid #424751; padding: 10px 0;}
.tab-block ul li a.active{border: 1px solid #293665; color: #fff; background: #293665;}
.mydashboard-block .enter-docket-number-block input{width: 100%;}
.mydashboard-block .enter-docket-number-block{margin: 20px 0;}
.mydashboard-block .enter-docket-number-block p br{display: none;}
.mob-nav{display: block;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
.mydashboard-block .mydocket-search-block input{width: 100%;}
.mydashboard-block .mydocket-block{padding: 20px 0; display: block; width: 400px; margin: 0 auto;}
/* .mydashboard-block .mydocket-block .mydocket-table{overflow: scroll; display: block; width: 100%;} */
.mydashboard-block .tab-block ul{width: 100%; margin: 15px 0 0 0;}
.mydashboard-block .action-btn-right{width: 100%; display: table; margin: 20px 0 0 0;}
.mydashboard-block .action-btn-right button{margin: 0 0 15px 0; width: 100%;}
.mydashboard-block .action-btn-right a.find-case-btn{margin: 15px auto; display: block;}
.mydashboard-block .action-btn-right a{margin: 15px auto; display: block;}
.mydashboard-block .tab-block{padding: 0 5px;}
.mydashboard-block .mydocket-search-block{padding: 0 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination li:first-child a{margin: 0;}
.mydashboard-block .mydocket-block .table-pagination{display: table; width: 100%;}
.mydashboard-block .mydocket-block .table-pagination nav{float: none;}
.mydashboard-block .mydocket-block .table-pagination nav ul li a{padding: 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
#find-case .modal-dialog{width: auto;}
#find-case .modal-body input{width: 100%;}
#find-case .modal-body .note{font-size: 16px;}
#find-case .modal-body .note br{display: none;}
#find-case .modal-body{padding: 15px;}
#find-case .modal-body .col-xs-12{padding: 0;}
#find-case .btn-block {width: 100%; display: block;}
#find-case .btn-block button{margin: 5px 0 !important; width: 100%;}
#upload-files .modal-dialog{width: auto;}
#upload-files .modal-body {padding: 20px 10px;}
#upload-files .modal-body .col-xs-4 {padding: 0 10px 20px; width: 100%;}
#upload-files .btn-block button{width: 140px;}
.overview-wrapper > div{width: 100%;}
.docket-information-left{display: inline-block; width: 100%; padding: 15px;}
.docket-information-right{display: inline-block; width: 100%; padding: 15px;}
.party-info-block .col-xs-6{width: 100%;}
.overview-block{padding: 0;}
.overview-block span{margin: 15px 0 8px 0;}
.overview-block span+span{margin: 0;}
.overview-block .createdby-label{margin: 15px 0;}
.docket-information-tab-block{padding: 0;}
.docket-information-left .docket-info-block{margin: 0;}
.docket-information-left .docket-info-block h1 {margin: 0 0 15px 0;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-information-left .hearing-info-block{margin: 15px 0 0 0;}
.docket-information-left .hearing-info-block h2 {margin: 0 0 15px 0;}
.docket-information-left span{margin: 0 0 15px 0;}
.docket-information-left .additional-info-block {margin: 15px 0 0 0;}
.docket-information-left .additional-info-block h2{margin: 0 0 15px 0;}
.docket-info-right-block{margin: 0;}
.docket-info-top{padding: 15px; margin: 0 0 15px 0;}
.docket-info-top > div{width: 50%; margin: 0 0 15px 0;}
.docket-info-top > div:last-child{margin: 0;}
.docket-info-right-block h2 {margin: 0 0 15px 0;}
.docket-information-right .upload-button{margin: 0;}
.party-info-block{margin: 15px 0 0 0;}
.party-info-block h2 {margin: 0 0 15px 0;}
.party-info-block .party-block{width: 100%; margin: 0 0 15px 0;}
.docket-info-right-block table {width: 100%; margin: 0 0 15px 0; display: block;}
.docket-info-right-block table tr.heading td{padding: 10px;}
.docket-info-right-block table tr.table-row td{padding: 10px;}
.account-wrapper{padding: 35px 0;}
.account-block .container{width: 100%;}
.account-block .header .logo{margin: 0 auto;}
.account-wrapper .col-xs-6{width: 100%;}
.account-wrapper .account-btn button{float: left; width: 43%;}
.account-wrapper .account-btn button.cancel-btn {float: right;}
.activity-dashboard-block{margin: 0;}
.activity-dashboard-block .title{margin: 0 0 20px 0;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.docket{width: 14%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td{padding: 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table .heading td{padding: 0 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block{padding: 30px 0; display: block; width: 390px; margin: 0 auto;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table{overflow: scroll; display: block; width: 100%;} */
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination li:first-child a{margin: 0;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination{display: table; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav{float: none;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav ul li a{padding: 4px; margin: 0 0 0 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{width: 100%; margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table table th i{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .respondent{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .status{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .view-btn{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table th, .mydashboard-block .mydocket-block .mydocket-table table td{width: 33.33% !important;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 3px;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 3px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{margin: 0 0 20px 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 20px 0 0 0;}
.docket-info-right-block table thead td{padding: 0 5px 10px !important;}
.docket-info-right-block table, .docket-info-right-block table thead, .docket-info-right-block table tbody, .docket-info-right-block table th, .docket-info-right-block table td, .docket-info-right-block table tr {display: block;}
.docket-info-right-block table thead{position: absolute; top: -9999px; left: -9999px;}
.docket-info-right-block table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.docket-info-right-block table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.docket-info-right-block table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.docket-info-right-block table td:nth-of-type(1):before { content: "Document"; }
.docket-info-right-block table td:nth-of-type(2):before { content: "Name"; }
.docket-info-right-block table td:nth-of-type(3):before { content: "Date Submitted"; }
.docket-info-right-block table td:nth-of-type(4):before { content: "Description"; }
.docket-info-right-block table td:nth-of-type(5):before { content: "Download"; }
.docket-info-right-block table td:nth-of-type(6):before { content: "View"; }
.docket-info-right-block table td.view-btn button{margin: 0;}
.docket-info-right-block table td.react-bs-table-no-data:before{display: none;}
.docket-info-right-block table td.react-bs-table-no-data{padding: 5px;}
.docket-info-right-block table tr td:last-child {border: none;}
.docket-information-block .tab-block{padding: 0; background: none;}
#view-more .modal-dialog{width: auto;}
#view-more .modal-body {padding: 15px 5px;}
#view-more .modal-body .col-xs-4{width: 50%; margin: 0 0 15px 0;}
#view-more .modal-body .col-xs-12{margin: 0 0 15px 0;}
#view-more .row{margin-bottom: 0;}
.account-wrapper {padding: 20px 0;}
.account-wrapper .container{width: 100%; padding: 0 5px;}
.account-wrapper h2{margin: 0 0 20px 0;}
.account-wrapper .col-xs-6{margin-bottom: 20px;}
#menu-toggle{display: block;}
.create-account-wrapper{padding: 25px 0;}
.create-account-wrapper h1{margin: 0 0 25px 0;}
.create-account-wrapper input{margin: 0;}
.create-account-wrapper .col-xs-6{margin-bottom: 15px;}
.radio-block > span{margin: 0 15px 0 0;}
.create-account-wrapper .create-account-btn{display: table; margin: 0;}
.docket-information-block .tab-block ul{display: table; float: none; width: 100%; padding: 0 15px; margin: 0 0 15px 0;}
.docket-information-block .tab-block ul li{display: table; margin: 0; width: 50%; float: left;}
.docket-information-block .tab-block ul li a{padding: 0 5px; width: 100%; display: table-cell; border: 1px solid #d5d7db; text-align: center; color: #424751; height: 46px; vertical-align: middle; line-height: 18px; font-size: 14px;}
.docket-information-block .tab-block ul li a.active{border-bottom: none; background: #293665;}
.docket-information-block .tab-block ul li a i{display: none;}
.docket-information-right .upload-button{width: 100%; padding: 10px 0; display: table;}
.docket-information-block .tab-block .container {padding: 0;}
.mydashboard-block .action-btn-right button+button{display: none;}
.docket-info-right-block table td:nth-of-type(5):before{display: none;}
.docket-info-right-block table td:nth-of-type(6):before{display: none;}
.docket-info-right-block table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.docket-info-right-block table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.docket-info-right-block table tr td.download a i{display: none;}
.docket-info-right-block table tr td.view a i{display: none;}
.docket-info-right-block table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.download span{display: block;}
.docket-info-right-block table tr td.view span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 0;}
.pending-or-reject-document-block .title{padding: 15px; margin: 0; font-size: 18px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{margin: 0; padding: 0 15px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{margin: 0; table-layout: fixed;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tbody, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead{position: absolute; top: -9999px; left: -9999px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(1):before { content: "Document Type"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(2):before { content: "Document Name"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(3):before { content: "Date Submitted"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(4):before { content: "Status"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(5):before { content: "Description"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before { content: "Reason for Rejection"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.view-btn button{margin: 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data:before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:last-child {border: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7){border-bottom: none;}
.pending-or-reject-document-table .pagination{margin: 5px 0 20px 0;}
/*.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before{display: none;}*/
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7):before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view span{display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead td{padding: 0 5px 10px !important;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {display: block;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead{position: absolute; top: -9999px; left: -9999px;} */
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {margin: 0 0 10px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(1):before { content: "Activity"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(2):before { content: "Date"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(3):before { content: "Time"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(4) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(5) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{margin: 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{margin: 0 0 10px 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{margin: 0;}
#doc-review {padding: 0 !important;}
#doc-review .modal-dialog{width: auto;}
#doc-review .row{margin-bottom: 0;}
#doc-review .modal-body .doc-detail{padding: 20px 10px;}
#doc-review .modal-body .col-xs-3{padding: 0 10px 10px 10px; width: 100%;}
#doc-review .pdf-block{padding: 20px 0;}
.navlogoutwrapper {max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; float: left;width: 100%;}
.navlogoutwrapper.active {max-height: 500px; transition: max-height 0.5s ease-in;}
}
@media screen and (min-width:321px) and (max-width:375px){
#root, .display-unset, #wrap > div, #wrap > div > div {height: 100% !important;}
#wrap .login-block, #wrap .login-inner-wrapper {height: 100% !important;}
.container{width: auto;}
.create-account-wrapper{padding: 35px 0;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto;}
.create-account-wrapper .col-xs-6{width: 100%;}
.create-account-wrapper .create-account-btn button{float: left; width: 43%;}
.create-account-wrapper .create-account-btn button.cancel-btn {float: right;}
#footer .col-xs-6{width: 100%; text-align: center;}
#footer p.footer-right {float: none; padding: 0;}
#wrap{margin: 0 auto -64px; padding: 0 0 64px;}
.login-section{width: 90%; height: auto; padding: 20px; position: relative;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 50px;}
.login-inner-wrapper{padding: 35px 0; background-position: 0 0;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 0 30px 30px; display: table;}
.reset-your-osah-password-section{position: relative; width: 90%; height: 410px; padding: 20px; }
.reset-your-password-section{position: relative; width: 90%; height: 410px; padding: 20px; }
.email-sent-section{position: relative; width: 90%; height: 410px; padding: 20px; }
.header{position: relative; padding: 0 0;}
.header .col-xs-3{width: 85%;}
.header .col-xs-7{width: 100%;}
.header .col-xs-2{width: 100%;}
.logout{padding: 10px 15px; width: 100%;}
.mob-nav{font-size: 36px; top: 10px; right: 20px; position: absolute; color: #293665;}
.mob-nav:focus, .mob-nav:hover{color: #293665;}
.navigation ul li{width: 100%;}
.navigation ul li a{padding: 10px; margin: 0; width: 100%; border: none;}
.navigation ul li a.active{border: none; background: #293665; color: #fff;}
.navigation ul li a:hover{border: none; background: #293665; color: #fff;}
.mydashboard-block{margin: 0;}
.tab-block{padding: 0 15px;}
.tab-block ul li{margin: 0; width: 50%; text-align: center;}
.tab-block ul li a{width: 100%; border: 1px solid #424751; padding: 10px 0;}
.tab-block ul li a.active{border: 1px solid #293665; color: #fff; background: #293665;}
.mydashboard-block .enter-docket-number-block input{width: 100%;}
.mydashboard-block .enter-docket-number-block{margin: 20px 0;}
.mydashboard-block .enter-docket-number-block p br{display: none;}
.mob-nav{display: block;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
.mydashboard-block .mydocket-search-block input{width: 100%;}
.mydashboard-block .mydocket-block{padding: 20px 5px; display: block; width: auto; margin: 0 auto;}
/* .mydashboard-block .mydocket-block .mydocket-table{overflow: scroll; display: block; width: 100%;} */
.mydashboard-block .tab-block ul{width: 100%; margin: 15px 0 0 0;}
.mydashboard-block .action-btn-right{width: 100%; display: table; margin: 20px 0 0 0;}
.mydashboard-block .action-btn-right button{margin: 0 0 15px 0; width: 100%;}
.mydashboard-block .action-btn-right a.find-case-btn{margin: 15px auto; display: block;}
.mydashboard-block .action-btn-right a{margin: 15px auto; display: block;}
.mydashboard-block .tab-block{padding: 0 5px;}
.mydashboard-block .mydocket-search-block{padding: 0;}
.mydashboard-block .mydocket-block .table-pagination .pagination li:first-child a{margin: 0;}
.mydashboard-block .mydocket-block .table-pagination{display: table; width: 100%;}
.mydashboard-block .mydocket-block .table-pagination nav{float: none;}
.mydashboard-block .mydocket-block .table-pagination nav ul li a{padding: 4px;}
.mydashboard-block .mydocket-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
#find-case .modal-dialog{width: auto;}
#find-case .modal-body input{width: 100%;}
#find-case .modal-body .note{font-size: 16px;}
#find-case .modal-body .note br{display: none;}
#find-case .modal-body{padding: 15px;}
#find-case .modal-body .col-xs-12{padding: 0;}
#find-case .btn-block {width: 100%; display: block;}
#find-case .btn-block button{margin: 5px 0 !important; width: 100%;}
#upload-files .modal-dialog{width: auto;}
#upload-files .modal-body {padding: 20px 10px;}
#upload-files .modal-body .col-xs-4 {padding: 0 10px 20px; width: 100%;}
#upload-files .btn-block button{width: 120px;}
.overview-wrapper > div{width: 100%;}
.docket-information-left{display: inline-block; width: 100%; padding: 15px;}
.docket-information-right{display: inline-block; width: 100%; padding: 15px;}
.party-info-block .col-xs-6{width: 100%;}
.overview-block{padding: 0;}
.overview-block span{margin: 15px 0 8px 0;}
.overview-block span+span{margin: 0;}
.overview-block .createdby-label{margin: 15px 0;}
.docket-information-tab-block{padding: 0;}
.docket-information-left .docket-info-block{margin: 0;}
.docket-information-left .docket-info-block h1 {margin: 0 0 15px 0;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-information-left .hearing-info-block{margin: 15px 0 0 0;}
.docket-information-left .hearing-info-block h2 {margin: 0 0 15px 0;}
.docket-information-left span{margin: 0 0 15px 0;}
.docket-information-left .additional-info-block {margin: 15px 0 0 0;}
.docket-information-left .additional-info-block h2{margin: 0 0 15px 0;}
.docket-info-right-block{margin: 0;}
.docket-info-top{padding: 15px; margin: 0 0 15px 0;}
.docket-info-top > div{width: 50%; margin: 0 0 15px 0;}
.docket-info-top > div:last-child {margin: 0;}
.docket-info-right-block h2 {margin: 0 0 15px 0;}
.docket-information-right .upload-button{margin: 0;}
.party-info-block{margin: 15px 0 0 0;}
.party-info-block h2 {margin: 0 0 15px 0;}
.party-info-block .party-block{width: 100%; margin: 0 0 15px 0;}
.docket-info-right-block table {width: 100%; margin: 0 0 15px 0; display: block;}
.docket-info-right-block table tr.heading td{padding: 10px;}
.docket-info-right-block table tr.table-row td{padding: 10px;}
.account-wrapper{padding: 35px 0;}
.account-block .container{width: 100%;}
.account-block .header .logo{margin: 0 auto;}
.account-wrapper .col-xs-6{width: 100%;}
.account-wrapper .account-btn button{float: left; width: 43%;}
.account-wrapper .account-btn button.cancel-btn {float: right;}
.activity-dashboard-block{margin: 0;}
.activity-dashboard-block .title{margin: 0 0 20px 0;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.docket{width: 14%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td{padding: 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table .heading td{padding: 0 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block{padding: 30px 0; display: block; width: 360px; margin: 0 auto;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table{overflow: scroll; display: block; width: 100%;} */
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination li:first-child a{margin: 0;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination{display: table; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav{float: none;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav ul li a{padding: 4px; margin: 0 0 0 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{width: 100%; margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table table th i{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .respondent{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .status{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .view-btn{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table th, .mydashboard-block .mydocket-block .mydocket-table table td{width: 33.33% !important;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 3px;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 3px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{margin: 0 0 20px 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 20px 0 0 0;}
.docket-info-right-block table thead td{padding: 0 5px 10px !important;}
.docket-info-right-block table, .docket-info-right-block table thead, .docket-info-right-block table tbody, .docket-info-right-block table th, .docket-info-right-block table td, .docket-info-right-block table tr {display: block;}
.docket-info-right-block table thead{position: absolute; top: -9999px; left: -9999px;}
.docket-info-right-block table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.docket-info-right-block table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.docket-info-right-block table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.docket-info-right-block table td:nth-of-type(1):before { content: "Document"; }
.docket-info-right-block table td:nth-of-type(2):before { content: "Name"; }
.docket-info-right-block table td:nth-of-type(3):before { content: "Date Submitted"; }
.docket-info-right-block table td:nth-of-type(4):before { content: "Description"; }
.docket-info-right-block table td:nth-of-type(5):before { content: "Download"; }
.docket-info-right-block table td:nth-of-type(6):before { content: "View"; }
.docket-info-right-block table td.view-btn button{margin: 0;}
.docket-info-right-block table td.react-bs-table-no-data:before{display: none;}
.docket-info-right-block table td.react-bs-table-no-data{padding: 5px;}
.docket-info-right-block table tr td:last-child {border: none;}
.docket-information-block .tab-block{padding: 0; background: none;}
#view-more .modal-dialog{width: auto;}
#view-more .modal-body {padding: 15px 5px;}
#view-more .modal-body .col-xs-4{width: 50%; margin: 0 0 15px 0;}
#view-more .modal-body .col-xs-12{margin: 0 0 15px 0;}
#view-more .row{margin-bottom: 0;}
.account-wrapper {padding: 20px 0;}
.account-wrapper .container{width: 100%; padding: 0 5px;}
.account-wrapper h2{margin: 0 0 20px 0;}
.account-wrapper .col-xs-6{margin-bottom: 20px;}
#menu-toggle{display: block;}
.create-account-wrapper{padding: 25px 0;}
.create-account-wrapper h1{margin: 0 0 25px 0;}
.create-account-wrapper input{margin: 0;}
.create-account-wrapper .col-xs-6{margin-bottom: 15px;}
.radio-block > span{margin: 0 15px 0 0;}
.create-account-wrapper .create-account-btn{display: table; margin: 0;}
.docket-information-block .tab-block ul{display: table; float: none; width: 100%; padding: 0 15px; margin: 0 0 15px 0;}
.docket-information-block .tab-block ul li{display: table; margin: 0; width: 50%; float: left;}
.docket-information-block .tab-block ul li a{padding: 0 5px; width: 100%; display: table-cell; border: 1px solid #d5d7db; text-align: center; color: #424751; height: 46px; vertical-align: middle; line-height: 18px; font-size: 14px;}
.docket-information-block .tab-block ul li a.active{border-bottom: none; background: #293665;}
.docket-information-block .tab-block ul li a i{display: none;}
.docket-information-right .upload-button{width: 100%; padding: 10px 0; display: table;}
.docket-information-block .tab-block .container {padding: 0;}
.mydashboard-block .action-btn-right button+button{display: none;}
.docket-info-right-block table td:nth-of-type(5):before{display: none;}
.docket-info-right-block table td:nth-of-type(6):before{display: none;}
.docket-info-right-block table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.docket-info-right-block table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.docket-info-right-block table tr td.download a i{display: none;}
.docket-info-right-block table tr td.view a i{display: none;}
.docket-info-right-block table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.download span{display: block;}
.docket-info-right-block table tr td.view span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tbody, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead{position: absolute; top: -9999px; left: -9999px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 0;}
.pending-or-reject-document-block .title{padding: 15px; margin: 0; font-size: 18px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{margin: 0; padding: 0 15px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{margin: 0; table-layout: fixed;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(1):before { content: "Document Type"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(2):before { content: "Document Name"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(3):before { content: "Date Submitted"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(4):before { content: "Status"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(5):before { content: "Description"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before { content: "Reason for Rejection"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.view-btn button{margin: 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data:before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:last-child {border: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7){border-bottom: none;}
.pending-or-reject-document-table .pagination{margin: 5px 0 20px 0;}
/*.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before{display: none;}*/
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7):before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view span{display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead td{padding: 0 5px 10px !important;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {display: block;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead{position: absolute; top: -9999px; left: -9999px;} */
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {margin: 0 0 10px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(1):before { content: "Activity"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(2):before { content: "Date"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(3):before { content: "Time"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(4) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(5) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{margin: 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{margin: 0 0 10px 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{margin: 0;}
#doc-review {padding: 0 !important;}
#doc-review .modal-dialog{width: auto;}
#doc-review .row{margin-bottom: 0;}
#doc-review .modal-body .doc-detail{padding: 20px 10px;}
#doc-review .modal-body .col-xs-3{padding: 0 10px 10px 10px; width: 100%;}
#doc-review .pdf-block{padding: 20px 0;}
.navlogoutwrapper {max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; float: left;width: 100%;}
.navlogoutwrapper.active {max-height: 500px; transition: max-height 0.5s ease-in;}
}
@media screen and (min-width:220px) and (max-width:320px){
#root, .display-unset, #wrap > div, #wrap > div > div {height: auto !important;}
#wrap .login-block, #wrap .login-inner-wrapper {height: auto !important;}
.container{width: auto; padding: 0;}
.create-account-wrapper{padding: 35px 0;}
.create-account-block .container{width: 100%;}
.create-account-block .header .logo{margin: 0 auto;}
.create-account-wrapper .col-xs-6{width: 100%;}
.create-account-wrapper .create-account-btn button{float: left; width: 43%;}
.create-account-wrapper .create-account-btn button.cancel-btn {float: right;}
#footer .col-xs-6{width: 100%; text-align: center;}
#footer p.footer-right {float: none; padding: 0;}
#wrap{margin: 0 auto -64px; padding: 0 0 64px;}
.login-inner-wrapper{padding: 35px 0; background-position: 0 0;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 0 30px 30px; display: table;}
.login-section{width: 90%; height: auto; padding: 20px; position: relative;}
.login-inner-wrapper .logo{position: relative; left: inherit; top: inherit; margin: 0 auto 20px;}
.reset-your-osah-password-section{position: relative;}
.login-section .btn-block{display: block;}
.login-section .btn-block .login-btn{width: 100%;}
.reset-your-osah-password-section{width: 90%; height: 410px; padding: 20px; position: relative;}
.reset-your-osah-password-section .btn-block{display: block;}
.reset-your-osah-password-section .btn-block .submit-btn{width: 100%;}
.reset-your-password-section{width: 90%; height: 410px; padding: 20px; position: relative;}
.reset-your-password-section .btn-block{display: block;}
.reset-your-password-section .btn-block .reset-btn{width: 100%;}
.email-sent-section{width: 90%; height: 410px; padding: 20px; position: relative;}
.header{position: relative; padding: 0 0;}
.header .col-xs-3{width: 75%;}
.header .col-xs-3 a img{width: 80%;}
.header .col-xs-7{width: 100%;}
.header .col-xs-2{width: 100%;}
.logout{padding: 10px 15px; width: 100%;}
.mob-nav{font-size: 36px; top: 5px; right: 15px; position: absolute; color: #293665;}
.mob-nav:focus, .mob-nav:hover{color: #293665;}
.navigation ul li{width: 100%;}
.navigation ul li a{padding: 10px 15px; margin: 0; width: 100%; border: none;}
.navigation ul li a.active{border: none; background: #293665; color: #fff;}
.navigation ul li a:hover{border: none; background: #293665; color: #fff;}
.mydashboard-block{margin: 0;}
.tab-block{padding: 0 15px;}
.tab-block ul li{margin: 0; width: 50%; text-align: center;}
.tab-block ul li a{width: 100%; border: 1px solid #424751; padding: 10px 0;}
.tab-block ul li a.active{border: 1px solid #293665; color: #fff; background: #293665;}
.mydashboard-block .enter-docket-number-block input{width: 100%;}
.mydashboard-block .enter-docket-number-block{margin: 20px 0;}
.mydashboard-block .enter-docket-number-block p br{display: none;}
.mob-nav{display: block;}
.mydashboard-block .mydocket-block .mydocket-table table td.docket{width: 14%;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 5px 5px;}
.mydashboard-block .mydocket-block .mydocket-table table .heading td{padding: 0 5px 5px;}
.mydashboard-block .mydocket-search-block input{width: 100%;}
.mydashboard-block .mydocket-block{padding: 20px 0; display: block; width: 290px; margin: 0 auto;}
/* .mydashboard-block .mydocket-block .mydocket-table{overflow: scroll; display: block; width: 100%;} */
.mydashboard-block .tab-block ul{width: 100%; margin: 15px 0 0 0;}
.mydashboard-block .action-btn-right{width: 100%; display: table; margin: 20px 0 0 0;}
.mydashboard-block .action-btn-right button{margin: 0 0 15px 0; width: 100%;}
.mydashboard-block .action-btn-right a.find-case-btn{margin: 15px auto; display: block;}
.mydashboard-block .action-btn-right a{margin: 15px auto; display: block;}
.mydashboard-block .tab-block{padding: 0 15px;}
.tab-block ul li a{padding: 10px 0; width: 100%; border: 1px solid #424751;}
.mydashboard-block .mydocket-search-block{padding: 0 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination li:first-child a{margin: 0;}
.mydashboard-block .mydocket-block .table-pagination{display: table; width: 100%;}
.mydashboard-block .mydocket-block .table-pagination nav{float: none;}
.mydashboard-block .mydocket-block .table-pagination nav ul li a{padding: 4px; margin: 0 0 0 5px;}
.mydashboard-block .mydocket-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
#find-case .modal-dialog{width: auto;}
#find-case .modal-body input{width: 100%;}
#find-case .modal-body .note{font-size: 16px;}
#find-case .modal-body .note br{display: none;}
#find-case .modal-body{padding: 15px;}
#find-case .modal-body .col-xs-12{padding: 0;}
#find-case .btn-block {width: 100%; display: block;}
#find-case .btn-block button{margin: 5px 0 !important; width: 100%;}
#upload-files .modal-dialog{width: auto;}
#upload-files .modal-body {padding: 20px 10px;}
#upload-files .modal-body .col-xs-4 {padding: 0 10px 20px; width: 100%;}
#upload-files .btn-block {width: 100%; display: block;}
#upload-files .btn-block button{margin: 5px 0 !important; width: 100%;}
.overview-wrapper > div{width: 100%;}
.docket-information-left{display: inline-block; width: 100%; padding: 15px;}
.docket-information-right{display: inline-block; width: 100%; padding: 15px;}
.party-info-block .col-xs-6{width: 100%;}
.overview-block{padding: 0 15px;}
.overview-block span{margin: 15px 0 8px 0;}
.overview-block span+span{margin: 0;}
.overview-block .createdby-label{margin: 15px 0;}
.docket-information-tab-block{padding: 0 15px;}
.docket-information-left .docket-info-block{margin: 0;}
.docket-information-left .docket-info-block h1 {margin: 0 0 15px 0;}
.docket-information-left .docket-info-block .col-xs-3{width: 50%;}
.docket-information-left .hearing-info-block{margin: 15px 0 0 0;}
.docket-information-left .hearing-info-block h2 {margin: 0 0 15px 0;}
.docket-information-left span{margin: 0 0 15px 0;}
.docket-information-left .additional-info-block {margin: 15px 0 0 0;}
.docket-information-left .additional-info-block h2{margin: 0 0 15px 0;}
.docket-info-right-block{margin: 0;}
.docket-info-top{padding: 15px; margin: 0 0 15px 0;}
.docket-info-top > div{width: 50%; margin: 0 0 15px 0;}
.docket-info-top > div:last-child {margin: 0;}
.docket-info-right-block h2 {margin: 0 0 15px 0;}
.docket-information-right .upload-button{margin: 0;}
.party-info-block{margin: 15px 0 0 0;}
.party-info-block h2 {margin: 0 0 15px 0;}
.party-info-block .party-block{width: 100%; margin: 0 0 15px 0;}
.docket-info-right-block table {width: 100%; margin: 0 0 15px 0; display: block;}
.docket-info-right-block table tr.heading td{padding: 10px;}
.docket-info-right-block table tr.table-row td{padding: 10px;}
.header .logo{padding: 10px 0 10px 15px;}
.account-wrapper{padding: 35px 0;}
.account-block .container{width: 100%;}
.account-block .header .logo{margin: 0 auto;}
.account-wrapper .col-xs-6{width: 100%;}
.account-wrapper .account-btn button{float: left; width: 43%;}
.account-wrapper .account-btn button.cancel-btn {float: right;}
.activity-dashboard-block{margin: 0;}
.activity-dashboard-block .title{margin: 0 0 20px 0;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.docket{width: 14%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td{padding: 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table .heading td{padding: 0 5px 5px;}
.activity-dashboard-block .activity-dashboard-inner-block{padding: 20px 0; display: block; width: 300px; margin: 0 auto;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table{overflow: scroll; display: block; width: 100%;} */
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination li:first-child a{margin: 0;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination{display: table; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav{float: none;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination nav ul li a{padding: 4px; margin: 0 0 0 5px;}
.activity-dashboard-block .activity-dashboard-inner-block .table-pagination .pagination {margin: 30px auto 0; display: table;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch input{width: 100%; margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table table th i{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .respondent{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .status{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table .view-btn{display: none;}
.mydashboard-block .mydocket-block .mydocket-table table th, .mydashboard-block .mydocket-block .mydocket-table table td{width: 33.33% !important;}
.mydashboard-block .mydocket-block .mydocket-table table th{padding: 3px;}
.mydashboard-block .mydocket-block .mydocket-table table td{padding: 3px; vertical-align: top;}
.mydashboard-block .mydocket-block .mydocket-table table{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch{margin: 0;}
.mydashboard-block .mydocket-block .mydocket-table .tablerightsearch label{margin: 0 0 20px 0;}
.mydashboard-block .mydocket-block .mydocket-table .pagination{margin: 20px 0 0 0;}
.docket-info-right-block table thead td{padding: 0 5px 10px !important;}
.docket-info-right-block table, .docket-info-right-block table thead, .docket-info-right-block table tbody, .docket-info-right-block table th, .docket-info-right-block table td, .docket-info-right-block table tr {display: block;}
.docket-info-right-block table thead{position: absolute; top: -9999px; left: -9999px;}
.docket-info-right-block table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.docket-info-right-block table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.docket-info-right-block table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.docket-info-right-block table td:nth-of-type(1):before { content: "Document"; }
.docket-info-right-block table td:nth-of-type(2):before { content: "Name"; }
.docket-info-right-block table td:nth-of-type(3):before { content: "Date Submitted"; }
.docket-info-right-block table td:nth-of-type(4):before { content: "Description"; }
.docket-info-right-block table td:nth-of-type(5):before { content: "Download"; }
.docket-info-right-block table td:nth-of-type(6):before { content: "View"; }
.docket-info-right-block table td.view-btn button{margin: 0;}
.docket-info-right-block table td.react-bs-table-no-data:before{display: none;}
.docket-info-right-block table td.react-bs-table-no-data{padding: 5px;}
.docket-info-right-block table tr td:last-child {border: none;}
.docket-information-block .tab-block{padding: 0; background: none;}
#view-more .modal-dialog{width: auto;}
#view-more .modal-body {padding: 15px 5px;}
#view-more .modal-body .col-xs-4{width: 50%; margin: 0 0 15px 0;}
#view-more .modal-body .col-xs-12{margin: 0 0 15px 0;}
#view-more .row{margin-bottom: 0;}
.account-wrapper {padding: 20px 0;}
.account-wrapper .container{width: 100%; padding: 0 5px;}
.account-wrapper h2{margin: 0 0 20px 0;}
.account-wrapper .col-xs-6{margin-bottom: 20px;}
#menu-toggle{display: block; margin-right: 15px;}
.create-account-wrapper{padding: 25px 0;}
.create-account-wrapper h1{margin: 0 0 25px 0;}
.create-account-wrapper input{margin: 0;}
.create-account-wrapper .col-xs-6{margin-bottom: 15px;}
.radio-block > span{margin: 0 15px 0 0;}
.create-account-wrapper .create-account-btn{display: table; margin: 0;}
.docket-information-block .tab-block ul{display: table; float: none; width: 100%; padding: 0 15px; margin: 0 0 15px 0;}
.docket-information-block .tab-block ul li{display: table; margin: 0; width: 50%; float: left;}
.docket-information-block .tab-block ul li a{padding: 0 5px; width: 100%; display: table-cell; border: 1px solid #d5d7db; text-align: center; color: #424751; height: 46px; vertical-align: middle; line-height: 18px; font-size: 14px;}
.docket-information-block .tab-block ul li a.active{border-bottom: none; background: #293665;}
.docket-information-block .tab-block ul li a i{display: none;}
.docket-information-right .upload-button{width: 100%; padding: 10px 0; display: table;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block{padding: 0;}
.pending-or-reject-document-block .title{padding: 15px; margin: 0; font-size: 18px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table{margin: 0; padding: 0 15px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table{margin: 0; table-layout: fixed;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tbody, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td, .pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table thead{position: absolute; top: -9999px; left: -9999px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr {margin: 0 0 15px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(1):before { content: "Document Type"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(2):before { content: "Document Name"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(3):before { content: "Date Submitted"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(4):before { content: "Status"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(5):before { content: "Description"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before { content: "Reason for Rejection"; }
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.view-btn button{margin: 0;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data:before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td.react-bs-table-no-data{padding: 5px;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td:last-child {border: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table th:last-child{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7){border-bottom: none;}
.pending-or-reject-document-table .pagination{margin: 5px 0 20px 0;}
.mydashboard-block .action-btn-right button+button{display: none;}
.docket-info-right-block table td:nth-of-type(5):before{display: none;}
.docket-info-right-block table td:nth-of-type(6):before{display: none;}
.docket-info-right-block table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.docket-info-right-block table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.docket-info-right-block table tr td.download a i{display: none;}
.docket-info-right-block table tr td.view a i{display: none;}
.docket-info-right-block table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.docket-info-right-block table tr td.download span{display: block;}
.docket-info-right-block table tr td.view span{display: block;}
/*.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(6):before{display: none;}*/
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table td:nth-of-type(7):before{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download{padding: 0 5px; width: 50% !important; display: inline-block; float: right;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view{padding: 0 5px; width: 50% !important; display: inline-block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a i{display: none;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view a{background: #293665; width: 100%; display: block; padding: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 5px 0 15px 0; font-weight: 400;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.download span{display: block;}
.pending-or-reject-document-block .pending-or-reject-document-inner-block .pending-or-reject-document-table table tr td.view span{display: block;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead td{padding: 0 5px 10px !important;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table th, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td, .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {display: block;}
/* .activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead{position: absolute; top: -9999px; left: -9999px;} */
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {margin: 0 0 10px 0; border: none; display: inherit; border-bottom: 1px solid #d5d7db;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {border: none; position: relative; width: auto !important; padding: 5px 5px 5px 50%; flex: inherit; font-weight: 300; text-align: left; word-break: break-word;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {position: absolute; top: 0; left: 6px; width: 45%; padding: 5px 5px 5px 0; white-space: nowrap; font-weight: 500;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(1):before { content: "Activity"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(2):before { content: "Date"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(3):before { content: "Time"; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(4) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td:nth-of-type(5) { padding: 5px; }
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.preview-document-btn a{margin: 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a{margin: 0 0 10px 0; padding: 10px 20px; width: 100%;}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .pagination{margin: 0;}
#doc-review {padding: 0 !important;}
#doc-review .modal-dialog{width: auto;}
#doc-review .row{margin-bottom: 0;}
#doc-review .modal-body .doc-detail{padding: 20px 10px;}
#doc-review .modal-body .col-xs-3{padding: 0 10px 10px 10px; width: 100%;}
#doc-review .pdf-block{padding: 20px 0;}
.navlogoutwrapper {max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; float: left;width: 100%;}
.navlogoutwrapper.active {max-height: 500px; transition: max-height 0.5s ease-in;}
}
.sealDocument {
height: 20px;
width: 20px;
cursor: pointer;
}
@media screen and (max-width: 1024px) {
.Googletranslate {
display: none;
}
}
.maintenanceBanner {
background-color: #f5a623;
display: flex;
justify-content: center;
align-items: center;
color: #1a1a1a;
text-align: center;
padding: 12px 20px;
font-size: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
width: 100%;
box-sizing: border-box;
}
/*uncomment when you require the banner*/
/* .urgentBanner {
background-color: #861213;
display: flex;
justify-content: center;
color: white;
text-align: center;
padding: 20px 0px;
font-size: 16px;
font-weight: bold;
width: 100%;
} */
@media screen and (min-width:220px) and (max-width:980px){
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table {
width: 100%;
height: 400px;
}
.activity-dashboard-table .react-bootstrap-table-pagination {
margin-top: 20px 0 !important;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td:before {
display: none;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table thead {
display: table-header-group;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tbody {
display: table-row-group;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr {
display: table-row;
margin: 0;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr th,
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table tr td {
word-break: keep-all;
white-space: nowrap;
display: table-cell;
padding: 5px 10px !important;
vertical-align: middle;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.go-to-docket-btn a {
margin: 0;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table table td.activity {
white-space: break-spaces;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table {
display: block;
}
.activity-dashboard-block .activity-dashboard-inner-block .activity-dashboard-table .react-bootstrap-table {
display: block;
width: 100%;
overflow-x: scroll;
}
.react-bootstrap-table-pagination {
margin: 0 15px !important;
}
.docket-info-right-block table tr td:before {
display: none;
}
.docket-info-right-block table thead {
display: table-header-group;
position: initial;
}
.docket-info-right-block table tbody {
display: table-row-group;
}
.docket-info-right-block table thead tr {
display: table-row;
margin: 0;
}
.docket-info-right-block .react-bootstrap-table table tbody tr {
display: table-row;
margin: 0;
}
.docket-info-right-block table tr th,
.docket-info-right-block table tr td {
word-break: keep-all;
white-space: nowrap;
display: table-cell;
padding: 5px 10px !important;
vertical-align: middle;
}
.docket-info-right-block table {
display: block;
height: 250px;
}
.docket-info-right-block .react-bootstrap-table {
display: block;
width: 100%;
overflow-x: scroll;
}
.docket-info-right-block table tr td.download a {
margin: 0;
}
.docket-info-right-block table tr td.desc i {
width: 300px;
display: inline-block;
}
.docket-info-right-block table tr td.download {
width: auto !important;
}
.docket-info-right-block table tr th.document, .docket-info-right-block table tr td.document {
white-space: break-spaces;
}
}
@media screen and (min-width:220px) and (max-width:700px){
#root .display-unset {
display: block;
}
.mydashboard-block .mydocket-block {
width: 100%;
}
.tableTopSection {
flex-direction: column;
margin-bottom: 10px;
}
.tableTopSection .NoOfPages {
margin-top: 20px;
}
.tableTopSection .SearchBox {
margin-top: 20px;
}
.mydashboard-block .mydocket-block .mydocket-table .tablesection {
width: 100%;
overflow-x: scroll;
display: block;
}
.mydashboard-block .mydocket-block .mydocket-table .tablesection table {
width: 200%;
}
.tableTopSection .SearchBox input{
max-width: 100%;
min-width: 60%;
}
.mydashboard-block .mydocket-block .mydocket-table table th,
.mydashboard-block .mydocket-block .mydocket-table table td {
word-break: keep-all;
white-space: nowrap;
}
.mydashboard-block .mydocket-block .mydocket-table table thead th,
.mydashboard-block .mydocket-block .mydocket-table table tbody td {
padding: 5px 10px;
}
.tableBottomSection {
margin-top: 20px;
flex-direction: column;
align-items: flex-end;
}
.tableBottomSection .paginationSection {
margin-top: 20px;
}
.notice-box {
width: 100%;
}
.contact-section {
margin-top: 20px;
}
.contact-section p {
padding: 0 0 30px 0;
}
}
@media screen and (min-width:220px) and (max-width:560px){
#footer{
height: auto;
}
#footer .container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#footer p {
text-align: center;
}
#footer p.footer-right {
float: none;
}
}