/**
 * DOCEBO, e-learning SAAS
 *
 * @link http://www.docebo.com/
 * @copyright Copyright © 2004-2013 Docebo
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    /*line-height: 1;*/
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: 600;
}

em {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
}

body {
    background: #ffffff;
    font-family: 'Open Sans', sans-serif;
    /*font-size: 13px;
	line-height: 16px;*/
    padding: 0;
}

label, input, button, select, textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #333333;
}

ul {
    margin: 0;
}

p {
    margin: 0;
}

hr {
    border-color: #e4e6e5 #FFFFFF #FFFFFF;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 20px 0;
}

select {
    outline: none !important;
}

a:focus,
a:hover {
    text-decoration: none;
}

div:focus {
    outline: none;
}

a:focus,
input:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
form,
form:focus {
    outline: none !important;
    box-shadow: none !important;
    transition: none !important;
}

input,
textarea {
    box-shadow: none !important;
    transition: none !important;
}

textarea {
    overflow: auto;
    resize: none;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-radius: 0;
}

textarea:focus {
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container,
#wrapper .container {
    /*width: 1140px !important;*/
}
/*
@media (max-width: 480px) {
	.modal {
		right: auto;
		left: 50%;
	}

	.modal-header .close {
		padding: 0;
		margin: 2px 0 0 0;
	}
}

@media (max-width: 767px) {
	.modal {
		right: auto;
		left: 50%;
	}
}

@media (max-width: 1200px), (max-height: 820px) {
	.menu-spacer {
		margin-left: 90px !important;
	}
}
*/
.menu {
    /* Callouts start at 1025, make sure to stay over them */
    z-index: 1030;
}

.bold-text {
    color: #0465AA;
    font-weight: bold;
}

.colored-text {
    color: #0465AA;
}

/*header*/

#header {
}

.header-logo-line .user-menu {
    list-style: none;
    /*position: relative;*/
}

/*defined in base.css
.logout a {
	top: 0;
	font-size: 13px;
	line-height: 22px;
	padding: 4px 8px;
	position: absolute;
	right: 0;
	color: #333333;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}*/

.logout .logout-black {
    vertical-align: text-bottom;
}

.shopping-cart {
    line-height: 15px;
    font-size: 11px;
    margin-top: 12px;
}

.shopping-cart .cart-green {
    vertical-align: text-bottom;
}

.shopping-cart > span {
    display: inline-block;
    padding-top: 2px;
}

.shopping-cart a {
    color: #0465AC;
    text-decoration: underline;
}

#users-management-grid .pager:after,
#footer .container-fluid:after {
    clear: none;
}

.main-actions ul {
    float: left;
    position: relative;
}

.main-actions li .hyphen:after {
    content: '- ';
    font-style: normal;
}

.main-actions li,
.main-actions .info {
    float: left;
    width: 94px;
    min-height: 94px;
    margin-right: 13px;
    margin-bottom: 13px;
    overflow: hidden;
    border: 1px solid #e4e6e5;
    vertical-align: top;
    background: url(../images/main-actions-grad.jpg) left top repeat-x #f1f3f2;
}

.main-actions li > a,
.main-actions .info > a {
    border: 1px solid #fefefe;
    min-height: 66px;
}

.main-actions li a .icons .fa-list {
    font-size: 25px;
}
.main-actions li a .icons {
    margin-top: 18px;
}
.main-actions li a .icons .fa-user {
    position: absolute;
    right: 18px;
    font-size: 20px;
    top: 20px;
}

.main-actions li a p {
    overflow: hidden;
    max-height: 29px;
    margin-top: 7px;
}
.main-actions li a p:after {
    content: "\02026";
    float: right;
    position: relative;
    width: 12px;
    margin-top: -14px;
    background: #f1f3f2;
}

.main-actions li a p,
.main-actions li:hover a p:after {
    background: inherit;
}

.main-actions li:hover {
    background: #333333;
    border: 1px solid #E4e6e5;
}

.main-actions li:hover a {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0 0 0;
}

.main-actions .info {
    margin-right: 0;
    width: 394px;
    display: none;
}

.main-actions .info > div,
.create-report .info-wrapper > div {
    padding-left: 10px;
}

.main-actions .info p,
#tree-wrapper a,
#tree-wrapper span,
.item .group-member-username,
.item .course-level,
.list-view-item-content,
.poweruser-courses-name,
.poweruser-locations-name,
.create-report .info-wrapper p {
    text-shadow: 1px 1px 0 #FFFFFF;
}

#poweruser-courses-management-list .item, #assign-course-catalog-management-course-list .item {
    width: 47.7%;
}

#poweruser-courses-management-list .items .item .course-type,
#assign-course-catalog-management-course-list .items .item .course-type{
    position: absolute;
    right: 45px;
    margin-top: -11px;
    top: 50%;
}

#poweruser-courses-management-list .items .item .course-type i,
#assign-course-catalog-management-course-list .items .item .course-type i{
    display: inline-block;
    height: 20px;
    vertical-align: text-bottom;
    width: 22px;
    background: url("../images/icons_elements.png") no-repeat -252px -48px;
    margin-left: 10px;
}

#poweruser-courses-management-list .items .item .course-type i.category,
#poweruser-courses-management-list .items .item .course-type i.category_desc{
    width: 23px;
    height: 16px;
    background-position: -287px -56px;
}

.main-actions .info h4,
.create-report .info-wrapper h4 {
    font-size: 18px;
    line-height: 18px;
    padding: 5px 0px 5px 0px;
    margin: 0;
    background: none;
    border: none;
    font-weight: 600;
}

.main-actions .info h4 span,
.create-report .info-wrapper h4 span {
    background: url(../images/icons_elements.png) 0px -229px no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    vertical-align: middle;
}

.main-actions li a {
    text-align: center;
    display: block;
    text-shadow: 1px 1px 0 #FFFFFF;
    color: #333333;
    padding: 16px 8px 10px;
    font-size: 12px;
    line-height: 1.2;
}

.main-actions li a span {
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    height: 35px;
    width: 55px;
    margin: 0 auto;
    display: block;
    margin-bottom: 12px;
}

.main-actions .new-user span,
.main-actions .curricula-assign-users span,
.main-actions .course-enrollment span {
    background-position: 8px 0;
}

.main-actions li:hover .new-user span,
.main-actions li:hover .curricula-assign-users span,
.main-actions li:hover .course-enrollment span {
    background-position: -55px -1px;
}

.main-actions .new-node span {
    background-position: 4px -33px;
}

.main-actions li:hover .new-node span {
    background-position: -59px -33px;
}


.main-actions .certification span {
    background-position: -121px -333px;
    width:28px;height:35px;
}

.main-actions li:hover .certification span {
    background-position: -159px -333px;
    width:28px;height:35px;
}

.main-actions li .award-from-csv span {
    background-position: -583px -39px;
    height:35px;
}

.main-actions li:hover .award-from-csv span {
    background-position: -629px -39px;
    height:35px;
}

.main-actions .import span,
.main-actions .group-import-users span {
    background-position: 14px -74px;
}

.main-actions li:hover .import span,
.main-actions li:hover .group-import-users span {
    background-position: -49px -74px;
}

.main-actions .import-google span {
    background-position: 13px -112px;
}

.main-actions li:hover .import-google span {
    background-position: -49px -112px;
}

.main-actions .waiting-approval span {
    background-position: 4px -150px;
}

.main-actions li:hover .waiting-approval span {
    background-position: -59px -151px;
}

.main-actions .additional-fields span {
    background-position: 12px -188px;
}

.main-actions li:hover .additional-fields span {
    background-position: -51px -188px;
}

.main-actions li {
    position: relative;
}

.number {
    background: #d90000;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    max-width: 34px;
    min-width: 18px;
    position: absolute;
    right: 0;
    top: 0;
}

table .filters {
    width: 100%;
}

.filters {
    background: #f1f3f2;
    position: relative;
    border-bottom: 1px solid #fefefe;
    border-top: 1px solid #fefefe;
    line-height: 13px;
}

table td,
.group td input,
.group td label {
    padding: 0;
    margin: 0;
}

.group td {
    vertical-align: top;
}

.advanced-search-box {
    width: 336px;
}

.input-wrapper input[type="text"],
.input-wrapper input[type="text"]:focus,
.modal .input-wrapper input[type="text"],
.modal .input-wrapper input[type="text"]:focus,
.input-wrapper input[type="password"],
.input-wrapper input[type="password"]:focus,
.modal .input-wrapper input[type="password"],
.modal .input-wrapper input[type="password"]:focus {
    width: 221px;
    padding: 0px 30px 0px 9px;
    border: 1px solid #e4e6e5;
    color: #333333;
    background: #ffffff;
    line-height: 30px;
}

.advanced-search-box input:focus {
    border: 1px solid #e4e6e5;
}

.advanced-search-box .advanced-search-link {
    text-decoration: underline;
    color: #333333;
    margin-left: 7px;
    display: block;
}

.input-wrapper {
    position: relative;
}

.input-wrapper button.clear-search {
    right: 31px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    position: absolute;
    top: 15px;
}

.input-wrapper label {
    position: absolute;
    top: 8px;
    left: 10px;
    font-size: 13px;
    color: #cccccc;
    font-style: italic;
    cursor: text;
}

.input-wrapper span:not(.twitter-typeahead) {
    position: absolute;
    width: 18px;
    height: 19px;
    right: 10px;
    top: 7px;
    background: url(../images/icons_elements.png) -119px -110px no-repeat;
    display: block !important;
    z-index: 1051;
}

.input-wrapper .search-btn-icon{
    position: absolute;
    width: 18px;
    height: 19px;
    background: url(../images/icons_elements.png) -119px -110px no-repeat;
    display: block !important;
    cursor: pointer;
    border: none;
    outline: none;
}

.filters .group {
    vertical-align: top;
}

.filters .group a {
    vertical-align: top;
}

.children-node-content {
    width: 234px;
}

.filters-wrapper {
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
    margin: 7px 0 19px;
}

.table-border {
    border-collapse: separate;
    width: 100%;
}

#pu-central-repo-warning {
    width: 100%;
    background-color: #cccccc;
    font-weight: bold;
    text-align: left;
    margin-top: 15px;
    height: auto;
    overflow: hidden;
}

#pu-central-repo-warning .warning-text {
    font-size: 12px !important;
    display: inline-block;
    float: left;
    margin-left: 7px;
}

#pu-central-repo-warning .exclamation-mark {
    margin-top: 13px;
    margin-bottom: 0;
}

@media (max-width: 480px) {
    #pu-central-repo-warning .warning-text {
        width: 80%;
    }
}

@media (max-width: 320px) {
    #pu-central-repo-warning .warning-text {
        width: 75%;
    }
}

.table-padding,
.waiting-approval .filters,
.curricula-section .filters,
.group-management .filters,
.additional-fields-wrapper .filters {
    padding: 0px 14px;
}

.table-padding #advanced-search {
    padding-bottom: 20px;
}

.session-grid-search-form .filters .group,
#session-grid-search-form .filters .group {
    vertical-align: middle;
}

.session-grid-search-form .filters .group input[type="text"],
#session-grid-search-form .filters .group input[type="text"],
.session-grid-search-form .filters .group select,
#session-grid-search-form .filters .group select {
    margin-bottom: 0px;
}

.session-grid-search-form .searchfilter-selectMonth,
#session-grid-search-form #searchfilter-selectMonth {
    width: 150px;
}

.session-grid-search-form .searchfilter-selectYear,
#session-grid-search-form #searchfilter-selectYear {
    width: 100px;
}

.session-grid-search-form .filters .group table,
#session-grid-search-form .filters .group table {
    width: 100%;
}

.session-grid-search-form .filters .group table div.input-wrapper,
#session-grid-search-form .filters .group table div.input-wrapper {
    width: 265px;
    float: right;
}

.yes-no {
    width: 120px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    padding-left: 12px;
}

.yes-no .jq-checkbox {
    background: url(../images/icons_elements.png) -119px -17px no-repeat;
    width: 35px;
    height: 17px;
    margin: 0 10px;
}

.yes-no .jq-checkbox.checked {
    background: url(../images/icons_elements.png) -119px 0px no-repeat;
}

.children-node-content,
.select-users,
.advanced-search-box {
    border-right: 1px solid #e4e6e5;
}

.group {
    padding: 10px 8px;
}

.group-padding {
    padding-bottom: 20px;
}

.children-node-content {
    padding-left: 0;
}

.picker {
    padding: 10px 0 10px 8px;
    width: 1%;
}

.picker a {
    background: url(../images/icons_elements.png) -165px 0px no-repeat;
    height: 34px;
    width: 36px;
    text-indent: -999px;
    overflow: hidden;
    display: block;
}

.picker,
.select-users,
.advanced-search-box {
    border-left: 1px solid #fefefe;
}

.select-users table {
    width: 100%;
}

.select-users label {
    display: inline
}

.filters #advanced-search h4,
#selected-filters label {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}

#advanced-search .clearfix h4 {
    float: left;
    margin: -8px 0 0;
    background: #F1F3F2;
    padding-right: 10px;
    position: relative;
}

#advanced-search {
    border-top: 1px solid #E4E6E5;
}

#advanced-search > .clearfix {
    border-top: 1px solid #FEFEFE;
}

.filters #advanced-search h4 span {
    background: #fefefe;
    border-top: 1px solid #e4e6e5;
    float: right;
    height: 1px;
    margin-top: 7px;
    width: 895px;
}

.breadcrumbs {
    padding: 5px 12px;
    font-size: 13px;
    background: #f5f5f5;
    margin-bottom: 22px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

.breadcrumbs a,
.breadcrumbs span {
    line-height: 16px;
    float: left;
    margin: 0 4px;
}

.breadcrumbs a {
    color: #333333;
    display: block;
}

.breadcrumbs .home {
    width: 16px;
    height: 18px;
    display: block;
    background: url(../images/icons_elements.png) -28px -230px no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.breadcrumbs .arrow {
    height: 9px;
    margin-top: 3px;
    width: 6px;
    display: block;
    background: url(../images/icons_elements.png) -48px -228px no-repeat;
}

.title-bold {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
}

.main-actions {
    margin-bottom: 22px;
}

.main-actions h3.title-bold {
    margin-bottom: 12px;
}

/*filters*/

.remove-filter-link {
    height: 15px;
    width: 15px;
    margin-left: 6px;
    margin-top: 8px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    float: left;
    background: url(../images/icons_elements.png) -62px -230px no-repeat;
}

#advanced-search label {
    float: left;
    margin-top: 8px;
    width: 105px;
    word-break: break-all;
    word-wrap: break-word;
}

#conditions {
    margin-left: 78px;
    margin-top: 20px;
}

#conditions label {
    width: auto;
    float: left;
    margin-top: 0;
    margin-right: 21px;
}

#conditions span.jq-radio {
    float: left;
}

#advanced-search .btn-search {
    float: right;
    border: none;
    height: 18px;
    width: 17px;
    padding: 0;
    background: url(../images/icons_elements.png) -119px -109px no-repeat;
    margin-right: 10px;
    margin-top: 5px;
    text-indent: -9999px;
    overflow: hidden;
}

#conditions.clearfix {
    border: none;
}

#advanced-search .filter-row {
    margin: 10px 0;
}

#advanced-search .filter-row-top {
    margin: 20px 0 10px 0;
}

#advanced-search .filter-row-top.clearfix {
    border: none;
}

/* Password Tab */
.pass-dictionary-hint {
    border-color:   white;
    font-size:      0.9em;
    font-weight:    800;
    font-style:     italic;
    text-shadow:    1px 1px 1px white;
}
/* Password Tab END */

input[type="textfield"],
input[type="text"],
input[type="text"]:focus,
input[type="password"],
input[type="password"]:focus,
select,
.modal-body input[type="text"],
.modal-body input[type="number"],
.modal-body input[type="email"],
.modal-body input[type="password"],
.modal-body textarea,
span.jqselect .jq-selectbox__select {
    /*     width: 205px; */
    height: 31px;
    line-height: 31px;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #f9f9f9;
}

.modal-body fieldset[disabled] input,
.modal-body input[type="text"][disabled],
.modal-body input[type="number"][disabled],
.modal-body input[type="email"][disabled],
.modal-body textarea[disabled] {
    background-color: #e0e0e0;
    color: #777;
}

.modal-body textarea{
    line-height: 16px;
}

select {
    border-radius: 0;
}

/*safari only*/

body:first-of-type input,
body:first-of-type .modal-body input,
body:first-of-type .input-wrapper input[type="text"],
body:first-of-type .input-wrapper input[type="text"]:focus {
    line-height: normal;
}

/*******/

.filter-row input[type="textfield"],
.filter-row input[type="text"] {
    width: 244px;
    color: #333333;
    padding: 0 8px;
    float: left;
    margin: 0 6px 0 6px;
}

.filter-row > div,
.filter-row > span {
    margin: 0;
    float: left;
}

.filter-row-top span.jq-selectbox,
.filter-row span.jq-selectbox,
.filter-row select,
.filter-row-top select {
    margin: 0 6px 0 6px;
    float: left;
}

#advanced-search .filter-row .additional-yes-no {
    margin-top: 8px;
}

.filter-row .additional-yes-no span.jq-radio,
.filter-row .additional-yes-no input[type="radio"] {
    float: left;
    margin-left: 0;
}

.filter-row .input-append.date {
    position: relative;
}

.filter-row .input-append.date span.add-on {
    position: absolute;
    right: 6px;
    background: none;
    border: none;
    border-radius: 0;
    top: 3px;
    z-index: 2;
}

.filter-row .input-append.date input[type="text"] {
    padding-right: 30px;
    width: 222px;
}

#advanced-search .filter-row .additional-yes-no label {
    margin-top: 0;
    width: auto;
    margin-right: 10px;
}

span.jqselect .jq-selectbox__dropdown {
    /*    width: 260px;*/
    box-shadow: none;
    border-radius: 0;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    max-height: 200px;
}

.right-selections span.jqselect .jq-selectbox__dropdown,
.release-node .selections .jq-selectbox__dropdown,
.report-bottom-side span.jqselect .jq-selectbox__dropdown {
    /*    width: 212px;*/
    border: 1px solid #e5e5e5;
}

span.jq-selectbox li {
    color: #333333;
    padding: 4px 10px;
}

span.jqselect .jq-selectbox li:hover {
    background: #0465ac;
}

span.jqselect .jq-selectbox__trigger-arrow,
span.jqselect .jq-selectbox__trigger-arrow:hover {
    border-top: 7px solid #191919;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6- */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
}

.right-selections span.jqselect .jq-selectbox__trigger-arrow,
.course-enrollments span.jqselect .jq-selectbox__trigger-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    height: 0;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
    -moz-opacity: 0.3; /* Mozilla 1.6- */
    -khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
    overflow: hidden;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 0;
}

span.jqselect:hover .jq-selectbox__trigger-arrow {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6- */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
}

span.jqselect .jq-selectbox__select {
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
}

span.jqselect .jq-selectbox__trigger {
    border-left: none;
    width: 30px;
}

#advanced-search .filter-row-top .jq-selectbox__select-text {
    color: #666666;
    font-style: italic;
}

/*selections*/

.selections.clearfix {
    margin: 22px 0;
}

.left-selections,
.left-selections p,
.left-selections a {
    float: left;
}

.left-selections a {
    text-decoration: underline;
    color: #0465ac;
    font-weight: 600;
    margin-left: 10px;
}

.left-selections {
    margin-top: 7px;
}

.right-selections {
    width: 365px;
}

.right-selections,
.right-selections span,
.right-selections select {
    float: right;
}

.right-selections label {
    cursor: text;
    margin-top: 7px;
    margin-bottom: 0;
    float: right;
    margin-right: 8px;
    margin-left: 10px;
}

.right-selections span.jqselect .jq-selectbox__select,
.course-enrollments span.jqselect .jq-selectbox__select {
    width: 172px;
    border: 1px solid #E4E6E5;
    padding: 0px 30px 0px 10px;
    background: #ffffff;
}

.right-selections .jq-selectbox__select:hover {
    background: none;
}

.right-selections .jq-selectbox__select:active,
.modal-body .jq-selectbox__select:active {
    box-shadow: none;
}

/*node-line*/

.node-line {
    padding: 10px 0;
    border-bottom: #e4e6e5 1px solid;
    border-top: #e4e6e5 1px solid;
    margin: 17px 0 0;
}

.node-line li,
.nodeParents li {
    float: left;
}

.node-line li:after,
.nodeParents li:after {
    content: ">"
}

.node-line li a {
    color: #333333;
    text-decoration: underline;
    padding: 0 5px;
}

.node-line li.last-node {
    color: #0465ac;
    text-decoration: none;
    font-weight: 600;
    padding: 0 5px;
}

.node-line li.last-node:after,
.nodeParents li.last-node:after {
    content: none;
}

.nodeParents li.last-node {
    font-weight: 700;
}

/*bottom-section*/

.bottom-section #tree-wrapper {
    float: left;
    width: 260px;
    border: 1px solid #E4E6E5;
    background: #f1f3f2;
    padding: 5px 10px;
}

.bottom-section #tree-wrapper .highlighted-node > span > a {
    color: #0465ac;
    font-weight: 600;
}

#tree-wrapper,
.bottom-section #tree-wrapper a {
    color: #333333;
    font-size: 13px;
    line-height: 20px;
}

.bottom-section #users-management-grid {
    padding: 0;
}

.bottom-section .back a,
.bottom-section .parent-node span {
    font-size: 12px;
}

.bottom-section .back span {
    padding-left: 20px;
    background: url(../images/back-arrow.png) center left no-repeat;
}

.nodeTree-margin.ajaxLinkNode {
    display: block;
    padding: 6px 0;
    border-top: 1px solid #ffffff;
    position: relative;
}

#tree-wrapper .node-tree {
    padding: 0 8px 0 15px;
}

#tree-wrapper .nodeTree-node > .nodeTree-border:hover .label-for-radio, .checked-node .label-for-radio {
    font-weight: 800;
}

#tree-wrapper {
    margin-top: 1px;
}

#tree-wrapper .rootNode > div.nodeTree-border,
#tree-wrapper .rootNode > div.nodeTree-border .nodeTree-margin.ajaxLinkNode {
    border: none;
}

.bottom-section .back span a {
    padding-left: 12px;
}

.bottom-section .back,
.bottom-section .parent-node {
    border-bottom: 1px solid #E4E6E5;
    font-weight: 600;
}

.bottom-section .currentNodes > ul > li {
    border-bottom: 1px solid #E4E6E5;
    border-top: 1px solid #FEFEFE;
}

#tree-wrapper .popover-bottom {
    height: 19px;
    width: 19px;
    background: url(../images/icons_elements.png) -114px -199px no-repeat;
    display: none;
    position: absolute;
    right: 20px;
    margin-top: -10px;
    top: 50%;
}

.currentNodes li span a.ajaxLinkNode {
    max-width: 190px;
    display: block;
}

#tree-wrapper .highlighted-node .popover-bottom {
    display: block;
}

.bottom-section .currentNodes > ul > li.last-child {
    border-bottom: none;
}

#tree-wrapper ul.node-tree {
    background: #f1f3f2;
}

/*popover*/

h3.popover-title {
    display: none;
}

.popover-body .node-action a,
.popover-content .node-action a {
    background: url(../images/popover-icons.png) no-repeat;
    padding-left: 30px;
    color: #333333;
    cursor: pointer;
}

.popover-body .node-action span,
.popover-content .node-action span {
    float: left;
    margin-right: 8px;
    height: 25px;
    width: 23px;
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;

}

.popover-body .userman-node-action a:hover,
.popover-body .node-action a:hover,
.popover-content .userman-node-action a:hover,
.popover-content .node-action a:hover {
    text-decoration: underline;
}

.popover-body .node-action.clearfix,
.popover-content .node-action.clearfix {
    font-size: 11px;
    line-height: 13px;
}

..popover-body .node-action.blue,
.popover-content .node-action.blue {
    text-decoration: underline;
    color: #0465ac;
}

..popover-body .node-action .student-level,
.popover-content .node-action .student-level {
    background-position: -287px -24px;
}

.popover-body .node-action .admin-level,
.popover-content .node-action .admin-level {
    background-position: -287px 2px;
}

.popover-body .node-action .selling-price
.popover-content .node-action .selling-price {
    background-position: -250px 4px;
}

.popover-body .node-action .node-assign
.popover-content .node-action .node-assign {
    background-position: 0px 0px;
}

.popover-body .node-action .node-edit,
.popover-content .node-action .node-edit {
    background-position: 4px -21px;
}

.popover-body .node-action .node-move,
.popover-content .node-action .node-move {
    background-position: 2px -42px;
}

.popover-body .node-action .node-television,
.popover-body .node-action .node-summary,
.popover-body .node-action .node-edit.new-user-handler,
.popover-body .node-action .node-edit.new-course,
.popover-body .node-action .node-delete,
.popover-content .node-action .node-television,
.popover-content .node-action .node-summary,
.popover-content .node-action .node-edit.new-user-handler,
.popover-content .node-action .node-edit.new-course,
.popover-content .node-action .node-delete{
    background:transparent;
    padding-left:4px;
}

.popover-body .node-action .node-television i,
.popover-body .node-action .node-summary i,
.popover-body .node-action .node-delete i,
.popover-content .node-action .node-television i,
.popover-content .node-action .node-summary i,
.popover-content .node-action .node-delete i{
    margin-right:11px;
    font-size:18px;
}
.popover-body .node-action .node-television i,
.popover-content .node-action .node-television i{
    margin-left:-2px;
    margin-right:7px;
}

.popover-body .node-action .node-edit i,
.popover-content .node-action .node-edit i{
    margin-right:7px;
    font-size:18px;
}

.popover-body .node-action .node-delete i,
.popover-content .node-action .node-delete i{
    color:#d90000;
}

.popover-body .node-action .node-delete, .popover-body .node-action .delete-node,
.popover-content .node-action .node-delete, .popover-content .node-action .delete-node {
    background-position: 2px -66px;
}

.popover-body .node-action .course-copy,
.popover-content .node-action .course-copy {
    background-position: 2px -131px;
}

.popover-body .node-action .advanced-settings,
.popover-content .node-action .advanced-settings {
    background-position: 1px -369px;
}

.popover-body .node-action .training-materials,
.popover-content .node-action .training-materials {
    background-position: 2px -395px;
}

.popover-body .node-action .course-report,
.popover-content .node-action .course-report {
    background-position: 2px -270px;
}

.popover-body .node-action .edit-branding,
.popover-content .node-action .edit-branding {
    background-position: 2px -421px;
}

.popover-body .node-action .node-suspend,
.popover-content .node-action .node-suspend {
    background-position: 2px -467px;
    padding-bottom: 2px;
}

.node-suspend>span{
    vertical-align: middle;
}

.popover-body .node-action .node-activate,
.popover-content .node-action .node-activate {
    background-position: 2px -441px;
    padding-bottom: 2px;
}

.popover-body .node-action .node-blog,
.popover-content .node-action .node-blog {
    background-position: 2px -488px;
    padding-bottom: 3px;
}

.popover-body .node-action .node-summary,
.popover-content .node-action .node-summary {
    background-position: 2px -508px;
}

.popover-body .node-action .node-visibility,
.popover-content .node-action .node-visibility {
    background-position: 2px -508px;
}

.node-action hr {
    border-width: 1px 0;
    border-style: solid none;
    border-color: #e4e6e5 #ffffff #ffffff;
    margin: 10px 0;
}


.popover-body ul li.node-action,
.popover-content ul li.node-action {
    margin: 5px 0;
    white-space: nowrap;
    min-width: 130px;
}
.popover-body ul.node-enrollment-actions li.node-action,
.popover-content ul.node-enrollment-actions li.node-action {
    white-space: normal;
}

.popover-body ul li.report-action > a,
.popover-content ul li.report-action > a {
    padding: 7px 0;
}

.popover {
    border: 1px solid #E4E6E5;
    border-radius: 0;
    box-shadow: 0px 2px 2px 0px #E4E6E5;
    max-width: 400px;
    padding: 0;
}

.popover .description {
    font-size: 12px;
    line-height: 14px;
    margin: 8px 0;
}

.popover .popover-arrow,
.popover .popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .popover-arrow {
    border-width: 11px;
}

.popover .popover-arrow:after {
    border-width: 10px;
    content: "";
}

.popover[data-popper-placement^=top] .popover-arrow {
    bottom: -11px;
    left: 50%;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

.popover[data-popper-placement^=top] .popover-arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
}

.popover[data-popper-placement^=right] .popover-arrow {
    top: 50%;
    left: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}

.popover[data-popper-placement^=right] .popover-arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
}

.popover[data-popper-placement^=bottom] .popover-arrow {
    top: -11px;
    left: 50%;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}

.popover[data-popper-placement^=bottom] .popover-arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
}

.popover[data-popper-placement^=left] .popover-arrow {
    top: 50%;
    right: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}

.popover[data-popper-placement^=left] .popover-arrow:after {
    right: 1px;
    bottom: -10px;
    border-right-width: 0;
}

.popover-body,
.popover-content {
    padding: 5px 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #333333;
    cursor: default;
}

.popover.bs-popover-auto,
.popover.bottom {
    margin-top: 6px;
    left: auto !important;
    right: 0;
}

.select-columns ul li {
    padding-left: 25px;
    cursor: pointer;
}

.select-columns ul li.selected {
    background: url(../images/popover-icons.png) 0px -108px no-repeat;
}

.select-columns ul li.locked {
    background: url(../images/popover-icons.png) 1px -88px no-repeat;
    cursor: default;
}

/*users-management-grid table*/

.grid-view table .jq-checkbox,
.list-view .items .jq-checkbox {
    background: #F1F3F2;
    border: 1px solid #CCCCCC;
    height: 13px;
    width: 13px;
}

.grid-view table .jq-checkbox.checked,
.list-view .items .jq-checkbox.checked {
    background: url("../images/icons_elements.png") no-repeat -195px -107px #F1F3F2;
}

.grid-view table.items {
    border-width: 0 0 1px 0;
    border-color: #E4E6E5;
    border-style: solid;
    border-collapse: separate;
    position: relative;
    width: 100%;
}

.grid-view table.items tr.even,
.grid-view table.items tr.odd {
    background: #ffffff;
}

.grid-view table.items tbody tr:hover td,
.grid-view table.items tbody tr.selected td {
    background: url(../images/table-row-hover.jpg) repeat-x top left #f1f3f2;
}

.grid-view table.items tbody tr:hover,
.grid-view table.items tbody tr.selected:hover {
    background: none;
}

.grid-view table.items tr td {
    border-top: 1px solid #E4E6E5;
    border-bottom: 1px solid #ffffff;
    border-left: none;
    border-right: none;
}

.grid-view table.items th,
.grid-view table.items th a {
    background: #ffffff;
    color: #0465ac;
    font-size: 13px;
    text-transform: uppercase;
    border: none;
    font-weight: 600;
    text-decoration: none;
}

.grid-view table.items th div.tooltip {
    text-transform: none;
}

.grid-view table.items th a:hover {
    color: #0465ac;
}

.grid-view .button-column {
    width: 74px;
}

.grid-view .button-column a + a {
    margin-left: 14px;
}

#fields-grid.grid-view .button-column a + a {
    margin-left: auto;
}

.userManagementPage #users-management-grid .button-column,
.userManagementPage #users-management-grid .button-column-single,
.grid-view table.items td.button-column-single {
    width: 33px;
    padding: 6px 4px;
}

.grid-view .td-level {
    max-width: 110px;
}

.grid-view .td-register_date,
.grid-view .td-lastenter {
    max-width: 150px;
}

.grid-view .button-column > a,
.grid-view .button-column-single > a,
.grid-view .confirmed,
.grid-view .delete-action,
.grid-view .suspend-action,
.grid-view .activate-action,
.grid-view .deactivate-action {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
}

.grid-view .button-column > a,
.grid-view .button-column-single > a,
.grid-view .delete-action,
.grid-view .activate-action,
.grid-view .deactivate-action,
.grid-view .suspend-action {
    height: 21px;
    width: 21px;
    overflow: hidden;
    margin: 0 6px;
    line-height: 100px;
}

.grid-view a.suspend,
.grid-view a.suspend-action,
.grid-view .public,
.grid-view .toggle-active-state.enabled {
    background-position: -146px -63px;
}

.grid-view a.confirm {
    background-position: -171px -41px;
}

.grid-view a.activate,
.grid-view a.decline,
.grid-view a.deactivate-action,
.grid-view .not-public,
.grid-view .toggle-active-state.disabled,
.grid-view .button-column a.activate,
.grid-view a.activate-action {
    background-position: -120px -63px;
}

.grid-view .button-column img {
    display: none;
}

.grid-view .button-column .new-user-handler,
.grid-view .button-column a.edit-field,
.grid-view .button-column-single .edit-action {
    background-position: -141px -87px;
}

.grid-view .button-column .delete,
.grid-view .button-column .delete-action,
.grid-view .button-column-single .delete-action,
.grid-view .delete-action {
    background-position: -82px -227px;
}

.report-sides .grid-view td > span.schedule,
.report-sides .grid-view td > a.schedule {
    background: url(../images/i-sprite.png) no-repeat;
    background-position: -10px -1308px;
}

.grid-view .column-0 {
    color: #0465ac;
    text-decoration: underline;
}

.grid-view .column-0.users-import-col, .grid-view .column-0.session-import-col{
    /* NOTE: this class is a patch for the above, which is changing appearances also where it shouldn't */
    color: inherit;
    text-decoration:  inherit;
}

.grid-view td {
    cursor: auto;
}

.grid-view td.empty > span {
    padding: 0 0 0 2px;
}

.modal-body .grid-view td.empty > span {
    padding: 0 0 0 12px;
}

.grid-view table.items th,
.grid-view table.items td {
    font-size: 12px;
    padding: 10px 4px;
    text-align: left;
    vertical-align: middle;
}

.grid-view table.items td.button-column {
    padding: 6px 4px;
}

.grid-view table.items .td-button-container {

}

.grid-view table.items .checkbox-column,
.grid-view table.items .checkbox-column-header {
    padding: 6px 15px;
}

.pager li {
    color: #333333;
    font-size: 12px;
    text-decoration: underline;
    margin: 0 5px;
}

.pager li.selected {
    text-decoration: none;
}

.pager li > a, .pager li > span {
    border: none;
    color: #333333;
    font-size: 12px;
    text-decoration: underline;
    border-radius: 0;
    padding: 0;
}

.pager li > a:hover,
.pager li > a:focus {
    background: none;
}

.pager li.next-page a,
.pager li.next-page a:hover,
.pager li.prev-page a,
.pager li.prev-page a:hover {
    background: url(../images/icons_elements.png) -114px -172px no-repeat;
    width: 28px;
    height: 21px;
    position: relative;
    top: 5px;

}

.pager li.next-page,
.pager li.prev-page {
    margin-left: 8px;
    margin-right: 0;
}

.pager li.next-page a,
.pager li.next-page a:hover {
    background-position: -151px -172px;
}

li.next-page.disabled,
li.prev-page.disabled {
    margin: 0;
}

/*footer*/

#footer {
    background: #333333;
    font-size: 13px;
    margin-bottom: 12px;
    margin-top: 20px;
    padding: 5px 12px;
    text-align: right;
}

#footer p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#footer p a {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #333333;
}
#footer p a:hover {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #333333;
    text-decoration: underline;
}

/*modal*/

.fade {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
    -moz-opacity: 0; /* Mozilla 1.6- */
    -khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
}

.fade.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6- */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
}

.contentLoading {
    position: absolute;
    right: 40px;
    top: 10px;
    display: none;
    background: url(../images/loading.png) no-repeat;
    height: 16px;
    width: 16px;
}

.modal-backdrop {
    background: #ffffff;
}

.modal {
    box-shadow: 0px 0px 5px 1px #cccccc;
    border-radius: 0;
    border: 1px solid #cccccc;
    width: 660px;
    margin-left: -330px;
}

.modal-header {
    background: #333333;
    padding: 7px 18px;
    border-bottom: 1px solid #cccccc;
    position: relative;
    word-wrap: break-word;
}

.modal-header .close {
    height: 10px;
    width: 10px;
    line-height: 100px;
    overflow: hidden;
    background: url(../images/icons_elements.png) -179px -133px no-repeat;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    position: absolute;
    right: 20px;
    top: 13px;
    float: none;
    z-index: 1;
}

.modal-header .close:hover,
.modal-header .close:focus {
    color: transparent;
    cursor: pointer;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6- */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
}

.modal-header h3 {
    color: #ffffff;
    font-size: 20px;
    text-shadow: 1px 1px #000000;
    position: relative;
    /*     padding-left: 40px; */
}

.modal-header h3 .i-sprite {
    margin-left: -50px;
}

.select-users .modal-header h3 {
    padding-left: 60px;
}

*:first-child + html .modal-header h3 {
    float: left;
}

.modal-header h3 span {
    /*     background: url(../images/icons_elements.png) -61px -38px no-repeat; */
    /*     width: 31px; */
    /*     height: 25px; */
    /*     position: absolute; */
    /*     top: 3px; */
    /*     left: 0; */
}

[id^='dialog-course-detail']{
    position: relative !important;
    max-height: 400px !important;
    padding: 15px !important;
    overflow-y: auto !important;
}

.modal-body {
    overflow-y: visible;
    padding: 21px 18px;
    max-height: none;
}

/*new-node modal*/

.modal-body input,
input[type="text"],
select {
    margin: 0;
    border-radius: 0;
    padding: 4px;
    box-shadow: none;
}

.modal-body .form form {
    margin: 0;
}

.modal-body input[type="text"],
.row input[type="text"],
.modal-body input[type="password"],
.modal-body input[type="number"],
.modal-body input[type="email"],
.modal-body select,
.modal-body textarea {
    padding: 0 8px;
    color: #333333;
    /*     width: 280px; */
}

.modal.editNode input[type="text"],
.modal.editNode input[type="password"],
.modal.editNode span.jqselect .jq-selectbox__select,
.modal.new-field input[type="text"],
.modal.new-field input[type="password"],
.modal.new-field span.jqselect .jq-selectbox__select
{
    width: 280px;
}

.modal-body select {
    padding: 0;
    width: 298px;
}
.modal-body select.input-block-level {
    width: 100%;
}

.modal-body span .jq-selectbox__select,
.add-field-section span .jq-selectbox__select {
    width: 242px;
}

.modal-body span.jqselect .jq-selectbox__dropdown,
.add-field-section span.jqselect .jq-selectbox__dropdown {
    /*    width: 297px;*/
}

span.jqselect .jq-selectbox__select-text {
    font-size: 13px;
}

.orgChart_translationsList {
    float: right;
}
.enrollmentAdditionalFieldForm .additional-checkboxes .item label,
.enrollmentAdditionalFieldForm .additional-checkboxes .item span,
.enrollmentAdditionalFieldForm .additional-checkboxes .item,
.enrollmentAdditionalFieldForm .additional-checkboxes .item input {display: inline;float: none !important;}
.orgChart_categoriesList {margin-top: 20px;}
.orgChart_categoriesLis.hidden {display: none;}
.languagesList {
    float: left;
}

.languagesList .orgChart_form_title,
.dropdown_form_title {
    font-weight: 600;
}

.orgChart_form_title {
    margin-bottom: 8px;
}

.languagesName {
    position: relative;
}

.languagesName label {
    position: absolute;
    bottom: 9px;
    margin: 0;
    left: 10px;
    cursor: text;
    color: #666666;
    font-style: italic;
}

.orgChart_languages {
    margin-top: 10px;
}

.orgChart_languages > div {
    margin-bottom: 4px;
}

.orgChart_languages div span {
    font-weight: 600;
}

#orgChart_assignedCount span {
    color: #52ab52;
}

.orgChart_code {
    padding: 28px 0 0;
    border-top: #e5e5e5 1px solid;
    margin-top: 20px;
}

.orgChart_code label,
.orgChart_code input {
    float: left;
    margin: 0;
}

.orgChart_code label {
    margin-top: 8px;
    margin-right: 20px;
    cursor: text;
}

.modal-footer {
    background: #ffffff;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 23px 18px 18px;
}

.values > .branding-external-page,
.btn-save,
.btn-docebo.btn-save,
.btn-cancel,
span.jq-file .jq-file__browse,
input.btn,
input.confirm-btn,
input.cancel-btn,
input.previous-btn,
.confirm-btn.disabled,
.btn-submit.disabled,
button.btn,
a.btn,
.create-additional-field,
#pickfiles,
a#disabled-upload-package-button,
[id^="pickfiles-fields"],
.recepients .popup-handler,
a.new-user-summary,
a.new-course-summary,
a.create-report,
.btn-prev,
.report-success a.report-save,
a.share-badge-btn {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    min-width: 98px;
    width: auto;
    text-align: center;
    box-shadow: none;
    font-weight: 600;
    line-height: normal;
}

button.btn,
button.btn.disabled,
a.btn,
a.btn.disabled {
    min-width: 80px;
}

span.jq-file .jq-file__browse {
    min-width: auto;
}

.modal-footer button.btn,
.modal-footer a.btn {
    outline: none;
}

.modal-footer .btn + .btn,
.row .btn + .btn,
.advanced-main .btn + .btn {
    margin-left: 17px;
}

.btn-save,
.btn-save:focus,
.btn-save:active,
.btn-save:hover,
.confirm-btn,
.btn.ok,
.values > .branding-external-page,
.manage-backgrounds,
.manage-backgrounds:hover,
.manage-backgrounds:focus,
.manage-backgrounds:active,
.confirm-btn:hover,
.confirm-btn:focus,
.confirm-btn:active,
.confirm-btn.disabled,
.create-additional-field,
.btn-submit,
.redirect-btn,
.redirect-btn:focus,
.redirect-btn:active,
.redirect-btn:hover,
.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active,
.btn-submit.disabled,
span.jq-file .jq-file__browse,
#pickfiles,
a#disabled-upload-package-button,
[id^="pickfiles-fields"],
.recepients .popup-handler,
a.new-user-summary,
a.new-user-summary:hover,
a.new-user-summary:focus,
a.new-user-summary:active,
a.new-course-summary,
a.new-course-summary:hover,
a.new-course-summary:focus,
a.new-course-summary:active,
a.create-report,
a.create-report:hover,
a.create-report:focus,
a.create-report:active,
.report-success a.report-save,
.report-success a.report-save:focus,
.report-success a.report-save:active,
.report-success a.report-save:hover,
a.share-badge-btn,
a.share-badge-btn:hover,
a.share-badge-btn:focus,
a.share-badge-btn:active {
    background: #53ab53;
    text-shadow: 1px 1px #306430;
}

.btn-cancel,
.btn-cancel:hover,
.btn-cancel:active,
.btn-cancel:focus,
.close-btn,
.close-btn:hover,
.close-btn:active,
.close-btn:focus,
.btn-cancel,
.cancel-btn,
.btn-cancel:hover,
.btn-cancel:active,
.btn-cancel:focus,
.modal-footer .cancel,
input.previous-btn:hover,
input.previous-btn:focus,
input.previous-btn,
.btn-prev,
.btn-prev:hover,
.btn-prev:focus {
    background: #333333;
    text-shadow: 1px 1px #000000;
}

.btn-save:focus,
.btn-save:hover,
.btn:hover,
.btn:focus,
.create-additional-field:focus,
.create-additional-field:hover,
span.jq-file .jq-file__browse:focus,
[id^="pickfiles-fields"]:focus,
[id^="pickfiles-fields"]:hover,
.jq-file__browse:hover,
a.new-user-summary:hover,
a.new-user-summary:focus,
a.new-course-summary:hover,
a.new-course-summary:focus,
a.create-report:hover,
a.create-report:focus,
.report-success a.save-report:focus,
.report-success a.save-report:hover,
a.share-badge-btn:hover,
a.share-badge-btn:focus {
    transition: none;
    color: #ffffff;
}

/*user-edit-massive modal*/

.modal.user-edit-massive {
    width: 550px;
    margin-left: -275px;
}

.user-edit-massive form .users-count,
.user-edit-massive form > div.clearfix > div.clearfix,
.user-edit-massive form > div.clearfix > div.clearfix > input,
.user-edit-massive form > div.clearfix > div.clearfix > label,
.user-edit-massive form > div.clearfix > div.clearfix > select,
.user-edit-massive form > div.clearfix > div.clearfix > span.jq-checkbox,
.user-edit-massive form > div.clearfix > div.clearfix > span.jqselect {
    float: right;
}

.user-edit-massive form label {
    cursor: text;
    margin-top: 8px;
}

.user-edit-massive form > div.clearfix {
    margin-bottom: 12px;
}

.user-edit-massive form > div.clearfix > div.clearfix > input,
.user-edit-massive form > div.clearfix > div.clearfix > select,
.user-edit-massive form > div.clearfix > div.clearfix > span.jqselect {
    margin-left: 20px;
}

.user-edit-massive form > div.clearfix > input,
.user-edit-massive form > div.clearfix > select,
.user-edit-massive form > div.clearfix > span.jq-checkbox {
    float: left;
    margin-top: 8px;
}

.user-edit-massive form > div.clearfix > div.clearfix {
    width: 470px;
    padding-left: 8px;
}

.user-edit-massive .select-fields-title {
    margin: 0 0 10px;
}

.modal.user-edit-massive .modal-footer {
    padding-top: 0;
}

.disabled .jqselect,
input[disabled],
select[disabled] {
    cursor: not-allowed;
}

.user-edit-massive form > .clearfix > .disabled,
.user-edit-massive form > .clearfix > .disabled .jqselect {
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
    -moz-opacity: 0.7; /* Mozilla 1.6- */
    -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
}

.clear-line {
    clear: both;
}

/*move modal*/

.modal-body #orgChart_move,
.modal-body #courseCategory_move {
    overflow-y: auto;
    height: 350px;
    line-height: 13px;
    margin-top: 10px;
}

.move-node .nodeTree-border,
.move .nodeTree-border {
    padding: 1px 0;
}

.nodeTree-border {
    border-top: 1px solid #cccccc;
}

.nodeTree-margin {
    padding: 6px 0;
}

.chart-tree .nodeTree-margin:hover,
.checked-node {
    background: #f1f3f2;
}

.nodeTree-node {
    cursor: pointer;
}

.nodeTree-node span.jq-radio {
    float: right;
    background: none;
}

.nodeTree-node .jq-radio.checked,
.nodeTree-node .jq-radio {
    background: url(../images/icons_elements.png) -142px -148px no-repeat;
    height: 16px;
    width: 17px;
    margin-right: 14px;
}

.label-wrapper {
    overflow: hidden;
    float: left;
}

.label-for-radio {
    float: left;
}

.label-wrapper span {
    background: url(../images/icons_elements.png) -216px -60px no-repeat;
    height: 16px;
    width: 30px;
    display: block;
    float: left;
    margin-right: 10px;
}

.hasChildren > div .label-wrapper span {
    background-position: -217px -38px;
}

.hasChildren > div .label-wrapper .collapse-node.active {
    background-position: -216px -16px;
}

.rootNode > div .label-wrapper span {
    background-position: -216px 4px;
}

.rootNode > div .label-wrapper .collapse-node.active {
    background-position: -442px -180px;
}

.rootNode > div .label-wrapper {
    color: #0465ac;
}

.orgChart_move_form_title,
.nodeParentsTitle,
.select-fields-title,
.users-count span,
.node-email strong,
.enrollment-date strong,
.select-role-wrapper form > p span,
.edit-enrollment .modal-body h3 strong {
    font-weight: 700;
}

/*scroll*/
.nodeParentsContainer {
    margin-top: 35px;
}

.nodeParents {
    padding-top: 4px;
}

.nodeParents li span {
    padding: 0 3px;
}

/*waiting-approval*/
.waiting-approval .input-wrapper,
.curricula-section .input-wrapper,
.group-management .input-wrapper,
.additional-fields-wrapper .input-wrapper {
    padding: 10px 0;
    float: right;
    z-index: 5;
}

.filters_transcripts_management .input-wrapper {
    float: right;
    z-index: 5;
}

.waiting-approval .input-wrapper span:not(.twitter-typeahead),
.curricula-section .input-wrapper span:not(.twitter-typeahead),
.group-management .input-wrapper span:not(.twitter-typeahead),
.additional-fields-wrapper .input-wrapper span:not(.twitter-typeahead) {
    top: 16px;
}

.waiting-approval .input-wrapper label,
.additional-fields-wrapper .input-wrapper label {
    top: 17px;
}

/*waiting-approval-table*/

.grid-view table.items .confirmed-column {
    text-align: center;
}

.grid-view .confirmed {
    height: 14px;
    width: 16px;
    background-position: -142px -151px;
}

.grid-view .button-column .details,
.grid-view .button-column-single .details {
    background-position: -217px -102px;
}

.grid-view .button-column .sendMessage,
.grid-view .button-column-single .sendMessage {
    background-position: -217px -80px;
}

.modal.tmp-user-details {
    width: 400px;
    margin-left: -200px;
}

.modal.tmp-user-details .modal-body .detail {
    margin-bottom: 10px;
}

/*new user*/

.modal.new-node .modal-header h3 {
    padding-left: 59px;
}

.modal.assign-courses .modal-header h3 {
    padding-left: 60px;
}

.modal.new-user .modal-header h3 span {
    background-position: -177px -225px;
    height: 30px;
    width: 31px;
    top: 0px;
}

.nav-tabs,
.advanced-sidebar ul {
    width: 200px;
    float: left;
    border-left: none;
    border-right: none;
    background: #f1f3f2;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0;
}

.new-user-form,
.select-user-form-wrapper,
.power-user-profile-form-wrapper,
.new-session-form {
    margin-left: 200px;
    background: #ffffff;
}
.new-user-form .tab-content{
    overflow: hidden;
}
.errorMessage,
.error {
    padding-bottom: 2px;
    padding-top: 2px;
    color: #b54b4b;
    font-weight: 700;
}

.new-user .errorMessage,
.user-edit-massive .errorMessage {
    float: right;
    width: 296px;
}

#edit-profile-form .errorMessage,
.new-user-form .errorMessage {
    text-align: right;
    font-size: 11px;
}

.new-user-form #user_form .line-margin label {
    max-width: 160px;
    overflow: hidden;
    text-align: right;
}

.new-user-form #user_form .force_change.line-margin label {
    max-width: none;
    overflow: inherit;
    text-align: inherit;
}

.course-node-edit .errorMessage,
.new-course .errorMessage {
    clear: both;
}

input.error {
    background: #f2dedf !important;
    color: #b54b4b !important;
}

#userForm-details {
    float: right;
    max-height: 500px;
    height: auto;
    min-height: 500px;
    overflow-y: visible;
    width: 100%
}

#userForm-details select,
#userForm-details select,
.add-field-section select,
.preview-viewport select,
#user-import-form select,
#session-import-form select,
.languagesList select {
    width: 296px;
    padding: 4px 8px;
    border-radius: 0;
}


#userForm-details input[type="text"],
#userForm-details input[type="password"],
#userForm-details textarea{
    width: 280px;
}


.add-field-section select {
    margin: 0;
}

.advanced-sidebar li a span,
.advanced-sidebar .nav-tabs li a span {
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.advanced-sidebar li a span.i-sprite,
.advanced-sidebar .nav-tabs li a span.i-sprite{
    background-image: url(../images/i-sprite.png);
    width: 23px;
    margin-right: 13px;
}

.nav-tabs li a span.user-form-details {
    background-position: -218px -125px;
}

.nav-tabs li a span.user-form-orgchat,
.nav-tabs li a span.courseEnroll-orgchart {
    background-position: -215px -175px;
}

.nav-tabs .active span.user-form-details {
    background-position: -218px -152px;
}

.nav-tabs .active span.user-form-orgchat,
.nav-tabs .active span.courseEnroll-orgchart {
    background-position: -216px -205px;
}

.tab-pane .line-margin {
    margin-bottom: 15px;
}

.tab-pane > div label {
    margin-right: 20px;
    margin-top: 8px;
}

.force_change {
    width: 296px;
    float: right;
    padding: 7px 0 6px;
}

#userForm-details .force_change span,
#userForm-details .force_change input {
    float: left;
}

#userForm-details .force_change label {
    margin: 0 0 0 30px;
    float: none;
}

#userForm-orgchat {
    margin-left: 25px;
    /* 	background: #f1f3f2; */
    max-height: 500px;
    overflow-y: auto;
}

#userForm-orgchat .jspContainer .jspPane {
    position: relative;
}

#userForm-orgchat input[type="checkbox"] {
    height: 18px;
    width: 18px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    background: none;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: none;
    border-right: none;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    background: none;
    color: #333333;
}

.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #f1f3f2;
}

.advanced-sidebar li a,
.nav-tabs > li > a,
.nav-library > div a {
    border: none;
    color: #333333;
    text-shadow: 1px 1px 0 #ffffff;
    background: none;
    margin: 0;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    padding: 6px 10px 7px;
    display: block;
}

.nav-tabs > li.active a,
.nav-tabs > li:has(a.active) a,
.nav-tabs > li a:hover,
.advanced-sidebar a.active,
.advanced-sidebar a:hover,
.nav-library > div a.active,
.nav-library > div a:hover {
    color: #f1f3f2;
    text-shadow: 1px 1px 0 #000000;
    background: none;
}

.advanced-sidebar a.active,
.nav-tabs > li.active,
.nav-tabs > li:has(a.active),
.nav-library > div a.active {
    background: #333333;
}

.nav-tabs > li.active,
.nav-tabs > li:has(a.active) {
    background: #333333;
}

.nav-library > div a {
    background: #f1f3f2;
}

.advanced-sidebar li,
.nav-tabs > li,
.nav-library > div {
    float: none;
    margin: 0;
    border-bottom: 1px solid #f1f3f2;
}

ul.nav-tabs,
.advanced-sidebar ul {
    border-top: 1px solid #f1f3f2;
}

#userForm-orgchat li > div {
    padding: 5px;
}

.courseEnroll-page-orgchart li > div > label,
#userForm-orgchat li > div > label {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.tab-content {
    overflow: visible;
}

#player-arena-uploader .tab-content{
    overflow: auto;
}

.modal-body textarea {
    height: 80px;
    border-radius: 0;
    margin-bottom: 0;
}

#userForm-details label,
#userForm-details input,
#userForm-details .additional-yes-no,
#userForm-details span.jqselect,
#userForm-details select,
#userForm-details textarea,
#userForm-details label,
#userForm-details span.jq-file {
    float: right;
}
#userForm-details .additional-yes-no span.jq-radio{
    float: left;
}

#userForm-details .additional-yes-no label{
    float: left;
}

#userForm-details span.jq-file {
    width: 296px;
    float: right;
    cursor: pointer;
}

#userForm-details span.jq-file input {
    right: 0 !important;
}

#userForm-details .additional-yes-no {
    display: block;
    width: 296px;
    margin-top: 8px;
}

#userForm-details .additional-yes-no label {
    margin: 0 10px 0;
}

.line-margin input[type="file"] {
    width: 296px;
}

#userForm-details .input-append.date {
    position: relative;
    width: 296px;
    float: right;
    margin-bottom: 0;
    margin-left: 3px;
}

#userForm-details .input-append.date .add-on {
    position: absolute;
    left: 1px;
    top: 3px;
    background: none;
    border: none;
    border-radius: 0;
    z-index: 2;
}

#userForm-details .input-append.date > label {
    position: absolute;
    left: -70px;
}

#userForm-details .input-append.date > input {
    padding-left: 23px;
    width: 265px;
}

.modal.new-power-profile,
.modal.profile-edit-node {
    width: 960px;
    margin-left: -480px;
}

.modal.new-user,
.modal.user-edit
{
    width: 734px;
    margin-left: -367px;
}

.modal.new-power-profile,
.modal.profile-edit-node
{
    position: absolute !important;
}

.modal.new-user .modal-body {
    padding: 20px 18px;
}

.modal.new-user .modal-footer {
    padding-top: 0;
}

.tab-pane .node-tree li {
    padding: 0px 0 0px 27px;
    background: url(../images/tree-line.png) 14px 0px no-repeat;
}

.tab-pane li.rootNode {
    background: none;
    padding: 5px 0 5px 15px;
}

.tab-pane .nodeUl li.last-child {
    background-position: 14px -1054px;
}

.tab-pane .rootNode > div .node-icon,
.courseEnroll-page-orgchart .node-icon {
    height: 14px;
    width: 18px;
    background: url(../images/icons_elements.png) -190px -179px no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.hasChildren > div .open-close-link,
.hasChildren > div .open-close-link {
    display: inline-block;
    height: 12px;
    width: 13px;
    margin-left: -23px;
    margin-right: 7px;
    margin-top: 5px;
}

.hasChildren.opened-tree > div > .open-close-link,
.hasChildren.opened-tree > div .open-close-link {
    background: url(../images/icons_elements.png) -373px -226px no-repeat;
}

.hasChildren > div > .open-close-link,
.hasChildren > div .open-close-link {
    background: url(../images/icons_elements.png) -373px -243px no-repeat;
    cursor: pointer;
}

#userForm-orgchat .nodeTree-node {
    cursor: default;
}

/*jq-checkbox*/

span.jq-checkbox,
.modal.create-report span.jq-checkbox,
.custom-report-wrapper .list-view .items span.jq-checkbox,
#report span.jq-checkbox,
.curricula-assign-prerequisites .modal-body span.jq-checkbox,
.curricula-assign-courses .modal-body span.jq-checkbox,
.release-node .modal-body span.jq-checkbox {
    height: 18px;
    width: 18px;
    background: url(../images/icons_elements.png) -143px -201px no-repeat;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

span.jq-checkbox.checked,
.modal.create-report span.jq-checkbox.checked,
.custom-report-wrapper .list-view .items span.jq-checkbox.checked,
#report span.jq-checkbox.checked,
.curricula-assign-prerequisites .modal-body span.jq-checkbox.checked,
.curricula-assign-courses .modal-body span.jq-checkbox.checked,
.release-node .modal-body span.jq-checkbox.checked {
    background-position: -189px -201px;
}

/*edit-node*/

.modal.edit-node .modal-header h3 span,
.modal.course-node-edit .modal-header h3 span,
.modal.edit-category .modal-header h3 span,
.modal.editNode .modal-header h3 span,
.modal.edit-group .modal-header h3 span,
.modal.edit-enrollment .modal-header h3 span,
.modal.user-edit-massive .modal-header h3 span,
.modal.user-edit .modal-header h3 span,
.modal.profile-edit-node .modal-header h3 span,
.modal.curricula-edit .modal-header h3 span,
.modal.edit-certificate .modal-header h3 span,
.modal.update-catalog .modal-header h3 span {
    background-position: -140px -225px;
    width: 30px;
    height: 30px;
    top: 0;
}

.modal.move-node .modal-header h3 span,
.modal.move .modal-header h3 span {
    background-position: -247px -227px;
    width: 30px;
    height: 30px;
}


.settings-category.modal {
    width: 900px;
    margin-left: -417px;
}

/*additional-fields*/

.add-field-section label {
    float: left;
    margin: 9px 13px 0 0;
    cursor: text;
}

input.create-additional-field {
    margin-left: 10px;
    padding: 7px 10px;
}

.additional-field-name {
    word-break: break-all;
}

.grid-view .button-column .order-field {
    background-position: -113px -227px;
}

.additional-checkboxes .item label,
.additional-checkboxes .item span,
.additional-checkboxes .item,
.additional-checkboxes .item input {
    float: left;
}

.preview-viewport span {
    float: right;
}

.preview-viewport label {
    padding-right: 5px;
    vertical-align: middle;
    word-break: break-all;
}

.preview-viewport-wrapper {
    padding: 9px 0 9px 20px;
    border-left: 1px solid #ffffff;
}

.preview-viewport select {
    float: right;
    width: 100%;
}

.preview-wrapper {
    background: #f1f3f2;
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
    margin-top: 35px;
    border-collapse: separate;
    width: 100%;
    table-layout: fixed;
}

.preview-wrapper table {
    width: 100%;
    vertical-align: middle;
    border-collapse: separate;
}

.preview-wrapper table td {
    vertical-align: middle;
}

.language-select {
    border-right: 1px solid #e4e6e5;
    padding: 9px 20px 9px 0;
    max-width: 200px;
}

.preview-border {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0px 12px;
}

.field-options input {
    display: block;
    margin-bottom: 10px;
}

.additional-checkboxes {
    bottom: -50px;
    position: absolute;
}

.additional-checkboxes .item label {
    margin-left: 10px;
    margin-right: 28px;
}

.field-name {
    margin-bottom: 25px;
}

.new-field .modal-header h3 {
    padding-left: 45px;
}

.new-field .modal-header h3 span {
    /*     background: url(../images/icons_elements.png) -250px -200px no-repeat; */
    /*     height: 21px; */
    /*     width: 23px; */
}

.new-field .modal-body {
    padding: 22px 18px 0;
}

.new-field form .orgChart_translationsList {
    float: none;
    margin-left: 330px;
}

.new-field form > .clearfix {
    margin-top: 18px;
}

.new-field form .languagesList {
    margin-top: 25px;
}

.new-field .modal-body input[type="text"] {
    color: #333333;
}

span.preview {
    font-size: 15px;
}

/*import-users*/

#user-import-form,
.user-import-options,
#session-import-form {
    margin-top: 14px;
    margin-bottom: 24px;
}

.import form .row,
.advanced-main .row {
    margin-left: 0;
}

.advanced-main form
{
    display: inline-block;
    width: 100%;
}

div.allowed_domains_container{
    margin-right: 35px;
}

div.allowed_domains_container input.maininput{
    line-height: inherit !important;
    color: #999999;
}
div.allowed_domains_container ul, div.allowed_domains_container input.maininput{
    background-color: #F9F9F9;
}

.modal-header h3 i.i-sprite {
    margin-left: 0px;
}

.import form .row label,
.import form .row span,
.import form .row-border > div,
.import form .row input {
    display: inline-block;
    vertical-align: middle;
}

*:first-child + html .import form .row label,
*:first-child + html .import form .row-border > div,
*:first-child + html .import form .row input {
    display: inline;
}

.import form .download-file {
    float: right;
    margin-top: 5px;
}

.import form .row-border > div > div {
    color: #666666;
    font-size: 11px;
}

.import form .download-file span {
    text-decoration: underline;
    vertical-align: baseline;
}

.import form .download-file span a {
    color: #333333;
}

.import form .download-file .download-icon {
    height: 20px;
    width: 16px;
    vertical-align: middle;
    background: url(../images/icons_elements.png) -253px -178px no-repeat;
    margin-right: 5px;
}

.import form .row span .jq-selectbox__select {
    width: 241px;
}

.import form .row span .jq-selectbox__dropdown {
    /*    width: 296px;*/
}

.user-import-options h4,
.user-import-options-check span,
.user-import-options-check input {
    float: left;
}

.import form .row > div {
    padding-left: 210px;
    padding-top: 30px;
    padding-bottom: 10px;
}

.import form .row {
    padding: 20px 25px;
}

.import form .row .row-border,
.user-import-options-border,
.sending-progress {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: #f1f3f2;
    padding: 18px 25px;
}

.user-import-options-border {
    padding: 10px 15px;
}

.admin-advanced-wrapper .setting-row.odd,
.advanced-main .row.odd,
.import form .has-border,
.user-import-options,
.report-filters-wrapper .row.odd {
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
    padding: 0;
}

.import form .row .row-border > label,
.import form .row > label {
    width: 152px;
    font-weight: 600;
    font-size: 15px;
    padding-right: 60px;
    cursor: text;
}

.user-import-options h4 {
    font-weight: 600;
    font-size: 15px;
    cursor: text;
}

.user-import-options-check {
    padding-left: 223px;
}

.user-import-options-check > div,
.user-import-options h4 {
    padding: 12px 0;
}

.import form .row span.jq-radio {
    margin-left: 0px;
    margin-right: 5px;
}

.import form .row span label {
    margin-right: 25px;
}

input#UserImportForm_manualSeparator,input#SessionImportForm_manualSeparator {
    width: 65px;
    margin-left: -20px;
}

.import form .row.btns,
.certificate-btns {
    padding: 30px 0 6px;
}

.import form .row.btns .btn,
.certificate-btns .btn {
    float: right;
}

.import form .row .btn + .btn,
.certificate-btns .btn + .btn {
    margin-right: 17px;
}

.grid-view .table-scroll {
    overflow: auto;
    min-height: 290px;
    margin-top: 15px;
}

.import .table-scroll th > p {
    margin-top: 18px;
}

.user-import-options-label {
    padding-left: 24px;
}

.user-import-options-label label {
    display: inline;
    font-size: 13px;
}

.user-import-options-label p {
    font-size: 11px;
    color: #666666;
}

#users-management-import-grid {
    margin-top: 10px;
    border-top: 1px solid #e4e6e5;
    padding-top: 0;
}

/*jq-file*/

span.jq-file.focused {
    border: none;
}

span.jq-file {
    border: none;
    background: none;
    box-shadow: none;
    border-radius: 0;
}

*:first-child + html #user-import-form span.jq-file {
    max-width: 120px;
}

span.jq-file .jq-file__name,
span.file-name {
    float: right !important;
    padding: 0;
    font-size: 13px;
    width: auto;
    overflow: hidden;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.file-name {
    float: none !important;
}

span.jq-file .jq-file__browse,
#pickfiles a#disabled-upload-package-button, [id^="pickfiles-fields"] {
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: 0;
    background: #53ab53;
    width: auto;
    cursor: pointer;
    padding: 8px 9px;
    margin-right: 5px;
}

span.jq-file:active .jq-file__browse {
    box-shadow: none;
}

span.jq-file:hover .jq-file__browse {
    background: #53ab53;
}
/* IE8 fix */
span.jq-file .custom-image { opacity:0; filter: alpha(opacity = 0); }

#userSlider span.jq-file .jq-file__browse {
    margin: 0;
    padding: 10px 5px 0;
    height: 80px;
    width: 80px;
    min-width: 80px;
    font-size: 12px;
    background: url('../images/upload-icon.png') no-repeat #53ab53 center 60px;
}

#userSlider span.jq-file .jq-file__name {
    display: none;
}

/*placeholder*/

input::-webkit-input-placeholder {
    color: #cccccc !important;
    font-size: 13px !important;
    opacity: 1;
    font-style: italic !important;
}

input:-moz-placeholder {
    color: #cccccc !important;
    font-size: 13px !important;
    opacity: 1;
    font-style: italic !important;
}

input::-moz-placeholder {
    color: #cccccc !important;
    font-size: 13px !important;
    opacity: 1;
    font-style: italic !important;
}

input:-ms-input-placeholder {
    color: #cccccc !important;
    font-size: 13px !important;
    opacity: 1;
    font-style: italic !important;
}

/*step2*/

.import .grid-view span .jq-selectbox__select {
    width: auto;
}

.import .grid-view select,
.import .grid-view span {
    text-transform: none;
}

#user-import-form-step2 select {
    width: auto !important;
}

/*course_management*/

table.filters_course_management {
    width: 100%;
}

table.filters_course_management .input-wrapper input[type="text"],
table.filters_course_management .input-wrapper input[type="text"]:focus {
    width: 169px;
}

.filters_course_management .group,
.filters_course_management .group td {
    vertical-align: middle;
}

.filters_course_management .select-course-type {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #E4E6E5;
    padding-right: 0px;
}

.filters_course_management .advanced-search-box {
    border-right: none;
    padding-right: 0;
    width: auto;
}

.filters_course_management .children-node-content {
    width: auto;
}

.filters_course_management .children-node-content > table {
    width: 100%;
}

.filters_course_management .select-course-type label {
    margin: 0 15px 0 8px;
}

.filters_course_management .advanced-search-box > table {
    float: right;
}

.main-actions li .new-course span,
.main-actions li .curricula-assign-courses span,
.course-enrollments-actions li .assign-courses span {
    background-position: -319px -34px;
}

.main-actions li:hover .new-course span,
.main-actions li:hover .curricula-assign-courses span,
.course-enrollments-actions li:hover .assign-courses span {
    background-position: -376px -34px;
}

.main-actions li .new-category span {
    background-position: -315px -73px;
}

.main-actions li .new-course span,
.main-actions li .curricula-assign-courses span,
.main-actions li .new-category span,
.main-actions li .course-multisubscribe-handler span,
.course-enrollments-actions li .assign-courses span {
    height: 39px;
    margin-bottom: 8px;
}

/*.main-actions li .new-course,*/
.main-actions li .new-category,
.main-actions li .course-multisubscribe-handler {
    padding-top: 12px;
}

.main-actions li:hover .new-category span {
    background-position: -370px -73px;
}

.main-actions li .course-multisubscribe-handler span {
    background-position: -319px 9px;
}

.main-actions li:hover .course-multisubscribe-handler span {
    background-position: -376px 9px;
}

.grid-view a.popover-action,
#course-management-grid a.popover-action,
#course-enrollment-grid a.popover-action,
#sessions-management-grid a.popover-action,
.sessions-management-grid a.popover-action {
    height: 28px;
    width: 28px;
    background: url(../images/icons_elements.png) -251px -146px no-repeat;
    display: block;
    float: right;
    margin-right: 12px;
}


.report-sides .grid-view a.report-manage-actions-trigger {
    /*background: url(../images/icons_elements.png) -251px -146px no-repeat;*/
    background:transparent;
    height: 28px;
    width: 28px;
    display: block;
    float: right;
    margin-right: 12px;
    line-height:28px;
    font-size:20px;
    text-align:center;
    color:#b6b6b6;
}

.report-sides .grid-view a.report-manage-actions-trigger:hover, .report-sides .grid-view a.report-manage-actions-trigger.active{
    color:#333;
}

.popover.report-sides ul li,
.report-sides .grid-view td.report-manage-actions ul li {
    padding: 3px 0;
}
#course-management-grid table.items td,
#sessions-management-grid table.items td,
.sessions-management-grid table.items td {
    padding: 5px 4px;
}

#course-management-grid table.items td .enroll,
#sessions-management-grid table.items td .enroll,
.sessions-management-grid table.items td .enroll {
    font-weight: 700;
    color: #5dbd5d;
    text-decoration: underline;
    text-transform: uppercase;
}

#course-management-grid table.items td .sessions {
    color: #0465AC;
    text-decoration: underline;
}

td .enrolled {
    display: inline-block;
    height: 16px;
    width: 23px;
    background: url(../images/icons_elements.png) -251px -127px no-repeat;
    vertical-align: middle;
    margin-left: 2px;
}

td .assigned-rules {
    display: inline-block;
    height: 16px;
    width: 23px;
    background: url(../images/icons_elements.png) -689px 0px no-repeat;
    vertical-align: middle;
    margin-left: 5px;
}

td .assigned-rules.yellow{
    background-position: -715px 0px;
}

#course-management-grid table.items .enrolled-column,
#sessions-management-grid table.items .enrolled-column,
.sessions-management-grid table.items .enrolled-column {
    width: 75px;
    white-space: nowrap;
}

#course-management-grid table.items .enrolled-column a,
#sessions-management-grid table.items .enrolled-column a,
.sessions-management-grid table.items .enrolled-column a {
    text-align: center;
    display: inline-block;
    min-width: 75px;
    width: 100%;
}

.manage-plan-course-pu-seats .maxAvailable,
.manage-pu-seats-header .maxAvailable,
#curricula-management-grid table.items td .maxAvailable,
#course-management-grid table.items td .maxAvailable,
#course-management-grid table.items td .elearning,
#course-management-grid table.items td .classroom,
#course-management-grid table.items td .webinar,
#course-management-grid table.items td .mobile {
    display: inline-block;
    height: 22px;
    width: 25px;
    background:     url("../images/icons_elements.png") no-repeat;
    vertical-align: middle;
    margin-left: 2px;
}

#course-management-grid table.items td.max-available-column {
    width: 95px;
}

.manage-plan-course-pu-seats .maxAvailable,
.manage-pu-seats-header .maxAvailable,
#curricula-management-grid table.items td .maxAvailable,
#course-management-grid table.items td .maxAvailable {
    background-position: -251px -27px;
}

#course-management-grid table.items td .classroom {
    background-position: -252px -98px;
}

#course-management-grid table.items td .webinar {
    background: url('../images/webinar/sprite-icons.png') no-repeat scroll -19px -38px transparent !important;
    width: 14px !important;
    height: 37px !important;
}

#course-management-grid table.items td .elearning,
#course-management-grid table.items td .mobile {
    background:url(../images/devices_sprite.png) no-repeat;
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:middle;
}

#course-management-grid table.items td .elearning   {background-position:-58px -12px;width:36px;height:23px;margin-left: 6px;}
#course-management-grid table.items td .mobile      {background-position:-113px -12px;width:12px;height:23px; margin-left: -5px;}

.modal {
    position: absolute !important;
    top: 130px !important;
}

.fade ~ .bs-tooltip-auto {
    visibility: hidden;
}

.fade.in {
    visibility: visible;
}

/*course_form*/

.modal.new-course,
.modal.course-node-edit {
    width: 800px;
    margin-left: -400px;
}

.modal.new-course .modal-header h3,
.modal.new-course-success .modal-header h3,
.modal.new-group-success .modal-header h3,
.modal.curricula-assign-courses .modal-header h3,
.modal.new-category .modal-header h3 {
    padding-left: 48px;
}

.modal.new-course .modal-header h3 span,
.modal.new-course-success .modal-header h3 span,
.modal.new-group-success .modal-header h3 span,
.modal.curricula-assign-courses .modal-header h3 span {
    background-position: -352px -120px;
    height: 27px;
    width: 35px;
    top: 0;
}

.courseSlider .courseEnroll-tabs {
    background: #ffffff;
}

.new-course .nav-tabs,
.course-node-edit .nav-tabs {
    width: 140px;
}

.new-course .select-user-form-wrapper,
.course-node-edit .select-user-form-wrapper {
    margin-left: 155px;
}

.new-course .form h3,
.course-node-edit .form h3 {
    margin-bottom: 20px;
}

.new-course .form form div > label,
.course-node-edit .form form div > label,
.edit-group .form form div > label,
.edit-node .form form div > label {
    float: left;
    cursor: text;
}

.course-title-wrapper > label,
.course-code-wrapper > label {
    margin-top: 8px;
}

.course-type-wrapper {
    margin: 20px 0px 0px 0px;
}

.course-type-wrapper > label {
    margin-top: 15px;
}

.new-course .form form div > input,
.new-course .form form div > textarea,
.course-node-edit .form form div > input,
.course-node-edit .form form div > textarea {
    float: right;
    /*width: 584px;*/
    width: 76.5%;
}

.new-course .form form div.course-type-wrapper > div.table-container {
    float: right;
    width: 608px;
}

.new-course .form form div.course-type-wrapper td {
    vertical-align: middle;
}

.new-course .form form div.course-type-wrapper td i.icon {
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

/* .new-course .form form div.course-type-wrapper table td:nth-child(2) i.icon { */
/*     width: 79px; */
/*     background: transparent url("../images/classroom_icons_sprite.png") -242px 0px; */
/* } */


.new-course .form form div.course-type-wrapper table td:nth-child(2) i.icon {
    width: 36px;
    background: transparent url("../images/devices_sprite.png") -56px -0px;
}


/* .new-course .form form div.course-type-wrapper table td:nth-child(4) i.icon { */
/*     width: 20px; */
/*     background: transparent url("../images/classroom_icons_sprite.png") -149px 0px; */
/* } */

/*
.new-course .form form div.course-type-wrapper table td:nth-child(4) i.icon {
    width: 11px;
    background: transparent url("../images/devices_sprite.png") -114px -2px;
}
*/
.new-course .form form div.course-type-wrapper table td:nth-child(4) i.icon,
.new-course .form form div.course-type-wrapper i.icon.classroom {
    width: 19px;
    height: 20px;
    background: transparent url("../images/classroom_icons_sprite.png") 0 0;
}

.new-course .form form div.course-type-wrapper td label > span {
    vertical-align: middle;
    width: 120px;
    display: inline-block;
}

.course-node-edit .form form div > textarea,
.new-course .form form div > textarea {
    height: 181px;
}

#course_form .nav-library {
    border-top: 1px solid #F1F3F2;
    margin-top: 5px;
}

#course_form .thumbnail {
    border: none;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 15px 0;
}

#course_form .nav-library {
    float: left;
    width: 140px;
}

.new-course .form h3,
.course-node-edit .form h3,
.edit-group .form h3,
.edit-node .form h3 {
    border-bottom: 1px solid #e5e5e5;
    padding: 40px 0 5px;
}

.thumbnailSlider {
    margin-left: 162px;
}

.new-course .textarea-wrapper,
.course-node-edit .textarea-wrapper {
    margin-left: 162px;
}

.mce-container.mce-panel .mce-btn button {
    padding: 2px 7px;
}

form .mce-tinymce {
    border-radius: 0;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
}

.course-code-wrapper {
    margin-top: 15px;
}

/*new-course-success*/

.new-group-success-content > div,
.new-course-success-content > div {
    border-top: 1px solid #e4e6e5;
    padding: 17px 0;
    overflow: hidden;
}

.new-group-success-content h3,
.new-course-success-content h3 {
    padding-bottom: 10px;
    font-size: 20px;
}

.new-group-success-content .go-back,
.new-course-success-content .go-back {
    padding-bottom: 0;
}

.modal.new-group-success .modal-footer,
.modal.new-course-success .modal-footer {
    padding-top: 0;
}

.modal.new-group-success .modal-body .btn span,
.modal.new-course-success .modal-body .btn span {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    width: 34px;
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
    margin-right: 8px;
}

.modal.new-group-success .modal-body .confirm-btn span,
.modal.new-course-success .modal-body .confirm-btn span {
    background-position: -997px -240px;
}

.modal.new-group-success .modal-body .redirect-btn span,
.modal.new-course-success .modal-body .redirect-btn span {
    background-position: -414px -230px;
}

.new-group-success-content .btn,
.new-course-success-content .btn {
    text-align: left;
}

.new-group-success-content .go-back .btn,
.new-course-success-content .go-back .btn {
    text-align: center;
}

.modal.new-group-success .modal-body .redirect-btn,
.modal.new-course-success .modal-body .redirect-btn {
    background: #666666;
}

span.jq-selectbox li:hover,
span.jq-selectbox li.selected:hover {
    background: #333333;
    color: #ffffff;
}

span.jq-selectbox li.selected {
    background: #f1f3f2;
    color: #333333;
}

/*copy course modal*/

.modal.copy-course {
    width: 582px;
    margin-left: -291px;
}

.modal.copy-course .modal-header h3 span, .modal.modal-copy-session .modal-header h3 span {
    /*     background-position: -354px -152px; */
    /*     height: 32px; */
    /*     width: 32px; */
    /*     top: 1px; */
}

.copy-checkboxes,
.copy-checkboxes > div {
    overflow: hidden;
}

.copy-checkboxes > div > span,
.copy-checkboxes input[type="checkbox"],
.suspend-action .modal-body span,
.suspend-action .modal-body input[type="checkbox"],
.activate-action .modal-body span,
.activate-action .modal-body input[type="checkbox"],
.deactivate-action .modal-body span,
.deactivate-action .modal-body input[type="checkbox"],
.delete-node .modal-body span,
.delete-node .modal-body input[type="checkbox"] {
    float: left;
}

.copy-checkboxes > div > label,
.activate-action .modal-body label,
.deactivate-action .modal-body label,
.suspend-action .modal-body label,
.delete-node .modal-body label {
    margin-left: 25px;
}

.copy-checkboxes > div {
    float: left;
    margin-right: 45px;
}

.copy-course .modal-body form input[type="text"] {
    width: 530px;
    margin: 8px 0 12px;
    border-color: #e5e5e5;
}

.copy-course .modal-body form p,
.delete-node .modal-body form p,
.suspend-action .modal-body form p,
.activate-action .modal-body form p,
.deactivate-action .modal-body form p {
    margin-bottom: 28px;
    font-size: 15px;
    line-height: 18px;
}

.delete-node .modal-body form p.note {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 18px;
}

.copy-course .modal-footer,
.delete-node .modal-footer {
    text-align: center;
}

/*delete-node modal*/

.delete-node .modal-header h3,
.activate-action .modal-header h3,
.deactivate-action .modal-header h3,
.suspend-action .modal-header h3 {
    padding-left: 35px;
}

.delete-node .modal-header h3 span,
.activate-action .modal-header h3 span,
.deactivate-action .modal-header h3 span,
.suspend-action .modal-header h3 span,
.modal-delete-coupon .modal-header h3 span,
.modal-delete-coupon-assigned-courses h3 span {
    background-position: -354px -190px;
    height: 25px;
    width: 25px;
}

.modal.delete-node,
.modal.activate-action,
.modal.deactivate-action,
.modal.suspend-action,
.modal.modal-delete-coupon,
.modal-delete-coupon-assigned-courses {
    width: 446px;
    margin-left: -223px;
}

.suspend-action span#unenroll_ilt_sessions,
.suspend-action span#unenroll_webinar_sessions,
.deactivate-action span#unenroll_ilt_sessions,
.deactivate-action span#unenroll_webinar_sessions,
.deactivate-action span#unenroll_users_from_sessions,
.suspend-action span#unenroll_ilt_sessions span,
.suspend-action span#unenroll_webinar_sessions span,
.deactivate-action span#unenroll_ilt_sessions span,
.deactivate-action span#unenroll_webinar_sessions span,
.deactivate-action span#unenroll_users_from_sessions span{
    float: none;
}

.suspend-action span#unenroll_ilt_sessions label,
.suspend-action span#unenroll_webinar_sessions label,
.deactivate-action span#unenroll_ilt_sessions label,
.deactivate-action span#unenroll_webinar_sessions label,
.deactivate-action span#unenroll_users_from_sessions label{
    margin-left: 0px;
}

.suspend-action .modal-body form p,
.deactivate-action .modal-body form p{
    margin-bottom: 15px;
    margin-top: 15px;
}

.suspend-action .modal-body form p.change-status-user-data,
.deactivate-action .modal-body form p.change-status-user-data{
    margin-bottom: 0px;
    margin-top: 15px;
}

.modal.edit-group,
.modal.new-group {
    width: 798px;
    margin-left: -399px;
}

.modal-footer .confirm-btn.disabled, .modal-footer .btn-submit.disabled {
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6- */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
}

/*course-enrollments*/

.course-enrollments .filters,
.waiting-users .filters {
    width: 100%;
}

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

.search-links a {
    color: #333333;
    text-decoration: underline;
}

.course-enrollments .group,
.waiting-users .group {
    padding-left: 0;
    padding-right: 0;
}

.course-enrollments .filters td.group{
    width: 100%;
}

.course-enrollments .session-enrollments-order-by label, .course-enrollments .session-enrollments-order-by select{
    float: left;
}

.course-enrollments .session-enrollments-order-by label{
    margin-top: 5px;
}
.course-enrollments .session-enrollments-order-by select{
    margin-left: 10px;
}

.seats p {
    font-size: 16px;
}

.seats {
    width: 645px;
    font-size: 13px;
}

.using-seats {
    color: #64b364;
}

.seats span {
    font-weight: bold;
}

.seats a {
    text-decoration: underline;
    color: #0465ac;
    font-weight: 800;
}

.seats p {
    padding-bottom: 3px;
}

.seats > div {
    float: left;
    height: 32px;
    background: url(../images/icons_elements.png) -592px -119px no-repeat;
    width: 40px;
    margin-right: 10px;
}

.email-icon {
    display: inline-block;
    height: 12px;
    width: 18px;
    margin-right: 3px;
}

.enrollment-dropdown-filter{
    text-align: left !important;
    width: 458px !important;
    padding-right: 20px !important;
}
#expired-users-container{
    padding-top: 10px;
    padding-bottom: 10px;
}
#expired-users-container .force-send-mail{
    margin-top: 10px;
}
#expired-users-container .warning-text{
    margin-top: 15px !important;
}
.newsletter-form-wrapper .padding-top {
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.status-title {
    padding-left: 140px;
}

.level-title,
.status-title {
    padding-right: 18px;
}

.level-title strong,
.status-title strong {
    font-weight: 700;
}

.table-padding.bottom-table {
    padding: 0;
}

.course-enrollments .bottom-table td {
    vertical-align: middle;
}

.table-padding.bottom-table .table-border {
    padding: 8px 14px;
}

.bottom-table,
.table-padding.bottom-table .table-border {
    border-top: 1px solid #ffffff;
}

.bottom-table > table {
    border-top: 1px solid #e4e6e5;
    width: 100%;
}

.title-with-border {
    padding: 18px 0 12px;
    border-top: 1px solid #e4e6e5;
}

#courseEnroll-session-list {
}

#courseEnroll-session-list .col-coursename {
}

#courseEnroll-session-list .col-session {
    max-width: 400px;
    float: right;
    text-align: right;
    font-size: .9em;
}

#courseEnroll-session-list .col-session .details {
    display: none;
    line-height: 1.6em;
    padding: 8px 0;
}

#courseEnroll-session-list .col-toggle-handle {
    float: right;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
}

#courseEnroll-session-list .col-toggle-handle > span {
    vertical-align: middle;
}

#courseEnroll-session-list .item-secondary {
    padding-bottom: 10px;
    padding-left: 25px;
    display: none;
}

#courseEnroll-session-list .item-primary {
    cursor: pointer;
}

#courseEnroll-session-list .item-secondary label {
    padding-left: 0;
    display: inline-block;
    margin-right: 30px;
}

#courseEnroll-session-list .item-tertiary {
    background: #f1f3f2;
    padding: 15px;
    display: none;
}

#courseEnroll-session-list > .items .item.selected,
#courseEnroll-session-list > .items .item.selected:hover {
    background: #FFF;
}

#courseEnroll-session-list .grid-view {
}

#courseEnroll-session-list .grid-view table.items,
#courseEnroll-session-list .grid-view table.items th,
#courseEnroll-session-list .grid-view table.items th a,
#courseEnroll-session-list .grid-view table.items tr,
#courseEnroll-session-list .grid-view table.items tr.odd,
#courseEnroll-session-list .grid-view table.items tr.even {
    background: transparent !important;
}

/*enrollment popover*/

.course-actions h5 {
    font-weight: 700;
    color: #0465ac;
    border-bottom: 1px solid #e4e6e5;
    padding-bottom: 3px;
    margin-bottom: 8px;
}

.node-enrollment-users {
    width: 170px;
    float: left;
    font-size: 12px;
}

.node-enrollment-actions {
    margin-left: 190px;
    width: 170px;
}

.popover-body .node-enrollment-actions .node-action .node-edit,
.popover-content .node-enrollment-actions .node-action .node-edit {
    background-position: 4px -19px;
}

.popover-body .node-action .node-statisctics,
.popover-content .node-action .node-statisctics {
    background-position: 2px -270px;
}

.popover-body .node-action .node-reset,
.popover-content .node-action .node-reset {
    background-position: 2px -301px;
}

.popover-body .node-action .delete-certificate,
.popover-content .node-action .delete-certificate {
    background-position: 2px -333px;
}

.node-enrollment-users a,
.node-enrollment-actions a {
    padding-bottom: 2px;
    padding-top: 2px;
}

.active-from {
    background: url(../images/popover-icons.png) 0 -166px no-repeat;
    padding-left: 30px;
}

.active-untill p,
.active-from p {
    font-size: 11px;
}

.active-untill {
    padding-left: 30px;
    background: url(../images/popover-icons.png) 0 -218px no-repeat;
}

.main-actions ul.quick-new-user {
    float: right;
}

.quick-new-user li a {
    color: #64b364;
    font-weight: 700;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.course-enrollments-actions li a.new-user-handler span {
    background-position: -585px -80px;
}

.main-actions li:hover .multiple-enrollment span,
.main-actions li:hover .course-enrollment span,
.dashboard-actions li:hover .course-enrollment span {
    background-position: -515px -119px;
}

.main-actions li .multiple-enrollment span,
.main-actions .course-enrollment span,
.dashboard-actions li .course-enrollment span {
    background-position: -438px -121px;
}

.main-actions li .copy-from-course span {
    background-position: -583px 0px;
}

.main-actions li:hover .copy-from-course span {
    background-position: -630px 0px;
}

.main-actions li .enroll-from-csv span {
    background-position: -583px -39px;
}

.main-actions li:hover .enroll-from-csv span {
    background-position: -629px -39px;
}

.course-enrollments-actions li a span {
    height: 35px;
    margin: 0 auto 9px;
}

.course-enrollments-actions li a {
    padding: 12px 8px 10px;
}

.main-actions li .copy-from-course span {
    margin-bottom: 1px;
}

#advanced-search input,
.enrollments-search-wrapper > div {
    display: inline-block;
    vertical-align: middle;
}

*:first-child + html #advanced-search input,
*:first-child + html .enrollments-search-wrapper > div {
    display: inline;
}

#advanced-search .enrollments-search-wrapper {
    border: none;
    margin-top: 15px;
}

#advanced-search .advanced-search-label {
    margin-right: 20px;
    margin-top: 7px;
    text-align: left;
}

#advanced-search .enrollments-search-wrapper{
    text-align: left;
}
#advanced-search .enrollments-search-wrapper select{
    max-width: 200px;
}

#advanced-search .enrollments-order-by{
    margin-left: 20px;
}

#advanced-search .enrollments-order-by, .enrollments-group-filter{
    margin-right: 20px;
}

.e-signature-description {
    color:#999999;
    text-align: left;
    line-height: 17px;
}

.e-signature-description small {
    font-size: 12px;
}

@media (max-width: 1200px)
{
    .enrollments-branch-filter{
        margin-left: 20px;
    }
    .enrollments-branch-filter, .descendants-checkbox{
        margin-top: 20px;
    }
}

.descendants-checkbox {
    margin-left: 30px;
    overflow: hidden;
}

.descendants-checkbox span.jq-checkbox,
.descendants-checkbox label {
    float: left;
}

#advanced-search .enrollments-search-wrapper label {
    margin-right: 7px;
    width: auto;
}

#advanced-search .descendants-checkbox label {
    display: inline-block;
    margin-top: 0;
}

*:first-child + html #advanced-search .descendants-checkbox label {
    display: inline;
}

.descendants-checkbox input[type="checkbox"],
.descendants-checkbox span.jq-checkbox {
    margin-right: 8px;
}

/*course-enrollment*/

.modal.course-enrollment,
.modal.curricula-assign-users,
.modal.group-select-users,
.modal.new-colors-scheme,
.modal.branding-scheme,
.modal.select-users,
.modal.new-course-summary,
.modal.new-user-summary,
.modal.create-report,
.modal.assign-courses {
    width: 960px;
    margin-left: -475px;
    top: 15px !important;
}

.modal.create-report.create-report-step1 {
    width: 490px;
    margin-left: 245px;
}

.course-enrollment.select-course .modal-header h3 {
    padding-left: 52px;
}

.course-enrollment.select-course .modal-header h3 span {
    background-position: -392px -157px;
    width: 45px;
    height: 29px;
    top: 0;
}

.course-enrollment.select-role .modal-footer {
    left: 0;
    width: auto;
}

.course-enrollment .modal-footer .previous-btn {
    float: left;
}

.courseEnroll-page-users .grid-view .items {
    margin-bottom: 20px;
}

.course-enrollment .modal-header h3 span,
.curricula-assign-users .modal-header h3 span,
.group-select-users .modal-header h3 span {
    background-position: -212px -226px;
    width: 35px;
    height: 26px;
    top: 1px
}

.courseEnroll-page-users .grid-view {
    padding: 0 0 53px 0;
}

.course-enrollment .modal-body,
.group-select-users .modal-body {
    padding-bottom: 0;
}

.modal .input-wrapper,
.modal .input-wrapper-orgchart {
    float: right;
}

.select-user-form-wrapper > .tab-content,
.select-user-form-wrapper > form,
.power-user-profile-form-wrapper .tab-content {
    margin-left: 25px;
}

.new-course .select-user-form-wrapper > .tab-content,
.course-node-edit .select-user-form-wrapper > .tab-content {
    margin-left: 0;
}

.select-user-form-wrapper .upload-form-wrapper {
    border-bottom: 1px solid #e4e6e5;
    border-top: 1px solid #e4e6e5;
    margin-bottom: 15px;
}

.select-user-form-wrapper h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
}

.upload-form label {
    margin: 7px 22px 0 0;
}

.upload-form span .jq-file__name {
    margin-top: 7px;
}

.select-user-form-wrapper .upload-form {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    background: #f1f3f2;
    padding: 7px 17px;
}

.upload-form .fileUploadContent {
    overflow: hidden;
}

.modal .filters-wrapper > div {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 7px 12px 7px;
    background: #f1f3f2;
    height: 34px;
}

.select-user-form-wrapper .left-selections p,
.select-user-form-wrapper .left-selections a {
    float: none;
}

.modal .left-selections {
    margin: 0;
}

.modal .left-selections a {
    margin: 0;
}

.modal .left-selections a + a {
    margin-left: 10px;
}

.courseEnroll-page-users h2,
.courseEnroll-course-table h2 {
    font-size: 18px;
    color: #0465ac;
    font-weight: 600;
    border-bottom: 1px solid #E4E6E5;
    padding-bottom: 10px;
}

#select-user-form .courseEnroll-page-orgchart {
    max-height: 500px;
    height: auto;
    overflow-y: auto;
}

/* Min height of org tree */
#select-user-form .courseEnroll-page-orgchart,
#userForm-orgchat,
.courseEnroll-orgchart-table {
    min-height: 250px;
}

.courseEnroll-page-orgchart .node-tree li {
    background-position: 14px 0;
}

form .courseEnroll-page-orgchart {
    background: #f1f3f2;
}

.courseEnroll-page-orgchart .nodeUl li.last-child {
    background-position: 14px -1054px;
}

.courseEnroll-page-orgchart li.rootNode .node-icon {
    margin-right: 5px;
}

.courseEnroll-page-orgchart li > div {
    padding: 5px;
}

.courseEnroll-page-orgchart li > div:hover,
#userForm-orgchat li > div:hover {
    background: #ffffff;
}

.courseEnroll-page-orgchart li > div:hover label,
#userForm-orgchat li > div:hover label {
    color: #0465ac;
    font-weight: 600;
}

.courseEnroll-page-orgchart li > div:hover .node-icon,
.tab-pane .rootNode > div:hover .node-icon {
    background-position: -190px -151px;
}

.courseEnroll-page-orgchart .nodeTree-node span.jq-radio {
    float: none;
    margin-left: 0;
}

.courseEnroll-page-orgchart li > div > span,
.courseEnroll-page-orgchart li > div > span input,
.courseEnroll-page-orgchart li > div > span .jq-radio,
.courseEnroll-page-orgchart li > div > label {
    vertical-align: middle;
}

.rootNode > div > label {
    font-weight: 600;
}

.courseEnroll-page-orgchart li > div > span .jq-radio,
.courseEnroll-page-orgchart li > div > span .jq-radio.checked {
    height: 19px;
    width: 19px;
    margin-right: 0;
}

.courseEnroll-page-orgchart li > div > span .select-node-no.checked,
.courseEnroll-page-orgchart li > div > span .select-node-yes.checked,
.courseEnroll-page-orgchart li > div > span .select-node-descendants.checked {
    display: inline-block !important;
}

*:first-child + html .courseEnroll-page-orgchart li > div > span .select-node-no.checked,
*:first-child + html .courseEnroll-page-orgchart li > div > span .select-node-yes.checked,
*:first-child + html .courseEnroll-page-orgchart li > div > span .select-node-descendants.checked {
    display: inline;
}

.courseEnroll-page-orgchart li > div > span .select-node-no,
.courseEnroll-page-orgchart li > div > span .select-node-yes,
.courseEnroll-page-orgchart li > div > span .select-node-descendants {
    display: none !important;
}

.courseEnroll-page-orgchart li > div > span .select-node-no.checked,
.courseEnroll-page-orgchart .input-wrapper-orgchart .select-node-no {
    background: url(../images/icons_elements.png) -143px -200px no-repeat;
}

.courseEnroll-page-orgchart li > div > span .select-node-yes.checked,
.courseEnroll-page-orgchart .select-descendants li > div > span span.jq-radio,
.courseEnroll-page-orgchart .input-wrapper-orgchart .select-node-yes {
    background: url(../images/icons_elements.png) -166px -200px no-repeat;
}

.courseEnroll-page-orgchart li > div > span .select-node-descendants.checked,
.input-wrapper-orgchart .select-node-descendants {
    background: url(../images/icons_elements.png) -189px -200px no-repeat;
}

.courseEnroll-orgchart-table {
    padding-right: 10px;
}

.modal .left-selections,
.modal .left-selections p,
.modal .left-selections a {
    float: none;
}

.courseEnroll-page-orgchart .input-wrapper-orgchart span {
    height: 19px;
    width: 19px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 8px;
}

.select-user-form-wrapper .input-wrapper-orgchart {
    padding-top: 7px;
}

/*select-role pop up*/

.course-enrollment.select-role,
.modal.edit-enrollment {
    width: 480px;
    margin-left: -240px;
}

.course-enrollment.select-role .modal-footer {
    position: relative;
    right: auto;
    bottom: auto;
    padding: 35px 18px 18px;
}

.select-role-wrapper form > p {
    padding-bottom: 14px;
    border-bottom: 1px solid #e4e6e5;
    font-size: 15px;
}

.select-role-wrapper form > div > p {
    padding: 14px 0;
}

.copy-course-enrollment span .jq-selectbox__select {
    width: 215px;
    background: #ffffff;
}

/*crop_thumbnail*/

.modal.crop_thumbnail {
    width: 576px;
    margin-left: -288px;
}

.modal.crop_thumbnail .modal-footer {
    padding-top: 0;
}

.crop_thumbnail .modal-header h3 span {
    background-position: -310px -230px;
    width: 30px;
}

.crop_thumbnail .modal-body > div > div {
    margin: 0 auto;
}

.crop_thumbnail .modal-body .jcrop-holder {
    margin: 0 auto;
}

/*copy-course-enrollment*/

.modal.copy-course-enrollment,
.modal.group-import-users,
.modal.course-enrollment-from-csv {
    width: 580px;
    margin-left: -290px;
}

.modal.course-enrollment-from-csv #datepickers-wrapper {
    display: none;
}

.modal.course-enrollment-from-csv .datepicker {
    width: 80px;
}

.modal.course-enrollment-from-csv #set_enrollment_deadlines-label-hint {
    font-size: 0.9em;
    color: #aaaaaa;
}

.modal.course-enrollment-from-csv #set_enrollment_deadlines-hint {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #333333;
}

.modal.course-enrollment-from-csv #set_enrollment_deadlines-hint {
    margin-left: 0;
}

.modal.course-enrollment-from-csv .select-file-wrapper {
    margin-bottom: 20px;
}

.copy-course-enrollment .modal-header h3 span {
    background-position: -637px 0px;
    height: 28px;
}

.copy-course-enrollment form input[type="text"] {
    width: 528px;
    background: #ffffff;
}

.enroll-success strong,
.group-import-users strong,
.copy-course-enrollment form strong,
.course-enrollment-from-csv form strong {
    font-weight: 700;
}

.copy-course-line {
    margin-bottom: 25px;
}

.copy-course-line label {
    margin-bottom: 12px;
}

.copy-course-enrollment .copy-checkboxes p {
    margin-bottom: 15px;
}

.copy-course-enrollment .copy-checkboxes input,
.copy-course-enrollment .copy-checkboxes span,
.copy-course-enrollment .copy-checkboxes label {
    float: left;
}

.copy-course-enrollment .copy-checkboxes span.jq-radio,
.copy-course-enrollment .copy-checkboxes input {
    margin-left: 0;
    margin-right: 5px;
}

.copy-course-enrollment .copy-checkboxes label {
    margin-right: 25px;
}

.copy-course-enrollment form,
.copy-course-enrollment form p,
.copy-course-enrollment form .copy-course-line label,
.course-enrollment-from-csv form,
.enroll-success,
.group-import-users form,
.group-import-users form p,
.group-import-users form {
    font-size: 15px;
}

.copy-course-enrollment form > p {
    padding: 20px 0;
    margin-top: 30px;
    border-bottom: 1px solid #e4e6e5;
    border-top: 1px solid #e4e6e5;
}

.copy-course-enrollment .modal-footer {
    padding-top: 0;
}

.copy-success-wrapper,
.enroll-success {
    text-align: center;
    line-height: 20px;
}

.copy-success,
.new-user-success,
.modal-body .new-course-success,
.modal-body .new-group-success,
.report-success .left,
.report-success .success-text {
    color: #52ab52;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 22px;
}

.new-user-issue {
    color: #e67f22;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 22px;
}

.register-message-icon{
    height: 37px;
    width: 37px;
    margin: 0 auto 12px;
}



.copy-success-icon {
    height: 37px;
    width: 37px;
    background: url(../images/icons_elements.png) -172px -62px no-repeat;
    margin: 0 auto 12px;
}

.copy-success-wrapper input {
    margin-top: 33px;
    min-width: 100px;
}

/*enroll from csv*/

.course-enrollment-from-csv.success .modal-header h3 span,
.group-import-users.success .modal-header h3 span {
    background-position: -638px 0;
}

.course-enrollment-from-csv span.jq-file .jq-file__name,
.group-import-users span.jq-file .jq-file__name {
    float: left !important;
    height: 30px;
    line-height: 30px;
    width: 250px;
    padding: 0 10px;
    border-color: #999999 #E5E5E5 #E5E5E5 #999999;
    border-style: solid;
    border-width: 1px;
    margin-right: 10px;
}

.course-enrollment-from-csv div span.jq-file,
.group-import-users div span.jq-file {
    margin-top: 20px;
}

.enroll-success .btn.ok {
    min-width: 100px;
    margin-top: 15px;
}

.course-enrollment-from-csv span.jq-file .jq-file__browse,
.group-import-users span.jq-file .jq-file__browse {
    min-width: 80px;
}

.course-enrollment-from-csv .modal-header h3,
.curricula-assign-users .modal-header h3,
.new-colors-scheme .modal-header h3,
.branding-scheme .modal-header h3,
.group-select-users .modal-header h3,
.group-import-users .modal-header h3,
.course-enrollment .modal-header h3,
.new-power-profile .modal-header h3,
.profile-edit-node .modal-header h3,
.create-report .modal-header h3,
.new-catalog .modal-header h3 {
    padding-left: 45px;
}

.course-enrollment-from-csv .modal-header h3 span,
.group-import-users .modal-header h3 span {
    background-position: -398px -120px;
    width: 32px;
    height: 32px;
    top: 0;
}

.courseEnroll-tabs .nav-tabs li a span,
.advanced-sidebar ul li a span {
    width: 28px;
    margin-right: 10px;
}

.nav-tabs li a span.courseEnroll-users {
    background-position: -287px -174px;
}

.nav-tabs .active span.courseEnroll-users {
    background-position: -322px -174px;
}

.nav-tabs li a span.courseEnroll-groups,
.advanced-sidebar li a.user span {
    background-position: -287px -149px;
}

.nav-tabs .active span.courseEnroll-groups,
.advanced-sidebar .user:hover span,
.advanced-sidebar .user.active span {
    background-position: -321px -150px;
}

.nav-tabs li a span.courseEnroll-roles {
    background-position: -289px -124px;
}

.nav-tabs .active span.courseEnroll-roles {
    background-position: -322px -124px;
}

/*waiting-users-page*/

.waiting-users .select-enrollment-type {
    width: 760px;
}

.waiting-users .group {
    vertical-align: middle;
}

.select-enrollment-type table table {
    margin: 0 10px 0 15px;
}

.select-enrollment-type input[type="checkbox"],
.select-enrollment-type span.jq-checkbox {
    margin-right: 8px;
}

#course-waitingenrollment-grid .button-column {
    width: 66px;
}

/*new-user-success modal*/

.modal.enroll-new-user .modal-footer {
    padding-bottom: 0;
}

.new-user-success,
.new-user-issue,
.modal-body .new-course-success,
.modal-body .new-group-success {
    float: left;
    text-align: center;
    margin-top: 67px;
}

.new-user-success-content {
    margin-left: 225px;
}

.new-user-success-content h3,
.report-success .right p.intro {
    border-bottom: 1px solid #e4e6e5;
    padding-bottom: 10px;
    margin-bottom: 18px;
    font-size: 20px;
}

.another-user-create {
    border-bottom: 1px solid #e4e6e5;
    border-top: 1px solid #e4e6e5;
    padding: 17px 0;
    margin-top: 25px;
    margin-bottom: 14px;
    max-height: 40px;
}

.another-user-create > span,
.go-back > span,
.modal-body .new-course-success-content > div > span,
.modal-body .new-group-success-content > div > span {
    padding-top: 9px;
    display: block;
    float: left;
}

.new-course-info-row {
    margin-top: 10px;
}

.new-course-info-row span {
    margin-top: 6px;
    float: left;
}

.new-course-info-row .btn {
    margin-right: 10px;
}

.enroll-to-a-course {
    padding-bottom: 8px;
}

.new-user-success-content strong,
.new-course-success-content strong,
.new-group-success-content strong {
    font-weight: 800;
}

.new-user-success-content form .btn,
.new-course-success-content .btn,
.new-group-success-content .btn {
    float: right;
}

.new-user-success-content input[type="text"] {
    background: #ffffff;
    width: 340px;
}

/*show-hide-block*/

.show-hide-tree,
.userman-tree-show-hide {
    background: #0465ac;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 0;
    cursor: pointer;
}

.show-hide-tree span,
.userman-tree-show-hide span {
    height: 10px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
    background-image: url(../images/icons_elements.png);
    background-position: -351px -239px;
    background-repeat: no-repeat;
}

.show-hide-tree.hide-tree span,
.userman-tree-show-hide.hide-tree span {
    background-position: -351px -225px;
}

.ajaxModal {
    cursor: pointer;
}

/*group management*/

#group-management-grid td a.assign-auto{
    text-decoration: underline;
    color: blue;

}

.main-actions .group-select-users span {
    background-position: -322px 0;
}

.main-actions li:hover a.group-select-users span {
    background-position: -378px 0;
}

th .count-group-members {
    background: url("../images/icons_elements.png") no-repeat scroll -251px -127px rgba(0, 0, 0, 0);
    display: block;
    height: 15px;
    width: 22px;
    margin: 0 auto;
    float: right;
}

td.single-action {
    width: 18px;
}

.grid-view table.items .group-members {
    text-align: right;
    width: 54px;
    white-space: nowrap;
}

.grid-view table.items th.center-aligned,
.grid-view table.items td.center-aligned,
#course-management-grid table.items td.max-available-column {
    text-align: center;
}

.grid-view table.items td.wrapped {
    word-break: break-all;
}

.center-aligned img {
    vertical-align: middle;
}

.single-action .exclamation {
    background: url(../images/icons_elements.png) -287px -94px no-repeat;
    display: block;
    height: 18px;
    width: 18px;
}

.single-action .exclamation + .tooltip .tooltip-inner {
    text-align: center;
}

.main-actions li a.new-group span {
    background-position: -442px -1px;
    height: 34px;
    width: 60px;
}

.main-actions li:hover a.new-group span {
    background-position: -516px -1px;
}

.main-actions li a.enrollment-rule span {
    background-position: 4px -33px;
}

.main-actions li:hover a.enrollment-rule span {
    background-position: -59px -33px;
}

.grid-view table.items .group-members {
    text-align: right;
    width: 54px;
    white-space: nowrap;
}

/*new-group-modal*/

.manage-pu-seats-header ul.holder li.bit-input input,
.new-group ul.holder li.bit-input input {
    height: auto;
    width: auto;
}

.new-group .text-center label{
    margin-top: 8px;
    text-align: left;
}


.new-group .modal-header h3 span {
    background-position: -997px -209px;
    top: 0;
    height: 28px;
}

.new-group .textarea-wrapper {
    margin-left: 0;
}

.new-group label,
.edit-group label {
    margin-bottom: 8px;
}

.new-group input,
.edit-group input {
    margin-bottom: 10px;
}

.assign-rules input{
    margin-bottom: 0px;
}

.assign-rules div.text-center:not([id=empty-rules]) {
    text-align: left !important;
    padding-left: 6px;
}

.new-group .modal-body input[type="text"],
.edit-group .modal-body input[type="text"],
.new-group .modal-body textarea,
.edit-group .modal-body textarea {
    /*width: 693px;*/
    width: 91%;
}

.new-group .modal-body input.input-small{
    width: 80px;
}

.new-group .modal-body input.input-medium{
    width: 150px;
}

.new-group .modal-body select.hidden{
    height: 0px;
}

.new-group .modal-body select.input-small{
    width: 200px;
}
.new-group .modal-body .controls{
    margin-top: 10px;
}

.assign-free-seats-row ul.holder,
#assign-rules ul.holder{
    display: inline-block;
    vertical-align: middle;
}

.assign-free-seats-row .hidden,
#assign-rules .hidden{
    display: none;
}

#assign-rules .delete-action,
#assign-roles .delete-action{
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

#assign-rules a.delete-action,
#assign-roles a.delete-action{
    background-position: -82px -227px;
}

.new-group .modal-body ul.holder li.bit-box {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    background: #e4e6e5;
    padding: 5px 20px 5px 5px;
}

.new-group .modal-body ul.holder li.bit-box a.closebutton {
    position: absolute;
    right: 4px;
    top: 9px;
    display: block;
    width: 7px;
    height: 7px;
    font-size: 1px;
    background: url("../images/close_fcbk.gif");
}

/*newsletter-form*/

.newsletter-form-wrapper .row {
    margin-left: 0;
}

.newsletter-form-wrapper .row.buttons {
    text-align: right;
    border-top: 1px solid #e4e6e5;
    padding-top: 15px;
    margin-top: 65px;
}

.newsletter-form-wrapper .row.buttons input {
    float: none;
}

.newsletter-form-wrapper .row > label,
.newsletter-form-wrapper .row > input,
.newsletter-form-wrapper .row > div,

.newsletter-form-wrapper .row.recepients > span {
    float: left;
}

.newsletter-form-wrapper .row.recepients > span {
    padding-top: 5px;
    margin-right: 45px;
}

.newsletter-form-wrapper .row.recepients span strong {
    font-weight: 800;
}

/*
.newsletter-form-wrapper .row.recepients span > span {
    display: inline-block;
    background: url(../images/icons_elements.png) -392px -189px no-repeat;
    height: 18px;
    width: 25px;
    margin-right: 8px;
}
*/

.newsletter-form-wrapper .row > div {
    width: 940px;
}
.newsletter-form-wrapper .row > div.mce-tinymce{
    width: auto;
}

.newsletter-form-wrapper .row > label {
    width: 107px;
    margin-top: 8px;
}

.newsletter-form-wrapper .row > label.nomargin{
    margin-top: 0px;
}

.newsletter-form-wrapper .row {
    margin: 0 0 10px 0;
}

#newsletter-form {
    border-top: 1px solid #e4e6e5;
    padding-top: 20px;
    margin-top: 10px;
}

.newsletter-form-wrapper .row input[type="text"] {
    width: 342px;
    background: #ffffff;
}

.newsletter-form-wrapper .row input#subject {
    width: 924px;
}

a#pickfiles a#disabled-upload-package-button, a[id^="pickfiles-fields"] {
    display: inline-block;
}

#filelist .file {
    margin: 8px 0 15px 0;
}

#filelist .file > div {
    display: inline-block;
    width: 20%;
    height: 10px;
    margin: 0 20px;
    vertical-align: middle;
}

*:first-child + html #filelist .file > div {
    display: inline;
}

#filelist .file > div > div {
    height: 100%;
    background: #333333;
}

#filelist .file-icon {
    display: inline-block;
    height: 16px;
    width: 14px;
    background: url(../images/icons_elements.png) -393px -210px no-repeat;
    margin-right: 15px;
}

#filelist .filename, .filesize, .file-icon {
    vertical-align: middle;
}

#filelist .filename {
    font-weight: 800;
    color: #666666;
    padding-right: 3px;
}

/*newsletter-sending*/

.sending-progress-wrapper {
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
    margin-top: 10px;
}

.newsletter-form-wrapper.sending-newsletter .row {
    padding: 12px 0;
    border-bottom: 1px solid #e4e6e5;
    margin: 0;
}

.newsletter-form-wrapper.sending-newsletter .row > div,
.newsletter-form-wrapper.sending-newsletter .row > span {
    margin-left: 107px;
    width: auto;
    float: none;
}

.newsletter-form-wrapper.sending-newsletter .row > label {
    width: auto;
    margin: 0;
}

.progress-wrapper {
    position: relative;
    margin-top: 8px;
}

.start-quantity,
.end-quantity {
    position: absolute;
    top: -3px;
    font-weight: 600;
}

.start-quantity {
    left: 0;
}

.end-quantity {
    right: 0;
}

.progress-line-wrapper {
    margin: 0 20px;
    background: #f7f7f7;
}

.progress-line {
    height: 11px;
    background: url(../images/newsletter_sending.jpg) repeat-x;
}

.description-text h1,
h2,
.description-text h3,
.description-text h4,
.description-text h5,
.description-text h6 {
    color: inherit;
    font-family: inherit;
    text-rendering: optimizelegibility;
    margin: 10px 0;
    font-weight: 800;
    font-size: large;
}

.description-text h1,
.description-text h2,
.description-text h3 {
    line-height: 30px;
}

.description-text h1 {
    font-size: 32px;
}

.description-text h2 {
    font-size: 24px;
}

.description-text h3 {
    font-size: 19px;
}

.description-text h4 {
    font-size: 16px;
}

.description-text h5 {
    font-size: 13px;
}

.description-text h6 {
    font-size: 11px;
}

.description-text p {
    margin: 10px 0;
}

.description-text strong {
    font-weight: 700;
}

.description-text sub,
.description-text sup {
    font-size: 75%;
}

.description-text blockquote {
    border-left: 5px solid #EEEEEE;
    margin: 0 0 20px;
    padding: 0 0 0 15px;
}

.description-text pre {
    background: none;
}

.description-text a {
    color: #0465ac;
    text-decoration: underline;
}

.sent-success strong {
    font-weight: 700;
}

.sent-success > div {
    position: relative;
}

.sent-success > div > div {
    padding-left: 50px;
    padding-top: 2px;
}

.sent-success-icon {
    background: url("../images/icons_elements.png") no-repeat -172px -62px;
    height: 37px;
    width: 37px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.sent-success > div > div span {
    font-size: 18px;
    color: #52ab52;
}

.sent-success p {
    font-size: 12px;
}

/*advanced*/

.admin-advanced-wrapper {
    position: relative;
    background: #f1f3f2;
}

.advanced-sidebar {
    position: absolute;
    width: 200px;
    left: 0;
    top: 0;
}
.advanced-sidebar#sidebar{
    position: relative;
    float: left;
}

.advanced-main {
    margin-left: 200px;
}

.advanced-main .content {
    background: #ffffff;
    padding-left: 15px;
    min-height: 300px;
}

.advanced-main h3,
.advanced-main h5,
.advanced-main h4,
.advanced-sidebar h3 {
    background: #ffffff;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
}

.advanced-main h4 {
    padding-top: 50px;
    border-top: 1px solid #E4E6E5;
}

.advanced-sidebar li a {
    display: block;
    color: #333333;
}

.advanced-sidebar li a.e-learning span {
    background-position: -477px -179px;
}

.advanced-sidebar li a.classroom span {
    background-position: -248px -98px;
}

.advanced-sidebar li a.e-learning:hover span,
.advanced-sidebar li a.e-learning.active span {
    background-position: -419px -204px;
}

.advanced-sidebar li a.advanced span {
    background-position: -392px -230px;
}

.advanced-sidebar li a.advanced:hover span,
.advanced-sidebar li a.advanced.active span {
    background-position: -419px -230px;
}

.advanced-sidebar li a.datetime span {
    background-position: -480px -265px;
    height: 23px;
}

.advanced-sidebar li a.datetime.active span {
    background-position: -480px -290px;
}

.advanced-sidebar li a.register span {
    background-position: -492px -205px;
}

.advanced-sidebar li a.register:hover span,
.advanced-sidebar li a.register.active span {
    background-position: -454px -205px;
}

.advanced-sidebar li a.password span {
    background-position: -490px -231px;
}

.advanced-sidebar li a.password:hover span,
.advanced-sidebar li a.password.active span {
    background-position: -453px -231px;
}

.advanced-sidebar li a.https span {
    background-position: -635px -167px;
    width: 23px;
}

.advanced-sidebar li a.https:hover span,
.advanced-sidebar li a.https.active span {
    background-position: -658px -167px;
    width: 23px;
}


.advanced-sidebar li a.questCategory i {
    font-size: 16px;
    margin-right: 10px;
    margin-left: 5px;
}

.advanced-sidebar li a.questionBank i {
    font-size: 16px;
    margin-right: 10px;
    margin-left: 5px;
}

.advanced-sidebar li a i.fa {
    width: 28px;
    margin-left: 3px;
    margin-right: 7px;
    font-size: 18px;
    height: 22px;
    position: relative;
    top: 2px;
}

.clear-background {
    background-image: none!important;
}

.advanced-main .section > .row.even,
.report-filters-wrapper .row.even {
    padding: 22px 0 22px 18px;
}

.admin-advanced-wrapper .section {
}

#multidomain-settings-sign-in-page .minimal-layout-image-selector,
.admin-advanced-wrapper .section.signin .minimal-layout-image-selector {
    width: 100%;
    min-height: 80px;
    margin-left: 25px;
    display: none;
}

.admin-advanced-wrapper .section.signin .color-item {
    margin-bottom: 5px;
    margin-top: -5px;
}

.admin-advanced-wrapper .color-selector.colors .description {
    margin-top: -5px;
    font-weight: normal;
}

.admin-advanced-wrapper .section.signin .color-selector.colors {
    width: 100%;
    margin-left: 25px;
    display: none;
}

.admin-advanced-wrapper .section.signin .row.blockable-layout {
    max-height: 360px;
    overflow: hidden;
}

.section.signin .row.blockable-layout .row-fluid {
    margin-top: -30px;
    margin-bottom: 10px;
}

.admin-advanced-wrapper .setting-row.odd,
.advanced-main .row.odd > .row,
.report-filters-wrapper .row.odd > .row {
    background: #f1f3f2;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 22px 18px;
}


.advanced-main .row.even > .row {
    padding: 22px 18px;
}


.admin-advanced-wrapper .setting-row {
    padding: 22px 18px;
}

/* --- patch some form misalignment in advanced settings --- */
.advanced-main .advanced-settings-elearning-form-wrapper {
    min-height: 400px;
}
.advanced-main .advanced-settings-selfregistration-form-wrapper .row.even > .row,
.advanced-main .advanced-settings-user-form-wrapper .row.even > .row,
.advanced-main .advanced-settings-elearning-form-wrapper .row.even > .row,
.advanced-main .advanced-settings-advanced-form-wrapper .row.even > .row,
.advanced-main .advanced-my-team-form-wrapper .row.even > .row,
.advanced-main .advanced-seo-form-wrapper .row.even > .row,
.advanced-main .virtual-coach-settings-advanced-form-wrapper .row.even > .row {
    padding: 0;
}

.admin-advanced-wrapper #virtual_coach .row .setting-name {
    width: 228px;
}

.admin-advanced-wrapper #virtual_coach .row .setting-description {
    font-size: 12px !important;
}

.admin-advanced-wrapper #virtual_coach .row .values {
    margin-left: 246px;
    padding-top: 3px;
}

.admin-advanced-wrapper #virtual_coach .row .values .radio {
    padding-bottom: 12px;
}

.admin-advanced-wrapper .allow-password .warning-strip {
    height: auto;
    margin-bottom: 14px;
}

.admin-advanced-wrapper .allow-password .warning-strip .warning-text  {
    padding: 7px 0;
    margin-top: 0;
}

#multidomain-settings-virtual-coach .setting-value .radio {
    margin-bottom: 12px;
}

/* --- end patch --- */

.advanced-main input[type="text"]:not(.typeahead) {
    background: #ffffff;
    width: 250px;
}

.advanced-main span.jqselect .jq-selectbox__select,
.branding-external-page span.jqselect .jq-selectbox__select,
.item.generate-reports span.jqselect .jq-selectbox__select {
    background: #ffffff;
    width: 210px;
}

.advanced-main span.jqselect .jq-selectbox__dropdown,
.branding-external-page span.jqselect .jq-selectbox__dropdown {
    /*	width: 265px;*/
}

.admin-advanced-wrapper .setting-name,
.row .setting-name
{
    float: left;
    width: 175px;
}

.advanced-main #catalog .app-link-read-manual {
    margin-top: -10px;
}

.admin-advanced-wrapper #classroom .setting-name
{
    float: left;
    width: 31.4%;
}

.admin-advanced-wrapper .setting-name,
.row .setting-name,
.row .setting-name label
{
    font-weight: 600;
    font-size: 15px;
}

.setting-name .setting-description {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}

.row .setting-description {
    font-size: 11px;
    margin-top: 10px;
}

#setting-what-is-splashscreen {
    font-size: 11px;
}


.setting-whitelabel-mobile-notes {
    font-size: 11px;
}


.row .values {
    margin-left: 222px;
}

.values input[type="checkbox"],
.values input[type="radio"],
.values .jq-checkbox,
.values .jq-radio {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

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

.values label.span1 {
    width: auto;
}

.values label.no-space {
    margin-left: 0;
}

.values .checkbox-item + .checkbox-item {
    margin-top: 15px;
}

.min-input input[type="text"],
.password-policy input[type="text"] {
    width: 100px;
}

.middle-input input[type="text"] {
    width: 126px;
}

.max-input input[type="email"],
.max-input input[type="url"],
.max-input input[type="text"] {
    /*width: 558px;*/
    width: 85%;
}

.elements-per-page span.jqselect .jq-selectbox__select {
    width: 30px;
}

.elements-per-page span.jqselect .jq-selectbox__dropdown {
    /*	width: 85px;*/
}

.values .select-row + .select-row {
    margin-top: 5px;
}

.advanced-main .row p.description,
.settings p.description {
    margin-top: 5px;
    font-size: 11px;
    color: #666666;
    font-weight: 600;
}

.advanced-main .row p {
    margin-bottom: 10px;
}

.right-buttons {
    text-align: right;
    padding-top: 24px;
}

/*groupManagement assign*/

.list-view {
    padding-top: 0;
}

.list-view .item {
    float: left;
    width: 530px;
    border: 1px solid #e4e6e5;
    background: #f1f3f2;
    border-radius: 4px;
    padding: 7px;
    position: relative;
    margin-top: 14px;
}

.item-dynamic-width {
    width: 47.9% !important;
}

.list-view .item.even {
    margin-right: 14px;
    clear: left;
}

.course-enrollment-username {
    margin: 0px 180px 0 25px;
}

.user-deactivated {
    color: #999 !important;
}

.list-view .checkbox-column,
.list-view .course-level,
.list-view .course-status,
.list-view .course-actions,
.list-view .delete-button,
.list-view .course-user {
    position: absolute;
}

.list-view .checkbox-column {
    left: 7px;
    margin-top: -2px;
}

.list-view .items .jq-checkbox {
    background: #ffffff;
}

.list-view .items .jq-checkbox.checked {
    background: url("../images/icons_elements.png") no-repeat -195px -107px #ffffff;
}

.list-view .delete-button {
    right: 7px;
    top: 50%;
    margin-top: -6px;
}

.list-view .delete-button a {
    display: block;
    height: 12px;
    width: 12px;
    line-height: 100;
    overflow: hidden;
    background: url("../images/icons_elements.png") -199px -132px no-repeat;
}

.list-view .delete-button a.cannot-unenroll {
    opacity: 0.2;
}

div.cannot-unenroll-tooltip {
    text-align: left;
}
div.cannot-unenroll-tooltip span, div.cannot-unenroll-tooltip li {
    white-space: nowrap;
}
div.cannot-unenroll-tooltip ul {
    list-style-type: none;
}

.list-view-item-content,
.group-member-username {
    margin: 0px 25px 0;
    font-size: 12px;
}

.poweruser-courses-name,
.poweruser-locations-name {
    margin: 0px 240px 0 0px;
    font-size: 12px;
}

.poweruser-locations-name
{
    margin-left: 30px;
}

.break-word {
    word-break: break-all;
}

.list-view .items {
    padding-bottom: 14px;
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
}

.list-view .pager,
.grid-view .pager {
    float: right;
    margin: 15px 0 0;
}

.list-view .summary,
.grid-view .summary {
    float: left;
    margin: 20px 0 0;
}

.list-view .course-level {
    top: 7px;
    right: 90px;
}

.list-view .course-status {
    top: 50%;
    margin-top: -9px;
    right: 60px;
}

.course-status span {
    background: url("../images/icons_elements.png") -546px -158px no-repeat;
    height: 18px;
    width: 18px;
    display: block;
}

.course-status .courseEnrollmentStatus_1 {
    background-position: -525px -158px;
}

.course-status .courseEnrollmentStatus_2 {
    background-position: -504px -158px;
}

.course-status .courseEnrollmentStatus_3 {
    background-position: -477px -158px;
}

.list-view .course-actions {
    top: 50%;
    margin-top: -7px;
    right: 30px;
}

.list-view .course-user {
    top: 7px;
    right: 30px;
}

.list-view .course-actions > a.popover-action {
    background: url("../images/icons_elements.png") no-repeat -172px -103px;
    display: block;
    height: 14px;
    width: 20px;
}

.list-selections a {
    display: none;
}

.list-selections a.active {
    display: block;
}

.course-actions .popover.bs-popover-auto,
.course-actions .popover.bottom {
    right: -20px;
}

/*branding*/

.logo .current > img {
    max-width: 500px;
    background: #ffffff;
    border: 1px solid #e4e6e5;
    padding: 15px 20px;
    margin: 0 0 18px;
    display: inline-block;
}

.coursePlayer .current > img {
    background: #ffffff;
    border: 1px solid #e4e6e5;
    margin: 0 20px 18px 0;
    display: inline-block;
}

.advanced-sidebar li a.logo span {
    background-position: -519px -177px;
}

.advanced-sidebar li a.logo.active span {
    background-position: -546px -177px;
}

.advanced-sidebar li a.signin span {
    background-position: -520px -202px;
}

.advanced-sidebar li a.signin.active span {
    background-position: -543px -202px;
}

.advanced-sidebar li a.layoutColors span {
    background-position: -519px -228px;
}

.advanced-sidebar li a.layoutColors.active span {
    background-position: -545px -228px;
}

.advanced-sidebar li a.customizeCss span {
    background-position: -577px -178px;
}

.advanced-sidebar li a.customizeCss.active span {
    background-position: -605px -178px;
}

.advanced-sidebar li a.moduleActivation span {
    background-position: -214px -124px;
}

.advanced-sidebar li a.moduleActivation.active span {
    background-position: -214px -150px;
}

.advanced-sidebar li a.coursePlayer span {
    background-position: -39px -298px;
}

.advanced-sidebar li a.coursePlayer.active span {
    background-position: -5px -298px;
}

.advanced-sidebar li a.whiteLabel span {
    background-position: -39px -266px;
}

.advanced-sidebar li a.whiteLabel.active span {
    background-position: -5px -266px;
}

.advanced-main h5 {
    border-bottom: 1px solid #e4e6e5;
}

.inline-radio label {
    float: left;
    margin: 0 25px 0 0;
}

.inline-radio br {
    display: none;
}

.inline-radio > span {
    overflow: hidden;
    display: block;
    margin-bottom: 35px;
    padding-top: 5px;
}

.login-images .layout4,
.login-images .layout3,
.login-images .layout2,
.login-images .layout1,
.instructions p {
    font-family: 'Handlee', cursive;
    font-size: 19px;
    line-height: 22px;
    color: #0465ac;
    position: relative;
    float: right;
}

.layout4 span,
.layout3 span,
.layout2 span {
    position: absolute;
    text-align: right;
}

.layout1 span {
    position: absolute;
    text-align: left;
}

.layout3 .background {
    top: 20px;
    left: 60px;
    max-width: 160px;
}

.layout3 .title {
    top: 135px;
    left: 10px;
}

.layout3 .text {
    top: 170px;
    right: 162px;
}

.layout3 .external {
    top: 10px;
    right: 15px;
    max-width: 150px;
}

.layout2 .background {
    top: 20px;
    left: 105px;
}

.layout2 .title-text {
    top: 95px;
    left: 280px;
}

.layout2 span {
    text-align: left;
}

.layout2 .external {
    top: 295px;
    left: 20px;
    max-width: 160px;
}

.layout1 .background {
    top: 15px;
    left: 150px;
    max-width: 150px;
}

.layout1 .title-text {
    top: 45px;
    right: 100px;
    max-width: 150px;
}

.layout1 .external {
    top: 310px;
    left: 30px;
    max-width: 150px;
}

.layout4 .title-text {
    top: 38px;
    right: 105px;
    max-width: 150px;
}

.layout4 .background {
    top: 295px;
    left: 150px;
    max-width: 150px;
}

.lang-wrapper .jqselect,
.lang-wrapper select {
    float: left;
    border-color: #999999;
}

.lang-wrapper .stats {
    margin-left: 280px;
}

.lang-wrapper .stats p {
    margin-bottom: 0;
}

.lang-wrapper,
.input-fields input {
    margin-bottom: 25px;
}

.current.background > img {
    display: block;
    background: #ffffff;
    padding: 1px;
    border: 1px solid #e4e6e5;
}

.current.background {
    margin-right: 15px;
    vertical-align: middle;
    display: inline-block;
}

*:first-child + html .current.background {
    display: inline;
}

.values > .custom {
    padding-top: 20px;
}

.available span,
.assigned span {
    font-weight: 700;
}

.assigned span {
    color: #52ab52;
}

.login-img-position {
    display: inline-block;
    vertical-align: middle;
}

*:first-child + html .login-img-position {
    display: inline;
}

.branding-orange-btn {
    background: #FF5D26;
    padding: 6px 40px;
    text-shadow: 1px 0px 0 #000000;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase; /* force text to uppercase */
}

.branding-orange-btn:hover {
    color: #fff;
}

/*manage-background pop up*/

.modal.branding-manage-backgrounds {
    width: 942px;
    margin-left: -471px;
}

.branding-manage-backgrounds .upload-form > label {
    float: left;
}

.branding-manage-backgrounds .courseEnroll-tabs {
    background: #f1f3f2;
}

.branding-manage-backgrounds .upload-form-wrapper {
    position: relative;
}

.modal.branding-manage-backgrounds .modal-header h3 span {
    background-position: -579px -201px;
    width: 27px;
}

.modal.branding-manage-backgrounds .modal-header h3,
.modal.branding-external-page .modal-header h3 {
    padding-left: 35px;
}

.modal.branding-external-page .modal-header h3 span {
    background-position: -579px -230px;
    width: 30px;
}

.branding-external-page .languages label {
    float: left;
}

.branding-external-page .languages .lang-wrapper br {
    margin-bottom: 3px;
}

.branding-external-page .lang-wrapper .stats {
    margin: -3px 0 0 340px;
}

.branding-external-page .input-fields > div > div,
.branding-external-page .input-fields > div > input,
.branding-external-page .lang-wrapper {
    margin-left: 105px;
    display: block;
}

.modal.branding-external-page {
    width: 774px;
    margin-left: -387px;
}

.branding-external-page .max-input input {
    background: #ffffff;
    width: 615px;
}

.publish-checkbox-wrapper {
    position: absolute;
    left: 20px;
    bottom: -50px;
}

.publish-checkbox-wrapper label {
    display: inline;
    margin-left: 10px;
}

.branding-external-page .lang-wrapper,
.branding-external-page .input-fields input {
    margin-bottom: 10px;
}

.modal.branding-page-visibility {
    width: 774px;
    margin-left: -387px;
}
.modal.branding-page-visibility .modal-header h3 > span {
    background:url(../images/i-sprite.png) no-repeat;
    background-position: -168px -2806px;
    width: 31px;
    height: 17px;
    top: 6px;
}
.modal.branding-page-visibility .selections {
    margin: -5px 0 15px;
}
.modal.branding-page-visibility .grid-selections > p {
    float: left;
    margin-right: 10px;
}
.modal.branding-page-visibility .grid-view thead {
    display: none;
}
.modal.branding-page-visibility .grid-view tr {
    float: left;
    width: 50%;
}
.modal.branding-page-visibility .grid-view tr:nth-child(odd) {
    width: 45%;
    margin-right: 5%;
}
.modal.branding-page-visibility .grid-view tr > td {
    display: block;
}
.modal.branding-page-visibility .grid-view tr > td:first-child {
    width: 20px;
    float: left;
    border-bottom: none;
}

.items-sortable-wrapper {
    position: relative;
}

.items-sortable-wrapper h6 {
    text-transform: uppercase;
    color: #0465ac;
    font-weight: 600;
    padding-bottom: 15px;
    padding-top: 16px;
    padding-left: 10px;
}

.items-sortable-wrapper > .branding-external-page {
    position: absolute;
    right: 0;
    top: 0;
}

.items-sortable-wrapper > .list-view {
    clear: right;
}

.list-view .items > .row,
.download-css li {
    position: relative;
    border-bottom: 1px solid #e4e6e5;
    cursor: pointer;
}

.list-view .items > .row .title,
.download-css li div {
    padding: 10px 10px;
    margin: 1px 0;
}

.list-view .items > .row:hover .title,
.download-css li:hover div {
    background: #f1f3f2;
}

.list-view .items > .row .actions,
.download-css li a {
    position: absolute;
    right: 0;
    top: 8px;
}

.list-view .items .actions ul li,
.download-css li a {
    display: inline-block;
    margin-right: 5px;
    width: 23px;
    height: 23px;
    line-height: 100px;
    overflow: hidden;
}

*:first-child + html .list-view .items .actions ul li {
    display: inline;
}

.values.download-css li a {
    height: 18px;
    width: 18px;
    margin: 0 10px 0 0;
}

.list-view .items .actions ul li a,
.download-css li a {
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    display: block;
}

.list-view .items .actions ul .preview a {
    background-position: -614px -204px;
}

.list-view .items .actions ul .move {
    background: url(../images/icons_elements.png) -570px -156px no-repeat;
}

.list-view .items .actions ul .disabled a {
    background: url(../images/icons_elements.png) -120px -63px no-repeat;
}

.list-view .items .actions ul .enabled a {
    background: url(../images/icons_elements.png) -146px -63px no-repeat;
}

.list-view .items .actions ul .visibility a {
    background: url(../images/i-sprite.png) -91px -2805px no-repeat;
}
.list-view .items .actions ul .visibility a.grayed {
    background: url(../images/i-sprite.png) -131px -2805px no-repeat;
}

.list-view .items .actions ul .edit a {
    background-position: -589px -156px;
}

.list-view .items .actions ul .delete a {
    background-position: -80px -227px;
}

.list-view .items {
    border-bottom: none;
    padding-bottom: 0;
}

.contentUploadLoading {
    background: url('../images/ajax-loader.gif');
    width: 216px;
    height: 16px;
    margin: auto;
}

.layout-colors-title {
    color: #0465ac;
    padding: 10px;
    text-transform: uppercase;
}

/*new-colors-scheme popup*/

.branding-scheme .modal-body h3,
.new-colors-scheme .modal-body h3 {
    padding-bottom: 10px;
    border-bottom: 1px #e4e6e5 solid;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px;
}

.new-colors-scheme .modal-header h3 span,
.branding-scheme .modal-header h3 span {
    background-position: -610px -230px;
    width: 30px;
}

.new-colors-scheme input[type="text"],
.branding-scheme input[type="text"] {
    background: #ffffff;
    width: 908px;
    margin-top: 10px;
}

.new-colors-scheme .modal-body,
.branding-scheme .modal-body {
    padding-bottom: 15px;
}

.new-colors-scheme .modal-footer,
.branding-scheme .modal-footer {
    padding-top: 0;
}

.color-item input[type="text"] {
    width: 74px;
    float: left;
    margin-top: 0;
}

.color-item .color-preview-wrap {
    left: 95px;
    top: 3px;
    padding: 1px;
    background: #ffffff;
    border: 1px solid #e4e6e5;
    height: 21px;
    width: 21px;
    position: absolute;
}

.color-item .wrap {
    position: relative;
}

.color-item {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    margin-right: 14px;
    margin-bottom: 25px;
    margin-top: 5px;
}

*:first-child + html .color-item {
    display: inline;
}

.color-item .description {
    color: #666666;
    font-size: 11px;
    line-height: 10px;
    height: 40px;
    padding-top: 5px;
    overflow: hidden;
}

.color-item .title {
    float: none;
}

.color-item .tooltip {
    left: 120px !important;
    top: -80px !important;
}

.tooltip {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6- */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

.instructions > img {
    margin-left: 115px;
}

.instructions {
    position: relative;
}

.instructions > p {
    position: absolute;
}

.instructions .hover {
    top: 25px;
    left: 312px;
}

.instructions .selected {
    top: 57px;
    left: 420px;
}

.instructions .menu-headers {
    top: 165px;
    left: 220px;
    width: 127px;
}

.instructions .title {
    top: 122px;
    left: 765px;
}

.instructions .action-btn {
    top: 240px;
    left: 486px;
}

.instructions .other-btn {
    top: 305px;
    left: 502px;
}

.instructions .secondary-btn {
    top: 370px;
    left: 486px;
    width: 136px;
}

.instructions .text {
    top: 380px;
    left: 275px;
}

.instructions .charts {
    top: 315px;
    left: 768px;
}

.main-actions li .new-colors-scheme span {
    background-position: -632px -82px;
    height: 37px;
    margin-bottom: 9px;
}

.main-actions li:hover .new-colors-scheme span {
    background-position: -685px -82px;
}

/*customize-css*/

.modify-css label {
    margin-left: 0;
    margin-bottom: 15px;
}

.modify-css textarea {
    height: 344px;
    /*width: 566px;*/
    width: 88.7%;
}

.download-css li a {
    background-position: -252px -180px;
}

.download-css li div {
    padding-right: 40px;
}

.download-css ul {
    border-top: 1px solid #e4e6e5;
}

/*power user*/

.main-actions li .new-power-profile span {
    background-position: -628px -124px;
    height: 36px;
    margin-bottom: 8px;
}

.main-actions li:hover .new-power-profile span {
    background-position: -680px -124px;
}

.grid-view table.items tr td.power-users-members {
    text-align: right;
    width: 50px;
    padding-right: 40px;
    white-space: nowrap;
}

.power-users-members a,
.curricula-button-column a {
    color: #333333;
    text-decoration: underline;
}

.power-users-members a span,
.curricula-bottom-section .items td.docebo-action a span {
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 22px;
    margin-left: 5px;
    vertical-align: bottom;
}

.assignCourses {
    background-position: -689px 0px;
}

.assignUsers {
    background-position: -251px -127px;
}

.assignUsers.yellow {
    background-position: -327px -204px;
}

.assignCourses.yellow {
    background-position: -715px 0px;
}

.assignCatalogs{
    background-image: url(../images/menu/sprite-admin.png) !important;
    background-position: -3px -118px;
}

.assignCatalogs.orange{
    background-image: url(../images/icons_elements.png) !important;
    background-position: -1037px -244px;
}
/*new-power-profile popup*/

.powerUserProfile-page-permissions table {
    width: 100%;
}

.powerUserProfile-page-permissions table td {
    border-bottom: 1px solid #e4e6e5;
    padding: 8px 10px;
}

.powerUserProfile-page-permissions table thead td span {
    height: 18px;
    width: 22px;
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    display: block;
}

.powerUserProfile-page-permissions table thead td {
    padding: 18px 10px 5px;
    border-top: 1px solid #e4e6e5;
}

table thead .view span {
    background-position: -119px -110px;
}

table thead .add span {
    background-position: -688px -19px;
}

table thead .mod span {
    background-position: -141px -88px;
}

table thead .del span {
    background-position: -714px -19px;
}

table thead .approve span {
    background-position: -690px -40px;
}

table thead .moderate span {
    background-position: -713px -41px;
}

table thead .assign span {
    background-position: -119px -127px;
}

.powerUserProfile-page-permissions p {
    font-weight: 700;
    padding-bottom: 5px;
}

.nav li .details span {
    background-position: -217px -125px;
}

.nav li.active .details span,
.nav li:has(a.active) .details span {
    background-position: -217px -151px;
}

.nav li .permissions span {
    background-position: -634px -169px;
}

.nav li.active .permissions span,
.nav li:has(a.active) .permissions span {
    background-position: -658px -168px;
}

.new-power-profile .modal-header h3 span {
    background-position: -690px -168px;
    height: 31px;
    top: 0;
}

.power-user-profile-form-wrapper .settings label {
    margin-left: 12px;
    display: inline;
}

.settings p.description {
    margin-left: 32px;
    margin-top: 0;
    margin-bottom: 25px;
}

.settings p:last-child {
    margin-bottom: 0;
}

.profile-name > input[type="text"] {
    width: 455px;
    margin-top: 8px;
}

.powerUserProfileSelect {
    display: none;
    margin-bottom: 0;
}

select.powerUserProfileSelect {
    width: auto !important;
}

.assignProfile.yellow {
    color: #ff9326;
}

span.powerUserProfileSelect .jq-selectbox__dropdown {
    top: 27px;
}
#power-user-management-form .filter-empty-label {
    padding: 20px 6px 0 6px;
}
#power-user-management-form .filter-empty {
    padding-top: 18px;
}
.grid-view table.items .withSelect td {
    padding: 5px 4px;
}

.withSelect span.jqselect .jq-selectbox__select {
    height: 24px;
    line-height: 24px;
}

.withSelect .jq-selectbox__trigger-arrow {
    top: 11px;
}

.power-users-profile {
    width: 265px;
}

.border-bottom-section .grid-view table.items {
    border-width: 1px 0;
}

/*edit enrollment*/

.edit-enrollment .input-append.block {
    display: block;
}
.edit-enrollment select,
.edit-enrollment label,
.edit-enrollment span.jqselect,
.edit-enrollment .input-append > div {
    float: right;
}

.edit-enrollment input[type="number"],
.edit-enrollment input[type="email"],
.edit-enrollment input[type="text"] {
    width: 244px;
}

.edit-enrollment input[type="number"],
.edit-enrollment input[type="email"] {
    width: 281px;
}

.edit-enrollment label {
    margin-right: 25px;
    margin-top: 15px;
}

.edit-enrollment .modal-body h3 {
    font-size: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e6e5;
}

.edit-enrollment .modal-footer {
    padding-top: 0;
}

.edit-enrollment .input-append.date {
    display: block;
}

.edit-enrollment .add-on,
.enrollments-date-range .add-on {
    border: none;
    border-radius: 0;
    background: none;
    padding: 5px 7px 0 8px;
}

.edit-enrollment .add-on i.icon-calendar,
.enrollments-date-range .add-on i.icon-calendar {
    background: url(../images/icons_elements.png) no-repeat -638px -194px;
    height: 22px;
    width: 22px;
}

.edit-enrollment form > div {
    display: inline-grid;
}

#enrollment_form .warning-strip {
    height: auto;
    display: flex;
    align-items: center;
    padding: 15px;
    margin-top: 18px;
    box-sizing: border-box;
}

.edit-enrollment form > fieldset.clearfix,
.edit-enrollment form > div.clearfix {
    margin-top: 15px;
}
.edit-enrollment .strict-width-input {
    width: 298px;
}
.edit-enrollment .forced-values div.clearfix {
    margin-top: 15px;
}
.forced-values label.self-containing-checkbox {
    float: none;
    width: 298px;
    margin-top: 0;
    margin-right: 0px;
}
.forced-values label.self-containing-checkbox .jq-checkbox {
    margin-right: 10px;
    background-position: -144px -201px;
}
.forced-values label.self-containing-checkbox .jq-checkbox.checked {
    background-position: -190px -201px;
}
.edit-enrollment .forced-values select,
.edit-enrollment .forced-values input[type="text"],
.edit-enrollment .forced-values input[type="number"],
.edit-enrollment .forced-values input[type="email"] {
    width: 280px;
}
.edit-enrollment .forced-values .date select,
.edit-enrollment .forced-values .date input[type="text"],
.edit-enrollment .forced-values .date input[type="number"],
.edit-enrollment .forced-values .date input[type="email"] {
    width: 244px;
}
.edit-enrollment .enrollment-field,
.edit-enrollment .enrollment-field.input-append.date {
    display: flex;
}
.edit-enrollment .enrollment-field > *,
.edit-enrollment .enrollment-field.input-append.date > * {
    display: block;
    flex: 0 1 auto;
}
.edit-enrollment .enrollment-field label,
.edit-enrollment .enrollment-field.input-append.date label {
    width: 120px;
    text-align: right;
    word-wrap: break-word;
    white-space: normal;
}

.toggable-field .field-part {
    width: 262px;
    float: right;
}
.toggable-field .switch-part {
    width: 18px;
    float: right;
    padding: 7px 9px 8px;
}
.toggable-field .field-part select,
.toggable-field .field-part input[type="text"],
.toggable-field .field-part input[type="number"],
.toggable-field .field-part input[type="email"] {
    width: 244px;
}

.enrollments-search-wrapper.deadline-filter {
    margin-top: 40px !important;
    margin-left: 20px;
}

.enrollments-search-wrapper.deadline-filter .mainLabel {
    float: left;
    margin-right: 10px;
    min-height: 50px;
}

.enrollments-date-range {
    margin-left: 10px;
    float: left;
    margin-top: -6px;
}

.enrollments-date-range span.label {
    vertical-align: top;
    margin-top: 8px;
    margin-right: 10px;
}

.enrollments-date-range .input-append.date {
    margin-right: 14px;
}

.enrollments-date-range input[type=text] {
    max-width: 100px;
    height: 22px;
    text-align: center;
}

.enrollments-date-range input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.enrollments-deadline-filter {
    vertical-align: top !important;
    float: left;
}

.enrollments-deadline-filter span.label {
    margin-right: 10px;
    margin-left: 5px;
    float: left;
}

.enrollments-deadline-filter span.radiobtn {
    float: left;
}

.enrollments-deadline-filter span.label label {
    margin-top: 0 !important;
}

/*new-label*/

form .left-side {
    float: left;
    width: 420px;
}

form .right-side {
    margin-left: 455px;
    margin-bottom: 40px;
}

.preview-content.colorable {
    padding: 15px 12px;
    overflow: hidden;
}

.preview-content-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding-bottom: 5px;
}

.preview-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}

.preview-content-description {
}

.right-arrow {
    float: right;
    width: 21px;
    height: 33px;
    background: url('../images/icons_elements.png') -647px -220px no-repeat;
}

.label_languages span {
    font-weight: 700;
}

#label_assignedCount span {
    color: #52ab52;
}

.modal.new-field,
.modal.new-label,
.modal.edit-node {
    width: 700px;
    margin-left: -350px;
}

.new-label .color-item,
.edit-node .color-item {
    margin-bottom: 5px;
}

.new-label .color-item input[type="text"],
.edit-node .color-item input[type="text"] {
    width: 88px;
}

.new-label .color-item .color-preview-wrap,
.edit-node .color-item .color-preview-wrap {
    left: 114px;
}

.new-label .modal-header h3 span,
.edit-node .modal-header h3 span {
    background-position: -689px -206px;
    top: 0;
    height: 30px;
}

.modal-body .left-side span .jq-selectbox__select {
    width: 212px;
}

.modal-body .left-side .label_languages {
    margin-left: 280px;
}

input[type="text"].label_title,
textarea.label_description {
    width: 97%;
}

.new-label .dropdown_form_title,
.edit-node .dropdown_form_title {
    font-weight: 700;
    margin-bottom: 10px;
}

.label_form_title {
    margin-bottom: 10px;
}

.label-icon {
    float: left;
    width: 30%;
    min-height: 43px;
    margin-bottom: 15px;
}

.label-color {
    float: left;
    width: 70%;
    min-height: 43px;
    margin-bottom: 15px;
}

.label-color-title, .label-icon-title {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.label-icon .iconpicker {
    margin-top: 5px;
}

.btn-default {
    color: #333;
    background: #fff;
    border-color: #ccc;
}

.preview-tile {
    width: 65px;
    float: left;
}

.preview-tile > i {
    padding: 11px 14px;
    min-height: 39px;
    min-width: 33.438px;
}


.iconpicker-popover {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: rgb(255, 255, 255);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
}

.iconpicker-popover.popover.right>.arrow:after {
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 10px;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 10px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 10px;
}

.iconpicker-popover .btn-arrow {
    background-image: none;
}

.iconpicker-popover input.form-control {
    display: block;
    width: 100%;
    height: 20px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid rgb(204, 204, 204);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.new-label .modal-body textarea,
.new-label .modal-body textarea {
    height: 100px;
}

.new-label .modal-footer,
.edit-node .modal-footer {
    padding: 0 18px 21px 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

.new-label .color-item .tooltip,
.new-label .color-item .tooltip {
    left: 140px !important;
}

/*label page*/

.label-field-color-wrapper {
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 1px;
    background: #ffffff;
    border: 1px solid #E4E6E5;
}

.label-field-color {
    display: inline-block;
    height: 20px;
    width: 20px;
}

td.move div {
    display: block;
    background: url(../images/icons_elements.png) -144px -110px no-repeat;
    height: 19px;
    width: 19px;
    line-height: 100px;
    margin: 0 auto;
    overflow: hidden;
}

.label-management-table .center-aligned {
    width: 142px;
}

.label-management-table td {
    width: 380px;
}

.main-actions li a.new-label span {
    background-position: -731px -205px;
}

.main-actions li:hover a.new-label span {
    background-position: -678px -205px;
}

/*reports*/

.report-top-side .report-box{
    width:307px;
    display:inline-block;
    vertical-align: middle;
    padding: 5px 30px 25px;
    margin-bottom: 25px;
}

.report-left-side {
    float: left;
    width: 502px;
}

.report-right-side {
    float: right;
    width: 502px;
}

.summary-report-form > span:not(.twitter-typeahead),
.user-report-actions > div > span:not(.twitter-typeahead) {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    max-width: 100px;
}

.summary-report-form > span.twitter-typeahead {
    z-index: 5;
}

.new-user-summary input[type="text"],
.new-course-summary input[type="text"],
.summary-report-form input[type="text"] {
    background: #ffffff;
    border-color: #e4e6e5;
    width: 194px;
    padding: 0 8px;
    display:inline-block;
}

.new-user-summary input[type="text"],
.new-course-summary input[type="text"] {
    margin-right: 5px;
}

.summary-report-form {
    margin-top: 20px;
    position: relative;
}

.report-sides a.new-user-summary,
.report-sides a.new-course-summary {
    display:inline-block;
    min-width: 78px;
    position:absolute;
}

.report-sides .summer-report-actions a.new-user-summary,
.report-sides .summer-report-actions a.new-course-summary {
    display:inline-block;
    min-width: 78px;
    position:relative;
}

a.new-user-summary,
a.new-course-summary {
    vertical-align: middle;
}

.summary-report-icon {
    height: 34px;
    width: 50px;
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    margin:0 auto;
}

.summary-report-icon.user {
    background-position: -742px -164px;
}

.summary-report-icon.course {
    background-position: -742px -124px;
}

.summary-report-icon.expert {
    background-image: none;
}
.summary-report-icon.expert .fa-star {
    font-size: 1em;
    width: 50%;
    left: 23px;
    top: -5px;
}

.report-sides .report-top-side .summary-asset-report {
    padding:0 30px 25px;
    margin-bottom: 25px;
}

.report-sides .report-top-side .summary-asset-report .fa {
    display:inline-block;
    height: 34px;
    width: 50px;
    font-size: 28px;
}


.summary-report-wrapper {
    margin-left: 65px;
}

.summary-report-description {
    line-height: 17px;
    padding:0 30px;
}

.summary-report-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    padding-top:12px
}

.report-top .title-bold {
    padding-bottom: 8px;
    margin-bottom: 3px;
    border-bottom: 1px solid #e4e6e5;
}

.report-top .grid-view {
    padding: 0;
}

.summary-user-report,
.summary-course-report {
    padding:0 30px 25px;
    margin-bottom: 25px;
}

.report-sides.popover a,
.report-sides .button-column-single .popover a {
    color: #333333;
}

.report-sides.popover a.red,
.report-sides .button-column-single .popover a.red {
    color:#E74B33;
}

.report-top-side h3.title ,
.report-bottom-side h3.title{
    display:block;
    border-bottom:1px solid #e4e6e5;
    padding:0 0 14px 0;
    margin-bottom:23px;
    font-size:18px;
    font-weight:500;
}

.report-top-side h3{
    margin-bottom:28px;
}

.report-top-side .fa-user,
.report-top-side .fa-book,
.report-top-side .zmdi-graduation-cap,
.report-top-side .zmdi-assignment-account,
.report-top-side .zmdi-chart  {
    font-size:32px;
}

/*
.report-sides .grid-view td > a {
    line-height: 100px;
    overflow: hidden;
    height: 21px;
    width: 21px;
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
*/

.report-right-side .grid-view td.center-aligned {
    padding: 6px 4px;
}

.grid-view a.view,
.grid-view a.view-action {
    background-position: -120px -107px;
}

.grid-view a.report-export {
    background-position: -742px 0px;
    width: 21px;
    height: 21px;
}

/* Warning strip for migration functionality */
.span12.migration-warning-strip{
    margin-bottom: 25px;
    margin-left: 0;
}
.migration-warning-strip .warning-strip{
    padding: 10px 15px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.migration-warning-strip .warning-strip .exclamation-mark {
    margin-top: 0;
    margin-left: 0;
}
.migration-warning-strip .warning-strip .warning-text{
    margin-left:15px;
}
.migration-warning-strip .warning-strip .warning-text span{
    display: block;
}.migration-warning-strip .warning-strip .warning-text .description-box{
    max-width: 90%;
}
.migration-warning-strip .warning-strip .warning-cta{
    text-transform: uppercase;
    font-weight: bold;
    min-width: 195px;
}
.report-bottom-side span.jqselect .jq-selectbox__select {
    width: 155px;
    background: #ffffff;
    border-color: #e4e6e5;
}

.report-bottom-side .select-wrapper {
    float: left;
}

.report-bottom-side .select-wrapper label {
    display: inline;
    margin-right: 8px;
}

.report-bottom-side .select-wrapper input[type=text]{
    padding: 0;
}

.report-bottom-side .main-actions{
    margin-left:0;
}

.report-bottom-side a i.fa-file-text{
    font-size:30px;
    margin-bottom:18px;
}

.report-bottom-side .input-wrapper {
    float: right;
}

.report-bottom-side .filters {
    padding: 10px 14px;
}

.report-bottom-side .create-report {
    float: right;
}

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

.report-bottom-side .title-bold {
    position: relative;
}

.report-bottom-side .title-bold > span {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-right: 300px;
    text-align: left;
}

a.create-report {
    padding-left: 12px;
    padding-right: 20px;
    vertical-align: super;
}

a.create-report > span {
    background: url(../images/icons_elements.png) -742px -25px no-repeat;
    height: 17px;
    width: 35px;
    vertical-align: middle;
    margin-right: 12px;
    display: inline-block;
}

.report-bottom-side td.report-export-actions .popover.bs-popover-auto,
.report-bottom-side td.report-export-actions .popover.bottom {
    right: 58px;
}


.report-bottom-side td.report-manage-actions .popover.bs-popover-auto,
.report-bottom-side td.report-manage-actions .popover.bottom {
    right: 5px;
}

.report-bottom-side .filters-wrapper {
    margin: 10px 0 0 0;
}

.report-sides .grid-view table.items td:first-child,
.report-sides .grid-view table.items th:first-child {
    padding-left: 16px;
}

.report-sides .grid-view table.items td:last-child,
.report-sides .grid-view table.items .reports-td-last {
    padding-right: 10px;
}

/* .audit-trail-config block start */
.audit-trail-config .accordion-header{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
}
.audit-trail-config .ui-widget{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
}
.audit-trail-config .ui-accordion .ui-accordion-header{
    border-radius: 0;
    border: none;
    border-top: 1px solid #ccc;
    padding: 0;
    margin: 0;
    background: #fff;
}
.audit-trail-config .ui-accordion .ui-accordion-header > div{
    padding: .5em .5em .5em .7em;
}
.audit-trail-config .ui-accordion .ui-accordion-content{
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
}
.audit-trail-config .ui-accordion .ui-accordion-header.ui-accordion-header-active{
    font-weight: bold;
    border-bottom: none;
}
.audit-trail-config .ui-accordion .ui-accordion-header.ui-accordion-header-active > div{
    border-top: 1px solid #fff;
}
.audit-trail-config .ui-accordion .ui-accordion-header.ui-accordion-header-active,
.audit-trail-config .ui-accordion .ui-accordion-content{
    background: #F1F3F2;
}
/* .audit-trail-config block end */

/*new-user-summury pop up*/

.new-user-summary .modal-header h3 span {
    background-position: -782px -1px;
    width: 42px;
}

.modal.new-user-summary .modal-header h3 {
    padding-left: 45px;
}

.user-report-info-image img,
.course-report-info-image img {
    background: #ffffff;
    border: 1px solid #e4e6e5;
    padding: 1px;
}

.user-report-info-image,
.course-report-info-image {
    float: left;
    width: 150px;
}

@media (max-width: 979px) and (min-width: 768px) {
    div.course-due-container.span4,
    div.question-answer-chart.span5,
    div.asset-chart.span7,
    div.asset-item.span4
    {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0px;
    }

    div.row-fluid.my-activities-stat-title {
        font-size: 20px;
    }

    div.row.my-activities-test-statistics-title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    div.row-fluid.report-info-title,
    div.row-fluid.report-stat-title,
    div.row-fluid.my-activities-stat-title {
        font-size: 18px;
    }

    div.row.my-activities-test-statistics-title {
        font-size: 16px;
    }
}

.user-report-info-data,
.course-report-right-side {
    margin-left: 170px;
}

.user-report-info-data .data {
    margin-left: 60px;
}

.label {
    background: none !important;
    color: #333333 !important;
    font-size: 13px;
    border-radius: 0;
    text-shadow: none !important;
    font-weight: 400 !important;
    padding: 0;
    white-space: normal;
}

.user-report-info-data .label {
    font-weight: 700;
    padding: 0 5px 0 0;
    float: left;
    margin-top: 2px;
}

.user-report-info-data > div {
    border-top: 1px solid #e4e6e5;
    padding: 11px 12px;
    overflow: hidden;
}

.user-report-info-data .fullname,
.user-report-info-data .username {
    border-top: none;
    padding-top: 0;
}

.user-report-info-data .fullname {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    padding-bottom: 5px;
}

.user-report-info-data .username {
    font-size: 15px;
    padding-bottom: 20px;
}

.user-report-info {
    float: left;
    min-width: 400px;
    margin-bottom: 30px;
}

.user-report-stat {
    min-width: 420px;
}

.user-report-stat .data,
.courses-stat .data {
    color: #0465ac;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.user-report-stat > div {
    width: 190px;
    min-height: 80px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    margin: 0 5px 25px 5px;
}

*:first-child + html .user-report-stat > div {
    display: inline;
}

.user-report-stat > div > div,
.courses-stat > div > div {
    margin: 0 auto;
    text-align: center;
}

.user-report-stat .label,
.courses-stat .label {
    display: block;
}

.report-popup-actions {
    float: right;
}

.report-popup-actions a span {
    display: inline-block;
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    height: 33px;
    width: 28px;
    vertical-align: middle;
    margin-left: 12px;
}

.report-popup-actions a {
    margin-left: 55px;
    color: #333333;
}

.report-popup-actions a.disabled {
    color: #CCC;
}

.report-popup-actions a.disabled span {
    opacity: 0.2;
}

.report-action-print span {
    background-position: -783px -71px;
}

.report-action-pdf span {
    background-position: -783px -34px;
}

.user-report-actions > div {
    background: #f1f3f2;
    padding: 8px 12px;
}

.user-report-actions {
    padding: 1px 0;
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
    margin-bottom: 15px;
}

.new-user-summary .user-additional-fields .name {
    float: left;
    width: 50%;
    font-weight: 700;
}

.new-user-summary .user-additional-fields .value {
    margin-left: 20px;
    float: left;
    word-break: break-all;
}

.new-user-summary .user-additional-fields .field {
    overflow: hidden;
    border-bottom: 1px solid #e4e6e5;
    padding: 11px 5px;
}

.new-user-summary .user-additional-fields .firstField {
    border-top: 1px solid #e4e6e5;
}

.new-user-summary .user-additional-fields .odd {
    float: left;
    width: 440px;
}

.new-user-summary .user-additional-fields .even {
    float: right;
    width: 440px;
}

.user-report-courses .courses-title, .user-report-classroom-courses .courses-title {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
}

.user-report-courses .grid-view table, .user-report-classroom-courses .grid-view table {
    border-top: 1px solid #e4e6e5;
}

.new-user-summary .user-report-summary {
    margin-bottom: 10px;
}

.course-report-session-selector {
}

.course-report-session-selector label {
    line-height: 30px;
}

.course-report-session-selector select {
    float: right;
    width: 80%;
    margin: 0;
}

.course-report-session-details {
}

.course-report-session-details .title {
    margin: 20px 0 10px;
    border-bottom: 1px solid #E4E6E5;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}

.course-report-session-details h4 {
    font-weight: bold;
    border-bottom: 1px solid #E4E6E5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.course-report-session-details .info-section {
    position: relative;
    padding: 5px 0 15px;
}

.course-report-session-details .info-section-title {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.course-report-session-details .info-section-icon {
    position: absolute;
    top: 5px;
    left: 0;
    text-align: center;
    width: 23px;
}

.course-report-session-details .info-section-content.has-icon {
    margin-left: 30px;
}

.course-report-session-details .info-section .thumbnail {
    width: 100px;
    display: inline-block;
    margin-right: 10px;
}

.new-course-summary .modal-header h3 {
    padding-left: 50px;
}

.new-course-summary .modal-header h3 span {
    background-position: -392px -158px;
    height: 30px;
    top: 0;
    width: 50px;
}

.report-courses-summary,
.report-courses-summary table,
.report-courses-summary-legend {
    width: 100%;
}

.report-courses-summary {
    margin-bottom: 35px;
}

.report-courses-summary td {
    vertical-align: top;
}

td.td-middle {
    vertical-align: middle;
    padding-top: 15px;
    padding-right: 15px;
}

.report-info-title,
.report-stat-title,
.my-activities-stat-title {
    border-bottom: 1px solid #e4e6e5;
    padding-bottom: 15px;
    padding-top: 55px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 25px;
}

.my-activities-stat-title {
    padding-bottom: 0;
}

.summary-legend-wrapper > div {
    margin-bottom: 20px;
}

.status-wrapper .summary-legend-wrapper .legend-field3 {
    margin-bottom: 0;
}

.legend-field1 .legend-count,
.legend-field1 .legend-percent {
    color: #003d6b;
}

.legend-field2 .legend-count,
.legend-field2 .legend-percent {
    color: #0465ac;
}

.legend-field3 .legend-count,
.legend-field3 .legend-percent {
    color: #52a1dd;
}

.report-courses-summary-legend .legend-count {
    font-weight: 700;
    font-size: 31px;
    display: inline-block;
    margin-right: 5px;
}

.report-courses-summary-legend .legend-percent {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
}

*:first-child + html .report-courses-summary-legend .legend-count,
*:first-child + html .report-courses-summary-legend .legend-percent {
    display: inline;
}

.summary-legend-wrapper .legend-title {
    text-transform: uppercase;
}

.donut-wrapper {
    position: relative;
}

.donut-wrapper .report-donut-img {
    position: absolute;
    top: 64px;
    left: 64px;
}

.modal .donut-wrapper .report-donut-img {
    top: 83px;
    left: 83px;
}

.scroll-content {
    height: 200px;
    overflow: auto;
    width: 100%;
}

/*course summary popup*/

.courses-stat.IE8 .enrolled-users,
.courses-stat.IE8 .days-since-launch,
.courses-stat.IE8 .total-session-hours,
.courses-stat.IE8 .training-resources {
    margin-left: 20px;
}

.courses-stat.IE8 .completed-stat {
    width: 200px;
}

h2.course-title {
    font-size: 25px;
    font-weight: 700;
    color: #333333;
    line-height: 30px;
    margin: 0 0 15px 0;
}

.courses-stat > div {
    display: inline-block;
    vertical-align: top;
}

.courses-stat > div > img,
.user-report-stat > div > img {
    display: block;
    margin: 0 auto;
}

.courses-stat .label {
    width: 103px;
}

.completed .completed-stat {
    width: 98px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.completed-stat-icon {
    position: absolute;
    text-align: center;
    top: 32px;
    margin-left: -32px;
    left: 50%;
    width: 70px;
}

.modal .completed-stat-icon{
    margin-left: -18px;
    top: 48px;
}

.completed-stat {
    font-size: 16px;
    color: #53ab53;
    font-weight: 700;
}

.completed-stat-percent strong {
    font-size: 25px;
    font-weight: 700;
}

.completed-stat-percent {
    font-weight: 400;
    color: #333333;
}

.completed > p {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 155px;
}

.enrolled-users,
.days-since-launch,
.total-session-hours,
.training-resources {
    width: 100px;
    margin-left: 55px;
}

/*report view*/

.custom-report-wrapper {
    margin-top: 10px;
}

.custom-report-wrapper .list-selections {
    display: none;
}

.report-header-field,
.column-field {
    width: 200px;
    float: left;
    padding: 10px 4px;
}

.column-field-checkbox {
    float: left;
    padding: 10px 4px;
}

.column-field-checkbox.column-field,
.column-field-checkbox {
    width: 30px;
}

.column-field {
    min-height: 32px;
}

.report-header .jspContainer {
    border-bottom: 1px solid #E4E6E5;
}

.report-header-field {
    font-size: 12px;
    color: #0465AC;
    font-weight: 600;
    text-transform: uppercase;
}

.report-row-inner,
.report-header {
    overflow: hidden;
}

.report-header,
.report-list-items {
    width: 1050px;
    overflow: auto;
}

.report-list-items {
    height: 600px;
}

.report-list-items .items {
    border: none;
}

.report-row-inner, .report-row {
    width: 100%;
}

.report-row {
    border-bottom: 1px solid #E4E6E5;
    padding: 1px 0;
}

.report-row:hover {
    cursor: pointer;
}

.report-row:hover .report-row-inner,
.report-row.selected .report-row-inner {
    background: #f1f3f2;
}

/*create custom report pop up*/

.create-report .modal-body {
    padding-bottom: 0;
}

.create-report .modal-header h3 span {
    background-position: -795px -152px;
    width: 40px;
}

.create-report .middle .rows-wrapper {
    width: 450px;
    float: left;
}

.create-report .info-wrapper {
    margin-left: 480px;
    border: 1px solid #E4E6E5;
}

.create-report .row {
    margin-left: 0;
}

.create-report .middle .row {
    background: #ffffff;
    border-bottom: 1px solid #e4e6e5;
    padding: 1px 0;
}

.create-report .middle .row input,
.create-report .middle .row span.jq-radio {
    float: right;
}

.create-report .middle .row label {
    margin-right: 25px;
}

.create-report .middle {
    margin-bottom: 30px;
}

.create-report .bottom input[type="text"] {
    width: 905px;
}

.create-report.create-report-step1 .bottom input[type="text"] {
    width: 430px;
}

.create-report .info-wrapper a {
    color: #0465ac;
    text-decoration: underline;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.create-report .info-wrapper h4 span {
    display: inline-block;
}

.create-report .info-wrapper > div {
    border: 1px solid #FEFEFE;
    background: url("../images/main-actions-grad.jpg") repeat-x scroll left top #F1F3F2;
    padding-bottom: 35px;
}

.middle .rows-wrapper .row:hover > div.clearfix,
.rows-wrapper .checkedRow > div.clearfix {
    background: #f1f3f2;
}

.middle .rows-wrapper {
    border-top: 1px solid #e4e6e5;
}

.middle .rows-wrapper .row > div.clearfix {
    padding: 8px 10px;
}

.middle > label,
.bottom > label {
    font-weight: 700;
    margin-bottom: 12px;
}

.info-wrapper div > span {
    display: inline-block;
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    vertical-align: bottom;
    margin-right: 5px;
}

.info-wrapper div > div {
    margin-top: 12px;
}

.info-wrapper p {
    padding-bottom: 10px;
}

.view-sample-icon {
    background-position: -802px -105px;
}

.download-sample-icon {
    background-position: -800px -128px;
}

.create-report .modal-footer .btn-prev {
    float: left;
}

.report-filters-wrapper span.jq-checkbox,
.report-filters-wrapper input,
.report-filters-wrapper .data .column {
    float: left;
}

.report-filters-wrapper span.jq-checkbox,
.report-filters-wrapper input {
    margin-right: 8px;
}

.report-filters-wrapper .data .column {
    width: 200px;
    margin-right: 18px;
}

.report-filters-wrapper .data .column label {
    display: inline;
}

.report-filters-wrapper .data .column h4 {
    font-weight: 700;
    margin-bottom: 18px;
}

.report-filters-wrapper .data .row {
    margin-bottom: 18px;
}

.report-filters-wrapper .row > .label {
    float: left;
    width: 230px;
    font-weight: 600;
    font-size: 15px;
}

.report-filters-wrapper .row > .data {
    margin-left: 240px;
}

.modal.create-report-success {
    width: 800px;
    margin-left: -400px;
}

p.intro {
    font-weight: 700;
    margin-bottom: 15px;
}

.report-success {
    border-bottom: 1px solid #e4e6e5;
    position: relative;
    word-wrap: break-word;
}

.report-success .right p.intro {
    font-weight: 400;
    margin-bottom: 0;
}

.report-success .left {
    width: 200px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.report-success a.report-save {
    min-width: 185px;
    float: right;
}

.report-success .right {
    margin-left: 225px;
}

.row-with-border {
    border-bottom: 1px solid #e4e6e5;
}

.report-success .row,
.report-success .row-fluid {
    padding: 15px 0;
}

.report-success .row > p {
    padding-top: 8px;
}

.report-success strong {
    font-weight: 700;
}

.report-success .success-question {
    font-size: 16px;
}

.create-report .input-append .add-on {
    border: none;
    background: none;
    border-radius: 0;
    padding: 0;
    height: 22px;
    width: 22px;
    margin: 3px 0 0 6px;
}

.create-report .input-append.date {
    margin-top: 8px;
}

.create-report .input-append.date .icon-calendar
{
    background: url(../images/icons_elements.png) -830px -73px no-repeat;
    height: 22px;
    width: 22px;
}

/*new catalog popup*/

.new-catalog label,
.update-catalog label {
    margin-bottom: 8px;
}

.new-catalog textarea,
.update-catalog textarea {
    height: 160px;
    /*width: 606px;*/
    width: 97%;
    background: #ffffff;
}

.new-catalog input[type="text"],
.update-catalog input[type="text"] {
    margin-bottom: 25px;
    background: #ffffff;
    /*width: 606px;*/
    width: 97%;
}

.new-catalog .modal-footer,
.update-catalog .modal-footer {
    padding-top: 0;
}

.new-catalog .modal-header h3 span {
    background-position: -830px -1px;
}

.main-actions li a.new-catalog span {
    background-position: -822px -34px;
}

.main-actions li a.new-catalog:hover span {
    background-position: -822px 0px;
}

/*certificate*/

.main-actions li .new-certificate span {
    background-position: -840px -99px;
    height: 37px;
    width: 30px;
    margin: 0 auto 7px;
}

.main-actions li:hover .new-certificate span {
    background-position: -840px -143px;
}

.bottom-section-certificates .title-bold {
    border-bottom: 1px solid #e4e6e5;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

.bottom-section-certificates .grid-view {
    padding-top: 0;
}

.grid-view a.template-action {
    background-position: -581px -178px;
}

.grid-view a.release-action {
    background-position: -840px -186px;
    margin: 0 3px;
    width: 26px;
}

/*new-certificate*/

.new-certificate .modal-header h3 {
    padding-left: 35px;
}

.new-certificate .modal-header h3 span {
    background-position: -1052px 0px;
    height: 30px;
    width: 25px;
    top: 0;
}

.new-certificate input[type="text"],
.edit-certificate input[type="text"],
.new-curricula input[type="text"],
.curricula-edit input[type="text"] {
    background: #ffffff;
    width: 606px;
}

.new-curricula input[type="text"],
.curricula-edit input[type="text"]{
    width: 97%;
}
.new-curricula .upload-form-wrapper,
.curricula-edit .upload-form-wrapper{
    margin-left: 25px;
}

.new-certificate .form-line,
.edit-certificate .form-line,
.new-curricula input[type="text"],
.curricula-edit input[type="text"] {
    margin-bottom: 15px;
}

.new-certificate label,
.edit-certificate label,
.new-curricula label,
.curricula-edit label {
    margin-bottom: 5px;
}

.new-certificate .release,
.edit-certificate .release {
    padding-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.new-certificate .release .jq-checkbox,
.edit-certificate .release .jq-checkbox,
.new-certificate .release input,
.edit-certificate .release input {
    float: left;
}

.new-certificate .release-description,
.edit-certificate .release-description {
    margin-left: 28px;
}

.new-certificate .release-subdescription,
.edit-certificate .release-subdescription {
    color: #666666;
    font-size: 11px;
}

.new-certificate textarea,
.edit-certificate textarea {
    height: 180px;
    width: 606px;
    background: #ffffff;
}

/*released certificates*/

.modal.release-node,
.modal.new-group-success,
.modal.new-course-success {
    width: 740px;
    margin-left: -370px;
}

.modal.release-node
{
    position: absolute !important;
}

.modal.release-node .modal-header h3 span {
    background-position: -951px -51px;
    height: 30px;
    top: 0;
}

.release-node .modal-body label,
.release-node .modal-body .jq-selectbox,
.release-node .modal-body .select {
    float: left;
}

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

.release-node .selections:after {
    clear: both;
}

.release-node .main-section {
    clear: both;
    padding-top: 28px;
}

.release-node .modal-body label {
    margin: 8px 12px 0 0;
}

.release-node .modal-body form > span .jq-selectbox__select,
.release-node .modal-body form > select {
    width: 588px;
    background: #ffffff;
}

.release-node .modal-header h3 {
    padding-left: 55px;
}

.release-node .modal-body .main-section .jq-selectbox__select,
.release-node .modal-body .main-section select {
    width: 155px;
    background: #ffffff;
    border: 1px solid #E4E6E5;
}

.release-node .left-selections {
    display: none;
}

.grid-view table.items .certificate-status {
    text-align: right;
    padding-right: 15px;
}

.grid-view table.items .certificate-status span,
.grid-view table.items .certificate-status a {
    width: 16px;
    height: 23px;
    display: inline-block;
}

.grid-view table.items .certificate-status span {
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
}

.grid-view table.items td .cert-generated {
    background-position: -1027px 0;
}

.grid-view table.items td .cert-can-generated {
    background-position: -1028px -31px;
}

.grid-view table.items td .cert-cant-generated {
    background-position: -1007px -31px;
}

/*Certificate template*/

.certificate-important .important-icon {
    height: 22px;
    width: 22px;
    background: url(../images/icons_elements.png) no-repeat -882px 0;
}

.certificate-important span,
.certificate-important a {
    vertical-align: middle;
    display: inline-block;
}

.certificate-important {
    border-color: #cdcdcd #cecece #333333;
    border-style: solid;
    border-width: 1px 1px 5px;
    box-shadow: 1px 2px 5px #CCCCCC;
    font-weight: 600;
    margin: 12px 0 0;
    padding: 7px;
}

.certificate-important .important-text {
    width: 970px;
    margin: 0 17px 0 7px;
}

.certificate-important .important-close {
    height: 12px;
    width: 12px;
    background: url(../images/icons_elements.png) no-repeat -884px -26px;
    line-height: 100px;
    overflow: hidden;
}

.certificate-template-form form > label {
    margin-bottom: 8px;
    cursor: text;
}

.certificate-orientation,
.certificate-background {
    float: left;
    border-bottom: 1px solid #e4e6e5;
    border-top: 1px solid #e4e6e5;
    margin-top: 22px;
    margin-right: 20px;
}

.background-wrapper {
    margin-right: 0;
    border: 1px solid #e4e6e5;
    margin-top: 22px;
    float: left;
}

.certificate-background {
    width: 510px;
}

.background-wrapper > div {
    border: 1px solid #ffffff;
    background: #f1f3f2;
    height: 70px;
    width: 96px;
}

.certificate-orientation {
    width: 400px;
}

.certificate-orientation > div,
.certificate-background > div {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    background: #f1f3f2;
    padding: 18px 17px;
    min-height: 34px;
}

.tag-left-side {
    margin-right: 30px;
}

.certificate-orientation > div {
    padding: 22px 17px 14px;
}

.certificate-orientation label,
.certificate-background label,
.certificate-orientation p,
.certificate-background .file-name-wrapper,
.certificate-background p,
.certificate-orientation span,
.certificate-background span {
    display: inline-block;
    cursor: text;
    vertical-align: middle;
}

.icon-portrait,
.icon-landscape {
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    margin: 0 8px 0 6px;
}

.icon-portrait {
    background-position: -842px -236px;
    height: 22px;
    width: 15px;
}

.icon-landscape {
    background-position: -842px -214px;
    height: 15px;
    width: 22px;
}

.certificate-orientation span input[type="text"],
.certificate-orientation span .jq-radio {
    margin-left: 22px;
}

[class^="icon-"],
[class*=" icon-"] {
    margin-top: 0;
}

.certificate-orientation label span {
    margin-right: 8px;
}

.certificate-background .jq-file {
    margin: 0 10px 0 22px;
}

.background-image-label, .background-image-hint {
    margin-left: 30%;
}

.background-image-hint {
    color: #999;
    padding-top: 5px;
}

.certificate-background p {
    width: 150px;
    color: #666666;
    font-size: 11px;
    line-height: 12px;
}

.form.certificate-template-form {
    margin: 28px 0 50px;
}

.certificate-tags-wrapper {
    border-top: 1px solid #e4e6e5;
    margin-top: 10px;
}

.certificate-tags-wrapper > div {
    width: 510px;
    float: left;
}

.tag-content,
.tag-header {
    border-bottom: 1px solid #e4e6e5;
}

.tag-header {
    padding: 20px 16px 6px;
    color: #0465ac;
    font-weight: 600;
    text-transform: uppercase;
}

.tag-content > div {
    padding: 7px 16px;
}

.certificate-tags-wrapper .code,
.certificate-tags-wrapper .description {
    float: left;
}

.certificate-tags-wrapper .code {
    margin-right: 15px;
    width: 45%;
}

.certificate-tags-wrapper .description {
    width: 50%;
}

.tag-content:hover {
    background: #f1f3f2;
    cursor: pointer;
}

.tag-content:hover > div {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    padding: 6px 16px;
}

.certificate-background span.jq-file .jq-file__name,
.certificate-background .file-name {
    max-width: 180px;
}

/*dashboard*/

/*dashboard base*/
#dashboard-wrapper .section {
    min-height: 100px;
}

#dashboard-wrapper .section:before,
#dashboard-wrapper .section:after,
#dashboard-wrapper:before,
#dashboard-wrapper:after {
    content: "";
    display: table;
    line-height: 0;
}

#dashboard-wrapper .section:after,
#dashboard-wrapper:after {
    clear: both;
}

#dashboard-wrapper .item {
    display: block;
    float: left;
    min-height: 100px;
    width: 1050px;
    margin: 12px 0 20px 0;
}

#dashboard-wrapper .item.narrow {
    width: 515px;
}

#dashboard-wrapper .section.bottom,
#dashboard-wrapper .section.top {
    float: left;
    width: 515px;
}

/*end dashboard base*/

#dashboard-wrapper .item .content > div {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: #f1f3f2;
    padding: 18px 12px;
}

#dashboard-wrapper #top-left .item .content > div {
    height: 32px;
}

#dashboard-wrapper .item .content {
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
}

#dashboard-wrapper .item .title-bold {
    position: relative;
    padding-bottom: 8px;
}

#dashboard-wrapper .item .title-bold .move {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 20px;
    line-height: 100px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/icons_elements.png) no-repeat -570px -157px;
}

#top-left,
#bottom-left {
    margin-right: 20px;
}

#middle.section {
    clear: both;
}

/*actions*/
.main-actions.dashboard-actions {
    margin-bottom: 5px;
}

.dashboard-actions .info {
    width: 305px;
}

.main-actions li .available-courses span {
    background-position: -437px -41px;
}

.main-actions li:hover .available-courses span {
    background-position: -516px -43px;
}

.dashboard-actions li .new-course span {
    background-position: -878px -96px;
}

.dashboard-actions li:hover .new-course span {
    background-position: -942px -96px;
}

.dashboard-actions li .user-profile span {
    background-position: -438px -80px;
}

.dashboard-actions li:hover .user-profile span {
    background-position: -513px -79px;
}

.dashboard-actions li .change-password span {
    background-position: -906px 10px;
    width: 50px;
}

.dashboard-actions li:hover .change-password span {
    background-position: -955px 10px;
}

/*generate reports*/
.generate-reports > div {
    position: relative;
}

.generate-reports > div .links {
    position: absolute;
}

.generate-reports > div .links {
    right: 25px;
    top: 25px;
}

.generate-reports > div .links > span {
    display: inline-block;
    position: relative;
}

.generate-reports > div .links > span > a {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
    line-height: 100px;
    overflow: hidden;
    margin-left: 12px;
}

.generate-reports > div .links .popover {
    left: auto !important;
    right: -20px;
    top: 28px !important;
}

.generate-reports > div .links .view-report {
    background-position: -118px -108px;
}

.generate-reports > div .links .export-report {
    background-position: -252px -178px;
}

.generate-reports > div select,
.generate-reports > div .jq-selectbox {
    display: inline-block;
    vertical-align: middle;
}

.generate-reports > div label {
    display: inline-block;
    padding-right: 10px;
    width: 120px;
}

.report-actions {
    min-width: 100px;
}

/*alerts*/
.alerts table {
    width: 100%;
}

.alerts table td {
    vertical-align: middle;
    vertical-align: middle;
}

.alerts .number-of-courses {
    font-weight: 700;
    font-size: 32px;
    color: #ff9326;
    padding: 0 2px;
}

/*statuses*/
.status-wrapper > div {
    float: left;
    margin: 0 12px;
}

.status-wrapper .summary-legend-wrapper {
    text-align: center;
}

.status-wrapper .legend-percent {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 10px;
}

.status-wrapper .legend-percent span {
    font-weight: 400;
    font-size: 20px;
}

.status-wrapper .donut-wrapper {
    margin-bottom: 28px;
    min-height: 200px;
}

.status-wrapper .donut-wrapper .donutContainer {
    width: 221px;
    height: 221px;
}

.status-wrapper .donut-wrapper > img {
    left: 78px;
    top: 83px;
    position: absolute;
}

.status-wrapper .legend-field3 hr {
    display: none;
}

.status-wrapper .summary-legend-wrapper > div {
    margin-bottom: 14px;
}

.status-wrapper .summary-legend-wrapper > div hr {
    margin: 10px 0 0;
}

/*best-contributors*/
.best-contributors .content ul li{

}

/*popular courses*/
.most-popular-courses .popular-courses-icon {
    float: left;
    width: 100px;
    height: 115px;
    background: url('../images/icons_elements.png') no-repeat -882px -144px;
}

.most-popular-courses .bars {
    margin-left: 135px;
}

.most-popular-courses ul li {
    overflow: hidden;
}

.most-popular-courses ul li + li {
    margin-top: 10px;
}

.most-popular-courses ul li .bar,
.most-popular-courses ul li .info {
    float: left;
}

.most-popular-courses ul li .bar {
    background: #333333;
    padding: 3px 60px 3px 7px;
    text-transform: uppercase;
    line-height: 13px;
    color: #ffffff;
    min-height: 26px;
}

.most-popular-courses .bar.bar-1 {
    width: 200px;
}

.most-popular-courses .bar.bar-2 {
    width: 140px;
}

.most-popular-courses .bar.bar-3 {
    width: 80px;
}

.most-popular-courses ul li .info {
    margin-left: 8px;
}

.most-popular-courses ul li .info .enrolled-count {
    font-size: 20px;
    font-weight: 700;
}

.most-popular-courses ul li .trend,
.recent-activities .legend .row li .trend {
    display: inline-block;
    height: 15px;
    width: 12px;
    margin-left: 2px;
    background-image: url('../images/icons_elements.png');
    background-repeat: no-repeat;
    background-position: -883px -40px;
}

.most-popular-courses ul li .trend.down,
.recent-activities .legend .row li .trend.down {
    background-position: -883px -60px;
}

/*least-completed, most-completed*/
#dashboard-wrapper .item.least-completed .content > div,
#dashboard-wrapper .item.best-contributors .content > div,
#dashboard-wrapper .item.most-watched-assets .content > div,
#dashboard-wrapper .item.most-completed .content > div,
#dashboard-wrapper .courses-with-waitlist .content > div{
    padding: 0;
}

.least-completed .content li,
.most-completed .content li,
.courses-with-waitlist .content li
{
    border-bottom: 1px solid #e4e6e5;
    border-top: 1px solid #ffffff;
    padding: 18px;
    position: relative;
}
.best-contributors .content li,
.most-watched-assets .content li{
    border-bottom: 1px solid #e4e6e5;
    border-top: 1px solid #ffffff;
    position: relative;
    padding: 0;
}

.best-contributors .content li:first-child,
.most-watched-assets .content li:first-child
{
    border-top: 0;
}
.best-contributors .content li:last-child,
.most-watched-assets .content li:last-child
{
    border-bottom: 0;
}

.best-contributors .content li,
.most-watched-assets .content li{
    display: table;
    width: 100%;
}

.best-contributors .content li div.left,
.most-watched-assets .content li div.left{
    display: table-cell;
    vertical-align: middle;
    width: 95px;
}

.best-contributors .content li div.left{
    padding: 10px 0 10px 18px;
}
.most-watched-assets .content li div.left{
    padding: 15px 4px 15px 14px;
}

.best-contributors .content li div.center,
.most-watched-assets .content li div.center{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    word-break: break-all;
    line-height: 16px;

}
.best-contributors .content li div.center{
    padding: 10px 20px 10px 20px;
    text-decoration:underline;
}
.most-watched-assets .content li div.center{
    padding: 15px 20px 15px 10px;
    text-decoration:underline;
}

.best-contributors .content li div.right,
.most-watched-assets .content li div.right{
    display: table-cell;
    vertical-align: middle;
    width: 180px;
    white-space: nowrap;
    text-align: right;
}
.best-contributors .content li div.right{
    padding: 10px 18px 10px 0;
}
.most-watched-assets .content li div.right{
    padding: 15px 18px 15px 0;
}
.best-contributors .content li div.right .count,
.most-watched-assets .content li div.right .count{
    color: #0465AC;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}
.best-contributors .content li div.right .countSuffix,
.most-watched-assets .content li div.right .countSuffix{
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
}

.widget-app7020Avatar-container span.avatar-container.small img {
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    position: relative;
    width: 40px;
}
.widget-app7020Avatar-container span.avatar-container.small span.circle {
    background: #0465ac none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    line-height: 40px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}
.widget-app7020Avatar-container span.avatar-container.small span.circle.small {
    line-height: 40px;
    width: 40px;
}
.widget-app7020Avatar-container span.avatar-container.large img {
    border-radius: 50%;
    display: inline-block;
    height: 90px;
    margin-right: 10px;
    position: relative;
    width: 90px;
}
.widget-app7020Avatar-container span.avatar-container.large span.circle {
    background: #0465ac none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    font-weight: 600;
    line-height: 90px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 90px;
}

.most-watched-assets .content li .avatar-asset{
    height: 30px;
    width: 60px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.most-watched-assets .content li .avatar-contributor img{
    height: inherit;
    width: inherit;
}

.least-completed .content li.first,
.most-completed .content li.first,
.courses-with-waitlist .content li.first{
    border-top: none;
}

.least-completed .content li.last,
.most-completed .content li.last,
.courses-with-waitlist .content li.last{
    border-bottom: none;
}

.least-completed .content li > div,
.most-completed .content li > div,
.courses-with-waitlist .content li > div{
    position: absolute;
    right: 18px;
    top: 8px;
}

.least-completed .content li > p.title,
.most-completed .content li > p.title,
.courses-with-waitlist .content li > p.title{
    margin-right: 170px;
}

.least-completed .content li > .percents,
.most-completed .content li > .percents,
.courses-with-waitlist .content li > .percents{
    position: absolute;
    right: 70px;
    top: 18px;
}

.courses-with-waitlist .content li > .percents{
    color: #0465ac;
    right: 50px;
}

.percents .ints {
    font-size: 30px;
    font-weight: 700;
}

.percents .decimals {
    font-size: 30px;
}

.percents .decimals .sign {
    font-size: 16px;
}

/*recent-activities*/
.chart-colors ul {
    overflow: hidden;
}

.chart-colors li {
    float: left;
    margin-right: 35px;
}

.chart-colors li span {
    vertical-align: middle;
}

.chart-colors li span.color {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 8px;
}

.chart-container .chart-colors {
    margin-left: 10px;
}

.recent-activities .row {
    margin: 0;
}

.recent-activities .legend {
    float: right;
    width: 265px;
    margin-top: -12px;
}

.recent-activities .legend .row {
    padding: 12px 0;
}

.recent-activities .legend h4 {
    font-size: 15px;
}

.recent-activities .legend h4 span {
    display: inline-block;
}

.recent-activities .legend .row li {
    float: left;
}

.recent-activities .legend .row li + li {
    margin-left: 20px;
}

.recent-activities .legend .row ul {
    margin-left: 4px;
}

.recent-activities .legend .row .stat-number {
    font-size: 20px;
    font-weight: 700;
}

.recent-activities .legend .row hr {
    margin: 8px 0;
}

.recent-activities .legend .row .period {
    margin: 0 2px;
}

.recent-activities .row h4 span {
    background-image: url('../images/icons_elements.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 30px;
    margin-right: 10px;
}

.recent-activities .sessions h4 span {
    background-position: -914px -21px;
}

.recent-activities .completions h4 span {
    background-position: -914px -50px;
}

.recent-activities .enrollments h4 span {
    background-position: -950px -20px;
}
.recent-activities.coach-share .row h4 span{
    background: none;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    text-shadow: none;
}
.recent-activities.coach-share .questions h4 span:before{
    font-family: 'FontAwesome';
    content: '\f128';
}

.recent-activities.coach-share .answer h4 span:before{
    font-family: 'FontAwesome';
    content: '\f10d';
}

.recent-activities.coach-share .share_asset h4 span:before{
    font-family: 'FontAwesome';
    content: '\f1e0';
}

.recent-activities.coach-share .asset_view h4 span:before{
    font-family: 'FontAwesome';
    content: '\f06e';
}

/*waiting users - overbooked filter*/
.overbooked-users span, .overbooked-users label {
    float: left;
}

.overbooked-users label {
    margin-right: 15px !important;
}

/*curricula*/

.main-actions li .new-curricula span {
    background-position: -1003px -66px;
}

.main-actions li:hover .new-curricula span {
    background-position: -1003px -111px;
}

.grid-view table.items td.curricula-button-column {
    width: 62px;
    padding-right: 15px;
    text-align: right;
}

.assign-catchup-link {
    text-decoration: underline;
    position: static !important;
}

.assign-catchup-link.orange {
    color: #ff8305 !important;
}

.catchup.orange{
    color: #ff8305 !important;
}

.assign-catchup-link.blue {
    color: #2377b5 !important;
}

.assign-catchup-link-remove {
    font-size: 20px;
    color: #d90000;
    position: absolute;
    margin-left: 5px;
}

.assign-catchup-link:hover {
    text-decoration: none !important;
}

.assign-catchup-link i {
    font-size: 20px;
    position: absolute;
    margin-left: 5px;
}

.catch-up-warning {
    width: 100%;
    background-color: #ffe59a;
    overflow: hidden;
    padding: 8px 0 8px 0;
    line-height: 18px;
    margin-bottom: 3px;
}

.catch-up-warning div i {
    font-size: 32px;
    margin: 2px 20px 0 20px;
}

.catch-up-course-to-play {
    background-color: #f1f3f2;
    width: 100%;
    overflow: hidden;
    padding: 6px 0 6px 0;
}

.catch-up-course-to-play div i {
    font-size: 16px;
    margin: 18px 24px 0 24px;
}

.catchup-course-logo {
    width: 50px;
    border: 1px solid #dadada;
}

.catchup-course-info {
    margin-left: 15px;
    padding-top: 3px;
}

.catchup-course-info :nth-child(1) {
    color: #126dae;
    text-decoration: underline;
}

.catchup-course-play-icon {
    padding: 15px 20px 0 0;
}

.curricula-checkbox-vertical-align {
    position: absolute;
    top: 50%;
    margin-top: -10px !important;
}

/*Catch-up actions*/
.catchup-actions {
    right: 64px;
    top: 50%;
    position: absolute;
    margin-top: -9px;
}
/*new-curricula pop up*/

.modal.new-curricula, .modal.curricula-edit{
    width: 1050px;
}

.modal.new-curricula .modal-header h3 span {
    background-position: -1006px -150px;
    width: 35px;
}

.modal.new-curricula .form-horizontal .control-label {
    text-align: left;
}

.description-area {
    padding-top: 5px;
    padding-bottom: 15px;
}

.new-curricula .modal-body .jq-selectbox__select,
.curricula-edit .modal-body .jq-selectbox__select {
    width: 567px;
    background: #ffffff;
}

/*curricula-assign-courses*/

.curricula-view .items .item {
    float: none;
    width: auto;
    padding: 7px 140px 7px 60px;
}

#curricula-user-list .items .item {
    padding: 7px 140px 7px 32px;
}

.curricula-course-prerequisites {
    display: inline-block;
    height: 20px;
    vertical-align: text-bottom;
    width: 22px;
    background: url("../images/icons_elements.png") no-repeat -1053px -35px;
    margin-left: 3px;
}

.curricula-view .items .item > a {
    text-decoration: underline;
    color: #333333;
    position: absolute;
    right: 45px;
    margin-top: -10px;
    top: 50%;
}

.curricula-view .move {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 30px;
}

.curricula-view .move .course-move {
    height: 18px;
    width: 18px;
    line-height: 100px;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/icons_elements.png") no-repeat -570px -158px;
}

.curricula-view .sequence {
    display: none;
}

.curricula-view .items .item .course-type span {
    white-space: nowrap;
}
.curricula-view .items .item td:not(:first-child) {
    width: 1%;
    white-space: nowrap;
    padding-left:20px;
}
.curricula-view .items .item td:first-child {
    word-break: break-all
}

.curricula-view .items .item .course-type i {
    display: inline-block;
    height: 20px;
    vertical-align: text-bottom;
    width: 22px;
    background: url("../images/icons_elements.png") no-repeat -252px -48px;
    margin-left: 10px;
}

.curricula-view .items .item .course-type i.webinar {
    background: url("../images/webinar/sprite-icons.png") no-repeat -15px -46px transparent;
}

.curricula-view .items .item .course-type i.classroom {
    background-position: -252px -98px;
}

.curricula-view .items .item .course-type i.mobile {
    background-position: -247px -75px;
}


/*curricula-assign-prerequisites*/

.modal.curricula-assign-prerequisites,
.modal.curricula-assign-courses {
    width: 770px;
    margin-left: -385px;
}

.curricula-assign-prerequisites .modal-header h3 span {
    background-position: -1007px -175px;
    height: 30px;
    top: 0;
}

.curricula-assign-prerequisites .courseEnroll-course-table h2 {
    margin-bottom: 0;
    color: #333333;
}

.curricula-assign-prerequisites .courseEnroll-course-table h2 span {
    color: #0465AC;
}

/*curricula-assign-courses pop up*/

.curricula-assign-courses .modal-header h3 span {
    background-position: -1007px -175px;
    height: 30px;
    top: 0;
}

/*custom button column */
.custom-button-column {
    text-align: right !important;
}

.custom-button-column a {
    margin-right: 5px;
}

/*grid-view default loader class -> adding background gif*/
.grid-view-loading {
    background: url(../images/loading.gif) no-repeat;
}

/* White Label styles */
.white-label-preview {
    background: url(../images/branding_white_label.png) no-repeat;
    width: 496px;
    height: 310px;
}

.wlabel-preview {
    position: absolute;
    color: #0465ac;
    font-family: 'Handlee', cursive;
    font-size: 19px;
    line-height: 22px;
    font-weight: bold;
}

.wlabel-preview.wl-menu {
    left: 436px;
    top: 142px;
}

.wlabel-preview.wl-user-counter {
    left: 884px;
    top: 57px;
}

.wlabel-preview.wl-footer {
    left: 951px;
    top: 340px;
}

.white-label-inactive-title {
    font-family: 'Handlee', cursive;
    font-size: 26px;
    font-weight: bold;
    color: #5ABF57;
    margin-top: 20px;
}

.white-label-inactive-text li {
    line-height: 20px;
    margin-top: 10px;
    float: left;
}

.white-label-inactive-text li div {
    font-family: 'Handlee', cursive;
    font-size: 20px;
    color: #303030;
    float: left;
}

.row-fluid.no-space [class*="span"] {
    margin-left: 0;
}

#custom-report-list .pager {
    display: none;
}

/*
 Colors
 ----------------------
 border: #E4E6E5
 background: #F1F3F2
 blue: #0465AC;
 text: #333333
 border: #E4E6E5
*/

/* -- General usage --------------------*/

.text-left {
    text-align: left;
}

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

.no-pointer {
    cursor: auto;
}

.delete-item-modal {
    width: 460px;
    margin-left: -230px;
}

.errorSummary {
    position: relative;
    background: #ffffff;
    font-weight: 600;
    border: 1px solid #E4E6E5;
    border-bottom: 0px none;
    padding: 6px 6px 11px;
    margin: 0 0 20px;
    line-height: 20px;

    -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.15);

    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    /*ie7 only*/
    *border-bottom: 5px solid #333333;

    color: #D80100;
    /*ie7 only*/
    *border-bottom: 5px solid #D80100;
}

.errorSummary:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    border-bottom: 5px solid #D80100;
}

/* -- Search Form -------------------- */

.search-form {
}

.fa.search-form {
    display: block;
}

.search-form .filters {
    padding: 0 14px;
}

.search-form .input-wrapper {
    padding: 10px 0;
    float: right;
    z-index: 5;
}

.search-form .input-wrapper span {
    top: 16px;
}

.search-form .input-wrapper.dates {
    float: left;
}

.search-form .input-wrapper.dates input[type="text"],
.search-form .input-wrapper.dates input[type="text"]:focus {
    width: 77px;
}

.search-form .input-wrapper input.search-input,
.search-form .input-wrapper input.search-input:focus {
    width: 150px;
}

.de.search-form .input-wrapper input.search-input,
.de.search-form .input-wrapper input.search-input:focus,
.uk.search-form .input-wrapper input.search-input,
.uk.search-form .input-wrapper input.search-input:focus {
    width: 140px;
}

.bg.search-form .input-wrapper input.search-input,
.bg.search-form .input-wrapper input.search-input:focus,
.fr.search-form .input-wrapper input.search-input,
.fr.search-form .input-wrapper input.search-input:focus {
    width: 118px;
}

.ja.search-form .input-wrapper input.search-input,
.ja.search-form .input-wrapper input.search-input:focus {
    width: 106px;
}

.ru.search-form .input-wrapper input.search-input,
.ru.search-form .input-wrapper input.search-input:focus {
    width: 134px;
}

.th.search-form .input-wrapper input.search-input,
.th.search-form .input-wrapper input.search-input:focus {
    width: 95px;
}

.search-form .select-wrapper {
    float: left;
    padding: 10px 0;
}

.search-form .select-wrapper .jq-selectbox__select {
    width: 120px;
}

/* -- Transactions management UI ------------------*/

#transactions-grid {
}

#transactions-grid .pager {
    margin-top: 5px;
}

#transactions-grid #total-header,
#transactions-grid .text-right {
    text-align: right;
}

#transactions-grid .popover.bs-popover-auto,
#transactions-grid .popover.bottom,
#transactions-grid .popover {
    max-width: 533px;
    width: 533px;
}

#transactions-grid .popover.bs-popover-auto .popover-arrow,
#transactions-grid .popover.bottom .arrow,
#transactions-grid .popover .arrow {
    border-top-color: rgba(0, 0, 0, 0.18);
}
#transactions-grid .popover.bs-popover-auto .popover-arrow,
#transactions-grid .popover.bottom .arrow {
    left: 50%;
}

#transactions-grid .popover.bs-popover-auto .popover-arrow:after,
#transactions-grid .popover.bottom .arrow:after,
#transactions-grid .popover .arrow:after {
    position: absolute;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-top: 11px solid rgba(255, 255, 255, 1);
    border-right: 10px solid rgba(0, 0, 0, 0);
    content: '';
}
#transactions-grid .popover.bs-popover-auto .popover-arrow:after,
#transactions-grid .popover.bottom .arrow:after {
    display: none;
}

#transactions-grid .popover-transaction-total {
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    border-top: 1px solid #E4E6E5;
}

#transactions-grid .popover-transaction-total > div {
}

#transactions-grid .popover-transaction-total .line-total {
    color: #0465AC;
}

#transactions-grid .popover .title {
    font-weight: bold;
    font-size: 1.1em;
}

.edit-transaction-items {
    width: 960px;
    margin-left: -480px;
}

.edit-transaction-items h2 {
    color: #0465AC;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 7px;
}

.edit-transaction-items .transaction-coupon-stats {
    margin: 12px 0;
}

.edit-transaction-items .transaction-coupon-stats > div {
    padding-bottom: 10px;
    padding-left: 32px;
    position: relative;
}

.edit-transaction-items .transaction-coupon-stats > div > i {
    position: absolute;
    left: 0px;
    top: 0px;
}

.edit-transaction-items .transaction-coupon-stats .coupon-code i {
    left: 4px;
}

.edit-transaction-items .transaction-coupon-stats .coupon-discount i {
    left: 5px;
}

.edit-transaction-items .flag-paid {
    margin: 20px 15px 0px;
    font-weight: bold;
    text-transform: uppercase;
}

.edit-transaction-items .grid-view {
}

.edit-transaction-items .grid-view table.items .price-footer {
    text-transform: uppercase;
    font-weight: bold;
}

.edit-transaction-items .grid-view table.items .price-footer > span {
    display: block;
    margin-left: 40%;
    font-weight: bold;
}

.edit-transaction-items .grid-view table.items .price-footer > span > span {
}

.edit-transaction-items .grid-view table.items .price-footer .line-total {
    color: #0465AC;
}

.edit-transaction-items .grid-view .price,
.edit-transaction-items .grid-view .price-footer,
.edit-transaction-items .grid-view #price-header {
    text-align: right;
}

.edit-transaction-items .grid-view .activated,
.edit-transaction-items .grid-view #activated-header {
    text-align: center;
}

/* -- Question Categories Management  ------------------*/

.questcat-management {
}

.questcat-management .filters {
    padding: 0 14px;
}

.questcat-management .input-wrapper {
    padding: 10px 0;
    float: right;
    z-index: 5;
}

.questcat-management .input-wrapper span.search-icon {
    top: 16px;
}

.edit-questcat-modal .modal-header h3 {
    padding-left: 0px;
}

/* -- Grid View ----------------------*/

#grid-wrapper .items .button-column-single-i-sprite {
    width: 33px;
    padding: 6px 4px;
    text-align: center;
}

.grid-view table.items tr td.text-right {
    text-align: right;
}

/* -- Modal box -------------------- */

.modal.new-label-half,
.modal.edit-node-half {
    width: 350px;
    margin-left: -175px;
}

.modal.edit-node-half .modal-header h3 span {
    /*     background: url(../images/icons_elements.png) -132px -225px no-repeat; */
    /*     width: 42px; */
    /*     height: 28px; */
    /*     position: absolute; */
    /*     top: 3px; */
    /*     left: 0; */
}

.modal.new-label-half,
.modal.edit-node-half {
    width: 350px;
    margin-left: -175px;
}

.modal.edit-node-half .modal-header h3 span {
    /*     background: url(../images/icons_elements.png) -132px -225px no-repeat; */
    /*     width: 42px; */
    /*     height: 28px; */
    /*     position: absolute; */
    /*     top: 3px; */
    /*     left: 0; */
}

.docebo-modalbox-form .docebo-form-row {
    display: table;
    width: 100%;
    clear: both;
    margin: 5px 0 20px;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-text label,
.docebo-modalbox-form .docebo-form-row.docebo-form-type-checkboxlist > label {
    margin: 0 0 10px;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-freetext label {
    float: left;
    margin-right: 10px;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-freetext img.flag {
    margin: 0 0 -1px 5px;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-text i {
    color: #999999;
    display: block;
    font-size: 11px;
    line-height: 11px;
    margin: 5px 0;
    padding: 0;
    width: 600px;
}

.modal.edit-node-half .docebo-modalbox-form .docebo-form-row.docebo-form-type-text i {
    width: 300px;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-checkboxlist > span {
    display: table;
    width: 100%;
    clear: both;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-checkboxlist > span > span {
    float: left;
    display: inline-block;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-checkboxlist > span > label {
    float: none;
    margin: 0 0 0 30px;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-checkbox > span {
    float: left;
    display: inline-block;
    margin-top: -16px;
}

.docebo-modalbox-form .docebo-form-row.docebo-form-type-checkbox > label {
    float: none;
    margin: 0 0 0 30px;
}

/* Branding */
#module-activation-grid td[align="center"] {
    text-align: center;
}

/*----------  Notifications --------------------*/

#notification_shortcodes_list {
    overflow-x:hidden;
    overflow-y:auto;
    max-height: 192px;
}

#notification-grid.grid-view table.items td {
    white-space: nowrap;
}

#notification-grid.grid-view table.items td.code a {
    white-space: normal;
    word-wrap: break-word;
}

#notification-grid.grid-view table.items td.event a {
    white-space: normal;
    word-wrap: break-word;
}

#notification-grid.grid-view table.items td.padded-left {
    padding-left: 20px;
}

#notification-grid.grid-view table.items td.text-center {
    text-align: center;
}

#notification-grid.grid-view table.items th.center-aligned {
    padding: 0;
    width: 120px;
}
.unread-tooltip.text-left {
    z-index: 1;
}

.modal.edit-notification-modal {
    width: 960px;
    margin-left: -480px;
    top: 5%;

}

.modal.edit-notification-modal textarea[name="tmp_message"] {
    height: 300px;
}

.modal.edit-notification-modal input[name="tmp_subject"] {
}




.users-selector .notification-selector-top-panel .grey-wrapper,
.grey-wrapper {
    margin-top: 5px;
    margin-bottom: 17px;
    padding: 17px;
    border-bottom: 1px solid #E4E6E5;
    border-top: 1px solid #E4E6E5;
    background: none repeat scroll 0 0 #F1F3F2;
    position: relative;
}

.report_filter-selector-top-panel {
    padding: 0px 10px;
}

.grey-wrapper .help-block {
    padding-left: 25px;
    font-size: 11px;
    color: #666;
    margin-top: -5px;
}

.users-selector .notification-selector-top-panel .grey-wrapper .row-fluid [class*="span"],
.grey-wrapper .row-fluid [class*="span"]{
    min-height: 0px;
}

.users-selector .notification-selector-top-panel .grey-wrapper label.checkbox {
    line-height: 11px;
}


label .radio-option-descr-for-styler {
    font-size: 11px;
    color: #666666;
    padding-left: 9px;
    display: inline-block;
    height: 10px;
}


.modal.edit-notification-wizard-step-save {
    width: 800px !important;
    margin-left: -400px;
}

.modal.edit-notification-wizard-step-save .modal-body {
    height: auto;
}


.modal.edit-notification-wizard-step-save .intro {
    border-bottom: 1px solid #E4E6E5;
    font-size: 20px;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 0;
}



/*- Enrollment Rules --------------------------------------*/

#core-enroll-rule-form {
    width: auto;
}

#core-enroll-rule-form input {
    width: 98%;
    padding: 0px 1%;
}

#core-enroll-rule-form .jq-selectbox__select {
    width: 125px;
}

#core-enroll-rule-form label {
    margin: 10px 0px;
}

#core-enroll-rule-form .subtype-arrow {
    padding: 42px 0px 0px 25px;
}

.main-actions li a.enrollment-rule span {
    background-position: 4px -33px;
}

.main-actions li:hover a.enrollment-rule span {
    background-position: -59px -33px;
}

.enrollment-rules-grid {
    padding-top: 16px;
}

.color-item .title {
    margin-top: 5px;
    clear: left;
    min-height: 38px;
}

.filters-wrapper {
    position: relative;
    width: 100%;
}

.filters-wrapper > .filters {
    position: relative;
}

.filters-wrapper > table.filters {
    width: 100%;
}

.newsletter-form-wrapper label {
    text-transform: capitalize;
}

.main-actions .info > div > p {
    padding-bottom: 6px;
}

/*-- Site header - Users information ----*/

.users-info .bottom .arrow {
    right: 130px !important;
}

/* #58798188 */
.new-group-success-content .btn.btn-submit,
.new-course-success-content .btn.btn-submit {
    text-align: center;
}

/*** New custom reports ****/

.custom-report-wrapper {
    margin-bottom: 50px;
}

.custom-report-wrapper th {
    white-space: nowrap;
}

.custom-report-wrapper .doceboPager {
}

.custom-report-wrapper .grid-view table.items td {
    vertical-align: top;
}

.custom-report-wrapper .grid-view table.items td.report-number {
    text-align: center;
    font-weight: bold;
}

input[type="text"][data-loader-show="true"].typeahead.loading {
    background-image: url("../images/loadingBlack.png");
    background-repeat: no-repeat;
    background-position: 186px center;
}

/* Advanced settings form */
#settings-datetime-form {
}

#settings-datetime-form .date-format-options {
}

#settings-datetime-form .date-format-options > label {
    margin: 0 0 10px 0;
}

#settings-datetime-form .date-format-options select {
    margin-left: 28px;
}


#settings-datetime-form .date-format-options .help-block {
    font-size: 10px;
}

#remember-me-expiration-days-container > label,
#remember-me-expiration-days-container > .help-block {
    margin-left: 28px
}
#remember-me-expiration-days-container > input {
    margin-left: 29px
}

.values .checkbox-item span.help-block {
    font-size: 10px;
}

td.usersSelectorColumn300{
    max-width: 300px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/** Users Selector **/
.users-selector {
}

.users-selector .users-selector-tabs {
    background: #f1f3f2;
}

.users-selector .icon-select-node-yes,
.users-selector .icon-select-node-no,
.users-selector .icon-select-node-descendants {
    height: 19px;
    width: 19px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 8px;
}

.users-selector .icon-select-node-yes {
    background: url(../images/icons_elements.png) -166px -200px no-repeat;
}

.users-selector .icon-select-node-no {
    background: url(../images/icons_elements.png) -143px -200px no-repeat;
}

.users-selector .icon-select-node-descendants {
    background: url(../images/icons_elements.png) -189px -200px no-repeat;
}




/** Custorm Report Creation Wizard */

#custom-report-wizard

#custom-report-wizard .input-append .add-on {
    border: none;
    background: none;
    border-radius: 0;
    padding: 0;
    height: 22px;
    width: 22px;
    margin: 3px 0 0 6px;
}


#custom-report-wizard .input-append.date .icon-calendar {
    background: url(../images/icons_elements.png) -830px -73px no-repeat;
    height: 22px;
    width: 22px;
}

#custom-report-wizard .report-success input[type=submit]{
    white-space: normal;
}

.report-wizard-step-4 {}

.report-wizard-step-4 .row-fluid {
    margin-top:4px;
}

.report-wizard-step-4 .lo-type-in-list {
    float: left;
    width: 32%;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 4px;
}

.report-wizard-step-4 select.custom-dropdown-field {
    width: 95%;
}

.expired-coupon {
    color: red;
}

#edit-coupon-form .datepicker {
    width: 100px;
}

#edit-coupon-form input[type="text"] {
    height: 28px;
}

#EcommerceCouponForm_usageType[value="limited"], #EcommerceCoupon_discount_type, #EcommerceCouponForm_minimumOrderChecked {
    margin-top: 6px;
}


.icon-create-new-report {
    background: url(../images/icons_elements.png) -742px -25px no-repeat;
    height: 17px;
    width: 35px;
    vertical-align: middle;
    margin-right: 12px;
    display: inline-block;
}




/**** REPORT SCHEDULE EDITOR ****/

.report-schedule-editor {}

.report-schedule-editor .schedule-info {
    padding-left: 50px;
}

.report-schedule-editor .schedule-info .schedule-name {
    font-size: 16px;
}

.report-schedule-editor .schedule-icon {
    float: left;
    margin-right: 10px;
}

.report-schedule-editor > div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.report-schedule-editor > div:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.report-schedule-editor input[name="email_recipients"] {
    width: 100%;
}

.report-schedule-editor .input-append.date .icon-calendar {
    background: url(../images/icons_elements.png) -830px -73px no-repeat;
    height: 22px;
    width: 22px;
}


.report-schedule-editor input[name="start_date"] {
    width: 140px;
}


.report-schedule-editor .recipients-selector {
    display:block;
    position: relative;
}

.report-schedule-editor .recipients-selector ul.holder {
    min-height: 27px;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fff;
}

.report-schedule-editor .recipients-selector ul.holder li.bit-box a.closebutton {
    background-image:url(../images/close_fcbk.gif);
    top: 9px;
    position: absolute;
    right: 4px;
    display: block;
    width: 7px;
    height: 7px;
    font-size: 1px;
}

.report-schedule-editor .recipients-selector  ul.holder li.bit-box a.closebutton:hover {
    background-position: 7px;
}

.report-schedule-editor .recipients-selector   ul.holder li.bit-box-focus a.closebutton,
.report-schedule-editor .recipients-selector   ul.holder li.bit-box-focus a.closebutton:hover {
    background-position: bottom;
}

.report-schedule-editor .recipients-selector ul.holder li.bit-input input {
    height:auto;
}

.report-schedule-editor .recipients-selector ul.holder li.bit-box {
    -moz-border-radius:6px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #cccccc;
    background:#e4e6e5;
    padding: 5px 20px 5px 5px;
}

.report-schedule-editor .recipients-selector .facebook-auto ul li,
.report-schedule-editor .recipients-selector ul.holder li.bit-box,
.report-schedule-editor .recipients-selector ul.holder li.bit-input input {
    font: 12px "Lucida Grande", "Verdana";
}

.report-schedule-editor .recipients-selector select.hidden {
    display: none;
}

.report-schedule-editor .recipients-selector .deleted {
    background-color: #D1E2FF !important;
}


.modal.report-schedule-dialog .alert {
    padding: 5px 0px;
}

.modal.report-schedule-dialog {
    width: 540px;
    margin-left: -270px;
}

.modal.report-schedule-dialog .modal-body {
    height: auto;
}

.modal.report-schedule-dialog .intro {
    border-bottom: 1px solid #E4E6E5;
    font-size: 20px;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 0;
}


#report-management-grid .tooltip-inner {
    max-width: 350px;
    text-align: center;
}


#notification-grid .tooltip-inner {
    white-space: normal;
    text-align: center;
}

/* BEGIN Social & Rating section */
.social-label {
    padding-left: 37px;
    margin-top: -10px;
    word-wrap: normal;
}

.facebook-icon {
    background: url('../images/social_rating_sprite.png') no-repeat -64px 0 scroll transparent;
    width: 0;
    height: 37px;
    line-height: 37px;
}
.twitter-icon {
    background: url('../images/social_rating_sprite.png') no-repeat -101px 0 scroll transparent;
    width: 0;
    height: 37px;
    line-height: 37px;
}
.linkedin-icon {
    background: url('../images/social_rating_sprite.png') no-repeat -138px 0 scroll transparent;
    width: 0;
    height: 37px;
    line-height: 37px;
}
.google-icon {
    background: url('../images/social_rating_sprite.png') no-repeat -175px 0 scroll transparent;
    width: 0;
    height: 37px;
    line-height: 37px;
}

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

.social-rating span{
    width: 25px;
    height: 22px;
    margin-right: 6px;
    vertical-align: middle;
    float: left;
    background: url('../images/social_rating_sprite.png') no-repeat scroll transparent !important;
}

.social-rating.active span{
    background-position: -242px -7px !important;
}

.social-rating span{
    background-position: -217px -7px !important;
}

.social-rating:hover span{
    background-position: -242px -7px !important;
}

/* END Social & Rating section */

/** BEGIN Teams and Managers section **/
.advanced-sidebar li a span.my-team, .advanced-sidebar .nav-tabs li a span.my-team {
    background: none;
    margin-right: 11px;
}

#my-team-settings-form .setting-description {
    color: #B2B2B2;
    font-size: 11px;
    margin-top: 5px;
    font-weight: 600;
}
/** END Teams and Managers section **/

/** BEGIN Blacklisted Tags section **/
.advanced-sidebar li .blacklisted-tags span,
.advanced-sidebar .nav-tabs li .blacklisted-tags span {
    background: none;
    position: relative;
    top: -2px;
}

#blacklisted-tags-form .disabled-content {
    opacity: 0.5;
}

#blacklisted-tags-form #search-tags,
#blacklisted-tags-form #add-tags {
    display: block;
}

#blacklisted-tags-form .search-input-wrapper {
    display: block;
}

#blacklisted-tags-form #search-tags {
    width: calc(100% - 18px);
}

#blacklisted-tags-form .add-input-wrapper {
    height: 195px;
    margin-top: 18px;
    background: white;
    padding: 8px;
    border-top: 1px solid #999999;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #999999;
}

#blacklisted-tags-form #add-tags {
    width: calc(100% - 15px);
    margin-top: 18px;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#blacklisted-tags-form .right-buttons {
    padding-bottom: 24px;
}

#blacklisted-tags-form #tags-container {
    max-height: 171px;
    overflow: auto;
}
/** END Blacklisted Tags section **/

/** BEGIN Channels section **/
.advanced-sidebar li .channels span {
    background: none;
    font-size: 1.8em;
}
/** END Channels section **/

/** BEGIN Skills Management section **/
.advanced-sidebar li .skills-management span {
    background: none;
    position: relative;
    top: -2px;
}

.advanced-sidebar li .enrollment-attributes span {
    background: none;
    position: relative;
    top: -2px;
}

#settings-skills-management-form .setting-description {
    display: block;
    padding-left: 28px;
    padding-right: 28px;
    position: relative;
    top: -8px;
}
/** END Skills Management section **/

/* BEGIN Webinar section */
.webinar-icon-small {
    background: url('../images/webinar/sprite-icons.png') no-repeat scroll -19px -38px transparent !important;
    width: 14px !important;
    height: 37px !important;
}

.webinar-icon-small-inline {
    background: url('../images/webinar/sprite-icons.png') no-repeat scroll -19px -47px transparent !important;
    width: 14px !important;
    height: 21px !important;
    display: inline-block;
}

.webinar-icon-big {
    background: url('../images/webinar/sprite-icons.png') no-repeat scroll 3px -2px transparent !important;
    width: 28px !important;
    height: 40px !important;
    display: inline-block;
}
/* EMD Webinar section */


/* additional field dropdown helping css */

div.saving-dropdown-field {
    text-align: center;
    padding: 10px;
    vertical-align: middle;
}

@media (max-width: 1200px)
{
    .report-courses-summary-legend.span5, .report-activities-summary.span7,
    .myperformaces-chart.span7, .my-activities-test-statistics-container.span5
    {
        width:100%;
    }

    .my-activities-test-statistics-container.span5
    {
        padding-top: 30px;
        padding-left: 20px;
    }

    .login-images img{
        height: 200px !important;
    }

    .layout1 .external {
        top: 165px !important;
    }

    .layout1 .background {
        top: 0;
        left: 100px;
    }

    .layout1 .title-text {
        top: 13px;
        right: 15px;
    }

    .layout2 .background {
        left: 77px;
    }

    .layout2 .title-text {
        top: 50px;
        left: 101px;
    }

    .layout2 .external {
        top: 168px;
        left: 20px;
    }

    .layout3 .background {
        top: 10px;
        left: 85px;
    }

    .layout3 .external {
        top:0;
    }

    .layout3 .text {
        top: 95px;
        right: 100px;
    }

    .layout4 .title-text {
        top: 24px;
        right: 65px;
    }

    .layout4 .background {
        top: 165px;
        left: 80px;
    }
}


/* BEGIN Massive change enrollment deadline dialog */

#massive-change-enrollment-deadline-form .alert:after {
    border-bottom: 0!important;
}

#massive-change-enrollment-deadline-form .alert {
    color: #c09853!important;
    padding: 8px 35px 8px 14px!important;
    margin-bottom: 20px!important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5)!important;
    background-color: #fcf8e3!important;
    border: 1px solid #fbeed5!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    border-radius: 4px!important;
}

#massive-change-enrollment-deadline-form .outline-datepicker {
    background-color: #fcf8e3!important;
}

/* END Massive change enrollment deadline dialog */


/* BEGIN Learning Plan Enrollments page order enrollment list */
.main-section.curricula-section .order-wrapper{
    padding: 10px 0;
    margin-left: 0px;
    float: left;
}
.main-section.curricula-section .order-wrapper>label,
.main-section.curricula-section .order-wrapper>.orderLPEnrollments{
    float: left;
}
.main-section.curricula-section .order-wrapper>label{
    margin-top: 5px;
}
.main-section.curricula-section .order-wrapper>.orderLPEnrollments{
    margin-left: 10px;
}
.main-section.curricula-section .input-wrapper>span.twitter-typeahead,
.main-section.curricula-section .input-wrapper>#advanced-search-course {
    float: right;
}

/* END Learning Plan Enrollments page order enrollment list */

/*Coach and Share reports*/
.avatar{
    border-radius: 50%;
}
.avatar.big{
    height: 100px;
    width: 100px;
    margin-top: 10px;
}
.bigname{
    color: #438CBF;
    font-size: 20px;
    padding-bottom:10px;
}
.allbordersgrey{
    border-style: solid;
    border-width: 1px;
    border-color: #E5E5E5;
    padding-top:15px;
    padding-bottom: 15px;
}
.bottombordergrey {
    border-bottom: 1px solid #E5E5E5;
    float: left;
    width: 100%;
}
.bigdate{
    color: #438CBF;
    font-size: 24px;
    font-weight: bold;
}
.clear {
    clear : both;
}
.block-info div {
    float: left;
    width: 25%;
    padding-bottom: 10px;
    padding-top: 10px;
}
#expertSummaryReport #myActivity {
    margin-top:20px;
}
#expertSummaryReport .small.avatar-container {
    float:left;
}
#expertSummaryReport .username {
    float:left;
}
#expertSummaryReport .small.avatar-container img{
    margin-right:0;
}
#expertSummaryReport span.small.avatar-container {
    margin-right: 8px;
}
.myChannelsList {
    padding: 15px;
    border: 1px solid #E5E5E5;
}
#expertSummaryReport #myActivity h1 {
    border : none;
}
#expertSummaryReport .expert-title {
    float: left;
}
#expertSummaryReport i.fa.fa-users {
    font-size: 28px;
}
.expert-count {
    font-size:16px;
}
.summary-channel-report i {
    height: 34px;
    width: 50px;
    font-size: 28px;
}
.expert-count span.count {
    color: #438CBF;
    font-size: 28px;
    font-weight: 600;
    margin-left: 5px;
    margin-right: 5px;
}
.expert-count span.count-text {
    position: relative;
    bottom: 5px;
}
.expert-info {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}


/* === PENS admin pages */

.display-none {
    display: none;
}

.pens-wrapper .pens-url-container {
    border-color: #e4e6e5;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    padding: 7px 0;
    margin-bottom: 20px;
}

.pens-wrapper .pens-url-container .url-label {
    font-weight: bold;
    font-size: 14px;
}

.pens-wrapper .main-actions {
    max-height: 110px;
}

.modal .spinner-container {
    text-align: center;
    padding-top: 30px;
    font-size: 50px;
    color: #666;
}

.pens-wrapper .grid-view .fa.action-icon {
    font-size: 20px;
}
.pens-wrapper .grid-view .fa.red {
    color: #D80100;
}
.pens-wrapper .grid-view .fa.green {
    color: #53ab53;
}
.pens-wrapper .grid-view .fa.light-gray {
    color: #CCCCCC;
}
.pens-wrapper .grid-view .fa.gray {
    color: #999999;
}
.pens-wrapper .grid-view .fa.dark-gray {
    color: #666666;
}
.pens-wrapper .grid-view .fa.black {
    color: #000000;
}

.pens-wrapper .grid-view .fa.fa-circle {
    font-size: 7px;
    margin-right: 3px;
}
.pens-wrapper .grid-view .fa.fa-eye,
.pens-wrapper .grid-view .fa.fa-eye-slash {
    font-size: 14px;
    margin-left: 6px;
    color: #0465AC;
    cursor: pointer;
}
.pens-wrapper .grid-view div.hidden-value-container {
    display: inline-block;
}
.pens-wrapper .grid-view div.hidden-value-container.hide-value .value {
    display: none;
}
.pens-wrapper .grid-view div.hidden-value-container.show-value .fa-circle {
    display: none;
}
.pens-wrapper .grid-view div.hidden-value-toggler {
    display: inline-block;
    margin-right: 7px;
}

.pens-add-application-action {
    padding-top: 13px;
    height: 70px;
}

.pens-add-application-dialog .modal-body input:read-only,
.pens-add-application-dialog .modal-body input:-moz-read-only,
.pens-edit-application-dialog .modal-body input:read-only,
.pens-edit-application-dialog .modal-body input:-moz-read-only{
    background-color: #f9f9f9;
}
.pens-add-application-dialog .modal-body label.hide-required span.required,
.pens-edit-application-dialog .modal-body label.hide-required span.required {
    display: none;
}
.pens-delete-application-dialog {
    min-width: 400px;
    width: auto;
    margin-left: -200px;
}
.pens-delete-application-dialog label {
    display: inline;
}

a.reportcoursesummary{
    background-color: #5FBF5F !important;
    display: inline-block;
    /* min-width: 74px; */
    position: absolute;
    text-shadow: 1px 1px #306430;
    line-height: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    border: none;
    border-radius: 0;
    padding: 7px 12px;
    width: auto;
    text-align: center;
    box-shadow: none;
    font-weight: 600;
    line-height: normal;
}
.allbordersgrey .block-info .email {
    width:75%;
}
.span5.expert-times {
    float:right;
}


.fade.course-enrollment-from-csv {
    position: static;
}

.course-enrollment-from-csv .enrollment-fields label {
    text-overflow: ellipsis;
    vertical-align: middle;
    padding-right: 10px;
    box-sizing: border-box;
    display: inline-block;
    width: 100px;
    word-break: break-all;}
.course-enrollment-from-csv .enrollment-fields textarea, .course-enrollment-from-csv .enrollment-fields input, .course-enrollment-from-csv .enrollment-fields select {
    width: 81%;
    /*margin-bottom: 20px;*/
}

.course-enrollment-from-csv .enrollment-fields .NodeTranslation {margin-bottom: 20px}

.course-enrollment-from-csv .enrollment-fields select {
    width: 81%;
}

.modal.course-enrollment-from-csv .enrollment-fields .datepicker {
    margin-left: 28px;
}
.modal.course-enrollment-from-csv .enrollment-fields > .input-append.date {
    margin-bottom: 20px;
    white-space: normal;
}
.course-enrollment-from-csv .modal-body {
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
}


form#enrollment_form .enrollment-fields-values .clearfix input,
form#enrollment_form .enrollment-fields-values .clearfix textarea { float: right; width: 298px; box-sizing: border-box; }

form#enrollment_form .enrollment-fields-values .clearfix {
    margin-top: 18px;
}

form#enrollment_form .input-append, form#enrollment_form .input-prepend,
form#massive-change-status-form .input-append, form#massive-change-status-form .input-prepend {
    margin-bottom: 0px;
}

form#enrollment_form .enrollment-fields-values .clearfix .iframe-field { float: right; width: 298px; box-sizing: border-box; margin-top: 7px;}


form#enrollment_form .enrollment-fields-values .clearfix.input-append.date input {
    float: none;
    width: 261px;
}
.modal.enroll-role-step,
.modal.users-selector.enroll-role-step {
    overflow: auto;
    overflow-x: hidden;
    max-height: 704px;
}

.modal.users-selector.enroll-role-step .NodeTranslation {
    margin-bottom: 20px;
    margin-top: 20px;
}

.modal.users-selector.enroll-role-step .select-level-label {width: 67px !important; text-overflow: ellipsis;  word-break: break-all; }

div.datepickers.date { white-space: normal; }
.select-role-wrapper form .enrollment-fields { margin-top: 20px; }
.select-role-wrapper form .NodeTranslation { margin-bottom: 20px; }
.select-role-wrapper form .input-append.date { margin-bottom: 20px; }
.select-role-wrapper form .input-append.date.datepickers { margin-bottom: 0; }
.modal.enroll-role-step .select-role-wrapper form .input-append.date.clearfix { margin-bottom: 20px; }
.select-role-wrapper form .date-picker-widget-container { display: block !important; }
.select-role-wrapper form .date-picker-widget-container .control-label { display: block; width: 100%; }
.select-role-wrapper form .enrollment-fields.row-fluid .input-append.date { white-space: normal; display: block; margin-right: 0 !important; }
.select-role-wrapper form .enrollment-fields.row-fluid .input-append.date .date-picker-label { box-sizing: border-box; padding-right: 10px; }
.enrollment-dropdown-field:last-child {
    margin-top: 20px;
}
.enrollment-dropdown-field.clearfix {margin-bottom: 20px}
.enrollment-dropdown-field > label.select-level-input {
    padding-right: 20px;
}
#enroll-role-step-form #level-wrapper { margin-left: 0 !important; }

.course-enrollment-from-csv .input-append.date {display: block;}

.course-enrollment-from-csv  .date-picker-widget-container label {width: 100%}
.course-enrollment-from-csv .enrollment-fields.row-fluid {display: block;}
.course-enrollment-from-csv .date-picker-widget-container.form-inline {display: block !important;}

@media (min-width: 680px) and (max-width: 1200px) {
    .user-report-info-data .fullname{
        font-size: 27px;
    }
}
/* Coach and Share Overview charts */
.coach-share-overview .legend{
    width: 100%;
    display: block;
    text-align: right;
}
.coach-share-overview .my-activities-stat-title{
    margin-bottom: 11px;
}
.coach-share-overview .legend li{
    display: inline-block;
    font-size: 13px;
}
.coach-share-overview .legend li:not(:last-child){
    padding-right: 25px;
}
.coach-share-overview .legend li .color{
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.coach-share-overview .asset-chart .legend li .color{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.most-watched-assets-weekly{
    margin-top: 30px;
}
.most-watched-assets-weekly .header-title h4{
    font-size: 18px;
    font-weight: 600;
}
.most-watched-assets-weekly .watched-assets-wrapper .asset-item{
    border: 1px #E4E6E5 solid;
    padding: 12px;
}
.most-watched-assets-weekly .watched-assets-wrapper .asset-item .image-wrapper{
    float: left;
}
.most-watched-assets-weekly .watched-assets-wrapper .asset-item .image-wrapper img{
    width: 90px;
    height: 50px;
}
.most-watched-assets-weekly .watched-assets-wrapper .asset-item .title{
    line-height: 14px;
    margin-left: 102px;
    max-height: 28px;
    height: 28px;
    overflow: hidden;
    text-decoration:underline;
}
.most-watched-assets-weekly .watched-assets-wrapper .asset-item .counter{
    margin-left: 102px;
    margin-top: 3px;
}
.most-watched-assets-weekly .watched-assets-wrapper .asset-item .counter .count{
    color: #0465ac;
    font-size: 16px;
    padding-right: 5px;
}

@media screen and (max-width: 767px) {
    .modal.new-group {
        margin-left: 0px;
        left: 0px;
    }
}

/* transactions page filters */
.transactions-filters select.export-transactions {
    width: 120px;
}

.transactions-filters select.status-transactions {
    width: 110px;
}

.transactions-filters select.status-payment-type {
    width: 120px;
}

.transactions-filters.search-form .input-wrapper.dates input[type="text"],
.transactions-filters.search-form .input-wrapper.dates input[type="text"]:focus {
    width: 67px;
}

/*
.transactions-filters.search-form .input-wrapper input.search-input,
.transactions-filters.search-form .input-wrapper input.search-input:focus {
    width: 130px;
}
*/

.transactions-filters .select-wrapper.status-filter{
    margin-left: 20px;
}
.transactions-filters .select-wrapper.export-type, .transactions-filters .select-wrapper.payment-type {
    margin-left: 15px;
}

.new-course #import-skills-course-container .ui-helper-hidden-accessible {
    display: none;
}

.new-course .form form div#fcbk-add-skills-container > ul {
    border: 1px solid #999999;
}

.ui-autocomplete .ui-menu-item .ui-state-focus {
    background-color: #0080bf;
    color: #fff;
    background-image: none;
}


#bank_question_alert {
    background: #ffe59a;
    width: 98%;
    padding: 8px 1% 7px 1%;
    margin-bottom: 10px;
}

#bank_question_alert span {
    font-size: 12px;
}

#bank_question_alert i {
    font-size: 16px;
}

.logo-maxheight-50 {
    max-height: 50px;
}

#course-waitingenrollment-form span.search-icon {
    cursor: pointer;
}

input.delete_option{
    display: inline-block;
}

#pu-may-not-see-all-results-warning .warning-text {
    line-height: 36px;
}

#initial-score-reset-warning .exclamation-mark {
    margin-top: 12px;
}

#lorepo-push-lo-to-course-modal .warning-strip {
    margin: 10px 0 20px 0;
}

#player-centralrepo-uploader-panel .content.from-csp {
    padding-top: 10px;
}

#disabled-upload-package-button {
    background-color: #7EB2EB !important;
    cursor: default;
    border: none;
    box-shadow: none;
    width: auto;
    padding: 8px 9px;
    margin-right: 5px;
}

.disable-lti-fields {
    pointer-events: none;
    cursor: default;
    border: none;
    box-shadow: none;
    opacity: 0.5;
}

.disable-lti-radio-buttons {
    pointer-events: none;
    color: #c3c3c8 !important;
    cursor: default;
    opacity: 0.5;
}

.disable-lti-labels {
    pointer-events: none;
    cursor: default;
}

.disable-lti-checkbox {
    color: #000000 !important;
}

div.aicc-data-model {
    background-color: #f1f3f2;
    padding: 20px;
}