/* Inside Page Right and Left Section Define Start */
.mainsecionarea{
    width:100%;
    display:flex;
    margin:0px;
}
.leftsectionare{
    width:80%;
}
.rightsectionare{
    width:20%;
}

.logo-img{
    width: 40%; 
}




.fa-bell{
    font-size: 23px;
    color: #124070;
}

.notification{
    background: #134174;
    border-radius: 50px;
    color: #fff;
    padding: 3px 8px;
    font-weight: 600;
}




@keyframes blink {
    0%   { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 1; }
}

.blink {
    animation: blink 1s infinite;
    background: red;
}
















/* Task Activity */
.tdwidth03{
    width: 3%;
}
.tdwidth05{
    width: 5%;
}
.tdwidth08{
    width: 8%;
}
.tdwidth1{
    width: 10%;
}
.tdwidth15{
    width: 15%;
}
.tdwidth22{
    width: 22%;
}
.tdwidth25{
    width: 25%;
}
.tdwidth275{
    width: 27.5%;
}
.tdwidth10{
    width: 100%;
}
div.dataTables_wrapper{
    width:99%;
}
th, td{
    font-size:15px;
}










/* Mobile View Start */
@media screen and (max-width: 481px) {
    
    .navbar>.container-fluid{
        flex-wrap: nowrap;
    }
    .logo-img{
        width: 50%;
    }
    .mobhid{
        display: none;
    }

    .navbar-expand-lg .navbar-nav{
        display: flex;
        flex-direction: row;
    }
    .navbar .nav-link{
        padding: 0px;
    }


    .mainsecionarea {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .leftsectionare{
        padding: 0px;
        width:100%;
    }
    .rightsectionare{
        margin-top: 0%;
        width: 100%;
        box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.15);
        padding: 10% 10px;
    }


    .msgmbord{
        display: flex !important;
        flex-wrap: wrap;
        max-width: 80%;
    }
    .subscriber-list{
        flex-wrap: wrap;
        max-width: 80%;
    }

    .message-title{
        font-size: 15px !important;
    }
    .message-meta,
    .message-summary {
        font-size: 13px !important;
    }

    h3{
        font-size: 18px;
    }
    .message-thread>div.align-items-start>div.flex-grow-1>div.mt-2{
        font-size: 13px;
    }
    .message-thread>div.align-items-start>div.flex-grow-1>div.mt-2>p{
        font-size: 13px;
    }
    .message-thread>div.align-items-start>div.flex-grow-1>div.mt-2>div{
        font-size: 13px;
    }
    .message-thread>div.align-items-start>div.flex-grow-1>div.mt-2>span{
        font-size: 13px;
    }


}
/* Mobile View End */

/* Desktop View Start */
@media screen and (min-width: 481px) {
    /*.main-content>div.container-fluid  {*/
    /*    margin-top: 5.5%;*/
    /*}*/
    
    /*.rightsectionare{*/
    /*    position: fixed;*/
    /*    right: 0;*/
    /*}*/
    /*.navbar{*/
    /*    position:fixed;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    z-index: 1000;*/
    /*    background-color: #fff;*/
    /*}*/

}
/* Desktop View End */

/* Inside Page Right and Left Section Define End */



/* Login Page start */


.maintitlel{
  /* position: absolute; */
width: 561px;
height: 122px;
left: 146px;
top: 305px;

font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 61px;

color: #000000;

}

.usernamel{
  /* Username */

/* position: absolute; */
width: 116px;
height: 29px;
left: 146px;
top: 474px;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
/* identical to box height */

color: #000000;


}

.usernameli{
/* Rectangle 1 */

/* position: absolute; */
width: 596px;
height: 90px;
left: 146px;
top: 519px;

background: #FFFFFF;
box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.15);
border-radius: 10px;

}

.passwordl{
/* Password */

position: absolute;
width: 111px;
height: 29px;
left: 146px;
top: 656px;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
/* identical to box height */

color: #000000;


}

.passwordli{
  /* Rectangle 2 */

/* position: absolute; */
width: 596px;
height: 90px;
left: 146px;
top: 701px;

background: #FFFFFF;
box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.15);
border-radius: 10px;

}

.loginl{
  /* Group 1 */

position: absolute;
width: 174px;
height: 64px;
left: 146px;
top: 848px;


}


/* Login Page End */





/* Admin Start */
.pbicon-img,
.cpicon-img{
    width: 15px;
}
        .sbabtn{
            border: 1px solid #5A5A5A;
            border-radius: 50px;
            /* text-decoration:none; 
            color:inherit; */
            margin: 0px 15px;
            padding: 5px 15px;
            font-weight: 500;
            color: #fff;
            cursor: pointer;
            background-color: #44973D;
            text-align: center;
        }

/* Admin End */









































/* Common Section S */

.tac{
    text-align: center;
}

.pl5p{
    padding-left: 5%;
}

.msgmbord{
    margin-bottom: 30px;
}
/* Common Section E */





.navbar {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
    border-bottom: 1px solid #E2E2E2;
}
.main-content {
    background-color: #FFFCFA !important;
}
.dflex{
    display: flex;
}
.aicenter{
    align-items: center;
}
.gap10{
    gap:10px;
}

.navbar-expand-lg .navbar-nav {
   align-items: center;
}

.navbar .nav-link {
    color: #000;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #000 !important;
    border-bottom: 5px solid orange;
    margin-bottom: -18%;
    padding-bottom: 22%;
}

.nblue{
    color: #114171;
}
.nbluebtn{
    color: #fff;
    background: #114171;
    border: 1px solid #114171;
}
.nbluebtn:hover{
    color: #fff;
    background: #114171;
    border: 1px solid #114171;
}

.bold{
    font-weight: bold;
}

.fs600{
    font-weight: 600;
}

.red-text{
    color: red;
}
.orange-text{
    color: orange;
}
.todo-scroll-area {
    max-height: 300px;   /* jitni height chaho set kar lo */
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
}

/* Padding */
.ptb10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.prl50{
    padding-right: 50px;
    padding-left: 50px;
}
.pt0{
    padding-top: 0px;
}
.pt0i{
    padding-top: 0px !important;
}
.p-0{
    padding: 0px;
}
.p-0i{
    padding: 0px !important;
}
/* Margin */
.m-0{
    margin:0px;
}
.m-0i{
    margin:0px !important;
}
.ml0{
    margin-left: 0px;
}
.mr0{
    margin-right:0px;
}
.mb0{
    margin-bottom:0px;
}
.mlr0{
    margin-left: 0px;
    margin-right: 0px;
}


.w-100{
    width: 100%;
}
.w-100i{
    width: 100% !important;
}


/* Font */
.fs28{
    font-size: 28px;
}
.fs12{
    font-size: 12px;
}


.bggreen{
    background: #44973D;
}
.bggreen:hover{
    background:orange;
}



/* Welcome to 1Solutions Workspace! */


.bb1px{
    border-bottom: 1px solid #b1b1b1;
}
.br1px{
    border-right: 1px solid #b1b1b1;
}
.bt1px{
    border-top: 1px solid #b1b1b1;
}
.bl1px{
    border-left: 1px solid #b1b1b1;
}


.dblock{
    display: block;
}


.pointer{
    cursor: pointer;
}

.wauto{
    width: auto !important;
}



.section-title {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0;
}

.section-title::before,
.section-title::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #E2E2E2;
}

.section-title:not(:empty)::before {
  margin-right: .75em;
}

.section-title:not(:empty)::after {
  margin-left: .75em;
}

.section-title span {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}

.cardboxsec{
    box-shadow: 0 0 40.5px 0 rgba(0,0,0,.1);
}

.borderright{
    border-right: 1px solid #E2E2E2;
}

.calendar th, .calendar td {
    padding: 0px !important;
    font-size: 12px !important;
    height: 40px !important;
}

.calendar td:hover {
    color: #000;
}


.mw99{
    max-width: 99% !important;
}
.mw100{
    max-width: 100% !important;
}


.btn-orange{
    background-color: orange;
    color: white;
    border: none;
}
.btn-orange:hover{
    background-color: darkorange;
    color: white;
    border: none;
}
.br50{
    border-radius: 50px;
}



.table td, .table th {
    white-space: normal !important;
}

.tooltip1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltiptext1 {
  visibility: hidden;
  width: 500px;
  /* background-color: black; */
  background-image: linear-gradient(310deg, #2dce89 0%, rgb(37.6852589641, 172.5147410359, 170.8398406375) 100%);
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: -35px;
  left: 85%;
}

.tooltip1:hover .tooltiptext1 {
  visibility: visible;
}