@CHARSET "UTF-8";
/**
 * CSS common for all LMS layouts.
 *
 * A combination of former (deprecated) separate CSS files:
 *
 *   shared.css
 *   base.css
 *   base-responsive.css
 *   menu.css
 *
 */

/**
 * DOCEBO, e-learning SAAS
 *
 * @link http://www.docebo.com/
 * @copyright Copyright © 2004-2014 Docebo
 *
 */



/** Source: shared.css *************************************************************************************************/

/*
    This stylesheet contains styling for common components found in /admin and /lms

    It should be included BEFORE the specific css file of the 2 sections,
    respectively admin.css and base.css
*/

/* When requested from Google Webfonts this font family didn't
 * provide a IE8 friendly version, so we host it locally now
 * in web-safe format
*/
@font-face {
    font-family: 'Handlee';
    src: url('../fonts/handlee-regular-webfont.eot');
    src: url('../fonts/handlee-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/handlee-regular-webfont.woff') format('woff'),
		url('../fonts/handlee-regular-webfont.ttf') format('truetype'),
		url('../fonts/handlee-regular-webfont.svg#handleeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p.nomargin{
    margin: 0;
}
.blue-text{
    color: #0465ac;
}
.green-text{
    color: #52ab52;
}
.bg-gray {
    background: #F5F5F5;
}

/* helper styles, do not remove! */
.bordered {
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
}
.bordered > div {
    background-color: #f1f3f2;
    border-bottom: 1px solid #fefefe;
    border-top: 1px solid #fefefe;
    border-left: none;
    border-right: none;
    margin: 0;
    padding: 10px;
}
.b-top { border-top: 1px solid #e4e6e5; }
.b-bottom { border-bottom: 1px solid #e4e6e5; }
.p-top { padding-top: 20px; }
.p-bottom { padding-bottom: 20px; }

/*
    - fix IE9-10 box-shadow problem
    http://stackoverflow.com/questions/14703099/ie-9-and-10-box-shadow-on-resizing-element
*/
.modal:after { content: " "; }

h2.bottom-bordered{
	padding-bottom: 10px;
	border-bottom: 1px solid #dadada;
}

/*
    Styles for the bootcrap's carousel
*/
.thumbnails-carousel .carousel-inner {
    width: 655px;
    margin: 0 auto;
    height: auto;
    min-height: 95px;
}
.form .carousel-inner{
    height: auto;
    min-height: 95px;
    width: 560px;
    margin: 0 auto;
}
.thumbnails-carousel .carousel-inner .item .sub-item{
    position: relative;
    background: #ffffff;
    padding: 1px;
}
.thumbnails-carousel .carousel-inner .item .sub-item.checked input[type="radio"],
.thumbnails-carousel .carousel-inner .item .sub-item.checked span.jq-radio.checked{
    display: block !important;
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 30px;
    height: 30px;
    background: #ffffff;
    margin: 0;
    opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 5.5+*/
    -moz-opacity: 0.9; /* Mozilla 1.6- */
    -khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */
}
.thumbnails-carousel .carousel-inner .item .sub-item.checked span.jq-radio.checked span{
    display: block !important;
    width: 20px !important;
    height: 18px !important;
    background: url(../images/shared/icons_elements.png) -172px -43px #ffffff no-repeat;
    border-radius:0;
    margin-top: 7px;
    margin-left: 6px;
}
.thumbnails-carousel .carousel-inner .item .sub-item,
.thumbnails-carousel .carousel-inner .item .upload,
.thumbnails-carousel .carousel-inner .item .upload:hover{
    display: inline-block;
    width:88px;
    height:88px;
    overflow: hidden;
    margin:5px 10px;
    border:1px solid #e4e6e5;
    vertical-align: middle;
}

.thumbnails-carousel.rectangular .carousel-inner .item .sub-item,
.thumbnails-carousel.rectangular .carousel-inner .item .upload,
.thumbnails-carousel.rectangular .carousel-inner .item .upload:hover{
    width:88px;
    height:46px;
}

*:first-child+html .carousel-inner .item .sub-item,
*:first-child+html .carousel-inner .item .upload,
*:first-child+html .carousel-inner .item .upload:hover{
    display: inline;
}
.thumbnails-carousel .carousel-inner .item .upload,
.thumbnails-carousel .carousel-inner .item .upload:hover,
.thumbnails-carousel .carousel-inner .item .upload.checked{
    border: 1px solid #ffffff;
}
.thumbnails-carousel .carousel-inner .item .sub-item:hover,
.thumbnails-carousel .carousel-inner .item .sub-item.checked{
    border: 4px solid #53ab53;
    cursor:pointer;
    width: 82px;
    height: 82px;
}
.thumbnails-carousel.rectangular .carousel-inner .item .sub-item img {
    clip: rect(0px, 88px, 46px, 0px);
    position: absolute;
}
.thumbnails-carousel.rectangular .carousel-inner .item .sub-item:hover,
.thumbnails-carousel.rectangular .carousel-inner .item .sub-item.checked{
    width: 82px;
    height: 40px;
}
.thumbnails-carousel.rectangular .carousel-inner .item .sub-item:hover img,
.thumbnails-carousel.rectangular .carousel-inner .item .sub-item.checked img {
    clip: rect(0px, 82px, 40px, 0px);
    position: absolute;
}
.thumbnails-carousel .carousel-inner .item .sub-item input[type="radio"],
.thumbnails-carousel .carousel-inner .item .sub-item span.jq-radio{
    display: none !important;
}
ol.carousel-indicators{
    display:none;
}
.modal.in .thumbnails-carousel {
    margin-bottom: 30px;
    height: 204px;
}
.modal.in .thumbnails-carousel.rectangular {
    margin-bottom: 30px;
    height: 130px;
}
.thumbnails-carousel .carousel-control{
    height: 20px;
    width: 13px;
    line-height: 100px;
    overflow: hidden;
    border: none;
    border-radius:0;
    top:50%;
    margin-top: -10px;
}
.thumbnails-carousel .carousel-control.left,
.thumbnails-carousel .carousel-control.left:hover,
.thumbnails-carousel .carousel-control.left:focus{
    background: url(../images/shared/icons_elements.png) -288px -204px 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 */
    left:0;
    right: auto;
}
.thumbnails-carousel .carousel-control.right,
.thumbnails-carousel .carousel-control.right:hover,
.thumbnails-carousel .carousel-control.right:focus{
    background: url(../images/shared/icons_elements.png) -308px -204px 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 */
    right:0;
}

/* Branding carousel */
.branding-manage-backgrounds .carousel-inner .item .sub-item,
.branding-manage-backgrounds .carousel-inner .item .upload,
.branding-manage-backgrounds .carousel-inner .item .upload:hover{
    height: 81px;
    width: 195px;
    margin: 5px 6px;
}
.branding-manage-backgrounds .carousel-inner .item .sub-item:hover,
.branding-manage-backgrounds .carousel-inner .item .sub-item.checked{
    height: 75px;
    width: 189px;
}
.branding-manage-backgrounds .modal-body{
    padding-bottom: 0;
}
.branding-manage-backgrounds .carousel{
    margin-bottom: 0;
}

/* Course settings carousel */
.coursesetting-content .carousel {
    text-align: center;
}
.coursesetting-content .carousel-inner {
    width: auto;
}
.coursesetting-content .carousel-inner .item .sub-item,
.coursesetting-content .carousel-inner .item .upload,
.coursesetting-content .carousel-inner .item .upload:hover{
    height: 81px;
    width: 195px;
    margin: 5px 6px;
}
.coursesetting-content .carousel-inner .item .sub-item:hover,
.coursesetting-content .carousel-inner .item .sub-item.checked{
    height: 75px;
    width: 189px;
}
.coursesetting-content .carousel-control{
    height: 20px;
    width: 13px;
    line-height: 100px;
    overflow: hidden;
    border: none;
    border-radius:0;
    top:50%;
    margin-top: -10px;
}
.coursesetting-content .carousel-control.left,
.coursesetting-content .carousel-control.left:hover,
.coursesetting-content .carousel-control.left:focus{
    background: url(../images/shared/icons_elements.png) -288px -204px 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 */
    left:0;
}
.coursesetting-content .carousel-control.right,
.coursesetting-content .carousel-control.right:hover,
.coursesetting-content .carousel-control.right:focus{
    background: url(../images/shared/icons_elements.png) -308px -204px 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 */
    right:0;
}

.coursesetting-content .no-csp-notification-box {
    padding-right: 17px;
}


/*
    Modal tabs
*/
.docebo-modal-tabs {
    background: #f1f3f2;
}
.docebo-modal-tabs .nav-tabs {
    width: 200px;
    float: left;
    border-left: none;
    border-right: none;
    background: #f1f3f2;
    border-top: 1px solid #f1f3f2;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0;
}
.docebo-modal-tabs .nav-tabs > li {
    float: none;
    margin: 0;
    border-bottom: 1px solid #f1f3f2;
}
.docebo-modal-tabs .nav-tabs > li > 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;
}
.docebo-modal-tabs .nav-tabs > li > a:hover,
.docebo-modal-tabs .nav-tabs > li > a:focus {
    border: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    background: none;
    color: #333333;
}
.docebo-modal-tabs .nav-tabs > li.active {
    background-color: #333333;
}
.docebo-modal-tabs .nav-tabs > li.active > a {
    color: #f1f3f2;
    text-shadow: 1px 1px 0 #000000;
    background: none;
}
.docebo-modal-tabs .nav-tabs > li.active > a,
.docebo-modal-tabs .nav-tabs > li.active > a:hover,
.docebo-modal-tabs .nav-tabs > li.active > a:focus{
    background: none;
    border: 1px solid #ffffff;
    border-left: none;
    border-right: none;
}
.docebo-modal-tabs .nav-tabs > li.active > a:hover,
.docebo-modal-tabs .nav-tabs > li.active > a:focus {
    color: #f1f3f2;
}
.docebo-modal-tabs .nav-tabs > li > a > span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.docebo-modal-tabs .nav-tabs > li > a > span.active {
    display: none;
}
.docebo-modal-tabs .nav-tabs > li.active > a > span {
    display: none;
}
.docebo-modal-tabs .nav-tabs > li.active > a > span.active {
    display: inline-block;
}
.docebo-modal-tabs .tab-content {
    margin-left: 200px;
    background: #ffffff;
    padding-left: 20px;
}

/*
    Docebo Grid View Component
*/
.docebo-grid-view {
    margin: 0;
    padding: 0;
}
.custom-grid-link {
    font-weight: 700 !important;
    color: #5dbd5d !important;
    text-decoration: underline;
    text-transform: uppercase;
}
.grid-view table.items td.wrapped {
	word-break: break-all;
}

/* For now this is the App page redesign, but in the end it
    should be an abstract reusable style with sidebar/main content
    style similar to the one we have in Advanced Settings */
.sidebarred{
    position: relative;
    background: #f1f3f2;
    min-height: 300px;
}
.sidebarred .sidebar{
    float: left;
    width: 200px;
    left: 0;
    top: 0;
}
.sidebarred .sidebar h3{
    color: #333333 !important;
    background: #ffffff;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
}
.sidebarred .sidebar .ajaxloader{
    left: 26%;
}
.sidebarred .sidebar ul{
    border-top: 1px solid #f1f3f2;
    width: 200px;
    float: left;
    border-left: none;
    border-right: none;
    background: #f1f3f2;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0;
}
.sidebarred .sidebar ul li{
    float: none;
    margin: 0;
    border-bottom: 1px solid #f1f3f2;
}
.sidebarred .sidebar ul li a{
    color: #333333;
    text-shadow: 1px 1px 0 #ffffff;
    background: none;
    margin: 0;
    border-top: 1px solid #FFFFFF;
    border-right-style: none;
    border-bottom: 1px solid #FFFFFF;
    border-left-style: none;
    border-radius: 0;
    padding: 6px 10px 7px 48px;
    display: block;
}
.sidebarred .sidebar ul li a.active,
.sidebarred .sidebar ul li a:hover{
    background-color: #5FBF5F !important;
    color: #f1f3f2;
    text-shadow: 1px 1px 0 #000000;
}
.sidebarred .sidebar ul li a:hover{
    text-decoration: none;
}
.sidebarred .sidebar ul li a span,
.sidebarred .sidebar ul li a.three-dots span{
    /* The icon */
    position: absolute;
    left: 10px;
    margin-top: 1px;
    width: 28px;
    margin-right: 10px;
    background: url(../images/icons_elements.png) no-repeat -490px -231px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}
.sidebarred .sidebar ul li a.active span{

}
/* Icons available to be added as classes to the <a> (default .three-dots) */
.sidebarred .sidebar ul li a:hover span,
.sidebarred .sidebar ul li a.active span,
.sidebarred .sidebar ul li a.three-dots.active span{
    background-position: -453px -231px;
}
.sidebarred .sidebar ul li a.user span{
    background-position: -492px -205px;
}
.sidebarred .sidebar ul li a.user:hover span,
.sidebarred .sidebar ul li a.user.active span{
    background-position: -454px -205px;
}
.sidebarred .sidebar ul li a.users span{
    background-position: -287px -149px;
}
.sidebarred .sidebar ul li a.users:hover span,
.sidebarred .sidebar ul li a.users.active span{
    background-position: -321px -150px;
}
.sidebarred .sidebar ul li a.laptop span{
    background-position: -477px -179px;
}
.sidebarred .sidebar ul li a.laptop:hover span,
.sidebarred .sidebar ul li a.laptop.active span{
    background-position: -419px -204px;
}
.sidebarred .sidebar ul li a.gears span{
    background-position: -392px -230px;
}
.sidebarred .sidebar ul li a.gears:hover span,
.sidebarred .sidebar ul li a.gears.active span{
    background-position: -419px -230px;
}
.sidebarred .sidebar ul li a.lock span{
    background: url('../images/apps_menu_sprite.png') no-repeat;
    background-position:  -5px -116px;
}
.sidebarred .sidebar ul li a.lock:hover span,
.sidebarred .sidebar ul li a.lock.active span{
    background-position: -33px -116px;
}
.sidebarred .sidebar ul li a.tiles span{
    background: url('../images/apps_menu_sprite.png') no-repeat;
    background-position:  -4px -4px;
    width: 21px;
    height: 18px;
}
.sidebarred .sidebar ul li a.tiles:hover span,
.sidebarred .sidebar ul li a.tiles.active span{
    background-position: -33px -5px;
}
.sidebarred .sidebar ul li a.bullet-list span{
    background: url('../images/apps_menu_sprite.png') no-repeat;
    background-position:  -4px -34px;
    width: 28px;
    height: 18px;
}
.sidebarred .sidebar ul li a.bullet-list:hover span,
.sidebarred .sidebar ul li a.bullet-list.active span{
    background-position: -32px -34px;
}
.sidebarred .sidebar ul li a.chain span{
    background: url('../images/apps_menu_sprite.png') no-repeat;
    background-position:  -2px -60px;
    width: 28px;
    height: 18px;
}
.sidebarred .sidebar ul li a.chain:hover span,
.sidebarred .sidebar ul li a.chain.active span{
    background-position: -30px -60px;
}
.sidebarred .sidebar ul li a.webcam span{
    background: url('../images/apps_menu_sprite.png') no-repeat -5px -87px;
    width: 28px;
    height: 18px;
}
.sidebarred .sidebar ul li a.webcam:hover span,
.sidebarred .sidebar ul li a.webcam.active span{
    background-position: -33px -87px;
}
.sidebarred .sidebar ul li a.helpdesk span{
    background: url('../images/apps_menu_sprite.png') no-repeat;
    background-position:  -5px -145px;
    width: 28px;
    height: 18px;
}
.sidebarred .sidebar ul li a.helpdesk:hover span,
.sidebarred .sidebar ul li a.helpdesk.active span{
    background-position: -32px -145px;
}
.sidebarred .sidebar ul li a.ecs span{
    background: url('../images/apps_menu_sprite.png') no-repeat;
    background-position:  -5px -169px;
    width: 28px;
    height: 18px;
}
.sidebarred .sidebar ul li a.ecs:hover span,
.sidebarred .sidebar ul li a.ecs.active span{
    background-position: -32px -169px;
}
.sidebarred .main{
    overflow: visible;
    margin-left: 200px;
}
.sidebarred .main .tab-content{
    background: #ffffff;
    padding-left: 15px;
    min-height: 300px;
}
.sidebarred .main .ajaxloader{
    left: 45%;
}
.sidebarred .main h3.content-title{
    color: #333333 !important;
    background: #ffffff;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #f1f3f2;
}
.sidebarred .main .promoted-apps-header{
    color: #ff5c26;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 12px;
}
.sidebarred .promoted-app{
    margin-right: 5px;
    min-height:90px;
    border: 1px solid rgba(0,0,0,0.05);
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.sidebarred .promoted-app .premium-img{
    width: 70px;
    height: 70px;
    float: left;
    margin: auto 10px;
    border: 1px solid rgba(0,0,0,0.05);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.sidebarred .promoted-app .badge-img{
    position: absolute;
    right: 0;
    top:0;
    display: block;
    background: transparent;
}
.sidebarred .promoted-app h2{
    color: #ff5c26;
    font-size: 13px;
    padding-bottom: 5px;
    padding-right: 20px;
}
.sidebarred .promoted-app .descr{
    font-size: 12px;
    padding-right: 10px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebarred .promoted-app h2,
.sidebarred .promoted-app .descr,
.sidebarred .promoted-app .more{
    /* Make room for the image */
    margin-left: 90px;
}
.sidebarred .promoted-app .more{
    text-decoration: underline;
    font-weight: bold;
}
.sidebarred .main h3.cover-title{
    color: #333333 !important;
    background: #ffffff;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 35px;
}
.myapps-search .filters-wrapper{
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
}
.myapps-search .inner-filter{
    background: #f1f3f2;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 12px 18px;
}
.myapps-search .inner-filter .radio-container,
.myapps-search .inner-filter label{
    display: inline;
    padding-top: 5px;
}

.myapps-search .inner-filter .radio-buttons {
    padding-top: 5px;
}


.myapps-search .inner-filter .search-wrapper{
    border: 1px solid whitesmoke;
    background-color: white;
    width: 178px;
    height: 30px;
}

.myapps-search .inner-filter .search-wrapper input{
    border: none;
    width: 120px;
}

.myapps-search .inner-filter .search-wrapper input:focus{
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.myapps-search .inner-filter .search-wrapper span.search-icon{
    position: relative;
    width: 18px;
    height: 19px;
    right: 0px;
    top: 4px;
    background: url(../images/icons_elements.png) -119px -110px no-repeat;
    display: inline-block;
}

.search-wrapper span.search-clear-icon{
    position: relative;
    width: 18px;
    height: 19px;
    right: 0;
    top: 2px;
    background: url(../images/icons_elements.png) -194px -128px no-repeat;
    display: inline-block;
}
.myapps-search .inner-filter .span3{
}
.single-app-holder{
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e6e5;
}

.single-app-holder .available-plan-warning { padding-top: 3px; }
.single-app-holder .available-plan-warning .fa { color: orange; }
.single-app-holder .available-plan-warning .plan-name { font-weight: bold;}
.single-app-holder .app-title { color: #0465ac;}


.single-app-holder h4{
    margin-bottom: 5px;
}
.single-app-holder h4 a{
    color: #000;
    font-size: 17px;
    text-decoration: none;
}
.single-app-holder .description{
    font-size: 12px;
    margin:0 250px 0 0;
}
.single-app-holder .installed-app-action{
    margin-top: 5px;
    margin-right: 10px;
}
.single-app-holder .configure,
.single-app-holder .remove{
    font-size: 12px;
    text-decoration: none;
}
.single-app-holder .configure{
    color: #333333;
}
.single-app-holder .remove{
    color: #d80000;
}
.single-app-holder .remove:hover{
    text-decoration: none;
}

.single-app-holder .free{
    margin-top: 5px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #0465ac;
}
.single-app-holder .paid,
.single-app-holder .trial{
    margin-right: 10px;
    font-size: 12px;
    line-height:1;
    text-align: right;
}
.single-app-holder .trial{
    line-height: 1.3;
}
.single-app-holder .paid b{
    font-size: 16px;
    font-weight: 600;
}
.single-app-holder .btn-docebo{
    min-width: 100px;
    text-align: center;
}
.single-app-holder .expire-date{
    text-align: right;
}

.app-details-dialog{
    margin-left: 10px;
    margin-right: 10px;
}
.app-details-dialog .thumb-area{
    width: 180px;
    margin-right: 20px;
}
.app-details-dialog .app-title{
    font-size: 18px;
    font-weight: 600;
    color: #0465ac;
    margin-bottom: 15px;
}
.app-details-dialog .price-holder,
.app-details-dialog .app-image{
    max-width: 180px;
}
.app-details-dialog .app-image{
    margin-bottom: 35px;
}
.app-details-dialog .payment-cycle{
    font-size: 13px;
}
.app-details-dialog .price-holder{
    border: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    text-align: center;
}
.app-details-dialog .price-holder .price{
    font-size: 20px;
    font-weight: 600;
    color: #52ab52;
}

.app-details-dialog .price-holder .free-with-plan,
.app-details-dialog .price-holder .wirecard-notice{
    font-size: 15px;
    margin-bottom: 0;
    padding-left: 6px;
    padding-right: 6px;
}
.app-details-dialog .price-holder .free-with-plan span,
.app-details-dialog .price-holder .wirecard-notice span{
    color: #0465ac;
    font-weight: bold;
}

.app-details-dialog .price-holder .dimmed,
.app-details-dialog .price-holder .dimmed span{
    color: #999999;
    margin:0;
}
.app-details-dialog .price-holder .free-trial-days{
    color: #ff4000;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
}
.app-details-dialog .contact-us-btn-area{
    margin-top: 30px;
}

.app-details-dialog .description-holder{
    margin-left: 210px;
}
.app-details-dialog .app-description-header{
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
}
.app-details-dialog .app-description{
    font-size: 13px;
}
.app-details-dialog .enterprise .app-description .smaller-height-hack{
    display: inline-block;
}
.app-details-dialog .enterprise .app-description h4{
    font-size: 15px;
    margin-top: 10px;
}
.app-details-dialog .enterprise .app-description .features{
    margin-top: 15px;
    margin-bottom: 15px;
}
.app-details-dialog .enterprise .app-description .features li{
    position: relative;
    margin-left: 25px;
    margin-bottom: 5px;
}
.app-details-dialog .enterprise .app-description .features li span{
    background: url('../images/menu/check.png') no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -25px;
    top: 3px;
    display: block;
}
.app-details-dialog .enterprise-pending{
    border: 2px solid #53ab53;
    padding: 10px;
}
.app-details-dialog .enterprise-pending .green-check{
    margin-right: 10px;
}
#dialog-app-detail .app-details-dialog .enterprise-pending h3{
    color: #53ab53;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
#dialog-app-detail .app-details-dialog .enterprise-pending p{
    margin:0;
}
.app-details-dialog .cloud-enterprise-warning{
    border: 2px solid #e67e22;
    padding: 10px;
    margin-bottom: 20px;
}
.app-details-dialog .cloud-enterprise-warning h4{
    color: #e67e22;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.app-details-dialog .cloud-enterprise-warning img.warning{
    margin-right: 10px;
}
.app-details-dialog .cloud-enterprise-warning .warning-text{
    margin-left: 55px;
}
.app-details-dialog .description-with-link a {
    color: #0465AA;
}

.app-details-dialog .discover-more{
    border: 1px solid #e4e6e5;
    padding: 10px;
    text-align: center;
}

.app-details-dialog .discover-more .dimmed{
    color: #b4bbc5;
}

.app-details-dialog .discover-more .dimmed .price{
    font-size: large;
}

.app-details-dialog .discover-more .free-trial-days{
    color: orange;
    font-weight: bold;
}

.app-details-dialog .discover-more .wirecard-notice span{
    color: #0465ac;
    font-weight: bolder;
}

.app-details .trial-to-plan-explanation .fa {
	color: orange;
}

.app-details .trial-to-plan-explanation {
	padding: 10px;
	border: 1px solid #eee;
}

.app-details .trial-to-plan-explanation .button-cell {
	padding-top: 4px;
}


.app-details .trial-to-plan-explanation .exclamation-icon {
	padding-top: 15px;
}

.app-details .trial-to-plan-explanation .explanation-text {
	padding-top: 7px;
	padding-left: 30px;
}

.app-details .trial-to-plan-explanation a.contact-us {
	color: #0465ac;
	font-weight: bold;
}


.enterprise-tos{
    margin-left: 15px;
    margin-right: 20px;
}
.myapps-empty{
    width: 100%;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #D4D6D5;
    border-bottom: 1px solid #D4D6D5;
}
.errorMessage,
.error{
    padding-bottom: 2px;
    padding-top: 2px;
    color: #b54b4b;
    font-weight: 700;
}

.title-bold.back-button > span {
    vertical-align: bottom;
}

.title-bold.back-button a {
    background: url(../images/back-arrow-icon.jpg) #333333 no-repeat 0 center;
    font-weight: 800;
    font-size: 11px;
    color: #ffffff;
    padding: 2px 7px 3px 12px;
    margin-right: 5px;
    text-transform: uppercase;
    text-shadow: none;
}

.player-layout-preview{
    background: url('../images/player/tm_views_sprite.png');
}
.player-layout-preview.player{
    width: 100%;
    padding-top: 63%;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.player-layout-preview.navigator{
    width: 100%;
    padding-top: 63%;
    background-size: cover;
    background-position: 0 100%;
    background-repeat: no-repeat;
}
.player-layout-preview.listview{
    width: 100%;
    padding-top: 63%;
    background-size: cover;
    background-position: 0 38.3%;
    background-repeat: no-repeat;
}

.player-listview .play-lo {
    cursor: pointer;
}

.player-listview .lo-content{
    font-size: 16px;
    font-weight: 600;
    padding-top: 5px;
}

.player-listview .single-lo{
    border-top: 1px solid #dadada;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    margin-bottom: 1px;
}
.player-listview .single-lo:hover{
    background: #f1f3f2;
}
.player-listview .single-lo:last-of-type{
    border-bottom: 1px solid #ccc;
}

.player-listview .single-lo > div.pull-left > p {
    font-size: 12px;
    line-height: 13px;
    color: #666;
}

.player-listview .lo-thumb{
    margin-right: 15px;
    width: auto;
    height: 50px;
    margin-top: 4px;
}
.player-listview .status-icon{
    margin-right: 10px;
    min-width: 25px;
    text-align: center;
}

#player-arena-uploader .nav-tabs{
    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;
}
#player-arena-uploader .nav-tabs li{
    float: none;
}
#player-arena-uploader .nav-tabs > .active > a,
#player-arena-uploader .nav-tabs > .active > a:hover,
#player-arena-uploader .nav-tabs > .active > a:focus {
    background: none;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: none;
    border-right: none;
}
#player-arena-uploader .nav-tabs > li > a:hover, #player-arena-uploader .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;
}

#player-arena-uploader .nav-tabs > .active > a:hover,
#player-arena-uploader .nav-tabs > .active > a:focus {
    color: #f1f3f2;
}
#player-arena-uploader .nav-tabs > li > a:hover, #player-arena-uploader .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;
}

#player-uploader-wrapper{
    margin-left: 10px;
    min-height: 200px;
}

#player-arena-uploader .nav-tabs > .active > a:hover,
#player-arena-uploader .nav-tabs > .active > a:focus {
    color: #f1f3f2;
}
#player-arena-uploader .nav-tabs > li > a {
    color: #333333;
    text-shadow: 1px 1px 0 #ffffff;
    background: none;
    margin: 0;
    border-top: 1px solid #FFFFFF;
    border-right-style: none;
    border-bottom: 1px solid #FFFFFF;
    border-left-style: none;
    border-radius: 0;
    padding: 6px 10px 7px;
    display: block;
}

#player-arena-uploader .nav-tabs > li.active a,
#player-arena-uploader .nav-tabs > li a:hover {
    color: #f1f3f2;
    text-shadow: 1px 1px 0 #000000;
    background: none;
}
#player-arena-uploader .nav-tabs > li.active,
#player-arena-uploader .nav-tabs > li:has(a.active) {
    background: #333333;
}

#player-arena-uploader  #lo-video-subtitles {
    margin-top: -20px;
}

#player-arena-uploader .assign-vtt-file-notes a,
#player-centralrepo-uploader .assign-vtt-file-notes a {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
	position: relative;
	z-index: 1011;
}

#player-arena-uploader .assign-vtt-file-notes,
#player-centralrepo-uploader .assign-vtt-file-notes {
    font-size: 11px;
}

#player-arena-uploader .assign-vtt-file-title,
#player-centralrepo-uploader .assign-vtt-file-title {
    text-align: right;
}

#player-arena-uploader #pickfiles2,
#player-centralrepo-uploader #pickfiles2 {
    margin-top: 5px;
}

.hr#player-arena-uploader-panel #player-arena-uploader #pickfiles2,
.fr#player-arena-uploader-panel #player-arena-uploader #pickfiles2,
.de#player-arena-uploader-panel #player-arena-uploader #pickfiles2,
.el#player-arena-uploader-panel #player-arena-uploader #pickfiles2,
.pt#player-arena-uploader-panel #player-arena-uploader #pickfiles2,
.pt-br#player-arena-uploader-panel #player-arena-uploader #pickfiles2,
.es#player-arena-uploader-panel #player-arena-uploader #pickfiles2 {
    font-size: 12px;
}

.hu#player-arena-uploader-panel #player-arena-uploader #pickfiles2 {
    font-size: 11px;
}

#player-arena-uploader #LearningVideoSubtitles_lang_code,
#player-centralrepo-uploader #LearningVideoSubtitles_lang_code {
    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;
    border-radius: 0;
    margin-top: 5px;
    margin-bottom: 15px;
}

#player-arena-uploader .tooltip-text {
    text-transform: none!important;
    font-weight: normal;
}

#player-arena-uploader .tooltip-red-text {
    color: #D34C3D;
    text-transform: none!important;
    font-weight: normal;
}

#player-arena-uploader .subtitles-list {
    overflow-y: auto;
    max-height: 320px;
    margin-bottom: 20px;
}

#player-arena-uploader .subtitles-list-row .fa-times {
    font-size: 20px;
    color: red;
}

#player-arena-uploader .subtitles-list-row .fa-check-circle-o {
    color: #999;
    font-size: 18px;
    cursor: pointer;
}

#player-arena-uploader .subtitles-list-titles .fa-question-circle {
    font-size: 15px;
}

#player-arena-uploader .subtitles-list-row .subtitle-set-fallback {
    text-align: center;
}

#player-arena-uploader .subtitles-list-row .subtitle-delete {
    text-align: right;
}

#player-arena-uploader .subtitles-list-row .subtitle-language-text {
    text-transform: capitalize;
    padding-left: 10px;
}

#player-arena-uploader .subtitles-list-row .green-text {
    color: #52ab52!important;
}

#player-arena-uploader .subtitles-list-row {
    padding-top: 10px;
}

#player-arena-uploader .subtitles-list-row,
#player-arena-uploader .subtitles-list-titles {
    border-bottom: 1px solid #ccc;
}

#player-arena-uploader .subtitles-list-titles div {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.sub-delete-modal label {
    display: inline-block;
    padding-left: 10px;
}

#lo-additional-information{
    padding-left: 15px;
    min-height: 400px;
}
#lo-additional-information .grey-info{
    background: #EEF3FA;
    padding: 10px;
    position: relative;
    overflow:visible;
}
#lo-additional-information .bootstro-thumb{
    position: absolute;
}
#lo-additional-information .thumb-holder{
    padding: 15px;
    background: #fff;
    border: 1px solid #ccc;
    overflow: visible;
}
#lo-additional-information .thumb-holder .thumb{
    background: url(../images/icons_elements.png) -522px -180px no-repeat;
    width: 22px;
    height: 17px;
}
#lo-additional-information .sample-lo-info{
    margin-left: 10px;
    position: relative;
    font-size: 10px;
}
.ar.authoring_wrap #lo-additional-information .sample-lo-info,
.he.authoring_wrap #lo-additional-information .sample-lo-info,
.fa.authoring_wrap #lo-additional-information .sample-lo-info {
    margin-right: 8px;
}
#lo-additional-information .sample-lo-info .title{
    font-size: 12px;
    font-weight: bold;
}
#lo-additional-information .sample-status{
    margin-top: 15px;
}
#lo-additional-information #bootstroListViewDescr,
#lo-additional-information #bootstroPlayerListViewThumb{
    position: absolute;
    font-family: 'Handlee', cursive;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    padding: 0;
}
#lo-additional-information #bootstroPlayerListViewThumb{
    top: 100%;
    left: 75px;
}
.ar.authoring_wrap #lo-additional-information #bootstroPlayerListViewThumb,
.he.authoring_wrap #lo-additional-information #bootstroPlayerListViewThumb,
.fa.authoring_wrap #lo-additional-information #bootstroPlayerListViewThumb {
    top: 78px;
    right: 70px;
    left: auto;
}
#lo-additional-information #bootstroListViewDescr{
    right: -240px;
    top: 20px;
    min-width: 200px;
}
.ar.authoring_wrap #lo-additional-information #bootstroListViewDescr,
.he.authoring_wrap #lo-additional-information #bootstroListViewDescr,
.fa.authoring_wrap #lo-additional-information #bootstroListViewDescr {
    right: 48px;
    top: 18px;
}
#lo-additional-information #bootstroListViewDescr .arrow,
#lo-additional-information #bootstroPlayerListViewThumb .arrow{
    background: url('../images/player/tm_views_sprite.png') no-repeat;
}
#lo-additional-information #bootstroListViewDescr .arrow{
    background-position: -2px -244px;
    width: 36px;
    height: 21px;
    position: absolute;
    left: -30px;
    top: 5px;
}
.ar.authoring_wrap #lo-additional-information #bootstroListViewDescr .arrow,
.he.authoring_wrap #lo-additional-information #bootstroListViewDescr .arrow,
.fa.authoring_wrap #lo-additional-information #bootstroListViewDescr .arrow {
    left: 153px;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#lo-additional-information #bootstroPlayerListViewThumb .arrow{
    background-position: -2px -212px;
    width: 32px;
    height: 29px;
    position: absolute;
    left: -40px;
    top: -20px;
}
.ar.authoring_wrap #lo-additional-information #bootstroPlayerListViewThumb .arrow,
.he.authoring_wrap #lo-additional-information #bootstroPlayerListViewThumb .arrow,
.fa.authoring_wrap #lo-additional-information #bootstroPlayerListViewThumb .arrow {
    left: 105px;
    top: -18px;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.he.authoring_wrap #lo-additional-information #bootstroPlayerListViewThumb .arrow {
    left: 100px;
}
.fa.authoring_wrap #lo-additional-information #bootstroPlayerListViewThumb .arrow {
    left: 118px;
}
#lo-additional-information .loSlider .nav-tabs{
    width: 120px;
}

/********************  VIDEO SUBTITLES BEGIN **************************/
#lo-video-subtitles {
	min-height: 400px;
}
/********************  VIDEO SUBTITLES END **************************/



.loSlider .thumbnails-carousel .carousel-inner .item .sub-item {
    height: 46px;
    width: 88px;
    box-sizing: border-box;
}

.loSlider .thumbnails-carousel.rectangular .carousel-inner .item .sub-item img {
    clip: rect(0,88px,46px,0);
    position: absolute;
}

.loSlider .carousel{
    overflow: hidden;
}
.loSlider .thumbnails-carousel .carousel-inner{
    width: 560px;
}
.loSlider .upload-form-wrapper {
    border-bottom: 1px solid #e4e6e5;
    border-top: 1px solid #e4e6e5;
    margin-bottom: 15px;
}
.loSlider .upload-form{
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    background: #f1f3f2;
    padding: 7px 17px;
}
.loSlider .fileUploadContent{
    overflow: hidden;
}
.loSlider .fileUploadContent label{
    float: left;
    cursor: text;
    margin: 7px 22px 0 0;
}
.loSlider .select-user-form-wrapper{
    margin-left: 130px;
}
.dynatree-listview {
    background: #f5f5f5;
}
.listview-folder-tree li{
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.listview-folder-tree li.opened > .foldername{
    font-weight: bold;
}

/** Source: base.css *************************************************************************************************/


/*
 Colors
 ----------------------
 border: #E4E6E5
 background: #F1F3F2
 blue: #0465AC;
 text: #333333
 border: #E4E6E5
*/

/** Resets **/

html {
    margin: 0;
    padding: 0;
    min-height: 100%;
}

body {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    background: #ffffff;
    overflow-y: scroll;
    font-size:13px;
    line-height: 18px;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body.overflow-hide {
    overflow-y: hidden !important;
}

.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;
}


.container .container{width:auto;}

.modal.login .saml-login-icon a {
    width: 24px;
    height: 24px;
    display: block;
    margin-top: 21px;
}

a {
    color:#333333;
    text-decoration: none;
}

a:hover {
    color:#333333;
    text-decoration:underline;
}
a:focus {
    text-decoration:none;
    outline:none;
    color:#333333;
}

a.no-background:hover {
    background: inherit;
}

a.nolink { cursor: default;}
a.nolink:hover { text-decoration: none; }

.classic-link {
    color: #0465AC;
    text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
    color: #0465AC;
    margin: 0;
}

.striked {
    text-decoration: line-through;
}
.title-bold {
    color: #333;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}

h1 {
    font-size: 30px;
    line-height: 1em;
}

h2 {
    font-size: 23px;
    line-height: 1em;
}

h3 {
    font-size: 19px;
    line-height: 1em;
}

h4 {
    font-size: 17px;
    line-height: 1em;
}

h5 {
    font-size: 15px;
    line-height: 1em;
}

h6 {
    font-size: 13px;
    line-height: 1em;
}

form {
    margin: 0;
}

ul, ol {
    list-style-type: none;
    margin: 0;
}

label, input, button, select, textarea {
    font-size: 12px;
}

.well {
    background-color: #f1f3f2;
    border-bottom: 1px solid #fefefe;
    border-top: 1px solid #fefefe;
    border-left: none;
    border-right: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px;
    margin-bottom: 10px;
}
.well > * { margin: 0; }

.well .hr {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #FFF;
    margin: 10px 0;
}

/** Header **/

/*
.trial-timer-icon-white   {
    display: inline-block;
    *display: inline;
    zoom:1;
    line-height: 23px;
}
*/

.icon-trial-timer-white  {
    display: inline-block;
    *display: inline;
    zoom:1;
    width: 17px;
    height: 19px;
    line-height: 23px;
    background: url(../images/icon_timer_white_noshadow.png) no-repeat;

}


.cart-green  {
    display: inline-block;
    *display: inline;
    zoom:1;
    width: 25px;
    height: 23px;
    line-height: 23px;
    background: url(../images/menu/icon-green-cart.png) 50% 0 no-repeat;
}

.header-logo img{
    max-height: 60px;
    margin-top: 12px;
}

#header{margin:0;}

#header.anonymous{
    background-color:#0465AC;
}

.header-logo-line {
    position: relative;
    margin-bottom: 12px;
}
.header-logo-line .logout-holder{
    margin-left: 25px; margin-top: 12px;
}
.logout{}
.logout > a{
    margin-top:3px;
    font-size: 13px;
    line-height: 22px;
    padding: 4px 8px;
    color: #333333;
    text-decoration: none;
    text-align: right;
    text-shadow: 0 1px 0 #FFFFFF;
    display: inline-block;
}
.logout > a:hover{text-decoration:none;background:#F5F5F5;}
.logout .logout-black {vertical-align:bottom;}

.shopping-cart{line-height:18px;font-size:13px; margin-top: 12px;}
.shopping-cart .cart-green {vertical-align:baseline;padding-right:6px;}
.shopping-cart  > span {
    display: inline-block;
}

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

.trial-timer {
    display: inline-block;
    margin-top: -12px;
}

.trial-timer .timer-icon,
.trial-timer .timer-text,
.trial-timer .timer-links    {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
}

.trial-timer .timer-icon {
    background-color: #FF7F00;
    height: 52px;
    padding-left: 8px;
    padding-right: 8px;
}

.trial-timer .timer-text {
    white-space: nowrap;
    margin-right:6px;
    text-align: right;
}

.trial-timer .timer-links {
    padding-bottom: 10px;
    white-space: nowrap;
    margin-left:6px;
}


.trial-timer .timer-links .buy-now {
    color: #6BBF6B;
    font-weight: 600;
}


.trial-timer .timer-text.two-lines,
.trial-timer .timer-links.two-lines {
    padding-bottom: 0px;
}

.trial-timer .days {
    color: #FF7F00;
    font-size: 16px;
}

.trial-timer a  {
    text-decoration: none;
}

.trial-timer .icon-trial-timer-white {
    margin-top: 26px;
}

.users-info .users-info-icon,
.users-info .users-info-text,
.users-info .users-info-links    {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
}

.users-info .users-info-icon {
    background-color: #5FBF5F;
    height: 52px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}

.users-info .users-info-icon.in-grace {
    background-color: red !important;
    cursor: pointer;
}

.users-info .users-info-icon.in-expiration {
    background-color: #e67f22 !important;
    cursor: pointer;
}

.users-info a.t {
    position: relative;
    left: 22px;
}

.users-info .users-info-text {
    padding-bottom: 0px;
    white-space: nowrap;
    margin-right:6px;
    text-align: right;
    font-weight: 600;
}

.users-info .users-info-text .active,
.users-info .users-info-text .bought {
    font-size: 16px;
}

.users-info .users-info-text .active {
}
.users-info .users-info-text .bought {
    color: #5FBF5F;
}


.users-info .users-info-links {
    padding-bottom: 0px;
    white-space: nowrap;
    margin-left:6px;
}


.users-info .users-info-links .buy-now {
    color: #6BBF6B;
    font-weight: 600;
}


.users-info .days {
    color: #FF7F00;
    font-size: 16px;
}

.users-info a  {
    text-decoration: none;
}

.users-info .people-mini-white {
    display: block;
    margin-top: 26px;
}
.users-info .solid-exclam-mini-white {
    margin-top: 5px;
}
.solid-exclam-mini-white + .people-mini-white{
    margin-top: 5px;
}

.users-info .popover a {
    color: #0465AC;
    text-decoration: underline;
}

.users-info .popover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.users-info .bottom .arrow {
    left: 47%;
}




/** Breadcrumbs **/

.docebo .breadcrumb {
    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;
}
.docebo .breadcrumb .icon-home {
    background: url('../images/breadcrumbsHome.png') 0 0 no-repeat;
    width: 17px;
    height: 16px;
}
.docebo .breadcrumb > li > .divider {
    color:#333333;
    font-weight:bold;
}

.breadcrumb>li>a
{
    text-decoration: underline;
}

/** Back-link **/

a.docebo-back{
    position: relative;
    background: #333333;
    font-weight: 800;
    font-size: 11px;
    color: #ffffff;
    text-shadow: none;
    text-transform: uppercase;
    padding: 0 6px;
    height: 20px;
    line-height: 19px;
    margin: 0 6px 0 6px;
    vertical-align: middle;
    display: inline-block;
    *display:inline;
    zoom: 1;
}

a.docebo-back span{}

a.docebo-back:before {
    position: absolute;
    top: 0px;
    left: -6px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-right: 6px solid #333333;
    border-bottom: 10px solid transparent;
    content: '';
}

/* Button */

.btn-docebo{font-size:13px;;padding:1px 6px;text-shadow:none;border:0px none;line-height: 16px;cursor:pointer;
			text-transform: uppercase;
			border-radius: 0px !important;
			webkit-border-radius: 0px !important;
			-moz-border-radius: 0px !important;}
.btn-docebo.grey{background:#666666;color:#ffffff;text-align:center;}
.btn-docebo.light-grey{background:#F1F3F2;color:#333333;text-align:center;}
.btn-docebo.green{font-size:12px;background:#5FBF5F;color:#ffffff;text-shadow:0 1px 0 #4EAE4F;}
.btn-docebo.black{font-size:12px;background:#333333;color:#ffffff;text-shadow:0 1px 0 #333333}
.btn-docebo.red{font-size:12px;background:#d90000;color:#ffffff;}
.btn-docebo.blue{font-size:12px;background:#0465AC;color:#ffffff;}
.btn-docebo.orange{font-size:12px;background:#ff5c26;color:#ffffff;}

.btn-docebo:hover{text-decoration:none;}
.btn-docebo.grey:hover{background: #EBEDEC;color:#ffffff;text-shadow: none;}
.btn-docebo.light-grey:hover{background: #EBEDEC;color:#333333;text-shadow: none;}
.btn-docebo.green:hover{background: #6FCF6F;text-shadow: none;}
.btn-docebo.black:hover{background:#444444;}

.btn-docebo.big{padding: 6px 12px;font-weight: 600;font-size: 13px;vertical-align:middle;display:inline-block;*display:inline;zoom:1;}
.btn-docebo.verybig{padding: 10px 20px;font-weight: 600;font-size: 13px;vertical-align:middle;display:inline-block;*display:inline;zoom:1;}
.btn-docebo.full{display:block;padding:5px;}
.btn-docebo.bigpadding{padding: 10px 20px;}

.btn-docebo.green .caret,
.btn-docebo.black .caret,
.btn-docebo.blue .caret,
.btn-docebo.red .caret {border-top-color:#ffffff;border-bottom-color:#ffffff;}

.btn-group.open .btn-docebo.blue.dropdown-toggle,
.btn-group.open .btn-docebo.red.dropdown-toggle,
.btn-group.open .btn-docebo.black.dropdown-toggle,
.btn-group.open .btn-docebo.green.dropdown-toggle
{
    background-color: #0465AC;
}


.btn-docebo.disabled{
    background:#E4E6E5 !important;
    color:#999999 !important;
    text-shadow: none !important;
    cursor: default;
}
.btn-docebo.green.disabled{
    background: #cbe6cb !important;
    color: #ffffff !important;
}

.contentPrice .btn-docebo.black {
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}

/* Form commands */

.docebo-form{}
.docebo-form .control-container{

}
.docebo-form .control-container .control-group{
    margin:0;
    padding:20px;
    overflow: auto;
}
.docebo-form .control-container.odd{
    border-top: 1px solid #E4E6E5;
    border-bottom: 1px solid #E4E6E5;
}
.docebo-form .control-container.odd .control-group{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: #f1f3f2;
}

.docebo-form.form-horizontal .controls .controls-infobox{
    display: inline-block;
    margin-left: 10px;
    margin-top: -1px;
    float: left;
}

#EcommerceAppSettingsForm_stripe_sandbox-styler,
#EcommerceAppSettingsForm_stripe_v2_sandbox-styler{
    float: left;
}
#EcommerceAppSettingsForm_stripe_alipay_enabled-styler{
	float: left;
}

.docebo-form.form-horizontal .controls .controls-infobox span{
    display: block;
}

.docebo-form.form-horizontal .controls .controls-infobox span.muted{
    font-size: 11px;
    margin-bottom: 12px;
}

.docebo-form.form-horizontal .secondary-controls{
    clear: both;
    margin-left: 180px;
}

.docebo-form.form-horizontal .secondary-controls .secondary-item {
    margin-top: 12px;
}

.docebo-form.form-horizontal .secondary-controls .secondary-item label{
    font-weight: normal;
    float: none;
    margin-bottom: 2px;
}

.docebo-form.form-horizontal .control-label,
.docebo-form.form-horizontal .control-label label{
    text-align:left;
    font-weight:600;
    font-size:14px;
}
.docebo-form.form-horizontal.light .control-label,
.docebo-form.form-horizontal.light .control-label label{
    font-weight: normal;
    padding-top: 0;
}

.docebo-form.form-horizontal.light .controls label{
    display: inline;
}

.docebo-form.form-horizontal .control-label .description{
    margin-top: 5px;
    font-size: 11px;
    color: #666666;
    font-weight: 600;
}

.docebo-form .help-block {
    margin-top: 5px;
    font-size: 11px;
    color: #666666;
}
.docebo-form input+.help-block, .docebo-form select+.help-block, .docebo-form textarea+.help-block, .docebo-form .uneditable-input+.help-block, .docebo-form .input-prepend+.help-block, .docebo-form .input-append+.help-block{
    margin-top: 5px;
    margin-bottom: 10px;
}

.docebo-form .radio, .docebo-form .checkbox{
    margin-bottom:10px;
}

.docebo-form .form-suboption{
    margin-top:16px;
    padding-left:20px;
    margin-bottom:10px;
}
.docebo-form label.error {
    color: #d90000;
}
.docebo-form .form-actions {
    padding: 16px 0;
    border-top: 1px solid #E4E6E5;
    text-align: right;
    background-color: transparent;
}


/* formstyler.css override */
span.jq-radio{
    margin-right: 2px;
    margin-left: 5px;
    background: url(../images/icons_elements.png) -140px -38px no-repeat;
    border: none;
    border-radius:0;
    box-shadow:none;
    height: 19px;
    width: 19px;
}
span.jq-radio.focused,
span.jq-checkbox.focused{
    border:none;
}
span.jq-radio.checked{
    background-position: -119px -38px;
}
span.jq-radio.checked span,
span.jq-radio > span,
span.jq-checkbox.checked span,
span.jq-checkbox > span{
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
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 {
    background-position: -189px -201px;
}
.radio span.jq-radio,
.checkbox span.jq-checkbox {
    margin-left: -20px;
    margin-right: 6px;
}

#report-wizard-step-4-form span.jq-checkbox {
    float: left;
}

#report-wizard-step-4-form label.checkbox {
    min-height: 23px;
}

.grid-search-form {}
.grid-search-form .input-wrapper { position: relative; }
.grid-search-form .input-wrapper > span:not(.twitter-typeahead) {
    position: absolute;
    right: 10px;
    top: 7px;
}

/*scroll*/

.modal div.jspVerticalBar{
    width: 5px;
}
.modal div.jspHorizontalBar{
    height: 5px;
}
.modal div.jspContainer {
    overflow: hidden;
}
div.jspHorizontalBar{
    height: 8px;
    background: #f1f3f2;
}
div.jspVerticalBar{
    width: 8px;
}
div.jspTrack{
    background: #f1f3f2;
}
div.jspDrag{
    background: #333333;
}

label, input, button, select, textarea{
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;

    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.odd textarea,
.odd input[type="text"],
.odd input[type="password"],
.odd input[type="datetime"],
.odd input[type="datetime-local"],
.odd input[type="date"],
.odd input[type="month"],
.odd input[type="time"],
.odd input[type="week"],
.odd input[type="number"],
.odd input[type="email"],
.odd input[type="url"],
.odd input[type="search"],
.odd input[type="tel"],
.odd input[type="color"]{
    background:#FFFFFF;
}

.inline-label label{
    display: inline;
    margin:0 6px;
}

/* upload process */
.upload-progress {display:none;}

#scorm-2004-prerequisite-converter-info,
#scorm-2004prerequisite-enforce-info{
    margin-bottom: 50px;
}
#scorm-2004-prerequisite-converter-info label,
#scorm-2004prerequisite-enforce-info label{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    position: absolute;
    margin-top: 0;
    margin-right: 0;
}

#scorm-has-flash-content .warning-text span {
    font-weight: bold;
    margin-right: 5px;
    text-transform: uppercase;
}

#scorm-non-linear-sequencing, #scorm-has-flash-content {
    margin-bottom: 30px;
}

#scorm-has-flash-content {
    height: 70px;
}

.uploaded-fileinfo{font-style: italic;font-size:12px;word-wrap: break-word;}
.uploaded-filename{font-weight:700;}

.docebo-progress{
    height:12px;
    margin-top:4px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}
#player-uploaded-cancel-upload {text-shadow:none;}

#upload-stuff-message {
    padding: 10px 0;
}

#upload-stuff-message > img {
    padding-bottom: 15px;
}

#upload-stuff-message .uploading-message,
#upload-stuff-message .uploading-image {
    width: 48%;
}

#upload-stuff-message .uploading-message {
    float: left;
}

#upload-stuff-message .uploading-image {
    float: right;
    padding-bottom: 8px;
}

#upload-stuff-message .uploading-message > div {
    margin-top: 25%;
    margin-left: 40px;
}



.additional-fields-progress  {
    height:12px;
    margin-top:1px;
}

.additional-fields a#disabled-upload-package-button [id^="pickfiles"] {
    padding: 6px;
}

.additional-fields [id^="pluploader-container"] {
    padding-top: 6px;
}


.additional-fields .fieldupload-edituser {
    width: 296px;
}


.register-fields a#disabled-upload-package-button [id^="pickfiles"] {
    padding: 6px;
}

.register-fields [id^="pluploader-container"] {
    padding-top: 6px;
}


/* Dropdown from bootstrap*/

.dropdown-docebo .btn-group{
    margin-left:10px;
}

.dropdown-docebo .dropdown-menu {
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding:5px 0;
    text-align: left;
}

.dropdown-docebo.btn-group.open .btn.dropdown-toggle{
    background: transparent;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.dropdown-docebo .btn-group>.btn,
.dropdown-docebo .btn-group>.dropdown-menu,
.dropdown-docebo .btn-group>.popover{
    top:80%;
    font-size:13px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding:0;
    border:1px solid #E4E6E5;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
}

.dropdown-docebo .dropdown-menu:before {
    position: absolute;
    top: -11px;
    right: 8px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    content: '';
}

.dropdown-docebo .dropdown-menu:after {
    position: absolute;
    top: -10px;
    right: 9px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}


.dropdown-docebo .dropdown-menu.little:before {
    position: absolute;
    top: -9px;
    right: 3px;
    display: inline-block;
    border-right: 5px solid transparent;
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 5px solid transparent;
    content: '';
}

.dropdown-docebo .dropdown-menu.little:after {
    position: absolute;
    top: -8px;
    right: 4px;
    display: inline-block;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 4px solid transparent;
    content: '';
}

.dropdown-docebo .dropdown-menu>li>a{
    padding:4px 12px;
    font-weight: normal;
    font-size:13px;
}
.dropdown-docebo .dropdown-menu>li>a:hover{
    text-shadow: none;
}

.dropdown-docebo .dropdown-menu>li>a span.i-sprite,
.dropdown-docebo .dropdown-menu>li>a span.p-sprite{
    margin:0 2px 0 0;
}

.dropdown-docebo .dropdown-menu>li>a:hover,
.dropdown-docebo .dropdown-menu>li>a:focus,
.dropdown-docebo .dropdown-submenu:hover>a,
.dropdown-docebo .dropdown-submenu:focus>a{
    background: #333333;
    color:#ffffff;
    font-weight: normal;
}

.dropdown-docebo .btn-group li {
    margin:0;
}

/* Docebo icons sprite

    !!! Please put here all icon declarations from icons_elements.png
    Right now, they are scattered between admin.css and base.css; plus, multiple declarations exist for the same icons.
    Hello?!
    - Use general classes for each icon
        Eg: Instead of this ugliness
            .hasChildren.opened-tree > div .open-close-link{
               background:url(../images/icons_elements.png) -373px -226px no-repeat;
            }
            Just declare this instead:
            .docebo-sprite.ico-close-link{
               background-position: -373px -226px;
            }
    - Use human-readable and INTUITIVE class names for icons, so that we can actually find the css class name when needed.
        Eg: Instead of '.ico-gearpair' use '.ico-settings' or '.ico-gears'
    - Use http://www.spritecow.com/ to generate the css for the selected icon
    - Prefix the icons class names with 'ico-' so that there are no conflicts with other '.docebo-' or bootstrap classes
    Thank you.

*/
.docebo-sprite {
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
}
.docebo-sprite.ico-arrow-left {
    background-position: -288px -204px;
    width: 13px;
    height: 20px;
}
.docebo-sprite.ico-arrow-right {
    background-position: -308px -204px;
    width: 13px;
    height: 20px;
}
.docebo-sprite.ico-branding {
    background-position: -581px -180px;
    width: 23px;
    height: 20px;
}
.docebo-sprite.ico-branding.active {
    background-position: -608px -179px;
    width: 23px;
    height: 20px;
}
.docebo-sprite.ico-bookmark {
    background-position: -46px -266px;
    width: 15px;
    height: 23px;
}
.docebo-sprite.ico-bookmark.active {
    background-position: -12px -266px;
    width: 15px;
    height: 23px;
}

.docebo-sprite.ico-arrow-bottom {
    background-position: -288px -204px;
    width: 13px;
    height: 20px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.docebo-sprite.ico-arrow-top {
    background-position: -288px -204px;
    width: 13px;
    height: 20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.docebo-sprite.ico-home {
    background-position: -520px -202px;
    width: 20px;
    height: 22px;
}
.docebo-sprite.ico-home.active {
    background-position: -545px -202px;
}
.docebo-sprite.ico-magnifier {
    height: 21px;
    width: 21px;
    background-position: -120px -107px;
}


.docebo-sprite.ico-clock                  {background-position:-480px -265px;width:23px;height:24px;}
.docebo-sprite.ico-clock.green            {background-position:-531px -265px;width:23px;height:24px;}

.docebo-sprite.ico-circle-check           {background-position:-120px -63px;width:21px;height:21px;}
.docebo-sprite.ico-circle-check.green     {background-position:-146px -63px;width:21px;height:21px;}

.docebo-sprite.ico-elearning              {background-position:-252px -50px;width:22px;height:22px;}
.docebo-sprite.ico-classroom              {background-position:-252px -100px;width:22px;height:22px;}


.docebo-sprite.ico-cert.small             {background-position:-121px -378px;width:16px;height:19px;}
.docebo-sprite.ico-cert.small.white,
a.p-hover:hover .docebo-sprite.ico-cert.small   {background-position:-149px -378px;width:16px;height:19px;}


.docebo-sprite.ico-cert.large             {background-position:-121px -333px;width:28px;height:35px;}
.docebo-sprite.ico-cert.large.white, a.p-hover:hover .docebo-sprite.ico-cert.large   {background-position:-159px -333px;width:28px;height:35px;}

.docebo-sprite.ico-logo					{background-position:-40px -299px; width:26px; height:22px;}
a.p-hover:hover .docebo-sprite.ico-logo,
.docebo-sprite.ico-logo.white	{background-position:-6px -299px; width:26px; height:22px;}





.docebo-helpful .thumbs-up span.icon,
.docebo-helpful .thumbs-down span.icon {
    background: url('../images/my_blog_sprite.png') no-repeat;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}
.docebo-helpful .thumbs-up span.icon {
    background-position: -7px -52px;
    width: 19px;
    height: 16px;
}
.docebo-helpful .thumbs-down span.icon {
    background-position: -34px -55px;
    width: 19px;
    height: 16px;
}

/** Footer **/

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

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

#footer p a {
    color: #ffffff;
    text-shadow: 0 1px 0 #333333;
}
#footer p span {
    color: #ffffff;
    text-shadow: 0 1px 0 #333333;
}

/** Load trigger for courses **/

.menu-loading {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(../images/loading.gif) 0 0 no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.video-converting-animation {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    vertical-align: middle;
    background: url(../images/loading.gif) 0 0 no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


#load-trigger > img {
    visibility: hidden;
}

/** Helper classes **/
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
p.help-block { color: #666666; font-size: 0.85em; }

.table .close-column{width:1%;white-space:nowrap;}
.table .text-center{text-align:center;}
.table .text-right{text-align:right;}

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

.text-colored-orange {
    color: #FF8305;
}

.text-colored-red {
    color: red;
}


.text-colored-green{
    color: green;
}


.text-bold {
    font-weight: 600;
}



.inline-block {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.ajaxloader,
.ajaxloader2,
.blockAjaxloader,
.playerLaunchPadAjaxloader,
.playerUploaderAjaxloader,
.playerHtmlEditorAjaxloader
{
    display: none;
    top: 50%;
    left: 50%;
    padding: 5px;
    padding-left: 30px;
    padding-top: 20px;
    width: 28px;
    height: 28px;
    position: relative;
    color: #000;
    background: url(../images/tile/ajax-loader.gif) no-repeat 2px;
    margin-top: -9px;
    margin-left: -9px;
    z-index: 9999;
}

.modal.loading .modal-body .loader {
    top: 40%;
    left: 47%;
    width: 40px;
    height: 40px;
    position: absolute;
    color: #000;
    /*     background: url(../images/loading_medium.gif) no-repeat 2px; */
    background: url(../images/ajax-loader10.gif) no-repeat 2px;
    z-index: 9999;
}

.modal.loading .modal-body.opened {
    min-height: 180px;
}

.modal.orientation-popup{
    z-index: 1800;
}

.modal.wide {
    width: 876px;
    margin-left: -438px;
}
.modal.medium {
    width: 600px;
    margin-left: -300px;
}

.modal.narrow {
    width: 400px;
    margin-left: -200px;
}


.modal.downgrade-dialog{
    width: 600px;
    margin-left: -300px;
}
.modal.downgrade-dialog .modal-header h3 span{
    background-position: -354px -190px;
    width: 25px;
    height: 25px;
}
.modal.edit-block-modal {
    border-radius: 0px;
}
.modal.edit-block-modal .modal-header {
    background: #333;
}
.modal.edit-block-modal .modal-header > * {
    color: #ffffff;
    font-weight: normal;
    font-size:20px;
    line-height: 34px;
    vertical-align: bottom;
}
.modal.loading .modal-header .loader {
    /*     height: 36px; */
    /*     width: 16px; */
    /*     margin-right: 10px; */
    /*     display: block; */
    /*     float: left; */
    /*     background: no-repeat scroll url('../img/ajax-loader.gif') center center; */
}

.modal-header h3 {
    color: white;
}


/**** Bootstrap Modal redefinitions: globally redefine modals ****/
.modal {
    box-shadow:0px 0px 5px 1px #cccccc;
    border-radius:0;
    border: 1px solid #cccccc;
    position: absolute;
}

.modal-backdrop {
    background-color: #FFFFFF;
}

.stripe-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0,0,0,.6);
}

.modal-header{
    background: #333333;
    padding: 4px 12px;
    border-bottom:1px solid #cccccc;
    position: relative;
}

.modal-header .p-sprite,
.modal-header .i-sprite{
    vertical-align: middle;
}

.modal-header .close {
    margin: 3px;
    color: white;
    opacity: 1;
    filter: alpha(opacity=100);
}
.modal-header .close:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal-header h3 {
    color:#ffffff;
}

.modal-footer{
    border:0px none;
    background:transparent;
}

/* ----------------------------------------------------------------------------
    Button styles
---------------------------------------------------------------------------- */

/* Disabled buttons (class=disabled OR has attr disabled): cursor=default and no background gradient */
.btn.docebo.disabled,
.btn.docebo[disabled] {
    cursor: default;
}

.btn.docebo.green.disabled,
.btn.docebo.green[disabled] {
    background: #59B559 !important;
}

.btn.docebo.blue.disabled,
.btn.docebo.blue[disabled] {
    background: #0465AC !important;
}

.btn.nice-btn {
    display: block;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
    text-shadow: 1px 1px 0px black;
}

.btn.docebo {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    padding: 6px 14px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
    background-color: #444444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#333333));
    background-image: -webkit-linear-gradient(top, #444444, #333333);
    background-image: -moz-linear-gradient(top, #444444, #333333);
    background-image: -o-linear-gradient(top, #444444, #333333);
    background-image: linear-gradient(to bottom, #444444, #333333);
    cursor: pointer;
    /* min-width: inherit; */
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.btn.docebo.nice-btn {
    border: 0px none !important;
}

.btn.docebo.with-icon {
    position: relative;
    padding-right: 54px;
}

.btn.docebo.with-icon .icon {
    position: absolute;
    width: 38px;
    height: 32px;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */
}

.btn.docebo.with-icon .icon i {
    display: block;
    width: 38px;
    height: 32px;
}

.btn.docebo.black:hover,
.btn.docebo.black:focus {
    background-color: #888;
    background-image: none;
}

.btn.nice-btn.green {
    background-color: #59B559;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#59B559), to(#2D712D));
    background-image: -webkit-linear-gradient(top, #59B559, #2D712D);
    background-image: -moz-linear-gradient(top, #59B559, #2D712D);
    background-image: -o-linear-gradient(top, #59B559, #2D712D);
    background-image: linear-gradient(to bottom, #59B559, #2D712D);
    border: 1px solid #2F742F;
}

.btn.nice-btn.green:hover,
.btn.nice-btn.green:focus {
    background: #59B559;
}

.btn.nice-btn.orange {
    background-color: #FFA244;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA244), to(#FF8102));
    background-image: -webkit-linear-gradient(top, #FFA244, #FF8102);
    background-image: -moz-linear-gradient(top, #FFA244, #FF8102);
    background-image: -o-linear-gradient(top, #FFA244, #FF8102);
    background-image: linear-gradient(to bottom, #FFA244, #FF8102);
    border: 1px solid #FF8308;
}

.btn.nice-btn.orange:hover,
.btn.nice-btn.orange:focus {
    background: #FFA244;
}

.btn.nice-btn.blue {
    background-color: #0465AC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0465AC), to(#003D6B));
    background-image: -webkit-linear-gradient(top, #0465AC, #003D6B);
    background-image: -moz-linear-gradient(top, #0465AC, #003D6B);
    background-image: -o-linear-gradient(top, #0465AC, #003D6B);
    background-image: linear-gradient(to bottom, #0465AC, #003D6B);
    border: 1px solid #013E6C;
}

.btn.nice-btn.blue:hover,
.btn.nice-btn.blue:focus {
    background: #0465AC;
}

/* godadmin buttons */
#h-buymore-btn .icon i {
    background: url('../images/buttons/icon-cart.png') center center no-repeat;
}

#h-apps-btn .icon i {
    background: url('../images/buttons/icon-tiles.png') center center no-repeat;
}

#h-helpdesk-btn .icon i {
    background: url('../images/buttons/icon-bubbles.png') center center no-repeat;
}

#h-marketplace-btn .icon i {
    background: url('../images/buttons/icon-cart-empty.png') center center no-repeat;
}

.ui-search {
    position: relative;
}

.ui-search .search-txt {
    height:30px;
    font-size:13px;
    border: 1px solid #e4e6e5;
    padding-right:32px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    border-radius: 0px !important;
    webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index:1;
}

.ui-search .search-btn {
    border: 0px none;
    border-radius: 0px !important;
    webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    background: transparent;
    height: 28px;
    width: 28px;
    position: absolute;
    right:1px;
    top:1px;
    z-index:2;
}
.ui-search .types-picker{
    padding-top: 5px;
}

/* ----------------------------------------------------------------------------
     NavBar menu classes
---------------------------------------------------------------------------- */
.navbar {
    color: #FFFFFF;
}

.nav.small {
    font-size: 12px;
}

.navbar .container {
    width: auto;
}
.navbar a:hover {text-decoration: none;}
.navbar .nav .dropdown-toggle .caret {
    margin-top: 13px;
    margin-left: 5px;
}

/** Main layout **/

/** Home > Access courses area **/
.home-courses-access {
    padding: 10px 0 0;
}

.home-courses-access > a {
    background-color: #F1F3F2;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-bottom: 30px;
    min-height: 110px;
    color: #333;
    cursor: pointer;
}
.home-courses-access > a:hover {
    text-decoration: none;
}

.home-courses-access .inner-padding {
    padding: 15px;
}

.home-courses-access h2 {
    margin: 0 0 10px 65px;
    line-height: 19px;
}

.home-courses-access p {
    margin: 0 0 0 65px;
    line-height: 14px;
}

.home-courses-access .graphic {
    float: left;
    width: 50px;
    height: 52px;
    background: url('../images/sprite-course-access.png') 0px 0px no-repeat;
}

.home-courses-access .new-course .graphic {
    background-position: 0px -50px;
}

.home-courses-access .existing-courses .graphic {
    background-position: 0px 0px;
}

.home-courses-access .manage-courses .graphic {
    background-position: 0px -102px;
}

.home-courses-access .manage-courses strong {
    color: #0465AC;
}

.home-courses-access .new-course,
.home-courses-access .existing-courses,
.home-courses-access .manage-courses {
    margin-bottom: 30px;
    min-height: 110px;
}

/** HOME SEARCH FORM **/

#grid-search-form {
    margin:16px 0 24px;
}

#grid-search-form label {
    font-size:13px;
    line-height: 16px;
}
#grid-search-form input[type="radio"] {}

#load-more {
    text-align: center;
}

.gsn-label-label{
    padding-top:4px;
}
.gsf-dropdown-filter > .btn:first-child #gsf-label-name{
    float: left;
}
.gsf-dropdown-filter > .btn:first-child {
    background: #ffffff;
    border: 1px solid #E5E5E5;
    box-shadow: none;
    text-align: left;
    min-width: 144px;
    width: 93%;
    padding: 4px 8px;;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.gsf-dropdown-filter > .btn:first-child #gsf-catalog-name{
    float: left;
}

.gsf-dropdown-filter.open .btn.dropdown-toggle {
    background: #ffffff;
    box-shadow: 0px 0px 10px #E5E5E5;
}
.gsf-dropdown-filter .btn .caret {
    float:right;
}

.gsf-dropdown-filter > .btn, .gsf-dropdown-filter > .dropdown-menu, .gsf-dropdown-filter > .popover{
    font-size:13px;
}

.gsf-dropdown-filter .dropdown-menu{
    margin:0;
    border-top:0px none;
    border-radius:0;
    padding:0;
}

.gsf-dropdown-filter .dropdown-menu .item-text{border-left:10px solid #ffffff;padding:3px 12px;margin:1px 0 0;line-height:14px;min-height:30px;cursor:pointer;}
.gsf-dropdown-filter .dropdown-menu .item-text span.course-number{font-size:11px;line-height:13px;color:#777777;}

.gsf-dropdown-filter.gsf-dropdown-noborder .dropdown-menu .item-text{margin:0;border-left:0px none;border-bottom:1px solid #E5E5E5;}

.gsf-dropdown-filter .dropdown-menu > .active > a.item-text,
.gsf-dropdown-filter .dropdown-menu > .active > a.item-text:hover,
.gsf-dropdown-filter .dropdown-menu > .active > a.item-text:focus,
.gsf-dropdown-filter .dropdown-menu > li > a.item-text:hover,
.gsf-dropdown-filter .dropdown-menu > li > a.item-text:focus,
.gsf-dropdown-filter .dropdown-submenu:hover > a.item-text,
.gsf-dropdown-filter .dropdown-submenu:focus > a.item-text {
    color: #333333;
    text-decoration: none;
    background: #f5f5f5;
    filter: none;
}


/* My courses > no subscriptions (blank slate) */
.mycourses-blank-slate-container {
    min-height: 400px;
    background: url('../images/my_courses_blank_slate_bg.jpg') center bottom no-repeat;
    border:1px solid #f5f5f5;
    padding:1px;
}
.mycourses-blank-slate-container h2,
.mycourses-blank-slate-container p {
    font-family: 'Handlee', cursive;
    font-weight: normal;
    font-size: 34px;
    line-height: 1.1em;
    color: #333;
    position: relative;
    padding: 0;
    margin: 40px 0 0 20px;
}
.mycourses-blank-slate-container h2 .text-large {
    color: #53AB54;
    font-size: 1.6em;
}
.mycourses-blank-slate-container p a {
    color: #0465AC;
    text-decoration: none;
}
.mycourses-blank-slate-container p a:hover {
    border-bottom: 2px solid #0465AC;
}

/*
#grid-search-form {
    margin-bottom: 36px;
    font-size: 1.2em;
}

#grid-search-form ul.menu {
    margin-top: 8px;
}

#grid-search-form ul.menu li {
    float: left;
}

#grid-search-form ul.menu li a {
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 4px 12px;
    text-decoration: none;
    color: #0465AC;
}

#grid-search-form ul.menu li a:hover {
    text-decoration: none;
}

#grid-search-form ul.menu li a.active {
    text-decoration: none;
    color: #FFF;
    background-color: #0465AC;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#grid-search-form form {
    float: right;
    text-align: right;
    width: 100%;
}

#grid-search-form .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

#grid-filter-search {
    float: right;
    width: 40%;
}

#label-filter-dropdown {
    margin-left: 4px;
}


#grid-filter-tabs .dropdown-menu {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 0px;
    margin: 0px;
    border: none;
    cursor: pointer;
    min-width: 220px;
}



#grid-filter-tabs .dropdown-menu .item-icon {
    background-color: #333;
    border: 6px solid #333;
    height: 23px;
    line-height: 17px;
}

#grid-filter-tabs .dropdown-menu .item-text {
    padding: 10px 10px 0px 10px;
    display: inline-block;
    vertical-align: text-top;
    text-shadow: 0.1em 0.1em 0.2em black;
    font-weight: bold;
}



#grid-filter-tabs .dropdown-menu li  {
    background-color: #6C6D6D;
    color: white;
    text-transform: uppercase;
    line-height: 15px;
    padding: 0px;
    margin: 0;
}


#grid-filter-tabs .dropdown-menu li:hover {
    background-color: #999;
}


#grid-filter-tabs .dropdown-menu li:hover .item-icon {
     background-color:  #0465AC;
     border-color:  #0465AC;
}


#grid-filter-tabs .type-filter,
#grid-filter-tabs #grid-form-backs {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.0em;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
}
#grid-filter-tabs .dropdown-toggle,
#grid-filter-tabs .dropdown-menu li.active {
    position: relative;
    background-image: url('../images/arrow_down.png');
    background-position: 195px center;
    background-repeat: no-repeat;
}



#grid-filter-tabs .type-filter {
    min-width: 185px;
    background-color: #999;
    text-shadow: 0.1em 0.1em 0.1em white;
    color: black;
    padding-left: 35px;
    text-align:left;
    position: relative;
}


#grid-filter-tabs #grid-form-backs {
    background-color: #0465AC;
    text-shadow: 0.1em 0.1em 0.1em black;
}

#grid-filter-tabs #grid-form-backs a {
    text-decoration: none;
    color: white;
    padding: 0 6px;
}


#grid-filter-tabs .type-filter .item-icon {
    background-color: #0465AC;
    border: 6px solid #0465AC;
    position: absolute;
    top:0; left:0;
}

#grid-filter-tabs .type-filter .item-text {
    color: white;
    text-shadow: 0.1em 0.1em 0.1em black;
    padding-left: 10px;
}


#grid-filter-tabs .dropdown-menu li a {
    color: white;
    padding: 0px;
    margin: 0px;
    line-height: 17px;
}



#grid-filter-tabs li.active .item-icon {
    background-color: #0465AC;
    border-color: #0465AC;
}

#grid-filter-tabs li.active  {
    background-color: #999;
}


#grid-filter-tabs .sprite-gmenu {
    background: url('/themes/standard/images/../images/icon-menu.png') 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top;
}

#grid-filter-tabs .lbl.item-icon { width: 23px;  height: 23px; display: inline-block;
    vertical-align: text-top; }
#grid-filter-tabs .sprite-gmenu.catalog { width: 23px;  height: 23px;   background-position: 0px 0px; }
#grid-filter-tabs .sprite-gmenu.star    { width: 23px;  height: 23px;   background-position: 0px -23px;   }
#grid-filter-tabs .sprite-gmenu.flag    { width: 23px;  height: 23px;   background-position: 0px -46px; }
#grid-filter-tabs .sprite-gmenu.certificates { width: 23px;  height: 23px;   background-position: 0px -69px; }
#grid-filter-tabs .sprite-gmenu.community { width: 23px;  height: 23px;   background-position: 0px -92px; }
#grid-filter-tabs .sprite-gmenu.competencies { width: 23px;  height: 23px;   background-position: 0px -115px; }
#grid-filter-tabs .sprite-gmenu.activate-course { width: 23px;  height: 23px;   background-position: 0px -138px; }
#grid-filter-tabs .sprite-gmenu.curricula { width: 23px;  height: 23px;   background-position: 0px -161px; }
#grid-filter-tabs .sprite-gmenu.cart    { width: 23px;  height: 23px;   background-position: 0px -184px; }
#grid-filter-tabs .sprite-gmenu.check   { width: 23px;  height: 23px;   background-position: 0px -207px; }
#grid-filter-tabs .sprite-gmenu.messages   { width: 23px;  height: 23px;   background-position: 0px -230px; }


*/









/** Courses grid **/
#courses-grid {
}

/* Some modal dialogs */


/* Course details and Demo/Preview */

.course-details-modal {
    width: 865px;
    margin-left: -432px;
}


.course-details-demo.modal .modal-body {
    max-height: none;
}

.course-details-demo.modal .demo-video,
.course-details-demo.modal .demo-swf
{
    width: 100%;
}

.course-details-demo.modal .demo-swf {
    height: 500px;
}


/* Course details dedicated page */
.course-details-sidebox {
    background: #F8F8F8;
    padding: 8px;
    margin: 30px 0px;
    position: relative;
    min-height: 270px;
}
.course-details-sidebox > h2 {
    background: #0060AF;
    color: #FFF;
    padding: 8px 10px;
    font-weight: bold;
    font-size: 18px;
    margin: -8px -8px 8px;
}
.course-details-sidebox > .course-info-primary {
    position: relative;
}
.course-details-sidebox > .course-info-primary .preview-btn img {
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -60px;
}
.course-details-sidebox > .course-info-primary .btn {
    font-size: 16px;
    line-height: 2em;
    margin: 10px 0 20px;
}
.course-details-sidebox .course-details-list {
    margin-top: 20px;
}
.course-details-sidebox .course-details-list li {
    margin-bottom: 20px;
}
.course-details-sidebox .course-details-list li:last-child {
    margin-bottom: 0;
}
.course-details-sidebox .course-details-list li h4 {
    font-size: 14px;
}
.course-details-sidebox .course-details-list .course-rating {
    padding-top: 5px;
}
.course-details-sidebox .course-details-list .course-rating .votes-count {
    display: block;
    clear: both;
    padding-top: 5px;
}
.course-details-main-title {
    font-size: 26px;
    color: #0465AC;
    padding-bottom: 10px;
}
.course-details-lo-title {
    font-size: 26px;
    color: #0465AC;
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
    margin: 30px 0 10px;
}
.course-details-lo-list {}
.course-details-lo-list li {
    list-style-type: disc;
    margin-left: 20px;
}
.top-rated-courses {}
.top-rated-courses li {
    position: relative;
    margin-bottom: 10px;
}
.top-rated-courses li > span {
    float: left;
}
.top-rated-courses li span.index {
    background: #0060AF;
    color: #FFF;
    font-size: 23px;
    font-weight: bold;
    width: 30px;
    line-height: 37px;
    display: inline-block;
    text-align: center;
}
.top-rated-courses li span.course-image {
    display: inline-block;
    height: 37px;
    width: 60px;
    overflow: hidden;
}
.top-rated-courses li span.course-image img {}
.top-rated-courses li span.course-title {
    padding: 0 5px;
    white-space: nowrap;
    position: absolute;
    left: 90px;
    top: -1px;
    right: 0;
    height: 40px;
}
.top-rated-courses li span.course-title a {
    color: #0060AF;
    font-weight: bold;
    display: block;
    overflow:hidden;
    text-overflow:ellipsis;
}
.top-rated-courses li span.course-title .course-rating {}

#catalog-main-container .top-rated-courses {
    position: absolute; left: 0; right: 0;
    background-color: #F8F8F8;
}
#catalog-main-container .top-rated-courses li span.index { width: 26px; }
#catalog-main-container .top-rated-courses li span.course-title {
    padding: 0 0 0 3px;
    left: 88px;
}
#catalog-main-container .top-rated-courses li span.course-title > a {
    text-overflow: ellipsis;
    width: 99%;
    overflow: hidden;
}

/* Course Description block */
.modal.course-desc-settings {
    width: 660px;
    margin-left: -330px;
}

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

.course-details-content .course-description ol,
.course-details-content .course-description ul {
    margin: 0 0 10px 25px;
}

.course-details-content .course-description ol {
    list-style-type: decimal;
}

.course-details-content .course-description ul, .curricula-details ul {
    list-style-type: disc;
}

/* Login modal dialog */
.login.modal  {
    width: 437px !important;
    height: auto;
    margin-left: -218px !important;
}


.login.modal .modal-body {
    padding-top: 2px;
}

.login.modal .control-group {
    margin-bottom: 10px;
}

.login.modal .modal-footer {
    padding: 5px 0px 0px 0px;
}

.login.modal .control-group .control-label {
    text-align: left;
}


.login.modal h4.message {
    padding: 10px 0px 10px 0px;
}







/* Lost Data dialog */
.lostdata.modal {
    width: 437px !important;
    height: auto;
    margin-left: -218px !important;
    position: fixed;
    top: 15%;
}

.lostdata.modal .modal-body {
    padding-top: 2px;
}

.lostdata.modal .control-group {
    margin-bottom: 10px;
}

.lostdata .modal-footer {
    padding: 5px 0px 0px 0px;
}

.lostdata.modal .control-group .control-label {
    text-align: left;
}

/* Register Dialog */
.register.modal {
    width: 523px !important;
    height: auto;
    margin-left: -260px !important;
    position: fixed;
}

.register.modal .modal-body {
    max-height: 700px;
    padding:0px;
    padding-top: 2px;
	overflow-y: auto;
}

.register.modal .control-group {
    margin-bottom: 5px;
}

.register.modal-footer {
    padding: 5px 0px 0px 0px;
}

.register.modal .control-group .control-label {
    text-align: left;
}

.register.modal .control-group .control-label {
    text-align: left;
}

.register.modal .register-error .alert {
    margin-bottom: 5px;
}
.register.modal .input-append.date {
    position: relative;
    width: 218px;
    float: right;
    margin-bottom: 0;
    margin-left: 3px;
}
div.register.modal form#register-form div.input-append.date > input[type="text"] {
    padding-left: 23px !important;
    width: 189px !important;
}
.register.modal .input-append.date .add-on {
    position: absolute;
    left: 1px;
    top: 3px;
    background: none;
    border: none;
    border-radius: 0;
    z-index: 2;
}
.register.modal .input-append.date .add-on {
    position: absolute;
    left: 1px;
    top: 3px;
    background: none;
    border: none;
    border-radius: 0;
    z-index: 2;
}




/** Checkout page **/
.checkout-wrapper h1.checkout-header {
    text-transform: uppercase;
    font-size: 25px;
}

.checkout-wrapper h5.checkout-step1,
.checkout-wrapper h5.checkout-step2 {
    text-transform: uppercase;
    margin-top: 0px;
}

.checkout-wrapper h5 {
    border-bottom: 1px solid #E5E5E5;
    font-size: 19px;
    font-weight: normal;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.cart-checkout-failed {
	background: none;
	display: block;
	width: 88px;
	height: 70px;
	font-size: 70px;
	color: #E74C3C;
	text-align: center;
}

.sprite-checkout {
    background: url('../images/sprite_checkout.png') 0 0;
    background-repeat: no-repeat;
    display: block;
}

.sprite-checkout.cart {
    width: 44px;
    height: 40px;
    background-position: 0px 0px;
}

.sprite-checkout.one-dark {
    width: 30px;
    height: 32px;
    background-position: -57px 0px;
}

.sprite-checkout.one-grey {
    width: 30px;
    height: 32px;
    background-position: -258px 0px;
}

.sprite-checkout.two-dark {
    width: 30px;
    height: 32px;
    background-position: -104px 0px;
}

.sprite-checkout.two-grey {
    width: 30px;
    height: 32px;
    background-position: -166px 0px;
}

.sprite-checkout.gt-grey {
    width: 13px;
    height: 32px;
    background-position: -215px 0px;
}

.sprite-checkout.remove {
    width: 17px;
    height: 15px;
    background-position: -144px 0px;
}

.sprite-checkout.paypal {
    width: 222px;
    height: 59px;
    background-position: -104px -51px;
}
.sprite-checkout.paypal_payments {
    width: 200px;
    height: 59px;
    background-position: -105px -181px;
}
.sprite-checkout.payflow {
    width: 210px;
    height: 59px;
    background-position: -105px -245px;
}
.sprite-checkout.authorizedotnet,
.sprite-checkout.authorizedotnetv2 {
    width: 166px;
    height: 62px;
    background-position: -104px -120px;
}

.sprite-checkout.adyen {
    background: url('../images/adyen_payment_logo.jpg');
    background-repeat: no-repeat;
    background-position: left;
    height: 72px;
    overflow: hidden;
}

.sprite-checkout.cybersource {
    background: url('../images/cybersource_logo.png');
    background-repeat: no-repeat;
    background-position: left;
    height: 72px;
    overflow: hidden;
}

.sprite-checkout.stripe {
    background: url('https://b.stripecdn.com/manage/assets/logo-b496a9631d3f807acc3cb7dd969629c8.png');
    background-repeat: no-repeat;
    background-position: left;
    height: 72px;
    overflow: hidden;
}

.payment-method .span6:nth-child(odd){
    margin-left: 0px;
}

.sprite-checkout.checkmark {
    width: 88px;
    height: 70px;
    background-position: -0px -50px;
}

.checkout-wrapper hr {
    border-bottom: 1px solid #9B9B9B;
    margin: 0px;
}

.checkout-wrapper .control-group select#country option {
    text-transform: capitalize;
}

.checkout-wrapper table.table.cart-positions {
    font-weight: bold;
    margin-top: 17px;
}

.checkout-wrapper .cart-positions tr {
    background-color: #FAFAFA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F1F3F2)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #FAFAFA, #F1F3F2); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #FAFAFA, #F1F3F2); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #FAFAFA, #F1F3F2); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #FAFAFA, #F1F3F2); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px solid #E5E5E5;
}

.checkout-wrapper .cart-positions tr > td {
    height: 60px;
    vertical-align: middle;
}

.checkout-wrapper .remove-position {
    margin-left: 10px;
}

.checkout-wrapper .tos-link {
    text-decoration: underline;
    font-weight: bold;
}

.checkout-wrapper  .payment-method td {
    vertical-align: middle;
    border-top: none;
}

.checkout-wrapper .payment-method.ar .span6,
.checkout-wrapper .payment-method.fa .span6,
.checkout-wrapper .payment-method.he .span6 {
    margin-left: 0;
}

.checkout-wrapper td.name {
    color: #1A71B1;
}
.checkout-wrapper td.sum {
    font-size: 17px;
    text-align: right;
}

.checkout-wrapper .cart-totals {
    background-color: #FAFAFA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F1F3F2)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #FAFAFA, #F1F3F2); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #FAFAFA, #F1F3F2); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #FAFAFA, #F1F3F2); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #FAFAFA, #F1F3F2); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border: 1px solid #E5E5E5;
    margin-top: 20px;
}

.checkout-wrapper .cart-totals tr td {
    border: 0px;
    text-align: right;
}

.checkout-wrapper .cart-totals tr:nth-child(1) td {padding: 15px 8px 0px 8px;}
.checkout-wrapper .cart-totals tr:nth-child(2) td {padding: 0px 8px;}
.checkout-wrapper .cart-totals tr:nth-child(3) td {padding: 15px 8px 15px 8px;}

.checkout-wrapper .cart-totals tr:nth-child(2) td:nth-child(2) {
    line-height: 18px;
    font-size: 12px;
}

.checkout-wrapper .cart-totals tr:nth-child(2) td:nth-child(2) #cartDiscountDescription span {
    font-weight: bold;
}

.checkout-wrapper .cart-totals tr td.total-label-column {
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
}

.checkout-wrapper .cart-totals tr:last-child td.total-label-column, .checkout-wrapper .cart-totals tr:last-child td.total-value-column {
    color: #7aba7b;
}

.checkout-wrapper .cart-totals tr td.total-value-column {
    font-weight: bold;
    padding-right: 23px;
}

.checkout-wrapper .cart-totals div.tax-not-included {
    font-size: 12px;
    font-weight: normal;
    color: #333;
    white-space: nowrap;
}

.checkout-wrapper .cart-coupon-form label {font-weight: bold;display: inline;}
.checkout-wrapper .cart-coupon-form input {}
.checkout-wrapper .cart-coupon-form button {}
.checkout-wrapper .cart-coupon-form .remove {margin:7px 20% 0 0;}

.checkout-wrapper .cart-error-container {
    text-align: center;
    background: #D70101;
    color: #FFF;
    text-shadow: none;
    padding: 6px;
}
.checkout-wrapper .cart-error-container:after {
    display: none;
}
.checkout-wrapper #binfo-form {margin-top: 20px;}

.checkout-wrapper .payment-method {margin-top: 60px;}
.checkout-wrapper .payment-method label.radio {padding-left: 30px;}
.checkout-wrapper .payment-method input[type="radio"] {margin-top:30px; margin-left: -30px;}
.checkout-wrapper .payment-method .jq-radio {margin: 30px 0 0 -30px; float: left;}
.checkout-wrapper .payment-method .sprite-checkout {zmargin:0;}
.checkout-wrapper .cart-footer {
    border-top: 1px solid #E5E5E5;
    padding-top: 20px;
    margin-top: 20px;
}
.checkout-wrapper .cart-footer > a {
    float: right;
}
.checkout-wrapper .cart-footer > label {
    float: right;
    margin: 7px 10px 0 0;
}
.checkout-wrapper a.btn-continue,
.checkout-wrapper a.btn-buy-now {
    text-transform: uppercase;
    padding: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 22%;
    box-sizing: border-box;
    margin-left: 10px;
}
.checkout-wrapper a.btn-continue {
    font-size: 1.0em;
    font-weight: normal;
}

.checkout-wrapper a.btn-buy-now {
    font-size: 1.5em;
    font-weight: bold;
}

.checkout-wrapper img.course-logo {
    width: 60%;
}

#checkout-form .billing-info label {
    font-weight: bold;
}

#checkout-form .billing-info .data {
    color: #333;
}

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

/**
Styling for the courses/apps boxes, called 'tiles'
*/
.bg-color-blue {
    background-color: #0465AC !important;
}

.bg-color-orange {
    background-color: #FF8205 !important;
}

.bg-color-green {
    background-color: #60C060 !important;
}

.bg-color-darkgray {
    background-color: #333333 !important;
}

.tile.pointer-off {
    cursor: default;
}

ul.thumbnails.fixed.tiles {
    float:left;
    margin-left:-12px;
}
ul.thumbnails.fixed.tiles a.tile,
ul.thumbnails.fixed.tiles > li {
    float:left;
    margin-left:13px;
}

.tile {
    width: 210px;
    height: 210px;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    margin-bottom: 15px;
    margin-left: 15px;
    float: left;
}

.row-fluid .tile:first-child {
    margin-left: 0;
}

.tile * {
    color: #FFF;
}

.tile *,
.tile *:after,
.tile *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tile a:hover {text-decoration: none;}

.tile.bg-gradient {
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA);
    background-image: -moz-linear-gradient(top, #FFFFFF, #EAEAEA);
    background-image: -o-linear-gradient(top, #FFFFFF, #EAEAEA);
    background-image: linear-gradient(to bottom, #FFFFFF, #EAEAEA);
}

.tile.course {
    border: 1px solid #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tile .tile-corner-image {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
}

.tile.new {
    border: 4px solid #0465AC;
}

.tile.new .tile-corner-image {
    background: url('../images/tile/course-type-new.png');
}

.tile.cart {
    border: 4px solid #60c060;
}

.tile.cart .tile-corner-image {
    background: url('../images/tile/course-type-selling.png');
}

.tile.overbooked {
    border: 4px solid #d96d00;
}

.tile.overbooked .tile-corner-image {
    background: url('../images/tile/course-type-overbooked.png');
}

.tile.completed {
    border: 4px solid #60c060;
}

.tile.completed .tile-corner-image {
    background: url('../images/tile/course-type-completed.png');
}

.tile.locked {
    border: 4px solid #666666;
}

.tile.locked .tile-corner-image {
    background: url('../images/tile/course-type-locked.png');
}

.tile.play {
    border: 4px solid #0465AC;
}

.tile.play .tile-corner-image {
    background: url('../images/tile/course-type-ready.png');
}

.tile.free {
    border: 4px solid #60c060; /*border:none;height: 230px;*/
}

.tile.free .tile-corner-image {
    background: url('../images/tile/course-type-free.png');
}

.tile.new, .tile.cart, .tile.overbooked, .tile.completed, .tile.locked, .tile.play, .tile.free,
.tile.back-cover, .tile.app {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style-type: none;
    padding-top: 16px;
}

.tile .tile-content {
    width: 100%;
    height: 100%;
    padding: 20px;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    line-height: 16px;
}

/* TILE > COVER */
.tile.cover h2 {
    color: #FFF;
    font-size: 26px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 4px #999;
    line-height: 1em;
    text-transform: uppercase;
    word-wrap: break-word;
}

.tile.cover p {
    font-size: 13px;
    line-height: 1.2em;
    max-height: 5.8em;
    height: 5.8em;
    overflow: hidden;
    margin: 0;
    text-shadow: 1px 1px 2px #999;
}

.tile.cover .right-arrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    width: 21px;
    height: 33px;
    background: url('../images/tile/icon-right-arrow-white-large.png') 0px 0px no-repeat;
}

.tile.cover .image-wrapper {
    display: table;
    position: absolute;
    vertical-align: bottom;
    left: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
}

.image-wrapper span.icon {
    display: table-cell;
}

.image-wrapper span.icon.icon-grid {
    width: 100%;
    height: 100%;
    background: url('../images/tile/icon-grid-white-large.png') left bottom no-repeat;
    background-size: 100%;
}

.image-wrapper span.icon.icon-cart {
    width: 65px;
    height: 60px;
    background: url('../images/tile/icon-cart-white-large.png') left bottom no-repeat;
}

/* TILE >  BACK COVER */
.tile.back-cover {
    border: 1px solid #CCC;
    display: table;
}
.tile.back-cover:hover {
    text-decoration: none;
}

.enable-five-grid .row-fluid .tile.back-cover {
    display: table;
}

.tile.back-cover .tile-content {
    display: table-cell;
    vertical-align: middle;
}

.tile.back-cover span {
    display: block;
    margin: 0 auto;
    background: url('../images/tile/icon-grid-black-small.png') center top no-repeat;
    width: 150px;
    padding-top: 40px;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    text-shadow: 1px 0px 2px white;
    font-weight: bold;
    text-align: center;
}

/* TILE > APP */
.tile.app {
    border: 1px solid #CCC;
}

.tile.app .app-image {
    height: 100px;
    overflow: hidden;
}

.tile.app .app-image img {
    width: 100%;
}

/* for some tile types we need to remove the padding on the .tile-content */
.tile.app .tile-content {
    padding: 10px 10px 0;
    border-top: 1px solid #CCC;
}

.tile.app .app-title {
    color: #0465AC;
    margin-bottom: 10px;
}

.tile.app .app-description {
    color: #333;
    line-height: 1.2em;
    max-height: 4.8em;
    overflow: hidden;
}

.tile.app .hover {
    width: 100%;
    height: 100%;
    padding: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bf000000', endColorstr='#bf000000'); /* IE */
    overflow: hidden;
    cursor: default;
}

.tile.app:hover .hover {
    top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.tile.app .hover * {
    color: #FFF;
}

.tile.app .hover-details,
.tile.app .hover-details-short {
    vertical-align: bottom;
    display: table-cell;
}

.tile.app .hover-details {
    height: 115px;
}

.tile.app .hover-details-short {
    height: 104px;
}


.tile.app .hover-details h5,
.tile.app .hover-details-short h5 {
    line-height: 1.2em;
    max-height: 2.4em;
    overflow: hidden;
}

.tile.app .hover-details .description,
.tile.app .hover-details-short .description {
    font-size: 12px;
    line-height: 1.2em;
    max-height: 7.2em;
    overflow: hidden;
}

.tile.app .btn-remove-app {
    display: block;
    width: 16px;
    height: 16px;
    background: url('../images/tile/icon-delete.png') 0px 0px no-repeat;
    text-indent: -9999px;
}
.tile.app .btn-remove-dependency {
    display: block;
    width: 23px;
    height: 17px;
    background: url('../images/tile/icon-link.png') 0px 0px no-repeat;
    text-indent: -9999px;
}

.tile.app .btn-enable-app {
    font-size: 13px;
    border-bottom: 1px solid transparent;
}

.tile.app .btn-enable-app:hover {
    border-bottom: 1px solid #FFF;
}

.tile.app .btn-configure-app {
    display: block;
    margin: 0 auto;
    text-align: center;
    background-color: #0465AC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0465AC), to(#003D6B));
    background-image: -webkit-linear-gradient(top, #0465AC, #003D6B);
    background-image: -moz-linear-gradient(top, #0465AC, #003D6B);
    background-image: -o-linear-gradient(top, #0465AC, #003D6B);
    background-image: linear-gradient(to bottom, #0465AC, #003D6B);
    border: 1px solid #013D6B;
    border-top: 1px solid #52A1DD;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
    line-height: 2em;
    margin-bottom: 10px;
}

.tile.app .btn-configure-app:hover {
    background-color: #0465AC;
    background-image: none;
}

.tile.app .btn-start-trial {
    display: block;
    margin: 0 auto;
    text-align: center;
    background-color: #FFA244;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA244), to(#FF8102));
    background-image: -webkit-linear-gradient(top, #FFA244, #FF8102);
    background-image: -moz-linear-gradient(top, #FFA244, #FF8102);
    background-image: -o-linear-gradient(top, #FFA244, #FF8102);
    background-image: linear-gradient(to bottom, #FFA244, #FF8102);
    border: 1px solid #FE8205;
    border-top: 1px solid #FABA78;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
    line-height: 2em;
    margin-bottom: 10px;
}

.tile.app .btn-start-trial:hover {
    background-color: #FFA244;
    background-image: none;
}

.tile.app .btn-buy-app {
    display: block;
    margin: 0 auto;
    text-align: center;
    background-color: #60C060;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#60C060), to(#2F772F));
    background-image: -webkit-linear-gradient(top, #60C060, #2F772F);
    background-image: -moz-linear-gradient(top, #60C060, #2F772F);
    background-image: -o-linear-gradient(top, #60C060, #2F772F);
    background-image: linear-gradient(to bottom, #60C060, #2F772F);
    border: 1px solid #2F772F;
    border-top: 1px solid #98D698;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
    line-height: 2em;
    margin-bottom: 10px;
}

.tile.app .btn-buy-app:hover {
    background-color: #60C060;
    background-image: none;
}

.tile.app .btn-more-details {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #333;
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA);
    background-image: -moz-linear-gradient(top, #FFFFFF, #EAEAEA);
    background-image: -o-linear-gradient(top, #FFFFFF, #EAEAEA);
    background-image: linear-gradient(to bottom, #FFFFFF, #EAEAEA);
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    line-height: 2em;
    margin-bottom: 10px;
}

.tile.app .btn-more-details:hover {
    background-color: #FFFFFF; /* #EAEAEA */
    background-image: none;
}

.tile.app .btn-read-manual {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #333;
    background-color: #FFFFFF;
    /*     background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA)); */
    /*     background-image: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA); */
    /*     background-image: -moz-linear-gradient(top, #FFFFFF, #EAEAEA); */
    /*     background-image: -o-linear-gradient(top, #FFFFFF, #EAEAEA); */
    /*     background-image: linear-gradient(to bottom, #FFFFFF, #EAEAEA); */
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    line-height: 2em;
    margin-bottom: 10px;
}

.tile.app .btn-read-manual:hover {
    background-color: #FFFFFF; /* #EAEAEA */
}


.tile.app .expire-date {
    clear: both;
    font-size: 14px;
    line-height: 16px;
    padding-top: 7px;
}


/* TILE > COURSE */
.tile.course .course-logo {
    width: 100%;
    min-width: 100%;
}

.tile.course .seats-available {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.tile.course .tile-content {
    position: absolute;
    top: 160px;
    left: 0;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.75);
    overflow: hidden;
    cursor: default;
}

.tile.course.new .tile-content,
.tile.course.cart .tile-content,
.tile.course.overbooked .tile-content,
.tile.course.completed .tile-content,
.tile.course.locked .tile-content,
.tile.course.play  .tile-content,
.tile.course.free .tile-content,
.tile.course.back-cover .tile-content,
.tile.course.app .tile-content {
    top: 156px;
}

.tile.course .tile-content * {
    color: #FFF;
    text-shadow: none;
}

.tile.course:hover .tile-content {
    top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.tile.course:hover .tile-corner-image {
    display: none;
}

.tile.course .course-title {
    font-size: 13px;
    line-height: 1.17em;
    max-height: 2.8em;
    min-height: 2.5em;
    overflow: hidden;
    font-weight: normal;
    margin: 0;
    padding: 5px;
}

.tile.course .course-hover-details {
    position: absolute;
    top: 52px;
    bottom: 0;
    left: 5px;
    right: 5px;
    background: none;
}

.tile.course .course-hover-details.empty {
    background: url('../images/tile/ajax-loader.gif') center center no-repeat;
}

.tile.course .course-action {
    height: 70px;
    display: block;
    text-align: center;
}
.tile.course .course-action-locked {
    background: #666 url('../images/tile/icon-lock.png') 12px center no-repeat;
    min-height: 50px;
    text-align: left;
    padding: 5px 5px 5px 52px;
    margin: 0 -5px;
}
.tile.course .course-action .play-btn {
    display: block;
    width: 60px;
    height: 60px;
    padding-top: 30px;
    margin: 0 auto;
    background: url('../images/tile/icon-play-big.png') center bottom no-repeat;
}

.course-list.full.tb .course-tile .course-action-locked-reason {
    top:160px;
    height: 0px;
    position: absolute;
    left: 0px;
    right: auto;
    width: 100%;
    background: #666666;
    background: rgba(102, 102,102, 0.8);
    color: #FFF;
    padding: 4px 10px;
}
.course-list.full.tb .course-tile:hover .course-action-locked-reason {
    top: 110px;
    height: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}


.course-list.half.tb .course-tile .course-action-locked-reason,
.course-list.twothird.tb .course-tile .course-action-locked-reason {
    top:115px;
    height: 0px;
    position: absolute;
    left: 0px;
    right: auto;
    width: 100%;
    background: #666666;
    background: rgba(102, 102,102, 0.8);
    color: #FFF;
    margin: 0;
    padding: 4px 10px;
}
.course-list.half.tb .course-tile:hover .course-action-locked-reason,
.course-list.twothird.tb .course-tile:hover .course-action-locked-reason {
    top: 65px;
    height: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}


.course-list.onethird:not(.tb) .course-tile .course-action-locked-reason,
.course-list.twothird:not(.tb) .course-tile .course-action-locked-reason,
.course-list.half:not(.tb) .course-tile .course-action-locked-reason,
.course-list.full:not(.tb) .course-tile .course-action-locked-reason {
    float: right;
    bottom:0px;
    height: 0px;
    position: absolute;
    right: 0px;
    width: auto;
    background: #666666;
    background: rgba(102, 102,102, 0.8);
    color: #FFF;
    padding: 0 10px;
    margin: 0 170px 0 0;
}
.course-list.onethird:not(.tb) .course-tile:hover .course-action-locked-reason,
.course-list.twothird:not(.tb) .course-tile:hover .course-action-locked-reason,
.course-list.half:not(.tb) .course-tile:hover .course-action-locked-reason,
.course-list.full:not(.tb) .course-tile:hover .course-action-locked-reason {
    padding: 4px 10px;
    height: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.course-list.onethird:not(.tb) .course-tile .course-action-locked-reason {
    margin: 0 70px 0 0;
}

.tile.course .subscribe-now-btn {
}

.tile.course .subscribe-now-btn .icon i {
    background: url('../images/icon-info.png') center center no-repeat;
}

.tile.course .course-info {
}

.tile.course .course-info span {
    display: block;
    float: left;
    font-size: 11px;
    font-weight:bold;
    min-height: 18px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-left: 5%;
}

.tile.course .course-info-time {
    background: url('../images/tile/icon-time.png') left center no-repeat;
    padding-left: 26px;
}

.tile.course .course-info-progress {
    background: url('../images/tile/icon-battery.png') left center no-repeat;
    padding-left: 26px;
}

.tile.course .course-info-role {
    background: url('../images/tile/icon-user.png') left center no-repeat;
    padding-left: 26px;
    width: 50%;
}

.tile.course .course-info-category {
    background: url('../images/tile/icon-globe.png') 1px center no-repeat;
    padding-left: 26px;
}

.tile.course .course-info-type {
    padding-left: 32px;
}
.tile.course .course-info-type.mobile {
    padding-left: 20px;
}

.course-type-sprite {
    background: url('../images/tile/course_type_sprite.png') no-repeat;
}
.course-type-sprite.elearning {
    background-position:  -4px -7px;
    width: 27px;
    height: 18px;
}
.course-type-sprite.classroom {
    background-position: -68px -4px;
    width: 23px;
    height: 23px;
}
.course-type-sprite.mobile {
    background-position:  -43px -4px;
    width: 13px;
    height: 23px;
}
.course-type-sprite.webinar {
    background: url('../images/i-sprite.png') no-repeat;
    background-position: -212px -2500px;
    width: 20px;
    height: 23px;
}

/* Tiles container */
.tile-group-container {
}

/* Style for custom alerts */
.alert {
    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;
    /*
    text-align: center;
    font-size: 15px;
    background-color: #FFA64D;
    border: none;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    border-radius: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    */
}
.alert-error{
    color:#D80100;
    /*ie7 only*/
    *border-bottom:5px solid #D80100;
}
.alert-success{
    color:#65B463;
    /*ie7 only*/
    *border-bottom:5px solid #65B463;
}
.alert:after {
    content:" ";
    display: block;
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    border-bottom:5px solid #333333;
}
.alert-error:after{
    border-bottom-color:#D80100;
}
.alert-success:after{
    border-bottom-color:#65B463;
}
.alert .close {
    right:0;
    opacity: 1;
    filter: alpha(opacity = 100);
}


.alert-compact,
.alert-compact:after {
    padding: 0px;
    border: none !important;
    margin: 0px;
    box-shadow: none;
    -webkit-box-shadow:  none;
    -moz-box-shadow:  none;
    -moz-border-radius: 0px;
}


.info-box {
    padding: 10px;
    color: #000;
    border: none !important;
    margin: 0px;
    box-shadow: none;
    -webkit-box-shadow:  none;
    -moz-box-shadow:  none;
    -moz-border-radius: 0px;
}

.info-box.info-box-info {
    background-color: #FBE792;
}

.info-box.info-box-success {
    background-color: #5FBF5F;
    color: white;
}


/* Styling for apps area cart */
.btn-buy-apps-cart {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 38px;
    padding: 0 12px 0 0;
    position: relative;
}

.btn-buy-apps-cart span.cart-icon {
    display: inline-block;
    background: url('../images/icon-cart-blue-medium.png') center center no-repeat;
    width: 24px;
    height: 25px;
    margin: 0 8px 0 12px;
    vertical-align: middle;
}

.btn-buy-apps-cart span.count-items {
    position: absolute;
    top: 12px;
    left: 2px;
    color: #FFF;
    background: #F00;
    border: 2px solid white;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    height: 22px;
    width: 22px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 0px black;
}

/* Metro style modals */
.metro.modal {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.metro.modal.wide {
    width: 875px;
    margin-left: -400px;
}

.metro.modal .modal-header {
    border: none;
    min-height: 20px;
    padding: 7px 18px;
    border-bottom: 1px solid #cccccc;
    position: relative;
}

.metro.modal .modal-header * {
    margin: 0;
}

.metro.modal .modal-header .close {
    display: inline-block;
    background: url(../images/shared/icons_elements.png) -179px -133px no-repeat;
    height: 10px;
    width: 10px;
    line-height: 100px;
    overflow: hidden;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    position: absolute;
    right: 20px;
    top: 17px;
    float: none;
    z-index: 1;
    text-indent: -9999px;
}

/*.metro.modal .modal-header h3 {
    background: url('../images/icon-grid-black-medium.png') left center no-repeat;
    padding-left: 35px;
}*/

.metro.modal.wide .modal-header h3 {
    background: none;
    padding-left: 0;
}

.metro.modal .modal-body {
    padding: 30px 20px 20px;
}

.metro.modal a.underline {
    text-decoration: none;
    border-bottom: 1px solid #0465AC;
}

.app-details.modal .before-confirm-btn-container {
    float: right;
    margin: 0 0 20px 20px;
}
.metro.modal.app-details .modal-header h3{
    color: #FFF;
    font-size: 20px;
    text-shadow: 1px 1px #000000;
    font-weight: normal;
}
.metro.modal.app-details .modal-body h3{
    font-size:14px;
}
.metro.modal.app-details .modal-body {
    padding: 15px;
    max-height: none;
}
.app-details.modal .before-confirm-btn-container .well {
}

.app-details.modal .before-confirm-btn-container h4 {
    font-size: 18px;
}

.app-details.modal .before-confirm-btn-container .price {
    font-size: 15px;
}

.app-details.modal .icon-ok {
    background: url('../images/icon-success-medium.png') 0px 0px no-repeat;
    width: 25px;
    height: 25px;
    position: relative;
    bottom: 5px;
    margin-left: 8px;
}

.app-details.modal .credit-card-image-wrapper {
    background: url('../images/icon-creditcard-medium.png') left center no-repeat;
    min-height: 35px;
    padding-left: 60px;
}

.app-details.modal .trial-expiration-notice {
    float: right;
    line-height: 35px;
}

.app-details.modal .btn-buy-app {
}

.app-details.modal .btn-start-trial {
}

#dialog_reset_user_lo_stats.modal-body label{
    margin-left: 25px;
}

.mandatory {
    color: #e32;
}

/** Terms and conditions Dialog2 */
.read-tos-modal.modal {
}

.read-tos-modal.modal .modal-body {
    max-height: 500px;
}


.register-instructions {
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
}

.register-fields {
    background:#eeeeee;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.register-fields .internal {
    margin-left:20px;
    margin-right:20px;
    padding-top:15px;
    padding-bottom:15px;
}

.register-policy {
    padding-left:20px;
    padding-top:20px
}

.register-policy input {
    margin-top: -4px;
}

.register-error{
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
}

.register-footer {
    background:#eeeeee;
    padding-right:20px;
    padding-top:5px;
    border-top:1px solid #cccccc;
}

.register-footer-multistep {
    background:#eeeeee;
    padding-right:20px;
    padding-top:5px;
    border-top:1px solid #cccccc;
    text-align: right;
}

/* ----------------------------------------------------------------------------
    Userlimit styles
    TODO: this should become an asset
---------------------------------------------------------------------------- */

/* Switch interface*/

/* Switch interface (simplified/advanced) with Dialog */

.switch_interface_dialog {
    width: 680px;
    margin-left:-340px;
    margin-top:0px;
    top:20px;
}
.switch_interface_dialog .modal-header{border:0px none;padding-top:0;padding-bottom:0;}
.switch_interface_dialog .modal-body{max-height:700px;clear:both}
.switch_interface_dialog .modal-footer{display:none;}

.interface_wrapper {
    width: 50%;
    min-height: 200px;
    max-height: 100%;
    overflow: hidden;
    position: relative;
}

.interface_wrapper .gray_line {
    width: 100%;
    height: 5px;
    background: #CCCCCC;
    position: absolute;
    top: 15px;
    left: 0;
}

.interface_wrapper .gray_vertical {
    width: 1px;
    height: 90%;
    position: absolute;
    left: 0;
    top: 15px;
    background: #ccc;
}

.interface_wrapper .heading_wrapper {
    width: 246px;
    height: 56px;
    margin: auto;
    position: relative;
}

.heading_wrapper .black_heading {
    background: url('../images/userlimit/black_head.png');
    background-position: center;
    width: 100%;
    height: 100%;
}

.heading_wrapper .blue_heading {
    background: url('../images/userlimit/blue_head.png');
    background-position: center;
    width: 100%;
    height: 100%;
}

.blue_apartment_wrapper {
    text-align: center;
    margin: 28px auto 10px auto;
}

.black_apartment_wrapper {
    text-align: center;
    margin: 20px auto 10px auto;
}

.interface_wrapper .version_description {
    text-align: center;
    margin: auto 10px;
    font-size:12px;
    color: #333333;
}

.interface_wrapper .features_listing {
    margin: 30px 10% 30px 15%;
    font-size:12px;
    color: #333333;
}

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

.feature_wrapper .feature_img {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    padding: 0;
    text-align: center;
}

.switch_interface_buttons {
    width: 100%;
    padding: 10px 0;
    background: #E4E6E5;
    border-top: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    font-family: arial;
    color: #333333;
}

.switch_interface_buttons .switch_button_wrapper {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 12px;
}

.switch_interface_buttons .switch_button_holder {
    padding-top: 5px;
    text-transform: uppercase;
}

.switch_button_wrapper .check_img {
    margin-right: 10px;
}
.switch_interface_dialog .version_name {
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 0;
}
.switch_interface_dialog .version_name > span{
    color:#333333;
}
/* Support */

#support-form .block-header a {
    background-color: #333;
    color: #FFF;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
}

#support-form .block-header a:hover {
    text-decoration: underline;
}

#support-form h4.tutorials,
#support-form h4.manuals {
    border-bottom: 1px solid #CCC;
    margin-top: 15px;
    padding: 10px 0 4px 28px;
    line-height: 16px;
}

#support-form h4.manuals {
    background: url('../images/userlimit/support_manuals_header_bg.png') left center no-repeat;
}

#support-form ul {
    margin: 5px 0 0;
}

#support-form ul li {
    list-style-type: none;
    border-bottom: 1px solid #EEE;
    padding: 2px 0;
}

#support-form ul li a {
    color: #333;
}

#support-form input[type="text"],
#support-form textarea {
    width: 98%;
}

/* trial ended popup modal */



#subscriptionUpgradeModal {
    width: 530px;
    margin-left: -265px;
    text-align: center;
    z-index: 7501;
}


#subscriptionUpgradeModal .modal-header {
    text-align: left;
    color: white;
}

#subscriptionUpgradeModal .modal-header h2 {
    font-weight: normal;
    color: white;
    font-size: 23px;
    margin: 3px 0px;
}


#subscriptionUpgradeModal .modal,
#subscriptionUpgradeModal .modal-body {
    padding: 0px;
}

#subscriptionUpgradeModal .modal-body .expired-note {
    font-size: 23px;
    margin: 15px 0px;
    text-transform: uppercase;
}

#subscriptionUpgradeModal .modal-body .expired-note.for-user {
    font-size: 16px;
    margin: 15px 0px;
    line-height: 30px;
}

#subscriptionUpgradeModal .modal-body .user-action {
    border-top: 1px solid #ddd;
    padding: 15px 0px;
}

#subscriptionUpgradeModal .modal-body .action-text {
    padding-right: 5px;
    padding-left: 15px;
    text-align: right;
}


#subscriptionUpgradeModal .modal-body .big-timer {
    margin: 15px 0px;
}



#subscriptionUpgradeModal .modal-body h4 {
}

#subscriptionUpgradeModal .modal-body .subscription-upgrade-btn {
}

#subscriptionUpgradeModal .modal-footer {
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 14px 15px 15px;
    background-color: #f1f3f2;
}

#subscriptionUpgradeModal .modal-footer p {
    line-height: 25px;
}

#subscriptionUpgradeModal .modal-footer p > i {
}

#subscriptionUpgradeModal .modal-footer p a {
}

#subscriptionUpgradeModal a.contact-sales-team {
    color: #0465AC;
    text-decoration: underline;
    font-weight: 600;
}


/* reinsert credit cart data popup modal */

#reinsertCCDataModal {
    width: 600px;
    margin-left: -265px;
    text-align: center;
    z-index: 7501;
    top: 200px;
}

#reinsertCCDataModal .modal-header {
    text-align: left;
    color: white;
    padding-left: 23px;
}

#reinsertCCDataModal .modal-header h2 {
    font-weight: normal;
    color: white;
    font-size: 23px;
    margin: 3px 0px;
    line-height: 60px;
}

#reinsertCCDataModal .fa-warning{
    color: #e94b3c;
    display: block;
    position: relative;
    top: -87px;
    left: 73px;
}
#reinsertCCDataModal .action-text {
    font-size: 16px;
    margin-top: 5px;
}
#reinsertCCDataModal .span12 {
    margin-left: 0px;
}

#reinsertCCDataModal .notnow {
    color:#bbbbbb;
    text-transform: uppercase;
    position: relative;
    left: -318px;
    text-decoration: underline;
}

#reinsertCCDataModal .modal-body {
    padding: 20px;
}

#reinsertCCDataModal .fa-credit-card {
    font-size: 6em;
}

.contact-sales-modal .modal-body {
    overflow: visible;
}



#contactSales-form .input-xlarge {
    width: 98%;
}

/* Addcourse and Import Course from Marketplace Dialogs */
.addcourse_dialog_wrapper{
    max-width: 900px;
}
.addcourse_thumb {
    width: 160px;
    height: 110px;
    text-align:center;
    background:#eee;
    border:1px solid #aaa;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.addcourse_thumb > input[type="file"] {
    opacity:0;
    filter: alpha(opacity = 0);
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    cursor:pointer;
    zoom:1;
}

.addcourse_thumb_selected {
    width: 155px;
    height: 105px;
    border: 2px solid black;
}
.scrollright img, .scrollleft img {
    padding-top: 40px;
    padding-left: 20px;
    cursor:pointer;
}
.ownimage_icon {
    margin-top: 15px;
}

.registration-success, .registration-failure {
    padding:20px;
}

.top-label-wrapper{
    width:100%;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.top-label-icon{
    margin-top:3px;
}
.top-label-text{
    margin-left: 100px;
    font-size:21px;
}
.top-label-text h1{
    font-weight:bold;
    font-size:35px;
    color: #0465AC;
}


a.external {
    background: url('../images/external_link.png') center right no-repeat;
    background-position: 98% 50%;
    padding-right: 13px;
}


/*
    Styling of the trial extending page layout
*/
body.l-basic {background: url(../images/home-back.jpg) 0 0 repeat-x #C2D1E4;}

body.l-basic #maincontent > .inner-container {
    border: 1px solid #CCCCCC;
    min-height: 463px;
    padding: 0;
    background: #DDE4EA url('../images/trial/trial_ext_bg.png') right center no-repeat;
}

.trial-ext-content {
    padding: 60px;
}
.trial-ext-content > h2 {
    color: #333;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 26px;
    line-height: 1.2em;
}
.trial-ext-content .extension-info {
    font-size: 20px;
    line-height: 1.4em;
    margin: 30px 0;
}
.trial-ext-content .extension-info .saas-url {
    font-size: 26px;
    font-weight: bold;
}
.trial-ext-content .btn-buy,
.trial-ext-content .btn-contact,
.trial-ext-content .btn-extend-trial {
    height: 50px;
    line-height: 50px;
    padding: 0 14px;
    text-transform: uppercase;
}
.trial-ext-content .btn-extend-trial {
    font-size: 33px;
}
.trial-ext-content .btn-extend-trial > i {
    display: block;
    float: left;
    width: 31px;
    height: 31px;
    margin-top: 10px;
    margin-right: 10px;
    background: url('../images/trial/trial_ext_btn_icon.png');
}
.trial-ext-content .btn-buy {
    font-size: 28px;
}
.trial-ext-content .btn-buy > i {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 12px;
    margin-right: 10px;
    background: url('../images/buttons/icon-cart-25x25.png');
}
.trial-ext-content .btn-contact {
    font-size: 20px;
}
.trial-ext-content .btn-contact > i {
    display: block;
    float: left;
    width: 27px;
    height: 18px;
    margin-top: 16px;
    margin-right: 10px;
    background: url('../images/buttons/icon-mail.png');
}
.trial-ext-content .expire-info {
    font-size: 15px;
}
.trial-ext-content .btn-lmscontinue {
    font-size: 33px;
    line-height: 1.2em;
}

.trial-extended-modal {
    width: 386px;
    margin-left: -193px;
}
.modal.trial-extended-modal .modal-body {
    text-align: center;
    padding: 0 20px 30px;
}
.trial-extended-modal .modal-body h2 {
    margin-top: 10px;
    font-size: 25px;
    line-height: 1.2em;
    text-transform: uppercase;
}
.trial-extended-modal .modal-body h4 {
    color: #333;
    font-size: 20px;
    font-weight: normal;
}
.trial-extended-modal .modal-body p {
    font-size: 15px;
    margin-top: 20px;
}
.trial-extended-modal .modal-body .btn {
    min-width: 140px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.trial-extended-modal .modal-footer {
    display: none;
}

/**
    App settings form
*/
#app-settings-form {
    margin-top: 15px;
}
.app-settings-url {
    text-decoration: underline;
    font-size: 13px;
    line-height: 28px;
}
.app-link-read-manual {
    float: right;
    border: 1px solid #CCC;
    color: #333;
    background: #E4E6E5 url('../images/moreinfo.png') 25px center no-repeat;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 7px 27px 7px 53px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #FFF;
}
.app-link-read-manual:hover {
    text-decoration: none;
}
.app-download-manual-info {
    float: right;
    margin: 5px 10px 5px 0;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
}

/* Coupons sprite */
.coupons-sprite {
    background: url('../images/coupons_sprite.png') no-repeat;
}
.coupons-sprite.icon-bigass-dollartag {
    background-position: -1px -1px;
    width: 39px;
    height: 39px;
}
.coupons-sprite.icon-bigass-dollartag.white {
    background-position: -194px -1px;
}
.coupons-sprite.icon-dollartag-medium {
    background-position: -45px -1px;
    width: 27px;
    height: 27px;
}
.coupons-sprite.icon-dollartag {
    background-position: -55px -43px;
    width: 19px;
    height: 19px;
}
.coupons-sprite.icon-dollartag.white {
    background-position: -30px -44px;
    width: 19px;
    height: 19px;
}
.coupons-sprite.icon-dollartag-multiple {
    background-position: -2px -44px;
    width: 22px;
    height: 20px;
}
.coupons-sprite.icon-scissors {
    background-position: -81px -42px;
    width: 14px;
    height: 20px;
}
.coupons-sprite.icon-assigned-courses {
    background-position: -116px -1px;
    width: 28px;
    height: 20px;
}
.coupons-sprite.icon-details-large {
    background-position: -79px -1px;
    width: 32px;
    height: 28px;
}

/* Ecommerce app settings */


.ecommerce-app-settings {}

.ecommerce-app-settings .sidebar a.settings span {
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-position: -392px -230px;
}
.ecommerce-app-settings .sidebar a.settings:hover span,
.ecommerce-app-settings .sidebar a.settings.active span {
    background-position: -419px -230px;
}

.ecommerce-app-settings .sidebar a.coupons span {
    background: url('../images/coupons_sprite.png') no-repeat;
    height: 19px;
    width: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 8px;
    background-position: -55px -43px;
}
.ecommerce-app-settings .sidebar a.coupons:hover span,
.ecommerce-app-settings .sidebar a.coupons.active span {
    background-position: -30px -44px;
}

.ecommerce-app-settings .sidebar a.paypal span,
.ecommerce-app-settings .sidebar a.paypal_payments span,
.ecommerce-app-settings .sidebar a.payflow span {
    background: url('../images/coupons_sprite.png') no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 8px;
    background-position: -149px -2px;
}
.ecommerce-app-settings .sidebar a.paypal:hover span,
.ecommerce-app-settings .sidebar a.paypal.active span,
.ecommerce-app-settings .sidebar a.paypal_payments:hover span,
.ecommerce-app-settings .sidebar a.paypal_payments.active span,
.ecommerce-app-settings .sidebar a.payflow:hover span,
.ecommerce-app-settings .sidebar a.payflow.active span {
    background-position: -172px -2px;
}

.ecommerce-app-settings .sidebar a.authorizedotnet span,
.ecommerce-app-settings .sidebar a.authorizedotnetv2 span {
    background: url('../images/coupons_sprite.png') no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 8px;
    background-position: -148px -28px;
}
.ecommerce-app-settings .sidebar a.authorizedotnet:hover span,
.ecommerce-app-settings .sidebar a.authorizedotnet.active span,
.ecommerce-app-settings .sidebar a.authorizedotnetv2:hover span,
.ecommerce-app-settings .sidebar a.authorizedotnetv2.active span {
    width: 21px;
    height: 15px;
    background-position: -172px -28px;
}

.ecommerce-app-settings .sidebar a.adyen span {
    background: url('../images/coupons_sprite.png') no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 8px;
    background-position: -148px -28px;
}
.ecommerce-app-settings .sidebar a.adyen:hover span,
.ecommerce-app-settings .sidebar a.adyen.active span {
    background-position: -172px -28px;
    width: 21px;
    height: 15px;
}

.ecommerce-app-settings .sidebar a.stripe span,
.ecommerce-app-settings .sidebar a.stripev2 span,
.ecommerce-app-settings .sidebar a.cybersource span,
.ecommerce-app-settings .sidebar a.zuora span,
.ecommerce-app-settings .sidebar a.nars span{
    background: url('../images/coupons_sprite.png') no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 8px;
    background-position: -148px -28px;
}
.ecommerce-app-settings .sidebar a.stripe:hover span,
.ecommerce-app-settings .sidebar a.stripev2:hover span,
.ecommerce-app-settings .sidebar a.cybersource:hover span,
.ecommerce-app-settings .sidebar a.stripe.active span,
.ecommerce-app-settings .sidebar a.stripev2.active span,
.ecommerce-app-settings .sidebar a.cybersource.active span,
.ecommerce-app-settings .sidebar a.zuora.active span,
.ecommerce-app-settings .sidebar a.zuora:hover span,
.ecommerce-app-settings .sidebar a.nars.active span,
.ecommerce-app-settings .sidebar a.nars:hover span{
    background-position: -172px -28px;
    width: 21px;
    height: 15px;
}

.ecommerce-app-settings .sidebar a.wiretransfer span {
    background: url('../images/coupons_sprite.png') no-repeat;
    width: 22px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 8px;
    background-position: -147px -44px;
}
.ecommerce-app-settings .sidebar a.wiretransfer:hover span,
.ecommerce-app-settings .sidebar a.wiretransfer.active span {
    background-position: -172px -44px;
    width: 22px;
    height: 18px;
}

.ecommerce-app-settings .tab-content > h4 {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #efefef;
}
.ecommerce-app-settings .list-view .item {
    width: 47%;
}
.ecommerce-app-settings .grid-view .td-button-container {
    text-align: center;
    padding: 0;
    width: 20px;
}
.ecommerce-app-settings .link-edit-coupon {
    margin: 3px 8px 0 12px;
    display: inline-block;
}
.ecommerce-app-settings .link-delete-coupon {}
.ecommerce-app-settings .link-coupon-details {}

.ecommerce-app-settings #coupons-search-form {}
.ecommerce-app-settings #coupons-search-form .hide-expired-label {
    float: left;
    padding: 10px;
    line-height: 30px;
    margin-left: 30px;
}
.ecommerce-app-settings #coupons-search-form .validity-filter-label {
    float: left;
    padding: 10px 10px 10px 0;
    line-height: 30px;
}

/* EDIT COUPON MODAL */
.modal.modal-edit-coupon {width: 660px;margin-left:-330px;}
.modal-edit-coupon .modal-body {overflow-y: visible;}
.modal-edit-coupon .form-horizontal .controls {
    margin-left: 140px;
}
.modal-edit-coupon .form-horizontal .control-label {
    width: 120px;
}
.modal-edit-coupon .help-block {margin: -10px 0 0 20px;}
.modal-edit-coupon #generateCouponCode {margin: 0;}
.modal-edit-coupon label.discount-percent,
.modal-edit-coupon label.discount-amount {
    float: left; padding-top: 0 !important;
}
.modal-edit-coupon .discount-percent {}
.modal-edit-coupon .discount-amount {margin-left: 30px;}
.modal-edit-coupon .validity-period {margin-bottom: 10px;}
.modal-edit-coupon .validity-period > input {margin: -2px 5px 0 0;}
.modal-edit-coupon .valid-from,
.modal-edit-coupon .valid-to {display: inline-block;}
.modal-edit-coupon .valid-from {margin-right: 10px;}
.modal-edit-coupon .valid-from label,
.modal-edit-coupon .valid-to label {display: inline;margin-right: 8px;}
.modal-edit-coupon .valid-from input,
.modal-edit-coupon .valid-to input {width: 75px;}
.modal-edit-coupon .usage-count {width: 40px !important;}
.modal-edit-coupon .discount-percent input[type="text"] {width: 40px !important;}
.modal-edit-coupon .discount-amount input[type="text"] {width: 60px !important;}
.modal-edit-coupon .min-order input[type="text"] {width: 60px !important;}
.modal-edit-coupon .modal-header h3 { padding-left: 0; }
.modal-edit-coupon .modal-header h3 i { margin-right: 12px; }

/* ASSIGN COUPON COURSES MODAL */
.modal.modal-assign-coupon-courses {
    width: 960px;
    margin-left: -480px;
}
.modal-assign-coupon-courses .modal-body {
    max-height: 555px;
    overflow-y: scroll;
}
.modal-assign-coupon-courses .modal-header h3 { padding-left: 0; }
.modal-assign-coupon-courses .modal-header h3 i {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: -4px;
    background-image: url(../images/icons_elements.png);
    background-position: -354px -121px;
    width: 33px;
    height: 25px;
}

/* COUPON DETAILS MODAL */
.modal.modal-coupon-details {
    width: 840px;
    margin-left: -420px;
}
.modal-coupon-details .coupon-stats-container {
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
}
.modal-coupon-details .coupon-stats-container .coupon-description {padding-top: 8px;}
.modal-coupon-details .coupon-stats-container .coupon-description span {
    float: left;
    margin-right: 10px;
}
.modal-coupon-details .coupon-stats-container .coupon-stats {}
.modal-coupon-details .coupon-stats-container .coupon-stats > div {
    text-align: center;
    float: right;
    margin-left: 20px;
}
.modal-coupon-details .coupon-stats-container .coupon-stats > div > i {
    display: block;
    margin: 0 auto 12px;
    height: 22px;
}
.modal-coupon-details #coupon-transactions-grid {padding-top: 0;}
.modal-coupon-details .filters-wrapper .selections {min-height: 40px;}
.modal-coupon-details .dd-filter-wrapper label {display: inline;}
.modal-coupon-details .dd-filter-wrapper select {margin: 4px 0 0 10px;}
.modal-coupon-details .modal-header h3 {padding-left: 0;}
.modal-coupon-details .modal-header h3 i {
    margin-right: 12px;
}

.bootcamp-coupon-assigncourses > span {
    background: url('../images/icons_elements.png') no-repeat -322px -36px;
    width: 48px;
    height: 36px;
}
.bootcamp-coupon-assigncourses.active > span,
.bootcamp-coupon-assigncourses:hover > span {
    background-position: -379px -35px;
}

.curricula-view .items div .assignCourses,
#coupon-management-grid .items td .assignCourses {
    background-image: url(../images/icons_elements.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 22px;
    margin-left: 5px;
    vertical-align: middle;
}


/**
    Video Conferencing grid view and form
*/

[id^="conf-grid-view"].grid-view
{
    background: white;
    padding: 15px 0;
}
[id^="conf-grid-view"].grid-view .button-column
{
    width: 90px;
}

[id^="conf-grid-view"].grid-view table.items
{
    border-collapse: collapse;
    width: 100%;
}

[id^="conf-grid-view"].grid-view table.items th,
[id^="conf-grid-view"].grid-view table.items td
{
    background: white;
    font-size: 0.9em;
    padding: 0.3em;
}

[id^="conf-grid-view"].grid-view table.items th
{
    background:white;
    color: #0573c6;
    text-align: center;
    text-align: left !important;
}

[id^="conf-grid-view"].grid-view table.items th
{
    color: #0573c6;
    text-transform: uppercase;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    text-decoration: none;
}

[id^="conf-grid-view"].grid-view table.items tr.even,
[id^="conf-grid-view"].grid-view table.items tr.odd
{
    background:white;
    border-top: 1px solid #ddd;
}

[id^="conf-grid-view"].grid-view table.items td,
[id^="conf-grid-view"].grid-view table.items th
{
    font-size: 12px;
    padding: 8px 8px 8px 8px;
}

[id^="conf-grid-view"].grid-view,
[id^="conf-grid-view"].table.items tbody tr:hover
{
    background: white;
}

#conf-rooms-active .grid-view div.summary {display: none;}

#form-create-room {}

#form-create-room select.input-small { width: 104px; }
#form-create-room select.input-xlarge { width: 285px; }
#form-create-room .datepickr input { width: 90px; }

.modal.videoconf-room-dialog{
    width: 730px;
    margin-left: -365px;
}


.modal.videoconf-room-dialog .modal-body {
    min-height: 240px;
    overflow-y: hidden;
    max-height: 500px !important;
}


a.nounderline,
a.nounderline:hover {
    text-decoration: none;
}


.nounderline {
    text-decoration: none;
}


a.underline,
a.underline:hover {
    text-decoration: underline;
}

.underline {
    text-decoration: underline;
}

.color-inherited {
    color: inherit;
}


/*
    Styling for callout messages
*/
.callouts-wrapper {
    /*     position: absolute; */
    position: fixed;
    width: 350px;
    /* Menu start at 1030, modals start at 1040, don't go over either! */
    z-index: 1025;
    background-color: #FFF;
    margin-bottom: 18px;
}
.callouts-wrapper:after {
    content:" ";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0px;
    right: 0px;
    border-top: 5px solid #333;
    box-shadow: 3px 3px 6px #888;
}
.callouts-wrapper .message {
    min-height: 30px;
    font-size: 13px;
    padding: 8px 10px;
    color: #333;
    text-shadow: 1px 1px 1px #FFF;
    display: block;
    border: 1px solid #ddd;
    position: relative;
    box-shadow: 3px 3px 6px #888;
}

.callouts-wrapper .message:after, .callouts-wrapper .message:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.callouts-wrapper .message:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFF;
    border-width: 14px;
    top: 30px;
    margin-top: -14px;
}
.callouts-wrapper .message:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #CCC;
    border-width: 15px;
    top: 30px;
    margin-top: -15px;
}
.callouts-wrapper .message .close {
    opacity: 1;
    filter: alpha(opacity=100);
    font-weight: bold;
    font-size: 22px;
}

.callouts-wrapper .message .content {
    margin-right: 22px;
}
.callouts-wrapper .message .content a,
.callouts-wrapper .message .content strong {
    font-weight: bold;
    text-decoration: none;
}
.callouts-wrapper .message .content h2 {
    font-size: 16px;
    margin-bottom: 6px;
}


/*
    Let's customize each type of callout
    *** the generic callout - no button assigned ***
*/
.callouts-wrapper.btn-generic {
    position: relative;
    width: 100%;
}
.callouts-wrapper.btn-generic:after {
    box-shadow: none;
}
.callouts-wrapper.btn-generic .message .content {
    margin-left: 38px;
}
.callouts-wrapper.btn-generic .message .content h2,
.callouts-wrapper.btn-generic .message .content a,
.callouts-wrapper.btn-generic .message .content strong {
    color: #333;
}
.callouts-wrapper.btn-generic .message:before,
.callouts-wrapper.btn-generic .message:after {
    display: none;
}

/**** the buy now button assigned callout ****/
.callouts-wrapper.btn-buy_now:after {
    border-top: 10px solid #63BE5F;
    bottom: -10px;
}
.callouts-wrapper.btn-buy_now .message .content h2,
.callouts-wrapper.btn-buy_now .message .content a,
.callouts-wrapper.btn-buy_now .message .content strong {
    color: #63BE5F;
}


.callouts-wrapper .message
{
    min-height: 70px;
}


.callouts-wrapper.btn-generic .message
{
    min-height: 30px;
}

/**** the marketplace button assigned callout ****/
.callouts-wrapper.btn-marketplace:after {
    border-top: 10px solid #999999;
    bottom: -10px;
}
.callouts-wrapper.btn-marketplace .message .content h2,
.callouts-wrapper.btn-marketplace .message .content a,
.callouts-wrapper.btn-marketplace .message .content strong {
    color: #999999;
}

/**** the apps button assigned callout ****/
.callouts-wrapper.btn-apps:after {
    border-top: 10px solid #FF5D26;
    bottom: -10px;
}
.callouts-wrapper.btn-apps .message .content h2,
.callouts-wrapper.btn-apps .message .content a,
.callouts-wrapper.btn-apps .message .content strong {
    color: #FF5D26;
}

/**** the helpdesk button assigned callout ****/
.callouts-wrapper.btn-helpdesk:after {
    border-top: 10px solid #0465AC;
    bottom: -10px;
}
.callouts-wrapper.btn-helpdesk .message .content h2,
.callouts-wrapper.btn-helpdesk .message .content a,
.callouts-wrapper.btn-helpdesk .message .content strong {
    color: #0465AC;
}

/** Fluid Thumbnails: comfort (margin ~30px) */
ul.thumbnails.fluid.comfort {margin-left: -2.40384615384615%;}
ul.thumbnails.fluid.comfort > li {margin-left:2.40384615384615%;}
ul.thumbnails.fluid.comfort > li.span1 {width: 5.92948717948718%;}
ul.thumbnails.fluid.comfort > li.span2 {width: 14.2628205128205%;}
ul.thumbnails.fluid.comfort > li.span3 {width: 22.5961538461538%;}
ul.thumbnails.fluid.comfort > li.span4 {width: 30.9294871794872%;}
ul.thumbnails.fluid.comfort > li.span5 {width: 39.2628205128205%;}
ul.thumbnails.fluid.comfort > li.span6 {width: 47.5961538461538%;}
ul.thumbnails.fluid.comfort > li.span7 {width: 55.9294871794872%;}
ul.thumbnails.fluid.comfort > li.span8 {width: 64.2628205128205%;}
ul.thumbnails.fluid.comfort > li.span9 {width: 72.5961538461538%;}
ul.thumbnails.fluid.comfort > li.span10 {width: 80.9294871794872%;}
ul.thumbnails.fluid.comfort > li.span11 {width: 89.2628205128205%;}
ul.thumbnails.fluid.comfort > li.span12 {width: 97.5961538461538%;}


/** Fluid Thumbnails: cozy (margin = ~15px) */
ul.thumbnails.fluid.cozy {margin-left: -1.21654501216545%;}
ul.thumbnails.fluid.cozy > li {margin-left:1.21654501216545%;}
ul.thumbnails.fluid.cozy > li.span1 {width: 7.11678832116788%;}
ul.thumbnails.fluid.cozy > li.span2 {width: 15.4501216545012%;}
ul.thumbnails.fluid.cozy > li.span3 {width: 23.7834549878345%;}
ul.thumbnails.fluid.cozy > li.span4 {width: 32.1167883211679%;}
ul.thumbnails.fluid.cozy > li.span5 {width: 40.4501216545012%;}
ul.thumbnails.fluid.cozy > li.span6 {width: 48.7834549878346%;}
ul.thumbnails.fluid.cozy > li.span7 {width: 57.1167883211679%;}
ul.thumbnails.fluid.cozy > li.span8 {width: 65.4501216545012%;}
ul.thumbnails.fluid.cozy > li.span9 {width: 73.7834549878345%;}
ul.thumbnails.fluid.cozy > li.span10 {width: 82.1167883211679%;}
ul.thumbnails.fluid.cozy > li.span11 {width: 90.4501216545012%;}
ul.thumbnails.fluid.cozy > li.span12 {width: 98.7834549878345%;}


/** Fluid Thumbnails: compact (margin = ~5px) */
ul.thumbnails.fluid.compact {margin-left: -0.408830744071954%;}
ul.thumbnails.fluid.compact > li {margin-left:0.408830744071954%;}
ul.thumbnails.fluid.compact > li.span1 {width: 7.92450258926138%;}
ul.thumbnails.fluid.compact > li.span2 {width: 16.2578359225947%;}
ul.thumbnails.fluid.compact > li.span3 {width: 24.591169255928%;}
ul.thumbnails.fluid.compact > li.span4 {width: 32.9245025892614%;}
ul.thumbnails.fluid.compact > li.span5 {width: 41.2578359225947%;}
ul.thumbnails.fluid.compact > li.span6 {width: 49.591169255928%;}
ul.thumbnails.fluid.compact > li.span7 {width: 57.9245025892614%;}
ul.thumbnails.fluid.compact > li.span8 {width: 66.2578359225947%;}
ul.thumbnails.fluid.compact > li.span9 {width: 74.5911692559281%;}
ul.thumbnails.fluid.compact > li.span10 {width: 82.9245025892614%;}
ul.thumbnails.fluid.compact > li.span11 {width: 91.2578359225947%;}
ul.thumbnails.fluid.compact > li.span12 {width: 99.5911692559281%;}


/** Fluid Thumbnails: nospace (margin = 0px) */
ul.thumbnails.fluid.nospace {margin-left: -0.0%;}
ul.thumbnails.fluid.nospace > li {margin-left: 0.0%;}
ul.thumbnails.fluid.nospace > li.span1 {width: 8.33333333333333%;}
ul.thumbnails.fluid.nospace > li.span2 {width: 16.66666666666670%;}
ul.thumbnails.fluid.nospace > li.span3 {width: 25.00000000000000%;}
ul.thumbnails.fluid.nospace > li.span4 {width: 33.33333333333330%;}
ul.thumbnails.fluid.nospace > li.span5 {width: 41.66666666666670%;}
ul.thumbnails.fluid.nospace > li.span6 {width: 50.00%;}
ul.thumbnails.fluid.nospace > li.span7 {width: 58.33333333333330%;}
ul.thumbnails.fluid.nospace > li.span8 {width: 66.66666666666670%;}
ul.thumbnails.fluid.nospace > li.span9 {width: 75.00000000000000%;}
ul.thumbnails.fluid.nospace > li.span10 {width: 83.33333333333330%;}
ul.thumbnails.fluid.nospace > li.span11 {width: 91.66666666666670%;}
ul.thumbnails.fluid.nospace > li.span12 {width: 100%;}


/* Five grid layout extra css */
.enable-five-grid [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 5px;
}
.enable-five-grid .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 0.5319148936170213%;
    *margin-left: 0.4787234042553191%;
}
.enable-five-grid .row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.enable-five-grid .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0.5319148936170213%;
}
.enable-five-grid .row-fluid .span5 {
    width: 100%;
    *width: 99.94680851063829%;
}
.enable-five-grid .row-fluid .span4 {
    width: 79.8936170212766%;
    *width: 79.84042553191489%;
}
.enable-five-grid .row-fluid .span3 {
    width: 59.78723404255319%;
    *width: 59.734042553191486%;
}
.enable-five-grid .row-fluid .span2 {
    width: 39.680851063829785%;
    *width: 39.62765957446808%;
}
.enable-five-grid .row-fluid .span1 {
    width: 19.574468085106382%;
    *width: 19.52127659574468%;
}
.enable-five-grid .row-fluid .offset5 {
    margin-left: 101.06382978723404%;
    *margin-left: 100.95744680851062%;
}
.enable-five-grid .row-fluid .offset5:first-child {
    margin-left: 100.53191489361703%;
    *margin-left: 100.42553191489361%;
}
.enable-five-grid .row-fluid .offset4 {
    margin-left: 80.95744680851064%;
    *margin-left: 80.85106382978722%;
}
.enable-five-grid .row-fluid .offset4:first-child {
    margin-left: 80.42553191489363%;
    *margin-left: 80.31914893617021%;
}
.enable-five-grid .row-fluid .offset3 {
    margin-left: 60.85106382978723%;
    *margin-left: 60.744680851063826%;
}
.enable-five-grid .row-fluid .offset3:first-child {
    margin-left: 60.31914893617021%;
    *margin-left: 60.212765957446805%;
}
.enable-five-grid .row-fluid .offset2 {
    margin-left: 40.744680851063826%;
    *margin-left: 40.638297872340424%;
}
.enable-five-grid .row-fluid .offset2:first-child {
    margin-left: 40.212765957446805%;
    *margin-left: 40.1063829787234%;
}
.enable-five-grid .row-fluid .offset1 {
    margin-left: 20.638297872340424%;
    *margin-left: 20.53191489361702%;
}
.enable-five-grid .row-fluid .offset1:first-child {
    margin-left: 20.106382978723403%;
    *margin-left: 20%;
}

.input-xxlarge {
    width: 530px;
}


/* Inline Edit Panel ----------------------------------------- */

.inline-edit-panel .header {
    margin: 0;
    padding: 0 12px;
    background: #333333;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    text-shadow: 0 1px 0 #000000;
    line-height: 44px;
}

.inline-edit-panel .content {
    position: relative;
    border: 1px solid #E4E6E5;
    border-bottom: 3px solid #333333;
    padding: 30px 20px 20px;
    margin-bottom: 20px;
}

.inline-edit-panel .content .buttons {
    text-align: right;
}

.inline-edit-panel .content .footer {
}





/*-- Active users report ------------------------------------*/

#active-users-report-grid {}

#active-users-report-grid .active {
    color: green;
    font-weight: bold;
}

#active-users-report-grid .overbooked{
    color: red;
    font-weight: bold;
}

.docebo-form.active-users-report {
    background-color: #f1f3f2;
    border-bottom: 1px solid #fefefe;
    border-top: 1px solid #fefefe;
}



/*-- Activate course (auto registration) -----------------------*/


.autoreg-form {
    margin-top: 50px;
    padding: 30px;
}


.autoreg-form .autoreg-code {
    text-transform: uppercase;
}

.autoreg-form .autoreg-note  {
    width: 500px;
    font-size: 1.2em;
    line-height: 30px;
    font-weight: 600;
}

#header{position: relative;}
.docebo-bug-report {
    width: 14px;
    height: 14px;
    background: url('../images/bugReport.png') no-repeat;
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.bug-report{
    position: absolute;
    right: 14px;
    bottom: -37px;
}





/*-- Image management panel. At the end, this will go to widget class file  ---------------*/
.image-manage-panel {}

.image-manage-panel .nav-list {
    background-color: #f1f3f2;
    min-height: 300px;
}

.image-manage-panel .nav-list > li  {
    line-height: 33px;
    border-bottom: 1px solid white;
}


.image-manage-panel .pane-header {
    height: 60px;
    background-color: #f1f3f2;
}

.image-manage-panel .pane-header div:first-child {
    padding-top: 19px;
    padding-left: 10px;
    float: left;
}

.image-manage-panel .pane-header div:nth-child(2) {
    padding-top: 10px;
    margin-left: 10px;
}



.image-manage-panel .carousel-control {
    height: 20px;
    width: 13px;
    line-height: 100px;
    overflow: hidden;
    border: none;
    border-radius:0;
    top:50%;
    margin-top: -10px;
    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 */
}

.image-manage-panel .carousel-control.left,
.image-manage-panel .carousel-control.left:hover,
.image-manage-panel .carousel-control.left:focus{
    background: url(../images/shared/icons_elements.png) -288px -204px no-repeat;
    left:0;
}

.image-manage-panel .carousel-control.right,
.image-manage-panel .carousel-control.right:hover,
.image-manage-panel .carousel-control.right:focus{
    background: url(../images/shared/icons_elements.png) -308px -204px no-repeat;
    right:0;
}



.image-manage-panel .carousel-inner {}

.image-manage-panel .carousel-inner {
}

.image-manage-panel .carousel-inner > .active {
}

.image-manage-panel .carousel-inner .item .sub-item {
    position: relative;
    background: #FFFFFF;
    padding: 1px;
    display: inline-block;
    height: 81px;
    width: 195px;
    margin:5px 6px;
    overflow: hidden;
    margin:5px 10px;
    border:1px solid #e4e6e5;
    vertical-align: middle;
}


.image-manage-panel  .carousel-inner .item .sub-item.checked span.checkmark {
    display: block;
    position: absolute;
    right: 1px;
    bottom: 0px;
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    opacity: 0.9;
    margin: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 5.5+*/
    -moz-opacity: 0.9; /* Mozilla 1.6- */
    -khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */
}


.image-manage-panel .carousel-inner .item .sub-item span.checkmark
{
    display: none;
}


.image-manage-panel .carousel-inner .item .sub-item:hover span.deleteicon,
#userSlider .carousel-inner .item .sub-item:hover span.deleteicon,
[id*="userSlider"] .carousel-inner .item .sub-item:hover span.deleteicon
{
    display: block;
    position: absolute;
    right: 1px;
    top: 0px;
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    opacity: 0.9;
    margin: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
}

.image-manage-panel .carousel-inner .item .sub-item span.deleteicon,
.image-manage-panel .carousel-inner .item .sub-item.checked span.deleteicon,
#userSlider .carousel-inner .item .sub-item span.deleteicon,
#userSlider .carousel-inner .item .sub-item.checked span.deleteicon,
[id*="userSlider"] .carousel-inner .item .sub-item span.deleteicon,
[id*="userSlider"] .carousel-inner .item .sub-item.checked span.deleteicon
{
    display: none;
}

.image-manage-panel span#user-images-count
{
    margin-right: 0px !important;
}


.image-manage-panel  .carousel-inner .item .sub-item input[type="radio"] {
    display: none !important;
}


.image-manage-panel .carousel-inner .item .sub-item:hover,
.image-manage-panel .carousel-inner .item .sub-item.checked
{
    border: 4px solid #53ab53;
    cursor:pointer;
    height: 75px;
    width: 189px;
}


.image-manage-panel .jq-file__name {
    display: none;
}



/** Per-course background image edit modal dialog **/
.modal-player-bg.modal,
.image-selector-modal.modal {
    width: 942px;
    margin-left: -471px;
}

.image-selector-modal.modal h3 {
    padding-left: 0px;
}

/* Question titles inside a poll/survey or a test */
.question-title-wrapper{
    font-weight: bold;
}
.question-title-wrapper .question-number{
    float: left;
    margin-right: 7px;
}

.question-title-wrapper .question-title ul{
    list-style-type: disc;
    margin-left: 30px;
}

.question-title-wrapper .question-title ol{
    list-style-type: decimal;
    margin-left: 30px;
}

/** UI Orientation css **/
.rotation-preview {
    background: url('../images/new_menu_rotate_tablet_animation.gif') no-repeat center top;
    width: 100%;
    height: 160px;
}

.rotation-info {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}

.rotation-info strong {
    color: #303030;
}
.rotation-info strong.green {
    color: #5BB95A;
}





.public-catalog-layout .home-image-wrapper  {
    position: relative;
    overflow: hidden;
}


.home-image-wrapper #mainTitleBottom {
    position: absolute;
    bottom: 30px;
    left: 1px;
    max-height:100px;
    background-color: #03569D;
    color: white;
    font-size: 22px;
    margin-bottom: 0px !important;
    text-shadow: 1px 1px 0px  rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    -khtml-opacity: .80;
    -moz-opacity: .80;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
    line-height: 40px;
    width: 98%;
    padding-right: 1.9%;
}

.home-image-wrapper #mainTitleBottom span {
    padding-left: 15px;
}


#mainCaptionBottom {
    position: absolute;
    bottom: 90px;
    right: 20px;
    max-height:250px;
    overflow:auto;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    text-shadow: 1px 1px 0px  rgba(0, 0, 0, 0.25);
    font-weight: normal;
    min-width: 200px;
    max-width: 300px;
    -khtml-opacity: .80;
    -moz-opacity: .80;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
}
@media (max-width: 510px) {
    #mainCaptionBottom{
        height: 39%;
        bottom: 41px;
        right: 75px;
        padding: 5px;
        font-size: 0.9em;
    }
    .home-image-wrapper #mainTitleBottom{
        bottom: 0;
    }
}
@media (max-width: 450px) {
    #mainCaptionBottom{
        height: 45%;
        bottom: 41px;
        right: 50px;
        padding: 3px;
        font-size: 0.85em;
    }
}
@media (max-width: 400px) {
    #mainCaptionBottom{
        height: 49%;
        bottom: 41px;
        right: 30px;
        padding: 3px;
        font-size: 0.85em;
    }
}

#mainCaptionBottom ul {
    margin: 0 0 10px 25px;
    list-style-type: disc;
}
#mainCaptionBottom ol {
    margin: 0 0 10px 25px;
    list-style-type: decimal;
}

/* IE8 bug in Insert/Edit image dialog of TinyMCE */
.mce-window input[type=text]{
    padding: 0;
}
input[type=text].mce-textbox{
    height: 28px;
}


input.placeholder, textarea.placeholder {
    font-family: 'Open Sans', sans-serif;
    color: #aaa !important;
}

/* Texts with ellipsis */
.readmore, .readless { cursor: pointer; text-decoration: none; }

.modal.enroll-role-step {
    width: 500px;
    /*height: 310px;*/
    margin-left: -250px;
}

.modal.enroll-role-step .modal-body {
    /*max-height: 150px;*/
}

.modal.copy-course-enrollment #LearningCourseuser_single-course-mass-enrollment-date_begin_validity.datepicker,
.modal.copy-course-enrollment #LearningCourseuser_single-course-mass-enrollment-date_expire_validity.datepicker,
.modal.enroll-role-step #LearningCourseuser_single-course-mass-enrollment-date_begin_validity.datepicker,
.modal.enroll-role-step #LearningCourseuser_single-course-mass-enrollment-date_expire_validity.datepicker,
.modal#enroll-users-from-csv-single-course-form .datepicker-input,
.modal.course-enrollment-from-csv .datepicker-input,
.modal.copy-course-enrollment .datepicker-input,
.modal.enroll-role-step .datepicker-input {
    width:80px;
}

.modal.enroll-role-step label#single-course-mass-enrollment-date_begin_validity-label, .modal.enroll-role-step label#single-course-mass-enrollment-date_expire_validity-label{
    margin-left:30px;
}
.modal.enroll-role-step div#level-wrapper select{
    width:100%;
}
.modal.enroll-role-step .single-course-mass-enrollment-inline-label{
    display:inline-block;
}
.modal.enroll-role-step .input-append.date.clearfix{
    margin-bottom:0;
}
.modal.enroll-role-step #datepickers-wrapper,
.modal.copy-course-enrollment #datepickers-wrapper{
    display:none;
}

.modal.enroll-role-step #set_enrollment_deadlines-label-hint{
    font-size:0.9em;
}
.modal.enroll-role-step #set_enrollment_deadlines-hint{
    display:inline-block;
    vertical-align:top;
    margin-left:10px;
}

.modal.tos-dialog {
    width: 700px;
    margin-left: -350px;
    overflow-x: hidden;
    overflow-y: auto;

}

.tos-dialog .modal-body {
    padding-right: 0px !important;
    overflow-y: hidden;
}

.btn:focus {
    outline: none !important;
}




/**
Use this HTML snippet to create a "search" input havin search icon/button and "x" to clear the field
Of course, you have to add JS :-)

<div class="search-input-wrapper">
    <input type="text" class="search-query" />
    <button type="button" class="close clear-search">&times;</button>
    <span class="search-icon"></span>
</div>

*/
.search-input-wrapper {
    position: relative;
    display: inline-block;
}

.search-input-wrapper input::-ms-clear {
    display: none;
}

.search-input-wrapper input.search-query[type="text"] {
    background-color            : #FFFFFF;
    border                      : 1px solid #E4E6E5;
    -webkit-border-radius       : 0px;
    -moz-border-radius          : 0px;
    border-radius               : 0;
    padding-left                : 2px;
    padding-right               : 50px;
    line-height                 : normal;
    height                      : 31px;
    box-shadow                  : none !important;
    -webkit-box-shadow          : none;
    -moz-box-shadow             : none;
    width                       : 150px;
}

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

.search-input-wrapper span.search-icon {
    bottom                      : 18px;
    right                       : 6px;
    opacity                     : 1;
    filter                      : alpha(opacity = 100);
    position                    : absolute;
    top                         : 9px;
    /*         z-index                     : 1051; */
    height                      : 16px;
    width                       : 20px;
    background                  : url("../images/i-sprite.png") no-repeat scroll -10px -1789px rgba(0, 0, 0, 0);
    display                     : inline-block;
    vertical-align              : middle;
    cursor                      : pointer;
}



.devices-sprite {
    background:url(../images/devices_sprite.png) no-repeat;
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:middle;
}


.devices-sprite.dev-desktop-tablet             {background-position:-58px -12px;width:36px;height:23px;}
.devices-sprite.dev-smartphone                 {background-position:-113px -12px;width:12px;height:23px;}
.devices-sprite.dev-tablet                      {background-position:-160px -17px;width:18px;height:14px;}


.devices-sprite.dev-desktop-tablet.dev-large   {background-position:-0px -0px;width:56px;height:34px;}
.devices-sprite.dev-smartphone.dev-large       {background-position:-94px -0px;width:18px;height:34px;}
.devices-sprite.dev-tablet.dev-large   {background-position:-130px -14px;width:25px;height:19px;}


.course-device-type {
    margin-right: 10px;
}


.export-report-error {
    color: red;
    text-align: center;
    font-weight: bold;
}

.export-report-error .exclamation-icon {
    padding-bottom: 10px;
}

.report-exporter-container .span12{
    margin-left: 0;
}

.report-exporter-container .sub-title {
    font-size: 17px;
}

.report-exporter-container .warning-strip {
    padding-top: 1px;
    margin-bottom: 20px;
}

.report-exporter-container  .docebo-progress {
    height: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.report-exporter-container  .percentage-gauge {
    color: green;
    font-size: 17px;
}

.report-exporter-container .export-success {
    color: green;
    font-size: 17px;
}

.report-exporter-container .forced-csv {
    margin: 10px 0px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    padding: 5px 10px;
}

.report-user-sco-stats {
    min-width: 980px;
}
.modal-report-user-sco-stats {
    min-width: 1025px;
    min-height: 584px;
    left: 0;
    right: 0;
    margin: auto;
}
.modal-report-user-sco-stats .modal-body {
    max-height: 500px;
}
.report-user-sco-stats .sco-xml-report-header {
    margin-top: 10px;
    margin-bottom: 30px;
}
.report-user-sco-stats .sco-xml-report-header .stat-last-attempt .player-stats-counter-big {
    font-size: 18px;
    line-height: 20px;
}
.report-user-sco-stats .sco-xml-icon {}
.report-user-sco-stats .sco-xml-infobox { padding-top: 6px; }
.report-user-sco-stats .sco-xml-infobox .sco-xml-title-big {
    font-weight: bold;
    font-size: 16px;
}
.report-user-sco-stats .sco-xml-infobox .sco-xml-title-big.visible {
    display: block !important;
}
.report-user-sco-stats .sco-xml-infobox .sco-xml-title-small {}
.report-user-sco-stats .player-grey-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.report-wizard-custom-dropdown-label {
    padding-top: 10px;
}

.progressive-report-export-dialog {}

.progressive-report-export-dialog .modal-header h3 {
    text-transform: capitalize;
}

.progressive-report-export-dialog .modal-header h3 span {
}

.progressive-report-export-dialog.modal {
    width: 700px;
    margin-left: -350px;
}


.progressive-dialog {}

.progressive-dialog .modal-header h3 span {
}

.progressive-dialog.modal {
    width: 700px;
    margin-left: -350px;
}


.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}



/* Use '.native-styled' class for elements showing html to display content in a more or less "native" styling. For example, course descriptions, where we may have bullets */
/* Feel free to add more selectors */
.native-styled ul,
.native-styled ol
{
    margin: 0 0 10px 25px;
}

.native-styled ul
{
    list-style-type: disc;
}

.native-styled ol
{
    list-style-type: decimal;
}

/*Languages Flags*/

.lang-sprite {
    display: inline-block;
    height: 15px;
    width: 20px;
    padding: 0 0 2px 20px;
    overflow: hidden;
    vertical-align: middle;
}

.lang-sprite {
    background: url(../images/ico_lang.png) 0 0 no-repeat;
}

.lang_arabic {
    background-position: 0 -20px;
}

.lang_bosnian {
    background-position: 0 -40px;
}

.lang_croatian {
    background-position: 0 -60px;
}

.lang_bulgarian {
    background-position: 0 -660px;
}

.lang_czech {
    background-position: 0 -80px;
}

.lang_danish {
    background-position: 0 -100px;
}

.lang_dutch {
    background-position: 0 -120px;
}

.lang_english {
    background-position: 0 -698px;
}

.lang_farsi {
    background-position: 0 -160px;
}

.lang_french {
    background-position: 0 -180px;
}

.lang_german {
    background-position: 0 -200px;
}

.lang_greek {
    background-position: 0 -220px;
}

.lang_hindi {
    background-position: 0 -240px;
}

.lang_hungarian {
    background-position: 0 -260px;
}

.lang_indonesian {
    background-position: 0 -280px;
}

.lang_italian {
    background-position: 0 -300px;
}

.lang_japanese {
    background-position: 0 -320px;
}

.lang_korean {
    background-position: 0 -340px;
}

.lang_malay {
    background-position: 0 -360px;
}

.lang_norwegian {
    background-position: 0 -380px;
}

.lang_polish {
    background-position: 0 -400px;
}

.lang_portuguese {
    background-position: 0 -420px;
}

.lang_portuguese-br {
    background-position: 0 -440px;
}

.lang_romanian {
    background-position: 0 -460px;
}

.lang_russian {
    background-position: 0 -480px;
}

.lang_simplified_chinese, .lang_traditional_chinese {
    background-position: 0 -500px;
}

.lang_slovak {
    background-position: 0 -520px;
}

.lang_spanish {
    background-position: 0 -540px;
}

.lang_english_uk {
    background-position: 0 -678px;
}

.lang_slovenian {
    background-position: 0 -720px;
}

.lang_lithuanian {
    background-position: 0 -740px;
}

.lang_kazakh {
    background-position: 0 -760px;
}

.lang_spanish_latam {
    background-position: 0 -540px;
}

.lang_slovak {
    background-position: 0 -800px;
}

.lang_french_canadian {
    background-position: 0 -780px;
}

.lang_spanish_latam {
    background: url(../images/vietnamese_lang_ico.png) 0 0 no-repeat;
}

.course-header-title h2 .lang_spanish
{
    display: inline-block !important;
    float: none !important;
    width: 20px !important;
    padding: 0 5px 0 0 !important;
    height: 15px !important;
    min-height: 15px !important;
    box-sizing: inherit !important;
}

.grid-view .center-aligned .lang_spanish, .grid-view .center-aligned .lang_spanish_latam
{
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
}

.lang_swedish {
    background-position: 0 -560px;
}

.lang_finnish {
    background-position: 0 -580px;
}

.lang_thai {
    background-position: 0 -600px;
}

.lang_turkish {
    background-position: 0 -620px;
}

.lang_ukrainian {
    background-position: 0 -640px;
}

td .lang-sprite {
    padding: 0;
}

.lang-sprite-title
{
    padding: 0 5px 0 0;
}

/* Version info details */
.second-menu-platform-info
{
    overflow-y:hidden;
}

.second-menu-spacer-platform-info
{
    overflow-y:auto;
}

.platform-info
{
    width:251px;
    height:20px;
}




/** Source: base-responsive.css *************************************************************************************************/


/* New menu */
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 960px;
}


@media (min-width: 1280px) {
    @media (max-height: 680px) {
        .register.modal {
            top: 5%;
            bottom: 5%;
            overflow-y: auto;
        }
    }
}

@media (max-width: 1280px) {
    @media (max-height: 550px){
        .register.modal {
            top: 5%;
            bottom: 5%;
            overflow-y: auto;
        }
    }

    .register.modal .modal-body {
        max-height: 440px;
    }

    .register.modal  {
        top: 5%;
    }
}

@media (max-width: 1200px) {
    .payment-method .span6 {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .checkout-wrapper .payment-method.ar .span6 .sprite-checkout.paypal,
    .checkout-wrapper .payment-method.fa .span6 .sprite-checkout.paypal,
    .checkout-wrapper .payment-method.he .span6 .sprite-checkout.paypal,
    .checkout-wrapper .payment-method.ar .span6 .sprite-checkout.paypal_payments,
    .checkout-wrapper .payment-method.fa .span6 .sprite-checkout.paypal_payments,
    .checkout-wrapper .payment-method.he .span6 .sprite-checkout.paypal_payments,
    .checkout-wrapper .payment-method.ar .span6 .sprite-checkout.payflow,
    .checkout-wrapper .payment-method.fa .span6 .sprite-checkout.payflow,
    .checkout-wrapper .payment-method.he .span6 .sprite-checkout.payflow {
        width: auto;
    }
}

@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1190px;
    }

    ul.thumbnails.fixed.tiles a.tile,
    ul.thumbnails.fixed.tiles > li {
        margin-left: 14px;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 744px;
    }
}

@media (max-width: 767px) {
    .container {
        width: auto;
    }

    /* Fluid thumbnails */
    ul.thumbnails.fluid.comfort > li[class*="span"] {width: 97.5961538461538%;}
    ul.thumbnails.fluid.cozy > li[class*="span"] {width: 98.7834549878345%;}
    ul.thumbnails.fluid.compact > li[class*="span"] {width: 99.5911692559281%;}
    ul.thumbnails.fluid.nospace > li[class*="span"] {width: 100%;}
}



/** Source: menu.css *************************************************************************************************/


/* Menu */

.menu-spacer {
    margin-left: 80px;
}

.menu-spacer-second-gen {
    margin-left: 50px
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width:80px;
    height: 100%;
    overflow: visible; /* required for overlays to be visible */
    background: #333333;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    z-index:1030; /* important! z-index must be lower than the value of .modal-backdrop */
}

.menu.new-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    overflow: visible; /* required for overlays to be visible */
    background: #333333;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    z-index:1030; /* important! z-index must be lower than the value of .modal-backdrop */
}

.menu.new-menu.menu2 {
    width: 230px;
}

.menu.animate {
    opacity: 0;
}
.menu.animate ul.menu-square .tile {
    left:-80px;
}

.menu a {
    color:#333333;
    text-shadow: 0 1px 0 #ffffff;
}

.menu a:hover, .menu a:focus, .menu a:hover {
    color:#F1F3F2;
    background: #333333;
    text-shadow: none;
    text-decoration: none;
}


.menu .player-lonav-tree a:hover, .menu .player-lonav-tree a:focus {
    color:#333333;
    background: none;
}


.menu a.no-background:hover {
    background: inherit;
}

.menu h1, .menu h2, .menu h3{
    color:#333333;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width:auto;
}

.menu ul li {
    display:block;
}

.menu ul.menu-square .tile {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0;
    padding: 10px 5px 0;
    border-bottom: 1px solid #333333;
    background:#333333;
    z-index:2;
}

.menu.new-menu ul.menu-square .tile {
    position: relative;
    width: 60px;
    height: 59px;
    margin: 0;
    padding: 0px;
    border-bottom: 1px solid #333333;
    background:#333333;
    z-index:2;
}

.menu .menu2-hidden-title,
.menu.new-menu.menu2 .menu2-hidden-title {
    font-size: 13px;
    /*margin-left: 20px;*/
    display: inline-block!important;
    top: 15px;
    position: relative;
}

/*.menu .tile:not(.tile-blue) .menu2-hidden-title,*/
.menu .tile:not(.tile-green) .menu2-hidden-title {
    top: 0;
}

.menu .menu2-hidden-title {
    display: none!important;
}

.menu.menu2 .menu2-hidden-title {
    display: block;
}

.menu.new-menu.menu2 ul.menu-square .tile {
    width: 230px;/* 60px; */
}

.menu.new-menu .second-menu#coach h4,
.menu.new-menu .second-menu#share h4,
.menu.new-menu .second-menu#home h4{
    padding: 10px 5px 10px 0px;
    font-weight: inherit;
}

.menu.new-menu .second-menu#coach hr,
.menu.new-menu .second-menu#share hr,
.menu.new-menu .second-menu#home hr{
    margin: 0px 0px 7px 0px;
}

.menu.new-menu .second-menu#coach ul,
.menu.new-menu .second-menu#share ul{
    margin: 10px;
}

.menu.new-menu .second-menu#coach i,
.menu.new-menu .second-menu#share i{
    margin: 0 10px 0 5px;
}

.menu ul.menu-square .tile.active:after {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-right: 10px solid #f9f9f9;
    border-bottom: 8px solid transparent;
    content: '';
}


.menu.new-menu ul.menu-square .tile.active:after {
	top: 38%;
}

.menu ul.menu-square .tile.sidebar-tile-buynow a{
    line-height: 11px;
}

.menu ul.menu-square .tile a {
    display: block;
    width: 100%;
    color: #ffffff;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #333333;
}

.menu.menu2 ul.menu-square .tile a {
    text-align: left;
    margin-left: 20px;
}

.menu ul.menu-square .sidebar-tile-admin a span{
    display: inline-block;
    max-width:60px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.menu ul.menu-square .tile a:hover:not(.coachapp) {
    color: #ffffff;
    background: #333333;
    text-shadow: 0 1px 0 #333333;
}

.menu ul.menu-square .tile.blue {
    background: #0465AC;
}

.menu ul.menu-square .tile.blue a:hover {
    background: #0465AC;
}

.menu ul.menu-square .tile a span.player {
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.menu ul.menu-square .tile a span.player strong {
    color: #5FBF5F;
}

/* Second menu */

.second-menu {
    display: none;

    position: fixed;
    top: 0;
    left: 80px;
    width: 275px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;

    background-color: #f9f9f9;
    border-right: 1px inset #E4E6E5;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    z-index:1;
}

.menu.new-menu .second-menu{
    left: 60px;
}
.menu.new-menu.menu2 .second-menu{
    left: 230px;/* 60px; */
}

.menu.new-menu .tile.default i.fa{
    padding-top: 10px;
}

.second-menu .second-menu-spacer{
    padding:12px;
}

.menu ul.menu-square .second-menu.close {
    display: none;
}

.menu ul.menu-square .second-menu.open {
    display: block;
}

.menu ul.menu-square .second-menu.open-fixed {
    display: block;
}

.second-menu ul {

}

.second-menu ul li {
    line-height: 28px;
}

.second-menu ul a {
    display: block;
    padding: 3px 6px;
    border-bottom: 1px inset #E4E6E5;
}

/* Menu Icons and Fashion */

.menu i.menu-vertical {
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 0;
}

.tile-green{
    background-color: #5EBE5D !important;
}

.menu i.menu-vertical.green {background: #5FBF5F;}
.menu i.menu-vertical.grey {background: #999999;}
.menu i.menu-vertical.orange {background: #FF5C26;}
.menu i.menu-vertical.blu {background: #0465AC;}
.menu li.menu-block div {padding: 16px 0 0;}

/* Main menu icons */

.menu i.menu-ico {
    display: block;
    margin: 0 auto;
    width: 44px;
    height: 34px;
    background: url(../images/menu/sprite-menu.png) 50% 0 no-repeat;
}

.menu i.menu-ico.home {background-position: 50% 0;}
.menu i.menu-ico.play {background-position: 50% -39px;}
.menu.new-menu i.menu-ico.play {background-position: 50% -39px; margin-top: 15px;}
.menu i.menu-ico.manage {background-position: 50% -79px;}
.menu.new-menu i.menu-ico.manage {background-position: 50% -70px;}
.menu i.menu-ico.admin {background-position: 50% -119px;}
.menu i.menu-ico.get_more_user {background-position: 50% -159px;}
.menu i.menu-ico.marketplace {background-position: 50% -199px;}
.menu i.menu-ico.apps {background-position: 50% -239px;}
.menu i.menu-ico.helpdesk {background-position: 50% -277px;}
.menu i.menu-ico.language {background-position: 50% -319px;}
.menu i.menu-ico.logout {background-position: 50% -359px;}
.menu i.menu-ico.main {background-position: 50% -440px;}

.menu.new-menu span.ask-expert-7020{
    font-size: 13px !important;
}

.logout-black  {
    display: inline-block;
    *display: inline;
    zoom:1;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: url(../images/menu/sprite-menu.png) 50% 0 no-repeat;
    background-position: 0 -411px;
}


/* Home icons */

.user-profile{
    margin:0;
    padding:0;
    font-weight:normal;
    font-size:18px;
    line-height:30px;
    /*border-bottom: 1px inset #cccccc;*/
}
.user-profile img{
    max-width: 35px;
    max-height: 35px;
    vertical-align: text-bottom;
}

.user-profile a{
    display:inline-block;
    *dispaly:inline;
    zoom:1;
    padding: 1px;
    border: 1px solid #cccccc;
}

.user-profile a:hover{
    background: url(../images/standard/icon_edit.png) 50% 50% no-repeat;
}
.user-profile a:hover img{
    visibility: hidden;
}

.user-profile span{
    margin-left: 0px; /* 10px previous value */
    text-shadow: 0 1px 0 #ffffff;
}

.user-profile-cmd {
    padding:10px 0;
    border-bottom: 1px inset #E4E6E5;
}
#combo-grid-view-container-menuItems-grid i.fa,
#combo-grid-view-container-menuItems-grid i.zmdi,
.menuItemOptions i.fa{
	width: 30px;
	height: 28px;
	font-size: 18px;
	display: inline-block;
	line-height: 28px;
	text-align: center;
}
.menuItemOptions #buttonIcon i.fa{
	width: 30px;
	height: 24px;
	font-size: 18px;
	display: inline-block;
	line-height: 24px;
	text-align: center;
	margin-right: 4px;
}
i.home-ico {
    width: 28px;
    height: 28px;
    margin-right: 6px;
    vertical-align: middle;
    background: url(../images/menu/sprite-home.png) 0 0 no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

i.home-ico.my-courses {background-position: 0 0;}
i.home-ico.catalog {background-position: 0 -34px;}
i.home-ico.certificate {background-position: 0 -72px;}
i.home-ico.competencies {background-position: 0 -106px;}
i.home-ico.community {background-position: 0 -140px;}
i.home-ico.curricula {background-position: 0 -177px;}
i.home-ico.activate {background-position: 0 -211px;}
i.home-ico.messages {background-position: 0 -245px;}
i.home-ico.my-activities {background-position: 0 -302px;}
i.home-ico.subscodes {background-position: -0px -330px;}
i.home-ico.menu-icon-mydashboard {background-position: 0 -357px; /* width: not closed and without a value*/}
i.home-ico.my-calendar {background: url("../images/classroom_icons_sprite.png") no-repeat scroll 5px -19px;}

i.home-ico.my-blog {background: url("../images/my_blog_sprite.png") no-repeat -7px -3px;width: 18px;height: 17px;margin:0 10px 0 6px;}


a:hover i.home-ico.my-courses {background-position: -30px 0;}
a:hover i.home-ico.catalog {background-position: -30px -34px;}
a:hover i.home-ico.certificate {background-position: -30px -72px;}
a:hover i.home-ico.competencies {background-position: -30px -106px;}
a:hover i.home-ico.community {background-position: -30px -140px;}
a:hover i.home-ico.curricula {background-position: -30px -177px;}
a:hover i.home-ico.activate {background-position: -30px -211px;}
a:hover i.home-ico.messages {background-position: -30px -245px;}
a:hover i.home-ico.my-activities {background-position: -30px -302px;}
a:hover i.home-ico.subscodes {background-position: -30px -330px;}
a:hover i.home-ico.menu-icon-mydashboard {background-position: -30px -357px;}
a:hover i.home-ico.my-calendar {background: url("../images/classroom_icons_sprite.png") no-repeat scroll -22px -19px;}
a:hover i.home-ico.my-blog {background-position: -33px -3px;}

.notifications {
    padding: 12px;
    text-shadow: 0 1px 0 #ffffff;
}

.notifications h2 {
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    margin: 0 0 10px 0px;
    padding: 0 0 0 38px;
    border-bottom: 1px inset #E4E6E5;
    background: url(../images/menu/sprite-home.png) 6px -270px no-repeat;
}

.notifications .item {
    padding: 0;
    margin: 0 0 24px 10px;
}

.notifications .item .time {
    font-size: 12px;
}

.notifications .item .label {
    font-size: 10px;
    padding: 1px 4px;
    margin: 3px 10px 0 0;
    background: #5FBF5F;
    text-shadow: 0 1px 0 #333333;
    float: right;
}

.notifications .item .close {
    font-size: 14px;
    color: #333333;
    opacity: .8;
    filter: alpha(opacity=80);
}

.notifications .item h3 {
    font-size: 13px;
    margin: 4px 0 0;
    padding: 8px 0 4px;
    border-top: 1px inset #E4E6E5;
    line-height: 16px;
}

.notifications .item p {
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 15px;
}

/* admin menu */

#admin h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 0 6px;
    margin: 12px 0 0;
    border-bottom: 1px inset #E4E6E5;
}

#admin h3 {
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    padding:0;
    margin: 3px 0 2px 0;
}

#admin h3 a {
    display: block;
    font-weight: normal;
    line-height: 30px;
    padding: 0 0 0 5px;
    margin: 0 0 0 10px;
}

#admin h3 a.settings {
    border-left:1px solid #E4E6E5;
    padding: 0;
    margin: 0;
}

#admin.second-menu ul {
    padding: 0;
}

#admin.second-menu ul a {
    padding: 6px 0 6px 22px;
    border: 0px none;
    line-height: 16px;
    margin: 0 0;
}

.admin-apps {
    margin-left: 22px;
    /*border-bottom: 1px inset #E4E6E5;*/
}

#admin.second-menu .admin-apps ul a {
    padding: 2px 0 2px 45px;
    margin: 0;
}


#admin.second-menu .version-number {
    color: #aaaaaa;
    font-size: 11px;
    text-transform: capitalize;
}

#admin.second-menu h2 span.fa-stack {
    font-size: 13px;
    margin-right: 3px;
}

i.admin-ico {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30px;
    height: 21px;

    vertical-align: middle;
    background: url(../images/menu/sprite-admin.png) 0 0 no-repeat;
}

i.admin-ico.curriculas {background-position: 0 0;}
i.admin-ico.elearning {background-position: 0 0;}
i.admin-ico.settings {background-position: 0 -36px;}
i.admin-ico.apps {background-position: 0 -76px;}
i.admin-ico.catalog {background-position: 0 -116px;}
i.admin-ico.poweruser {background-position: 0 -152px;}
i.admin-ico.users {background-position: 0 -188px;}
i.admin-ico.enrollment-rules {background-position: -1px -555px;}
i.admin-ico.ecommerce {background-position: 0 -224px;}
i.admin-ico.labels {background-position: 0 -261px;}
i.admin-ico.system-notif {background-position: 0 -297px;}
i.admin-ico.elucidat    {background-position: -2px -669px;}

i.admin-ico.quick-links {background-position: 0 -334px;}
i.admin-ico.quick-links {background-position: 0 -334px;}
i.admin-ico.quick-links {background-position: 0 -334px;}
i.admin-ico.quick-links {background-position: 0 -334px;}
i.admin-ico.quick-links {background-position: 0 -334px;}
i.admin-ico.quick-links {background-position: 0 -334px;}


a:hover i.admin-ico.curriculas {background-position: -34px 0;}
a:hover i.admin-ico.elearning {background-position: -34px 0;}
a:hover i.admin-ico.settings {background-position: -34px -36px;}
a:hover i.admin-ico.apps {background-position: -34px -76px;}
a:hover i.admin-ico.catalog {background-position: -34px -116px;}
a:hover i.admin-ico.poweruser {background-position: -34px -152px;}
a:hover i.admin-ico.users {background-position: -34px -188px;}
a:hover i.admin-ico.enrollment-rules {background-position: -53px -555px;}
a:hover i.admin-ico.ecommerce {background-position: -34px -224px;}
a:hover i.admin-ico.labels {background-position: -34px -261px;}
a:hover i.admin-ico.system-notif {background-position: -34px -297px;}
a:hover i.admin-ico.elucidat    {background-position: -55px -671px;}

/* Classroom admin menu additions */
i.admin-ico.classroom {background: url("../images/classroom_icons_sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
i.admin-ico.classroom-locations {background: url("../images/classroom_icons_sprite.png") no-repeat scroll 0px -234px rgba(0, 0, 0, 0);}
i.admin-ico.empty {background: none;}

a:hover i.admin-ico.classroom {background-position: -28px 0;}
a:hover i.admin-ico.classroom-locations {background-position: -28px -234px;}
a:hover i.admin-ico.empty {background: none;}


i.admin-ico.certification {
    background: url("../images/icons_elements.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-position: -119px -378px;
    width: 30px;
}
a:hover i.admin-ico.certification {
    background: url("../images/icons_elements.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-position: -147px -378px;
    width: 30px;
}



/* Manage course */

#manage {
    width: 340px;
}

#manage h2 {
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding: 0;
    margin: 0;
}

#manage .font-awesome {
    padding: 10px;
    font-size: 30px
}

#course-publisher {
    border-bottom: 1px solid #E2E4E3;
    margin-bottom: 30px;
    margin-top: -19px;
}

#course-publisher-inner {
    background-color: #F0F2F1;
    margin-bottom: 1px;
}

#course-publisher-inner #publish-switch {
    padding: 15px 0px 15px 20px;
    white-space: nowrap;
}

#course-publisher-inner #publish-switch label {
    display: inline;
    font-size: 12px;
    line-height: 33px;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #999999;
}

#course-publisher-inner #publish-switch .switcher {
    margin: 0 8px;
}

#course-publisher-inner #publish-switch .active {
    color: #5ABD55;
}

#course-publisher-inner #publish-switch input[type="radio"], #course-publisher-inner #publish-switch span.jq-radio {
    display: none !important;
}

#course-publisher-inner #publish-status {
    padding: 15px 20px 15px 0px;
    text-align: right;
    line-height: 33px;
}

#course-publisher-inner #publish-status .published-by {
    font-weight: bold;
    color: #5ABD55;
}

#course-publisher-inner #publish-status .unpublished-by {
    font-weight: bold;
}

#course-publisher-inner #publish-status .author, #course-publisher-inner #publish-status .publish-date {
    font-weight: bold;
}


.course-publish-status {
    line-height: 30px;
    padding: 12px 0;
    margin-bottom: 5px;
    border-bottom: 1px inset #E4E6E5;
}

.course-publish-status a.manage-link {
    color: #296EAF;
    text-decoration: underline;
    float:right;
}

.course-publish-status a.manage-link, .course-publish-status a.manage-link:hover{
    background: transparent;
}

.published {
    font-weight:bold;
    color: #5FBF5F;
}

.not-published {
    font-weight:bold;
    color: #ff1717;
}

ul.with-paragraph {
}

ul.with-paragraph li {
    line-height: 16px;
}

ul.with-paragraph a {
    padding: 10px 0px;
}

ul.with-paragraph a strong {
    font-size: 15px;
}

ul.with-paragraph a p {
    margin: 0;
}

i.manage-ico {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 40px;
    height: 40px;
    margin-right: 6px;
    margin-left: 6px;
    vertical-align: middle;
    background: url(../images/menu/sprite-manage-course.png) 0 0 no-repeat;
}

i.manage-ico.training {
    background-position: 0 0;
}

i.manage-ico.enrollment {
    background-position: 0 -40px;
}

i.manage-ico.report {
    background-position: 0 -80px;
}

i.manage-ico.options {
    background-position: 0 -120px;
}

i.manage-ico.sessions-enrollment {
    background: url(../images/classroom_icons_sprite.png) no-repeat scroll -53px -44px rgba(0, 0, 0, 0);
}

a:hover i.manage-ico.training {
    background-position: -58px 0;
}

a:hover i.manage-ico.enrollment {
    background-position: -58px -40px;
}

a:hover i.manage-ico.report {
    background-position: -58px -80px;
}

a:hover i.manage-ico.options {
    background-position: -58px -120px;
}

a:hover i.manage-ico.sessions-enrollment {
    background-position: -96px -44px;
}

/* Get more user*/

.active-users-counter {font-size:13px;font-weight:bold;color:#5FBF5F;}
.active-users-counter strong{color:#ffffff;}
.active-users {font-size:11px;}

#get-more-user {}
#get-more-user h2 {font-size:30px;line-height:36px;padding:12px 12px 0px;margin:0;font-weight: normal;}
#get-more-user h2 span {color: #5FBF5F;font-weight: bold;}
#get-more-user h3 {font-size: 13px;font-weight: normal;line-height: 20px;padding: 5px 0 3px 0;border-bottom: 1px inset #E4E6E5;margin:0 12px 12px;}
#get-more-user p{padding:0 12px 12px;margin:0;font-size:13px;}
#get-more-user p.active-users{font-size:16px;}
#get-more-user .pending-cancellation{
    border: 1px solid #E4E6E5;
}
#get-more-user .pending-cancellation h4{
    color: #d90000;
    margin-top: 10px;
    margin-left: 10px;
}
#get-more-user .pending-cancellation h4 img{
    margin-right: 10px;
}
#get-more-user .pending-cancellation #reactivate-lms{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.menu .btn-docebo{margin:0;border:0px none;text-shadow:none;}

#change-plan .i-sprite{
    margin-right: 2px;
    margin-left: 2px;
}

#change-plan {
    overflow: hidden;
    clear: left;
}

i.ico-gmu {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20px;
    height: 18px;
    margin-right: 2px;
    margin-left: 2px;
    vertical-align: middle;
    background: url(../images/menu/sprite-getmore.png) 0 0 no-repeat;
}

i.ico-gmu.upgrade {background-position: 0 0;}
i.ico-gmu.downgrade {background-position: 0 -36px;}
i.ico-gmu.terminate {background-position: 0 -70px;}
i.ico-gmu.your-plan {background-position: 0 -104px;}
i.ico-gmu.billing {background-position: 0 -139px;}

/* Help desk */

#help-desk{width:600px;}

#help-desk-request {margin:10px;}
#help-desk-request .form-element{}
#help-desk-request .form-element input[type="radio"]{vertical-align: top;}
#help-desk-request .form-radio-element{margin-top: 10px;}
#help-desk-request .jq-radio{margin-top: -3px;}

#help-desk-request .request{margin-bottom:12px;}
#help-desk-request .request label{display:block;font-size:16px;line-height:20px;padding:0 0 6px;font-weight: normal;border-bottom: 1px inset #E4E6E5;margin:0 0 12px;}
#help-desk-request .request textarea{margin:0;width:100%;border:1px solid #e5e5e5;
									 -webkit-box-sizing: border-box;
									 -moz-box-sizing: border-box;
									 box-sizing: border-box;}

#help-desk-request .upload{margin-bottom:12px;}
#help-desk-request .upload label{font-size:13px;}

#help-desk-request .target{margin-bottom:12px;padding:12px 0;border-top: 1px inset #E4E6E5;border-bottom: 1px inset #E4E6E5;}
#help-desk-request .target label{font-size:13px;display:inline;}

.text-box h2 {
    font-weight: normal;
    color: #0465AC;
    font-size: 18px;
    margin-bottom: 7px;
}

.text-box {
    border: 1px solid #ccc;
    padding: 10px;
}

.text-box img {
    padding: 3px;
}

#help-desk h2{font-size:13px;font-weight:normal;line-height:20px;padding:5px 0 3px 0;border-bottom: 1px inset #E4E6E5;margin:0 0 20px 0;}



.menu-helpdesk-search {}
.menu-helpdesk-search > h2 {
    margin-bottom: 20px;
}
.menu-helpdesk-search div.search {
    position: relative;
    margin-bottom: 20px;
}
.menu-helpdesk-search div.search input {
    padding-right: 28px;
    width: 88%;
    background-color: #FFF;
    height: 26px;
}
.menu-helpdesk-search div.search .i-sprite {
    position: absolute;
    top: 10px;
    right: 2px;
}
.menu-helpdesk-search ul {}
.menu-helpdesk-search ul a {
    display: block;
    padding: 3px 6px;
    border-bottom: 1px inset #ccc;
}
.menu-helpdesk-search ul > li {display: block; line-height: 28px;}
.menu-helpdesk-search ul > li > span {
    float: right;
    margin-top: 7px;
}
.menu-helpdesk-search ul > li > a {
    color: #0465AC;
    font-weight: bold;
}
.menu-helpdesk-search ul > li > a:hover,
.menu-helpdesk-search ul > li > a:focus {
    color: #0465AC;
    background: none;
}

.menu-helpdesk-search .help-desk-gotomarket{
    margin-right: 10px;
}
.menu-helpdesk-search .btn-docebo {
    /*     width: 231px; */
    /*     text-align: center; */
    /*     margin-top: 10px; */
}

.icon-help {display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 22px;height: 20px;margin-right: 2px;margin-left: 2px;vertical-align: middle;background: url(../images/menu/sprite-help.png) 0 0 no-repeat;}

i.icon-help.iconrequest {background-position: 0 0;}
i.icon-help.manual {background-position: 0 -38px;}
i.icon-help.download {background-position: 0 -72px;margin-top:4px;}
a:hover i.icon-help.download {background-position: 0 -109px;}

/* Language menu */

#language .selected {
    background-image: url(../images/menu/check.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    font-weight: 600;
}


/* Display names */

#mainMenuUsername {
    width: 185px;
    height: 30px;
    float: right;
    overflow: hidden;
    white-space: nowrap;
}
.mainMenuUsernameHiding {
    text-overflow: ellipsis;
}

/* Demo platform label */
#demo-platform {
    background-image: url(../images/menu/partners_demo_side.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 225px;
    margin-top: 20px;
    cursor: default;
}

.course-desc {
    position: absolute;
    display: table;
    overflow: hidden;
    height: 80px;
    bottom:0px;
    top: 130px;
    width: 150px;
}
.course-desc p {
    display: table-cell;
    vertical-align: middle;
    width:150px;
    max-height: 3.6em !important;
}

.course-title-ellipsis{
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 1em;
    max-height: 4em;
}


.icon-code-tag  {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icons_elements.png) -741px -205px no-repeat;
    width: 36px;
    height: 30px;
}

.icon-code-tag-small  {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icons_elements.png) -166px -274px no-repeat;
    width: 18px;
    height: 16px;
}


.icon-code-tag-large  {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icons_elements.png) -0px -345px no-repeat;
    width: 40px;
    height: 40px;
}

.icon-courses-list  {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icons_elements.png) -689px -0px no-repeat;
    width: 19px;
    height: 13px;
}



.filters-wrapper table.filters td {
    vertical-align: middle;
    text-align: center;
}


.main-actions li a.new-subs-code span {
    height: 40px;
    width: 55px;
}

.main-actions .new-subs-code span {
    background-position: -0px -345px;
}

.main-actions li:hover .new-subs-code span {
    background-position: -60px -345px;
}


.subscriptioncodes-body ul li .ui-state-focus {
    color: #F1F3F2;
    background: none;
    background-color: #0465AC;
}

.subscriptioncodes-body ul.ui-autocomplete,
.subscriptioncodes-body ul li .ui-state-focus {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.courses-sessions-container {
    height: 550px;
    overflow-y: auto;
}

.courses-sessions-container .col-coursename {
    font-weight: 600;
}

/* main menu subscription plans */
.menu_active_plan, .menu_new_plan {
    border: 1px solid #e5e5e5;
    width: 94%;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
}

.menu_active_plan {
    color: #0661a7;
    padding: 7px 4% 6px 4%;
}

.menu_new_plan {
    color: #74c77f;
    padding: 0px 4% 0px 4%;
}

.menu_new_plan strong i{
    font-size: 12px;
    color: #737373;
    font-weight: normal;
    font-style: normal;
}

.menu_new_plan strong{
    margin-top: 7px;
    margin-bottom: 7px;
    line-height: 14px;
}

.menu_new_plan span {
    margin-top: 11px;
}


.menu_active_plan span, .menu_new_plan span {
    float: right;
    font-size: 16px;
    font-weight: bold;
}
.menu_active_plan strong, .menu_new_plan strong {
    float: left;
    font-size: 16px;
}

/* maintenance */
.maintenance-date {
    color: #6BBF6B;
    font-weight: bold;
}
.maintenance-minutes{
    font-weight: bold;
}
.maintenance-dialog-content {
    margin-top: 20px;
    text-align: center;
}
.maintenance-page-content {
    float:left;
    margin: 20px 0px 0px 20px;
    width: 800px;
}

.modal-maintenance .modal-footer {
    text-align: center;
}

/**
    NEW MAINTENANCE PAGE STYLES START
 */

/* Page styles */
.maintenance-page-content {
    position: absolute;
    height: 100vh;
    width: 100vw;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAANLSURBVHic7ZuvU+NAFMc/vTlRCVE4IpEMMScrK5FIJBJ5f8bJk0gk8iSypjOVlZFVHWQdJ/pyDY8mebvZ5bi59zEdwjZv82m6P8KXyevrK86BL3+7A58NF6JwIQoXonAhCheicCEKF6JwIYqv1oaTyeTdsWW9vQBK4Kx1uAZWVVm8jOxbUqwr8om5YUvIst6eAde8FaFZA09VWexMBQws6+0lMAceqrLYhLS/Oj8dbA8RXxkpcsdBxgZYAM/ACmgEXAD3Ii8Vc2AK3A6dV/p5Le1n1gJBd4h04k4O7YDHqizqI535Jp0HeAF+prhTpP4t+4vc0XGntGTA/gN7uDo/NdUPvUOaIjvgxzEZAFVZLIAn+fGEgE+oD7n4B6l/9E45JiPkwzALkQG0Kf44VKQqixX7rxLA5bLeTq21Bs7bKWWsDAi7Q8qmUNedcYRGyJT+ATiIDikzRsqAMCHNBdXWN8jU23zHy4BalnNrKTP5VbQMiFuYhRZKNu1qRMpCHf41ZgCPEXIS2T65GBkzZurwzZipPkRILa8X1jdIxxohpoVRwLnfDaD0zD5WQoSs5HUq6wwLf9YiAQPxIB2zSU0CKWYhMkCu5ce5dKqTZb295jCQPod2rOe8nVOrZZ0yROhKdQrcSzHYD2iL9kZOOjDnIGNdlcVjSKe6sK4zjq1orXuZ4M2dFLvh7eC6kcIn6njSDd6y3n5nf5GDU6uSsr46PzV9KLG73Wbev+Rwt7R5AZ5ltZoMucgZRsnt9ta9TJSQVsFmBVrKoR1hK9kPI+vzkH8R63X6I0SFC1G4EIULUbgQhQtRuBCFC1G4EIULUbgQhQtRuBCFC1GY8yGfkRz5lNBnqtH5DEt7KzH5lFzPQ7LnM4bInU+JyYfcEpHPSJgPicqnZMmHfEQ+Y4Ds+ZTgWSZ3PqOLsfkUa52oaTdnPqOHsjl3ZD7FRPQ6JFc+o4ex+RQToxZmOfIZBrLmU0YJyZHPMBCbTzERLSRXPqOHWl5j8ykmooTkzGf0MCqfYi0Sm2TOls/o4qPyKTF7mah8Roq9zJh8SpY/do/JZyQMzUTlU3IJic5nJP6viOB8SnIh/wv+xEzhQhQuROFCFC5E4UIULkThQhQuRPEbdSYtfzExq3IAAAAASUVORK5CYII=') #EEF4F9;
    color: #333333;
    /* because the menu itself has z-index 1030 */
    z-index: 1000;
}

.maintenance-page-content .wrapper {
    position: relative;
    min-height: 100%;
    border-bottom: 50px solid #CDE0EE;
    padding: 50px 0 500px;
    box-sizing: border-box;
}

.maintenance-page-content h1 {
    font-size: 65px;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #0465ac;
    line-height: 58px;
}

.maintenance-page-content h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

.maintenance-page-content .tech_error {
    margin-top: 35px;
    font-size: 13px;
}

.maintenance-page-content #content {
    max-width: 1680px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.maintenance-page-content .error_image img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    width: 500px;
    height: 500px;
    margin: 0 auto;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

/* This is for Smartphones, it manages elements in both portrait and landscape mode */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .maintenance-page-content .wrapper {
        padding-bottom: 200px;
        border-width: 0 0 20px 0;
    }

    .maintenance-page-content .error_image img {
        bottom: -20px;
        width: 200px;
        height: 200px;
    }

    .maintenance-page-content h2 {
        font-size: 20px;
    }

    .maintenance-page-content .tech_error {
        margin-bottom: 30px;
        font-size: 12px;
    }
}

/* This is for the vertical responsive */
@media only screen and (max-height: 900px) {
    .maintenance-page-content .wrapper {
        padding-bottom: 280px;
        border-width: 0 0 28px 0;
    }

    .maintenance-page-content .error_image img {
        bottom: -28px;
        width: 280px;
        height: 280px;
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .maintenance-page-content .wrapper {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .maintenance-page-content .error_image {
        display: none;
    }
}

@media only screen and (min-height: 901px) {
    .maintenance-page-content .wrapper {
        padding-top: 10%;
    }
}

/**
    NEW MAINTENANCE PAGE STYLE END
 */

/* deliverable upload form */
.player-deliverable-upload-form .jq-file input {
    top: 0px!important;
    left: 0px!important;
}
.player-deliverable-upload-form .jq-file__capture-click{
    z-index: 1!important;
}
.player-deliverable-upload-form .plupload {
    z-index: 0!important;
}



hr.tiny {
    line-height: 1px;
    margin: 10px 0px;
}

/* BEGIN course settings - Social & Rating section */
label.setting-description,
.setting-description,
.control-label .setting-description,
.control-group .setting-description {
    font-size: 11px;
    margin-top: 10px;
    font-weight: normal;
    color: #666666;
}

.setting-description.compact,
.control-label .setting-description.compact,
.control-group .setting-description.compact {
    margin-top: 5px;
}


.social-label {
    padding-left: 37px;
    margin-top: -10px;
    margin-left: 30px;
}

.facebook-icon {
    background: url('../images/social_rating_sprite.png') no-repeat -64px 0 scroll transparent;
    width: 0;
    height: 37px;
    line-height: 37px;
    word-wrap:normal;
}
.twitter-icon {
    background: url('../images/social_rating_sprite.png') no-repeat -101px 0 scroll transparent;
    width: 0;
    height: 37px;
    line-height: 37px;
    word-wrap:normal;
}
.linkedin-icon {
    background: url('../images/social_rating_sprite.png') no-repeat -138px 0 scroll transparent;
    width: 0;
    height: 37px;
    line-height: 37px;
    word-wrap:normal;
}
.google-icon {
    background: url('../images/social_rating_sprite.png') no-repeat -175px 0 scroll transparent;
    width: 0;
    height: 37px;
    line-height: 37px;
    word-wrap:normal;
}

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

.p-hover.active .social-rating-menu-icon, .p-hover .social-rating-menu-icon {
    width: 25px;
    height: 22px;
    margin-right: 6px;
    vertical-align: middle;
    float: left;
    background: url('../images/social_rating_sprite.png') no-repeat scroll transparent;
}

.p-hover.active .social-rating-menu-icon {
    background-position: -242px -7px;
}

.p-hover .social-rating-menu-icon {
    background-position: -217px -7px;
}

.p-hover:hover .social-rating-menu-icon {
    background-position: -242px -7px;
}

#social_rating_course {
    width: 100%;
    overflow: hidden;
    padding: 0 0 15px 0;
}

#social_rating_course_left {
    float: left;
    width: 50%;
}

#social_rating_course_right {
    float: right;
    width: 50%;
}

.social_share_link {
    width: 37px;
    height: 37px;
    float: right;
    background: url('../images/social_rating_sprite.png') no-repeat scroll transparent;
    margin-left: 20px;
}

.social_facebook_link {
    background-position: -64px 0;
}

.social_twitter_link {
    background-position: -101px 0;
}

.social_linkedin_link {
    background-position: -138px 0;
}

.social_google_link {
    background-position: -175px 0;
}

.social_share_title, .social_rate_title {
    font-size: 18px;
    margin-right: 10px;
    margin-top: 7px;
}
#social_rating_course .social_rate_title.details {
    font-size: 14px;
}

#social_rating_course_left .rating-container {
    margin-top: 4px;
    float: left;
}

#social_rating_course_left .rating-value {
    font-size: 18px;
    float: left;
    margin-top: 8px;
    margin-left: 3px;
}
/* END course settings - Social & Rating section */

/********************************************************************/
/*                                                                  */
/* KEEP dialog2_error CSS at the end of this file, if possible      */
/*                                                                  */
/********************************************************************/
.modal.dialog2-error {
    height: 280px !important;
    width: 450px !important;
    margin-left: -225px !important;
}


.modal.dialog2-error .modal-body {
    height: 100px !important;
}

.modal.dialog2-error .modal-footer {
    text-align: center !important;
}


/**
    External catalog related styles below
*/

#select-courses-grid{

}
.curricula-details .price-row{
    background-color: #f1f3f2;
    border-top: 1px solid #fefefe;
    border-bottom: 1px solid #fefefe;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
}
.curricula-details .price-row .total-price-container{
    font-weight: bold;
    font-size: 17px;
}
.curricula-details .price-row .total-price{
    color: #7aba7b;
}

.modal.edit-lo-dialog{
    width: 900px;
    margin-left: -450px;
}


/*******************************************************/
/** Responsive design fix for the Learner View player **/
/*******************************************************/
#player-container .dynatree-container-parent .dynatree-listview {
    width: 33.623931623931625%;
    overflow: auto;
}

.course-name{
    word-break: normal !important;
}

.dynatree-node>.p-sprite{
    vertical-align: top;
    margin-top: 1%;
}
@media (max-width: 768px){

    .course-details-modal{
        width: auto;
        margin: 0;
        right: 20px;
        left: 20px;
        top: 20px;
    }

    .dynatree-node>.p-sprite{
        margin-top: 0.3%;
    }
}

/*--- COMBO LIST/GRID VIEWS ----*/

.combo-list-view-container {

}

.combo-list-view-container .combo-list-item {
    border: 1px solid #e4e6e5;
    background: #F1F3F2;
    border-radius: 4px;
    margin-top: 14px;
    padding: 5px;
}

.combo-list-view-container .list-view .items {
    border-top: none;
}

.combo-list-view-container .left-selections a {
    margin-left: 0px;
    margin-right: 10px;

}

.combo-list-item .close {
    float: right;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    margin-left: 10px;
}


div.list-view#certification-items-list .combo-list-item > div, div.list-view#poweruser-courses-management-list .combo-list-item > div {
    padding-top: 8px;
}

div.list-view#certification-items-list .combo-list-item input[type="checkbox"]  {
    margin-top: 0px;
}

.certification-renew{
    font-weight: 700;
    color: #5dbd5d;
    text-decoration: underline;
    text-transform: uppercase;
}
.certifications-expiring-warning{
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    font-size: 28px;
}
.certification-renew-alternative{
    background: #f5f5f5;
    padding: 10px;
    overflow: hidden;
}
.certification-renew-alternative .my-activities{
    margin-left: 20px;
}
.certification-renew-alternative .icon-my-activities {
    background: url(../images/transcripts_sprite.png) no-repeat -6px -5px;
    width: 45px;
    height: 36px;
    margin-right: 10px;
}

.grid-view .certification-expired-color {
    color: #D39E00;
    font-weight: 600;
}



.modal.edit-lo-dialog{
    width: 1100px;
    margin-left: -550px;
}

.docebo-simple-barchart{
    height: 150px;
}
.docebo-simple-barchart .single-bar-holder{
    height: 100%;
    position: relative;
}
.docebo-simple-barchart .single-bar{
    position: absolute; bottom: 20px; left: 5%; width: 90%;
}
.docebo-simple-barchart .single-bar:hover{
    opacity: 0.8;
}
.docebo-simple-barchart .value-holder{
    position: absolute; top: 100%; left: 0; width: 100%; text-align: center; font-size:11px;
}
.docebo-simple-barchart .label-holder{
    position: absolute; left: 0; width: 100%; text-align: center; font-size: 11px;
}
.docebo-simple-barchart div:nth-of-type(even) .single-bar {background: #0465AC}
.docebo-simple-barchart div:nth-of-type(odd) .single-bar {background: #ccc}

/* Styles related to the Inbox app */
.inbox-bell{
	display: inline-block;
    position: relative;
    cursor: pointer;
    top: 2px;
    margin-left: 10px;
    margin-right: 20px;
}
.inbox-bell .count{
    position: absolute;
    z-index: 2;
    color: white;
    background: #5EBE5D;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    left: 10px;
    top: -6px;
    min-width: 12px;
    min-height: 12px;
    padding:2px;
}
.inbox-bell i.inbox-bell {
    font-size: 1.7em;
}
span#defaultJob .unread-tooltip{
    min-width: 450px;
}
.inbox-bell .unread-tooltip{
    display: none;
    position: absolute;
    right: -10px;
    top: 40px;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    min-width: 400px;
    z-index: 2000;
}

/* Required for Down Triangle */
.inbox-bell .unread-tooltip:before, .inbox-bell .unread-tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
}

/* Stroke */
.inbox-bell .unread-tooltip:before {
    top: -16px;
    right: 6px;

    /* If 1px darken stroke slightly */
    border-bottom-color: #ccc;
    border-width: 16px;
}

/* Fill */
.inbox-bell .unread-tooltip:after {
    top: -15px;
    right: 7px;

    border-bottom-color: #fff;
    border-width: 15px;
}

.inbox-wrapper .circle{
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background: #5FBD5C;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
}
.inbox-wrapper .circle.read{
    background: #E4E6E5;
}
.inbox-wrapper .inbox-item .icon{
    max-width: 50px;
    max-height: 50px;
}
.inbox-wrapper .inbox-item .right-side{
    margin-left: 27px;
}
.inbox-wrapper .inbox-item .right-side a{
    color: #08c;
}
.inbox-wrapper .view-all{
    background: #F1F3F2;
    text-decoration: underline;
    padding: 5px;
}

.inbox-wrapper .filter-wrapper{
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
}
.inbox-wrapper .filter-wrapper .filters{
    border-bottom: 1px solid #fefefe;
    border-top: 1px solid #fefefe;
    background: #f1f3f2;
    padding-top: 10px;
    padding-bottom: 10px;
}



/** Another attempt to make a re-usable tabs with CSS resolved icons, based on icons_elements **/

.final-tabs {
    background-color: #f1f3f2;
}

.final-tabs .ft-icon  {
    background-image: url("../images/icons_elements.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
}


.final-tabs .nav-tabs {
}

.final-tabs .tab-content {
    overflow: hidden;
    background-color: #FFF;
    min-height: 350px;
}

.final-tabs .tab-pane {
    padding-left: 10px;
}

.final-tabs .tab-pane h1, #multidomain-settings-https .advanced-settings-https h3 {
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dadada;
}

.final-tabs .ft-icon.ft-logo  {background-position:-520px -177px; width:26px; height:22px;}
.final-tabs .nav-tabs > li.active .ft-icon.ft-logo,.final-tabs .nav-tabs > li:hover .ft-icon.ft-logo {background-position:-545px -177px; width:26px; height:22px;}

.final-tabs .ft-icon.ft-home  {background-position:-519px -202px; width:28px; height:22px;}
.final-tabs .nav-tabs > li.active .ft-icon.ft-home, .final-tabs .nav-tabs > li:hover .ft-icon.ft-home {background-position:-544px -202px; width:28px; height:22px;}

.final-tabs .ft-icon.ft-design  {background-position:-577px -178px; width:28px; height:22px;}
.final-tabs .nav-tabs > li.active .ft-icon.ft-design, .final-tabs .nav-tabs > li:hover .ft-icon.ft-design {background-position:-605px -178px; width:28px; height:22px;}

.final-tabs .ft-icon.ft-player  {background-position:-39px -298px; width:28px; height:22px;}
.final-tabs .nav-tabs > li.active .ft-icon.ft-player, .final-tabs .nav-tabs > li:hover .ft-icon.ft-player {background-position:-5px -298px; width:28px; height:22px;}

.final-tabs .ft-icon.ft-whitelabel  {background-position:-39px -266px; width:28px; height:22px;}
.final-tabs .nav-tabs > li.active .ft-icon.ft-whitelabel, .final-tabs .nav-tabs > li:hover .ft-icon.ft-whitelabel {background-position:-5px -266px; width:28px; height:22px;}

.final-tabs .ft-icon.ft-basket  {background-position:-217px -280px; width:28px; height:22px;}
.final-tabs .nav-tabs > li.active .ft-icon.ft-basket, .final-tabs .nav-tabs > li:hover .ft-icon.ft-basket {background-position:-248px -280px; width:28px; height:22px;}

.final-tabs .ft-icon.ft-locker  {background-position:-631px -169px; width:28px; height:22px;}
.final-tabs .nav-tabs > li.active .ft-icon.ft-locker, .final-tabs .nav-tabs > li:hover .ft-icon.ft-locker {background-position:-654px -169px; width:28px; height:22px;}

.final-tabs .nav-tabs > li.active .admin-ico.catalog, .final-tabs .nav-tabs > li:hover .admin-ico.catalog { background-position: -34px -116px;}

.final-tabs .nav-tabs > li:hover {
	background-color: #ddd;
}

.final-tabs .nav-tabs > li.active {
    background-color: #333;
}

.final-tabs .nav-tabs > li > a {
    text-shadow: none;
    padding: 8px 10px 7px;
}

.final-tabs .nav-tabs > li > a,
.final-tabs .nav-tabs > li > a:hover {
    text-shadow: none;
    color: #333;
}

.final-tabs .nav-tabs > li.active > a,
.final-tabs .nav-tabs > li.active > a:hover {
    color: #FFF;
}


.nouppercase {
    text-transform: none !important;
}


/** Advanced settings : HTTPS **/
.custom-certificate-data {
    display: none;
}


.custom-certificate-data .customer-has-ssl,
.custom-certificate-data .customer-needs-csr {

}


.advanced-settings-https.section {
    min-height: 500px;
}

.custom-certificate-data .ssl-pending-installation-error,
.custom-certificate-data .csr-pending-generation-error
{
    color: red;
}

.custom-certificate-data span.jq-file .jq-file__name, .custom-certificate-data span.file-name {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
}


.custom-certificate-data .csr-form-data,
.custom-certificate-data .download-csr-generated-files,
.custom-certificate-data .customer-has-ssl-successfully-uploaded
{
    border: 1px solid #ccc;
    padding: 20px;
}

.custom-certificate-data label.error {
    padding: 0px;
}

.custom-certificate-data label {
    margin-left: 0px;
}

.custom-certificate-data .csr-form-data .row-fluid {
    margin-top: 12px;
}

.custom-certificate-data .csr-form-data .setting-description {
    margin-top: 1px;
    color: #666;
}

.custom-certificate-data .csr-form-data input[type="text"] {
    padding: 0px 0px 0px 5px;
    width: 97%;
}

.custom-certificate-data .remove-certificate {
}


.custom-certificate-data .remove-key-file {
    cursor: pointer;
}

.custom-certificate-data #cancel-ssl-pending-installation,
.custom-certificate-data #cancel-csrgen-pending-installation {
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700;
}


.modal.fixed-dialog {
    position: fixed;
}

/** Advanced settings : Teams and Manager **/
.advanced-settings-myteam.section {
    min-height: 500px;
}

/* When we have STYLED labels > checkboxes and need to add a description just below the checkbox */
/* small indentation */
.setting-description.styler {
    display: block;
    margin-top: 0px;
    margin-left: 5px;
}
/* larger indentation */
.setting-description.styler.indented {
    margin-left: 25px;
}


.setting-row-wrapper.odd .setting-row {
    background: #f1f3f2;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.setting-row-wrapper.odd {
   	border-top: 1px solid #e4e6e5;
   	border-bottom: 1px solid #e4e6e5;
}

.setting-row-wrapper-last {
    border-bottom: 1px solid #e4e6e5;
}

/* OVERRIDE ANY modal dialog titles */
.modal-header h3 {
    padding: 0px !important;
    margin:  0px !important;
    margin-right: 20px !important;
    /* 	padding-left: 0px !important; */
    /* 	margin-left: 0px !important; */
}

/* courseManagement/index LPs icons */
.curricula-ico {
    width: 28px;
    height: 28px;
    margin: 0px;
    vertical-align: middle;
    background: url(../images/menu/sprite-home.png) 0 -177px no-repeat;
    display: inline-block;
}

.enrolled_gray {
    color: #DDD!important;
    text-decoration: none!important;
}


/** FG Colors for common usage **/
.fb-color-red { color: #FF0000; }

.fg-color-green {
    color: #6BBF6B;
}

.fg-color-grey {
    color: #666666;
}

.fg-color-orange {
    color: #FFBF00;
}

.fg-color-blue {
    color: #0465AC;
}

.fg-color-white {
    color: #FFFFFF;
}


/** For AICC Objectives we use fa- icons in the Play Objects List, so we have to adjust the dynatree CSS a bit **/
.dynatree-node.aicc-objective span.fa {
    font-size: medium;
    line-height: inherit;
    float: left;
}


/** Curriculas listing in lms section **/
.curricula_days_left {
    float: left;
    word-wrap: break-word!important;
    word-break: break-all;
    font-size: 12px;
}

/** Course Management main listing (admin section) **/
#course-management-grid .tooltip a, #course-management-grid .tooltip a:hover {
    text-decoration: underline;
}

a.lps-list {
    display: inline-block;
}

.second-menu li .fa.fa-th-list, .second-menu li .fa.fa-cloud-upload{
    font-size: 1.3em;
    margin: 0 12px 0 5px;
}
.second-menu li .fa.fa-th-list, .second-menu li .fa.fa-comments-o, .second-menu li .fa.fa-wrench{
    font-size: 1.4em;
    margin: 0 10px 0 5px;
}


.nowrap {
    white-space: nowrap !important;
}

.double-bordered-header {
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
}

.double-bordered-header {
    min-height: 40px;
    line-height: 40px;
}


/**------------- COACHING ------------***/

#user-coaching-session-content {
    background-color: #fff; margin: 20px!important;
    padding: 10px!important;

    border:0px;
    -webkit-box-shadow:  4px 4px 5px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:  4px 4px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow:  4px 4px 5px 5px rgba(0, 0, 0, 0.15);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.coaching-edit-session-dialog{
    width: 820px !important;
}
#coaching-edit-session-dialog #coaching-session-edit-warning,#course-expired-softdeadline-warning,.warning-strip{
    background-color:#FFD175;
    height:auto;
}
#course-expired-softdeadline-warning{
    height:30px;
    margin-top:10px;
    margin-bottom:10px;
}
#coaching-edit-session-dialog #coaching-session-edit-warning #exclamation-mark,#course-expired-softdeadline-warning #exclamation-mark, .exclamation-mark{
    font-size: 2em;
    margin-left:15px;
    margin-top:10px;
    display: inline-block;
    float:left;
}

#enrollment_form .exclamation-mark {
    float: none;
    margin: 0 15px 0 0;
}

#course-expired-softdeadline-warning #exclamation-mark{
    margin-left:15px;
    margin-top:5px;
    font-size: 1.5em;
}
#coaching-edit-session-dialog #coaching-session-edit-warning #warning-text,#course-expired-softdeadline-warning #warning-text,.warning-text{
    margin-left:50px;
    margin-top:7px;
    width:85%;
}
#course-expired-softdeadline-warning #warning-text{
    margin-top:5px;
}
#enroll-role-step-form .warning-text,#massive-change-enrollment-deadline-form .warning-text{
    width:85%;
}

#enrollment_form .warning-text {
    width: auto;
    margin: 0 auto;
}

#coaching-edit-session-dialog .coaching-max-users,#delete-certification-dialog .coaching-max-users{
    width: 30px;
    text-align: right;
    vertical-align: middle;
}
#coaching-edit-session-dialog .coaching-max-users-label,#delete-certification-dialog .coaching-max-users-label{
    display:inline-block;
    vertical-align: middle;
}
#coaching-edit-session-dialog .coaching-max-users-label .coaching-max-users-label-hint,#delete-certification-dialog .coaching-max-users-label .coaching-max-users-label-hint, #set_enrollment_deadlines-label-hint {
    color: #aaaaaa;
}


#coaching-edit-session-dialog .filters-wrapper div.coaching-session-filter-div,#delete-certification-dialog .filters-wrapper div.coaching-session-filter-div {
    display:inline-block;
    background:none;
    border:none;
    width:auto;
}
#coaching-edit-session-dialog .filters-wrapper div.coaching-session-filter-div label,#coaching-edit-session-dialog .coaching-mode-radio-btn,#delete-certification-dialog  .filters-wrapper div.coaching-session-filter-div label {
    display:inline-block;
}
#coaching-edit-session-dialog .filters-wrapper div.coaching-session-to-right,#delete-certification-dialog .filters-wrapper div.coaching-session-to-right {
    float: right;
}
#coaching-edit-session-dialog .filters-wrapper div.coaching-session-to-right div div,#delete-certification-dialog .filters-wrapper div.coaching-session-to-right div div {
    text-align: right;
}
#coaching-edit-session-dialog .coaching-inline-label,#delete-certification-dialog .coaching-mode-radio-btn label{
    display:inline-block !important;
}

#user-coaching-session-content .form-actions {
    border: 0!important;
}
.coaching-delete-modal{
    width:820px !important;
    margin-left:-400px !important;
}
.coaching-delete-modal .coaching-delete-check, .coaching-delete-modal .coaching-delete-warning{
    margin-left:35px;
}
.coaching-delete-modal .coaching-delete-check.no-users-assigned {
    margin-left: 0px;
}
.coaching-delete-modal .coaching-delete-warning{
    color:#FF0000;
}
.coaching-delete-modal #proceed-check {
    margin-top: 10px;
}

/*Change Enrollment Deadline*/
label#date_begin_validity-label, label#date_expire_validity-label, div[id$="massive-change-enrollment-deadline-start-date"], div[id$="massive-change-enrollment-deadline-end-date"]{
    display:inline-block !important;
}
label#date_begin_validity-label, label#date_expire_validity-label{
    float:none;
}

.user-coaching-session-management .filters-wrapper,#coaching-edit-session-dialog .coaching-mode-selection-outer,#delete-certification-dialog .coaching-mode-selection-outer{
    border-top: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
    margin: 7px 0 19px;
    position: relative;
    width: 100%;
}

.user-coaching-session-management .filters-wrapper > div ,#coaching-edit-session-dialog #coaching-mode-selection-container,#delete-certification-dialog  #coaching-mode-selection-container{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 7px 12px 7px;
    background: #f1f3f2;
    height: 34px;
}

.user-coaching-session-management .calendar-black-small,#coaching-edit-session-dialog .calendar-black-small,#delete-certification-dialog .calendar-black-small{
    vertical-align: middle;
}
.user-coaching-session-management .bdatepicker,#coaching-edit-session-dialog .datepicker,#delete-certification-dialog .datepicker{
    width: 150px;
    line-height: normal;
    color: #333333;
    padding: 0 8px;
    margin: auto 0;
    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;
}
#coaching-edit-session-dialog .datepicker,#delete-certification-dialog .datepicker{
    width: 80px;
}
#combo-grid-view-container-coaching-sessions-managment .bdatepicker_coaching{
    width: 100px;
}
#combo-grid-view-container-coaching-sessions-managment #show_available_only_label{
    margin-left: 10px;
    margin-right: 10px;
}

.tooltip.coaching-enrollment-session-tooltip {
    width: auto;
}

.tooltip.coaching-enrollment-session-tooltip .tooltip-inner,#coaching-edit-session-dialog label,#delete-certification-dialog label {
    white-space: nowrap;
    text-shadow: none;
    max-width: 350px;
    padding: 5px;
    text-align: center;
}

#menuItems-grid .fakeUrl{
    color: #609DC9;
    text-decoration: underline;
}

.menuItemOptions{
    display: block;
    height: 60px;
}

.menuItemOptions #menuItemTargetType{
    width: 140px;
}

.menuItemOptions #menuItemUrl{
    width: 350px;
}

.menuItemOptions > .icon{
    width: 100px;
}

.menuItemOptions .icon .menuItemIcon{
    min-width: 70px;
}

.menuItemOptions > .icon,.menuItemOptions > .url{
    float: left;
}

.menuItemOptions > .targetType{
    float: right;
}

.menuItemAdditionalOptions{
    margin-top: 15px;
    display: block;
    height: 110px;
}

.menuItemAdditionalOptions .useAdvancedSSO .userAdvancedSSO_confirm{
    float: left;
}
.menuItemAdditionalOptions .useAdvancedSSO .userAdvancedSSO_info{
    float: right;
    width: 95%;
}
.menuItemAdditionalOptions .advancedSSOInfo{
    color:#ABABAB;
    font-size: 12px;
}

#menuItems_form .languagesName > input{
    width: 300px;
}

.menuItemAdditionalOptions .useAdvancedSSO .secretKey{
    margin-top: 10px;
}
.menuItemAdditionalOptions .useAdvancedSSO .secretKey .secretKeyLabel{
    max-width: 90px;
    word-break: break-all;
}

.menuItemAdditionalOptions .useAdvancedSSO .secretKey .secretKeyLabel, .menuItemAdditionalOptions .useAdvancedSSO .secretKey .secretKeyInput{
    float: left;
}
.menuItemAdditionalOptions .useAdvancedSSO .secretKey .secretKeyInput{
    width: 79%;
}
.menuItemAdditionalOptions .useAdvancedSSO .secretKey .secretKeyInput > #secretKeyInput{
    margin-left: 20px;
    width: 100%;
}
.menuItemOptions #buttonIcon{
    height: 32px;
}

#menuItems_form .secretKeyInput > .errorMessage{
    margin-left: 20px;
}

#moduleActivation .form-wrapper{
    margin-bottom: 50px;
}

#menuItems-grid .fakeUrl{
    max-width: 250px;
    word-wrap: break-word;
    word-break: break-word;
}
#menuItems-grid .items td:last-child {
    white-space: nowrap;
}
#menuItems-grid .edit-field, #menuItems-grid .delete{
    margin-left: 6px !important;
}

.coaching-session-column-radio {
    width: 35px;
}
.row.even>.row>.values.redirectUserOnLogout .redirectUserOnLogoutUrl{
    margin-top: 30px;
}

.row.even>.row>.values.redirectUserOnLogout .redirectUserOnLogoutUrl label{
    margin-left: 0px;
}
.row.even#soft-deadline-option-wrapper{
    /*border-bottom: 1px solid #E4E6E5;*/
}
.coaching-lo-deliverable-error,
.coaching-lo-deliverable-success {
    font-size: larger;
    font-weight: bold;
}

.coaching-lo-deliverable-coachbox {
    margin-left: 0!important;
}

.coaching-lo-deliverable-coachnames {
    font-size: 18px;
    min-height: 20px!important;
    font-weight: bold;
}

.coaching-lo-deliverable-avatar {
    margin-top: 15px;
}

#reportSearchDeliverablesForm {
    display: block!important;
    width: 98%;
}

#reportSearchDeliverablesForm #coaching_session_id {
    width: 156px;
}

/* -- DatePicker widget -- */

.date-picker-widget-container .input-append .add-on {
    height: 23px;
}

.date-picker-widget-container .input-append .add-on .fa {
    margin-top: 4px;
}


.date-picker-widget-container .input-append input {
    padding-left: 3px;
}

/* -- MyCoach Widget -- */

/* -- Edit and Delete Controls -- */

.message-list-item .message-controls{
	display: none;
}

.message-list-item:hover .message-controls{
	display: block;
}

.message-controls a.message-controls-link{
    width: 20px;
    height: 20px;
    /* background-color: white; */
    text-align: center;
    color: #CACACA;
    position: absolute;
    padding: 5px;
    display: inherit;
    /* box-shadow: 0px 0px 3px #888888; */
}

.message-controls a.message-controls-link:hover{
    width: 20px;
    height: 20px;
    background-color: white !important;
    text-align: center;
    color: black !important;
    position: absolute;
    padding: 5px;
	box-shadow: 0px 0px 3px #888888 !important;
}

.message-controls .message-controls-items{
	position: relative;
    top: 30px;
    background-color: white;
    z-index: 1000;
    padding: 10px;
    min-width: 70px;
    text-align: left;
    display: none;
    box-shadow: 0px 0px 3px #888888;
}

.message-controls .message-controls-items a{
	text-decoration: none;
}

.message-controls .message-controls-items ul li{
	padding-bottom: 5px;
}

a.message-controls-link:hover + .message-controls-items{
	display: block;
}

.message-controls .message-controls-items:hover{
	display: block;
}


.message-controls .message-controls-items .remove-massage{
	color: red;
}

.write-message-container .no-send-messages{
    color: darkgray;
    text-align: center;
    vertical-align: middle;
    line-height: 55px;
    font-weight: bold;
}

/* -- End of Controls -- */

#coaching-webinar-session-guests-dialog {
    overflow-x: hidden!important;
}

#coaching-webinar-session-guests-dialog .member-by-status-container {
    border: 1px solid #e5e5e5;
    background-color: #F8F8F8;
    width: 30%;
    margin-left: 20px;
    margin-top: 20px;
    display: inline-block;
    float: left;
    min-height: 73px
}

#coaching-webinar-session-guests-dialog .guests-container {
    display: block;
    width: 100%;
}

#coaching-webinar-session-guests-dialog .filter-by-coaching-session-status {
    position: relative;
    display: block;
    height: 50px;
    padding-bottom: 2px;
}

#coaching-webinar-session-guests-dialog .filters_course_management {
    background: #f1f3f2;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    line-height: 50px;
    margin: 20px 0px;
}

#coaching-webinar-session-guests-dialog .invited-guests {
    display: inline-block;
    margin-top: 10px;
    margin-left: 20px;
}

#coaching-webinar-session-guests-dialog input,
#coaching-webinar-session-guests-dialog label {
    display: inline-block;
}

#coaching-webinar-session-guests-dialog #filter_guests_0-styler {
    margin-left: 50px;
}

div.mycoach-block-container .change-enrollment-status-btn-group {
    /*max-width: 190px;*/
    display: inline-block;
}

div.mycoach-block-container .btn-going {
    /*width: 33px!important;*/
    /*padding: 6px 12px!important;*/
}

div.mycoach-block-container .btn-maybe {
    /*width: 37px!important;*/
    /*padding: 6px 12px!important;*/
}

div.mycoach-block-container .btn-decline {
    /*width: 42px!important;*/
    /*padding: 6px 12px!important;*/
}

div.mycoach-block .btn-save,
div.mycoach-block .confirm-btn,
.btn-cancel,
div.mycoach-block .btn-cancel {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase!important;
    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;
}

div.mycoach-block .btn-cancel,
div.mycoach-block .btn-cancel:hover,
div.mycoach-block .btn-cancel:active,
div.mycoach-block .btn-cancel:focus,
div.mycoach-block .close-btn,
div.mycoach-block .close-btn:hover,
div.mycoach-block .close-btn:active,
div.mycoach-block .close-btn:focus,
div.mycoach-block .btn-cancel,
div.mycoach-block .cancel-btn,
div.mycoach-block .btn-cancel:hover,
div.mycoach-block .btn-cancel:active,
div.mycoach-block .btn-cancel:focus {
    background: #333333!important;
    text-shadow: 1px 1px #000000;
    background-image: none!important;
    background-color: #333!important;
    background-position: initial!important;
    color: #fff!important;
    font-size: 11px!important;
    font-family: Verdana,Arial,sans-serif!important;
    white-space: nowrap!important;
    line-height: normal!important;

}

div.mycoach-block p.lead{
    line-height: 0px;
    margin-bottom: 15px;
    margin-top: 7px;
}

div.mycoach-block hr{
    margin: 0px 0px 0px 0px;
}

div.mycoach-block {
    font-size: 13px;
    border: 2px solid whitesmoke;
    padding: 20px;
    width: auto;
}

div.mycoach-block span.assigned-user{
    display: inline-block;
    height: 18px;
    width: 20px;
    background: url(../images/icons_elements.png) -287px -175px no-repeat;
}

div.mycoach-block span.mail{
    display: inline-block;
    height: 13px;
    width: 18px;
    background: transparent url("../images/i-sprite.png") no-repeat scroll -131px -1442px;
}

div.mycoach-block span.clock{
    display: inline-block;
    height: 18px;
    width: 18px;
    background: transparent url(../images/i-sprite.png) no-repeat scroll -11px -1183px;
}

div.mycoach-block-container .tabbable {
    /* width: 98%; */
}
div.mycoach-block-container .nav-tabs {
    margin-bottom: 0px;
}

div.mycoach-block-container li.active {
    float: left;
    background: #FFFFFF;
    margin-bottom: -1px;
    background-color: transparent;
    border-bottom: 0px;
}

div.mycoach-block-container .chat-messages {
    text-align: right;
    padding: 12px;
    border-top: 1px solid #E4E6E5;
}

div.mycoach-block-container .learner-names {
    color: #0465ac;
    padding-left: 20px;
    text-decoration: underline;
}

div.mycoach-block-container .first {
    border-top: 0!important;
}

div.mycoach-block-container .learners-list-item {
    text-align: left;
    margin: 0px -12px;
    padding: 12px;
    border-top: 1px solid #E4E6E5;
}

div.mycoach-block-container .learners-list-item:hover {
    background-color: rgb(245, 246, 248);
}

div.mycoach-block-container #webinar-start-date {
    width: 160px;
    height: 23px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 12px;
}

div.mycoach-block-container .date-picker-widget-container {
    /*width: 180px;*/
    float: right;
    display: inline-block;
}

div.mycoach-block-container .past-webinars-list {
    padding: 12px;
    height: 350px;
    overflow-y: auto;
    border-left: 1px solid #e4e6e5;
    border-right: 1px solid #e4e6e5;
    border-bottom: 1px solid #e4e6e5;
}

div.mycoach-block-container .learners-list {
    text-align: right;
    padding: 0px 12px 0px 12px;
    border: 1px solid #E4E6E5;
    border-top: none!important;
    height: 350px;
    overflow-y: auto;
}
div.mycoach-block-container .past-webinars-list{
    padding: 0px 12px 0px 12px;
    border: 1px solid #E4E6E5;
    border-top: none!important;
    height: 350px;
    overflow-y: auto;
}
div.mycoach-block-container .no-users-span,
div.mycoach-block-container .no-messages-span {
    display: block;
    margin: 10px auto;
    vertical-align: middle;
    text-align: center;
    padding-top: 8px;
}

div.mycoach-block-container .no-users,
div.mycoach-block-container .no-messages {
    margin: 0 auto;
}

div.mycoach-block-container .filter_users {
    width: 98%;
    border: 1px solid #E4E6E5;
}

div.mycoach-block-container div.search-box-container {
    border: 1px solid #E4E6E5!important;
    border-top: none!important;
    padding: 15px 10px 6px;
    height: 40px;
    width: auto;
}

div.mycoach-block-container div.tab-content {
    /*border: 1px solid #E4E6E5!important;*/
    border-top: none!important;
    overflow: visible!important;
}
div.mycoach-block-container li a.nav-tabs-link {
    background: #EEE;
    /*border-bottom-color: transparent;
    border-top: 3px solid #6FCF6F;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;*/
    padding-top: 8px;
}
div.mycoach-block-container li.active a.nav-tabs-link {
    background: #FFF;
    border-bottom-color: transparent;
    border-top: 3px solid #6FCF6F;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding-top: 6px;
    padding-bottom:9px;
}

div.mycoach-block-container .chat-loading {
    display: block;
    margin: 60px auto 10px auto;
    text-align: center;
}

div.mycoach-block-container .message-text-left {
    text-align: left;
}

div.mycoach-block-container .sent-by-left {
    text-align: left;
}

div.mycoach-block-container .sent-by-right {
    text-align: right;
}

div.mycoach-block-container .date-sent-left {
    text-align: left;
}

div.mycoach-block-container .date-sent-right {
    text-align: right;
}

div.mycoach-block-container .date-sent {
    color: #999!important;
    font-size: 11px!important;
}

div.mycoach-block-container .sent-by {
    font-weight: bold;
    color: #0465ac;
}

div.mycoach-block-container .message-text-right {
    text-align: right;
}

div.mycoach-block-container .message-text {
    color: #000;
    margin: 0 auto;
}
.coaching-webinar-avatar-image,
div.mycoach-block-container .chat-avatar-image {
    max-width: 40px;
    max-height: 37px;
    overflow: hidden;
    padding: 1px;
    border: 1px solid #E4E6E5;
    margin-bottom: 10px;
}

div.mycoach-block-container .write-message {
    margin: 0px auto;
}

div.mycoach-block-container .write-message-inner {
    /* position: relative; */
    margin-top: 15px;
}

div.mycoach-block-container .apply-icon {
    margin-top: 7px;
}

div.mycoach-block-container .send-message-button-container  {
    margin-left: 0;
}

div.mycoach-block-container .write-message-button {
    width: 52px;
    height: 25px;
    display: block;
    margin-top: 10px;
    /* position: absolute;
    right: 30px;
    top: 10px; */
    border: 2px solid #5FBF5F;
    color: #5FBF5F;
    font-weight: bold;
    text-align: center;
}

div.mycoach-block-container .textarea-container {
    width: 85%;
    margin: 0 auto;
    border: 1px solid #E4E6E5;
    box-shadow: none !important;
    background-color: white;
}

div.mycoach-block-container #write-message-textarea {
    width: 93%;
    border: 0;
    min-height: 40px;
    display: block;
    margin: 0 auto;
    resize: none;
    box-shadow: none !important;
}

div.mycoach-block-container .write-message-container {
    margin: 0 -12px;
    border-top: 1px solid #E4E6E5;
    padding-bottom: 14px;
    background-color: rgb(245, 246, 248);
}

div.mycoach-block-container .messages-container {
    height: 270px;
    overflow: auto;
    margin-right: -12px;
    padding: 0;
}

div.mycoach-block-container .message-container {
    margin-top: 10px;
    margin-bottom: 10px;
	position: relative;
}

div.mycoach-block-container .avatar-container {
    margin: 0 auto;
    text-align: center;
}
div.mycoach-block-container .message-list-item {
    /* margin: 10px; */
    padding: 10px;
}

div.mycoach-block-container .learner-last-message {
    font-size: 10px;
    line-height: 11px;
    margin-top: 5px;
    text-align: right;
}

div.mycoach-block-container .icon-number,
div.mycoach-block-container .coach-icon-holder {
    height:20px;
    width:20px;
}

div.mycoach-block-container .coach-icon-holder {
    position:relative;
}

div.mycoach-block-container .icon-number {
    text-align: center;
    position: absolute;
    top: -5px;
    left: 9px;
    background-color: #64b959;
    color: #fff;
    font-weight: bold;
    font-size: 8px;
    margin: 0;
    padding: 0!important;
    height: 15px;
    width: 15px;
    vertical-align: middle!important;
}


div.mycoach-block-container .learner-num-messages {
    text-align: right;
}

div.mycoach-block-container .write-message-button:hover,
div.mycoach-block-container .learner-num-messages:hover,
div.mycoach-block-container .back-icon:hover,
div.mycoach-block-container .learner-arrow-column:hover,
div.mycoach-block-container .learner-names-column:hover {
    cursor: hand!important;
    cursor: pointer!important;
}

div.mycoach-block-container .learner-num-messages,
div.mycoach-block-container .learner-names-column {
    margin-top: 10px;
}

div.mycoach-block-container .learner-arrow {
    display: block;
    float: right;
    vertical-align: middle;
    margin-top: 15px;
}

div.mycoach-block-container .message-left {
    background-color: #f5f7fb;
    border: 1px solid #E4E6E5;
    -webkit-border-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topright: 0;
    border-radius: 10px;
    border-top-right-radius: 0;
}

div.mycoach-block-container i.fa-angle-left {
    display: block;
    padding-left: 7px;
}

div.mycoach-block-container .back-icon-container {
    display: none;
}

div.mycoach-block-container .back-icon {
    margin: 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #343234;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}

div.mycoach-block-container .message-right {
    background-color: #fff;
    border: 1px solid #E4E6E5;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    margin-right: 5px;
    margin-left: -5px;
}
div.mycoach-block-container .webinar-icon-big {
    background: url('../images/webinar/sprite-icons.png') no-repeat scroll 0px -2px transparent;
    width: 28px;
    height: 35px;
    display: inline-block;
}
div.mycoach-block-container a.nav-tabs-link.tabWeb {
    padding-top:2px !important;
    padding-bottom:4px;
}
div.mycoach-block-container .webinarSessionActions{
    max-width: 90px;
    width:90px;
    overflow-x: visible;
}
div.mycoach-block-container .webinarSessionActions.has-user-status-btns{
    max-width: none;
    width:auto;
}
div.mycoach-block-container .webinarSessionActions.withBtn{
    max-width: 165px;
    width: 165px;
}
div.mycoach-block-container .webinar-session-users-count-container {
    display: inline-block;
    margin-left: 20px;
    margin-right: 38px;
    margin-top: 10px;
    /*position: relative;*/
    top: 6px;
    padding: 5px 5px 5px 5px;
}
div.mycoach-block-container .options-button {
    margin-left: 3px;
    /*margin-right: 10px;*/
    margin-top: 10px;
    padding: 5px 5px 5px 5px;
    display:none;
}
div.mycoach-block-container .popover-options{
    position:relative;
    margin-bottom: -50px;
    /*margin-left: -64px;*/
    margin-right:4px;
    border: 1px solid #C5C5C5;
    background-color:#FFF;
    padding: 10px 0px 10px 0px;
    width:150px;
    text-align:left;
    -webkit-box-shadow: 0px -1px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px -1px 10px rgba(0,0,0,0.15);
    box-shadow: 0px -1px 10px rgba(0,0,0,0.15);
    z-index: 100;
    float:right;
    display:none;
}
div.mycoach-block-container .popover-options a{
    margin-left:15px;
}
div.mycoach-block-container .active-webinar-session-row:hover,div.mycoach-block-container .past-webinar-session-row:hover{
    background-color: rgb(245, 246, 248);
}
div.mycoach-block-container .active-webinar-session-row:hover .webinar-session-users-count-container, div.mycoach-block-container .past-webinar-session-row:hover .webinar-session-users-count-container{
    margin-right: 1px;
}
div.mycoach-block-container .active-webinar-session-row:hover .options-button, div.mycoach-block-container .past-webinar-session-row:hover .options-button{
    display:inline-block;

}
div.mycoach-block-container .active-webinar-session-row:hover .options-button i{
    color:#C5C5C5;
}
div.mycoach-block-container .options-button:hover, div.mycoach-block-container .webinar-session-users-count-container:hover{
    background-color:#FFF;
    border: 1px solid #C5C5C5;
}
div.mycoach-block-container .webinar-session-users-count-container:hover{
    margin-left: 19px;
    margin-right: 0px !important;
    margin-top: 9px;
}
div.mycoach-block-container .options-button:hover{
    margin-left: 2px;
    margin-right: -1px;
    margin-top: -1px;
}
div.mycoach-block-container .options-button:hover + .popover-options{
    display:block;
}
div.mycoach-block-container .popover-options:hover {
    display:block;
}
div.mycoach-block-container .options-button:hover i{
    color:#000000 !important;
}
div.mycoach-block-container .webinar-session-users-count {
    padding-top: 10px;
    margin-left:20px;
    margin-right:20px;
}

div.mycoach-block-container .coaching-webinar-btn {
    background-color: #6FCF6F !important;
}

div.mycoach-block-container .coaching-webinar-green-btn ,
div.mycoach-block-container .coaching-webinar-gray-btn,
div.mycoach-block-container .coaching-webinar-dark-gray-btn,
div.mycoach-block-container .coaching-webinar-orange-btn {
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    background-image: none;
    border: 1px solid #E4E6E5;
    font-size: 11px;
}

div.mycoach-block-container .coaching-webinar-inactive-green-btn:hover,
div.mycoach-block-container .coaching-webinar-green-btn {
    background-color: #6FCF6F !important;
    text-shadow: 0 1px 0 #4FBF4F;
    color: #fff;
}

div.mycoach-block-container .coaching-webinar-gray-btn {
    background-color: #F7F7F7!important;
    text-shadow: 0 1px 0 #F8F8F8;
    color: #000;
}

div.mycoach-block-container .coaching-webinar-inactive-orange-btn:hover,
div.mycoach-block-container .coaching-webinar-orange-btn {
    background-color: #E57F22 !important;
    text-shadow: 0 1px 0 #E35F20;
    color: #fff;
}

div.mycoach-block-container .coaching-webinar-inactive-dark-gray-btn:hover,
div.mycoach-block-container .coaching-webinar-dark-gray-btn {
    background-color: #333333 !important;
    text-shadow: 0 1px 0 #555;
    color: #fff;
}

div.mycoach-block-container .icon-users-number {
    text-align: center;
    position: absolute;
    top: -8px;
    left: 7px;
    background-color: #64b959;
    color: #fff;
    font-weight: bold;
    font-size: 8px;
    margin: 0;
    padding: 0!important;
    height: 15px;
    width: 15px;
    vertical-align: middle!important;
}

div.mycoach-block-container span.coach-webinar-time{
    font-size: 11px!important;
    display: inline-block;
    vertical-align: middle;
}

div.mycoach-block-container li.active a.nav-tabs-link.tabWeb{
    padding-top: 0 !important;
    padding-bottom:5px;
}
@-moz-document url-prefix() {
    div.mycoach-block-container a.nav-tabs-link.tabWeb{
        padding-bottom:3px;
    }
    div.mycoach-block-container li.active a.nav-tabs-link.tabWeb{
        padding-bottom:4px;
    }
}
.player-block-header span.new-live-session{
    display: inline-block;
    height: 19px;
    width: 19px;
    background: url(../images/i-sprite.png) -171px -1132px no-repeat;
    vertical-align: middle;
}

.manage-pu-seats-header ul.holder li.bit-box,
.edit-block-modal ul.holder li.bit-box {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    background: #e4e6e5;
    padding: 5px 20px 5px 5px;
}

.manage-pu-seats-header ul.holder li.bit-box a.closebutton,
.edit-block-modal 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");
}

/* ------------------------- */


/* -- ACTIVE USERS REPORT -- */
.active-users-report #search_period{
    float: left;
    width: 200px;
}
.active-users-report #export_active_users_button #export-active-users{
    width: 200px;
}

.active-users-report #export_active_users_button{
    float: left;
    margin-left: 50px;
}
.active-users-report #export_active_users_button select{
    width: 150px;
}

@media (max-width: 979px) and (min-width: 768px)  {
    .active-users-report #export_active_users_button{
        margin-left: 0px;
        margin-top: 15px;
    }
}

@media (max-width: 588px){
    .active-users-report #export_active_users_button{
        margin-left: 0px;
        margin-top: 15px;
    }
}
/* ------------------------- */

/* -- COURSE MANAGEMENT ACTIONS - MANAGE PU SEATS -- */
.node-action a.course-manage-seats {
    background: none!important;
    padding-left: 0!important;
}

.manage-pu-seats-header .header-hr {
    margin-top: 0!important;
    margin-bottom: 10px!important;
}

.manage-pu-seats-dialog {
    width: 740px!important;
}

.manage-pu-seats-header #choose_pus {
    width: 221px;
}

.manage-pu-seats-header #filter_pus,
.manage-pu-seats-header #choose_pus,
.manage-pu-seats-header #add_seats {
    padding: 0px 30px 0px 9px;
    margin-right: 15px;
    color: #333333;
    background: #ffffff;
    line-height: 30px;
    height: 28px;
    line-height: 31px;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.manage-pu-seats-header #add_seats {
    width: 30px;
    margin-right: 0;
}

.manage-pu-seats-header #filter_pus {
    width: 80%;
    margin-right: 5px;
    margin-bottom: 5px;
    float: right;
}

.manage-pu-extra-seats-subtitle {
    margin-top: 30px;
}

.manage-pu-seats-header table.items {
    border-top: 0!important;
}

.manage-plan-course-pu-seats .maxAvailable {
    margin-left: 12px!important;
}

/* ------------------------- */

/* -- COURSE RAITING -- */
#social_rating_course.fixed_rating.list {
    padding: 0px;
}

#social_rating_course.fixed_rating.thumb {
    width: 110%;
    overflow: hidden;
    padding: 0px;
    margin-bottom: -2px;
}

@media (max-width: 768px) {
    #social_rating_course.fixed_rating.thumb {
        padding: 0px;
    }
}

#social_rating_course.fixed_rating a:hover{
    cursor: auto;
}

#social_rating_course.fixed_rating.details{
    background: #F1F3F2;
    width: 82%;
    padding: 0px 10px 0px 10px;
}
/* ------------------------- */

/* -- COURSE PLAYER -> MANAGE COURSE -> MANAGE SEATS -- */
i.manage-ico.manage-purchase-seats-ico {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 40px;
    height: 40px;
    margin-right: 6px;
    margin-left: 6px;
    vertical-align: middle;
    background: url(../images/shared/icons_elements.png) -590px -115px no-repeat;
}

a:hover .manage-ico.manage-purchase-seats-ico {
    /* background-position: ?px ?px; */
}
/* ------------------------- */


/* -- CUSTOM REPORT -- */
#custom-report-grid .courseHasExpired, #custom-report-grid .courseHasExpired .courseLink{
    color: #B22323;
}

#custom-report-grid .courseLink{
    text-decoration: underline;
}
/* ------------------------- */

/* -- GENERIC WARNING MESSAGE -- */
.warning-message-yellow {
	background: #ffe59a;
	width: 100%;
	padding: 8px 1% 7px 1%;
	margin: 20px 0px 0px 0px;
	line-height: 30px;
}
.warning-message-yellow span.bold {
	font-weight: bold;
}
.warning-message-yellow i.fa {
	float: left;
	margin-right: 10px;
}
/* ----------------------------- */
/* ------------------------- */

/* -- FCBKcomplete global style -- */
ul.holder li.bit-box{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    background: #e4e6e5;
    padding: 5px 20px 5px 5px;
}
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;
}
ul.holder li.bit-input input{
    height: auto;
}
/* ------------------------- */

/* ------------------------- */

.coursesetting-wrapper #coaching label.radio,
.coursesetting-wrapper #coaching label.checkbox{
    margin-bottom: 0px !important;
}

/* -- GENERIC WARNING MESSAGE -- */
.warning-message-yellow {
    background: #ffe59a;
    width: 100%;
    padding: 8px 1% 7px 1%;
    margin: 20px 0px 0px 0px;
    line-height: 30px;
}

.coursesetting-wrapper #coaching .setting-description.styler{
    margin-bottom: 10px;
    margin-left: 29px;
}
.warning-message-yellow span.bold {
    font-weight: bold;
}

.coaching-edit-session-dialog .p-sprite.calendar-black-small{
    background-position: -99px -174px !important;
    width: 24px !important;
    height: 24px !important;
}
.warning-message-yellow i.fa {
    float: left;
    margin-right: 10px;
}

.audit-trail-config a.select-all,
.audit-trail-config a.unselect-all{
    color: #0465AC !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.audit-trail-config .jq-checkbox.accordion-checkbox{
    margin-left: -27px !important;
}

.audit-trail-config .setting-description{
    margin-left: 21px !important;
}

/* -- Course Catalog ->  Course Details page(-s) -- */

.catalog-course-details-additional-fields-first {
    border-top: 1px solid #DDD;
    margin-top: 20px;
}

.catalog-course-details-additional-fields {
    border-bottom: 1px solid #DDD;
}

.catalog-course-details-additional-fields-value {
    padding: 10px;
    word-wrap: break-word;
}

.catalog-course-details-additional-fields-label {
    padding: 10px;
    font-weight: bold;
}

/* ------------------------- */

/* -- COURSE DESCRIPTION WIDGET -- SETTINGS -- */

.course-description{
    word-wrap: break-word;
}

.course-desc-widget-settings{
    padding: 10px;
}

.course-desc-widget-settings .radio{
    padding-left: 0px !important;
}

.course-description .course-field-row{
    padding-left: 10px;
}

.course-description hr{
    margin: 10px 0;
}

.course-description input.maininput{
    border: 2px solid red;
}

/* ------------------------- */



/* ------- TinCan/XAPI Statement viewer (Course -> Reports -> User -> TinCan/Xapi LO ---------*/
.statistics-widget-xapi-statements .statement {margin:3px 0;}
.statistics-widget-xapi-statements  table {width:100%;}
.statistics-widget-xapi-statements .statementRow td.statementCell {vertical-align:middle; padding:2px;}
.statistics-widget-xapi-statements .statementRow td.date { width:100px; color: #666666; white-space: nowrap; vertical-align:middle; padding:2px; font-size: 0.7em;}
.statistics-widget-xapi-statements .statement .actor {color:#222222;}
.statistics-widget-xapi-statements .statement .verb {font-weight:bold;}
.statistics-widget-xapi-statements .statement .target {}
.statistics-widget-xapi-statements .statement .object {color:#222222;}
.statistics-widget-xapi-statements .statement .score {font-weight:bold;}
.statistics-widget-xapi-statements .statement .response {font-weight:bold;}
.statistics-widget-xapi-statements tr.statement {cursor:pointer;}
.statistics-widget-xapi-statements .tc_rawdata{display:none;font-size:.8em;}
/* ------------------------------------------------------------------------------------------- */


.p-hover.settings-details.active .i-sprite.is-list {
	background-position: -210px -606px;
	width: 20px;
	height: 15px;
}

.course-desc-widget-settings .radio ul.holder{
	overflow-x: auto;
}

/* -- API and SSO -- SETTINGS -- */
#admin-apiapp-settings #sidebar a:hover {
    text-decoration: none;
}

#admin-apiapp-settings #sidebar i.fa.fa-lock.fa-lg,
#admin-apiapp-settings #sidebar i.fa.fa-lock.fa-2x {
    height: 22px;
    width: 28px;
    display: inline-block;
    vertical-align: middle;
}

#admin-apiapp-settings #ApiAppSettingsForm_sso_secret,
#admin-apiapp-settings #ApiAppSettingsForm_external_sso_url{
    width: 95%;
}

#admin-apiapp-settings .row label {
    font-weight: bold;
}

#admin-apiapp-settings .row {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#admin-apiapp-settings .row.odd .row {
    padding-top: 20px;
    padding-bottom: 20px;
}

#admin-apiapp-settings .row.odd {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}

#admin-apiapp-settings .sso-client-icon i.fa-picture-o {
    top: 10px;
    position: relative;
    font-size: 20px;
}

#admin-apiapp-settings .sso-client-icon {
    margin: 0;
    /*padding: 8px;*/
    background-color: #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#fff;
    vertical-align: middle;
    text-align: center;
    display: inline-block;

    width: 36px;
    height: 36px;
    padding: 0px;
    vertical-align: middle;
}

#admin-apiapp-settings #sso-clients-list_c1 {
    width: 60px;
}

#admin-apiapp-settings .form-horizontal .controls {
    margin-left: 240px;
}

#admin-apiapp-settings .grid-view table.items tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#admin-apiapp-settings #settings h3 {
    padding-bottom: 0;
}

#admin-apiapp-settings #legacy-api .legacy-explanation-text {
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

#admin-apiapp-settings .control-group.row {
    padding-left: 18px;
}

#admin-apiapp-settings .form-actions {
    padding-right: 0px;
}

#admin-apiapp-settings #legacy-api .form-actions {
    border-top: 0;
}

#admin-apiapp-settings #legacy-api hr {
    margin-bottom: 10px;
}

#admin-apiapp-settings #legacy-api hr,
#admin-apiapp-settings #oauth2 hr {
    margin-top: 0;
}

#admin-apiapp-settings .form-actions {
    text-align: right;
    background-color: #fff;
    margin-top: 0;
}

.sso-edit-client-dialog .modal-body.opened {
    padding-bottom: 0;
}

.sso-edit-client-dialog .modal-footer {
    padding-top: 0;
}

.sso-edit-client-dialog .sso-client-secret.input-block-level {
    background-color: #F9F9F9!important;
}

.sso-edit-client-dialog #show-advanced-options-container {
    margin-bottom: 0!important;
}

.sso-edit-client-dialog #show-advanced-options-container label {
    display: inline-block;
    padding-left: 10px;
}

.sso-edit-client-dialog #grant-types-container {
    margin-top: 0!important;
    margin-left: 27px!important;
}

.sso-edit-client-dialog .grant-types-label {
    margin-bottom: 10px!important;
}

.sso-edit-client-dialog #grant-types-container label {
    margin-left: 10px;
    display: inline-block;
}

#sso-client-edit-form div.sso-client-edit-input-container .input-block-level {
    background-color: #fff;
}

#sso-client-edit-form div.sso-client-edit-input-container {
    display: block;
    margin: 20px 0;
}

#delete-sso-client-dialog span.jq-checkbox.delete-check {
    float: left;
    margin-right: 10px;
}

#admin-apiapp-settings span.secret-key{
    display: inline-block;
    height: 18px;
    width: 18px;
    background: transparent url(../images/i-sprite.png) no-repeat scroll -11px -956px;
}

#admin-apiapp-settings .advanced-sidebar li i{
    display: inline-block!important;
    height: 18px!important;
    position: relative;
}

#admin-apiapp-settings .advanced-sidebar li a{
}

#admin-apiapp-settings .advanced-sidebar li a.https:hover span,
#admin-apiapp-settings .advanced-sidebar li a.https.active span {
    background: transparent url(../images/i-sprite.png) no-repeat scroll -211px -956px;
}

#admin-apiapp-settings #oauth2 div.oauth2-help-container {
    margin-bottom: 10px;
    margin-top: -10px;
    padding-left: 5px;
}

#admin-apiapp-settings #oauth2 h3.oauth2-gridview-title {
    padding-bottom: 0;
    padding-left: 5px;
    margin-top: -7px;
}

#admin-apiapp-settings #oauth2 div.oauth2-help-container a {
    color: #0465ac;
    text-decoration: underline;
    cursor: pointer;
}

#admin-apiapp-settings #oauth2 .td-oauth2-api-name {
    width: 30%;
}

#admin-apiapp-settings #oauth2 .td-oauth2-api-icon {
    width: 80px;
}

#admin-apiapp-settings #oauth2 .td-oauth2-api-description{
    word-break: break-all;
    width: 30%;
}

#admin-apiapp-settings #oauth2 .td-oauth2-api-operation-column {
    width: auto;
}

#admin-apiapp-settings #oauth2 .operation-column{
    width: 100px;
    display: inline-block;
}
#admin-apiapp-settings #oauth2,
#admin-apiapp-settings #legacy-api {
    display: none;
}

#admin-apiapp-settings #settings label.row-field-label,
#admin-apiapp-settings #legacy-api label.row-field-label {
    font-size: 15px;
}

.sso-edit-client-dialog  .sso-client-icon i.fa-picture-o {
    top: 16px;
    position: relative;
    font-size: 40px;
}

.sso-edit-client-dialog  .sso-app-description {
    height: 60px;
}

.sso-edit-client-dialog  .jq-file__browse {
    margin-top: 10px;
}

.sso-edit-client-dialog  .jq-file__name {
    position: absolute;
    top: 0;
    right: 0;
}

.sso-edit-client-dialog  #OauthClients_app_icon {
    font-size: 0px!important;
}

.sso-edit-client-dialog  #OauthClients_app_icon-styler {
    position: static!important;
}

.sso-edit-client-dialog  input[type="text"],
.sso-edit-client-dialog  textarea {
    background-color: #fff!important;
}

.sso-edit-client-dialog  .app-icon-label {
    padding-right: 65px;
}

.sso-edit-client-dialog.dialog2-error  .modal-body {
    height: 160px!important;
}

.sso-edit-client-dialog  #app-icon-container {
    position: relative;
}

.sso-edit-client-dialog  .sso-client-icon {
    margin: 0;
    margin-top: 5px;
    background-color: #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#fff;
    vertical-align: middle;
    text-align: center;
    display: inline-block;

    width: 60px;
    height: 60px;
    padding: 0px;
    vertical-align: middle;
}

/* -- API and SSO -- SETTINGS - END -- */

/* -- EXTERNAL CATALOG -- SETTINGS - START -- */

#advanced-catalog-settings-form .form-actions {
    background-color: #fff!important;
    border-top: 0!important;
}

#advanced-catalog-settings-form .form-actions .btn-docebo {
    float: right;
    margin-left: 20px;
}

.catalogapp-dialog-select-catalogs .selections.clearfix {
    margin: 0!important;
}

.catalogapp-dialog-select-catalogs h2 {
    margin-bottom: -10px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px solid #E4E6E5;
    color: #0465ac;
}

#advanced-catalog-settings-form {
    margin-left: 0!important;
}

.advanced-catalog-settings-form-title {
    padding-bottom: 0!important;
    padding-top: 20px;
}

.modal.catalogapp-dialog-select-catalogs {
    position: absolute!important;
}

.catalogapp-dialog-select-catalogs .combo-grid-select-all,
.catalogapp-dialog-select-catalogs .combo-grid-deselect-all {
    text-decoration: underline!important;
    color: #0465ac!important;
}

/* -- EXTERNAL CATALOG -- SETTINGS - END -- */

/* ----------------------------- */

.centered-ajax-loader {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 16px;
    padding: 0;
}

.main-section.lang-management .filters .group  table tr td:first-child {
    padding-right: 10px;
}

div#player-reports-test-users table.items td ul{
    list-style-type: disc;
    margin-left: 30px;
}

div#player-reports-test-users table.items td ol{
    list-style-type: decimal;
    margin-left: 30px;
}


/* -- BRANDING LOOK AND FEEL -- SETTINGS - START -- */

#branding-whitelabel-form .max-input-footnote {
    font-size: 12px;
    color: #999;
}

#branding-whitelabel-form .show-hide-naming-input,
#branding-whitelabel-form .show-hide-naming-site-input,
#branding-whitelabel-form .show-hide-helpdesk-email,
#branding-whitelabel-form .show-hide-footer-text,
#branding-whitelabel-form .show-hide-header-url,
#branding-whitelabel-form .show-hide-footer-url {
    margin-left: 30px;
}

a.user-profile-sign-out:hover {
    text-decoration: underline;
    color: #333333;
}

a.user-profile-sign-out {
    display: inline-block;
    font-size: 11px!important;
    margin-left: 65px!important;
    margin-top: -18px;
    float: left;
    background: none!important;
    background-color: transparent!important;
    background-image: none!important;
    border: 0!important;
    text-decoration: underline;
}

h1.user-profile {
    min-height: 60px;
}

#multidomain-settings-form input[type=text],
#multidomain-settings-form input[type=number],
#multidomain-settings-form input[type=email],
#multidomain-settings-form input[type=url] {
    height: 31px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#multidomain-settings-form .max-input.show-hide-naming-input,
#multidomain-settings-form .max-input.show-hide-naming-site-input,
#multidomain-settings-form .max-input.show-hide-helpdesk-email,
#multidomain-settings-form .max-input.show-hide-footer-url,
#multidomain-settings-form .max-input.show-hide-header-url {
    margin-top: 0;
    margin-left: 25px;
}

#multidomain-settings-form .show-hide-footer-custom-text {
    margin-left: 25px;
}

/* -- BRANDING LOOK AND FEEL -- SETTINGS - END -- */



.main-actions .info div > p {
    font-size: 11px;
}
.location-main-actions-container .helper a {
    padding: 0 0 0 10px;
	width: 400px!important;
}
.location-main-actions-container p.helper-text {
    font-size: 11px;
}

/* -- Advanced Settings -- eLearning - START -- */
/* -- Advanced Settings -- Advanced - Clickjacking Protection - START -- */

#settings-elearning-form div.elearning-iframes-whitelist-subtitle,
div#advanced div.elearning-iframes-whitelist-subtitle {
    font-size: 9px;
    color: #999;
    line-height: normal;
}

#settings-elearning-form div.elearning-iframes-whitelist-subtitle a,
div#advanced div.elearning-iframes-whitelist-subtitle {
    color: #0465ac;
    text-decoration: underline;
    cursor: pointer;
}

#settings-elearning-form div.iframe-source-row .span1,
#settings-elearning-form div.iframe-source-row .span11,
#settings-elearning-form div.iframe-source-row .span12,
div#advanced div.iframe-source-row .span1,
div#advanced div.iframe-source-row .span11,
div#advanced div.iframe-source-row .span12 {
    padding-left: 10px;
    margin-bottom: -5px;
    margin-top: 7px;
    padding-top: 0;
    padding-bottom: 10px;
    vertical-align: bottom;
    word-break: break-all;
}

#settings-elearning-form div.iframe-source-row,
#javascript-protection div.iframe-source-row,
#csp-protection div.iframe-source-row {
    border-bottom: 1px solid #E4E6E5;
}


#settings-elearning-form .pagination .span3,
#javascript-protection .pagination .span3,
#csp-protection .pagination .span3 {
    margin-left:10px;
}

#settings-elearning-form .pagination #page_navigation,
#settings-elearning-form .pagination #page_navigation,
#csp-protection .pagination #page_navigation,
#csp-protection .pagination #page_navigation,
#javascript-protection .pagination #external_javascript_page_navigation {
    text-align:right;
    float:right;
}

#settings-elearning-form .pagination #page_navigation a,
#csp-protection .pagination #page_navigation a,
#javascript-protection .pagination #external_javascript_page_navigation a {
    text-decoration:underline;
    padding:0 7px;
    color:#333;
}
#settings-elearning-form .pagination #page_navigation a.next,
#settings-elearning-form .pagination #page_navigation a.previous,
#javascript-protection .pagination #external_javascript_page_navigation a.next,
#javascript-protection .pagination #external_javascript_page_navigation a.previous,
#csp-protection .pagination #page_navigation a.next,
#csp-protection .pagination #page_navigation a.previous {
    display:inline-block;
    vertical-align: middle;
    height:21px;
    width:12px;
    font-size:0;
    line-height:0;
    text-indent: -100%;
    border: 1px solid #e0e0e0;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:3px;
    margin-left:7px;
}

#settings-elearning-form .pagination #page_navigation a.next,
#javascript-protection .pagination #external_javascript_page_navigation a.next,
#csp-protection .pagination #page_navigation a.next {
    background: url('../images/pager_next.png') center no-repeat #efefef;
}

#settings-elearning-form .pagination #page_navigation a.previous,
#javascript-protection .pagination #external_javascript_page_navigation a.previous,
#csp-protection .pagination #page_navigation a.previous {
    background: url('../images/pager_previous.png') center no-repeat #efefef;
}

#settings-elearning-form .pagination #page_navigation a.active_page,
#javascript-protection .pagination #external_javascript_page_navigation a.active_page,
#csp-protection .pagination #page_navigation a.active_page {
    text-decoration:none;
}

span#additional_iframe_info a {
    cursor: pointer;
}

div.inner-container ul.customErrorSummary li {
    list-style: disc!important;
    list-style-type: disc!important;
    margin-left: 20px;
}

.modal.list-allowed-iframe-urls h3 {
    font-weight: 400;
}

.modal.embed-url-add-form-dialog {
    width: 600px;
    margin-left: -300px;
}

#iframe-ulrs-list-page .iframe-urls-title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 5px;
}

div#e-learning .iframe-source-error,
#javascript-protection .iframe-source-error,
#csp-protection .iframe-source-error {
    padding-left: 10px;
    font-weight: bold;
    display: none;
}

div#e-learning .iframe-source-row .delete-url,
#javascript-protection .iframe-source-row .delete-csp-url,
#csp-protection .iframe-source-row .delete-csp-url
{
    cursor: pointer;
}

#iframe-ulrs-list-page .iframe-url-row {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-left: 5px;
    word-break: break-all;
    padding-bottom: 5px;
}


#iframe-ulrs-list-page #combo-grid-form .filters-wrapper {
    background: #f1f3f2 none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 0 0 1px #fff inset;
    box-sizing: border-box;
    padding: 9px 10px;
    display: table;
    width: 100%;
    /*****/
}

#iframe-ulrs-list-page #combo-grid-form .filters-wrapper table{
    width: 100%;
}

#iframe-ulrs-list-page #combo-grid-form .items {
    margin-bottom: 20px;
}

#iframe-ulrs-list-page #combo-grid-form .items thead th {
    border-bottom: 1px solid #ddd;
}

#iframe-ulrs-list-page #combo-grid-form .search-input-wrapper input.search-query[type="text"] {
    height: 23px;
    padding-left: 20px;
}

#iframe-ulrs-list-page #combo-grid-form .grid-view .summary {
    margin-top: 5px;
}

#iframe-ulrs-list-page #combo-grid-form .filters {
    border:none;
}
/* -- Advanced Settings -- Advanced - Clickjacking Protection - END -- */
/* -- Advanced Settings -- eLearning - END -- */

/* --- Learning Plan Navigator Widget - START --- */
.curricula-navigator-widget .curricula-widget-info p.lead{
    margin-bottom: 0px;
}

.curricula-navigator-widget .curricula-details a,
.curricula-navigator-widget a.pull-right{
    color: #0465ac;
    text-decoration: underline;
}

.curricula-navigator-widget .dropdown-context .curricula-course-thumbnail {
    width: 35px;
    border: none;
    float: left;
    height: 35px;
}

.curricula-navigator-widget .dropdown-row.drop .dropdown-context {
    height: 40px;
    line-height: 40px;
    margin: 5px 0px 5px 0px;
    background-color: transparent;
}

.curricula-navigator-widget .dropdown-context .curricula-course-list-title {
    text-indent: 10px;
    width: 80%;
    float: left;
    line-height: normal;
    margin: 5px 0px 0px 0px;
    font-weight: 600;
}

/* --- Learning Plan Navigator Widget - END --- */

/* --- Player Forum Rating Settings Form - START --- */

.player-forum-rating-settings-page .modal-body {
    max-height: 460px!important;
}

.player-forum-rating-settings-form .control-label {
    margin-left: 20px!important;
    text-align: left!important;
}

.player-forum-rating-settings-form .inline-label {
    display: inline-block;
    margin-left: 7px;
    margin-bottom: 0px;
    top: 3px;
    position: relative;
}

/* --- Player Forum Rating Settings Form - END --- */

/* -- BRANDING LOOK AND FEEL -- SETTINGS - START -- */

#branding-signin-form #warning-strip {
    height: 30px;
    min-height: 30px;
    margin-left: 18px;
    margin-right: 34px;
}

#branding-signin-form .blockable-layout .exclamation-mark {
    margin-top: 5px;
}

#branding-signin-form .blockable-layout #warning-strip {
    position: relative;
    z-index: 1001;
    min-height: 20px;
    margin-left: 0;
    margin-right: 0px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
}

#multidomain-settings-sign-in-page #warning-strip {
    height: 30px;
    min-height: 30px;
    padding-top: 0!important;
    padding-bottom: 20px!important;
    margin-top: 0!important;
}

#multidomain-settings-sign-in-page #show-hide-webpages-warning #warning-strip {
    margin-top: 20px!important;
    margin-left: 25px!important;
    margin-right: 34px!important;
}

#multidomain-settings-sign-in-page .description {
    /*margin-top: -20px;*/
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 11px;
    color: #666666;
    font-weight: 600;

    /*margin-top: 0px;*/
    font-weight: normal;
}

#multidomain-settings-sign-in-page .color-selector,
#multidomain-settings-sign-in-page .minimal-layout-image-selector,
#multidomain-settings-sign-in-page .minimal-layout-video-selector {
    margin-left: 30px!important;
}

#multidomain-settings-sign-in-page .values-minimal label {
    display: inline-block;
    padding: 5px 0px;
}

#multidomain-settings-sign-in-page .blockable-layout #warning-strip {
    position: relative;
    z-index: 1001;
    height: 20px;
    min-height: 20px;
    margin-left: 15px;
    margin-right: 40px;
}

#multidomain-settings-sign-in-page .blockable-layout .warning-text {
    padding-top: 12px;
    margin-left: 45px;
}

#multidomain-settings-sign-in-page #minimal_bg_img_file,
#multidomain-settings-sign-in-page #minimal_bg_video_file,
#multidomain-settings-sign-in-page #minimal_video_fallback_img_file,
#branding-signin-form #minimal_bg_img_file,
#branding-signin-form #minimal_bg_video_file,
#branding-signin-form #minimal_video_fallback_img_file {
    display: inline-block;
    float: left;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 5px;
    color: #0465ac;
}

/* -- BRANDING LOOK AND FEEL -- SETTINGS - END -- */

/* -- Tabbed Content Widget -- BEGIN -- */

.tabbed-content .tabbed-content-nav{
    display: block;
    height: 38px;
    width: 100%;
    border-bottom: 1px solid #b2b2b2;
}

.tabbed-content .tabbed-content-nav a{
    text-decoration: none;
    color: #b2b2b2;
    font-weight: bolder;
    font-size: small;
}

.tabbed-content .tabbed-content-nav li{
    margin-bottom: -1px;
    float: left;
    border-bottom: none;
}

.tabbed-content .tabbed-content-nav li a{
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    display: block;
}


.tabbed-content .tabbed-content-nav li.active > a{
    color: #0566ad;
}

.tabbed-content .tabbed-content-tab-content{
    overflow: auto;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
}

.tabbed-content .tabbed-content-tab-content .tabbed-content-tab-pane{
    display: none;
}

.tabbed-content .tabbed-content-tab-content .tabbed-content-tab-pane.active{
    display: block;
}

/* -- BRANDING LOOK AND FEEL -- SETTINGS - START -- */

#multidomain-settings-form .tooltip.top .tooltip-arrow,
#branding-signin-form .tooltip.top .tooltip-arrow,
#branding-color-scheme-form .tooltip.top .tooltip-arrow {
    display: none;
}

#multidomain-settings-form .color-item .wrap .tooltip.fade.top.in,
#branding-signin-form .color-item .wrap .tooltip.fade.top.in,
#branding-color-scheme-form .color-item .wrap .tooltip.fade.top.in {
    opacity: 1;
}

#multidomain-settings-form .tooltip-inner,
#branding-signin-form .tooltip-inner,
#branding-color-scheme-form .tooltip-inner {
    background-color: initial;
}


/* -- BRANDING LOOK AND FEEL -- SETTINGS - END -- */

/* -- MAIN MENU NEW BADGE - START -- */
.mainMenuNewLabel{
	margin-left: 10px;
    background-color: #5EBE5C;
    color: #FFF;
    border-radius: 0;
    padding-right: 6px;
    padding-left: 7px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-shadow: none;
    font-size: 11px;
	position: relative;
	display: inline;
	&:after{
		background: #5ebe5c none repeat scroll 0 0;
		bottom: 6px;
		content: "";
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		right: 0;
	}
}
#admin-menu .content .slot .body .item a{
	display: inline;
}
/* -- MAIN MENU NEW BADGE - END -- */

#channels_selector {
    display: none;
}
.channels-autocomplete-wrapper {
	overflow: visible!important;
}
.channels-autocomplete-wrapper div.controls {
	position:relative;
}
div#content, div.row-fluid {
     overflow-wrap: break-word;
}

.allowOlUlNumbering {
    padding-left: 20px;
}

.allowOlUlNumbering ol {
    list-style-type: decimal;
}

.allowOlUlNumbering ul {
    list-style-type: disc;
}
#footer .allowOlUlNumbering, div.loginFooter .allowOlUlNumbering {
    display: block;
    padding-left: 18px;
}

#footer .allowOlUlNumbering ul,
#footer .allowOlUlNumbering ol,
div.loginFooter .allowOlUlNumbering ul,
div.loginFooter .allowOlUlNumbering ol {
    color: white;
}

/*Progressbar*/
.contentUploadLoading {
    background: url('../images/ajax-loader.gif');
    width: 216px;
    height: 16px;
    margin: auto;
}

.course-fields-settings {
    margin-top: 10px;
    margin-bottom: 10px;
}

.course-fields-settings > span {
    margin-right: 30px;
    width: 300px;
    display: inline-block;
}

.accreditation-table {
    border:  1px solid #dadada;
}

.player-block-content-inner .accreditation-table {
    margin-right: 10px;
    margin-top: 10px;
}

.course-description .catalog-course-details-additional-fields-value {
    padding-right: 0px;
}

.accreditation-table #table-header {
    padding: 10px;
    font-size: 13px;
    background-color: #0465ac;
    text-transform: uppercase;
    color: white;
    font-weight: 600;
}

.accreditation-table .grid-view {
    padding-top: 0px;
}

.accreditation-table .grid-view table.items td, .accreditation-table .grid-view table.items th {
    padding-left: 10px;
    padding-right: 10px;
}

.iframe-subfilter-name {
    margin: 5px 0px;
}

.iframe-subfilter input[type="text"] {
    width: 96%;
}

.iframe-filter-delete-icon {
    padding-top: 31px;
}

/* mce full screen fix */
body.mce-fullscreen div.mce-fullscreen {
    left: 50px;
}
.full-width + ul.dropdown-menu{
    width: 100%;
}

.course-details-modal .modal-footer .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;
}

/* Remove item from Test Training Material */
.bootbox.modal.fade.in.delete-test-item-bootbox {
    position: fixed;
}

.hydra-player-options {
    display: none;
}


.payment-methods-list .span12 {
    margin-left: 0;
}

div#fcbk-add-skills-container ul.holder li.bit-box  {
    padding: 5px 35px 5px 10px;
    font-size: 13px;
}


div#fcbk-add-skills-container ul.holder li.bit-box a:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-weight: bold;
    font-size: 11px;
    display: block;
    width: 7px;
    height: 7px;
    color: #E74C3C;
    text-decoration: none;
}

div#fcbk-add-skills-container ul.holder li.bit-box {
    border-radius: 0;
    border: 0;
    background: #f5f5f5;
    margin: 6px;
}

div#fcbk-add-skills-container ul li a.closebutton {
    background-image: none;
    color: #B22323;
    top: 7px;
    right: 6px;
    text-decoration: none;
}

/* Advanced Course Settings -> 'Skills' tab */
.coursesetting-sidebar li a i.zmdi.zmdi-graduation-cap {
    font-size: 17px;
    text-align: center;
}

#fcbk-add-skills-container ul.holder input.maininput {
    border: 0;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    height: auto;
}

.modal.app7020-asset-modal-dialog.ng-scope #fcbk-add-skills-container {
position: relative;
}

.modal.app7020-asset-modal-dialog.ng-scope #fcbk-add-skills-container .facebook-auto {
    top: 100%;
}

.modal.app7020-asset-modal-dialog.ng-scope #fcbk-add-skills-container ul.holder input.maininput {
    font-size: 13px;
    margin-top: 2px;
    margin-left: 6px;
    margin-top: 8px;
}

.ui-autocomplete.edit-asset-autocomplete {
    z-index: 1080!important;
}

#fcbk-add-skills-container ul.holder {
    padding: 0;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

#app7020-angular-app #fcbk-add-skills-container ul.holder input.maininput {
    margin-left: 6px;
    margin-top: 8px;
}

#app7020-angular-app #import-skills-search-course,
#app7020-angular-app #fcbk-add-skills-container ul.holder {
    border: 1px solid #eee;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}

#app7020-angular-app input#import-skills-search-course:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
    border-color: rgba(82,168,236,0.8);
    outline: 0;
}

.auth0-button-side, .auth0-button-catalog, .auth0-button-top, .auth0-button-bottom, .auth0-button-min {
    background: url("https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/badge.svg");
    background-size: 23px;
    background-repeat: no-repeat;
    min-width: 25px;
    min-height: 50px;
    display: inline-block;
    vertical-align: middle;
}

.auth0-button-catalog {
    background-position-y: 13px;
}

.auth0-button-bottom {
    background-position-y: 4px;
}

.auth0-button-min {
    margin-left: 6px !important;
}
.modal .more-info-modal-container p.more-info-table-title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
}
.modal .more-info-modal-container .grid-view {
    padding-top: 0;
}


.disclaimer .disclaimer-content {
    box-sizing: border-box;
    background: #FFE39D;
    color: #363636;
    display: table;
    width: 100%;
    min-height: 50px;
    padding: 18px 25px;
}

.disclaimer .disclaimer-icon-container,
.disclaimer .disclaimer-text-container,
.disclaimer .disclaimer-actions-container {
    display: table-cell;
    vertical-align: middle;
}

.disclaimer .disclaimer-icon-container {
    font-size: 20px;
}
.csp-fixed-view-mode-warning {
    margin: 10px 0;
}
.csp-disabled-view-selectors {
    opacity: 0.5;
}

#communication-icon-trial,
#communication-link-sidebar {
    cursor: pointer;
}

input.datepicker + i.settings-date-icon:hover {
    cursor: pointer;
}


/* jQuery UI v 1.12.1 */
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    background-color: #0080bf;
    color: #fff;
    background-image: none;
    border: 1px solid #0080bf;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* Because .modals are having z-index 1050 */
.ui-front {
	z-index: 1051 !important;
}

.coursesettings-grey-box select#fcbk-add-skills.hidden {
    display: none;
}

.coursesettings-grey-box #fcbk-add-skills-container ul.holder input.maininput {
    margin-left: 15px;
    margin-top: 10px;
}

/** class that can be added where we have descriptions **/
.default-list-style ul,
.default-list-style ol {
    margin: 5px 0;
    list-style-position: inherit;
}

.default-list-style ul {
    list-style-type: disc;
    padding-left: 15px;
    padding-right: 0;
}

.default-list-style ol {
    list-style-type: decimal;
    padding-left: 15px;
    padding-right: 0;
}