.meter-reading img{display: block;width: 100%;height: auto;}
.lastseen{padding-top: 20px !important}
.lastseen li{display: inline-block;width: 50%;padding: 5px 10px;background: #f5f5f5;margin-bottom: 1px;border-radius: 5px;font-size: 14px;font-weight: 500;cursor: pointer;}
ul.messages li:nth-child(1){border-top:1px solid #dee2e6}
ul.messages li{padding: 15px;border-bottom:1px solid #dee2e6}
ul.messages span{display: block;font-size: 10px;font-weight: 500;}
.markers{padding-top: 20px !important;display: block;}
.markers li{margin: 5px;background: #eee;padding: 3px 10px;border-radius: 2px;display: inline-block;cursor: pointer;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 2.25rem;font-size: .875rem;;}

.register-wrapper{background-color: #fff;-webkit-box-shadow: 0 3px 10px rgba(62,85,120,.045);-moz-box-shadow: 0 3px 10px rgba(62,85,120,.045);box-shadow: 0 3px 10px rgba(62,85,120,.045);padding: 3rem;-webkit-border-radius: .5rem;-moz-border-radius: .5rem;border-radius: .5rem;width: 430px;margin: 50px auto;text-align: center;}
.register-wrapper h5{margin-bottom:2rem;}

.excutive-log{width: 100%;display: block;height: 100%;overflow-y: scroll;min-height: 500px;max-height: 500px;}
.slick-show-business img{width: 100%;}

table a{color:inherit !important;}

.form-select{width: auto;}
.ts-control{flex-wrap: nowrap;}

.search-header{width:45%;margin:0 10rem;}
.form-control.search:focus{border-color:#e1e1e1 !important;}
.btn.search{border:1px solid #e1e1e1;border-left:0;}
.btn.search:focus{box-shadow: none;}
.table-responsive-stack-thead{font-weight: bold !important}
form label, .show label{margin-bottom:0 !important;}
.slick-business{width:100%;display: block; position: relative;}
.slick-business img{width:100%;}
.slick-business span{position: absolute;top: 0;z-index: 10;right: 0;background: #f5f5f5;margin: 0;padding: 4px 10px;border-radius: 50%;}
.my-table td.fit{white-space: nowrap;width: 1%;}

#meeting-chart{display: block;width: 100%;height: 100%;}
#taskchart{display: block;width: 100%;height: 100%;}

/* googlemap */
div#gmap {width: 100%;height: 400px;}
       
/* googlemap */
div#userlocation {width: 99%;height: 400px;}
/* attachment uplode */
.row {display: -ms-flexbox; /* IE10 */display: flex;-ms-flex-wrap: wrap; /* IE10 */flex-wrap: wrap;}
/* Create four equal columns that sits next to each other */
.column {-ms-flex: 25%; /* IE10 */flex: 25%;max-width: 25%;padding: 0 4px;}

.column img {margin-top: 8px;vertical-align: middle;width: 100%;}
.b-show-direction{display: block;background:#ffffff;position: absolute;top:1rem;right:1rem;padding:10px;border-radius: 5px;z-index: 1;}
.b-show-direction svg{width:25px;height: 25px;color:#1565c0}
.positionsticky{position: sticky;top:0;left:0;transition: 0.3s ease all;}
.positionsticky.scroll{padding-top:25px}
.custom-card{border-radius: 1em;margin-bottom:1.875rem;background:#ffffff;position: relative;}
.custom-card .share{position: absolute;bottom:1.5rem;right:1.5rem;}
.custom-card .share>div{position: relative;}
.custom-card .share>div svg{width:35px;height: 35px;cursor:pointer;color:#1565c0}
.custom-card .share ul svg{width:35px;height: 35px;color:#1565c0;fill:#1565c0}
.custom-card .share ul{position: absolute;top:-3rem;right:0;transition: 0.3s ease all;visibility: hidden;opacity: 0;height: 0;}
.custom-card .share ul.active{visibility: visible;opacity: 1;height: auto;}


.custom-card #bmap{width:100%;border-radius: 1em;border-bottom-left-radius: 0;border-bottom-right-radius: 0;height: 300px;background: url(../img/map-grey.jpg) no-repeat;background-size: cover;overflow: hidden;}
.custom-card .comp-details{background:#ffffff;border-radius: 1em;padding:20px 20px;margin:-5rem 60px 0 60px;position: relative}
.custom-card .comp-details h4{font-size:20px}
.custom-card .comp-details span{background:#f5f5f5;text-align: center;margin:0 auto;display: block;width:100px;padding:5px 5px;border-radius: 20px;color:#1565c0;font-size:10px;}
.custom-card .line{display: flex;flex-wrap: wrap;margin-top:3rem;}
.custom-card .line .each{width:100%;display: flex;align-items: center;margin-bottom: 2rem;}
.custom-card .line .each h5{font-size:14px;}
.custom-card .line .each svg{color:#1565c0;width:30px;height: 30px;}
.custom-card .line .each h5{margin:0 0 0 1rem}
.custom-card .line img{margin-right:10px;}

/* Responsive layout - makes a two column-layout instead of four columns */


.individualbusiness .select2-container--default .select2-selection--single .select2-selection__rendered{padding:5px 0 0 15px}
.individualbusiness .select2.select2-container .select2-selection{border:1px solid #e1e1e1}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

/* box component */
.box {border-color: #e6e6e6;background: #FFF;border-radius: 6px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);padding: 10px;margin-bottom: 40px;}
.box-center {margin: 20px auto;}
.field-icon {float: right;margin-left: -25px;margin-top: -25px;position: relative;z-index: 2;}
.container{padding-top:50px;margin: auto;}
.btn-sm {margin-right:8px;}


.myImg {border-radius: 5px;cursor: pointer;transition: 0.3s;}
.myImg:hover {opacity: 0.7;}



.nldatatable{display: none;}
.nldatatable.dataTable{display: table;}

/* The Close Button */
.close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.close:hover,.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}

.error{color: #ff0000 !important;padding-left: 10px;}
.border-top {border-top: 1px solid #dee2e6!important;}
.taglist a.active{background:#293134 !important;color:#fff;}

.user-activity{height: calc(100vh - 186px); overflow: hidden; overflow-y: scroll;}
.user-activity .each{margin-bottom: 1px;padding: 10px 120px 10px 20px;position: relative;border-radius: 3px;cursor: pointer;border-bottom:1px solid #ebebeb}
.user-activity .each:nth-child(1){border-top:1px solid #ebebeb}
.user-activity .each .time{font-size: 0.6rem;display: inline-block;margin-left: 10px;position: absolute;right: 10px;bottom:5px;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:none;border:none;color: #121212;border-bottom:2px solid #121212}
.nav-tabs .nav-link{background:none;border:none;color: #767676;font-size:0.95rem}
button:focus{outline:none !important}


textarea.form-control{height: auto;min-height: 6rem;}

.worksscroll, .dutyscroll{max-height: 30rem;overflow-y: scroll;}
.typework{position: relative;}
.typework button{position: absolute;bottom:1rem;right:1rem;border-radius: 3rem;}
.typework button svg{width: 1rem;height: 1rem;}
.text-truncate{white-space: normal !important; display: block !important;}

.worksscroll .each{position: relative;}
.worksscroll .editoption{position: absolute;top:1rem;right:1.3rem;}
.call_duties{display: none;}

@media screen and (max-width: 800px) {
  .column {-ms-flex: 50%;flex: 50%;max-width: 50%;}
}
@media only screen and (max-width: 767px){
  .dutieslist{display: block;position: absolute;z-index: 1;background: #D6E2E7;width: 100%;top: 7.5rem;left: 0;max-width:none;transform: translateY(-100%);height: 0;visibility: hidden;opacity: 0;transition: 0.3s ease all;}
  .dutieslist.active{height: auto;opacity: 1;visibility: visible;transform: translateY(0);}
  .workslist{width: 100%;max-width: 100%;flex:0 0 100%;margin-bottom: 4rem;}
  .workslist .card-body>div{margin-bottom:0 !important}
  .page-header{height: 50px;font-size:1rem}
  .page-header h4{font-size:1rem}
  .worksscroll{overflow-y: auto;max-height: none;}
  .typework {position: fixed;bottom: 0;left: 0;width: 100%;padding: 1.1rem;background-color:#D6E2E7}
  .typework button{right:1.6rem;bottom:1.6rem}
  .worksscroll .each{padding-left:0;padding-right:0}
  .worksscroll .each:hover{background:none}
  .worksscroll .editoption{right:0}
  .call_duties{display: block;}
}
@media only screen and (max-width: 700px){
  .modal-content {width: 100%;}
}
@media screen and (max-width: 600px) {
  .column {-ms-flex: 100%;flex: 100%;max-width: 100%;}
}


.theme-menu{background:#2f2f31;width: 14rem;height: calc(100vh - 50px);position: fixed;top:50px;left:0;border-top:1px solid #424244;padding:1rem;overflow-x: hidden;overflow-y: scroll;z-index: 100;}
.theme-menu a.active{background:#454547;border-radius: 0.4rem;}
.theme-menu ul div{border-bottom:1px solid #424244}
.theme-menu ul span{width: 15px;height: 15px;border-radius: 0.3rem;;}

#main{display: block;}
#main .main-content{padding-left:14rem;width: 100%;transition: 0.3s ease all;min-height: calc(100vh - 50px);} /*if doubt header option then padding-top:7.8rem */
.page-header{left:15rem;}
.theme-header{background:#2f2f31;width: 100%;height: 50px;position: fixed;top:0;left:0;padding:6px 20px;z-index: 100;}
.theme-header .search{background:#565557;border-radius: 1.5rem;padding-left:0.8rem;}
.theme-header .search input{background:none;border:none;padding:0.5rem;width: 40rem;}
.theme-header .profile img{width: 2.5rem;height: 2.5rem;border-radius: 50%;}
.theme-header .profile ul{position: absolute;z-index: 1;width: 10rem;right:0;top:2.7rem;box-shadow:0 0 0 1px #edeae9,0 6px 12px 0 rgba(109,110,111,.12);height: 0;opacity: 0;visibility: hidden;transition:0.3s ease all}
.theme-header .profile ul.active{opacity: 1;visibility: visible;height: auto;}
.theme-header .profile ul li{margin-bottom:0.5rem}
.theme-header .profile ul li:nth-last-child(1){margin-bottom:0}
.theme-header .profile>a{display: inline-block;}

.switcher{}
.switcher .content{background:#fff;padding:0.5rem;}

.quick-filters .content{border-radius: 2rem;}

table.task .checkbox{cursor:pointer;color: #c0c0c0;transition: 0.2s ease all;}
table.task .checkbox:hover{color:rgba(163, 234, 173, 1)}
table.task input{background:#fff;padding:0.3rem 0.5rem;width: 100%;border:1px solid #fff;}
table.task tr td{transition: 0.2s ease all;}
table.task tr:hover td{background:#f5f5f5}
table.task tr:hover input{border:1px solid #eee;}
table.task tr .hovershow{position: absolute;right: 0;top:0.75rem;height: 0;visibility: hidden;opacity: 0;transition: 0.3s ease all;cursor:pointer}
table.task tr:hover .hovershow{visibility: visible;height: auto;opacity: 1;}
table.task tr:nth-child(1) td{border-top:1px solid #dee2e6}
.taskbtn{border:1px solid #dee2e6;border-radius: 0.3rem;padding:0.3rem 0.5rem;;color: #a2a0a2;transition: 0.3s ease all;}
.taskbtn:hover{color: #8eb99e;border-color: #8eb99e;}
.taskbtn.completed{color: #8eb99e;border-color: #8eb99e;background:rgba(142, 185, 158, 0.2);}
.showtask .right-options a{color:#a2a0a2;margin-left:0.5rem;}
.showtask .taskname{min-height: auto;resize: none;font-size: 1.8rem;font-weight: 400;border-color: #fff;transition: 0.3s ease all;}
.showtask .taskname:hover{border-color: #eee;}
.showtask .taskscroll{max-height: 520px;overflow-y: scroll;}
.showtask .select2-container{display: inherit;}
.showtask .select2-container .selection{flex-wrap: nowrap;display: flex;}

.showtask .select2-container .select2-selection--multiple .select2-selection__rendered{display: flex;}

.showtask .options{margin-top:1rem;}
.showtask .options .each{display: flex;align-items: center;margin-bottom:1rem}
.showtask .options .each>p{margin-right:3rem;margin-bottom:0rem;min-width: 5rem;;}
.showtask .options .assignee img{width: 35px;height: 35px;border-radius: 50%;margin-right:0.5rem;}
.showtask .options .assignee ul img{width: 25px;height: 25px;}
.showtask .options a{padding: 0.4rem 0.7rem;border-radius: 0.4rem;transition: 0.3s ease all;}
.showtask .options a:hover{background-color: #f5f5f5;}
.showtask .options .timer a{padding: 0;border-radius: 0;}
.showtask .options .each a:nth-child(1){margin-right: 0.5rem;padding: 0.4rem 0.7rem;border-radius: 0.4rem;transition: 0.3s ease all;}
.showtask .options .each a.second{margin-right: 0.5rem;padding:0.1rem 0.2rem;border-radius: 0.4rem;transition: 0.3s ease all;}
.showtask .options .assignee{position: relative;}
.showtask .options .assignee a:hover:nth-child(1),.showtask .options .assignee a:hover:nth-child(2){background-color: #f5f5f5;}
.showtask .options .assignee ul a:hover{background:none !important;}
.showtask .options .assignee ul{position: absolute;z-index: 1;top:100%;left:8rem;width: auto;height: 0;opacity: 0;visibility: hidden;transition: 0.2s ease all;max-height: 10rem;overflow-y: scroll;}
.showtask .options .assignee ul.active{visibility: visible;opacity: 1;height: auto;}


.showtask .options .project .project_select{visibility: hidden;display: inline-block;width: 1px;}

/* .showtask .options .project a:nth-child(2){border-top-right-radius: 0;border-bottom-right-radius: 0;}
.showtask .options .project a:nth-child(3){border-top-left-radius: 0;border-bottom-left-radius: 0;padding:0.14rem 0.2rem;} */
/* 
.showtask .options .project span{width: 15px;height: 15px;display: inline-block;margin-right: 0.3rem;border-radius: 0.2rem;} */
.showtask .options .priority select{max-width: 10rem;}
.showtask .taskdesc textarea{resize:none;border-color:#fff;transition: 0.3s ease all;}
.showtask .taskdesc textarea:hover{border-color:#eee}



.taskactivity{background:#f5f5f5;}
.taskactivity .data img{border-radius: 1rem;border:1px solid #f5f5f5;display: block;max-width: 25rem;}
.taskactivity .data img:hover{border-color: #2f2f31;}
.taskactivity .document{display: flex;align-items: center;background: #fff;border-radius: 1rem;padding: 0.4rem 0.5rem;border:1px solid #f5f5f5;transition: 0.3s ease all;}
.taskactivity .document:hover{border-color:#eee}
.taskactivity .document i{font-size:40px;color: #ea998e;margin-right:0.5rem;}
.taskactivity .document p:nth-child(1){font-size:1rem}
.taskactivity .document p:nth-child(2){margin-top:-5px}
.taskactivity .record a:hover{text-decoration: underline !important;}
.taskcomment{background:#f5f5f5;}
.taskcomment .content{width: 100%;background:#fff;border-radius: 0.5rem;border:1px solid #eee;}
.taskcomment textarea{width: 100%;resize:none;border:none;background:none}
.taskcomment textarea:focus{background:none}
.taskcomment .content .list{display: flex;justify-content: space-between;align-items: center;}

.mytask{width: 100%;}
.mytask .task-filter-sort{position: relative;}
.mytask .task-filter-sort>a{font-size:0.8rem;transition: 0.3s ease all;}
.mytask .task-filter-sort>a:hover{color: inherit;background:#f5f5f5}
.mytask .task-filter-sort.active>a{color: inherit;background:#f5f5f5}
.mytask .task-filter-sort .options{position: absolute;right: 1rem;background: #fff;min-width: 30rem;border:1px solid #eee;box-shadow: 1px 0px 1px #ddd;top:2rem;opacity: 0;visibility: hidden;transition: 0.3s ease all;}
.mytask .task-filter-sort .options .form-group a{border:1px solid #eee;padding:0.2rem 1rem;display: inline-block;}
.mytask .task-filter-sort .options .form-group a.active{background:#f5f5f5}
.mytask .task-filter-sort .options.active{visibility: visible;opacity: 1;z-index: 1;}
.mytask .task-filter-sort>a.active{background:#f5f5f5}
.mytask .tasksort .options{min-width: 10rem !important;}
.mytask .tasksort .options a{transition: 0.3s ease all;}
.mytask .tasksort .options a:hover{background:#f5f5f5;}
.mytask .tasksort .options a.active{background:#f5f5f5;}

.eachtask .hasdropdown{position: relative;}
.eachtask .hasdropdown ul{position: absolute;z-index: 1;top:100%;right:0;width: 10rem;height: 0;opacity: 0;visibility: hidden;transition: 0.2s ease all;max-height: 10rem;overflow-y: scroll;}
.eachtask .project ul.active{visibility: visible;opacity: 1;height: auto;}

.pastel-0{background:#9eb0e1;color:#fff !important;}
.pastel-1{background:#cb9ee1;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-2{background:#4ec3c3;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-3{background:#c39fc3;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-4{background:#eaa3b5;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-5{background:#ea998e;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-6{background:#8eb99e;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-7{background:#85c1c2;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-8{background:#abbcd6;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-9{background:#cebf99;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-10{background:#6ec2ea;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.pastel-11{background:#faf8c9;color:#fff !important;padding:0.3rem 0.5rem;border-radius: 0.3rem;}

.project-list{display: grid;grid-template-columns: repeat(2,1fr);}
.project-list .ico{width: 3rem;height: 3rem;}
.project-list>.each{border-radius: 0.5rem;transition: 0.2s ease all;position: relative;}
.project-list>.each:hover{background:#f5f5f5}
.project-list>.each .hovershow{position: absolute;right: 0.5rem;top:1.2rem;height: 0;visibility: hidden;opacity: 0;transition: 0.3s ease all;cursor:pointer}
.project-list>.each:hover .hovershow{visibility: visible;height: auto;opacity: 1;}

.createproject .colorlist{display: grid;grid-template-columns: repeat(6,1fr);grid-gap: 1rem;}
.createproject .colorlist .each{height: 3rem;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.createproject .colorlist .each.selected{border-color: #505050 !important;justify-content: center;display: flex;align-items: center;}
.createproject .colorlist .each.selected:before {position: absolute;content: "\F26E";color: #ffffff;font-size: 2.4rem;font-family: "bootstrap-icons";}

.createproject .iconlist{display: grid;grid-template-columns: repeat(6,1fr);grid-gap: 1rem;}
.createproject .iconlist .each{height: 3rem;padding:0.3rem 0.5rem;border-radius: 0.3rem;}
.createproject .iconlist .each.selected{border-color: #505050 !important;}

.w-1{width: 1%;}
.w-5{width: 5%;}
.w-7{width: 7%;}
.w-10{width: 10%;}
.w-14{width: 14%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.w-25{width: 25%;}
.w-30{width: 30%;}
.w-34{width: 34%;}
.w-50{width: 50%;}
.w-65{width: 65%;}
.w-75{width: 75%;}

.overflownoscroll{overflow-y: visible !important;}

.table.mytasklisting:not(.table-bordered) thead th{border-top:1px solid #dee2e6;font-weight: normal;color:#a2a0a2;padding-left:0.7rem;text-transform: none;}
.table.mytasklisting thead th{border:1px solid #dee2e6;}
.table.mytasklisting thead th:nth-child(1){border-left:none;}
.table.mytasklisting thead th:nth-last-child(1){border-right:none;}
.table.mytasklisting:not(.table-bordered) td{border:1px solid #dee2e6;font-weight: normal;color:#a2a0a2;padding-left:0.7rem;}
.table.mytasklisting:not(.table-bordered) td:nth-child(1){border-left:0}
.table.mytasklisting:not(.table-bordered) td:nth-last-child(1){border-right:0}
.table.mytasklisting .project span{width: 18px;height: 18px;}
.table.mytasklisting .project a{max-width: 8rem;}
.table.mytasklisting .priority .select2.select2-container .select2-selection{min-height:0;border:none}
.table.mytasklisting .priority .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: normal;background:red;width: 4rem;padding:0.1rem;color: #fff;text-align: center;border-radius: 0.2rem;;}
.table.mytasklisting .priority .select2-container .select2-selection--single{height: 22px;background:none}
.table.mytasklisting .priority .select2-container--default .select2-selection--single .select2-selection__arrow{top: -0.45rem;right: -0.5rem;}
table.mytasklisting .hovershow{top:0.75rem;}
.table.mytasklisting{position: relative;}

.table.taswiqtable:not(.table-bordered) thead th{border-top:1px solid #dee2e6;font-weight: 600;color:#a2a0a2;padding-left:0.7rem;text-transform: none;background:none}
.table.taswiqtable thead th{border:1px solid #dee2e6;}
.table.taswiqtable thead th:nth-child(1){border-left:none;}
.table.taswiqtable thead th:nth-last-child(1){border-right:none;}
.table.taswiqtable:not(.table-bordered) td{border:1px solid #dee2e6;font-weight: normal;color:#505050;padding:0.65rem;}
.table.taswiqtable:not(.table-bordered) td:nth-child(1){border-left:0}
.table.taswiqtable:not(.table-bordered) td:nth-last-child(1){border-right:0}
table.taswiqtable tr:hover td{background:#f5f5f5}
.table.taswiqtable tr.seperator td{border:none !important}
.table.taswiqtable tr.seperator td:hover{background:none !important}

.table.mytasklisting td.handle{width: 0.5% !important;}

.showtask{}
.showtaskcontrol{transform: translateX(100vw);transition: 0.2s ease all;background:#fff;position: fixed;width: 40%;right: 0;top:50px;height: calc(100vh - 50px);border-left:#eee solid 1px;}
.showtask .taskscroll{max-height:calc(100vh - 50px - 68px - 158px);}

.main-content.taskvisible{width: 55% !important;}
.main-content.taskvisible .showtaskcontrol{transform:translateX(0)}
.main-content.taskvisible .mytasklisting .collaborators, .main-content.taskvisible .mytasklisting .thcollaborators, .main-content.taskvisible .mytasklisting .priority, .main-content.taskvisible .mytasklisting .thpriority, .main-content.taskvisible .mytasklisting .thcreateddate, .main-content.taskvisible .createddate{display: none;}
.main-content.taskvisible .thtaskname{width: 60% !important;}
.main-content.taskvisible .thproject, .main-content.taskvisible .thduedate{width: 20% !important;}
.main-content.taskvisible .thproject, .main-content.taskvisible .project{border-right:0 !important}
.main-content.taskvisible .hasicons{display: none !important;}

.boardview{overflow: hidden;}
.boardview .board{background:#f5f5f5;height: calc(100vh - 119px);display: flex;overflow-y: hidden;overflow-x: scroll;}
.boardview .board .each{border-radius: 1rem;margin-right:1.5rem;flex-basis: 23rem;flex-shrink: 0;transition: 0.3s ease all;border:1px solid #f5f5f5}
.boardview .board .each:nth-last-child(1){margin-right:0}
.boardview .board .each:hover{border-color:#e0e0e0}
.boardview .board .each .top input{font-size:1rem;font-weight: 500;background:#f5f5f5;border:none;border-radius: 0.5rem;padding-left:0.5rem;;}
.boardview .board .each .top input:focus{background:#fff;border:1px solid#e0e0e0}
.boardview .board .board-content{width: 100%; height: 96%;display: block;background:#ebebeb;border-radius: 1rem;;}
.boardview .board .board-content .each{width: 100%;display: block;background:#fff;overflow: hidden;border:1px solid #fff;transition: 0.3s ease all;margin-bottom:0.5rem;}
.boardview .board .board-content .each:hover{border-color:#e0e0e0;}
.boardview .board .board-content .each .checkbox{color:#c0c0c0;transition: 0.3s ease all;}
.boardview .board .board-content .each .checkbox:hover{color:rgba(163, 234, 173, 1)}
.boardview .board .board-content textarea{resize:none;width: 100%;min-height: 1rem;border:none;}

.rounded-4{border-radius: 4rem;}

.diary-content{display: block;width: 100%;padding:0 1.5rem}
.diary-content .each{border-bottom: 1px solid #ebebeb;padding:0.5rem 0;}
.diary-content .each input{resize:none;min-height: auto;border:none;width: 100%;}

.works-content{width: 100%;position: relative;}
.creatework{position: fixed;bottom:0;left: 0;padding-left:15rem;width: 100%;}
.creatework textarea{resize:none;width: 100%;border:none;}
.creatework button{position: absolute;bottom:0.5rem;right:0.5rem;background:#0047a2;color:#fff;border:none;padding:0.5rem 0.7rem;border-radius: 50%;}
.creatework select{background:none;border:none;font-size:1rem;position: absolute;top:0.5rem;right:0.5rem}

.tableviewlisting{width: 100%;}

.businessgrid{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:2rem;}
.businessgrid ul li a{border-top:1px solid #dee2e6;padding:0.5rem 0}

.showbusiness .sidecontent{height: calc(100vh - 50px);overflow-x: hidden;overflow-y: scroll;}
.showbusiness .businessdata{margin-top:-4rem; position: relative;z-index: 1;}
.showbusiness .businessdata ul li{padding:0.5rem 0}
.showbusiness .businessdata ul li:nth-child(1){border-top:1px solid #dee2e6;}
.showbusiness .imageslider{height: calc(100vh - 645px);overflow: hidden;}
.showbusiness .imageslider .slick-slide{margin:0}
.showbusiness .showtask .taskscroll{height:calc(100vh - 50px - 68px - 181px)}
.showbusiness .taskcomment{box-shadow: none;}

.executivesgrid{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:2rem;}
.executivesgrid ul li a{border-top:1px solid #dee2e6;padding:0.5rem 0}
.executivesgrid .each .img a{border-radius: 50%;overflow: hidden;}

.showexecutive{height: calc(100vh - 125px);overflow: hidden;}

.executivestats{height: calc(100vh - 125px);overflow-x: hidden;overflow-y: scroll;}
.executivelogs{height: calc(100vh - 50px);}

.contentheight{height: calc(100vh - 50px);overflow-x: hidden;overflow-y: scroll;}
.reportscontentheight{height: calc(100vh - 50px);overflow-x: scroll;overflow-y: scroll;}

.resizenone{resize:none}

.menudropdown ul{padding:0;display: block;height: 0;opacity: 0;visibility: hidden;transition: 0.3s ease all;}
.menudropdown ul a{color: #fff;padding:0.5rem 1rem;display: block;margin-bottom:0.3rem;background:#4c4c4c;border-radius: 0.3rem;transition: 0.3s ease all}
.menudropdown ul a:hover{background:#666666;}
.menudropdown ul.active{height: auto;visibility: visible;opacity: 1;}
.purposes-list{height: calc(100vh - 225px);overflow-x: hidden;overflow-y: scroll;}

.reports-dashboard-tiles .card-body{padding:0.8rem !important}
.reports-dashboard-tiles .card{margin-bottom:1rem;}

.reportcolor{color: #777777;}

.fw-600{font-weight: 600 !important;}

.customreportoptions{position: absolute;top: 2rem;z-index: 99;left: 0;display: block;opacity: 0;height: 0;visibility: hidden;transition: 0.2s ease all;}
.customreportoptions.active{opacity: 1;visibility: visible;height: auto;}
.customreportoptions .customreportlist{max-height: 10rem;overflow-x: hidden;overflow-y: scroll;}
.reportstablefixhead{overflow: scroll; max-height: calc(100vh - 200px);}
.reportstablefixhead thead th{position: sticky; top: 0; z-index: 1;border-top:1px solid #dee2e6; border-bottom:1px solid #dee2e6}


.showbusinessside{height: calc(100vh - 7.6rem);}
.showbusinessside .showtask .taskscroll{max-height: calc(100vh - 50px - 68px - 221px);min-height: calc(100vh - 50px - 68px - 221px);background:#f5f5f5;}
.showbusinessside .businessimageslocation{height: 35%;}
.showbusinessside .modal-header{border-top:1px solid #dee2e6; border-radius: 0;}
.showbusinessside .businesstask{height: 50%;overflow-x: hidden;overflow-y: scroll;}

.businessimageslocation iframe{width: 100%;height: 100%;}

.subheader{position: fixed;width: 100%;padding-left:14rem;z-index: 1;left:0;top:50px;}

.contentsection{min-height: calc(100vh - 6.6rem);}
.contentsection2{min-height: calc(100vh - 10.9rem);}

.sectiontr td:hover{background:none !important}

.modal .modal-dialog {min-height: 100%; margin: 0 0 0 auto;min-width: 40%;}
.modal .modal-dialog .modal-content{border-radius: 0;border:none}
.modal.fade .modal-dialog.modal-dialog {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog .modal-body{overflow-y: auto;overflow-x: hidden;}


.tasks .select2.select2-container .select2-selection{border: none;background: #f5f5f5;display: flex;flex-wrap: nowrap;}
.tasks .select2-search{display: none !important;}
.select2-dropdown{border: none;background-color: #f5f5f5;}