body{background:#fff}.bg-blue{background:#36c;color:"white"}.bg-orange{background:#dc3912;color:"white"}.bg-yellow{background:#f90;color:"white"}.bg-green{background:#109618;color:"white"}.bg-violet{background:#909;color:"white"}.bg-lightBlue{background:#0099c6;color:"white"}.bg-red{background:#d47;color:"white"}.border-radius-1{border-radius:5px!important}.border-radius-2{border-radius:10px!important}.border-radius-3{border-radius:15px!important}.border-radius-4{border-radius:20px!important}.border-radius-5{border-radius:25px!important}.punch-status tr,td{border:none!important}.punch-status tr{border-bottom:1px solid #ebe6e6!important}.punch-status tr:last-child{border-bottom:none!important}.punch-status tr td{padding-top:.3em;padding-bottom:.3em;padding-left:0;padding-right:0}.time-col{text-align:right}.headline1{margin-bottom:0;font-size:18px;font-weight:500}.box-shadow{--box-shadow-color:$boxShadow;-webkit-box-shadow:0 3px 12px #e6e9ef;box-shadow:0 3px 12px #e6e9ef}.underline{height:.3em;position:relative;top:-20px}.underline-punched-in{width:178px!important}.underline-not-punched-in{width:215px!important}.underline-on-leave{width:220px!important}.underline-in-progress{width:138px!important}.underline-in-production{width:155px!important}.underline-in-qa{width:95px!important}.underline-completed{width:135px!important}.underline-not-started{width:170px!important}.underline-late{width:80px!important}.underline-blocked{width:110px!important}.sprint-close{font-size:18px;font-weight:700}.sprint-next-previous-btn i{font-size:16px}table.w-100.mt-3.punch-status{font-size:16px;font-weight:400}::-webkit-scrollbar{width:.5em;height:.5em}::-webkit-scrollbar-track{background:#fff;border-radius:.7em}::-webkit-scrollbar-thumb{background:#3d2397;border-radius:.7em}::-webkit-scrollbar-thumb:hover{background:#29166b}.scroll-on-side-bar::-webkit-scrollbar{width:.3em}.scroll-on-side-bar::-webkit-scrollbar-track{background:hsla(0,0%,94.5%,0);border-radius:.7em}.scroll-on-side-bar::-webkit-scrollbar-thumb{background:#a18af0;border-radius:.7em}.scroll-on-side-bar::-webkit-scrollbar-thumb:hover{background:#555}.project-table tr:hover{background-color:rgba(67,64,71,.2745098039)!important}.dropdown-menu a:active{background-color:#ebedef}.modal-header .modal-title{font-size:16px;font-weight:500}.modal-header .close{color:#fff}.modal-dark .modal-header{color:#000;background-color:#fff}.modal-header{border-bottom:none!important}.logout-msg{font-size:16px!important}.overflow-auto{background-color:rgba(0,0,0,.4)!important}.sf-datatable-modal-area{z-index:11;left:0;overflow:hidden;background-color:rgba(0,0,0,.739)}.sf-datatable-modal,.sf-datatable-modal-area{position:fixed;bottom:0;right:0;top:0;-webkit-animation-name:animateDatatableModalFromRight;-webkit-animation-duration:.4s;animation-name:animateDatatableModalFromRight;animation-duration:.4s}.sf-datatable-modal{z-index:12;width:1000px;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#fff;border:none;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}@-webkit-keyframes animateDatatableModalFromRight{0%{right:-300px;opacity:0}to{right:0;opacity:1}}@keyframes animateDatatableModalFromRight{0%{right:-300px;opacity:0}to{right:0;opacity:1}}.sf-datatable-modal .sf-modal-header{padding-top:18px;padding-bottom:13px;padding-left:20px;padding-right:15px;position:sticky;top:0;z-index:12;background-color:#f8f9fa}.sf-datatable-modal .sf-close{position:relative;top:-2px;right:-5px;height:30px!important;padding:2px 3px 5px 3px!important;color:#db9696}.sf-datatable-modal .sf-close:focus,.sf-datatable-modal .sf-close:hover{color:red;background-color:#f7d2d2}.sf-datatable-modal .sf-modal-content{padding:15px 20px 20px 20px}.sf-datatable-modal .sf-modal-footer{padding:12px 20px 12px 20px;position:sticky;bottom:0;z-index:12;background-color:#f8f9fa}.sf-custom-modal{position:fixed;z-index:170;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.739)}.sf-custom-modal .sf-modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:500px;height:auto;margin-top:5%;border:.1px solid hsla(0,0%,82.7%,.589);box-shadow:0 2px 5px rgba(61,61,61,.2);-webkit-box-shadow:0 2px 5px rgba(61,61,61,.2);-webkit-animation-name:animateCustomModalFromtop;-webkit-animation-duration:.4s;animation-name:animateCustomModalFromtop;animation-duration:.4s}@-webkit-keyframes animateCustomModalFromtop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animateCustomModalFromtop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.sf-custom-modal .sf-close{position:relative;right:-16px;top:-1px;color:#777575;float:right;font-size:24px;font-weight:400;padding:10px 15px 10px}.sf-custom-modal .sf-close:focus,.sf-custom-modal .sf-close:hover{text-decoration:none;cursor:pointer}.sf-custom-modal .sf-modal-header{padding:2px 16px;background-color:#f8f9fa;color:#000}.sf-custom-modal .sf-modal-header h5{margin-top:15px;margin-bottom:15px}.sf-custom-modal .sf-modal-body{padding:20px}.sf-custom-modal .sf-modal-footer{padding:0 16px 16px;background-color:#fff;color:#000}.sf-notification-style{margin:0;width:400px;position:fixed;z-index:900;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-shadow:rgba(149,157,165,.2) 0 8px 24px;box-shadow:0 8px 24px rgba(149,157,165,.2);padding-bottom:13px;padding:20px 20px 20px 15px;background-color:#fff!important;border:.1px solid #ebebeb!important}button.close{padding:12px 15px!important;margin-top:-2px;color:#d3d3d3!important;outline:none!important}.sf-notification-style.alert-success{color:#000;border:1px solid #00b74a!important;border-left:10px solid #00b74a!important;border:none}.sf-notification-style.alert-danger{color:#000;border:1px solid #f93154!important;border-left:10px solid #f93154!important;border:none}.sf-notification-style.alert-danger button{margin-top:-1px!important;color:#fff}.sf-next-pre-btn{padding-top:1px!important;padding-bottom:1px!important;height:auto!important}.inputs-border{outline:1px solid rgba(255,0,0,.397)!important}.form-field-group-label{font-size:16px!important;color:#000}.sf-col-pr{padding-right:10px}.sf-col-pl{padding-left:10px}.btn-facebook{background-color:#454cad!important}#specific-expense-pdf-header{visibility:hidden;position:fixed!important;left:0!important;top:0!important;right:0!important;padding:20px 20px 0!important;background-color:#fff!important}@media print{body *{visibility:hidden}#print-expense-table *{visibility:visible;font-size:16px!important}#print-expense-table .material-icons{visibility:hidden!important}.expense-pdf-header{display:block!important}#print-expense-table{position:absolute!important;left:0!important;top:0!important;right:0!important;padding:20px 20px 0!important;background-color:#fff!important}#print-expense-table tbody tr:nth-child(odd) td{background-color:#f1f3f4!important}#specific-expense-pdf-header,#specific-expense-pdf-header *{visibility:visible;font-size:16px!important}}.personal-details-area .md-content.md-theme-default,.personal-details-area .md-tabs.md-theme-default .md-tabs-navigation{background-color:#f5f6fa!important}.employee-modal .md-tabs{display:block}.md-tab{padding-left:0!important;padding-right:0!important}button.md-button.md-tab-nav-button{background:#fff!important;--box-shadow-color:$boxShadow;-webkit-box-shadow:0 3px 12px #e6e9ef;box-shadow:0 3px 12px #e6e9ef}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.md-radio .md-radio-label{padding-left:10px!important}.custom-box-shadow{-webkit-box-shadow:rgba(0,0,0,.05) 0 6px 24px 0,rgba(0,0,0,.08) 0 0 0 1px;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08)}.card-header:not(.content-center)>.c-icon:first-child{margin-right:.1rem;margin-top:.1rem;vertical-align:top;width:1.2rem;height:1.2rem;font-size:1.2rem}*{font-family:Graphik Webfont,-apple-system,Helvetica Neue,Droid Sans,Arial,sans-serif}.c-main>.container-fluid{padding-right:15px!important;padding-left:15px!important}.loader{vertical-align:middle;margin-left:8px;display:inline-block;border:2px solid #3498db;border-radius:50%;border-top:2px solid #fff;width:15px;height:15px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sf-custom-form-group{position:relative}.sf-custom-input-label{font-weight:400!important;font-size:14px!important;padding:8px 0!important;margin:0!important;color:#000}small.text-danger{font-size:12px!important}::-webkit-input-placeholder{font-weight:400!important;color:#9b9b9b!important}::-moz-placeholder{font-weight:400!important;color:#9b9b9b!important}:-ms-input-placeholder{font-weight:400!important;color:#9b9b9b!important}::-ms-input-placeholder{font-weight:400!important;color:#9b9b9b!important}::placeholder{font-weight:400!important;color:#9b9b9b!important}input:-moz-read-only{background-color:transparent!important}input:read-only{background-color:transparent!important}button.close{color:#000!important}.card,.modal-content{border-radius:0!important}.btn,.form-control{border-radius:0!important;-webkit-transition:.5s;transition:.5s}.btn{height:40px;padding-left:16px;padding-right:16px}.custom-file-input{border-radius:0!important}.custom-file-input,select{-webkit-transition:.5s;transition:.5s}select{padding-left:.5rem!important}input.form-control,select.form-control{height:40px!important}.alert{border-radius:0!important}textarea.form-control{padding-top:10px;padding-bottom:10px}.modal.fade:not(.in).right .modal-dialog{-webkit-transform:translate3d(25%,0,0)!important;transform:translate3d(25%,0,0)!important}.ellipsis{width:250px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}