html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;font-size: 100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {font-size: 12px;line-height: 18px; font-family: 'OpenSansRegular';}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select { vertical-align:middle;font-family: 'OpenSansRegular';}
input, button, a { transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; -webkit-transition: all .4s ease;}
.btn:focus{box-shadow:none !important}
a{text-decoration: none;}

/* custon css starts here */

/*add fonts*/
@font-face {
  font-family: 'OpenSansRegular';
  src: url('../fonts/OpenSansRegular.eot');
  src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
       url('../fonts/OpenSansRegular.woff2') format('woff2'),
       url('../fonts/OpenSansRegular.woff') format('woff'),
       url('../fonts/OpenSansRegular.ttf') format('truetype'),
       url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
@font-face {
  font-family: 'OpenSansBold';
  src: url('../fonts/OpenSansBold.eot');
  src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),
       url('../fonts/OpenSansBold.woff2') format('woff2'),
       url('../fonts/OpenSansBold.woff') format('woff'),
       url('../fonts/OpenSansBold.ttf') format('truetype'),
       url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}
@font-face {
  font-family: 'OpenSansSemiBold';
  src: url('../fonts/OpenSansSemiBold.eot');
  src: url('../fonts/OpenSansSemiBold.eot') format('embedded-opentype'),
       url('../fonts/OpenSansSemiBold.woff2') format('woff2'),
       url('../fonts/OpenSansSemiBold.woff') format('woff'),
       url('../fonts/OpenSansSemiBold.ttf') format('truetype'),
       url('../fonts/OpenSansSemiBold.svg#OpenSansSemiBold') format('svg');
}
@font-face {
  font-family: 'OpenSansExtraBold';
  src: url('../fonts/OpenSansExtraBold.eot');
  src: url('../fonts/OpenSansExtraBold.eot') format('embedded-opentype'),
       url('../fonts/OpenSansExtraBold.woff2') format('woff2'),
       url('../fonts/OpenSansExtraBold.woff') format('woff'),
       url('../fonts/OpenSansExtraBold.ttf') format('truetype'),
       url('../fonts/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');
}
/* font end */
.form-control:focus,.form-select:focus{box-shadow:none}
select:focus-visible,.form-select:focus-visible,textarea:focus-visible,svg:focus{outline:0;}
.form-control-sm,.form-select-sm{background-color: #ffecec;}
.fixed-float-label .form-control,.fixed-float-label .form-select{min-height: calc(2em + 1rem + 2px);padding: .5rem 1.5rem;font-size: 14px;line-height: 26px;}
.LoginPage{width: 100%;height: 100vh;background: #dedede;
  /* background: url(../images/repeat-x.png) repeat top left; */
}

.LoginPage .leftSideImg{height: 100vh;display: flex;justify-content: center;align-items: center;}
.LoginPage .leftSideImg img{width: 90%;border-radius: 20px;}
/* .LoginPage .leftSideImg h2{color: #734798;font-size: 1.3rem;line-height: 1.6rem;font-family: 'OpenSansSemiBold';text-align: center;} */

.logoText{color: #734798;font-size: 23px;line-height: 1;text-transform: uppercase;font-family: 'OpenSansBold';margin-left: 1rem;}

.LoginPage .rightSideForm{height: 100vh;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.fixed-float-label{position: relative;}
.fixed-float-label .form-label{position: absolute;left: 16px;top: -7px;padding: 0 10px;background: #fff;font-size: 14px;line-height: 1;color: #734798;
     z-index: 1;font-family: 'OpenSansBold';}
.form-label{color: #734798;font-size: 12px;line-height: 1;font-family: 'OpenSansBold';}
.LoginForm .btn{min-width: 120px;padding:14px;border-radius: 24px;color: #fff;border: 0;text-transform: uppercase;font-size: 14px;line-height: 1;
    background: #734798;font-family: 'OpenSansBold';
}
.inner-logo img{border-radius: .25rem;}
.fixed-float-label .select2-container{position: relative;width: 100% !important;}
.fixed-float-label .select2-container .select2-selection--single{height: 50px;padding: 10px 16px; border: 1px solid #ced4da;}
.fixed-float-label .select2-container--default .select2-selection--single .select2-selection__arrow{top: 10px;right: 8px;}
.logo img{width: 100%;}
.content-item{max-width: 100%;width: 330px;padding: 20px;background: #fff;border-radius: .25rem;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
}
.LoginPage .title-login{font-size: 1.46rem;line-height: 3rem;color: #734798;font-style: italic;text-transform: uppercase;font-family: 'OpenSansExtraBold';letter-spacing: 10px;}
.forpwd{text-decoration: none;font-size: 14px;line-height: 1;  font-family: 'OpenSansSemiBold';}
.content_wrap{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 2rem 3rem;}
.content_wrap h6{font-size: 18px;line-height: 22px;text-transform: uppercase; color: #fff;margin-bottom: 16px;letter-spacing: 2px; }
.content_wrap h2{font-size: 32px;line-height: 36px;color: #fff;padding-bottom: 16px;margin-bottom:16px;letter-spacing: 1px;position: relative;font-family: 'OpenSansExtraBold';font-style: italic;}
.content_wrap h2:before{content: "";position: absolute;left: 0;bottom: 0;width: 180px;border: 1px solid #ffff;}
.content_wrap p{font-size: 14px;line-height: 20px;color: #fff;letter-spacing: 1px;}
.content_wrap .inner_content{z-index: 2;}
.rightSideForm > p{font-size: 1rem;line-height: 1rem;color: #734798;font-style: italic;font-family: 'OpenSansExtraBold';text-align: center;}

.header{width: 100%;position: fixed;z-index: 5;height: 74px;
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.75);
}
.header-nav {align-items: center; display: flex;flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;position: relative;}
.context-icon{width: 28px;height: 22px;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;}
.context-icon .item{width:100%;height: 4px;width: 100%;background: rgba(2,0,36,1);border-radius: 3px;}
.header .stripe-header{width: 100%;display: block;height: 12px;
  background: rgb(115,71,152);
  background: linear-gradient(86deg, rgba(115,71,152,1) 50%, rgba(0,93,154,1) 100%);
}
.header .middle-header{width: 100%;padding:2px 18px;display: flex;justify-content: space-between;align-items: center;background: #e7e7e7;;}
.header .bottom-header{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0px 18px;background: #dedada;}
.header .bottom-header .nav-left b{color: rgb(115,71,152);}
.header-navbar-rht li {display: inline-flex;margin-left: 10px;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;align-items: center;}
.header-navbar-rht .logged-item{padding-right: 0;}
.header-navbar-rht .form-select{border: 0;padding: 0;background: none;}
.has-arrow .dropdown-toggle::after {display: none;} 
.logged-item .dropdown-menu{left: auto;right: 0px;min-width: 11rem;}
.header-navbar-rht li .dropdown-menu .dropdown-item {padding: 8px 10px 8px 36px;font-size: 12px;line-height: 1;position: relative;}
.header-navbar-rht li .dropdown-menu .dropdown-item + .dropdown-item{border-top: 1px solid rgba(0,0,0,.15);;}
.header-navbar-rht li .dropdown-menu .dropdown-item:hover {color: #734798;letter-spacing: .5px;}
.header-navbar-rht li .dropdown-menu .dropdown-item svg{margin-right: 12px;position: absolute;left: 12px;color: #734798;}
.header-navbar-rht li a.logout{background: #005d9a;padding: 0 6px;border-radius: 3px;color: #ffffff;}
.user-header {display: flex;padding: 10px 15px;}
.user-header .user-text {font-size: 14px;line-height: 16px; color: #734798;}
.select-project .select2-container{width: 130px !important;}
.select-project .select2-container--default .select2-selection--single .select2-selection__rendered,
.fixed-float-label .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;}
.dropdown-tag .select2-results__options li{font-size: 14px;}


html{height: 100%;}
body.login_layout{padding: 0;}
body {min-height: 100%;position: relative;padding-bottom: 100px;}
body.popup-window{padding-bottom: 0;}
body.popup-window .main-wrapper{padding-top: 10px;}
.main-wrapper{display: block;height: auto !important;min-height: 100%;padding-top: 84px;}
body.login_layout .main-wrapper{padding-top: 0;}

.footer{padding: 20px 5px; font-size: 13px; background-color: #304e60; height: 88px; position:absolute; bottom:0px; width: 100%;color: #ffffff;}
.content_footer {border-left: 3px solid #fff;padding-left: 20px;font-size: 14px;line-height: 24px;}

/* Start scroll up arrow css */

.round {position: fixed;border: 2px solid #56aaff;width: 42px;height: 42px;border-radius: 100%;bottom:20px;right: 20px;display: none;background: #734798;z-index: 1;cursor: pointer;}
.round span {z-index: 999; height: 3px; margin:1px; width: 12px; background: #fff; transition: 0.4s ease;}
.round span:first-child {display: block;position: absolute;left: 23%;bottom: 35%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.round span:nth-child(2) { display: block; position: absolute;  left: 43%; bottom: 35%;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.round span:nth-child(3) {display: block;position: absolute;left: 23%;bottom: 54%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.round span:nth-child(4) {display: block;position: absolute;left: 43%;bottom: 54%;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.round:hover span:nth-child(1) {transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);}
.round:hover span:nth-child(2) {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);}
.round:hover span:nth-child(3) {transform: rotate(-225deg);-webkit-transform: rotate(-225deg);-moz-transform: rotate(-225deg);}
.round:hover span:nth-child(4) {transform: rotate(225deg);-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);}

/* End scroll up arrow css */


/* canvas nav css */
.canvas_nav{position: fixed;top: 0;left: 0;width:220px;z-index: 6;height: 100%;
  transform: translateX(-220px); -webkit-transform: translateX(-220px); -moz-transform: translateX(-220px);  -ms-transform: translateX(-220px);
  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; background:#dedada ;
}
.canvas_nav .close{ width: 100%;padding: 12px 14px;border-bottom: 1px solid #ccc;text-align: right;opacity: 1;cursor: pointer;}
.canvas_nav  .close svg{font-size: 28px;line-height: 1;color: #000000;}
.canvas_nav.active{  transform: translateX(0px);  -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px);
  -webkit-box-shadow: 3px 0px 11px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 0px 11px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 0px 11px 0px rgba(0,0,0,0.75);
}
.canvas_nav .scroller{height: 100vh;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

/* .canvas_nav .scroller .scrollbar-inner{overflow-y: auto;direction: rtl;}  */
.scrollbar-inner{height: 100%;}
.main_nav li{position: relative;}
.main_nav a{ color: #000000;  display: block;  padding: 0.7em 1em 0.7em 2.5em; outline: none;  box-shadow: inset 0 -1px rgba(255,255,255,0.6);
    text-shadow: 0 0 1px rgba(255,255,255,0.1); text-decoration: none;font-size: 13px;line-height: 1;
}
.preIcon{position: absolute;top: 7px;left: 6px;width: 18px;text-align: center;}

.main_nav > li > ul{  position: absolute;  top: 0;  right: -200px; width: 200px;  display: none;  z-index: 2;background: #ffffff;
  transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.main_nav > li > ul > li > a{padding: 0.7em 1em 0.7em 1em;}
.main_nav > li > ul > li > ul {  position: absolute;  top: 0;  right: 0;height:100vh;  width: 200px; z-index: 9;background: #ffffff;display: none;
  transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px);
}
.main_nav > li:hover > ul{display: block;}
.main_nav > li:hover a{background: #ffffff;color: rgb(115,71,152) ;}
.main_nav > li:hover svg{color: rgb(115,71,152) }
.main_nav > li:hover ul li a{color: #000000;background: #dedada;}
.main_nav > li > ul > li:hover  a{background: #ffffff;color: rgb(115,71,152);}
.main_nav li a svg{position: absolute;right: 6px;top: 50%;z-index: 4;font-size: 16px;
  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
}

.cont_breadcrumbs_2 {  position: relative;  width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;white-space: nowrap;}
.cont_breadcrumbs_2 li {  float: left; margin-bottom: .5rem}
.cont_breadcrumbs_2 li a {  color: #FFF;  display: block;   text-decoration: none;  position: relative; padding:4px 5px;  text-align: center;   margin-right: 3px; 
  font-size: 12px;line-height: 1;border-radius: 3px;  
  background: #734798;  background: linear-gradient(90deg, #734798 20%, #a83279 100%); 
}

.sub-sub-title{display: inline-block;background: #56aaff;padding: 5px 10px;position: relative;font-family: 'OpenSansBold';color: #ffffff;height: 26px;border-radius: 3px 0 0 3px;}
.sub-sub-title:after{ position: absolute;  content: "";  top: -17px;  right: -17px;  border-color: transparent transparent #56aaff;
    border-style: solid;  border-width: 17px 17px 26px 0px;
}

.card{border-top: 3px solid #56aaff; }
.card-header{font-size: 14px;line-height: 1;color: #4f575e;font-family: 'OpenSansBold';}
.task-items li{padding: 10px 16px 10px 36px;border-radius: 4px;font-size: 14px;line-height: 14px;margin-bottom: 12px;
    color: #4f575e;background-color: #f3f3f3;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.task-items li svg{position: absolute;left: 10px;font-size: 1rem;line-height: 1;color: #734798;}
.task-items li:last-child{margin-bottom: 0;}

.project-item{width: 100%; margin-bottom: 1rem;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;border-radius: .25rem;height: 136px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.project-item.first-item{background: #808080;}
.project-item.first-item svg,.project-item.first-item span{color: #fff;}
.project-item:hover{transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);}
.project-item a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;text-decoration: none;}
.project-item a svg{font-size: 1.5rem;line-height: 1;margin-bottom: 1.5rem;color: #734798;}
.project-item a span{font-size: 14px;line-height: 1;color: #4f575e;text-transform: capitalize;}
.project-item.archives{background: #bb2d3b;}
.project-item.archives svg,.project-item.archives span{color: #fff;}

.project-obj li a{padding: 10px 10px 10px 26px;font-size: 14px;line-height: 1;color: #4f575e;text-decoration: none;position: relative;display: inline-block;}
.project-obj li a:before{content: "\f101";position: absolute;left: 0;font-family: "Font Awesome 5 Free"; font-weight: 600; color: #734798;}
.project-obj li a:hover{color: #734798;padding-left: 35px;}
.project-obj li a:hover:before{color: #734798;}

.your-task{height: 282px;overflow-y: auto;}
.upevents,.project-obj{height: 360px;overflow-y: auto;}
.upevents.pending{height: 150px;overflow-y: auto;}
.upevents li{display: flex;justify-content: flex-start;padding: 10px 0;border-bottom: 1px solid #70757a;}
.upevents .dateEvent{display: flex;flex-direction: column;}
.upevents .eventDetail span{font-family: 'OpenSansBold';color: #383d87;margin-right: 8px;}
.upevents .eventDetail h4{font-size: 14px;line-height: 18px;color: #202124;}
.upevents .eventDetail p{font-size: 14px;line-height: 20px;color: #4f575e;}

.comments-list{height: 150px;overflow-y: auto;}
.comments-list li{padding: 10px 0;border-bottom: 1px solid #70757a;}
.list-item{display: flex;justify-content: flex-start;}
.list-item .user{display: flex;flex-direction: column;}
.comment-detail{padding-left: 16px;}
.comment-detail h4{font-size: 14px;line-height: 18px;color: #202124;margin-bottom: 4px; font-family: 'OpenSansSemiBold';}
.comment-detail small{font-size: 12px;line-height: 16px;color:#734798;}
.comment-detail p{font-size: 14px;line-height: 18px;color: #70757a;}



.data-wrap{display: flex;justify-content: flex-start;align-items: flex-start;}
.data-wrap .data-left{width: 38%;}
.data-wrap .arraw-icon{width:26px;margin:3rem 1rem;}

.data-wrap .arraw-icon .btn{margin-bottom: 1rem;background: #734798;border: 1px solid #734798;}
.data-wrap .data-right{width:60%}
.data-wrap.budgets .data-left{width: 24%;height: 500px;overflow-y: auto;}
.data-wrap.budgets .data-right{width: 76%;height: 500px;overflow-y: auto;}

.pagination .btn{background: #734798;}
.pagination .btn svg{color: #fff;}

.feature_01{width: 212px;min-height: 95px;background: #fff;border: 1px solid #ccc;border-radius: 5px;padding:10px;
  margin: 0 10px 10px 0; position: relative;overflow: hidden; display: inline-block;
 transition:  all 0.3s;-webkit-transition:  all 0.3s;-moz-transition:  all 0.3s;-ms-transition:  all 0.3s;
 box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
 box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;
}
.feature_01:hover{
 transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);
}
.feature_01:before{ content: "";  width: 40%; height: 100%; position: absolute; top: 0; left: -16px; visibility: visible;border-right:2px solid #ccc;
 transform: skewx(-20deg);-webkit-transform: skewx(-20deg);-moz-transform: skewx(-20deg);-ms-transform: skewx(-20deg); display: none;
}
.feature_01 a{display: flex;width:100%;height: 72px;justify-content: flex-start;align-items: center;}
.feature_01 .feature_img{width:48px;height:48px;display: flex;align-items: center;justify-content: flex-start;border-right: 2px solid #56aaff;}
.feature_01 .feature_img img{width:100%;padding-right: 6px;}
.feature_01 .feature_text{display: table-cell;color: #212121;vertical-align: middle;padding-left: 14px;}
.feature_text label{font-size: 14px;line-height: 1;cursor: pointer;}
.feature_01:last-child{margin-right: 0px;}
.feature_wrap  .card .card-header h4 a{color: #212121;}

.required{color: red;}
.color-b {color: #212121;text-decoration: none;}
.color-b svg{margin-right: 8px;color: #734798;}
.color-b:hover{color: #734798;}
.form-group{margin-bottom: 6px;}
.add-on-group, .add-on-select {position: relative;}
.form-group label,label ,.label {  font-family: 'OpenSansBold'; margin-bottom: 4px; color: #8b4792;}
.form-select{background-color: #f7f7f7;}
.form-group .form-control,.form-group .form-select,.form-control, .form-select{font-size: 12px;line-height: 18px;}
.form-control {height: 28px !important;padding: 0.3rem 0.7rem;background-color: #f7f7f7;width: 100%}
textarea{background-color: #f7f7f7;border: 1px solid #ced4da;border-radius: 0.25rem;padding:0.3rem 0.7rem;}
.add-on-group .form-control{padding-right: 40px;}
.add-on-group .group {position: absolute;bottom: 0;right: 0;background: #734798;z-index: 1;height: 28px;border-radius: 0 3px 3px 0;}
.add-on-group .group svg{color: #fff;}
.add-on-group .group a {border-left: 1px solid #fff;display: inline-flex;align-items: center;justify-content: center;height: 28px;width: 28px;color: #fff;}
.add-on-multi-date{display: flex;justify-content: space-between;}
.add-on-multi-date .add-on-date{width:48%;}
.btn {font-family: 'OpenSansSemiBold';font-size: 12px;line-height: 1;}
.custom-checkbox{display: block;min-height: 1.5rem;padding-left: 1.5em;margin-bottom: 0.125rem;}
.custom-checkbox .custom-control-input{float: left;margin-left: -1.5em;margin-top: 2px;}
.add-on-time select{ width:31.2%; color: #495057;  height: 28px;  vertical-align: middle;  padding:.3rem .7rem;
  border: 1px solid #ced4da;  border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none;appearance: none;
  background: #f7f7f7 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
  background-size: 8px 10px;
}
.calendar thead .headrow .nav{display: table-cell;}
.side_buttons{position: fixed;top:11rem;right: 0;width: 180px;background: #f8f8f8;padding:0 10px 10px 10px;
  -webkit-box-shadow: 0px 13px 19px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 13px 19px 0px rgba(0,0,0,0.75);box-shadow: 0px 13px 19px 0px rgba(0,0,0,0.75);
    transform: translateX(97%);-webkit-transform: translateX(97%);-moz-transform: translateX(97%);-ms-transform: translateX(97%);
    transition: all 0.5s; -webkit-transition:  all 0.5s;  -moz-transition:  all 0.5s;-ms-transition:  all 0.5s;
    z-index:9;min-height: 110px;border-left: 6px solid #734798;
}
.side_buttons .btn{width:100%;margin-bottom:4px}
.side_buttons.open{transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);}
.side_buttons button,.side_buttons .button{width:100%;margin-bottom: 5px;line-height: 1;margin-bottom: 4px;}
.side_buttons > span{  position: absolute;  left: -30px;  top: 0;display: flex;justify-content: center;align-items: center;
  /* transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); */
}
.side_buttons > span >img{width: 30px;border-radius: 3px 0 0 3px;background: #734798;padding: 6px;}
.side_buttons .head{text-align: center;padding: 3px 0;color: #744298;margin-bottom: 0.5rem;border-bottom: 1px solid #744298;text-transform: uppercase;
  font-family: 'OpenSansSemiBold';
}
table.dataTable thead th,table.dataTable thead th a, table.dataTable tfoot th,.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{color: #fff !important;}
table.dataTable thead .sorting_asc {background-image: url(../images/sort_asc.png);}
table.dataTable thead .sorting {background-image: url(../images/sort_both.png);}
table.dataTable thead .sorting_desc {background-image: url(../images/sort_desc.png);}
table.dataTable tbody th, table.dataTable tbody td,table.dataTable thead th, table.dataTable thead,
table.dataTable tfoot th, table.dataTable tfoot td{padding: 2px 5px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0 5px;}
table.dataTable thead th a{display:inline-block;}
table.dataTable th a,table.dataTable td a{display:inline-block;}
table.dataTable thead th{background: #734798;vertical-align: top;font-family: 'OpenSansSemiBold';}
table.dataTable > tbody > tr:nth-child(odd){background: rgba(0,0,0,.05);}
table.dataTable > tbody > tr:nth-child(even){background: #ffffff;}
table.dataTable{border:1px solid #dee2e6;}
table.dataTable .custom-control.custom-checkbox {min-height:18px;}
.table>:not(:first-child){border-top: 0;}
.circle-btn i,.btn-mtop i,.circle-btn svg{font-size: 16px;}
.btn-mtop{margin-top: 22px;}


.table.dataTable .date{display: flex;align-items: center;}
.table.dataTable>:not(:first-child){border-top: 0;}
.table.dataTable input[type="text"]{border: 1px solid #ced4da;width: 70px;height: 22px !important;margin-right: 4px;border-radius: 4px;}
.table.dataTable input[type="text"]:focus{border:1px solid #0178bc;}
.table.dataTable input[type="text"]:focus-visible{outline:0;}
.table.dataTable select.form-select,.table.dataTable select{background-position: right 0.05rem center;padding: 0 15px 0 3px;width: auto;border: 1px solid #ced4da;border-radius: 4px;background: #fff;}
.dataTable .table-btn{padding: 2px 4px;background:#4983a1;color: #fff;}
.table.dataTable tr.details{background: rgba(128,128,128,0.5);}
.table.dataTable textarea{border: 1px solid #ced4da;width: 120px;border-radius: 4px;background: #fff;}



.peers {-webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box !important;  display: -ms-flexbox !important; display: flex!important;
  -webkit-box-align: start; -ms-flex-align: start;  align-items:center;  -webkit-box-pack: start;  -ms-flex-pack: start;
  justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal;  -ms-flex-flow: row wrap;  flex-flow: row wrap;
  height: auto;  max-width: 100%;  margin: 0;  padding: 0;
}
.peer { display: inline-block;  height: auto;  -webkit-box-flex: 0;  -ms-flex: 0 0 auto;  flex: 0 0 auto;  vertical-align: top;}
.peer  img {  width: 2.5rem;  border-radius: 50%;}
.c-grey-900, .cH-grey-900:hover{color: #313435;}
.peer .fsz-sm{font-family: 'OpenSansRegular';}
.peer .fsz-sm.fw-500{   font-family: 'OpenSansSemiBold';}
.view-all{  text-align: center;  font-size: 14px;}
.view-all:hover{ color: #313435;}
.peer-greed, .peers-greed > .peer, .peers-greed > .peers { -webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.jc-sb{  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;}
.fxw-nw {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.fsz-xs{font-size: 12px;}
.profile .peer  img.user-img { width: 32px;}
.profile .peer  img.user-more { width: 22px;}
.suport-view .peers .peer {width: 50%;position: relative;padding-left: 26px;}
.suport-view .peers .peer.label svg{position: absolute;left: 0;top: 3px;}
.w-35 {width: 35%;}
.w-65 {width: 65%;}
.table td, .table th {padding: 0.35rem;font-size: 12px;line-height: 18px;}
.table td.label {  font-family: 'OpenSansBold'; color: rgba(56,61,135,1);}

.contentArea {position: relative;display: block;}
.main-nav {   position: relative;  float: left;  height: calc(100vh - 80px);  color: #E5E5E5;  background-color: #f5f5f5;
    width: 280px;   transition: width 0.3s linear; -webkit-transition: width 0.3s linear;  -moz-transition: width 0.3s linear;
    -ms-transition: width 0.3s linear;
}

ul.ui-sortable li {  display: block;   width: 100%;}
ul.ui-sortable li a { display: block; width: 100%;padding: 10px 15px; border-bottom: 1px solid #e1e1e1;font-size: 14px;line-height: 1;color: #212121;}
ul.ui-sortable li a > span{padding-right: 10px;}
ul.ui-sortable li a span.right-arrow {float: right; border-left: 1px solid #212121; padding: 0 0 0 5px; font-size: 18px; line-height: 1;}

.folder-wrap { overflow-y: auto; height: calc(100vh - 180px);}
ul.sub-inner-list li {  display: block;   width: 100%;}
ul.sub-inner-list li a {width: 100%; padding: 8px 16px 8px 10px;  border-bottom: 1px solid #e1e1e1;display: flex;display: -webkit-flex;align-items: center;
    font-size: 14px;line-height: 18px;   color: #080808;  text-decoration: none;position: relative;
}

ul.sub-inner-list li a .text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.sub-inner-list li.active a{background-color: #734798 !important;color: #ffffff;}
ul.sub-inner-list li.active ul li a{background-color: #f5f5f5 !important;color: initial;}
ul.sub-inner-list li ul li a{font-size: 13px;line-height: 18px;}
ul.sub-inner-list ul{padding-left: 10px;}
ul.sub-inner-list li a span.arrow-add,ul.sub-inner-list li a span.folder-icon{padding-right: 6px;}
ul.sub-inner-list  li a span.action-modal{position: absolute;right: 10px;}

.item-files {background: #9e907d;display: none;overflow-y: auto;height: 170px;}
.item-files li{position: relative;}
.item-files li .remove-item{position: absolute;right: 8px;top: 6px;background: #fff;padding: 3px 5px;border-radius: 50%;color: #212121;font-size: 12px;line-height: 1;z-index: 2;}
.item-files .items{font-size: 11px;line-height: 18px;color: #ffffff;word-break: break-all;}


ul.trash-wrap{position: absolute;bottom: 32px;width: 100%;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;background: #f5f5f5;}
ul.trash-wrap li a{padding:6px 15px;display: block;color: #a83279; font-family: 'OpenSansBold';}
ul.trash-wrap li a span{padding-right: 10px;color: #a83279;}

.content-wrap{padding-left: 290px;}
.recentToolbarHeader {width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: 6px;margin-bottom: 6px;border-bottom: 1px solid #cdcdcd;}
.recentToolbarHeader .btn{background: none;color: #734798; box-shadow: none;border: 1px solid #734798;padding:5px 10px;margin-left: 4px;font-size: 14px;line-height: 1;}
.recentToolbarHeader .dropdown-item{font-size: 13px;padding: 5px 15px;line-height: 20px;}
.recentToolbarHeader .dropdown-item span:first-child{width: 20px;display: inline-block;text-align: left;}
.recentToolbarHeader .dropdown-item a{color: #212529;}
.recentToolbarHeader .btn svg{color: #6e6a6a;}
.side_sub_folder {display: none;}
.modal-title{ font-family: 'OpenSansBold';}
.nav-item {margin-right: 6px;}
.nav-item .nav-link{   color: #313131;background: #f7f7f7;border-top: 3px solid #37b2d3;padding: 3px 5px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #734798; background: hsl(0, 43%, 90%); border-top: 3px solid #734798;}

.agenda_wrap{width: 100%;}
.list-agenda{padding:16px;border-bottom: 1px solid #383d87;}
.list-agenda:last-child{border-bottom: none;}
.list-agenda h3{font-size: 16px;line-height: 20px;color: #4f575e; font-family: 'OpenSansBold';margin-bottom: 10px;}
.list-agenda p{font-size: 14px;line-height: 20px;color: #4f575e; margin-bottom: 10px;}
.list-agenda .number_count_agent {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;
  align-items: center;background-color: #734798;border-radius: 50%;color: #fff;display: -webkit-inline-box;display: -ms-inline-flexbox;
  display: inline-flex;font-size: 1rem; font-family: 'OpenSansBold';height: 2rem;justify-content: center;line-height: 1.6;margin-right: .5rem;
  text-align: center;vertical-align: middle;width: 2rem;
}
.list-agenda ul{list-style: inside disc;}
.list-agenda ul li{font-size: 14px;line-height: 20px;}
.meeting-list ul li{border: 1px solid #4f575e;padding:10px;border-radius: .25rem;margin-bottom: 10px;}
.meeting-list ul li:last-child{margin-bottom: 0;}
.meeting-list h3{font-size: 14px;line-height: 18px; font-family: 'OpenSansBold';color: #4f575e;margin-bottom: 4px;}
.meeting-list p{font-size: 14px;line-height: 18px;color: #4f575e;margin-bottom: 10px;}
.meeting-list p.time{ font-family: 'OpenSansBold';color: #734798;margin: 0;}
.ClearDone h3{font-size: 14px;line-height: 22px;color: #b14c4c;}
.ClearDone .btn{margin-top: 1rem;}
.next-row, .edit-form-view {display: none;}
.profile-details .peer h4 {font-size: 14px;color: rgba(56,61,135,1);}


.ytb-item{padding: 20px;background: #f7f7f7;border-radius: .25rem;margin-bottom: 1.25rem;cursor: pointer;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
}
.ytb-item .thambnail{height: 182px;display: flex;justify-content: center;align-items: center;margin-bottom: 10px;overflow: hidden;position: relative;}
.ytb-item .thambnail:before{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(115, 71, 152,0.2);z-index: 1;}
.ytb-item .details{height: 42px;overflow: hidden;}
.ytb-item .details h3{font-size: 14px;line-height: 18px; font-family: 'OpenSansBold';color: #4f575e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;}
.chart-tracker .StatusTrack{display: flex;justify-content: space-between;align-items: center;}
.chart-tracker .StatusTrack li{display: flex;align-items: center;}
.chart-tracker .StatusTrack li .trackPoint{width: 14px;height: 14px;border-radius: 50%;display: inline-block;margin-right: 6px;}
.chart-tracker .StatusPoints li {list-style: inside disc;font-size: 13px;line-height: 18px;}
.ytb-item .thambnail img{transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.ytb-item:hover .thambnail img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.chart-tracker canvas{display: inline-block;}

.color_list li{display: inline-block;margin-right: 8px;}
.color_list li span{display: inline-block;}
.color_list li .color_inner_list{display: flex;align-items: center;}
.color_list li .color_inner_list label{margin-bottom: 0;}

.freezer_list{height: 410px;overflow-y: auto;overflow-x: hidden;}
.freezer_list li a{color: #000;font-size: 14px;line-height: 1;padding: 5px;display: block;}
.freezer_list li a img{width: 16px;height: auto;margin-right: 10px;}
.freezer_list li:hover a{background: #734798;color: #fff;}
.search_status li{display: inline-block;margin-right: 10px;}
.search_status li a{display: flex;color: #000;}
.search_status li a span{margin-right: 10px;}
.compartment_list li a{padding: 10px;color: #000;border-bottom: 1px solid rgba(0,0,0,.125);font-size: 14px;line-height: 1;display: block;}
.rack_list li{width: 25%;float: left;background: #cdcdcd;}
.rack_list li a{color: #000;padding:16px 10px;text-align: center;border-right: 1px solid #ddd;display: flex;align-items: center;height: 110px;border-bottom: 1px solid #ddd;font-size: 14px;line-height: 1;}
.shelve_list li a,.box_list li a{padding: 10px;color: #000;border-bottom: 1px solid rgba(0,0,0,.125);font-size: 14px;line-height: 1;display: block;}
.total_box{position: absolute;left: 10%;top: 90%; display: none;width: 200px;background: #f8f8f8;z-index: 1;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
.total_box h6{border-bottom: 1px solid rgba(0,0,0,.125);padding: 5px;}
.total_box ul{padding: 5px;}
.total_box ul li a{padding: 5px;}
.total_box .close_box{position: absolute;right:5px;top: 5px;font-size: 16px;cursor: pointer;}
.box_list li{position: relative;}
.box_list li:hover .total_box{display: block;}
.placesample_table .seat{border: 1px solid #000;background: #fff;}
.placesample_table tr td{border-top: 0;text-align: center;}
#place_sampleModal .modal-dialog{width:98%;max-width: 98%;}

@media only screen and (max-width:500px){
    .rack_list li{width: 100%;}
    .rack_list li a{border-right: 0;border-bottom: 1px solid #ddd;}
}
.status_view li {display: inline-block;margin-right: 10px;}
.status_view li a{display: flex;color: #000;}

#place{width:100%;display: table;}
#place tr td{padding: 5px 8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align: center; width:auto; font-family: 'OpenSansBold';}
#sampleitem_box ul li{display: block;padding: 5px;border-bottom: 1px solid #cdcdcd;background: #f9f9f9;}
#ajaxStatusDiv {font-size: 14px;z-index: 9999;color: #fff;}
.loader{width:100%;height: 100%;position: fixed; left: 0;top: 0;background:rgba(0, 0, 0, 0.8);}
.centered .spinner-border{width: 3rem;height: 3rem;margin-top: 3rem;}
.centered{ width:160px;  height:160px;   position:absolute; top:50%;   left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align: center;}

.tablePrint{max-width: 768px;margin: 0 auto;padding: 10px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
}
.ethisForm{max-width: 1000px;margin: 0 auto;}
.ethisForm .page{width: 100%;margin-bottom: 1rem;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
}
.ethicsInput{width: 100%;border: 1px #242424;border-style: none none solid none;margin-bottom: 6px;}
.ethisForm h5{text-align: center;margin-bottom: 1.25rem;font-size: 22px;line-height: 30px;color: #734798;font-family: 'OpenSansBold';}
textarea.ethicsTextarea{width:100%; border: 1px #242424;border-style: none none solid none;margin-bottom: 6px;resize: none;border-radius: 0;background: #ededed;}
.ethicsInput:focus-visible{outline:0;}
.comments-list.recentchatlist{height: 384px;}
.viewChat{float: right;font-size: 12px;line-height: 1;text-decoration: underline;}
.slideCommentwrap{width: 100%;display: block ;margin-top: 1rem;}
.commentBox{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.commentBox .typeText {margin-left: 1rem;width: 100%;}
.commentBox .typeText .form-control{border-radius: 24px;height: 36px !important;}
.commentLists{height: 220px;overflow-y: auto;}
.commentItem{display: flex;justify-content: flex-start;margin-bottom: .25rem;}

.flowchart{width: 100%;overflow-x: auto;}
.flowcycle{position: relative;white-space: nowrap;display: inline-flex;}
.flowcycle .item{width: 120px;height: 120px;text-align: center;border: 2px solid #734798;border-radius: 50%;display: inline-block;margin-right: 70px;position: relative;}
.flowcycle .item.start{background: #734798;}
.flowcycle .item.start a{color: #fff;}
.flowcycle .item.end{color: #242424;margin-right: 0;}
.flowcycle .item.end:hover{background:red;color: #fff;}
.flowcycle .item a{display: flex;justify-content: center;align-items: center;font-size: 14px;line-height: 16px;width: 100%;height: 100%;align-items: center;color: #202124;white-space: normal;}
.flowcycle .item:after{content: "";position: absolute;left: 118px;top: 50%;width: 70px;height: 2px;background: #734798;}
.flowcycle .item.end:after{display: none;}
.flowcycle .item:before{position: absolute;content: "\f105";font-family: "Font Awesome 5 free";font-weight: 600;top: 44%;right: 100%;font-size: 18px;line-height: 17px;}


/*  tree folder  17/10/2022*/
.group-acc-folder-str ul li {position: relative;}
.group-acc-folder-str ul li a{font-size: 14px;line-height: 20px;font-family: 'OpenSansSemiBold';padding: 6px 5px 6px 36px;color: #212121;display: block;}
.group-acc-folder-str ul li a svg{margin-right: 6px;}
.group-acc-folder-str ul ul{padding-left: 1.2rem;}
.group-acc-folder-str ul li i{margin-right: 8px;}
.group-acc-folder-str ul li:before{content: "";position: absolute;left: 21px;top: 20px;height: 94%;border-left: 1px solid #a83279;}
.group-acc-folder-str ul li:last-child:before{display: none;}
.group-acc-folder-str ul li a.active{background: #734798;color: #fff;}
.ga_action{position: absolute;top: 0;right: 0;background: #fff;width: 100px;z-index: 2;border: 1px solid #cdcdcd;display: none;}
.ga_action a{padding:3px 5px !important; font-size: 14px;line-height: 1;}
.group-acc-folder-str ul li:hover .ga_action{display: block;}
.group-acc-folder-str .add-icon{position: absolute;left: 16px; top: 7px;display: inline-block;font-size: 14px;width: 15px;height: 15px;z-index: 1;}
.group-acc-folder-str .add-icon svg{color: #a83279;}
.document-search .form-control{border: 1px solid #734798;height: 28px !important;background: #ffffff;border-radius: 24px;}
.recentToolbarHeader .left-aside ul{display: flex;justify-content: flex-start;align-items: center;padding:6px 10px;background: #f5f5f5;}
.recentToolbarHeader .left-aside ul li{font-size: 14px;line-height: 1;margin-right: 4px;font-style: italic;color: #734798;}
.recentToolbarHeader .left-aside ul li a{color: #242424;}

/* Date:-04/11/2022 */
.table tr td.w-65{font-family: "OpenSansRegular";}
.btn-file {overflow: hidden;position: relative;}
.btn-file input[type=file] {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;text-align: right;opacity: 0;background: none;
  cursor: inherit;display: block;
}
.add-on-select .select-box {position: absolute; width: 80px; left: 2px; bottom: 0px; border: 0; border-right: 1px solid #ccc; height: 29px;}
.add-on-select .select-box .form-select{border-radius: inherit;border: 0;height: 25px;padding: 0 0 0 5px;}
table.dataTable.email-user input[type="text"]{width:100%;}
.add-on-group.double .form-control {padding-right: 65px;width: 100% !important;}

.headerColorbox, .color-body, .color-footer {padding: 10px 12px !important;background: #fff !important;}
.card-header,.card-body,.card-footer{padding: .5rem;}

.project-item-slide .slick-slide .project-item{width: 30.5%;margin: 1.4%;display: inline-block;}
.project-item-slide .slick-dots li{width: 24px;height: auto;}
.project-item-slide .slick-dots li button{width: 24px;height: 4px;background: #919191;padding: 0;}
.project-item-slide .slick-dots li button::before{display: none;}
.project-item-slide .slick-dots li.slick-active button{background: #734798;}

.arrowAction{position: absolute; right: -42px; top: 23px; background: #734798; width: 62px;text-align: center;font-weight: 700; border-radius: 16px 16px 0 0;
  transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);display: none;
}

.dropdown-menu li a{font-size: 12px;line-height: 1;}
.accordian-header{position: relative;padding: 0.5rem;color: #4f575e;background: #fff;}
.accordian-header::after { content: ""; position: absolute;right: 8px;top: 5px; width: 1.25rem; height: 1.25rem; background: url(../images/download.svg) no-repeat right top;
  transition: transform .2s ease-in-out;
}
.accordian-header:not(.collapsed)::after { background-image: url(../images/download.svg); transform: rotate(-180deg);
}

.approval-btn{background: linear-gradient(86deg, rgba(115,71,152,1) 50%, rgba(0,93,154,1) 100%);}
.message-note{color: #6c0000;}
.btn-success,.btn-success:hover,.btn-success:focus{background-color: #7e3794; border-color: #7e3794;}
.btn-warning,.btn-warning:hover,.btn-warning:focus{background-color: #dddcdc; border-color: #9a9a9a;}
#overDiv{left: 12px !important;}
#overDiv .olFontClass{width: 100px;background: #ffc4c4;padding: 8px;border-radius: 0 0 3px 3px;}
#overDiv .olFontClass a{display: block;color: #242424;}
.download_pdf .dropdown-menu a{font-size: 14px;line-height: 1;}
.download_pdf .dropdown-menu a svg{color: #6c0000;}

.download_pdf .dropdown-menu a + a{border-top: 1px solid rgba(0,0,0,.15);}