/* CSS Document */

.error{color:#BB2D3B;}

/*************************************************************************
***************************** Footer *************************************
*************************************************************************/
.footer-center {
  margin: 0 auto !important;
  text-align: center;
  font-size: 12px;
}
.footer{padding:8px !important;  color:#fff !important;border-top:1px solid #fff;}

.footer a:hover{color:#fff !important;}

.desktop-footer,.mobile-footer{font-size:12px !important;}

.mobile-footer{height:35px;}


@media screen and (min-width: 576px) {
.mobile-footer{display:none !important;}
.desktop-footer{display:block !important;}
}
 
 
 @media screen and (max-width: 575px) {
.mobile-footer{display:block !important;}
.desktop-footer{display:none !important;}
}

#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255,255,255,0.75) url(../../admin/assets/images/loader.gif) no-repeat center center;
  z-index: 10000;
}

.page-offset {
	min-height:600px;
}

.disabled-link {
  pointer-events: none;
}

.nice-select .list{z-index:999 !important;}

@media (min-width:576px) {
.modal-dialog {
max-width:500px;
margin:1.75rem auto
}
.modal-dialog-scrollable {
height:calc(100% - 3.5rem)
}
.modal-dialog-centered {
min-height:calc(100% - 3.5rem)
}
.modal-content {
box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)
}
.modal-sm {
max-width:300px
}
}
@media (min-width:992px) {
.modal-lg, .modal-xl {
	min-width:800px;
max-width:900px;
}

.modal-dialog {
min-width:650px;
margin:1.75rem auto
}
}
@media (min-width:1600px) {
.modal-xl {
	width:1340px !important;
max-width:1440px
}
.modal-lg {
	width:1140px !important;
max-width:1240px
}
}
.modal-fullscreen {
	width:100vw;
	max-width:none;
	height:100%;
	margin:0
}
.modal-fullscreen .modal-content {
	height:100%;
	border:0;
	border-radius:0
}
.modal-fullscreen .modal-header {
	border-radius:0
}
.modal-fullscreen .modal-body {
	overflow-y:auto
}
.modal-fullscreen .modal-footer {
	border-radius:0
}
@media (max-width:575.98px) {
.modal-fullscreen-sm-down {
width:100vw;
max-width:none;
height:100%;
margin:0
}
.modal-fullscreen-sm-down .modal-content {
height:100%;
border:0;
border-radius:0
}
.modal-fullscreen-sm-down .modal-header {
border-radius:0
}
.modal-fullscreen-sm-down .modal-body {
overflow-y:auto
}
.modal-fullscreen-sm-down .modal-footer {
border-radius:0
}
}
@media (max-width:767.98px) {
.modal-fullscreen-md-down {
width:100vw;
max-width:none;
height:100%;
margin:0
}
.modal-fullscreen-md-down .modal-content {
height:100%;
border:0;
border-radius:0
}
.modal-fullscreen-md-down .modal-header {
border-radius:0
}
.modal-fullscreen-md-down .modal-body {
overflow-y:auto
}
.modal-fullscreen-md-down .modal-footer {
border-radius:0
}
}
@media (max-width:991.98px) {
.modal-fullscreen-lg-down {
width:100vw;
max-width:none;
height:100%;
margin:0
}
.modal-fullscreen-lg-down .modal-content {
height:100%;
border:0;
border-radius:0
}
.modal-fullscreen-lg-down .modal-header {
border-radius:0
}
.modal-fullscreen-lg-down .modal-body {
overflow-y:auto
}
.modal-fullscreen-lg-down .modal-footer {
border-radius:0
}
}
@media (max-width:1599.98px) {
.modal-fullscreen-xl-down {
width:100vw;
max-width:none;
height:100%;
margin:0
}
.modal-fullscreen-xl-down .modal-content {
height:100%;
border:0;
border-radius:0
}
.modal-fullscreen-xl-down .modal-header {
border-radius:0
}
.modal-fullscreen-xl-down .modal-body {
overflow-y:auto
}
.modal-fullscreen-xl-down .modal-footer {
border-radius:0
}
}

.modal-content .bg-success{background-color:#4FB68D !important;}


/* Customize the label (the container) */
.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top:0;
  left: -35px;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #4fb68d;
  border-radius:5px;
}
.checkmark-image {
  top:30% !important;
  left:10px;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
  background-color: #4fb68d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* Table with Div */
#resp-table, .resp-table {

display: table;
width:100%;
border-left: 1px solid #0e8ce4;
border-right: 1px solid #0e8ce4;
border-collapse:collapse;
}
@media only screen and (max-width: 992px) {
	#resp-table, .resp-table, #resp-table-header {font-size:14px !important}
}


@media only screen and (max-width: 480px) {
	#resp-table, .resp-table, #resp-table-header {font-size:12px !important}
}


#resp-table-caption{
display: table-caption;
text-align: center;
font-size: 30px;
font-weight: bold;
}

#resp-table-header{
display: table-header-group;
background-color: #198754;
font-weight: bold;
font-size: 16px;
color:#fff;
}

.table-header-cell{
display: table-cell;
padding: 10px;
text-align: justify;
/*border-bottom: 1px solid black;*/
}

#resp-table-body{
display: table-row-group;
}

.resp-table-row{
display: table-row;

}

.table-body-cell{
display: table-cell;
border: 1px solid #198754;
padding:5px;
}

#resp-table-footer {
display: table-footer-group;
background-color: gray;
font-weight: bold;
font-size: 25px;
color: rgba(255, 255, 255, 0.45);
}

.table-footer-cell{
display: table-cell;
padding: 10px;
text-align: justify;
border-bottom: 1px solid black;
}

.dtp div.dtp-date,.dtp div.dtp-time,.dtp table.dtp-picker-days tr>td>a.selected,.dtp>.dtp-content>.dtp-date-view>header.dtp-header{background:#198754 !important}.dtp .p10>a{color:#fff}.datepicker .day,.datepicker .dow{padding:5px 10px !important;}

.btn-inverse {
    color: #fff;
    background-color: #4c5667;
    border-color: #4c5667;
    box-shadow: 0 1px 0 rgb(255 255 255 / 15%);
}

.btn-inverse:hover {
    color: #fff;
}

.m-r-10 {
    margin-right: 10px !important;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #198754 !important;
}

.table>:not(:first-child) {
    border-top: 0px !important;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}