/*Main Css */
::selection{background:#87ceeb;color:#fff;text-shadow:none;}
::-webkit-scrollbar{width:10px;background-color:#F5F5F5;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#dedede;}
::-webkit-scrollbar-thumb:vertical{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  background-color:#e00000;}

/* Tabbing CSS */
[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}

/* Accordion CSS */
.myaccordion li .faq-opt{display:none;}
.myaccordion li.active .faq-opt{display:block;}
.myaccordion li.active .faq-ang h4:before{content:'\f077';}

body {font-family: 'Poppins',sans-serif; overflow-x: hidden; font-size: 16px; line-height: 1; color: #000000;
background-size: contain !important; background-position: top right !important; background-repeat: no-repeat !important;}

h1,
h2,
h3,
h4,
h5,
h6 {display: block; font-weight: normal;}
*:hover,
*:focus,
*{outline:none!important;}
img{max-width:100%;height:auto;}
a,
input[type="submit"]{-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;display:inline-block;cursor:pointer;}
a:hover{color:#e00000;text-decoration: none;}
p,
a{font-size:16px;font-weight:normal;color:#000000;}
p{line-height:26px;display:block;}
span{display:inline-block;}
.red { color: #ff0000; }

/* Custom Slick Css */
.slick-list{margin:0 -15px;}
.slick-slide{margin:0 15px;}
ul.slick-dots{padding:50px 0 0;text-align:center;}
ul.slick-dots li{margin:0 20px 0 0px;width:auto;display:inline-block;vertical-align:middle;overflow:hidden;padding:0px;border:none;}
.slick-dots li button:before,
.slick-dots li button:before{color:#FFF;opacity:1;font-size:20px;}
.slick-dots li button{height:8px;width:8px;border-radius:50%;padding:0px;background:#d6d6d6;border:none;cursor:pointer;font-size:0px;padding:0px;-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;box-sizing:border-box;}
.slick-dots li.slick-active button{background:#f3c919;width:11px;height:11px;}
span.arrows{width:40px;height:40px;border:none;position:absolute;top:0px;bottom:0px;margin:auto;z-index:2;cursor:pointer;line-height:39px;font-size:12px;text-align:center;font-weight:300;top:0;border-radius:0;background:#f7f7f7;color:#696969}
span.arrows.next{right:1%;}

textarea,
input[type],
select,
button{background:transparent;border:none;border-radius:0px;font-family:'Poppins',sans-serif;font-weight:400;}
::-webkit-input-placeholder{color:#a3a3a3;font-weight:400;}
::-moz-placeholder{color:#a3a3a3;font-weight:400;}
:-ms-input-placeholder{color:#a3a3a3;font-weight:400;}
:-moz-placeholder{color:#a3a3a3;font-weight:400;}

:root {
  --hand-width: 0.5rem;
  --sec-hand: 5rem;
  --min-hand: calc(var(
  --sec-hand) * 0.85);
  --hour-hand: calc(var(
  --sec-hand) * 0.6);
  --clr-red: hsl(11, 79%, 49%);
  --clr-dark: hsl(0, 0%, 19%);
}

/* Padding Classes */
.pad-sec{}
.pad-zero{padding:0px;}
.pad-l-zero{padding-left:0px;}
.pad-r-zero{padding-right:0px;}

/* Global Css */
.sprite-icn:before{content:"";background-image:url(../images/sprite.png);background-repeat:no-repeat;display:inline-block;}
.ovr-hiddn{overflow:hidden;}

.overlay:after{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.60);z-index:1;}
.overlay{display:none;}
.overlay.active{display:block;}

.mn-btn{color:#ffffff;font-size:18px;background:#000000;border:1px solid #000000;font-weight:400;text-transform:uppercase;padding:0px 0px;}
.mn-btn:hover{background:transparent;color:#000000;}

/* Heading Classes */
.mn-hd h1{}
.mn-hd h2{}
.mn-hd h3{}
.mn-hd h4{}
.mn-hd h5{}
.mn-hd h6{}
.mn-hd p{}



/* Hamburger Menu */
.menu-Bar{width:30px;height:20px;cursor:pointer;position:absolute;right:15px;top:0;bottom:0px;margin:auto;z-index:22;display:none;}
.menu-Bar span{display:block;height:4px;width:100%;background:#ffff00;position:absolute;transition:.6s all;border-radius:100px;}
.menu-Bar span:nth-child(1){top:0;}
.menu-Bar span:nth-child(2){top:8px;transform-origin:left;}
.menu-Bar span:nth-child(3){top:16px;}
.menu-Bar.open span{background:#b70404;}
.menu-Bar.open span:nth-child(1){transform:rotate(45deg);top:12px;transform-origin:right-center;}
.menu-Bar.open span:nth-child(2){width:0;opacity:0;}
.menu-Bar.open span:nth-child(3){transform:rotate(-45deg);top:12px;transform-origin:right-center;}


/*All project-list Style*/
ul.project-summary-tab-lst{padding: 15px 0 0;}
ul.project-summary-tab-lst li{display: inline-block;vertical-align: middle;border-right:1px solid #ccc;padding: 10px 15px;width:16% ;}
ul.project-summary-tab-lst li.last{border:none}
ul.project-summary-tab-lst li a{width: 100%}
ul.project-summary-tab-lst li h4{font-size:15px;font-weight:500;padding-bottom:15px; }
ul.project-summary-tab-lst li h5{font-size:15px;font-weight:500;}

ul.project-stats-lst-name{background:#F5F4F4;padding:15px ;margin: 10px 0 0;}
ul.project-stats-lst-name li{display: inline-block;vertical-align: middle;}
ul.project-stats-lst-name li h3{font-size:16px;color:#43AADD;font-weight:500 }

/*Project New Task Style*/
.project-summary-wrap{ border-bottom:1px solid #ccc; border-top:1px solid #ccc;padding: 15px 0;margin: 10px 0;}
.project-summary-txt{display: inline-flex;align-items: baseline;}
.project-summary-txt h6{padding-left: 15px;font-size: 20px;font-weight: 600}
.project-summary-txt label{font-size: 18px;color: #000;font-weight: 600;padding-right: 10px}
.project-summary-txt p{color: #43AADD;font-weight: 500;font-size: 16px;line-height: normal;}

.project-new-taskform-wrap{margin:20px 0 10px;background-color: #F5F4F4;padding:25px;}

ul.task-new-form li {margin-bottom: 15px;}
.task-new-form-wrap {width: 100%;display: inline-flex;align-items: center;font-size: 14px;font-weight: 600;position: relative;}
.task-new-form-wrap label {width: 225px;font-size: 15px;font-weight: 500;}
.task-new-form-wrap input,
.task-new-form-wrap select {width: 300px;height: 45px;padding: 0 10px;background: #fff;border-radius: 5px;font-size: 16px;}
.task-new-form-wrap textarea {width: 300px;padding: 10px;background: #fff;border-radius: 5px;font-size: 14px;height:150px}
.task-new-form-wrap input[type = file]{height: auto;background: none;padding: 0;z-index: }
.task-new-form-wrap input[type = file]::-webkit-file-upload-button{opacity: 0}
.attach-paperclip{position: absolute; left: 335px; font-size: 18px;}

#task_assignee_result {position: absolute;top: 46px;left: 225px;width: 300px;z-index: 1;background: #fff;}
#task_assignee_result #results li.result-item{padding:10px;font-size: 16px;border: none;margin: 0;font-weight: 400;color: #000;}
#task_assignee_result #results li.result-item:hover{background: #43AADD;color: #fff}

#task_assignee_result #results {width: 100%; padding: 10px 0; background: #e7e7e7; position: absolute; top: -17px; box-shadow: 0 0 10px #ccc; display: none;}

/*After Task Creation The Task*/

ul.project-task-mn-lst{}
ul.project-task-mn-lst li{ margin-bottom: 10px;position:relative;}
ul.project-task-mn-lst li label{width: 35%;font-size: 15px;font-weight: 500;}
ul.project-task-mn-lst li select, ul.project-task-mn-lst li input {width:40%;height:25px;padding:0;background: #fff;border-radius: 5px;font-size: 14px;}
ul.project-task-mn-lst li span{color: #43AADD;font-size: 14px;line-height: normal;}

.mn-task-discription{padding: 10px;border: 1px solid #ccc;border-radius: 10px}
.mn-task-discription h4{font-size: 14px; color: #000;font-weight: 500;padding-bottom: 15px}
.mn-task-discription textarea{width: 100%;height:150px;font-size: 14px;}

.mn-task-attached-files{padding-top: 30px}
.mn-task-attached-files h4{font-size: 14px; color: #000;font-weight: 500;padding-bottom: 15px}

.task-activity-wrap h6{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 15px 0;margin: 10px 0;}
.task-activity-wrap-p{display: inline-flex;justify-content: space-between;width: 100%;margin-bottom:6px;padding-left:12px;position: relative;
margin-left:10px}
.task-activity-wrap-p:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 4px;height: 4px;
  border-radius: 100px;background: #000}
.task-activity-wrap-p span{font-size: 12px;width: 20%;color: #000;font-weight: 500}
.task-activity-wrap-p{font-size: 12px;color:#000;line-height: normal;}


.activity-chat-wrap{padding: 15px;border: 1px solid #ccc;border-radius: 10px;margin:15px 0}
.activity-chat-wrap{width: 100%}

.activity-chat-inner{padding-bottom: 20px;position: relative;}
.activity-chat-inner span{width: 49%;font-size: 12px}
.activity-chat-inner span:nth-child(1){font-weight: 600}
.activity-chat-inner span:nth-child(2){text-align: right;}
.activity-chat-wrap p{font-size: 14px;}

.activity-chat-types{padding: 20px 20px 50px;border: 1px solid #ccc;border-radius: 10px;margin:15px 0;position: relative;}

.activity-chat-types textarea{width: 100%;height:100px;font-size:14px;color:#000 }
.activity-chat-types input[type = submit]{position: absolute;bottom: 10px;right: 15px;background: #43AADD;color: #fff;font-size: 14px;
text-transform: capitalize!important;padding: 10px 25px;border-radius:6px}

.activity-chat-types input[type = file]{position: absolute;bottom: 10px;right:12%;font-size: 14px;z-index: 1;height: 34px;
padding-right: 30px;height: 34px;line-height: 34px}

.activity-chat-types input[type = file]::-webkit-file-upload-button{display: none}
.activity-chat-types span{position: absolute;bottom: 15px;right: 13%}

@media (max-width:1440px){
}
@media (max-width:1200px){
  img{max-width:100%;height:auto;}
  .menu-Bar{display:block;top:0px;}
  .menuWrap.open{display:flex;left:0px;}
  .menuWrap{position:fixed;left:-210%;right:0;top:0;bottom:0;margin:auto;background:#ff8000;height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:all 0.4s ease;z-index:3;width:100vw;}
  ul.menu li{display:block;}
  ul.menu li a{margin-bottom:10px;padding:0;display:block;text-align:center;margin-bottom:15px;padding-right:0px;margin-right:0px;color:#fff;font-size:15px;text-transform:capitalize;}
  .logo img{max-width:50%;}
  .container{position:relative;}
  header .header-top{display:none;}
  header .main-header ul.menu>li{display:block;padding:0px;}
  header .main-header ul.menu>li a{color:#fff;padding:0px;}
  header .main-header ul.menu>li a:before{display:none;}
}
@media (max-width:824px){
}


.loading {
  width: 100%;
  height: 100vh;
  background-color: #000000;
  opacity: 0.65;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  overflow: hidden;
  display: none;
}
.loading img {
  width: 150px;
  height: 150px;
}