.site-header .site-logo {
    color: #343434;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 0;
    margin-top: 2px;
	position: relative;
}
.site-header .site-logo img {
    height: auto;
    position: absolute;
    width: 210px;
}
.nav.nav-pills li {
	cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
	background: #fff none repeat scroll 0 0;
    border: 1px solid #00a8ff;
    border-radius: 3px;
    color: #00a8ff;
    font-weight: 600;
	margin-bottom: 8px;
    margin-right: 8px;
}
.nav.nav-pills li:hover, .nav.nav-pills li.active {
	background: #00a8ff none repeat scroll 0 0;
}
.nav.nav-pills a {
	display: block;
	font-size: 13px;
	padding: 6px 12px;
	transition: none;
}
.nav.nav-pills a:hover, .nav.nav-pills li.active a {
	color: #fff !important;
}
.right {
	float: right !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-both {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}
.no-padding-both {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}
.height100 {
	height: 100% !important;
}
.p-l-5 {
	padding-left: 5px !important;
}
.p-r-5 {
	padding-right: 5px !important;
}
.icon-right-new, .icon-left-new {
	display: block;
	font-size: 20px;
	margin: 0px 0 15px;
}
.site-header .site-header-content .site-header-content-in {
    margin-left: 240px;
}
.navbar {
	padding: 0;
}
.bootstrap-table .table a, .fixed-table-body .table a, .table a {
    border-bottom: none;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    margin-bottom: 20px;
}
.jspTrack {
    z-index: 2;
}
.side-menu-list .active {
	background-color: #f6f8fa;
}
.drop2 .active {
	background-color: #E2E6EA;
}
.drop2 {
    border-color: #d8e2e7;
    font-size: 0.8125rem;
    margin-top: 0;
}
.drop2 {
    background-color: #f6f8fa;
    border: medium none;
    border-radius: 0;
    color: #373a3c;
    display: block;
	float: none;
    left: 0;
    list-style: outside none none;
    margin: 0 0 3px;
    min-width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
    z-index: 1;
}
.open .drop2 a{
	color: #818181;
    font-weight: 600;
    border-left: 4px solid transparent;
    cursor: pointer;
    display: block;
    padding: 11px 10px 11px 18px;
    position: relative;
}
.side-menu-list a{
	color: #818181;
    font-size: 1rem;
    font-weight: 600;
    border-left: 4px solid transparent;
    cursor: pointer;
    display: block;
    position: relative;
}
.side-menu-list > li.active a {
    border-left: 3px solid #00a8ff;
}
.side-menu-list .dropdown-toggle::after {
    border-color: #adb7be transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    content: "";
    display: block;
    height: 0;
    margin-top: -2px;
    position: relative;
    right: -180px;
    top: -8px;
    transform: rotate(-90deg);
    transition: all 0.2s ease-in-out 0s;
    width: 0;
}
.side-menu-list .open .dropdown-toggle::after {
    transform: rotate(0deg) !important;
	transition: all 0.2s ease-in-out 0s;
}
.form-vertical label, .form-vertical input[type=text] {
	display: block;
	vertical-align: middle;
}
.side-menu-list a, .side-menu-list > li > span {
    padding: 11px 10px 11px 24px;
}
.form-actions {
	display: block;
	margin-top: 20px;
}
input[type=text], textarea, select {
    display: block;
    background-image: none;
    border-radius: 0.25rem;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    box-shadow: none;
    font-size: 1rem;
	margin-bottom: 0px;
}
.table input[type=text], .table select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    line-height: 1.5;
    padding: 7px;
    width: 100%;
}
.table input[type=text], .table select {
    border: 1px solid rgba(197, 214, 222, 0.7);
    box-shadow: none;
    color: #343434 !important;
    font-size: 1rem;
}
.grid-view .filters .filter-container {
    padding: 0;
}
.chart-statistic-box .chart-txt .tbl-data td {
    color: #fff;
}
.box-typical.box-typical-dashboard {
    height: auto;
	max-height: 450px;
    margin: 0 0 30px;
    overflow: hidden;
}
.blue .fa, .blue .font-icon, .blue .glyphicon {
    color: #00a8ff;
}
.side-menu-list li {
	position: relative;
}
.side-menu-list .fa, .side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .tag-color {
    font-size: 14px;
    left: -8px;
    line-height: 16px;
    position: relative;
    top: 0px;
}
.active .dropdown-menu {
	display:block;
}
.side-menu-list .active .dropdown-toggle::after {
    transform: rotate(0deg) !important;
}
.site-header .help-dropdown {
    float: right !important;
	height: 36px;
    margin: 0px 10px 0 0px !important;
}
.site-header .head-serch.active::after {
    display: none;
}
.search-dropdown-popup {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8e2e7;
    border-radius: 0.25rem;
    display: none;
    margin-top: 20px;
	padding: 10px !important;
    top: 100%;
	right: -352px;
    width: 600px !important;
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.5s; /* Firefox < 16 */
	-ms-animation: fadein 0.5s; /* Internet Explorer */
	-o-animation: fadein 0.5s; /* Opera < 12.1 */
	animation: fadein 0.5s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    line-height: 1.5;
    padding: 7px;
    width: 100%;
}
.table thead th {
    vertical-align: middle;
}
.box-typical.box-typical-dashboard .box-typical-body {
    min-height: 400px;
}
.card-block label {
    vertical-align: middle;
    width: 25%;
    float: left;
}
.textbox-new {
	float: left;
	margin-left: 5%;
	margin-bottom: 0 !important;
	width: 70%;
}
.form-block-new {
	padding: 20px 40px;
}
.textbox-new2 {
	float: left;
	margin-left: 5%;
	margin-bottom: 0 !important;
	width: 65%;
}
.grid-view {
    float: none;
    width: 100%;
}
.button-column .glyphicon {
	margin-right: 2px;
    margin-left: 2px;
}
.form-inline select.error, .form-inline input.error, .form-inline textarea.error, .form-horizontal select.error, .form-horizontal input.error, .form-horizontal textarea.error, .form-vertical select.error, .form-vertical input.error, .form-vertical textarea.error {
    border: 1px solid #b94a48;
    color: #ccc;
    height: auto;
    margin: 0 0 0 5%;
    padding: 0.375rem 0.75rem;
}
.form-inline .help-block.error, .form-inline .help-inline.error, .form-horizontal .help-block.error, .form-horizontal .help-inline.error, .form-vertical .help-block.error, .form-vertical .help-inline.error {
    color: #b94a48;
    position: relative;
    margin-left: 30%;
}
.grid-view .button-column {
    text-align: center;
    width: 80px !important;
}
#client-grid .button-column {
	width: auto;
}
.block-100 label {
	width: 100%;
}
.alert-error {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.alert-block {
    margin-bottom: 1rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.check-new-style {
	display: inline-block;
    margin-bottom: 10px;
    width: 25%;
}
.control-panel .page-content {
    padding-right: 14px;
}
.row2 {
    margin-left: -0.9375rem;
    margin-right: 0;
}
.row3 {
    margin-left: 0;
    margin-right: -0.9375rem;
}
.grid-view .summary {
    float: right;
    margin-bottom: 5px;
    text-align: right;
}
.form-group2 {
    margin-bottom: 6px;
}
.label-gray-small {
    float: none !important;
    width: auto !important;
}
.highcharts-container {
	margin: 0 auto;
}
.th-label {
	background-color: #ECEFF1;
	vertical-align: middle;
	width: 180px;
	border-left: 1px solid #d8e2e7;
}
.textarea-big {
	min-height: 400px;
	margin-bottom: 20px;
}
.checkbox-stack {
	display: inline-block;
    float: none;
    margin-right: 5px;
}
.checkbox-stack-label {
	display: inline-block !important;
    float: none !important;
    vertical-align: text-top !important;
    width: 90% !important;
}
.checkbox input, .checkbox-bird input, .checkbox-detailed input, .checkbox-slide input, .checkbox-toggle input, .radio input {
	margin-left: auto !important;
    position: relative !important;
    visibility: visible !important;
}
.card-block .checkbox {
    margin-bottom: 0 !important;
    margin-left: 5%;
    width: 70%;
}
.breadcrumbs .divider {
	display: none;
}
.table thead tr th label {
    font-weight: bold;
    width: 100%;
}
#div_list div.created_on,#div_list div.last_updated{ display:inline-block; margin-top: 20px;} 
#div_list div.created_on b, #div_list div.created_on strong{ color:#5bb75b;}
#div_list div.last_updated b, #div_list div.last_updated strong{ color:#e71c22;}
.container {
    max-width: 100% !important;
}
.lab-hid label {
	display: none;
}
.cancel-row {
	background-color: #feecec !important;
    color: #fa424a !important;
}
.finish-row {
	background-color: #edf9ee !important;
    color: #21a788 !important;
}
.google-visualization-table, .google-visualization-table-table {
	width: 100% !important;
}
.bootstrap-table .table td, .fixed-table-body .table td, .table td {
    height: auto;
}
.bootstrap-table .table td, .bootstrap-table .table th, .fixed-table-body .table td, .fixed-table-body .table th, .table td, .table th {
    padding: 11px 6px 10px;
}
.ke-container {
    margin-left: 30%;
}
.proj-page h2 {
	margin-bottom: 0;
}
.right-list {
	padding: 0px;
}
.right-list li {
	margin-bottom: 10px;
	overflow: hidden;
}
.right-list .col-md-2, .right-list .col-md-10 {
	margin-bottom: 10px;
}
.logo-academy {
	margin-top: 8px;
}
.proj-page-txt {
	line-height: 1.6;
}
.right-file-icon {
	font-size: 30px !important;
    margin-top: 5px;
}
.cat-box {
    width: 100%;
    border: 1px solid #c5d6de;
	border-radius: 0.25rem;
	margin-bottom: 30px;
}
.cat-box-header {
	background: #f0f0f0;
    display: block;
    border-bottom: 1px solid #c5d6de;
	text-align: center;
}
.cat-box-header h3 {
	margin-bottom: 0;
}
.cat-box-header span {
    color: #777;
	font-size: 15px;
    font-weight: normal;
}
.cat-box-body {
    display: block;
    padding: 15px 10px;
}
.cat-list li {
	margin-left: 20px;
	margin-bottom: 20px;
}
.cat-box2 {
    text-align: left;
    display: inline-block;
    width: 100%;
    border: 1px solid #00a8ff;
    padding: 1.5em 1em;
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: background .15s;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    transition: background .15s;
    vertical-align: top;
}
.cat-box2:hover {
    text-decoration: none;
    background: #f8f8f8;
}
.cat-box2 span {
    color: #555;
}
.cloud {
    list-style-type: none;
    width: 100%;
	text-align: center
}
.cloud span {
	margin: 5px;
}

.cloud span:nth-of-type(2n + 0) {
    font-size: 1em;
}
.cloud span:nth-of-type(3n + 0) {
    font-size: 1.3em;
}
.cloud span:nth-of-type(4n + 0) {
    font-size: 1.5em;
}
.cloud span:nth-of-type(5n - 0) {
    font-size: 1.7em;
}
.cloud span:nth-of-type(6n - 0) {
    font-size: 2em;
}
.cloud span:nth-of-type(2n + 0) a {
	color: #f29824;
}
.cloud span:nth-of-type(3n + 0) a {
	color: #ac6bec;
}
.cloud span:nth-of-type(4n - 0) a {
	color: #919fa9;
}
.cloud span:nth-of-type(5n - 0) a {
	color: #fa424a;
}
.site-header .header-apps {
    color: #adb7be;
    display: block;
    font-size: 31px;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: auto;
    margin: -3px 20px 0;
}
.border-none {
	border: none;
}
.app-item {
	text-align: center;
	width: 100%;
}
.app-item-wrapp {
	border-radius: 0.25rem;
	padding: 10px 0;
}
.app-item-wrapp:hover {
	background: #efefef;
}
.app-item img {
	display: block;
    width: 50px;
    margin: 0 auto;
}
.app-item span {
	color: #444;
	display: block;
	font-size: 12px;
	margin-top: 5px;
}
.site-header .dropdown-menu-notif .dropdown-menu-notif-list {
    height: 345px;
}
.files-icon-under {
	width: 56px;
}
.label-pill {
    border-radius: 50%;
	font-size: 1rem;
    padding: 5px 9px;
    vertical-align: text-bottom;
}
.citate-speech-bubble::before {
    border-color: #d8e2e7 transparent transparent;
    border-width: 0;
    bottom: 0;
    left: 0;
}
.citate-speech-bubble::after {
    border-color: #fff transparent transparent;
    bottom: 0px;
    left: 0;
}
.notif-dt {
	background: #f3f3f3 none repeat scroll 0 0;
    float: right;
    margin: -12px -10px 0 10px;
    padding: 5px 10px;
    text-align: right;
    border-bottom: 1px solid #d8e2e7;
    border-left: 1px solid #d8e2e7;
}
.citate-speech-bubble2 {
	border-left: 2px solid #919fa9;
    font-size: 15px;
    margin: 0 0 15px;
    padding: 2px 10px 2px 15px;
    position: relative;
}
.notif-dt2 {
	font-weight: bold;
    margin: 5px 0 0px;
    padding: 0px;
}

.academy-green {
	color: #46c35f !important;
}
.academy-green-bg {
	background: #46c35f !important;
}
.green-blue {
	background: #3fdbb4 none repeat scroll 0 0 !important;
}
.hub-blue {
	color: #014988 !important;
}
.f1-red {
	color: #d2232a !important;
}
.admin-orange {
	color: #FF6600 !important;
}
.wpanda-black {
	color: #000 !important;
}
.side-menu-list > li.admin-orange-b.opened a, .side-menu-list > li.admin-orange-b.opened > span {
	border-left-color: #FF6600;
}
.tabs-section-nav .nav-link.active .nav-link-in {
    border-top-color: #FF6600;
}
td, th {
    padding: 11px 10px 8px;
}

.tab-content .tab-pane {
    display: none;
}
.tab-content .active {
    display: block;
}
.fontawe {
	font-family: FontAwesome, "Proxima Nova",sans-serif;
}

.menu-separator {
	border-top: 1px solid #c5d6de;
	margin: 0 0 30px;
}
.card-simple {
    background: none;
    border: none;
    border-radius: 0.25rem;
    display: block;
    position: relative;
}
.card-header h1, .card-header h2 {
	margin-bottom: 0px;
}
.card-simple .card-header {
	border: none;
}
.files-desc {
	color: #919fa9;
}
.app-card {
	background: #fff;
	border: 1px solid #d8e2e7;
    padding: 15px;
    border-radius: 5px;
}
.app-card .user-card-row .tbl-cell.tbl-cell-photo {
    padding-right: 15px;
    text-align: center;
    width: 150px;
}
.app-card .user-card-row .tbl-cell.tbl-cell-photo img {
    border-radius: 2px;
    display: inline-block;
    height: auto;
    width: 70%;
}
.app-card  .tbl-cell {
    vertical-align: top;
	min-height: 250px;
}
.app-card  p {
    font-size: 16px;
	margin-bottom: 34px;
}
.app-button {
	bottom: 0px;
	position: absolute;
	right: 0px;
}
.relative {
	position: relative;
}
.side-menu-list .fa {
    margin-top: -4px;
}

.messenger .chat-area {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.messenger .chat-area-in {
    border-left: none;
    margin-left: 0;
    margin-right: 0;
}
.messenger {
    padding: 0;
}
.messenger .chat-container {
    margin: 0;
    border: none;
}
.messenger .chat-dialog-area {
    border-right: none;
}
.messenger .chat-area-bottom {
    border-right: none;
}
.messenger-message-container .messages ul {
    width: auto;
}
.messenger-message-container, .messenger-message-container .messages li {
    margin-bottom: 20px;
}
.messenger-message-container .avatar {
    padding-right: 10px;
    vertical-align: middle;
}
.messenger-message-container .avatar img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
.messenger-message-container .messages .message div {
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    padding: 10px;
}
.message-bg-green {
    background: #46c35f none repeat scroll 0 0 !important;
    color: #fff;
}
.messenger .write-message textarea {
    border: 1px solid #d8e2e7;
    height: 60px;
    margin: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
}
.messenger .dropdown-typical.attach {
    position: relative;
    right: auto;
    top: auto;
    float: none;
}
.chat-area-bottom .btn, .chat-area-bottom .caption {
    margin: 10px 20px 2px 0;
}
.chat-message .chat-message-photo {
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
}
.chat-message {
    font-size: 0.9375rem;
    line-height: 20px;
    min-height: 52px;
    padding: 15px 20px 20px 70px;
    position: relative;
    border-bottom: 1px solid #d8e2e7;
    margin-bottom: 10px;
}
.chat-dialog-area {
    max-height: 600px !important;
	min-height: 400px !important;
}
.comments-alert {
	margin: 10px 20px 10px 25px;
}
.chat-area-bottom {
    border-bottom: 1px solid #d8e2e7;
    padding: 15px;
    border-top: none;
}
.textbox-like {
	border: 1px solid rgba(197, 214, 222, 0.7);
    color: #343434;
    font-size: 1rem;
    border-radius: 0.25rem;
    padding: 7px;
    width: 100%;
}
.chat-don {
	height: auto !important;
	max-height: 100% !important;
}
.messenger .write-message .textarea2 {
    border: 1px solid #d8e2e7;
    height: auto;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
}
.chat-message {
    border-bottom: 1px solid #d8e2e7;
    font-size: 0.9375rem;
    line-height: 20px;
    margin-bottom: 15px;
    min-height: 52px;
    padding: 0px 20px 0px;
    position: relative;
}
.chat-message2 {
    border-bottom: none;
	padding: 0 0 20px;
}
.m-t-10 {
	margin-top: 10px !important;
}
.p-b-10 {
	padding-bottom: 10px !important;
}
.text-gray {
	color: #919fa9;
}
.profile-card2 {
    border-bottom: 1px solid #d8e2e7;
    padding: 20px 15px 14px;
}
.chat-message3 .chat-message-photo img {
    border-radius: 3px;
    display: block;
	margin: 0 auto;
    height: 70%;
    width: 70%;
}
.tooltip-cursor:hover {
	cursor: help;
}
.unit-same-height {
	min-height: 326px;
}
.post-announce {
    padding: 0;
}
.color-white {
	color: #fff !important;
}
.widget-tabs-nav .font-icon {
	font-size: 24px;
    height: 46px;
    line-height: 56px;
}
.widget-tabs-nav .nav-link {
    height: 70px;
}
.post-announce .post-announce-meta li {
    margin: 0 10px 0 0;
}

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 8px 0 2px;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 2;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #16b4fc;
    border-color: #16b4fc;
    color: #fff;
    cursor: default;
    z-index: 3;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #777;
    cursor: not-allowed;
}
.pagination-lg > li > a, .pagination-lg > li > span {
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 16px;
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pager {
    list-style: outside none none;
    margin: 20px 0;
    padding-left: 0;
    text-align: center;
}
.pager li {
    display: inline;
}
.pager li > a, .pager li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: #eee;
    text-decoration: none;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
}
.table td, .table th {
    border-top: none;
}
.bootstrap-table .table th, .fixed-table-body .table th, .table th, .tbl-typical th {
    font-weight: normal;
}
.bootstrap-table .table a, .fixed-table-body .table a, .table a {
    border-bottom: none;
}
.no-padding {
    padding: 0;
}
.p-l-lg, .p-x-lg {
    padding-left: 30px;
}
.p-r-lg, .p-x-lg {
    padding-right: 30px;
}
.p-t-lg, .p-y-lg {
    padding-top: 30px;
}
.p-b-lg, .p-y-lg {
    padding-bottom: 30px;
}
.no-margin {
    margin: 0;
}
.m-r-n, .m-x-n {
    margin-right: -15px;
}
.m-l-n-n, .m-x-n {
    margin-left: -15px;
}
.m-t-lg, .m-y-lg {
    margin-top: 30px;
}
.m-b-lg, .m-y-lg {
    margin-bottom: 30px;
}
.drop-zone {
    border: 2px dashed #adb7be;
    height: auto;
    padding: 14px 0;
	position: relative;
    text-align: center;
    width: 100%;
}
.drop-zone .drop-zone-caption {
    margin: 0 0 4px;
}
.btn-file input[type="file"] {
    cursor: pointer;
    height: 107px;
    left: auto;
    opacity: 0;
    position: relative;
    top: auto;
    width: 100%;
}
.btn-file {
    cursor: pointer;
    height: 166px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}
.filename {
	border: medium none !important;
    font-size: 14px !important;
    text-align: center;
    width: 100% !important;
}
.p-a-5 {
	padding: 5px !important;
}
.p-a-10 {
	padding: 10px !important;
}
.m-b-5 {
	margin-bottom: 5px !important;
}
.m-b-10 {
	margin-bottom: 10px !important;
}
.card-block .checkbox {
    margin-left: 0;
	width: auto;
    display: inline-block;
    vertical-align: middle;
}
.card-block label {
    width: auto;
}
.comment-row-item .comment-row-item-action.edit {
    right: 3px;
}
.hidden {
	display: none;
}
.comment-row-item {
    background: #fafafa none repeat scroll 0 0;
    margin: 10px;
    padding: 12px 15px 12px 80px;
    border-left: 1px solid #00a8ff;
}
.site-header .dropdown-menu-notif a {
    border-bottom: none;
}
.site-header .dropdown-menu-notif a:hover {
    border-bottom: none;
	transition: none !important;
}
.avatar-preview.avatar-preview-32 {
    height: 50px;
    width: 50px;
}
.user-card-row .tbl-cell.tbl-cell-photo {
    padding-right: 10px;
    width: 60px;
}
.user-card-row .tbl-cell.tbl-cell-photo img {
	border-radius: 5px;
    height: auto;
    width: 100%;
}
.avatar-preview img {
    border-radius: 5px;
}
.profile-post .profile-post-header {
    padding: 12px 15px 12px 15px;
}
.popover-content {
	min-width: 240px;
}
.like-avatar img {
	border-radius: 5px;
	max-width: 100%;
}
.app2-photo img {
    border-radius: 5px;
    height: 50px;
    width: 50px;
}
.card-typical .card-typical-likes {
    margin-left: 10px;
}
.comm-name-link {
    color: #343434;
}
.comm-name-link:hover {
    color: #00a8ff;
}
.task-card .task-card-photo {
    text-align: center;
}
.task-card .task-card-photo img {
    display: inline-block;
    width: auto;
	max-width: 50%;
}
.task-card .task-card-title a {
    font-weight: bold;
}
.p-t-5 {
	padding-top: 5px;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.multiselect-container {
    width: 100%;
}
.multiselect-container > li > a > label {
    display: block;
    padding: 3px 20px;
    width: 100% !important;
}
.multiselect-native-select .dropdown-menu {
	display: none;
}
.open > .dropdown-menu {
    display: block;
}
.note-editor.note-frame {
    border: none !important;
}
.note-editor {
    margin: 0 !important;
}
.note-editor .note-toolbar {
	border: none 0 !important;
    border-bottom: 1px solid #d8e2e7 !important;
}
.note-editor.note-frame .note-editing-area {
	border: none 0 !important;
    border-bottom: 1px solid #d8e2e7 !important;
	min-height: 200px;
}
.note-editor.note-frame .note-statusbar {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.note-editor.note-frame .note-statusbar {
    border: none 0 !important;
}
.note-editor.note-frame .note-editing-area .note-editable {
    min-height: 200px;
}
.mail-box-letter-item .mail-box-letter-item-txt {
    white-space: normal;
}
.tooltip-inner {
	/*min-width: 150px;*/
	max-width: 600px;
}


/*------------------------ WPANDA ------------------------*/
.btn-big span {
    display: inline-block;
    width: 72%;
    margin-left: 10px;
    vertical-align: middle;
}

.proj-foot-link {
	margin-right: 10px;
	text-transform: uppercase;
}
.project-inner-div {
	border-right: 1px solid #d8e2e7;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
}
.div-last {
	border-right: none;
	font-size: 20px;
	padding-top: 3%;
}
.project-top {
	font-size: 17px;
}
.border-bottom {
	border-bottom: 1px solid #d8e2e7;
}
.project-bottom {
	color: #999;
	font-size: 15px;
	text-transform: uppercase;
}
.bg-success2 {
	background-color: #f9fffa;
}
.bg-danger2 {
	background-color: #fff2f2;
}
.row-eq-height {
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.project-inner-div {
    display: flex;
	flex-direction: column;
}
.mail-details {
	height: auto !important;
}
.mail-box-work-area-header {
    background: #fafafa;
	padding: 12px 20px;
}
.mail-box-work-area-header:after {
	background: none;
}
.mail-box-letter-files {
	border-top: 1px solid #d8e2e7;
	padding: 20px 20px 0 !important;
	margin-top: 30px !important;
}
.user-card-row .user-card-row-name {
	font-size: 16px;
	font-weight: normal;
}
.mail-box-response {
	border-top: 1px solid #d8e2e7;
	padding: 20px 20px 0 !important;
	margin-top: 0px !important;
}
.note-editor.note-frame .note-editing-area .note-editable {
    min-height: 300px;
}
.chat-area-bottom {
    padding: 0 0 15px;
    border-top: none;
}
.box-list2 {
    float: none;
    width: 100%;
    position: relative;
    border-right: none;
    background: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.box-list2 .mail-box-item:hover {
	pointer: cursor;
}
.box-list2 .mail-box-item .mail-box-item-head-tbl {
    line-height: 17px;
	margin: 0 0 0 5px;
	width: 85%;
	display: inline-block;
	vertical-align: middle;
	max-width: 85%;
}
.box-list2 .mail-box-item {
    padding: 10px 15px;
}
.box-list2 .mail-box-item .mail-box-item-user-tbl .tbl-cell-name {
    font-weight: normal;
	font-size: 14px;
	word-break: break-all;
	width: 100%;
	display: inline-block;
}
.box-list2 .mail-box-item .mail-box-item-user-tbl {
    width: 100%;
}
.box-list2 .mail-box-item .mail-box-item-photo {
    width: 24px;
    height: 24px;
    position: relative;
    left: 0;
    top: 0;
	display: inline-block;
	vertical-align: middle;
}
.box-list2 .mail-box-item .mail-box-item-header {
    padding: 0;
    position: relative;
    min-height: 10px;
}
.box-list2 .mail-box-item .mail-box-item-head-tbl .tbl-cell {
    vertical-align: middle;
}
.box-list2 .mail-box-item.selected, .mail-box-item:hover {
    cursor: pointer;
}
.box-list2 .mail-box-item:last-child {
    border-bottom: solid 1px #d8e2e7;
}
.btn-big {
	font-size: 20px;
	display: block;
	width: 100%;
	white-space: normal;
}
.btn-big .fa{
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
}
.btn-big span{
	display: inline-block;
	width: 72%;
	margin-left: 10px;
	vertical-align: middle;
}
.site-header .dropdown-menu-messages .mess-item {
	padding: 14px 15px;
}
.no-border {
	border: none;
}
.color-yellow {
	color: #f2dd26;
}
.text-shadow {
	text-shadow: 1px 1px 1px #333;
}
.tab-icons i {
	font-size: 140%;
	margin-left: 5px;
	margin-right: 5px;
}
.vertical-align {
	vertical-align: middle;
	float: none;
	display: inline-block;
}

.drop-more {
    display: inline-block;
	vertical-align: middle;
}
.drop-more .dropdown-toggle::after {
    display: none;
}
.table-mail-wrap {
	padding: 15px 0 15px 15px;
}
.tabs-section-nav.tabs-section-nav-inline .nav-link.active {
    border-bottom: solid 1px #008dd6;
}
.modal.assign-to-client {
    width: 30%; /* respsonsive width */
}
.btn.btn-success-light {
	background-color: #f4fff6;
	border-color: #f4fff6;
	color: #23b240;
}
.btn.btn-success-light:hover {
	background-color: #c6ffcf;
	border-color: #c6ffcf;
	color: #23b240;
}
.btn.btn-secondary-light {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
	color: #7a8994;
}
.btn.btn-secondary-light:hover {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
	color: #7a8994;
}
.wp-search-btn {
	position: absolute;
	right: 30px;
	bottom: -10px;
	background: #fff;
	border: 1px solid #dfdfdf;
	padding: 0px 20px;
	border-radius: 0 0 5px 5px;
	border-top: none;
}
.dropdown-item .fa {
    margin: 0 8px 0 0;
    color: #adb7be;
    transition: all .2s ease-in-out;
    font-size: 16px;
    vertical-align: middle;
    line-height: 16px;
    position: relative;
    top: -1px;
}
.big-circle {
	padding: 8px 12px !important;
}
.relation-top {
	position: absolute;
	top: 0px;
	text-align: center;
	font-size: 21px;
	left: 0px;
	right: 0px;
	border-radius: 4px 4px 0 0;
	padding-top: 5px;
	padding-bottom: 5px;
}
.minimize-content {
	overflow: hidden;
	height: 228px;
	
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.minimize-content-show {
	overflow: hidden;
	height: auto;
	
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.show-btn {
	background: none;
	border: none;
	border-bottom: 1px solid #efefef;
	display: block;
	margin-top: 10px;
	padding: 3px 0;
	text-align: center;
	width: 100%;
}
div.file-comments-hidden {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	background: #fbfbfb;
	padding: 3px 4px 4px 0px;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
}
div.file-comments:hover div.file-comments-hidden {
    display: block;
}
.file-comments-hidden a, .file-comments-hidden button {
	border: none;
	margin-left: 5px;
}
.change-chanel {
	background: none;
	border: none;
	color: #adadad;
	font-size: 10px;
	padding: 0 5px;
}
.btn-message {
	padding: 0px 5px;
}
.btn-message2 {
	font-size: 13px;
	padding: 0px 8px;
}
.btn.btn-from-client {
    background-color: #00a8ff;
    border: 1px solid #00a8ff;
	color: #fff;
}
.btn.btn-from-client:hover {
    background-color: #56c6ff;
    border: 1px solid #00a8ff;
	color: #fff;
}
.btn.btn-to-translator {
    background-color: #e4f6fd;
    border: 1px solid #00a8ff;
	color: #008dd6;
	margin-right: 5px;
}
.btn.btn-to-translator:hover {
    background-color: #bfeeff;
    border: 1px solid #00a8ff;
	color: #008dd6;
}
.btn.btn-from-translator {
    background-color: #21a788;
    border: 1px solid #21a788;
	color: #fff;
}
.btn.btn-from-translator:hover {
    background-color: #49d8b7;
    border: 1px solid #21a788;
	color: #fff;
}
.btn.btn-to-client {
    background-color: #d1f0eb;
    border: 1px solid #21a788;
	color: #1a856c;
	margin-right: 5px;
}
.btn.btn-to-client:hover {
    background-color: #b1ede3;
    border: 1px solid #21a788;
	color: #1a856c;
}
.btn.btn-working {
    background-color: #ac6bec;
    border: 1px solid #ac6bec;
	color: #fff;
}
.btn.btn-working:hover {
    background-color: #c99bf7;
    border: 1px solid #ac6bec;
	color: #fff;
}
.btn.btn-dtp {
    background-color: #eee2fc;
    border: 1px solid #ac6bec;
	color: #9847e7;
	margin-right: 5px;
}
.btn.btn-dtp:hover {
    background-color: #ddc4fc;
    border: 1px solid #ac6bec;
	color: #9847e7;
}
.btn.btn-irrelevant {
    background-color: #fa424a;
    border: 1px solid #fa424a;
	color: #fff;
}
.btn.btn-irrelevant:hover {
    background-color: #ff898d;
    border: 1px solid #fa424a;
	color: #fff;
}
.btn.btn-trash {
    background-color: #feecec;
    border: 1px solid #fa424a;
	color: #f91a24;
}
.btn.btn-trash:hover {
    background-color: #fcc7c7;
    border: 1px solid #fa424a;
	color: #f91a24;
}
.fa-cat {
	display: inline-block;
	margin-right: 5px;
	text-align: center;
	width: 24px;
}
iframe{width:100%}

/*FILES ICONS*/
.mail-file.aac {
    background-image: url(../img/files/aac.png) !important;
}
.mail-file.ai {
    background-image: url(../img/files/ai.png) !important;
}
.mail-file.avi {
    background-image: url(../img/files/avi.png) !important;
}
.mail-file.bmp {
    background-image: url(../img/files/bmp.png) !important;
}
.mail-file.cad {
    background-image: url(../img/files/cad.png) !important;
}
.mail-file.cdr {
    background-image: url(../img/files/cdr.png) !important;
}
.mail-file.dat {
    background-image: url(../img/files/dat.png) !important;
}
.mail-file.dmg {
    background-image: url(../img/files/dmg.png) !important;
}
.mail-file.doc {
    background-image: url(../img/files/doc.png) !important;
}
.mail-file.docx, .mail-file.DOCX {
    background-image: url(../img/files/docx.png) !important;
}
.mail-file.esp {
    background-image: url(../img/files/esp.png) !important;
}
.mail-file.gif {
    background-image: url(../img/files/gif.png) !important;
}
.mail-file.html {
    background-image: url(../img/files/html.png) !important;
}
.mail-file.indd {
    background-image: url(../img/files/indd.png) !important;
}
.mail-file.jpg {
    background-image: url(../img/files/jpg.png) !important;
}
.mail-file.midi {
    background-image: url(../img/files/midi.png) !important;
}
.mail-file.mov {
    background-image: url(../img/files/mov.png) !important;
}
.mail-file.mp3 {
    background-image: url(../img/files/mp3.png) !important;
}
.mail-file.mpg {
    background-image: url(../img/files/mpg.png) !important;
}
.mail-file.pdf {
    background-image: url(../img/files/pdf.png) !important;
}
.mail-file.png {
    background-image: url(../img/files/png.png) !important;
}
.mail-file.ppt {
    background-image: url(../img/files/ppt.png) !important;
}
.mail-file.ps {
    background-image: url(../img/files/ps.png) !important;
}
.mail-file.psd {
    background-image: url(../img/files/psd.png) !important;
}
.mail-file.raw {
    background-image: url(../img/files/raw.png) !important;
}
.mail-file.sdlppx {
    background-image: url(../img/files/sdlppx.png) !important;
}
.mail-file.sdlrpx {
    background-image: url(../img/files/sdlrpx.png) !important;
}
.mail-file.svg {
    background-image: url(../img/files/svg.png) !important;
}
.mail-file.tif {
    background-image: url(../img/files/tif.png) !important;
}
.mail-file.txt {
    background-image: url(../img/files/txt.png) !important;
}
.mail-file.xls {
    background-image: url(../img/files/xls.png) !important;
}
.mail-file.xlsx {
    background-image: url(../img/files/xlsx.png) !important;
}
.mail-file.xml {
    background-image: url(../img/files/xml.png) !important;
}
.mail-file.zip {
    background-image: url(../img/files/zip.png) !important;
}

/* TIMELINE CSS*/
.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 1px;
	background-color: #ddd;
	left: 50%;
	margin-left: -1.5px;
}

.timeline > li {
	margin-bottom: 20px;
	position: relative;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}
.timeline-heading {
	padding: 10px;
	margin: 0;
}
.timeline-body {
	border-top: 1px solid #ccc;
	padding: 10px;
}
.timeline > li > .timeline-panel {
	background: #fff;
	width: 46%;
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	position: relative;
}

.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel2 {
	background: #fff;
	width: 46%;
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 20px;
	position: relative;
}
.timeline > li > .timeline-panel2::after {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    content: " ";
}
.timeline > li > .timeline-panel2::before {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    content: " ";
}

.timeline > li > .timeline-badge {
	width: 64px;
	height: auto;
	font-size: 11px;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -32px;
	background-color: #fff;
	z-index: 2;
	padding: 10px 0;
}

.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.stream-internal {
	background: #fafafa !important;
	border-top: 4px solid #ac6bec !important;
}
.timeline > li > .stream-internal:after {
	border-left: 14px solid #fafafa !important;
	border-right: 0 solid #fafafa !important;
}
.timeline > li.timeline-inverted > .stream-internal:after {
	border-left: 0 solid #fafafa !important;
	border-right: 14px solid #fafafa !important;
}

.stream-vendor {
	background: #fafafa !important;
	border-top: 4px solid #f29824 !important;
}
.timeline > li > .stream-vendor:after {
	border-left: 14px solid #fafafa !important;
	border-right: 0 solid #fafafa !important;
}
.timeline > li.timeline-inverted > .stream-vendor:after {
	border-left: 0 solid #fafafa !important;
	border-right: 14px solid #fafafa !important;
}

.stream-client {
	background: #fafafa !important;
	border-top: 4px solid #46c35f !important;
}
.timeline > li > .stream-client:after {
	border-left: 14px solid #fafafa !important;
	border-right: 0 solid #fafafa !important;
}
.timeline > li.timeline-inverted > .stream-client:after {
	border-left: 0 solid #fafafa !important;
	border-right: 14px solid #fafafa !important;
}

.timeline-title {
	margin-top: 4px;
	color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
}

.timeline-body > p + p {
	margin-top: 5px;
}

/* CALENDAR CSS */
.cal-td-day-title {
    font-weight: normal;
    font-size: 17px;
    text-transform: uppercase;
}
.cal-td-day-row td {
	width: 162px;
}
.cal-td-day {
	height: 160px !important;
	padding: 32px 6px 10px !important;
	position: relative;
	vertical-align: top !important;
}
.cal-td-day-num {
	font-size: 16px;
	position: absolute;
	top: 5px;
	right: 10px;
}
.cal-td-day-event {
	background-color: #fec6c7;
	border: 1px solid #ff8789 !important;
	border-radius: 0;
	color: #000;
	display: block;
	margin-bottom: 3px;
	padding: 3px;
	transition: none;
}
.cal-td-day-event:focus {
	background-color: #ff8789;
	color: #000;
}
.popover {
	border: 1px solid #ff8789 !important;
	border-radius: 0 5px 5px 5px !important;
	left: 0px !important;
	top: 32px !important;
	width: 350px !important;
	z-index: 79 !important;
}
.popover-title {
	background-color: #fec6c7 !important;
	border-bottom: 1px solid #fec6c7 !important;
	border-radius: 0px 3px 0 0;
	font-size: 14px;
}
.popover-content {
	background: #fffaef;
	border-radius: 0 0 5px 5px;
	min-width: 250px;
}
.event-pop-row {
	display: block;
	margin-bottom: 10px;
}
.event-pop-span {
	display: inline-block;
	font-weight: bold;
	width: 50px;
}

/* Company Structure CSS */
.hq-group.chart {
	height: auto;
	margin: 0px;
	width: 2100px;
}
.translation-group.chart {
	height: auto;
	margin: 0px;
	width: 4350px;
}
.education-group.chart {
	height: auto;
	margin: 0px;
	width: 1700px;
}
.media-group.chart {
	height: auto;
	margin: 0px;
	width: 1700px;
}
.cs-hq {
	background-color: #fdf4e6;
	border: 1px solid #f29824;
}
.cs-hq .card .card-header {
    border-bottom-color: #f29824 !important;
}
.btn-hq {
	background-color: #ffa53d !important;
	border-color: #ffa53d !important;
}
.btn-hq:hover {
	background-color: #ff9b28 !important;
}
.cs-translation {
	background-color: #feecec;
	border: 1px solid #fa424a;
}
.cs-translation .card .card-header {
    border-bottom-color: #fa424a !important;
}
.btn-translation {
	background-color: #ff5454 !important;
	border-color: #ff5454 !important;
}
.btn-translation:hover {
	background-color: #fc4444 !important;
}
.cs-education {
	background-color: #eee2fc;
	border: 1px solid #ac6bec;
}
.cs-education .card .card-header {
    border-bottom-color: #ac6bec !important;
}
.btn-education {
	background-color: #c696ff !important;
	border-color: #c696ff !important;
}
.btn-education:hover {
	background-color: #b67bfc !important;
}
.cs-media {
	background-color: #f6f8fa;
	border: 1px solid #919fa9;
}
.cs-media .card .card-header {
    border-bottom-color: #919fa9 !important;
}
.btn-media {
	background-color: #d1d1d1 !important;
	border-color: #d1d1d1 !important;
}
.btn-media:hover {
	background-color: #c1c1c1 !important;
}
.cs-k1 {
	background-color: #dbf3ff;
	border: 1px solid #00a8ff;
}
.cs-k1 .card .card-header {
    border-bottom-color: #00a8ff !important;
}
.btn-k1 {
	background-color: #77d1ff !important;
	border-color: #77d1ff !important;
}
.btn-k1:hover {
	background-color: #51c5ff !important;
}
.Treant > .node {

}
.Treant > p {
	font-weight: bold;
	font-size: 12px;
}
.node-name {
	font-weight: bold;
}
.nodeExample1 {
	/*background: #e0f2ff;*/
    padding: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*border: 1px solid #e5e5e5;*/
    width: 300px;
    font-size: 12px;
}
.cs-wrapper {
	background: none;
    border: none;
	min-height: 190px;
}
.no-supervisor-div a {
	background: #fff;
    border: 1px solid #ddd !important;
    width: 42px;
    overflow: hidden;
    border-radius: 0.25rem;
}
.img-supervisor {
    width: 40px;
}
.cs-emp-link {
	display: inline-block;
	margin: 0 5px 3px 0;
	width: 36px;
	height: 36px;
	overflow: hidden;
	background: #fff;
    border: 1px solid #ddd !important;
    border-radius: 0.25rem;
}
.cs-employees-img {
	display: inline-block;
	margin: 0 5px 3px 0;
    padding: 0px;
	width: 36px;
}
.no-supervisor-div {
	height: 40px;
}
.parent {
	overflow:hidden;
	max-height: 700px;
}
.invite-user-wrapper {
	border: 1px solid #dedede;
	border-radius: 5px;
	background: #efefef;
	padding: 5px 10px;
	cursor: pointer;
	width: 100% !important;
}
.cs-head-btn-wrapper {
	margin-top: 0px;
}
.cs-head-button {
	color: #000;
	font-size: 14px;
	padding: 0 5px !important;
}


/* User Invite CSS */
.frb-group {
	margin: 15px 0;
}

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

.frb input[type="radio"]:empty {
	display: none;
}

.frb input[type="radio"] ~ label:before {
	font-family: FontAwesome;
	content: '\f096';
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 15px;
	font-size: 22px;
}

.frb input[type="radio"]:checked ~ label:before {
	content: '\f046';
}

.frb input[type="radio"] ~ label {
	position: relative;
	cursor: pointer;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #f2f2f2;
}

.frb input[type="radio"] ~ label:focus,
.frb input[type="radio"] ~ label:hover {
	background: #e3eff9;
}

.frb input[type="radio"]:checked ~ label {
	color: #fafafa;
}

.frb input[type="radio"]:checked ~ label {
	background-color: #f2f2f2;
}

.frb.frb-default input[type="radio"]:checked ~ label {
	color: #333;
}

.frb.frb-primary input[type="radio"]:checked ~ label {
	background-color: #6ba6d6;
}

.frb input[type="radio"]:empty ~ label span {
	display: inline-block;
}

.frb input[type="radio"]:empty ~ label span.frb-title {
	font-size: 16px;
	font-weight: normal;
	margin: 5px 5px 0px 50px;
	width: 82%;
	vertical-align: middle;
	display: table-cell;
}

.frb input[type="radio"]:empty ~ label span.frb-description {
	font-weight: normal;
	font-style: italic;
	color: #999;
	margin: 0px 5px 5px 50px;
	width: 82%;
}

.frb input[type="radio"]:empty:checked ~ label span.frb-description {
	color: #fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description {
	color: #999;
}

/*PAGINATION*/
.pagination {
  margin: 10px 0 0px;
  text-align: center;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  color: #919fa9;
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #d8e2e7;
  color: #6c7a86 ;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #d8e2e7;
  color: #6c7a86;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}
/*PAGINATION*/

/*Back To Top Button*/
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #d3222b;
	color: #eeeeee;
	width: 40px;
	height: 70px;
	line-height: 66px;
	right: 0px;
	bottom: -70px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #e91b23;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
	bottom: 0px;
}
.scroll-top-wrapper i.fa {
	font-size: 26px;
	line-height: inherit;
}
/*Back To Top Button*/