/***************************************************/
/*

    Project Name : Innovation Minds
    Author       : NIDHIN.E
    Description  : Innovation Minds Main CSS
    Created On   : 09-03-2020

*/
/***************************************************/

/*  General */

.clear {
  clear: both;
  font-size: 0;
  height: 0;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

html,
body,
div,
figure,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
textarea,
button,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
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 {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  text-decoration: none;
  font-family: 'Sora';
}

img,
input,
textarea,
button {
  outline: 0;
}

/***************** HOME PAGE *****************/


.section-top {
  margin: 11rem 0 2rem 0;
}

#homepage {
  margin-top: 1.5%;
  margin-bottom: 1.5%;
}

#ideas {
  margin: 11rem 0 2rem 0;

}

#showidea {
  margin: 11rem 0 2rem 0;

}

#events {
  margin: 11rem 0 2rem 0;

}

#connect {
  margin: 11rem 0 2rem 0;

}

#Rewards {
  margin: 0 0 2rem 0;

}

#Projects {
  margin: 11rem 0 2rem 0;

}

#mentor {
  margin: 9rem 0 0 0;
}


#judges {
  margin: 11rem 0 0 0;
}

#section-problem {
  margin: 11rem 0 2rem 0;
}


#project-section {
  margin-top: 7em;
}

#section-idea {
  margin: 11rem 0 2rem 0;

}

#blogs {
  margin: 11rem 0 2rem 0;

}

#subscription {
  margin: 11rem 0 2rem 0;

}

#section-ideaconfig {
  margin: 11rem 0 2rem 0;

}

#publish {
  margin-top: 11rem;
}

#addproject {
  margin-top: 11rem;
}


/* Panel Box */

.panel-body {
  position: relative;
}

.panel-body:hover {
  -webkit-box-shadow: 0px 15px 30px 0px rgba(51, 117, 224, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(51, 117, 224, 0.1);
}

.panel-body::after {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  content: "";
  opacity: 0;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

.panel-body::after {
  background-color: #1e9be0;
}

.panel-body:hover::after {
  opacity: 1;
}

.description-txt {
  margin: 4%;
  text-align: center;
  color: black;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Header */

.nav ul.dropdown-menu li p a.btn-default {
  border-bottom: 1px #ddd solid;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding: 10px 12px;
  color: #6d7186;
  box-shadow: none;
  background: none;
  text-align: left;
  transition: all 0.2s linear 0s;
  font-weight: 300;
}

.nav ul.dropdown-menu li p a.btn-default:hover {
  color: #0f7fbd;
  background: #efefef;
}

.navbar-login p.text-left a.btn-primary {
  width: fit-content;
  border: none;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  border: none;
  padding: 7px 20px 7px 20px;
  background: #495b72;
  background-position-x: 9px;
  background-position-y: 5px;
  font-size: 13px;
  transition: all 0.2s linear 0s;
}

.navbar-login p.text-left a.btn-primary:hover {
  box-shadow: 0 4px 12px 0 rgba(90, 141, 238, 0.6);
  background: #566b86;
  background-position-x: 9px;
  background-position-y: 5px;
}

.navbar-login p.text-left strong {
  color: #1f92d1;
  font-size: 15px;
}

.navbar-login .col-lg-8 p.text-left:first-child {
  margin-bottom: 0px;
}

.navbar-login .col-lg-8 p.text-left:nth-child(2) {
  margin-bottom: 15px;
}

.navbar .navbar-nav.navbar-right .dropdown.open .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  transition: 0.4s ease all;
  padding: 0;
}

.navbar .navbar-nav.navbar-right .dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.5s ease all;
  padding: 0;
  right: -15px;
}

/* Logo Section */

.logo-title {
  vertical-align: middle;
  margin: 12px 0 12px 30px;
  float: left;
  overflow: hidden;
  display: list-item;
  /* width: 260px; */
  width:28%;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: 1px solid #f1f1f1;
  padding-right: 30px;
  font-family: 'Sora';
}

.logo-title-mobile {
  vertical-align: middle;
  margin: 6px 0 0 0;
  float: left;
  width: 140px;
  text-overflow: ellipsis;
  display: list-item;
}

.header-mobile {
  width: 100%;
  margin: 1px 0 5px 20px !important;
}

/* Pagination */

.pagination>li>a,
.pagination>li>span {
  border: 0;
  border-radius: 30px !important;
  transition: all 0.3s;
  padding: 0px 11px;
  margin: 0 3px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  color: #999999;
  font-weight: 400;
  font-size: 11px;
  text-transform: uppercase;
  background: transparent;
  font-family: 'Sora', sans-serif;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #999999;
}

.pagination>.active>a,
.pagination>.active>span {
  color: #999999;
  text-align: center;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #5b758f;
  border-color: #5b758f;
  color: #ffffff;
  box-shadow: 0 4px 5px 0 rgba(202, 220, 230, 0.14),
    0 1px 10px 0 rgba(202, 220, 230, 0.12),
    0 2px 4px -1px rgba(202, 220, 230, 0.2);
}

.pagination.pagination-info>.active>a,
.pagination.pagination-info>.active>a:focus,
.pagination.pagination-info>.active>a:hover,
.pagination.pagination-info>.active>span,
.pagination.pagination-info>.active>span:focus,
.pagination.pagination-info>.active>span:hover {
  background-color: #00bcd4;
  border-color: #00bcd4;
  box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14),
    0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2);
}

.pagination.pagination-success>.active>a,
.pagination.pagination-success>.active>a:focus,
.pagination.pagination-success>.active>a:hover,
.pagination.pagination-success>.active>span,
.pagination.pagination-success>.active>span:focus,
.pagination.pagination-success>.active>span:hover {
  background-color: #4caf50;
  border-color: #4caf50;
  box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14),
    0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2);
}

.pagination.pagination-warning>.active>a,
.pagination.pagination-warning>.active>a:focus,
.pagination.pagination-warning>.active>a:hover,
.pagination.pagination-warning>.active>span,
.pagination.pagination-warning>.active>span:focus,
.pagination.pagination-warning>.active>span:hover {
  background-color: #ff9800;
  border-color: #ff9800;
  box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14),
    0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2);
}

.pagination.pagination-danger>.active>a,
.pagination.pagination-danger>.active>a:focus,
.pagination.pagination-danger>.active>a:hover,
.pagination.pagination-danger>.active>span,
.pagination.pagination-danger>.active>span:focus,
.pagination.pagination-danger>.active>span:hover {
  background-color: #f44336;
  border-color: #f44336;
  box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14),
    0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2);
}

/* Margin */

.p-0 {
  padding: 0px;
}

.m-0 {
  margin: 0px;
}

.no-margin {
  margin: 0px !important;
}

.margin-top-0 {
  margin-top: 0px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-custom-1 {
  margin-top: 17px !important;
}

.margin-top-custom-2 {
  margin-top: 20px;
}

.margin-top-custom-3 {
  margin-top: 25px !important;
  border-radius: 15px !important;
  padding: 35px 35px !important;
  margin-bottom: 0px !important;
}

.margin-top-custom-4 {
  margin-top: 10px;
}

.margin-top-custom-5 {
  margin-top: 25px !important;
  border-radius: 15px !important;
  padding: 35px 35px !important;
  margin-bottom: 0px !important;
}

.margin-top-custom-6 {
  margin-top: 35px !important;
  border-radius: 15px !important;
  margin-bottom: 35px !important;
}

.margin-20 {
  margin: 20px 0 0 0;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}


.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-25 {
  margin-left: 25px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.padding-bottom-1 {
  padding-bottom: 0px !important;
}

.padding-custom {
  padding: 25px 35px !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

/* General */

.Page {
  margin-top: 25px;
  background: #fff;
  padding: 20px 25px;
  border-radius: 15px;
  /* box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 4px; */
}

.custom-margin {
  margin-top: 11rem !important;
}

.adminPage {
  margin-bottom: 30px;
  background: #fff;
  padding: 20px 25px;
  border-radius: 15px;
}

.admin-content {
  color: #6d7186;
  text-align: center;
  line-height: 24px;
  width: 70%;
  margin: 0 auto 40px;
}

.button1 {
  background-color: #49b1ea;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14),
    0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
  border: none;
  padding: 8px 20px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none !important;
  margin-right: 10px;
  transition: all 0.2s linear 0s;
  border-radius: 4px !important;
}

.button1:focus,
.button1:active,
.button1:hover {
  box-shadow: 0 14px 26px -12px rgba(20, 104, 150, 0.42),
    0 4px 23px 0px rgba(20, 104, 150, 0.12),
    0 8px 10px -5px rgba(20, 104, 150, 0.2);
  color: #fff !important;
  background: #1887c3;
}

.button2 {
  background-color: #49b1ea;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14),
    0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
  border: none;
  padding: 8px 20px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none;
  transition: all 0.2s linear 0s;
}

.button2:hover,
.button2:focus {
  box-shadow: 0 14px 26px -12px rgba(20, 104, 150, 0.42),
    0 4px 23px 0px rgba(20, 104, 150, 0.12),
    0 8px 10px -5px rgba(20, 104, 150, 0.2);
  color: #fff;
  background: #1887c3;
  outline: none;
}

.button3 {
  border: none !important;
  background: #1f92d1;
  color: #fff;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  transition: all 0.2s linear 0s;
  background-clip: inherit !important;
  outline: none !important;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
}

.button3:hover,
.button3:focus {
  box-shadow: 0 4px 12px 0 rgba(90, 141, 238, 0.4);
  background: #25a2e6;
  color: #fff !important;
  outline: none !important;
}

.button-grey {
  border: none !important;
  background: #dfdfdf;
  color: #000;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  transition: all 0.2s linear 0s;
  background-clip: inherit !important;
  outline: none !important;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
}

.button-grey:hover,
.button-grey:focus {
  box-shadow: 0 4px 12px 0 rgba(90, 141, 238, 0.4);
  background: #eee;
  color: #000 !important;
  outline: none !important;
}

.button4 {
  background-color: #337ab7;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
  border: none;
  padding: 8px 15px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none !important;
  margin-right: 10px;
  border: 0px !important;
  transition: all 0.2s linear 0s;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

.button4:focus,
.button4:active,
.button4:hover {
  box-shadow: 0 14px 26px -12px rgba(20, 104, 150, 0.42),
    0 4px 23px 0px rgba(20, 104, 150, 0.12),
    0 8px 10px -5px rgba(20, 104, 150, 0.2);
  color: #fff !important;
  background: #286090;
}

.button4a {
  background-color: #78c350;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 212, 81, 0.14),
    0 3px 1px -2px rgba(0, 212, 60, 0.2), 0 1px 5px 0 rgba(0, 212, 67, 0.12);
  border: none;
  padding: 8px 15px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none !important;
  margin-right: 10px;
  border: 0px !important;
  transition: all 0.2s linear 0s;
}

.button4a:focus,
.button4a:active,
.button4a:hover {
  box-shadow: 0 14px 26px -12px rgba(20, 150, 39, 0.42),
    0 4px 23px 0px rgba(20, 150, 70, 0.12),
    0 8px 10px -5px rgba(20, 198, 115, 0.2);
  color: #fff !important;
  background: #78c350;
}

.button5 {
  border: none !important;
  background: #26c6da;
  color: #fff;
  outline: none;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  transition: all 0.2s linear 0s;
}

.button5:hover,
.button5:focus {
  box-shadow: 0 4px 12px 0 rgba(84, 171, 183, 0.6);
  background: #20b8cc;
  color: #fff !important;
}

.button6 {
  border: none !important;
  background: #337ab7;
  color: #fff;
  transition: all 0.2s linear 0s;
}

.button6:hover,
.button6:focus {
  box-shadow: 0 4px 12px 0 rgba(84, 171, 183, 0.6);
  background: #26c6da;
  color: #fff;
}

.button7 {
  border: none !important;
  background: #3cd67d !important;
  color: #fff !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  transition: all 0.2s linear 0s;
}

.button7:hover,
.button7:focus {
  box-shadow: 0 4px 12px 0 rgba(193, 230, 174, 0.6);
  background: #66af3f;
  color: #fff !important;
  outline: none;
}

.button8 {
  background-color: #46ad5c;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(173, 226, 144, 0.14),
    0 3px 1px -2px rgba(173, 226, 144, 0.2),
    0 1px 5px 0 rgba(173, 226, 144, 0.12);
  border: none !important;
  padding: 8px 25px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none;
  margin-right: 10px;
  transition: all 0.2s linear 0s;
  border-radius: 4px !important;
}

.button8:focus,
.button8:active,
.button8:hover {
  box-shadow: 0 14px 26px -12px rgba(115, 158, 92, 0.42),
    0 4px 23px 0px rgba(115, 158, 92, 0.12),
    0 8px 10px -5px rgba(115, 158, 92, 0.2);
  color: #fff !important;
  background: #66af3f;
}

.delete-btn {
  background-color: #d9534f;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14),
    0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
  border: none;
  padding: 8px 10px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none;
  transition: all 0.2s linear 0s;
}

.delete-btn:focus,
.delete-btn:active,
.delete-btn:hover {
  box-shadow: 0 14px 26px -12px rgba(20, 104, 150, 0.42),
    0 4px 23px 0px rgba(20, 104, 150, 0.12),
    0 8px 10px -5px rgba(20, 104, 150, 0.2);
  color: #fff;
  background: #c9302c;
}

.button-width-1 {
  min-width: 110px;
}

.upload-pic {
  display: inline-block;
  padding: 10px;
  border: 1px #ccc solid;
  position: relative;
}

li.upload-pic .outer {
  position: absolute;
  bottom: 10px;
  background: #000;
  color: #fff;
  width: 300px;
  height: auto;
  z-index: 99999;
  padding: 5px 15px;
  border-top: 1px #ccc solid;
  z-index: 10;
}

li.upload-pic span.delete {
  right: 10px;
  position: absolute;
  bottom: 6px;
  cursor: pointer;
}

.template-download {
  position: relative;
}

.template-download .outer {
  position: absolute;
  bottom: 0;
  background: rgba(94, 97, 99, 0.5);
  color: #fff;
  width: 100%;
  height: auto;
  z-index: 10;
  padding: 5px 15px;
  border-top: 1px #948989 solid;
}

li.template-download span.delete {
  right: 10px;
  position: absolute;
  bottom: 6px;
  cursor: pointer;
}

li.template-download .preview img {
  width: 100%;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  box-shadow: none;
  padding-left: 0;
}

.manage-function-input {
  height: 36px;
}

.float-left {
  float: left;
}

/* .modal-footer button:first-child {
  float: right;
  margin-right: 0;
} */

.label-content {
  float: right;
  font-size: 18px;
  color: #1f92d1;
}

.label-content .labelData {
  color: #1f92d1;
}

.label-content input {
  float: right;
  margin-left: 5px;
}

.modal-body .bootbox-body {
  line-height: 24px;
  width: 100%;
}

.modal-body .bootbox-body b {
  color: #000;
  font-weight: 600;
}

/* Headding */

.glyphicon.glyphicon-fast-backward {
  font-size: 0;
  width: 24px;
  height: 22px;
  position: relative;
  top: -20px;
  left: 10px;
  background: url(../img/icons/back.png) no-repeat left;
}

.adminPage .main-heading {
  color: #252e80;
  font-size: 22px;
  font-weight: 500;
  margin: 5px 0;
  border-bottom: 0;
  position: relative;
}

.main-heading {
  color: #252e80;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 30px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  font-family: 'Sora', sans-serif;
}

#addproject .main-heading {
  padding-bottom: 0px !important;
}

#idea-heading .main-heading {
  color: #252e80;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 30px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  font-family: 'Sora', sans-serif;
}

#idea-heading .backicon {
  position: absolute;
  right: 1%;
  top: -1%;
}

#blog-heading {
  border-bottom: 1px solid #e9e9e9;
  margin: 0px 1% 2% 1%;
  display: flex;
}

#blog-heading .main-heading {
  padding: 0px 0px 1% 5px;
  border: none;
  margin: 0px;
  min-width: 82%;
}

#blog-heading-new {
  border-bottom: 1px solid #e9e9e9;
  margin: 0px 0% 2% 0%;
  display: flex;
}

#blog-heading-new .main-heading {
  padding: 0px 0px 1% 0px;
  border: none;
  margin: 0px;
  min-width: 82%;
}

#event-heading {
  border-bottom: 1px solid #e9e9e9 !important;
  margin: 1% 0% 2% 0%;
  display: flex;
}

#event-heading .main-heading {
  padding: 0px 0px 1% 0px;
  border: none;
  margin: 0px;
  min-width: 82%;

}

#challenge-heading {
  border-bottom: 1px solid #e9e9e9;
  margin: 0% 1% 2% 1%;
  display: flex;
}

#challenge-heading .main-heading {
  padding: 0px 0px 1% 0px;
  border: none;
  margin: 0px;
  min-width: 82%;

}

#idea-heading {
  border-bottom: 1px solid #e9e9e9;
  margin: 0% 0% 2% 0%;
  display: flex;
  justify-content: space-between;
}

#idea-heading .main-heading {
  padding: 0px 0px 1% 0px;
  border: none;
  margin: 0px;
}

#backicon .glyphicon.glyphicon-fast-backward {
  font-size: 0;
  width: 24px;
  height: 22px;
  position: relative;
  top: -15px;
  left: 10px;
  background: url(../img/icons/back.png) no-repeat left;
}


/* Data Table top bottom align */

div.dataTables_wrapper div.dataTables_info {
  float: left;
  color: #777;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.dataTables_length {
  float: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  box-shadow: none;
  width: auto !important;
  border: 1px #ccc solid;
  -webkit-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
}

div.dataTables_wrapper div.dataTables_filter input:focus {
  border-color: #75a5e4;
  outline: 0;
  box-shadow: none;
}

div.dataTables_wrapper div.dataTables_length label {
  color: #777;
  font-size: 13px;
}

div.dataTables_wrapper div.dataTables_filter label {
  color: #777;
}

div.dataTables_wrapper div.dataTables_filter {
  float: right;
  color: #777;
}

div.dataTables_wrapper div.dataTables_length select {
  border-color: #dddddd;
  min-width: 80px;
  min-height: 25px;
  padding-left: 5px;
}

.table.dataTable td {
  color: #6d7186;
  font-size: 13px;
}

table.table-bordered.dataTable th {
  color: #656565;
  font-weight: 400;
}

/* Data Table Pagination */

.dataTables_wrapper .dataTables_paginate {
  padding-top: 0.25em;
  font-family: 'Sora', sans-serif;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 0;
  border-radius: 30px !important;
  transition: all 0.3s;
  padding: 0px 12px;
  margin: 0 3px;
  min-width: 30px;
  height: 30px;
  line-height: 31px;
  color: #999999;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  background: transparent;
  text-decoration: none;
  display: inline-flex;
  cursor: pointer;
  outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #5b758f;
  border-color: #5b758f;
  color: #ffffff;
  box-shadow: 0 4px 5px 0 rgba(202, 220, 230, 0.14),
    0 1px 10px 0 rgba(202, 220, 230, 0.12),
    0 2px 4px -1px rgba(202, 220, 230, 0.2);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
  outline: none;
}

/* .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #eee;
  border-color: #ddd;
  color: #999999;
} */

.dataTables_scroll {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_paginate {
    float: left;
    text-align: center;
    white-space: pre-line !important;
  }

  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

/* Scrollbar */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
}

::-webkit-scrollbar-thumb {
  background: #1f92d1;
  -webkit-box-shadow: inset 0 0 6px #1f92d1;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #1f92d1;
}

.kanban-sidebar select::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background: #28323f;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.kanban-sidebar select::-webkit-scrollbar-thumb {
  background: #6a7c94;
  -webkit-box-shadow: inset 0 0 6px #6a7c94;
}

.kanban-sidebar select::-webkit-scrollbar-thumb:window-inactive {
  background: #6a7c94;
}

.kanban-sidebar ul.multiselect-container {
  width: 100%;
}

/* Input Checkbox */

input[type="checkbox"] {
  position: relative;
  cursor: pointer;
  margin-bottom: 11px;
  margin-right: 5px;
}

input[type="checkbox"]:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: #e9e9e9;
  border: 1px #b1b1b1 solid;
}

input[type="checkbox"]:checked:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: #1f92d1;
  border: 1px #1f92d1 solid;
}

input[type="checkbox"]:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: 8px;
}

/* Input Radio Box */

input[type="radio"].css-checkbox {
  display: none;
}

.lite-x-gray {
  background-image: url(/static/img/csscheckbox_1.png);
}

input[type="radio"].css-checkbox:checked+label.css-label {
  background-position: 0 -21px;
}

input[type="radio"].css-checkbox+label.css-label {
  padding-left: 26px;
  height: 21px;
  display: inline-block;
  line-height: 21px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}

/* Select Box */

select {
  appearance: none;
  -webkit-appearance: none;
  background: #fff url(../img/icons/select-down.jpg) no-repeat right !important;
  outline: none;
}

/* Criteria Box */

.criteria-box {
  border: 1px #ddd solid;
  margin-bottom: 20px;
  position: relative;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.criteria-box input.delete-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

#savedWorkFlowDiv .criteria-content {
  padding: 20px;
  background: #f9f9f9;
  border-radius: 15px;
}

.criteria-content {
  padding: 20px;
}

.criteria-content h4 {
  color: #1f92d1;
}

.criteria-content p {
  color: #6d7186;
  padding-top: 15px;
}

.criteria-head h3 {
  color: #fff;
  font-size: 22px;
  background: #1f92d1;
  padding: 5px 10px;
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.criteria-head h3 b {
  font-weight: 400;
  font-size: 19px;
}

/* Tab Custom */

.tab-main .pull-right>.dropdown-menu {
  min-height: 320px;
}

.tab-main .pull-right>.dropdown-menu .checkbox,
.radio {
  margin-left: 3px;
  margin-bottom: 15px;
  color: #6d7186;
}

.tab-main .pull-right>.dropdown-menu input[type="checkbox"] {
  margin-right: 15px;
}

.tab-main .panel-body::after {
  border-radius: inherit;
}

.tab-main .button4 {
  margin-right: 0px;
}

.tab-head {
  position: relative;
}

.tab-head>a,
.tab-head>a:focus,
.tab-head>a:active {
  background: url(../img/icons/add-more.png) no-repeat right;
  font-size: 0;
  position: absolute;
  right: 23px;
  top: 6px;
  width: 26px;
  height: 26px;
  border: 0;
  box-shadow: none;
  background-clip: inherit !important;
}

.tab-head>a:hover {
  background: url(../img/icons/add-more.png) no-repeat right;
}

.tab-head h4 {
  background: #d2dae3;
  color: #2c2929;
  padding: 10px;
  margin-bottom: 0px;
  font-size: 15px;
  font-family: 'Sora', sans-serif;
  font-weight: 500;
  border-radius: 4px;
}

#talentReports .tab-head h4 {
  background: #d2dae3;
  color: #2c2929;
}

#talentReports .tab-head>a,
#talentReports .tab-head>a:focus,
#talentReports .tab-head>a:active {
  /* background: url(../img/icons/add-more-white.png) no-repeat right; */
  /* background-color: #fff; */
  padding-right: 0px;
  font-size: 0;
  position: absolute;
  /* right: 2rem !important;
  top: 1rem; */
  width: 26px;
  height: 26px;
  border: 0;
  box-shadow: none;
  background-clip: inherit !important;
  margin-top: 8px;
}

.table-main td a[title="Manager"] {
  color: #1f92d1;
  cursor: pointer;
}

.table-main td a[title="Manager"]:hover {
  color: #26c6da;
}

.manage .anchorTag {
  /* top: -5px; */
  position: relative;
  /* color: #fff; */
  font-family: 'Sora', sans-serif;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 0;
  top: 4px;
}

#p2pLead .manage .anchorTag {
  color: #fff !important;
  top: 0px !important;
}

#p2pLead .drop-section {
  /* position: relative !important;
  top: -13px !important;
  right: -92% !important; */
  /*  margin-right: -9px;
  top: -46px; */
  right: 0 !important;
  position: relative !important;
  border-radius: 4px !important;
}

#p2pLead .drop-section .dropdown-menu.dropdown-data {
  top: 24px !important;
  left: -40px !important;
}

#p2pLead .drop-section .checkbox .titles {
  margin-left: 5px !important;
  line-height: 2;
  color: black;
}

#innovationKpi .anchorTag {
  position: relative;
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 10px;
  top: -5px;
  font-size: 12px;
}

#insightChart .anchorTag {
  position: relative;
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 10px;
  top: -5px;
  font-size: 12px;
}

.insight-page .manage span.glyphicon {
  font-size: 21px;
  color: #fff;
}

.main-content .anchorTag {
  color: #fff;
  margin-right: 15px;
  padding-left: 30px;
}

.main-content .anchorTag:not(:first-child) {
  background: url(../img/icons/previous.png) no-repeat left;
}

.main-content .anchorTag:first-child {
  padding-left: 0px;
}

/* Dropdown Menu Transition */

.dropdown-menu.dropdown-data {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease all;
}

.dropdown.open .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(13px);
  transition: 0.4s ease all;
  margin-top: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* Message Page */

.message-page {
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  padding: 25px 35px;
}

.edit-message {
  background: url(../img/icons/chat-edit.png) no-repeat left;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: block;
}

.search-icon {
  background: url(../img/icons/search.jpg) no-repeat left;
  width: 43px;
  height: 39px;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.search-icon button {
  width: 43px;
  height: 39px;
  background: none;
  box-shadow: none;
  border: 0px;
  outline: none;
}

.search-icon .btn .glyphicon {
  font-size: 0px;
}

.search-comp .has-feedback .form-control-feedback {
  top: 3px !important;
}

.chat-time {
  /* position: absolute;
  bottom: -26px;
  right: 0; */
  color: #828d99;
  white-space: nowrap;
  font-size: 13px;
}

.chat-time .text-muted .glyphicon {
  margin-right: 2px;
}

.toname {
  color: #5a8dee;
}

.send-btn {
  padding: 8px 20px;
  background-color: #5a8dee;
  color: #fff;
  box-shadow: 0 4px 12px 0 rgba(90, 141, 238, 0.6);
  border-radius: 4px !important;
  border: none;
}

.send-btn:hover,
.send-btn:active,
.send-btn:focus {
  color: #fff;
  background-color: #719df0;
  outline: none;
  box-shadow: 0 4px 12px 0 rgba(90, 141, 238, 0.6);
}

.send-btn.glyphicon-send:before {
  margin-right: 5px;
}

.send-btn i {
  margin-right: 12px;
}

.user-icon [class*="avatar-status-"] {
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 5px;
  bottom: 2px;
  border: 1px solid #fff;
}

.user-icon .avatar-status-online {
  background-color: #39da8a;
}

.search-comp .has-feedback .form-control {
  -webkit-border-radius: 4px 0 0 4px !important;
  border-radius: 4px 0 0 4px !important;
  border: 0px !important;
}

.search-comp form>.input-group {
  width: 100%;
}

.mentor-message .user-text h4,
.mentor-message .user-text .title-text-sm span {
  color: #fff;
}

.mentor-message .submission {
  color: #fff;
  margin: 6px 10px 0 0;
}

.submission-note {
  font-size: 12px;
  font-weight: normal;
}



.mentor-message input::-webkit-input-placeholder {
  color: #fff !important;
}

.mentor-message input:-ms-input-placeholder {
  color: #fff !important;
}

.mentor-message inpit::placeholder {
  color: #fff !important;
}

.box-header .border-lessInput {
  display: none !important;
}

.box-header .label-info {
  background-color: #fff382;
  color: #000 !important;
}

.sidebar .nav a:hover .image-cropper img {
  border-color: #a9a7a7;
}

.sidebar .nav .active a:hover .image-cropper img {
  border-color: #fff;
}

.box-header .tt-menu {
  top: 36px !important;
}

.box-header .twitter-typeahead .tt-suggestion:hover {
  background: #26c6da;
}

.mentor-message .text-muted.admin-time {
  color: #fff;
}

.mentor-message .box-msg .name {
  margin-right: 10px;
}

.mentor-message .msgto .text-muted .glyphicon,
.mentor-message .box-msg .text-muted .glyphicon {
  margin-right: 5px;
}

.mentor-message .msgto .commentName,
.mentor-message .box-msg .msgfrom .commentName {
  margin: 10px 0 0px 0;
}

.mentor-message .box-msg .msgto,
.mentor-message .box-msg .msgfrom {
  padding: 10px 12px;
}

.mentor-message .box-header {
  height: 70px;
}

.mentor-message .box-header .bootstrap-tagsinput {
  /*display: block;*/
  display: unset;
}

.mentor-message .msgfrom .glyphicon,
.mentor-message .msgfrom .timeago {
  color: #fff;
}

/* Events Page */

.events-page .home-template .schedule div:nth-child(2) {
  color: #1f92d1;
  margin-top: 3px;
}

.events-page .form-group .form-control-checkbox,
.events-page .form-group .form-control-checkbox:focus {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0px !important;
  outline: none;
}

.text-area textarea#bodyDesc {
  display: none !important;
}

.events-page li.template-download.in .preview {
  margin: 20px 0;
}

.figure-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.figure-caption .tile-details {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.figure-caption .schedule {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.figure-caption:hover .tile-details {
  bottom: 0px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.figure-caption:hover .schedule {
  bottom: -60px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.buttonarea {
  position: absolute;
  right: 15px;
  top: -70px;
}

.events-page .nav-tabs {
  border-bottom: 0px;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 20px;
}

.events-page .nav-tabs>li>a {
  color: #7e939f;
  border-radius: 20px;
  padding: 5px 15px;
}

/* .events-page ul.nav-tabs li:first-child a {
  border-bottom: 1px #f9f9f9 solid;
  background: none;
  color: #1f92d1;
} */

.events-page .nav-tabs>li.active>a,
.events-page .nav-tabs>li.active>a:focus,
.events-page .nav-tabs>li.active>a:hover {
  color: #fff;
  background-color: #1f92d1;
}

.events-page #sample2-grid #samplenull {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.events-page #sample2-grid #samplenull span {
  color: #6d7186;
  padding: 15px 5px;
}

.events-page .Page {
  min-height: 510px;
}

.events-page #header-layout-toggle .dev-template[data-tooltip]:before {
  bottom: -47px;
  margin-left: -30px;
  width: max-content;
  font-size: 11px;
}

.events-page #header-layout-toggle .dev-template[data-tooltip]:after {
  bottom: -20px;
  margin-left: -8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}

/* Events Detail Page */

.edit-icon2 {
  font-size: 0;
  width: 24px;
  height: 24px;
  position: relative;
  top: 0px;
  left: 15px;
  background: url(../img/icons/edit-icon2.png) no-repeat left;
  display: inline-block;
}

.left-section p {
  color: #6d7186;
  font-family: 'Sora', sans-serif;
}

.left-section .customdesc p {
  line-height: 25px;
  margin-top: 0;
  font-size: 15px;
  word-wrap: break-word;
}

.left-section p.author11 span a {
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease all;
}

.left-section p.author11 span a:hover {
  color: #efbd09;
}

.comment-section h3 {
  color: #1f92d1;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 0px !important;
  padding-bottom: 0 !important;
  font-family: 'Sora', sans-serif;
}

.blog-page .comment-section h3 {
  color: #1f92d1;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 0px !important;
  padding-bottom: 0 !important;
  font-family: 'Sora', sans-serif;
  padding: 15px 0px;
}

.comment-section .controls {
  margin-top: 20px;
  position: relative;
}

.comment-section .controls .emoji-icon {
  position: absolute;
  right: 7px;
  bottom: 15px;
}

.comment-section textarea {
  display: block;
  width: 100% !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #555555 !important;
  background-color: #ffffff !important;
  border: 1px solid #dddddd !important;
  border-radius: 5px !important;
  -webkit-transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.5s ease 0s !important;
}

.comment-section textarea:focus {
  padding-left: 25px !important;
  border-color: #75a5e4 !important;
  outline: 0;
  box-shadow: none;
  padding-left: 20px !important;
}

.not-going {
  color: #ffffff;
  margin-left: 5px;
  background: #f35949;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 400;
  position: relative;
  top: -3px;
}

.going {
  color: #ffffff;
  margin-left: 5px;
  background: #33c771;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 400;
  position: relative;
  top: -3px;
}

.rsvp-box .rsvp-list.note a {
  color: #5cb3e2;
  padding: 4px 8px;
  right: 0;
  position: absolute;
  bottom: 27px;
  right: 23px;
  border-radius: 0px;
  font-weight: normal;
}

.rsvp-box .rsvp-list.note a:hover {
  color: #337ab7;
}

.rsvp-box .rsvp-list.note a::before {
  background: #00a5ff;
  bottom: -5px;
  content: "";
  height: 1px;
  left: 9px;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  width: 81%;
  transition: all 0.2s linear 0s;
}

.rsvp-box .rsvp-list.note a:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 3px;
  background: #00a5ff;
}

.comment-section .iscommandbutton {
  margin: 15px 0 15px 15px;
}

.btn-arrow {
  background: url(../img/icons/comment-arrow.png) no-repeat right;
  box-shadow: none;
  border: none;
  padding-right: 25px;
  padding-left: 0;
  margin-top: 5px;
  color: #808080;
  outline: none;
  transition: all 0.2s linear 0s;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
}

.btn-arrow:hover {
  background: url(../img/icons/comment-arrow-hover.png) no-repeat right;
  color: #efbd09;
  padding-left: 15px;
}

.comment-section ul.media-list .media {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px #e0e0e0 solid;
  padding-bottom: 30px;
  border-radius: 0;
}

.comment-section ul.media-list .media .media-body {
  padding-left: 10px;
}

.comment-section .media-body .comment a {
  color: #333;
  font-weight: 500;
  font-family: 'Sora', sans-serif;
  transition: 0.3s ease all;
}

.comment-section .media-body .comment a:hover {
  color: #efbd09;
}

.comment-section .media-body .comment {
  position: relative;
  color: #6d7186;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
}

.comment-section .media-body .comment .muted {
  position: absolute;
  right: 0;
  top: 0;
}

.comment-section .media-body .comment .media-heading {
  margin-bottom: 15px;
}

.post-date {
  top: 10px;
  position: absolute;
  right: 0;
  font-family: 'Sora', sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.post-date .glyphicon-calendar {
  margin-right: 10px;
  color: #1f92d1;
}

.post-date span.date {
  color: #6d7186;
}

.comment-section ul.media-list .media .media {
  margin-bottom: 0px;
  border-bottom: 0;
  padding-bottom: 0;
}

.comment-section ul.media-list .media:last-child {
  padding-bottom: 0px;
  border-bottom: 0;
  margin-bottom: 0;
}

.customdesc ul li {
  list-style: disc;
  /*list-style-position: inside;*/
  color: #6d7186;
  margin-left: 2%;
}

.customdesc ol li {
  margin-left: 2%;
}

.event-detail .customdesc iframe {
  width: 100%;
}

#emojiSection {
  position: absolute;
  right: 7px;
  top: -12px;
}

.event-detail .comment-section .controls .alert {
  margin-bottom: 0;
  padding: 15px 0;
}

.event-contents .author11 {
  margin-bottom: 25px;
}

.event-contents p {
  margin-bottom: 10px;
}

.event-detail .comment-section>h3 {
  margin-top: 25px;
}

/* Events Edit Page */

.createrow .form-group .note {
  color: #6d7186;
}

/* Activities Page */

.activities-page .avatarbackground {
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  line-height: 50px;
  color: #fff;
  margin: 0 15px 0 0;
  float: left;
  border-radius: 50%;
}

.submitideaText {
  color: #6d7186;
  line-height: 24px;
  font-size: 13px;
  font-family: 'Sora', sans-serif;
}

.sub-idea .panel-heading h3 {
  background: url(../img/icons/idea.png) no-repeat left;
  padding-left: 28px;
}

.got-chall .panel-heading h3 {
  background: url(../img/icons/challenge.png) no-repeat left;
  padding-left: 31px;
}

.join-team .panel-heading h3 {
  background: url(../img/icons/team.png) no-repeat left;
  padding-left: 31px;
}

.activities-page .list-unstyled .panel-body,
.idea-page .list-unstyled .panel-body,
.challenge-detail .right-section .panel-body {
  padding: 30px 15px;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.activities-page .list-unstyled .panel-body:hover::after,
.idea-page .list-unstyled .panel-body:hover::after {
  opacity: 0;
}

.activities-page .media-heading small.date {
  margin-top: 7px;
  color: #1f92d1;
  /*background: url(../img/icons/time.png) no-repeat left;*/
  padding-left: 24px;
  background-position-y: 0px;
}

.activities-page .private-check {
  margin-top: 10px;
  background: #dce1e6;
  padding: 6px 10px 3px 10px;
  border-radius: 4px;
}

.activities-page .private-check input[type="checkbox"]:before {
  width: 16px;
  height: 16px;
}

.activities-page .private-check input[type="checkbox"]:checked:after {
  top: 2px;
  left: 6px;
}

.activities-page .private-check label {
  margin-left: 5px;
}

.activities-page .comment-section {
  position: relative;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.activities-page .comment-section .emoji-icon {
  position: absolute;
  right: 0;
  bottom: 54px;
}

/* Submit your new Idea Page */

.sub-form .note {
  color: #6d7186;
  margin-bottom: 10px;
}

.glyphicon-exclamation-sign {
  margin-right: 10px;
}

.save-draft {
  background-color: #fdac41;
  border-radius: 4px 4px 4px 4px !important;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(236, 184, 115, 0.14),
    0 3px 1px -2px rgba(236, 184, 115, 0.2),
    0 1px 5px 0 rgba(236, 184, 115, 0.12);
  padding: 8px 25px;
  border: 0;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: 0;
  margin-right: 10px;
  transition: all 0.2s linear 0s;
}

.save-draft:focus,
.save-draft:active,
.save-draft:hover {
  background-color: var(--dynamic-main-color);
  filter: brightness(1.2);
  color: #fff;
  outline: 0;
  box-shadow: 0 14px 26px -12px rgba(206, 135, 40, 0.42),
    0 4px 23px 0px rgba(206, 135, 40, 0.12),
    0 8px 10px -5px rgba(206, 135, 40, 0.2);
}

.recordButton {
  display: inline-block;
  vertical-align: top;
  background-color: inherit !important;
  margin-left: 10px;
}

/* Tell us about your team Page */

.success-message {
  background: #39da8a;
  color: #fff;
  box-shadow: 0 3px 8px 0 rgba(57, 218, 138, 0.4);
  border: none;
}

.note a {
  cursor: pointer;
  color: #1f92d1;
  font-weight: 600;
}

.note a:hover {
  color: #ce8728;
}

.addtagclass {
  margin-left: 10px;
}

/* Idea Page */

.search-area button.search-btn,
.search-area button.search-btn:focus {
  background: #1f92d1;
  outline: none;
  color: #fff;
  box-shadow: none;
  height: 34px;
  border: 0;
  -webkit-border-radius: 0 4px 4px 0 !important;
  border-radius: 0 4px 4px 0 !important;
}

.search-area .advan-search {
  background: #26c6da;
  color: #fff;
  height: 34px;
  outline: none;
  border: none;
  margin-left: 5px !important;
}

.search-area .search-query.form-control {
  height: 34px !important;
}

.idea-page .idea-title {
  height: auto;
  max-height: 40px;
  overflow: hidden;
  margin-bottom: 10px;
  font-weight: 600;
}

.idea-page .idea-title a {
  transition: 0.3s ease all;
  font-family: 'Sora', sans-serif;
  color: #333;
  font-weight: 600;
}

.idea-page .idea-title a:hover {
  color: #cd9d17;
  text-decoration: none;
}

.idea-page .panel-heading {
  padding: 10px 15px;
  border-bottom: 2px solid #3988b3;
  background: #5cb3e2;
  color: #fff;
  font-size: 18px;
}

.idea-page .list-unstyled li:first-child {
  margin-top: 0;
}

.idea-page .tagscollections {
  float: left;
  margin: 0 0 10px 80px;
}

.idea-page #listmyideaview .ideadescription.more {
  height: inherit !important;
}

.dashboard-list li:last-child a {
  margin-bottom: 0px !important;
  border-bottom: 0px !important;
}

.filter-icon {
  padding: 10px;
  background: #1f92d1;
  color: #fff;
  min-width: 25px;
  text-align: right;
  display: none;
}

.filter-select {
  height: 34px !important;
  padding: 7px 47px 7px 12px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

.idea-page .search-area {
  margin-bottom: 0px;
}

.submitideagrphic {
  width: 100px;
}

.idea-page .tab-content .thumbnail {
  position: relative;
  margin-bottom: 50px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 5%);
  border-color: #e8e8e8;
  border: 0px;
  transition: 0.5s all ease-in-out;
  -webkit-border-radius: 15px !important;
  border-radius: 15px !important;
  padding: 0px;
}

.idea-page .tab-content .thumbnail:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 8%);
  padding: 0;
  -webkit-border-radius: 15px !important;
  border-radius: 15px !important;

}

.idea-page .tab-content .thumbnail .user-avatar {
  width: 45px;
  height: 45px;
  line-height: 41px;
  border-radius: 50%;
  background: #597189;
  color: #fff;
  display: block;
  text-align: center;
  font-weight: 600;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -20px;
  border: 2px #fff solid;
}

.idea-page #galleryview .ideacomment,
.idea-page #gallerymyideaview .ideacomment {
  float: left;
  position: absolute;
  bottom: 15px;
}

.idea-page .tab-content .thumbnail .caption {
  height: auto;
  min-height: 175px;
  padding: 15px;
}

.idea-page .tab-content #galleryview .likebtn-wrapper {
  display: none;
}

.idea-page .tab-content #galleryview .ideacomment .lb-like.lb-voted {
  margin-right: 10px;
}

.idea-page #custom-search-input .input-group {
  width: 100%;
  float: left;
  margin-right: 0x;
}

.idea-page #custom-search-input #page-controls {
  float: left;
}

.idea-modal-scroll {
  max-height: calc(100vh - 200px) !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

.field-height {
  height: 20px;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.card-dis {
  width: 100%;
  word-break: break-word;
}

/* Subscription Page */

.subscribeform .controsubscribecatgory-group {
  padding: 25px;
  color: #6d7186;
  font-family: 'Sora', sans-serif;
}

.controsubscribecatgory-group .note {
  margin-bottom: 25px;
  line-height: 22px;
}

.subscribeideas .idea-title a {
  transition: 0.3s ease all;
}

.subscribeideas .idea-title a:hover {
  color: #d4b107;
}

.messagecontent {
  margin-bottom: 20px;
  color: #6d7186;
}

#top5idealist .messagecontent {
  margin-bottom: 20px;
  color: #6d7186;
  display: flex;
}

.no-content {
  min-height: 50px;
  display: block;
  padding-top: 10px;
}

#subscribedIdeasList .no-content {
  min-height: 50px;
  display: block;
  padding-top: 15px;
}

.no-content-img {
  margin-right: 5px;
  width: 30px;
  height: 30px;
  /* margin-top: 10px; */
}

#galleryviews .no-content-img {
  margin-right: 10px;
  width: 30px;
  height: 30px;
}

.new-search .controsubscribecatgory-group {
  padding: 25px;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  color: #6d7186;
}

.prefersearch .subscribed-list-idea {
  padding: 25px;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  color: #6d7186;
}

.prefersearch {
  margin-bottom: 30px;
}

.prefersearch .ideaDetails .remove {
  float: right;
}

.shareSearch,
.deleteSearch {
  cursor: pointer;
}

.controsubscribecatgory-group .searchAlert {
  margin-bottom: 25px;
}

.contentimg {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}

#galleryview .contentimg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}



.contentimg img {
  margin-right: 10px;
  float: left;
}

#bulkrsvpModal .contentimg img {
  margin-right: 10px;
  float: left;
}

.ssb-idea {
  white-space: inherit !important;
}

.ssb-idea a {
  display: block;
  margin: 0 0 10px 0;
}

.subscribed-list-idea li.subscribed-idea {
  margin-left: 0px !important;
  margin-bottom: 25px !important;
}

/* Edit Idea Page */

span.input-group-btn button.btn-info {
  background: #1f92d1;
  margin: 0 0 10px 0px !important;
  border: 0;
  width: 32px;
  height: 39px;
  outline: none;
  box-shadow: none;
  transition: 0.3s ease all;
}

span.input-group-btn button.btn-info:hover {
  background: #fdac41;
}

#filedisplay-videos {
  width: 25% !important;
  float: left;
}

.uploadVideo-btn .video-source-btn {
  height: 39px;
  padding: 9px 12px;
  transition: all 0.2s linear 0s;
}

.edit-idea-page #uploadImageDocs-imageDocs {
  width: auto;
}

.uploadAlert {
  margin-top: 15px;
}

.uploadVideo-btn button.uploadvideo {
  height: 39px;
  padding: 9px 12px;
  transition: all 0.2s linear 0s;
}

.uploadmessage {
  color: #2cbb74;
  /*border: 1px #39DA8A solid;*/
  padding: 15px 0;
  margin-bottom: 20px;
  border-radius: 4px;
  margin-top: 15px;
}

.editWizard {
  position: fixed;
  max-width: 30%;
  top: 15%;
  left: 62.3%;
  z-index: 999999;
}

.editWizard .panel-default,
.show-wizard .panel-default {
  border: 0;
}

.editWizard .panel-default>.panel-heading,
.show-wizard .panel-default>.panel-heading {
  padding: 10px 15px;
  border-bottom: 2px solid #3988b3;
  background: #5cb3e2 !important;
  color: #fff !important;
  font-size: 18px;
}

.editWizard .panel-body,
.show-wizard .panel-body {
  padding: 15px 15px;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.editWizard .panel-body:hover,
.show-wizard .panel-body:hover {
  box-shadow: none;
}

.editWizard .panel-body:hover::after,
.show-wizard .panel-body:hover::after {
  opacity: 0;
}

.editWizard .panel-body h4 b,
.show-wizard .panel-body h4 b {
  color: #ff5b5c;
  font-size: 17px;
  font-weight: 100;
}

.edit-idea-page .template-download .outer span.delete {
  right: -32px !important;
}

/* Idea Detail Page */

.idea-detail .right-box {
  color: #6d7186;
}

.idea-detail .right-box .panel-body {
  padding: 15px 25px;
}

.idea-detail .right-box .panel-body:hover::after {
  opacity: 0;
}

.idea-detail .right-box .button-group .button4:nth-child(1) {
  float: left;
  margin-right: 0px;
  padding: 8px 8px;
  font-size: 12.5px;
}

.idea-detail .right-box .button-group .button4:nth-child(2) {
  float: right;
  margin-right: 0;
  padding: 8px 8px;
  font-size: 12.5px;
}

.idea-detail .panel-default {
  margin-bottom: 40px !important;
  border: 0;
  border-radius: 15px !important;
}

.idea-detail .panel-default:hover {
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  border-bottom: 3px solid #2196f3 !important;

}

.idea-detail .panel-body:hover::after {
  opacity: 0;
}

.idea-detail .panel-heading {
  padding: 10px 15px;
  border-bottom: 2px solid #e5e5e5;
  background: #e5e5e5;
  color: #000;
  font-size: 18px;
  border-radius: 15px 15px 0px 0px;
}

.idea-detail .panel-body {
  padding: 30px 15px;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  border-radius: 0px 0px 15px 15px;
}

.idea-detail .modal-header h5 {
  font-size: 18px;
}

.idea-detail .private-check {
  margin-top: 15px;
  background: #dce1e6;
  width: fit-content;
  padding: 6px 10px 8px 10px;
  float: left;
  border-radius: 4px;
}

.idea-detail .private-check input,
.idea-detail .private-check label {
  margin-bottom: 0;
}

.idea-detail .private-check label {
  margin-left: 5px;
  margin-bottom: 0px !important;
}

.idea-detail .private-check input[type="checkbox"]:before {
  width: 16px;
  height: 16px;
}

.idea-detail .private-check input[type="checkbox"]:checked:after {
  top: 2px;
  left: 6px;
}

/*event*/
.event-detail .private-check {
  margin-top: 15px;
  background: #dce1e6;
  width: fit-content;
  padding: 6px 10px 8px 10px;
  float: left;
  border-radius: 4px;
}

.event-detail .private-check input,
.event-detail .private-check label {
  margin-bottom: 0;
}

.event-detail .private-check label {
  margin-left: 5px;
  margin-bottom: 0px !important;
}

.event-detail .private-check input[type="checkbox"]:before {
  width: 16px;
  height: 16px;
}

.event-detail .private-check input[type="checkbox"]:checked:after {
  top: 2px;
  left: 6px;
}

/*blog*/
.blog-detail .private-check {
  margin-top: 15px;
  background: #dce1e6;
  width: fit-content;
  padding: 6px 10px 8px 10px;
  float: left;
  border-radius: 4px;
}

.blog-detail .private-check input,
.blog-detail .private-check label {
  margin-bottom: 0;
}

.blog-detail .private-check label {
  margin-left: 5px;
  margin-bottom: 0px !important;
}

.blog-detail .private-check input[type="checkbox"]:before {
  width: 16px;
  height: 16px;
}

.blog-detail .private-check input[type="checkbox"]:checked:after {
  top: 2px;
  left: 6px;
}

.idea-detail .media-heading.private a#editComment {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  top: 5px;
  position: relative;
}

.idea-detail .media-heading.private a#editComment svg {
  fill: #f7a80b;
}

.idea-detail #private-comment {
  border: 1px solid #e3e3e3;
  padding: 0px 15px 5px 15px;
  border-radius: 15px;
  background: #f9f9f9;
}

.event-detail #private-comment {
  border: 1px solid #e3e3e3;
  padding: 0px 15px 5px 15px;
  border-radius: 15px;
  background: #f9f9f9;
}

.blog-detail #private-comment {
  border: 1px solid #e3e3e3;
  padding: 0px 15px 5px 15px;
  border-radius: 15px;
  background: #f9f9f9;
}

.idea-detail .right-box .panel.panel-default .panel-heading h3:nth-child(2) {
  font-size: 15px !important;
}

.mediaData .weightage {
  float: right;
  color: #e67e22;
  font-weight: 600;
  font-size: 13px;
}

.edit-btn1 {
  float: right;
  width: auto;
  margin-top: 8px;
  background: #1173a9;
  border: 0;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  padding: 10px 20px;
  transition: all 0.2s linear 0s;
  outline: none;
}

.edit-btn1:hover {
  background: #000;
}

.sub-content h3 {
  margin: 20px 0;
  color: #333;
  font-size: 17px;
  font-weight: 500;
  font-family: 'Sora', sans-serif;
}

.sub-content p {
  font-size: 15px;
  word-wrap: break-word;
}

.idea-detail .support-list {
  color: #6d7186;
}

.idea-detail .support-list li {
  margin-bottom: 5px;
}

.idea-detail .support-list button {
  float: right;
}

.idea-detail #referencelist li a {
  color: #6d7186;
  transition: 0.3s ease all;
}

.idea-detail #referencelist li a:hover {
  color: #efbd09;
}

.create-link {
  display: inline-block;
  color: #fff;
  transition: all 1s ease;
  background: #39cf78;
  -webkit-border-radius: 20px !important;
  border-radius: 20px !important;
  border: 0px;
  padding: 4px 12px;
  font-family: 'Sora', sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: 5px;
}

.create-link:hover {
  background: #1bb75c;
  color: #fff;
}

.create-link svg {
  fill: #fff;
  position: relative;
  left: -5px;
  top: 2px;
}

.create-link span {
  position: relative;
  left: -1px;
  top: -5px;
}

.idea-detail .modal-content.popup .postboard .has-success .control-label {
  color: #383838;
}

.related-idea .top-idea-user {
  color: #6d7186;
}

.related-idea .top-idea-user a {
  cursor: pointer;
}

span.private-box {
  color: #52a7d6;
  border: 1px solid #93d2f5;
  text-align: center;
  padding-top: 5px;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  display: block;
  top: -20px;
  position: relative;
  background: #fff;
  border-radius: 50%;
}

span.private-box svg {
  fill: #52a7d6;
  top: 2px;
  position: relative;
}

span.private-box span {
  margin-left: 5px;
  top: -2px;
  position: relative;
}

.private-main {
  border-bottom: 0 !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  overflow: inherit;
}

.idea-detail #descriptionData {
  width: 100%;
}

.idea-detail #descriptionData ul,
.idea-detail #descriptionData ol {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}

.idea-detail .comment-section .controls #emojiSection {
  position: absolute;
  right: -4px;
  top: -13px;
}

.idea-detail .comment-section .edit-comment {
  position: relative;
}

.idea-detail .comment-section .edit-comment .emoji-icon {
  position: absolute;
  right: 6px;
  top: -6px;
}

.event-detail .comment-section .edit-comment {
  position: relative;
}

.blog-detail .comment-section .edit-comment {
  position: relative;
}

.event-detail .comment-section .edit-comment .emoji-icon {
  position: absolute;
  right: 6px;
  top: -6px;
}

.blog-detail .comment-section .edit-comment .emoji-icon {
  position: absolute;
  right: 6px;
  top: -6px;
}

/* Challenge Detail Page */

.challenge-detail .right-section .panel {
  margin-top: 0px;
  border: 0;
}

.challenge-detail .panel-body:hover::after {
  opacity: 0;
}

.challenge-detail .right-section .panel-heading {
  padding: 10px 15px;
  border-bottom: 2px solid #3988b3;
  background: #5cb3e2;
  color: #fff;
  font-size: 18px;
}

.info-sign {
  background: url(../img/icons/recall.png) no-repeat left;
  background-position: top;
  font-size: 21px;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
  width: 19px;
  height: 19px;
  display: inline-block;
  transition: all 0.2s linear 0s;
}

.info-sign:hover {
  background-position: bottom;
}

.mediaData .per-start {
  padding-right: 28px;
}

.mediaData .per-bar {
  padding: 0;
  margin: 0;
  margin-top: 3px;
  padding-left: 5px;
}

.challenge-detail .panel-heading .panel-title {
  font-size: 18px;
}

.challenge-detail .private-check {
  margin-top: 15px;
  background: #dce1e6;
  width: fit-content;
  padding: 6px 10px 3px 10px;
  float: left;
  border-radius: 4px;
}

.challenge-detail .private-check input[type="checkbox"]:before {
  width: 16px;
  height: 16px;
}

.challenge-detail .private-check input[type="checkbox"]:checked:after {
  top: 2px;
  left: 6px;
}

.challenge-detail .private-check input,
.challenge-detail .private-check label {
  margin-bottom: 0;
}

.challenge-detail .private-check label {
  margin-left: 5px;
}

.challenge-detail .media-heading.private a#editComment {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  top: 5px;
  position: relative;
}

.challenge-detail .media-heading.private a#editComment svg {
  fill: #f7a80b;
  top: 3px;
}

.challenge-detail #private-comment {
  border: 1px solid #e3e3e3;
  padding: 0 10px;
  border-radius: 15px;
  background: #f9f9f9;
}

.challenge-detail #private-comment {
  margin-top: 15px;
}

/* Edit Challenge Page */

.hide-input input.reqblue {
  display: none !important;
}

/* Challenge Page */

.challenge-page .panel-heading {
  padding: 10px 15px;
  border-bottom: 2px solid #3988b3;
  background: #5cb3e2 !important;
  color: #fff !important;
  border-radius: 0;
}

.challenge-page .list-unstyled .panel-body {
  padding: 30px 15px;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.challenge-page .panel-default {
  margin-bottom: 40px !important;
}

.challenge-page .panel-body:hover::after {
  opacity: 0;
}

.challenge-page .tagscollections {
  padding-bottom: 0px;
  margin-left: 70px;
}

.problem-message-container p {
  margin-left: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 50px;
}

.problem-message-container .problem-catergory {
  margin-left: 70px;
}

.challenge-page .tag-widget .panel-body {
  background: #fff;
}

.problemView {
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
}

.headingClass {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 0 10px;
  text-align: left;
  font-weight: 400;
  color: #6d7186;
  position: relative;
  top: -8px;
}

.problemcomment {
  color: #6d7186;
  font-size: 13px;
  position: absolute;
  bottom: 8px;
}

.problemScreenAdjust {
  height: 190px;
  position: relative;
  font-family: 'Sora', sans-serif;
}

.problem-title {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
}

.ideadescription.more {
  height: auto;
  max-height: 65px;
  overflow: hidden;
  color: #6d7186;
  font-family: 'Sora', sans-serif;
  font-weight: 300;
  font-size: 14px;
}

.topmargin {
  margin-top: 15px;
}

.dashboard-list .glyphicon {
  color: #1f92d1;
}

#statistics .subheader {
  color: #1f92d1;
  font-weight: 600;
  margin-bottom: 10px;
  padding: 10px 20px 0 20px;
}

.postidea-containeridea .panel-body {
  padding: 0px !important;
}

.challenge-page .search-btn {
  background: #5b758f;
  outline: none;
  color: #fff;
  box-shadow: none;
  height: 34px;
  border: 0;
  margin-top: -1px;
  margin-left: 1px;
  border-radius: 0 15px 15px 0 !important;
  -webkit-border-radius: 0 15px 15px 0 !important;
  -moz-border-radius: 0 15px 15px 0 !important;
  -ms-border-radius: 0 15px 15px 0 !important;
  -o-border-radius: 0 15px 15px 0 !important;
}

.challenge-page .search-bar .form-control.search-query {
  height: 34px !important;
  border-radius: 15px 0 0 15px !important;
  -webkit-border-radius: 15px 0 0 15px !important;
  -moz-border-radius: 15px 0 0 15px !important;
  -ms-border-radius: 15px 0 0 15px !important;
  -o-border-radius: 15px 0 0 15px !important;
}

.challenge-page .search-bar .form-control.search-query:focus {
  padding: 9px 12px !important;
}

.challenge-page #search-whatIfForm span.input-group-btn {
  float: none;
  top: -3px;
  left: -1px;
}

.challenge-page .searchrefresh-icon {
  border: none;
  background: #31c770;
  outline: none;
  padding: 0px;
  position: relative;
  top: -6px;
  left: 6px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}


.post-btn,
.post-btn:active,
.post-btn:focus {
  background: #1f92d1;
  color: #fff;
  border: 0 !important;
  outline: none !important;
  box-shadow: none;
  height: 34px;
  transition: all 0.2s linear 0s;
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

.post-btn:hover {
  background: #25a0e2;
  color: #fff;
}

.search-bar {
  margin-bottom: 25px;
}

.challenge-page .subscribeidea-items {
  border: 1px #ddd solid;
  margin-bottom: 40px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.problem-message-action-list-item a {
  color: #1ec9de;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.2s linear 0s;
}

.problem-message-container ul.tags {
  padding: 0 25px 0 0;
}

.problem-message-container ul.tags li {
  float: left;
  margin: 0 10px 10px 0;
}

.challengeTitle {
  font-weight: 700;
  font-size: 18px;
  display: block;
  margin-bottom: 7px;
}

.challengeTitle a {
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
  transition: all 0.2s linear 0s;
  font-family: 'Sora', sans-serif;
}

.problem-title a {
  transition: all 0.2s linear 0s;
  font-size: 17px;
  font-weight: 600;
}

.challengeTitle a:hover,
.problem-title a:hover {
  text-decoration: none;
  color: #e2b35c;
}

.problem-message-body.top {
  padding-right: 20px;
  border-bottom: 1px solid #eee;
  margin: 0px 10px;
  padding-bottom: 15px;
}

.challenge-page .postcommentlist {
  padding: 10px 28px 8px 7px;
  background-color: #f1f3f5;
  margin-top: 20px;
  margin-bottom: 0;
  border-radius: 0px 0px 15px 15px;
  -webkit-border-radius: 0px 0px 15px 15px;
  -moz-border-radius: 0px 0px 15px 15px;
  -ms-border-radius: 0px 0px 15px 15px;
  -o-border-radius: 0px 0px 15px 15px;
}

.stati-icon .panel-heading h3 {
  background: url(../img/icons/stati-icon.png) no-repeat left;
  padding-left: 35px;
}

.tag-icon {
  font-size: 19px;
  margin-right: 5px;
}

.challenge-page .problem-message-body button.problemcommentbutton {
  float: right;
}

.submit-idea-btn {
  background: #1ec9de;
  color: #fff !important;
  border-radius: 4px;
  padding: 3px 7px !important;
  text-decoration: none !important;
}

.submit-idea-btn:hover {
  background: #15bbd0;
  text-decoration: none !important;
}

.challenge-page .got-chall .panel {
  margin-top: 15px;
}

.challenge-page .private-check input[type="checkbox"]:before {
  width: 16px;
  height: 16px;
}

.challenge-page .private-check input[type="checkbox"]:checked:after {
  top: 2px;
  left: 6px;
}

.challenge-page .private-check label {
  margin-left: 5px;
  margin-bottom: 0px !important;
}

.challenge-page .private-check {
  margin-top: 15px;
  background: #dce1e6;
  width: fit-content;
  padding: 6px 10px 8px 10px;
  float: left;
  border-radius: 4px;
}

.challenge-page .private-check input,
.challenge-page .private-check label {
  margin-bottom: 0;
}

.challenge-page .problem-thread-replies .problem-thread-reply-list-item {
  padding-left: 0;
}

.challenge-page #ProblemStatement .search-bar .btn-group.btn-toggle .btn {
  outline: none;
}

.challenge-page #ProblemStatement .search-bar .btn-group.btn-toggle .btn.active {
  background-color: #f1c40f;
  border-color: #f1c40f;
}

/* Admin Page */

.remove-th tr th:nth-child(5) {
  display: none;
}

.note {
  color: #6d7186;
  margin-bottom: 15px;
}

.fileinput-button #uploadimg {
  width: 100px;
}

.load-more center {
  color: #6d7186;
}

.adminPage .Box.admin-box {
  padding-top: 0;
  border: 0px;
  min-height: inherit;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}

.adminPage .dataTables_scroll div.dataTables_scrollBody>table td.center.sorting_1 a {
  margin-right: 5px;
}

.adminPage .dataTables_scroll div.dataTables_scrollBody>table td.center a {
  margin-right: 5px;
}

.adminPage .dataTables_scroll div.dataTables_scrollBody>table td.center.sorting_1 a i.fa {
  font-size: 18px;
}

.adminPage .dataTables_scroll div.dataTables_scrollBody>table td.center a i.fa {
  font-size: 18px;
}

.adminPage .dataTables_scroll div.dataTables_scrollBody>table td.center.sorting_1 a:last-child {
  position: relative;
  top: -1px;
}

.adminPage .dataTables_scroll div.dataTables_scrollBody>table td.center a:last-child {
  position: relative;
  top: -1px;
}

.adminPage .dataTables_scroll div.dataTables_scrollHead table.table-bordered th.center.sorting_disabled {
  min-width: 70px;
}

.adminPage .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr:first-child>td {
  min-width: 70px;
}

.admin-head {
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
}

.admin-head h4 {
  color: #fff;
  margin: 0;
  padding: 25px 0 0 0;
  border: 0;
}

.admin-head a {
  float: left;
  margin: 10px 20px 10px 10px;
  /* display: inline-block; */
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.linkbox {
  border: 1px solid #ddd;
  padding: 15px;
  min-height: 395px;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
}

.superadmin {
  min-height: 331px;
}

.bg-blue {
  background: #45bbe0;
}

.bg-purple {
  background: #8892d6;
}

.bg-green {
  background: #78c350;
}

.blue-link .listItems li a:hover {
  color: #45bbe0;
}

.blue-link .listItems li a::after {
  background: #45bbe0;
}

.purple-link .listItems li a:hover {
  color: #8892d6;
}

.purple-link .listItems li a::after {
  background: #8892d6;
}

.green-link .listItems li a:hover {
  color: #78c350;
}

.green-link .listItems li a::after {
  background: #78c350;
}

.topbannerspace .border-block .add-icon {
  cursor: pointer;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.topbannerspace .border-block .add-icon svg {
  fill: #fff;
  background: #27ae60;
}

.topbannerspace .border-block .mediaData .close-icon {
  cursor: pointer;
  margin-right: 10px;
}

.topbannerspace .border-block .mediaData .close-icon svg {
  fill: #fff;
  background: #e74c3c;
}

.topbannerspace .border-block .mediaData p {
  color: #6d7186;
}

.topbannerspace .border-block label {
  color: #6d7186;
}

.uploadVideo-btn .browse-input {
  width: 50% !important;
  float: left;
}

.bulk-email a {
  line-height: initial;
}

.upload-comment-table .dataTables_wrapper {
  padding: 15px 0;
}

/* Home Page */

.home-page .leader-board {
  padding: 0px 0 0 30px;

}

.home-page .leader-board h3.widget_title {
  margin-bottom: 35px;
}

.top-idea-user a,
.activity a {
  transition: 0.3s ease all;
  font-weight: 500;
  padding-right: 0;
}

.top-idea-user a:hover,
.activity a:hover {
  color: #cd9d17;
}

.home-page .recent-activity .box::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background: #e0e0e0;
}

.home-page .recent-activity .box::-webkit-scrollbar-thumb {
  background: #1f92d1;
  -webkit-box-shadow: inset 0 0 6px #1f92d1;
}

.home-page .recent-activity .box::-webkit-scrollbar-thumb:window-inactive {
  background: #1f92d1;
}

/* Upload Idea Page */

.upload-idea-page #upload_gallery_files-video .in:last-child,
.upload-idea-page #upload_gallery_files-image .in:last-child {
  margin-top: 26px;
  color: #fff;
  background: #39da8a;
  padding: 5px 0 5px 15px;
}

.upload-idea-page .template-download .outer {
  background: rgb(113, 149, 169);
}

.fileupload-buttonbar span.fileinput-button {
  min-width: 110px;
  padding: 7px;
}

.upload-idea-page .fileupload-buttonbar .fileinput-button,
.upload-challenge .fileupload-buttonbar .fileinput-button {
  width: 100%;
  text-align: left;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

/* Customize Ideas Page Layout */

.page-select {
  text-align: right;
}

.page-select .btn-select {
  margin: 0;
}

.item-page {
  position: relative;
}

.page-select {
  position: absolute;
  right: 0;
  color: #6d7186;
}

.item-content {
  vertical-align: middle;
  padding-right: 10px;
}

.custom-idea-page .list-unstyled .panel-body {
  padding: 30px 15px;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.custom-idea-page .panel-heading {
  padding: 10px 15px;
  border-bottom: 2px solid #3988b3;
  background: #5cb3e2;
  color: #fff;
}

.custom-idea-page .panel-body:hover::after {
  opacity: 0;
}

#listview .ideadescription.more {
  height: inherit !important;
}

.add-wiget {
  background: #26c6da;
  border-color: #24c4d8;
  transition: 0.3s ease all;
}

.add-wiget:hover {
  background: #1f92d1;
  border-color: #1f92d1;
}

.ui-widget-header {
  background-image: linear-gradient(#1f92d1, #167eb7) !important;
  border-color: #1f92d1 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #fff !important;
  border-color: #fff !important;
}

.ui-state-default .ui-icon {
  background: url(../img/icons/close-small.png) no-repeat right !important;
  background-position-x: 4px !important;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.8) !important;
  opacity: inherit !important;
}

.ui-widget {
  font-family: inherit !important;
  font-size: 16px !important;
}

.custom-idea-page .tagscollections {
  margin-bottom: 10px;
  float: left;
}

.widget-table {
  color: #6d7186;
}

.custom-idea-page #galleryview .thumbnail {
  position: relative;
  margin-bottom: 50px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.059);
  border-color: #e8e8e8;
  transition: 0.5s all ease-in-out;
}

.custom-idea-page #galleryview .thumbnail:hover {
  border-color: #5cb3e2;
}

.custom-idea-page #galleryview .thumbnail .user-avatar {
  width: 45px;
  height: 45px;
  line-height: 35px;
  border-radius: 50%;
  background: #26c6da;
  color: #fff;
  display: block;
  text-align: center;
  font-weight: 600;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -20px;
  border: 5px #fff solid;
}

.custom-idea-page #galleryview .thumbnail .caption {
  height: auto;
  min-height: 165px;
  padding: 20px;
}

.custom-idea-page #galleryview .thumbnail .idea-title {
  height: auto;
  max-height: 40px;
  overflow: hidden;
  margin-bottom: 10px;
  font-weight: 600;
}

.custom-idea-page #galleryview .thumbnail .ideacomment {
  float: left;
  position: absolute;
  bottom: 15px;
}

.custom-idea-page #galleryview .thumbnail .likebtn-wrapper {
  display: none;
}

.custom-idea-page #galleryview .thumbnail .ideacomment .lb-like.lb-voted {
  margin-right: 10px;
}

/* Overview Page */

.overview-page .body h3 {
  margin: 0 0 20px 0;
  color: #1f92d1;
}

.overview-page .body .margin-clear {
  color: #6d7186;
  line-height: 23px;
}

.overview-page .body a {
  transition: 0.3s ease all;
}

.overview-page .body a:hover {
  background-color: #1f92d1;
  border-color: #1f92d1;
  color: #fff;
}

.overview-page .button1 {
  padding: 8px 20px;
}

.style-4:first-child {
  padding-top: 0px;
}

.style-4:last-child {
  border-bottom: 0px;
}

/* Admin - Config Idea Page */

.config-idea-page .nav-tabs {
  margin-bottom: 20px;
}

.config-idea-page .form-builder .frmb-control {
  margin-top: 11px;
}

.config-idea-page .form-builder .stage-wrap.pull-left {
  width: 71%;
}

.config-idea-page .frmb-control li {
  color: #6d7186;
  transition: 0.3s ease all;
  box-shadow: 0 0 2px 0 inset;
}

.config-idea-page .frmb-control li:hover {
  background-color: #1f92d1;
  color: #fff;
}

.config-idea-page .frmb .prev-holder label {
  /* margin-left: 11px; */
  color: #6d7186;
}

.form-builder-dialog {
  color: #6d7186;
}

.form-builder-dialog h3 {
  background: #1f92d1;
  color: #fff;
  font-size: 19px;
  padding: 10px;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.form-builder-dialog p {
  padding: 0 15px;
  margin: 15px 0;
}

/* Kanban Board */

.kanban-page {
  width: 100%;
}

.kanban-head {
  margin: 30px 0;
  border-bottom: 0;
  position: relative;
}

.kanban-head svg {
  fill: #fff;
  cursor: pointer;
}

.kanban-head .btn-right {
  width: 90px;
  right: 145px;
  position: absolute;
  top: -32px;
}

.kanban-head .btn-right a {
  background: #fdac41;
  padding: 0px 8px;
  cursor: pointer;
  border-right: 1px #f2f4f4 solid;
  transition: all 0.4s ease-in-out 0s;
  height: 33px;
  display: inline-block;
}

.kanban-head .btn-right a:hover {
  background: #495b72;
}

.kanban-head .btn-right a:last-child {
  border: 0;
}

.kanban-head .btn-right .dropdown {
  width: 41px;
  left: -34px;
  top: 33px;
}

.kanban-head .btn-right .dropdown-menu {
  left: -102px;
  border-radius: 0;
  top: 26px;
  border: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
  transition: 0.5s ease all;
  min-width: 180px;
  padding: 0;
}

.kanban-head .btn-right .dropdown.open .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(8px);
  transition: 0.4s ease all;
}

.kanban-head .btn-right .dropdown-menu li {
  border-bottom: 1px #ddd solid;
  padding: 10px 12px;
  position: relative;
}

.kanban-head .btn-right .dropdown-menu li:last-child {
  border-bottom: 0;
}

.kanban-head .btn-right .dropdown-menu li svg {
  fill: #6d7186;
  position: absolute;
  left: 12px;
  transition: 0.3s ease all;
}

.kanban-head .btn-right .dropdown-menu li a {
  color: #6d7186;
  padding: 0 0 0 28px;
  transition: 0.3s ease all;
  background: none;
  height: inherit;
}

.kanban-head .btn-right .dropdown-menu li:hover {
  background: #495b72;
}

.kanban-head .btn-right .dropdown-menu li:hover a {
  color: #fff;
}

.kanban-head .btn-right .dropdown-menu li a:hover {
  color: #fff;
}

.kanban-head .btn-right .dropdown-menu li:hover svg {
  fill: #fff;
}

.kanban-sidebar .form-control {
  height: 35px !important;
  border: 0px !important;
  border-radius: 4px !important;
  background: none !important;
  border: 1px #6d7e92 solid !important;
  color: #fff !important;
}

.kanban-sidebar .form-control:focus {
  padding-left: inherit !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(89, 130, 162, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(89, 130, 162, 0.6);
}

.kanban-sidebar select option {
  background: #495b72;
  color: #fff;
}

.kanban-sidebar .multiselect-container>li.active a label {
  color: #fff;
}

.kanban-sidebar .multiselect-container>li a label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kanban-sidebar .multiselect-container {
  width: auto;
  overflow-x: hidden;
}

.kanban-sidebar input::placeholder {
  color: #fff !important;
}

.kanban-sidebar.navbar {
  box-shadow: none !important;
}

.kanban-sidebar .sticky {
  margin: 20px 0;
}

.kanban-sidebar .sticky input {
  background: #495b72;
  color: #fff;
  border: 2px #fff solid;
  outline: none;
  transition: 0.3s ease all;
  border-radius: 4px !important;
}

.kanban-sidebar .sticky input:hover {
  background: #343f4e;
}

.kanban-sidebar .delete-area a span {
  display: inline-block;
}

.kanban-sidebar #todo-form .form-group .col-md-5 {
  min-height: 35px;
  display: flex;
  align-items: center;
}

.kanban-sidebar .top-title .sidebar-sub {
  margin: 0 0 15px 0;
  padding: 8px 20px;
}

.kanban-sidebar .open-close #inOpen svg {
  fill: #fff;
}

.kanban-sidebar .open-close #inClosed svg {
  fill: #1f92d1;
  transform: rotate(180deg);
}

.kanban-sidebar .open-close {
  position: relative;
}

.kanban-sidebar .open-close .reset-default {
  position: absolute;
  left: 10px;
  z-index: 999;
  top: 7px;
}

.sidebar-sub {
  margin: 15px 0;
  background: #344356;
  color: #fff;
  text-align: left;
  padding: 5px 20px;
}

.sidebar-sub a,
.sidebar-sub a:focus,
.reset-default a,
.reset-default a:focus {
  color: #fff;
  cursor: pointer;
  transition: 0.3s ease all;
  text-decoration: none;
  outline: none;
}

.sidebar-sub a {
  right: 6px;
}

.sidebar-sub a:hover {
  color: #ffc800;
  text-decoration: none;
}

.sidebar-sub b {
  font-weight: normal;
  font-size: 15px;
}

.sidebar-title {
  margin: 20px 0 0 20px;
}

.sidebar-title b {
  color: #fff;
  font-weight: normal;
  font-size: 16px;
}

.kanban-sidebar #message {
  text-align: left;
  color: #ffc800;
  font-size: 12px;
  margin-left: 20px;
}

.kanban-page .parentContainers #PENDING .columnHeader {
  background-image: linear-gradient(#fdac41, #e4840c);
}

.kanban-page .parentContainers #ACTIVE .columnHeader {
  background-image: linear-gradient(#5a8dee, #4073d0);
}

.kanban-page .parentContainers #INACTIVE .columnHeader {
  background-image: linear-gradient(#7f8c8d, #676e6f);
}

.kanban-page .parentContainers #COMPLETED .columnHeader {
  background-image: linear-gradient(#39da8a, #2dc378);
}

.kanban-page .parentContainers #CLOSED .columnHeader {
  background-image: linear-gradient(#ff5b5c, #da3f42);
}

.kanban-page .dContainer .columnCard:before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

/*.kanban-page .dContainer .columnCard[data-border=info]:before {
    background-color: #00CFDD;
}*/

.kanban-page .dContainer .columnCard:nth-of-type(even):before {
  background: #5a8dee;
}

.kanban-page .dContainer .columnCard:nth-of-type(odd):before {
  background: #fdac41;
}

.kanban-page .dContainer .columnCard:nth-of-type(3n + 1):before {
  background: #00cfdd;
}

.kanban-page .dContainer .columnCard:nth-of-type(3n + 3):before {
  background: #ff5b5c;
}

.kanban-page select.selectTypes {
  appearance: menulist;
  -webkit-appearance: menulist !important;
  color: #fff !important;
}

.kanban-page .headerText a {
  text-decoration: none;
  transition: 0.3s ease all;
  color: #1f92d1;
}

.kanban-page .columnCard .headerText a {
  width: 87%;
  display: block;
}

.kanban-page .headerText a:hover {
  color: #f39c2c;
}

.kanban-page .columnCard .card-checkbox {
  right: 15px;
  position: absolute;
  top: 3px;
}

.kanban-page .columnCard .card-checkbox input[type="checkbox"]:before {
  width: 16px;
  height: 16px;
  background-color: #fff;
}

.kanban-page .columnCard .card-checkbox input[type="checkbox"]:checked:before {
  background-color: #1f92d1 !important;
}

.kanban-page .columnCard .card-checkbox input[type="checkbox"]:checked:after {
  top: 2px;
  left: 6px;
}

.kanban-page .columnCard .card-checkbox .template-checkbox {
  width: 16px;
  height: 16px;
}

.delete-area {
  margin-bottom: 10px;
  text-align: left;
  margin-left: 20px;
}

.delete-area a {
  color: #fff;
  margin-right: 10px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s ease all;
  display: inline-flex;
}

.delete-area a:hover {
  color: #ffc800;
  text-decoration: none;
}

.delete-area a:focus {
  border: 0;
  outline: none;
  color: #fff;
  text-decoration: none;
}

.delete-area a.view {
  background: url(../img/icons/view-1.png) no-repeat left;
  width: 19px;
  height: 13px;
  display: none;
}

.delete-area a.edit {
  background: url(../img/icons/edit-1.png) no-repeat left;
  width: 16px;
  height: 17px;
}

.delete-area a.share {
  background: url(../img/icons/share-3.png) no-repeat left;
  width: 16px;
  height: 17px;
}

.delete-area a.send {
  background: url(../img/icons/send.png) no-repeat left;
  padding-left: 20px;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}

.delete-area a.delete {
  background: url(../img/icons/delete-1.png) no-repeat left;
  width: 16px;
  height: 17px;
  margin-right: 0;
}

.delete-area .icon-group {
  float: right;
  margin-right: 17px;
}

.delete-area .icon-group a {
  float: left;
}

.hamburger.is-open {
  right: 26px;
}

.hamburger.is-closed {
  margin-top: 0px !important;
  margin-left: 35px !important;
}

.kanban-sidebar .form-control.pull-left {
  height: 60px !important;
}

.kanban-popup #carousal .panel-default {
  margin-bottom: 40px !important;
  border: 0;
}

.kanban-popup #carousal .panel-heading {
  padding: 10px 15px;
  border-bottom: 2px solid #3988b3;
  background: #5cb3e2;
  color: #fff;
  font-size: 18px;
  border-radius: 0;
}

.kanban-popup #carousal .panel-body {
  padding: 15px 25px;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.kanban-popup #carousal .panel-body:hover::after {
  opacity: 0;
}

.kanban-popup .pop-content {
  margin-top: 20px;
}

.kanban-popup .headerclass {
  font-size: 15px;
}

.kanban-popup .headerclass>a {
  font-weight: 600;
}

.kanban-popup .headerclass a,
.kanban-popup .headerclass a:focus {
  text-decoration: none;
  color: #1f92d1;
  transition: 0.3s ease all;
  outline: none;
}

.kanban-popup .headerclass a:hover {
  color: #f39c2c;
}

.kanban-popup .description {
  text-align: left;
  margin-bottom: 20px;
}

.kanban-popup .author11 {
  margin-bottom: 30px;
}

.kanban-popup .pop-content .item i {
  color: #1f92d1;
  margin-right: 5px;
}

.kanban-page .emoji-style {
  width: 18px !important;
  height: 18px !important;
  position: absolute;
  right: 8px !important;
  bottom: 8px !important;
}

.kanban-page .compare-modal .compare-col {
  text-align: left;
}

.kanban-page .compare-modal .compare-col .numbers {
  margin-bottom: 20px;
}

.kanban-page .compare-modal .compare-col a {
  cursor: pointer;
}

.kanban-page .compare-modal .compare-col a svg {
  fill: #6d7186;
  transition: 0.3s ease all;
}

.kanban-page .compare-modal .compare-col a:hover svg {
  fill: #fdac41;
}

.kanban-page .compare-modal .compare-col .headerText {
  margin-top: 5px;
}

/* Blog Page */

.blogs-page .buttonarea {
  position: absolute;
  right: 15px;
  top: 4px;
}

.blogs-page .home-template .search-bar {
  /* margin: 0 0 20px 0; */
  height: 15px;
  position: relative;
  /* background: #1f92d1;*/
}

.blogs-page .home-template .blog-search-wrap {
  position: absolute;
  right: 10px;
  top: -44px;
}

.blogs-page .home-template .search-bar form .blog-search {
  height: 35px !important;
  padding-right: 32px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #999;
  border: 1px #ccc solid;
  border-radius: 20px !important;
}

.blogs-page .home-template .blog-search-wrap .glyphicon-search {
  color: #1f92d1;
  font-size: 16px;
  top: 10px;
  position: absolute;
  right: 12px;
}

.blogs-page .main-heading {
  margin: 0 0 20px 0;
}

.blogs-page .home-template .search-bar form .blog-search:focus {
  padding-left: 12px !important;
}

.blogs-page .figure-caption:hover .tile-details {
  bottom: 60px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.blogs-page .figure-caption:hover .schedule {
  bottom: 0px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.blogs-page .home-template .tile-details {
  bottom: 50px;
  height: 60px;
  left: 0;
  padding: 5px;
  position: absolute;
  right: 0;
  background: rgba(93, 110, 119, 0.9);
  transform: translateY(60px);
  transition: 0.4s ease all;
}

.blogs-page .home-template .schedule {
  height: 60px;
  background-color: #fbfbfb;
  bottom: 0;
  left: 0;
  padding: 14px 14px;
  position: absolute;
  right: 0;
  color: #6d7186;
  transform: translateY(60px);
  transition: 0.4s ease all;
}

.blog-content p.author11 a {
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease all;
}

.blog-content p.author11 a:hover {
  color: #efbd09;
}

.blog-content {
  color: #6d7186;
}

/* Edit Blog Page */

.edit-blog .main-heading {
  margin: 0 0 30px 0;
}

.edit-blog #icon_gallery_file .template-download {
  margin-bottom: 15px;
  margin-top: 10px;
}

/* FAQ Page */

.faq-page .leftMenu ul.menu {
  background: #fbfbfb;
  padding: 10px 20px;
  border: 1px #eee solid;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.faq-page .menu li>a:hover {
  background: #1f92d1;
  color: #fff;
  padding-left: 10px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.faq-page .menu li>a:hover span {
  color: #fff;
}

.faq-page .menu ul.sub-menu li a {
  padding-left: 10px;
}

.faq-page .menu ul.sub-menu li a:hover {
  background: #2196f3;
  color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.faq-page .menu ul.sub-menu li a:focus {
  color: #fff;
  font-weight: 600;
}

.faq-bar .search input.form-control {
  border: 0px !important;
}

.faq-bar .search button.btn-secondary {
  height: 39px;
  border: 0;
  outline: 0;
  box-shadow: none;
  margin-left: -1px;
  background: #ffc800;
  transition: 0.3s ease all;
}

.faq-bar .search button.btn-secondary:hover {
  background: #000;
  color: #fff;
}

.faq-page .rightContent .video-container video {
  width: 100%;
}

/* Others */

.leftpart .Box {
  padding: 30px 20px;
  min-height: inherit;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.rightpart .Box {
  padding: 30px 15px;
  margin-bottom: 0;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.leftpart .Box .subTitle {
  color: #1f92d1;
  text-align: left;
  margin: 0 0 10px 0 !important;
  padding: 5px 0 10px;
}

.Box .subTitle a {
  float: right;
  font-size: 12px;
  transition: 0.3s ease all;
}

#dynamicList {
  color: #337ab7;
  border: 1px #ddd solid;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.var-head {
  display: block;
  color: #000;
  border-bottom: 1px #ddd solid;
  padding: 10px 15px;
  background: #e7e7e7;
  border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -ms-border-radius: 15px 15px 0px 0px;
  -o-border-radius: 15px 15px 0px 0px;
}

.var-content {
  padding: 15px;
  text-align: center;
}

.var-content span {
  margin-right: 15px;
  line-height: 30px;
}

.listItems li {
  list-style: none;
  position: relative;
  line-height: 30px;
  color: #6d7186;
}

.listItems li a {
  margin-top: 5px;
  font-size: 16px;
  color: #6d7186;
  position: relative;
  text-decoration: none;
}

.listItems li a:hover {
  font-weight: 600;
}

.listItems li a::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #1f92d1;
  bottom: -4px;
  transform: scale(0, 1);
  transition: transform 0.3s;
  transform-origin: right top;
}

.listItems li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

.head-label label {
  font-size: 20px;
  color: #1f92d1;
  font-weight: normal;
}

.box-custom .panel {
  margin-top: 0px;
  border: 0;
}

.box-custom .panel-heading {
  padding: 10px 15px;
  font-family: 'Sora', sans-serif;
  /*background: #d2dae3 !important;
  color: #2c2929 !important;
  */
  background: #f5bd80 !important;
  color: #464242 !important;
  /* background: #d6d1d1 !important;
  color: #423e3e !important; */
  text-align: center;
  border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -ms-border-radius: 15px 15px 0px 0px;
  -o-border-radius: 15px 15px 0px 0px;
}

.box-custom .panel-heading h4 {
  margin: 0;
  font-size: 16px;
}

.box-custom .panel-body {
  border-left: 1px #e5e5e5 solid;
  border-right: 1px #e5e5e5 solid;
  border-bottom: 1px #e5e5e5 solid;
}

.box-custom .panel-body:hover {
  box-shadow: none;
}

.box-custom .panel-body:hover::after {
  opacity: 0;
}

h4.subhead {
  margin-top: 0;
  color: #1f92d1;
}

.rightpart .panel.panel-default {
  border: 0;
  box-shadow: none;
}

.rightpart .panel-heading {
  background: #1f92d1;
  border: 0;
  outline: 0;
  border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -ms-border-radius: 15px 15px 0px 0px;
  -o-border-radius: 15px 15px 0px 0px;
}

.rightpart .panel.panel-default a:hover,
.rightpart .panel.panel-default a:focus {
  text-decoration: none;
}

.rightpart .panel-heading .glyphicon-chevron-down {
  color: #fff;
  float: right;
  margin-top: 4px;
}

.coll-content {
  padding: 25px;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  border-radius: 0px 0px 15px 15px;
  -webkit-border-radius: 0px 0px 15px 15px;
  -moz-border-radius: 0px 0px 15px 15px;
  -ms-border-radius: 0px 0px 15px 15px;
  -o-border-radius: 0px 0px 15px 15px;
}

#myInput {
  background-image: url("/static/img/searchicon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 14px;
  padding: 10px 20px 10px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  outline: none;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li {
  padding-left: 0;
  padding-bottom: 0;
}

#myUL li a {
  text-decoration: none;
  font-size: 18px;
  display: block;
}

.insight-page .box-custom .panel-default {
  margin-bottom: 40px !important;
}

.insight-page .box-custom .panel-body.graph-container {
  min-height: 165px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/progress.png) no-repeat right bottom;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
}

.toggle.btn {
  background: none;
  border: 0;
}

.toggle-on.btn {
  padding-right: 0 !important;
  padding-left: 0px;
}

.toggle-group .toggle-handle {
  height: auto;
}

.toggle-group .toggle-on.btn {
  background: #3498db;
  margin-bottom: 0px !important;
}

.toggle-group .toggle-off.btn {
  padding-left: 10px;
  margin-bottom: 0px !important;
  box-shadow: none;
}

#toggleIcon .toggle.btn.off.slow {
  border: 0;
}

.idea-page .toggle-group .btn-default.active {
  color: #fff;
  background-color: #5b758f;
  margin-bottom: 0px !important;
}

.insight-page .tab-content .tab-pane .col-md-4 h4 {
  color: #6d7186;
}

.insight-page #insightChart .panel {
  border: 0;
}

.insight-page #insightChart .panel-body {
  border-left: 1px #e5e5e5 solid;
  border-right: 1px #e5e5e5 solid;
  border-bottom: 1px #e5e5e5 solid;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
}

.insight-page .box-custom .panel-body.graph-container h3.panel-title {
  font-size: 15px;
  font-family: 'Sora', sans-serif;
  font-weight: 400;
}

.edituser-page .addtagclass {
  margin-left: 0px;
}

.edituser-page .col-md-9 h5 {
  line-height: 20px;
}

.user-profile .skills {
  height: 678px;
}

.user-profile .skill-section p span {
  display: inline-block;
  margin-right: 5px;
}

.tellus-left .smallfont,
.sub-form .smallfont {
  font-size: 14px;
  font-weight: 700;
  color: #383838;
}

.top-row .form-group.pull-left {
  width: 220px;
}

.insight-page .table-main .dataTables_length {
  margin-bottom: 10px;
}

.insight-page table#KnowMyTalents {
  width: 100%;
  /* display: block; */
  overflow-x: scroll;
  overflow-y: hidden;
}

/*.insight-page table#KnowMyTalents th {
  white-space: nowrap;
}*/
.insight-page table#KnowMyTalents td {
  font-size: 13px;
  /*word-break: inherit;
  white-space: nowrap;*/
}

.insight-page table#knowMyOrgs {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}

.insight-page table#knowMyOrgs th {
  white-space: nowrap;
}

.insight-page table#knowMyOrgs td {
  font-size: 13px;
  word-break: inherit;
  white-space: nowrap;
}


/* Login Window */

.navbar-login p.name {
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  margin-bottom: 0;
  color: #fff;
}

.navbar-login p.mail {
  text-align: center;
  color: #fff;
  margin-bottom: 5px;
  padding: 0px 5px 0px 5px;
}

.navbar-login-session {
  background: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.navbar-login-session p {
  margin-bottom: 0;
}

.navbar-login-session i.fa {
  min-width: 25px;
  font-size: 15px;
}

.border-bottom-0 {
  border-bottom: 0px !important;
}

/* SignIn Page */

.login-box {
  /* background: #1f92d1; */
  padding: 20px;
  color: #fff;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1), 0 9px 26px 0 rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.login-box h1 {
  color: #fff;
  margin: 0 0 20px 0;
  font-weight: 400;
  font-size: 25px;
}

.login-box label {
  color: #fff;
  font-weight: normal;
}

.login-box .form-control {
  border: 0px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
}

.login-box .link1 {
  color: #fff;
  text-decoration: underline;
  transition: 0.3s ease all;
  font-weight: 300;
  font-size: 12px;
  padding: 10px 0;
}

.login-box .link1:hover {
  color: #fff700;
}

.login-box .signup {
  color: #fff700;
  font-weight: 500;
  transition: 0.3s ease all;
}

.login-box .signup:hover {
  text-decoration: underline;
}

.login-box .btn-login,
.login-box .btn-signup {
  background: none;
  box-shadow: none;
  outline: none;
  color: #fff;
  padding: 7px 20px;
  border: 2px #fff solid;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  position: relative;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
  -o-border-radius: 6px !important;
}

.login-box .btn-login span,
.login-box .btn-signup span {
  position: relative;
  z-index: 2;
}

.login-box .btn-login:hover,
.login-box .btn-signup:hover {
  border-color: #fff;
  color: #fff;
}

.login-box .btn-login::after,
.btn-signup::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  /* background: #0978b5; */
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.login-box .btn-login:hover::after,
.login-box .btn-signup:hover::after {
  width: 100%;
}

.login-box .btn-group-justified .fa {
  color: #fff;
}

.marketing h1 {
  margin: 0 0 20px 0;
  color: #1f92d1;
  text-align: center;
  font-weight: 400;
}

.login-area {
  margin-top: 70px;
}

.login-area .form-actions .btn-group-justified>.btn {
  font-size: 13px;
}

.login-area .marketing a img {
  width: 100%;
  height: 350px;
  object-fit: contain;
}

.login-area .marketing img {
  margin: 0 auto;
}

.login-box hr {
  margin-bottom: 30px;
  border-color: #ffffff;
}

.login-area .signup-img a img {
  height: fit-content;
}

.alert.alert-info.alt {
  box-shadow: none;
  border: 1px #ffffff solid;
  background: none;
  color: #ffffff;
}

.marketing .works {
  padding-left: 50px;
}

.back-btn {
  width: 24px;
  height: 22px;
  border: 0;
  outline: none;
  display: inline-block;
  margin-left: 10px;
  background: url(../img/icons/back-white.png) no-repeat left;
}

.login-box #emailEdit p {
  font-size: 15px;
  display: inline-block;
}

.login-box .btn-group-justified a.btn.btn-primary {
  background-color: #1877f2;
  border-color: #1877f2;
}

.login-box .btn-group-justified a.btn.btn-primary:hover {
  background-color: #0f66d6;
  border-color: #0f66d6;
}

.login-box .btn-group-justified a {
  border: 0;
}

/* Survey Page & Edit Survey Page */


.survey-head {
  font-size: 15px;
  text-align: left;
  padding-bottom: 20px;
  color: #6d7186;
  padding: 10px;
  border: 1px solid #eee;
  background: #f9f9f9;
  margin-bottom: 15px;
}

span.multiselect-native-select .multiselect {
  text-align: left;
}

.multiselect-item.multiselect-filter span.input-group-btn {
  background: #1f92d1;
}

.multiselect-item.multiselect-filter button.multiselect-clear-filter {
  /*background: #1f92d1;*/
  border: 0;
  box-shadow: none;
  outline: none;
  color: #1f92d1;
  margin-left: 0;
  padding: 8px 12px 3px 12px;
}

.multiselect-item.multiselect-filter button.multiselect-clear-filter i.glyphicon {
  font-size: 21px;
}

input[type="checkbox"].css-checkbox+label.css-label {
  font-weight: 300;
}

.optionLabel.css-label,
.optionLabel {
  font-weight: 400;
  margin-right: 5px;
  /*display: grid;*/
}

#connect .poll-questions input[type="radio"] {
  margin: 3px 10px 0px 0px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  float: left;
}

.welcome-dis {
  font-size: 17px;
  text-align: center;
  color: #6d7186;
}

.multiselect-container.dropdown-menu {
  padding-bottom: 20px;
  /* position: inherit; */
}

#section-ideaconfig .multiselect-container.dropdown-menu {
  padding-bottom: 20px;
  position: absolute;
}

#section-idea .note {
  margin-bottom: 0px;
}

.smallfont {
  margin-top: 0px;
}

.tab-management #configidea-form .table>thead>tr>th {
  border-bottom: 0px;
}

.tab-management #configidea-form .table .form-control:focus {
  padding: 9px 12px !important;
}

/* Survey Page Stepper */

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px !important;
}

.stepper .nav-tabs {
  position: relative;
}

.stepper .nav-tabs>li {
  position: relative;
}

.stepper .nav-tabs>li:after {
  content: "";
  position: absolute;
  background: #e4e4e5;
  display: block;
  width: 100%;
  height: 5px;
  top: 35px;
  left: 50%;
  z-index: 1;
}

.stepper .nav-tabs>li.completed::after {
  background: #1f92d1;
}

.stepper .nav-tabs>li:last-child::after {
  background: transparent;
}

.stepper .nav-tabs>li.active:last-child .round-tab {
  background: #1f92d1;
}

.stepper .nav-tabs>li.active:last-child .round-tab::after {
  content: "✔";
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  display: block;
}

.stepper .nav-tabs [data-toggle="tab"] {
  width: 35px;
  height: 35px;
  margin: 20px auto;
  border-radius: 100%;
  border: none;
  padding: 0;
  color: #e4e4e5;
}

.stepper .nav-tabs [data-toggle="tab"]:hover {
  background: transparent;
  border: none;
}

.stepper .nav-tabs>.active>[data-toggle="tab"],
.stepper .nav-tabs>.active>[data-toggle="tab"]:hover,
.stepper .nav-tabs>.active>[data-toggle="tab"]:focus {
  color: #1f92d1;
  cursor: default;
  border: none;
}

.stepper .tab-pane {
  position: relative;
  padding-top: 50px;
}

.stepper .round-tab {
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #1f92d1;
  color: #1f92d1;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 14px;
  transition: 0.4s ease all;
}

.stepper .completed .round-tab {
  background: #10b981;
  border: 2px solid #10b981;
}

.stepper .completed .round-tab::after {
  content: "✔";
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  display: block;
}

.stepper .active .round-tab {
  background: #fff;
  border: 2px solid #1f92d1;
}

.stepper .active .round-tab:hover {
  background: #fff;
  border: 2px solid #1f92d1;
}

.stepper .active .round-tab::after {
  display: none;
}

.stepper .disabled .round-tab {
  background: #fff;
  color: #e4e4e5;
  border-color: #e4e4e5;
}

.stepper .disabled .round-tab:hover {
  color: #1f92d1;
  border: 2px solid #a2d2ec;
}

.stepper .disabled .round-tab::after {
  display: none;
}

/*.stepper .round-tab .tab-title {
  line-height: initial;
  margin-top: 8px;
  width: 165px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translate(-40%, 210%);
}*/

/* Website Display None */

.overview-mobile {
  display: none;
  background: #1f92d1;
  padding: 10px 35px;
  margin-bottom: 20px;
}

.overview-mobile h1 {
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
}

.mobile-profile {
  display: none !important;
}

/* Go to Top */

.back-to-top {
  background: #1f92d1 url(../img/icons/arrow_top.png) no-repeat center 50%;
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 80px;
  right: 52px;
  display: none;
  opacity: 0.6;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  z-index: 999;
}

.back-to-top:hover {
  opacity: 1;
  transition: 1s;
}

/* Wall of Fame */

.homesectionpos .walloffame {
  padding-bottom: 15px;
  margin-top: 10px;
}

.outerdiv {
  position: relative;
}

.outerdiv .bgwallimage {
  width: 100%;
  height: 420px;
}

.photoframe {
  position: absolute;
  width: 120px;
  text-align: center;
}

#photoframe1 {
  top: 8%;
  left: 12%;
}

#photoframe2 {
  top: 8%;
  left: 42%;
}

#photoframe3 {
  top: 8%;
  left: 72%;
}

#photoframe4 {
  top: 44%;
  left: 12%;
}

#photoframe5 {
  top: 44%;
  left: 42%;
}

#photoframe6 {
  top: 44%;
  left: 72%;
}

.frameline1,
.frameline2,
.frameline3,
.frameline4,
.frameline5,
.frameline6 {
  border-right: 1px solid #9c9c9c;
  position: absolute;
  height: 70%;
  top: 0;
}

.frameline1 {
  left: 15.5%;
}

.frameline2 {
  left: 25.3%;
}

.frameline3 {
  left: 45.6%;
}

.frameline4 {
  left: 55.3%;
}

.frameline5 {
  left: 75.6%;
}

.frameline6 {
  left: 85.3%;
}

.showmore {
  bottom: -32px;
  position: absolute;
  right: 0;
}

.personText {
  font-weight: bold;
  font-size: 11px;
  color: #6d6d6d;
}

.personimage {
  width: 78px;
  margin-top: -185px;
}

.frame {
  background-color: #ddc;
  border: solid 5px #eee;
  border-radius: 2px;
  border-bottom-color: #fff;
  border-left-color: #eee;
  border-right-color: #eee;
  border-top-color: #ddd;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset,
    0 5px 10px 5px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  display: inline-block;
  margin: 10px;
  width: 100px;
  padding: 10px;
  position: relative;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.frame:before {
  border-radius: 2px;
  bottom: -2vmin;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) inset;
  content: "";
  left: -2vmin;
  position: absolute;
  right: -2vmin;
  top: -2vmin;
}

.frame:after {
  border-radius: 2px;
  bottom: -2.5vmin;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  content: "";
  left: -2.5vmin;
  position: absolute;
  right: -2.5vmin;
  top: -2.5vmin;
}

.frame:hover {
  transform: scale(1.1);
}

/* Wall of Fame Detail Banner */

.heading1 {
  background: #1f92d1;
  width: 330px;
  margin-bottom: 15px;
  line-height: 70px;
}

.heading2 {
  background: rgba(0, 0, 0, 0.8);
  width: 330px;
}

.heading3 {
  display: inline-block;
  width: 5px;
  background: #1f92d1;
  line-height: 50px;
  margin-right: 10px;
}

.heading1 span {
  color: #ffffff;
  font-size: 48px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  vertical-align: middle;
  margin-left: 15px;
}

.heading2 span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
  vertical-align: middle;
}

#fixed-top {
  width: 100%;
  display: table;
  top: 0;
  left: 0;
  z-index: 1;
  height: 250px;
}

#fixed-top .table-row {
  display: table-row;
}

#fixed-top .table-row.hero div {
  vertical-align: middle;
}

#fixed-top .filler {
  height: 100%;
}

#fixed-top>.table-row>* {
  display: table-cell;
  vertical-align: bottom;
}

.moving-background {
  position: relative;
  overflow: hidden;
  z-index: 0;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.moving-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  top: -110px;
}

.hero-bg,
.hero-bg .parallax-bg {
  background-position: 60% center;
  background-size: cover;
  background-repeat: no-repeat;
}

#hero.video-loaded>.novideo-bg {
  display: none;
}

.hero-video-still .novideo-bg {
  background-image: url("/static/img/walloffame/wallnovideoimage.jpg");
}

.novideo-bg {
  display: none;
  background-position: center top;
  background-size: cover;
  position: absolute;
  top: 0;
  top: -280px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.9;
}

.topvideobannerwall {
  margin-top: 83px;
}

/* Wall of Fame Detail */

#walloffametiles {
  list-style-type: none;
  position: relative;
  margin: 0;
  padding: 0;
}

#walloffametiles .ideaname {
  text-align: center;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


#walloffametiles li {
  width: 220px;
  height: 220px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
  border-radius: 15px;
  display: none;
  cursor: pointer;
  padding: 1rem;
  /*background: url('/static/img/walloffame/wall.png') repeat-y scroll center;*/
}

#walloffametiles li:hover {
  background: #fff;
  border: 1px solid #aebfd7;
}

#walloffametiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#walloffametiles li img {
  display: block;
}

#walloffametiles li .ownerimage {
  float: left;
  margin-right: 10px;
}

#walloffametiles li .ownerdetails {
  width: 300px;
}

#walloffametiles li img {
  width: 100px;
  height: auto;
  margin: 0 auto;
  margin-top: 20px;
}

#walloffametiles li p {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
  margin: 10px 0 10px 0;
}

#walloffame .ideapagemargin {
  margin-top: 45px;
}

#walltitle {
  padding-left: 100px;
}

.wall-box {
  padding: 40px 0;
}

@media screen and (max-width: 640px) {
  #walltitle {
    padding-left: 20px;
  }
}

/* Mentor */

.outerteamdiv {
  height: auto;
  padding: 10px;
}

.mentorlist,
.judgelist {
  width: calc(100% / 3 - 30px);
  display: inline-block;
  margin: 15px !important;
  padding: 0 !important;
}

.mentorlist:nth-child(3),
.judgelist:nth-child(3) {
  clear: both;
  margin-right: 0 !important;
}

.mentorlist:nth-child(4),
.judgelist:nth-child(4) {
  clear: none;
}

.mentorlist:nth-child(6),
.judgelist:nth-child(6) {
  margin-right: 0px !important;
}

.team-member {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  margin: 0 auto;
  border: 5px solid #ebebeb;
  margin-top: 15px;
  background-size: cover;
  margin-bottom: 15px;
}

@media (max-width: 600px) {

  /*.outerteamdiv {
    height: 410px;
  }*/
  .mentorlist,
  .judgelist {
    width: calc(100% / 1 - 0px) !important;
  }

  .mentorlist:nth-child(4),
  .judgelist:nth-child(4) {
    clear: both;
  }

  .mentorlist:nth-child(3),
  .judgelist:nth-child(3) {
    clear: none;
  }
}

.mentorlist h4,
.judgelist h4 {
  color: #5f94c3;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
  width: 125px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.mentorlist p.text-muted,
.judgelist p.text-muted {
  color: #939393;
  font-size: 14px;
}

.show-more,
.show-more:focus,
.show-more:active {
  color: #fff;
  background: #1f92d1;
  padding: 5px 10px;
  display: block;
  font-size: 13px;
  transition: 0.3s ease all;
  display: inline-block;
}

.show-more:hover {
  background: #1a7fb7;
  color: #fff;
}

.signup {
  font-weight: 600;
  transition: 0.3s ease all;
}

.signup:hover {
  color: #fff940;
}

/* Add Project - Project Management */

.add-project input.button4,
.add-project-1 input.button4 {
  margin: 0 0 0 20px;
  font-size: 14px;
}

.add-project table td,
.add-project-1 table td {
  color: #6d7186;
  font-size: 14px;
}

.add-project table td a,
.add-project-1 table td a {
  color: #1f92d1;
  font-weight: 600;
  outline: none;
  text-decoration: none;
  transition: 0.3s ease all;
}

.add-project table td a:hover,
.add-project-1 table td a:hover {
  color: #e2b35c;
}

.add-project-1 .table th {
  color: #1f92d1 !important;
  font-size: 15px;
  font-weight: 700;
  border-bottom: 0;
}

.add-project .table-bordered,
.add-project-1 .table-bordered {
  margin-bottom: 20px !important;
}

.add-project div.dataTables_wrapper div.dataTables_filter label,
.add-project-1 div.dataTables_wrapper div.dataTables_filter label {
  color: #6d7186;
}

.add-project div.dataTables_wrapper div.dataTables_filter,
.add-project .dataTables_length,
.add-project-1 div.dataTables_wrapper div.dataTables_filter,
.add-project-1 .dataTables_length {
  margin-bottom: 10px;
}

.add-project .bs-example .dataTables_wrapper,
.add-project-1 .bs-example .dataTables_wrapper {
  padding: 0px;
}

.add-project .modal-content.popup table.list-name,
.add-project-1 .modal-content.popup table.list-name {
  border: 0px;
}

/* .add-project table .fa.fa-pencil-square-o, .add-project table .fa.fa-upload, .add-project table .fa.fa-eye,
.add-project-1 table .fa.fa-pencil-square-o, .add-project-1 table .fa.fa-upload, .add-project-1 table .fa.fa-eye {
  font-size: 19px;
  color: #fdac41;
} */

.add-project .postboard .bootstrap-tagsinput .tag.label,
.add-project-1 .postboard .bootstrap-tagsinput .tag.label {
  margin-left: -6px;
}

.add-project [data-tooltip]:before,
.add-project-1 [data-tooltip]:before {
  font-weight: 100;
  font-size: 13px;
}

.select-dropdown {
  position: absolute;
  top: 0;
  right: 16px;
  width: 180px;
  padding: 5px 35px 5px 5px;
  border-color: #1f92d1;
  color: #6d7186;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  border-radius: 4px;
}

.add-project .table>tbody>tr>td,
.add-project-1 .table>tbody>tr>td {
  text-align: left;
}

.add-project table td .fa-hand-o-right,
.add-project-1 table td .fa-hand-o-right {
  margin-right: 8px;
  color: #9194a0;
}

.add-project table td .fa-clone,
.add-project-1 table td .fa-clone {
  margin-left: 8px;
  color: #9194a0;
  float: right;
  opacity: 0;
  margin: 5px 0 0 10px;
  cursor: pointer;
  font-size: 14px;
  transform: translate(-8px, 0px);
  -webkit-transform: translate(-8px, 0px);
  -moz-transform: translate(-8px, 0px);
  -ms-transform: translate(-8px, 0px);
  -o-transform: translate(-8px, 0px);
}

.add-project table td div,
.add-project-1 table td div {
  display: inline-block;
}

.add-project table td div:hover i.fa,
.add-project-1 table td div:hover i.fa {
  opacity: 1;
  transform: translate(0px, 0px);
  transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
}

.add-project .bs-example table.dataTable td.center.sorting_1 i.fa-pencil-square-o,
.add-project-1 .bs-example table.dataTable td.center.sorting_1 i.fa-pencil-square-o {
  font-size: 24px;
  vertical-align: 0;
  top: -2px;
  position: relative;
  margin-right: 9px;
}

.add-project .table-bordered th.center.sorting_asc::after,
.add-project-1 .table-bordered th.center.sorting_asc::after {
  display: none;
}

.add-project .main-heading .right-controls,
.add-project-1 .main-heading .right-controls {
  text-align: right;
  position: relative;
}

.add-project .main-heading .right-controls i,
.add-project-1 .main-heading .right-controls i {
  margin-right: 5px;
  top: 1px;
  position: relative;
}

/* .add-project .main-heading .right-controls i[title="Dashboard view"],
.add-project .main-heading .right-controls i[title="Table view"] {
  /* display: none; 
}

*/
/* .add-project .main-heading .right-controls i:nth-child(3) {
  display: none;
} */

.add-project .main-heading .right-controls i:last-child,
.add-project-1 .main-heading .right-controls i:last-child {
  margin-right: 0;
}

.add-project .main-heading .right-controls i svg,
.add-project-1 .main-heading .right-controls i svg {
  /* fill: #fdac41; */
  cursor: pointer;
}

.add-project .main-heading .right-controls .manage .anchorTag,
.add-project-1 .main-heading .right-controls .manage .anchorTag {
  font-size: 15px;
  color: #1f92d1 !important;
  font-weight: 400;
}

.add-project .main-heading .right-controls .manage input.anchorTag,
.add-project-1 .main-heading .right-controls .manage input.anchorTag {
  position: relative;
  right: 1px;
  top: -7px;
}

.add-project .main-heading .right-controls .manage span.glyphicon-cog,
.add-project-1 .main-heading .right-controls .manage span.glyphicon-cog {
  font-size: 21px;
  color: #1f92d1;
  margin-right: 5px;
}

.add-project .main-heading .right-controls .dropdown.manage .dropdown-menu,
.add-project-1 .main-heading .right-controls .dropdown.manage .dropdown-menu {
  border-radius: 0;
  border-color: #e2e2e2;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.115);
  padding: 10px;
}

.add-project .main-heading .right-controls .dropdown.manage .dropdown-menu .scroll-menu,
.add-project-1 .main-heading .right-controls .dropdown.manage .dropdown-menu .scroll-menu {
  margin-bottom: 0px;
}

.add-project .main-heading .right-controls .dropdown.manage .dropdown-menu .scroll-menu li label,
.add-project-1 .main-heading .right-controls .dropdown.manage .dropdown-menu .scroll-menu li label {
  color: #6d7186;
}

.add-project .main-heading .right-controls .dropdown.open .dropdown-menu,
.add-project-1 .main-heading .right-controls .dropdown.open .dropdown-menu {
  transform: translateY(18px);
}

.add-project .main-heading .list-column,
.add-project-1 .main-heading .list-column {
  margin: 0 15px;
  top: -1px;
  position: relative;
}

.add-project .main-heading .list-column svg,
.add-project-1 .main-heading .list-column svg {
  fill: #1f92d1;
  top: 2px;
  position: relative;
  margin-right: 3px;
}

.add-project .main-heading .list-column span,
.add-project-1 .main-heading .list-column span {
  font-size: 17px;
  color: #1f92d1;
  cursor: pointer;
  top: -6px;
  position: relative;
}

.add-project .main-heading .right-controls .manage-view,
.add-project-1 .main-heading .right-controls .manage-view {
  top: -4px;
  display: none;
}

.add-project .modal-content.popup .postboard .has-success .control-label,
.add-project-1 .modal-content.popup .postboard .has-success .control-label {
  color: #383838;
}

.add-project .bs-example div.dataTables_wrapper div.dataTables_paginate,
.add-project-1 .bs-example div.dataTables_wrapper div.dataTables_paginate {
  margin-bottom: 30px;
}

/* .add-project .bs-example table.dataTable td.center i.fa-pencil-square-o, .add-project .bs-example table.dataTable td.center i.fa-eye, .add-project .bs-example table.dataTable td.center i.fa-upload,
.add-project-1 .bs-example table.dataTable td.center i.fa-pencil-square-o, .add-project-1 .bs-example table.dataTable td.center i.fa-eye, .add-project-1 .bs-example table.dataTable td.center i.fa-upload {
  font-size: 24px;
  vertical-align: 0;
  top: -2px;
  position: relative;
  margin-right: 9px;
} */

.add-project .bs-example div.dataTables_scrollHead table.dataTable,
.add-project-1 .bs-example div.dataTables_scrollHead table.dataTable {
  margin-top: 0px !important;
}

.add-project .bs-example .dataTable .action-btn i,
.add-project-1 .bs-example .dataTable .action-btn i {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: inherit;
  cursor: pointer;
}

.add-project .bs-example .dataTable .action-btn i[title="Custom Field"],
.add-project .bs-example .dataTable .action-btn i:nth-child(3),
.add-project-1 .bs-example .dataTable .action-btn i[title="Custom Field"],
.add-project-1 .bs-example .dataTable .action-btn i:nth-child(3) {
  display: none;
}

.add-project .bs-example .dataTable .action-btn i svg:hover,
.add-project-1 .bs-example .dataTable .action-btn i svg:hover {
  fill: #fdac41;
}

.add-project-1 .bs-example table tbody tr {
  border: none !important;
}

.add-project-1 .bs-example table tbody tr:hover {
  background: #eee !important;
}

.add-project-1 .bs-example table tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.myproject .dataTables_scroll div.dataTables_scrollHead table.table-bordered th.center.sorting_disabled {
  min-width: 193px !important;
}

.myproject .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr:first-child>td {
  min-width: 193px !important;
}

.myproject .dataTables_scrollBody table td.center.sorting_1 {
  text-align: center;
}

.add-project .wholeheader h1,
.add-project-1 .wholeheader h1 {
  margin: 0 0 0 0;
  font-size: 22px;
  font-weight: 400;
}

.add-project #whiteboardListIdTable_wrapper,
.add-project-1 #whiteboardListIdTable_wrapper {
  overflow-x: auto;
}

/* Project Kanban - Create Task Popup */

.project-kanban .modal-content .right-content {
  /* border: 1px #ddd solid; */
  padding: 20px;
}

.project-kanban .modal-content .right-content .avatar:hover,
.project-kanban .modal-content #commentsSection .avatar:hover {
  transform: inherit;
}

.project-kanban .bootstrap-datetimepicker-widget table td.day {
  font-size: 14px;
}

.project-kanban #fileUploaderMenu .dz-clickable {
  background: #78c350;
  border-color: #78c350;
  transition: 0.3s ease all;
}

.project-kanban #fileUploaderMenu .dz-clickable:hover {
  background: #66af3f;
  border-color: #66af3f;
}

.project-kanban #fileUploaderMenu .start {
  background: #337ab7;
  border-color: #337ab7;
  transition: 0.3s ease all;
}

.project-kanban #fileUploaderMenu .start:hover {
  background: #2369a5;
  border-color: #2369a5;
}

.project-kanban .needsclick {
  text-align: center;
}

.project-kanban .needsclick span {
  color: #78c350;
}

.project-kanban .dz-clickable i.fa,
.project-kanban .start i.fa,
.project-kanban .cancel i.fa,
.project-kanban .delete i.glyphicon {
  margin-right: 5px;
}

.upload-part {
  width: auto;
  text-align: center;
}

.project-kanban .bootstrap-tagsinput .tag.label {
  left: -6px;
  position: relative;
  width: max-content;
  max-width: 260px;
  display: block;
  top: -5px;
  padding: 7px 20px 7px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*padding: 7px 5px;
    display: inline-flex;
    overflow-x: scroll;
    overflow-y: hidden;*/
}

.project-kanban .dz-image-preview img {
  width: 80px;
}

.project-kanban .dz-image-preview strong {
  font-weight: normal;
}

.project-kanban .dz-image-preview .start,
.project-kanban .dz-image-preview .cancel,
.project-kanban .dz-image-preview .delete {
  background: none;
  border: 0;
  box-shadow: none;
  outline: none;
  font-weight: 600;
  transition: 0.3s ease all;
}

.project-kanban .dz-image-preview .start {
  color: #78c350;
}

.project-kanban .dz-image-preview .cancel {
  color: #da4810;
}

.project-kanban .dz-image-preview .delete {
  color: #e00f0f;
}

.project-kanban .dz-image-preview .start:hover {
  color: #66af3f;
}

.project-kanban .dz-image-preview .cancel:hover {
  color: #c1400f;
}

.project-kanban .dz-image-preview .delete:hover {
  color: #ff0000;
}

.project-kanban .dz-message i.fa-cloud-upload {
  display: block;
  font-size: 40px;
  color: #78c350;
}

.project-kanban .right-content .cursorPointer:last-child hr {
  border: none;
  margin: 0;
}

.project-kanban .modal-content .right-content select {
  height: 32px !important;
  padding: 0px 12px !important;
}

.project-kanban .modal-content .bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 0px;
  cursor: pointer;
  position: absolute;
  right: 3px;
}

.project-kanban .modal-content.popup .right-content .has-success .control-label {
  color: #383838;
}

.project-kanban .comment-box .tagify--mix.iscommandtxtarea {
  border-radius: 4px;
  min-height: 50px;
  height: auto;
  font-family: 'Sora', sans-serif;
}

/* .project-kanban .modal-content.popup .right-content #startDateViewValue {
    display: none;
} */

/* Project Kanban - Card View Popup */

.avatar {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  border: 4px solid #f8f9fa;
  background: #f8f9fa;
  color: #fff;
  text-align: center;
  z-index: 4;
  transition: transform 0.1s ease-out 0s;
}

.avatar:hover {
  z-index: 8;
  transform: scale(1.1);
}

.avatar p {
  line-height: 43px;
}

.avatar-title {
  padding-top: 14px;
  margin-left: 60px;
  color: #6d7186;
}

.issue-icon {
  float: left;
  margin: 0 10px 0 4px;
}

#IssueTypeImage img {
  width: 35px;
  height: 35px;
}

.issue-icon .fa {
  font-size: 42px;
}

.issue-icon .fa-bandcamp {
  color: #3f62eb;
}

.issue-icon .fa-telegram {
  color: #0db4de;
}

.bug-icon,
.task-icon,
.story-icon,
.epic-icon {
  width: 35px;
  height: 35px;
  display: block;
}

.low-priority,
.medium-priority,
.high-priority {
  width: 35px;
  height: 35px;
  display: block;
}

.bug-icon {
  background: url(../img/icons/bug.png) no-repeat left;
}

.task-icon {
  background: url(../img/icons/task.png) no-repeat left;
}

.story-icon {
  background: url(../img/icons/story.png) no-repeat left;
}

.epic-icon {
  background: url(../img/icons/epic.png) no-repeat left;
}

.low-priority {
  background: url(../img/icons/low-priority.png) no-repeat left;
}

.medium-priority {
  background: url(../img/icons/medium-priority.png) no-repeat left;
}

.high-priority {
  background: url(../img/icons/high-priority.png) no-repeat left;
}

.issue-name {
  float: left;
  padding-top: 10px;
  color: #6d7186;
}

#originalEstimatesViewValue p,
#progressViewValue p,
#actualEffortsViewValue p,
#dueDateViewValue p,
#actualCompletionDateViewValue p,
#DescriptionValue p,
#TeamMembersView p {
  color: #6d7186;
}

.attachmentsitem {
  width: 25%;
  float: left;
  display: block;
  position: relative;
  margin: 0 0 1.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.bottom-left {
  position: absolute;
  bottom: 0px;
  word-break: break-all;
  left: 0px;
  width: 150px;
  height: 35px;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}

.bottom-left .fa {
  margin-left: 8px;
  cursor: pointer;
  align-self: flex-end;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

h3#SummaryHeader {
  margin: 0 0 20px 0;
  color: #6b6e7b;
  font-size: 18px;
}

.pri-icon {
  float: left;
  margin: 0 13px 0 4px;
}

.pri-content {
  float: left;
  padding-top: 9px;
  color: #6d7186;
}

.project-kanban .right-content .form-group.cursorPointer:first-child {
  margin-bottom: 15px;
}

.project-kanban .modal-content.popup ul#taskList .issue-type>span {
  margin-left: 10px;
}

/* Project Kanban */

#headerMain {
  width: 100%;
  /*height: 40px;
    overflow-x:hidden;
    overflow-y:hidden;*/
  position: sticky;
  z-index: 2;
  top: 0;
}

.kanban-head2 {
  margin: 0;
  border: 0;
  font-size: 23px;
  margin-top: 8px;
}

.kanban-head2 span {
  margin-right: 10px;
}

.top-part {
  list-style-type: none;
  margin: 0 20px 30px 20px;
  overflow: hidden;
}

.search-part {
  width: 15%;
}

.board {
  position: relative;
  width: 100% !important;
}

.board-column {
  position: absolute;
  width: 13.4%;
  margin-right: 1%;
  background: #dce3ea;
  border-radius: 3px;
  z-index: 1;
}

.board-column.muuri-item-releasing {
  z-index: 2;
}

.board-column.muuri-item-dragging {
  z-index: 3;
  cursor: move;
}

.board-column-header {
  position: relative;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
  background: #333;
  color: #fff;
  border-radius: 3px 3px 0 0;
}

.board-column-content-wrapper {
  position: relative;
  /* max-height: 310px;
    min-height: 310px; */
  overflow-y: auto;
  max-height: calc(100vh - 300px);
}

.board-column.todo .board-column-header {
  background: #4a9ff9;
}

.board-column.working .board-column-header {
  background: #f9944a;
}

.board-column.done .board-column-header {
  background: #2ac06d;
}

.board-column-content {
  position: relative;
  border: 10px solid transparent;
  /* height: auto; */
  min-height: calc(100vh - 300px);
  /* max-height: calc(100vh - 300px); */
  overflow-x: hidden;
  overflow-y: hidden;
}

.board-item {
  position: absolute;
  width: 100%;
  margin: 5px 0;
  /* height:35% !important; */
}

.board-item.muuri-item-releasing {
  z-index: 9998;
}

.board-item.muuri-item-dragging {
  z-index: 9999;
  cursor: move;
}

.board-item.muuri-item-hidden {
  z-index: 0;
}

.board-item-content {
  width: auto;
  background: #fff;
  color: #6d7186;
  padding: 0 20px;
  white-space: normal;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: -4px 4px 6px 0 rgba(55, 70, 95, 0.12);
  position: relative;
}

.board-item-content::before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.board-item-content.green::before {
  background: #74e756;
}

.board-item-content.red::before {
  background: #ed5929;
}

.board-item-content.orange::before {
  background: #fb9840;
}

@media (max-width: 600px) {
  .board-item-content span {
    display: none;
  }

  .board-column-header {
    text-indent: -1000px;
  }


}

.project-kanban .panel-body:hover::after {
  opacity: 0;
}

.top-list {
  padding: 20px 0 10px 0px;
  margin: 0 20px 0 20px !important;
}

.top-list #adv-search {
  float: right;
  height: 35px !important;
  margin-left: 14px;
}

.top-list #adv-search .input-group-btn {
  width: auto;
}

.top-list #adv-search button {
  height: 31px;
  margin-top: 4px;
  transition: 0.3s ease all;
  cursor: pointer;
}

.top-list #adv-search input {
  height: 31px !important;
  margin-top: 4px;
  width: 76% !important;
}

.top-list ul.avatars li {
  margin-top: -3px;
}

.top-list ul.button-area .project-view {
  margin-left: 10px;
}

.clear-btn {
  border: none !important;
  background: #ff5b5c !important;
  color: #fff !important;
  outline: none;
  margin-left: 10px;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  transition: all 0.2s linear 0s;
}

.clear-btn:hover,
.clear-btn:focus {
  box-shadow: 0 4px 12px 0 rgba(84, 171, 183, 0.6);
  background: #20b8cc;
  color: #fff !important;
}

ul.avatars li .avatar {
  line-height: 42px;
}

ul.avatars button span.fa {
  margin-right: 5px;
}

.bug-small,
.task-small,
.story-small,
.epic-small,
.cardType-small {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  background-repeat: no-repeat !important;
}

.bug-small {
  background: url(../img/icons/bug-small.png) no-repeat left;
}

.task-small {
  background: url(../img/icons/task-small.png) no-repeat left;
}

.story-small {
  background: url(../img/icons/story-small.png) no-repeat left;
}

.epic-small {
  background: url(../img/icons/epic-small.png) no-repeat left;
}

.bug-small-white {
  background: url(../img/icons/bug-small-white.png) no-repeat left !important;
}

.task-small-white {
  background: url(../img/icons/task-small-white.png) no-repeat left !important;
}

.story-small-white {
  background: url(../img/icons/story-small-white.png) no-repeat left !important;
}

.epic-small-white {
  background: url(../img/icons/epic-small-white.png) no-repeat left !important;
}

.low-priority-small,
.medium-priority-small,
.high-priority-small {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  cursor: help;
}

.low-priority-small {
  background: url(../img/icons/low-priority-small.png) no-repeat left;
}

.medium-priority-small {
  background: url(../img/icons/medium-priority-small.png) no-repeat left;
}

.high-priority-small {
  background: url(../img/icons/high-priority-small.png) no-repeat left;
}

.cardNumber strong {
  font-weight: 100;
  color: #1f92d1;
  font-size: 12px;
}

.headerClass {
  float: left;
  width: 100%;
  height: 36px;
  background: #4d6d96;
  color: #fff;
  margin-right: 1%;
  text-align: center;
  padding: 8px;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 5px;
  margin-bottom: 5px;
}

.p2pmain-headerclass {
  float: left;
  width: 100%;
  height: 50px;
  background: #1f92d1 !important;
  color: #fff;
  text-align: center;
  padding: 15px;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 5px;
  margin-bottom: 5px;
}

.p2pheaderclass {
  float: left;
  width: 100%;
  height: 36px;
  color: #999;
  font-weight: 400;
  margin-right: 1%;
  text-align: center;
  padding: 8px;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 5px;
  margin-bottom: 5px;
}

.cardclass {
  width: 100% !important;
  max-height: 350px;
  overflow: auto;
  margin: 1rem 0px;
  border-radius: 5px !important;

}

.headerClass strong {
  font-weight: 100;
}

.headerClass .btn-group {
  width: 24px;
  height: 24px;
  float: right;
  margin: -1px 0 0 0;
  outline: 0;
  cursor: pointer;
  transition: 0.3s ease all;
}

.headerClass .btn-group:hover {
  background: #42638e;
}

.headerClass .dropdown-menu {
  left: -128px;
  border-radius: 0;
  top: 27px;
  border: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.5s ease all;
}

.headerClass .btn-group.open .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  transition: 0.4s ease all;
}

.headerClass .dropdown-menu a {
  color: #6d7186;
  padding: 3px 20px;
  transition: 0.3s ease all;
}

.headerClass .dropdown-menu a:hover {
  color: #1f92d1;
}

.headerClass .dropdown-menu a .fa {
  margin-right: 8px;
}

/* .headerClass .dropdown-menu li {
  border-bottom: 1px #ddd solid;
  padding: 3px 12px;
}

.headerClass .dropdown-menu li:last-child {
  border-bottom: 0;
} */

.headerClass .btn-group .dropdown-toggle {
  box-shadow: none !important;
}

.project-kanban .accordion .panel-heading {
  cursor: pointer;
  color: #6d7186;
  padding: 8px 8px 8px 0px;
  border-bottom: 1px #ddd solid;
}

.project-kanban .accordion .panel-heading .fa {
  font-size: 21px;
  margin: -3px 10px 0 0;
  color: #4d6d96;
}

.project-kanban .accordion .panel {
  border: 0px;
  box-shadow: none;
  overflow-y: hidden;
}

.project-kanban .accordion #highPanel .panel-heading {
  background: #f7f7f7;
}

.project-kanban .accordion #mediumPanel .panel-heading {
  background: #f7f7f7;
}

.project-kanban .accordion #lowPanel .panel-heading {
  background: #f7f7f7;
}

.project-kanban .accordion .panel-heading h3 {
  font-weight: 600;
  font-size: 15px;
  color: #4d6d96;
}

.project-kanban .modal-dialog {
  margin: 50px auto;
}

.project-kanban .dots-icon {
  width: 24px;
  height: 24px;
  display: block;
  background: url(../img/icons/dots-icon.png) no-repeat left;
  transition: 0.3s ease all;
  -webkit-animation: blink 2s infinite;
  -moz-animation: blink 2s infinite;
  -o-animation: blink 2s infinite;
  animation: blink 2s infinite;
}

.project-kanban .dots-icon:hover {
  background: url(../img/icons/dots-icon-hover.png) no-repeat left;
}

@keyframes blink {
  0% {
    transform: scale(1);
    opacity: 0.1;
  }

  50% {
    transform: scale (1, 5);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 0.1;
  }
}

.blink-2 {
  -webkit-animation: blink 3s infinite;
  -moz-animation: blink 3s infinite;
  -o-animation: blink 3s infinite;
  animation: blink 3s infinite;
}

.project-kanban .dots-icon-white {
  width: 24px;
  height: 24px;
  display: block;
  cursor: pointer;
  transition: 0.3s ease all;
}

.project-kanban .modal-header h4.modal-title,
.project-kanban .modal-header h4.modal-title a {
  cursor: pointer;
  color: black;
}

.project-kanban .modal-header h4.modal-title div:hover i.fa {
  opacity: 1;
  transform: translate(0px, 0px);
  transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
}

.project-kanban .modal-header i.fa {
  float: right;
  opacity: 0;
  margin: 7px 0 0 10px;
  color: black;
  /*float: left;
    opacity: 1;
    margin: 7px 0 0 20px;*/
  cursor: pointer;
  font-size: 14px;
  transform: translate(-8px, 0px);
}

.project-kanban .modal-content .avatar-title {
  position: relative;
}

.project-kanban .modal-content .avatar-title .edit-comment {
  position: absolute;
  top: 7px;
  right: 0;
  cursor: pointer;
  color: #fdac41;
  font-size: 19px;
}

.project-kanban .modal-content .avatar,
.project-kanban .modal-content .avatarbackgroundTask {
  border-color: #e0e0e0;
}

.project-kanban .modal-content #commentsSection label.control-label.submission {
  border-bottom: 1px #ddd solid;
  display: block;
  padding-bottom: 10px;
}

.project-kanban .modal-header h4.modal-title div {
  display: inline-block;
}

.project-kanban .modal-header h4.modal-title div .bug-small,
.project-kanban .modal-header h4.modal-title div .task-small,
.project-kanban .modal-header h4.modal-title div .story-small,
.project-kanban .modal-header h4.modal-title div .epic-small {
  margin: 5px 8px 0 0;
}

.project-kanban .modal-body ul.nav-tabs {
  border: 0px;
}

.project-kanban .modal-body ul.nav-tabs li a {
  padding: 2px 7px;
  border: 0;
  color: #505f79;
  margin-right: 8px;
  margin-top: 1px;
  transition: background 0.1s ease-out 0s,
    box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
  background: rgb(244, 245, 247);
}

.project-kanban .modal-body ul.nav-tabs li.active>a,
.project-kanban .modal-body ul.nav-tabs li.active>a:focus,
.project-kanban .modal-body ul.nav-tabs li.active>a:hover {
  background: #505f79;
  border: none;
  border-radius: 3px;
  color: #fff;
}

.project-kanban .modal-content #commentdatalist li {
  margin-bottom: 20px;
  margin-left: 20px;
}

.project-kanban .modal-content #historyList li {
  margin-bottom: 20px;
  margin-left: 20px;
  display: inline-block;
  width: 100%;
}

.project-kanban .modal-content #historyList .avatar-title {
  float: left;
  margin-left: 20px;
  padding-top: 6px;
  width: 85%;
}

.project-kanban .modal-content #historyList .historyAvatar-title {
  float: left;
  margin-left: 10px;
  padding-top: 6px;
}

.project-kanban .modal-content #commentdatalist .avatar-title {
  padding-top: 6px;
  margin-left: 55px;
  height: auto;
}

.project-kanban .modal-content select {
  background: url(../img/icons/select-down-2.jpg) no-repeat right;
}

.comment-box {
  margin-top: 20px;
}

.comment-box .avatar p {
  line-height: 27px;
}

/* .project-kanban .modal-content #historyList #history-details span:last-child {
    background: #dfe1e6;
    color: #42526e;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 11px;
    padding: 2px 4px 3px 4px;
    line-height: 1;
    vertical-align: baseline;
    font-weight: 700;
    text-transform: uppercase;
} */
.project-kanban .modal-content #historyList #history-details .blackSpan {
  background: #dfe1e6;
  color: #42526e;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 11px;
  padding: 2px 4px 3px 4px;
  line-height: 1;
  vertical-align: baseline;
  font-weight: 700;
  text-transform: uppercase;
}

.project-kanban .modal-content #historyList #history-details .lightSpan {
  color: rgb(137, 147, 164);
  box-sizing: border-box;
  font-size: 11px;
  padding: 2px 4px 3px 4px;
  line-height: 1;
  vertical-align: baseline;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 0;
}

.project-kanban .modal-content .right-content .avatar,
.project-kanban .modal-content #ActivitiesSection .avatar {
  width: 35px;
  height: 35px;
}

.project-kanban .modal-content .right-content .avatar p {
  line-height: 27px;
}

.project-kanban .modal-content #commentdatalist .avatar strong p,
.project-kanban .modal-content #historyList .avatar strong p {
  line-height: 27px;
}

.project-kanban .modal-content .right-content .avatar-title {
  padding-top: 7px;
  margin-left: 45px;
}

.project-kanban .modal-content .right-content hr {
  border-color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
}

.title-normal {
  padding-top: 1%;
  padding-bottom: 1%;
  margin-bottom: 0px;
}

.title-normal:hover {
  background: #ebecf0;
  transition: 0.3s ease all;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

#DescriptionValue .title-normal {
  padding: 2rem;
}

.title-normal p {
  margin-bottom: 0px;
}

#subTaskList input {
  margin: 0;
  width: 85% !important;
  float: left;
  height: 35px !important;
  font-size: 14px;
  color: black;
}

#subTaskList button {
  float: right;
}

#subTaskList ul {
  margin: 0;
  padding: 0;
}

#subTaskList ul li {
  cursor: pointer;
  position: relative;
  padding: 12px 10px 12px 10px;
  background: #eee;
  font-size: 14px;
  transition: 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#subTaskList ul li:nth-child(odd) {
  background: #fefefe;
}

#subTaskList ul li:hover {
  background: #f1f1f1;
}

#subTaskList ul li.checked {
  background: #888;
  color: #fff;
  text-decoration: line-through;
}

#subTaskList ul li.checked::before {
  content: "";
  position: absolute;
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  top: 10px;
  left: 16px;
  transform: rotate(45deg);
  height: 15px;
  width: 7px;
}

.issue-type {
  margin: 7px 0 0 8px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.board-addColumn {
  position: absolute;
  left: 0;
  right: 0;
  width: 400px;
  height: 200px;
  background: #e7edf3;
  overflow: hidden;
  padding: 0 0;
  text-align: center;
  color: #fff;
  z-index: 1;
}

.board-footer-link {
  text-decoration: none !important;
  color: #6081ab;
  font-weight: bold;
  cursor: pointer;
}

.board-footer-link:hover {
  color: #6081ab;
}

.board-footer-link textarea {
  font-weight: 100;
}

.board-footer-link button span.fa {
  margin-right: 5px;
}

.board-footer-link button {
  transition: 0.3s ease all;
}

.board-item-content .card-title {
  margin-top: 5px;
  min-height: 25px;
  font-size: 14px;
  color: #828490;
  width: auto;
}

.board-item-content .card-title p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.list-content {
  padding: 20px;
}

.list-content textarea {
  margin-bottom: 15px;
}

.list-head {
  text-align: left;
  padding: 10px 20px;
  background: #1f92d1;
  color: #fff;
  font-weight: 100;
}

.create-list {
  background-color: #3cd67d;
  color: #ffffff;
  float: right;
  box-shadow: 0 2px 2px 0 rgba(173, 226, 144, 0.14),
    0 3px 1px -2px rgba(173, 226, 144, 0.2),
    0 1px 5px 0 rgba(173, 226, 144, 0.12);
  border: none !important;
  padding: 8px 25px;
  line-height: 23px !important;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none !important;
  box-shadow: none !important;
  margin-right: 10px;
  transition: all 0.2s linear 0s;
}

.create-list:hover {
  color: #fff !important;
  background: #66af3f;
}

.button-area {
  float: right;
  margin-top: 6px;
}

.button-area li {
  display: inline-block;
}

.button-area li .fa {
  margin-right: 5px;
}

.button-area li.type-issue {
  width: 90px;
  margin-left: 10px;
}

.button-area li.type-issue select {
  background: url(../img/icons/select-down-2.jpg) no-repeat right;
  height: 31px !important;
  padding: 0px 12px !important;
}

.button-area li .btn {
  padding: 5px 12px;
}

.list-name td.listtable>input {
  border: 1px #ccc solid;
  outline: none;
  transition: 0.3s ease all;
}

.list-name td.listtable>input:focus {
  border-color: #1f92d1;
}

.list-name td.listtable>input[type="number"] {
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
}

.list-name td.listtable>input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  width: 8px;
  color: #333;
  text-align: center;
  position: relative;
}

.list-name td.listtable>input[type="number"]:hover::-webkit-inner-spin-button {
  background: #eee url(../img/icons/up-down.png) no-repeat 50% 50%;
  width: 14px;
  height: 21px;
  padding: 4px;
  position: relative;
  right: -8px;
  border-radius: 0px;
}

/* Tooltip */

.tooltip-ex {
  position: relative;
  cursor: help;
}

.tooltip-ex-top {
  bottom: 26px;
  left: -12px;
}

.tooltip-ex-text {
  visibility: hidden;
  position: absolute;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 18px;
  z-index: 999999;
  opacity: 0;
  transition: opacity 0.6s;
  font-size: 11px;
}

.cardtype-tooltip .tooltip-ex-text {
  width: 100px;
  background-color: #6cdc4e;
}

.tooltip-ex:hover .tooltip-ex-text {
  visibility: visible;
  opacity: 999999;
}

.story-tooltip .tooltip-ex-text {
  width: 100px;
  background-color: #6cdc4e;
}

.task-tooltip .tooltip-ex-text {
  width: 100px;
  background: #4db9f4;
}

.bug-tooltip .tooltip-ex-text {
  width: 100px;
  background: #ed5929;
}

.epic-tooltip .tooltip-ex-text {
  width: 100px;
  background: #faaa4a;
}

/* Tooltip Ends */

/**************** WHITE BOARD ****************/

.whiteBoardMain {
  cursor: crosshair;
  position: relative;
  overflow: hidden;
}

/* Head Content */

#headContent {
  cursor: move !important;
  z-index: 10;
  width: 55px;
  height: auto;
  background: #fff;
  transition: height 0.2s linear, top 0.2s linear;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  margin: 130px 0 0 20px;
  position: absolute;
}

#headContent ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: auto;
}

#headContent li.headerLiClass {
  float: right;
  width: 55px;
  height: auto;
}

#headContent li a {
  display: block;
  color: #fff;
  text-align: center;
  padding: 9px;
  text-decoration: none;
  height: auto;
  transition: 0.3s ease all;
}

#headContent a:hover {
  color: black;
}

#headContent li.headerContentSubMenuShapes {
  float: left;
  width: auto;
  height: 40px;
  padding: 8px;
}

#headContent .rounded-ColorPicker {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  /* float: left; */
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: opacity 0.2s;
}

#headContent .rounded-ColorPicker-original {
  border-radius: 50% !important;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin: 2px;
}

.rs-range {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
}

.rs-range:focus {
  outline: none;
}

.rs-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  box-shadow: none;
  background: #000000;
  border-radius: 0px;
  border: 0px solid #000000;
}

.rs-range::-webkit-slider-thumb {
  width: 13px;
  height: 13px;
  -webkit-appearance: none;
  background: #000000;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  box-shadow: none;
  border: 0px solid #000000;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
}

/* #headContent input[type='range'] {
    background: #d2d2d2;
    -webkit-appearance: none;
    border-radius: 18px !important;
    overflow: hidden;
}
#headContent input[type='range']::-webkit-slider-thumb {
    width: 10px;
    -webkit-appearance: none;
    height: 8px;
    cursor: ew-resize;
    background: #000000;
    box-shadow: -80px 0 0 80px #000000;
}  */
#headContent #drawHeaderSubMenu {
  width: 200px;
  padding: 20px;
  box-sizing: border-box;
  color: #050038;
  left: 60px !important;
  z-index: -10;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08);
}

#headContent #shapes-submenu {
  width: 160px;
  padding: 20px;
  box-sizing: border-box;
  color: #050038;
  left: 60px !important;
  z-index: -10;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08);
}

#headContent #shapes-submenu li a {
  padding: 0;
  width: 24px;
  height: 24px;
}

#headContent #shapes-submenu.dropdown-menu>li>a:hover {
  background-color: #ffffff;
}

#headContent li a svg:hover,
#headContent li a.active,
#head-followmode li a svg:hover,
#head-followmode li a.active {
  fill: #1f92d1;
}

.thikness {
  margin: 10px 0;
  font-size: 10px;
}

/* Icons */

.save-icon {
  background: url(../img/whiteboard/save-icon.svg) no-repeat center;
}

/* Hover Icons */

.save-icon:hover {
  background: url(../img/whiteboard/save-icon-hover.svg) no-repeat center;
}

/* Custom Select */

.select-hidden {
  display: none;
  visibility: hidden;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #fff;
  width: 220px;
  height: 30px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1f92d1;
  padding: 5px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.select-styled:after {
  position: absolute;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  top: 50%;
  right: 70px;
  margin-top: -3px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s ease-in-out;
  transform-origin: 50% 0;
}

.select-styled:hover {
  background-color: #1885c1;
}

.select-styled:active,
.select-styled.active {
  background-color: #1885c1;
}

.select-styled:active:after,
.select-styled.active:after {
  margin-top: 0;
  transform: rotate(-135deg) translateY(-50%);
}

.select-options {
  display: none;
  /*position: absolute;*/
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #1885c1;
}

.select-options li {
  margin: 0;
  padding: 8px 0;
  text-indent: 15px;
  border-top: 1px solid #229de0;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.select-options li:hover {
  color: #1f92d1;
  background: #fff;
}

.select-options li[rel="hide"] {
  display: none;
}

/**/

.button-custom button {
  background: none;
  color: #6d7186;
  border-color: #ccc;
  outline: none;
  transition: 0.3s ease all;
}

.button-custom button:hover,
.button-custom button:focus,
.button-custom button:active {
  background-color: #38cc99;
  border-color: #38cc99;
  color: #fff;
  box-shadow: none;
}

.button-custom button.btn-danger {
  height: 34px;
  float: right;
}

.button-custom button.btn-danger:hover,
.button-custom button.btn-danger:active {
  background-color: #ed5929 !important;
  border-color: #ed5929 !important;
}

#selectModeLi {
  float: none !important;
}

/* Tooltip */

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
  font-family: 'Sora', sans-serif;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

[data-tooltip]:before {
  position: absolute;
  bottom: 8px;
  left: 50%;
  margin-left: 30px;
  padding: 7px;
  width: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  transition: opacity 0.6s;
}

[data-tooltip]:after {
  position: absolute;
  bottom: 18px;
  left: 50%;
  margin-left: 25px;
  width: 0;
  /*border-bottom: 5px solid #000;
    border-bottom: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;*/
  border-top: 5px solid transparent;
  border-right: 5px solid #000;
  border-bottom: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  transition: opacity 0.6s;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Head Top */

.head-top {
  width: auto;
  height: 55px;
  background: #fff;
  margin: 20px;
  border-radius: 4px;
  position: fixed;
  z-index: 20;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.head-top a {
  float: left;
}

.head-top a.logo {
  height: 55px;
}

.head-top a img {
  height: 45px;
  margin: 6px;
}

.page-title {
  height: 55px;
  line-height: 55px;
  margin: 0 10px;
  vertical-align: middle;
  font-size: 15px;
  border-right: 1px #e2e2e2 solid;
  padding-right: 10px;
  color: #404146;
  font-weight: 600;
  transition: 0.3s ease all;
}

.page-title:hover,
.page-title:focus {
  color: #2573b5;
}

.head-top .glyphicon.glyphicon-fast-backward {
  top: 17px;
  left: 0px;
  margin-right: 10px;
  background: url(../img/whiteboard/back-black.png) no-repeat left top;
  transition: all 0.35s ease-in-out;
}

.head-top .glyphicon.glyphicon-fast-backward:hover {
  background-position: bottom;
  transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}

/* Side Content */

.sideContent {
  z-index: 9;
  cursor: move;
  width: max-content !important;
  height: 50px;
  background: #fff;
  float: left;
  /* margin: 130px 0 0 0px; */
  /* overflow:hidden; */
  transition: height 0.2s linear, top 0.2s linear;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.sideContent ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.sideContent li {
  float: left;
  padding: 15px;
  border-right: 1px #ddd solid;
}

.sideContent li:last-child {
  border: 0;
}

.sideContent ul li span.info {
  margin-left: 5px;
  color: #1f92d1;
  font-weight: 600;
}

.sideContent ul li>span {
  height: 20px;
  display: block;
}

.sideContent ul li ul {
  min-width: max-content;
}

.sideContent ul li ul.dropdown-menu {
  border: none;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(5, 0, 56, 0.25);
}

/*.sideContent ul li.dropdown.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(13px);
    transition: .4s ease all;
    margin-top: 0;
}*/
.sideContent ul li ul li {
  border: 0;
  padding: 0;
  width: auto;
  float: left;
}

.sideContent ul li ul li a {
  padding: 10px;
  float: left;
}

.sideContent ul.font-family li a {
  padding: 5px 20px;
  float: none;
}

.sideContent label {
  color: #6d7186;
  font-weight: 100;
}

.cursorPointer {
  cursor: pointer;
  width: 100%;
}

.sideContent .cursorPointer {
  outline: none;
  border-color: #ddd;
}

.sideContent .rounded-ColorPicker {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  /* float: left; */
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: opacity 0.2s;
}

.sideContent li.headerContentSubMenuDraw {
  width: 180px;
  padding: 10 10px 10px 10px;
}

.sideContent li.headerContentSubMenuDraw a,
.sideContent .inner-submenu li a {
  transition: 0.3s ease all;
}

.sideContent li.headerContentSubMenuDraw a:hover {
  background-color: #e6e6e6;
}

.sideContent .inner-submenu li a:hover {
  background-color: #e6e6e6;
}

.sideContent [data-tooltip]:before {
  bottom: 43px;
  margin-left: -32px;
  width: max-content;
}

.sideContent [data-tooltip]:after {
  position: absolute;
  bottom: 33px;
  left: 50%;
  margin-left: -1px;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  content: " ";
  font-size: 0;
  line-height: 0;
  transition: opacity 0.6s;
}

.color-selected {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #bbbbbb;
}

.icon-nocolor {
  margin: -1px;
}

.no-color {
  border: 0px !important;
}

.fontsize-box input {
  padding: 0;
  margin: 0;
  font-size: 14px;
  width: 35px;
  height: 25px;
  line-height: 25px;
  display: block;
  color: #050038;
  opacity: 0.8;
  box-sizing: border-box;
  border: 1px solid transparent;
  outline: none;
  text-align: center;
  border-radius: 2px !important;
}

.fontsize-box input:focus {
  border: solid 1px rgba(0, 0, 0, 0.2);
}

.fontsize-box {
  width: 60px;
  position: relative;
}

.fontsize-up,
.fontsize-down {
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 10px;
  height: 10px;
}

.fontsize-up {
  top: 0;
}

.fontsize-down {
  bottom: -4px;
}

.sideContent li#font-size {
  padding: 13px;
}

.sideContent #common-more .dropdown-menu {
  width: 220px;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.sideContent #common-more ul li {
  display: contents;
}

.sideContent #common-more ul li a {
  color: #050038;
  padding: 8px 7px;
  transition: 0.3s ease all;
  font-size: 14px;
}

.sideContent #common-more ul li a span {
  color: #827f9b;
  float: right;
}

.sideContent #borderColor-submenu-ban {
  margin-top: -3px;
}

.background-style {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 1px;
  left: 1px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.border-style {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 1px;
  left: 1px;
  border-width: 4px;
  border-style: solid;
}

.border-white {
  width: 24px;
  height: 24px !important;
  top: 15px;
  position: absolute;
}

.border-white svg {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: none;
}

/* Right click Menu */

.context-menu {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 12px 0;
  width: 220px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.context-menu--active {
  display: block;
}

.context-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.context-menu__item {
  display: block;
}

.context-menu__item a span {
  color: #827f9b;
}

.context-menu__item:last-child {
  margin-bottom: 0;
}

.context-menu__link {
  display: block;
  padding: 8px 20px;
  color: #050038;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s ease all;
}

.context-menu__link:hover {
  color: #050038;
  background-color: #f5f5f7;
}

.context-menu hr {
  margin: 0;
  border-color: #e6e6e6;
}

/* Camera Popup */

.camera-popup {
  width: 32%;
  margin: 20px auto;
}

.camera-popup .modal-header h4 {
  text-align: left;
}

.camera {
  background: #337ab7 url(../img/whiteboard/camera.png) no-repeat left;
  padding: 8px 10px 8px 38px;
  background-position-x: 5px;
  margin-right: 0;
  width: 162px;
  text-align: left;
}

.camera:hover {
  background: #286090 url(../img/whiteboard/camera.png) no-repeat left;
  background-position-x: 5px;
}

.snap {
  background: #337ab7 url(../img/whiteboard/snap.png) no-repeat left;
  padding: 8px 10px 8px 33px;
  background-position-x: 5px;
  margin-right: 0;
}

.snap:hover {
  background: #286090 url(../img/whiteboard/snap.png) no-repeat left;
  background-position-x: 5px;
}

.snap-add {
  background: #337ab7 url(../img/whiteboard/snap-add.png) no-repeat left;
  padding: 8px 10px 8px 33px;
  background-position-x: 5px;
}

.snap-add:hover {
  background: #286090 url(../img/whiteboard/snap-add.png) no-repeat left;
  background-position-x: 5px;
}

.img-result {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.img-result img {
  border: 1px #ccc solid;
  padding: 5px;
}

.img-result h3 {
  font-size: 18px;
  margin: 0 0 15px 0;
  color: #6d7186;
}

.camera-popup .modal-footer button {
  display: none;
}

.camera-popup .modal-footer {
  border: none;
}

.camera-popup .dz-image-preview .btn.start {
  padding: 6px 12px 6px 0;
}

.camera-popup .dz-image-preview .btn.cancel {
  padding: 6px 0 6px 12px;
  float: right;
}

.camera-popup .dz-image-preview {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  position: relative;
}

.display-name {
  padding: 8px 0 8px 8px;
  background: rgb(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  bottom: 50px;
}

.display-name p {
  margin-bottom: 0;
  color: #fff;
}

.display-name .size {
  padding-left: 15px;
  margin-top: 2px;
}

.display-name .size strong {
  font-weight: 700;
}

/* Upload */

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile-1+label {
  border: 1px solid #7ac32a;
  background-color: #f1f1f1;
  padding: 0;
}

.inputfile-1+label {
  color: #7ac32a;
}

.inputfile+label {
  max-width: 80%;
  font-size: 1.25rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}

.inputfile-1+label span {
  width: 104px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.inputfile-1+label span,
.inputfile-1+label strong {
  padding: 0.625rem 1.25rem;
}

.inputfile-1+label strong {
  height: 100%;
  color: #ffffff;
  background-color: #7ac32a;
  display: inline-block;
  font-weight: 100;
}

.inputfile-1+label span,
.inputfile-1+label strong {
  padding: 0.625rem 1.25rem;
}

.inputfile+label svg {
  width: 20px;
  height: 17px;
  vertical-align: middle;
  fill: #ffffff;
  margin-top: -0.25em;
  margin-right: 0.25em;
}

.form-box {
  display: list-item;
  margin: 25px auto;
  text-align: center;
  height: 30px;
}

.camera-area {
  text-align: center;
  margin-bottom: 15px;
}

.snap-area {
  text-align: center;
  margin-top: 15px;
}

.btn-bottom {
  margin: 10px auto;
  width: 249px;
}

.btn-bottom input:nth-child(2) {
  margin-right: 0px;
  float: right;
}

.camera-popup .fileinput-button label {
  color: #fff;
}

.camera-popup .fileinput-button label svg {
  fill: #ffffff;
  margin-right: 7px;
}

.camera-popup .fileinput-button label strong {
  font-weight: 100;
}

.camera-popup .upload-part .fileinput-button {
  padding: 6px 12px 2px 12px;
}

/* Head Follow Mode */

#head-followmode {
  cursor: move !important;
  z-index: 10;
  width: auto;
  height: 55px;
  background: #fff;
  transition: height 0.2s linear, top 0.2s linear;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  right: 20px;
  top: 20px;
  float: left;
}

#head-followmode ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: auto;
}

#head-followmode li.headerLiClass {
  float: left;
  width: 50px;
  height: auto;
}

#head-followmode li a {
  display: block;
  color: #fff;
  text-align: center;
  padding: 15px;
  text-decoration: none;
  height: auto;
  transition: 0.3s ease all;
}

#head-followmode a:hover {
  color: black;
}

#head-followmode .active {
  color: black;
}

#head-followmode [data-tooltip]:before {
  bottom: -40px;
  margin-left: -25px;
}

#head-followmode [data-tooltip]:after {
  bottom: -10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  margin-left: 0px;
}

#head-followmode #moreInfo {
  border-radius: 4px;
  border: 0px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  z-index: 0;
  right: 0;
  left: inherit;
  top: 65px;
}

#head-followmode #moreInfo li a {
  cursor: pointer;
  text-align: left;
  color: #6d7186;
  padding: 12px 15px;
  vertical-align: middle;
  display: flex;
}

#head-followmode #moreInfo li:first-child a {
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

#head-followmode #moreInfo li:last-child a {
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

#head-followmode #moreInfo li a svg {
  margin-right: 7px;
  fill: #6d7186;
}

#head-followmode #collabVotingModeInfo {
  border-radius: 4px;
  border: 0px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  z-index: 0;
  right: 0;
  left: inherit;
  top: 65px;
}

#head-followmode #collabVotingModeInfo li a {
  cursor: pointer;
  text-align: left;
  color: #6d7186;
  padding: 12px 15px;
  vertical-align: middle;
  display: flex;
}

#head-followmode #collabVotingModeInfo li:first-child a {
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

#head-followmode #collabVotingModeInfo li:last-child a {
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

#head-followmode #collabVotingModeInfo li a svg {
  margin-right: 7px;
  fill: #6d7186;
}

/* Scroll Up Scroll Down */

.scrollbuttons {
  background: white;
  font-size: 20px;
  padding: 5px 15px 2px 15px;
  position: -webkit-sticky;
  cursor: pointer;
  /*z-index: 1000;
    position: sticky;*/
}

ul#scrollup li a {
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

ul#scrolldown li a {
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.bounce-up {
  -moz-animation: bounce-up 3s infinite;
  -webkit-animation: bounce-up 3s infinite;
  animation: bounce-up 3s infinite;
}

@keyframes bounce-up {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(5px);
  }

  60% {
    transform: translateY(5px);
  }
}

.bounce-down {
  -moz-animation: bounce-down 3s infinite;
  -webkit-animation: bounce-down 3s infinite;
  animation: bounce-down 3s infinite;
}

@keyframes bounce-down {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-5px);
  }

  60% {
    transform: translateY(-5px);
  }
}

/* Project Management User Scroll */

.menu-wrapper {
  position: relative;
  max-width: 215px;
  height: 50px;
  float: right;
  margin: -5px 45px 0 0;
}

.menu {
  height: 90px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
}

.paddle {
  position: absolute;
  top: 9px;
  bottom: 0;
  width: 28px;
  border: 1px #ccc solid;
  background: #eee;
  height: 30px;
  outline: none;
  color: #a7a7a7;
  border-radius: 5px !important;
}

.paddle:hover {
  background: #f49025 !important;
  color: white !important;
}

.left-paddle {
  left: -38px;
}

.right-paddle {
  right: -38px;
}

.hidden {
  display: none;
}

/* User follow Section */

#mouseOverDiv .tooltip1 {
  position: absolute;
  display: inline-block;
  border-bottom: 1px dotted black;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  left: 13px;
  top: 20px;
}

#mouseOverDiv .tooltip1 .tooltiptext {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  width: max-content !important;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 3px 8px 4px 8px;
  border-radius: 18px;
  position: absolute;
  z-index: 1;
  font-size: 11px;
}

.arrowicon {
  position: absolute !important;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 1;
  width: max-content !important;
}

.bootbox-confirm .modal-body {
  -webkit-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

/* User List */

#head-UsersList {
  cursor: move !important;
  z-index: 10;
  width: 360px;
  height: 55px;
  background: #fff;
  transition: height 0.2s linear, top 0.2s linear;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  left: inherit;
  right: 230px;
  top: 20px;
  /*overflow-x:scroll;
    overflow-y:hidden;*/
}

#head-UsersList li.headerLiClass {
  float: left;
  width: auto;
  height: 55px;
}

#head-UsersList li a {
  display: block;
  color: #fff;
  text-align: center;
  /* vertical-align: middle; */
  text-decoration: none;
  height: auto;
  transition: 0.3s ease all;
}

#head-UsersList li a svg:hover {
  fill: #1f92d1;
}

#head-UsersList .active {
  color: black;
}

#head-UsersList .avatarbackgroundTask {
  margin-left: 7px;
}

.prev-arrow {
  line-height: 65px;
  display: inherit !important;
  padding: 0;
  width: 55px;
  height: 55px !important;
}

.next-arrow {
  line-height: 65px;
  display: inherit !important;
  padding: 0;
  width: 50px;
  height: 55px !important;
}

.user-list {
  float: left;
  width: 150px;
  overflow: hidden;
}

#headContent #icons-submenu {
  width: 160px;
  padding: 20px;
  box-sizing: border-box;
  color: #050038;
  left: 60px !important;
  z-index: -10;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08);
}

#headContent #icons-submenu li a {
  padding: 0;
  width: auto;
  height: auto;
  cursor: move;
}

#headContent #icons-submenu li a svg:hover {
  fill: inherit;
}

#headContent #icons-submenu li a svg.facebook {
  fill: #3b5997;
}

#headContent #icons-submenu li a svg.twitter {
  fill: #01aaf0;
}

#headContent #icons-submenu li a svg.youtube {
  fill: #df2e2e;
}

#headContent #icons-submenu li a svg.instagram {
  fill: #a8439c;
}

#headContent #icons-submenu li a svg.pinterest {
  fill: #ca1f26;
}

#headContent #icons-submenu li a svg.gplus {
  fill: #db4e41;
}

/* Project Management Card Tooltip */

.board-item-content .card-title[data-tooltip]:before {
  width: max-content;
  bottom: -32px;
  left: -30px;
  font-size: 11px;
}

.board-item-content .card-title[data-tooltip]:after {
  bottom: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  margin-left: 0;
  left: 10px;
}

/**/

.clone-btn .dropdown-menu {
  border-radius: 0;
  border: 0;
  cursor: pointer;
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.5s ease all;
}

.clone-btn.open .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  transition: 0.4s ease all;
}

.clone-btn .dropdown-menu li a {
  color: #6d7186;
  transition: 0.3s ease all;
}

.clone-btn .dropdown-menu li a:hover {
  color: #1f92d1;
}

.clone-btn .dropdown-menu li a span.fa {
  margin-right: 5px;
}

.clone-btn .dropdown-menu li a span.fa-trash-o {
  font-size: 18px;
  margin-right: 6px;
}

.clone-btn.open .dropdown-toggle {
  box-shadow: none !important;
}

/* Timer */

#head-timer {
  cursor: move !important;
  z-index: 10;
  width: auto;
  height: 55px;
  background: #fff;
  transition: height 0.2s linear, top 0.2s linear;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  right: 604px;
  top: 20px;
  float: left;
}

#head-timer button svg:hover {
  fill: #1f92d1;
}

#head-timer [data-tooltip]:before {
  bottom: -55px;
  margin-left: -25px;
}

#head-timer [data-tooltip]:after {
  bottom: -25px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  margin-left: 0px;
}

.stopwatch {
  padding: 15px 15px 0 15px;
  position: relative;
}

.stopwatch .timer {
  font-size: 12px;
  width: 42px;
  border: 1px #ccc solid;
  outline: none;
  top: -6px;
  height: 22px;
  padding: 5px;
  margin: 0 5px;
  position: relative;
  border-radius: 3px !important;
}

.reset-btn {
  background: none;
  border: 0;
  outline: none;
  padding: 0;
  right: -3px;
  margin-left: 10px;
  position: relative;
}

.time-up,
.time-down {
  width: 25px;
  border: 0;
  background: #e7e7e7;
  border-radius: 3px;
  outline: none;
  color: #6d7186;
  transition: 0.3s ease all;
}

.start-stop {
  width: auto;
  border: 0;
  background: #e7e7e7;
  border-radius: 3px;
  outline: none;
  color: #6d7186;
  margin-left: 5px;
  transition: 0.3s ease all;
}

.time-up:hover,
.time-down:hover,
.start-stop:hover {
  background: #57b6dd;
  color: #fff;
}

.time-up,
.time-down,
.start-stop {
  position: relative;
  top: -5px;
}

.stopwatch .controls {
  font-size: 12px;
}

.stopwatch .controls button {
  padding: 5px 15px;
  background: #eee;
  border: 3px solid #06c;
  border-radius: 5px;
}

/* Whiteboard User Scroll */

.scroll-main {
  width: 275px;
  height: 55px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}

.scroll-main .owl-item .rsvp-profile-pic {
  height: inherit;
}

.scroll-main .owl-item .item-board {
  padding-top: 10px;
}

.item-board {
  width: 35px;
}

.item-board a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  background: #57b6dd;
  color: #fff;
  display: block;
  cursor: pointer;
}

.owl-carousel.owl-theme {
  width: auto;
}

.owl-nav .owl-prev {
  position: absolute;
  left: -30px;
  background: #fff !important;
  color: #000 !important;
  width: 30px;
  height: 55px;
  top: 0;
  border-radius: 0px !important;
  margin: 0 !important;
  outline: none;
}

.owl-nav .owl-next {
  position: absolute;
  right: -30px;
  background: #fff !important;
  color: #000 !important;
  width: 30px;
  height: 55px;
  top: 0;
  border-radius: 0px !important;
  margin: 0 !important;
  outline: none;
}

.owl-prev span {
  width: 24px;
  height: 24px;
  font-size: 0;
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAtElEQVRIS+2U0Q0CIRBEHx3YyVnCWYKV2MLZkR14JXidWILZhE0Qkd2AJH4cnxOYx84EAoNXGOzPDjAT/quIDsAFuCbXLmlvU3knEKM7cIyABShpH5F5AKnRBszRRYGqPUuFWIAucwHWAN3mNcBPzC3ACkzAAzjFfHOtmHvahRVRN8RTchfEAsi00kczxAPIIWfgloFVa3poekgmkUcm5jWt6aswf81vG7wR7YDmBMyDwzt4AcXpNBnARslXAAAAAElFTkSuQmCC) no-repeat left center;
  -webkit-animation: fade-left 2.5s infinite linear;
  animation: fade-left 2.5s infinite linear;
}

@keyframes fade-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  75% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 1;
  }
}

.owl-next span {
  width: 24px;
  height: 24px;
  font-size: 0;
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAArklEQVRIS+2U0Q2DMAxEXzZgk3YE2IgN2g3ajWAE2IQRKkupFEVOHCVE/MDnKdzznQOOzo/r7M8NMBu+tKI38AWOYExNy6ZIJRCjF7ABk4doWnVFA7ACjwAiZrEWplNhuR2cArGW3AyxABK7CVIKWIAnsAOjLzvW1H1YAJm+2lwGsZbcZJ4DNE/+v7OpBDPwCTqXfjWt+kOTF7v+KszJSg9Yt6jUJ3nuBpgVdq/oBx6rPBlDoyEeAAAAAElFTkSuQmCC) no-repeat left center;
  -webkit-animation: fade-right 2.5s infinite linear;
  animation: fade-right 2.5s infinite linear;
}

@keyframes fade-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  75% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 1;
  }
}

/* */

.icon-table .file-row>div {
  display: inline-block !important;
}

.buttons-part {
  float: right;
}

.buttons-part .upload {
  background: #67c567;
  color: #fff;
  border: 0;
  outline: none;
  font-size: 13px;
  margin-right: 5px;
  transition: 0.3s ease all;
}

.buttons-part .upload:hover {
  background: #4eb54e;
}

.buttons-part .cancel {
  background: #565656;
  color: #fff;
  border: 0;
  outline: none;
  font-size: 13px;
  transition: 0.3s ease all;
}

.buttons-part .cancel:hover {
  background: #3e3d3d;
}

.upload-part span.btn-success,
.upload-part button.start {
  border: 0;
  outline: none;
}

/**/

.team-member-box {
  box-shadow: 0 8px 48px rgba(0, 0, 0, 0.175);
  width: 400px;
}

.team-member-box .avatarbackground {
  width: 45px;
  height: 45px;
  line-height: 35px;
  font-weight: 800;
  border: 5px #dedede solid;
}

.team-member-box ul.media-list .media-left {
  padding-right: 15px;
}

.team-member-box .panel-body {
  border: 0px;
}

.team-member-box .panel-title svg {
  margin: 0 5px 0 12px;
  position: relative;
  top: 3px;
}

.team-member-box ul.media-list .top-idea-title .col-md-9 {
  padding: 0;
}

.team-member-box ul.media-list .avatar-icon {
  float: left;
}

.team-member-box ul.media-list .skill-content-main {
  float: right;
  width: 85%;
  position: relative;
}

.team-member-box ul.media-list .skill-content-main .top-idea-title {
  display: flex;
}

.team-member-box ul.media-list .skill-content-main .add-btn {
  position: absolute;
  right: 0;
}

.team-member-box h4#dataNotFound {
  margin-left: 10px;
}

/* Project Calendar Summary View */

#calendar {
  width: 98%;
  height: calc(100vh - 164px);
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 8px 48px rgba(0, 0, 0, 0.115);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.project-view a,
.list-view a,
.calendar-view a,
.summary-view a,
.whiteboard-view a,
.customField-view a,
.printProject-view a,
.csvDownload-view a {
  display: block;
  width: auto;
  height: 30px;
  background: #e7e7e7;
  padding: 2px 8px;
  margin-left: -4px;
  transition: 0.3s ease all;
}

.project-view a:hover svg,
.list-view a:hover svg,
.calendar-view a:hover svg,
.summary-view a:hover svg,
.whiteboard-view a:hover svg,
.customField-view a:hover svg,
.printProject-view a:hover svg,
.csvDownload-view a:hover svg {
  fill: #1f92d1;
}

.project-view a svg.active,
.list-view a svg.active,
.list-view a:hover svg,
.calendar-view a svg.active,
.summary-view a svg.active,
.whiteboard-view a svg.active {
  fill: #1f92d1;
}

.button-area #projectAttributes-create button,
.button-area #projectAttributes-clear button {
  margin-top: -14px;
}

.project-view svg {
  position: relative;
  top: 1px;
}

.project-view svg,
.list-view svg,
.calendar-view svg,
.summary-view svg,
.whiteboard-view svg,
.customField-view svg,
.printProject-view svg,
.csvDownload-view svg {
  fill: #272727;
}

.project-view [data-tooltip]:before,
.list-view [data-tooltip]:before,
.calendar-view [data-tooltip]:before,
.summary-view [data-tooltip]:before,
.whiteboard-view [data-tooltip]:before,
.customField-view [data-tooltip]:before,
.printProject-view [data-tooltip]:before,
.csvDownload-view [data-tooltip]:before {
  bottom: -38px;
  font-size: 12px;
  width: max-content;
}

.project-view [data-tooltip]:after,
.list-view [data-tooltip]:after,
.calendar-view [data-tooltip]:after,
.summary-view [data-tooltip]:after,
.whiteboard-view [data-tooltip]:after,
.customField-view [data-tooltip]:after,
.printProject-view [data-tooltip]:after,
.csvDownload-view [data-tooltip]:after {
  bottom: -10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}

.project-view [data-tooltip]:before {
  margin-left: -81px;
}

.list-view [data-tooltip]:before {
  margin-left: -51px;
}

.calendar-view [data-tooltip]:before {
  margin-left: -90px;
}

.summary-view [data-tooltip]:before {
  margin-left: -103px;
}

.whiteboard-view [data-tooltip]:before {
  margin-left: -146px;
}

.customField-view [data-tooltip]:before {
  margin-left: -111px;
}

.printProject-view [data-tooltip]:before {
  margin-left: -74px;
}

.csvDownload-view [data-tooltip]:before {
  margin-left: -85px;
}

.project-view [data-tooltip]:after,
.list-view [data-tooltip]:after,
.calendar-view [data-tooltip]:after,
.summary-view [data-tooltip]:after,
.whiteboard-view [data-tooltip]:after {
  margin-left: -7px;
}

.calendar-main .fc-scrollgrid-section-header {
  background: #ececec;
}

.calendar-main .fc-timeline-slot-cushion {
  color: #3e3e3e;
}

.calendar-main .fc-datagrid-cell-main {
  color: #fff;
}

.calendar-main table.fc-datagrid-header th.fc-datagrid-cell .fc-datagrid-cell-main {
  color: #3e3e3e;
}

.calendar-main .fc-toolbar.fc-header-toolbar {
  margin: 24px 20px;
}

.calendar-main .fc-toolbar-title {
  color: #1f92d1;
  font-weight: bold;
  font-size: 23px !important;
}

.calendar-main .fc-header-toolbar .fc-button-group .fc-button-primary::first-letter {
  text-transform: uppercase;
}

.calendar-main .fc-header-toolbar .fc-button-primary {
  background: #e7e7e7;
  border-color: #b3b3b3;
  color: #333;
  box-shadow: none;
  outline: none;
  transition: 0.3s ease all;
}

.calendar-main .fc-header-toolbar .fc-button-primary:hover {
  background: #1f92d1;
  border-color: #1f92d1;
}

.calendar-main .fc-header-toolbar .fc-button-primary:hover span {
  color: #fff;
}

.calendar-main .fc-header-toolbar .fc-button-primary span {
  color: #333;
}

.calendar-main .fc-header-toolbar .fc-button-primary:focus {
  box-shadow: none !important;
  outline: none !important;
}

.calendar-main .fc-header-toolbar .fc-button:active {
  background: #1f92d1 !important;
  border-color: #1f92d1 !important;
  box-shadow: none;
  outline: none;
}

.calendar-main .fc-header-toolbar .fc-button-group .fc-button-active {
  background: #1f92d1 !important;
  border-color: #1f92d1 !important;
  box-shadow: none !important;
  outline: none !important;
}

.calendar-main .fc-header-toolbar .fc-button-group .fc-button-primary {
  box-shadow: none !important;
  outline: none !important;
}

.calendar-main .fc-header-toolbar .fc-button-group .fc-button-primary:hover {
  background: #1e2b37;
  border-color: #1e2b37;
}

.calendar-main table.fc-scrollgrid tbody tr.fc-scrollgrid-section-liquid td:first-child .fc-scroller-harness-liquid {
  background: #495b72;
}

.calendar-main .fc .fc-resource-timeline-divider {
  width: 6px;
}

.summary-container {
  width: 98%;
  height: calc(100vh - 163px);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff;
  box-shadow: 0 8px 48px rgba(0, 0, 0, 0.115);
  padding: 30px 0 0 0px;
  margin: 0 20px 0 20px;
}

.summary-container .tab-head h4 {
  padding: 10px 0;
  font-size: 17px;
  margin-top: 0px;
  background: #ffffff;
  color: #475f7b;
  font-weight: bold;
  border-bottom: 1px #ddd solid;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.summary-container .dataTables_wrapper {
  padding: 15px 0;
}

.summary-container .panel-body:hover {
  box-shadow: none;
}

.summary-container .panel-heading {
  background: #fff !important;
  padding: 8px 0;
  text-align: center;
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
}

.summary-container .panel {
  border: 0px !important;
}

.summary-container .panel-body {
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  background: none;
  color: #6d7186;
  border-radius: 0px 0px 15px 15px !important;
  -webkit-border-radius: 0px 0px 15px 15px !important;
  -moz-border-radius: 0px 0px 15px 15px !important;
  -ms-border-radius: 0px 0px 15px 15px !important;
  -o-border-radius: 0px 0px 15px 15px !important;
}

#countbyuser .panel-body {
  border: none;
}


#countbystatus .panel-body {
  border: none;
}

.summary-container .highcharts-color-0 {
  fill: #5dc9eb;
}

.summary-container .panel-default .panel-title.tab-head {
  color: #475f7b;
  font-weight: bold;
}

.panel-border {
  border: 1px solid #ddd !important;
}

.border-top {
  border-top: 1px #ddd solid !important;
}

.top-box .panel-content {
  text-align: center;
  padding-top: 4%;
}

.top-box .col-md-2 .panel-content {
  padding-top: 12px;
  padding-bottom: 12px;
}

.top-box .panel-content h2.PanelHeading {
  color: #475f7b;
  font-weight: bold;
  font-size: 25px;
  margin-top: 10px;
}

.top-box .panel-body {
  border-color: #cccccc;
  margin-top: -1px;
  transition: 0.5s all ease-in-out;
}

.top-box.chart .panel-body {
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

.custom-height-1 {
  /*min-height:calc(100vh - 700px) !important;*/
  height: auto;
  min-height: 265px !important;
}

.custom-height-2 {
  /*min-height:calc(100vh - 700px) !important;*/
  height: auto;
  min-height: 310px !important;
}

.custom-height-1 svg {
  height: 290px;
}

.summary-container .border-top svg text>tspan {
  fill: #3498db;
}

.launch-bg .PanelHeading {
  color: #475f7b;
}

.launch-bg .panel-content h4.PanelHeading:last-child {
  font-weight: 700;
}

.launch-bg svg {
  margin: 0 0 15px 10px;
}

.rounded-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 48px;
  margin: 0 auto;
}

.rounded-circle i {
  font-size: 20px;
  vertical-align: middle;
}

.bg-light-green {
  background: #e4ffd6;
  border: 1px #d4f5c3 solid;
}

.bg-light-green i {
  color: #78c350;
}

.bg-light-yellow {
  background: #fff2bf;
  border: 1px #f9ebb4 solid;
}

.bg-light-yellow i {
  color: #f1c40f;
}

.bg-light-red {
  background: #f9e5e3;
  border: 1px #f5dad7 solid;
}

.bg-light-red i {
  color: #e26559;
}

.bg-light-blue {
  background: #e4f4ff;
  border: 1px #d8edfb solid;
}

.bg-light-blue i {
  color: #3394d6;
}

.thank-content {
  text-align: center;
  width: 70%;
  margin: 0 auto;
  font-size: 16px;
}

.thank-content p {
  line-height: 30px;
  color: #6d7186;
}

.thank-main {
  margin-top: 120px;
}

.thank-main h1 {
  color: #393942;
  margin: 30px 0 40px;
  font-weight: 700;
}

.goback {
  font-weight: bold;
  font-size: 15px;
  background: #40abe6;
  color: #fff;
  outline: none;
  border: 0;
  border-radius: 24px;
  padding: 3px 25px;
  transition: 0.5s all ease-in-out;
}

.goback:hover {
  background: #1277af;
  color: #fff;
}

.link--arrowed {
  display: inline-block;
}

.link--arrowed .arrow-icon {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  vertical-align: middle;
}

.link--arrowed .arrow-icon--circle {
  -webkit-transition: stroke-dashoffset 0.3s ease;
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}

.link--arrowed:hover .arrow-icon {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
}

.link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

/* Forgot Password */

.forgot-password {
  width: 35%;
  margin: 80px auto;
  box-shadow: 0px 1px 32px 2px rgb(90 90 113 / 15%);
  border-radius: 10px;
  padding: 35px;
  background: #fff;
}

.forgot-password .forgot-title {
  padding-bottom: 5px;
  margin-bottom: 15px;
  /* border-bottom: 1px solid #eee; */
  text-align: center;
}

.forgot-title h3 {
  font-size: 20px;
  color: #6d7186;
  padding-bottom: 10px;
}

.forgot-password .forgot-title h1 {
  margin: 0px 0 15px 0;
  font-size: 28px;
  color: #1f92d1;
}

.forgot-password .forgot-title p {
  color: #6d7186;
}

.forgot-password .btn-forgot {
  width: 100%;
}

.forgot-password .form-group.control-group {
  margin-bottom: 30px;
}

.forgot-password .btn.btn-link {
  padding: 0;
  margin-top: 15px;
}

.forgot-password .btn.btn-link:hover {
  color: #1f92d1;
}

.forgot-password .btn-login {
  background: none;
  box-shadow: none;
  outline: none;
  color: #1f92d1;
  padding: 7px 20px;
  border: 2px #1f92d1 solid;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  position: relative;
}

.forgot-password .btn-login span {
  position: relative;
  z-index: 2;
  font-size: 15px;
}

.forgot-password .btn-login:hover {
  border-color: #1f92d1;
  color: #fff;
}

.forgot-password .btn-login::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #1f92d1;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.forgot-password .btn-login:hover::after {
  width: 100%;
}

.lock {
  text-align: center;
  margin-bottom: 25px;
}

.lock svg {
  fill: #1f92d1;
}

.button-fix {
  margin-top: 0 !important;
  font-weight: bold;
  font-size: 17px;
  position: relative;
  top: -1px;
}

/* Minimap */

.minimap .canvas-container {
  height: 152px !important;
}

.minimap {
  width: 272px;
  height: 200px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 1;
}

.minimap .upper-canvas {
  background: rgb(255 255 255 / 50%);
}

.minimap-controls {
  position: absolute;
  width: 100%;
  height: 48px;
  background: #fff;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  transition: width 0.15s cubic-bezier(0.2, 0.3, 0.25, 0.9);
  z-index: 999999;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.minimap-canvas {
  background: #fff;
  width: 272px;
  height: 152px;
  position: relative;
  bottom: 0;
  right: 0;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.minimap-controls .svg-button {
  width: 38px;
}

.minimap-value {
  flex-shrink: 0;
  width: 56px;
  margin-left: -4px;
  text-align: center;
  height: 100%;
  line-height: 48px;
  cursor: pointer;
}

.minimap-value span {
  font-weight: bold;
  font-size: 12px;
  color: #000;
}

.minimap-value:hover span {
  color: #1f92d1;
}

.svg-button {
  color: #050038;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 48px;
  cursor: pointer;
}

.svg-button svg {
  width: 24px;
  height: 24px;
  overflow: hidden;
  pointer-events: none;
}

.svg-button:hover svg {
  fill: #1f92d1;
}

.svg-button.svg-button--active {
  fill: #1f92d1;
}

.svg-button:not(.svg-button--disabled):hover {
  color: #1f92d1;
}

.splitter {
  margin: 12px 14px 0 14px;
  width: 1px;
  height: 24px;
  background-color: rgba(5, 0, 56, 0.12);
}

.minimap-controls [data-tooltip]::before {
  bottom: 48px;
  margin-left: 0;
  left: -65%;
  width: max-content;
}

.minimap-controls [data-tooltip]::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  bottom: 38px;
  margin-left: 0;
  left: 37%;
}

.minimap-controls .minimap-value.zoom-full::before {
  right: 0;
  left: inherit;
}

/* */

.choose-popup a {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
}

.choose-popup a svg {
  overflow: hidden;
  fill: #8a8da0;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.choose-popup a svg:hover {
  fill: #1f92d1;
}

.choose-popup span.temp-name {
  vertical-align: top;
  margin-left: 5px;
}

.save-temp-popup input.reqblue.form-control {
  margin-bottom: 15px;
}

.save-temp-popup .select {
  width: 150px;
}

.save-temp-popup .select .select-styled:after {
  right: 15px;
}

.save-temp-popup .select .select-options li:hover {
  color: #ffffff;
  background: #0f4c6d;
}

/* Accordion */

.acc-container {
  flex: 0 1 40%;
  border-radius: 2px;
  box-sizing: border-box;
  margin: 20px 15px 0;
}

@media screen and (max-width: 767px) {
  .acc-container {
    flex: 0 1 100%;
  }
}

.accordion {
  width: 100%;
  margin: 20px 0;
}

.accordion .tab {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.accordion .tab .label {
  display: block;
  position: relative;
  padding: 15px 30px 15px 15px;
  transition-property: border, color;
  transition-duration: 0.3s;
  color: #060606;
  font-size: 1.4rem;
  cursor: pointer;
  background: #e3e3e3;
  text-align: left;
  margin-bottom: 0;
  border-radius: 0;
}

.accordion .tab .label .plus-to-minus {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 2px;
  transition: background-color 0.3s;
  background-color: #000;
}

.accordion .tab .label .plus-to-minus::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  transform: rotate(90deg);
  transition: background-color 0.3s, transform 0.3s;
  background-color: #000;
}

.accordion .tab .label:hover {
  color: #fff;
}

.accordion .tab .label:hover .plus-to-minus {
  background-color: #fff;
}

.accordion .tab .label:hover .plus-to-minus::after {
  background-color: #fff;
}

.accordion .tab .label:hover~.tab-content::before {
  width: 100%;
}

.accordion .tab .tab-content {
  position: relative;
  max-height: 2px;
  overflow: hidden;
  transition-property: max-height, padding;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 1, 0, 1), linear;
  font-size: 1.2rem;
  line-height: 1.5;
}

.accordion .tab .tab-content::before,
.accordion .tab .tab-content::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
}

.accordion .tab .tab-content::before {
  z-index: 2;
  width: 0;
  transition: width 0.5s;
  /* background-color: #1f92d1; */
}

.accordion .tab .tab-content::after {
  z-index: 1;
  width: 100%;
  transition-property: background-color, height;
  transition-duration: 0.3s;
  background-color: #fff;
}

.accordion .tab .input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.accordion .tab .input:checked~.label {
  color: #fff;
  background: #2196f3;
}

.accordion .tab .input:checked~.label .plus-to-minus {
  background-color: #000;
}

.accordion .tab .input:checked~.label .plus-to-minus::after {
  background-color: #fff;
}

.accordion .tab .input:checked~.label .plus-to-minus::after {
  transform: translateY(0) rotate(0);
}

.accordion .tab .input:checked~.tab-content {
  max-height: 500vh;
  padding: 0;
  transition-property: max-height, padding;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(1, 0, 1, 0), linear;
  color: #666;
}

/* .accordion .tab .input:checked~.tab-content::after {
  background-color: #1f92d1;
} */

/* */

.invite-popup .form-group input.form-control {
  width: 77% !important;
  float: left;
}

.invite-popup .form-group .button1 {
  padding: 11px 15px;
  float: right;
  margin-right: 0;
}

.invite-popup .form-group label.control-label.submission,
.share-link.form-group label.control-label.submission {
  display: block;
}

.invite-popup .form-group .tagAlert {
  padding: 15px 0 0 0;
  margin-bottom: 0;
}

.share-link .button1 {
  padding: 11px 15px;
  margin: 0 0 0 10px;
  cursor: pointer;
}

/* */

#sortable1,
#sortable2 {
  list-style-type: none;
  margin: 0;
}

#sortable1 li,
#sortable2 li {
  background: #fff;
  border-bottom: 1px solid #ccc;
  padding: 6px 8px;
  cursor: move;
  border-radius: 3px;
  margin-top: 8px;
  color: #6d7186;
  position: relative;
  line-height: 23px;
  user-select: none;
  transition: all 200ms;
}

#sortable1 li::after,
#sortable2 li::after {
  right: 7px;
  top: 0px;
  font-size: 12px;
  position: absolute;
  cursor: pointer;
  color: #1f92d1;
  line-height: 38px;
  transition: all 200ms;
  transition-timing-function: cubic-bezier(0.48, 0.72, 0.62, 1.5);
  transform: translateX(50%);
  opacity: 0;
}

#sortable1 li::after {
  content: "drag \2192";
}

#sortable2 li::after {
  content: "drag \2190";
}

#sortable1 li:hover:after,
#sortable2 li:hover:after {
  opacity: 1;
  transform: translate(0);
}

.manage-drag span.title {
  display: block;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0px;
  font-size: 15px;
  background: #1f92d1;
  padding: 8px 10px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

.manage-drag.modal-body {
  padding: 30px;
}

.drag-box {
  background: #e8e8e8;
  border-radius: 3px;
  margin: 5px 5px;
  padding: 10px;
  width: auto;
}

/**/

.confirmation {
  width: 35%;
  margin: 80px auto;
  box-shadow: 0px 1px 32px 2px rgb(90 90 113 / 20%);
  border-radius: 10px;
  padding: 35px;
  text-align: center;
}

.confirmation h1 {
  margin: 0px 0 15px 0;
  font-size: 28px;
  color: #1f92d1;
}

.confirmation p {
  color: #6d7186;
}

.confirmation p a {
  color: #1f92d1;
  font-weight: bold;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.confirmation p a:hover {
  color: #f3b007;
}

.confirm-icon svg {
  fill: #7eca18;
}

.confirmation .confirm-icon {
  margin-bottom: 25px;
}

.confirmation p.p1 {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.bottom-pic {
  margin-bottom: 50px;
}

.pic1 {
  width: 450px;
  height: 350px;
  background: url(../img/whiteboard/whiteboard1.jpg) no-repeat left;
  float: right;
}

.pic2 {
  width: 450px;
  height: 350px;
  background: url(../img/projectmanagement/project1.jpg) no-repeat right;
  float: right;
}

/* */

.jira-error {
  display: block;
  font-weight: 100;
  font-size: 13px;
  color: #e63d3d;
}

.error-section p {
  margin-bottom: 5px;
}

.preview-title .control-label {
  background: #e7e7e7;
  padding: 10px;
  display: block;
  margin-bottom: 15px;
  color: #4c4c4c;
}

.voting-modal h5.modal-title {
  font-size: 18px;
}

.voting-modal .voting-plus button,
.voting-modal .voting-minus button {
  border: 0;
  outline: none;
  background: none;
  box-shadow: none;
  height: 39px;
  transition: all 0.4s ease-in-out 0s;
}

.voting-modal .voting-plus button:hover,
.voting-modal .voting-minus button:hover {
  background: #e7e7e7;
}

.voting-modal .voting-plus button {
  border-top: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.voting-modal .voting-minus button {
  border-top: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.voting-modal .voting-plus button svg {
  fill: #27ae60;
}

.voting-modal .voting-minus button svg {
  fill: #e74c3c;
}

#head-votingList {
  cursor: move !important;
  z-index: 10;
  width: 594px;
  height: 55px;
  background: #fff;
  transition: height 0.2s linear, top 0.2s linear;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  left: inherit;
  right: 20px;
  top: 20px;
}

#votingSessionText {
  color: #6d7186;
  margin: 0;
}

.voting-text {
  vertical-align: middle;
  min-height: 55px;
  align-items: center;
  display: flex;
}

#votingBubbles .btn-circle {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 15px;
  border-radius: 50% !important;
  position: absolute;
  z-index: 1;
  border: 5px #d2d2d2 solid;
}

.end-voting {
  min-height: 55px;
  align-items: center;
  display: flex;
  padding: 0px;
}

.end-voting button {
  border: 0;
  background: none;
  font-weight: 600;
  outline: none;
  position: relative;
  padding: 16px 20px;
  width: 100%;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  text-align: center;
  height: 55px;
  border-left: 1px #ccc solid;
  transition: 0.3s ease all;
}

.end-voting button:hover {
  background: #1f92d1;
  color: #fff;
  border-color: #1f92d1;
}

.end-voting button:hover svg {
  fill: #fff;
}

.end-voting button svg {
  margin-right: 5px;
  float: left;
  transition: 0.3s ease all;
}

.end-voting button span {
  margin-top: 2px;
  float: left;
  height: 24px;
}

/* Voting Results */

#votingResults {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: auto;
  z-index: 999999;
}

#votingHeadList {
  height: 100%;
  background: #1f2f44;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  box-shadow: 5px 0 25px 0 rgb(30 39 49 / 50%);
  z-index: 999;
}

#votingActualResult {
  height: 100%;
  background: #344356;
  overflow-y: auto;
}

.votingContent {
  padding-top: 9rem;
}

.votingContentMenu {
  color: #fff;
}

.votingMenu {
  padding: 5% 0 5% 10%;
  background: #2c4667;
  cursor: pointer;
  border-bottom: 2px solid #23282e;
}

.votingMenu:hover {
  background: #000;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.votingMenu a svg {
  fill: #fff;
  float: right;
  margin-right: 10px;
}

#votingContentUl .active {
  background: #000;
}

#votingContentUl li {
  position: relative;
  transition: 0.5s;
}

#votingContentUl li::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #3498db;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s;
}

#votingContentUl li:hover {
  color: #95a5a6;
}

#votingContentUl li:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.votingResultCancel {
  margin: 2%;
}

.votingResultContent {
  width: 85%;
  margin-left: 5%;
  color: white;
}

.votingResultContentHeader {
  width: 85%;
  margin-left: 4%;
  color: white;
}

.votingResultContentHeader h4 {
  position: relative;
  padding-left: 35px;
}

.votingResultContentHeader h4 svg {
  position: absolute;
  left: 0;
  top: -2px;
  fill: #fff;
}

.stickyNotes {
  width: 100%;
  height: 15%;
  padding: 10%;
  word-break: break-all;
  border-radius: 4px;
}

.sticky-box h6 span {
  background: #fff;
  padding: 5px;
  color: #000;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 16px;
  font-weight: 600;
  margin-left: 5px;
}

.sticky-box h6 {
  font-size: 13px;
}

.voteCount {
  padding: 8px 0;
  border-bottom: 1px solid #5074a0;
  margin-bottom: 35px;
}

.votingContentDiv {
  margin-bottom: 5%;
}

.votingContentDiv .sticky-box {
  margin-bottom: 15px;
}

/* Activation */

.activation {
  width: 60%;
  margin: 80px auto;
  box-shadow: 0px 1px 32px 2px rgb(90 90 113 / 15%);
  border-radius: 10px;
  padding: 35px;
  background: #fff;
}

.activation .send-icon {
  text-align: center;
}

.activation .activation-title {
  padding-bottom: 5px;
  margin: 15px 0 30px 0;
  border-bottom: 1px solid #eee;
  text-align: center;
}

.activation .activation-title h1 {
  margin: 0px 0 15px 0;
  font-size: 28px;
  color: #1f92d1;
}

.activation label {
  color: #6d7186;
}

.activation label span {
  font-weight: 250;
}

.activation .form-group label.no-weight {
  font-weight: 100;
}

.activation .button-group a {
  top: -14px;
}

/* Reset Password */

.reset-password {
  width: 35%;
  margin: 80px auto;
  box-shadow: 0px 1px 32px 2px rgb(90 90 113 / 15%);
  border-radius: 10px;
  padding: 35px;
  background: #fff;
}

.reset-password .reset-title {
  padding-bottom: 5px;
  margin: 20px 0 30px 0;
  border-bottom: 1px solid #eee;
  text-align: center;
}

.reset-password .reset-title h1 {
  margin: 0px 0 15px 0;
  font-size: 28px;
  color: #1f92d1;
}

.reset-password .reset-title p {
  color: #6d7186;
}

.reset-password .reset-icon {
  text-align: center;
}

.reset-password .reset-icon svg {
  fill: #1f92d1;
}

.reset-password .btn-reset {
  background: none;
  box-shadow: none;
  outline: none;
  color: #1f92d1;
  padding: 7px 20px;
  border: 2px #1f92d1 solid;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  position: relative;
  width: 100%;
  margin-top: 15px;
}

.reset-password .btn-reset span {
  position: relative;
  z-index: 2;
  font-size: 15px;
}

.reset-password .btn-reset:hover {
  border-color: #1f92d1;
  color: #fff;
}

.reset-password .btn-reset::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #1f92d1;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.reset-password .btn-reset:hover::after {
  width: 100%;
}

.reset-password .form-group label.color {
  color: #6d7186;
}

.reset-password .help-block {
  color: #f00 !important;
}

/* Project Management Dashboard Progress Bar */

.progress {
  margin: auto;
  background-color: #d8d8d8 !important;
  border-radius: 20px !important;
  position: relative;
  width: 90%;
  top: 3px;
  display: block !important;
  margin-bottom: 20px;
}


.progress-done {
  background: linear-gradient(to left, #f2709c, #ff9472);
  box-shadow: 0 3px 3px -5px #2ecc71, 0 2px 5px #27ae60;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: 1s ease 0.3s;
}

.progress-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 11px;
	font-weight: 600;
	color: #000; 
	white-space: nowrap;
	pointer-events: none;
  text-transform: uppercase;
}

.upgrade-info {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  color: #555;
  background: #f1f3f5;
  border-radius: 5px;
  font-weight: bold !important;
}

.upgrade-info i {
  font-size: 12px;
  color: #6c757d;
}


.stripes {
  background-size: 30px 30px;
  background-image: linear-gradient(135deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}

.stripes.animated {
  animation: animate-stripes 0.6s linear infinite;
}

.stripes.animated.slower {
  animation-duration: 1.65s;
}

.stripes.reverse {
  animation-direction: reverse;
}

@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 60px 0;
  }
}

/* Social Media Icons */

.icon-button {
  background-color: #fff;
  border-radius: 2.6rem;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  width: 50px;
  height: 50px;
  line-height: 2.6rem;
  margin: 0 5px 0 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0;
}

.icon-button:hover span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: -25px;
  border: 2px #fff solid;
}

.icon-button i {
  background: none;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10;
}

.facebook span {
  background-color: #3b5998;
}

.twitter span {
  background-color: #4099ff;
}

.linkedin span {
  background-color: #4099ff;
}

.youtube span {
  background-color: #bb0000;
}

.icon-button .icon-facebook {
  color: #3b5998;
}

.icon-button .icon-twitter {
  color: #4099ff;
}

.icon-button .icon-linkedin {
  color: #0076b4;
}

.icon-button .icon-youtube {
  color: #bb0000;
}

.icon-button:hover .icon-facebook,
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-linkedin,
.icon-button:hover .icon-youtube {
  color: #fff !important;
}

/**/

.enterprise .main-heading,
.signup-signin .main-heading,
.whiteboard-sec .main-heading {
  border-bottom: 0px;
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 45px;
}

.enterprise .main-heading::after,
.signup-signin .main-heading::after,
.whiteboard-sec .main-heading::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 3px;
  /* background: #1f92d1; */
  bottom: 0px;
  left: 0;
}

.image-upload-sec .fileupload-buttonbar {
  margin-top: 50px;
}

/* Program Selection */

.program-selection {
  margin: 0 0 20px 0;
}

/* program card update */

#allprograms {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 0 auto;
}

#allprograms .program-newcard {
  width: 22.99%;
  padding: 0px;
  margin-bottom: 2rem;
}

#allprograms .card-body {
  padding: 1.875rem;
  flex: 1 1 auto;
  min-height: 1px;
  height: 130px;
}

.program-card {
  display: flex;
  flex-direction: column;
  /* margin-bottom: 35px; */
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  transition: all 0.5s ease-in-out;
  position: relative;
  border: 0 solid transparent;
  border-radius: 15px;
  /*box-shadow: 0 12px 23px 0 rgb(0 0 0 / 5%);*/
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  min-height: 125px;
  height: auto;
  cursor: pointer;
}


.card-main {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.card-main .program-icon {
  width: 50px;
  min-width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 20px;
  display: flex;
  transition: all 0.5s;
  border-radius: 100%;
  text-align: center;
  align-items: center;
}

.card-main .effect {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.card-main p {
  transition: all 0.5s;
  margin: 0;
  color: #6d7186;
  font-weight: 600;
  padding: 3px 5px;
}

.card-main p.unbold {
  font-weight: normal !important;
  font-size: 12px;
  font-style: italic;
}


.card-main:hover .program-icon {
  background: #fff !important;
}

.card-main:hover .effect {
  width: 225%;
  height: 562px;
}

.card-main:hover p {
  color: #fff;
}

.card-main.green.active {
  background-color: #2bc155;
}

.card-main.dark-vilot.active {
  background-color: #625b9a;
}

.card-main.grey.active {
  background-color: #4e6882;
}

.card-main.dark-green.active {
  background-color: #00b5b5;
}

.card-main.vilot.active {
  background-color: #a02cfa;
}

.card-main.pink.active {
  background-color: #f94687;
}

.card-main.yellow.active {
  background-color: #ffbc11;
}

.card-main.blue.active {
  background-color: #1f92d1;
}

.card-main.orange.active {
  background-color: #fa752e;
}

.card-main.active p {
  color: #fff;
}

.program-icon svg {
  margin: 0 auto;
}

.card-body {
  padding: 1.875rem;
  flex: 1 1 auto;
  min-height: 1px;
  /* height:130px; */
}

.align-items-center {
  align-items: center !important;
}

.program-selection .media {
  display: flex;
  align-items: flex-start;
}

.program-icon.bg1 {
  background: #e3f9e9;
  border-color: #e3f9e9;
}

.program-icon.bg2 {
  background: #dfdcfb;
  border-color: #dfdcfb;
}

.program-icon.bg3 {
  background: #d0fdfd;
  border-color: #d0fdfd;
}

.program-icon.bg4 {
  background: #e8e8e8;
  border-color: #e8e8e8;
}

.program-icon.bg5 {
  background: #f1dffe;
  border-color: #f1dffe;
}

.program-icon.bg6 {
  background: #fff3f7;
  border-color: #fff3f7;
}

.program-icon.bg7 {
  background: #fff5dd;
  border-color: #fff5dd;
}

.program-icon.bg8 {
  background: #e7f7ff;
  border-color: #e7f7ff;
}

.program-icon.bg9 {
  background: #ffeade;
  border-color: #ffeade;
}

.program-icon.bg10 {
  background: #ffe5ee;
}

.bg11 {
  background: #6eade7;
}

.program-selection .media-body {
  flex: 1 1;
}

.program-icon.bg1 svg {
  fill: #27bc48;
}

.program-icon.bg2 svg {
  fill: #625b9a;
}

.program-icon.bg3 svg {
  fill: #00b5b5;
}

.program-icon.bg4 svg {
  fill: #4e6882;
}

.program-icon.bg5 svg {
  fill: #a02cfa;
}

.program-icon.bg6 svg {
  fill: #ff3282;
}

.program-icon.bg7 svg {
  fill: #ffbc11;
}

.program-icon.bg8 svg {
  fill: #1f92d1;
}

.program-icon.bg9 svg {
  fill: #fa752e;
}

.program-icon.bg10 svg {
  fill: #e2608f;
}

.bg-full-1 {
  background-color: #45d66e;
}

.bg-full-2 {
  background-color: #625b9a;
}

.bg-full-3 {
  background-color: #00b5b5;
}

.bg-full-4 {
  background-color: #4e6882;
}

.bg-full-5 {
  background-color: #b55cfb;
}

.bg-full-6 {
  background-color: #f9669b;
}

.bg-full-7 {
  background-color: #ffbc11;
}

.bg-full-8 {
  background-color: #3ea9e4;
}

.bg-full-9 {
  background-color: #f98c53;
}

.bg-full-10 {
  background-color: #fd79a8;
}

.program-content {
  margin-bottom: 20px;
}

.program-tooltip {
  display: inline-block;
  position: relative;
  border-bottom: 1px dotted #666;
  text-align: left;
  opacity: inherit;
  font-size: 12px;
  font-family: 'Sora', sans-serif;
}

.program-tooltip h3 {
  margin: 12px 0;
}

.program-tooltip .top {
  min-width: 285px;
  max-width: 400px;
  top: -20px;
  left: 50%;
  transform: translate(-30%, -100%);
  padding: 20px 20px;
  color: #ffffff;
  background-color: #33383a;
  font-weight: normal;
  font-size: 14px;
  border-radius: 4px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  display: none;
}

.program-tooltip:hover .top {
  display: block;
}

.program-tooltip .top p {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
}

.program-tooltip .top i {
  position: absolute;
  top: 100%;
  left: 30%;
  margin-left: -15px;
  width: 30px;
  height: 15px;
  overflow: hidden;
}

.program-tooltip .top i::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #33383a;
}


/* Manage Ideas Sidebar Expand-Collapse */

.sidebar-form ul {
  list-style: none;
  padding: 0;
}

.sidebar-form ul .inner {
  overflow: hidden;
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

/*.sidebar-form ul .inner.disply {
    display: block;
}*/
.sidebar-form ul li {
  margin: 10px 0;
}

.sidebar-form ul li a.toggle {
  width: 100%;
  display: block;
  background: #344356;
  color: #fefefe;
  padding: 10px 20px 10px 20px;
  border-radius: 0;
  transition: background 0.3s ease;
  text-decoration: none;
  text-align: left;
}

.sidebar-form ul li a.toggle:hover {
  background: #2a3748;
}

.sidebar-form ul li {
  position: relative;
}

.sidebar-form .form-group {
  margin-bottom: 15px !important;
}

.rotate-icon {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 20px;
  margin-left: auto;
  margin-right: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  transform: rotate(0deg);
}

.sidebar-form ul li a.toggle.active .rotate-icon {
  transform: rotate(180deg);
}

.sidebar-form ul li a.toggle svg {
  position: absolute;
  left: 13px;
  fill: #fff;
  width: 18px;
  height: 18px;
}

/* Breadcrumb Link */

.b-breadcrumb {
  width: 100%;
  padding: 8px 16px;
  margin: 0 0 30px 0;
  background-color: #f3f3f3;
  border-radius: 15px;
  font-family: 'Sora', sans-serif;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.b-breadcrumb::after {
  clear: both;
  content: "";
  display: table;
}

.b-breadcrumb li {
  /* display: inline-block; */
  float: left;
  margin: 8px 0;
  position: relative;
}

.b-breadcrumb li:nth-child(2) {
  color: #587182;
}

.b-breadcrumb li::after {
  display: inline-block;
  margin: 0 8px;
  color: #959fa5;
}

.b-breadcrumb li:last-of-type::after {
  display: none;
}

.b-breadcrumb li:first-of-type a {
  margin-left: 30px;
}

.b-breadcrumb li>* {
  display: inline-block;
  font-size: 14px;
  color: #587182;
  transition: 0.4s ease all;
}

.b-breadcrumb li.current>* {
  color: #90b939;
  font-weight: 600;
}

.b-breadcrumb li>a {
  position: relative;
}

.b-breadcrumb li>a:hover:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  border-width: 0 0 1px;
  border-style: solid;
}

.b-breadcrumb.custom-separator li::after {
  content: "";
  height: 16px;
  width: 16px;
  background: url(../img/icons/custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}

.b-breadcrumb li svg {
  fill: #587182;
  position: absolute;
}

/* Idea Sort */

.sortContent {
  min-width: 325px;
  padding: 20px 20px 10px 20px;
  position: relative;
  display: inline-grid;
}

.sort-section {
  float: right !important;
}

.sort-section .dropdown-menu {
  border: 0;
  right: -1px;
  left: auto;
  padding-top: 0;
  padding-bottom: 20px;
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.5s ease all;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 10%) !important;
  box-shadow: 0 6px 12px rgb(0 0 0 / 10%) !important;
}

.dropdown.sort-section.open .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(1px);
  transition: 0.4s ease all;
}

.sort-section .dropdown-menu .form-group label {
  color: #6d7186;
  font-size: 13px;
  cursor: move;
  font-weight: 400;
}

.sort-section button.btn {
  margin-right: 20px;
}

.sort-section a svg {
  fill: #fff;
  position: absolute;
  left: 6px;
}

.sort-section>a {
  background: #1f92d1;
  color: #fff;
  margin-right: 0px !important;
  padding: 10px 10px 10px 30px !important;
  cursor: pointer !important;
  transition: 0.5s ease all;
}

.sort-section>a:hover {
  background: #1883bd !important;
  color: #fff !important;
  border-color: #1883bd !important;
}

.sort-section .form-group select.form-control {
  height: 30px !important;
  padding: 3px 35px 3px 8px !important;
}

.sort-section .form-group select {
  background: url(../img/icons/select-down-small.jpg) no-repeat right;
}

.sort-section span.sort-note {
  color: #55abda;
  font-size: 13px;
  padding-left: 20px;
  position: relative;
  top: 6px;
  font-weight: 300;
}

.sort-section .form-group .row .col-md-6:first-of-type {
  min-height: 30px;
  display: flex;
  align-items: center;
}

/**/

.arrow-box {
  position: relative;
  border: 1px solid #c2e1f5;
  margin: 50px 0 0 0;
  padding: 8px;
  color: #fff;
  border-radius: 4px;
  font-style: italic;
  font-size: 13px;
}

.arrow-box:after,
.arrow-box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow-box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #495b72;
  border-width: 9px;
  margin-left: -9px;
}

.arrow-box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #c2e1f5;
  border-width: 11px;
  margin-left: -11px;
}

/* Workflow Automation */

.add-trigger {
  margin-bottom: 0px;
}

.add-trigger input {
  background: #14C65B url(../img/icons/plus-icon.png) no-repeat left;
  float: right;
  padding: 6px 14px;
  background-position-x: 4px;
}

.add-trigger input:hover {
  background: #0fab4d url(../img/icons/plus-icon.png) no-repeat left;
  background-position-x: 4px;
  opacity: 0.8;
}

.save-trigger {
  margin-top: 0px;
}

.save-trigger input {
  background: #1f92d1 url(../img/icons/save-icon.png) no-repeat left;
  float: right;
  padding: 6px 14px;
  background-position-x: 4px;
}

.save-trigger input:hover {
  background: #1f92d1 url(../img/icons/save-icon.png) no-repeat left;
  background-position-x: 4px;
}

.function-value input {
  display: block;
  width: 100% !important;
  height: 39px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #555555 !important;
  background-color: #ffffff !important;
  border: 1px solid #dddddd !important;
  border-radius: 0px !important;
  outline: none;
  -webkit-transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.5s ease 0s !important;
}

.function-value input:focus {
  border-color: #75a5e4 !important;
  outline: 0;
  box-shadow: none;
  padding-left: 20px !important;
}

.error-fix {
  min-height: 96px;
}

.dropzone {
  background: white;
  border-radius: 5px;
  border: 1px dashed #babfc3 !important;
  border-image: none;
  max-width: 100%;
  height: auto;
  min-height: 150px !important;
  margin-top: 10px;
}

.dropzone .dz-message {
  margin: 3em 0 !important;
}

.dz-message .fa-cloud-upload {
  display: block;
  font-size: 40px;
  color: #78c350;
}

.action-functional span.titleAlert {
  display: block;
  margin-bottom: 0;
}

.button-position {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 999999;
  background: #fff;
  padding: 10px;
}

.button-position button:first-child {
  margin-right: 10px;
}

.save-position {
  float: right;
  position: relative;
  top: -34px;
}

.workflow-popup .tab-head h4 {
  background: none;
  color: #1f92d1;
  margin-top: 0;
  padding: 0 0;
}

.workflow-popup .tab-head>svg {
  fill: #1f92d1;
  position: absolute;
  right: 25px;
  top: -10px;
  cursor: pointer;
}

.custom-btn1 {
  background: #fff;
  color: #1f92d1;
  border: 1px #1f92d1 solid !important;
  padding: 7px 12px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none;
  margin-right: 10px;
  transition: all 0.2s linear 0s;
}

.custom-btn1:focus,
.custom-btn1:active,
.custom-btn1:hover {
  box-shadow: none !important;
  background: #fff;
  outline: none !important;
  color: #1f92d1 !important;
}

.custom-btn2 {
  background-color: #49b1ea;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14),
    0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
  border: none;
  padding: 8px 20px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none;
  transition: all 0.2s linear 0s;
}

.custom-btn2:focus,
.custom-btn2:active,
.custom-btn2:hover {
  box-shadow: none !important;
  background: #1887c3;
  outline: none !important;
  color: #fff !important;
}

.delete-button {
  background: #d9534f;
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  bottom: 24px;
  cursor: pointer;
  border-radius: 5px;
}

.delete-button svg {
  fill: #fff;
}

.action-functional .alert-error {
  color: #b94a48;
}

/* Personal Profile */

#ocean_assessment {
  width: 100%;
  height: 435px;
}

#disc_assessment {
  width: 100%;
  height: 435px;
}

#mbtiChart {
  width: 100%;
  height: 400px;
  margin: 1em auto;
}

.chart-content ul li {
  color: #6d7186;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 6px;
  list-style-image: url(../img/icons/arrow-list.png);
  padding-left: 10px;
  margin-left: 15px;
}

.chart-content h3 {
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
}

.chart-content big {
  font-size: 15px;
  font-weight: 600;
  color: #6d7186;
}

.walloffame #owl-adssection .owl-pagination #owl-page-1 .owl-numbers,
.walloffame #owl-adssection .owl-pagination #owl-page-2 .owl-numbers,
.walloffame #owl-adssection .owl-pagination #owl-page-3 .owl-numbers,
.walloffame #owl-adssection .owl-pagination #owl-page-4 .owl-numbers {
  font-size: 0;
  top: -7px;
  right: -7px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.walloffame #owl-adssection .owl-pagination #owl-page-1 .owl-numbers {
  background: url(../img/icons/spotlight.png) no-repeat left;
  width: 71px;
}

/* .walloffame #owl-adssection .owl-pagination #owl-page-2 .owl-numbers {
    background: url(../img/icons/wall-of-fame.png) no-repeat left;
    width: 83px;
}
.walloffame #owl-adssection .owl-pagination #owl-page-3 .owl-numbers {
    background: url(../img/icons/meet-mentors.png) no-repeat left;
    width: 61px;
}
.walloffame #owl-adssection .owl-pagination #owl-page-4 .owl-numbers {
    background: url(../img/icons/meet-judges.png) no-repeat left;
    width: 56px;
}  */
.summary-section {
  margin-top: 50px;
}

.summary-section p {
  color: #6d7186;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 6px;
}

.popup-list .headerText a,
.box_outer .top-idea-title a {
  color: #6d7186;
  transition: 0.4s ease all;
}

.popup-list .headerText a:hover,
.box_outer .top-idea-title a:hover {
  color: #1f92d1;
}

.box_outer .top-idea-title {
  margin-bottom: 10px;
}

@media (max-width: 370px) {
  .give-away-popup-xxs {
    position: absolute;
    top: 84px !important;
    right: 0;
    margin-right: 0;
  }
}

@media (min-width: 371px) and (max-width: 500px) {
  .give-away-popup {
    position: absolute;
    top: 63px !important;
    right: 0;
    margin-right: 0;
  }
}

@media (min-width: 500px) {
  .give-away-popup-xs {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
  }
}

.content-fix p {
  margin-bottom: 10px;
}

.user-profile h3.widget_title {
  font-size: 20px;
  margin-bottom: 15px;
}

/* Survey Page */

/* .survey-part .tab-pane {
  margin-top: 70px;
} */

.survey-part .form-group .col-md-12 {
  margin-bottom: 15px;
}

.survey-part .optionLabel {
  color: #6d7186;
  display: block;
  padding: 6px 8px 8px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s ease all;
  margin: 1rem 1rem 2rem 1rem;
}

.survey-part .optionLabel:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #484a56;
}

.survey-part .survey-label {
  color: #535665;
  font-size: 15px;
}

.survey-part .optionLabel input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  border: 1px #b1b9c3 solid !important;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  margin-top: 0px;
  outline: none;
  /*z-index: 1000;*/
  border-radius: 50% !important;
}

.survey-part .optionLabel input:checked {
  background: #1f92d1;
  border: 0px !important;
}

.survey-part .optionLabel input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  content: "✔";
  display: inline-block;
  font-size: 13px;
  text-align: center;
  line-height: 20px;
}

.survey-part .optionLabel input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #1f92d1;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
}

.survey-part .optionLabel input[type="radio"]::after {
  border-radius: 50% !important;
}

.survey-preview-popup {
  width: auto;
  margin: inherit;
  border-radius: inherit;
  box-shadow: none;
  padding: 0;
}

.preview-modal-lg {
  width: 1100px;
}

.survey-form .welcome-dis {
  font-size: 17px;
  text-align: center;
  color: #fff;
  width: 75%;
  margin: 0 auto;
}

/* */

.voting {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  direction: rtl;
  text-align: left;
  margin-top: 5px;
}

.star {
  position: relative;
  line-height: 30px;
  display: inline-block;
  transition: color 0.2s ease;
  color: #d7cfcf;
}

.star:before {
  content: "\2605";
  width: 30px;
  height: 30px;
  font-size: 30px;
}

.star:hover,
.star.selected,
.star:hover,
.star.selected {
  transition: color 0.8s ease;
  color: #e67e22;
}

/* Global Search */

.global-search {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 999999;
}

.global-search .fa-search {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: rgb(31 146 209);
  color: #fff;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  font-size: 15px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.global-search .fa-search.search-selected {
  background: rgb(248 163 38);
}

.is-hidden {
  display: none;
}

.global-search .g-search {
  cursor: pointer;
}

.wrap-height {
  min-height: 200px;
}

.g-search-wrap {
  position: fixed;
  background: rgba(52, 67, 86, 0.97);
  top: 81px;
  left: 0;
  right: 0;
  z-index: 99;
}

.g-search-wrap .g-secondary-wrap {
  margin: 0 auto;
  width: 1020px;
  max-width: 1220px;
  padding: 20px;
}

.g-search-wrap.wrap-height {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  transition: 0.4s ease all;
}

.wrap-height.is-hidden {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
  transition: 0.5s ease all;
}

.close-search {
  position: absolute;
  right: 32px;
  top: 26px;
  width: 32px;
  height: 32px;
  opacity: 0.4;
  transition: transform 0.25s, opacity 0.25s;
}

.close-search:hover {
  opacity: 1;
  transform: rotate(90deg);
}

.close-search:before {
  transform: rotate(45deg);
}

.close-search:after {
  transform: rotate(-45deg);
}

.close-search:after,
.close-search:before {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 1px;
  background-color: #fff;
}

.global-search-content {
  width: 450px;
  margin: 0;
  padding: 22px 0 0 0;
  position: relative;
}

.g-search-popup .s {
  background-color: transparent;
  border: 1px solid #dddddd;
  font-size: 14px;
  line-height: 32px;
  color: #333;
  padding: 0;
  outline: 0;
  width: 120%;
  border-radius: 6px;
  padding-left: 15px;
  font-family: 'Sora', sans-serif;
}

.s::placeholder {
  color: #ffffff;
  opacity: 1;
}

.s:-ms-input-placeholder {
  color: #ffffff;
}

.s::-ms-input-placeholder {
  color: #ffffff;
}

.g-search-toggle {
  position: absolute;
  left: 98%;
  right: 0;
}

.toggle-button-cover {
  position: absolute;
  right: 29.3%;
  bottom: -12px;
  box-sizing: border-box;
}

.button-cover,
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.knobs-smalltext {
  font-size: 10px;
  padding: 10px 10px 10px 8px;
  color: #a1a1a1;
}

.button {
  position: relative;
  width: 106px;
  height: 34px;
  overflow: hidden;
  top: -12px;
  left: -8px;
}

.button.r,
.button.r .layer {
  border-radius: 6px;
}

.g-search-toggle .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.g-search-toggle .checkbox::before,
.g-search-toggle .checkbox::after {
  content: inherit !important;
}

.knobs {
  z-index: 2;
}

.layer {
  width: 100%;
  background-color: #e1e1e1;
  transition: 0.3s ease all;
  z-index: 1;
  border: 1px solid #ddd;
}

#button-1 .knobs:before {
  content: "People";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 34px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 11px 8px;
  background-color: #1f92d1;
  border-radius: 6px;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked+.knobs:before {
  content: "Skills";
  left: 46px;
  background-color: #e49118;
}

#button-1 .checkbox:checked~.layer {
  background-color: #e1e1e1;
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
  transition: 0.3s ease all;
}

.searchAlert {
  color: #ff6760;
  font-family: 'Sora', sans-serif;
  font-size: 12px;
  font-weight: 500;
  margin-top: 3px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 550px;
  overflow: auto;
  border: 0;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 40vh;
  box-shadow: 0 0 60px rgb(34 34 34 / 25%);
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.dropdown-content a {
  color: #6d7186;
  text-decoration: none;
  display: block;
}

.dropdown-content span {
  color: black;
  text-decoration: none;
  padding: 5px;
}

.skillDiv .bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: 100% !important;
  font-size: 14px;
  padding-left: 15px;
  color: #333;
}

.skillDiv .twitter-typeahead {
  padding: 12px 16px;
  border-radius: 10px !important;
  border: 1px solid #dddddd;
  font-size: 20px;
  line-height: 32px;
  padding: 0;
  outline: 0;
  width: 100%;
}

.global-search-content .bootstrap-tagsinput {
  background: none;
  border: 0;
  width: 100%;
  font-size: 25px;
  color: #fff;
  padding: 0px;
  margin: 0px;
}

.global-search-content .skillDiv .tt-input::placeholder {
  color: #333333;
  opacity: 1;
}

.global-search-content .skillDiv .tt-input:-ms-input-placeholder {
  color: #333333;
}

.global-search-content .skillDiv .tt-input::-ms-input-placeholder {
  color: #333333;
}

.global-search-content .peopleDiv input.s::placeholder {
  color: #333333;
  opacity: 1;
}

.global-search-content .peopleDiv input.s:-ms-input-placeholder {
  color: #333333;
}

.global-search-content .peopleDiv input.s::-ms-input-placeholder {
  color: #333333;
}

.g-search-popup .dropdown-content .dataTables_wrapper {
  padding: 25px;
}

.g-search-popup .dropdown-content .dataTables_wrapper>table {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.global-search-content .skillDiv .tt-dataset-skills {
  color: #6d7186;
  box-shadow: 0 0 60px rgb(34 34 34 / 25%);
}

.global-search-content .skillDiv .tt-dataset-skills .tt-suggestion {
  font-size: 14px;
  padding: 0 20px;
  line-height: 39px;
}

.global-search-content .skillDiv .tt-dataset-skills .tt-suggestion:hover {
  background: #1f92d1;
}

/**/

.captcha-field {
  display: flex;
  margin-bottom: 5px;
}

.captcha-field #captchaContnet {
  display: flex;
}

.captcha-field #captchaContnet svg {
  border-radius: 4px;
  display: inline-block;
}

.captcha-field span.equal {
  height: 39px;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.captcha-field #userCaptcha {
  width: auto;
  /*width: 103px !important;*/
  display: inline-block;
  text-align: center;
}

.captcha-field #userCaptcha:focus {
  padding: 9px 12px !important;
}

.captcha-field input[type="number"]::-webkit-inner-spin-button,
.captcha-field input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.reloadBtn {
  margin-left: 14px;
  border: 0;
  outline: none;
  padding: 5px 15px 0;
  background: #fff;
  border-radius: 4px;
}

.reloadBtn svg {
  fill: rgba(0, 0, 0, 0.3);
  transform-origin: center center;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
}

.reloadBtn:hover svg {
  fill: rgba(31, 146, 209, 0.9);
  transform: rotate(180deg);
}

.otp-verify {
  font-weight: 600 !important;
  margin-bottom: 10px;
}

.time-left {
  margin: 15px 0;
}

.resend-otp span {
  margin-right: 20px;
}

.resend-otp i {
  color: #fff940;
  margin-right: 3px;
}

.resend-otp-btn {
  padding: 0;
  background: none !important;
  border: 0;
  box-shadow: none !important;
  vertical-align: baseline;
  color: #fff700 !important;
  outline: none !important;
  font-weight: 600;
  text-decoration: underline;
}

.resend-otp-btn:hover,
.resend-otp-btn:focus,
.resend-otp-btn:active {
  background: none;
  box-shadow: none;
  color: #fff940;
  text-decoration: underline;
}

/**/

.validation-box .card-header {
  display: none;
}

.eye-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  position: absolute;
  top: 35px;
  right: 6%;
  fill: #1f92d1;
}

/* Award Listing */

.award-listing h1 {
  background: #f4f4f4;
  font-size: 18px;
  color: #2492c4;
  padding: 8px 15px;
  font-weight: 600;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 40px;
}

.award-listing h1 span {
  position: relative;
  top: 2px;
  left: 13px;
  text-shadow: 1px 1px #ffffff;
}

.award-box-main {
  width: auto;
  background: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.award-box-bg {
  height: 118px;
  background: url("../img/box-bg.png") no-repeat top;
  position: relative;
  background-size: cover;
  border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
}

.award-box-content {
  padding: 35px 35px 25px 35px;
  text-align: center;
}

.award-box-content h2 {
  margin-bottom: 5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.award-box-content .name {
  color: #454545;
  font-size: 18px;
  margin-top: 20px;
}

.award-box-content span.award {
  color: #fca41f;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.award-points {
  /* border-top: 1px #eaeaea solid;*/
  padding-top: 20px;
}

#connect .award-points {
  /* border-top: 1px #eaeaea solid;*/
  padding-top: 0px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;

}

#section-charts .award-points {
  padding-top: 50px;
}



.award-points span {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  position: relative;
  top: 3px;
  margin-left: 8px;
  transition: all 0.3s ease-in-out;
}

.awardee-pic {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.awardee-pic img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  border: 4px #fff solid;
  margin: 65px auto;
  object-fit: cover;
  /*transition: all 0.3s ease-in-out;*/
}

/* .award-box-main:hover .awardee-pic img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
} */

.award-icon {
  max-width: 36px;
  position: absolute;
  right: 10px;
  top: 18px;
}

.awards-icon {
  max-width: 36px;
  position: absolute;
  right: 10px;
  top: 4px;
  display: inline-block;

}

.awards-icon img {
  max-width: 100%;
  background: #fff;
  border-radius: 50%;
  padding: 5px;
}

.award-icon img {
  max-width: 100%;
  background: #fff;
  border-radius: 50%;
  padding: 5px;
}

.award-box-main:hover .award-points span {
  color: #005a83;
}

.award-icon-profile {
  max-width: 40px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  top: -20px;
  left: -5px;
  background: #7b7b7b;
  width: 60px;
  border-radius: 50%;
  padding: 10px;

}

.award-icon-profile img {
  max-width: 100%;
}

.award-listing-profile .award-box-content {
  padding: 0;
  text-align: right;
}

.showMore {
  color: #6d7186;
  font-size: 13px;
  transition: all 0.3s ease-in-out;
  margin-right: 5px;
  cursor: pointer;
  display: inline-block;
  border-bottom: 1px #d5cccc solid;
  font-family: 'Sora', sans-serif;
}

.showMore:hover {
  border-bottom: 1px #6d7186 dashed;
  text-decoration: none;
}

.show-link .fa-caret-right {
  color: #1f92d1;
  font-size: 19px;
  position: relative;
  top: 5px;
  right: -2px;
}

.award-listing .dataTables_scrollHeadInner {
  width: 100% !important;
}

.award-listing .dataTables_scrollHeadInner>table {
  width: 100% !important;
}

/* */

.breakup {
  overflow: hidden;
  height: auto;
  border: 1px #d3d3d3 solid;
  border-radius: 4px;
  width: max-content;
  float: right;
  /* margin-top: 15px; */
}

.breakup-label {
  font-size: 12px;
  line-height: 16px;
  color: #6d7186;
}

.point-minus {
  font-size: 13px;
  line-height: 16px;
  color: #46991a;
  font-weight: 600;
  margin: 0px;
}

.breakup-points {
  color: #666;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  margin: 0px;
}

.point-small {
  width: 20px;
  margin-left: 10px;
}

.point-value {
  display: inline-block;
  padding: 10px 30px 10px 30px;
  border-right: 1px #ccc solid;
  position: relative;
}

.point-value:last-child {
  border: 0;
}

.breakup-minus,
.breakup-equal {
  position: absolute;
  width: 21px;
  height: 21px;
  right: -11px;
  top: 24px;
  z-index: 5;
}

.breakup-minus {
  background: url("../img/icons/award/breakup-minus.png") no-repeat top center;
}

.breakup-equal {
  background: url("../img/icons/award/breakup-equal.png") no-repeat top center;
}

.bg-grey {
  background: #f3f3f3;
}

.bg-grey p {
  color: #323030;
}

/**/

#chartdiv,
#awardRaceChart {
  width: 100%;
  height: 350px;
}

#engagementScoreChart {
  width: 100%;
  height: 350px;
}

.review-idea-panel {
  padding: 15px !important;
}

.review-details center {
  text-align: left;
}

.review-details {
  border-bottom: 1px #e9e9e9 solid;
  padding: 10px 0;
  color: #6d7186;
}

.review-details:last-child {
  padding-bottom: 0;
  border: 0;
}

.review-head {
  border-bottom: 1px #e9e9e9 solid;
  padding-bottom: 10px;
}

.review-head b {
  color: #1db4c7;
}

.review-details a {
  position: relative;
  text-decoration: none;
  color: #6d7186;
}

.review-details a:before {
  background: #1db4c7;
  bottom: -5px;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s linear 0s;
}

.review-details a:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: -3px;
  background: #1db4c7;
}

.review-details a:hover {
  color: #1db4c7;
}

/* Moods */

.home-section {
  height: auto;
  padding: 0 35px;
  font-family: 'Sora', sans-serif;
}

.home-section .mood-section .icon-part {
  text-align: center;
}

.home-section .mood-section {
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 5%);
  padding: 30px 35px 30px 35px;
  margin-bottom: 25px;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.home-section .mood-section,
.chart-section,
.start-section {
  min-height: 360px;
  background: #fff;
}

.home-section .mood-section ul li {
  margin-left: 5px;
  margin-right: 5px;
}

.home-section .mood-section .mood-sub3 {
  font-weight: 300;
}

.home-section .mood-section.screen1 .mood-icon {
  padding: 11px;
  /* width: 65px;
  height: 55px; */
}

.home-section .mood-section.mood-show.screen2 .mood-icon {
  padding: 10px;
}

.home-section .mood-section.mood-show .mood-icon {
  margin: 0 auto;
  width: auto;
}

.home-section .mood-section.mood-show.screen2 ul {
  margin-top: 0;
}

.home-section .mood-section.mood-show.screen2 .mood-feel {
  margin-bottom: 0px;
}

.home-section .mood-section.mood-show.screen3 ul {
  text-align: center;
  margin-top: 0;
}

.home-section .mood-section.mood-show.screen3 .mood-sub2 {
  text-align: center;
  margin: 15px 0 0 0;
}

.home-section .mood-section.mood-show.screen3 ul li {
  margin-left: 0;
}

.home-section .mood-section.mood-show.screen3 .mood-icon {
  width: max-content;
  padding: 10px;
}

.home-section .mood-section .mood-sub2 {
  font-size: 13px;
}

#connect .icon-part {
  display: flex;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

#programhome .icon-part {
  display: flex;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

#programhome .mood-section p {
  text-align: center;
}

#homepage .icon-part img {
  width: 35px !important;
}

#programhome .mood-section img {
  width: 25px !important;
}


.showBox-outer {
  height: 280px;
  display: table;
}

.showBox {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.mood-section.mood-show ul {
  margin-top: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 2400px) {
  .mood-section.mood-show ul {
    margin-top: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}

.home-section .mood-section.mood-show ul {
  margin-top: 0px;
}

.mood-section h1 {
  font-size: 18px;
  color: #0f7fbd;
  font-weight: 600;
  margin: 0 0 20px 0;
  display: inline-block;
}

.mood-section h1 img {
  margin-right: 15px;
}

.mood-section.mood-show .mood-icon {
  cursor: inherit;
}

.chart-section {
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 5%);
  padding: 30px 20px 20px 20px;
  margin-bottom: 25px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.chart-section h1 {
  font-size: 18px;
  color: #333;
  margin: 0 0 20px 23px;
  font-weight: 600;
  display: inline-block;
}

.mood-sub1 {
  font-size: 19px;
  color: #6d7186;
  margin-top: 40px;
  margin-bottom: 70px;
}

.mood-sub2 {
  font-size: 14px;
  color: #6d7186;
  margin: 20px 0 0 0;
  text-align: center;
  /* border-top: 1px solid #f1f1f1; */
  padding-top: 15px;
}

.mood-sub3 {
  font-size: 15px;
  color: #6d7186;
  margin-bottom: 20px;
  margin-top: 15px;
}

.mood-sub3 span {
  color: #ffb700;
  font-weight: 600;
}

.mood-sub1 span,
.mood-sub2 span {
  color: #ffb700;
  font-weight: 600;
}

.mood-section ul li {
  list-style: none;
  display: inline-block;
}

.mood-icon {
  list-style: none;
  background: #f3f3f3;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding: 12px;
  border: 1px #d5ba15 solid;
  transition: all 0.4s ease;
  cursor: pointer;
  text-align: center;
}

.mood-icon:hover {
  border: 1px solid #d5ba15;
  transform: translateY(-3px);
}

.mood-icon.active {
  border: 4px #a5d1e5 solid;
}

.home-section .mood-section ul li:last-child {
  margin-right: 0;
}

.mood-feel {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #6d7186;
  font-weight: 500;
  font-size: 12px;
}

.mood-date {
  text-align: center;
  margin-bottom: 10px;
  color: #6d7186;
  font-size: 11px;
}

.welcome-content {
  font-size: 15px;
  margin: 20px 35px;
  text-align: center;
  color: #6d7186;
  font-family: 'Sora', sans-serif;
  border-top: 1px solid #ddd;
  padding-top: 25px;
}

#announcementrow {
  position: absolute;
  width: 25%;
  display: block;
  z-index: 1000;
  top: 6.2em;
  right: 0px;

}



/* Timer */

.startBtn {
  border: none !important;
  background: #076091 !important;
  color: #fff !important;
  transition: all 0.2s linear 0s;
  font-size: 12px !important;
}

.startBtn:hover,
.startBtn:focus {
  /* box-shadow: 0 4px 12px 0 rgba(90, 141, 238, 0.6); */
  background: #1b7bb1 !important;
  color: #fff !important;
  outline: none !important;
}

.timer {
  font-size: 20px;
  width: 95px !important;
  border: 0;
  outline: none;
  height: 27px;
  padding: 5px;
  margin: 0 10px;
  position: relative;
  border-radius: 4px !important;
  color: #ffffff;
  background-color: #4ca8da;
}

.project-timer #editButton {
  width: 24px;
  height: 24px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: -2px;
}

.project-timer #editButton svg {
  fill: #fff;
}

.project-timer ul {
  position: absolute;
  top: -10px;
  right: 95px;
}

.project-timer ul li {
  display: inline-block;
}

.project-timer ul li:last-child {
  vertical-align: bottom;
}

.project-timer h4#addCardTitle {
  display: inline-block;
  top: -12px;
  position: relative;
}

.project-timer #startTimer {
  position: relative;
  top: -3px;
}

.upload-btn-section #downloadCardsTemplate {
  margin: 0;
  outline: none;
}

.separateTimer {
  font-size: 12px;
  width: 65px !important;
  outline: none;
  height: 27px;
  padding: 5px;
  margin: 0 10px;
  position: relative;
  border-radius: 4px !important;
  border: 1px #adadad solid;
  background-color: #ffffff;
  /* float: right;
  z-index: -1; */
}

.member-timer {
  margin-top: 2%;
}

.member-timer>div {
  display: inline-block;
}

.member-timer .avatar-title svg {
  float: right;
  fill: #7e7d7d;
}

/**/

.performer .Headerclass {
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  font-weight: bold;
  max-width: 95%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bestPerformerItemList .Headerclass {
  padding: 0 !important;
  margin-bottom: 6px;
  color: #5f94c3;
}

.bestPerformerItemList>.info>.title {
  padding: 0 !important;
}

.best-perfomer li.notification-item.card .title b label {
  max-width: 70%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.event-list.performer li.notification-item.card {
  border: 1px #ccc solid;
  margin-bottom: 5px;
  background: #ffffff;
  height: auto;
}

.event-list.performer li.notification-item.card .info {
  border: 0px;
  padding-left: 20px;
}

.event-list.performer {
  padding: 0;
  margin-top: 10px;
  font-family: 'Sora', sans-serif;
}

/**/

.upload-right {
  text-align: right;
  float: right;
}

.file-upload-btn {
  height: 33px;
  margin-right: 3px;
}

.save-btn-group {
  float: right;
  position: relative;
  right: -7px;
}

/* Help FAQ */

.video-section {
  margin-top: 30px;
}

.video-card {
  margin-bottom: 15px;
}

.video-card .tile-details {
  background: rgba(161, 179, 189, 0.5);
  position: relative;
  top: -5px;
}

.video-card .tile-details .title {
  color: #333638;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  float: left;
  height: 50px;
  padding: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
}

.video-number {
  width: 50px;
  height: 50px;
  background: #99b1c1;
  vertical-align: top;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  float: left;
  font-weight: 600;
}

/**/

.reporter .label-popup {
  color: #6d7186;
  font-weight: inherit;
}

/* Project Management List */

.list-container {
  width: 98%;
  height: auto;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 8px 15px rgb(0 0 0 / 5%);
}

.list-container .card {
  position: relative;
  margin-bottom: 0px;
}

.list-container .card:hover {
  box-shadow: none;
}

.list-container .card-title {
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-bottom: 1px #e7e7e7 solid;
  text-decoration: none;
}

.list-container .card-title>span {
  color: #404246;
  margin-left: 30px;
  font-weight: 600;
}

.accordion-list {
  display: none;
}

.accordion-list~.card-title svg {
  position: absolute;
  transition-duration: 0.2s;
  width: 14px;
  fill: #404246;
}

.accordion-list~.card-title .side-icon {
  display: block;
}

.accordion-list:checked~.card-title .side-icon {
  display: none;
}

.accordion-list~.card-title .down-icon {
  display: none;
}

.accordion-list:checked~.card-title .down-icon {
  display: block;
}

.card-title.collapsed svg.side-icon {
  transform: rotate(0deg);
}

.card-title svg.side-icon {
  transform: rotate(90deg);
}

.card-table {
  width: 98% !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  border-top: 1px #d3d3d3 solid !important;
}

.card-table tr th {
  border-color: #d3d3d3 !important;
  background: #efefef;
  text-align: left;
  font-size: 14px;
  border-bottom: 0px !important;
}

.card-table tr th a {
  color: #333;
}

.card-table tr td {
  border-color: #d3d3d3 !important;
  color: #6d7186;
  text-align: left;
  font-size: 14px;
  height: 35px;
}

.card-table .hasDatepicker {
  border: 0;
  outline: none;
  background: none;
}

.card-table .bootstrap-tagsinput .tt-menu {
  width: 320px;
  box-shadow: none;
}

.card-table .input-group-addon {
  font-size: 10px;
  padding: 6px 10px;
}

.add-card {
  background-color: inherit !important;
  margin-left: 20px;
  border: 0px !important;
  color: #6d6e6f !important;
  outline: none !important;
  box-shadow: none !important;
}

.add-card .PlusIcon {
  margin-right: 5px;
  fill: #1f92d1;
}

.add-card span {
  position: relative;
  top: -3px;
  font-weight: 600;
  color: #333;
  color: #1f92d1;
}

.r-range {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  margin-top: 10px;
}

.r-range:focus {
  outline: none;
}

.r-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  box-shadow: none;
  background: #1f92d1;
  border-radius: 0px;
  border: 0px solid #1f92d1;
}

.r-range::-webkit-slider-thumb {
  width: 13px;
  height: 13px;
  -webkit-appearance: none;
  background: #1f92d1;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  box-shadow: none;
  border: 0px solid #1f92d1;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
}

.input-popup {
  position: relative;
}

.input-popup .form-control {
  width: 80% !important;
  margin-left: 60px;
}

.input-popup p {
  margin-left: 50px;
  min-width: 565px;
  max-width: 565px;
  overflow: hidden;
  white-space: nowrap;
}

.popupsvg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 18px;
  fill: #525566;
  cursor: pointer;
}

.drag-outer {
  display: none;
  position: absolute;
  left: 12px;
}

.dragsvg {
  height: 12px;
  width: 12px;
  fill: #787171;
}

.card-table .connectedSortable tr:hover .drag-outer {
  display: block;
}

table.card-table>thead>tr>th:first-child {
  width: 35%;
}

table.card-table>thead>tr>th:last-child {
  width: 16%;
}

table.card-table>thead>tr>th:nth-child(5) {
  width: 13%;
}

.CompoundIcon-outer {
  fill: #fff;
  stroke: #6d6e6f;
  transition: 200ms fill, 200ms stroke;
}

.CompoundIcon-inner {
  fill: #6d6e6f;
  transition: 200ms fill, 200ms stroke;
}

.svgouter-div {
  position: absolute;
  left: 72px;
  top: 2px;
}

.list-field {
  position: relative;
  background: #f3f3f3;
  padding: 10px;
}

.closeBtn {
  position: absolute;
  top: 4px;
  right: 12px;
}

.add-list {
  background: #3cd67d;
  border: 0px !important;
  outline: none !important;
  box-shadow: none !important;
  color: #fff;
  margin: 0 0 0 5px;
  position: relative;
  border-radius: 4px !important;
  transition: all 0.2s linear 0s;
}

.add-list:hover,
.add-list:focus {
  background: #35c672;
  color: #fff !important;
}

.add-list svg {
  fill: #fff;
  height: 12px;
  width: 12px;
  position: absolute;
  left: 7px;
  top: 10px;
}

.add-list svg+span {
  margin-left: 11px;
}

.table-outer .table-responsive {
  overflow-x: inherit;
}

.card-table .bootstrap-tagsinput-max {
  height: 55px !important;
}

.data-percentage {
  color: #1f92d1;
}

.low-prio {
  background: #25cf41;
}

.medium-prio {
  background: #f59e30;
}

.high-prio {
  background: #ff4e54;
}

.low-prio,
.medium-prio,
.high-prio {
  color: #fff;
  padding: 2px 10px 2px 10px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  text-align: center;
  max-width: 75px;
  font-size: 13px;
}

.story-bg {
  background: #b36bd4;
}

.task-bg {
  background: #4ecbc4;
}

.bug-bg {
  background: #efc303;
}

.epic-bg {
  background: #6abbf1;
}

.story-bg,
.task-bg,
.bug-bg,
.epic-bg {
  color: #fff;
  padding: 2px 10px 2px 10px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  text-align: center;
  min-width: 55px;
  max-width: auto;
  font-size: 13px;
}

.listbutton {
  padding-bottom: 50px;
  margin-bottom: 50px;
}

/* */

/* Poll */

.poll-area .col-md-6.p-1,
.poll-area .form-group {
  color: #6d7186;
}

.cardtype-bg {
  color: #fff;
  padding: 2px 10px 2px 10px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  text-align: center;
  min-width: 55px;
  max-width: auto;
  font-size: 13px;
  background: #6abbf1;
}

.poll-area .form-group {
  padding: 30px 0 30px 20px;
  margin-bottom: 0;
}

.poll-questions {
  margin-top: 20px;
}

.poll-results h3 {
  color: #1f92d1;
  margin-bottom: 25px;
  line-height: 25px;
  font-size: 17px;
  margin-top: 20px;
}

.poll-answer {
  color: #6d7186;
  margin-bottom: 5px;
  display: inline-block;
}

.poll-questions .p-1 {
  padding: 0 0 15px 0;
}

.poll-questions .optionLabel {
  margin-right: 0px;
}

.poll-questions .button3 {
  margin-left: 5px;
}

.poll-results {
  margin-left: 0px;
  margin-right: 0px;
}

.poll-results span.pull-right {
  font-weight: 600;
  color: #333;
}

.progressDiv {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.progressDiv .progressBar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progressDiv-striped .progressBar {
  background-color: #4bb4e9;
  box-shadow: none;
  background-image: linear-gradient(45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
}

.poll-table tbody tr td:last-child {
  text-align: center;
}

.poll-popup h3 {
  margin-bottom: 30px;
  font-size: 21px;
}

/*********************************************************************/
/* MESSAGE REWAMP */
/*********************************************************************/

@media (min-width: 992px) {
  .d-lg-flex {
    display: flex !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .chat-leftsidebar {
    min-width: 380px;
    max-width: 380px;
  }

  .user-profile-sidebar {
    border-left: 4px solid #f0eff5;
  }
}

.chat-leftsidebar {
  height: calc(100vh - 85px);
  background-color: #f5f7fb;
}

.user-chat {
  background-color: #fff;
  box-shadow: 0 2px 4px rgb(15 34 58 / 12%);
  transition: all 0.4s;
}

.w-100 {
  width: 100% !important;
}

.chat-search {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
  padding-top: 1.5rem !important;
}

.chat-search h4 {
  color: #495057;
  font-size: 21px;
  font-weight: 600;
  display: inline-block;
}

.search-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin-bottom: 27px;
}

.chat-search-icon {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #f5f7fb;
  border: 1px solid #e6ebf5;
  border-radius: 4px;
  background-color: #e6ebf5;
}

.chat-search-icon svg {
  fill: #7a7f9a;
}

.chat-input {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  background-color: #e6ebf5;
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
  border: 0;
}

.message-head {
  position: relative;
  margin-top: 12px;
  margin-bottom: 25px;
}

.message-head .badge {
  top: -2px;
  position: relative;
  left: 5px;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  background: #f75958;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  line-height: 0;
  display: inline-flex;
}

.message-head .group-icon {
  width: 19px;
  height: 17px;
  position: absolute;
  right: 0;
  background: none;
}

.message-head .modal-dialog {
  width: 450px;
}

.message-head .modal-content {
  box-shadow: inherit;
  border: 0;
  border-radius: 8px;
}

.message-head .modal-header .modal-title,
.chat-popup .modal-header .modal-title {
  font-size: 17px;
  font-weight: 600;
}

.message-head .modal-body .form-label {
  margin-bottom: 8px;
  text-align: left;
  display: block;
}

#groupLeave-form .form-label {
  text-align: center;
  font-weight: 100;
  color: #6d7186;
  margin-bottom: 20px;
}

.chat-content {
  height: calc(88vh - 242px);
  min-height: calc(88vh - 242px);
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.chat-section {
  padding-right: 8px;
  padding-left: 8px;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.chat-message-list {
  height: calc(88vh - 200px);
  /*280*/
}

.chat-user-list li a {
  position: relative;
  display: block;
  padding: 15px 20px;
  color: #7a7f9a;
  transition: all 0.4s;
  border-top: 1px solid #f5f7fb;
  border-radius: 4px;
  text-decoration: none;
}

.chat-user-list li a:hover {
  background-color: #e0e7f5;
}

.chat-user-list li.active a {
  background-color: #e0e7f5;
}

.chat-user-list li .unread-message {
  position: absolute;
  display: inline-block;
  right: 24px;
  left: auto;
  top: 33px;
}

.chat-user-list li .unread-message .badge {
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  background: #f75958;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  line-height: 0;
  display: flex;
}

.d-flex {
  display: flex !important;
}

.chat-user-img {
  position: relative;
  margin-right: 16px;
  margin-left: 0 !important;
}

.chat-time-user {
  font-size: 11px;
}

.avatar-xs {
  height: 35px;
  width: 35px;
}

.rounded-circles {
  border-radius: 50%;
  width: 100%;
}

.chat-user-img .user-status {
  width: 10px;
  height: 10px;
  background-color: #adb5bd;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  right: 0;
  left: auto;
  bottom: 5px;
}

.chat-user-img.online .user-status {
  background-color: #06d6a0;
}

.chat-user-img.away .user-status {
  background-color: #ffd166;
}

.chat-user-img.busy .user-status {
  background-color: #f75958;
}

.flex-1 {
  flex: 1 1;
}

.overflow-hidden {
  overflow: hidden !important;
}

.chat-username {
  font-size: 15px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #495057;
  font-weight: 600;
}

.chat-user-message {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-70 {
  width: 73% !important;
}

.user-profile-sidebar {
  height: calc(100vh - 85px);
  background-color: #fff;
  min-width: 380px;
  max-width: 380px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.user-profile-sidebar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.user-profile-sidebar::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.user-profile-sidebar::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

.chat-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.chat-content::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.chat-content::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

.chat-header {
  padding: 24px;
  border-bottom: 1px solid #f0eff5;
}

.user-header {
  margin-right: 20px;
  position: relative;
}

.user-header .user-status {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  right: 0;
  left: auto;
  bottom: 0;
  background-color: #06d6a0;
}

.align-items-center {
  align-items: center !important;
}

.flex-gap-5 {
  gap: 5px;
}

.chat-header h5 {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-header h5 a {
  color: #495057;
  font-weight: 600;
  text-decoration: none;
}

.chat-header-action {
  list-style: none;
  text-align: right;
}

.chat-header span.online {
  color: #647589;
  font-size: 14px;
  display: block;
  margin-top: 2px;
}

.list-inline-item {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

.list-inline-item:last-child {
  margin-right: 0;
}

.list-inline-item.open .dropdown-menu {
  right: 0;
  left: auto;
  border: 0;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
  top: 71px;
  -webkit-animation-name: DropDownSlide;
  animation-name: DropDownSlide;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.list-inline-item.open .dropdown-menu li a {
  padding: 9px 20px;
  color: #6d7186;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.chat-header-action .nav-btn {
  height: 45px;
  width: 45px;
  line-height: 45px;
  box-shadow: none;
  padding: 0;
  font-size: 20px;
  color: #7a7f9a;
  background: #f5f4fa;
  border: 0;
  border-radius: 50%;
  outline: none;
}

.chat-header-action .nav-btn:focus {
  outline: none;
}

.chat-header .modal-content {
  box-shadow: inherit;
  border: 0;
  border-radius: 8px;
}

.chat-header .modal-dialog {
  width: 450px;
}

.chat-popup .modal-header .close {
  margin-top: 5px;
}

.chat-popup .modal-header {
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}

.p-4 {
  padding: 24px;
}

.avatar-md {
  height: 145px;
  width: 145px;
}

.avatar-lg {
  height: 180px;
  width: 180px;
}

.avatar-md .rounded-circles,
.avatar-lg .rounded-circles {
  border: 6px #edf0f5 solid;
  padding: 0;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%), 0 6px 5px 0 rgb(0 0 0 / 10%);
}

.mb-3 {
  margin-bottom: 16px !important;
}

.mb-4 {
  margin-bottom: 30px !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.planner {
  margin-bottom: 20px !important;
}

.reqblue {
  background: none no-repeat scroll right top #FFFFFF;
  background-image: url("/static/img/required_blue.png");
}

.bg-image {
  background-image: url('/static/img/appreciationTemplate/Anniversary/1.jpg');
  background-size: contain;
  background-size: 100% 100%;
  height: 100%;
  min-height: 75vh;
}

.greetings-content {
  /* display: inline-block; */
  width: 50%;
  padding: 10rem;
  color: #fff;
  float: left;
}

.greetings-content h4 {
  margin-bottom: 15px;
}

.thumb-bg-image {
  background-size: contain;
  background-size: 100% 100%;
  height: 100%;
}

.thumb-greetings-content {
  margin: 0;
  position: absolute;
  color: #fff;
  max-width: calc(90%/2);
  width: 100%;
  height: 96%;
  top: 5%;
  left: 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 
    margin: 0;
    position: absolute;
    color: #fff;
    max-width: calc(90%/2);
    width: 100%;
    height: 100%;
    top: calc(30%/2);
    margin-left: 4px;
*/
}

.thumb-greetings-content p {
  /*font-size: 1.8rem;*/
  font-size: 1vw;
}

.thumb-greetings-content div img {
  width: 22%;
  min-width: 22%;
  height: 100%;
  border-radius: 10px;
  background:#fff;
}

.thumb-greetings-content div+div>p {
  max-width: 100%;
  width: 100%;
  float: left;
  padding-top: 1vh;
  padding-left: 1vw;
  font-weight: 600;
  margin-bottom: 1vh;
  word-wrap: break-word;
}

.thumb-greetings-content div+div>p+p#desc {
  max-width: 100%;
  width: 100%;
  text-align: left;
  /* text-indent: 2rem;*/
  font-weight: 400;
  word-wrap: break-word;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: flex-start;
  min-height: 45%;
}

.thumb-greetings-content div+div>p+p+p {
  max-width: 100%;
  width: 100%;
  right: 0;
  float: right;
  display: grid;
  justify-items: right;
  font-weight: 600;
}

.name-part h5 {
  font-size: 20px;
  color: #223645;
  font-weight: 600;
  margin-bottom: 20px;
}

.name-part .text-muted {
  font-size: 15px;
  color: #647589;
}

.action-button {
  margin-top: 30px;
}

.action-button ul {
  list-style: none;
}

.action-button .list-inline-item {
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 8px;
}

.action-button .list-inline-item:last-child {
  margin-right: 0px;
}

.icon-btn {
  height: 60px;
  width: 60px;
  padding: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.call-bg {
  background-color: #3fcc35;
}

.call-bg:hover {
  background-color: #32a42a;
}

.icon-btn svg {
  height: 24px;
  width: 24px;
}

.is-animating svg {
  -webkit-animation: phone-icon 3000ms infinite;
  animation: phone-icon 3000ms infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  fill: white;
  stroke-width: 1px;
}

.is-animating {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.is-animating.icon-btn {
  -webkit-animation: phone-outer-success 3000ms infinite;
  animation: phone-outer-success 3000ms infinite;
}

.is-animating::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
  -webkit-animation: phone-inner 3000ms infinite;
  animation: phone-inner 3000ms infinite;
}

@-webkit-keyframes phone-outer-success {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-box-shadow: 0 0 0 0em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  33.3333% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
    -webkit-box-shadow: 0 0 0 0em rgba(63, 204, 53, 0.9),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 0em rgba(63, 204, 53, 0.9),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
  }

  66.6666% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-box-shadow: 0 0 0 1.2em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1.2em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-box-shadow: 0 0 0 0em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
}

@keyframes phone-outer-success {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-box-shadow: 0 0 0 0em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  33.3333% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
    -webkit-box-shadow: 0 0 0 0em rgba(63, 204, 53, 0.9),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 0em rgba(63, 204, 53, 0.9),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
  }

  66.6666% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-box-shadow: 0 0 0 1.2em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1.2em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-box-shadow: 0 0 0 0em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0em rgba(63, 204, 53, 0),
      0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
}

@-webkit-keyframes phone-icon {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  2% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  4% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  6% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  8% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  12% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  14% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  16% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  18% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  22% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  24% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  26% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  28% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  32% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  34% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  36% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  38% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  42% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  44% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  46% {
    -webkit-transform: translate3d(0em, 0, 0);
    transform: translate3d(0em, 0, 0);
  }
}

@keyframes phone-icon {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  2% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  4% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  6% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  8% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  12% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  14% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  16% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  18% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  22% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  24% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  26% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  28% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  32% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  34% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  36% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  38% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  42% {
    -webkit-transform: translate3d(0.6px, 0, 0);
    transform: translate3d(0.6px, 0, 0);
  }

  44% {
    -webkit-transform: translate3d(-0.6px, 0, 0);
    transform: translate3d(-0.6px, 0, 0);
  }

  46% {
    -webkit-transform: translate3d(0em, 0, 0);
    transform: translate3d(0em, 0, 0);
  }
}

@keyframes DropDownSlide {
  100% {
    margin-top: -1px;
  }

  0% {
    margin-top: 8px;
  }
}

@keyframes DropDownSlideDown {
  100% {
    margin-bottom: 0;
  }

  0% {
    margin-bottom: 8px;
  }
}

.cancelcall {
  background-color: #ff4e2b;
}

.is-animating.cancelcall {
  -webkit-animation: none;
  animation: none;
}

.is-animating.cancelcall::before {
  -webkit-animation: none;
  animation: none;
}

.is-animating.cancelcall svg {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation: none;
  animation: none;
}

.dropdown-svg {
  stroke-width: 3px;
  vertical-align: middle;
  margin-right: 10px;
  fill: #837e7e;
  min-width: 24px;
}

.dropdown-svg.del-chat {
  fill: #f00;
}

.chat-conversation {
  height: calc(88vh - 184px);
  position: relative;
  padding: 25px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.chat-conversation::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.chat-conversation::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.chat-conversation::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

.chat-message-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.chat-message-main .message-item {
  max-width: 75%;
  margin-bottom: 3rem;
  display: flex;
}

.chat-message-main .message-item.outgoing-message {
  margin-left: auto;
  display: flex;
}

.chat-message-main .message-item .message-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*-webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;*/
  margin-bottom: 2rem;
}

.chat-message-main .message-item.outgoing-message .message-avatar {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

figure.avatars {
  display: inline-block;
  margin-bottom: 0;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

figure {
  margin: 0 0 1rem;
}

.chat-message-main .message-item .message-avatar .avatars {
  margin-right: 1.5rem;
}

figure.avatars>a>img,
figure.avatars>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.chat-message-main .message-item .message-avatar h5 {
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 600;
  color: #495057;
}

.chat-message-main .message-item .message-avatar .time {
  color: #a0a4b9;
  margin-top: 6px;
  font-style: italic;
  font-size: 12px;
  position: relative;
}

.text-info {
  color: #00bcd4 !important;
}

.chat-message-main .message-item .message-avatar .time .ti-double-check svg {
  position: absolute;
  top: -2px;
  right: 22px;
  fill: #00bcd4;
}

.chat-message-main .message-item.outgoing-message .message-content {
  background-color: #1c9dea;
  color: #fff;
  float: right;
}

.chat-message-main .message-item .message-content {
  background: #e6ebf5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 8px 15px;
  color: #495057;
  width: fit-content;
}

.chat-message-main .message-item .message-content h5 {
  display: inline-block;
  font-weight: 600;
  margin-right: 10px;
}

.chat-message-main .message-item .message-content .time {
  display: inline-block;
  font-size: 12px;
  color: #858fa5;
}

.chat-message-main .message-item.outgoing-message .message-content .time {
  color: #d8eaf5;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.chat-footer {
  border-top: 1px solid #e6e6e6;
  padding: 4% 30px;
}

.chat-footer form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-footer .form-control,
.chat-popup .form-control {
  display: block;
  width: 100%;
  height: calc(24px + 10px + 5px);
  padding: 6px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.chat-footer .form-control:focus,
.chat-popup .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #1c9dea !important;
}

.chat-footer .form-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.chat-footer .form-buttons .btn {
  margin-left: 1rem;
  outline: none;
  box-shadow: none;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  height: 39px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.chat-footer .form-buttons .btn.btn-light {
  background: #e6ebf5;
  border-color: #e6ebf5;
}

.chat-footer .form-buttons .btn.btn-light:hover {
  background: #dfe4ec;
  border-color: #dfe4ec;
}

.chat-footer .form-buttons .btn svg {
  width: 16px;
  height: 16px;
}

.chat-footer .form-buttons .attach svg,
.chat-footer .form-buttons .mic svg {
  color: #1f92d1;
}

.chat-footer .form-buttons .send {
  background: #1f92d1;
  border-color: #1f92d1;
}

.chat-footer .form-buttons .send:hover {
  background: #1980b9;
  border-color: #1980b9;
}

.chat-footer .form-buttons .send svg {
  fill: #fff;
}

.group-chat .chat-username {
  margin-bottom: 0;
}

.message-head .modal-footer button,
.message-head .modal-footer button:focus,
.message-head .modal-footer button:active {
  border: 0;
  outline: none;
  text-decoration: none;
  box-shadow: none;
}

.create-group {
  background: #1f92d1;
  color: #fff;
  padding: 9px 17px;
}

.create-group:hover,
.create-group:focus {
  background: #0f7cb8;
}

.contact-profile {
  padding: 35px;
  border-bottom: 1px solid #f0eff5;
}

.rightbar-head {
  font-size: 21px;
  color: #223645;
  font-weight: 600;
  margin-bottom: 4px;
}

.rightbar-sub {
  color: #647589;
  font-size: 14px;
}

.contact-profile-details {
  padding-top: 35px;
  text-align: center;
}

.contact-name h1 {
  font-size: 17px;
  color: #223645;
  font-weight: 600;
  margin-bottom: 4px;
}

.contact-name span {
  font-size: 14px;
  color: #647589;
}

.medialogo {
  padding: 0;
  list-style-type: none;
  margin-top: 25px;
}

.medialogo li {
  display: inline-block;
}

.medialogo li+li {
  margin-left: 12px;
}

.media-btn {
  height: 42px;
  width: 42px;
  border-radius: 100%;
  font-weight: 800;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 0 !important;
  text-decoration: none !important;
}

.media-btn i {
  font-size: 16px;
}

.medialogo .btn-google {
  background: #ff4e2b;
  color: #fff;
}

.medialogo .btn-twitter {
  background: #1c9dea;
  color: #fff;
}

.medialogo .btn-facebook {
  background: #427ce3;
  color: #fff;
}

.medialogo .btn-google:hover {
  background: #f72900;
}

.medialogo .btn-twitter:hover {
  background: #1280c1;
}

.medialogo .btn-facebook:hover {
  background: #275fc3;
}

.button-effect {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  position: relative;
}

.notification-area {
  padding: 35px;
  border-bottom: 1px solid #f0eff5;
}

.notification-area ul {
  padding: 0;
  list-style-type: none;
  margin-top: 18px;
}

.notification-area ul li {
  line-height: 30px;
  font-size: 14px;
  color: #647589;
  background: url(../img/chat/chat-icons/notify-dot.png) left no-repeat;
  padding-left: 25px;
  background-position: 0 0.65em;
}

.notification-area ul li .sp1 {
  color: #293645;
  font-weight: 600;
}

.notification-area ul li .sp2 {
  color: #1c9dea;
  font-weight: 600;
}

.notification-area ul li .sp2 a {
  text-decoration: none;
  color: #1c9dea;
  position: relative;
}

.notification-area ul li .sp2 a::before {
  content: "";
  position: absolute;
  bottom: -3px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #1c9dea;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  .notification-area ul li .sp2 a:hover::before {
    left: 0;
    right: auto;
    width: 100%;
  }
}

.photo-multi {
  padding: 35px;
  border-bottom: 1px solid #f0eff5;
}

.photo-multi ul {
  padding: 0;
  list-style-type: none;
  margin: 30px 0px 17px 0;
}

.photo-multi ul li {
  display: inline-block;
  margin-right: 10px;
}

.photo-multi .viewbtn,
.attachments-section .viewbtn {
  color: #1280c1;
  text-decoration: underline;
  cursor: pointer;
}

figure.avatar-photo {
  display: inline-block;
  width: 86px;
  height: 60px;
  position: relative;
}

.avatar-photo>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}

.avatar-photo-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 5;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.avatar-photo-link span.plus {
  position: absolute;
  font-size: 30px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: all 0.5s ease;
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  justify-content: center;
  align-items: center;
}

.avatar-photo:hover .avatar-photo-link span.plus {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.avatar-photo-link span.plus svg {
  fill: #fff;
}

.avatar-photo:hover:after {
  opacity: 0.4;
}

.avatar-photo:after {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.05;
  border-radius: 8px;
  content: "";
  transition: all 0.5s ease;
  background-image: -o-linear-gradient(157deg, #3c536a 0%, #2d4154 100%);
  background-image: linear-gradient(293deg, #3c536a 0%, #2d4154 100%);
}

.attachments-section {
  padding: 35px;
}

.document-list {
  padding: 0;
  list-style-type: none;
  margin-top: 30px;
  word-break: break-word;
}

.document-list li {
  color: #293645;
  line-height: 25px;
  position: relative;
  margin-bottom: 25px;
}

.document-list li i {
  position: absolute;
  font-size: 16px;
  top: -2px;
  font-weight: 700;
}

.document-list li h1 {
  margin-left: 30px;
  color: #687b91;
  font-size: 14px;
}

.document-list li span {
  position: absolute;
  top: -4px;
}

.document-list li a {
  cursor: pointer;
  color: #65747e;
  text-decoration: none;
  transition: 0.3s ease all;
}

.document-list li a:hover {
  color: #00a8e8;
}

.document-list span .other-format {
  fill: #57a7e5;
}

.pdf-icon {
  background: url(../img/chat/chat-icons/pdf.png) left no-repeat;
  width: 19px;
  height: 21px;
}

.image-icon {
  background: url(../img/chat/chat-icons/image.png) left no-repeat;
  width: 21px;
  height: 19px;
}

.chat-search [data-tooltip]:before {
  bottom: -50px;
  margin-left: -73px;
  width: max-content;
}

.chat-search [data-tooltip]:after {
  bottom: -19px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  margin-left: 0px;
}

.chat-footer [data-tooltip]:before {
  bottom: 52px;
  margin-left: -70px;
  width: max-content;
}

.chat-footer [data-tooltip]:after {
  bottom: 42px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  margin-left: -5px;
}

.chat-btn1 {
  background: #e74c3c;
  color: #fff;
  box-shadow: none !important;
  outline: none !important;
  border: 0;
  transition: 0.3s ease all;
}

.chat-btn1:hover,
.chat-btn1:focus {
  background: #cd3f31;
  color: #fff;
  border: 0;
}

.chat-btn2 {
  background: #e3e3e3;
  color: #545050;
  box-shadow: none !important;
  outline: none !important;
  border: 0;
  transition: 0.3s ease all;
}

.chat-btn2:hover,
.chat-btn2:focus {
  background: #748ebb;
  color: #fff;
  border: 0;
}

.modal-footer .btn.btn-link {
  float: none;
}

/* .modal-footer .btn{
  float: none;
} */

#model-group-chat .bootstrap-tagsinput .tag.label,
#model-group-chat-editPeople .bootstrap-tagsinput .tag.label {
  position: relative;
  margin: 5px;
  left: -6px;
  top: -5px;
  width: max-content;
  display: block;
  padding: 7px 20px 7px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#model-group-chat .bootstrap-tagsinput .tag [data-role="remove"],
#model-group-chat-editPeople .bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 0px;
  cursor: pointer;
  position: absolute;
  right: 3px;
}

.noMessage {
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #f0f3f9;
  color: #495057;
  padding: 20px;
  border-radius: 4px;
}

.message-sidebar {
  min-width: 80px;
  max-width: 80px;
  height: calc(100vh - 85px);
  background-color: #556881;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.message-sidebar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.message-sidebar::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.message-sidebar::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

.back-button {
  margin-top: 12px;
  text-align: center;
}

.back-button a {
  height: 20px;
  width: 20px;
}

.back-button a svg {
  fill: #fff;
}

.message-options button svg {
  fill: #aebfd7;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.message-options button:hover svg {
  fill: #8395ad;
}

.message-options button {
  padding: 0;
  background: none;
  border: 0px;
  outline: none;
  box-shadow: none !important;
}

.message-options button:focus {
  border: 0px !important;
  outline: none !important;
}

.message-options .dropdown-menu {
  right: 8px;
  left: auto;
  top: 30px;
}

.message-options.open .dropdown-menu {
  border: 0;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
  -webkit-animation-name: DropDownSlide;
  animation-name: DropDownSlide;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.message-options.open .dropdown-menu li a {
  color: #6d7186;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.box-subheading {
  color: #999;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.box-subheading p {
  z-index: 9;
  background-color: #fff;
}

.show-message-content {
  z-index: 0;
  top: 10px;
  border-color: #eee;
  border-top: 1px solid #eee;
}

.show-message-add-remove {
  width: 100%;
  padding: 20px;
}

.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.add-remove {
  color: #999;
  margin: 15px 0;
}

.add-remove a {
  text-decoration: none;
  color: #999;
}

.add-remove a:hover {
  text-decoration: underline;
}

.add-remove ul li {
  list-style: none;
  line-height: 30px;
  font-size: 13px;
}

.add-remove ul li svg {
  fill: #9aa6b3;
  margin-right: 10px;
  top: 6px;
  position: relative;
}

.new-message {
  border-bottom: 1px #f0eff5 solid;
  width: 100%;
  text-align: right;
  padding-bottom: 8px;
  margin-bottom: 20px;
}

.new-message a {
  background: #f5f4fa;
  padding: 10px;
  border-radius: 4px;
  text-decoration: none;
  color: #7e858d;
}

.new-message a svg {
  fill: #7e858d;
  position: relative;
  top: 7px;
}

.message-attach-wrap {
  display: flex;
  margin-left: auto;
  margin-bottom: 20px;
}

.message-attachments {
  position: relative;
  align-items: flex-end;
  padding: 15px 20px 20px 20px;
  background-color: #f5f7fb;
  color: #343a40;
  border-radius: 8px 8px 0 8px;
  height: fit-content;
}

.attachment-content {
  background: #fff;
  border-radius: 4px;
  padding: 8px;
}

.avatar-sm {
  height: 4rem;
  width: 4rem;
}

.avatar-attach-icon {
  font-size: 20px !important;
  align-items: center;
  display: flex;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  width: 100%;
  background-color: rgba(186, 196, 217, 0.25) !important;
  border-radius: 0.25rem !important;
}

.flex-1 {
  flex: 1 1 !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.attachment-content .flex-1 h5 {
  font-size: 13px;
  color: #68717a;
  margin-bottom: 5px;
  font-weight: 600;
}

.attachment-content .flex-1 p {
  font-size: 13px;
  color: #7a7f9a;
}

.chat-time-attach {
  display: inline-block;
  margin-left: 15px;
}

.align-middle {
  vertical-align: middle !important;
}

.chat-time-attach i {
  color: #7a7f9a;
  transform: rotate(90deg);
  top: -2px;
  position: relative;
}

.chat-time-attach span {
  color: #7a7f9a;
  font-size: 12px;
  margin-left: 5px;
  top: -1px;
  position: relative;
}

.avatar-attach-icon .word,
.document-list .word {
  fill: #0388e7;
}

.avatar-attach-icon .excel,
.document-list .excel {
  fill: #31be7d;
}

.avatar-attach-icon .pdf,
.document-list .pdf {
  fill: #e74c3c;
}

.avatar-attach-icon .notepad,
.document-list .notepad {
  fill: #f99d1b;
}

.avatar-attach-icon .other-format,
.document-list .other-format {
  fill: #57a7e5;
}

.avatar-attach-icon .pptx,
.document-list .pptx {
  fill: #ff7106;
}

.avatar-attach-icon .rtf,
.document-list .rtf {
  fill: #00aebb;
}

.avatar-attach-icon .audio {
  fill: #00a8e8;
}

.avatar-attach-icon .video {
  fill: #7d8eb1;
}

.attach-pic {
  width: 350px;
}

.attach-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.message-gallery figure.avatar-photo {
  width: 100%;
  height: 140px;
  margin-bottom: 25px;
}

.message-attach-wrap .message-avatar .avatars {
  margin-right: 1.5rem;
}

.message-attachments h5 {
  font-weight: 600;
  color: #495057;
  display: inline-block;
}

ul.message-menu {
  list-style: none;
  margin-top: 70px;
}

.message-menu li {
  text-align: center;
  transition: 0.4s ease all;
}

.message-menu svg {
  fill: #fff;
}

.message-menu li a {
  cursor: pointer;
  display: block;
  padding: 12px 10px;
  transition: 0.4s ease all;
}

.message-menu li a:hover {
  text-decoration: none;
  background: #2b3b50;
}

.message-menu li a span {
  color: #fff;
  font-size: 11px;
  display: block;
}

#message-dropzone-area {
  padding: 25px;
  z-index: 10000;
  background-color: aliceblue;
  width: max-content;
  max-height: calc(88vh - 200px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#message-dropzone-area .button3 {
  position: absolute;
  right: 25px;
  bottom: 25px;
  cursor: pointer;
}

.btn-cancel-msg {
  position: absolute;
  right: 90px;
  bottom: 25px;
  cursor: pointer;
  border: none !important;
  background: #8196a1;
  color: #fff;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  transition: all 0.2s linear 0s;
  background-clip: inherit !important;
  outline: none !important;
  cursor: pointer !important;
}

.btn-cancel-msg:hover,
.btn-cancel-msg:focus {
  box-shadow: 0 4px 12px 0 rgba(90, 141, 238, 0.4);
  background: #8196a1;
  color: #fff !important;
  outline: none !important;
}

.media-popup .tab-pane {
  padding: 30px;
}

.popup-gallery {
  list-style: none;
}

.popup-thumb {
  height: 500px;
  overflow-y: auto;
}

figure.avatar-photo.preview-image {
  width: 100%;
  height: 500px;
}

#listofimage figure.avatar-photo.preview-thumb {
  width: 100px;
  height: 70px;
  margin-right: 15px;
}

#listofvideo figure.avatar-photo.preview-thumb {
  width: 100px;
  height: 70px;
  margin-right: 15px;
}

.popup-thumb .popup-gallery li {
  display: inline-block;
}

#multiMediaModel .modal-content {
  box-shadow: none;
  border: 0;
}

#multiMediaModel ul.nav-tabs {
  margin: 0 30px;
}

#multiMediaModel ul.nav-tabs li a {
  cursor: pointer;
  border: 0;
  color: #495a66;
}

#multiMediaModel .nav-tabs>li.active>a {
  background: #556881;
  color: #fff;
}

.popup-thumb::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.popup-thumb::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.popup-thumb::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

.svg-download {
  background: #556881;
  border-radius: 4px;
}

.audio-section audio {
  width: 100%;
}

.audio-title {
  margin-top: 20px;
}

.audio-title h3 {
  font-size: 15px;
  color: #48555e;
  line-height: 24px;
  height: 48px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.audio-wrap {
  background: #dfe2e9;
  padding: 15px 10px 10px 10px;
  border-radius: 4px;
  min-height: 150px;
  position: relative;
  margin-bottom: 20px;
}

.audio-wrap svg {
  fill: #a4aec5;
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.filename {
  margin-bottom: 20px;
  font-size: 13px;
  height: 56px;
  max-height: 56px;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.message-logo {
  position: absolute;
  top: 15px;
  left: 16px;
}

.user-chat .dropzone .dz-preview.dz-image-preview {
  border-radius: 20px;
}

.message-badge {
  position: relative;
}

.message-badge span.badge {
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  background: #f75958;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  line-height: 0;
  display: flex;
  position: absolute;
  top: -6px;
  right: -4px;
}

/*********************************************************************/
/* MESSAGE REWAMP END */
/*********************************************************************/

/* Home Page Customisation */

.widgets-right .mood-section {
  border-right: 0;
  padding: 20px;
}

.widgets-right .mood-sub1 {
  font-size: 16px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.widgets-right .mood-section ul li {
  margin-right: 10px !important;
  margin-bottom: 15px;
  padding: 0;
}

.widgets-right .mood-section ul li:nth-child(3) {
  margin-right: 0px;
}

.widgets-right .mood-section.screen5 .mood-sub2 {
  margin: 0px;
}

.widgets-right .mood-section.screen6 .mood-sub2 {
  margin: 0;
}

.widgets-right .mood-section ul li:last-child {
  margin-right: 0;
}

.widgets-right .mood-section.mood-show h1 {
  text-align: center;
  text-transform: inherit;
  display: block;
  margin-bottom: 25px;
}

.widgets-right .mood-section.mood-show .head-decorator {
  display: none;
}

.widgets-left .list-unstyled {
  padding-left: 0;
}

.bottomcontainer #usersactivity ul {
  padding-left: 0;
}

.widgets-right.home .mood-section.mood-show .mood-sub2 {
  padding-right: 0px;
  border-top: 1px solid #f1f1f1;
  padding-top: 15px;
  display: block;
  width: 100%;
}

.widgets-right.home video {
  width: 100% !important;
}

.widget-right .moodflex,
#connect .moodflex {
  display: flex;
  flex-wrap: wrap;
}

#connect .mood-section ul li {
  margin-right: 10px;
  margin-bottom: 0px;
  padding: 0;
}

#connect .mood-section.mood-show .mood-sub2 {
  padding-right: 0px;
  border-top: 1px solid #f1f1f1;
  padding-top: 15px;
  display: block;
  width: 100% !important;
}

#connect .upcomeingsec video {
  width: 100% !important;
  margin-top: 10px;
}


.view-all {
  text-decoration: none !important;
  color: #e67e22;
  position: relative;
  font-weight: 400;
  font-size: 13px;
  margin-right: 5px;
  cursor: pointer;
}

.view-all:hover {
  color: #333;
}

.view-all:hover+span.view-arrow svg.arrow-svg {
  fill: #000;
}

.view-all::before {
  content: "";
  position: absolute;
  bottom: -3px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #333;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  .view-all:hover::before {
    left: 0;
    right: auto;
    width: 100%;
  }
}

.add-weidget {
  padding: 5px 8px 0;
  line-height: inherit !important;
  margin-right: 0;
}

.add-weidget svg {
  fill: #fff;
}

.widgets-left h3.widget_title,
.widgets-right h3.widget_title {
  position: relative;
  padding: 15px 0 12px 15px;
  margin: 0;
  background: #f1f1f1;
  font-size: 17px;
  font-weight: 600;
  color: #333;
  font-family: 'Sora', sans-serif;
  border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -ms-border-radius: 15px 15px 0px 0px;
}

.widgets-left h3.widget_title a,
.widgets-right h3.widget_title a {
  position: absolute;
  right: 12px;
  bottom: 8px;
  display: none;
}

.widgets-left li.panel,
.widgets-left li.panel-default,
.widgets-right li.panel,
.widgets-right li.panel-default {
  box-shadow: none;
}

.widgets-left li#spotlight {
  margin-bottom: 40px;
  padding-bottom: 30px;
  margin-top: 0;
}

.engagement-score {
  margin-top: 20px;
}

.widgets-right .panel-body:hover {
  box-shadow: none;
}

.widgets-left li:hover h3.widget_title a {
  display: block;
}

.widgets-right li:hover h3.widget_title a {
  display: block;
}

.widgets-left .ui-sortable>li,
.widgets-right .ui-sortable>li {
  cursor: grab;
  transition: 0.3s ease all;
  border: 1px #e5e5e5 solid !important;
  border-radius: 4px !important;
}

.widgets-left h3.widget_title a svg,
.widgets-right h3.widget_title a svg {
  fill: #000;
}

.widgets-left .ui-sortable>li:hover,
.widgets-right .ui-sortable>li:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-color: #fff !important;
}

.widgets-right li {
  margin-bottom: 0px;
}

.widgets-right ul.icon-part {
  text-align: center;
}

.widgets-right ul.icon-part img {
  width: 25px;
}

#moodSection ul.icon-part img {
  width: 25px;
}

#moodSection .mood-icon img {
  width: 25px;
}


#home-section .mood-icon img {
  width: 35px;
}

.bottom-view {
  margin: 20px;
  text-align: right;
  font-family: 'Sora', sans-serif;
}

.widgets-right .ui-sortable>li {
  margin-top: 0;
}

.event-list {
  padding: 30px 20px 0 20px;
}

.view-arrow {
  position: relative;
  top: 3px;
}

.arrow-svg {
  fill: #e67e22;
}

.idea-image {
  width: 100%;
  margin: 0 auto;
}

.idea-content {
  padding: 30px 20px 30px 20px;
}

.weidget-btn [data-tooltip]:before {
  bottom: -45px;
  margin-left: -86px;
  width: max-content;
}

.weidget-btn [data-tooltip]:after {
  bottom: -14px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  margin-left: 0px;
}

.widgets-left.home .upcomeingsec,
.widgets-right.home .upcomeingsec {
  transition: 0.3s ease all;
  border: 1px #e5e5e5 solid;
  border-radius: 15px;
  margin-bottom: 40px;
}

.widgets-left.home .upcomeingsec:hover,
.widgets-right.home .upcomeingsec:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-color: #fff !important;
}

.widgets-left.home #SuccessStoriesAjaxcall {
  padding-bottom: 0px;
}

.submit-idea-photo {
  margin-top: 1px;
}

.submit-idea-photo img {
  margin: 0 auto;
}

/**/

.comment-section #comment-form .tagify,
#feedViewFooter .form .tagify,
#major-comments-section .comment-section .form .tagify {
  min-height: 50px;
  height: auto;
  border-radius: 8px;
  padding-right: 56px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.comment-reply-form .tagify {
  min-height: 50px;
  height: auto;
  border-radius: 8px;
  padding-right: 50px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  background-color: #fff;
}

.comment-section .media-body .comment .tagify__tag,
.project-kanban .modal-dialog .tagify__tag,
.activities-page .tagify__tag,
.idea-detail .tagify__tag,
.challenge-page .tagify__tag,
.event-detail .tagify__tag,
.blog-detail-page .tagify__tag,
.home-page .bottomcontainer .tagify__tag {
  --tag-bg: auto !important;
  --tag-text-color: #5b5f72 !important;
  font-weight: 600;
}

.tagify__input .tagify__tag>div {
  padding-right: 0px;
}

.challenge-detail #emojiSection {
  bottom: 85px;
}

.blog-detail-page #emojiSection {
  position: absolute;
  top: -13px;
  right: -4px;
}

.blog-detail-page #comment-form {
  position: relative;
}

.activities-page .comment-section .tagify--mix .tagify__input {
  background: #fff;
  overflow-x: auto;
}

.challenge-page .problem-message-container #emojiSection {
  position: absolute;
  right: -4px;
  top: -13px;
}

.challenge-page .problem-message-container .create-problem-comment {
  min-height: 50px;
  height: auto;
  background: #fff;
  border-radius: 4px;
  padding-right: 56px;
}

.best-perfomer li.notification-item.card {
  /* border: 0px !important; */
  margin-bottom: 15px !important;
  min-height: 100px !important;
}

.best-perfomer li.notification-item.card .title {
  margin-bottom: 8px;
}

.event-list.performer li.notification-item.card:last-child {
  margin-bottom: 0px !important;
}

.best-perfomer li.notification-item.card .title {
  margin-bottom: 8px;
}

.best-perfomer .boxonline {
  padding: 20px;
}

.activities-page .postcommentlist .tagify--mix {
  min-height: 50px;
  height: auto;
  background: #fff;
  overflow-x: auto;
  margin-top: 13px;
  border-radius: 4px;
  /* padding-right: 45px; */
  margin-bottom: 5px;
}

.activities-page .postcommentlist .emoji-icon {
  position: absolute;
  right: -4px;
  top: 5px;
}

.survey-checkbox {
  margin: 10px 0 20px 10px;
}

.edit-idea-page .survey-checkbox {
  margin: 0;
}

.survey-checkbox input[type="checkbox"].css-checkbox+label.css-label {
  border-radius: 0px;
  margin-right: 10px;
  margin-bottom: 15px;
  line-height: 20px;
}

.survey-checkbox input[type="checkbox"].css-checkbox+label.css-label:hover {
  background-color: inherit;
}

.required-info {
  color: red;
}

.required-info span {
  margin-right: 5px;
  /*font-size: 20px;
  position: relative;
  top: 7px;*/
}

.tags-inputfix {
  overflow-x: inherit;
}

.tags-inputfix .bootstrap-tagsinput .tt-menu {
  box-shadow: none;
}

.idea-detail .comment-section .controls .emoji-icon {
  top: -13px;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -4px;
}

.event-detail .comment-section .controls .emoji-icon {
  top: -13px;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -4px;
}

.event-detail #emojiSection {
  top: -13px;
  right: -4px;
}

.challenge-detail .comment-section .controls .emoji-icon {
  top: -13px;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -4px;
}

.blog-detail-page .comment-reply-form .emoji-icon {
  top: -13px;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -4px;
}

.idea-detail .edit-comment span.tagify__input {
  height: 80px;
  overflow-x: auto;
}

.event-detail .edit-comment span.tagify__input {
  height: 80px;
  overflow-x: auto;
}

.blog-detail .edit-comment span.tagify__input {
  height: 80px;
  overflow-x: auto;
}

.config-idea-page .checkbox-group-field .prev-holder label {
  margin-bottom: 10px;
}

.config-idea-page .radio-group-field input[type="radio"] {
  margin: 3px 3px 0px 0px;
  width: 20px;
  height: 20px;
  vertical-align: top;
}

.config-idea-page .form-elements .sortable-options-wrap li input[type="radio"] {
  height: inherit;
  vertical-align: middle;
}

.config-idea-page .radio-group-field .prev-holder>div {
  margin-bottom: 6px;
}

.survey-form .survey-checkbox .col-md-6.field-fix {
  margin-bottom: 10px;
}

.color-indication li {
  margin-right: 15px;
  display: inline-block;
}

.color-indication li span {
  position: relative;
  bottom: 5px;
  color: #666c72;
  font-size: 13px;
}

.color-box {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 4px #fff solid;
  border-radius: 50%;
}

.color-indicate {
  float: right;
  margin: 12px 0 0 20px;
}

.challenge-detail .edit-comment span.tagify__input {
  height: 80px;
  overflow-x: auto;
}

.challenge-detail .edit-comment {
  position: relative;
}

.challenge-detail .edit-comment .emoji-icon {
  position: absolute;
  top: -6px;
  right: 8px;
}

/**/

.insight {
  display: block;
  margin: 0 auto;
  fill: #286090;
  position: relative;
  top: -1px;
  transition: all 0.2s linear 0s;
}

.navbar .navbar-nav>li>a:hover svg {
  fill: #1f92d1;
}

.navbar .navbar-nav>li.message-badge i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-bottom: 2px;
}

.insight-drop.open .dropdown-menu {
  border: 0;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
  top: 20px;
  -webkit-animation-name: DropDownSlide;
  animation-name: DropDownSlide;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  left: auto;
  right: 25%;
}

.insight-drop.open .dropdown-menu.option-right {
  left: auto;
  right: 25%;
}

.insight-drop.open .dropdown-menu li a {
  padding: 9px 20px;
  font-size: 13px;
  color: #6d7186;
  display: flex;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.insight-drop.open .dropdown-menu li a:hover i {
  color: #e9932e;
  transition: all 0.3s ease;
}

.insight-drop li a i {
  min-width: 22px;
  background: #ededed;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.insight-drop.open .dropdown-menu li a span {
  position: relative;
  left: 10px;
  top: 7px;
  margin-right: 10px;
  margin-left: 3px;
}

div.dt-button-collection {
  border: 0px !important;
  padding: 0px !important;
}

div.dt-button-collection div.dropdown-menu .dt-button {
  border: 0;
  text-align: left;
  background: #fff;
  color: #6d7186;
  padding: 8px 15px;
  height: auto;
  font-size: 13px;
  border-bottom: 1px #e9e9e9 solid;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: 'Sora', sans-serif;
}

div.dt-button-collection div.dropdown-menu .dt-button:hover {
  background: #f5f5f5;
}

div.dt-buttons-collection div.dropdown-menu {
  position: relative;
  display: block;
  z-index: 2002;
  min-width: 100%;
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}

div.dt-buttons-collection div.dropdown-menu .dt-button {
  border: 0;
  text-align: left;
  background: #fff;
  color: #6d7186;
  padding: 8px 15px;
  height: auto;
  font-size: 13px;
  border-bottom: 1px #e9e9e9 solid;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: 'Sora', sans-serif;
}

div.dt-buttons-collection div.dropdown-menu .dt-button:hover {
  background: #f5f5f5;
}

div.dt-buttons-collection {
  border: 0px !important;
  padding: 0px !important;
}

div.dt-buttons-collection div.dropdown-menu .dt-button {
  border: 0;
  text-align: left;
  background: #fff;
  color: #6d7186;
  padding: 8px 15px;
  height: auto;
  font-size: 13px;
  border-bottom: 1px #e9e9e9 solid;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: 'Sora', sans-serif;
}

div.dt-buttons-collection div.dropdown-menu .dt-button:hover {
  background: #f5f5f5;
}

.insight-page table#KnowMyTalents tr.even td {
  background: #fff;
}

.insight-page #knowMyTalents div.dt-buttons button.buttons-colvis {
  padding: 5px 8px;
  width: 200px;
  text-align: left;
}

div.dt-buttons button.buttons-colvis {
  background: #5b758f;
  color: #fff;
  border: 0;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  -webkit-border-radius: 0 4px 4px 0 !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 9px 13px !important;
}

.insight-page #knowMyTalents div.dt-buttons button.buttons-colvis span.fa-chevron-down {
  float: right;
}

div.dt-buttons button.buttons-compare {
  background: #5b758f;
  color: #fff;
  border: 0;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  -webkit-border-radius: 0 4px 4px 0 !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 9px 13px !important;
}

.insight-page #knowMyTalents div.dt-buttons button.buttons-compare span.fa-chevron-down {
  float: right;
}

.insight-page #knowMyTalents div.dt-buttons button.buttons-compare {
  /* padding: 5px 8px;
  width: 200px;
  text-align: left; */
  width: 200px;
  padding: 5px 8px !important;
  text-align: left;
  margin-top: -10px;
}

.insight-page .table-main .dataTables_length select {
  width: 90px !important;
  padding: 5px 12px !important;
  height: 30px !important;
}

.insight-page .table-main .dataTables_filter input {
  height: 30px !important;
}

.fa-down {
  background: url(../img/icons/down-arrow.png) no-repeat right !important;
  width: 12px;
  height: 8px;
  float: right;
  top: 5px;
  position: relative;
}

/* Project Manangement Card Attachment */

.vertical-tab {
  padding: 40px 0 0 0;
  border-radius: 0;
  display: table;
}

.vertical-tab .nav-tabs {
  display: table-cell;
  width: auto;
  min-width: auto;
  border: none;
  vertical-align: top;
}

.vertical-tab .nav-tabs li {
  float: none;
}

.vertical-tab .nav-tabs li a {
  color: #222;
  background: #f5f5f5 !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
  text-align: left;
  padding: 5px 10px !important;
  margin: 0 10px 10px 0;
  border-radius: 4px !important;
  border: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease 0s;
}

.vertical-tab .nav-tabs li a:hover {
  color: #fff !important;
}

.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover {
  color: #fff;
  background: #f5f5f5;
  border: none;
}

.vertical-tab .nav-tabs li a:before {
  content: '';
  background-color: #505f79;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transform: translateY(50px) scale(0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.3s ease 0s;
}

.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li.active a:hover:before {
  transform: translateY(0) scale(1);
}

.vertical-tab .tab-content {
  color: #222;
  background: #fff;
  font-size: 14px;
  display: table-cell;
  width: 100% !important;
}

.vertical-tab .tab-content h3 {
  color: #505f79;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 4px;
}

#ActivitiesSection #documents .card-vertical-tab .col-md-12 {
  padding-left: 0;
}

@media only screen and (max-width: 479px) {
  .vertical-tab {
    padding: 15px;
    margin: 0;
  }

  .vertical-tab .nav-tabs {
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
    display: block;
  }

  .vertical-tab .nav-tabs li a {
    margin-right: 0;
  }

  .vertical-tab .tab-content {
    font-size: 14px;
    margin-top: 0;
    display: block;
  }

  .vertical-tab .tab-content h3 {
    font-size: 18px;
  }
}

/* Whiteboard Tabs */

.board-tab-main {
  width: auto;
  height: 50px;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.board-tab {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  /*box-shadow: 0 0 100px RGBa(0, 0, 0, 0.5);*/
  box-shadow: 8px 8px 50px 8px rgb(0 0 0 / 12%);
  border-radius: 3px;
}

.board-tab input {
  display: none;
}

.board-tab input:checked+label {
  background: #eee;
  color: #1f92d1;
}

.board-tab label {
  display: inline-block;
  font-size: 15px;
  height: 36px;
  line-height: 36px;
  width: auto;
  padding: 0 15px;
  text-align: center;
  background: #f4f4f4;
  color: #555;
  position: relative;
  transition: 0.25s background ease;
  cursor: pointer;
  margin-bottom: 0px !important;
}

.board-tab label::after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  display: block;
  background: #1f92d1;
  bottom: 0;
  opacity: 0;
  left: 0;
  transition: 0.25s ease;
}

.board-tab label:hover::after {
  opacity: 1;
}

.board-plus {
  position: absolute;
  right: -33px;
  top: 0;
  height: 35px;
  background: #1f92d1;
  width: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.board-plus svg {
  fill: #fff;
}

/*Share your appriciation section */

.recog-section {
  /*background: #ededed;
  */
  background: url(../img/appreciation.jpg) no-repeat center;
  padding: 25px 20px;
  background-size: cover;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  margin-bottom: 15px;
}

form#appreciationForm {
  width: 98%;
  margin: 0 auto;
}

.recog-section .bootstrap-tagsinput {
  margin-bottom: 0px;
  height: 39px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #666;
  text-indent: 5px;
}

.btn1 {
  outline: none !important;
  border: 1px #b9b9b9 solid;
  margin-right: 15px;
  background: #fff;
  border-radius: 4px !important;
  color: #6d7186;
  transition: all 0.2s linear 0s;
}

.btn1:focus,
.btn1:active {
  outline: none;
  border: none;
  box-shadow: none;
}

.recog-line {
  border-bottom: 1px #fff solid;
  margin: 35px 0;
  position: relative;
}

.recog-filter {
  position: absolute;
  right: 0;
  background: #fff;
  top: -16px;
}

.recog-filter>span {
  display: inline-block;
  padding: 0 10px;
  color: #6d7186;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
}

.recog-filter select.form-control {
  display: inline-block;
}

.select-drop {
  width: auto;
  padding: 4px 43px 4px 8px;
  appearance: none;
  -webkit-appearance: none;
  background: url(../img/icons/select-drop.jpg) no-repeat right;
  outline: none;
  border-color: #d9e0ea;
  color: #6d7186;
  font-family: 'Sora', sans-serif;
  border-radius: 4px;
}

#connect-section .select-drop {
  padding: 2px 43px 2px 8px !important;
}

.btn-default.active.btn1,
.btn-default.focus.btn1,
.btn-default:active.btn1,
.btn-default:focus.btn1,
.btn-default:hover.btn1 {
  color: #fff;
  background-color: #1f92d1;
  border: #1f92d1 1px solid;
}

.radio-btn-group input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.radio-btn-group label {
  display: inline-block;
  cursor: pointer;
  padding: 7px 10px;
  outline: none !important;
  margin-right: 10px;
  margin-bottom: 10px !important;
  border-radius: 4px !important;
  color: #ffffff;
  font-weight: 400;
  transition: all 0.2s linear 0s;
  caret-color: rgba(0, 0, 0, 0);
  box-shadow: 5px 5px #d1d1d1;
}

.radio-btn-group label:hover {
  transform: translateY(-3px);
}

/* 
.radio-btn-group input[type=radio]:checked+label {
  color: #fff;
  caret-color: rgba(0, 0, 0, 0);
}

.radio-btn-group input[type=radio]:checked+label.bg1 {
  background: #3572d7;
  box-shadow: 5px 5px #1e3e74;
}

.radio-btn-group input[type=radio]:checked+label.bg2 {
  background: #cf463a;
  box-shadow: 5px 5px #8b2117;
}

.radio-btn-group input[type=radio]:checked+label.bg3 {
  background: #d59e06;
  box-shadow: 5px 5px #916b02;
}

.radio-btn-group input[type=radio]:checked+label.bg4 {
  background: #078b4b;
  box-shadow: 5px 5px #005e31;
}

.radio-btn-group input[type=radio]:checked+label.bg5 {
  background: #4e4c4c;
  box-shadow: 5px 5px #161616;
} */

.bg1 {
  background: #5895f9;
}

.bg2 {
  background: #ef5e51;
}

.bg3 {
  background: #f3b917;
}

.bg4 {
  background: #17bd6c;
}

.bg5 {
  background: #767474;
}

.bg6 {
  background: lightblue;
}

.radio-btn-group label.bg1:hover {
  background: #3572d7;
}

.radio-btn-group label.bg2:hover {
  background: #cf463a;
}

.radio-btn-group label.bg3:hover {
  background: #d59e06;
}

.radio-btn-group label.bg4:hover {
  background: #078b4b;
}

.radio-btn-group label.bg5:hover {
  background: #4e4c4c;
}

/* 
#shareAppreciation .bg1{
  background:#134AB0;
}

#shareAppreciation .bg4{
  background:#1551C0;
}

#shareAppreciation .bg2{
  background:#1655CA;
}

#shareAppreciation .bg3{
  background:#185DDC;
}

#shareAppreciation .bg5{
  background:#1B68F7;
} */

.share-head {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  background: #e7e7e7;
  padding: 15px;
  font-family: 'Sora', sans-serif;
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.share-btn-group {
  text-align: center;
}

/* */

.container-full {
  width: 90%;
  margin: 25px auto 0 auto;
}

.container-full-inner {
  width: 90%;
  margin: 0 0 0 12rem;
}

.p-50 {
  padding: 30px 50px;
}

.container-full.enterprise .navbar-nav.navbar-right {
  margin-right: 70px;
}

.start-section {
  padding-left: 30px;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 5%);
  padding: 30px 20px 20px 35px;
  margin-bottom: 25px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.start-section h1 {
  font-size: 18px;
  color: #333;
  margin: 0 0 20px 0;
  font-weight: 600;
  display: inline-block;
}

.start-section li {
  display: flex;
  margin-bottom: 12px;
}

.start-section li:last-child {
  margin-bottom: 0px;
}

.get-icon {
  width: 26px;
  height: 26px;
  float: left;
}

.profile-icon {
  background: url(../img/icons/profile-icon.png) no-repeat right;
}

.tour-icon {
  background: url(../img/icons/tour-icon.png) no-repeat right;
}

.help-icon {
  background: url(../img/icons/help-icon.png) no-repeat right;
}

.connect-icon {
  background: url(../img/icons/connect-icon.png) no-repeat right;
}

.recog-icon {
  background: url(../img/icons/recog-icon.png) no-repeat right;
}

.lead-icon {
  background: url(../img/icons/lead-icon.png) no-repeat right;
}

.listen-icon {
  background: url(../img/icons/listen-icon.png) no-repeat right;
}

.start-txt {
  float: left;
  margin: 3px 0 0 15px;
}

.start-txt a {
  color: #8e919f;
  transition: all 0.2s linear 0s;
  position: relative;
  font-weight: 400;
  text-decoration: none;
}

.start-txt a:focus {
  color: #8e919f;
}

.start-txt a::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #0f7fbd;
  bottom: -4px;
  transform: scale(0, 1);
  transition: transform 0.3s;
  transform-origin: right top;
}

.start-txt a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

.start-txt a:hover {
  text-decoration: none;
  color: #0f7fbd;
}

.head-decorator {
  width: 80px;
  height: 2px;
  background: #dedede;
  position: relative;
  top: -3px;
  left: 6px;
  display: inline-block;
  vertical-align: middle;
}

.head-decorator::after {
  content: "";
  display: block;
  width: 60%;
  height: 2px;
  background: #333;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.count-section {
  color: #545252;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.count-section .count-txt {
  font-weight: 600;
  display: inline-block;
}

.count-section .numbers {
  margin: 0 15px;
  color: #fff;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inherit;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.count-section .numbers.blue {
  background: #1F92D1;
}

.count-section .numbers.yellow {
  background: #FA762E;
}

.footer-top {
  padding: 30px 0 15px 0;
  /* border-top: 1px #e9e9e9 solid;*/
}

#homepage+footer .footer-top {
  /* padding: 50px 50px 50px 85px; */
  margin-bottom: 10px;
}

.box-title {
  margin: 20px 0 15px 0;
  padding: 0 8px;
  color: #333;
  font-weight: 700;
  transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
}

.container-full.enterprise .navbar-header {
  margin-left: 70px;
}

/* */

.myteam-weidget {
  margin-bottom: 40px;
}

.myteam-weidget .pagination .fa-2x {
  line-height: inherit;
}

.myteam-weidget .pagination>li>a,
.myteam-weidget .pagination>.disabled>a {
  color: #b5bac1;
}

.myteam-weidget .pagination>.active>a {
  color: #fff;
}

.team-list-main {
  transition: 0.3s ease all;
  /* border: 1px #e5e5e5 solid; */
  border-radius: 4px;
}

.team-list-main:hover {
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  border-color: #fff;
}

.team-list-main h3 {
  padding: 10px 10px 10px 10px;
  background: #f1f1f1;
  font-size: 17px;
  font-weight: 600;
  color: #333;
}

.team-wrapper {
  padding: 0px 20px 0px 20px;
}

.team-list {
  margin: 15px 4px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 2px;
}

.team-list li:last-child {
  margin-bottom: 0;
}

.team-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.team-list::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.team-list::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

.list-card {
  padding: 10px;
  margin: 1px 0;
  width: 100%;
  border-bottom: 1px solid #eee;
  border-radius: 15px;
}

.list-card:last-child {
  border-bottom: none;
}

.list-card.active {
  background: #ededed;
  padding: 10px;
  border-radius: 15px;
}

.list-card:hover {
  background: #eee !important;
  color: #f49025 !important;
  border-radius: 15px;
}

.list-card.active .list-info h2 {
  color: #91b158;
}

.list-avatar {
  float: left;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
}

.list-avatar img {
  /* border: 1px #ccc solid; */
  padding: 2px;
  border-radius: 50%;
}

.list-avatar-noimg {
  width: 50px;
  height: 50px;
  text-align: center;
  /* vertical-align: middle; */
  line-height: 50px;
  color: #fff;
  margin: 0 20px 0 0;
  float: left;
  border-radius: 50%;
  display: block;
}

.list-info {
  display: grid;
}

.list-info h2 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #5f94c3;
}

.list-info .title {
  /* margin-bottom: 8px; */
  position: relative;
}

.list-info .title p {
  font-weight: 300;
  color: #939393;
  font-size: 13px;
}

.list-info .title .sub-title {
  color: #666666;
  font-weight: 600;
  text-align: center;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 3px;
}



.widgets-section {
  transition: 0.3s ease all;
  border: 1px #e5e5e5 solid;
  padding: 0;
  border-radius: 15px;
  margin-bottom: 40px !important;
  /* width: 100%; */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.widgets-section:hover {
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  border-bottom: 3px solid #2196f3;
  /* border-top: 3px solid #f49025 !important; */
}

.widget-btn {
  margin-top: 15px;
}



/* */

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
  padding: 15px;
  height: 150px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

.select-txt {
  margin-left: 15px;
  font-size: 13px;
}

.select-row {
  margin-bottom: 10px;
}

.tags-wrap .bootstrap-tagsinput {
  width: 100%;
  border-radius: 4px !important;
}

.calendar-field {
  -webkit-border-radius: 4px 0 0 4px !important;
  border-radius: 4px 0 0 4px !important;
}

.upload-section .dropzone {
  height: 190px;
}

.upload-section .dropzone .dz-preview {
  margin: 8px 0 0 8px;
}

.pm-popup-gallery {
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-right: 150px;
  padding-left: 15px;
  float: left;
  display: block;
  position: relative;
  margin: 0 0 1.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}

.pm-attachement {
  position: relative;
  margin-bottom: 20px;
}

/* .pm-attachement .bottom-left {
  width: 100%;
} */

/* */

.button9 {
  text-align: center;
  background: #f39c12;
  border: 0;
  border-radius: 100px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 25px;
  margin: 20px auto;
  display: none;
}

/* */

#oneOnOneModalBody {
  padding: 0 30px 30px 30px;
  border-radius: 0px 0px 15px 15px !important;
  -webkit-border-radius: 0px 0px 15px 15px !important;
  -moz-border-radius: 0px 0px 15px 15px !important;
  -ms-border-radius: 0px 0px 15px 15px !important;
  -o-border-radius: 0px 0px 15px 15px !important;
}

.one-table {
  padding: 0%;
  border-radius: 15px;
  margin-top: 15px;
  /* box-shadow: 0 10px 30px 0 rgb(141 151 158 / 20%); */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.one-content-right {
  box-shadow: 0 20px 30px 0 rgb(141 151 158 / 20%);
  margin-top: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

#btnAnimate {
  color: #fff;
  transition: all 1s ease;
  background: #38d178;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  border: 0px;
  display: inline-block;
  padding: 4px 12px;
  font-family: 'Sora', sans-serif;
  font-weight: 400;
}

#btnAnimate:hover {
  background: #26af5f;
}

.round-bg {
  margin: auto;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 8px;
  background: #41becb;
  color: white;
  text-align: center;
  font-size: 13px;
}

.one-on-onehead h4 {
  display: inline-block;
  font-weight: 400;
}

.btn-icon svg {
  fill: #fff;
  position: relative;
  left: -5px;
  top: 1px;
}

.btn-icon span {
  position: relative;
  left: -1px;
  top: -3px;
}

.one-on-onehead h4 #employeeName {
  font-weight: 400;
  color: #f49025;
  font-style: italic;
}

#oneOnOneModal .modal-footer {
  padding: 0;
  border: 0;
}

.del-icon {
  fill: #eb4d4b;
  position: relative;
  top: -2px;
}

.plus-icon {
  fill: #38d178;
  position: relative;
  top: -2px;
}

.table-one {
  background: #f1f3f7;
  border-radius: 15px;
  padding: 15px;
  max-height: 242px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.table-one li:last-child {
  margin-bottom: 0;
}

.table-one::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.table-one::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.table-one::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

#btnDelete1,
#btnActionAdd {
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
}

.form-alert {
  background: none !important;
}

.alert-content {
  color: #27ae60;
  font-weight: 500;
  font-family: 'Sora', sans-serif;
  float: left;
}

.alert-content-red {
  color: #e74c3c;
  font-weight: 500;
  font-family: 'Sora', sans-serif;
  float: left;
}

.form-alert button.close {
  float: left;
  background: #e7e7e7 !important;
  color: #7d899b;
}

.one-content-right .has-success .input-group-addon {
  color: #555 !important;
  background-color: #eee !important;
  border-color: #ccc !important;
}

.one-content-right .mce-panel {
  border-color: #c5cdd9 !important;
}

.save-btn {
  display: inline-block;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  background: #1f91d1;
  border: none;
  color: #FFFFFF !important;
  text-align: center;
  font-size: 13px;
  padding: 8px 20px !important;
  min-width: 100px;
  transition: all 0.5s;
  cursor: pointer;
  outline: none;
  font-family: 'Sora', sans-serif;
}

.save-btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  font-weight: 500;
}

.save-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: -1px;
  right: -15px;
  transition: 0.5s;
}

.save-btn:hover span {
  padding-right: 15px;
}

.save-btn:hover span:after {
  opacity: 1;
  right: 0;
}

.save-btn:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;

}

.min-width-1 {
  min-width: 75px;
}

.cancel-btn {
  display: inline-block;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  background: #dbe1e5 !important;
  border: none;
  color: #524e4e !important;
  text-align: center;
  font-size: 14px;
  padding: 8px !important;
  min-width: 100px;
  transition: all 0.5s;
  cursor: pointer;
  outline: none;
  margin-right: 8px;
  font-family: 'Sora', sans-serif;
}

.cancel-btn:hover {
  color: #1e1e1e !important;
}

.cancel-btn:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.cancel-btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  font-weight: 500;
}

.cancel-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 2px;
  right: -15px;
  transition: 0.5s;
  transform: rotate(180deg);
}

.cancel-btn:hover span {
  padding-right: 15px;
}

.cancel-btn:hover span:after {
  opacity: 1;
  right: 0;
}

.modal-footer-new {
  padding: 0;
  text-align: right;
}

.one-content-right .table-one select {
  padding: 9px 40px 9px 12px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.one-table .dataTables_info {
  font-size: 13px;
}

.recog-tags .bootstrap-tagsinput .tag.label {
  /*left: -6px;*/
  position: relative;
  width: max-content;
  max-width: 265px;
  display: block;
  top: -5px;
  padding: 7px 20px 7px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recog-tags .bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 0px;
  cursor: pointer;
  position: absolute;
  right: 3px;
}

#oneOnOneTable td {
  font-size: 13px;
}

/* */

.doc-hide {
  visibility: hidden;
}

.doc-fix {
  position: relative;
  left: -100px;
}

.idea-page .widgets-section.TrendingIdeas #topidea {
  padding: 30px 20px;
}

.idea-page .widgets-right .media-list .media-left {
  padding-right: 20px;
}

.idea-page .search-area .btn-toggle button {
  outline: none !important;
}

.idea-page .search-area .btn-toggle button:focus {
  outline: none !important;
}

.idea-page .search-area .btn-toggle button.active {
  background-color: #f1c40f !important;
  border-color: #f1c40f !important;
}

.idea-page #listview .ideacomment {
  margin: 10px 0 15px 80px;
  /* float: left; */
  display: block;
}

.subscribeideas .ideacomment {
  margin: 10px 0 15px 80px;
  /* float: left; */
  display: block;
}

.idea-detail .right-box .weidget-body li.mediaData p {
  font-size: 15px;
  margin-bottom: 10px;
}

.idea-detail .right-box .weidget-body li.mediaData .col-md-2 label {
  color: #1f92d1;
}

.weidget-head {
  position: relative;
  padding: 10px;
  margin: 0;
  background: #f1f1f1;
  font-size: 17px;
  font-weight: 600;
  color: #333;
  font-family: 'Sora', sans-serif;
  border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -ms-border-radius: 15px 15px 0px 0px;
  -o-border-radius: 15px 15px 0px 0px;
}

.weidget-head .panel-subtitle {
  color: #726e6e;
  font-weight: 400;
  font-style: inherit;
}

.weidget-body {
  padding: 15px;
  font-family: 'Sora', sans-serif;
}

.weidget-head .panel-title {
  width: inherit;
  display: inherit;
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px #dfdfdf solid;
  padding-bottom: 10px;
}

.score-round {
  background: #5b758f;
  color: #fff;
  font-size: 11px;
  width: 30px;
  height: 30px;
  line-height: 31px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: -6px !important;
}

.button10 {
  position: relative;
  overflow: hidden;
  height: 3rem;
  padding: 5px 15px;
  border-radius: 24px !important;
  background: #536e85;
  background-size: 400%;
  color: #fff !important;
  border: 0;
}

.button10:hover::before {
  transform: scaleX(1);
}

.button-content {
  position: relative;
  z-index: 1;
  font-family: 'Sora', sans-serif;
  /* font-size: 13px; */
  font-weight: 300;
}

/* .button10::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: inherit;
  border-radius: inherit;
  background: linear-gradient(82.3deg, rgba(215, 88, 193, 1) 10.8%, rgba(230, 126, 34, 1) 94.3%);
  transition: all 0.475s;
} */

.button10:hover {
  background: linear-gradient(82.3deg, rgba(215, 88, 193, 1) 10.8%, rgba(230, 126, 34, 1) 94.3%);
  transition: all 0.475s;
}

.total-votes .weidget-head .panel-title {
  border: 0;
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 1px #dfdfdf solid;

}

.total-votes .weidget-head .score-round {
  top: 15px;
}

.idea-page #mydrafts .subscribeidea-items .ideadescription.more+p {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 10px;
  color: #6d7186;
  padding-left: 80px;
}

.statistics-icon {
  fill: #1f92d1;
}

.challenge-page .ideadescription.more {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 50px;
}

.challenge-page .ideadescription.more h1,
.challenge-page .ideadescription.more h2 {
  margin: 0;
  padding: 0;
  font-size: 27px;
}

.search-refresh {
  fill: #fff;
}

.link-main {
  display: inline-block;
  position: relative;
  top: 8px;
  left: 10px;
  margin: 0px !important;
}

.link-animate {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.link-animate:hover,
.link-animate:focus {
  outline: none;
}

.link-btn-1 {
  position: relative;
  display: inline-block;
  color: #e67e22;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
}

.link-btn-1:before {
  position: absolute;
  top: 100%;
  content: attr(title);
  color: #333;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.link-animate:hover a,
.link-animate:focus a {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

.btn-sm {
  height: 2.8rem;
  /* padding: 0 15px;*/
}

.img-wrap {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 190px;
  overflow: hidden;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

.tile-bg {
  transition: 0.3s;
}

.problemView:hover .tile-bg {
  transform: scale(1.1);
}

.challenge-page .problem-image .tile-bg {
  -webkit-border-radius: 15px 15px 15px 15px !important;
  border-radius: 15px 15px 15px 15px !important;
}

.event-contents .author11 a {
  font-weight: 600;
  transition: 0.3s ease all;
}

.event-contents .author11 a:hover {
  color: #efbd09;
}

.rsvp-list .user-pic {
  display: inline-block;
  height: 60px;
}

.achieversList .user-pic,
.idea-wrapper .persone {
  height: 50px;
}

#top5idealist .media {
  height: 90px;
}

.event-detail .comment-section .media-body .comment {
  margin-bottom: 5px;
}

.challenge-detail .left-section .problem-catergory {
  margin-top: 20px;
  font-family: 'Sora', sans-serif;
}

.challenge-detail .right-section .istaglabel {
  background-color: #9b59b6;
  font-weight: 400;
  border-radius: 17px;
  padding: 3px 10px;
}

.challenge-detail .right-section li.tags-show {
  margin-bottom: 5px;
}

.gn-box {
  background: #fff;
  padding: 10px 20px;
  font-family: 'Sora', sans-serif;
}

.gn-head {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
}

.gn-content {
  color: #6d7186;
  text-align: center;
  font-size: 13px;
}

.gn-img {
  text-align: center;
}

.btn-sm-2 {
  padding: 6px !important;
}

.btn-sm-2 span {
  font-size: 13px;
}

.idea-detail .left-section .author11 {
  font-family: 'Sora', sans-serif;
}

.idea-detail .left-section .author11>span {
  color: #6d7186;
}

.idea-detail .left-section .author11 span a {
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease all;
}

.idea-detail .left-section .author11 span a:hover {
  color: #efbd09;
}

.times {
  fill: #979fad;
  margin-right: 5px;
}

.times-txt {
  position: relative;
  top: -8px;
  color: #899a9d;
  font-weight: 400;
  font-size: 11px;
}

.idea-detail .author11 .link-main {
  top: 6px;
}

/**/

.circle {
  display: block;
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  content: ' ';
  transition: all 0.5s ease;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex
}

.circle.blue {
  background-color: #306BCE;
}

.circle.purple {
  background-color: #832A50;
}

.insight-page .nav-tabs>li>a {
  color: #6f7783;
}

.insight-page .nav-tabs>li.active>a,
.insight-page .nav-tabs>li.active>a:focus,
.insight-page .nav-tabs>li.active>a:hover {
  color: #fff !important;
}

.table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 0;
}

.table::-webkit-scrollbar-thumb {
  background: #a8b6c5;
  -webkit-box-shadow: inset 0 0 6px #a8b6c5;
  border-radius: 7px;
}

.table::-webkit-scrollbar-thumb:window-inactive {
  background: #a8b6c5;
  border-radius: 7px;
}

.insight-page .table-main .dt-buttons.btn-group.flex-wrap {
  position: absolute;
  top: -57px;
  right: 15px;
}

#oneOnOneWidgetTable td {
  font-size: 13px;
  vertical-align: middle;
}

.add-button {
  background: url(../img/icons/add-more.png) no-repeat right;
  width: 26px;
  height: 26px;
  border: 0;
  box-shadow: none;
}

.section-box {
  background: #f3f3f3;
  padding: 0 0 25px 0;
  margin-bottom: 40px;
  font-family: 'Sora', sans-serif;
  border-radius: 4px;
  position: relative;
  box-shadow: rgba(133, 153, 171, 1) 0px 0px 0px 0px;
}

.section-box .team-member-image {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  background-size: cover;
  border-radius: 50%;
  margin: 0 auto;
  border: 2px solid #fff;
}

.section-box .username {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
}

.section-box .email-format {
  margin: 3px 0;
  display: block;
  font-size: 14px;
  word-wrap: break-word;
  font-weight: 300;
}

.section-box h4 {
  font-size: 15px;
  font-weight: 400;
  margin-top: 35px;
  color: #274e60;
}

.section-box h4 span:first-child {
  color: #428eb1;
  font-weight: 500;
}

.score {
  background: #41becb;
  color: #fff;
  padding: 5px 10px;
  border-radius: 15px;
  font-size: 13px;
  margin-left: 10px;
}

.upper-head {
  height: 60px;
  background: #8599ab;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  margin-bottom: 52px;
}

.fa-sm {
  font-size: 1.6em;
  color: #b3b5b9;
}

.next-button {
  border: 0px;
  outline: none;
  background: #1f92d1;
  color: #fff;
  border-radius: 4px !important;
  font-weight: 400;
  transition: all 0.2s linear 0s;
}

.next-button:hover,
.next-button:focus {
  box-shadow: 0 4px 12px 0 rgb(90 141 238 / 40%);
  background: #25a2e6;
  color: #fff !important;
  outline: none !important;
}

.next-button .fa-angle-right {
  margin-left: 3px;
}

.bootstrap-tagsinput input {
  font-family: 'Sora', sans-serif;
}

.category {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: 2px;
  font-size: 14px;
}

.category span:first-child {
  font-weight: 600;
  color: #50bfcb;
}

.category span:last-child {
  margin-left: 5px;
  color: #6d7186;
  font-weight: 400;
}

#WhatIfProblem .category {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: 0px;
  font-size: 14px;
}

#WhatIfProblem .category span:first-child {
  font-weight: 600;
  color: #50bfcb;
}

#WhatIfProblem .category span:last-child {
  margin-left: 5px;
  color: #6d7186;
  font-weight: 400;
}

#rsvps-title .score-round {
  right: 10px;
  top: 6px !important;
}

.home-page .bp-card,
.custom-idea-page .bp-card {
  width: 50% !important;
}

.home-page .bp-card .info,
.custom-idea-page .bp-card .info {
  padding-right: 20px;
}

.position {
  position: relative;
  top: -2px;
}

.problem-message-container .problem-message-action-list-item>a {
  color: #1f92d1;
  font-size: 12px;
}

.linked {
  display: inline-block;
  margin-left: 15px;
}

.linked a {
  font-size: 14px;
  text-decoration: none !important;
  font-weight: 500;
  color: #daab18 !important;
  vertical-align: middle;
  margin-left: 5px;
}

.mtb-20 {
  margin: 20px 0;
}

.tleft {
  text-align: left !important;
}

/* */

.outer-nobg {
  margin-bottom: 30px;
}

.card-box {
  width: auto;
  background: #fff;
  margin: 20px 0 20px 0;
  white-space: normal;
  cursor: move;
  border-radius: 4px;
  text-align: left;
  box-shadow: -4px 4px 6px 0 rgb(55 70 95 / 12%);
  position: relative;
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
}

.pm-head {
  padding: 5px 0;
  font-weight: 600;
  margin: 5px 0 5px 0;
  font-size: 25px;
  color: #454360;
  position: relative;
  font-family: 'Sora', sans-serif;
}

.pm-head:before {
  content: "";
  background-image: url(../img/icons/dots-bg.svg);
  display: block;
  height: 25px;
  left: 0;
  top: -12px;
  position: absolute;
  width: 37px;
}

.pm-box {
  background: #fff;
  border-radius: 25px;
  padding: 30px;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 5%);
  position: relative;
  transition: all .3s ease-in-out;
  font-family: 'Sora', sans-serif;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border: 0 !important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

/* .pm-box .pm-inner>* {
  transform: translateY(0px);
  transition: .7s cubic-bezier(.17, .67, 0, 1.01);
} */

/* .pm-box:hover .pm-inner>* {
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
}  */

.pm-link {
  font-size: 18px;
  color: #0f7fbd;
  position: relative;
  top: 5px;
  left: 15px;
  font-weight: 600;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 23px;
  outline: none;
}

.pm-link:hover,
.pm-link:focus {
  text-decoration: none;
  color: #0f7fbd;
}

.pm-box ul li {
  list-style: none;
  line-height: 15px;
  padding: 5px;
  color: #7e939f;
  font-weight: 300;
}

.progress-status {
  color: #e74c3c;
  font-weight: 500;
}

.pm-title {
  margin-bottom: 15px;
}

.pm-title img {
  float: left;
}

.color1 {
  color: #56c6ce;
  font-weight: 500;
}

.color2 {
  color: #f49025;
  font-weight: 500;
}

.color3 {
  color: #b363d3;
  font-weight: 500;
}

.color4 {
  color: #f25e4f;
  font-weight: 500;
}

.color5 {
  color: #3498db;
  font-weight: 500;
}

.color6 {
  color: #2ecc71;
  font-weight: 500;
}

.color7 {
  color: #c0392b;
  font-weight: 500;
}

.pm-footer {
  margin-top: 15px;
  border-top: 1px #e3e3e3 solid;
  padding-top: 10px;
}

.footer-btn {
  cursor: pointer;
}

.footer-btn span {
  margin-right: 8px;
}

.editsvg {
  fill: #0eb5dc;
}

.uploadsvg {
  fill: #f86f7d;
}

.downsvg {
  fill: #399f20;
  stroke-width: 2;
  vertical-align: middle;
}

.settingsvg {
  fill: #e909b1;
}

.createButton {
  width: 100%;
  height: 244px;
  background: #3cd67d;
  border-radius: 10px !important;
  /*padding: 40px;*/
  box-shadow: 0px 2px 10px 0px RGBA(57, 97, 120, 0.1);
  -webkit-transition: 0.25s;
  transition: 0.25s;
  outline: none !important;
  border: 0px !important;
  transition: all 0.2s linear 0s;
  font-family: 'Sora', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.createButton:hover {
  background: #35c672;
}

.project-img {
  transition: all 0.2s linear 0s;
  margin-bottom: 20px;
}

.create {
  display: block;
}

.createButton:hover .project-img {
  fill: #ffec5e;
}

#project-section .outer-box {
  padding: 0px;
}

.outer-box {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  /* box-shadow: 0px 2px 10px 0px RGBA(57, 97, 120, 0.1); */
  font-family: 'Sora', sans-serif;
  /* color: #7e939f; */
}

.outer-box .nav-tabs>li>a {
  color: #7e939f;
}

.outer-box .nav-tabs>li.active>a,
.outer-box .nav-tabs>li.active>a:focus,
.outer-box .nav-tabs>li.active>a:hover {
  color: #fff;
}

.outer-box .nav>li>a {
  padding: 5px 15px;
  border-radius: 20px !important;
  min-width: 50px;
}

.outer-box .nav-tabs {
  /* border-bottom: 1px solid #e6e6e6; */
  background: #f9f9f9;
  padding: 10px;
  border-radius: 20px;
  border-bottom: none !important;
}

.outer-box .tab-content .media-left {
  padding-right: 15px;
}

.pt-30 {
  padding-top: 30px;
}

.link-1 {
  color: #374f6a;
  font-size: 16px;
  transition: 0.3s ease all;
}

.link-1:hover,
.link-1:focus {
  text-decoration: none;
  color: #f49025;
}

.sub-head1 {
  font-size: 24px;
  margin: 0 0 20px 0;
  font-family: 'Sora', sans-serif;
}

.sub-head1 h3 {
  color: #454360;
  font-weight: 500;
  font-size: 19px;
  margin: 0;
}

.dot {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  top: 1px;
  margin-left: 5px;
  margin-right: 5px;
}

.color1-bg {
  background: #56c6ce;
}

.color2-bg {
  background: #f49025;
}

.color3-bg {
  background: #b363d3;
}

.color4-bg {
  background: #f25e4f;
}

.color5-bg {
  background: #3498db;
}

.color6-bg {
  background: #2ecc71;
}

.color7-bg {
  background: #c0392b;
}

.position1 {
  position: relative;
  top: 20px;
}

/**/

.box-txt {
  font-weight: 600;
  font-family: 'Sora', sans-serif;
  color: #4d6289;
  text-align: center;
  display: block;
  padding: 20px 0;
}

.box-txt svg {
  position: relative;
  top: 7px;
  fill: #4d6289;
}

.position2 {
  position: relative;
  top: 20px;
}

.height1 {
  height: 145px;
}

.rowscroll {
  overflow-x: auto;
  white-space: nowrap;
}

.rowscroll .col-md-2 {
  display: inline-block;
  float: none;
  padding-top: 5px;
  z-index: 1;
}

.rowscroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.rowscroll::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.rowscroll::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

.createbox {
  position: sticky !important;
  left: 0;
  z-index: 999;
  background: #fff;
  height: 200px;
}

.box-txt2 {
  font-weight: 600;
  font-family: 'Sora', sans-serif;
  color: #000;
  text-align: center;
  font-size: 15px;
  display: block;
  background: #ccd8e5;
  padding: 8px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}

.card-item-createCard {
  width: 100%;
  min-height: 145px;
  max-height: 145px;
  box-shadow: rgba(0, 0, 0, 0.10) 0px 5px 15px 0px;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border: 4px #fff solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.card-item-createCard:hover {
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  border-bottom: 3px solid #2196f3;
}

.card-item-myWhiteboards {
  width: 100%;
  min-height: 350px;
  max-height: 350px;
  border: 1px #ccd8e5 solid;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

.input-icons {
  width: 100%;
  margin-bottom: 10px;
}

.input-icons i {
  position: absolute;
  margin: 10px;
  cursor: pointer;
}

.input-field {
  width: 100%;
  padding: 10px;
  text-align: center;
}

.p30 {
  padding: 30px !important;
}

.customhr {
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 15px;
}

/**/

.question {
  position: absolute;
  left: 5px;
  top: -2px;
  /*fill: #7c8da1;*/
  fill: #ffffff;
}

#dynamicList .question {
  position: absolute;
  left: 105px !important;
  top: -2px;
  /*fill: #7c8da1;*/
  fill: #ffffff;
}

.tab-head2 {
  background: #d2dae3;
  color: #2c2929;
  padding: 10px;
  margin-bottom: 30px;
  font-size: 15px;
  font-family: 'Sora', sans-serif;
  font-weight: 500;
  border-radius: 4px;
  position: relative;
  height: 38px;
}

.drop-section {
  position: absolute !important;
  top: 0;
  right: 10px;
  /* height: 36.5px; */
  background: #5b758f;
  color: #fff;
  border: 0;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  -webkit-border-radius: 0 4px 4px 0 !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 7px 15px;
}

#insightChart .drop-section {
  position: absolute !important;
  right: 0;
}

.tab-head2 h4 {
  color: #2c2929;
  font-size: 15px;
  font-weight: 500;
}

.drop-section .fa-down {
  top: 8px;
}

.drop-section .scroll-menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #e0e0e0;
  border-radius: 7px;
}

.drop-section .scroll-menu::-webkit-scrollbar-thumb {
  background: #c8ced4;
  -webkit-box-shadow: inset 0 0 6px #c8ced4;
  border-radius: 7px;
}

.drop-section .scroll-menu::-webkit-scrollbar-thumb:window-inactive {
  background: #c8ced4;
  border-radius: 7px;
}

.drop-section .dropdown-menu.dropdown-data {
  right: 0;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  border: 0px;
  top: 54px;
}

.fixnoimg {
  float: left;
  margin: 0;
  width: 80px;
  height: 80px;
}

.fixnoimg-text {
  font-size: 2rem;
  text-align: center;
  vertical-align: middle;
  position: relative;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

}

.banner-btn {
  background: #f39c12 !important;
  color: #000;
  padding: 10px 25px !important;
  border-radius: 19px;
  text-decoration: none;
  font-weight: 500 !important;
  cursor: pointer;
  transition: 0.4s ease all;
}

.banner-btn:hover {
  text-decoration: none;
  color: #000;
  background: #ffb700 !important;
}


/* updated 10/09/22 by jayanthi */
@media only screen and (max-width: 600px) {
  .recog-filter {
    position: absolute;
    right: 14px;
    background: #fff;
    top: -16px;
    padding-left: 0px;
    margin-left: 0px;
  }

  .activities-page .avatarbackground {
    margin-right: 15px;
  }

  .challenge-page .searchrefresh-icon {
    position: relative;
    top: -10px;
    left: 6px;
  }

  .tab-head2 {
    min-height: 37px;
  }

  .problem-message-body {
    padding-left: 75px;
  }

  .activities-page .avatarbackground {
    margin: 0 10px 0 0 !important;
  }

  #profile .team-member-image {
    margin: 0 auto 10px auto;
  }

  .award-box-main {
    margin: 0 auto;
  }

  #profile .team-member-image {
    margin: 0 auto 10px auto;
  }

  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  html,
  body,
  div,
  figure,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  input,
  textarea,
  button,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  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 {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
  }

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  user agent stylesheet div {
    display: block;
  }

  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Sora', sans-serif;
    width: 100% !important;
  }



  section {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: 300;
  }

  body,
  html,
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  body {
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #333;
    overflow-x: hidden;
  }

  body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
  }

  body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
  }

  html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
  }

  html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }

  html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  :after,
  :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  :after,
  :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  :after,
  :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  :after,
  :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  ::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background: #e0e0e0;
  }

  ::-webkit-scrollbar-thumb {
    background: #1f92d1;
    -webkit-box-shadow: inset 0 0 6px #1f92d1;
  }

}

.reminder {
  color: #000000;
  background: green;
  padding: 10px;
  background: #c7ebff;
  margin: 15px;
}

@media (max-width: 767px) {
  .tab-content-size {
    font-size: 12px;
  }
}

/* Nidhin */

.newdrop {
  float: right;
  margin-right: 2.5rem;
}

.newdrop .profile-pic {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
}

.navbar-login {
  width: auto;
  min-width: 270px;
  padding: 10px;
  background: linear-gradient(135deg, #088bd3 30%, #0d70a7 70%);
  background-size: cover;
  border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -ms-border-radius: 15px 15px 0px 0px;
  -o-border-radius: 15px 15px 0px 0px;
}

.profile-pic_big {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  margin-top: 14px;
}

.drop-btn-bg {
  background: #f5f5f5;
}

.newdrop ul.dropdown-menu li p a.btn-default {
  border-bottom: 1px #ddd solid;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding: 10px 12px;
  color: #6d7186;
  box-shadow: none;
  background: none;
  text-align: left;
  transition: all 0.2s linear 0s;
  font-weight: 300;
  /* border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important; */
}

.newdrop ul.dropdown-menu li p a.btn-default:hover {
  color: #0f7fbd;
  background: #efefef;
  /* border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important; */
}

.newdrop ul.dropdown-menu li:last-child p:last-child a.btn-default:hover {
  border-radius: 0px 0px 10px 10px !important;
  -webkit-border-radius: 0px 0px 10px 10px !important;
  -moz-border-radius: 0px 0px 10px 10px !important;
  -ms-border-radius: 0px 0px 10px 10px !important;
  -o-border-radius: 0px 0px 10px 10px !important;
}

.newdrop .dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.5s ease all;
  padding: 0;
  right: 0;
  left: inherit;
  border: 0;
}

.newdrop .dropdown.open .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  transition: 0.4s ease all;
  padding: 0;

}

.newdrop .dropdown-menu:before {
  position: absolute;
  top: -9px;
  right: 30px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ccc;
  border-left: 9px solid transparent;
  border-bottom-color: #337ab7;
  content: "";
  z-index: 999;
}

.newdrop .dropdown-toggle {
  text-decoration: none;
}

.melink {
  padding-top: 22px;
  padding-bottom: 22px;
}

.melink .dropdown.open .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  transition: 0.4s ease all;
  padding: 0;

}

.melink .dropdown-menu:before {
  position: absolute;
  top: -9px;
  right: 15px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ccc;
  border-left: 9px solid transparent;
  border-bottom-color: #1c69c5;
  content: "";
  z-index: 999;
}

.newdrop>li {
  display: inline-block;
}

.notifi-part {
  background: #EDF1F5;
  border-radius: 12px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px 15px 0;
  position: relative;
  cursor: pointer;
  top: -10px;
}

.noti-number {
  background: #FF6760;
  border: 1px solid #F6F8FB;
  border-radius: 20px;
  position: absolute;
  top: -10px;
  right: -5px;
  padding: 4px;
  font-size: 9px;
  font-family: 'Sora', sans-serif;
  color: #fff;
  font-weight: 600;
  width: 24px;
  height: 24px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.pulse {
  animation: pulse 2s infinite;
}

.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(243, 78, 28, 0.4);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(243, 78, 28, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(243, 78, 28, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(243, 78, 28, 0.4);
    box-shadow: 0 0 0 0 rgba(243, 78, 28, 0.4);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(243, 78, 28, 0);
    box-shadow: 0 0 0 10px rgba(243, 78, 28, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(243, 78, 28, 0);
    box-shadow: 0 0 0 0 rgba(243, 78, 28, 0);
  }
}

.my-program {
  float: none !important;
  padding-top: 22px;
  margin-left: 2.5rem;
}

.my-program button {
  font-size: 14px;
  border-radius: 6px !important;
  border: 0 !important;
  box-shadow: none !important;
  background-color: #fff !important;
  color: #333;
  padding: 0;
}

.my-program button:hover,
.my-program button:active,
.my-program button:focus {
  background-color: #fff !important;
  color: #333 !important;
}

.my-program button svg {
  fill: #868999;
  top: 6px;
  position: relative;
  left: -5px;
}

.my-program li a {
  cursor: pointer;
  border-bottom: 1px #ddd solid;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding: 12px;
  color: #6d7186;
  box-shadow: none;
  background: none;
  text-align: left;
  transition: all 0.2s linear 0s;
  font-weight: 300;
  font-family: 'Sora', sans-serif;
}

.my-program .dropdown-menu {
  border: 0;
  padding: 0;
  top: 83px;
  max-height: calc(75vh - 200px) !important;
  overflow: auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.footer-list {
  text-align: center;
}

.header .navbar-brand img {
  height: 60px;
  border-radius: 15px;
}

.program-nav .navbar-brand img {
  height: 60px !important;
  border-radius: 15px;
}

.mb-25 {
  margin-bottom: 25px;
}

/* #cardList .cardgrid {
  width: 75%;
  padding-left: 25px;
} */

.leftpanel-brands {
  display: none;
}

#cart-trash {
  display: none;
}

@media only screen and (max-width: 600px) {
  .my-program {
    float: right;
    padding: 0 0 15px 0;
  }

  .my-program .dropdown-menu {
    border: 0;
    padding: 0;
    top: 43px;
    border-radius: 0;
  }

  .nopad {
    margin: 0px;
    padding: 0px;
  }

  .header {
    min-height: 90px;
  }

  .leftpanel-brands {
    display: block;
  }

  #cart-trash {
    display: block;
    float: left;
    padding-right: 10px;
  }
}

/* Rewards section */
.rewards {
  min-height: 550px;
}

/* Notification Popup CSs Start */
.navbar-notification {
  background: #337ab7;
  width: auto;
  min-width: 350px;
  padding: 20px 15px;
  border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -ms-border-radius: 15px 15px 0px 0px;
  -o-border-radius: 15px 15px 0px 0px;
}

.noti-block {
  padding: 10px 5px;
  color: #474747;
  border-bottom: 1px solid #eee !important;
}

.noti-block:last-child {
  border-bottom: none !important;
  border-radius: 0px 0px 15px 15px;
}

.noti-block:hover {
  background: #fff;
}

.showmore-block {
  padding: 10px 5px;
  color: #474747;
}

.showmore-block:hover {
  background: #fff;
  border-radius: 0px 0px 15px 15px;
}

.noti-block .bold {
  font-weight: 550;
}

.navbar-noti-session {
  background: #f9f9f9;
  border-radius: 0px 0px 15px 15px;
}

.noti-block .profile-pic {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: block;
}

.list-avatar-noimg-notify {
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  margin: 0 10px 0 0;
  float: left;
  border-radius: 50%;
  display: block;
}

#connect .media-body .highlight {
  border: 1px solid #00A5FF;
  box-shadow: 0px 2px 10px 0px RGBA(57, 97, 120, 0.1);
  transition: all .5s ease-in-out;
}

#redeempoints {
  font-family: 'Sora', sans-serif;
}

#reedem-box .col-sm-3 {
  min-width: 250px !important;
}

#reedem-box .panel {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
  border: none;
  border-radius: 5px !important;

}

#reedem-box .panel-heading {
  /*height: 100px;*/
  background: url(/static/img/widget-bg.png) no-repeat top;
  position: relative;
  background-size: cover;
}

#reedem-box .panel:last-child {
  margin-bottom: 10px !important;
}

#reedem-box .points {
  color: #49bf67;
  font-weight: 500;
}

.reedem-img {
  /*width:120px; height:70px;*/
  margin: 10px auto;
  display: flex;
}

#reedem-Brandhome {
  text-align: center;
}

.leftsearch input {
  width: 82% !important;
  margin: 15px;
}

.rbrands {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
  margin: 5px;
}

.brands {
  cursor: pointer;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 2%;
  margin: 4%;
}

#redeem-Brandhome img {
  padding-bottom: 15px;
  cursor: pointer;
  width: auto;
  height: auto;
}

#reedem-box .link-text {
  color: #1f92d1;
  font-weight: 500;
  background: none;
  font-size: 1.2rem;
}

/* #reedem-box .link-text a {
  color: #1f92d1;
  font-weight: 500;
  display: block;
  background: none;
} */

#reedem-box .link-text:hover {
  color: #fca41f;
  font-weight: 500;
  display: block;
  background: none;
  font-size: 1.2rem;

}

.brand-titlebar {
  padding: 6px 10px;
  background: #f9f9f9;
  margin-bottom: 15px;
  border-radius: 15px;
}

#nobrand-home {
  min-height: 400px;
  margin: 10% auto 5% auto;
}

#nobrand-home h4 {
  padding: 20px 0;
}

/* #rewardCountry .input-group {
  width: 80%;
} */

#cardList li {
  background: #f1f1f1;
  padding: 10px;
  margin-bottom: 15px;
  width: 90%;
  border: 1px solid #f1f1f1;
  cursor: pointer;
  word-break: break-all;
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

#cardList li:hover {
  background: #fca41f;
  padding: 10px;
  margin-bottom: 15px;
  width: 90%;
  border: 1px solid #eee;
  color: #fff;
  cursor: pointer;
}

#cardList .highlight {
  background: #fca41f;
  padding: 10px;
  margin-bottom: 15px;
  width: 90%;
  border: 1px solid #fff;
  color: #fff;
}

#cartview h4 {
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}

#addToCardList ul li {
  color: #000;
  font-weight: 400;
  font-size: 13px;

}

#incentivesAddToCardList ul li {
  color: #000;
  font-weight: 400;
  font-size: 13px;

}

#totalCardAmountValue {
  font-weight: 600;
  margin: 5px 0;
  border-top: 1px solid #ccc;
  text-align: right;
  padding-right: 5px;
}

#swagTotalCardAmountValue {
  font-weight: 600;
  margin: 5px 0;
  border-top: 1px solid #ccc;
  text-align: right;
  padding-right: 5px;
}

#incentivesTotalCardAmountValue {
  font-weight: 600;
  margin: 5px 0;
  border-top: 1px solid #ccc;
  text-align: right;
  padding-right: 5px;
}

#cartview .viewcon {
  padding-top: 15px;
  color: #000;
}

.cart-badge {
  font-size: 16px;
}



#cartview .cartamt {
  padding-top: 20px;
  font-weight: 400;
  color: #000;
}



.total-cartview {
  background: #eee;
  padding: 20px;
  /* border: 1px solid #eee; */
  border-radius: 15px;
  margin-top: 10px;
  position: absolute;
  right: 4%;
  width: 272px;
}

.total-cartview h5 {
  font-size: 14px;
  line-height: 30px;
}

.total-cartview .strong {
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  margin: 5px 0;
}

#redeembanner h4 p {
  margin-bottom: 10px;
  color: #000;
}

#redeembanner .btn {
  margin: 10px;
}

/* Redeem */

#redeem-Brandhome {
  /* background: #f9f9f9; */
  /* padding: 15px; */
  margin-bottom: 15px;
}

#shoppingCardView {
  /* background: #f9f9f9; */
  padding: 25px;
  margin: 0px 1px 15px 0;
  min-height: 400px;

}

#reedem-box h5 {
  color: #000;
  /* min-height: 30px; */
  display: grid;
}

#reedem-box .subtext {
  color: #fca41f;
  line-height: 30px;
}

#reedem-box .infotext {
  color: #aaa;
  font-size: 11px;
  line-height: 25px;
}

.redeem-widget-bg {
  background-color: #f9f9f9;
  background: url(/static/img/nature-bg.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center;
  box-shadow: 1px 2px #f9f9f9;
  color: #000;
  padding: 15px;
  margin: 0px 0px 35px 0;
  border: 1px solid #eee;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.redeem-widget-bg h3 {
  margin: 5px 0 25px 0;
}

.redeem-widget-bg .card1 {
  text-align: center;
  color: #fff;
  background: #51df90;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 10px 5%;
  line-height: 30px;
}

.redeem-widget-bg .card2 {
  text-align: center;
  color: #fff;
  background: #51c5df;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 10px;
  line-height: 30px;
}

.redeem-widget-bg h4 {
  font-size: 15px;
  color: #fff;
  margin: 0px auto;
  padding: 0px;
  width: 100px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;

}

.redeem-widget-bg span {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

.brand-titlebar i {
  cursor: pointer;
  font-size: 17px;
}

.brand-titlebar i:hover {
  cursor: pointer;
  font-size: 17px;
  color: #fca41f;
}

#rewardPoints-form p {
  margin: 0 0 15px 0;
}

#rewardCountry .reward-country {
  width: 175px;
  text-align: left;
}

.input-icons1 i {
  position: absolute;
  right: 90%;
  top: 9%;
  display: none;
}

.leftpanel-rewardtype {
  padding-right: 28px;
  background: #fff;
  border: 1px solid #e8edf3;
  width: 90%;
  border-radius: 5px;
  margin: 20px 0;
  padding: 10px 0px;
  font-size: 1.2rem;
}

#brand-Instructions {
  color: #000;
  padding: 2% 5% 5% 5%;
  background: #f1f1f1;
  margin-top: 15px;
  border-radius: 35px;
  margin-bottom: 15%;
}

#brand-Instructions ul li {
  list-style: disc;
  margin-left: 2%;
}

#brand-Instructions li {
  background: none;
  border: none;
  color: #000;
  padding: 0px;
  margin-bottom: 0px;
}

#brand-Instructions li:hover {
  background: none;
  border: none;
  color: #000;
  padding: 0px;
  margin-bottom: 0px;
}

#brand-termsAndConditionsInstructions ol li {
  list-style: disc;
  margin-left: 2%;
}

#brand-termsAndConditionsInstructions li {
  background: none;
  border: none;
  color: #000;
  padding: 0px;
  margin-bottom: 0px;
}

#brand-termsAndConditionsInstructions li:hover {
  background: none;
  border: none;
  color: #000;
  padding: 0px;
  margin-bottom: 0px;
}

.info-text {
  font-size: 12px;
  color: #eea236;
  font-style: italic;
  border-radius: 10px;
  border: 1px #e8c79e solid;
  background: #fff;
  padding: 8px 15px;
}

.mvcart {
  width: 75% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Reward brand gallery animation */
.zoom {
  transition: transform .2s;
  /* margin: 0 auto; */
}

.zoom:hover {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari 3-8 */
  transform: scale(1.1);
  color: #f49025;
  border: 1px solid #f49025 !important;
}

/* Reedem Type and SEarch */
/*#filterContent {
  position: absolute;
  top: -5px;
  right: 17%;
}*/

.reedem-type {
  border: 1px solid #eee;
  padding: 5px 10px;
  height: 38px;
  background: #fff;
  width: 100%;
  border-radius: 15px;
  /* margin-left: 10px; */
}

/*
#reedemSearch {
  position: absolute;
  top: -5px;
  right: -26%;
}*/

#reedemSearch .redeem-search {
  border: 1px solid #eee;
  padding: 5px 10px;
  height: 35px;
  width: 300px;
}

#reedemSearch .redeem-searchcon {
  background: #eee;
  padding: 8px;
  height: 35px;
}

#getCatelogs .panel-body {
  padding: 10px;
  min-height: 100px;
}

.button-orange {
  background: #fca41f;
  border: 1px solid #fca41f;
  color: #fff;
  margin: 15px;
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  -moz-border-radius: 100px !important;
  -ms-border-radius: 100px !important;
  -o-border-radius: 100px !important;
}

.button-orange:hover {
  background: #f19100;
  border: 1px solid #f19100;
  color: #fff;
}

/* .cart-badge span.badge {
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  background: #f75958;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  line-height: 0;
  display: flex;
  position: absolute;
  top: -6px;
  right: -8px;
} */

#redeemHeader .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #FF6760;
  border-radius: 10px;
  position: absolute;
  top: -45%;
  right: 0;
}

#redeemHeader .input-icons {
  margin-bottom: 0px;
}


/* profile award section */

.profile-award-r {
  background: url(/static/img/award_bg.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center;
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 15px;
  margin: 15px 15px 25px 15px;
  box-shadow: 3px 5px #f9f9f9;
  width: 30%;
  height: 185px;
}

.profile-award-r span {
  position: relative;
  top: -20px;
  color: #fff;
}


.profile-award-g {
  background: url(/static/img/award_bg1.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center;
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 15px;
  margin: 15px 15px 25px 15px;
  box-shadow: 3px 5px #f9f9f9;
  width: 30%;
  height: 185px;
}

.profile-award-g span {
  position: relative;
  top: 14px;
  color: #fff;
}


/* Challenge Section */
#showidea .lb-count img {
  padding-right: 6px;
}

#showidea .lb-count {
  padding-right: 6px;
}

#showevent .lb-count {
  padding-right: 6px;
}

#showevent #reedemPointsTab1 {
  display: none;
}

#Rewards #reedemPointsTab1 {
  display: none !important;
}

#awardsGivenTab1 {
  display: none;
}

#awardsReceivedTab1 {
  display: none;
}

@media only screen and (max-width: 1366px) {
  .profile .input-group .amt {
    width: 150px;
  }

  #filterContent {
    position: absolute;
    top: -5px;
    right: 44%;
  }

  #reedemSearch {
    position: absolute;
    top: -5px;
    right: -18%;
  }
}

/* project fixes new css start */
.title-border {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}

#RecentView,
#AllView .bs-example,
#DashboardView .bs-example,
#ReportsView .bs-example {
  min-height: 300px;
}

#overDueList,
#dueTodayList,
#upComingList {
  height: 450px;
}

#addCardPopupModal .right-content .form-group {
  background: #f9f9f9;
  border: 1px solid #f4f4f4;
  padding: 10px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

/*#addCardPopupModal .right-content .form-group label{
  border-bottom:1px solid #eee;
  width: 100%;
  padding-bottom: 5px;
}*/

#addCardPopupModal .right-content .form-group .title-normal {
  padding: 5px;
}

#addCardPopupModal .right-content .form-group .title-normal:hover {
  background: #f3f3f3;
  color: #000;
  padding: 5px;
}

#addCardPopupModal .right-content .form-group#createdDate {
  background: none;
  border: none;
  border-top: 1px solid #eee;
  text-align: left;
}

/*.cardCreateEdit {
  max-height: calc(100vh - 200px) !important;
  overflow-y: auto;
}*/

.form-control1 {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 6px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  /*  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;*/
}

.Kpi-comments-footer {
  background: white !important;
  border-left: 1px #e5e5e5 solid;
  border-right: 1px #e5e5e5 solid;
  border-bottom: 1px #e5e5e5 solid;
  text-align: right
}


.eye-iconic {

  width: 20px;
  height: 20px;
  position: absolute;
  top: 85px;
  right: 14px;
  fill: #1f92d1;
  left: 331px
}

.current-event-icon {

  background: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: 5%;
  right: 5%;
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  place-items: center;
}

.current-event-icon img {
  width: 30px;
  height: 30px;
}

/* table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  white-space: nowrap;
} */

#getCatelogs .col-md-6 {
  width: 100%;
}

/* #getCatelogs .input-group {
  width: 150px;

} */

#addCardPopupModal .modal-content {
  width: 100%;
  margin: 0 auto;
}

/* #addCardPopupModal .border-bottom {
  border-bottom: 1px solid #eee;
  margin: 0 1px;
} */

.padding-left {
  padding-left: 12px;
}

.border-bottom {
  border-bottom: 1px solid #eee;
}

#project-section .btn-sm {
  margin-left: -5px !important;
}

#project-section .link-1 {
  font-size: 14px;
}

.logout-menu {
  display: none;
}

profile-menu {
  display: none;
}

/*survey New UI Update */
.survey-border {
  border: 1px solid #f1f1f1;
  border-radius: 25px !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.survey-header {
  width: 100%;
  height: 250px;
  /* background: url(/static/img/survey-header.jpg); */
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  border-radius: 25px 25px 5px 5px;
  padding: 50px 30px 50px 30px;
  margin-bottom: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
}


.text-white {
  color: #fff;
}

.survey-question {
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.idea-question {
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
}


#formContent .form-group {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  border-bottom: 1px solid #eee;
  margin: 40px;
}

#formContent .radio-option {
  width: auto;
  float: left;
  margin-bottom: 1rem
}

#formContent .progress {
  display: block;
  height: 10px !important;
}

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
  font-size: 12px;
}

.comment-section {
  /* background: #f9f9f9;
  padding: 15px;
  margin: 15px 0px; */
  margin-bottom: 5px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

/*event create page */
.isactive-checkbox {
  position: relative;
  left: -2px;
  top: 15px;
  float: left;
}

.upcoming-checkbox {
  position: relative;
  right: 5px;
  top: 4px;
}

.widget-img {
  border-radius: 10px !important;
}

.gridview-box {
  background: transparent;
  transform: translate3d(0px, 0px, 0px);
}

input[type=text]:disabled,
input[type=select]:disabled,
input[type=radio]:disabled,
input[type=checkbox]:disabled,
.form-control:disabled {
  background: #dddddd !important;
}

ul.newdrop li ul.dropdown-menu,
ul.newdrop li ul.dropdown-menu li {
  border-radius: 15px !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

form#search-form .input-group #searchideas {
  border-radius: 15px 0px 0px 15px !important;
  -webkit-border-radius: 15px 0px 0px 15px !important;
  -moz-border-radius: 15px 0px 0px 15px !important;
  -ms-border-radius: 15px 0px 0px 15px !important;
  -o-border-radius: 15px 0px 0px 15px !important;
}

form#search-form .input-group .input-group-btn .search-btn {
  border-radius: 0px 15px 15px 0px !important;
  -webkit-border-radius: 0px 15px 15px 0px !important;
  -moz-border-radius: 0px 15px 15px 0px !important;
  -ms-border-radius: 0px 15px 15px 0px !important;
  -o-border-radius: 0px 15px 15px 0px !important;
}

div#page-controls div.toggle {
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

div#custom-search-input div.viewGroup button#list,
div.search-bar div.btn-group button#list {
  border-radius: 15px 0px 0px 15px !important;
  -webkit-border-radius: 15px 0px 0px 15px !important;
  -moz-border-radius: 15px 0px 0px 15px !important;
  -ms-border-radius: 15px 0px 0px 15px !important;
  -o-border-radius: 15px 0px 0px 15px !important;
}

div#custom-search-input div.viewGroup button#gallery,
div.search-bar div.btn-group button#gallery {
  border-radius: 0px 15px 15px 0px !important;
  -webkit-border-radius: 0px 15px 15px 0px !important;
  -moz-border-radius: 0px 15px 15px 0px !important;
  -ms-border-radius: 0px 15px 15px 0px !important;
  -o-border-radius: 0px 15px 15px 0px !important;
}

div.notification-img-hide {
  border-radius: 0px 0px 15px 15px !important;
  -webkit-border-radius: 0px 0px 15px 15px !important;
  -moz-border-radius: 0px 0px 15px 15px !important;
  -ms-border-radius: 0px 0px 15px 15px !important;
  -o-border-radius: 0px 0px 15px 15px !important;
}

form#global-search-form .dropdown-content {
  border-radius: 0px 0px 15px 15px !important;
  -webkit-border-radius: 0px 0px 15px 15px !important;
  -moz-border-radius: 0px 0px 15px 15px !important;
  -ms-border-radius: 0px 0px 15px 15px !important;
  -o-border-radius: 0px 0px 15px 15px !important;
}

ul.cd-tour-wrapper li div.cd-more-info {
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

.mce-container,
.mce-container *,
.mce-container-body {
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  -o-border-radius: 8px !important;
}

.summary-container .panel-default {
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

.dropzone {
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

/* idea page tabs */

.idea-page .nav-tabs {
  border-bottom: 0px;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 20px;
}

.idea-page .nav-tabs>li>a {
  color: #7e939f;
  border-radius: 20px;
  padding: 5px 15px !important;
}

.idea-page .nav-tabs>li.active>a,
.idea-page .nav-tabs>li.active>a:focus,
.idea-page .nav-tabs>li.active>a:hover {
  color: #fff;
  background-color: #1f92d1;
}

#sortList .nav-link {
  width: 100px;
  color: white;
}

#sortList svg {
  fill: white;
  position: absolute;
  left: 70px;
}

/* lead page tab */

.insight-page .nav-tabs {
  border-bottom: 0px;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 20px;
}

.insight-page .nav-tabs>li>a {
  color: #7e939f;
  border-radius: 20px;
  padding: 5px 15px !important;
}

.insight-page .nav-tabs>li.active>a,
.insight-page .nav-tabs>li.active>a:focus,
.insight-page .nav-tabs>li.active>a:hover {
  color: #fff;
  background-color: #1f92d1;
}


/* Rewards page tab */

.rewards .nav-tabs {
  border-bottom: 0px;
  /* background: #f9f9f9; */
  padding: 10px;
  /* border-radius: 20px; */
}

.rewards .nav-tabs>li>a {
  color: #7e939f;
  border-radius: 20px;
  padding: 5px 15px !important;
}

.rewards .nav-tabs>li.active>a,
.rewards .nav-tabs>li.active>a:focus,
.rewards .nav-tabs>li.active>a:hover {
  color: #fff;
  background-color: #1f92d1;
}

@media only screen and (max-width: 600px) {

  .rewards .nav-tabs {
    border-bottom: 0px;
    background: #f9f9f9;
    border-radius: 50px;
    display: flex;
    justify-content: center;
  }

  .rewards .nav-tabs>li>a {
    color: #7e939f;
    border-radius: 50px;
    padding: 5px !important;

  }

  .rewards .nav-tabs>li.active>a,
  .rewards .nav-tabs>li.active>a:focus,
  .rewards .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #1f92d1;
    border: 1px solid #3b9ace;
    border-bottom-color: transparent;
  }

}

/*project management */
.cardCreateEdit input[type="checkbox"],
input[type="radio"] {
  margin: 5px;
  line-height: normal;
}

.cardCreateEdit label {
  margin: 5px 0;
}

#subTaskList .avatarbackgroundTask {
  position: relative;
  bottom: 0;

}

.rounded {
  border-radius: 15px;
}

.edit-comment .tagify.tagify--mix {
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

#section-ideaconfig .reward-configuration {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

#section-ideaconfig .panel {
  border-radius: 15px !important;
}

#section-ideaconfig .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  border-radius: 15px 15px 0 0;
}

#section-ideaconfig .panel-body::after {
  background-color: transparent;
}

.padding-left-0 {
  padding-left: 0;
}

#mostFavourableTable .dtr-control {
  font-weight: 500;
  color: #000;
}

#mostUnfavourableTable .dtr-control {
  font-weight: 500;
  color: #000;
}

.bottom-border-radius {
  border-radius: 0px 0px 15px 15px;
}

#EventListPerformer {
  display: flex;
  flex-wrap: wrap;
}

#redeemWidget .point-summary {
  display: flex;

}


/* Award certificate */

#awardRecipients {
  word-break: break-all;
  width: 250px;
  margin-bottom: 10px;
}

.pm-certificate-container {
  position: relative;
  width: auto;
  height: auto;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  margin: 15px;
}

.inner-border {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -50px;
  font-size: 1rem;
  min-height: 500px;
}

.pm-certificate-container .pm-certificate-border {
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-block {
  width: auto;
  height: auto;
  position: relative;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  top: 30px;
  margin-top: 0;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-header {
  margin-bottom: 10px;
  margin-top: 5%;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-title {
  position: relative;
  top: 75px;
  left: 0;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-title h2 {
  font-size: 35px !important;
  font-weight: 700;
  word-spacing: 5px;
  color: #1f92d1;
  margin-bottom: 35px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-body {
  padding: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-body .pm-name-text {
  font-size: 20px;
  font-weight: 600;
}

.pm-certificate-container .pm-certificate-border .pm-earned {
  margin: 15px 0 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned .pm-earned-text {
  font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned .pm-credits-text {
  font-size: 15px;
}

.pm-certificate-container .pm-certificate-border .pm-course-title .pm-earned-text {
  font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-course-title .pm-credits-text {
  font-size: 15px;
}

.pm-certificate-container .pm-certificate-border .pm-certified {
  font-size: 14px;
}

.pm-certificate-container .pm-certificate-border .pm-certified .underline {
  margin-bottom: 5px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-footer {
  width: 600px;
  height: 100px;
  position: relative;
  left: 0%;
  margin-left: auto;
  margin-right: auto;
  top: 75px;
  font-weight: 400;
}

@media only screen and (max-width: 600px) {

  #awardComments {
    display: none;
  }

  .pm-certificate-container {
    position: relative;
    width: auto;
    height: auto;
    background-color: transparent;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: 100% 85%;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    margin: 15px;
  }

  .inner-border {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0px;
    font-size: 1rem;
    min-height: 300px;
  }

  .pm-certificate-container .pm-certificate-border .pm-certificate-footer {
    width: 275px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 15px;
    font-weight: 400;
  }


  .pm-certificate-footer img {
    height: 35px;
  }

  .pm-certificate-container .pm-certificate-border {
    position: relative;
    top: -75px;
    width: auto;
    height: auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
  }

  .pm-certificate-container .pm-certificate-border .pm-certificate-title h2 {
    font-size: 2.5rem !important;
    margin-bottom: 5px;
    position: relative;
    top: -25px;
  }

  .pm-certificate-container .pm-certificate-border .pm-certificate-body .pm-name-text {
    font-size: 1.5rem;
    position: relative;
    top: -25px;
  }

  .pm-certificate-container .pm-certificate-border .pm-course-title .pm-credits-text {
    font-size: 1rem;
    position: relative;
    top: -50px;
    display: none;
  }

  .pm-certificate-container .pm-certificate-border .pm-certified {
    font-size: 1rem;
  }

  .point-value {
    display: inline-block;
    padding: 10px 30px 10px 30px;
    border-right: 1px #ccc solid;
    position: relative;
    width: 300px;
    border-bottom: 1px solid #eee;
  }
}

#commentdatalist .tagify__tag {
  color: #e67e22;
}

.badgesPrefix {
  max-width: 50px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 165px;
  width: 80px;
  border-radius: 50%;
  padding: 10px;
  bottom: 125px;
}

.badgesPrefix img {
  max-width: 100%;
}

.pic-badge img {
  width: 20px;
  width: 20px;
}

.pic-badge {
  max-width: 40px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 42px;
  width: 75px;
  /* border-radius: 50%;*/
  padding: 10px;
  bottom: -14px;
}

.topperBadge {
  width: 24px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 8%;
  bottom: 10%;
  width: 80px;
  border-radius: 50%;
  padding: 10px;
}

.topperBadge img {
  width: 16px;
  height: 16px;
}

.topperBadge1 {
  width: 24px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 8%;
  bottom: -5%;
  width: 80px;
  border-radius: 50%;
  padding: 10px;
}

.topperBadge1 img {
  width: 16px;
  height: 16px;
}

.welcomeBadge {
  position: relative;
  right: 10px;
  top: 10px;
}

.welcomeBadge img {
  width: 16px;
  height: 16px;
}

/* .medal-bronze-border {
  border: 1px solid #ffffff !important;
  box-shadow: 0px 0px 0px 2px #C58272;
}

.medal-silver-border {
  border: 1px solid #ffffff !important;
  box-shadow: 0px 0px 0px 2px #D9E0E5;
}

.medal-gold-border {
  border: 1px solid #ffffff !important;
  box-shadow: 0px 0px 0px 2px #FFD700;
}

.medal-platinum-border {
  border: 1px solid #ffffff !important;
  box-shadow: 0px 0px 0px 2px #C7D1EE;
} */


.topper-badge {
  position: absolute;
  right: -20px;
  top: 10px;
  background: red;
  text-align: center;
  border-radius: 30px 30px 30px 30px;
  padding: 5px 10px;
  font-size: 20px;
}

#swagList .highlight {
  background: #fca41f;
  padding: 10px;
  margin-bottom: 15px;
  width: 90%;
  border: 1px solid #fff;
  color: #fff;
}

#incentivesList li,
#swagList li {
  background: #f1f1f1;
  padding: 10px;
  margin-bottom: 15px;
  width: 90%;
  border: 1px solid #f1f1f1;
  cursor: pointer;
  word-break: break-all;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

#incentivesList li:hover,
#swagList li:hover {
  background: #fca41f;
  padding: 10px;
  margin-bottom: 15px;
  width: 90%;
  border: 1px solid #eee;
  color: #fff;
  cursor: pointer;
}

#incentivesList .highlight,
#swagList .highlight {
  background: #fca41f;
  padding: 10px;
  margin-bottom: 15px;
  width: 90%;
  border: 1px solid #fff;
  color: #fff;
}

#swagList h4,
#incentivesList h4,
#redeem-brands h4 {
  font-weight: 700;
  margin-bottom: 15px;
  color: #f49025;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  margin-right: 5%;
}

.alerts {
  font-family: 'Sora';
}

#showidea .inbetween-dot {
  color: rgb(113, 113, 113) !important;
  font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif !important;
  font-weight: 400 !important;
  margin: 8px 8px 0px !important;
}

#showidea .inbetween-dot-1 {
  color: rgb(113, 113, 113) !important;
  font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif !important;
  font-weight: 400 !important;
  margin: 3px 3px 0px !important;
}


.announcement {
  text-align: center;
  color: #fff;
  background: #5b758f;
  padding: 20px;
  border-radius: 15px;
}

.announcement span.bold {
  font-weight: 600;
  display: block;
}

.announcement span.close {
  color: #fff;
}

#announcementList {
  text-overflow: ellipsis;
  max-width: 90%;
  /* white-space: nowrap; */
  overflow: hidden;
  margin: auto;
  height: auto;
  text-align: left;
}



.swag-tempbox {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 15px;
  padding: 20px 15px;
  margin: 1%;
}

.swag-tempbox h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
  color: #000;
}

.swag-tempbox h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.size-block {
  display: flex;
  flex-wrap: nowrap;
  font-size: 0;
  margin-bottom: 20px;
}

.swag-tempbox .bold {
  font-weight: bold;
}

/* Size css start */
.swag-quantity-block-multiple__pink {
  color: #ff59a7 !important;
  font-family: "avertabold", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Arial", sans-serif
}

.quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__startCollectSizesButton___GZwIq {
  font-family: "avertaregular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Arial", sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-decoration: underline;
  color: #363f40;
  cursor: pointer;
  margin-left: 5px
}

.quantity-block-multiple__blockTitle___JljhU {
  font-size: 20px;
  font-family: "avertabold", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Arial", sans-serif;
  letter-spacing: 0.4px;
  color: #2f3134
}

.quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__title___eBcyo {
  font-family: "avertabold", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Arial", sans-serif;
  font-size: 20px;
  color: #2f3134;
  letter-spacing: 0.4px
}

.swag-quantity-block-multiple__sizeItem .swag-quantity-block-multiple__label {
  font-family: "avertabold", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Arial", sans-serif
}

.quantity-block-multiple__wrapper___n92P9 {
  width: 100%
}

.quantity-block-multiple__blockHeader___dX7p6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: baseline
}

.quantity-block-multiple__blockHeader___dX7p6:last-child {
  margin-left: 10px
}

.quantity-block-multiple__productName___Z7vcy {
  margin-bottom: 15px;
  margin-right: 20px;
  min-height: 40px;
  display: inline-block;
  padding: 8px 19px 7px;
  text-align: center;
  border: 2px solid #eaeaea;
  background-color: transparent;
  color: #2f3134;
  text-transform: uppercase;
  font-family: "avertabold", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Arial", sans-serif;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 3.5px;
  text-indent: 3.5px;
  transition: all 0.2s;
  opacity: 0.9
}

.quantity-block-multiple__associatedProductContainer___mLUZ3 {
  margin-top: 40px
}

.quantity-block-multiple__blockTitle___JljhU {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  margin-bottom: 20px;
  gap: 5px
}

.quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__title___eBcyo {
  color: #363f40;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0
}

.quantity-block-multiple__blockTitleFirst___xwknd {
  display: flex;
  flex-direction: row;
  align-items: center
}

.quantity-block-multiple__blockTitleSecond___RSTw4 {
  display: flex;
  align-items: center;
  gap: 5px
}

.quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__title___eBcyo .quantity-block-multiple__number____h0to {
  display: inline;
  margin-right: 5px;
  color: #b0b2b4
}

.swag-quantity-block-multiple__pink {
  background: none;
  border: none;
  border-radius: 0;
  width: 60px;
  border-bottom: 2px solid #e9e9e9;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
}

.swag-quantity-block-multiple__pink::-webkit-outer-spin-button,

.swag-quantity-block-multiple__pink::-webkit-inner-spin-button {
  -webkit-appearance: none
}

.swag-quantity-block-multiple__pink.quantity-block-multiple__grayedOut___C1s52 {
  opacity: 0.3;
  color: #acadad;
  cursor: default;
  pointer-events: none
}

.quantity-block-multiple__orange___vwNsC {
  color: #ffa051 !important
}

.quantity-block-multiple__buttonContainerRight___gS1sw {
  order: 1;
  max-width: 108px;
  font-family: "avertabold", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Arial", sans-serif
}

.quantity-block-multiple__sizesContainer___coVoe {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  margin-bottom: 20px
}

.swag-quantity-block-multiple__sizeItem {
  margin: 0 8px;
  font-size: 16px
}

.swag-quantity-block-multiple__sizeItem:last-child {
  margin-right: 0
}

.swag-quantity-block-multiple__sizeItem .swag-quantity-block-multiple__input {
  display: -webkit-flex;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  height: 65px;
  width: 65px;
  position: relative;
  background: #f1f1f1;
  border-radius: 5px;
  box-shadow: 4px 8px 8px 0 rgba(0, 0, 0, 0.04)
}

.swag-quantity-block-multiple__sizeItem .swag-quantity-block-multiple__input .swag-quantity-block-multiple__pink {
  border: none
}

.swag-quantity-block-multiple__sizeItem .swag-quantity-block-multiple__input:before {
  position: absolute;
  top: 47px;
  left: 32%;
  width: 36%;
  content: '';
  display: block;
  height: 2px;
  background-color: #edf0f2
}

.swag-quantity-block-multiple__sizeItem .swag-quantity-block-multiple__input:after {
  top: 100%;
  left: 52%;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: solid 10px rgba(255, 255, 255, 0);
  border-top-color: #f1f1f1;
  margin-left: -10px
}

.swag-quantity-block-multiple__sizeItem .swag-quantity-block-multiple__label {
  margin-top: 16px;
  text-align: center;
  display: block;
  font-weight: 600;
}

.quantity-block-multiple__buttonContainerLeft___IF2zN {
  display: inline-block
}

.quantity-block-multiple__colorButtonWrapper___UyqTm {
  margin-bottom: 25px;
  margin-right: 20px;
  min-height: 40px
}

.quantity-block-multiple__colorButtonWrapper___UyqTm:first-child {
  margin-top: 10px
}

.quantity-block-multiple__colorCircle___RsEnK {
  width: 15px !important;
  height: 15px !important;
  margin: 5px 0 !important
}

.quantity-block-multiple__colorName___dsdUD {
  margin-left: 25px
}

.quantity-block-multiple__tooltip___CZ6MZ {
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px !important;
  line-height: 18px !important;
  cursor: pointer
}

.quantity-block-multiple__popper___v4KhO {
  width: 242px
}

@media only screen and (min-width: 769px) {
  .quantity-block-multiple__blockTitle___JljhU {
    flex-direction: row
  }

  .quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__title___eBcyo {
    text-align: left;
    font-size: 20px
  }

  .quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__title___eBcyo .quantity-block-multiple__number____h0to {
    display: inline-block;
    margin-right: 20px
  }

  .quantity-block-multiple__buttonContainerRight___gS1sw {
    order: 0
  }

  .quantity-block-multiple__sizesContainer___coVoe {
    margin-top: 20px;
    justify-content: flex-start;
    flex: 1 1 100%
  }

  .swag-quantity-block-multiple__sizeItem {
    margin: 0 16px 0 0
  }
}

@media screen and (min-width: 1024px) {
  .quantity-block-multiple__block___YQyYK {
    padding: 1em 3em 1.5em 4.5em
  }

  .quantity-block-multiple__blockTitle___JljhU {
    flex-direction: column
  }
}

@media screen and (min-width: 85.375em) {
  .quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__title___eBcyo .quantity-block-multiple__number____h0to {
    margin-right: 40px
  }
}

@media screen and (min-width: 1630px) {
  .quantity-block-multiple__blockTitle___JljhU {
    flex-direction: row
  }
}

@media screen and (min-width: 140em) {
  .quantity-block-multiple__blockTitle___JljhU {
    flex-direction: row
  }

  .quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__title___eBcyo {
    margin-bottom: 1.25em;
    font-size: 1.25em;
    letter-spacing: 0.025em
  }

  .quantity-block-multiple__blockTitle___JljhU .quantity-block-multiple__title___eBcyo .quantity-block-multiple__number____h0to {
    margin-right: 1.25em
  }

  .quantity-block-multiple__sizesContainer___coVoe {
    font-size: 1em
  }

  .swag-quantity-block-multiple__sizeItem {
    font-size: 1em;
    margin: 0 0.5em
  }

  .swag-quantity-block-multiple__sizeItem .swag-quantity-block-multiple__input {
    height: 4.0625em;
    width: 4.6875em;
    box-shadow: 0.25em 0.5em 0.5em 0 rgba(0, 0, 0, 0.04)
  }

  .swag-quantity-block-multiple__sizeItem .swag-quantity-block-multiple__label {
    margin-top: 1em
  }

  .quantity-block-multiple__productName___Z7vcy {
    font-size: 0.75em;
    letter-spacing: 0.21875em;
    padding: 0.5625em 0.75em
  }
}

.action-dropdown {
  position: relative;
  display: inline-block;
}

.action-dropdown-content {
  display: none;
  position: absolute;
  right: 3px;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-family: 'Sora';
  font-size: 12px;
}

.action-dropdown-content li {
  display: block;
  padding: 5px 10px;
  line-height: 25px;
  color: #000;
}

.action-dropdown-content li span {
  font-size: 12px;
  padding: 5px;
  margin-right: 5px;
  background: #eee;
  border-radius: 15px;
}

.action-dropdown-content li:hover {
  background: #f1f1f1;
  display: block;
  border-radius: 0px !important;
}

.action-dropdown:hover .action-dropdown-content {
  display: block;
}

.dataTables_empty {
  color: #ed0000 !important;
  text-align: center;
}

#achivers-widget {
  padding: 0px 15px;
}

#achivers-widget .rsvp-profile-pic {
  width: 45px;
  height: 45px;
  margin: 5px 5px 0px 5px;
}

#achivers-widget .rsvps-lists-ul li:first-child {
  padding-top: 5px;
}

#achivers-widget li {
  background: #fff;
  border-radius: 15px;
  /* padding-left: 1rem; */
  display: block;
  margin-bottom: 5px;
}

#achivers-widget li:hover {
  background: #f9f9f9;
  border-radius: 15px;
  padding-left: 1rem 2rem;
  border-bottom: 1px solid #f1f1f1;
}

#achivers-widget .rsvps-lists-ul li:first-child {
  padding-top: 5px;
}

#achivers-widget li span.icon-wrapper {
  position: absolute;
  right: 50px;
}

#achivers-widget .claims-container {
  max-height: 130px;
  overflow-y: auto;
}

#achivers-widget .claims-container p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
  font-size: 12px;
  color: #0f66d6;
}

#achivers-widget .card {
  background: #f9f9f9 !important;
  width: 100% !important;
}

#achivers-widget .rsvp-list {
  padding-bottom: 5px;
}


#loom-companion-mv3 {
  position: absolute;
}

/* Ai recommandation */
div.tooltip-ai span.tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 130%;
  z-index: 10001
}

div.tooltip-ai:hover span.tooltiptext {
  visibility: visible;
}

/* details page dropdown */

.topaction-dropdown {
  position: relative;
  top: 3px;
  font-size: 20px;
}

.topaction-dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: -146px;
  background-color: #fff;
  min-width: 220px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-right: -15px;
  border-radius: 10px;
}

.topaction-dropdown-content i {
  font-size: 12px;
  margin-right: 10px;
  padding: 5px;
  background: #eee;
  border-radius: 15px;
}

.topaction-dropdown-content ul {
  list-style-type: none;
  padding: 10px;
  text-align: left;
  border-radius: 10px;
}

.topaction-dropdown-content ul li {
  padding: 8px 12px;
  cursor: pointer;
  text-align: left !important;
  font-family: sora;
  font-size: 13px;
  border-radius: 10px;
}

.topaction-dropdown-content ul li:hover {
  background: #f6f6f6;
}

.topaction-dropdown:hover .topaction-dropdown-content {
  display: block;
}

.aiRecommendations ul li p {
  font-size: 13px;
}

/* Switch togglt button */

#hallTalksForm .switch,
#okrSubmissionForm .switch,
#halltalkSection .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

#hallTalksForm .switch input,
#okrSubmissionForm .switch input,
#halltalkSection .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#hallTalksForm .slider,
#okrSubmissionForm .slider,
#halltalkSection .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 14px;
  transition: background-color 0.4s;
}

#hallTalksForm .slider:before,
#halltalkSection .slider:before,
#okrSubmissionForm .slider:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  /* Round indicator */
  transition: transform 0.4s;
}

#hallTalksForm input:checked+.slider,
#okrSubmissionForm input:checked+.slider,
#halltalkSection input:checked+.slider {
  background-color: #2196F3;
}

#hallTalksForm input:checked+.slider:before,
#okrSubmissionForm input:checked+.slider:before,
#halltalkSection input:checked+.slider:before {
  transform: translateX(25px);
}

#hallTalksForm input:focus+.slider,
#okrSubmissionForm input:focus+.slider,
#halltalkSection input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

#halltalk-insight h4 {
  /* background: #eee; */
  padding: 5px;
  border-radius: 10px;

}

.select2-container {
  font-family: 'Sora';
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  font-family: 'Sora';
}

#calendar .card {
  box-shadow: none;
  backface-visibility: visible;
  background: transparent;
  /* font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif; */
  transform-style: preserve-3d;
  padding: 0;
  height: auto;
  margin: 0;
  width: 18rem;
  height: auto;
  float: left;
  transition: all 0.2s ease-out;
  border: none;
}

#appreciationTemplate {
  margin: 10px 0;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 5px;
}

.integration-in-title {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 2.2rem;
}

.variable-card-icon {
  stroke: #14c65b;
  stroke-width: 2.5;
}

#filterBy a.dropdown-toggle,
#sortList a.dropdown-toggle {
  background: #5b758f !important;
  color: #fff;
}

.widget-moodicon {
  display: flex;
  gap: 1rem;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}


.btn-rounded {
  border-radius: 20px !important;
  padding: 8px 15px !important;
}


#approvalTable .bg-green,
#allowanceApprovalTable .bg-green {
  background: #2c8140;
  padding: 3px 8px;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  position: relative;
  top: 10px;
  text-align: center
}

#approvalTable .bg-yellow,
#allowanceApprovalTable .bg-yellow {
  padding: 3px 8px;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  position: relative;
  top: 10px;
  text-align: center
}

#approvalTable .bg-red,
#allowanceApprovalTable .bg-red {
  padding: 3px 8px;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  position: relative;
  top: 10px;
  text-align: center
}

#prideActivity-form .modal-footer .btn,
#rewardPoints-form .modal-footer .btn,
#announcement-form .modal-footer .btn,
#getstarted-form .modal-footer .btn,
#poll-form .modal-footer .btn {
  float: right !important;
}

.Box ul li:before {
  content: none;
}

.highcharts-title {
  font-family: 'Sora' !important;
}


#challengeModalData .modal-footer .btn {
  float: right;
}

#feedViewFooter .modal-footer .btn {
  border-radius: 20px !important;
}

#listEditFooterContent .btn,
#Section1 .save-btn {
  border-radius: 20px !important;
}

.fld-label.form-control {
  height: auto !important;
}

.icon-view {
  color: #0073e6;
}

.icon-delete {
  color: #CC0000;
}

.icon-edit {
  color: #008009;
}

.icon-upload {
  color: #5929db
}

.bot-title-btn a {
  color: #0076b4;
  text-decoration: none;
  background: #fff;
  border: 1px solid #0076b4;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 0 auto;
  width: 200px;
}

.bot-title-btn a:hover,
.bot-title-btn a:active,
.bot-title-btn a:visited {
  color: #0076b4;
  border: 1px solid #0076b4;
  background: #f9f9f9;
}


.btn-ai-analyzer {
  background: transparent !important;
  border: none;
  padding-right: 0px;

}



#idea-form svg {
  fill: #000;
}


/* .btn-ai-analyzer:hover {
  background: #f59e0b !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(245, 158, 11, 0.3);
}

.btn-ai-analyzer:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);
} */

/* AI Recommendation for tooltip */
#section-idea div.tooltip-ai {
  position: relative;
  display: inline-block;
}

#section-idea span.tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: -80px;
  left: -215%;
}

#section-idea div.tooltip-ai:hover span.tooltiptext {
  visibility: visible;
}


.form-wrap.form-builder .frmb-control li:hover {
  color: black !important;
}

.ownerSelectSection {
  z-index: 999 !important;
  position: relative;
}

.no-likes img,
.no-comments img {
  width: 38px;
  height: 38px;
}

.ai-skeleton-box {
  width: 30%;
  padding: 12px;
  border-radius: 6px;
  background: #f1f1f1;
  margin-bottom: 10px;
}

.ai-skeleton-line {
  height: 14px;
  width: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, #e6e6e6, #f7f7f7, #e6e6e6);
  background-size: 200% 100%;
  animation: ai-skeleton-anim 1.5s infinite ease-in-out;
}

.insightsOverallEmoji img, .hallTalkOverallEmoji img {
  width: 40px;
  height: 40px;
}