@import url("style_panel/login.css");
@import url("style_panel/header.css");
@import url("style_panel/navmenu.css");
@import url("style_panel/smartform.css");
@import url("style_panel/calender.css");
@import url("style_panel/selectdate.css");
*, :after, :before {
    box-sizing: border-box;
}
body{
    background: #ffffff;
}
input:focus,
button:focus,
.form-control:focus{
	outline: none;
	box-shadow: none;
}

.form-control:disabled, .form-control[readonly]{
	background-color: #fff;
}
.btn-block+.btn-block {
     margin-top: 0rem !important; 
}
#top_headbar{
    background: #093174;
    padding: 8px 0px;
    color: #fff;
    height: 50px;
    line-height: 1.7;
}
#top_headbar .topmenu{
  list-style: none;
  display:flex;
  float:right;
  margin-bottom: 0px;
}
#top_headbar h5{
    margin-bottom:0px;
}
#top_headbar .topmenu>li>button{
    border: 1px solid #fff;
    padding: 0px 5px;
    width: 35px;
    line-height: 1.1;
    height: 35px;
    margin-left: 10px;
    border-radius: 50%;
    text-align:center;
}

#top_headbar .topmenu>li>button i{
    font-size:1.5em;
}

#top_subheadbar{
    background: #fff;
    padding: 10px 0px 5px;
    color: #080808;
}

#top_subheadbar .searchbar{
    border:1px solid #b4b4b4;
    box-shadow: none;
    border-radius:0.8rem;
}

#top_subheadbar .searchbar::-webkit-input-placeholder{
  color: #cecece !important;
}

#recordlist {
    padding-top: 14.5em;
    height: 100vh;
}

#recordlist .recordscrolldiv{
    border: 0;
    -webkit-box-shadow: 0 20px 25px -5px rgba(0,0,0,.07),0 10px 10px -5px rgba(0,0,0,.05)!important;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.07),0 10px 10px -5px rgba(0,0,0,.05)!important;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.8rem;
    margin-bottom: 1rem;
}


#recordlist .recordscrolldiv .recordsecbody {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem;
}

.activerecordlistdiv{
    border-left: 5px solid #06ef06;
}

.recordsecbody ul{
    list-style: none;
/*    display: flex;
    padding-left: 0rem;
    margin-left: 0rem;*/
    width: 100%;
    position: relative;
}

.recordsecbody ul li{
    /*display: inline-block;*/
    color:#888;
    font-size:0.85em;
}
/*.recordsecbody ul li:first-child:after
{
    color: #080808;
    content: '|';
    margin-left: 0.5em;
    margin-right: 0.5em;
}*/

.button-wrap{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.button-wrap button{
    display:inline-block;
    width:25%;
    position: relative;
}

.button-wrap button .countbadge {
    height: 20px;
    min-width: 20px;
    top: -5px;
    right: 20%;
    padding: 3px;
    border: 2px solid #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8e8e8e;
    position: absolute;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
.linetop{
    text-align: center;
    margin: 0 auto;
    background: #dfeffb;
    height: 4px;
    width: 20%;
    display: block;
    border-radius: 0.8em;
}
#box_addleadbyagent {
    top:0;
}
#box_connection,#box_followup,#box_addleadbyagent {
    position: fixed;
    bottom: 0;
    z-index: 1111;
    left: 0;
    right: 0;
    padding:20px;
    background: #fff;
    display: none;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    -webkit-box-shadow: 0 20px 25px -5px rgba(0,0,0,.07),0 10px 10px -5px rgba(0,0,0,.05)!important;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.07),0 10px 10px -5px rgba(0,0,0,.05)!important;
}
.closeconnectpanel {
    right: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 0;
    font-size: 2.2em;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    background: #efefef;
    color: #000;
    cursor: pointer;
    transition: all 0.2s ease-in;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.04), 0 2px 10px 0 rgba(0,0,0,0.04);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.04), 0 2px 10px 0 rgba(0,0,0,0.04);
}
@media (max-width: 768px){

}

.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
}

@keyframes slideDown {
  0% {
    transform: translateY(-150%);
  }
  50% {
    transform: translateY(8%);
  }
  80% {
    transform: translateY(4%);
  }
  100% {
    transform: translateY(0%);
  }
}
.slideUp {
  transform: translateY(-150%);
  display:block;
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}

.addsection {
    text-align: center;
    padding-top: 0em;
    transition: all 0.5s ease;
    display:none;
}

.addsection.activesection {
    height: 100%;
    display:block;
    width: 100%;
    text-align: center;
}

.addsection .button-wrapper{
    display:flex;
    transition: all 0.5s ease-in-out;
}

.addsection .button-wrapper button{
    box-shadow: none;
    padding: 10px;
    border-radius: 0;
    margin: 0px 5px;
    display: inline-block;
    width: 100%;
    border-radius:0.8rem;
    cursor: pointer;
}

.addsection .button-wrapper button:first-child{
    margin-left:0px;
}
.addsection .button-wrapper button:last-child{
    margin-right:0px;
}

.addform{
    text-align: center;
    padding-top: 0px;
    transition: all 0.5s ease;
    display:none;
}

.addform.activeaddform{
    display:block;
}

.calldo{
    background:#093174;
    color: #fff;
}
.whatsappdo{
    background:#093174;
    color: #fff;
}
.maildo{
    background:#093174;
    color: #fff;
}

.skipdo{
    border:1px solid #093174;
    background:#fff;
    color: #093174;
}

.divactive>.recordscrolldiv:after{
    content: '';
    background: #25D366;
    height: 75%;
    width: 3px;
    position: absolute;
    left: -2px;
    border-radius: 100px;
    top: 15%;
}



#boxtoggle{
    position: fixed;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
    padding:20px;
    background: #cacaca;
}

.btn_css{
    text-transform: uppercase;
    vertical-align: bottom;
    border-radius: 0.8rem;
    font-weight: 500;
    padding: .625rem 1.5rem .5rem;
    font-size: .75rem;
    line-height: 1.5;
    margin: 0 0.2em;
}

.btn-reset{
    border:1px solid #093174;
    background: #fff;
    color: #093174;
}

.btn-submit{
    border:1px solid #093174;
    background: #093174;
    color: #fff;
}

.add_followup{
    background: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    margin: 0;
    float: right;
    top: 0;
    right: 10px;
}
.add_followup i{
    font-size: 1.8em;
    color:#093174;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #000;
    background-color: rgba(243,247,250, 0.1);
    opacity: 0;
    z-index: 80;
    transition: opacity 0.3s ease-in-out, height 0.3s ease-out;
    overflow: hidden;
}

.filtershow {
    position: absolute;
    transform: translate3d(-450px, 0, 0);
    transition: 300ms cubic-bezier(0.4, 0.0, 0.6, 1);
    
}
.overlay.show {
    opacity: 1;
    backdrop-filter: blur(10px) ;
    height: 100%;
}

.filtershow.show {
    position: absolute;
    right: 5px;
    left: 5px;
    top: 15%;
    z-index: 1111;
    transform: translate3d(0px, 0, 0);
    transition: 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}


.div-close {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    float: right;
    display: block;
    
    position: absolute;
    top: -2px;
    color: #fff;
    right: 0;
    background: transparent;
    padding: 0;
    border: none;
    margin: 0;
    line-height: 0.7;
}
.headsidebartitle{
    float: right;
    padding: 5px 0px;
    margin: 0;
}
.headsidebartitle2{
    margin: 0;
    text-align: left;
}


/*Filter Section Show And Hide*/
.overlay_filter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #000;
    background-color: rgb(243,247,250);
    opacity: 0;
    z-index: 8888;
    transition: opacity 0.3s ease-in-out, height 0.3s ease-out;
    overflow: hidden;
}

.filtersecshow {
    position: absolute;
    transform: translate3d(-450px, 0, 0);
    transition: 300ms cubic-bezier(0.4, 0.0, 0.6, 1);
    
}
.overlay_filter.show {
    opacity: 1;
    backdrop-filter: blur(10px) ;
    height: 100%;
}

.filtersecshow.show {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 0px;
    height:100%;
    background: #fff;
    z-index: 99999;
    transform: translate3d(0px, 0, 0);
    transition: 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}

.filtertab,.sorttab{
    padding:5px 10px;
    text-align:center;
    border: 1px solid #093174;
    background: #fff;
    color: #093174;
    width:100%;
}

.filtertab.show,.sorttab.show{
    background:#093174;
    color:  #fff;
}

.tabs_section{
    padding: 10px;
    border-top: 1px solid #ccc;
    overflow: scroll;
    margin: 0px;
    display: none;
    position: fixed;
    top: 90px;
    right: 0px;
    bottom:50px;
    left: 0px;
    box-sizing: border-box;
}
.tabs_section.show{
    display:block;
}

.tabs_sectionx{
    margin: 0px;
    display: none;
    box-sizing: border-box;
}
.tabs_sectionx.show{
    display:block;
}

.tabbtn {
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #093174;
    background: #fff;
    color: #093174;
    width: 100%;
}
.tabbtn.show {
    background: #093174;
    color: #fff;
}

.fileterheader{
    padding:8px 10px;
    background: #093174;
    display: block;
    font-size: 2.2rem;
    color: #fff;
    position: fixed;
    width: 100%;
    box-sizing: inherit;
}
.filterlisttag,.orderlisttag{
    list-style: none;
    margin: 0;
    padding: 0;
}

.filterlisttag>li,.orderlisttag>li{
    position: relative;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #f1f0f0;
    clear: both;
    margin-bottom: 0.5em;
    border-radius: 0.8em;
}

.orderlisttag>li label{
    padding-bottom: 10px !important;
}

.filterlisttag > li:after {
	position: absolute;
	content: "\f102";
	font-family: "ionicons";
	right: 10px;
	color: #ddd;
	font-size: 25px;
        top: 2px;
	transition: all .2s ease-in-out;
	transform: rotate(0deg)
}

.filterlisttag > li.active:after {
	transform: rotate(90deg);
        color: #3eec3e;
}



.filterlisttag > li h4 {
    padding: 0;
    margin: 0;
    font-size: 1.2em;
    color: #b5b5b5;
    font-weight: 400;
}

.filterlisttag ul {
	display: none;
	position: relative;
	background-color: #fff;
	float: left;
	margin-top: 16px;
	padding-top: 5px;
}

.filterlisttag > li.active > ul {
	display: block;
        padding: 0px;
        list-style: none;
        width:100%;
        padding-top: 5px;
        padding-bottom: 10px;
}



.usefilterbutton{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    border: 0;
    padding: 10px 5px;
    background: #093174;
    color: #fff;
}



/*Coustom Accordian*/

.acc-content {
    width: 100%;
    margin: 0 auto;
    display: none;
    background: #ffffff;
    padding: 10px;
    height: auto;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
}


.acc_followuplistrecord{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    margin-bottom: 0.5em;
}
.acc_followuplistrecord .body_secc{
    padding:5px 10px;
}

.acc_followuplistrecord .body_secc ul{
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    display: -ms-flexbox!important;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
/*    margin: 0.5em 0em 0.2em;*/
    
}

.acc_followuplistrecord .body_secc ul li{
    width:100%;
    text-align:left;
    padding-left:0.3em;
}

.acc_followuplistrecord .body_secc ul li:first-child{
    border-right:1px solid #c2c2c2;
    padding-left:0em;
}

.acc_followuplistrecord .body_secc ul li:last-child{
    border-left:1px solid #c2c2c2;
}

.comments{
    font-size: 1.1em;
    margin-bottom: 0.2em;
}

.text-content{
    color: #bfbfbf;
}

.statusshow{
    border: 1px solid #bfbfbf;
    border-radius: 0.8rem;
    color: #bfbfbf;
    font-size: 0.9em;
    padding: 0.2rem 0.5rem;
}

.tabsfilter{
    display: flex;
    width: 100%;
    margin-top: 45px;
    padding: 0.2em 0;
}
.tabsfilter li{
    width:100%;
    display: inline-block;
    margin:0em 0.2em;
}
.tabsfilter li > button{
    border-radius:0.8em;
}

.tabsattended{
    display: flex;
    width: 100%;
    padding: 0.2em 0;
    margin-bottom:0em;
}
.tabsattended li{
    width:100%;
    display: inline-block;
    margin:0em 0.2em;
}
.tabsattended li > button{
    border-radius:0.8em;
}

.searchbutton{
    position: absolute;
    right: 0;
    background: #bdbdbd;
    border:1px solid #bdbdbd;
    border: 0;
    color:#fff;
    top: 0px;
    font-size: 1.4rem;
    padding: 0px 15px;
    border-bottom-right-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
}

.searchiput{
  width: 100%;
  position: relative;
  display: flex;

}
.search-input{
    width: 100%;
    padding: 0px 10px;
    border: 1px solid #bfbfbf;
    border-radius: 0.8rem 0 0 0.8rem;
    border-right: none;
    outline: none;
    font-size: 1rem;
    color: #bfbfbf;
    background: none;
}
.search-input::-webkit-input-placeholder{
  color: #cecece !important;
}
.search-button{
 text-align: center;
height: 35px;
width: 40px;
outline: none;
cursor: pointer;
background: #093174;
border-radius: 0 0.8rem 0.8rem 0 ;
border:1px solid #093174;
font-size: 20px;
color:#fff;

}

.panel-section-normal{
    padding-top: 60px;
}
.panel-section-filer{
    padding-top: 100px;
}

.section-institute{padding: 15px 0px;}

.formerror_message {
    position: absolute;
    color: #ff4c4c;
    font-size: 0.85em;
    right: 0px;
    bottom: -15px;
}

.statusbadge{
    position: absolute;
    right:0.5em;
    top:0.5em;
    padding: .8125rem .375rem;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .125rem;
}

.activestatusbadge{
    border: 2px solid #00a000;
    border-radius: 1.8em;
    padding: 0.0em 0.5em;
    background: #9ef59e;
    color:#00a000;
    font-size: 0.9em;
}

.inactivestatusbadge{
    border: 2px solid #a00000;
    border-radius: 1.8em;
    padding: 0.0em 0.5em;
    background: #ffdada;
    color: #a00000;
    font-size: 0.9em;
}
.smart-container {
    background: #fff;
    margin: 0px auto;
}

#actionboxx {
    z-index:8888;
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100% auto;
    flex-direction: column;
    padding: 10px;
    background: #fff;
}
.closeaactionbox {
    left: 0;
    top: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 0;
    font-size: 2.1em;
    margin: 5px;
    z-index: 1111;
    text-align: center;
    vertical-align: middle;
    color: #c3c3c3;
    border: 1px solid #c3c3c3;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease-in;
}
#sectionmainaddtitle{
    margin-bottom:0px;
}
.listview_card{
    display: block;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.listview_card .c-title {
    margin-bottom: 0;
}
.listview_card .listcontactshow{
    list-style: none;
    padding-left:0px;
    margin-bottom:0px;
    display:flex;
    display: -ms-flexbox!important;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0.5em 0em 0.2em;
}

.listview_card .listcontactshow li{
    color: #999;
    line-height: 1.7;
}
.listview_card .listcontactshow li i{
    color:#bdbdbd;
    margin-right:0.2em;
}
.font-weight-semibold {
    font-weight: 500;
}
.listview_card .header-elements {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
background-color: transparent;
border: 0;
margin-left: 0;
margin-right: 0;
}

.list-icons {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}
.list-icons-extended>:not(:last-child) {
    margin-right: .75rem;
}
.list-icons>:not(:last-child) {
    margin-right: .375rem;
}
.tx-14 {
    font-size: 14px;
}
.text-muted {
    color: #999!important;
}
.list-icons-extended>:not(:last-child) {
    margin-right: .75rem;
}
.list-icons>:not(:last-child) {
    margin-right: .375rem;
}
.bg-danger-700 {
    background-color: #d32f2f;
}
.align-top {
    vertical-align: top!important;
}
.badge {
    display: inline-block;
    padding: .3125rem .375rem;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .125rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a.list-icons-item:not([class*=text-]) {
    color: inherit;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
.list-icons-extended>:not(:last-child) {
    margin-right: .75rem;
}
.list-icons>:not(:last-child) {
    margin-right: .375rem;
}
a.list-icons-item {
    display: inline-block;
    line-height: 1;
    transition: all ease-in-out .15s;
}
.list-dashboard{
    list-style: none;
    word-wrap: break-word;
    background: #fff;
    background-clip: border-box;
    border-radius: 0.8em;
    position: relative;
    padding: 0.5em;
    margin: 0.5em 0em;
    box-shadow: rgba(60,64,67,0.30) 0px 1px 2px 0px, rgba(60,64,67,0.15) 0px 2px 6px 2px;
}

.action_buttonsec{
    list-style: none;
    padding-left:0px;
    margin-bottom:0px;
    display:flex;
    display: -ms-flexbox!important;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0.5em 0em 0.2em;
}
.action_buttonsec li{
    justify-content: center;
    display: inline-flex;
    width: 100%;
    align-items: center;
    background: #f3f7fa;
    font-size: 0.9em;
    margin-right: 5px;
    border-radius: 0.8em;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 18%);
    cursor: pointer;
}
.action_buttonsec li i{
    font-size:1.5em;
    margin-left:0.5em;
}
.action_buttonsec li:last-child{
    margin-right:0px;
}

.removed-item {
    animation: removed-item-animation 1s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
    transform-origin: 0% 100%;
}
 
@keyframes removed-item-animation {
    0% {
        opacity: 1;
        transform: rotateZ(0);
}
 
    100% {
        opacity: 0;
        transform: translateY(600px) rotateZ(90deg);
    }
}



.recordsecbody h6{
    margin-left: 2.5em;
    margin-bottom: 0.5em;
    font-size:0.85em;
}

.sendsms{
    background: #f3f7fa;
    width:100%;
    border: 0;
    border-radius: 0.8em;
    padding: 0.2em 0.5em;
}

.checkboxesshow{
    position: absolute;
    margin: 0.4em;
}
#allcheckbox{
    position: absolute;
    margin: 0.1em;
}
#recordlist label,#allcheckbox label,#searchlist label {
  cursor: pointer;
  font-size: 1rem;
  line-height: 1rem;
}
#searchlist input[type=checkbox],
#recordlist input[type=checkbox],
#allcheckbox input[type=checkbox]{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#searchlist input[type=checkbox] + label,
#recordlist input[type=checkbox] + label,
#allcheckbox input[type=checkbox] + label{
  position: relative;
  padding: 0.5rem 0 0 2rem;
  margin-bottom: 1rem;
  user-select: none;
  color:#b9b9b9;
}
#searchlist input[type=checkbox] + label:before,
#recordlist input[type=checkbox] + label:before,
#allcheckbox input[type=checkbox] + label:before{
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #ececec;
  border-radius: 0.25rem;
  background: #fff;
  text-align: center;
  transition: background 200ms ease-out;
}
#searchlist input[type=checkbox] + label:after,
#recordlist input[type=checkbox] + label:after,
#allcheckbox input[type=checkbox] + label:after{
  content: "";
  position: absolute;
  transform: scale(0);
  transition: transform 200ms ease-out;
}

#searchlist input[type=checkbox] + label:after,
#recordlist input[type=checkbox] + label:after,
#allcheckbox input[type=checkbox] + label:after{
  background-color: transparent;
  content: "";
  display: block;
  position: absolute;
  left: 0.85rem;
  top: 0.15rem;
  width: 0.5rem;
  height: 1rem;
  opacity: 0;
  border-bottom: 3px solid #29c502;
  border-right: 3px solid #29c502;
  transform: rotate(45deg);
  transition: border-color 0.3s ease;
}

#searchlist input[type=checkbox]:checked + label:before,
#recordlist input[type=checkbox]:checked + label:before,
#allcheckbox input[type=checkbox]:checked + label:before {
  content: "";
}

#searchlist input[type=checkbox]:checked + label:after,
#recordlist input[type=checkbox]:checked + label:after,
#allcheckbox input[type=checkbox]:checked + label:after{
  content: "";
  opacity: 1;
}

.tabsection{
    display:none;
    margin: 0.8em 0;
}
.activetab{
    border-bottom:1px solid green;
}
.tabsectionshow{
    display:block;
}
.tabsection h6{
    color:#989898;
}

.todaylisting,.beforetodaylisting{
    padding: 0.5em 0.8em;
    border-radius: 0.8em;
    margin: 0.8em 0em;
}

.todaylisting{
    background: #fff0f0;
}

.beforetodaylisting{
    background: #e1f2ff;
}

.detailtitlehistroy {
    font-size:1.1em;
}

.sendedsubject,.sendeddate {
    font-weight: 500;
}

.sendedsubject h6{
    transition: color 200ms ease-in-out;
    text-decoration: none;
    color: #2196f3;
    font-weight: 600;
}

.sendeddate span {
    opacity: 0.5;
    margin-top:-15px;
    font-size:0.9em;
}

.historymsgblock p{
    font-size:0.9em;
    margin-bottom: 0;
}

.top_mailhistory{
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.todayleads{
    background-color: #dfeffb!important;
}

.listcontaciner{
    padding:1em 0em;
}

.searchhead{
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.searchhead h6{
    margin-bottom: 0;
}

.button_group{
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 0.8rem;
}
.button_group .btnaction{
    border: 0;
    width: 100%;
    border-radius: 0.8rem;
}
.button_group .btnaction:first-child{
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}
.button_group .btnaction:last-child{
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.removebtn{
   background: #ffeaea;
}
.editbtn{
   background: #d6ffbd;
}

.tabspanel {
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-left: 0px;
    display: flex;
}
.tablist{
	display: inline-block;
	background-color: #fff;
	min-width: 142px;
        width:100%;
        line-height: 37px;
	box-sizing: border-box;
	text-transform: uppercase;
	font-size: 0.9em;
}
.tablist a{
    display: block;
    text-decoration: none;
    color: #505050;
    cursor: pointer;
}
.tablist.activemail {
    margin-bottom: -1px;
    border-top-left-radius:0.8em;
    border-top-right-radius:0.8em;
    background:aliceblue;
}
.tab-contentmailer {
	display: none;
	
}
.tab-contentmailer.activesectioninmail {
    display: block;
}

.template_preview{
    text-align: left;
    height: 118px;
    max-height: 118px;
    min-height: 100%;
    margin-bottom: 1em;
}

.composemail_form{
   margin-bottom: 1em;
   height: 182px;
    max-height: 182px;
    min-height: 100%;
}


/*Accordion CSS*/
/*.accordion {
    max-width: 100%;
    background: linear-gradient(to bottom right, #FFF, #f7f7f7);
    background: #fff;
    margin: 0 auto;
    border-radius: 3px;
}*/
.heading {
   position: relative;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #f1f0f0;
    clear: both;
    margin-bottom: 0.5em;
    border-radius: 0.8em; 
}

.heading::before {
    position: absolute;
    content: "\f102";
    font-family: "ionicons";
    right: 10px;
    color: #ddd;
    font-size: 25px;
    top: 1px;
    transition: all .2s ease-in-out;
    transform: rotate(0deg);
}
.active.heading::before {
transform: rotate(90deg);
    color: #3eec3e;
}
.not-active.heading::before {
    transform: rotate(0deg);
}
.contents {
    display: none;
    background: #fff;
    padding:0px 5px 15px 5px;
    color: #666666;
    font-size: 13px;
    line-height: 1.5;
}

.calendardiv{
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 10px;
    z-index:111111;
    background: #fff;
    transition:background-position .2s ease-in-out;
}

.calendardiv.show{
    display: block;
    background-position: 0 50% 75% 100%;
}

.selectdatepanel{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}
.selectdatepanel button{
    border: 0;
    border-radius: 0.8em;
    padding: 0.1em 1em;
}

.selectdatepanel button.cancel{
    background:#ff3434;
    color:#fff;
}
.selectdatepanel button.set{
    background:#00b74a;
    color:#fff;
}
/*Card Create For all*/
#selectdate .card_salesapp {
  position: sticky;
  top: 0;
  border-radius: 0.8em;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);
  border: 0;
  overflow: hidden;
  z-index: 2;
}

#selectdate .card_salesapp .card-bodysalesapp{
  padding: 0;
  overflow: hidden;
}

#selectdate .card_salesapp .card-bodysalesapp .card-titlesalesapp {
  margin: 0;
  color: white;
  padding: 5px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#selectdate .card_salesapp .card-bodysalesapp .card-contentsalesapp {
  padding: 5px;
}
#selectdate .card_salesapp .card-bodysalesapp .card-contentsalesapp h4 {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 7px;
  text-transform: uppercase;
}
#selectdate .card_salesapp .card-bodysalesapp .card-contentsalesapp .border-left {
  border-left: 1px solid grey;
}
#selectdate .card_salesapp .card-bodysalesapp .card-contentsalesapp p {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  vertical-align: middle;
}
#selectdate .card_salesapp .card-bodysalesapp .card-contentsalesapp p .icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 5px;
}
#selectdate .card_salesapp .card-bodysalesapp .card-contentsalesapp p.title {
  color: #2d0836;
}
#selectdate .card_salesapp .card-bodysalesapp .card-contentsalesapp p.datetext {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #817175;
    font-weight: 700;
    position: relative;
    line-height: 100%;
}
#selectdate .card_salesapp .card-bodysalesapp .card-contentsalesapp p.datetext input{
    border:none;
    text-align: center;
    width:100%;
    position:relative;
    background: #fff;
}




.selectt {
display: none;
margin-top: 10px;
width: 100%;
background: #fff;
text-align: left;
}
.selectradiodiv{
    display:flex;
    border:1px solid #d2d2d2;
    border-radius: 0.8em;
    margin-bottom: 20px;
}
.selectt strong{
    
    color:#989898;
}


#form_wpmsg_send .labelselect,
#form_sms_send .labelselect,
#form_mail_send .labelselect{
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 5px 2px;
}

#form_wpmsg_send input[type="radio"],
#form_sms_send input[type="radio"],
#form_mail_send input[type="radio"]{
  position: absolute;
  opacity: 0;
}

.activeradio{
  background: #093174;
  color:#fff !important;
  border-radius: 0.8em;
}

#dashboard{
    padding-top: 15.5rem;
    padding-bottom: 1rem;
}
.sectionstart{
    padding:0.5rem 0rem;
    border-top: 2px solid #e4e4e4;
}

.dashboard_bars_headinline{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.dashboardcard{
    border-radius:0.8em;
    margin-bottom:0.8em;
}

.dashboardcard h6,.dashboardcard p{
    margin-bottom:0px;
    color:#fff;
}

.dashboardcard p{
    font-size:1.8em;
    font-weight:800;
}

.filtersecshowdash{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width:100%;
    font-size: 0.9em;
}

.filtersecshowdash .filtertag{
    width: 18%;
    border-right: 1px solid #70ddff;
    font-size:inherit;
}

.filtersecshowdash ul{
    margin: 0;
    display: inherit;
    padding-left: 10px;
    list-style: none;
    width: 85%;
    font-size:inherit;
}

.filtersecshowdash ul>li{
    padding: 0em 0.6em;
    background: linear-gradient(to top right, #7871ff, #6feaff);
    color: #fff;
    margin-right: 0.3em;
    border-radius: 0.8em;
    font-size:inherit;
}
.maybg{
    background: linear-gradient(to top right, #7871ff, #6feaff);
}
.datepicker{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 0.9em;
}
.datepicker i{
    margin-left:0.5em;
}

.filterdivexpand{
    width: 100%;
    margin: 0.5em 0 0em;
    display: none;
    border-top: 1px solid #e2e2e2;
}

.canvasjs-chart-credit{
    display:none !important;
}

.brd8{
border-radius:0.8rem;
}

.permissionchip{
    margin-left:0.2em;
    border:1px solid #333;
    border-radius:0.8em;
    padding:0.2em 0.6em;
    font-size:0.8em;
    cursor: pointer;
}

.permissionchip.ac{
    background: #a1ff89;
    border: 1px solid #a1ff89;
    color: #525252;
}

.filterbtns{
    border: 0;
    color: #565656;
    background: #fff;
    border-radius: 0.8em;
    padding: 0.2em 0.5em;
    width: 100%;
    -webkit-box-shadow: 1px 4px 6px 1px rgba(0,0,0,.07),0 2px 4px 1px rgba(0,0,0,.05)!important;
/*    box-shadow: 0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.05)!important;*/
    box-shadow:1px 4px 6px 1px rgba(0,0,0,.07),0px 2px 4px 1px rgba(0,0,0,.05)!important
}

.listfilter{
    display:flex;
    padding-left:0;
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
}

.listfilter li {
  display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.listfilter li:last-child {
    display: inline-block;
    margin-right: 0rem;
}



.panel-section-dashboarddate {
    margin-top: 50px;
}
.listfilter2 {
    display: flex;
    padding-left: 0px;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.listfilter2 li {
    display: inline-block;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
}

.listfilter2 li button{
    border: 0;
    font-size: 0.86em;
    border-radius: 0.8em;
}

.dashboardcard h5{
    font-size:16px;
}

.showactive{
    background:#000000 !important;
    color:#fff !important;
}

.inputgrouptext {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #ded4d9;
    text-align: center;
    white-space: nowrap;
}

.searchinputbox{
    border-radius: 0.8em;
    margin: 0.2em 0em;
}

.addtemplatefield{
    background: transparent;
    border: none;
    margin-bottom: 0.5em;
    color: #000eb5;
    font-weight: 800;
}


.listfilter3 {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.listfilter3 li{
    margin-right: 0.5em;
}

.listfilter3 li button {
    border: 0;
    font-size: 1em;
    padding: 0.4em 0.8em;
    border-radius: 0.8em;
}

.viewdetails{
    background: #fff;
    border-radius: 0.8em;
    padding: 0em 0.8em;
    font-size: 0.8em;
    line-height: 1.8em;
    position: absolute;
    top: 0.4em;
    right: 0.4em;
    text-decoration: none !important;
}

.detailstabss{
    padding: 0;
    background: #fff;
    text-align: center;
}

.filtertypeoption{
    display:none;
}
.filtertypeoption.activeoption{
    display:block !important;
}

.content-section .content-section-title{
    display:flex;
    width:100%;
    align-items: baseline;
}

.content-section .content-section-title span{
  color:#444;
  margin:0;
  display:inline-block;
}

.content-section ul{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: space-around;
    background-color: #fff;
    padding-left: 0;
    margin: 0;
    border-radius: 14px;
    cursor: pointer;
}

.content-section ul li {
    list-style: none;
    border: 1px solid #d1e8f9;
    padding: 5px 8px;
    align-items: baseline;
    font-size: 0.9em;
    width: 100%;
    height: 100%;
    overflow-wrap: break-word;
    position: relative;
    transition: 0.3s;
    margin-bottom:0.5em;
    border-radius:0.8em;
    display:flex;
}
.content-section ul li .commentdo{
    width:60%;
    margin-bottom:0px;
}
.content-section ul li .datedo{
    width:40%;
    text-align: right;
    margin-bottom:0px;
}

.datedo i{
    margin-right:5px;
}


.products {
    display: inline-block;
    align-items: center;
    width: 100%;
}



.products span{
    float:right;
}

.status-button{
    background: none;
    color: #093174;
    border: 1px solid #093174;
    border-radius: 0.8em;
    font-size: 0.8em;
    padding: 0px 10px;
}

.filter-form{
    display:none;
}

.filter-form.showform{
    display:block;
    width: 100%;
}



.boxes {
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
}

.boxes li{
    margin:5px;
    font-size:0.8em;
}

.filterselectbox{
    background: #fff !important;
    width: 100%;
    background-color: #fff;
    border: 1px solid #f1f0f0;
    border-radius: 0.8em;
    padding: 8px 18px 8px 8px !important;
    font-size: 17px !important;
    color: #080808;
}

.name_date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.name {
    font-weight: bold;
}
/*.name, .date {
    height: 2.2em;
}   */
.date {
    color: #727272;
}

.single-logs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem 0em;
    cursor: pointer;
    position: relative;
    flex-flow: wrap;
}
.single-logs.detailLog {
  box-shadow:none;
  border:none;
}

.countbadge1{
  padding: 1px 10px;
  background: #357a38;
  color: white;
}

.sigle-options {
  display:none;
}
.sigle-options.nohide{
 display:block !important;
}

.studentname{
    display: flex;
    align-items: center;
}
.candidate_logdetail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem 0em;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    flex-flow: wrap;
    padding: 5px 5px;
    font-size: 0.8em;
    border-radius: 0.8em;
}

.avatardis{
    padding: 0px 8px;
    border: 1px solid #00a924;
    border-radius: 50%;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    background: #c8ffca;
}

.avatardis i{
    font-size:1.5em;
}

.candidate_calllogdetail {
    display: block;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem 0em;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    flex-flow: wrap;
    padding: 5px 5px;
    font-size: 0.8em;
    border-radius: 0.8em;
}
.callscon{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5em;
}

.callscon p{
    margin-bottom:0px;
}

.allselect{
    position: relative;
    padding: 0.3em 1em;
    width: 100%;
    cursor: pointer;
    font-size: 0.8em;
    text-align: center;
    border:none;
    background:#fff;
    color: #666666;
    border-radius: 0.8em;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.05)!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.05)!important;
}

.leaduploaderror{
    position: absolute;
    margin-top: -25px;
    color: #ff4c4c;
    font-size: 14px;
    right: 0px;
    bottom: -25px;
}

.downloadbtn{
    font-weight:500;
    float: right;
    align-items: center;
}

.lighttextcolor{
    color: #bdbdbd !important;
}

.txt-85{
    font-size:0.85em;
}

.searchinput{
    border: 1px solid #bdbdbd;
    padding: 0.2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 0.8em;
}

.searchinput input{
    border:none;
    width: 100%;
}
.searchinput span{
    width: 30px;
    line-height: 1.7;
    text-align: center;
}

#closurefileyupload{
    display:none;
}
#closurefileyupload .showfileupload{
    display:block;
}

.bginactive{
    background:#bdbdbd;
}

#seacrhdatalist {
    padding-top:187px;
}

.candiatepsec.divactive .leadsrecord:before{
content: '';
position: absolute;
height: 65%;
top: 20%;
width: 5px;
border-radius: 5px;
left: 0;
background: #9fedaa;
}

.viewactivity{
    position: relative;
    background: #79a8ff;
    border-radius: 0.8em;
    padding: 0px 10px;
    color: #fff;
    float:right;
    border:1px solid #79a8ff;
    font-size:14px;
}

.viewactivity:hover{
     color:#79a8ff;
     background: #fff;
}

@media only screen and (max-width: 768px) {
.viewactivity{
    position: absolute;
    top: 0;
    right: 0;
}
}


/*View activity status*/
.stv-radio-tabs-wrapper {
clear: both;
display: inline-block;
width: 100%;
border-bottom: 1px solid transparent;
position: relative;
}

input.stv-radio-tab {
  position: absolute;
  left: -99999em;
  top: -99999em;
}
input.stv-radio-tab + label {
    cursor: pointer;
    float: left;
    border: 1px solid #093174;
    background-color: #fff;
    margin-right: 0px;
    padding: 0.5em 1em;
    color: #093174;
    text-align: center;
    position: relative;
    border-radius: 0.8em;
    width: 50%;
}
input.stv-radio-tab + label:hover {
  background-color: #eee;
}
input.stv-radio-tab:checked + label {
  background-color:#093174;
  z-index: 1;
  color: #fff;
}

/*//Radio Button For Custom//*/ 

.radio-box {
    position: relative;
    display: inline-block;
    width:100%;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    height:35px;
    border-radius: 0.8em;
    background-color: #f7f7f7;
}

.radio-box input[type="radio"] {
  display: none;
}

.radio-box .radio-div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
    width: 100%;
    height: 35px;
    border-radius: 0.8em;
    border: 2px solid #cfcfcf;
}

.radio-box .radio-input:checked + .radio-div {
  display: block;
}

/*Status Strip*/

.status-stripdiv{
    display:flex;
    width:100%;
    flex-direction: row;
}
.statusstriparea{
    width:85%;
}
.statusstripreset{
    width:15%;
}
.status_strip{
    width: 100%;
    display: flex;
    margin-bottom: 0px;
    flex-direction: row;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.status_strip>li{
    display: inline-block;
    width: 100%;
    text-align: center;
}

.status_strip>li:last-child{
    border-right:0px;
}

.status_strip>li>button{
    width: 100%;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

.status_strip>li>.hot{
    background: #4285f4;
    border:1px solid #4285f4;
    color:#fff;
}
.status_strip>li>.warm{
    background: #FFCD01;
    border:1px solid #FFCD01;
    color:#fff;
}
.status_strip>li>.cold{
    background: #800000;
    border:1px solid #800000;
    color:#fff;
}
.status_strip>li>.closure{
    background: #00ff00;
    border:1px solid #00ff00;
    color:#fff;
}

.status_strip>li>.resetstrip{
    background: #fff;
    border:1px solid #f2f2f2;
    color:#080808;
}

.status_strip>li>button.active{
    opacity:1;
    border:1px solid #080808;
    box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.2);
}


.btnresetstrip,.btnresetstrip:visited,.btnresetstrip:hover,.btnresetstrip:checked,.btnresetstrip:active{
    text-transform: uppercase;
    vertical-align: bottom;
    border: 0;
    display: inline-block;
    color: #4f4f4f;
    text-decoration: none;
    line-height: 1.5;
    padding: .625rem 1rem .425rem 0.82rem;
    font-size: 0.8rem;
    box-shadow:none;
}

.connecttemporcompose{
    display:block;
    text-align: left;
}

.connecttemporcompose>.composetemporcomposehead{
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.err{
    color: #ff4c4c;
    font-size: 0.85em;
    right: 0px;
}
.composetemporcomposehead button{
    background:#fff;
    border:1px solid #000;
    border-radius:0.5em;
}