body, html {
    min-width: 320px;
    height: 100%;
}

.about-listing a {
    color: #fff;
}

.footer-contactus input[type=text] {
    color: #fff;
}

.footer-contactus textarea {
    color: #fff;
}

.custom-btn .btn.focus, .btn:focus, .btn:hover{
    color: #1a3553;
}

.join-us-btn{
    color: #fff !important;
}
.join-us-btn:hover{
    color: #fff !important;
}





.swal2-modal {
    border-radius: 0;
    border: 30px solid #fff;
    padding: 0!important;
    width: 500px!important;
}
.swal2-confirm.swal2-styled {
    float:right;
    border-radius: 0;
}

.form-group.has-error .form-control {
    border-color: #dd4b39;
    box-shadow: none;
}
.form-group.has-error .help-block {
    color: #dd4b39;
}

.paginationSection {
    text-align: center;
}

.footer-contents li a {
    color: #ffffff;
}




.no-user-list{
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #b7b7b7;
    display: table-cell;
    padding: 20px 0 20px 0;
}

.low-format .help-block{
    margin-top: -62px;
    position: absolute;
    bottom: -34px;
}

.profileChange .help-block{
    position: absolute;
    color: #ed3422;
}

#navcustomer{
    min-width: 120px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.datetimepicker.dropdown-menu {
    z-index: 19999 !important;
}

.swal2-container {
    z-index: 100000000!important;
}


/* ========================================*/
/* Slider in inside table*/
/* The switch - the box around the slider */

td .switch,
.enable .switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
}

/* Hide default HTML checkbox */
td .switch input, 
.enable .switch input{
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
td .slider,
.enable .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

td .slider:before,
.enable .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

td label input:checked + .slider,
.enable label input:checked + .slider {
  /*background-color: #2196F3;*/
  background-color: #008ecc;
}

td label input:focus + .slider,
.enable label input:focus + .slider {
  /*box-shadow: 0 0 1px #2196F3;*/
  box-shadow: 0 0 1px #008ecc;
}

td label input:checked + .slider:before,
.enable label input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
td .slider.round,
.enable .slider.round {
  border-radius: 11px;
}

td .slider.round:before,
.enable .slider.round:before {
  border-radius: 50%;
}

/* =========================================== */
/* setNotification table radio buttons in table*/
.tdchk {
  display: block;
  position: relative;
  padding-left: 20px;
  /*margin-bottom: 12px;*/
  margin: 0px;
  cursor: pointer;
  /*font-size: 12px;*/
  font-size: 0.95em;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
/*  user-select: none;
*/}

/* Hide the browser's default radio button */
.tdchk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;  
}

/* Create a custom radio button */
.tdchk .checkmark {
  position: absolute;
  top: 7px;
  left: 3px;
  height: 12px;
  width: 12px;
  background-color: #eee;
  border-radius: 50%;
}

/* Create a custom check button */
.tdchk .checkmark2 {
  position: absolute;
  top: 7px;
  left: 3px;
  height: 12px;
  width: 12px;
  background-color: #eee;
}

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

/* When the radio button is checked, add a blue background */
.tdchk input:checked ~ .checkmark,
.tdchk input:checked ~ .checkmark2 {
  /*background-color: #2196F3;*/
  background-color: #008ecc;
}

.disabled .tdchk input:checked ~ .checkmark2 {
  background-color: #808080;
}




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

/* Show the indicator (dot/circle) when checked */
.tdchk input:checked ~ .checkmark:after,
.tdchk input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.tdchk .checkmark:after {
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

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

tr.child td.child .tdchk {
    padding-left: 85px;
}

tr.child td.child .tdchk .checkmark,
tr.child td.child .tdchk .checkmark2 {
    margin-left: 58px;
}


.ui-timepicker-container {
    z-index: 9000000!important;
}

.modal-header .nwksetting_reportTime.disabled,
.modal-body.nwksetting_body.disabled{
  color: #808080;
}


/* Change color scheme for btn-info*/
.btn-info {
  color: #fff;
  background-color: #008ecc;
  border-color: #57a0d2;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #008ecc;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #008ecc;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #008ecc;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}