.bold {font-weight: bold;}

.main-heading{font-weight:bold;text-align:center;}

.alert_message{display:none;}

.fixed_button{width: 120px;height: 41px;}



/* The Modal (background) */
#modal{display: none;}
#modal2{display: none;}

.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    padding-top: 100px; /* Location of the box */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

    background-color: #fefefe;

    margin: auto;

    padding: 20px;

    border: 1px solid #888;

    width: 80%;

}

.bold{font-weight: bold;}

.overlay{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(../../assets/images/bodyBg.svg) 0 0 / cover no-repeat #0e1823; z-index: 99999;}
.breakMdl { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fafafa; width: 500px; height: 280px; margin: auto; padding: 50px; }
.breakMdl label{color: #000 !important; }
.center{ text-align: center;}
.loader { top: 0;  left: 0; right: 0; bottom: 0; width: 10%; height: 100%; z-index: 9999999999; margin: 0; display: none; }
#get_timing, .myBtn button, #add_break_reason, #break_out{margin: 0; width: 100%;}
.myH1Hdng{ font-weight: 900; font-size: 50px; text-transform: uppercase; color: #9d37b4;}
.myH1Hdng span{font-weight: 500; color: #3c4858; }
.myH2Hdng{}
.card .card-header .title{ text-transform: uppercase; font-weight: 500;}
.myPostHdng{ margin: 10px 0; text-transform: uppercase; color: #9c27b0; font-weight: 700;}
.message{color: #F90000;}
.messageSuccess{color:#08F032;}
.messageDull{color: #9b9b96;background: none !important;box-shadow: none !important;border: 0 !important; padding: 4%;}
.messageDull:hover {color: #00a9d4 !important;}
.signal{  margin: -2px 3px 4px 34px;}
i{cursor: pointer;}
.cstmCard{ padding: 12px 0px 10px 67px;}
.firstTr, .firstTr td a{color: #ef5350; font-weight: bold;}
#accordion{padding: 20px 15px 0;}
.breakTable tbody tr td{width: 33%;}
@keyframes imageAnimation{0%{ animation-timing-function:ease-in}5%{opacity:1}20%{opacity:1}25%{ animation-timing-function:ease-out;transform:scale(1.1)}to{opacity:1; }}
#totalWorkingDays{text-transform: uppercase;/*opacity: 0;animation-duration: 5s;animation-name: imageAnimation;animation-timing-function: linear;animation-iteration-count: infinite; background: #00a9d4; padding: 10px 25px; */font-weight: 500;text-align: center;margin: auto;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;gap: 1rem;}
#widgets{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-content: center;align-items: center;padding: 0; gap: 3rem;margin: 20px 15px 0;}
#widgets li{ border-radius: 5px;list-style: none;margin:0; padding: 12px; background-color:#fff; font-weight: bold; font-size: 15px; color:#fff;width: 20%;}
#widgets li:last-child{margin: 0;}
#widgets li:nth-child(1) { background: #fb8c00;}
#widgets li:nth-child(2) { background: #ef5350; }
#widgets li:nth-child(3) { background: #15c38b; }
#widgets li:nth-child(4) { background: #00acc1; }
#widgets li:nth-child(5) { background: #43a047; }
.ui-accordion .ui-accordion-header{ text-transform: uppercase; }
.ui-accordion .ui-accordion-header .material-icons{ font-size: 12px;margin: 0 10px 0 0;}
.section{padding:50px 50px;margin:0 auto;width:70%;background-color:#fff;box-shadow:0 1px 1px 0}
#take {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: center;gap: 0.75rem;font-size: 13px;padding: 14px 25px 10px;margin: 0;}
#take svg{width: 15px;fill: #fff;margin-top: -3px;}
/*FAIQ*/

.headWrap{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.headWrap .navbar-header{float: none;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: center;gap: 2rem;}
.navbar .navbar-nav > li > a.dropdown-toggle{padding: 0 12px 0 0px;}
.navbar .navbar-nav > li > a.dropdown-toggle::before {content: '';position: absolute;right: 0;top: 8px;border: 4px solid transparent;border-color: #fff transparent transparent transparent;}
.navbar .navbar-nav > li > a.dropdown-toggle p em{text-transform: capitalize;}
.navbar .navbar-collapse{padding: 0;}
.navbar .navbar-collapse .navbar-right{float: none !important;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;gap: 2rem;}
/*.navbar, .navbar.navbar-default, .card [data-background-color="purple"]{ background: #0e1823;}*/
.navbar, .navbar.navbar-default{background: transparent;}
.navbar, .main-panel > .footer{border: none !important;}
footer .copyright{color: #fff;}
#tt{margin-bottom: 0;}
.cardWrp{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center; gap: 2rem;}
.dropdown-toggle p{font-size: 14px;}
#chngPass{margin: 0;width: 100%;padding: 10px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border: 1px solid #00a9d4 !important;background: #00a9d4 !important;}
.ui-accordion .ui-accordion-content {padding: 10px 25px !important;border: none !important;background: #fafafa;}
.ui-accordion .ui-accordion-header .ui-icon{filter: brightness(0) invert(1);}
.ui-accordion .ui-accordion-header{background: #0e1823; color: #fff;}

.breakPop .form-group{padding: 0;margin: 0 0 30px;}
.breakPop .form-group .form-control{margin: 0;}
.breakPop .btn{margin: 0;background: #00a9d4;}
.breakPop .btn:hover, .closePop:hover{background: #0e1823;}
.closePop { position: absolute;top: 0;right: 0;line-height: 1;display: inline-block;padding: 3px 5px 1px;background: #00a9d4;border-radius: 2px;}
.closePop:hover{}
.closePop svg{width: 15px;fill: #fff;}
.logIcon{position: absolute;bottom: 0;top: 0;right: 0;width: auto !important;opacity: 0.05;height: 70% !important;left: 0;margin: auto;}
.breakMdlWrp{height: 230px;}
body, #myModal{background: url(../../assets/images/bodyBg.svg) 0 0 / cover no-repeat #0e1823;}
/*.alert_success{background: #000 !important;}*/
.card{padding-bottom: 20px;}
.card .table-responsive{margin-top: 20px;}
thead {background: #0e1823;}
thead th {
    padding: 12px 8px !important;
    font-weight: 700 !important;color: #fff;
}
/*FAIQ*/


@media only screen and (min-width: 901px) and (max-width: 983px) {

.navbar .navbar-collapse .navbar-right, .headWrap .navbar-header{gap: 1rem;}


}
@media only screen and (min-width: 0px) and (max-width: 991px) {
#widgets{gap: 0.5rem;}
#widgets li{padding: 12px 6px;font-size: 14px;}
}
@media only screen and (min-width: 901px) and (max-width: 1199px) {
.fixed_button{width: auto;}
#chngPass{padding: 10px 5px;}
}