.chat-single-box {
    height: 440px;
    float: right;
    width: 300px;
    margin-right: 15px;
    direction: ltr;
    z-index: 999;
    bottom: 0;
}
.chat-single-box .chat-header {
    background-color: #e0e0e0;
    color: #fff;
}
.chat-single-box .chat-header .close {
    margin-top: 0;
}
.box-live-status {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 1px solid;
}
.chat-msg-img {
    height: 50px;
    width: 50px;
}
.msg-reply {
    padding: 5px;
    position: relative;
    right: 10px;
    border-radius: 2px;
    top: 6px;
    margin-bottom: 10px;
}
.header-users {
    right: 0;
    top: 103px;
    width: 300px;
    height: 100%;
}
.users {
    right: 0;
    top: 103px;
    width: 300px;
    height: 100%;
}
.p-chat-user {
    position: fixed;
    top: 56px;
    z-index: 99;
    border-left: 1px solid #ccc;
}
.users-main {
    height: 100%;
    width: 300px;
    position: fixed;
    border-radius: 0px;
}
.userlist-box {
    cursor: pointer;
    border-bottom: 1px solid #efefef;
}
.userlist-box .media-left {
    padding-right: 10px;
}
.users-main .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.user-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block;
}
.chat-menu-content,
.chat-menu-reply {
    background: #f3f3f3;
    position: relative;
    overflow: visible;
    border-radius: 4px;
}
.chat-menu-content:before {
    position: absolute;
    top: 20px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border: 8px solid transparent;
    border-right-color: #f3f3f3;
}
.chat-menu-reply:before {
    position: absolute;
    top: 20px;
    right: -14px;
    width: 0;
    height: 0;
    content: "";
    border: 8px solid transparent;
    border-left-color: #01a9ac;
}
.chat-reply-box {
    background-color: #fff;
    position: absolute;
    bottom: 73px;
    width: 100%;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
}
.chat-inner-header {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding: 20px;
}
.chat-send {
    position: absolute;
    bottom: 5px;
    right: 0;
    border: none;
    background-color: transparent;
    color: #01a9ac;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.showChat_inner .chat-messages {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.chat-menu-content .chat-cont,
.chat-menu-reply .chat-cont {
    padding: 10px;
}
.chat-menu-content .chat-time,
.chat-menu-reply .chat-time {
    padding-left: 10px;
    padding-bottom: 10px;
}
.back_chatBox {
    margin: 0 auto;
    font-weight: 600;
}
.back_chatBox i {
    float: left;
    position: absolute;
    margin-top: 5px;
    left: 20px;
    cursor: pointer;
}
.designation {
    cursor: pointer;
}
.extra-profile-list {
    display: none;
}
.chat-menu-reply .chat-cont,
.chat-menu-reply .chat-time {
    color: #fff;
}
.chat-menu-reply {
    background: #01a9ac;
    margin-right: 10px;
}
.users-main .media .chat-header {
    font-size: 14px;
    font-weight: 600;
}
.users-main .media-body div + div {
    font-size: 12px;
}
.chat-body {
    overflow-y: auto;
    height: 340px;
}
.users-main-fix {
    height: auto;
    position: fixed;
    bottom: 0px;
    top: 151px;
}
.chat-footer,
.chat-link {
    border-color: #01a9ac;
}
.chat-footer .input-group-addon {
    padding: 7px 0.75rem;
}
.form-control:focus ~ .chat-send {
    border-color: #01a9ac;
}
.minimized-box {
    padding: 5px 10px;
}
.write-msg input {
    border-radius: 0;
    border-right: 0;
}
.write-msg .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 0;
    font-size: 14px;
}
.write-msg .btn-secondary:hover {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 0;
}
.form-control:focus ~ .input-group-btn .btn-secondary {
    border-color: #66afe9;
    color: #01a9ac;
}
.img-chat-profile {
    height: 45px;
    width: 45px;
}
.chat-minimize .chat-body,
.chat-minimize .chat-footer {
    display: none;
}
.chat-box {
    margin-right: 290px;
    height: 440px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
}
.user-box .media-object,
.friend-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block;
}
.friend-box img {
    margin-right: 10px;
    margin-bottom: 10px;
}
.chat-header {
    color: #222222;
}
.live-status {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100%;
    border: 1px solid;
}
.showChat {
    display: none;
}
.showChat_inner {
    position: fixed;
    top: 56px;
    background-color: white;
    right: 0;
    display: none;
    width: 300px;
    height: 100%;
    z-index: 99;
    border-left: 1px solid #ccc;
}
.showChat_inner .img-circle {
    border-radius: 0 !important;
}
.amber-colors ul li p,
.bg-danger li p,
.bg-default li p,
.bg-info li p,
.bg-primary li p,
.bg-success li p,
.bg-warning li p,
.blue-colors ul li p,
.blue-grey-colors ul li p,
.brown-colors ul li p,
.cyan-colors ul li p,
.deep-orange-colors ul li p,
.deep-purple-colors ul li p,
.green-colors ul li p,
.grey-colors ul li p,
.indigo-colors ul li p,
.light-blue-colors ul li p,
.light-green-colors ul li p,
.lime-colors ul li p,
.orange-colors ul li p,
.pink-colors ul li p,
.purple-colors ul li p,
.red-colors ul li p,
.teal-colors ul li p,
.yellow-colors ul li p,
.primary-colorr ul li p,
.success-colorr ul li p,
.info-colorr ul li p,
.warning-colorr ul li p,
.danger-colorr ul li p {
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}
.red-colors ul li:nth-child(14) {
    background-color: #e40505;
}
.red-colors ul li:nth-child(14) p:before {
    content: "#e40505";
}
.red-colors ul li:nth-child(13) {
    background-color: #f30606;
}
.red-colors ul li:nth-child(13) p:before {
    content: "#f30606";
}
.red-colors ul li:nth-child(12) {
    background-color: #f90f0f;
}
.red-colors ul li:nth-child(12) p:before {
    content: "#f90f0f";
}
.red-colors ul li:nth-child(11) {
    background-color: #fa1d1d;
}
.red-colors ul li:nth-child(11) p:before {
    content: "#fa1d1d";
}
.red-colors ul li:nth-child(10) {
    background-color: #fa2c2c;
}
.red-colors ul li:nth-child(10) p:before {
    content: "#fa2c2c";
}
.red-colors ul li:nth-child(9) {
    background-color: #fa3b3b;
}
.red-colors ul li:nth-child(9) p:before {
    content: "#fa3b3b";
}
.red-colors ul li:nth-child(8) {
    background-color: #fb4a4a;
}
.red-colors ul li:nth-child(8) p:before {
    content: "#fb4a4a";
}
.red-colors ul li:nth-child(7) {
    background-color: #fb5959;
}
.red-colors ul li:nth-child(7) p:before {
    content: "#fb5959";
}
.red-colors ul li:nth-child(6) {
    background-color: #fb6868;
}
.red-colors ul li:nth-child(6) p:before {
    content: "#fb6868";
}
.red-colors ul li:nth-child(5) {
    background-color: #fc7777;
}
.red-colors ul li:nth-child(5) p:before {
    content: "#fc7777";
}
.red-colors ul li:nth-child(4) {
    background-color: #fc8686;
}
.red-colors ul li:nth-child(4) p:before {
    content: "#fc8686";
}
.red-colors ul li:nth-child(3) {
    background-color: #fd9595;
}
.red-colors ul li:nth-child(3) p:before {
    content: "#fd9595";
}
.red-colors ul li:nth-child(2) {
    background-color: #fda4a4;
}
.red-colors ul li:nth-child(2) p:before {
    content: "#fda4a4";
}
.red-colors ul li:nth-child(1) {
    background-color: #fdb3b3;
}
.red-colors ul li:nth-child(1) p:before {
    content: "#fdb3b3";
}
.pink-colors ul li:nth-child(14) {
    background-color: #d4166c;
}
.pink-colors ul li:nth-child(14) p:before {
    content: "#d4166c";
}
.pink-colors ul li:nth-child(13) {
    background-color: #e21873;
}
.pink-colors ul li:nth-child(13) p:before {
    content: "#e21873";
}
.pink-colors ul li:nth-child(12) {
    background-color: #e7217b;
}
.pink-colors ul li:nth-child(12) p:before {
    content: "#e7217b";
}
.pink-colors ul li:nth-child(11) {
    background-color: #e92f83;
}
.pink-colors ul li:nth-child(11) p:before {
    content: "#e92f83";
}
.pink-colors ul li:nth-child(10) {
    background-color: #ea3d8b;
}
.pink-colors ul li:nth-child(10) p:before {
    content: "#ea3d8b";
}
.pink-colors ul li:nth-child(9) {
    background-color: #ec4b94;
}
.pink-colors ul li:nth-child(9) p:before {
    content: "#ec4b94";
}
.pink-colors ul li:nth-child(8) {
    background-color: #ed599c;
}
.pink-colors ul li:nth-child(8) p:before {
    content: "#ed599c";
}
.pink-colors ul li:nth-child(7) {
    background-color: #ef67a4;
}
.pink-colors ul li:nth-child(7) p:before {
    content: "#ef67a4";
}
.pink-colors ul li:nth-child(6) {
    background-color: #f074ac;
}
.pink-colors ul li:nth-child(6) p:before {
    content: "#f074ac";
}
.pink-colors ul li:nth-child(5) {
    background-color: #f282b5;
}
.pink-colors ul li:nth-child(5) p:before {
    content: "#f282b5";
}
.pink-colors ul li:nth-child(4) {
    background-color: #f390bd;
}
.pink-colors ul li:nth-child(4) p:before {
    content: "#f390bd";
}
.pink-colors ul li:nth-child(3) {
    background-color: #f59ec5;
}
.pink-colors ul li:nth-child(3) p:before {
    content: "#f59ec5";
}
.pink-colors ul li:nth-child(2) {
    background-color: #f6accd;
}
.pink-colors ul li:nth-child(2) p:before {
    content: "#f6accd";
}
.pink-colors ul li:nth-child(1) {
    background-color: #f8bad6;
}
.pink-colors ul li:nth-child(1) p:before {
    content: "#f8bad6";
}
.purple-colors ul li:nth-child(14) {
    background-color: #b014ff;
}
.purple-colors ul li:nth-child(14) p:before {
    content: "#b014ff";
}
.purple-colors ul li:nth-child(13) {
    background-color: #b524ff;
}
.purple-colors ul li:nth-child(13) p:before {
    content: "#b524ff";
}
.purple-colors ul li:nth-child(12) {
    background-color: #ba33ff;
}
.purple-colors ul li:nth-child(12) p:before {
    content: "#ba33ff";
}
.purple-colors ul li:nth-child(11) {
    background-color: #c042ff;
}
.purple-colors ul li:nth-child(11) p:before {
    content: "#c042ff";
}
.purple-colors ul li:nth-child(10) {
    background-color: #c552ff;
}
.purple-colors ul li:nth-child(10) p:before {
    content: "#c552ff";
}
.purple-colors ul li:nth-child(9) {
    background-color: #ca61ff;
}
.purple-colors ul li:nth-child(9) p:before {
    content: "#ca61ff";
}
.purple-colors ul li:nth-child(8) {
    background-color: #cf70ff;
}
.purple-colors ul li:nth-child(8) p:before {
    content: "#cf70ff";
}
.purple-colors ul li:nth-child(7) {
    background-color: #d47fff;
}
.purple-colors ul li:nth-child(7) p:before {
    content: "#d47fff";
}
.purple-colors ul li:nth-child(6) {
    background-color: #d98fff;
}
.purple-colors ul li:nth-child(6) p:before {
    content: "#d98fff";
}
.purple-colors ul li:nth-child(5) {
    background-color: #de9eff;
}
.purple-colors ul li:nth-child(5) p:before {
    content: "#de9eff";
}
.purple-colors ul li:nth-child(4) {
    background-color: #e4adff;
}
.purple-colors ul li:nth-child(4) p:before {
    content: "#e4adff";
}
.purple-colors ul li:nth-child(3) {
    background-color: #e9bdff;
}
.purple-colors ul li:nth-child(3) p:before {
    content: "#e9bdff";
}
.purple-colors ul li:nth-child(2) {
    background-color: #ecf;
}
.purple-colors ul li:nth-child(2) p:before {
    content: "#ecf";
}
.purple-colors ul li:nth-child(1) {
    background-color: #f3dbff;
}
.purple-colors ul li:nth-child(1) p:before {
    content: "#f3dbff";
}
.deep-purple-colors ul li:nth-child(14) {
    background-color: #6b05f9;
}
.deep-purple-colors ul li:nth-child(14) p:before {
    content: "#6b05f9";
}
.deep-purple-colors ul li:nth-child(13) {
    background-color: #7414fa;
}
.deep-purple-colors ul li:nth-child(13) p:before {
    content: "#7414fa";
}
.deep-purple-colors ul li:nth-child(12) {
    background-color: #7d23fa;
}
.deep-purple-colors ul li:nth-child(12) p:before {
    content: "#7d23fa";
}
.deep-purple-colors ul li:nth-child(11) {
    background-color: #8632fb;
}
.deep-purple-colors ul li:nth-child(11) p:before {
    content: "#8632fb";
}
.deep-purple-colors ul li:nth-child(10) {
    background-color: #8f41fb;
}
.deep-purple-colors ul li:nth-child(10) p:before {
    content: "#8f41fb";
}
.deep-purple-colors ul li:nth-child(9) {
    background-color: #9850fb;
}
.deep-purple-colors ul li:nth-child(9) p:before {
    content: "#9850fb";
}
.deep-purple-colors ul li:nth-child(8) {
    background-color: #a05ffc;
}
.deep-purple-colors ul li:nth-child(8) p:before {
    content: "#a05ffc";
}
.deep-purple-colors ul li:nth-child(7) {
    background-color: #a96efc;
}
.deep-purple-colors ul li:nth-child(7) p:before {
    content: "#a96efc";
}
.deep-purple-colors ul li:nth-child(6) {
    background-color: #b27cfc;
}
.deep-purple-colors ul li:nth-child(6) p:before {
    content: "#b27cfc";
}
.deep-purple-colors ul li:nth-child(5) {
    background-color: #bb8bfd;
}
.deep-purple-colors ul li:nth-child(5) p:before {
    content: "#bb8bfd";
}
.deep-purple-colors ul li:nth-child(4) {
    background-color: #c49afd;
}
.deep-purple-colors ul li:nth-child(4) p:before {
    content: "#c49afd";
}
.deep-purple-colors ul li:nth-child(3) {
    background-color: #cda9fd;
}
.deep-purple-colors ul li:nth-child(3) p:before {
    content: "#cda9fd";
}
.deep-purple-colors ul li:nth-child(2) {
    background-color: #d5b8fd;
}
.deep-purple-colors ul li:nth-child(2) p:before {
    content: "#d5b8fd";
}
.deep-purple-colors ul li:nth-child(1) {
    background-color: #dec7fe;
}
.deep-purple-colors ul li:nth-child(1) p:before {
    content: "#dec7fe";
}
.indigo-colors ul li:nth-child(14) {
    background-color: #415dfe;
}
.indigo-colors ul li:nth-child(14) p:before {
    content: "#415dfe";
}
.indigo-colors ul li:nth-child(13) {
    background-color: #4d68fe;
}
.indigo-colors ul li:nth-child(13) p:before {
    content: "#4d68fe";
}
.indigo-colors ul li:nth-child(12) {
    background-color: #5a72fe;
}
.indigo-colors ul li:nth-child(12) p:before {
    content: "#5a72fe";
}
.indigo-colors ul li:nth-child(11) {
    background-color: #677dfe;
}
.indigo-colors ul li:nth-child(11) p:before {
    content: "#677dfe";
}
.indigo-colors ul li:nth-child(10) {
    background-color: #7388fe;
}
.indigo-colors ul li:nth-child(10) p:before {
    content: "#7388fe";
}
.indigo-colors ul li:nth-child(9) {
    background-color: #8093fe;
}
.indigo-colors ul li:nth-child(9) p:before {
    content: "#8093fe";
}
.indigo-colors ul li:nth-child(8) {
    background-color: #8d9efe;
}
.indigo-colors ul li:nth-child(8) p:before {
    content: "#8d9efe";
}
.indigo-colors ul li:nth-child(7) {
    background-color: #9aa9ff;
}
.indigo-colors ul li:nth-child(7) p:before {
    content: "#9aa9ff";
}
.indigo-colors ul li:nth-child(6) {
    background-color: #a6b3ff;
}
.indigo-colors ul li:nth-child(6) p:before {
    content: "#a6b3ff";
}
.indigo-colors ul li:nth-child(5) {
    background-color: #b3beff;
}
.indigo-colors ul li:nth-child(5) p:before {
    content: "#b3beff";
}
.indigo-colors ul li:nth-child(4) {
    background-color: #c0c9ff;
}
.indigo-colors ul li:nth-child(4) p:before {
    content: "#c0c9ff";
}
.indigo-colors ul li:nth-child(3) {
    background-color: #ccd4ff;
}
.indigo-colors ul li:nth-child(3) p:before {
    content: "#ccd4ff";
}
.indigo-colors ul li:nth-child(2) {
    background-color: #d9dfff;
}
.indigo-colors ul li:nth-child(2) p:before {
    content: "#d9dfff";
}
.indigo-colors ul li:nth-child(1) {
    background-color: #e6e9ff;
}
.indigo-colors ul li:nth-child(1) p:before {
    content: "#e6e9ff";
}
.blue-colors ul li:nth-child(14) {
    background-color: #3a6eff;
}
.blue-colors ul li:nth-child(14) p:before {
    content: "#3a6eff";
}
.blue-colors ul li:nth-child(13) {
    background-color: #4778ff;
}
.blue-colors ul li:nth-child(13) p:before {
    content: "#4778ff";
}
.blue-colors ul li:nth-child(12) {
    background-color: #5381ff;
}
.blue-colors ul li:nth-child(12) p:before {
    content: "#5381ff";
}
.blue-colors ul li:nth-child(11) {
    background-color: #608aff;
}
.blue-colors ul li:nth-child(11) p:before {
    content: "#608aff";
}
.blue-colors ul li:nth-child(10) {
    background-color: #6d94ff;
}
.blue-colors ul li:nth-child(10) p:before {
    content: "#6d94ff";
}
.blue-colors ul li:nth-child(9) {
    background-color: #7a9dff;
}
.blue-colors ul li:nth-child(9) p:before {
    content: "#7a9dff";
}
.blue-colors ul li:nth-child(8) {
    background-color: #86a6ff;
}
.blue-colors ul li:nth-child(8) p:before {
    content: "#86a6ff";
}
.blue-colors ul li:nth-child(7) {
    background-color: #93b0ff;
}
.blue-colors ul li:nth-child(7) p:before {
    content: "#93b0ff";
}
.blue-colors ul li:nth-child(6) {
    background-color: #a0b9ff;
}
.blue-colors ul li:nth-child(6) p:before {
    content: "#a0b9ff";
}
.blue-colors ul li:nth-child(5) {
    background-color: #adc3ff;
}
.blue-colors ul li:nth-child(5) p:before {
    content: "#adc3ff";
}
.blue-colors ul li:nth-child(4) {
    background-color: #b9ccff;
}
.blue-colors ul li:nth-child(4) p:before {
    content: "#b9ccff";
}
.blue-colors ul li:nth-child(3) {
    background-color: #c6d5ff;
}
.blue-colors ul li:nth-child(3) p:before {
    content: "#c6d5ff";
}
.blue-colors ul li:nth-child(2) {
    background-color: #d3dfff;
}
.blue-colors ul li:nth-child(2) p:before {
    content: "#d3dfff";
}
.blue-colors ul li:nth-child(1) {
    background-color: #e0e8ff;
}
.blue-colors ul li:nth-child(1) p:before {
    content: "#e0e8ff";
}
.light-blue-colors ul li:nth-child(14) {
    background-color: #059cf9;
}
.light-blue-colors ul li:nth-child(14) p:before {
    content: "#059cf9";
}
.light-blue-colors ul li:nth-child(13) {
    background-color: #14a2fa;
}
.light-blue-colors ul li:nth-child(13) p:before {
    content: "#14a2fa";
}
.light-blue-colors ul li:nth-child(12) {
    background-color: #23a8fa;
}
.light-blue-colors ul li:nth-child(12) p:before {
    content: "#23a8fa";
}
.light-blue-colors ul li:nth-child(11) {
    background-color: #32aefb;
}
.light-blue-colors ul li:nth-child(11) p:before {
    content: "#32aefb";
}
.light-blue-colors ul li:nth-child(10) {
    background-color: #41b4fb;
}
.light-blue-colors ul li:nth-child(10) p:before {
    content: "#41b4fb";
}
.light-blue-colors ul li:nth-child(9) {
    background-color: #50bafb;
}
.light-blue-colors ul li:nth-child(9) p:before {
    content: "#50bafb";
}
.light-blue-colors ul li:nth-child(8) {
    background-color: #5fc0fc;
}
.light-blue-colors ul li:nth-child(8) p:before {
    content: "#5fc0fc";
}
.light-blue-colors ul li:nth-child(7) {
    background-color: #6ec6fc;
}
.light-blue-colors ul li:nth-child(7) p:before {
    content: "#6ec6fc";
}
.light-blue-colors ul li:nth-child(6) {
    background-color: #7cccfc;
}
.light-blue-colors ul li:nth-child(6) p:before {
    content: "#7cccfc";
}
.light-blue-colors ul li:nth-child(5) {
    background-color: #8bd2fd;
}
.light-blue-colors ul li:nth-child(5) p:before {
    content: "#8bd2fd";
}
.light-blue-colors ul li:nth-child(4) {
    background-color: #9ad7fd;
}
.light-blue-colors ul li:nth-child(4) p:before {
    content: "#9ad7fd";
}
.light-blue-colors ul li:nth-child(3) {
    background-color: #a9ddfd;
}
.light-blue-colors ul li:nth-child(3) p:before {
    content: "#a9ddfd";
}
.light-blue-colors ul li:nth-child(2) {
    background-color: #b8e3fd;
}
.light-blue-colors ul li:nth-child(2) p:before {
    content: "#b8e3fd";
}
.light-blue-colors ul li:nth-child(1) {
    background-color: #c7e9fe;
}
.light-blue-colors ul li:nth-child(1) p:before {
    content: "#c7e9fe";
}
.cyan-colors ul li:nth-child(14) {
    background-color: #05c6e3;
}
.cyan-colors ul li:nth-child(14) p:before {
    content: "#05c6e3";
}
.cyan-colors ul li:nth-child(13) {
    background-color: #06d3f2;
}
.cyan-colors ul li:nth-child(13) p:before {
    content: "#06d3f2";
}
.cyan-colors ul li:nth-child(12) {
    background-color: #0edbf9;
}
.cyan-colors ul li:nth-child(12) p:before {
    content: "#0edbf9";
}
.cyan-colors ul li:nth-child(11) {
    background-color: #1dddfa;
}
.cyan-colors ul li:nth-child(11) p:before {
    content: "#1dddfa";
}
.cyan-colors ul li:nth-child(10) {
    background-color: #2bdffa;
}
.cyan-colors ul li:nth-child(10) p:before {
    content: "#2bdffa";
}
.cyan-colors ul li:nth-child(9) {
    background-color: #3ae1fa;
}
.cyan-colors ul li:nth-child(9) p:before {
    content: "#3ae1fa";
}
.cyan-colors ul li:nth-child(8) {
    background-color: #49e4fb;
}
.cyan-colors ul li:nth-child(8) p:before {
    content: "#49e4fb";
}
.cyan-colors ul li:nth-child(7) {
    background-color: #58e6fb;
}
.cyan-colors ul li:nth-child(7) p:before {
    content: "#58e6fb";
}
.cyan-colors ul li:nth-child(6) {
    background-color: #67e8fb;
}
.cyan-colors ul li:nth-child(6) p:before {
    content: "#67e8fb";
}
.cyan-colors ul li:nth-child(5) {
    background-color: #76eafc;
}
.cyan-colors ul li:nth-child(5) p:before {
    content: "#76eafc";
}
.cyan-colors ul li:nth-child(4) {
    background-color: #85edfc;
}
.cyan-colors ul li:nth-child(4) p:before {
    content: "#85edfc";
}
.cyan-colors ul li:nth-child(3) {
    background-color: #94effc;
}
.cyan-colors ul li:nth-child(3) p:before {
    content: "#94effc";
}
.cyan-colors ul li:nth-child(2) {
    background-color: #a3f1fd;
}
.cyan-colors ul li:nth-child(2) p:before {
    content: "#a3f1fd";
}
.cyan-colors ul li:nth-child(1) {
    background-color: #b2f3fd;
}
.cyan-colors ul li:nth-child(1) p:before {
    content: "#b2f3fd";
}
.teal-colors ul li:nth-child(14) {
    background-color: #05cfb3;
}
.teal-colors ul li:nth-child(14) p:before {
    content: "#05cfb3";
}
.teal-colors ul li:nth-child(13) {
    background-color: #06dec0;
}
.teal-colors ul li:nth-child(13) p:before {
    content: "#06dec0";
}
.teal-colors ul li:nth-child(12) {
    background-color: #06edcd;
}
.teal-colors ul li:nth-child(12) p:before {
    content: "#06edcd";
}
.teal-colors ul li:nth-child(11) {
    background-color: #0af9d7;
}
.teal-colors ul li:nth-child(11) p:before {
    content: "#0af9d7";
}
.teal-colors ul li:nth-child(10) {
    background-color: #19f9da;
}
.teal-colors ul li:nth-child(10) p:before {
    content: "#19f9da";
}
.teal-colors ul li:nth-child(9) {
    background-color: #27f9dc;
}
.teal-colors ul li:nth-child(9) p:before {
    content: "#27f9dc";
}
.teal-colors ul li:nth-child(8) {
    background-color: #36fadf;
}
.teal-colors ul li:nth-child(8) p:before {
    content: "#36fadf";
}
.teal-colors ul li:nth-child(7) {
    background-color: #45fae1;
}
.teal-colors ul li:nth-child(7) p:before {
    content: "#45fae1";
}
.teal-colors ul li:nth-child(6) {
    background-color: #54fbe3;
}
.teal-colors ul li:nth-child(6) p:before {
    content: "#54fbe3";
}
.teal-colors ul li:nth-child(5) {
    background-color: #63fbe6;
}
.teal-colors ul li:nth-child(5) p:before {
    content: "#63fbe6";
}
.teal-colors ul li:nth-child(4) {
    background-color: #72fbe8;
}
.teal-colors ul li:nth-child(4) p:before {
    content: "#72fbe8";
}
.teal-colors ul li:nth-child(3) {
    background-color: #81fceb;
}
.teal-colors ul li:nth-child(3) p:before {
    content: "#81fceb";
}
.teal-colors ul li:nth-child(2) {
    background-color: #90fced;
}
.teal-colors ul li:nth-child(2) p:before {
    content: "#90fced";
}
.teal-colors ul li:nth-child(1) {
    background-color: #9ffcef;
}
.teal-colors ul li:nth-child(1) p:before {
    content: "#9ffcef";
}
.green-colors ul li:nth-child(14) {
    background-color: #05d85c;
}
.green-colors ul li:nth-child(14) p:before {
    content: "#05d85c";
}
.green-colors ul li:nth-child(13) {
    background-color: #06e763;
}
.green-colors ul li:nth-child(13) p:before {
    content: "#06e763";
}
.green-colors ul li:nth-child(12) {
    background-color: #06f669;
}
.green-colors ul li:nth-child(12) p:before {
    content: "#06f669";
}
.green-colors ul li:nth-child(11) {
    background-color: #12f972;
}
.green-colors ul li:nth-child(11) p:before {
    content: "#12f972";
}
.green-colors ul li:nth-child(10) {
    background-color: #21f97a;
}
.green-colors ul li:nth-child(10) p:before {
    content: "#21f97a";
}
.green-colors ul li:nth-child(9) {
    background-color: #30fa83;
}
.green-colors ul li:nth-child(9) p:before {
    content: "#30fa83";
}
.green-colors ul li:nth-child(8) {
    background-color: #3ffa8c;
}
.green-colors ul li:nth-child(8) p:before {
    content: "#3ffa8c";
}
.green-colors ul li:nth-child(7) {
    background-color: #4efb95;
}
.green-colors ul li:nth-child(7) p:before {
    content: "#4efb95";
}
.green-colors ul li:nth-child(6) {
    background-color: #5dfb9e;
}
.green-colors ul li:nth-child(6) p:before {
    content: "#5dfb9e";
}
.green-colors ul li:nth-child(5) {
    background-color: #6cfba7;
}
.green-colors ul li:nth-child(5) p:before {
    content: "#6cfba7";
}
.green-colors ul li:nth-child(4) {
    background-color: #7bfcb0;
}
.green-colors ul li:nth-child(4) p:before {
    content: "#7bfcb0";
}
.green-colors ul li:nth-child(3) {
    background-color: #8afcb9;
}
.green-colors ul li:nth-child(3) p:before {
    content: "#8afcb9";
}
.green-colors ul li:nth-child(2) {
    background-color: #98fcc2;
}
.green-colors ul li:nth-child(2) p:before {
    content: "#98fcc2";
}
.green-colors ul li:nth-child(1) {
    background-color: #a7fdcb;
}
.green-colors ul li:nth-child(1) p:before {
    content: "#a7fdcb";
}
.light-green-colors ul li:nth-child(14) {
    background-color: #6fe423;
}
.light-green-colors ul li:nth-child(14) p:before {
    content: "#6fe423";
}
.light-green-colors ul li:nth-child(13) {
    background-color: #78e631;
}
.light-green-colors ul li:nth-child(13) p:before {
    content: "#78e631";
}
.light-green-colors ul li:nth-child(12) {
    background-color: #81e73e;
}
.light-green-colors ul li:nth-child(12) p:before {
    content: "#81e73e";
}
.light-green-colors ul li:nth-child(11) {
    background-color: #8ae94c;
}
.light-green-colors ul li:nth-child(11) p:before {
    content: "#8ae94c";
}
.light-green-colors ul li:nth-child(10) {
    background-color: #93eb5a;
}
.light-green-colors ul li:nth-child(10) p:before {
    content: "#93eb5a";
}
.light-green-colors ul li:nth-child(9) {
    background-color: #9bec67;
}
.light-green-colors ul li:nth-child(9) p:before {
    content: "#9bec67";
}
.light-green-colors ul li:nth-child(8) {
    background-color: #a4ee75;
}
.light-green-colors ul li:nth-child(8) p:before {
    content: "#a4ee75";
}
.light-green-colors ul li:nth-child(7) {
    background-color: #adf083;
}
.light-green-colors ul li:nth-child(7) p:before {
    content: "#adf083";
}
.light-green-colors ul li:nth-child(6) {
    background-color: #b6f190;
}
.light-green-colors ul li:nth-child(6) p:before {
    content: "#b6f190";
}
.light-green-colors ul li:nth-child(5) {
    background-color: #bff39e;
}
.light-green-colors ul li:nth-child(5) p:before {
    content: "#bff39e";
}
.light-green-colors ul li:nth-child(4) {
    background-color: #c8f5ac;
}
.light-green-colors ul li:nth-child(4) p:before {
    content: "#c8f5ac";
}
.light-green-colors ul li:nth-child(3) {
    background-color: #d1f6b9;
}
.light-green-colors ul li:nth-child(3) p:before {
    content: "#d1f6b9";
}
.light-green-colors ul li:nth-child(2) {
    background-color: #daf8c7;
}
.light-green-colors ul li:nth-child(2) p:before {
    content: "#daf8c7";
}
.light-green-colors ul li:nth-child(1) {
    background-color: #e3fad4;
}
.light-green-colors ul li:nth-child(1) p:before {
    content: "#e3fad4";
}
.lime-colors ul li:nth-child(14) {
    background-color: #baf905;
}
.lime-colors ul li:nth-child(14) p:before {
    content: "#baf905";
}
.lime-colors ul li:nth-child(13) {
    background-color: #bffa14;
}
.lime-colors ul li:nth-child(13) p:before {
    content: "#bffa14";
}
.lime-colors ul li:nth-child(12) {
    background-color: #c3fa23;
}
.lime-colors ul li:nth-child(12) p:before {
    content: "#c3fa23";
}
.lime-colors ul li:nth-child(11) {
    background-color: #c7fb32;
}
.lime-colors ul li:nth-child(11) p:before {
    content: "#c7fb32";
}
.lime-colors ul li:nth-child(10) {
    background-color: #cbfb41;
}
.lime-colors ul li:nth-child(10) p:before {
    content: "#cbfb41";
}
.lime-colors ul li:nth-child(9) {
    background-color: #cffb50;
}
.lime-colors ul li:nth-child(9) p:before {
    content: "#cffb50";
}
.lime-colors ul li:nth-child(8) {
    background-color: #d3fc5f;
}
.lime-colors ul li:nth-child(8) p:before {
    content: "#d3fc5f";
}
.lime-colors ul li:nth-child(7) {
    background-color: #d7fc6e;
}
.lime-colors ul li:nth-child(7) p:before {
    content: "#d7fc6e";
}
.lime-colors ul li:nth-child(6) {
    background-color: #dbfc7c;
}
.lime-colors ul li:nth-child(6) p:before {
    content: "#dbfc7c";
}
.lime-colors ul li:nth-child(5) {
    background-color: #dffd8b;
}
.lime-colors ul li:nth-child(5) p:before {
    content: "#dffd8b";
}
.lime-colors ul li:nth-child(4) {
    background-color: #e3fd9a;
}
.lime-colors ul li:nth-child(4) p:before {
    content: "#e3fd9a";
}
.lime-colors ul li:nth-child(3) {
    background-color: #e8fda9;
}
.lime-colors ul li:nth-child(3) p:before {
    content: "#e8fda9";
}
.lime-colors ul li:nth-child(2) {
    background-color: #ecfdb8;
}
.lime-colors ul li:nth-child(2) p:before {
    content: "#ecfdb8";
}
.lime-colors ul li:nth-child(1) {
    background-color: #f0fec7;
}
.lime-colors ul li:nth-child(1) p:before {
    content: "#f0fec7";
}
.yellow-colors ul li:nth-child(14) {
    background-color: #ffd812;
}
.yellow-colors ul li:nth-child(14) p:before {
    content: "#ffd812";
}
.yellow-colors ul li:nth-child(13) {
    background-color: #ffda1f;
}
.yellow-colors ul li:nth-child(13) p:before {
    content: "#ffda1f";
}
.yellow-colors ul li:nth-child(12) {
    background-color: #ffdc2b;
}
.yellow-colors ul li:nth-child(12) p:before {
    content: "#ffdc2b";
}
.yellow-colors ul li:nth-child(11) {
    background-color: #ffde38;
}
.yellow-colors ul li:nth-child(11) p:before {
    content: "#ffde38";
}
.yellow-colors ul li:nth-child(10) {
    background-color: #ffe045;
}
.yellow-colors ul li:nth-child(10) p:before {
    content: "#ffe045";
}
.yellow-colors ul li:nth-child(9) {
    background-color: #ffe352;
}
.yellow-colors ul li:nth-child(9) p:before {
    content: "#ffe352";
}
.yellow-colors ul li:nth-child(8) {
    background-color: #ffe55e;
}
.yellow-colors ul li:nth-child(8) p:before {
    content: "#ffe55e";
}
.yellow-colors ul li:nth-child(7) {
    background-color: #ffe76b;
}
.yellow-colors ul li:nth-child(7) p:before {
    content: "#ffe76b";
}
.yellow-colors ul li:nth-child(6) {
    background-color: #ffe978;
}
.yellow-colors ul li:nth-child(6) p:before {
    content: "#ffe978";
}
.yellow-colors ul li:nth-child(5) {
    background-color: #ffeb85;
}
.yellow-colors ul li:nth-child(5) p:before {
    content: "#ffeb85";
}
.yellow-colors ul li:nth-child(4) {
    background-color: #ffed91;
}
.yellow-colors ul li:nth-child(4) p:before {
    content: "#ffed91";
}
.yellow-colors ul li:nth-child(3) {
    background-color: #ffef9e;
}
.yellow-colors ul li:nth-child(3) p:before {
    content: "#ffef9e";
}
.yellow-colors ul li:nth-child(2) {
    background-color: #fff1ab;
}
.yellow-colors ul li:nth-child(2) p:before {
    content: "#fff1ab";
}
.yellow-colors ul li:nth-child(1) {
    background-color: #fff3b8;
}
.yellow-colors ul li:nth-child(1) p:before {
    content: "#fff3b8";
}
.amber-colors ul li:nth-child(14) {
    background-color: #ffb012;
}
.amber-colors ul li:nth-child(14) p:before {
    content: "#ffb012";
}
.amber-colors ul li:nth-child(13) {
    background-color: #ffb41f;
}
.amber-colors ul li:nth-child(13) p:before {
    content: "#ffb41f";
}
.amber-colors ul li:nth-child(12) {
    background-color: #ffb92b;
}
.amber-colors ul li:nth-child(12) p:before {
    content: "#ffb92b";
}
.amber-colors ul li:nth-child(11) {
    background-color: #ffbd38;
}
.amber-colors ul li:nth-child(11) p:before {
    content: "#ffbd38";
}
.amber-colors ul li:nth-child(10) {
    background-color: #ffc145;
}
.amber-colors ul li:nth-child(10) p:before {
    content: "#ffc145";
}
.amber-colors ul li:nth-child(9) {
    background-color: #ffc552;
}
.amber-colors ul li:nth-child(9) p:before {
    content: "#ffc552";
}
.amber-colors ul li:nth-child(8) {
    background-color: #ffca5e;
}
.amber-colors ul li:nth-child(8) p:before {
    content: "#ffca5e";
}
.amber-colors ul li:nth-child(7) {
    background-color: #ffce6b;
}
.amber-colors ul li:nth-child(7) p:before {
    content: "#ffce6b";
}
.amber-colors ul li:nth-child(6) {
    background-color: #ffd278;
}
.amber-colors ul li:nth-child(6) p:before {
    content: "#ffd278";
}
.amber-colors ul li:nth-child(5) {
    background-color: #ffd685;
}
.amber-colors ul li:nth-child(5) p:before {
    content: "#ffd685";
}
.amber-colors ul li:nth-child(4) {
    background-color: #ffdb91;
}
.amber-colors ul li:nth-child(4) p:before {
    content: "#ffdb91";
}
.amber-colors ul li:nth-child(3) {
    background-color: #ffdf9e;
}
.amber-colors ul li:nth-child(3) p:before {
    content: "#ffdf9e";
}
.amber-colors ul li:nth-child(2) {
    background-color: #ffe3ab;
}
.amber-colors ul li:nth-child(2) p:before {
    content: "#ffe3ab";
}
.amber-colors ul li:nth-child(1) {
    background-color: #ffe7b8;
}
.amber-colors ul li:nth-child(1) p:before {
    content: "#ffe7b8";
}
.orange-colors ul li:nth-child(14) {
    background-color: #ff7814;
}
.orange-colors ul li:nth-child(14) p:before {
    content: "#ff7814";
}
.orange-colors ul li:nth-child(13) {
    background-color: #ff8124;
}
.orange-colors ul li:nth-child(13) p:before {
    content: "#ff8124";
}
.orange-colors ul li:nth-child(12) {
    background-color: #ff8933;
}
.orange-colors ul li:nth-child(12) p:before {
    content: "#ff8933";
}
.orange-colors ul li:nth-child(11) {
    background-color: #ff9242;
}
.orange-colors ul li:nth-child(11) p:before {
    content: "#ff9242";
}
.orange-colors ul li:nth-child(10) {
    background-color: #ff9b52;
}
.orange-colors ul li:nth-child(10) p:before {
    content: "#ff9b52";
}
.orange-colors ul li:nth-child(9) {
    background-color: #ffa461;
}
.orange-colors ul li:nth-child(9) p:before {
    content: "#ffa461";
}
.orange-colors ul li:nth-child(8) {
    background-color: #ffad70;
}
.orange-colors ul li:nth-child(8) p:before {
    content: "#ffad70";
}
.orange-colors ul li:nth-child(7) {
    background-color: #ffb67f;
}
.orange-colors ul li:nth-child(7) p:before {
    content: "#ffb67f";
}
.orange-colors ul li:nth-child(6) {
    background-color: #ffbe8f;
}
.orange-colors ul li:nth-child(6) p:before {
    content: "#ffbe8f";
}
.orange-colors ul li:nth-child(5) {
    background-color: #ffc79e;
}
.orange-colors ul li:nth-child(5) p:before {
    content: "#ffc79e";
}
.orange-colors ul li:nth-child(4) {
    background-color: #ffd0ad;
}
.orange-colors ul li:nth-child(4) p:before {
    content: "#ffd0ad";
}
.orange-colors ul li:nth-child(3) {
    background-color: #ffd9bd;
}
.orange-colors ul li:nth-child(3) p:before {
    content: "#ffd9bd";
}
.orange-colors ul li:nth-child(2) {
    background-color: #ffe2cc;
}
.orange-colors ul li:nth-child(2) p:before {
    content: "#ffe2cc";
}
.orange-colors ul li:nth-child(1) {
    background-color: #ffeadb;
}
.orange-colors ul li:nth-child(1) p:before {
    content: "#ffeadb";
}
.deep-orange-colors ul li:nth-child(14) {
    background-color: #ec3305;
}
.deep-orange-colors ul li:nth-child(14) p:before {
    content: "#ec3305";
}
.deep-orange-colors ul li:nth-child(13) {
    background-color: #f93707;
}
.deep-orange-colors ul li:nth-child(13) p:before {
    content: "#f93707";
}
.deep-orange-colors ul li:nth-child(12) {
    background-color: #fa4316;
}
.deep-orange-colors ul li:nth-child(12) p:before {
    content: "#fa4316";
}
.deep-orange-colors ul li:nth-child(11) {
    background-color: #fa5025;
}
.deep-orange-colors ul li:nth-child(11) p:before {
    content: "#fa5025";
}
.deep-orange-colors ul li:nth-child(10) {
    background-color: #fa5c34;
}
.deep-orange-colors ul li:nth-child(10) p:before {
    content: "#fa5c34";
}
.deep-orange-colors ul li:nth-child(9) {
    background-color: #fb6843;
}
.deep-orange-colors ul li:nth-child(9) p:before {
    content: "#fb6843";
}
.deep-orange-colors ul li:nth-child(8) {
    background-color: #fb7452;
}
.deep-orange-colors ul li:nth-child(8) p:before {
    content: "#fb7452";
}
.deep-orange-colors ul li:nth-child(7) {
    background-color: #fb8061;
}
.deep-orange-colors ul li:nth-child(7) p:before {
    content: "#fb8061";
}
.deep-orange-colors ul li:nth-child(6) {
    background-color: #fc8c70;
}
.deep-orange-colors ul li:nth-child(6) p:before {
    content: "#fc8c70";
}
.deep-orange-colors ul li:nth-child(5) {
    background-color: #fc987f;
}
.deep-orange-colors ul li:nth-child(5) p:before {
    content: "#fc987f";
}
.deep-orange-colors ul li:nth-child(4) {
    background-color: #fca48e;
}
.deep-orange-colors ul li:nth-child(4) p:before {
    content: "#fca48e";
}
.deep-orange-colors ul li:nth-child(3) {
    background-color: #fdb09d;
}
.deep-orange-colors ul li:nth-child(3) p:before {
    content: "#fdb09d";
}
.deep-orange-colors ul li:nth-child(2) {
    background-color: #fdbcac;
}
.deep-orange-colors ul li:nth-child(2) p:before {
    content: "#fdbcac";
}
.deep-orange-colors ul li:nth-child(1) {
    background-color: #fdc8bb;
}
.deep-orange-colors ul li:nth-child(1) p:before {
    content: "#fdc8bb";
}
.brown-colors ul li:nth-child(14) {
    background-color: #513631;
}
.brown-colors ul li:nth-child(14) p:before {
    content: "#513631";
}
.brown-colors ul li:nth-child(13) {
    background-color: #61403a;
}
.brown-colors ul li:nth-child(13) p:before {
    content: "#61403a";
}
.brown-colors ul li:nth-child(12) {
    background-color: #714b44;
}
.brown-colors ul li:nth-child(12) p:before {
    content: "#714b44";
}
.brown-colors ul li:nth-child(11) {
    background-color: #81554d;
}
.brown-colors ul li:nth-child(11) p:before {
    content: "#81554d";
}
.brown-colors ul li:nth-child(10) {
    background-color: #916057;
}
.brown-colors ul li:nth-child(10) p:before {
    content: "#916057";
}
.brown-colors ul li:nth-child(9) {
    background-color: #a06b61;
}
.brown-colors ul li:nth-child(9) p:before {
    content: "#a06b61";
}
.brown-colors ul li:nth-child(8) {
    background-color: #aa7a71;
}
.brown-colors ul li:nth-child(8) p:before {
    content: "#aa7a71";
}
.brown-colors ul li:nth-child(7) {
    background-color: #b38981;
}
.brown-colors ul li:nth-child(7) p:before {
    content: "#b38981";
}
.brown-colors ul li:nth-child(6) {
    background-color: #bd9791;
}
.brown-colors ul li:nth-child(6) p:before {
    content: "#bd9791";
}
.brown-colors ul li:nth-child(5) {
    background-color: #c6a6a1;
}
.brown-colors ul li:nth-child(5) p:before {
    content: "#c6a6a1";
}
.brown-colors ul li:nth-child(4) {
    background-color: #d0b5b1;
}
.brown-colors ul li:nth-child(4) p:before {
    content: "#d0b5b1";
}
.brown-colors ul li:nth-child(3) {
    background-color: #dac4c1;
}
.brown-colors ul li:nth-child(3) p:before {
    content: "#dac4c1";
}
.brown-colors ul li:nth-child(2) {
    background-color: #e3d3d0;
}
.brown-colors ul li:nth-child(2) p:before {
    content: "#e3d3d0";
}
.brown-colors ul li:nth-child(1) {
    background-color: #ede2e0;
}
.brown-colors ul li:nth-child(1) p:before {
    content: "#ede2e0";
}
.grey-colors ul li:nth-child(14) {
    background-color: #323232;
}
.grey-colors ul li:nth-child(14) p:before {
    content: "#323232";
}
.grey-colors ul li:nth-child(13) {
    background-color: #3f3f3f;
}
.grey-colors ul li:nth-child(13) p:before {
    content: "#3f3f3f";
}
.grey-colors ul li:nth-child(12) {
    background-color: #4b4b4b;
}
.grey-colors ul li:nth-child(12) p:before {
    content: "#4b4b4b";
}
.grey-colors ul li:nth-child(11) {
    background-color: #585858;
}
.grey-colors ul li:nth-child(11) p:before {
    content: "#585858";
}
.grey-colors ul li:nth-child(10) {
    background-color: #656565;
}
.grey-colors ul li:nth-child(10) p:before {
    content: "#656565";
}
.grey-colors ul li:nth-child(9) {
    background-color: #727272;
}
.grey-colors ul li:nth-child(9) p:before {
    content: "#727272";
}
.grey-colors ul li:nth-child(8) {
    background-color: #7e7e7e;
}
.grey-colors ul li:nth-child(8) p:before {
    content: "#7e7e7e";
}
.grey-colors ul li:nth-child(7) {
    background-color: #8b8b8b;
}
.grey-colors ul li:nth-child(7) p:before {
    content: "#8b8b8b";
}
.grey-colors ul li:nth-child(6) {
    background-color: #989898;
}
.grey-colors ul li:nth-child(6) p:before {
    content: "#989898";
}
.grey-colors ul li:nth-child(5) {
    background-color: #a5a5a5;
}
.grey-colors ul li:nth-child(5) p:before {
    content: "#a5a5a5";
}
.grey-colors ul li:nth-child(4) {
    background-color: #b1b1b1;
}
.grey-colors ul li:nth-child(4) p:before {
    content: "#b1b1b1";
}
.grey-colors ul li:nth-child(3) {
    background-color: #bebebe;
}
.grey-colors ul li:nth-child(3) p:before {
    content: "#bebebe";
}
.grey-colors ul li:nth-child(2) {
    background-color: #cbcbcb;
}
.grey-colors ul li:nth-child(2) p:before {
    content: "#cbcbcb";
}
.grey-colors ul li:nth-child(1) {
    background-color: #d8d8d8;
}
.grey-colors ul li:nth-child(1) p:before {
    content: "#d8d8d8";
}
.blue-grey-colors ul li:nth-child(14) {
    background-color: #35444a;
}
.blue-grey-colors ul li:nth-child(14) p:before {
    content: "#35444a";
}
.blue-grey-colors ul li:nth-child(13) {
    background-color: #3f5159;
}
.blue-grey-colors ul li:nth-child(13) p:before {
    content: "#3f5159";
}
.blue-grey-colors ul li:nth-child(12) {
    background-color: #4a5f68;
}
.blue-grey-colors ul li:nth-child(12) p:before {
    content: "#4a5f68";
}
.blue-grey-colors ul li:nth-child(11) {
    background-color: #546d77;
}
.blue-grey-colors ul li:nth-child(11) p:before {
    content: "#546d77";
}
.blue-grey-colors ul li:nth-child(10) {
    background-color: #5f7a85;
}
.blue-grey-colors ul li:nth-child(10) p:before {
    content: "#5f7a85";
}
.blue-grey-colors ul li:nth-child(9) {
    background-color: #6a8894;
}
.blue-grey-colors ul li:nth-child(9) p:before {
    content: "#6a8894";
}
.blue-grey-colors ul li:nth-child(8) {
    background-color: #78949f;
}
.blue-grey-colors ul li:nth-child(8) p:before {
    content: "#78949f";
}
.blue-grey-colors ul li:nth-child(7) {
    background-color: #87a0aa;
}
.blue-grey-colors ul li:nth-child(7) p:before {
    content: "#87a0aa";
}
.blue-grey-colors ul li:nth-child(6) {
    background-color: #96abb4;
}
.blue-grey-colors ul li:nth-child(6) p:before {
    content: "#96abb4";
}
.blue-grey-colors ul li:nth-child(5) {
    background-color: #a5b7bf;
}
.blue-grey-colors ul li:nth-child(5) p:before {
    content: "#a5b7bf";
}
.blue-grey-colors ul li:nth-child(4) {
    background-color: #b4c3ca;
}
.blue-grey-colors ul li:nth-child(4) p:before {
    content: "#b4c3ca";
}
.blue-grey-colors ul li:nth-child(3) {
    background-color: #c3cfd4;
}
.blue-grey-colors ul li:nth-child(3) p:before {
    content: "#c3cfd4";
}
.blue-grey-colors ul li:nth-child(2) {
    background-color: #d2dbdf;
}
.blue-grey-colors ul li:nth-child(2) p:before {
    content: "#d2dbdf";
}
.blue-grey-colors ul li:nth-child(1) {
    background-color: #e1e7e9;
}
.blue-grey-colors ul li:nth-child(1) p:before {
    content: "#e1e7e9";
}
.primary-colorr ul li:nth-child(14) {
    background-color: #1cc9a7;
}
.primary-colorr ul li:nth-child(14) p:before {
    content: "#1cc9a7";
}
.primary-colorr ul li:nth-child(13) {
    background-color: #1ed7b2;
}
.primary-colorr ul li:nth-child(13) p:before {
    content: "#1ed7b2";
}
.primary-colorr ul li:nth-child(12) {
    background-color: #23e1bb;
}
.primary-colorr ul li:nth-child(12) p:before {
    content: "#23e1bb";
}
.primary-colorr ul li:nth-child(11) {
    background-color: #31e2bf;
}
.primary-colorr ul li:nth-child(11) p:before {
    content: "#31e2bf";
}
.primary-colorr ul li:nth-child(10) {
    background-color: #3ee4c4;
}
.primary-colorr ul li:nth-child(10) p:before {
    content: "#3ee4c4";
}
.primary-colorr ul li:nth-child(9) {
    background-color: #4ce6c8;
}
.primary-colorr ul li:nth-child(9) p:before {
    content: "#4ce6c8";
}
.primary-colorr ul li:nth-child(8) {
    background-color: #59e8cc;
}
.primary-colorr ul li:nth-child(8) p:before {
    content: "#59e8cc";
}
.primary-colorr ul li:nth-child(7) {
    background-color: #66ead0;
}
.primary-colorr ul li:nth-child(7) p:before {
    content: "#66ead0";
}
.primary-colorr ul li:nth-child(6) {
    background-color: #74ecd4;
}
.primary-colorr ul li:nth-child(6) p:before {
    content: "#74ecd4";
}
.primary-colorr ul li:nth-child(5) {
    background-color: #81eed8;
}
.primary-colorr ul li:nth-child(5) p:before {
    content: "#81eed8";
}
.primary-colorr ul li:nth-child(4) {
    background-color: #8fefdc;
}
.primary-colorr ul li:nth-child(4) p:before {
    content: "#8fefdc";
}
.primary-colorr ul li:nth-child(3) {
    background-color: #9cf1e1;
}
.primary-colorr ul li:nth-child(3) p:before {
    content: "#9cf1e1";
}
.primary-colorr ul li:nth-child(2) {
    background-color: #aaf3e5;
}
.primary-colorr ul li:nth-child(2) p:before {
    content: "#aaf3e5";
}
.primary-colorr ul li:nth-child(1) {
    background-color: #b7f5e9;
}
.primary-colorr ul li:nth-child(1) p:before {
    content: "#b7f5e9";
}
.success-colorr ul li:nth-child(14) {
    background-color: #33d176;
}
.success-colorr ul li:nth-child(14) p:before {
    content: "#33d176";
}
.success-colorr ul li:nth-child(13) {
    background-color: #3bd37c;
}
.success-colorr ul li:nth-child(13) p:before {
    content: "#3bd37c";
}
.success-colorr ul li:nth-child(12) {
    background-color: #44d581;
}
.success-colorr ul li:nth-child(12) p:before {
    content: "#44d581";
}
.success-colorr ul li:nth-child(11) {
    background-color: #4cd787;
}
.success-colorr ul li:nth-child(11) p:before {
    content: "#4cd787";
}
.success-colorr ul li:nth-child(10) {
    background-color: #54d98c;
}
.success-colorr ul li:nth-child(10) p:before {
    content: "#54d98c";
}
.success-colorr ul li:nth-child(9) {
    background-color: #5dda92;
}
.success-colorr ul li:nth-child(9) p:before {
    content: "#5dda92";
}
.success-colorr ul li:nth-child(8) {
    background-color: #65dc98;
}
.success-colorr ul li:nth-child(8) p:before {
    content: "#65dc98";
}
.success-colorr ul li:nth-child(7) {
    background-color: #6dde9d;
}
.success-colorr ul li:nth-child(7) p:before {
    content: "#6dde9d";
}
.success-colorr ul li:nth-child(6) {
    background-color: #76e0a3;
}
.success-colorr ul li:nth-child(6) p:before {
    content: "#76e0a3";
}
.success-colorr ul li:nth-child(5) {
    background-color: #7ee2a8;
}
.success-colorr ul li:nth-child(5) p:before {
    content: "#7ee2a8";
}
.success-colorr ul li:nth-child(4) {
    background-color: #86e4ae;
}
.success-colorr ul li:nth-child(4) p:before {
    content: "#86e4ae";
}
.success-colorr ul li:nth-child(3) {
    background-color: #8fe6b4;
}
.success-colorr ul li:nth-child(3) p:before {
    content: "#8fe6b4";
}
.success-colorr ul li:nth-child(2) {
    background-color: #97e8b9;
}
.success-colorr ul li:nth-child(2) p:before {
    content: "#97e8b9";
}
.success-colorr ul li:nth-child(1) {
    background-color: #9fe9bf;
}
.success-colorr ul li:nth-child(1) p:before {
    content: "#9fe9bf";
}
.info-colorr ul li:nth-child(14) {
    background-color: #3d9cdd;
}
.info-colorr ul li:nth-child(14) p:before {
    content: "#3d9cdd";
}
.info-colorr ul li:nth-child(13) {
    background-color: #45a1de;
}
.info-colorr ul li:nth-child(13) p:before {
    content: "#45a1de";
}
.info-colorr ul li:nth-child(12) {
    background-color: #4ea5e0;
}
.info-colorr ul li:nth-child(12) p:before {
    content: "#4ea5e0";
}
.info-colorr ul li:nth-child(11) {
    background-color: #57aae1;
}
.info-colorr ul li:nth-child(11) p:before {
    content: "#57aae1";
}
.info-colorr ul li:nth-child(10) {
    background-color: #5faee3;
}
.info-colorr ul li:nth-child(10) p:before {
    content: "#5faee3";
}
.info-colorr ul li:nth-child(9) {
    background-color: #68b2e4;
}
.info-colorr ul li:nth-child(9) p:before {
    content: "#68b2e4";
}
.info-colorr ul li:nth-child(8) {
    background-color: #71b7e6;
}
.info-colorr ul li:nth-child(8) p:before {
    content: "#71b7e6";
}
.info-colorr ul li:nth-child(7) {
    background-color: #79bbe7;
}
.info-colorr ul li:nth-child(7) p:before {
    content: "#79bbe7";
}
.info-colorr ul li:nth-child(6) {
    background-color: #82c0e9;
}
.info-colorr ul li:nth-child(6) p:before {
    content: "#82c0e9";
}
.info-colorr ul li:nth-child(5) {
    background-color: #8bc4ea;
}
.info-colorr ul li:nth-child(5) p:before {
    content: "#8bc4ea";
}
.info-colorr ul li:nth-child(4) {
    background-color: #93c8ec;
}
.info-colorr ul li:nth-child(4) p:before {
    content: "#93c8ec";
}
.info-colorr ul li:nth-child(3) {
    background-color: #9ccded;
}
.info-colorr ul li:nth-child(3) p:before {
    content: "#9ccded";
}
.info-colorr ul li:nth-child(2) {
    background-color: #a5d1ef;
}
.info-colorr ul li:nth-child(2) p:before {
    content: "#a5d1ef";
}
.info-colorr ul li:nth-child(1) {
    background-color: #add6f1;
}
.info-colorr ul li:nth-child(1) p:before {
    content: "#add6f1";
}
.warning-colorr ul li:nth-child(14) {
    background-color: #f2c619;
}
.warning-colorr ul li:nth-child(14) p:before {
    content: "#f2c619";
}
.warning-colorr ul li:nth-child(13) {
    background-color: #f2c922;
}
.warning-colorr ul li:nth-child(13) p:before {
    content: "#f2c922";
}
.warning-colorr ul li:nth-child(12) {
    background-color: #f3cb2c;
}
.warning-colorr ul li:nth-child(12) p:before {
    content: "#f3cb2c";
}
.warning-colorr ul li:nth-child(11) {
    background-color: #f3cd36;
}
.warning-colorr ul li:nth-child(11) p:before {
    content: "#f3cd36";
}
.warning-colorr ul li:nth-child(10) {
    background-color: #f4d03f;
}
.warning-colorr ul li:nth-child(10) p:before {
    content: "#f4d03f";
}
.warning-colorr ul li:nth-child(9) {
    background-color: #f4d249;
}
.warning-colorr ul li:nth-child(9) p:before {
    content: "#f4d249";
}
.warning-colorr ul li:nth-child(8) {
    background-color: #f5d552;
}
.warning-colorr ul li:nth-child(8) p:before {
    content: "#f5d552";
}
.warning-colorr ul li:nth-child(7) {
    background-color: #f5d75c;
}
.warning-colorr ul li:nth-child(7) p:before {
    content: "#f5d75c";
}
.warning-colorr ul li:nth-child(6) {
    background-color: #f6d966;
}
.warning-colorr ul li:nth-child(6) p:before {
    content: "#f6d966";
}
.warning-colorr ul li:nth-child(5) {
    background-color: #f7dc6f;
}
.warning-colorr ul li:nth-child(5) p:before {
    content: "#f7dc6f";
}
.warning-colorr ul li:nth-child(4) {
    background-color: #f7de79;
}
.warning-colorr ul li:nth-child(4) p:before {
    content: "#f7de79";
}
.warning-colorr ul li:nth-child(3) {
    background-color: #f8e083;
}
.warning-colorr ul li:nth-child(3) p:before {
    content: "#f8e083";
}
.warning-colorr ul li:nth-child(2) {
    background-color: #f8e38c;
}
.warning-colorr ul li:nth-child(2) p:before {
    content: "#f8e38c";
}
.warning-colorr ul li:nth-child(1) {
    background-color: #f9e596;
}
.warning-colorr ul li:nth-child(1) p:before {
    content: "#f9e596";
}
.danger-colorr ul li:nth-child(14) {
    background-color: #e85445;
}
.danger-colorr ul li:nth-child(14) p:before {
    content: "#e85445";
}
.danger-colorr ul li:nth-child(13) {
    background-color: #e95d4e;
}
.danger-colorr ul li:nth-child(13) p:before {
    content: "#e95d4e";
}
.danger-colorr ul li:nth-child(12) {
    background-color: #ea6557;
}
.danger-colorr ul li:nth-child(12) p:before {
    content: "#ea6557";
}
.danger-colorr ul li:nth-child(11) {
    background-color: #eb6d60;
}
.danger-colorr ul li:nth-child(11) p:before {
    content: "#eb6d60";
}
.danger-colorr ul li:nth-child(10) {
    background-color: #ed7669;
}
.danger-colorr ul li:nth-child(10) p:before {
    content: "#ed7669";
}
.danger-colorr ul li:nth-child(9) {
    background-color: #ee7e72;
}
.danger-colorr ul li:nth-child(9) p:before {
    content: "#ee7e72";
}
.danger-colorr ul li:nth-child(8) {
    background-color: #ef867c;
}
.danger-colorr ul li:nth-child(8) p:before {
    content: "#ef867c";
}
.danger-colorr ul li:nth-child(7) {
    background-color: #f08f85;
}
.danger-colorr ul li:nth-child(7) p:before {
    content: "#f08f85";
}
.danger-colorr ul li:nth-child(6) {
    background-color: #f1978e;
}
.danger-colorr ul li:nth-child(6) p:before {
    content: "#f1978e";
}
.danger-colorr ul li:nth-child(5) {
    background-color: #f29f97;
}
.danger-colorr ul li:nth-child(5) p:before {
    content: "#f29f97";
}
.danger-colorr ul li:nth-child(4) {
    background-color: #f3a8a0;
}
.danger-colorr ul li:nth-child(4) p:before {
    content: "#f3a8a0";
}
.danger-colorr ul li:nth-child(3) {
    background-color: #f4b0a9;
}
.danger-colorr ul li:nth-child(3) p:before {
    content: "#f4b0a9";
}
.danger-colorr ul li:nth-child(2) {
    background-color: #f6b8b2;
}
.danger-colorr ul li:nth-child(2) p:before {
    content: "#f6b8b2";
}
.danger-colorr ul li:nth-child(1) {
    background-color: #f7c1bb;
}
.danger-colorr ul li:nth-child(1) p:before {
    content: "#f7c1bb";
}
#draggableMultiple .sortable-moves {
    cursor: move;
    margin-bottom: 0;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
    margin-bottom: 20px;
    padding: 15px 0 15px 60px;
}
.sortable-moves {
    font-size: 14px;
    line-height: 1.55556em;
    list-style-type: none;
    margin-bottom: 15px;
    min-height: 3.55556em;
    padding-left: 5.11111em;
    position: relative;
    cursor: move;
}
.sortable-moves img {
    position: absolute;
    height: 40px;
    left: 10px;
    border-radius: 5px;
    top: 15px;
}
.sortable-moves h6 {
    font-weight: 600;
}
.card-sub {
    cursor: move;
    border: none;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
}

.payment-card .icofont-paypal-alt,
.payment-card .icofont-visa-alt,
.payment-card .icofont-mastercard {
    display: block;
    font-size: 60px;
    color: #ed5565;
}
.payment-card .icofont-visa-alt {
    color: #1c84c6;
}
.payment-card .icofont-mastercard {
    color: #f8ac59;
}
.payment-tabs .md-tabs.nav-tabs .nav-item {
    width: calc(100% / 6);
}
.payment-tabs .nav-tabs .slide,
.payment-tabs .md-tabs .nav-item + .nav-item {
    width: calc(100% / 6);
}
.demo-container {
    padding-bottom: 0;
}
.jp-card .jp-card-front,
.jp-card .jp-card-back {
    background: #01a9ac !important;
}
.payment-form {
    max-width: 550px;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 0;
}
.ace_editor {
    width: 100% !important;
    position: relative !important;
    margin-top: 20px;
}
.long-press:focus {
    outline-color: #01a9ac;
}
.inputor:focus {
    border-color: #01a9ac;
}
#edui1 {
    width: auto !important;
}
.tab-pane form .md-add-on i {
    font-size: 20px;
}
.wall-elips {
    position: absolute;
    right: 15px;
}
.social-wallpaper {
    position: relative;
}
.social-profile {
    position: relative;
    padding-top: 15px;
}
.timeline-btn {
    position: absolute;
    bottom: 0;
    right: 30px;
}
.nav-tabs.md-tabs.tab-timeline li a {
    padding: 20px 0 10px;
    color: #404e67;
    font-size: 16px;
}
.social-timeline-left {
    position: absolute;
    top: -200px;
    margin-right: 15px;
}
.post-input {
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    resize: none;
}
.user-box .media-object,
.friend-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block;
    cursor: pointer;
}
.friend-box img {
    margin-right: 10px;
    margin-bottom: 10px;
}
.chat-header {
    color: #222222;
}
.live-status {
    height: 9px;
    width: 9px;
    position: absolute;
    bottom: 0;
    right: 17px;
    border-radius: 100%;
    border: 1px solid;
    top: 5px;
}
.tab-timeline .slide {
    bottom: -1px;
}
.image-upload input {
    visibility: hidden;
    max-width: 0;
    max-height: 0;
}
.file-upload-lbl {
    max-width: 15px;
    padding: 5px 0 0;
}
.ellipsis::after {
    top: 15px;
    border: none;
    position: absolute;
    content: "\f142";
    font-family: FontAwesome;
    right: 30px;
}
.elipsis-box {
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11);
    top: 40px;
    right: -10px;
}
.elipsis-box:after {
    content: "";
    height: 13px;
    width: 13px;
    background: #fff;
    position: absolute;
    top: -5px;
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -3px -3px 11px 1px rgba(170, 170, 170, 0.22);
    box-shadow: -3px -3px 11px 1px rgba(170, 170, 170, 0.22);
}
.friend-elipsis {
    left: -10px;
    top: -10px;
}
.social-profile:hover .profile-hvr,
.social-wallpaper:hover .profile-hvr {
    opacity: 1;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.profile-hvr {
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 20px;
    padding: 10px;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.61);
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.social-profile {
    margin: 0 15px;
}
.social-follower {
    text-align: center;
}
.social-follower h4 {
    font-size: 18px;
    margin-bottom: 10px;
    font-style: normal;
}
.social-follower h5 {
    font-size: 14px;
}
.social-follower .follower-counter {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 13px;
}
.social-follower .follower-counter .txt-primary {
    font-size: 24px;
}
.timeline-icon {
    height: 45px;
    width: 45px;
    display: block;
    margin: 0 auto;
    border: 4px #fff solid;
}
.social-timelines-left:after {
    height: 3px;
    width: 20px;
    position: absolute;
    background: #cccccc;
    top: 20px;
    content: "";
    right: -10px;
    z-index: 0;
}
.social-timelines-left {
    position: relative;
    z-index: 3;
}
.social-timelines:before {
    position: absolute;
    content: " ";
    width: 3px;
    background: #cccccc;
    left: 48px;
    height: 100%;
    top: 0;
    z-index: 1;
}
.timeline-dot:after,
.timeline-dot:before {
    content: "";
    position: absolute;
    height: 9px;
    width: 9px;
    background-color: #cccccc;
    left: 45px;
    border-radius: 100%;
}
.user-box .social-designation,
.post-timelines .social-time {
    font-size: 13px;
}
.user-box .f-right {
    text-transform: capitalize;
}
.social-msg a {
    display: inline-block;
}
.social-msg a span {
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
}
.social-msg a:hover {
    color: #01a9ac;
}
.social-msg a:hover span,
.social-msg a:hover i {
    color: #01a9ac !important;
}
.view-info .social-label,
.contact-info .social-label,
.work-info .social-label {
    font-size: 15px;
    padding-left: 0;
    padding-top: 0;
}
.view-info .social-user-name,
.contact-info .social-user-name,
.work-info .social-user-name {
    font-size: 14px;
    padding-left: 0;
}
.friend-elipsis .social-designation {
    font-size: 13px;
}
.timeline-details p {
    padding-top: 10px;
    margin-bottom: 0;
}
.post-timelines {
    cursor: pointer;
}
.timeline-details .chat-header,
.post-timelines .chat-header {
    font-size: 15px;
}
.social-client-description {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.social-client-description p {
    margin-top: 5px;
    margin-bottom: 0;
}
.social-client-description span {
    font-size: 12px;
}
.social-client-description .chat-header {
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.social-tabs a {
    font-size: 18px;
}
.timeline-btn a {
    margin-bottom: 20px;
}
.profile-hvr i {
    cursor: pointer;
}
.fc-left {
    margin-bottom: 10px;
}
#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}
#external-events .fc-event {
    background: #fff;
    color: #000;
    cursor: move;
    padding: 5px 18px;
    margin-bottom: 5px;
}
#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}
#external-events p input {
    margin: 0;
    vertical-align: middle;
}
.fc th,
.fc td {
    line-height: 2.5;
}
.fc-state-default {
    background-color: #fff;
    color: #272727;
}
tr:first-child > td > .fc-day-grid-event {
    color: #000;
    padding-left: 10px;
    background: #f3f3f3;
}
.fc-nonbusiness {
    background-color: #fff;
}
.fc-state-active {
    background-color: #01a9ac;
    color: #fff;
}
.fc-toolbar {
    margin-bottom: 8px;
}
.fc-toolbar .fc-center {
    display: block;
}
.fc-center h2 {
    font-weight: 300;
    font-size: 25px;
    margin-top: 10px;
}
.fc button {
    height: auto;
    padding: 10px;
}
.fc-toolbar .fc-left {
    float: right;
}
.fc-button-group {
    margin-right: 10px;
}
.fc .fc-toolbar > * > * {
    margin-left: 0;
}
.fc-event,
.fc-event-dot {
    background-color: transparent;
}
.fc-day-grid-event:hover {
    color: #000 !important;
    opacity: 0.8;
}
.fc-time-grid-event .fc-content {
    color: #fff;
}
.fc-bgevent {
    background: #d8d6d6 !important;
}
.fc-state-default {
    background-image: none !important;
    border-color: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.fc-state-down,
.fc-state-active {
    background-color: none !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.fc th {
    background: #01a9ac;
    color: #fff;
    border-color: #01a9ac;
}
.fc-event-container a {
    padding: 5px;
}
.fc-event {
    line-height: 1.3;
    border-radius: 2px;
}
tr:first-child > td > .fc-day-grid-event {
    margin-left: 0;
}
.clndr {
    width: 100%;
}
.clndr {
    background-color: #f3f3f3;
    -webkit-box-shadow: 0 4 px 0 #272727;
    box-shadow: 0 4 px 0 #272727;
}
.clndr .clndr-controls {
    padding: 14px;
    background-color: #303549;
    color: #fff;
    text-align: center;
}
.clndr.clndr-controls.clndr-previous-button {
    float: left;
    text-align: left;
}
.clndr.clndr-controls.clndr-next-button {
    float: right;
    text-align: right;
}
.clndr.clndr-controls.clndr-next-button,
.clndr.clndr-controls.clndr-previous-button {
    width: 30px;
    cursor: pointer;
}
.clndr.clndr-controls.clndr-next-button:hover,
.clndr.clndr-controls.clndr-previous-button:hover {
    opacity: 0.5;
}
.clndr.clndr-grid {
    float: left;
    width: 65%;
    background-color: #fff;
}
.clndr.clndr-grid.days-of-the-week {
    width: 100%;
    background-color: #f6bb42;
}
.clndr.clndr-grid.days-of-the-week.header-day {
    float: left;
    width: 14.2857%;
    padding: 14px;
    text-align: center;
    color: #fff;
}
.clndr.clndr-grid.days {
    width: 100%;
}
.clndr.clndr-grid.days.day,
.clndr.clndr-grid.days.empty {
    float: left;
    width: 14.2857%;
    padding: 12px 0;
    text-align: center;
    color: #4f4f4f;
}
.clndr .clndr-grid .days .day.event .day-number,
.clndr .clndr-grid .days .empty.event .day-number {
    border: none;
    color: #fe5d70;
    border-radius: 50%;
    padding: 6px 9px;
}
.clndr.clndr-grid.days.day.adjacent-month.day-number,
.clndr.clndr-grid.days.day.inactive.day-number,
.clndr.clndr-grid.days.empty.adjacent-month.day-number {
    opacity: 0.3;
    cursor: pointer;
}
.clndr.clndr-grid.days.day.selected {
    background-color: #fe5d70;
    color: #fff;
}
.clndr.clndr-grid.days.today {
    color: #fff;
    background-image: none;
}
.clndr.event-listing {
    background-color: #01a9ac;
    float: left;
    width: 35%;
}
.clndr.event-listing.event-listing-title {
    padding: 15.5px;
    font-size: 0.88rem;
    background-color: #fe9365;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
}
.clndr.event-listing.event-item {
    padding: 6px 14px;
    color: #4f4f4f;
}
.clndr .event-listing .event-item-location {
    font-weight: 400;
}
.fc-event {
    border-color: #01a9ac;
}
.job-right-header .card-header .card-header-right {
    top: 7px;
    right: 15px;
}
.job-right-header .radio-inline {
    display: block;
}
.job-right-header .checkbox-fade {
    display: block;
}
.job-right-header .checkbox-fade label {
    position: absolute;
    z-index: 99;
}
.job-right-header .checkbox-fade div {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
}
.job-right-header a {
    color: #01a9ac;
    font-weight: 600;
}
.job-details-list {
    padding-left: inherit;
    list-style-type: square;
    margin-bottom: 40px;
}
.job-details-list li {
    margin-bottom: 10px;
}
.company-name p {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px;
}
.job-cards .media {
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.job-cards:last-child .media {
    border-bottom: none;
    padding-bottom: 0;
}
.job-cards img {
    width: 60px;
}
.job-cards .media-right {
    position: absolute;
    top: 20px;
    right: 0;
}
@media only screen and (max-width: 575px) {
    .job-cards .media-left {
        padding-right: 0;
    }
}
.job-badge {
    position: absolute;
    top: 35px;
    right: -15px;
}
.job-badge:after {
    content: "";
    border: 7px solid transparent;
    border-top-color: #015e60;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -7px;
    right: 8px;
    z-index: 1;
}
.job-badge .label {
    width: 80px;
    text-align: center;
    padding: 7px;
    border-radius: 0;
    z-index: 10;
}
@media only screen and (max-width: 768px) {
    .job-badge {
        display: none;
    }
}
.job-lable {
    margin-bottom: 20px;
}
.job-lable .label {
    margin: 5px 10px 5px 0;
    position: relative;
    z-index: 9;
    display: inline-block;
    padding: 5px 10px 5px 12px;
}
.job-card-desc {
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
}
.job-meta-data {
    text-transform: capitalize;
    font-size: 12px;
    margin-bottom: 10px;
}
.job-meta-data i {
    margin-right: 5px;
    color: #01a9ac;
}
.email-card {
    padding: 0 15px;
}
.email-card .user-head {
    background-color: #01a9ac;
    padding: 10px;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.email-card .user-head .user-name {
    margin-left: 10px;
    margin-bottom: 10px;
}
.email-card .user-head .user-name span {
    display: block;
    color: #fff;
}
.email-card label {
    margin-bottom: 0;
}
.email-card .user-body {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
}
.email-card .user-body .page-list {
    border-bottom: 0px solid transparent;
}
.email-card .user-body .page-list li {
    text-transform: capitalize;
    border-bottom: 1px solid #e9ecef;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    cursor: pointer;
}
.email-card .user-body .page-list li.mail-section {
    display: block;
    margin-bottom: 0;
}
.email-card .user-body .page-list li.mail-section a {
    padding: 15px 20px;
    border-radius: 0px !important;
    color: #404e67;
    border: 0px solid transparent;
}
.email-card .user-body .page-list li.mail-section a.active,
.email-card .user-body .page-list li.mail-section a:hover {
    color: #ffffff;
    background-color: #c60199;
    font-weight: 600;
}
.email-card .user-body .page-list li i {
    margin-right: 10px;
}
.email-card .user-body .page-list li:last-child {
    border-bottom: 0px solid transparent;
}
.email-card .user-body .label-list a {
    padding: 10px 20px;
    display: block;
    color: #6a6a6a;
    position: relative;
    padding-left: 25px;
}
.email-card .user-body .label-list a:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    left: 0;
    top: 16px;
}
.email-card .user-body .label-list a.mail-work:before {
    background-color: #01a9ac;
}
.email-card .user-body .label-list a.mail-design:before {
    background-color: #2dcee3;
}
.email-card .user-body .label-list a.mail-family:before {
    background-color: #0ac282;
}
.email-card .user-body .label-list a.mail-friends:before {
    background-color: #fe9365;
}
.email-card .user-body .label-list a.mail-office:before {
    background-color: #fe5d70;
}
.email-card .mail-box-head {
    background-color: #01a9ac;
    min-height: 80px;
    padding: 20px 0;
}
.email-card .mail-box-head h3 {
    color: #fff;
}
.email-card .mail-box-head .input-group {
    margin-bottom: 0;
}
.email-card .mail-body {
    padding: 20px 0;
}
.email-card .mail-body .mail-body-header {
    margin-bottom: 20px;
}
.email-card .mail-body .mail-body-header .btn,
.email-card .mail-body .mail-body-header .btn-group {
    margin: 2px;
}
.email-card .mail-body-content .check-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.email-card .mail-body-content .check-star .icofont-star {
    margin-top: -8px;
}
.email-card .mail-body-content tr {
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.email-card .mail-body-content tr:hover {
    background-color: #48fbfe;
    cursor: pointer;
}
.email-card .mail-body-content .unread a {
    color: #222;
    font-weight: 600;
}
.email-card .mail-body-content .read a {
    color: #222;
    font-weight: 400;
}
.email-summernote ~ .note-frame {
    border: 1px solid #ddd;
    border-radius: 2px;
}
.email-read .photo-table {
    padding-right: 10px;
}
.email-read .user-name {
    margin-bottom: 10px;
}
.mail-body-content.email-read .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}
.user-name {
    margin-bottom: 20px;
}
.email-card .user-mail h6 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #292b2c;
}
.email-content {
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.mail-img {
    margin-top: 20px;
}
.email-welcome-txt {
    font-weight: 600;
}
.set-map {
    height: 400px;
    width: 100% !important;
}
#mapGeo {
    height: 345px;
}
#address-search .input-group {
    margin-bottom: 0;
}
.pcoded .navbar-page .pcoded-header {
    position: relative !important;
}
.light-nav-border,
.primary-nav,
.warning-nav,
.success-nav,
.info-nav,
.danger-nav {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
}
.light-nav-border a,
.primary-nav a,
.warning-nav a,
.success-nav a,
.info-nav a,
.danger-nav a {
    color: #222;
}
.light-nav-border li.active a,
.primary-nav li.active a,
.warning-nav li.active a,
.success-nav li.active a,
.info-nav li.active a,
.danger-nav li.active a {
    color: #01a9ac;
    font-weight: 600;
}
.light-nav-border .nav-item,
.primary-nav .nav-item,
.warning-nav .nav-item,
.success-nav .nav-item,
.info-nav .nav-item,
.danger-nav .nav-item {
    margin-left: 15px;
}
.light-nav-border .nav-item:hover .navbar-varient-submenu,
.primary-nav .nav-item:hover .navbar-varient-submenu,
.warning-nav .nav-item:hover .navbar-varient-submenu,
.success-nav .nav-item:hover .navbar-varient-submenu,
.info-nav .nav-item:hover .navbar-varient-submenu,
.danger-nav .nav-item:hover .navbar-varient-submenu {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 1;
    visibility: visible;
}
.light-nav-border .navbar-varient-submenu,
.primary-nav .navbar-varient-submenu,
.warning-nav .navbar-varient-submenu,
.success-nav .navbar-varient-submenu,
.info-nav .navbar-varient-submenu,
.danger-nav .navbar-varient-submenu {
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03);
    border: 1px solid #ddd;
    position: absolute;
    width: 16em;
    background-color: #fff;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}
.light-nav-border .navbar-varient-submenu a,
.primary-nav .navbar-varient-submenu a,
.warning-nav .navbar-varient-submenu a,
.success-nav .navbar-varient-submenu a,
.info-nav .navbar-varient-submenu a,
.danger-nav .navbar-varient-submenu a {
    padding: 10px;
    display: block;
    -webkit-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}
.light-nav-border .navbar-varient-submenu a:hover,
.primary-nav .navbar-varient-submenu a:hover,
.warning-nav .navbar-varient-submenu a:hover,
.success-nav .navbar-varient-submenu a:hover,
.info-nav .navbar-varient-submenu a:hover,
.danger-nav .navbar-varient-submenu a:hover {
    background-color: #f1f1f1;
}
.light-nav-border .profile-sub-menu,
.primary-nav .profile-sub-menu,
.warning-nav .profile-sub-menu,
.success-nav .profile-sub-menu,
.info-nav .profile-sub-menu,
.danger-nav .profile-sub-menu {
    right: 10px;
}
.light-nav-border .profile-sub-menu i,
.primary-nav .profile-sub-menu i,
.warning-nav .profile-sub-menu i,
.success-nav .profile-sub-menu i,
.info-nav .profile-sub-menu i,
.danger-nav .profile-sub-menu i {
    margin-right: 10px;
}
.primary-nav {
    background-color: #15fafe;
}
.primary-nav a {
    color: #666;
}
.primary-nav li.active a {
    color: #666;
    font-weight: 600;
}
.primary-nav .navbar-varient-submenu a {
    color: #222;
}
.warning-nav {
    background-color: #ffdaca;
}
.warning-nav a {
    color: #666;
}
.warning-nav li.active a {
    color: #666;
    font-weight: 600;
}
.warning-nav .navbar-varient-submenu a {
    color: #222;
}
.success-nav {
    background-color: #3df5b5;
}
.success-nav a {
    color: #666;
}
.success-nav li.active a {
    color: #666;
    font-weight: 600;
}
.success-nav .navbar-varient-submenu a {
    color: #222;
}
.info-nav {
    background-color: #87e3ef;
}
.info-nav a {
    color: #666;
}
.info-nav li.active a {
    color: #666;
    font-weight: 600;
}
.info-nav .navbar-varient-submenu a {
    color: #222;
}
.danger-nav {
    background-color: #ffdce0;
}
.danger-nav a {
    color: #666;
}
.danger-nav li.active a {
    color: #666;
    font-weight: 600;
}
.danger-nav .navbar-varient-submenu a {
    color: #222;
}
.bg-dark {
    background-color: #2c3e50;
    color: #fff;
}
.navbar-dark .navbar-brand,
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.9);
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .navbar-light .navbar-nav .open > .nav-link {
    color: rgba(255, 255, 255, 0.9);
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.3);
}
.navbar-dark button.btn {
    color: #fff;
    border-color: #fff;
}
.dark-nav-border,
.primary-nav-dark,
.warning-nav-dark,
.success-nav-dark,
.info-nav-dark,
.danger-nav-dark {
    border: 1px solid #2c3e50;
    padding: 15px;
}
.primary-nav,
.warning-nav,
.success-nav,
.info-nav,
.danger-nav {
    border: none;
    padding: 15px;
}
.dark-nav-border a,
.primary-nav-dark a,
.warning-nav-dark a,
.success-nav-dark a,
.info-nav-dark a,
.danger-nav-dark a,
.primary-nav a,
.warning-nav a,
.success-nav a,
.info-nav a,
.danger-nav a {
    color: rgba(0, 0, 0, 0.9);
}
.dark-nav-border .navbar-varient-submenu,
.primary-nav-dark .navbar-varient-submenu,
.warning-nav-dark .navbar-varient-submenu,
.success-nav-dark .navbar-varient-submenu,
.info-nav-dark .navbar-varient-submenu,
.danger-nav-dark .navbar-varient-submenu,
.primary-nav .navbar-varient-submenu,
.warning-nav .navbar-varient-submenu,
.success-nav .navbar-varient-submenu,
.info-nav .navbar-varient-submenu,
.danger-nav .navbar-varient-submenu {
    -webkit-box-shadow: -2 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03);
    box-shadow: -2 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03);
    border: 1px solid #ddd;
    position: absolute;
    width: 16em;
    background-color: #fff;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}
.dark-nav-border .nav-item:hover .navbar-varient-submenu,
.primary-nav-dark .nav-item:hover .navbar-varient-submenu,
.warning-nav-dark .nav-item:hover .navbar-varient-submenu,
.success-nav-dark .nav-item:hover .navbar-varient-submenu,
.info-nav-dark .nav-item:hover .navbar-varient-submenu,
.danger-nav-dark .nav-item:hover .navbar-varient-submenu,
.primary-nav .nav-item:hover .navbar-varient-submenu,
.warning-nav .nav-item:hover .navbar-varient-submenu,
.success-nav .nav-item:hover .navbar-varient-submenu,
.info-nav .nav-item:hover .navbar-varient-submenu,
.danger-nav .nav-item:hover .navbar-varient-submenu,
.dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
.primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu,
.warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu,
.success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu,
.info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu,
.danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu,
.dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
.primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
.warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
.success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
.info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
.danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
.main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 1;
    visibility: visible;
}
.dark-nav-border .navbar-varient-submenu a:hover,
.primary-nav-dark .navbar-varient-submenu a:hover,
.warning-nav-dark .navbar-varient-submenu a:hover,
.success-nav-dark .navbar-varient-submenu a:hover,
.info-nav-dark .navbar-varient-submenu a:hover,
.danger-nav-dark .navbar-varient-submenu a:hover,
.primary-nav .navbar-varient-submenu a:hover,
.warning-nav .navbar-varient-submenu a:hover,
.success-nav .navbar-varient-submenu a:hover,
.info-nav .navbar-varient-submenu a:hover,
.danger-nav .navbar-varient-submenu a:hover {
    background-color: #f1f1f1;
}
.dark-nav-border .navbar-varient-submenu a,
.primary-nav-dark .navbar-varient-submenu a,
.warning-nav-dark .navbar-varient-submenu a,
.success-nav-dark .navbar-varient-submenu a,
.info-nav-dark .navbar-varient-submenu a,
.danger-nav-dark .navbar-varient-submenu a,
.primary-nav .navbar-varient-submenu a,
.warning-nav .navbar-varient-submenu a,
.success-nav .navbar-varient-submenu a,
.info-nav .navbar-varient-submenu a,
.danger-nav .navbar-varient-submenu a {
    padding: 10px;
    display: block;
    -webkit-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}
.dark-nav-border li.active a,
.primary-nav-dark li.active a,
.warning-nav-dark li.active a,
.success-nav-dark li.active a,
.info-nav-dark li.active a,
.danger-nav-dark li.active a,
.primary-nav li.active a,
.warning-nav li.active a,
.success-nav li.active a,
.info-nav li.active a,
.danger-nav li.active a {
    color: #666;
    font-weight: 600;
}
.dark-nav-border .profile-sub-menu,
.primary-nav-dark .profile-sub-menu,
.warning-nav-dark .profile-sub-menu,
.success-nav-dark .profile-sub-menu,
.info-nav-dark .profile-sub-menu,
.danger-nav-dark .profile-sub-menu,
.primary-nav .profile-sub-menu,
.warning-nav .profile-sub-menu,
.success-nav .profile-sub-menu,
.info-nav .profile-sub-menu,
.danger-nav .profile-sub-menu {
    right: 10px;
}
.primary-nav-dark {
    background-color: #017779;
    border: none;
}
.primary-nav-dark a {
    color: #fff;
}
.primary-nav-dark li.active a {
    color: #fff;
    font-weight: 600;
}
.primary-nav-dark .navbar-varient-submenu a {
    color: #fff;
}
.primary-nav-dark .nav-link.disabled {
    color: rgba(255, 255, 255, 0.5);
}
.primary-nav-dark .navbar-varient-submenu {
    background-color: #017779;
    border-color: #015e60;
}
.primary-nav-dark .navbar-varient-submenu a:hover {
    background-color: #015e60;
}
.warning-nav-dark {
    background-color: #fe6f32;
    border: none;
}
.warning-nav-dark a {
    color: #fff;
}
.warning-nav-dark li.active a {
    color: #fff;
    font-weight: 600;
}
.warning-nav-dark .navbar-varient-submenu a {
    color: #fff;
}
.warning-nav-dark .nav-link.disabled {
    color: rgba(255, 255, 255, 0.5);
}
.warning-nav-dark .navbar-varient-submenu {
    background-color: #fe6f32;
    border-color: #fe5e19;
}
.warning-nav-dark .navbar-varient-submenu a:hover {
    background-color: #fe5e19;
}
.success-nav-dark {
    background-color: #089262;
    border: none;
}
.success-nav-dark a {
    color: #fff;
}
.success-nav-dark li.active a {
    color: #fff;
    font-weight: 600;
}
.success-nav-dark .navbar-varient-submenu a {
    color: #fff;
}
.success-nav-dark .nav-link.disabled {
    color: rgba(255, 255, 255, 0.5);
}
.success-nav-dark .navbar-varient-submenu {
    background-color: #089262;
    border-color: #067951;
}
.success-nav-dark .navbar-varient-submenu a:hover {
    background-color: #067951;
}
.info-nav-dark {
    background-color: #1ab0c3;
    border: none;
}
.info-nav-dark a {
    color: #fff;
}
.info-nav-dark li.active a {
    color: #fff;
    font-weight: 600;
}
.info-nav-dark .navbar-varient-submenu a {
    color: #fff;
}
.info-nav-dark .nav-link.disabled {
    color: rgba(255, 255, 255, 0.5);
}
.info-nav-dark .navbar-varient-submenu {
    background-color: #1ab0c3;
    border-color: #179bad;
}
.info-nav-dark .navbar-varient-submenu a:hover {
    background-color: #179bad;
}
.danger-nav-dark {
    background-color: #fe2a43;
    border: none;
}
.danger-nav-dark a {
    color: #fff;
}
.danger-nav-dark li.active a {
    color: #fff;
    font-weight: 600;
}
.danger-nav-dark .navbar-varient-submenu a {
    color: #fff;
}
.danger-nav-dark .nav-link.disabled {
    color: rgba(255, 255, 255, 0.5);
}
.danger-nav-dark .navbar-varient-submenu {
    background-color: #fe2a43;
    border-color: #fe112d;
}
.danger-nav-dark .navbar-varient-submenu a:hover {
    background-color: #fe112d;
}
.nav-item label.badge-top-left {
    right: 4.4%;
    bottom: 38px;
}
.nav-item .radio-inline {
    margin-top: 7px;
}
.primary-nav-dark button,
.warning-nav-dark button,
.success-nav-dark button,
.info-nav-dark button,
.danger-nav-dark button {
    border-color: #fff;
}
.primary-nav-dark i,
.warning-nav-dark i,
.success-nav-dark i,
.info-nav-dark i,
.danger-nav-dark i {
    color: #fff;
}
.primary-nav button,
.warning-nav button,
.success-nav button,
.info-nav button,
.danger-nav button {
    border-color: rgba(0, 0, 0, 0.6) !important;
}
.primary-nav i,
.warning-nav i,
.success-nav i,
.info-nav i,
.danger-nav i {
    color: rgba(0, 0, 0, 0.6) !important;
}
.light-nav-border button,
.primary-nav button,
.warning-nav button,
.success-nav button,
.info-nav button,
.danger-nav button {
    border-color: rgba(0, 0, 0, 0.1);
}
.light-nav-border i,
.primary-nav i,
.warning-nav i,
.success-nav i,
.info-nav i,
.danger-nav i {
    color: rgba(0, 0, 0, 0.4);
}
.note-card {
    padding-top: 0;
    padding-bottom: 0;
}
.note-card .note-box-aside {
    border-right: 1px solid #ddd;
}
.note-card .note-box-aside .row {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.note-card .Note-header {
    padding: 20px 0;
}
.note-card .note-write {
    position: relative;
    background: -webkit-linear-gradient(top, #01f4f8 0%, #48fbfe 5%) 0 0;
    background-size: 100% 35px;
}
.note-card .note-write:before {
    content: "";
    position: absolute;
    width: 0px;
    top: 0;
    left: 32px;
    bottom: 0;
    border-left: 1px solid #01a9ac;
}
.note-card .note-write:after {
    content: "";
    position: absolute;
    width: 0px;
    top: 0;
    left: 34px;
    bottom: 0;
    border-left: 1px solid #01a9ac;
}
.note-card #Note-pad {
    border: none;
    resize: none;
    background: transparent;
    padding: 0px 20px 0 50px;
    line-height: 35px;
}
.note-card .Note-created__on {
    display: block;
}
.summernote-page .modal-footer {
    margin: 0 auto;
}
pre[class*="language-"] {
    background-color: #fff;
    border: 1px solid #ddd;
}
pre[class*="language-"] code {
    background-color: #fff !important;
}
pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}
pre.line-numbers > code {
    position: relative;
}
.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}
.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
}
.progress-xl {
    height: 30px;
}
.progress-lg {
    height: 24px;
}
.progres-md {
    height: 18px;
}
.progress-sm {
    height: 12px;
}
.progress-xs {
    height: 6px;
}
.progress-bar-page .progress {
    margin-bottom: 2rem;
}
.progress-bar-default {
    background-color: #e0e0e0;
}
.progress-bar-primary {
    background-color: #01a9ac;
}
.progress-bar-success {
    background-color: #0ac282;
}
.progress-bar-info {
    background-color: #2dcee3;
}
.progress-bar-warning {
    background-color: #fe9365;
}
.progress-bar-danger {
    background-color: #fe5d70;
}
.progress-bar-pink {
    background-color: #ff7aa3;
}
.progress-bar-purple {
    background-color: #9261c6;
}
.progress-bar-orange {
    background-color: #e67e22;
}
.progress-bar-yellow {
    background-color: #f1c40f;
}
.progress-bar-emrald {
    background-color: #2ecc71;
}
.loader {
    margin: 18px auto;
    top: 65px;
    left: 65px;
    right: 0;
    width: 100px;
    height: 100px;
    position: relative;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.loader.animation-start .circle {
    -webkit-animation: rotating 2s ease-in-out infinite;
    animation: rotating 2s ease-in-out infinite;
}
.loader.animation-stop .circle {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.loader .circle {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 0;
    animation-iteration-count: 0;
}
.loader .circle:after {
    content: "";
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #1abc9c;
}
.loader .circle.delay-1 {
    -webkit-animation-delay: 0.125s;
    animation-delay: 0.125s;
}
.loader .circle.size-1:after {
    width: 11px;
    height: 11px;
}
.loader .circle.delay-2 {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.loader .circle.size-2:after {
    width: 12px;
    height: 12px;
}
.loader .circle.delay-3 {
    -webkit-animation-delay: 0.375s;
    animation-delay: 0.375s;
}
.loader .circle.size-3:after {
    width: 13px;
    height: 13px;
}
.loader .circle.delay-4 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.loader .circle.size-4:after {
    width: 14px;
    height: 14px;
}
.loader .circle.delay-5 {
    -webkit-animation-delay: 0.625s;
    animation-delay: 0.625s;
}
.loader .circle.size-5:after {
    width: 15px;
    height: 15px;
}
.loader .circle.delay-6 {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.loader .circle.size-6:after {
    width: 16px;
    height: 16px;
}
.loader .circle.delay-7 {
    -webkit-animation-delay: 0.875s;
    animation-delay: 0.875s;
}
.loader .circle.size-7:after {
    width: 17px;
    height: 17px;
}
.loader .circle.delay-8 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.loader .circle.size-8:after {
    width: 18px;
    height: 18px;
}
.loader .circle.delay-9 {
    -webkit-animation-delay: 1.125s;
    animation-delay: 1.125s;
}
.loader .circle.size-9:after {
    width: 19px;
    height: 19px;
}
.loader .circle.delay-10 {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
}
.loader .circle.size-10:after {
    width: 20px;
    height: 20px;
}
.loader .circle.delay-11 {
    -webkit-animation-delay: 1.375s;
    animation-delay: 1.375s;
}
.loader .circle.size-11:after {
    width: 21px;
    height: 21px;
}
.loader .circle.delay-12 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.loader .circle.size-12:after {
    width: 22px;
    height: 22px;
}
@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#loader2 {
    width: 80px;
    height: 130px;
    display: block;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}
#circle-loader2 {
    fill: none;
    stroke: #01a9ac;
    stroke-width: 4;
    -webkit-animation: draw 3s ease-in-out infinite;
    animation: draw 3s ease-in-out infinite;
}