.maincontentcontainerfld{animation:anileft 150ms 1 linear}
@keyframes anileft{from{transform:translateX(100vw)}to{transform:translateX(0)}}
.mgtop50pxcomman{margin-top:50px!important;}
*{scroll-behavior: smooth;}



/*================ login page css start ===========*/ 

.errormsg{color:#ad0a0a;font-size:12px;display:none;}
 .regform{padding:0;}
/*.newlogin-contfld {background-color: #fff;background-image: url('../img/bg.png');height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}*/
 .forloginonlycontainer{background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.3);} 
.col12logologin .rowloginlogo img {max-width: 150px;max-height: 150px;margin: 0 auto;display: block;margin-bottom: 20px;margin-top: 20px;}
 .regform>.col-xs-12:not(h2){margin-top:15px;position:relative;padding-left: 0;padding-right: 0;}
 .regform .frmcontl-border{height:40px;padding:0;border-radius:0;box-shadow:none;border:none;border-bottom:solid 1px #ddd;position:relative;z-index:1;background-color:transparent;color:#000;padding-top: 18px;}
 .frmcontl-border~span{display:block;height:2px;width:0;margin:0 auto;padding:0;background:#0074ad;position:relative;top:-2px;z-index:4;transition:all .15s ease-in-out}
 .frmcontl-border:focus~span{width:100%;}
 .regform .frmcontl-border+label{font-weight:normal;position:absolute;top:18px;color:#666;transition:all .2s}
 .regform .col12forflex .lbl.lblfordropdown{z-index:99;background:#fff;}
 .regform .frmcontl-border:focus+label,.lfix{top:0px!important;font-size:11px!important;color:#0074ad!important}
 /*.regform .col12-loginnew{padding-left:0;padding-right:0;}*/
 .regform .col12forflex .col80{width: 100%;position: relative;}  
 .regform .col12forflex .col80 .lblinput{width: 85%;float: right;}
 .regform .col12forflex .col80 i{width: 15%;line-height: 40px;color:#666}
 .col80:focus i{color:#283e56;}
 .foriconscolorfocusin{color:#283e56!important;}
 .foriconscolorfocusout{color:#666!important;}
 .foriconscolorfocusinfororganization{color: #fe1c6b!important;}
 .rowloginbtn{margin: 50px -15px;text-align: center;}
 .rowloginbtn button {padding: 15px 25px;background: #0074ad;color: #fff;box-shadow:rgba(0, 0, 0, 0.2) 0px 23px 40px;text-decoration: none;width:100%;border: none;outline: none;text-transform: uppercase;}
 .newlogin-contfld .col12loginbtn {margin-top: 35px;text-align: center;}
 .mgto30perforlogin {margin-top: 60px;margin-bottom: 30px;}
 .ptgl{position:absolute;right:-4px;bottom:7px;border:none;height:16px;z-index:99;background:#fff;}
 .col12-loginnew button.ptgl{color:#0074ad;outline:none!important;font-size:14px;}
 .col12-loginnew .ptgl i{line-height:35px;font-size: 20px;}
 .col12domainforsplash{padding: 0 15px!important;}
 .regform .forgotbtn{color: #0074ad;background: none;border: none;outline: none;font-size: 12px;padding: 13px 0;font-weight: 400;}
 @media(min-width:425px){
 .col12forflex{width:100%!important;}
 .regform .col12forflex .col80 .lblinput{width:90%!important;}
 .regform .col12forflex .col80 i{width:10%}
 /*.fortabletwidth100per{display:inline-flex;width: 100%;}
 .fortabletwidth100per .fortabletwidth33per{width:33%;}
 .fortabletwidth100per .fortabletwidt66hper{width:66%}*/
 .forlogintabletflex{display:inline-flex;text-align: left!important;width: 100%;}
 .mgto30perforlogin{margin-top:40px;margin-bottom: 30px;}
 }

 /*============== forgot password popup start ==============*/
 .contfld-forgotpopup{position: fixed;background:#000000bf;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999;transition:.5s ease-in-out;}
 .contfld-forgotpopup .col12forgotpopup{background: #fff;padding: 15px;top: 40%;box-shadow: 0 2px 4px rgba(0,0,0,.3);}
 .contfld-forgotpopup .col12forgotpopup .rowforgotpopup{margin:0; }
 .col12forgotpopup .rowforgotpopup .optsendtagline{padding: 15px 0;font-size: 13px;color: #969696;}
 .col12forgotpopup .rowforgotpopup .col12cnclandsetpassbtn{text-align: right;margin-top: 15px;margin-bottom: 20px;padding: 0;}
 .col12forgotpopup .rowforgotpopup .col12cnclandsetpassbtn button{padding: 0;background: none;border: none;outline: none;text-transform: uppercase;font-size: 13px;font-weight: 500;margin-left: 10px; }
 .col12forgotpopup .rowforgotpopup .col12cnclandsetpassbtn button.cnclbtn{color:#666}
 .col12forgotpopup .rowforgotpopup .col12cnclandsetpassbtn button.setpassword{color: #0074ad; }
 /*============== forgot password popup end==============*/

/*================ login page css end ===========*/


/*=================== set new password start===============*/
.setnewpass-container{background:#fff;height:100%;} 
.resendotp{position: absolute;right: -4px;bottom: 7px;border: none;background: #fff;font-size: 13px;height: 16px;z-index: 99;font-weight: 500;color: #0074ad;outline:none;}
.setnewpasswordtagline{color: #969696;font-size: 12px;margin-top: 10px;}
.col12fordefaultmailtext{padding: 0;margin-top: 15px;}
.col12fordefaultmailtext span{color: #969696;}
.col12fordefaultmailtext p{color: #666;font-size: 14px;}
.rowsetpassnew{position: fixed;bottom: 10px;margin: 0;width: 100%;left: 0;right: 0;}
.rowsetpassnew .bottompasstagline{color: #969696;font-size: 12px;padding: 0px 10px;text-align: center;}
.rowsetpassnew .setpasswordbtn{width: 90%;}
/*=================== set new password end===============*/

/*================ splash css start ===========*/ 
 .containerforsplash{background:#fff;height:100%;background-color: #fff;background-image: url('../img/splash-screen-for-mobile-app.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
 .lblinput{width: 100%;position: relative;}
 .rowdomaincontinue{margin: 30px 0px 30px 0;text-align: center;}
 .rowdomaincontinue button {padding: 15px 25px;background: #0074ad;color: #fff;box-shadow:rgba(0, 0, 0, 0.2) 0px 23px 40px;text-decoration: none;width:100%;border: none;outline: none;text-transform: uppercase;}
 .col12forsplashinput{position: fixed;left: 0;right: 0;bottom: 0px;}
 .rowtaglinebottom p{text-transform: capitalize;font-size: 12px;text-align: center;padding: 20px 10px 10px 10px;color: #fff;margin-bottom: 0;}
 .rowtaglinebottom p a{color:#fff;text-decoration:none;}
 .col12forsplashinput .regform .frmcontl-border{color:#fff!important;}
 .col12forsplashinput .regform .frmcontl-border+label{color:#fff!important;}

/*================ splash css end ===========*/ 

/*================ index page css start ===========*/
.toolbar.indexheadernew{box-shadow: none;}
.indexmenudiv .indexmenuicon{margin: 7px auto;display: block;width: 35px;}
.rowindexheader{margin: 50px 0 0 0;background: #283e56;color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.2);height: 170px;padding-top: 12px;}
.rowindexheader .col3userimg-index img{width: 60px;height: 60px;margin: 0 auto;display: block;border: 1px solid #fff;}
.rowindexheader .col9username-index h4{margin-bottom:3px;}
.contindexdashboard .col12todayapoint{background: #fff;margin-top: -20px;padding: 15px 5px;margin-bottom: 10px;box-shadow: 0 2px 4px rgba(0,0,0,.3);border-radius: 2px;}
.contindexdashboard .col12todayapoint .rowtodayappoint{margin: 0;}
.col12todayapoint .rowtodayappoint h4{color: #666;margin-bottom: 15px;padding-left: 13px;text-transform: uppercase;}
.col12todayapoint .rowtodayappoint .profileperform{font-size: 10px;text-transform: uppercase;color: #888;padding: 0 15px;}
/*.col12todayapoint .rowtodayappoint .appoint-caseservices{padding-left:0;}*/
.col12todayapoint .rowtodayappoint .appoint-caseservices.forrightborder{border-right:1px solid #eee;}
.col12todayapoint .profilemisingline{border-top: 1px solid #eee;margin: 0 15px;width: 88%;padding: 10px 0 0 0;margin-top: 10px;}
.col12todayapoint .profilemisingline a{text-decoration:none;color: #0074ad;font-size: 12px;font-weight: 500;text-transform: uppercase;} 
.col12todayapoint .profilemisingline a i{top: 6px;position: relative;font-size: 21px;}
.rowtodayappoint .appoint-caseservices a{text-decoration:none;color:#000;} 
.rowtodayappoint .appoint-caseservices a h3{margin-bottom: 5px;margin-top: 10px;} 
.rowtodayappoint .appoint-caseservices a p{text-transform: uppercase;font-weight:500;font-size:12px;color:#000;margin-bottom:0;} 
.col12otherpointdashboard{background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.3);padding:0px 10px;margin-bottom: 20px;border-radius: 2px;}
.col12otherpointdashboard .row4otherpoints{margin: 0;border-bottom: 1px solid #eee;padding: 5px 0px;}
.col12otherpointdashboard .row4otherpoints a{text-decoration:none;color:#0074ad;display:flex;padding: 8px 15px;}
.col12otherpointdashboard .row4otherpoints a h3{margin-top: 5px;margin-bottom: 5px;width: 60px;font-weight: 400;}
.col12otherpointdashboard .row4otherpoints a h4{font-size: 13px;font-weight: 500;text-transform: uppercase;margin-top: 15px;margin-bottom: 0;}
.row4otherpoints.rowcheckpartstatusbtn{border-bottom: none;text-align: center;margin: 20px 0;}
.row4otherpoints.rowcheckpartstatusbtn .checksttsbtn{color: #0074ad;background: none;border: none;outline: none;font-size: 16px;text-transform: uppercase;font-weight: 500;}
.row4otherpoints.rowcheckpartstatusbtn .checksttsbtn p{font-size: 10px;color: #666;text-align:left;margin-left: 1px;margin-top: 1px;}
.col12otherpointdashboard .row4otherpoints .pendingjobstext{padding: 0px 0px 8px 15px;margin-top: -10px;}
.col12otherpointdashboard .row4otherpoints .pendingjobstext p{font-size: 14px;font-weight: 500;color: #5a5a5a;text-transform: capitalize;margin-bottom: 3px;}
.col12otherpointdashboard .row4otherpoints .pendingjobstext span{text-transform: capitalize;font-size: 12px;color: #505050;}
/*================ index page css end ===========*/


/*================ job details page css start ===========*/

.toolbarin.headerjobdetails{box-shadow: none;}
.rowheader-jobdetails{margin-top: 30px;margin-right: 0;margin-left: 0;background: #283e56;color: #fff;padding: 20px 0px;}
.rowheader-jobdetails .col12innerpendingjobs h3{margin-top: 10px;margin-bottom: 3px;font-size: 20px;}
.rowheader-jobdetails .col12innerpendingjobs p{text-transform: uppercase;font-size: 12px;}
.jobdtlscontmain{padding: 0;background: #fff;}
.rowfortabing-jobdetails .cont-tabingjobdtls .navtabs-jobdetails{box-shadow: 0 2px 4px rgba(0,0,0,.3);border-bottom: none;background: #fff;}
.rowfortabing-jobdetails .cont-tabingjobdtls .navtabs-jobdetails li{width: 50%;text-align: center;}
.rowfortabing-jobdetails .cont-tabingjobdtls .navtabs-jobdetails li a{border-radius: 0;border: none;color: #666;font-weight: 500;font-size: 15px;margin-right:0;}
.tabcont-jobdetails .tab-pane .rowmultiplesjobs{margin: 15px;box-shadow: 0 2px 4px rgba(0,0,0,.3);border-radius: 2px;padding: 15px;}
.rowmultiplesjobs .jobsboxes{padding:0;}
.rowmultiplesjobs .jobsboxes h4{color: #666;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner{margin: 0;display: flex;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner i{width: calc(100px - 60px);line-height: 30px;color: #666;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner .jobdtlssvgiconcol img{height: 28px;margin-top: -3px;padding:0;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner .jobdtlssvgiconcol{padding:0;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner img.timesvg{width: 15px;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner img.phonecall{width: 15px;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner img.mapicon{width: 20px;left: -1px;position: relative;margin-left: -2px;margin-top: -1px;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner img.problemicon{width: 17px;margin-right: 12px;padding: 0;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner p{margin-top: 0px;color: #666;text-transform:capitalize;padding-right: 0;padding-left: 0px;margin-bottom:8px;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner.problemrow p{color: #0074ad;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner p.forboldcolor{font-weight: 500;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner .col5forticket{text-align:right;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner .col3rightsideicon{}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner .col3rightsideicon img{width: 28px;float: right;z-index:9;}
.rowmultiplesjobs .jobsboxes .rowjobdetailsinner .col3rightsideicon img.mapiconforirection{top: 15px;position: relative;}
.cont-tabingjobdtls .nav-tabs>li.active>a, .cont-tabingjobdtls .nav-tabs>li.active>a:focus, .cont-tabingjobdtls .nav-tabs>li.active>a:hover{background: none;color: #0074ad;border: none;border-bottom: 2px solid #0074ad;}
/*================ job details page css end ===========*/

/*================ photo upload page css start ===========*/
.contflduploadphoto .col12uploadphoto{margin-top: 20px;margin-bottom: 20px;}
.col12uploadphoto .rowuploadphoto p{color: #666;}
.col12uploadphoto .rowuploadphoto img{width: 150px;margin: 30px auto;display: block;}
.col12uploadphoto .rowuploadphoto button{padding: 15px 25px;background: #0074ad;color: #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 23px 40px;text-decoration: none;width: 100%;border: none;outline: none;text-transform: uppercase;}
.col12uploadphoto .rowextensionline p{margin-top: 40px;text-align: center;font-size: 12px;color: #666;}

.uploadimg-shi{text-align: center;background: #0074ad;box-shadow: 0 1px 2px rgba(0,0,0,.2);z-index: 1;color: #fff;width:100%;font-weight: 500;height: 45px;line-height: 45px;text-transform: uppercase;}
.uploadimg-shi>input{display:none;}

/*================ photo upload page css end ===========*/

/*================ part status page css start ===========*/
.contfld-partstatus .rowpartstatus{margin:0;}
.rowpartstatus .col12partstatustable{background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.3);border-radius: 2px;padding: 0;margin-top: 10px;overflow: scroll;}
.rowpartstatus .col12partstatustable table{width:100%;margin-bottom: 0;}
.col12partstatustable table tr:first-child{background: #283e56;color: #fff;}
.col12partstatustable table tr{text-align:center;}
.col12partstatustable table tr td img{width: 12px;height: 12px;margin-right: 1px;}
/*================ part status page css end ===========*/

/*================ complaint details page css start ===========*/
.secondheader-forfix-complaintsdtls{position: fixed;width: 100%;z-index: 999;}
.complaintdtls-contfld.mrgntop175{margin-top:175px;}
.complaintdtls-contfld{padding:0;}
.checkinrow{box-shadow: 0 2px 4px rgba(0,0,0,.3);background: #fff;}
.checkinrow h3{position: relative;padding: 10px 15px;line-height: 1.42857143;margin: 0;font-weight: 500;font-size: 15px;text-align: center;border-bottom: 2px solid #0074ad;color: #0074ad;}
.rowmaincomplntdtlspage{margin: 15px;box-shadow: 0 2px 4px rgba(0,0,0,.3);border-radius: 2px;padding: 15px;background: #fff;}
.rowmaincomplntdtlspage .col12cmplntinfo{padding: 0;}
.rowmaincomplntdtlspage .col12cmplntinfo h4{margin-top: 0;color: #666;}
.rowmaincomplntdtlspage .col12cmplntinfo .rowcomplnthighlgts{margin: 0;}
.rowmaincomplntdtlspage .col12cmplntinfo .rowcomplnthighlgts p{margin-top: 0px;color: #666;text-transform: capitalize;padding-right: 0;padding-left: 0px;margin-bottom: 8px;}
.col12cmplntinfo .rowcomplnthighlgts .col1complnticon{padding: 0;}
.col12cmplntinfo .rowcomplnthighlgts .col1complnticon img.phonecall{width: 15px;}
.col12cmplntinfo .rowcomplnthighlgts .col1complnticon img.mapicon{width: 20px;}
.rowmaincomplntdtlspage.forbottommargin{margin-bottom:60px;}
.partpicuploader{text-align: center;z-index: 1;color: #fff;width: 100%;font-weight: 500;line-height: 45px;text-transform: uppercase;margin-bottom: 0;}
.partpicuploader>input{display: none;}
.picuploaderrow {margin-top: 15px;margin-bottom: 10px;margin-left: 0;margin-right: 0;}
.picuploaderrow .col4picuploader{text-align:center;padding:0;}
.partpicuploader img{width:60px;}
.rownextbtnfix-complntdtls{margin:0;position: fixed;width: 100%;bottom: 0;z-index: 999;background-color: #0073ab;}
.rownextbtnfix-complntdtls button{padding: 15px 25px;background: #0074ad;color: #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 23px 40px;text-decoration: none;width: 49%;border: none;outline: none;text-transform: uppercase;}
.divfordropdown{padding-top:10px;margin-bottom:0;}
.regform .frmcontl-border.onlyfordatetype{padding-top: 10px!important;}
.onlyfordatetype{-webkit-appearance: none!important;}
input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator {display: none!important;-webkit-appearance: none!important;}
.col12-loginnew button img.qrcodeimg{width: 25px;height: 25px;top: -8px;position: relative;}
/*================ complaint details page css end ===========*/


/*================ checkout page css start ===========*/

.complaintdtls-contfld.mrgintop130forcheckoutpage{margin-top:130px;}

.col12maintaincheckbox label input {display: none;}
.col12maintaincheckbox label span {height: 18px;width: 18px;display: inline-block;border: solid 2px #666;box-sizing: border-box;position: relative;top: 3px;margin-right: 3px;transition: .1s ease-in-out;}
.col12maintaincheckbox label em {font-style: normal;font-weight: normal;color: #666;}
.col12maintaincheckbox label input:checked+span {border-color: #0074ad;}
.col12maintaincheckbox label input:checked+span:after {transform: scale(1);position: absolute;content: '';transition: .1s ease-in-out;left: 4px;top: 0px;width: 7px;height: 12px;border: solid #0074ad;border-width: 0 2px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.paymentradioinput p{color:#666;}
.paymentradioinput .paymentinputrow{margin:0;}
.paymentradioinput .paymentinputrow .paymenttypetext{border-radius: 0;box-shadow: none;border: none;border-bottom: solid 1px #ddd;position: relative;z-index: 1;background-color: transparent;color: #000;padding-top: 10px;margin-left: 15px;outline: none;width: 150px;}
.paymenttypetext~span {display: block;height: 2px;width: 0;margin: 0 auto;padding: 0;background: #0074ad;position: relative;top: -6px;z-index: 1;transition: all .15s ease-in-out;    margin-left: 75px;}
.paymenttypetext:focus~span {width: 152px;}
.paymentradioinput .paymentinputrow label input {display: none;}
.paymentradioinput .paymentinputrow label span {height: 18px;width: 18px;display: inline-block;border: solid 2px #DDD;box-sizing: border-box;border-radius: 50%;position: relative;top: 3px;margin-right: 3px;transition: .1s ease-in-out;}
.paymentradioinput .paymentinputrow label em {font-style: normal;font-weight: normal;color: #666;}
.paymentradioinput .paymentinputrow label input:checked+span {border-color: #0074ad;}
.paymentradioinput .paymentinputrow label input:checked+span:after {transform: scale(1);}
.paymentradioinput .paymentinputrow label input:checked~em{color:#0074ad;}
.paymentradioinput .paymentinputrow label span:after {position: absolute;left: 2px;top: 2px;content: '';height: 10px;width: 10px;border-radius: 10px;background: #0074ad;transform: scale(0);transition: .1s ease-in-out;}
.lablinputforamount .totalamoundrupee{width: 15px;position: absolute;top: 20px;}
.lablinputforamount .inputforamount{padding-left: 20px!important;}
.lablinputforamount .ttlamntlabel{z-index: 2;background: #fff;}
.divfordropdown-checkout{padding-top: 10px;margin-bottom: 0;}
/*================ checkout page css end ===========*/


/*================ signature page css start ===========*/
 #sig-canvas{border: 1px solid #CCCCCC;cursor: crosshair;width: 100%;border-radius: 5px;}
.row-signature{margin-top:10px;margin-left:0;margin-right:0;border: 1px solid transparent;border-radius: 4px;}
.row-signature .clicksignheading{color: #666;margin-top: 0;}
.row-signature .signaturecol12{padding:15px;}
.row-signature .pnlbdy-signature{box-shadow: 0 2px 4px rgba(0,0,0,.3)!important;}
.rownextbtnfix-complntdtls.signaturedonebtn-row{left: 0;right: 0;z-index:9} 
#signPadBig{z-index:10;}
/*================ signature page css end ===========*/





.last-clock-img {
    top:-5px !important;
}
.center-modal {
    margin: 170px auto 10px auto;
}


/*=============== work diary css start ============*/

.calander-header{background: initial;border: none;outline: none;}
.workdairy-container{padding: 0;background: #fff;}
.workdairy-container .col12alltask-workdiary{padding: 0;background: #eee;box-sizing: border-box;box-shadow: 0 0.5px 0px rgba(0,0,0,0.25);}
.workdairy-container .col12alltask-workdiary h3{margin: 0;font-style: normal;font-weight: normal;color: #666;padding-left: 15px;font-size: 15px;height: 40px;line-height: 40px;}
.col12workdairypage .workdairyroeinner{border-bottom: 1px solid #ccc;}
.col12workdairypage .workdairyroeinner .rowdtls{display:none;}
.col12workdairypage .workdairyroeinner .rowdtls .doneall{text-align: center;border-top: 1px solid #ccc;height: 40px;line-height: 40px;display: flex;justify-content: center;color: #666;}
.col12workdairypage .workdairyroeinner .rowdtls .doneall i{line-height: 40px;margin-right: 10px;}
.col12workdairypage .workdairyroeinner .mainrow{display: flex;height:70px;}
.col12workdairypage .workdairyroeinner .callicon{width: 50px;line-height: 80px;text-align: center;height: 70px;color: #0f4599;}
.col12workdairypage .workdairyroeinner .callicon a{display:block;}
.col12workdairypage .workdairyroeinner .callicon .fa-inr{font-size:24px;}
.col12workdairypage .workdairyroeinner .calltypeicon{width: 50px;line-height: 70px;text-align: center;height: 70px;}
.col12workdairypage .workdairyroeinner .calltypeicon img{width: 25px;}
.col12workdairypage .workdairyroeinner .personname{height: 70px;width: calc(100% - 150px);font-size: 16px;font-weight: 500;padding-left: 10px;}
.col12workdairypage .workdairyroeinner .personname h3{margin-bottom: 0;margin-top: 18px;font-size: 15px;color:#000;}
.col12workdairypage .workdairyroeinner .personname p{margin-bottom: 0;color: #666;font-size: 13px;}
.col12workdairypage .workdairyroeinner .rightside{width: 80px;text-align:right;}
.col12workdairypage .workdairyroeinner .rightside h3{margin:0;height: 70px;line-height: 70px;font-size: 15px;font-weight: 500;padding-right: 15px;}

.col12workdairypage .workdiary-todo-row{display: flex;height: 50px;line-height: 50px;}
.col12workdairypage .workdiary-todo-row.threetask{background: #0074ad1c;box-shadow: 0 0.5px 0px rgba(0,0,0,0.25);}
.col12workdairypage .workdiary-todo-row .todo-heading{width: calc(100% - 50px);position: relative;padding-left: 15px;}
.col12workdairypage .workdiary-todo-row .todo-count{width: 80px;color: #000;text-align:right;}
.col12workdairypage .workdiary-todo-row .todo-count h3{margin: 0;height: 50px;line-height: 50px;font-size: 15px;font-weight: 500;padding-right: 15px;}
.workdiary-todo-row .todo-heading h3{margin: 0;height: 50px;line-height: 50px;font-size: 15px;font-weight: 500;padding-right: 15px;color: #666;}

.workdiarycheckbox label input{display: none;}
.workdiarycheckbox label span {height: 18px;width: 18px;display: inline-block;border: solid 2px #666;box-sizing: border-box;position: relative;top: 3px;margin-right: 15px;transition: .1s ease-in-out;}
.workdiarycheckbox label em {font-style: normal;font-weight: normal;color: #666;}
.workdiarycheckbox label input:checked+span {border-color: #0074ad;}
.workdiarycheckbox label input:checked+span:after {transform: scale(1);position: absolute;content: '';transition: .1s ease-in-out;left: 4px;top: 0px;width: 7px;height: 12px;border: solid #0074ad;border-width: 0 2px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
 .mdlcont-followuppopup{margin-top: 0%;}
 .mdlbdy-followuppopup button{float: right;color: #666;background: none;outline: none;border: none;font-size: 12px;font-weight: 600;margin-top: 20px;text-transform: uppercase;letter-spacing: .5px;}
 .mdlbdy-followuppopup .mainrow-followuppopup{margin:0;}
 .mdlbdy-followuppopup .mainrow-followuppopup h4{color: #000;margin-bottom: 10px;}
 .mdlbdy-followuppopup .mainrow-followuppopup .followpoint{padding:0px;}
 .mdlbdy-followuppopup .mainrow-followuppopup .followpoint a{color: #000;font-size: 15px;font-weight: 400;text-decoration: none;padding: 10px 0px;display:block;}

 .closingnotepopup-section{z-index: 999;position: absolute;top: 0;background: #00000091;padding-top: 100px;display: none;left: 0;right: 0;}
 .closingnotepopup-section .workdairy-popupclosing{}
 .workdairy-popupclosing .closingnotepopupcol12 h4{color: #000;margin-bottom: 20px;}
 .closingnotepopupcol12 .contfld-closingnotepopup{}
 .closingnotepopupcol12 .contfld-closingnotepopup .row{margin: 0;}
 /*.closingnotepopupcol12 .contfld-closingnotepopup .rowthird-closingote{display:none;}*/
 .closingnotepopupcol12 .contfld-closingnotepopup .col12inner-closingote{padding:0;margin-bottom: 20px;}
 .col12inner-closingote .col5type-text-closingote{padding: 0;}
 .col12inner-closingote .col5type-text-closingote h3{color: #666;font-size: 15px;}
 .contfld-closingnotepopup .rowcnclsavebtn{float: right;margin-top: 30px!important;}
 .contfld-closingnotepopup .rowcnclsavebtn button{background: none;border: none;outline: none;text-transform: uppercase;font-size: 15px;}
 .contfld-closingnotepopup .rowcnclsavebtn button.cnclbtn-closing{margin-right: 20px;}
 .contfld-closingnotepopup .rowcnclsavebtn button.savebtn-closing{color: #0074ad;}
 .col7dropdown-closingote .select2-container{width: 100%!important;}
/*=============== work diary css end ============*/

/*============ plus icon start============*/

    .fixedbtnonbottm .addoptionbtnmaindiv{position: absolute;right: 20px;bottom: 137px;margin: auto;}
    .fixedbtnonbottm .addoptionbtnmaindiv .addactivtyandfollowup{margin-bottom: 40px;width: 100%;display: inline-flex;position: relative;margin: 30px;}
    .fixedbtnonbottm .addoptionbtnmaindiv .addactivtyandfollowup span{vertical-align: middle;text-align: center;height: fit-content;margin-top: 12px;background: #e0dfdf;padding: 5px 10px;font-size: 12px;position: fixed;right: 93px;} 
    .fixedbtnonbottm .addoptionbtnmaindiv .addactivtyandfollowup button{width: 60px;height: 60px;background: #0f4599;border-radius: 50%;z-index: 990;right: 20px;position: fixed;border: none;font-size: 35px;color: #fff;outline: none;display: block;box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 40px;transition:.5s;}
    .fixedbtnforaddanything .addiconfixed{width: 60px;height: 60px;background: #0f4599;border-radius: 50%;z-index: 990;position: fixed;right: 20px;bottom: 20px;border: none;font-size: 35px;color: #fff;outline: none;display: block;box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 40px;transition:.5s;}
    .fixedbtnforaddanything .addiconfixed.rotateicon i{transform:rotate(45deg)}
    .maincontentcontainerfld{animation:anileft 100ms 1 linear}
    @keyframes anileft{from{transform:translateX(100vw)}to{transform:translateX(0)}}

    /*============ plus icon end============*/
    /***************follow up start***********************/



.follow-up-ul {
    margin:0;
    padding:0;
}
.panel-content .follow-up-ul li {
    padding:0 5px;
    list-style-type:none;
    display:inline-block;
 
}
.panel-content label {
       font-weight:normal;
       margin:0;
       font-size:13px;
       margin-bottom: 2px;
}
.follow-up-section .panel-content {
    font-size:initial;
}
.follow-up-section input[type=text], .follow-up-section input[type=file], .follow-up-section textarea {
    width:100%;
    outline:none;
    margin-bottom: 10px;
    font-size:13px;
    padding: 5px 7px;
}
.follow-up-section input[type=text]:focus, .follow-up-section textarea:focus, .select2-search__field:focus {
    border:1px solid #0d8ec5 !important;
}
.follow-up-section input[type=file] {
    border: 1px solid rgba(0, 0, 0, 0.45);
    padding: 2px;
}
.follow-up-section select + span {
    width:100% !important;
    margin-bottom:10px;
    font-size:13px;
}

.select2-container .select2-selection--single {
    height:30px !important;
}
.select2-container .select2-selection--single .select2-selection__clear {
    bottom:-1px !important;
}
.follow-up-section .content-half {
    font-size:13px;
}
.follow-up-section .content-half i  {
    font-size:14px !important;
    bottom:0 !important;
}
.follow-up-cover {
   padding: 22px 15px 22px;
}
.clock-date-picker {
    position:relative;
}
.clock-date-picker input {
    position:absolute;
    left:0;
    opacity:0;
}

.clock-date-picker input {
    position:absolute;
    left:0;
    opacity:0;
}
.follow-up-ul input {
    position:relative;
    top:2px;
}
.col12clockdate-shi{padding:0;}
.col12clockdate-shi .content-half{padding:0;padding: 10px 0px;}
.col12clockdate-shi .content-half i{margin-right:4px;}
/***************follow up end***********************/