@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
body{ font-family: 'Poppins', sans-serif; background:#eaf0f7;  font-weight:400}
.form-control::-moz-placeholder {
  color: #b5b5b5 !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #b5b5b5 !important;
}
.form-control::-webkit-input-placeholder {
  color: #b5b5b5 !important;
}

#loader-wrapper img {height: 120px; left: 50%; margin:-60px 0 0 -60px; position: absolute; top: 50%; width: 120px;}
#loader-wrapper {background: rgba(255, 255, 255, 0.9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;}
#loader {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 2s linear 0s normal none infinite running spin; border-color: #fc6829  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; display: block; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: relative; top: 50%; width: 200px;}
#loader::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 3s linear 0s normal none infinite running spin; border-color: #002c40 transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px;}
#loader::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 1.5s linear 0s normal none infinite running spin; border-color: #fc6829  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px;}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
#toTop { border-radius:0; bottom:50px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}


.md-5{margin:0 -5px}
.pd-5{padding:0 5px}
.md-10{margin:0 -10px}
.pd-10{padding:0 10px}

.btn_green{color:#fff; background:#7bae37; font-size:14px; padding:8px 14px; font-weight:400; text-transform:uppercase; border-radius:3px; line-height:13px;}
.btn_green:hover{color:#fff; background:#689729}

.btn-sm{font-size: 12px !important; padding: 4px 12px !important; line-height: 14px !important;}
.btn-xs{font-size: 13px !important; padding: 6px 12px !important; line-height: 13px !important;}

.btn_black{color:#fff; background:#3a3a3a; font-size:14px; padding:8px 24px; font-weight:400; text-transform:uppercase; border-radius:3px; line-height:13px;}
.btn_black:hover{color:#fff; background:#141414}
.btn_yellow{color:#fff; background:#ffc107; font-size:14px; padding:8px 24px; font-weight:400; text-transform:uppercase; border-radius:3px; line-height:13px;}
.btn_yellow:hover{color:#fff; background:#e0a800}
.btn_red{color:#fff; background:#dc3545; font-size:14px; padding:8px 24px; font-weight:400; text-transform:uppercase; border-radius:3px; line-height:13px;}
.btn_red:hover{color:#fff; background:#c82333}

.checkbox_style {display: block; position: relative;  cursor: pointer; font-weight:300;  font-size: 14px; color:#171717; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:16px; font-weight:normal; margin: 0; height: 18px;}
.checkbox_style input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; border:#ccc 1px solid; border-radius:0%}
.checkbox_style input:checked ~ .checkmark {background-color: #7bae37; border:#7bae37 1px solid;}
.checkmark:after {content: ""; position: absolute; display: none;}
.checkbox_style input:checked ~ .checkmark:after {display: block;}
.checkbox_style .checkmark:after {left: 5px; top: 2px; width: 6px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.radio_style {display: block; position: relative;  cursor: pointer; font-weight:300 !important;  font-size: 14px !important; color:#171717; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:16px; font-weight:normal; margin: 0 0 10px 0 !important; height: 18px; padding-left:25px}
.radio_style input {position: absolute; opacity: 0; cursor: pointer;}
.radio_style .checkmark {position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; border:#ccc 1px solid; border-radius:50%}
.radio_style input:checked ~ .checkmark {background-color: #7bae37; border:#7bae37 1px solid;}
.radio_style .checkmark:after {content: ""; position: absolute; display: none;}
.radio_style input:checked ~ .checkmark:after {display: block;}
.radio_style .checkmark:after {left: 5px; top: 2px; width: 6px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}



header .nav_sec{ width:100%; float:left;  padding:0; margin:0; background-color:#fff; border-bottom:#dae4ef 1px solid; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
header .nav_sec .navbar-brand{ width:70px; margin:7px 100px 7px 0; padding:0px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
header .nav_sec .navbar-brand img{ width:100%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
header .nav_sec .btn_menu{ background: #fff; border:#dae4ef 1px solid; color: #828db1; box-shadow: none; font-size: 16px; margin:5px 0; padding: 0px; width: 30px; height: 30px; line-height: 28px; border-radius: 50%;}
header .nav_sec .btn_menu:focus{outline:none; box-shadow:none}
header .nav_sec .btn_menu .ham {cursor: pointer;-webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 28px;}
header .nav_sec .btn_menu .line {fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#828db1; stroke-width:5.5; stroke-linecap:round; }
header .nav_sec .btn_menu .ham2 .top {stroke-dasharray: 40 121;}
header .nav_sec .btn_menu .ham2 .bottom {stroke-dasharray: 40 121;}
header .nav_sec .btn_menu .ham2.active .top {stroke-dashoffset: -102px;}
header .nav_sec .btn_menu .ham2.active .bottom {stroke-dashoffset: -102px;}

header .nav_sec .user-area{margin-left: 20px}
header .nav_sec .user-right-area{float: right; display: flex; align-items: center; justify-content: center;}
header .nav_sec .user-right-area p{color: #002843; margin: 0}
header .nav_sec .user-area .user{font-size:15px; color:#828db1; text-decoration:none; line-height:30px; padding:5px 0}
header .nav_sec .user-area .user .name-code{background:#002843; height:30px; width:30px; border-radius:50%; margin-right:8px; float:left; color:#fff; font-size:18px; font-weight:500; text-align:center}
header .nav_sec .dropdown-menu{padding:0px; border-radius:0px; margin-top:0px; border:#dae4ef 1px solid; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); }
header .nav_sec .dropdown-menu > a.dropdown-item{padding:8px 15px; font-weight:300; font-size:14px}
header .nav_sec .dropdown-menu > a.dropdown-item i{margin-right:10px}
header .nav_sec .dropdown-menu > a.dropdown-item:hover{background:#f4f7fb}

.content_area{margin:0px; padding:10px}
.agency-main-area{padding:3px; background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); margin-bottom:10px; position:relative}
.agency-main-area .agency-bg{height:120px; background-size:cover !important}
.agency-main-area .agency-name{background:#959497; border-radius:0 30px 30px 0; font-size:14px; line-height:40px; padding:0 30px 0 20px; color:#fff; font-weight:600; position:absolute; left:3px; top:50%; margin-top:-20px}

.filter-area{background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); margin-bottom:10px;} 
.filter-area .title{line-height:20px; font-size:16px; color:#003344; padding:10px 15px 5px 15px}
.filter-area .radio-list{float:left; margin:25px 10px 0px 0 !important}
.filter-area .form-area{padding:0 15px 15px 15px}
.filter-area .form-group{margin: 0px}
.filter-area .form-group label{font-size: 13px; margin: 0 0 3px 0;}
.filter-area .form-control{padding:5px 14px; border:#e3e3e3 1px solid; font-size:13px; color:#646262; border-radius:3px; }
.filter-area .form-control:focus{ border:#7bae37 1px solid; box-shadow:none}
.filter-area .btn_green{float:left; margin-right:1%}
.filter-area .btn_black{ float:left; margin-left:1%}
.filter-area .md_top_20{margin-top:22px}

.content-block{background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); margin-bottom:20px;} 
.content-block .title{line-height:26px; font-size:16px; color:#003344; padding:10px 15px}
.content-block .table{margin:0px; padding:0px;}
.content-block .table thead tr th{background-color:#f3f3f3 !important;  border-top:#eaf0f7 1px solid !important; border-bottom:#eaf0f7 1px solid !important;font-size:13px; color:#3a3a3a; font-weight:600; padding:6px 12px; vertical-align:middle}
.content-block .table tbody tr td{ border-bottom:#eaf0f7 1px solid; font-size:13px; color:#7c7c7c; font-weight:400; padding:5px 10px; vertical-align:middle}
.content-block .table tbody tr td .btn-sm{font-size: 13px; padding: 6px 12px;}
/*.content-block .table thead tr th:last-child{text-align: right}
.content-block .table tbody tr td:last-child{text-align: right}*/

.content-block .table_sub{margin:0px; padding:0px; border:#eaf0f7 1px solid; border-bottom:none; width:100%}
.content-block .table_sub thead tr th{background-color:#eaf0f7 !important;  border-top:#eaf0f7 1px solid !important; border-bottom:#eaf0f7 1px solid !important;font-size:13px; color:#3a3a3a; font-weight:600; padding:8px 15px; vertical-align:middle}
.content-block .table_sub tbody tr td{ border-bottom:#eaf0f7 1px solid; font-size:13px; color:#7c7c7c; font-weight:300; padding:8px 15px; vertical-align:middle}
.content-block .table_sub tbody tr td .btn-sm{font-size: 13px; padding: 6px 12px;}


.content-block p{padding:10px 15px; margin:0px; font-size:14px}
.content-block .inside-content-block{border-top:#e5ecf4 1px solid; padding:15px}
.content-block .inside-content-block .main-btn-area {
  margin-bottom: 15px;
  display: flex;
  gap: 10px;
}
.content-block .inside-content-block .main-btn-area .btn-green {
  background: #eaf0f7;
  border: #f1f1f1 1px solid;
  font-size: 14px;
  padding: 8px 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 3px;
  line-height: 13px;
}
.content-block .inside-content-block .main-btn-area .btn-green.active,
.content-block .inside-content-block .main-btn-area .btn-green:hover{
  background: #7bae37;
  color: #fff;
}
.small-info {
  display: flex;
  gap: 20px;
}
.small-info p {
  padding: 5px 10px !important;
  color: #000 !important;
  background: #eaf0f7;
  border-radius: 4px;
}
.small-info p strong {
  font-weight: 700;
}
.content-block .inside-content-block hr{margin-top: 8px; margin-bottom: 14px;}
.content-block .inside-content-block .btn i{margin-right:10px}
.content-block .inside-content-block label{font-size:13px; margin-bottom:2px}
.content-block .inside-content-block .form-group{margin-bottom:8px}
.content-block .inside-content-block .form-control{padding:5px 14px; border:#e3e3e3 1px solid; font-size:13px; color:#646262; border-radius:3px; }
.content-block .inside-content-block .form-control:focus{ border:#7bae37 1px solid; box-shadow:none}
.content-block .inside-content-block .full-width{width:100%}
.content-block .inside-content-block .btn-or-center{line-height:42px}
.content-block .inside-content-block ul.results{ padding:0px; list-style:none;  margin:0;  display: flex; justify-content: space-between; align-items: center;   z-index:1; flex-wrap: wrap; }
.content-block .inside-content-block ul.results li{width:calc(25% - 5px); background:#e5ecf4; padding:8px 15px; margin-bottom:10px; border-radius:5px; font-size:14px; color: #646363; font-weight: 400;}
.content-block .inside-content-block ul.results li.three{width:calc(20% - 5px); }
.content-block .inside-content-block ul.results li strong{display:block; font-weight:500; color:#3a3a3a}
.content-block .inside-content-block ul.results .line{height:1px; background:#e5ecf4; margin:5px 0 15px 0; width:100%}

.content-block .inside-content-block ul.list-confirmation{ padding:0px; border:#e5ecf4 1px solid; list-style:none;  margin:0; width:50%;  display: flex; justify-content: space-between; align-items: center;   z-index:1; flex-wrap: wrap; border-radius:8px}
.content-block .inside-content-block ul.list-confirmation li{width:calc(50%); border-bottom:#e5ecf4 1px solid; padding:6px 10px; font-size:12px; color: #646363; font-weight: 400; }
.content-block .inside-content-block ul.list-confirmation li strong{display:block; font-weight:500; color:#3a3a3a; text-align:left}
.content-block .inside-content-block ul.list-confirmation li.three{width:calc(33.33%);}
.content-block .inside-content-block ul.list-confirmation li.full{width:calc(100%);}
.content-block .inside-content-block ul.list-confirmation li:last-child{border-bottom:none}
.content-block .inside-content-block ul.list-confirmation li p{margin:0 0 10px 0; color:#7bae37}
.content-block .inside-content-block iframe{border:#e5ecf4 2px solid; height:800px; width:100%}
.content-block .inside-content-block iframe.video-box{border:#e5ecf4 2px solid; height:400px; width:100%; margin-bottom:20px}
.content-block .inside-content-block p{ font-size:12px;  line-height:20px; color: #7488a0; font-weight: 300; padding:5px}
.content-block .inside-content-block .note{ font-size:16px;  line-height:24px; color: #000; font-weight: 500; padding:0px; margin-bottom:15px}
.content-block .inside-content-block p.and{ font-size:16px;  line-height:24px; color: #000; font-weight: 500; padding:0px; margin-bottom:15px}
.dropzone .dz-preview .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark{display:none !important}
.dropzone {cursor: pointer !important; margin-bottom:20px}

.md-right-15{margin-right:15px}
.or-other{margin: 0 0 15px 0;  position: relative; display: flex; justify-content: center;}
.or-other:before{content:''; background:#d7dfe8; width:100%; height:2px; top:19px; position:absolute; left:0px}
.or-other span{background-color: #d7dfe8; font-weight: 300; font-size: 16px; color:#6a6876; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius:50%; display:block; z-index:1; position:relative}


.login-page{height:100vh; width:100%; position:relative; background:#fff}
.login-page .main-div{display: flex; justify-content: flex-start; align-items: center; width:100%; position:relative}
.login-page .photo-area{width:100%; height:100vh; background:url(../images/login-bg.gif) center center no-repeat; background-size:cover; position:relative}
.login-page .photo-area ul{margin:0px; padding:0px; list-style:none; position:absolute; bottom:12%}
.login-page .photo-area ul li{margin-bottom:10px}
.login-page .photo-area ul li a{background:#959497; font-size:20px; color:#fff; padding:12px 20px; border-radius:0 30px 30px 0; display:inline-block; text-decoration:none; text-transform:uppercase; width:200px}
.login-page .photo-area ul li a:hover{background:#fff; color:#777777;}
.login-page .photo-area ul li.active a{background:#fff; color:#777777;}

.login-page .login-form-area{width:100%; background:#fff; }
.login-page .login-form-area .content-main-area{width:65%; margin:0 auto; }
.login-page .login-form-area .content-main-area .logo{width:380px; margin:0 auto 50px auto}
.login-page .login-form-area .content-main-area h1{margin:0 0 40px 0; color:#3a3a3a; font-weight:300; font-size:40px; text-align:center; text-transform:uppercase; letter-spacing:1px}
.login-page .login-form-area .content-main-area label{font-size:15px; margin-bottom:4px}
.login-page .login-form-area .content-main-area .form-control{padding:10px 14px; border:#e3e3e3 1px solid; font-size:14px; color:#646262 }
.login-page .login-form-area .content-main-area .form-control:focus{ border:#7bae37 1px solid; box-shadow:none}
.login-page .login-form-area .content-main-area a.forgot{float: right; line-height: 42px; color: #3a3a3a; text-decoration: none;}
.login-page .login-form-area .content-main-area .qr-area{text-align: center}
.login-page .login-form-area .content-main-area .qr-area #qrcode{width: 260px; margin: 0 auto;}

.tab-area{margin:0 0 10px 0; width:100%}
.tab-area ul.tab-ul{margin:0px; padding:0px; list-style:none; text-align:center; position:relative}
.tab-area ul.tab-ul li{width:18%; display:inline-block; font-size:15px; color:#3a3a3a; position:relative}
.tab-area ul.tab-ul li .icon{width:60px; height:60px; margin:0 auto 5px auto; position:relative; z-index:1; border-radius:50%; background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); background-size:120px 60px !important}
.tab-area ul.tab-ul li .search-icon{background:#fff url(../images/search-icon.png) right center no-repeat}
.tab-area ul.tab-ul li .register-icon{background:#fff url(../images/register-icon.png) right center no-repeat}
.tab-area ul.tab-ul li .load-icon{background:#fff url(../images/load-icon.png) right center no-repeat}
.tab-area ul.tab-ul li .issue-card-icon{background:#fff url(../images/issue-card-icon.png) right center no-repeat}
.tab-area ul.tab-ul li .print-icon{background:#fff url(../images/print-icon.png) right center no-repeat}
.tab-area ul.tab-ul li .upload-icon{background:#fff url(../images/upload-card-icon.png) right center no-repeat}
.tab-area ul.tab-ul li.selected{color:#7bae37}
.tab-area ul.tab-ul li.selected .search-icon{background:#7bae37 url(../images/search-icon.png) left center no-repeat}
.tab-area ul.tab-ul li.selected .register-icon{background:#7bae37 url(../images/register-icon.png) left center no-repeat}
.tab-area ul.tab-ul li.selected .load-icon{background:#7bae37 url(../images/load-icon.png) left center no-repeat}
.tab-area ul.tab-ul li.selected .issue-card-icon{background:#7bae37 url(../images/issue-card-icon.png) left center no-repeat}
.tab-area ul.tab-ul li.selected .print-icon{background:#7bae37 url(../images/print-icon.png) left center no-repeat}
.tab-area ul.tab-ul li.selected .upload-icon{background:#7bae37 url(../images/upload-card-icon.png) left center no-repeat}

.tab-area ul.tab-ul li::before {content: ''; position: absolute; width: 100%; height: 2px; background: #ccd5df; top:29px; right:-50%}
.tab-area ul.tab-ul li:last-child:before{content:none}
.tab-area ul.tab-ul li.selected::before{ background: #7bae37;}


.modal-content .alert{margin:0px; padding:30px; text-align:center}
.modal-content .close{width:40px; height:40px; background:#fff; border-radius:50%; color:#000; border:#000 2px solid; font-size:16px; line-height:40px; position: absolute; right: -15px; top: -15px; opacity: 1; }
.modal-content .alert h2{font-weight:300; margin:0 0 30px 0}
.modal-content .alert .btn{margin:0 10px}
.modal-content .alert-light{text-align:left}
.modal-content .alert-light h2{font-size:18px; color:#3a3a3a; margin:0 0 20px 0}
.modal-content .alert-light h4{font-size:18px; font-weight:400; line-height:30px; text-align:center; color:#3a3a3a; margin:0px}
.modal-content .alert-light ul{ padding:0px; border:#e5ecf4 1px solid; list-style:none;  margin:0 0 15px 0;  display: flex; justify-content: space-between; align-items: center;   z-index:1; flex-wrap: wrap; border-radius:8px}
.modal-content .alert-light ul li{width:calc(100%); border-bottom:#e5ecf4 1px solid; padding:6px 15px; font-size:12px; color: #646363; font-weight: 400; }
.modal-content .alert-light ul li strong{ font-weight:500; color:#3a3a3a; float:left; width:150px; text-align:left}
.modal-content .alert-light ul li:last-child{border-bottom:none}
.modal-content .alert-light ul li.remainingloads-div{display:none}
.modal-content .alert-light ul li.remainingloads-div.active{display:block; background:#e5ecf4; padding-top:12px; font-weight:700; color:#7bae37}
.modal-content .alert-light .line{height:4px; background:#e5ecf4; margin:0; width:100%}
.modal-content .alert-light .btn{margin:0px}
.modal-content .alert-light .full{width:100%}
.modal-content .md-0{margin:5px}
.modal-content .md-bottom-5{margin:0 0 10px 0 !important}

.modal-content label{font-size:15px; margin-bottom:4px}
.modal-content .form-control{padding:10px 14px; border:#e3e3e3 1px solid; font-size:14px; color:#646262 }
.modal-content .form-control:focus{ border:#7bae37 1px solid; box-shadow:none}

.pagination-area{margin:0px; padding:15px}
.pagination-area ul.pagination{margin:0px; padding:0px}
.pagination-area ul.pagination li{margin-left:8px}
.pagination-area ul.pagination .page-link{width:38px; height:38px;}
.pagination-area ul.pagination .page-link{width:38px; height:38px;}
.pagination-area ul.pagination .page-link {width: 38px; height: 38px; padding: 0px; text-align: center; line-height: 38px; border-radius: 50%; margin: 0; border: #dae4ef 1px solid; color: #50649c;}
.pagination-area ul.pagination .page-link i {line-height: 38px;}
.pagination-area ul.pagination .page-item.active .page-link{background:#7bae37; border:#7bae37 1px solid; color:#fff}
.btn-area-page{padding:15px; border-top:#e5ecf4 1px solid;}
.btn-area-page a{float:left; }
.btn-area-page .btn-or-center{line-height:42px; float:left; margin:0 50px}


.margin-right-pagination .new-page-link {color: #7bae37;}
.page-item:last-child .new-page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.new-page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.margin-right-pagination .page-item .active.new-page-link {
  z-index: 1;
  color: #fff;
  background-color: #7bae37;
  border-color: #7bae37;
}

.proflie{position:relative; padding:20px 20px 20px 115px; background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); margin-bottom:20px;} 
.proflie .user-code{width:75px; height:75px; line-height:75px; border-radius:50%; color:#fff; text-align:center; background:#002843; font-size:30px; position:absolute; left:20px; top:20px}
.proflie .user-name{font-size:18px; color:#7bae37; margin:0 0 0px 0}
.proflie .designation{font-size:15px; color:#646363}
.proflie p{font-size:15px; color:#646363; margin:0px;  position:relative; line-height:24px}
.proflie p i{ color:#7bae37; line-height:24px; margin-right:10px}
.proflie p span{margin:0 15px}
.proflie .btn_green{position:absolute; right: 20px; top: 36px;}

.dashboard-area{margin:0px; padding:0px}
.dashboard-area .content-info-block{position:relative;  background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); box-shadow: 0px 0px 5px 0px rgba(31,30,37,0.05); margin-bottom:20px; min-height:150px} 
.dashboard-area .content-info-block .title{padding:10px 15px; border-bottom:#eaf0f7 1px solid}
.dashboard-area .content-info-block .detail_area{padding:15px;}
.dashboard-area .content-info-block .detail_area ul{margin:0px; padding:0px; list-style:none; display: flex; justify-content: space-between; align-items: center;   z-index:1; flex-wrap: wrap; }
.dashboard-area .content-info-block .detail_area ul li{width:calc(50%); font-size:14px; position:relative; line-height:24px; color: #7488a0; font-weight: 300; padding-left:15px}
.dashboard-area .content-info-block .detail_area ul li a{color: #7488a0; text-decoration:none}
.dashboard-area .content-info-block .detail_area ul li:before{position:absolute; left:0px; top:9px; width:6px; height:6px; background:#002843; content:''; border-radius:50%; }
.dashboard-area .content-info-block .detail_area .checkbox_style{color: #7488a0; margin: 0 20px 15px 0; padding-left: 25px; float: left;}
.dashboard-area .content-info-block .detail_area p{ font-size:14px;  line-height:24px; color: #7488a0; font-weight: 300; }

.tab_nav_area{margin:0px; padding:0px}
.tab_nav_area .nav-tabs .nav-link{background:#c4c4c4; color:#333; margin-right:5px; padding:4px 10px; font-size:14px}
.tab_nav_area .nav-tabs .nav-link:focus,
.tab_nav_area .nav-tabs .nav-link:hover{border:1px solid transparent; outline:none}
.tab_nav_area .nav-tabs .nav-link.active{color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff;}

.parsley-error-list {list-style: none; padding: 0px;}
.parsley-error-list li{color:red; font-size:14px; padding:2px 0 0 0}

.infobox-area {background: #e5ecf4; padding: 8px 10px; margin-bottom: 10px; border-radius: 4px; min-height: 52px; font-size: 13px; line-height: 18px;}
.alert {font-size: 13px; padding: 10px 12px;}

#sidebar ul li:hover .dropdown-menu-area{display:block}
header .nav_sec .user-area:hover .dropdown-menu-right{display:block}
header .nav_sec .user-area{min-width:160px}
.model-page{margin:30px auto; width:500px;}
.model-page .modal-content{border:none}
.modal-content a.close{padding-left:12px; padding-top: 10px;}


.password-popup-area{position:relative}
.password-popup-area .icon{position: absolute; top: 3px; right: 0px; font-size: 14px; color:#7bae37; cursor:pointer}
.password-content-popup{display:none; position: absolute; right: -12px; top: 25px; background: #7bae37; padding: 10px; z-index: 11; border-radius: 10px; width:400px}
.password-content-popup:after {bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(141, 82, 156, 0); border-bottom-color: #7bae37; border-width: 10px; }
.password-content-popup ul {margin: 0px; padding: 0px 0px 0px 20px;}
.password-content-popup ul li {font-size: 13px; color: #fff;}
.password-popup-area .icon:hover .password-content-popup{display:block}

.margin-right-pagination{ margin-right: 15px;}
.margin-right-pagination .page-item.active .page-link{z-index: 1; color: #fff; background-color: #7bae37; border-color: #7bae37}
.margin-right-pagination .page-link{color: #7bae37}

.select2-container--default .select2-selection--single {padding: 1px 7px !important; height: auto !important; border: #e3e3e3 1px solid !important; font-size: 13px !important; color: #646262;border-radius: 3px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 13px !important;color: #646262 !important; opacity: 1 !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected{background: #7bae37 !important; color:#fff !important; font-size: 14px !important;}
.select2-results__option--selectable {font-size: 14px !important;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #7bae37 !important; font-size: 13px !important; outline: none !important; }
.select2-results__option.select2-results__message {font-size: 13px !important; text-align: center !important;}
.select2-container--default .select2-selection--single:focus-visible {outline: none !important;}

.report-content h1{font-size: 24px; color: #000; margin: 0 0 12px 0;}
.report-content h2{margin-bottom: 10px}

.ach-modal .modal-data{height: 460px; padding: 0 5px 0 0; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #c2c2c2 #fff; background-color: #fff; margin-bottom: 15px;}
.ach-modal .modal-data::-webkit-scrollbar {width: 5px;}
.ach-modal .modal-data::-webkit-scrollbar-track {background: #f4f2ff;}
.ach-modal .modal-data::-webkit-scrollbar-thumb {  background-color: #c2c2c2; border-radius: 10px; border: 2px solid #fff;}

.btn-primary.disabled, .btn-primary:disabled {color: #fff; background-color: #7bae37; border-color: #7bae37;}


.sites_loading {
  display: none;
  position: fixed;
  z-index: 99999999999999999;
  height: 2em;
  width: 2em;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sites_loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
.sites_loading:not(:required):after {
  content: '';
  display: block;
  font-size: 18px;
  width: 14px;
  height: 14px;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  box-shadow: #7bae37 1.5em 0 0 0, #7bae37 1.1em 1.1em 0 0, rgb(0 0 0 / 75%) 0 1.5em 0 0, rgb(0 0 0 / 75%) -1.1em 1.1em 0 0, rgb(0 0 0 / 75%) -1.5em 0 0 0, rgb(0 0 0 / 75%) -1.1em -1.1em 0 0, rgb(0 0 0 / 75%) 0 -1.5em 0 0, rgb(0 0 0 / 75%) 1.1em -1.1em 0 0;
  -webkit-box-shadow: #7bae37 1.5em 0 0 0, #7bae37 1.1em 1.1em 0 0, #7bae37 0 1.5em 0 0, #7bae37 -1.1em 1.1em 0 0, #7bae37 -1.5em 0 0 0, #7bae37 -1.1em -1.1em 0 0, #7bae37 0 -1.5em 0 0, #7bae37 1.1em -1.1em 0 0;
  box-shadow: #7bae37 1.5em 0 0 0, #7bae37 1.1em 1.1em 0 0, #7bae37 0 1.5em 0 0, #7bae37 -1.1em 1.1em 0 0, #7bae37 -1.5em 0 0 0, #7bae37 -1.1em -1.1em 0 0, #7bae37 0 -1.5em 0 0, #7bae37 1.1em -1.1em 0 0;
}
.sites_loading:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.btn_inmate_transfer{color: #fff; background: #689729;}

.content-block .title.receiving-agency-title {
  padding: 10px 15px 15px 0;
  font-weight: 400;
}

#inviteAgencyModal .parsley-error-list {border: 0 !important;}
#inviteAgencyModal .parsley-error-list .required {color: red !important; padding: 0 !important;}
#inviteAgencyModal .parsley-error-list .type {color: red !important; padding: 0 !important;}

/* ================== Animation ================== */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.manualRequired{
  position: relative;
}
.manualRequired .parsley-error-list{
  position: absolute;
  bottom: -40px;
}