/*** General ***/
#container {
	width: 100%;
}

/*.main-content-wrapper {
	overflow-x: visible;
}*/

.form-style-2-container {
    max-width: 780px;
}

@media (min-width: 767px) {
   .main-content-wrapper {
	overflow-x: visible;
}
}

.btn-primary {
	background-color: var(--wt-primary);
	border: none;
	padding: 5px 20px;
	border-radius: 3px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: var(--wt-teal-64c3de);
	outline: none;
}

.period-text-select {
    color: var(--wt-grey-82);
    margin-right: 7px;
}

.btn-purple {
	background-color: var(--wt-accent);
	border: none;
	padding: 5px 20px;
	border-radius: 3px;
}

.btn-purple:hover, .btn-purple:active, .btn-purple:focus {
	background-color: var(--wt-purple-bb66cc);
	outline: none;
}

.btn > .icon {
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.btn-medium {
	padding: 10px 20px;
}

.btn-round {
	border-radius: 15px;
	background-color: var(--wt-white);
	border: solid 2px var(--wt-grey-e5);
	color: var(--wt-grey-b3);
	font-size: 11px;
	line-height: 14px;
	font-weight: 600;
	padding: 6px 15px;
}

.btn-round .caret {
	margin-left: 4px;
}

.btn-round:hover, .btn-round:active, .btn-round:focus {
	color: var(--wt-grey-99);
	border-color: var(--wt-grey-d9);
	outline: none !important;
	outline-color: transparent;
}

.btn-default {
	background-color: var(--wt-white);
	border-color: var(--wt-grey-e0);
	color: var(--wt-grey-73);
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
	border-color: var(--wt-grey-cc);
	color: var(--wt-grey-59);
	background-color: var(--wt-white);
}

.btn-lg {
	padding: 15px 30px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

/*.btn-default.btn-lg {
	padding: 14px 30px;
}*/

.dropdown:focus, .dropdown {
	outline: none;
}

.dropdown-menu {
	padding: 10px 0;
}

.dropdown-menu li > a {
	text-decoration: none;
	color: var(--wt-grey-66);
}

.btn-add-task:focus {
	color: var(--wt-grey-7f);
}

.btn-add-task:hover {
	color: var(--wt-primary);
}

input[type="checkbox"] {
	border: none;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-top: 0;
}

div.checkbox {
	padding-left: 0;
	margin: 0;
}

div.checkbox > label {
	padding-top: 0;
}

div.checkbox input.style1 {
	height: auto;
}

div.checkbox .button-checkbox {
	margin-left: -15px;
}

div.checkbox .button-checkbox .btn {
	background-color: var(--wt-grey-f0);
	border-radius: 3px;
	padding: 0;
	width: 40px;
	border: none;
	margin-right: 10px;
}

.goal-items div.checkbox .button-checkbox .btn, .action-bar div.checkbox .button-checkbox .btn, .actions-list div.checkbox .button-checkbox .btn {
	background-color: transparent;
}

#kudo-visible-in-feed {
    margin-top: 5px;
}

#kudo-visible-in-feed.checkbox .button-checkbox .btn {	
	border-radius: 3px;
	padding: 0;
	width: 15px;
	border: none;
	margin-right: 15px;    
}


#profile-report-include-comments {
    margin-top: 5px;
}

#profile-report-include-comments.checkbox .button-checkbox .btn {	
	border-radius: 3px;
	padding: 0;
	width: 15px;
	border: none;
	margin-right: 15px;    
}

#inactivate-at-end-date {
    margin-left: 17px;
}

#inactivate-at-end-date.checkbox .button-checkbox .btn {	
	border-radius: 3px;
	padding: 0;
	width: 15px;
	border: none;
	margin-right: 15px;
    background: none;
}

#inactivate-at-end-date.checkbox {
    margin-top: -5px;
    margin-bottom: -5px;
}

div.checkbox .button-checkbox .btn .icon {
	position: static;
	margin: 0 auto;
	padding: 0;
	display: block;
	background-color: var(--wt-white);
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 2px;
}

div.checkbox .button-checkbox .btn .icon:before {
	font-family: "line-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.checkbox .button-checkbox .btn .icon-checkbox-unchecked {
	border: solid 1px var(--wt-grey-d6);
}

div.checkbox .button-checkbox .btn .icon-checkbox-unchecked:before {
	content: "";
}

div.checkbox .button-checkbox .btn .icon-checkbox-checked {
	background-color: var(--wt-primary);
	color: var(--wt-white);
	font-size: 12px;
	padding-top: 2px;
	padding-left: 1px;
}

div.checkbox .button-checkbox .btn .icon-checkbox-checked:before {
	content: "\e030";
}

div.checkbox .button-checkbox .btn:focus, div.checkbox .button-checkbox .btn:active {
	outline: none !important;
	box-shadow: none;
}

div.tasklist-div.checkbox .button-checkbox {
    margin-right: -14px;
    padding: 0px;
    background-color: var(--wt-white);
}


div.tasklist-div.checkbox .button-checkbox .btn {
    padding: 0px;
    background-color: var(--wt-white);
}

div.checkbox.tasklist-div .button-checkbox .btn:hover {
    background-color: var(--wt-white);
}

div.checkbox .button-checkbox .btn-success, div.checkbox .button-checkbox .btn:hover {
	background-color: var(--wt-slate-deeff4);
}

.goal-items div.checkbox .button-checkbox .btn-success, .goal-items div.checkbox .button-checkbox .btn:hover {
	background-color: transparent;
}

.actions-list div.checkbox .button-checkbox .btn-success, .actions-list div.checkbox .button-checkbox .btn:hover {
	background-color: transparent;
}


.action-bar div.checkbox .button-checkbox .btn-success, .action-bar div.checkbox .button-checkbox .btn:hover {
	background-color: transparent;
}


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

.tabs-style-1 .nav-tabs {
	border-bottom: 1px solid var(--wt-grey-e6);
	margin-bottom: 10px;
}

.tabs-style-1 .nav-tabs li.active > a, .tabs-style-1 .nav-tabs li.active > a:hover, .tabs-style-1 .nav-tabs li.active > a:focus {
	background-color: transparent;
	border: none;
	border-bottom: solid 3px var(--wt-primary);
	color: var(--wt-primary);
}

.tabs-style-1 .nav-tabs li > a {
	font-size: 11px;
	font-weight: 600;
	color: var(--wt-grey-66);
	padding: 10px 5px;
	margin-right: 0;
	border-radius: 0;
	border: none;
	border-bottom: solid 3px transparent;
}

.tabs-style-1 .nav-tabs li > a:hover, .tabs-style-1 .nav-tabs li > a:focus {
	background-color: transparent;
	border-bottom: solid 3px var(--wt-grey-de);
	color: var(--wt-grey-99);
}

.tabs-style-2 .nav-tabs {
	border-bottom: 1px solid var(--wt-grey-e6);
	margin-bottom: 20px;
    border-top: 1px solid var(--wt-grey-e6);
	margin-top: 10px;
}

.tabs-style-2 .nav-tabs li.active > a, .tabs-style-2 .nav-tabs li.active > a:hover, .tabs-style-2 .nav-tabs li.active > a:focus {
	background-color: transparent;
	border: none;
	border-bottom: solid 3px var(--wt-primary);
	color: var(--wt-primary);
}

.tabs-style-2 .nav-tabs li > a {
	font-size: 11px;
	font-weight: 600;
	color: var(--wt-grey-66);
	padding: 10px 5px;
	margin-right: 0;
	border-radius: 0;
	border: none;
	border-bottom: solid 3px transparent;
}

.tabs-style-2 .nav-tabs li > a:hover, .tabs-style-2 .nav-tabs li > a:focus {
	background-color: transparent;
	border-bottom: solid 3px var(--wt-grey-de);
	color: var(--wt-grey-99);
}


.box-style-1 {
	margin-left: -5px;
	margin-right: -5px;
}

.box-style-1 .col-xs-1, .box-style-1 .col-sm-1, .box-style-1 .col-md-1, .box-style-1 .col-lg-1, .box-style-1 .col-xs-2, .box-style-1 .col-sm-2, .box-style-1 .col-md-2, .box-style-1 .col-lg-2, .box-style-1 .col-xs-3, .box-style-1 .col-sm-3, .box-style-1 .col-md-3, .box-style-1 .col-lg-3, .box-style-1 .col-xs-4, .box-style-1 .col-sm-4, .box-style-1 .col-md-4, .box-style-1 .col-lg-4, .box-style-1 .col-xs-5, .box-style-1 .col-sm-5, .box-style-1 .col-md-5, .box-style-1 .col-lg-5, .box-style-1 .col-xs-6, .box-style-1 .col-sm-6, .box-style-1 .col-md-6, .box-style-1 .col-lg-6, .box-style-1 .col-xs-7, .box-style-1 .col-sm-7, .box-style-1 .col-md-7, .box-style-1 .col-lg-7, .box-style-1 .col-xs-8, .box-style-1 .col-sm-8, .box-style-1 .col-md-8, .box-style-1 .col-lg-8, .box-style-1 .col-xs-9, .box-style-1 .col-sm-9, .box-style-1 .col-md-9, .box-style-1 .col-lg-9, .box-style-1 .col-xs-10, .box-style-1 .col-sm-10, .box-style-1 .col-md-10, .box-style-1 .col-lg-10, .box-style-1 .col-xs-11, .box-style-1 .col-sm-11, .box-style-1 .col-md-11, .box-style-1 .col-lg-11, .box-style-1 .col-xs-12, .box-style-1 .col-sm-12, .box-style-1 .col-md-12, .box-style-1 .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
}

.box-style-1 .box-item {
	display: table;
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	padding: 15px;
	width: 100%;
	margin-top: 10px;
}

.box-style-1 .box-item .badge-icon {
	display: table-cell;
	color: var(--wt-white);
	text-align: center;
}

.box-style-1 .box-item .desc {
    display: table-cell;
    padding-top: 5px;
	color: var(--wt-grey-66);
	font-size: 16px;
	padding-left: 10px;
	line-height: 16px;
	font-weight: 600;
	vertical-align: top;
}

.box-style-1 .box-item .desc.middle {
   vertical-align: middle;
    padding-top: 0px;
}


.box-style-1 .box-item .desc.middle {
   vertical-align: middle;
    padding-top: 0px;
}

#badges-tab .box-style-1 .box-item .desc {
    /*padding-top: 15px;*/
    font-size: 13px;
    vertical-align: middle;
}

/*#badges-tab .box-style-1 .box-item .desc {
    line-height: 27px;
}*/

/** User tasks **/

.wrap-action-items {
	margin: 0;
	padding: 0;
	border: solid 1px var(--wt-grey-e5);
	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
}

.wrap-action-items .title-bar {
	background-color: var(--wt-white);
	padding: 15px 15px 15px 20px;
	position: relative;
}

.wrap-action-items .title-bar .title {
	color: var(--wt-red-fe6e6d);
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 120px;
	text-transform: uppercase;
}

.wrap-action-items .title-bar .dropdown {
	position: absolute;
	top: 15px;
	right: 15px;
}

.wrap-action-items .action-bar {
	background-color: var(--wt-grey-fa);
	border-top: solid 1px var(--wt-grey-e6);
	/*border-bottom: solid 1px #e6e6e6;*/
	padding: 10px 20px;
	position: relative;
}

@media (max-width: 767px) {
    .wrap-action-items .action-bar {
	    border-bottom: solid 1px var(--wt-grey-e6);
    }
}

.wrap-action-items .tool-bar {
	background-color: var(--wt-grey-fa);
    border-top: solid 1px var(--wt-grey-e6);
    border-bottom: solid 1px var(--wt-grey-e6);
	padding: 10px 20px;
	position: relative;
	height: 40px;
}

.wrap-action-items .tool-bar.open {
    height: 51px;
}

.wrap-action-items .tool-bar .current-status-link, .wrap-action-items .tool-bar .current-order-link {
	display: block;
	color: var(--wt-primary);
	text-decoration: none;
	line-height: 18px;
	/*padding-right: 10px;*/
    font-size: 13px;
}

.wrap-action-items .tool-bar .current-status-link:hover, .wrap-action-items .tool-bar .current-order-link:hover {
    text-decoration: underline;
}


.wrap-action-items .tool-bar.open .current-status-link, .wrap-action-items .tool-bar.open .current-order-link {
    line-height: 30px;
}


.wrap-action-items .tool-bar .task-order-area {
    margin-left: 20px;
}

.wrap-action-items .action-bar .checkbox {
	float: right;
	margin: 0;
    margin-right: -25px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	/*padding-right: 10px;*/
}

.wrap-action-items .action-bar .task-status-area {
    float: right;
}

.wrap-action-items .action-bar .checkbox input {
	margin-left: 0;
}

.wrap-action-items .action-bar .delete-cheched {
	display: block;
	float: right;
	color: var(--wt-grey-bc);
	text-decoration: none;
	line-height: 30px;
	padding-right: 5px;
    font-size: 13px;
}

.wrap-action-items .action-bar .delete-cheched .icon {
	color: inherit;
	vertical-align: middle;
    font-size: 14px;
}

.wrap-action-items .action-bar .delete-cheched:hover, .wrap-goal-items .action-bar .delete-cheched:active, .wrap-goal-items .action-bar .delete-cheched:focus, .wrap-action-items .tool-bar .current-status-link:hover, .wrap-action-items .tool-bar .current-order-link:hover {
	color: var(--wt-primary);
}

.actions-list {
	margin: 0;
	padding: 0;
    
}

/*.actions-list > li {
    position: relative;
}

.actions-list > li.finished:after {
	content: "\e039";
	content: "\e030";
	font-family: "line-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 26px;
	height: 26px;
	display: block;
	border-radius: 50%;
	border: solid 2px #edf7f7;
	font-size: 14px;
	padding-left: 1px;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 18px;
	background-color: #4db1af;
	color: #fff;
}*/

.actions-list > li:hover, .actions-list > li:active, .actions-list > li:focus {
	background-color: var(--wt-grey-fa);
}

.actions-list .title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--wt-grey-4c);
	padding-right: 20px;
	/*display: inline-block;*/
	position: relative;
	top: -3px;
}

.actions-list .title a {
    color: var(--wt-grey-4c);
    /*display: inline-block;*/
    position: relative;
    top: -2px;
    /*padding-right: 27px;*/
    text-decoration: none;
}

.actions-list .title .icon {
	display: block;
	position: absolute;
	top: -1px;
    right: 15px;
	width: 20px;
	height: 20px;
	text-decoration: none;
	color: var(--wt-grey-59);
	line-height: 20px;
	font-size: 16px;
}

.actions-list .title .icon.edit {
	right: 25px;
}

.actions-list .title .icon.delete {
	right: 2px;
}

.actions-list .title .icon:hover, .actions-list .title .icon:active, .actions-list .title .icon:focus {
	color: var(--wt-primary);
}

.actions-list .panel-body{
	position: relative;
	}
.actions-list .checkbox {
	/*position: absolute;
	right: -8px;
	top: 61px;*/
    display: inline-block;
    float: right;
	padding-left: 10px;
    margin-right: -3px;
}
.actions-list .author-image{
	position: absolute;
	top: 20px;
	right: 10px;
	width: 32px;
	height: 32px;
}
.actions-list .author-image .user-initial, .actions-list .author-image .user-image{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	line-height: 30px;
}
.actions-list .checkbox input {
	margin-left: 0;
}

.actions-list li .checkbox {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}

.actions-list li .checkbox.visible {
	visibility: visible !important;
	opacity: 1;
}

.actions-list li.panel-info:hover .checkbox {
	visibility: visible;
	opacity: 1;
}

@media (max-width: 767px) {
.actions-list li.panel-info:hover .checkbox {
	visibility: hidden;
	opacity: 0;
}
}

.actions-list > li .selected-item-action{
    background-color: var(--wt-slate-343a40);
	background-color: var(--wt-grey-f7);
	margin-bottom: -1px;
    margin-top: 20px;
}

.actions-list > li .selected-item-action ul{
	display: table;
	width: 100%;
	padding: 0;
}
.actions-list > li .selected-item-action li{
    background-color: rgba(var(--wt-black-rgb),0.03);
	display: table-cell;
    width: 25%;
}
.actions-list > li .selected-item-action a{
	color: var(--wt-white);
	/*color: #ccc;*/
    color: var(--wt-grey-99);
	text-align: center;
	display: block;
	padding: 6px 10px;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}

.actions-list > li .selected-item-action a .icn-upload {
    font-size: 15px;
}

.actions-list > li .selected-item-action a:hover{
	background-color: rgba(var(--wt-black-rgb),0.03);
}

.actions-list .status {
	position: relative;
	top: -3px;
	padding-bottom: 0;
}

.actions-list .status .date {
	font-size: 10px;
	line-height: 12px;
	color: var(--wt-grey-66);
	padding-right: 5px;
	display: inline-block;
}

.actions-list .status .icon-clock {
    color: var(--wt-red-fe6e6d);
    font-size: 12px;
    top: 5px;
}

.actions-list .bottom {
	position: relative;
	text-align: left;
	line-height: 18px;
	top: 1px;
}

.actions-list .bottom .item {
	font-size: 11px;
	line-height: 11px;
	color: var(--wt-grey-99);
	text-decoration: none;
	display: inline-block;
	padding-right: 10px;
}

.actions-list .bottom .item .icon {
	font-size: 12px;
	vertical-align: middle;
	padding-right: 3px;
	padding-left: 3px;
}

.actions-list .bottom .item .icn-attachment {
	font-size: 14px;
	padding-left: 3px;
}

.actions-list .bottom .item .icn-group {
	font-size: 16px;
}

.actions-list .bottom .item:last-child {
	padding-right: 0;
}

.actions-list .bottom a.item:hover, .actions-list .bottom a.item:active, .actions-list .bottom a.item:focus {
	color: var(--wt-primary);
}

.actions-list .bottom .item-comments {
	padding-left: 10px;
	border-left: solid 1px var(--wt-grey-e6);
}

    .actions-list .bottom .item-comments .item {
        margin-right: -5px;
    }

.actions-list .bottom .item-comments .icon-clock {
    position: relative;
    margin-left: 0px;
}

.add-attachment-link {
    margin-top: 20px;
}

.btn-area-switch-user {
    margin-left: 15px;
}

/* End user tasks */

.dropdown-toggle-simple {
    color: var(--wt-grey-bc);
    padding-left: 12px;
    padding-right: 12px;
}

.dropdown-toggle-simple > .icon {
    margin-right: 8px;
    font-size: 16px;
}

/*** User Goals ***/
.wrap-goal-items {
	margin: 0;
	padding: 0;
	border: solid 1px var(--wt-grey-e5);
	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
}

.wrap-goal-items  {
	margin-bottom: 30px;
}

.wrap-goal-items .title-bar {
	padding: 15px 15px 15px 20px;
	position: relative;
	background-color: var(--wt-white);
}

.wrap-goal-items .title-bar .title {
	color: var(--wt-secondary-dark);
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 120px;
	text-transform: uppercase;
}

.wrap-goal-items .title-bar .title.purple {
    color: var(--wt-accent) !important;
}

.wrap-goal-items .title-bar .dropdown {
	position: absolute;
	top: 15px;
	right: 15px;
}

.wrap-goal-items .title-bar .dropdown-menu {
	margin-top: 5px;
	border-radius: 5px;
}

.wrap-goal-items .action-bar {
	background-color: var(--wt-grey-fa);
	border-top: solid 1px var(--wt-grey-e6);
	/*border-bottom: solid 1px #e6e6e6;*/
	padding: 10px 20px;
	position: relative;
}

@media (max-width: 767px) {
    .wrap-goal-items .action-bar {
	    border-bottom: solid 1px var(--wt-grey-e6);
    }
}

.wrap-goal-items .action-bar.no-toolbar {
      border-bottom: solid 1px var(--wt-grey-e6);
}

.wrap-goal-items .action-bar.no-toolbar.selectable-onboardings {
    min-height: 57px;
}

.wrap-goal-items .action-bar.no-toolbar .wrap-switch {
    margin-left: -15px;
}

.wrap-goal-items .action-bar.no-toolbar .dropdown {
    float: right;
    margin-right: -15px;
}

@media (max-width: 767px) {
    .wrap-goal-items .action-bar.no-toolbar .wrap-switch  {
        display: block;
        width: 100%;
    }

    .wrap-goal-items .action-bar.no-toolbar .dropdown {
        /*margin-left: 10px;*/
        float: left;
        padding-top: 10px;
        width: 100%;
        margin-left: -15px;
    }
}


.wrap-goal-items .tool-bar {
	background-color: var(--wt-grey-fa);
	border-bottom: solid 1px var(--wt-grey-e6);
    /*border-top: solid 1px #e6e6e6;*/
	padding: 10px 20px;
	position: relative;
	height: 40px;
}

 .wrap-goal-items .tool-bar.open {
     height: 51px;
 }

.wrap-goal-items .action-bar .checkbox {
	float: right;
	margin: 0;
    margin-right: -20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	/*padding-right: 15px;*/
}

.wrap-goal-items .action-bar .checkbox input {
	margin-left: 0;
	margin: 0;
}

.wrap-goal-items .action-bar .delete-cheched {
	display: block;
	float: right;
	color: var(--wt-grey-bc);
	text-decoration: none;
	line-height: 30px;
	padding-right: 5px;
    font-size: 13px;
}

.wrap-goal-items .tool-bar .current-status-link, .wrap-goal-items .tool-bar .current-order-link {
	display: block;
	color: var(--wt-primary);
	text-decoration: none;
	line-height: 18px;
	padding-right: 5px;
    font-size: 13px;
}

.wrap-goal-items .tool-bar .current-status-link:hover, .wrap-goal-items .tool-bar .current-order-link:hover {
    text-decoration: underline;
}

 .wrap-goal-items .tool-bar.open .current-status-link, .wrap-goal-items .tool-bar.open .current-order-link {
     line-height: 30px;
 }

.wrap-goal-items .tool-bar .goal-order-area {
    margin-left: 20px;
}

.wrap-goal-items .action-bar .current-status-link {
    padding-right: 15px;
}

.wrap-goal-items .action-bar .delete-cheched .icon {
	color: inherit;
	vertical-align: middle;
    font-size: 14px;
}

.wrap-goal-items .action-bar .delete-cheched:hover, .wrap-goal-items .action-bar .delete-cheched:active, .wrap-goal-items .action-bar .delete-cheched:focus, .wrap-goal-items .tool-bar .current-status-link:hover, .wrap-goal-items .tool-bar .current-order-link:hover {
	color: var(--wt-primary);
}

.goal-items {
	margin: 0;
	padding: 0;
}

.goal-items > li {
	list-style: none;
}

.goal-items .goal-item-wrapper {
    position: relative;
    /*padding: 20px;*/
    /*padding-right: 15px;*/
    /*border-bottom: solid 1px #e6e6e6;*/
}

.goal-items li.finished {
	background-color: var(--wt-slate-edf7f7);
}
.goal-items li.finished:after {
	content: "\e039";
	content: "\e030";
	font-family: "line-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 18px;
	height: 18px;
	display: block;
	border-radius: 50%;
	border: solid 2px var(--wt-slate-edf7f7);
	font-size: 9px;
	padding-left: 1px;
	text-align: center;
	position: absolute;
	top: 12px;
	left: 12px;
	background-color: var(--wt-secondary);
	color: var(--wt-white);
    z-index: 2;
}

.goal-items .icon-box {
	position: absolute;
	left: 5px;
	width: 60px;
	height: 60px;
	background-color: var(--wt-grey-cc);
	border-radius: 3px;
	text-align: center;
	color: var(--wt-white);
	font-size: 30px;
	margin-left: 15px;
    z-index: 1;
}

.goal-items > li .item-details {
	padding-left: 80px;
	position: relative;
	padding-right: 40px;
    z-index: 0;
}

.goal-items > li:hover, .goal-items > li:active, .goal-items > li:focus {
	background-color: var(--wt-grey-fa);
}

.goal-items > li:last-child {
	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
}

.goal-items > li .selected-item-action{
	background-color: var(--wt-slate-343a40);
	background-color: var(--wt-grey-f7);
	margin-top: 20px;
	margin-left: -20px;
	margin-right: -15px;
	margin-bottom: -20px;
}
.goal-items .finished .selected-item-action{
	background-color: var(--wt-slate-e1f0f0);
}
.goal-items > li .selected-item-action ul{
	display: table;
	width: 100%;
	padding: 0;
}
.goal-items > li .selected-item-action li{
	display: table-cell;
}
.goal-items > li .selected-item-action a{
	color: var(--wt-white);
	/*color: #ccc;*/
    color: var(--wt-grey-99);
	text-align: center;
	display: block;
	padding: 6px 10px;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}

.goal-items > li .selected-item-action a .icn-upload {
    font-size: 15px;
}

.goal-items .finished .selected-item-action a{
	color: var(--wt-secondary);
}
.goal-items > li .selected-item-action a:hover, .goal-items > .finished .selected-item-action a:hover{
	background-color: rgba(var(--wt-black-rgb),0.03);
}

.goal-items .author-image{
	width: 32px;
	height: 32px;
	position: absolute;
	top:0px;
	right: 0px;
}
.goal-items .author-image .user-image{
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.goal-items .author-image .user-image:after{
	border-radius: 50%;
}
.goal-items .author-image .user-initial{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	line-height: 29px;
}

.goal-items .icon-box .icon {
	line-height: 60px;
}

.goal-items .icon-box .icon:before {
	line-height: 60px;
}

.goal-items .goal-blue {
	background-color: var(--wt-blue-6bb2ed);
}

.goal-items .goal-purple {
	background-color: var(--wt-purple-a491ff);
}

.goal-items .goal-orange {
	background-color: var(--wt-orange-fa9d7e);
}

.goal-items .goal-yellow {
	background-color: var(--wt-yellow-f5d762);
}

.goal-items .goal-green {
	background-color: var(--wt-green-78e092);
}

.goal-items .title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
	color: var(--wt-grey-4c);
	padding-right: 27px;
	display: inline-block;
	position: relative;
	top: -2px;
}
.goal-items .title a {
    color: var(--wt-grey-4c);
    /*display: inline-block;*/
	position: relative;
    top: -2px;
    padding-right: 27px;
}

.goal-items .title span {
    color: var(--wt-grey-4c);
    display: inline-block;
	position: relative;
    top: -2px;
    padding-right: 27px;
}



/*.goal-items .title .icon {
	display: block;
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	text-decoration: none;
	color: #bcbcbc;
	line-height: 20px;
	font-size: 15px;
}*/

.goal-items .title .icon {
	display: block;
	position: absolute;
	top: 0px;
	right: 15px;
	width: 20px;
	height: 20px;
	text-decoration: none;
	color: var(--wt-grey-59);
	line-height: 20px;
	font-size: 16px;
}

.goal-items .title .icon.edit {
	right: 25px;
}

.goal-items .title .icon.delete {
	right: 0px;
}

.goal-items .title .icon:hover, .goal-items .title .icon:active, .goal-items .title .icon:focus {
	color: var(--wt-primary);
}

.goal-items .status {
	position: relative;
	top: -3px;
	padding-bottom: 0;
	width: 90%;
}

.goal-items .status .date {
	font-size: 10px;
	line-height: 12px;
	color: var(--wt-grey-66);
	padding-right: 5px;
	display: inline-block;
}

.goal-items .status .progress-wrap {
	display: inline-block;
	width: 90px;
	position: relative;
	top: -1px;
}

.goal-items .status .progress-bar {
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background-color: var(--wt-grey-eb);
	box-shadow: none;
	-webkit-box-shadow: none;
}

.goal-items .status .progress-bar .progress-bar-complete {
	height: 6px;
	border-radius: 3px;
	background-color: var(--wt-secondary);
}

.goal-items .status .procente {
	background-color: var(--wt-secondary);
	color: var(--wt-white);
	display: block;
	position: absolute;
	top: -6px;
	left: 100px;
	font-size: 11px;
	line-height: 12px;
	font-weight: 600;
	padding: 2px 4px;
	border-radius: 2px;
}

.goal-items .status .procente:before {
	display: block;
	content: "";
	position: absolute;
	top: 5px;
	left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	border-color: transparent var(--wt-secondary) transparent transparent;
}

.goal-items .progress-bar {
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background-color: var(--wt-grey-eb);
	box-shadow: none;
	-webkit-box-shadow: none;
}

.goal-items .progress-bar .progress-bar-complete {
	height: 6px;
	border-radius: 3px;
	background-color: var(--wt-secondary);
}

/*.goal-items .checkbox input {
    margin-left: 0;
}*/


.goal-items .checkbox input {
    margin-left: 0;
}

.goal-items .procente {
	background-color: var(--wt-secondary);
	color: var(--wt-white);
	display: block;
	position: absolute;
	top: -6px;
	left: 100px;
	font-size: 11px;
	line-height: 12px;
	font-weight: 600;
	padding: 2px 4px;
	border-radius: 2px;
}

.goal-items .procente:before {
	display: block;
	content: "";
	position: absolute;
	top: 5px;
	left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	border-color: transparent var(--wt-secondary) transparent transparent;
}

.goal-items .checkbox {
	position: absolute;
	right: -14px;
	padding-left: 10px;
	top: 48px;
}

.goal-items .checkbox input {
	margin-left: 0;
}

.goal-items .bottom {
	position: relative;
	text-align: left;
	line-height: 18px;
	top: 1px;
}

.goal-items .bottom .item {
	font-size: 11px;
	line-height: 11px;
	color: var(--wt-grey-99);
	text-decoration: none;
	display: inline-block;
	padding-right: 10px;
}

.goal-items .bottom .item .icon {
	font-size: 12px;
	vertical-align: middle;
	padding-right: 3px;
	padding-left: 3px;
}

.goal-items .bottom .item .icn-group {
	font-size: 16px;
}

.goal-items .bottom .item:last-child {
	padding-right: 0;
}

.goal-items .bottom a.item:hover, .goal-items .bottom a.item:active, .goal-items .bottom a.item:focus {
	color: var(--wt-primary);
}

.goal-items .bottom .item-comments {
	padding-left: 10px;
	border-left: solid 1px var(--wt-grey-e6);
}

/*.goal-items .activity {
	padding-left: 0;
}*/

.activity li  {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: var(--wt-grey-f7);
	margin-bottom: 1px;
	display: table;
	width: 100%;
}

.goal-items .activity li .nr {
	width: 40px;
	display: table-cell;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: var(--wt-white);
	font-weight: 700;
	font-size: 16px;
}

.goal-items .activity li.finished-child-goal {
	background-color: var(--wt-slate-edf7f7);
}

.goal-items .activity li .user-image-childgoal {
    width: 40px;
	display: table-cell;
 }

.goal-items .activity.connections, .task-items .activity.connections {
   background-color: var(--wt-grey-f7);
}

.goal-items .activity.connections.no-padding-top, .task-items .activity.connections.no-padding-top  {
    padding-top: 0px;
}

.goal-items .activity.connections li.connection-item, .task-items .activity.connections li.connection-item {
   background-color: var(--wt-white);
   border: solid 1px var(--wt-grey-e5);
   box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
}

.goal-items .activity.connections li .connection-link, .task-items .activity.connections li .connection-link {
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-left: 4px;
     color: var(--wt-primary);
    float: right;
}

.goal-items .activity.connections li .connection-link .icon, .task-items .activity.connections li .connection-link .icon {
    margin-right: 4px;
    font-size: 11px;
    top: 9px;
}

.activity.connections li .connection-link .icon.icn-group{
    font-size: 16px;
}

.activity.connections li .connection-link:hover {
    text-decoration: underline;
} 

.activity.connections li.header {
    font-size: 12px;
    color: var(--wt-slate-7b828c);
    font-weight: 600;
}

.activity li .user-image-connections {
    width: 40px;
	display: table-cell;
    padding: 10px;
 }

.activity li .group-connections {
    width: 40px;
	display: table-cell;
    padding-left: 10px;
    padding-top: 10px;
    text-align: center;
 }

.activity li .group-connections .icon {
    font-size: 24px;
    color: var(--wt-primary);
}
.goal-items .activity li .desc, .task-items .activity li .desc {
	display: table-cell;
	padding-left: 15px;
	color: var(--wt-grey-66);
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	font-weight: 600;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 30px;
}

.goal-items li .status .procente, .goal-items li .title .icon, .goal-items li .checkbox {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}


.goal-items li .checkbox.visible {
	visibility: visible !important;
	opacity: 1;
}


.goal-items li:hover .status .procente, .goal-items li:hover .title .icon, .goal-items li:hover .checkbox {
	visibility: visible;
	opacity: 1;
}

@media (max-width: 767px) {
	.goal-items li:hover .status .procente, .goal-items li:hover .title .icon, .goal-items li:hover .checkbox {
		visibility: hidden;
		opacity: 0;
	}
}

.content-box-wrap {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
	margin-top: 30px;
}


.content-box-wrap .title {
	padding: 10px 20px;
	border-bottom: solid 1px var(--wt-grey-e6);
}

.content-box-wrap .title h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--wt-grey-4c);
}

.content-box-wrap .bottom {
	background-color: var(--wt-grey-f7);
	border-top: solid 1px var(--wt-grey-e6);
	padding: 20px;
}

/*.content-box-wrap .bottom .btn-primary {
	margin-left: 10px;
}*/

    .content-box-wrap .bottom .button-area {
        max-width: 780px;
    }

.content-box-wrap .content-box {
	padding: 20px;
}

@media (max-width: 480px) {
	.content-box-wrap .bottom .btn {
		/*display: block;*/
		float: none;
		width: 100%;
	}

	.content-box-wrap .bottom .btn-default {
		margin-bottom: 10px;
		margin-top: 10px;
	}

    .content-box-wrap .bottom #create-new-task-button {
        margin-top: 10px;
    }

    .content-box-wrap .bottom .create-task-btn {
        margin-bottom: 0px;
        width: 100%;
    }
}

section #main div.feedback-icons {
	padding: 5px;
}

section #main div.feedback-icons ul {
	padding: 0;
	margin: 0;
	display: table;
}

section #main div.feedback-icons ul li {
	list-style: none;
	display: block;
	float: left;
	padding: 5px;
}

section #main div.feedback-icons ul li a {
	border: solid 1px var(--wt-grey-db);
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	background-color: var(--wt-white);
	text-decoration: none;
	line-height: 20px;
	height: 36px;
	font-size: 20px;
	padding: 7px;
}

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

.liquid-donut-chart .status-2 {
  fill: var(--wt-temp-2);
  /*stroke:#FC9526;*/
}
.liquid-donut-chart .status-3 {
  fill: var(--wt-temp-3);
  /*stroke:#EBE9E8;*/
}
.liquid-donut-chart .status-4 {
  fill: var(--wt-temp-4);
  /*stroke:#CBE711;*/
}
.liquid-donut-chart .status-5 {
  fill: var(--wt-temp-5);
  /*stroke:#97E126;*/
}

.feedback-question {
	padding-left: 10px;
	padding-top: 20px;
}

.feedback-question .username {
	font-size: 12px;
	color: var(--wt-red-ff6f6f);
	line-height: 16px;
	display: block;
}

.feedback-question .question {
	font-size: 14px;
	color: var(--wt-grey-59);
	line-height: 18px;
	display: block;
	font-weight: 600;
}

.gray-row {
	background-color: var(--wt-grey-f7);
	margin-top: 10px;
}

.gray-sep {
	background-color: var(--wt-grey-e6);
	width: 100%;
	height: 1px;
	clear: both;
	margin-bottom: 20px;
}


@media (max-width: 370px) {
  #description-task-button {
      width: 130px;
      padding: 2px;
      padding-top: 10px;
      font-size: 12px;
   }
}



.bootstrap-modal-cropper {
    width: 720px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
}

.bootstrap-modal-cropper img {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
}


.cropimage .cropimage-toolbar {
    background-color: var(--wt-white);
     border-top: solid 2px var(--wt-grey-db);
    border-bottom: solid 2px var(--wt-grey-db);
    width: 100%;
    clear: both;
}

.cropimage .cropimage-toolbar .toolbar-area {
    margin-left: auto;
    margin-right: auto;
}

.cropimage .cropimage-toolbar button {
    width: 50px;
    height: 46px;
    background-color: var(--wt-white);
    border: none;
    border-right: solid 2px var(--wt-grey-db);
    display: block;
    float: left;
    color: var(--wt-grey-bc);
    padding-top: 4px;
}

.cropimage .cropimage-toolbar .btn-file {
    height: 46px;
    background-color: var(--wt-white);
    border: none;
    border-right: solid 2px var(--wt-grey-db);
    display: block;
    float: left;
    color: var(--wt-grey-bc);
    font-weight: 600;
    padding-top: 12px;
    text-align: center;
    font-size: 13px;
    border-radius: 0;
}

.cropimage .cropimage-toolbar .delete-photo {
     display: block;
     color: var(--wt-grey-bc);
      padding-top: 13px;
    text-align: center;
    font-size: 13px;
    margin-right: 10px;
}

.cropimage .cropimage-toolbar .btn-file .icon {
    padding-top: 2px;
    font-weight: 500;
    font-size: 14px;
    right: -4px;
}

.cropimage .cropimage-toolbar button:hover, .cropimage .cropimage-toolbar button:active, .cropimage .cropimage-toolbar .btn-file:hover {
    background-color: var(--wt-grey-f7);
    color: var(--wt-grey-99);
    cursor: pointer;
}

.cropimage .cropimage-toolbar .btn-file #uploadImage {
    cursor:pointer;
}

.cropimage .cropimage-toolbar .btn-file > input:hover {
    cursor:pointer;
}

.cropimage .cropimage-toolbar a.delete-photo:hover, .cropimage .cropimage-toolbar a.delete-photo:active {
    color: var(--wt-primary);
}

@media (max-width: 768px) {
  .gray-sep {
      margin-bottom: 5px;
   }

  .bootstrap-modal-cropper {
        width: 320px;
   }
}

.form-group-style-1 {
	max-width: 780px;
	margin-bottom: 20px;
}

.form-group-style-1.connected-groups {
	max-width: 3000px;
    background-color: var(--wt-grey-f7);
    margin-left: -20px;
    margin-right: -20px;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: solid 1px var(--wt-grey-e6);
    border-bottom: solid 1px var(--wt-grey-e6);
}

.form-group-style-1.connected-groups .row {
    margin-left: 0px;
    margin-right: 0px;
}

.form-group-style-1.view {
    margin-bottom: 0px;
}

.form-group-style-1 label {
	line-height: 18px;
	padding-top: 12px;
	padding-bottom: 2px;
	color: var(--wt-grey-59);
}

.form-group-style-1 p {
	padding-top: 8px;
	padding-bottom: 2px;
}

.form-group-style-1 .btn {
	padding: 10px 20px;
	height: 40px;
}

.form-group-style-1 .btn .icon {
	font-size: 16px;
	line-height: 16px;
	margin-right: 10px;
	display: inline-block;
	max-height: 20px;
	position: relative;
	top: 3px;
}

.form-group-style-1 .btn .icon:before {
	line-height: 14px;
	display: block;
	max-height: 14px;
	position: relative;
}

.form-group-style-1 .btn .icn-group {
	font-size: 18px;
	line-height: 16px;
}

.form-group-style-1 .buttons-wrap {
	margin-top: -10px;
	margin-left: -10px;
}

.form-group-style-1 .buttons-wrap > .btn {
	margin-top: 10px;
	margin-left: 10px;
}

.form-group-style-1 .btn-right-20px {
	margin-right: 20px;
}

.form-group-style-1 .btn-top-10px {
	margin-top: 10px;
}

.form-group-style-1 .form-control {
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 15px;
	height: 40px;
}

.form-group-style-1 textarea.form-control {
	height: auto;
	max-width: 100%;
    font-weight: 500;
}

.form-group-style-1 input[type="radio"] {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.form-group-style-1 .datepicker.form-control {
	width: 130px;
}

.form-group-style-1 .datepicker.form-control.full-width {
	width: 100%;
}

.form-group-style-1 .wrap-datapicker:before {
	font-family: "line-icons" !important;
	content: "\e01b";
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	font-size: 14px;
	color: var(--wt-grey-99);
	position: absolute;
	top: 12px;
	left: 25px;
}

.form-group-style-1 .wrap-datapicker input {
	padding-left: 34px;
}

.form-group-style-1 .btn-dropdown {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-cc);
	height: 40px;
	width: 100%;
	position: relative;
	text-align: left;
	border-radius: 3px;
}

.form-group-style-1 .btn-dropdown .caret {
	position: absolute;
	right: 15px;
	top: 17px;
	color: var(--wt-grey-99);
}

.form-group-style-1 .btn-dropdown:hover, .form-group-style-1 .btn-dropdown:active, .form-group-style-1 .btn-dropdown:focus {
	border-color: var(--wt-primary);
}

.form-group-style-1 .btn-dropdown:hover .caret, .form-group-style-1 .btn-dropdown:active .caret, .form-group-style-1 .btn-dropdown:focus .caret {
	color: var(--wt-primary);
}

.form-group-style-1 .btn-add-task {
	margin-top: 0;
	margin-bottom: 0;
}

.session-title {
    font-weight:400;
    color:var(--wt-grey-59);
    text-transform:none;
    font-size: 16px;
}


.form-group-style-1-private {
	background-color: var(--wt-yellow-fef7e4);
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px;
	padding-bottom: 1px;
	clear: both;
	margin-bottom: 20px;
	position: relative;
}

.form-group-style-1-private:before {
	content: "\e045";
	font-family: "line-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 15px;
	font-size: 30px;
	right: 20px;
	color: var(--wt-sand-d8d2c2);
	z-index: 5;
}

.form-group-style-1-private > div {
	z-index: 8;
	position: relative;
}

.form-group-style-1 .edit-membership-user .checkbox {
    float: right;
     margin-top: 10px;
}

.form-group-style-1 .edit-membership-user .checkbox .button-checkbox .btn  {
    margin-right: 0;
    margin-left: 30px;
}

.form-group-style-1 .edit-membership-user .delete-cheched{
    display: block;
    float: right;
    color: var(--wt-grey-bc);
    text-decoration: none;
    padding-top: 12px;
    padding-right: 5px;
    font-size: 13px;
     margin-top: 10px;
}

.form-group-style-1 .edit-membership-user a.delete-cheched:hover {
     color: var(--wt-primary);
}

.form-group-style-1 .edit-membership-user .delete-cheched .icon {
    margin-right: 6px;
    font-size: 14px;
       vertical-align: middle;
}   

.btn-group-style-1 button.btn {
	background-color: var(--wt-grey-f7);
	border: solid 1px var(--wt-grey-e0);
	padding: 20px 10px 10px 10px;
	width: 100px;
	min-height: 100px;
	text-align: center;
	position: relative;
	color: var(--wt-grey-66);
}

.btn-group-style-1.customer-settings button.btn {
    width: 60px;
	min-height: 60px;
}

.btn-group-style-1 button.btn .cat-name {
	display: block;
	font-weight: 600;
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	vertical-align: bottom;
	padding-top: 10px;
	clear: both;
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn-group-style-1 button.btn .icon {
	font-size: 30px;
	line-height: 32px;
	min-height: 36px;
	clear: both;
	text-align: center;
	display: block;
	margin: 0;
}


.btn-group-style-1 button.btn .numberofusers {
	font-size: 24px;
	line-height: 20px;
	min-height: 36px;
	clear: both;
	text-align: center;
	display: block;
	margin: 0;
}


@media (max-width: 767px) {
   .btn-group-style-1 button.btn {
	padding: 10px 5px 5px 5px;
	width: 50px;
	min-height: 50px;
 }
   .btn-group-style-1 button.btn .cat-name {
	display: block;
	font-weight: 600;
	width: 100%;
	font-size: 9px;
	line-height: 12px;
	text-align: center;
	vertical-align: bottom;
	padding-top: 5px;
	clear: both;
}
.btn-group-style-1 button.btn .icon {
	font-size: 20px;
	line-height: 18px;
	min-height: 26px;
	clear: both;
	text-align: center;
	display: block;
	margin: 0;
}

.btn-group-style-1 button.btn .numberofusers {
	font-size: 20px;
	line-height: 18px;
	min-height: 26px;
	clear: both;
	text-align: center;
	display: block;
	margin: 0;
}

}


.btn-group-style-1 button.btn .icon:before {
	max-height: none;
	line-height: inherit;
}

.btn-group-style-1 button.active {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.btn-group-style-1 button.active:before {
	content: "\e030";
	font-family: "line-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 18px;
	height: 18px;
	background-color: inherit;
	position: absolute;
	display: block;
	font-size: 9px;
	padding-top: 3px;
	padding-left: 1px;
	top: -9px;
	left: 50%;
	margin-left: -9px;
	border: solid 2px var(--wt-white);
	border-radius: 9px;
}

.btn-group-style-1 button.blue .icon {
	color: var(--wt-blue-6bb2ed);
}

.btn-group-style-1 button.purple .icon {
	color: var(--wt-purple-a491ff);
}

.btn-group-style-1 button.orange .icon {
	color: var(--wt-orange-fa9d7e);
}

.btn-group-style-1 button.learning-orange .icon {
	color:var(--wt-orange-fd8d3a);
}

.btn-group-style-1 button.yellow .icon {
	color: var(--wt-yellow-f5d762);
}

.btn-group-style-1 button.green .icon {
	color: var(--wt-green-78e092);
}

.btn-group-style-1 button.purple2 .icon {
	color: var(--wt-purple-bb66cc);
}

.btn-group-style-1 button.active.blue, .btn-group-style-1 button.blue:hover {
	background-color: var(--wt-blue-6bb2ed);
	color: var(--wt-white);
	border-color: var(--wt-blue-6bb2ed);
}

.btn-group-style-1 button.active.blue .icon, .btn-group-style-1 button.blue:hover .icon {
	color: var(--wt-white);
}

.btn-group-style-1 button.active.purple, .btn-group-style-1 button.purple:hover {
	background-color: var(--wt-purple-a491ff);
	color: var(--wt-white);
	border-color: var(--wt-purple-a491ff);
}

.btn-group-style-1 button.active.purple .icon, .btn-group-style-1 button.purple:hover .icon {
	color: var(--wt-white);
}

.btn-group-style-1 button.active.orange, .btn-group-style-1 button.orange:hover {
	background-color: var(--wt-orange-fa9d7e);
	color: var(--wt-white);
	border-color: var(--wt-orange-fa9d7e);
}

.btn-group-style-1 button.active.orange .icon, .btn-group-style-1 button.orange:hover .icon {
	color: var(--wt-white);
}

.btn-group-style-1 button.active.learning-orange, .btn-group-style-1 button.learning-orange:hover {
	background-color: var(--wt-orange-f08637);
	color: var(--wt-white);
	border-color: var(--wt-orange-f08637);
}

.btn-group-style-1 button.active.learning-orange .icon, .btn-group-style-1 button.learning-orange:hover .icon {
	color: var(--wt-white);
}

.btn-group-style-1 button.active.yellow, .btn-group-style-1 button.yellow:hover {
	background-color: var(--wt-yellow-f5d762);
	color: var(--wt-white);
	border-color: var(--wt-yellow-f5d762);
}

.btn-group-style-1 button.active.yellow .icon, .btn-group-style-1 button.yellow:hover .icon {
	color: var(--wt-white);
}

.btn-group-style-1 button.active.green, .btn-group-style-1 button.green:hover {
	background-color: var(--wt-green-78e092);
	color: var(--wt-white);
	border-color: var(--wt-green-78e092);
}

.btn-group-style-1 button.active.green .icon, .btn-group-style-1 button.green:hover .icon {
	color: var(--wt-white);
}


.btn-group-style-1 button.active.purple2, .btn-group-style-1 button.purple2:hover {
	background-color: var(--wt-purple-bb66cc);
	color: var(--wt-white);
	border-color: var(--wt-purple-bb66cc);
}

.btn-group-style-1 button.active.blue2 .icon, .btn-group-style-1 button.blue2:hover .icon {
	color: var(--wt-white);
}

.btn-group-style-1 button.active.blue2, .btn-group-style-1 button.blue2:hover {
	background-color: var(--wt-primary);
	color: var(--wt-white);
	border-color: var(--wt-primary);
}

.btn-group-style-1 button.active.purple2 .icon, .btn-group-style-1 button.purple2:hover .icon {
	color: var(--wt-white);
}

div.btn-group-style-2-colors button.btn {
	border: none;
	text-align: center;
	padding: 10px 12px;
	width: 40px;
	height: 40px;
	position: relative;
	margin-left: 0 !important;
}

div.btn-group-style-2-colors button.btn .icon {
	font-size: 10px;
	background-color: var(--wt-white);
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin: 0;
	padding-top: 1px;
	padding-left: 1px;
	position: absolute;
	top: 12px;
	color: inherit;
	right: 12px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

div.btn-group-style-2-colors .btn-color-darkblue {
	background-color: var(--wt-blue-225378);
	color: var(--wt-blue-225378);
}

div.btn-group-style-2-colors .btn-color-pink {
	background-color: var(--wt-pink-e67696);
	color: var(--wt-pink-e67696);
}

div.btn-group-style-2-colors .btn-color-purple {
	background-color: var(--wt-purple-a280c8);
	color: var(--wt-purple-a280c8);
}

div.btn-group-style-2-colors .btn-color-green {
	background-color: var(--wt-green-72c291);
	color: var(--wt-green-72c291);
}

div.btn-group-style-2-colors .btn-color-darkpink {
	background-color: var(--wt-pink-804663);
	color: var(--wt-pink-804663);
}

div.btn-group-style-2-colors button.btn.active .icon, div.btn-group-style-2-colors button.btn:hover .icon {
	opacity: 1;
	visibility: visible;
}

#add-learning-content-button {
    margin-top: 7px;
}

#addFileDiv .checkbox {
    margin-left: -5px;
    margin-top: -15px;
}

#addFileDiv .checkbox .btn {
    background-color: var(--wt-white);
    padding: 0;
    margin-right: 0;
}
#addFileDiv .checkbox label {
    padding-left: 8px;
}

/* custom Switch */
.wrap-switch {
	padding-bottom: 4px;
	padding-top: 4px;
}

.wrap-switch .switch-label-right {
	font-weight: 200;
	color: var(--wt-grey-99);
	margin-bottom: 0;
	padding-top: 0;
	display: inline-block;
    text-transform: none;
}

#UserImportWizard .wrap-switch {
    margin-bottom: 15px;
}

.wrap-switch .switch-label-bottom {
	font-weight: 200;
	color: var(--wt-grey-99);
	margin-bottom: 0;
	padding-top: 0;
	display: block;
}


.wrap-switch div.bootstrap-switch {
	border: none;
	border: solid 2px transparent !important;
	margin-right: 10px;
}

.wrap-switch div.bootstrap-switch.bootstrap-switch-focused {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: var(--wt-primary) !important;
}

.wrap-switch div.bootstrap-switch.bootstrap-switch-off.bootstrap-switch-focused {
	border-color: var(--wt-grey-e0) !important;
}

.wrap-switch div.bootstrap-switch-on {
	background-color: var(--wt-primary);
}

.wrap-switch div.bootstrap-switch-off {
	background-color: var(--wt-grey-e0);
}

.wrap-switch .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .wrap-switch .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
	background-color: var(--wt-primary) !important;
}

.wrap-switch .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .wrap-switch .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
	background-color: var(--wt-grey-e0) !important;
	color: var(--wt-grey-66) !important;
}

/*** Organisation Page ***/
.main-content {
	margin-top: 30px;
}

.action-bar .dropdown {
	margin-right: 15px;
}

.page-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--wt-grey-4c);
	margin-bottom: 10px;
}

@media (max-width: 767px) {
.page-title {
	font-size: 18px;
    display: block;
}
.back-button {
    float: left;
    display: block;
    margin-left: -2px;
    padding-top: 0px;
    padding-bottom: 0px;
}

}

.breadcrumb {
	margin: 0;
	margin-bottom: 20px;
	border: solid 1px var(--wt-grey-e5);
	padding: 4px 15px;
	border-radius: 2px;
}

.breadcrumb li {
	font-size: 11px;
	line-height: 16px;
}

.breadcrumb > li + li:before {
	font-size: 14px;
	color: var(--wt-grey-e5);
	padding-left: 10px;
	padding-right: 2px;
}

.breadcrumb a {
	color: var(--wt-primary);
	text-decoration: none;
}

.breadcrumb a:hover {
	color: var(--wt-primary);
	text-decoration: underline;
}

.top-pagination ul {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
}

.top-pagination ul li {
	list-style: none;
	display: inline-block;
	float: left;
}

.top-pagination ul li a {
	background-color: var(--wt-sand-cccbca);
	text-align: center;
	color: var(--wt-white);
	display: block;
	margin-left: 5px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 7px;
	border-radius: 2px;
	min-width: 30px;
	min-width: 30px;
	text-align: center;
	text-decoration: none;
}

.top-pagination ul li a .icon {
	padding-top: 2px;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	top: 1px;
}

.top-pagination ul li a:hover {
	background-color: var(--wt-sand-a6a5a4);
}

.top-pagination .active-paging-item {
	background-color: var(--wt-sand-a6a5a4);
	cursor: not-allowed;
	pointer-events: none;
}

.top-pagination .disabled-paging-item {
	cursor: not-allowed;
	pointer-events: none;
}

.top-pagination ul .empty {
	color: var(--wt-grey-99);
	padding-left: 2px;
	text-align: center;
	width: 30px;
}

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

.organization-items.nomarginTop {
    margin-top: 0px !important; 
}

.organization-items .row {
	margin-left: -5px;
	margin-right: -5px;
}

.organization-items .col-xs-1, .organization-items .col-sm-1, .organization-items .col-md-1, .organization-items .col-lg-1, .organization-items .col-xs-2, .organization-items .col-sm-2, .organization-items .col-md-2, .organization-items .col-lg-2, .organization-items .col-xs-3, .organization-items .col-sm-3, .organization-items .col-md-3, .organization-items .col-lg-3, .organization-items .col-xs-4, .organization-items .col-sm-4, .organization-items .col-md-4, .organization-items .col-lg-4, .organization-items .col-xs-5, .organization-items .col-sm-5, .organization-items .col-md-5, .organization-items .col-lg-5, .organization-items .col-xs-6, .organization-items .col-sm-6, .organization-items .col-md-6, .organization-items .col-lg-6, .organization-items .col-xs-7, .organization-items .col-sm-7, .organization-items .col-md-7, .organization-items .col-lg-7, .organization-items .col-xs-8, .organization-items .col-sm-8, .organization-items .col-md-8, .organization-items .col-lg-8, .organization-items .col-xs-9, .organization-items .col-sm-9, .organization-items .col-md-9, .organization-items .col-lg-9, .organization-items .col-xs-10, .organization-items .col-sm-10, .organization-items .col-md-10, .organization-items .col-lg-10, .organization-items .col-xs-11, .organization-items .col-sm-11, .organization-items .col-md-11, .organization-items .col-lg-11, .organization-items .col-xs-12, .organization-items .col-sm-12, .organization-items .col-md-12, .organization-items .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.organization-item-wrap {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
	display: table;
	width: 100%;
	min-height: 80px;
	margin-bottom: 10px;
}


.organization-item-wrap .left {
	display: table-cell;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px var(--wt-grey-e6);
}

.organization-item-wrap .left .icon {
	font-size: 28px;
	color: var(--wt-primary);
}

.organization-item-wrap .right {
	display: table-cell;
	padding: 13px 10px 10px 15px;
}

.organization-item-wrap .right .item-name {
	font-size: 15px;
	line-height: 14px;
	height: 35px;
	font-weight: 700;
	margin-bottom: 2px;
	vertical-align: middle;
	display: table-cell;
	color: var(--wt-grey-59);
}

.organization-item-wrap.user-directory-list .right .item-name {
    height: 25px;
}


.organization-item-wrap.user-directory-list .right .bottom {
    font-size: 13px;
    font-weight: 600;
    margin-top: -3px;
}

.organization-item-wrap .right .group {
    font-size: 12px;
    color: var(--wt-grey-66);
    line-height: 18px;
    font-weight: 500;
    margin-top: 3px;
}

.content-box-wrap .organization-item-wrap .right .bottom  {
    background-color: var(--wt-white);
    border-top: 0px;
    padding: 0;
}

.organization-item-wrap .right .item-name a {
	color: var(--wt-grey-59);
	text-decoration: none;
}

.organization-item-wrap .right .item-name a:hover {
	color: var(--wt-primary);
}

.organization-item-wrap .right .bottom .item {
	font-size: 11px;
	line-height: 11px;
	color: var(--wt-grey-99);
	text-decoration: none;
	display: inline-block;
	padding-right: 10px;
}

.organization-item-wrap .right .bottom .item:hover {
	color: var(--wt-primary);
}

.organization-item-wrap .right .bottom .item .icon {
	font-size: 12px;
	vertical-align: middle;
	padding-right: 3px;
}

.organization-item-wrap .right .bottom .item .icn-group {
	font-size: 16px;
}

.organization-item-wrap .checkbox {
    position: absolute;
    top: 10px;
    right: 6px;
}

.organization-item-wrap .checkbox .button-checkbox .btn {
    width: auto;
    background-color: transparent;
}

.organization-item-wrap .checkbox {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}
.organization-item-wrap:hover .checkbox {
  visibility: visible;
  opacity: 1;
}

.organization-item-wrap .checkbox .button-checkbox .btn:hover {
    background-color: var(--wt-white);
    border-radius: 0;
}

.organization-item-wrap .checkbox.visible {
	visibility: visible !important;
	opacity: 1;
}


/*** Timeline page ***/
.timeline-top-bar {
	margin-top: 30px;
}

.timeline-top-bar .comments-box {
	display: block;
	float: left;
	margin-bottom: 20px;
}

.timeline-top-bar .intro-stats {
	max-width: 360px;
}

.timeline-top-bar .intro-stats .right {
	padding: 14px 20px;
}

.timeline-top-bar .intro-stats .right .big {
	font-size: 24px;
	line-height: 34px;
	min-width: 200px;
}

.timeline-top-bar .wrap-timeline-setting {
	text-align: right;
	padding-top: 20px;
	padding-bottom: 20px;
}

.timeline-top-bar .timeline-settings {
	color: var(--wt-grey-99);
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-decoration: none;
}

.timeline-top-bar .timeline-settings .icon {
	font-size: 22px;
	position: relative;
	top: 5px;
	margin-left: 10px;
}

.timeline-top-bar .timeline-settings:hover, .timeline-top-bar .timeline-settings:active {
	color: var(--wt-secondary);
}

/*.gray-user-dropdown {
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.gray-user-dropdown .dropdown button {
  background-color: #bcbcbc;
  border: none;
  color: #fff;
  height: 80px;
  padding: 0;
}
.gray-user-dropdown .dropdown button .wrap-icons {
  display: table;
}
.gray-user-dropdown .dropdown button .icon {
  font-size: 30px;
  vertical-align: middle;
  display: table-cell;
}
.gray-user-dropdown .dropdown button .big-icon {
  padding-left: 30px;
  padding-right: 30px;
}
.gray-user-dropdown .dropdown button .icn-arrowdown {
  background-color: #b3b3b3;
  height: 80px;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
}
.gray-user-dropdown .dropdown button:hover, .gray-user-dropdown .dropdown button:active {
  background-color: #c2c2c2 !important;
  color: #fff !important;
}
.gray-user-dropdown .open button:hover, .gray-user-dropdown .open button:active, .gray-user-dropdown .open .dropdown-toggle.btn-default:hover, .gray-user-dropdown .open .dropdown-toggle.btn-default:active {
  background-color: #c2c2c2 !important;
  color: #fff !important;
}
.gray-user-dropdown .dropdown-menu {
  border: none;
  margin-top: 5px;
  border-radius: 5px;
}
.gray-user-dropdown .dropdown-menu a {
  display: block;
  position: relative;
  padding-left: 54px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.gray-user-dropdown .dropdown-menu a > .user-image {
  position: absolute;
  left: 20px;
  top: 10px;
  }*/

  .gray-user-dropdown {
  	display: block;
  	float: left;
  	margin-right: 20px;
  	margin-bottom: 20px;
  }

  .gray-user-dropdown .dropdown button {
  	background-color: var(--wt-white);
  	border: solid 1px var(--wt-grey-e5);
  	color: var(--wt-grey-99);
  	height: 80px;
  	padding: 0;
  	width: 140px;
  	display: block;
  }

  .gray-user-dropdown .dropdown button .user-image, .gray-user-dropdown .dropdown button .user-initial {
  	width: 50px;
  	height: 50px;
  	border-radius: 50%;
  	display: block;
  }

  .gray-user-dropdown .dropdown button .user-image:after, .gray-user-dropdown .dropdown button .user-initial:after {
  	border-radius: 50%;
  }

  .gray-user-dropdown .dropdown button .user-initial {
  	line-height: 48px;
  	font-size: 19px;
  }

  .gray-user-dropdown .dropdown button .icon {
  	display: block;
  	top: 0;
  	margin-right: 0;
  }

  .gray-user-dropdown .dropdown button .big-icon {
  	width: 50px;
  	height: 50px;
  	font-size: 30px;
  	padding-top: 2px;
  	line-height: 50px;
  }

  .gray-user-dropdown .dropdown button .user-image, .gray-user-dropdown .dropdown button .big-icon, .gray-user-dropdown .dropdown button .user-initial {
  	position: absolute;
  	left: 25px;
	top: 15px;
	border-radius: 50%;
	background-color: var(--wt-primary);
	color: var(--wt-white);
	font-size: 22px;
	font-weight: 600;
  }

  .gray-user-dropdown .dropdown button .user-initial {
	  font-size: 19px;
  }

	.gray-user-dropdown .dropdown button .icn-arrowdown, .gray-user-dropdown .dropdown button .fontastic-icon-arrow-down {
		background-color: var(--wt-grey-f7);
		border-left: solid 1px var(--wt-grey-e5);
		height: 78px;
		font-size: 15px;
		text-align: center;
		width: 40px;
		padding-top: 30px;
		color: var(--wt-grey-99);
		float: right;
	}

  .gray-user-dropdown .dropdown button:hover, .gray-user-dropdown .dropdown button:active {
  	background-color: var(--wt-white);
  	border-color: var(--wt-grey-d1);
  	outline: none;
  	box-shadow: none;
  }

  .gray-user-dropdown .dropdown button:hover .icn-arrowdown, .gray-user-dropdown .dropdown button:active .icn-arrowdown {
  	border-color: var(--wt-grey-d1);
  	background-color: var(--wt-grey-f0);
  	color: var(--wt-grey-66);
  }

  .gray-user-dropdown .modal-search {
      margin-left: 20px;
      margin-top: 5px;
  }

   .gray-user-dropdown .modal-search input {
       width: 230px;
  }

  .gray-user-dropdown .dropdown-menu {
  	border: none;
  	margin-top: 5px;
  	border-radius: 5px;
  }

  .gray-user-dropdown .dropdown-menu a {
  	display: block;
  	position: relative;
  	padding-left: 54px;
  	padding-top: 12px;
  	padding-bottom: 12px;
  }

  .gray-user-dropdown .dropdown-menu a > .user-image, .gray-user-dropdown .dropdown-menu a > .user-initial {
  	position: absolute;
  	left: 20px;
  	top: 10px;
  }

  .gray-user-dropdown .search-company-area {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 5px;
  }

    .gray-user-dropdown .search-option-area {
      padding-left: 0;
      padding-right: 0;
      border-bottom: 1px solid var(--wt-grey-e5);
  }
    .gray-user-dropdown .search-inactive {
        margin-bottom: 5px;
    }

   .gray-user-dropdown .checkbox {
       margin-left: 10px;
       padding-top: 0 !important;
      
  } 
   .gray-user-dropdown .checkbox .btn {
       width: 0;
       height: 0;
    }

   .gray-user-dropdown div.checkbox .button-checkbox {
       margin-left: 0px;
   }

    .gray-user-dropdown .checkbox label {
        padding-left: 43px;
        color:var(--wt-grey-99);
    }

  .session-timeline-header {
  	background-color: var(--wt-white);
  	border: solid 1px var(--wt-grey-e5);
  	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
  }

  .session-timeline-header .top {
  	padding: 20px;
      min-height: 80px;
  }

.session-timeline-header .top .top-right-link {
	display: inline-block;
	float: right;
	line-height: 40px;
	font-size: 13px;
	font-weight: 700;
	color: var(--wt-grey-66);
}
.session-timeline-header .top .top-right-link a {
	text-decoration: underline;
	padding-left: 8px;
}
.session-timeline-header .top .top-right-link a:hover {
	text-decoration: none;
}

  .session-timeline-header .bottom {
  	background-color: var(--wt-grey-f7);
  	border-top: solid 1px var(--wt-grey-e6);
  	padding: 20px 20px 10px 10px;
  	padding-bottom: 10px;
  }
  
  .session-timeline-header .bottom.temperature {
      background-color: var(--wt-white);
  }

  .session-timeline-header .bottom .user-temperature-title {
      padding-bottom: 10px;
  }

  .session-timeline-header .bottom .dropdown {
  	margin: 10px;
  	margin-right: 0;
  	margin-top: 0;
  }

  .session-timeline-header .temperature .title {
      font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
    padding-top: 18px;
    padding-bottom: 18px;
    letter-spacing: 1px;
    color:var(--wt-primary);
      margin-bottom: 10px;
  }

  #temperature-content {
      margin-top: 30px;
  }

  .stats-administration .box .title button:hover, .stats-administration .box .title button:active, .stats-administration .box .title button:focus{
	color: var(--wt-primary);
}

  .marginright10 {
  	margin-right: 10px !important;
  }

/*** Details Adjsutments ***/

.session-timeline-header > ul > li .page-title {
    margin-left: 20px;
}

.session-timeline-header > ul{
	display: table;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}

.session-timeline-header > ul > li{
	display: table-cell;
	width: auto;
	vertical-align: middle;
}

.session-timeline-header > ul > li a {
    margin-left: 20px;
    
}

.session-timeline-header > ul > li.right{
	text-align: right;
	width: 140px;
}
.session-timeline-header > ul > li.right a.back-button{
	border-left: solid 1px var(--wt-grey-e5);
}
.session-timeline-header > ul > li a.back-button{
	width: 100%;
	text-align: center;
    color: var(--wt-accent);;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 25px 15px 24px 15px;
	display: block;
}

.session-timeline-header > ul > li a.back-button.blue {
    color: var(--wt-primary);
}

.session-timeline-header > ul > li a.back-button:hover, .session-timeline-header > ul > li a.back-button:focus{
	background-color: var(--wt-grey-fa);
}

  .timeline-navigation {
  	padding-left: 80px;
  	min-height: 30px;
  	/*float: left;*/
  	position: relative;
  }

  #timeline-navigation-area2 {
      display: block;
      margin-top: -6px;
  }

  .timeline-navigation .nav-btn {
  	font-size: 14px;
  	line-height: 20px;
  	text-decoration: none;
  	text-align: center;
  	width: 30px;
  	height: 30px;
  	padding-top: 7px;
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 10px;
  	color: var(--wt-grey-bc);
  }

  .timeline-navigation .nav-btn:hover, .timeline-navigation .nav-btn:active {
  	color: var(--wt-secondary);
  	text-decoration: none;
  }

  .timeline-navigation .nav-btn-right {
  	left: 40px;
  }

  .timeline-navigation .desc {
  	display: inline-block;
  	font-size: 11px;
  	vertical-align: middle;
  	font-weight: 600;
  	padding-top: 7px;
  	margin-bottom: 10px;
  	color: var(--wt-grey-99);
  	line-height: 14px;
  	position: relative;
  }

   .session-timeline-header .period-action-link {
  	display: inline-block;
  	font-size: 12px;
  	vertical-align: middle;
  	font-weight: 400;
  	padding-top: 7px;
    margin-left: 5px;
  	margin-bottom: 10px;
  	line-height: 14px;
    color: var(--wt-primary);
    text-decoration: underline;
  	position: relative;
  }

     .session-timeline-header a:hover.period-action-link {
        color: var(--wt-blue-23527c);
    }

.session-timeline-header .period-info {
  	display: none;
  	font-size: 11px;
  	vertical-align: middle;
  	font-weight: 600;
  	padding-top: 7px;
    margin-right: 5px;
  	margin-bottom: 10px;
  	line-height: 14px;
    color: var(--wt-grey-82);
  	position: relative;
  }

.session-timeline-header div.checkbox label {
    margin-right: 15px;
}  

.session-timeline-header div.checkbox .button-checkbox .btn {
    background-color: var(--wt-grey-f7);
    margin-right: -5px;
}

  .timeline-comment {
  	margin-left: -20px;
  	margin-right: -20px;
  	margin-bottom: -10px;
  }

  .session-timeline .item .time .date {
  	padding-top: 4px;
  	padding-bottom: 4px;
  	position: relative;
  }

  .session-timeline .item .time .date:after {
  	content: "";
  	display: block;
  	position: absolute;
  	right: -6px;
  	top: 5px;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 6px 0 6px 6px;
  	border-color: transparent transparent transparent var(--wt-sand-dedcdc);
  	z-index: 5;
  }

  .session-timeline .item .time .date:before {
  	content: "";
  	display: block;
  	position: absolute;
  	right: -5px;
  	top: 5px;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 6px 0 6px 6px;
  	border-color: transparent transparent transparent var(--wt-white);
  	z-index: 10;
  }

  .session-timeline .item .info-block .session-block {
  	width: 100%;
  }

  .session-timeline .item .info-block .session-block:after {
  	content: "";
  	display: block;
  	position: absolute;
  	left: -8px;
  	top: 15px;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 8px 8px 8px 0;
  	border-color: transparent var(--wt-sand-dedcdc) transparent transparent;
  	z-index: 5;
  }

  .session-timeline .item .info-block .session-block:before {
  	content: "";
  	display: block;
  	position: absolute;
  	left: -7px;
  	top: 15px;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 8px 8px 8px 0;
  	border-color: transparent var(--wt-white) transparent transparent;
  	z-index: 10;
  }

  .session-timeline .item .time {
  	padding-top: 32px;
  }

  .session-timeline .item .info-block {
  	padding-left: 25px;
  }

  .session-timeline .item .info-block .session-block {
  	padding: 0;
  }

  .session-timeline .item .info-block .session-block .top {
  	padding: 20px;
  	padding-right: 50px;
  	padding-bottom: 6px;
  }

  .session-timeline .item .info-block .session-block .top .status {
  	font-size: 10px;
  	background-color: var(--wt-grey-99);
  	position: absolute;
  	top: 27px;
  	padding: 2px 4px;
  	right: 58px;
  	color: var(--wt-white);
  }

  .session-timeline .item .info-block .session-block .top .comment-status {
  	font-size: 10px;
  	background-color: var(--wt-grey-99);
  	position: absolute;
  	top: 27px;
  	padding: 2px 4px;
  	right: 20px;
  	color: var(--wt-white);
    text-transform: uppercase;
  }

  .session-timeline .item .info-block .session-block .top .not-published {
  	font-size: 10px;
  	background-color: var(--wt-grey-99);
  	padding: 2px 4px;
  	color: var(--wt-white);
      width: 140px;
      margin-left: 10px;
    text-transform: uppercase;
  }

  .session-timeline .item .info-block .session-block .top .status-green {
  	background-color: var(--wt-green-3cce4e);
  }

  .session-timeline .item .info-block .session-block .top .status-blue {
  	background-color: var(--wt-primary);
    font-weight: 700;
  }

  .session-timeline .item .info-block .session-block .top .status-red {
  	background-color: var(--wt-red-fe6e6d);
  }

    .session-timeline .item .info-block .session-block .top .item-comments {
  	color: var(--wt-grey-99);
  	font-size: 12px;
  	margin-bottom: 10px;
  }

  .session-timeline .item .info-block .session-block .bottom {
  	padding: 20px;
  	padding-top: 0px;
  	padding-right: 20px;
  	padding-bottom: 10px;
  	border-radius: 0 0 3px 3px;
  	position: relative;
  	display: none;
  }

  .session-timeline .item .info-block .session-block .bottom p {
  	margin-bottom: 3px;
  }

  .session-timeline .item .info-block .session-block .bottom .feedback-icons {
  	padding: 0 !important;
  	margin-right: -5px;
  }

  .session-timeline .item .info-block .session-block .bottom-private {
  	background-color: var(--wt-yellow-fef7e4);
  	border-top: solid 1px var(--wt-yellow-e4decd);
  	padding-top: 15px;
  }

  .session-timeline .item .info-block .session-block .bottom-private:before {
  	content: "\e045";
  	font-family: "line-icons" !important;
  	font-style: normal !important;
  	font-weight: normal !important;
  	font-variant: normal !important;
  	text-transform: none !important;
  	speak: none;
  	line-height: 1;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	position: absolute;
  	top: 20px;
  	font-size: 30px;
  	right: 15px;
  	color: var(--wt-sand-d8d2c2);
  	z-index: 5;
  }

  .session-timeline .item .info-block .session-block .bottom-attachments {
  	background-color: var(--wt-grey-f7);
  	border-top: solid 1px var(--wt-yellow-e4decd);
  	padding-top: 15px;
  }

  .session-timeline .item .info-block .session-block .bottom-attachments:before {
  	content: "\e01a";
  	font-family: "line-icons" !important;
  	font-style: normal !important;
  	font-weight: normal !important;
  	font-variant: normal !important;
  	text-transform: none !important;
  	speak: none;
  	line-height: 1;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	position: absolute;
  	top: 20px;
  	font-size: 30px;
  	right: 15px;
  	color: var(--wt-sand-d8d2c2);
  	z-index: 5;
  }

  .session-timeline .item .info-block .session-block a {
  	font-size: 12px;
  	color: var(--wt-primary);
  	text-decoration: none;
  }

  .session-timeline .item .info-block .session-block a:hover {
  	text-decoration: underline;
  }

  .session-timeline .item .info-block .session-block .comment-details {
  	margin-left: 1px;
  }

  .session-timeline .item .info-block .session-block .comment-details span {
  	font-size: 11px;
  	/*color: #999;*/
  }

  .session-timeline .item .info-block .session-block .comment-details .icon {
  	height: 16px;
  	width: 16px;
  	display: inline-block;
  	vertical-align: middle;
  	position: static;
  	bottom: 0;
  	margin-right: 3px;
  	margin-left: 1px;
  	line-height: 15px;
  	font-size: 11px;
  	/*color: #999;*/
  }


  .session-timeline .item .info-block .simple {
  	padding: 15px 20px;
  }

  .session-timeline .item .info-block .session-block.open .bottom {
  	display: block;
  }

  .session-timeline .item .info-block .session-block .title {
  	font-size: 16px;
  	color: var(--wt-grey-4c);
  	margin-bottom: 10px;
  	margin-top: 5px;
  	padding-right: 100px;
    line-height: 1.4;
  }

  .session-timeline .item .quote i:before {
      font-family: "line-icons" !important;
      content: "\e04a";
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding-right: 10px;
      color: var(--wt-sand-d9d8d7);
      font-size: 16px;
      height: 18px;
      display: inline-block;
      vertical-align: middle;
  }

  .session-timeline .item .info-block .session-block .title .icn-attachment {
  	font-size: 16px;
    position: relative;
    top: 2px;
  	color: var(--wt-grey-4c);
  }

  .session-timeline .item .info-block .session-block .title a {
  	font-size: 16px;
  	color: var(--wt-grey-4c);
  	text-decoration: none;
  }

  .session-timeline .item .info-block .session-block .title a:hover {
  	color: var(--wt-primary);
  }

  .session-timeline .item .info-block {
  	padding-top: 20px;
  	padding-bottom: 0;
  }

  .session-timeline .item .line {
  	padding-top: 20px;
  }

  .session-timeline .btn-timeline-more {
  	top: 20px;
  	right: 20px;
  }

  /* mobile timeline */
  @media (max-width: 768px) {
  	.session-timeline .item .time {
  		width: 60px;
  		min-width: 60px;
  		padding-right: 0;
  	}

  	.session-timeline .item .time .date {
  		background-color: transparent;
  		border: none;
  		padding-left: 0;
  		font-size: 9px;
  		text-align: left;
  		padding-top: 6px;
  	}

  	.session-timeline .item .time .date:before, .session-timeline .item .time .date:after {
  		display: none;
  	}

  	.session-timeline .item .line {
  		min-width: 4px;
  	}

  	.session-timeline .item .line .circle {
  		width: 14px;
  		height: 14px;
  		border-width: 2px;
  		top: 17px;
  		left: -5px;
  	}

  	.session-timeline .item .info-block {
  		padding-left: 15px;
  	}

  	.session-timeline .item .info-block .session-block .top {
  		padding: 10px;
  		padding-right: 50px;
  		padding-top: 15px;
  	}

  	.session-timeline .item .info-block .session-block .top .title {
  		padding-right: 0;
  	}

  	.session-timeline .item .info-block .session-block .top .status {
  		margin-bottom: 5px;
  		position: static;
  		display: inline-block;
  		clear: both;
  	}

    .session-timeline .item .info-block .session-block .top .not-published {
  		margin-top: 5px;
        margin-left: 0px;
  		position: static;
  		display: inline-block;
  		clear: both;
  	}

  	.session-timeline .btn-timeline-more {
  		top: 10px;
  		right: 10px;
  	}

  	.session-timeline .item .info-block .session-block .bottom {
  		padding: 10px;
  		padding-top: 0;
  	}

  	.session-timeline .item .info-block .session-block .bottom .gray-sep {
  		margin-bottom: 10px;
  	}

  	.session-timeline .item .info-block .session-block .bottom .feedback-icons {
  		padding: 0 !important;
  		margin-left: -5px;
  	}

  	.session-timeline .item .info-block .session-block .bottom-private {
  		padding-top: 10px;
  	}

  	.session-timeline .item .info-block .session-block .bottom-private:before {
  		top: 10px;
  		right: 10px;
  		font-size: 20px;
  	}

    .session-timeline .item .info-block .session-block .bottom-attachments {
  		padding-top: 10px;
  	}

  	.session-timeline .item .info-block .session-block .bottom-attachments:before {
  		top: 10px;
  		right: 10px;
  		font-size: 20px;
  	}

  	.session-timeline .item .info-block .simple {
  		padding-left: 0;
  	}
  }
  /*** End Timeline page ***/
  /***  Modal Style 2 ***/
  .style2 .modal-content {
  	border: none;
  	border-radius: 0;
  	/*background-color: #f7f7f7;*/
  }

  .style2 .modal-content.gray {
  	background-color: var(--wt-grey-f7);
  }

  .style2 .modal-header {
  	background-color: var(--wt-primary);
  	color: var(--wt-white);
  	padding-left: 20px;
  	padding-right: 20px;
  	padding-top: 16px;
  	padding-bottom: 16px;
  	border-bottom: none;
  	box-shadow: inset 0 -1px 0 0 rgba(var(--wt-black-rgb), 0.1);
  }

  .style2 .modal-header h4 {
  	color: var(--wt-white);
  	font-size: 20px;
  }

  .style2 .modal-header .close {
  	font-size: 30px;
  	text-shadow: none;
  }

  .style2 .action-bar {
  	background-color: var(--wt-white);
  	border-bottom: solid 1px var(--wt-grey-e5);
  	padding: 20px;
  }
  
   .style2 .modal-search {
       float: left;
  }
   .style2 .modal-search-dropdown {
       float: right;
  }

   .style2 .modal-search .form-group {
  	    margin-bottom: 0;
  }

 .action-bar-title {
     font-weight: 700;
     text-transform: uppercase;       
}

.widget-textarea {
    width: 100%;
    height: 300px;
    border: none;
    resize: none;
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

/* Responsive */
@media (max-width: 768px) {
   .style2.maxheight {
        min-height: 100%;
        height: 100%;
        padding-top: 0px;
   } 
    
     .style2.maxheight .modal-dialog {
            margin: 0;
            height: 100%;
        }

 .style2.maxheight .modal-content {
     height: 100%;
 }
  .style2.maxheight .modal-content .modal-footer {
     border-bottom: solid 2px var(--wt-grey-e6);
      
  }

    .style2 .modal-search {
        width: 100%;
  }
  .style2 .modal-search-dropdown {
       float: left;
       margin-top: 15px;
        width: 100%;
    }
  .style2 .paging {
        margin-bottom: 15px;
    }
}

/* Responsive */
@media (min-width: 768px) {
   .style2 .modal-search .form-group {
        width: 250px;
    }

    .style2 .modal-search .form-group input {
        width: 250px;
    }
}

  .style2 .modal-footer {
  	background-color: var(--wt-grey-f7);
  	border-top: solid 1px var(--wt-grey-e6);
  	padding: 20px;
  	margin-top: 0;
  }

  .style2 .modal-footer .btn {
  	padding: 10px 20px;
  }

  .style2 .modal-footer .btn-purple {
  	margin-right: 10px;
  }


  .style2 .modal-footer .btn-default {
  	padding: 9px 20px;
  }

  .style2 .modal-footer .form-group {
  	text-align: left;
  }

  .style2 .modal-footer .form-group label {
  	padding-top: 0;
  }

  .style2 .organization-items {
  	padding: 20px;
  	padding-bottom: 0px;
  	margin-top: 0;
  }

  .style2 .organization-item-wrap {
  	min-height: 70px;
  }

  .style2 .organization-item-wrap .left {
  	display: table-cell;
  	width: 60px;
  	text-align: center;
  	vertical-align: middle;
  	border-right: none;
  }

  .style2 .organization-item-wrap .right {
  	display: table-cell;
  	padding: 13px 5px 10px 0px;
  }

  .style2 .organization-item-wrap .right .item-name {
    display: block;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    height: 30px;
    max-width: 100%;
  }

.style2 .organization-item-wrap .right .bottom {
    display: block;
    line-height: 15px;
    min-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    max-width: 100%;
}

  .style2 .bottom {
  	font-size: 12px;
  	color: var(--wt-grey-99);
  	line-height: 12px;
    min-height: 15px;
  }

  .style2 .modal-items {
  	background-color: var(--wt-grey-f7);
  	/*padding-bottom: 15px;*/
  }

  .style2 .active-items-wrap {
  	background-color: var(--wt-white);
  	border-top: solid 1px var(--wt-grey-e6);
  	padding: 20px;
  	padding-top: 10px;
  }

  .style2 .active-items-wrap .row {
  	margin-left: -5px;
  	margin-right: -5px;
  }

  .style2 .active-items-wrap .col-xs-1, .style2 .active-items-wrap .col-sm-1, .style2 .active-items-wrap .col-md-1, .style2 .active-items-wrap .col-lg-1, .style2 .active-items-wrap .col-xs-2, .style2 .active-items-wrap .col-sm-2, .style2 .active-items-wrap .col-md-2, .style2 .active-items-wrap .col-lg-2, .style2 .active-items-wrap .col-xs-3, .style2 .active-items-wrap .col-sm-3, .style2 .active-items-wrap .col-md-3, .style2 .active-items-wrap .col-lg-3, .style2 .active-items-wrap .col-xs-4, .style2 .active-items-wrap .col-sm-4, .style2 .active-items-wrap .col-md-4, .style2 .active-items-wrap .col-lg-4, .style2 .active-items-wrap .col-xs-5, .style2 .active-items-wrap .col-sm-5, .style2 .active-items-wrap .col-md-5, .style2 .active-items-wrap .col-lg-5, .style2 .active-items-wrap .col-xs-6, .style2 .active-items-wrap .col-sm-6, .style2 .active-items-wrap .col-md-6, .style2 .active-items-wrap .col-lg-6, .style2 .active-items-wrap .col-xs-7, .style2 .active-items-wrap .col-sm-7, .style2 .active-items-wrap .col-md-7, .style2 .active-items-wrap .col-lg-7, .style2 .active-items-wrap .col-xs-8, .style2 .active-items-wrap .col-sm-8, .style2 .active-items-wrap .col-md-8, .style2 .active-items-wrap .col-lg-8, .style2 .active-items-wrap .col-xs-9, .style2 .active-items-wrap .col-sm-9, .style2 .active-items-wrap .col-md-9, .style2 .active-items-wrap .col-lg-9, .style2 .active-items-wrap .col-xs-10, .style2 .active-items-wrap .col-sm-10, .style2 .active-items-wrap .col-md-10, .style2 .active-items-wrap .col-lg-10, .style2 .active-items-wrap .col-xs-11, .style2 .active-items-wrap .col-sm-11, .style2 .active-items-wrap .col-md-11, .style2 .active-items-wrap .col-lg-11, .style2 .active-items-wrap .col-xs-12, .style2 .active-items-wrap .col-sm-12, .style2 .active-items-wrap .col-md-12, .style2 .active-items-wrap .col-lg-12 {
  	padding-left: 5px;
  	padding-right: 5px;
  }

  .style2 .active-items-wrap .active-item {
  	border: solid 1px var(--wt-grey-e5);
  	background-color: var(--wt-white);
  	margin-top: 10px;
  	position: relative;
  	padding: 9px 20px 9px 15px;
  }

  .style2 .active-items-wrap .active-item .item-name {
    display: block;
    max-width: calc(100% - 20px);
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    color: var(--wt-grey-73);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .style2 .active-items-wrap .active-item .delete {
  	display: block;
  	background-color: transparent;
  	border: solid 1px var(--wt-grey-e5);
  	color: var(--wt-grey-bc);
  	width: 24px;
  	height: 24px;
  	border-radius: 12px;
  	position: absolute;
  	text-align: center;
  	top: 12px;
  	right: 10px;
  }

  .style2 .active-items-wrap .active-item .delete:before {
  	font-family: "line-icons" !important;
  	font-style: normal !important;
  	font-weight: normal !important;
  	font-variant: normal !important;
  	text-transform: none !important;
  	speak: none;
  	line-height: 1;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	content: "\e022";
  	display: block;
  	font-size: 8px;
  	width: 14px;
  	height: 14px;
  	padding-top: 3px;
  	padding-right: 5px;
  	text-align: center;
  }

  .style2 .active-items-wrap .active-item .delete:hover {
  	color: var(--wt-grey-99);
  	border: solid 1px var(--wt-grey-cc);
  }

  .style2 .active-items-wrap .active-item .delete:focus {
  	outline: none;
  }

  .style2 .active-items-wrap-top {
  	background-color: var(--wt-grey-f7);
  	border-top: none;
  }

  .style2 .timeline-navigation {
  	float: none;
  	position: static;
  	display: block;
  	clear: both;
  	padding-left: 15px;
  }

  .style2 .timeline-navigation .nav-btn {
  	position: static;
  	display: block;
  	float: left;
  }

  .style2 .tabs-style-1 {
  	padding: 20px;
  	padding-top: 0;
  }

  .style2 .active-items-wrap .active-item.selected,
  .style2 div .box-style-1 .box-item.selected, .style2 div .box-style-1 .box-item:hover {
  	border: solid 1px var(--wt-primary);
  	background-color: var(--wt-slate-f2f9fa);
  	cursor: pointer;
  }

 .achivements .box-style-1 .box-item:hover {
  	border: solid 1px var(--wt-primary);
  	background-color: var(--wt-slate-f2f9fa);
  	cursor: pointer;
  }

 .pause-mailing-info {
     font-weight: 500;
     margin-bottom: 20px;
     padding-left: 4px;
     padding-right: 4px;
 }

  /***  Modal Style 2 Purple ***/
  .style2-purple .modal-header {
  	background-color: var(--wt-accent);
  }

  .style2-purple .desc {
  	display: inline-block;
  	padding-right: 15px;
  	font-size: 14px;
  	color: var(--wt-grey-66);
    float: left;
      padding-top: 5px;
  }

  .style2-purple .action-bar > .desc {
  	padding-bottom: 5px;
  }

  .style2-purple .modal-search {
  	display: inline-block;
  }

  /*** Graph ***/
  .graph .graph-top-bar {
  	background-color: var(--wt-white);
  	border: solid 2px var(--wt-grey-db);
  	width: 100%;
  	clear: both;
  }

  .graph .graph-top-bar button {
  	width: 50px;
  	height: 46px;
  	background-color: var(--wt-white);
  	border: none;
  	border-right: solid 2px var(--wt-grey-db);
  	display: block;
  	float: left;
  	color: var(--wt-grey-bc);
  	padding-top: 4px;
  }

  .graph .graph-top-bar button .icon {
  	font-size: 16px;
  }

  .graph .graph-top-bar button:hover, .graph .graph-top-bar button:active {
  	background-color: var(--wt-grey-f7);
  	color: var(--wt-grey-99);
  }

  .graph .graph-top-bar button:focus {
  	outline: none;
  }

  .graph .graph-content {
  	background-color: var(--wt-grey-fa);
  	border: solid 2px var(--wt-grey-db);
  	border-top: none;
  	min-height: 540px;
  	position: relative;
  }

  .graph .graph-item {
  	border: solid 2px var(--wt-primary);
  	background-color: var(--wt-white);
  	width: 110px;
  	height: 110px;
  	border-radius: 55px;
  	text-align: center;
  	padding-top: 7px;
  	position: absolute;
  }

  .graph .graph-item .graph-item-content > .icon {
  	color: var(--wt-grey-cc);
  	height: 32px;
  	font-size: 32px;
  }

  .graph .graph-item .name {
  	font-size: 12px;
  	color: var(--wt-grey-4c);
  	font-weight: 700;
  	margin-top: 8px;
  	margin-bottom: 6px;
  }

  .graph .graph-item .graph-bottom-small-icons {
  	font-size: 9px;
  	color: var(--wt-grey-b2);
  }

  .graph .graph-item .graph-bottom-small-icons .item {
  	padding-left: 3px;
  	padding-right: 3px;
  }

  .graph .graph-item .graph-bottom-small-icons .item > .icon {
  	padding-right: 2px;
  	font-size: 10px;
  	position: relative;
  	line-height: 12px;
  }

  .graph .graph-item .graph-bottom-small-icons .item > .icn-group {
  	font-size: 12px;
  	position: relative;
  	top: 1px;
  }

  .graph .graph-item:hover {
  	border: dashed 2px var(--wt-slate-343a40);
  	cursor: default;
  }

  .graph .graph-item-action {
  	position: absolute;
  	top: 35px;
  	left: 120px;
  	width: 160px;
  }

  .graph .graph-item-action:before {
  	content: "";
  	display: block;
  	position: absolute;
  	left: -4px;
  	top: 16px;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 4px 4px 4px 0;
  	border-color: transparent var(--wt-slate-343a40) transparent transparent;
  }

  .graph .graph-item-action ul {
  	margin: 0;
  	padding: 0;
  }

  .graph .graph-item-action ul li {
  	list-style: none;
  	display: block;
  	float: left;
  }

  .graph .graph-item-action ul li a {
  	height: 40px;
  	background-color: var(--wt-slate-343a40);
  	width: 40px;
  	display: block;
  	color: var(--wt-white);
  	line-height: 40px;
  	text-align: center;
  	padding-top: 2px;
  	font-size: 16px;
  	text-decoration: none;
  }

  .graph .graph-item-action ul li a > .icon {
  	opacity: 0.6;
  	width: 100%;
  	line-height: 40px;
  	padding: 5px;
  }

  .graph .graph-item-action ul li a > .icn-close {
  	font-size: 14px;
  	position: relative;
  	top: -1px;
  }

  .graph .graph-item-action ul li a:hover {
  	background-color: var(--wt-slate-3e444a);
  }

  .graph .graph-item-action ul li a:hover > .icon {
  	opacity: 1;
  }

  .graph .graph-item-action ul li:last-child > a {
  	border-radius: 0 3px 3px 0;
  }

  .graph .graph-item-action ul li:first-child > a {
  	border-radius: 3px 0 0 3px;
  }

  .graph .graph-item-action {
  	opacity: 0;
  	-webkit-transition: all 0.4s linear;
  	transition: all 0.4s linear;
  	visibility: hidden;
  }

  .graph .graph-item:hover .graph-item-action {
  	visibility: visible;
  	opacity: 1;
  }

  .graph .graph-item-small {
  	width: 90px;
  	height: 90px;
  	border-radius: 45px;
  	padding-top: 10px;
  }

  .graph .graph-item-small .graph-item-action {
  	top: 20px;
  	left: 100px;
  }

  .graph .graph-item-small .grup-user-nr {
  	display: inline-block;
  	background-color: var(--wt-primary);
  	color: var(--wt-white);
  	position: absolute;
  	top: 10px;
  	left: 60px;
  	font-size: 9px;
  	line-height: 10px;
  	border-radius: 10px;
  	padding: 3px 7px;
  }

  .graph .graph-item-small .grup-user-nr .icon {
  	padding-right: 3px;
  }

@media (max-width: 410px) {
    #kudo-visible-in-feed {
        margin-top: -12px;
        margin-bottom: 15px;
        text-align: left;        
    }
}

@media (min-width: 411px) and (max-width: 475px) {
    #kudo-visible-in-feed {
        margin-top: -12px;
        margin-bottom: 15px;
        text-align: left;
        margin-right: 35px;     
    } 
}

  @media (min-width: 768px) {
  	section #main div.feedback-icons ul li a {
  		line-height: 28px;
  		height: 50px;
  		font-size: 28px;
  		padding: 10px;
  	}
    
    section #main div.feedback-icons.feedback-optional ul li a {
  		line-height: 22px;
  	}

  	.feedback-question {
  		padding-left: 20px;
  	}

  	.style2 .modal-dialog {
  		width: 720px;
  		margin: 30px auto;
  	}

  	.tabs-style-1 .nav-tabs li > a {
  		padding: 15px 20px;
  		font-size: 13px;
  		text-transform: uppercase;
  	}

    .tabs-style-2 .nav-tabs li > a {
  		padding: 15px 50px;
  		font-size: 13px;
  		text-transform: uppercase;
  	}

  }

  @media (min-width: 768px) and (max-width: 1170px) {
  	.form-group-style-1-private:before {
  		top: 74px;
  		left: 20px;
  		right: auto;
  		font-size: 26px;
  	}
  }

  @media (min-width: 992px) {
  	section #main div.feedback-icons {
  		float: right;
  	}
  }

  @media (min-width: 1170px) {
  	.form-group-style-1-private:before {
  		top: 40px;
  		font-size: 40px;
  	}
  }

.modal-description .checkbox-inline, .radio-inline {
    margin-left: 0px;
    margin-right: 10px;
}

#modal-save-button.btn-purple {
    padding-top: 9px;
    padding-bottom: 9px;
}