html,
body {
  height: 100%;
}

/* Show it is fixed to the top */
body.nav-fixed {
  min-height: 75rem;
  padding-top: 4.5rem;
}
body.revert {
  height: auto;
}
body{
    color:#170A1C;
        font-family: var(--bs-font-sans-serif);
}
/* sticky nav & footer */
main > .container {
  padding: 60px 15px 0;
}
.overlay{height:100%; width:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.4); z-index:100}
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

hr.dotted {
    border: 2px dotted #333333;
    border-style: none none dotted; 
    color: #fff; 
    background-color: #fff;
}

/** overwrite **/
.bg-light {
    background-color: #fff0f0!important;
}
.navbar-toggler {
    background-color: #ffffff;
}
.dropdown-menu {
    background-color: #fab47e;
}
.nav-link, .dropdown-item {
    font-weight: bold;
}
.dropdown-item:hover {
    background: #fab47e;
}
.top-spacer {
    margin-top:0.5rem;
	margin-bottom:1.5rem;
}
.top-spacer15 {
    margin-top:1.5rem;
}
/** modal **/
#myIFrame {
    min-height: 100px;
    width: 100%;
    height: 100%;
}
.f-modalClose {
    font-size: 1.25rem;
    color: #999;
}
.modal-header {
	background: aliceblue;
}

/* thickbox overwrite */
#TB_overlay {
    z-index: 1200;
}
#TB_window {
	z-index: 1300;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
	top: 20%;
}

/***Nov21-2021***/
main {
    background-color: white;
    padding-top: 50px;
    padding-bottom: 100px;
}
.box-layout{padding: 30px 30px 87px; background: #fff; margin: 10px;}
.box-layout .img-home {
    height: 250px;
    width: 100%;
    object-fit: cover;
    margin: 10px 0 20px 0;
}
h4, .h4{color: #2cccc4; text-transform: uppercase;
    font-weight: 700;
    margin: 0;}
.h1, h1{color: #fff; margin-bottom: 20px;}

h1, h2, h3,  .h1, .h2, .h3{font-family: Oswald, sans-serif;}
h4, h5, h6, .h4, .h5, .h6 {font-family: Montserrat, sans-serif;}
.h4, h4 {
    font-size: 1.4rem;
}
.u-list-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 10px;
    font-size: .8em;
}
ul {
    list-style-type: none;
}
.box {
    display: flex;
}
.footer{    background: #212529 !important;
    color: #fff !important;}
    .text-muted {
    color: #fff !important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: #554348;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #BB6B00;
}
@media only screen and (min-width: 300px) and (max-width: 767px){
   /** .box-layout {
    flex: 0 0 31%;
    margin-right: 20px;
}**/
.box {
    display: block;
}
}

.GeneralTable {
   margin: 0 auto; 
       width: 85%;
}
/**.GeneralTable tr > * + * {
  padding-left: 4em;
}**/
.swal2-radio {
	display: grid !important;
  text-align: left !important;
}
[id$=_observation]:hover{
	cursor: pointer;
	}

.action.cli, .no-sort.cli {
    display: none;
}
#b_back {
    margin-right: 5px;
}

.GeneralTable tr > * + * {
    padding: 0.5em 2em;
}

.ft-row{background: #000000; color: #fff;}
.sd-row{
    background: #2cccc4; color: #fff;
}
.sd{
    background: #f4fbfd; color: #000;
}
.thd{background: #F08080; color: #fff;}
.thd-row{background: #FF0000; color: #fff;}


    .GeneralTable.text-center th {
    text-transform: uppercase;
    font-size: 1.3em;
}
tr:nth-child(odd) > td.ft {
    background: #fff;
    color: #000;
}
tr:nth-child(even) > td.ft {
    background: #000; color:  #fff;
}
.form-obser {
    background: #fff;
    padding: 3em 0;
}
th.ft-row {
    width: 50%;
}
.form-obser h3 {
    font-size: 2.5em;
}
h3.text-center.hder {
    margin-bottom: 30px;
}
.form-obser .fas {
    font-weight: 400;
    font-size: .6em;
}
th.sd {
    color: #fff;
}
.hide{display: none;}
.quix {
    max-width: 600px;
}
td.action {
    width: 30%;
}
.gobs {
    color: #212529;
    margin: 15px 0;
}

/***pop up overwrite***/
#main-pop {
    padding-top: 5px;
    padding-bottom: 5px;
}
/*CSS for Form.php starts */
.backForm{
	float:left;
}
.heading{
	border-color: #0B7189;
    border-style: dotted;
    /* background: white; */
    padding: 10px;
}
.title{
	font-weight:600;
}
.pp_description {   
    font-size: 18px!important;
}
.pp_play{
	display:none;
}
.custom-p{
	background: #0B7189;
    color: #fff;
	border-radius:5px;
	padding:3px;
}
/*CSS for form.php ends */ 

/** top heading and back button **/
.head-title {
	position: relative;
	margin-bottom: 1rem;
}	
.head-title h2, .head-title h3 {
	margin: 0 20%;	
}
.b_back {
	float: left;
    position: absolute;
    top: 0;
    left: 0;
}
.b_back img {
	height: 33px;
	opacity: 0.75;
}
.b_back img:hover {
	opacity: 1;
}
.h3-unset {
	font-size:1.75rem !important;
}
.cke_chrome {
    border: 1px solid blue!important;
}
.btn-primary {
        color: #000;
    background-color: #e8d9d9;
    border-color: #e8d9d9;
}
.btn-primary:hover {
    color: #CFCFCF;
    background-color: #0B7189;
    border-color: #0B7189;
}
 .u-list-icon:before{
	 display:none;
 }
 .tab_content h3{
	 text-align:left important;
 }
 
.head-tl {float:left}
.head-tr {float:right; margin: 10px 0 0 15px;}

 /* main pages 3d navs */
 .main-nav-box {
	padding: 0;	
}
.main-nav-box li {
    margin: 0.35rem 0.25rem;
    display: block;
    text-align: center;
    padding: 0.2rem;
    text-decoration: none;
    color: #d4e1e7;
    background-image: linear-gradient(-180deg, #b2cfe5 0%, #4d82ac 55%, #a4c5e1 100%);
    border-radius: 0.35rem;
    box-shadow: 2px 2px 2px #ccc;
}
.main-nav-box li a {
    display: block;
    text-align: center;
    padding: 0.25rem;
    text-decoration: none;
    font-weight: 600;
    color: white;
	background-image: linear-gradient(-180deg, #fab47e 0%, #c1804e 55%, #b1815d 100%);
    border-radius: 0.35rem;
    box-shadow: 3px 2px 3px #ccc;	
}
.main-nav-box li a:hover {
	background-image: linear-gradient(0deg, #0e5690 10%, #5b95c4 55%, #3879ac 90%);
    box-shadow: 1px 1px 1px #ccc;
}
.yes-print{
	display:none;
}
.printButton{
	float: right;
    padding: 3px;
    border-radius: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.b_backk img {
    height: 33px;
    opacity: 0.75;
}
#saveButtonBottom{
    animation: shake 4.82s cubic-bezier(.36, .07, .19, .97) both infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
/*
 #saveBtn{
    animation: shake 4.82s cubic-bezier(.36, .07, .19, .97) both infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
*/
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.pull-left{
    float:left;
}

.pull-right{
    float:right;
}
.btn-dark {
    color: #fff;
    background-color: #170A1c;
    border-color: #170A1c;
}
#navbarCollapse{
    font-size:20px;
}
.bg-light {
    background-color: #e9d9d9!important;
}

#myTable_wrapper th {
    background-color: #e9d9d9;
}

btn-warning {
    color: #000;
    background-color: #cfcfcf;
    border-color: #cdcdcf;
}

btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}