body {
    font-family: calibri !important;
    background-color: #f5f5f5 !important;
    font-size: 14px !important;
}
.login_form{
    margin:auto;
  padding: 35px;
    text-align: center;
    width: 500px;
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%), 0 9px 26px 0 rgb(0 0 0 / 19%);
    margin-top: 20px;
}.birthday_row
form{
    margin-top:1rem;
}
select {
   padding: 5px 10px;
    outline: 0;
    font-size: 16px !important;
    border-radius: 5px;
    margin-right: 10px !important;
    min-width: 120px;
}
.submit {
    padding: 5px 10px;
    background: #0a3ed0;
    border: 1px solid #0835b1;
    color: #fff;
    border-radius: 5px;
}
.dash_to_navs {
    text-align: center;
}
.login_time {
    position: absolute;
    top: 120px;
    right: 20px;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    background-color: #0b86d2;
    padding: 2px 10px;
}
.dash_nav {
    display: inline-block;
    box-shadow: 0 0 3px 1px #cdccd0;
    /*padding: 10px 20px;*/
    border-radius: 5px;
    margin: 10px;
}
.material-text {
    margin-left: 10px;
}
.material-link {
    display: flex;
    text-decoration:none;
    padding:10px 20px;
}
.material-icons {
    text-decoration: none;
}
table {
    border-collapse: collapse;
    width: 100%;
}
td,th {
    border: 1px solid #dcdcdc;
    border-width: 1px !important;
}
th{
    cursor:pointer;
}
thead {
    background: #777777;
    color: #fff;
    text-align: center;
}
.nav_container {
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
}

.all_navs {
    width: 100%;
    text-align: center;
}

.main_nav {
    display: flex;
    padding: 20px;
    /*margin-bottom: 70px;*/
       box-shadow: 0 1px 1px 0px #d2d2d2;
    
}
.res_alert {
    text-align: center;
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 20px;
    box-shadow: 0 5px 15px 0px;
    font-style: italic;
    color: #fc2301;
    font-weight: bold;
    margin-top:50px;
    margin-bottom:50px;
}
.pass_alert {
    color: forestgreen!important;
}
.pop_alert.pass_alert{
background-color: forestgreen!important;
}
.big_form {
    box-shadow: 0 0 21px 2px #c7c7c7;
    text-align: center;
    padding: 40px;
}
.material-text:hover ,a:hover{
    text-decoration:none;
}
.heading {
    font-family: calibri;
    background: #0b86d2;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    margin-bottom: 30px;    text-align: center;
}

.form-group {
    margin: 10px 0;
}
.btn {
    margin: 30px 10px 10px;
}
.show{
    display:inline-block;
}
.hide{
    display:none;
}

.grid_icon{
    cursor:pointer;
    padding: 0 10px;
}
.grid_icon:hover {
    color: forestgreen;
}
.show_cell {
    display: table-cell;
}
.pop_alert {
    padding: 12px 25px;
    background: #fd6d6d;
    color: #fff;
    margin: 10px 0;
    border-radius: 5px;
    box-shadow: 0px 1px 3px 0px #000;
    font-size: 16px;
    position: relative;
}
.colse_pop {
    position: absolute;
    right: 15px;
    cursor: pointer;
}
.act_row {
    margin: 15px 0;
    font-size: 16px;
}.form-check-input {
    cursor: pointer;
}
.search_box{
    width:500px;
    margin:20px auto;
}


.today_leaves {
    margin-top: 30px;
    font-size: 18px;
}
/* textarea{
    text-transform:capitalize;
} */
.day_tasks {
    text-align: left;
}
.tasks_head {
    font-size: 18px;
    
    font-weight: bold;
}
.line {
   border-bottom: 1px solid #d1d1d1;
    margin-top: 20px;
    margin-bottom: 20px;
}

@keyframes blink {
  0% { color: white; }
  50% { color: red; }
  100% { color: white; }
  
}

.alert_break {
    position: fixed;
    bottom: 10px;
    background: #000;
    background: #000000ba;
    color: #fff;
    font-size: 60px;
    /*right: 10px;*/
    left:0%;
    border: 5px solid #0b86d2;
    border-radius: 10px;
    padding: 25px 50px;
    animation: blink 1s infinite;
}
.datepicker[readonly] {
    background: #fff !important;
    opacity: 1;
}
#notes {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
}
input#uw_task {
    margin-top: 10px;
}
input#search {
    margin-bottom: 20px;
}
.breakall{
    word-break: break-all;
}
.birthday_row {
   background-image: url(https://i.gifer.com/WS2k.gif);
    background-position: center;
    background-size: cover;
    width: 200px;
    font-size: 18px;
    box-shadow: 0px 0px 20px 5px #000000;
    border-radius: 5px;
    padding: 15px;
    position: absolute;
    color: #fff;
    animation-name: anim;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    left: 0px;
    top: 0px;
    text-shadow: 2px 1px black;
}
.birthday_name {
font-size:25px;
}
@keyframes anim {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:83vw; top:0px;}
  50%  {background-color:blue; left:83vw; top:400px;}
  75%  {background-color:green; left:0px; top:400px;}
  100% {background-color:red; left:0px; top:0px;}
}


.img_petals1 {
    position: absolute;
    left: 0;
    width: inherit;
    top: 128px;
}
.img_petals2 {
    position: absolute;
    left: 0;
    width: inherit;
    top: 180px;
}
.popup {
    position: absolute;
    width: 100%;
    background: #00000070;
    top: 0;
    height: 100vh;
    display: none;
}
.popup.show{
    display: block;
}
.close{
     
        position: absolute;
        right: 25px;
        top: 10px;
        background: red;
        width: 25px;
        height: 27px;
        text-align: center;
        font-size: 17px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
    
}
#frm_reject_post {
    width: 60%;
    margin: auto;
    margin-top: 30px;
    background: #fff;
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 5px;
    position: relative;
}
.no-margin {
    margin: 0;
}
.btn-warning {
    color: #fff !important;
}
/* ///////////////// */
.bg_red {
    background: red;
}
.bg_red .brand {
    background: #f5f5f5;
    border-radius: 5px;
}
.bg_red .material-link {
    color: #fff;
}

@media (max-width:992px){
    .main_nav {
        display: block;
    }
    .brand {
        text-align: center;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 2px solid #0a84d0;
    }
    .day_tasks,.tbl_parent {
        max-width: 100vw;
        overflow: auto;
    }
    .login_form{
        max-width: 100%;
    }
    .container {
        max-width: 100%;
        overflow: auto;
    }
       .col-md-6 {
        margin-bottom: 15px;
    }
    input,select {
        margin-bottom: 10px;
    }
    .login_time {
        top: 0;
    }
}
.update_marvin_login,.set_paid {
    margin: 0;
}