@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400&family=Nunito&family=Nunito+Sans:opsz@6..12&display=swap');

.container, .col-1, .col-10, .nopd, .col-6, .col-4
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.topfontstyle strong
{
    color: #901f61;
}
.topfontstyle
{
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.fontmonth
{
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 100px;
    line-height: 110px;
    color: #ffffff;
    font-weight: 600;
}
.nav
{
    padding-left: 125px;
}
.toppadding
{
    padding: 25px 0px 25px 0px;
}
.intropadding
{
    padding: 35px 0px 35px 0px;
}
.introfont
{
    font-size: 36px;
    line-height: 44px;
    font-family: 'Gothic A1', sans-serif;
    color: #8f1860;
    font-weight: 400;
}
.calenderfont
{
    font-size: 26px;
    line-height: 30px;
    font-family: 'Gothic A1', sans-serif;
    color: #2f3640;
    font-weight: 200;
    padding-top: 20px;
}
.font16
{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    color: #000000;
    font-weight: 300;
}
.font16s
{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    color: #000000;
    font-weight: 300;
}
.font14
{
    font-size: 14px;
    line-height: 18px;
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    color: #000000;
    font-weight: 300;
    margin: auto;
}
.font12
{
    font-size: 12px;
    line-height: 16px;
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    color: #8a9199;
    font-weight: 300;
    margin: auto;
}
.font20
{
    font-size: 20px;
    line-height: 28px;
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    color: #000000;
    font-weight: 300;
}
.font24
{
    font-size: 34px;
    line-height: 38px;
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    color:#8f1860;
    font-weight: 300;
}
.activedata i
{
    font-size: 32px !important;
}
.activedata
{
    height:60px;
    width:60px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background:#8f1860;
    color: #ffffff;
}
.nonactivedata
{
    height:60px;
    width:60px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background:#dfbbcc;
    color:#dfbbcc;
}
  .square {
    background-image: linear-gradient(#0e0d0d, #0e0d0d),
                      linear-gradient(#0e0d0d, #0e0d0d),
                      linear-gradient(#0e0d0d, #0e0d0d),
                      linear-gradient(#0e0d0d, #0e0d0d);
  
    background-repeat: no-repeat;
    background-size: 8px 6px;
    background-position: top left, top right, bottom left, bottom right;
  
    border: solid #0e0d0d;
    border-width: 0 6px;
  }
  .box {
    margin: 6px;
    width: 153px;
    height: 79px;
    display: inline-block;
    border-radius: 38px;
    background:#00a0e0;
    position: relative;
    color: #ea088c;
  }  
.font360
{
    display: inline-block;
    font-size: 50px;
    color: #ea088c;
    font-weight: bolder;
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
}
.progress-bar
{
    min-width: 15% !important;
}
.box::before {
    content: "";
    position: absolute;
    height: var(--h,20px);
    width: var(--w,30px);
    background: inherit;
    transform:scale(var(--x,1),var(--y,1));
  }
  
  .box.p-bottom::before{
    top: 98%;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  .box.p-bottom.alt::before{
    clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .box.p-top::before{
    bottom: 100%;
    clip-path: polygon(0 100%, 100% 100%, 50% 0);
  }
  .box.p-top.alt::before{
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
  }
  .box.p-left::before{
    right: 100%;
    clip-path: polygon(100% 0, 100% 100%,0% 50%);
  }
  .box.p-left.alt::before{
    clip-path: polygon(100% 0, 100% 100%,0% 100%);
  }
  .box.p-right::before{
    left: 100%;
    clip-path: polygon(0% 0, 0% 100%,100% 50%);
  }
  .box.p-right.alt::before{
    clip-path: polygon(0% 0, 0% 100%,100% 100%);
  }
  
  .box.right::before{
    right: var(--p,36px);
  }
  .box.left::before {
    left:var(--p,20px);
  }
  .box.top::before{
    top:var(--p,20px);
  }
  .box.bottom::before {
    bottom:var(--p,20px);
  }
sup 
  {
    line-height:0px;
    vertical-align: 0px;
    font-size: 66%;
  }
  .weekdays 
{
  margin: 0;
  padding: 10px 0;
}

.weekdays li {
  display: inline-block;
  width: 13.6%;
  color: #666;
  text-align: center;
}

.days {
  padding: 15px 0;
  margin: 0;
}

.days li 
{
   list-style-type: none;
   display: inline-block;
   width: 13.6%;
   text-align: center;
   margin-bottom: 15px;
   font-size:12px;
   color: #777;
}

        .nav-link, .dropdown-item
        {
            font-size: 12px;
            color: #ffffff;
            padding-right: 25px;
            font-weight: bold;
        }
        sup { line-height: 0; font-size:66%; }
        
          .dropdown-item:hover
          {
            background-color: #797979;
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
            color: #ffffff;
          }
        .nav-link:hover
        {
            color: #fcd91d;
        }
        .nav-link
        {
            padding: 5px 5px ;
        }
        .nav > li{
            padding-left:10px;
            padding-right:10px;
          }
        .navcolor
        {
            background-color:#901f61 !important;
        }
        .dropdown-menu
        {
           position: absolute;
           will-change: transform;
           top: 0px;
           left: 0px;
           transform: translate3d(-62px, 26px, 0px) !important;
        }
        .dropdown-item
        {
            text-overflow: ellipsis;
            padding: 0.25rem 0.6rem !important;
        }
        .bgviolt
        {
            background-color: #797979;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
        }
        .nav-item:hover
        {
            color: #fcd91d;
            
        }
        .borderviolt
        {
            border-bottom: 12px solid #8f1860;
        }
        .col-sm-12
        {
            padding-left: 0%;
            padding-right: 0%;
        }
        .pd20
        {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .pl80
        {
            padding-left: 80px;
        }
        .mobilenone
        {
            display: none !important;
        }
        
        .mobileshow
        {
            display: block !important;
        }
        .dropdown-toggle::after {
            display: none;
        }
        .h3font
        {
            font-size: 18px;
            line-height:24px;
            font-family:NunitoSans-Regular,sans-serif;
            color:#8f1f60;
            font-weight: bold;
        }
        .h4font
        {
            font-size: 14px;
            line-height:20px;
            font-family:NunitoSans-Regular,sans-serif;
            font-weight: bold;
        }
        .f20
        {
            background-color: #00a0df;border-top-left-radius:20px;
            border-bottom-left-radius:20px;
            padding: 04px 0px 04px 0px;
            font-size: 13px;
            line-height: 18px;
            color: #FFFFFF;
            text-align: center;
        }
        .fr20
        {
            background-color: #babfc8;
            border-top-right-radius:20px;
            border-bottom-right-radius:20px;
            padding: 04px 0px 04px 0px;
            font-size: 13px;
            line-height: 18px;
            color: #52575a;
            text-align: center;
            border-left:2px solid #e0e1e1;
        }
        table 
        {
            border-spacing: 0;
            border-collapse:collapse;
             mso-table-lspace:0pt;
              mso-table-rspace:0pt;
        }
        td 
        {
            padding: 0;
        }
        .progress-bar
        {
            padding: 05px 0px 05px 0px;
        }
        .h10
        {
            display: block;
            margin: 05px 0;
            content: "";
        }
        .number
        {
            font-size: 14px !important;
            color:#8f1f60;
            font-weight: bold;
            line-height: 18px !important;
            vertical-align: top !important;
        }
        .tdpara
        {
            text-align: left !important;
            font-size: 14px !important;
            line-height: 18px !important;
            vertical-align: top !important;
        }
        p
        {
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
        }
        .pdlf10
        {
            padding-left: 15px !important;
            padding-right: 20px !important;
        }
        h2.button {
            width: 100%; 
            text-align: center; 
            border-bottom: 2px solid #dbdbdb; 
            line-height: 0.1em;
            margin: 10px 0 20px; 
         } 
         
         h2.button span { 
             color:#FFFFFF; 
             padding:8px 15px;
             font-size: 14px;
             background-color: #8f1860;
             margin: 3px 3px; 
             border-radius: 5px;
         }
         .yellow
         {
            color: #fcd91d;
         }
         .footcenter 
         {
            color: #dbdbdb !important;
         }
         .footcenter a 
         {
            color: #3cb1e5 !important;
         }
         #bottom-fixed
         {
           position:fixed;
           bottom:0px;
           width: 100% !important;
           background-color: #FFFFFF;
           -webkit-box-shadow: 0px -1px 1px rgba(10, 10, 10, 0.75);
           -moz-box-shadow: 0px -1px 1px rgba(10, 10, 10, 0.75);
           box-shadow: 0px -1px 1px rgba(10, 10, 10, 0.75);
       }
       .bottom-fixed.fixed
         {
               display: none !important;
         }
         .seemore.none
         {
           display: none !important;
         }
         .seeless
         {
           display: none !important;
         }
         .seeless.show
         {
           display: block !important;
         }
         .dropdown:hover .dropdown-menu
          {
           display: block;
           margin-top: 0;
           }
           .tophidemenu.none
           {
               display: none !important;
           }
           .row
           {
            margin-left: 0px !important;
            margin-right: 0px !important;
           }
           .progress
           {
                height:50px;
                background-color: none !important;
                border-radius: 30px;
           }
           .card
           {
                border-radius: 25px !important;
           }
           .card-header, .card-header:first-child
           {
            background-color: #8f1860;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            color: #dbdbdb;
           }
           .card-footer, .card-footer:last-child
           {
            background-color: #FFFFFF;
            border-bottom-right-radius: 25px;
            border-bottom-left-radius: 25px;
            color: #dbdbdb;
           }
           i.circle {
            display: inline-block;
            border-radius: 30px;
            border:1px solid #8f1860;
            padding: 0.2em 0.2em;
            color: #8f1860;
            font-size: 14px;
            font-weight: lighter;
          }
           i.circle1 {
            display: inline-block;
            border-radius: 30px;
            border:1px solid #8b919a;
            padding: 0.2em 0.4em;
            color: #8b919a;
            font-size: 14px;
            font-weight: lighter;
          }
           i.circlebig {
            display: inline-block;
            border-radius: 50px;
            border:2px solid #8f1860;
            padding: 0.3em 0.3em;
            color: #8f1860;
            font-size:30px;
            font-weight: lighter;
          }
          .fa-check:before {
            content: "\f00d";
        }
        .answers-info {
            display: flex;
            justify-content:left;
            font-size: 15px;
            margin-bottom: 21px;
            padding-left: 25px;
            padding-top: 25px;
            color: #52565a;
        }
        .answers-info>:not(:last-child) 
        {
            margin-right: 30px;
        }
        .no::before {
            font-family: "FontAwesome";
            width: 13px;
            height: 13px;
            content: "\f111";
            color: #009fdf;
            border-radius: 50%;
            margin-right: 5px;
            flex-shrink: 0;
            vertical-align: middle;
        }
        .no, .no-response
        {
            padding-top: 4px;
        }
        .dateno::before {
            font-family: "FontAwesome";
            width: 13px;
            height: 13px;
            content: "\f111";
            color: #009fdf;
            border-radius: 50%;
            margin-right: 5px;
            flex-shrink: 0;
            vertical-align: middle;
        }
        .no-response::before 
        {
            font-family: "FontAwesome";
            width: 23px;
            height: 23px;
            font-size: 16px;
            content: "\f10c";
            color: #8a9199;
            border-radius: 50%;
            flex-shrink: 0;
            vertical-align: middle;
            display: inline-block;
        }
        .yes::before {
            font-family: "FontAwesome";
            content: "\f111";
            background-color: #8a9199;
            color: #FFFFFF;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            text-align: center;
            padding: 3px;
            font-size: 11px;
            display: inline-block;
            margin-right: 5px;
        }
        .yesno::before {
            font-family: "FontAwesome";
            content: "\f111";
            background-color: #8a9199;
            color: #FFFFFF;
            /* margin-right: 5px; */
            width: 29px;
            height: 29px;
            border-radius: 50%;
            text-align: center;
            padding: 7px;
            font-size: 11px;
            display: inline-block;
            margin-bottom: 10px;
        }
        .yes_date::before {
            font-family: "FontAwesome";
            content: "\f111";
            background-color: #8a9199;
            color: #FFFFFF;
            /* margin-right: 5px; */
            width: 29px;
            height: 29px;
            border-radius: 50%;
            text-align: center;
            padding: 7px;
            font-size: 11px;
            display: inline-block;
            margin-bottom: 10px;
        }
        .dateno::before 
        {
            font-family: "FontAwesome";
            width: 13px;
            height: 13px;
            content: "\f111";
            color: #009fdf;
            border-radius: 19%;
            margin-right: 0px;
            flex-shrink: 0;
            vertical-align: middle;
            font-size: 15px;
            display: inline-block;
        }
        .novaluesindata::before 
        {
            font-family: "FontAwesome";
            width: 13px;
            height: 13px;
            content: "\f111";
            color: #e9eaea;
            border-radius: 19%;
            margin-right: 0px;
            flex-shrink: 0;
            vertical-align: middle;
            font-size: 15px;
            display: inline-block;
        }
        .no_date::before 
        {
            font-family: "FontAwesome";
            width: 13px;
            height: 13px;
            content: "\f111";
            color: #009fdf;
            border-radius: 19%;
            margin-right: 0px;
            flex-shrink: 0;
            vertical-align: middle;
            font-size: 15px;
            display: inline-block;
        }
        
        .no-response_date::before {
            font-family: "FontAwesome";
            width: 23px;
            height: 23px;
            font-size: 16px;
            content: "\f10c";
            color: #8a9199;
            border-radius: 50%;
            flex-shrink: 0;
            vertical-align: middle;
            display: inline-block;
        }
        .calendar-container {
            background: #fff;
            width: 100%;
            border-radius: 10px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
        }
         
        .calendar-container header {
            display: flex;
            align-items: center;
            padding: 5px 30px 5px;
            justify-content: space-between;
            background-color: #edebec !important;
            border-top-left-radius: 11px;
            border-top-right-radius: 11px;
        }
         
        header .calendar-navigation {
            display: flex;
        }
         
        header .calendar-navigation span {
            height: 38px;
            width: 38px;
            margin: 0 1px;
            cursor: pointer;
            text-align: center;
            line-height: 38px;
            border-radius: 50%;
            user-select: none;
            color: #aeabab;
            font-size: 1.9rem;
        }
         .calendar-container .calendar-header
         {
            padding: 15px;

         }
        .calendar-navigation span:last-child {
            margin-right: -10px;
        }
         
        header .calendar-navigation span:hover {
            background: #f2f2f2;
        }
         
        header .calendar-current-date {
            font-weight: 400;
        }
        header .calendar-current-date-two {
            font-weight: 400;
        }
        header .calendar-current-date-three {
            font-weight: 400;
        }
         
        .calendar-body {
            padding: 10px;
        }
         
        .calendar-body ul {
            list-style: none;
            flex-wrap: wrap;
            display: flex;
            text-align: left;
        }
         
        .calendar-body .calendar-dates {
            margin-bottom: 20px;
        }
         
        .calendar-body li {
            width: calc(100% / 7);
            font-size: 1.07rem;
            color: #414141;
        }
         
        .calendar-body .calendar-weekdays li {
            cursor: default;
            font-weight: 500;
            color: #8a9199 !important;
            font-size: 14px !important;
        }
         
        .calendar-body .calendar-dates li 
        {
            margin-top: 5px;
            margin-bottom: 5px;
           position: relative;
            cursor: pointer;
        }
        .calendar-body .calendar-dates-two li {
            margin-top: 5px;
            margin-bottom: 5px;
            position: relative;
            cursor: pointer;
        }
        .calendar-body .calendar-dates-three li {
            margin-top: 5px;
            margin-bottom: 5px;
            position: relative;
            cursor: pointer;
        }
         
        .calendar-dates li.inactive {
            color: #aaa;
        }
         .mobilevisible
         {
            display: none;
         }
        @media only screen and (min-device-width: 581px) and (max-device-width: 1024px)
        {
            .h3font
                {
                    font-size: 16px;
                    line-height:24px;
                    font-family:NunitoSans-Regular,sans-serif;
                    color:#8f1f60;
                    font-weight: bold;
                }
        }
        @media only screen and (min-width: 320px) and (max-width: 580px)
        {
        .mobpadding
        {
            padding: 10px 0px 0px 0px !important
        }
        .mobilecenter
        {
            text-align: center !important;
        }
        .footborder
        {
            display: table;
            width: 100%;
        }
        .footerlogo_revers
        {
            display: flex;
            justify-content: space-between;
            width: 100%;
            flex-direction: column;
        }
        .one {
            order: 2;
            width: 100% !important;
            text-align: center !important;
          }
        .two {
            order: 1;
            width: 100% !important;
            text-align: center !important
          }
            .mobilevisible
         {
            display: block !important;
            text-align: right;
            margin: 0 auto !important;
         }
         .mobilefontbottom
         {
            font-size: 10px !important;
         }
         .m95
         {
            width:95% !important;
         }
         .m5
         {
            width:5% !important;
         }
         .mobilevisible a
         {
            padding-left: 25px !important;
            font-size: 30px !important;
            color:#f9d816 !important;
         }
         .tdgreatpd
         {
            padding-left: 5px !important;
            padding-right: 5px !important;
            padding-bottom: 20px !important;
         }
         .bgwhitesub li.nav-item .nav-link
         {
            color:#8f1f60 !important;
            padding: 10px 10px !important;
            font-size: 14px !important;
            display: block !important;
         }
         .bgwhitesub2 li.nav-item.ods
         {
            padding-left: 35px !important;
         }
         .bgwhitesub2 li.nav-item .nav-link_second
         {
            color:#149fd9 !important;
            padding-top: 15px !important;
            font-size: 14px !important;
            line-height: 18px !important;
            font-weight: bold !important;
            display: block !important;
         }
         .bgwhitesub2
         {
            background-color: #ffffff !important;
            display: block !important;
         }
         .bgwhitesub
         {
            background-color: #ffffff !important;
            padding-top:20px !important;
            display: block !important;
            padding-left: 15px !important;
         }
         .pdlf10
         {
            padding-left: 20px !important;
         }
        .h3font
        {
            font-size: 16px;
            line-height:24px;
            font-family:NunitoSans-Regular,sans-serif;
            color:#8f1f60;
            font-weight: bold;
        }#collapsibleNavbar
        {
            border-bottom: 2px solid yellow;
            padding-bottom: 15px;
        }
        #container { display:flex; flex-direction: column; text-align:center;}
        #items { order: 2 }
        #logo { order: 1 }
        .nav
            {
                padding-left: 5px !important;
            }
        .none
        {
            display: none !important;
        }
                .pl80
                {
                    padding-left: 20px !important;
                }
            .nav-link
            {
                padding: 3px 12px !important;
            }
            .nav-link, .dropdown-item
            {
                font-size: 10px !important;
                line-height: 14px !important;
            }
            .dropdown-item
            {
                padding: 0.35rem 0.7rem;
            }
            .show
            {
                display: block !important;
            }
            .nav > li
            {
                padding-left: 3px !important;
                padding-right: 3px !important;
            }
            .onebyone .one 
            {
                display:block !important;
                width:100% !important;
                text-align: center !important;
            }
            .dropdown-menu
            {
                right: 0 !important;
                top:165px !important;
                left:0 !important;
                position:fixed !important;
                transform:none !important;
                padding: 0px !important;
            }
            .bgviolt
            {
                background-color: #797979;
                border-bottom-left-radius: 2px;
                border-bottom-right-radius: 2px;
            }
            .mobileshow
            {
                display: none !important;
            }
            .mobilenone
            {
                display: block !important;
            }
            .font16s
                {
                    font-size: 12px;
                    line-height: 16px;
                    font-family: 'Nunito', sans-serif;
                    font-family: 'Nunito Sans', sans-serif;
                    color: #000000;
                    font-weight: 300;
                }
            .borderdd td
            {
               padding: 7px 0px 7px 0px !important;
               text-align: center !important;
            }
            .borderdd td a.link
            {
                font-size: 11px !important;
                text-align: center !important;
            }
            .borderdd td.first 
            {
                border-bottom: 1.5px solid #FFFFFF;
                border-right: 1.5px solid #FFFFFF;
                border-top: 1.5px solid #FFFFFF;
            }
            .second
            {
                border-top: 1.5px solid #FFFFFF;
            }
            .tdpara
            {
                padding-left: 10px !important;
            }
            .w5
            {
                width: 1% !important;
            }
            .w90
            {
                width: 98% !important;
            }
            .footer a
            {
                text-align: center !important;
            }
            .br
            {
                display: block !important;
            }
            .footcenter
            {
                text-align: center !important;
            }
            .footborder td
            {
               display: block !important;
               width: 100% !important;
               padding-bottom: 20px;
            }
            .nopd
            {
                padding-left: 0px !important;
            }
            .mobheadfont
            {
                font-size: 14px !important;
                line-height: 18px !important;
            }
           .w-100
           {
                max-width: 100% !important;
                flex: 0 0 100% !important;
                padding-bottom: 20px !important;
           }
           .pd06s
           {
            padding: 30px 0px 0px 0px !important;
           }
           .pd10s
           {
            padding: 10px 0px 0px 0px !important;
           }
           .mr06s
           {
            margin-right: 05px !important;
           }
           .mnone
           {
            display: none !important;
           }
           .c8
           {
            width: 80% !important;
           }
           .prpdleft20
           {
            padding-left: 15px !important;
           }
           .weekdays li, 
           .days li 
           {
                width: 12.5%;
            }
            .days li .active 
            {
                padding: 2px;
            }
        }
        /* mobile css end here */
        @media only screen and (min-width: 581px) and (max-width: 768px)
        {
            .nav
            {
                padding-left: 10px !important;
            }
            .nav-link, .dropdown-item
            {
                font-size: 10px !important;
                line-height: 14px !important;
            }
            .container, .container-sm
            {
                width: 100% !important;
                max-width: 100% !important;
            }
            .m95
            {
                width:95% !important;
            }
            .m5
            {
                width:5% !important;
            }
            .mobilefontbottom
            {
                font-size: 12px !important;
                line-height: 16px !important;
            }
            .mobheadfont
            {
                font-size: 14px !important;
                line-height: 18px !important;
            }
            .prpdleft20
            {
                padding-left:15px !important;
            }
            .mobpadding
            {
                padding-top:15px !important;
            }
        }
        @page 
            {
                size: A4;
                margin: 0;
            }
        @media print 
        {
           
            #sectiontoprint 
            {
                visibility: visible;
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
            }
            html, body 
                {
                width: 210mm;
                height: 297mm;
              }
              .printvisible
              {
                display:block !important;
              }
            #nodisplayprint
            {
                display: none !important;
            }
            .pw30
            {
                width: 30% !important;
            }
            .pw70
            {
                width: 70% !important;
            }
            .pw10
            {
                width:5% !important;
            }
            .pw80
            {
                width:90% !important;
            }
            #logo, #logo2
            {
                margin-left: -20px !important;
            }
            .col-md-6{
                -ms-flex: 0 0 50% !important;
                flex: 0 0 50% !important;
                max-width: 50% !important;
            }
            .col-md-8 {
                -ms-flex: 0 0 70% !important;
                flex: 0 0 70% !important;
                max-width: 70% !important;
            }
            .col-md-4 {
                -ms-flex: 0 0 30% !important;
                flex: 0 0 30% !important;
                max-width: 30% !important;
            }
           .prt10
           {
            padding-top: 20px !important;
           }
           .prpdleft20
           {
            padding-left: 25px !important;
           }
           .days {
            padding: 5px 0;
            margin: 0;
          }
          .pdb0
          {
            padding-bottom: 5px !important;
          }
          .calendar-body
          {
            padding: 1px !important;
          }
          .calendar-body .calendar-dates, .calendar-body .calendar-dates-two, .calendar-body .calendar-dates-three
          {
            margin-bottom: 3px !important;
          }
          .calendar-body .calendar-dates-three li, .calendar-body .calendar-dates-two li, .calendar-body .calendar-dates li
          {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
          }
          .removevalue2
                {
                    min-width: 10% !important;
                    width:10% !important;
                    font-size: 0% !important;
                    background-color: #ededed !important;
                    border-top: 2px solid #8b919a !important;
                    border-bottom: 2px solid #8b919a !important;
                }
                .adddatavalue2
                {
                    min-width: 10% !important;
                    padding-right: 10px !important;
                }
                .removevalue
                {
                    min-width: 10% !important;
                    width:10% !important;
                    font-size: 0% !important;
                    background-color: #ededed !important;
                    border-top: 2px solid #8b919a !important;
                    border-bottom: 2px solid #8b919a !important;
                }
                .adddatavalue
                {
                    min-width: 10% !important;
                    padding-left: 10px !important;
                }
        }