html, body {height: 100%; width: 100%;}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto.woff') format('woff'), /* Modern Browsers */ 
    url('../fonts/roboto.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('../fonts/roboto.svg#svgFontName') format('svg'); /* Legacy iOS */}
body {
    font-family: -apple-system, BlinkMacSystemFont, Roboto,"Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f2f2f9 !important;
    color: #102c58;
}* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-webkit-input-placeholder { color: #c3c3c3; z-index: 999;}
::-webkit-scrollbar {width: .7em; z-index: 2;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
::-webkit-scrollbar-thumb {background-color: darkgrey; border-radius: 10px;}
.c-badge {font-size: 10px; font-weight: 700; min-width: 17px; padding: 5px 4px; border-radius: 100px; display: block; line-height: 0.7; color: #fff; text-align: center; white-space: nowrap; background-color: #f91605;}
.c-badge--header-icon {position: absolute; top: 8px; left: 38px;}
.tooltip {width: 120px;}#578ebe !important
.tooltip-inner {padding: 8px 10px; color: #fff; text-align: center; background-color: #051835; font-size: 12px; border-radius: 3px;}
.tooltip-arrow {border-right-color: #051835 !important;}
.logout {
    font-size: 18px;
    color: red;
}

main.l-main {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 55px 0 0 70px;
    background-color: #fff;
    -webkit-transition: padding 0.5s ease-in-out;
    -moz-transition: padding 0.5s ease-in-out;
    -ms-transition: padding 0.5s ease-in-out;
    -o-transition: padding 0.5s ease-in-out;
    transition: padding 0.5s ease-in-out;
}
main.l-main .content-wrapper {padding: 0px; float: left; width: 100%;}
.page-content {clear: both;}
main.l-main .content-wrapper .page-content {border-top: 1px solid #d0d0d0; padding-top: 25px;}
main.l-main .content-wrapper--with-bg .page-content {
    background: #f2f2f9; /* background: linear-gradient(#91d598, #7d8ec1, #c17f67);*/
    border-radius: 3px;
    padding: 10px 10px 0px;
    margin-bottom: 60px;
}
main.l-main .page-title {font-weight: 400; margin-top: 0; margin-bottom: 25px;}
.field-validation-error {color: red;}
.ag-serv-section {position: relative; border: 1px solid #eee; background: #fff; box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 16%); border-radius: 5px; overflow: hidden; padding: 10px;}

/*----------------loader-----------------*/
/* Absolute Center Spinner */
.loading {position: fixed; display: none; z-index: 3; height: 30px; width: 15em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0;}
.loading:before {content: ''; display: block; position: fixed; top: 0; left: 0;  width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.loadingbox {position: relative; text-align: center; background-color: #fff !important; z-index: 3; width: 100%; padding: 10px;}
.loadingbox span {font-size: 18px; vertical-align: top; padding-left: 10px; /* padding-top: 4px; */ margin-top: 6px; display: inline-block;}
.breadcrumb {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0rem 1rem 0 0; margin-bottom: 5px; list-style: none; background-color: transparent; border-radius: 0.25rem;}

/*-------------------------------*/
.partitioned-textbox {padding-left: 5px; font-size: 19px; letter-spacing: 32px; border: 0; background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 41px 2px; background-repeat: repeat-x; background-position-x: 29px; width: 235px;}
.chosen-results, .chosen-single {text-align: left !important;}
.chosen-container, .chosen-container-single {width: 100% !important;}
.card-shadow {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);}
.inmateHeader {background: #2871b0 !important; color: #fff; padding: 5px 0 5px 15px !important;}
.meeting li.item, .parole li.item {list-style: none; border: none; padding: 5px 0;}
table.inmateDetails {margin: 0 0px; width: calc(100% - 0px); float: left; box-sizing: border-box;}
table.inmateDetails thead tr th, table.inmateDetails tbody tr td {border: 1px solid #000;}
.inmatecount {margin: 5px 15px;     font-size:18px;}
#tblPrisonerList tr th{padding:0px 5px;}
/*timeline*/
.item {
    position: relative;
    margin: 0px;
    border-left: 3px dashed antiquewhite;
    padding: 0px 40px 10px 40px;
}
.min-heightauto {
    min-height: 335px;
    border-radius: 0 0 0 0;
}
.b-comp {
    border-left: 3px solid #13bb4e;
}
.bg-comp {background: #13bb4e !important;}
.item > span {position: absolute; width: 40px; height: 40px; font-size: 20px; text-align: center; line-height: 40px; border-radius: 100%; left: -20px; top: 0; background: antiquewhite;}
.item div {font-size: 18px; font-weight: bold;}
.item p {margin-top: 0px;}

/*css added by Rajesh content 26th october 2021*/

.main-content {clear: both}
header.header {float: left; width: 100%; border-bottom: 1px solid #ddd; padding: 5px 45px 5px 30px;}
#spanJID {border: 1px solid #4caf50; border-radius: 5px; padding: 2px 10px;}
.pnone {padding: 0px !important;}
#login #login-row #login-column #login-box { margin-top: 45px;  margin-bottom: 50px; width: 398px; background-color: #EAEAEA;}
#login .container #login-row #login-column #login-box #login-form {padding: 20px;}
#login .container #login-row #login-column #login-box #login-form #register-link {margin-top: -85px; }
#codeBox1, #codeBox2, #codeBox3, #codeBox4, #codeBox5, #codeBox6 {height: 36px; width: 36px; font-size: 20px; text-align: center; border: 1px solid #000000;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0;}
.bg-light-yellow {background-color: #ffeb3b8f;}
.loginInstruction {background-image: linear-gradient(to right, #3f51b5, #00bcd4); min-height: calc(100vh - 200px);}
.loginInstruction h2 {font-size: 30px; color: #fff; border-bottom: 2px dashed #fff;  padding: 15px; text-align: center;}
#login-row {background: #EAEAEA; width: 398px;}
#login-row h2 {font-size: 30px; font-weight: bold; border-bottom: 2px dashed; float: left; width: 100%; padding: 15px 0; margin-bottom: 32px;}
.courtDash button, .courtDash button:focus {outline: none; box-shadow: none;}
.courtDash button:hover {text-decoration: none; color: #176ecb;}
.courtDash h5 {font-size: 16px !important;}
.ico-img {height: 40px;}
.box-counter{font-size: 50px; line-height: 60px}
.modal-header .close {
    padding: 2px 7px;
    margin: 0;
    background-color: #2e7cbf;
    opacity: 1;
    border-radius: 50%;
    color: white;
}
.info-box-text {color: #fff;}
.info-box-content {color: #fff; text-align: center;}
.info-box-number {color: #fff;}
.inmateProfile {float: left; width: 100%; margin: 10px 0 60px;}
#accordionExample .card { margin-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,.125) !important;}
#accordionExample .card-header h2 a {color: #fff;}
#accordionExample .card-header h2 a i {margin-top: 3px;}
.closeIcon {position: relative;}
.closeIcon #close {position: absolute; top: 25px; right: 15px; font-size: 30px; z-index: 100; color: #fff;}
.closeIcon #close:hover, .closeIcon #close:focus {outline: none; border: 0px; text-decoration: none;}
.otpmessage .field-validation-error {float: left; width: 100%; margin: 15px 0 10px;}
#dvApplyParole table {width: 100% !important;}
.applyButtons .otpButton {margin-top: 0px !important;}
.accordion > .card > .card-header {background: #2e7cbf;}
.accordion > .card > .card-header {color: #fff;}

/*Timeline css*/
.ps-timeline-sec {position: relative; /*background: #fff;*/}
.ps-timeline-sec .container { position: relative;}
.ps-timeline-sec ol.ps-timeline { margin: 30px 0 180px; padding: 0; /*  border-top: 2px solid #348e80;*/ list-style: none;}
.ps-timeline-sec ol.ps-timeline li { padding-top: 30px; position: relative; /*border-top: 2px solid #348e80;*/}
.wait {float: left; width: 100%; text-align: center;}
.wait h3 {font-size: 36px; color: #5562ff;}
.ps-timeline-sec ol.ps-timeline li span {width: 50px; height: 50px; margin-left: -20px; background: #fff; border: 4px solid #13bb4e; border-radius: 50%; box-shadow: 0 0 0 0px #fff; text-align: center; line-height: 30px; color: #fff; font-size: 2em; font-style: normal; position: absolute; top: -26px; left: 50%; padding-top: 7px; background: #13bb4e;}
.ps-timeline-sec ol.ps-timeline li .ps-top {position: absolute; bottom: 10px; margin-bottom: 80px; width: 100%; border: solid 1px; padding: 5px; color: #155724; background-color: #ebebeb; border-color: #a3ebb4; text-align: center; border-radius: 10px 10px 10px 10px; padding-right: 24px;}
.ps-timeline-sec ol.ps-timeline li .ps-top:after {top: 100%; left: calc(50% - 6px); border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #13bb4e; border-width: 12px; margin-left: -12px;}
.ps-timeline-sec ol.ps-timeline li .ps-bot, .ps-timeline-sec ol.ps-timeline li .ps-bot-pen, .ps-timeline-sec ol.ps-timeline li .ps-bot-cen {position: absolute; margin-top: 10px; width: 96%; border: solid 1px; padding: 5px; color: #155724; background-color: #ebebeb; border-color: #a3ebb4; text-align: center; border-radius: 10px 10px 10px 10px; padding-right: 0; margin: 8px 2%;}
.ps-timeline-sec ol.ps-timeline li .ps-bot:after, .ps-timeline-sec ol.ps-timeline li .ps-bot-pen:after, .ps-timeline-sec ol.ps-timeline li .ps-bot-cen:after {bottom: 100%; left: calc(50% - 6px); border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #13bb4e; border-width: 12px; margin-left: -12px;}
.activityName {float: left; width: 100% !important; font-weight: bold; font-size: 16px; margin-bottom: 0px;}
.ps-sp-bot-pen {background: #f9f8de !important; border-color: #efedb4 !important;}
.ps-sp-bot-cen {background: #f9f8de !important;border-color: #efedb4 !important;}
.ps-sp-bot-cen .fa {color: #f00 !important;}
.ps-sp-bot-pen .fa {color: #ffcfcf !important;}
.ps-timeline-sec ol.ps-timeline li .ps-bot-pen:after {border-bottom-color: #efedb4 !important;}
.ps-timeline-sec ol.ps-timeline li .ps-bot-cen {background: #ffefef !important; border-color: #f00 !important;}
.ps-timeline-sec ol.ps-timeline li .ps-bot-cen .activityName {color: #f00 !important;}
.ps-timeline-sec ol.ps-timeline li .ps-bot-cen:after {border-bottom-color: #f00 !important;}
.ps-timeline-sec ol.ps-timeline li .ps-bot-pen {background-color: #f9f8de !important; border-color: #efedb4 !important; opacity: 0.6;}
.ps-timeline-sec ol.ps-timeline li .ps-bot:before {position: absolute; top: -40px; left: calc(100% - 50%); width: 100%; height: 2px; background: #13bb4e; content: '';}
.ps-timeline-sec ol.ps-timeline li .ps-bot-pen:before, .ps-timeline-sec ol.ps-timeline li .ps-bot-cen:before {position: absolute; top: -40px; left: calc(100% - 50%); width: 100%; height: 2px; background: #efedb4; content: '';}
.ps-timeline-sec ol.ps-timeline li:last-child .ps-bot-pen:before {display: none;}
.ps-sp-bot-cen {background: #f00 !important; border-color: #f00 !important;}
.ps-sp-bot-cen .fa {color: #fff !important;}
#divInfo table, .inmateDetails {background: #fff;}
#dvInmatesDetails { padding: 10px 5px 0 5px;}
.list {float: left; width: 100%; margin-bottom:0px; padding-bottom:0px;}
.list li {list-style: none; float: left; width: 100%;  padding: 0px 10px; border-bottom:1px solid #ddd;}
.list li:last-child{border-bottom:none;}
.list li a {text-decoration: none;}
.list li a img {width: 24px; margin: 4px 0 0 0;}
.list li a span.textCount {font-size: 24px;}
#additionalVisitorModal .row {margin-left:0px; margin-right:0px;}
.iconText{font-size:16px; display: inline-block; margin: 2px 0 0 20px; font-weight:bold;}
.colinmates{margin-top:20px;}

.prisoner_images img{height:140px !important;}

@media screen and (max-width: 1023px) {
    .colinmates {display: contents; float: left; width: 100%;}
.wrapper {width: 90%; height: auto; margin-left: auto; margin-right: auto;}
.icon {display: none;}
#div1 {display: none;}
.content {padding-left: 15px; border-radius: 15px;}
icjs-logo {margin-top: 12px !important; width: 90px !important;}
.otpButton, .otpButton2 {margin-top: 30px;}
footer .footerinner img {height: 22px !important;}
#codeBox1, #codeBox2, #codeBox3, #codeBox4, #codeBox5, #codeBox6 {width: 36px; height: 36px;}
.row.colmobile {display: initial;}
}



@media screen and (max-width: 767px) {
.row .col {display: contents;}
main.l-main .content-wrapper--with-bg .page-content{margin-bottom: 100px;}
.demo {float: left; width: 100%; margin-bottom: 35px;}
table.table{margin-bottom: 0px;}
}

@media print {
    table {
        border: solid #000 !important;
        border-width: 1px 0 0 1px !important;
    }

    th, td {
        border: solid #000 !important;
        border-width: 0 1px 1px 0 !important;
    }
}