/* 

divvy.live v2.7 template - SY
Company Branding Guide (Light to Dark)

#F9FAFC     LG
#F3F3F3     AW
#14BDEE     LB
#86B5C9     TG
#2E56AD     PB
#394157     DB
#6b7073     DG
#999999     DG2
#1E2435     DK

*/

@font-face {
    font-family: 'NexaLight';
    src:url('../fonts/NexaLight.ttf.woff') format('woff'),
        url('../fonts/NexaLight.ttf.svg#NexaLight') format('svg'),
        url('../fonts/NexaLight.ttf.eot'),
        url('../fonts/NexaLight.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/*** Globals - Recurring Sitewide ***/

html.translated-ltr {
    padding-top: 40px;
}

html.translated-ltr .top {
    top: 40px;
}

body {
    background: #F3F3F3;
    color: #1E2435;
    font-family: 'Lato', sans-serif;
    z-index: -4;
}

body.home {
    /*    padding-top: 130px;*/
}

body.login {
    min-height: 800px;
}

#dv-home-create {
    max-width: 400px;
    text-align: center;
}

#dv-home-connect {
    max-width: 400px;
    text-align: center;
}

#dv-home-my {
    max-width: 400px;
    text-align: center;
}

#dv-home-learn-earn {
    max-width: 400px;
    text-align: center;
}

.login ul.nav.nav-tabs.nav-stacked a {
    color: #e1ebfa;
    text-shadow: 0px 0px 2px #000000;
    display: block;
    margin: 5px;
}

#top-r-menu ul.nav {
    display: flex;  
}

#top-r-menu ul.nav li a {
    color: #2e53b1;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
    transition: all 0.1s;
}

#top-r-menu ul.nav li a:hover {
    color: #14BDEE;
    border-bottom: 1px solid;
}

#top-r-menu ul.nav li.active a{
    color: #14bdee;
    border-bottom: 1px solid;    
}

.divvy-container {
    padding-top: 105px;
}

#loading {
    background: url("../images/divvy-loading-bottom.gif") no-repeat center center #FFFFFF;
    background-size: 200px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
}

.popover {
    border-radius: 5px;
    box-shadow: 0px 0px 20px #AAAAAA;
    background: #FFFFFF;
    max-width: 200px;
    padding: 5px;
    width: auto;
}

.registration select#jform_com_fields_member_type {
    font-size: 23px;
    margin-bottom: 10px;
}

.control-group {
    margin: 15px;
}

.control-group > .control-label > label {
    margin: 5px 0px !important;
    display: block;
}

.login-description {
    padding: 20px 0px;
    font-size: 30px;
    color: #FFFFFF;
    text-shadow: 0px 0px 7px #333333;
}

.component .login a {
    font-weight: bold;
    text-shadow: 0px 0px 3px #AAAAAA;
}

.login a:hover {
    color: #FFFFFF;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

a {
    color: #1d2335;
    text-decoration: none;
}

a:hover {
    color: #86B5C9;
}

a.user-menu-active {
    color: #86B5C9;
}

em {
    color: #999999;
    font-size: 15px;
}

input, textarea {
    border-radius: 5px;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 8px #DDD;
    color: #333;
    display: block;
    padding: 5px;
    margin-bottom: 15px !important;
}

hr {
    border: 1px solid #d8d8d8;
    box-shadow: 0px 1px 2px #d8d8d8;
    box-sizing: content-box;
    height: 0;
    overflow: scroll;
    margin: 5% 10%;
}

.hidden {
    display: none !important;
}

.blur, .blur a {
    filter: blur(4px);
    pointer-events: none;
    user-select: none; 
}

.full {
    margin: auto;
    max-width: 1200px;
    width: 100%;
}
.home .full {
  max-width: 900px;
}

.clear {
    clear: both;
}

#system-message {
    background: #fff0f3;
    border: 1px solid #a62f7e;
    margin: 1% 10%;
    padding: 20px;
}

#system-message .close {
    cursor: pointer;
    float: right;
}

#system-message h4 {
    margin-top: 0px;
}

.error {
    color: maroon;
    font-size: 23px;
    font-weight: bold;
    text-transform: capitalize;
}

.error.message.fade {
    list-style-type: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-left: 18px;
}

form {
    color: #333333;
}

form a {
    color: #14BDEE;
}

a.btn.hasTooltip {
    display: none;
}

a.btn {
    background: #14bdee;
    border: 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #DDDDDD;
    color: #FFFFFF;
    display: inline-block;
    margin: 3px;
    padding: 6px 11px;
    transition: all 0.5s;
}

a.btn:hover {
    background: #999999;
}

a.btn.btnsmall {
    padding: 3px 6px;    
}

a.btn-light {
    background: #86B5C9;
    border: 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #DDDDDD;
    color: #FFFFFF;
    display: inline-block;
    margin: 3px;
    padding: 6px 11px;
    transition: all 0.5s;
}

a.btn-light:hover {
    background: #14BDEE;
    color: #333333;
}

a.btn-light-disabled {
    background: #86B5C9;
    border: 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #DDDDDD;
    color: #FFFFFF;
    display: inline-block;
    margin: 3px;
    padding: 6px 11px;
    transition: all 0.5s;
}

a.btn-light-disabled:hover {
    background: #14BDEE;
    color: #FFFFFF;
}

a.light-border {
    border-radius: 3px;
    border: 1px solid #86B5C9;
    ;
    padding: 2px 10px;
}

a.btn.gold {
    background: #ecba12;
    color: #5a5137;
}

a.btn.gold:hover {
    background: #ffc500;
}

.center {
    text-align: center;
}

.btn {
    background: #14bdee;
    border: 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #DDDDDD;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin: 3px;
    padding: 6px 11px;
    transition: all 0.5s;
}

.btn:hover {
    background: #999999;
}

a.btn-dark {
    background: #6b7073;    
}

.whitebox {
    background: rgba(255, 255, 255, 0.89);
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #D8D8D8;
    margin: 10px 0px;
    padding: 10px;
}

.whitebox-light {
    background: rgba(255, 255, 255, 0.89);
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    margin: 10px 0px;
    padding: 10px;  
}

.whitebox.blue {
    background: #e4f1f9;
    margin-bottom: 20px;
}

.whitebox.thirdcol {
    background: rgba(255, 255, 255, 0.89);
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #D8D8D8;
    margin: 0px 0px;
    padding: 10px;
}

.whitebox.notebox.thirdcol {
    background: rgba(255, 255, 255, 0.89);
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #D8D8D8;
    margin: 0px 0px;
    padding: 10px;
    position: fixed;
    right: 0px;
    overflow-y: scroll;
    max-height: 800px;
    max-width: 340px;
    top: 100;
}

.bluegradient {
    background: linear-gradient(138deg, white, #28beec);
}

.greengradient {
    background: linear-gradient(138deg, white, #7dad81);
}

.purplegradient {
    background: linear-gradient(138deg, white, #8da9e6);
}

.darkbluegradient {
    background: linear-gradient(138deg, white, #28beec);
}

.yellowgradient {
    background: linear-gradient(142deg, #fffdfd, #e7d347);
}

.pinkgradient {
    background: linear-gradient(142deg, #fffdfd, #e87373);
}

.graygradient {
    background: linear-gradient(138deg, white, #28beec);
}

.darkpurplegradient {
    background: linear-gradient(138deg, white, #394057);
}

.notebox.filemanager-viewnotes-btn-expander-expanded {
    max-width: 68% !important;
    width: 100%;
}

ul.filemanager-notes-list {
    padding-bottom: 60px;
    margin-bottom: 10px;
    max-height: 350px;
    overflow: scroll;
} 

ul.filemanager-notes-list li {
    
}

ul.filemanager-notes-list li:nth-child(even) {
  background-color: #f0f8ff;
}

ul.filemanager-notes-list li .avatar-full {
    min-width: 100px;
}

.filemanager-note-row-timestamp {
    font-size: 13px;
    min-width: 70px;
    padding-left: 10px;
}

.filemanager-note-controls {
    margin-left: auto;
    min-width: 40px;
}

.filemanager-note-controls a {
    margin: 3px;
}

.truncate {
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.green {
    color: #5e8c74;
}

.green-bg {
    background: #5e8c74 !important;
}

.red {
    background: red !important;
}

.crimson {
    color: crimson;
}

.important-txt {
    color: #ad8080;
}

.loading-small-container {
    background: #f3f3f3;
    padding: 5px;
    margin: 20px 0px;
    text-align: center;
}

.loading-small {
    background: url("../images/divvy-loading-bottom.gif") no-repeat center center transparent;
    background-size: contain;
    display: block;
    height: 80px;
    margin: auto;
    width: 100px;
}

.featherlight {
    background: rgba(0, 0, 0, 0.8) !important;
    z-index: 5000 !important;
}

.featherlight .featherlight-close-icon {
    font-size: 28px;
    right: 10px !important;
    top: 10px !important;
}

.component {
    margin-bottom: 40px;
}

a.edit-pencil {
    color: #6b7073;
    font-size: 16px;
}

.editicon {
    padding: 3px;
    border-radius: 3px;
    border: 1px solid;
}

.editselected {
    background: #d8d8d8;
}

.alert-heading {
    display: none;
}

.copy-alert {
    font-size: 12px;
    color: #d0837b;
}

.copy-alert-embed {
    font-size: 12px;
    color: #d0837b;
}

.softnotice {
    background: #14bdee;
    color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #d8d8d8;
    border: 1px solid;
    font-size: 17;
    margin-bottom: 20px;
}

.softnotice-dark {
    background: #546e75; 
    color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #d8d8d8;
    border: 1px solid;
    font-size: 17;
    margin-bottom: 20px;
}

.softnotice a {
    background: #2c52b0;
}

.softnotice a:hover {
    background: #333333;
}

.setttings-notice {
    padding: 10px;
    background: pink;
    margin-bottom: 15px;
}

@keyframes pulse-attention {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(152, 251, 152, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(152, 251, 152, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(152, 251, 152, 0);
    }
}

.pulse {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    cursor: pointer;
    transform: scale(1);
    animation: pulse-attention 2s infinite;
}

/* General special effects */

@keyframes heartbeat {
    0% {
        transform: scale( .75);
    }
    20% {
        transform: scale( 1);
    }
    40% {
        transform: scale( .75);
    }
    60% {
        transform: scale( 1);
    }
    80% {
        transform: scale( .75);
    }
    100% {
        transform: scale( .75);
    }
}

@keyframes fottention {
    0% {
        font-size: inherit;
    }
    50% {
        font-size: 18px;
    }
    100% {
        font-size: inherit;
    }
}

.heartbeat {
    animation: heartbeat 1s infinite;
}

.fottention {
    animation: fottention 1s infinite;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%,
  25%,
  50%,
  75%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-12px);
  }
}

/*** Home Template ***/

.dv-bottom-message-container {
    background: #2d53b0;
    box-shadow: 0 3px 11px #515151;
    color: #FFFFFF;    
    bottom: 0px; 
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10;
}

.dv-bottom-message-heading {
    font-size: 24px;
    margin: 10px;
}

.dv-bottom-message {
    margin-bottom: 10px;
    padding: 10px;
}

.dv-bottom-message a {
    color: #14bDEE;
    text-decoration: underline;
}

.dv-bottom-message-container .btn {
    background: #FFFFFF;
    border-radius: 5px;
    color: #2d53b0;
    font-size: 16px;
    padding: 3px;
    transition: all 0.3s;
}

.dv-bottom-message-container .btn:hover {
    background: #394157;
    color: #FFFFFF;
}

.top {
    background: #FFFFFF;
    border-bottom: 10px solid #14BDEE;
    box-shadow: 0px 0px 10px #AAAAAA;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}

.top-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.logo img {
    cursor: pointer;
    max-width: 110px;
    padding: 5px 0px;
}

span.logolight {
    background: linear-gradient(to left, #464B62, #464B62, #09baf2 , #3155b1, #3a4059);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'NexaLight', sans-serif !important;
    font-weight: normal !important;
    text-transform: lowercase;
}

.top-inner ul.menu {
    margin: 0px;
    padding: 0px;
}

.menu-toggle {
    display: none;
}

.top-inner ul.menu li {
    display: inline-block;
    margin-right: 25px;
}

.top-inner ul.menu li a {
    color: #394157;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    transition: all 200ms ease;
}

.top-inner ul.menu li:hover a {
    color: #14bDEE;
    border-bottom: 2px solid;
}

.top-inner ul.menu li.current a {
    color: #14bDEE;
    border-bottom: 2px solid;
    padding-bottom: 2px;
}

.middle {
    min-height: 300px;
}

.home video {
    z-index: 4 !important;
}

.home-cta {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    margin: auto;
    max-width: 260px;
    text-align: center;
    text-shadow: none;
    border-radius: 5px;
    border: 1px solid;
    color: #ffffff;
    transition: all 0.3s;
    margin: 8px 5px;
    word-break: normal;
    width: 100%;
    background: #3a4257;
    padding: 16px 5px;
    font-weight: normal !important;
}

.home-cta:hover {
    background: #14bdee;
    color: #FFFFFF;
}

.home-cta-trans {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    margin: auto;
    max-width: 260px;
    text-align: center;
    text-shadow: none;
    border-radius: 5px;
    border: 1px solid;
    color: #325aae;
    transition: all 0.3s;
    margin: 8px 5px;
    word-break: normal;
    width: 100%;
    padding: 5px;
    font-weight: normal !important;
}


.home-video-cta {
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    margin: auto;
    max-width: 260px;
    text-align: center;
    text-shadow: none;
    border-radius: 5px;
    border: 1px solid;
    color: #394157;
    transition: all 0.3s;
    margin: 8px 5px;
    word-break: normal;
    width: 100%;
}

.home-video-cta:hover {
    color: #000000;
}


a.btn.home-sign-up-cta {
    display: block;
    font-size: 22px;
    margin: auto;
    max-width: 400px;
    text-align: center;
    text-shadow: none;
}

.intro-top, .intro-bottom {
    text-align: center;
    margin: 0px 0px;
}

.intro-top {
    background: url(../images/intro-top-box-right-bg.png) no-repeat center 20px #F3F3F3;
    background-size: 380px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 8% 5% 1% 5%;
    text-shadow: 2px 3px 2px #FFFFFF;
}

.intro-bottom {
    background: url("../images/intro-home-bg.png") no-repeat bottom center #f3f3f3;
    background-size: cover;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 210px;
    margin-bottom: 4%;
}

.intro-top h1 {
    color: #394157;
    font-size: 42px;
    margin-bottom: 0;
}

.intro-top-box-cont {
    margin: auto;
    max-width: 1000px;
}

.intro-top-right {
    font-size: 20px;
    margin: 0px 10px;
    text-align: center;
}

.intro-lang-en {
    text-shadow: 1px 1px 10px #ebeef3;
}

.intro-lang-en-main {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 18px;
    margin-top: 50px;
}

.intro-lang-en ul {
    margin: 20px auto;
    position: relative;
    min-height: 105px;
    border-radius: 5px;
    max-width: 800px;    
}

/*.intro-lang-en ul li {
    font-size: 17px;
    margin-bottom: 20px;
    text-align: left;
}*/

.intro-lang-en ul li {
    font-size: 17px;
    text-align: center;
    padding: 10px;
    position: absolute;
    
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px;     
}

span.comingsoon {
    background: #86B5C9;
    padding: 2px 3px;
    border-radius: 3px;
    font-size: 13px;
    color: #FFFFFF;
    text-shadow: 0px 0px 0px #aaaaaa;
    box-shadow: 0px 0px 1px #d8d8d8;
}

.intro-cta-box-container {
    display: flex;
    cursor: default;
    justify-content: center;
}

.intro-cta-box {
    color: #FFFFFF;
    min-width: 225px;
    padding: 3% 0px;
    text-align: center;
    transition: all 1s;
}

.intro-cta-box:hover {
    color: #FFFFFF;
    min-width: 225px;
    padding: 3% 0px;
    text-align: center;
}

.intro-cta-box a {
    color: #FFFFFF;
}

.intro-cta-box a:hover {
    color: #333333;
}

.intro-flags {
    display: block;
    max-width: 150px;
    margin: auto;
}

.login .intro-flags {
    display: block;
    max-width: 150px;
    margin: 0px 10px 10px 0px;    
}

.g-translate-hidden {
    display: none;
    margin-top: 20px;
}

.g-translate-padding {
    padding: 15px 0px;
}

.intro-cta-box>h4 {
    font-size: 26px;
    text-shadow: 0px 0px 5px #555555;
}

.intro-cta-box.intro-box-open>h4 {
    text-shadow: 0px 0px 2px #999999;
}

.intro-cta-box .intro-cta-box-ul-cont {
    height: 0px;
    overflow: hidden;
    transition: all 1s;
}

.intro-cta-box.intro-box-open .intro-cta-box-ul-cont {
    height: auto;
}

.intro-cta-my {
    background: #394157;
    opacity: 97;
}

.intro-cta-create {
    background: none no-repeat top right #2E56AD;
    opacity: 97;
}

.intro-cta-share {
    background: none no-repeat bottom left #6b7073;
    opacity: 97;
}

.intro-cta-connect {
    background: none no-repeat bottom right #86B5C9;
    opacity: 97;
}

.intro-cta-bttn-cont {
    text-align: center;
}

.intro-cta-connect:hover {
    background: url("../images/intro-info-connect.png") no-repeat center center #F3F3F3;
    color: #394157;
    cursor: pointer;
}

.intro-cta-create:hover {
    background: url("../images/intro-info-create.png") no-repeat center center #F3F3F3;
    color: #394157;
    cursor: pointer;
}

.intro-cta-share:hover {
    background: url("../images/intro-info-share.png") no-repeat center center #F3F3F3;
    color: #394157;
    background-size: 100%;
    cursor: pointer;
}

.intro-cta-my:hover {
    background: url("../images/intro-info-store.png") no-repeat center center #F3F3F3;
    color: #394157;
    cursor: pointer;
}

.intro-cta-bttn-cont {
    text-align: center;
}

.intro-cta-bttn-cont {
    text-align: center;
}

.intro-cta-signup {
    background: #394157;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #86b5c9;
    color: #FFFFFF;
    display: block;
    font-size: 22px;
    max-width: 570px;
    margin: 30px auto 0px auto;
    padding: 10px 0px;
}

.intro-above-footer {
    background: url("../images/intro-home-bg.png") no-repeat center center #f3f3f3;
    background-size: contain;
    height: 300px;
    font-size: 18px;
    background-size: cover;
}

.intro-deeplearning {
    color: #2E56AD;
}

.intro-deeplearning h3 {
    
}

#home-lightbox-connect, #home-lightbox-share, #home-lightbox-create, #home-lightbox-my {
    text-shadow: 0px 0px 0px #333333;
}

#home-lightbox-connect img, #home-lightbox-share img, #home-lightbox-create img, #home-lightbox-my img {
    border: 1px solid #d8d8d8;
    display: block;
    max-width: 350px;
    margin: auto;
}

#home-lightbox-connect ul, #home-lightbox-share ul, #home-lightbox-create ul, #home-lightbox-my ul {
    background: #14BDEE;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
    max-width: 350px;
}

#home-lightbox-connect ul li, #home-lightbox-share ul li, #home-lightbox-create ul li, #home-lightbox-my ul li {
    margin-bottom: 10px;
}

.footer {
    background: #1E2435;
    min-height: 100px;
    box-shadow: 0px -2px 15px #1e2435;
}

.footer-inner {
    background: url("../images/divvy-footer-bg.png") no-repeat center center transparent;
    background-size: auto;
    min-height: 150px;
}

.copyright {
    background: #394157;
    color: #FFFFFF;
}

.copyright-inner {
    color: #F3F3F3;
    margin: auto;
    padding: 10px 0px;
    text-align: right;
}

.copyright a {
    color: #FFFFFF;
} 

.footer {
    color: #FFFFFF;
}

/*** Global Inner ***/

.flex-grid {
    display: flex;
    margin: 0px 5px;
}

.flex-grid .col {
    flex: 1;
    /*grow*/
    /*margin-top: 90px;*/
}

.flex-grid .col.collapsed {
    flex: unset;
}

.flex-grid .col h3 {
    color: #3555BA;
    font-size: 18px;
}

.left-col {
    margin-right: 25px;
    max-width: 240px;
}

.col-width-middle {
    margin: 0px 8px 0px 50px;
}

.col-width-end {
    max-width: 22%;
}

.col-links {
    text-align: center;
}

.col-links a {
    color: #999999;
    font-size: 14px;
}

.col-copyright {
    color: #999999;
    font-size: 14px;
    text-align: center;
}

.registration fieldset, .login fieldset {
    background-color: #FFFFFF;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 20px 30px !important;
    margin-bottom: 20px;
    opacity: 0.97;
}

.registration fieldset:first-child {
    background: url("../images/dv_registration_bg.jpg") no-repeat center center #FFFFFF;
    background-size: cover;
}

.registration fieldset:nth-child(2) {
    background: url("../images/dv_logo_dim.png") no-repeat center right #FFFFFF;
    background-size: cover;
}

.registration legend, .login legend {
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #aaaaaa;
    font-size: 24px;
    padding: 5px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.registration label, .login label {
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0px 0px 8px #ebf9fe;
}

.registration input, .login input {
    background: #fffcea;
}

.registration label#jform_spacer-lbl {
    display: none;
}

.registration input:focus, .login input:focus {
    outline: 2px solid gold;
}

/* User Menu & Container - Latest */

.user-container {
    position: fixed;
    top: 110px;
    /*overflow-y: scroll;*/    
    max-height: 100%;    
}
.user-menu.logged-in-menu {
    overflow-y: scroll;
}
ul.user-menu-parent-container {
    overflow-y: scroll;
}

.col.user-left-col {
    max-width: 250px;
}

.user-container.collapsed {
    overflow: hidden;
    width: 0px;
    transition: all 4s;
}

.user-container-menu-toggle {
    background: url("../images/dv_icon_collapse.png") no-repeat 0 0 transparent;
    background-size: contain;
    cursor: pointer;
    height: 30px;
    margin-top: 5px;
    opacity: 0.2;
    position: fixed;
    width: 30px;
    transition: all 0.2s;
}

.user-container-menu-toggle:hover {
    height: 35px;
    opacity: 1;
    width: 35px;
}

.user-container-menu-toggle.collapsed {
    background: url("../images/dv_icon_collapsed.png") no-repeat 0 0 transparent;
    background-size: contain;
}

.user-container-menu-toggle.collapsed:hover {
    background-size: contain;
    height: 40px;
    width: 40px;
}

.user-container-top {
    margin: 35px 0px;
}

.user-menu-sub {
    background: rgba(255, 255, 255, 0.89);
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    box-shadow: 0px 0px 1px #D8D8D8;
    height: auto;
    margin: 10px 0px 10px 18px;
    overflow: hidden;
    padding: 10px;
    transition: all 0.2s;
}

ul.user-menu-parent-container li {
    line-height: 25px;
}

a.user-menu-parent-item {
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
}

a.user-menu-parent-item-expander {
    background: url(../images/divvy-dashboard-responsive-sprite-v4.png) no-repeat -11px -461px transparent;
    background-size: 150px;
}

a.user-menu-parent-item-expanded {
    background: url(../images/divvy-dashboard-responsive-sprite-v4.png) no-repeat -11px -482px transparent;
    background-size: 150px;
}

.user-menu-sub-collapsed {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 0px 1px #f3f3f3;
    height: 0px;
    margin: 0px 0px 0px 18px;
    padding: 0px;
}

.user-menu-edit {
    background: rgb(243 243 243 / 64%);
    border-radius: 100%;
    display: none;
    height: 94px;
    padding-top: 0px;
    text-align: center;
}

.user-menu-edit-show { 
    display: block;
}

.user-menu-edit-profile {
    color: #FFFFFF;
    background: rgb(20 189 238 / 65%); 
    border-radius: 3px;        
    display: block;    
    font-size: 13px;
    margin-top: 33px;
    padding: 5px 0px; 
    position: absolute;
    text-shadow: 0px 0px 2px #333333;
    width: 90px;
}

.user-menu-edit-profile:hover {
    color: #FFFFFF;    
}

.logoutbtn {
    font-size: 13px;
    margin-top: 10px;
    padding: 2px 3px;
}

#btl-content-registration #recaptcha {
    display: block;
    width: 100%;
}

#bt-login-recaptcha div {
    margin: auto;
}

/*** User Related ***/

.user-avatar-container {
    color: #14bdee;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    vertical-align: middle;
}

span.user_online_icon {
    background: green;
    border-radius: 100%;
    display: inline-block;
    padding: 3px 3px;    
    margin-right: 2px;    
    vertical-align: middle;
}

span.user_online_text {
    color: green;
    font-size: 10px;
}

.user-username {
    color: #14bdee;
    font-size: 14px;
    margin: 2px 0px;
}

.user-badges-container {
    display: inline-block;
    vertical-align: middle;
    max-width: 150px;
}

.badge-container {
    text-align: center;   
}

.badge-container img {
    max-width: 80px;
}

.user-badges-container ul li {
    display: inline-block;
}

.user-badges-container img {
    width: 25px;
}

ul.ea-breakdown li {
    padding: 4px;
}

ul.ea-breakdown li:nth-of-type(odd) {
    background: #f9f9f9;
}

.user-avatar {
    border-radius: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 3px #AAAAAA;
    height: 90px;
    margin: 5px 0px;
    width: 90px;
}

.user-avatar-small {
    height: 40px;
    width: 40px;
}

.lp-avatar-small {
    border-radius: 5px;
    height: 40px;
    width: 40px;
}

.lp_calc_size {
    background: #394058;
    color: #FFFFFF;
}

.lp_calc_size .btn {
    box-shadow: unset;
}

.messages-avatar-compose.lp-avatar-small {
    padding: 3px !important;
    margin-right: 5px;
}

.messages-avatar-compose.lp-avatar-small.ui-state-active {
    padding: 3px !important;
    margin-right: 5px;
}

.default-avatar {
    background: url(../images/profile-default-avatar.png) no-repeat center center transparent;
    background-size: contain;
}

.user-avatar-featured {
    background: url(../images/divvy-dashboard-responsive-sprite-v4.png) no-repeat -1px -15px transparent;
    background-size: 150px;
    height: 33px;
    margin-top: 65px;
    position: absolute;
    width: 90px;
}

.user-avatar-featured-large {
    background: url(../images/divvy-dashboard-responsive-sprite-v4.png) no-repeat 0px -12px transparent;
    background-size: 277px;
    height: 85px;
    margin-top: 112px;
    position: absolute;
    width: 168px;
}

span.featured-avatar {
    background: #0f93b9;
    color: #FFFFFF;
    padding: 4px 5px;
    border-radius: 5px;
    font-size: 10px;
}

.mini-dashboard-avatar {
    border-radius: 100%;
    background-size: contain;
    display: inline-block;
    height: 40px;
    width: 60px;
    vertical-align: middle;
}

.mini-default-avatar {
    background: url(../images/profile-default-avatar.png) no-repeat center center transparent;
    background-size: contain;
}

.avatar-full {
    text-align: center;
    font-size: 13px;
}

.avatar-full-desc {
    text-align: center;
    font-size: 13px;
}

/*** U-Voice Related ***/

.u-voice-discussion-resubmitted {
    text-align: center;
    background: pink;
    padding: 5px;
    margin-bottom: 30px;
    border-radius: 5px;
}

/*** Dashboard Related ***/

.dashboard-tutorial-welcome-image {
    background: url("../images/dashboard-tutorial-welcome.png") no-repeat center center transparent;
    background-size: contain;
    float: right;
    height: 200px;
    width: 200px;
}

.dashboard-tutorial-message {
    margin: 15px 0px;
}

.dashboard-search-input {
    max-width: 420px;
    width: 100%;
}

a.dashboard-view-others {
    color: #FFFFFF;
    margin: 15px 0px;
}

a.dashboard-view-others:hover {
    color: #394157;
}

.dashboard-earnings-stats {
    text-align: center;
}

.dashboard-earnings-stats a {
    font-weight: bold;
}

span.dashboard-earnings-stats-next {
    font-size: 13px;
    color: #999999;
}

ul.dashboard-information {
    margin: 20px 0px;
}

ul.dashboard-information li {
    margin-bottom: 7px;
}

ul.dashboard-top10-list {
    margin-top: 10px;
}

ul.dashboard-top10-list a {
    font-weight: bold;
    font-size: 16px;
}

ul.dashboard-top10-list li a {
    background: #CCCCCC;
    padding: 6px;
    border-radius: 5px;
    display: block;
    margin-bottom: 10px;
}

ul.dashboard-top10-list li a:hover { 
    background: #D8D8D8;    
    color: #333333;
}

img.dashboard-top10-list-thumb {
    max-width: 100px;
    vertical-align: middle;
    margin: 10px;
    border-radius: 3px;
}

li.dashboard-top10-list-na {
    padding-left: 25px;
}

#mycalendar {
    cursor: pointer;
}

a.btn.lp-view-cal {
    margin: 25px 0px;
}

.dashboard-connections-widget {
    text-align: center;
}

.dashboard-connections-widget-item {
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    font-size: 14px;
    margin: 15px 0px;
    padding: 3px 5px;
    text-align: center;
}

.dashboard-connections-widget-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.dashboard-connections-widget-item-avatar {
    background: url("../images/divvy-component/system_broadcast_avatar.png") no-repeat 0 0 transparent;
    background-size: cover;
    border-radius: 100%;
    height: 50px;
    margin-right: 10px;
    width: 50px;
}

.dashboard-connections-widget-item-username {
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    width: 100px;
}

.dashboard-connections-widget-item-options a {
    color: #14BDEE;
}

a.dashboard-connections-widget-view, a.dashboard-connections-widget-invite {
    background: #21BEFA;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 3px 5px;
    transition: all 0.1s;
}

a.dashboard-connections-widget-view:hover, a.dashboard-connections-widget-invite:hover {
    background: #6b7073;
}

.dashboard-whats-new {
    padding-bottom: 25px;
}

.dashboard-news-item {
    padding: 3px 0px;
    margin-bottom: 10px;
    max-width: 250px;
    text-align: center;
}

.dashboard-news-item span {
    display: inline-block;
    vertical-align: middle;
    /*max-width: 70%;*/
}

.dashboard-news-item-text {
    margin-top: 8px;
    margin-bottom: 8px;
}

.dashboard-news-section-box {
    border: 1px solid #f3f3f3;
    padding: 10px;
    margin: 10px 0px;
    border-radius: 5px;
}

.dashboard-news-section-box h4 {
    color: #393f58;
}

.dashboard-news-item-avatar {
    background: url("../images/divvy-component/system_broadcast_avatar.png") no-repeat 0 0 transparent;
    background-size: contain;
    margin-right: 5px;
    padding: 20px;
}

span.dashboard-news-item-time {
    color: #999999;
    font-size: 13px;
    margin-left: 5px;
}

.dashboard-profile-item {
    display: inline-block;
    margin-bottom: 8px;
    text-align: center;
    vertical-align: top;
    width: 100px;
}

.dashboard-profile-item:hover .dashboard-profile-item-expand {
    display: block;
}


.dashboard-profile-item-expand {
    display: none;
    background: #C8C8C8;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #d8d8d8;
    margin-left: 28px;
    padding: 15px;
    position: absolute;
    z-index: 1000;
    width:200px;
    overflow: hidden;
    max-height: 150px;
}

.dashboard-news-section-box-md .dashboard-profile-item {
    align-items: center;
    display: flex;
    width: 100%;
}

.dashboard-news-section-box .leaderboard-item {
    padding: 5px;
}

.dashboard-news-section-box .leaderboard-item:nth-child(even) {
    background-color: #f2f2f2;
}

.dashboard-news-section-box .leaderboard-avatar {
    min-width: 100px;
}

.dashboard-news-section-box .leaderboard-profile {
    margin-left: auto;
}

.dashboard-profile-item a {
    word-break: break-word;
}

.dashboard-profile-item-discussions-recent img {
    height: 60px;
    width: 60px;    
}

.dashboard-profile-item-discussions-recent {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

.dashboard-profile-item-discussions-recent:nth-of-type(odd) {
    background-color: #F3F3F3;
}

span.dashboard-profile-item-avatar {
    background-size: contain;
    border-radius: 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 3px #AAAAAA;
    display: block;
    height: 60px;
    margin: auto;
    width: 60px;
}

.dashboard-profile-item-avatar-extended {
    margin-right: 8px;
}

.dashboard-profile-item-dicussion-extended {
    text-align: left;
    width: 100%;
}

.dashboard-profile-item-dicussion-extended-time {
    margin: 5px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}

span.dashboard-lp-item-avatar {
    background-size: cover;
    border-radius: 8px;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 3px #AAAAAA;
    display: block;
    height: 60px;
    margin: auto;
    margin-bottom: 3px;
    width: 60px;
}

/* Dashboard - Create Cards */

.meter { 
  height: 20px;
  position: relative;
  background: #555;
  border-radius: 25px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.meter > span.orange {
    background: rgb(244,251,23);
    background: -moz-linear-gradient(180deg, rgba(244,251,23,1) 0%, rgba(251,151,23,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(244,251,23,1) 0%, rgba(251,151,23,1) 100%);
    background: linear-gradient(180deg, rgba(244,251,23,1) 0%, rgba(251,151,23,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4fb17",endColorstr="#fb9717",GradientType=1);    
}

.meter > span.red {
    background: rgb(251,23,45);
    background: -moz-linear-gradient(180deg, rgba(251,23,45,1) 0%, rgba(251,93,23,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(251,23,45,1) 0%, rgba(251,93,23,1) 100%);
    background: linear-gradient(180deg, rgba(251,23,45,1) 0%, rgba(251,93,23,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fb172d",endColorstr="#fb5d17",GradientType=1);
}

.meter > span.blue {
    background: rgb(20,189,238);
    background: -moz-linear-gradient(180deg, rgba(20,189,238,1) 0%, rgba(20,154,238,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(20,189,238,1) 0%, rgba(20,154,238,1) 100%);
    background: linear-gradient(180deg, rgba(20,189,238,1) 0%, rgba(20,154,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#14bdee",endColorstr="#149aee",GradientType=1);
}

.meter-db {
    height: 15px;
    max-width: 70%;
    margin: auto;
}

.dashboard-create-row {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 25px;
    text-align: center;
}

.dashboard-icon-card {
    border: 1px solid #d8d8d8;
    box-shadow: #d8d8d8 0px 0px 11px;
    text-align: center;
    width: 100px;
}

.dashboard-icon-card-inner {
    background-image: url("../images/create_sprite.png");
    background-size: 130px;
    cursor: pointer;
    height: 100px;
    width: 100%;
}

.dashboard-create-row-progress {
    
}

.dashboard-create-row-card-divider {
    background: url(../images/create_sprite.png) 2px -14px transparent;
    background-size: 149px;
    height: 20px;
    margin: 0px 5px;
    width: 40px;
}

.dashboard-create-row-card-divider-inactive {
    background: url(../images/create_sprite.png) -111px -14px transparent;
    background-size: 149px;
    height: 20px;
    margin: 0px 5px;
    width: 40px;
}

.dashboard-create-row-card-divider-inv {
    height: 20px;
    margin: 0px 5px;
    width: 20px;    
}

.dashboard-icon-card-text {
    background: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 0px;    
    transition: 0.2s all;
}

.dashboard-icon-card-text:hover {
    font-weight: bold;
}

.dashboard-icon-card-num {
    position: absolute;
    margin-top: -100px;
    margin-left: 77px;
    background: #3c5eb6;
    padding: 2px 7px;
    border-radius: 13%;
    color: #FFFFFF;
    box-shadow: 0px 0px 3px #aaaaaa;
}

.dashboard-create-row-card-inactive>.dashboard-icon-card-text {
    color: #d8d8d8;
}

.dashboard-create-row-card-bio {
    background: #69cbf0;
    background: -moz-linear-gradient(left, #69cbf0 49%, #3ac0f3 53%);
    background: -webkit-linear-gradient(left, #69cbf0 49%, #3ac0f3 53%);
    background: linear-gradient(to right, #69cbf0 49%, #3ac0f3 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cbf0', endColorstr='#3ac0f3', GradientType=1);
}

.dashboard-create-row-card-bio>.dashboard-icon-card-inner {
    background-position: -15px -700px;
}

.dashboard-create-row-card-learningpod {
    background: #69cbf0;
    background: -moz-linear-gradient(left, #69cbf0 49%, #3ac0f3 53%);
    background: -webkit-linear-gradient(left, #69cbf0 49%, #3ac0f3 53%);
    background: linear-gradient(to right, #69cbf0 49%, #3ac0f3 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cbf0', endColorstr='#3ac0f3', GradientType=1);
}

.dashboard-create-row-card-learningpod>.dashboard-icon-card-inner {
    background-position: -15px -79px;
}


.dashboard-create-row-card-memberdiscussions {
    background: #69cbf0;
    background: -moz-linear-gradient(left, #6b7073 49%, #999999 53%);
    background: -webkit-linear-gradient(left, #6b7073 49%, #999999 53%);
    background: linear-gradient(to right, #6b7073 49%, #999999 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b7073', endColorstr='#999999', GradientType=1);
}

.dashboard-create-row-card-memberdiscussions>.dashboard-icon-card-inner {
    background-position: -15px -869px;
}

.whitebox.dashboard-podcasts {
    max-width: 245px;
}

.dashboard-news-section-box.dashboard-exchange .pc-cards{

}

.dashboard-news-section-box.dashboard-exchange .pc-card.mini {
    display: block;
}

.pc-price {
    font-size; 22px;
    margin: 5px;
}

.dashboard-create-row-card-podcasts {
    background: #69cbf0;
    background: -moz-linear-gradient(left, #6b7073 49%, #999999 53%);
    background: -webkit-linear-gradient(left, #6b7073 49%, #999999 53%);
    background: linear-gradient(to right, #6b7073 49%, #999999 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b7073', endColorstr='#999999', GradientType=1);
}

.dashboard-create-row-card-podcasts>.dashboard-icon-card-inner {
    background-position: -11px -957px;
}

.dashboard-create-row-card-connections {
    background: rgb(149,96,225);
    background: -moz-linear-gradient(90deg, rgba(149,96,225,1) 49%, rgba(182,89,246,1) 50%);
    background: -webkit-linear-gradient(90deg, rgba(149,96,225,1) 49%, rgba(182,89,246,1) 50%);
    background: linear-gradient(90deg, rgba(149,96,225,1) 49%, rgba(182,89,246,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9560e1",endColorstr="#b659f6",GradientType=1);
}

.dashboard-create-row-card-connections>.dashboard-icon-card-inner {
    background-position: -15px -780px;
}

.dashboard-create-row-card-learningpod-library {
    background: #3758b8;
    background: -moz-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: -webkit-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: linear-gradient(to right, #3758b8 49%, #1f3166 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3758b8', endColorstr='#1f3166', GradientType=1);
}

.dashboard-create-row-card-learningpod-library>.dashboard-icon-card-inner {
    background-position: -15px -183px;
}

.dashboard-create-row-card-learningpod-files {
    background: #3758b8;
    background: -moz-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: -webkit-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: linear-gradient(to right, #3758b8 49%, #1f3166 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3758b8', endColorstr='#1f3166', GradientType=1);
}

.dashboard-create-row-card-learningpod-files>.dashboard-icon-card-inner {
    background-position: -15px -288px;
}

.dashboard-create-row-card-learningpod-discussions {
    background: #3758b8;
    background: -moz-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: -webkit-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: linear-gradient(to right, #3758b8 49%, #1f3166 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3758b8', endColorstr='#1f3166', GradientType=1);
}

.dashboard-create-row-card-learningpod-discussions>.dashboard-icon-card-inner {
    background-position: -19px -394px;
}

.dashboard-create-row-card-my-library {
    background: #3758b8;
    background: -moz-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: -webkit-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: linear-gradient(to right, #3758b8 49%, #1f3166 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3758b8', endColorstr='#1f3166', GradientType=1);
}

.dashboard-create-row-card-my-library>.dashboard-icon-card-inner {
    background-position: -15px -497px;
}

.dashboard-create-row-card-my-files {
    background: #3758b8;
    background: -moz-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: -webkit-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: linear-gradient(to right, #3758b8 49%, #1f3166 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3758b8', endColorstr='#1f3166', GradientType=1);
}

.dashboard-create-row-card-my-files>.dashboard-icon-card-inner {
    background-position: -15px -290px;
}

.dashboard-create-row-card-my-kv {
    background: #3758b8;
    background: -moz-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: -webkit-linear-gradient(left, #3758b8 49%, #1f3166 53%);
    background: linear-gradient(to right, #3758b8 49%, #1f3166 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3758b8', endColorstr='#1f3166', GradientType=1);
}

.dashboard-create-row-card-my-kv>.dashboard-icon-card-inner {
    background-position: -15px -600px;
}

.dashboard-create-row-card-inactive {
    background: #dadada;
    background: -moz-linear-gradient(left, #dadada 49%, #d0d0d0 53%);
    background: -webkit-linear-gradient(left, #dadada 49%, #d0d0d0 53%);
    background: linear-gradient(to right, #dadada 49%, #d0d0d0 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#d0d0d0', GradientType=1);
}

.dashboard-create-row-card-inactive>.dashboard-icon-card-text {
    color: #d8d8d8;
}

.dashboard-icon-cards-below {
    text-align: center;
}

/*** Dashboard Specialties ***/

/* Earnings */

span.earnings-earned-period {
    color: #008000;
    font-size: 26px;
}

.dashboard-earnings-type-boxes {
    cursor: pointer;
    margin: 10px 0px;
}

.dashboard-earnings-type-boxes div {
    border: 1px solid #d8d8d8;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 4px;
    width: 145px;
}

.dashboard-earnings-type-box-tutor {
    background: #598e70;
    background: -moz-linear-gradient(left, #598e70 0%, #379049 100%);
    background: -webkit-linear-gradient(left, #598e70 0%, #379049 100%);
    background: linear-gradient(to right, #598e70 0%, #379049 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#598e70', endColorstr='#379049', GradientType=1);
}

.dashboard-earnings-type-box-mentor {
    background: #4967d4;
    background: -moz-linear-gradient(left, #4967d4 0%, #384b98 100%);
    background: -webkit-linear-gradient(left, #4967d4 0%, #384b98 100%);
    background: linear-gradient(to right, #4967d4 0%, #384b98 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4967d4', endColorstr='#384b98', GradientType=1);
}

.dashboard-earnings-type-box-kv {
    background: #7e01fe;
    background: -moz-linear-gradient(left, #7e01fe 0%, #48098d 100%);
    background: -webkit-linear-gradient(left, #7e01fe 0%, #48098d 100%);
    background: linear-gradient(to right, #7e01fe 0%, #48098d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e01fe', endColorstr='#48098d', GradientType=1);
}

/* Dashboard - Events */

.events-add-bttn {
    background: #F3F3F5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    padding: 3px 5px;
}

/* Dashboard - Tutoring */

/* Dashboard - Mentor */

/* Dashboard - Investor */

/* Dashboard - Events */

/* Dashboard Invite */

.dashboard-invite {
    color: #21befa;
    font-weight: bold;
}

/* Dashboard - Leaderboard */

.leaderboard-item {
    display: flex;
    align-items: center;
    margin: 15px;
}

.leaderboard-rank {
    margin-right: 10px;
    font-size: 18px;
    color: #6b7073;
}

.leaderboard-ea {
    padding: 0px 35px;
    font-weight: 600;
    min-width: 60px;
}

/* Learning Pods */

.learningpod-no-access {
    min-height: 323px;
    text-align: center;
}

.learningpod-join-options {
    text-align: center;
}

.learningpod-no-access img {
    /*max-width: 50%;*/
}

.learningpod-nav {
    text-align: center;
    background: #d8d8d8;
    padding: 8px 15px;
}

.learningpod-nav a.section-link {
    display: inline-block;
    padding: 10px;
    color: #555252;
}

.my-learning-pods-controls {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    text-align: center;
}
.lpsearchbox {
    align-items: baseline;
    display: flex;
    justify-content: center;
}
input.lpsearch {
    min-width: 220px;
}
span.lpsearch-adv {
    font-size: 14px;
    margin-left: 10px;
}
.learningpod-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 200px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 1%;
}
.learningpod-item {
    border-radius: 13px;
    color: #333333;
    /*display: inline-block;*/
    margin: 10px;
    margin-bottom: 20px;
    max-width: 247px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.learningpod-item-top {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    border: 1px solid #D8D8D8;  
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );    
    padding: 0px;
    min-height: 250px;
}
.learningpod-item-type {
    background-color: #3a4156;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #FFFFFF;
    margin-bottom: 15px;
    padding-bottom: 9px;
    padding-top: 6px;
}

.learningpod-item-type-box {
    font-size: 18px;
    text-align: center;
}

.learningpod-item-type-box-desc {
    display: none;
}

.learningpod-item-type-box-selected .learningpod-item-type-box-desc {
    display: block;
    margin: 20px;
    font-size: 15px;
    text-align: center;
    padding: 2px;
    color: #FFFFFF;
}

.learningpod-item-type-study {
    
}
    
.learningpod-item-type-project {
    background: #277C98;
}
        
.learningpod-item-type-tutor {
    background: #607AE1;
}
.learningpod-item-type-mentor {
    background: #2ead62;
}
.learningpod-item-type-class {
    background: #44bfdf;
}
.learningpod-item-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 1px;
    min-height: 50px;
}
.lp-overall-rating {
    border-bottom: 1px solid #e2e2e2;
    margin: 20px 0px;
    line-height: 30px;
    text-align: center;
}
.learningpod-item-status-published {
    color: #FFFFFF;
    background: #89a789;
    padding: 3px;
    box-shadow: 0px 0px 4px #aaaaaa;
    font-size: 14px;    
    margin-bottom: 20px;
}
.learningpod-item-status-unpublished {
    color: #FFFFFF;
    background: #e83759;
    padding: 3px;
    box-shadow: 0px 0px 4px #aaaaaa;
    font-size: 14px;    
    margin-bottom: 20px;
}
.learningpod-item-avatar {
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    font-size: 36px;
    height: 80px;
    text-align: center;
    margin-bottom: 10px;
    width: 80px;
    margin: 10px auto;
}
.learningpod-item-avatar-small {
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    display: inline-block;
    font-size: 36px;
    height: 40px;
    text-align: center;
    margin-bottom: 10px;
    width: 40px;
    margin-right: 10px;
    vertical-align: middle;
}
.learningpod-item-avatar-default {
    background-image: url('/images/groupavatars/learning_pod_default.png');
}
.learningpod-item-creator {
    margin: 10px 0px;
}
.learningpod-item-creator-show {
    height: 0px;
    overflow: hidden;
}
.learningpod-item-creator-seen {
    height: auto;
    padding: 10px;
    margin: 10px auto;
}
.learningpod-item-subitems {
    align-items: center;    
    color: #4682b4;
    display: flex;
    font-size: 14px;
    justify-content: space-around;
    margin: 5% 1%;
}
.learningpod-item-timeline {
    color: #999999;
    font-size: 12px;
    margin: 10px 0px;
}
.learningpod-item-description {
    padding: 10px;    
    overflow: hidden;
    margin-bottom: 5px; 
    min-height: 60px;
}
.learningpod-item-tags {
    margin: 3%;
    min-height: 25px;
}
span.learningpod-item-tag {
    background: #3a4156;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    padding: 3px 8px;
    margin-right: 5px;
    transition: 0.3s all;
}
span.learningpod-item-tag:hover {
    background: #6b7073;
}
.learningpod-item-join {
    background: #3a4156;
    border-radius: 0px 0px 11px 11px;    
    color: #FFFFFF;
    max-height: 18px;
    padding: 20px;
}
.learningpod-item-join:hover {
    background: #6b7073;    
}
.learningpod-item-join a {
    color: #FFFFFF;
    padding: 20px 0px;
}
.learningpod-item-join a:hover {
    color: #FFFFFF;
}

.learningpod-image .dropzone {
    background-size: cover;  
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    /*line-height: 250px;*/
    font-size: 1rem;
    height: 200px;
    margin: 20px 15px;
    text-align: center;
    width: 260px;
}
.learningpod-image .dropzone .dz-message .dz-button {
    /* background: rgb(255 255 255 / 80%) !important; */
    color: #ffffff;
    border-radius: 3px;
    padding: 3px !important;
    text-shadow: 0px 0px 1px #000000;
    transition: all 0.3s;
}
.learningpod-image .dropzone .dz-message .dz-button:hover {
    font-size: 18px;   
}
.learningpod-image .dropzone .dz-message {
    margin: 130px 0 0 0;
}
.learningpod-image .dropzone .dz-preview.dz-image-preview {
    background: none !important;
}

.croppie-container .cr-boundary {
    height: 93% !important;
}

.learningpod-breadcrumbs {
    margin-top: 20px;
}

#learningpod-file-folder-move select {
    margin-bottom: 10px;
}
/*** learningpods ***/

.learningpod-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.learningpod-creator-avatar {
    background: url(../images/profile-default-avatar.png) no-repeat center center transparent;
    background-size: cover;
    border-radius: 100%;
    height: 200px;
    margin: auto;
    width: 200px;
}

.learningpod-top .learningpod-title {
    font-size: 23px;
    flex-wrap: wrap;
    justify-content: center;    
}

.learningpod-title-text {
    max-width: 350px;
}

.learningpod-top .learningpod-title .learningpod-avatar {
    margin-right: 10px;
}

.learningpod-gallery-file-top {
    background: #d7f3fb;
    padding: 1%;
    text-align: center;
}

.learningpod-top-info-type {
    border-radius: 5px;    
    background: #999999;
    padding: 2px 9px;
    color: #FFFFFF;
    display: inline-block;
    margin-left: 10px;
    text-shadow: 0px 0px 1px #333333;
    font-size: 17px;
}

.learningpod-top-info-type-project {
    background: #277C98;
}

.learningpod-top-info-type-study {
    background: #3a4156;
}

.learningpod-top-info-type-tutor {
    background: #607AE1;
}

.learningpod-top-info-type-mentor {
    background: #2ead62;
}

.learningpod-top-info-type-class {
    background: #44bfdf;
}

.learningpod-options span {
    margin-right: 23px;
    font-size: 15px;
    color: #3a4156;
}
.learningpod-container hr {
    margin: 12px 13px 20px 0px;
    box-shadow: 0px 0px 0px;
}
.learningpod-active-member-item {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin: 3px 5px;
    width: 100px;    
    vertical-align: top;
}
.learningpod-active-member-avatar {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    height: 60px;
    margin: auto;
    width: 60px;
}
.learningpod-rating {
    cursor: pointer;
    font-size: 15px;
}

.lp-no-files {
    font-size: 24px;
}

.user-container .rating a:hover {
    color: unset;
}

.lp-rating-item-container {
    align-items: center;    
    display: flex;
}
.learningpod-ratings-list li {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #aaaaaa;
    margin-bottom: 20px;
    padding: 20px;
}

.learningpod-ratings-list li:nth-child(even) {
  background-color: #f2f2f2;
}
.lp-rating-avatar {
    min-width: 80px;
}
.lp-rating-item-container .lp-rating-title {
    font-weight: bold;
    min-width: 100px;
    margin: 35px;
}
.lp-rating-item-container .lp-rating-desc {
    font-weight: normal;
}
.lp-rating-item-container .lp-rating-timestamp {
    margin: 5px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}
.lp-rating-stars {
    margin-left: auto;
}
.lp-rating-last {
    margin-left: auto;
    max-width: 130px;
    text-align: center;
}
a.learningpod-bttn {
    background: #394157;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    padding: 2px 1px;
    margin: 8px 0px;
    text-align: center;
    transition: all 0.2s;
}
a.learningpod-bttn:hover {
    background: #999999;
}
a.learningpod-bttn-mini {
    background: #394157;
    border-radius: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 2px 1px;
    margin: 8px auto;
    width: 154px;
    text-align: center;
    transition: all 0.2s;
}
a.lpdel {
    margin-left: 10px;
}
a.learningpod-bttn-mini.learningpod-fees-bttn {
    background: #5e8c74;
}
.learningpod-buttons-small {
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d8d8d8;
}
.learningpod-middle {
    display: flex;
    justify-content: space-between;
}
.learningpod-label {
    font-weight: bold;
}
.learningpods-session-box {
    height: 230px;
    border: 1px solid #d8d8d8;
    padding: 10px;
    margin-right: 16px;
    margin-bottom: 30px;
    text-align: center;
    width: 220px;
}
.learningpods-session-box p {
    font-weight: bold;
}
.learningpod-below-top {
    margin: 10px 0px;
}
.learningpod-below-top div {
    display: inline-block;
    margin-right: 10px;
}

.learningpod-location a {
    color: #a20623;
    font-size: 16px;
}
span.learningpod-item-tag {
    background: #3a4156;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 3px 8px;
    margin-right: 5px;
}
.learningpod-item-lower {
    height: 0px;
    overflow: hidden;
}
.learningpod-item-lower-expanded {
    height: auto;
}
.learningpod-overall-score {
    margin: 5px;
    font-size: 16px;
}
a.learningpod-bttn-mid {
    background: #394157;
    border-radius: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 4px 13px;
    margin: 8px auto;
    text-align: center;
    transition: all 0.2s;
}
.learningpod-limit {
    font-size: 12px;
}
a.learningpod-donate-bttn {
    background: #5e8c74;
}
a.learningpod-more {
    border: 1px solid;   
    border-radius: 5px;  
    display: inline-block;    
    color: #65c8eb;
    font-weight: 600;
    padding: 2px 6px;
    font-size: 13px;
    margin-bottom: 20px;
}
.learningpod-lower {
    /*display: flex;
    justify-content: space-around;*/
    height: 0px;
    overflow: hidden;
    transition: all 1s;
}
.learningpod-lower-expanded{
    height: auto !important;
}
.learningpod-active-members, .learningpod-pending-members {
    text-align: center;
    width: 100%;
}
.learningpod-pending-member-item {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin: 3px 5px;
    width: 100px;    
    vertical-align: top;
}

.learningpod-active-member-controls a, .learningpod-pending-member-controls a {
    background: #a0a037;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 7px;
    padding: 3px;
    margin-right: 5px;
}

#learningpod-discussion-topics {
    /*max-height: 670px;
    overflow-y: scroll;
    box-shadow: inset 0px -11px 18px -10px #CCC; */    
}

.learningpod-discussion-topic-list-container {
    padding: 12px 5px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    margin-bottom: 15px;
    box-shadow: 0px 0px 5px #d8d8d8;
}

.learningpod-discussion-topic-list-container-inner {
    align-items: top;
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

h5.discussion-topic-intro-label {
    font-size: 18px;
}

.learningpod-discussion-topic-list-container-parent {
     margin-top: 20px;
}

.learningpod-discussion-topic-list-container-child {
     margin-left: 45px;
}

.learningpod-discussion-topic-list-container-child-orphan {
    background: #faeff1 !important;
    margin-left: 20px;
}

.learningpod-discussion-topic-list-container-child-linkage {
    position: absolute;
    width: 24px;
    background: url(../images/discussion_divider.png) no-repeat center center transparent;
    margin-left: -33px;
    height: 180px;
    margin-top: -25px;
    background-size: contain;
}

.learningpod-discussion-topic-list-container-child-linkage-orphan {
    position: absolute;
    width: 24px;
    background: url(../images/discussion_divider_orphan.png) no-repeat center center transparent;
    margin-left: -33px;
    height: 180px;
    margin-top: -25px;
    background-size: contain;
}

.learningpod-discussion-topic-list-container-inner-l {
    max-width: 60%;
    width: 100%;
}

.learningpod-discussion-topic-featured {
    background: #999999;
    border-radius: 5px;
    /*box-shadow: 0px 0px 5px #aaaaaa;*/   
    color: #FFFFFF;
    display: inline-block;    
    font-size: 11px;
    margin: 0px 5px;
    padding: 3px 4px;    
}
 
.learningpod-discussion-topic-list-container-inner-r {
    color: #999999;
    font-size: 14px;
    text-align: center;
}

.learningpod-discussion-topic-list-container-inner-r .avatar-full a {
    font-size: 14px;
}

.discussion-topic-list-title {
    margin-bottom: 10px;
}

.discussion-topic-list-title a {
    color: #333333;
    font-size: 18px;
    
    transition: all 0.5s;
}

.discussion-topic-list-title a:hover {
    color: #14bdee;
    text-shadow: 0px 0px 1px #FFFFFF;
}

.discussion-topic-list-replies {
    background: #a0a0a0;
    color: #FFFF;
    display: inline-block;
    padding: 3px;
    border-radius: 5px;
}

.discussion-topic-list-desc {
    word-break: break-word;
    margin-bottom: 10px;
}

a.btn.discussion-topic-list-view-btn {
    padding: 3px 10px;
}

.discussion-topic-list-created {
    font-size: 14px;
    color: #999999;
    text-align: center;
}

.discussion-topic-list-created .avatar-full a {
    font-size: 14px;
}

.lp-topic-list-title {
    margin-bottom: 10px;
}

.lp-topic-list-title a {
    color: #333333;
    font-size: 18px;
    
    transition: all 0.5s;
}

.lp-topic-list-title a:hover {
    color: #14bdee;
    text-shadow: 0px 0px 1px #FFFFFF;
}

.lp-topic-list-replies {
    background: #a0a0a0;
    color: #FFFF;
    display: inline-block;
    padding: 3px;
    border-radius: 5px;
}

.lp-topic-list-replies a, .discussion-topic-list-replies a {
    color: #FFFFFF;
    font-weight: normal !important;
    font-size: 16px !important;
}

.lp-topic-list-desc {
    word-break: break-word;
    margin-bottom: 10px;
}

.lp-topic-list-created {
    font-size: 14px;
    color: #999999;
    text-align: center;
}

.lp-topic-list-created .avatar-full a {
    font-size: 14px;
}





.learning-pods .split-flex {
    height: 98px;
    overflow: hidden;
    transition: 1s all;
}
.learning-pods .split-flex.lp-full {
    height: auto;
    overflow: visible;
    transition: 1s all;
}
.learningpod-discussion-topic-list-container a {
    font-weight: bold;
    font-size: 15px;
}
a.btn.learningpod-creatediscussion-topic {
    margin-bottom: 10px;
}
.learningpod-description {
    margin: 15px 0px 5px 0px;
    max-width: 500px;
}
.learningpod-description-text {
    max-height: 300px;
    overflow-y: scroll;
}
.learningpod-accomplishments {
    margin: 30px 0px;
}
.lp-edit {
    font-size: 13px;
    margin-left: 10px;
}
.lp-options { 
    justify-content: space-between;
}
.lp-options.show-advanced {
    display: flex;
}
.lp-options-inner {
    display: flex;
}
.lp-options-inner input {
    margin: 4px 15px 0px 3px;
}
/*** learningpods ***/

.learningpod-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.learningpod-creator-avatar {
    background: url(../images/profile-default-avatar.png) no-repeat center center transparent;
    background-size: cover;
    border-radius: 100%;
    height: 200px;
    margin: auto;
    width: 200px;
}
.learningpod-title {
    align-items: center;
    display: flex;
    font-size: 32px;
}
.learningpod-avatar {
    background-size: cover;
    background-position: center;
    border-radius: 10%;
    font-size: 36px;
    height: 50px;
    text-align: center;
    margin-bottom: 10px;
    width: 50px;
    margin: 10px auto;
}
.learningpod-options span {
    margin-right: 23px;
    font-size: 15px;
    color: #3a4156;
}
.leanringpod-invite {
    margin: 15px 0px;
}
.learningpod-options-timeline:hover {
    cursor: pointer;   
}
.learningpod-options-viewable a {
    color: #3a4156;
}
.learningpod-container hr {
    margin: 12px 13px 20px 0px;
    box-shadow: 0px 0px 0px;
}
a.learningpod-bttn {
    background: #394157;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    padding: 2px 1px;
    margin: 8px 0px;
    text-align: center;
    transition: all 0.2s;
}
a.learningpod-bttn:hover {
    background: #999999;
}
a.learningpod-bttn-mini {
    background: #394157;
    border-radius: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 2px 1px;
    margin: 8px auto;
    width: 154px;
    text-align: center;
    transition: all 0.2s;
}
a.learningpod-bttn-mini.learningpod-fees-bttn {
    background: #5e8c74;
}
.learningpod-buttons-small {
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d8d8d8;
}
.learningpod-middle {
    display: flex;
    justify-content: space-between;
}
.learningpod-label {
    font-weight: bold;
}
.learningpods-session-box {
    height: 230px;
    border: 1px solid #d8d8d8;
    padding: 10px;
    margin-right: 16px;
    margin-bottom: 30px;
    text-align: center;
    width: 220px;
}
.learningpods-session-box p {
    font-weight: bold;
}
.learningpod-below-top {
    margin: 10px 0px;
    padding-left: 20px;
}
.learningpod-below-top div {
    display: inline-block;
    margin-right: 10px;
}
span.learningpod-tag-item {
    background: #3a4156;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px 8px;
    margin-right: 5px;
}
.learningpod-overall-score {
    margin: 5px;
    font-size: 16px;
}
a.learningpod-bttn-mid {
    background: #394157;
    border-radius: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 4px 13px;
    margin: 8px auto;
    text-align: center;
    transition: all 0.2s;
}
.learningpod-limit {
    font-size: 12px;
}
a.learningpod-donate-bttn {
    background: #5e8c74;
}
a.learningpod-more {
    border: 1px solid;   
    border-radius: 5px;  
    display: inline-block;    
    color: #65c8eb;
    font-weight: 600;
    padding: 2px 6px;
    font-size: 13px;
    margin-bottom: 20px;
}
.learningpod-lower {
    border-top: 1px dashed #d8d8d8;    
    display: flex;
    justify-content: space-around;
    height: auto;
    margin-top: 20px;    
    overflow: hidden;
    paddint-top: 20px;
    transition: all 1s;
}
.learningpod-lower-spacer {
    border-right: 1px dashed #d8d8d8;     
}
.learningpod-lower-expanded{
    height: auto !important;
}
.learningpod-active-members, .learningpod-pending-members {
    text-align: center;
    /*width: 308px;*/
}
.learningpod-active-members .user-avatar-small {
    height: 50px;
    width: 50px;
}
.learningpod-active-member-creator-label {
    background: #14bdee;
    border-radius: 5px;    
    color: #FFFFFF;
    padding: 3px 5px;
    font-size: 9px;
    margin-left: 0px;
    margin-top: 0px;
    text-shadow: 0px 0px 2px #333333;    
}
.learningpod-active-member-admin-label {
    background: #999999;
    border-radius: 5px;    
    color: #FFFFFF;
    padding: 3px 5px;
    font-size: 9px;
    margin-left: 0px;
    margin-top: 0px;
    text-shadow: 0px 0px 2px #333333;    
}
.learningpod-active-member-banned-label {
    background: crimson;
    border-radius: 5px;    
    color: #FFFFFF;
    padding: 3px 5px;
    font-size: 9px;
    margin-left: 0px;
    margin-top: 0px;
    text-shadow: 0px 0px 2px #333333;    
}
.learningpod-discussion-topic-list-container {
    
    background: #d9f6ff; 
    
    padding: 12px 5px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    margin-bottom: 15px;
    box-shadow: 0px 0px 5px #d8d8d8;
}
.learningpod-discussion-topic-list-container-child {
    background: #e6eef1;     
}
.learning-pods .split-flex {
    height: 132px;
    overflow: hidden;
    transition: 1s all;
}
.learning-pods .split-flex.lp-full {
    height: auto;
    overflow: visible;
    transition: 1s all;
}
.learningpod-discussion-topic-list-container a {
    font-weight: bold;
    font-size: 19px;
}
a.btn.learningpod-creatediscussion-topic {
    margin-bottom: 10px;
}
.learningpod-description {
    margin: 15px 0px 5px 0px;
}
.lp-cal-view {
    text-align: center;
}
.lp-edit {
    font-size: 13px;
    margin-left: 10px;
}
.show-lp-ratings-rate {
    text-align: center;
}
.lp-options {
    display: flex;
    justify-content: space-between;
}
.lp-options.show-advanced {
    display: flex;
}
.lp-options-inner {
    display: flex;
}
.lp-options-inner input {
    margin: 4px 15px 0px 3px;
}
.learningpod-stream-items {
    padding: 5px 20px;
    max-height: 500px;
    overflow: scroll;
    max-width: 800px;
}
.learningpod-stream-item {
    border-bottom: 1px dashed #d8d8d8;
    padding-bottom: 15px;
}

.learningpod-stream-avatar.learningpod-stream-avatar {
    min-width: 100px;
}

.learningpod-stream-avatar.learningpod-stream-avatar {
    min-width: 100px;
}

.learningpod-stream-event.learningpod-stream-event {
    max-width: 230px;
    word-wrap: break-word;
}

.learningpod-stream-item-created {
    border-bottom: 0px;
    padding-bottom: 20px;
}

.learningpod-stream-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.learningpod-message-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.learningpod-messages.whitebox img {
    max-width: 100%;
}

/*jan*/

.learningpod-message-item-container {
    overflow: scroll;
}

.learningpod-message-event {
    margin: 0px 3%;
    word-break: break-word;
}

.learningpod-message-event ul li {
    display: list-item !important;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding: 1px 0px !important;
    margin-left: 35px !important;
}

/*jan*/

.learningpod-message-time {
    min-width: 100px;
}

.messages .add-to-message-container .add-to-message-controls {
    text-align: right;
    margin-bottom: 90px;
}

.add-to-message-controls {
    text-align: right;
}

#add-to-message-form {
    margin-bottom: 20px;
}

.learningpod-assignments li.ui-sortable-handle {
    border-radius: 5px;
    padding: 15px !important;
}

.assignment-desc {
    padding: 5px;
    max-width: 75% !important;
}

.assignment-desc-title {
    font-size: 24px;
    margin-bottom: 0px;    
}

.ui-sortable-handle {
    cursor: grab;
}

/*** File Manager ***/

.filemanager-top {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
    padding-bottom: 0px;
}
.filemanager-top-spacer {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;    
    padding-bottom: 20px;    
}    
.filemanager-creators {
    align-items: center;
    display: flex;
}
.filemanager-creator {
    margin: 20px;
}
.filemanager-advanced-search {
    display: none;    
    justify-content: space-between;
}
.filemanager-advanced-search-expanded {
    display: flex;
}    
.filemanager-show-advanced-search {
    color: #14bdee;
    font-size: 13px;
}
.filemanager-includes {
    display: flex;
    align-items: baseline;
}
.filemanager-includes-right {
    display: flex;
    margin-bottom: 10px;
    text-align: right;
}
#search-includeDoc,#search-includeImg,#search-includeVid,#search-includeAudio,#search-includeArch,#search-includeEmbed {
    margin-left: 5px;    
    margin-right: 15px;
}
.filemanager-upload {}
.filemanager-folders ul li {
    background-color: #f3f3f3;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin-left: 11px;
    margin-right: 11px;    
    margin-bottom: 20px;
    padding: 9px;
    width: 100px;
    transition: all 0.5s;
    vertical-align: top;
}
.filemanager-folders ul li:hover {
    background-color: #d8d8d8;  
}
.filemanager-folders ul li * {
    display: block;
    margin: auto;
    min-height: 80px;
    width: 100px;
    word-break: break-word;
    text-align: center;
}
.folder_quick_look_container {
    background: #f3f3f3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;    
    padding: 5px;
    margin-top: 5px !important;
}
.folder_quick_look {
    position: absolute;
    width: 200px;
    padding: 0px;
    margin-left: -5px !important;    
}
.filemanager-folders ul li .folder_quick_look * {
    display: block;
    min-height: auto;
    width: 280px;
}
.filemanager-folders ul li .folder_quick_look li {
    padding: 10px;
    position: relative;
    z-index: 2;
}
.filetree-folder-selected {
    border: 1px solid #66b8ff;
    padding: 0px 20px;
    border-radius: 5px;
}

.filetree-folder-public:before {
    color: #8ec4d9 !important;
}
.folder {
    background: url("../images/divvy-component/library_folder.png") no-repeat center center transparent;
    background-size: contain;
    cursor: pointer;
    margin-right: 5px;
}
.folder-public {
    background: url("../images/divvy-component/library_folder_open.png") no-repeat center center transparent;
    background-size: contain;
}
.folder-message-storage {
    background: url("../images/divvy-component/library_folder_messages.png") no-repeat center center transparent;
    background-size: contain;
}
.folder-submissions {
    background: url("../images/divvy-component/library_folder_submissions.png") no-repeat center center transparent !important;
    background-size: contain;
}
.folder-submissions {
    background: url("../images/divvy-component/library_folder_submissions.png") no-repeat center center transparent !important;
    background-size: contain !important; 
} 
.folder-open-notice {
    padding: 30px 5px;
    margin: 15px 0px;
    background: #e4f9ff;
}
.breadcrumb-folder {
    background: url("../images/divvy-component/library_folder.png") no-repeat center center transparent;
    background-size: contain;
    cursor: pointer;
    margin-right: 5px;
    padding: 12px;
}
.breadcrumb-folder-public {
    background: url("../images/divvy-component/library_folder_open.png") no-repeat center center transparent !important;
    background-size: contain !important;
    cursor: pointer;
    margin-right: 5px;
    padding: 12px;
}

.filemanager-folders a.file {
    
}

.my_gallery_container .col-width-middle {
    margin-bottom: 120px;
}

.gallery-rating {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.gallery-rating {
    cursor: pointer;
}

.gallery-overall-rating {
    border-bottom: 1px solid #e2e2e2;        
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

.gallery-ratings-list li {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #aaaaaa;
    margin-bottom: 20px;
    padding: 20px;
}
.gallery-ratings-list li:nth-child(even) {  
  background-color: #f2f2f2;
}
.gallery-rating-item-container {
    align-items: center;    
    display: flex;
}
.gallery-rating-item-container .gallery-rating-title {
    font-weight: bold;
    margin: 35px;
}
.gallery-rating-item-container .gallery-rating-desc {
    font-weight: normal;
}
.gallery-rating-stars {
    margin-left: auto;
}
.gallery-rating-timestamp {
    margin: 5px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}
.checked {
    color: orange;
}

.selected {
    color: orange;
}

.galleryratingalignright {
    text-align: center;
}

.gallery_storage_meter {
    padding: 15px;
}

.gallery_storage_meter_inner h3 {
    color: red !important;   
}

.gallery_storage_meter_btn_over {
    color: red;   
}

.filemanger-folder-box, .filemanger-movefolder-box {
    margin-bottom: 20px;
}

.filemanger-top-storage {
    margin-bottom: 10px;
    text-align: right;    
}



span.profile-shared-file {
    display: inline-block;
    padding: 20px;
    vertical-align: middle;
}

.file-pdf {
    background: url("../images/divvy-component/file_pdf.png") no-repeat center center transparent;
    background-size: 60%;
    cursor: pointer;
    margin-right: 5px;
}
.file-png {
    background: url("../images/divvy-component/file_png.png") no-repeat center center transparent;
    background-size: 60%;
    cursor: pointer;
    margin-right: 5px;
}
.file-jpg {
    background: url("../images/divvy-component/file_jpg.png") no-repeat center center transparent;
    background-size: 60%;
    cursor: pointer;
    margin-right: 5px;
}
.file-jpeg {
    background: url("../images/divvy-component/file_jpg.png") no-repeat center center transparent;
    background-size: 60%;
    cursor: pointer;
    margin-right: 5px;
}
.file-gif {
    background: url("../images/divvy-component/file_gif.png") no-repeat center center transparent;
    background-size: 60%;
    cursor: pointer;
    margin-right: 5px;
}
.file-mp3 {
    background: url("../images/divvy-component/file_mp3.png") no-repeat center center transparent;
    background-size: 60%;
    cursor: pointer;
    margin-right: 5px;
}
.file-mp4 {
    background: url("../images/divvy-component/file_mp4.png") no-repeat center center transparent;
    background-size: 60%;
    cursor: pointer;
    margin-right: 5px;
}
.file-thumb {
    background-size: cover;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #AAAAAA;
    margin-bottom: 5px !important;
}
.file-processing {
    background: url("../images/divvy-component/file_processing_small.gif") no-repeat center center transparent;
    background-size: 60%;
    cursor: pointer;
    margin-right: 5px;
}
.file-move-container {
    text-align: center;
}
.file_type_container_mp4 video {
    object-fit: cover;
}
.file_container img {
    max-width: 500px;
    margin: 20px;
}
.create_folder_privacy {
    margin-bottom: 20px;
}
.dropZone {
    border: 1px solid #ccc;
    line-height: 250px;
    font-size: 1.5rem;
    height: 250px;
    margin-top: 20px;
    text-align: center;
    width: 100%; 
}
.dz-progress {
    top: 70% !important;    
}
.my-settings-container video {
    max-width: 440px;
}
.f-label {
    margin-bottom: 5px;
}
span.f-label-date {
    font-size: 12px;
}

.filemanager-search-results-item-row-header {
    align-items: center;
    background: #6b7073;
    color: #FFFFFF;
    display: flex;
    justify-content: space-around;
    padding: 5px;
}

.filemanager-search-results-item-row {
    align-items: center;
    background: #f2f2f2;
    display: flex;
    justify-content: space-between;
    padding: 11px 5px;
    margin: 15px auto;
}

.filemanager-search-results-item-row:nth-of-type(odd) {
    background: #f9f9f9;
}

.filemanager-search-results-item-col {
    text-align: center;
    word-break: break-all;
}

.filemanager-search-results-item-col-l {
    width: 180px;
    text-align: center;
    padding: 0px 8px;
}

span.filemanager-search-results-item-title {
    word-wrap: break-word;
    max-width: 200px;
    display: block;
    width: 100%;
    text-align: center;
}

span.filemanager-search-results-item-thumb {
    background-position: left;
    background-repeat: no-repeat;    
    background-size: contain;
    display: inline-block;
    padding: 25px 50px;
    vertical-align: middle;
    padding-left: 0px;
}
span.folder.filemanager-search-results-item-location {
    background-position: left;    
    display: inline-block;
    padding: 15px;
    vertical-align: middle;
    padding-left: 50px;
}

ul.filemanager-notes-list {
    margin-bottom: 10px;
    max-height: 400px;
    overflow: scroll;
} 

ul.filemanager-notes-list li {
    align-items: top;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #f3f3f3;
    padding: 5px;
    margin-bottom: 3px;
    transition: 0.2s all;
} 

ul.filemanager-notes-list li:hover {
    background: #d7f3fb;
}

.filemanager-note-row {
    display: flex;
    margin-left: 20px;
    width: 100%;
}

.filemanager-addnote-btn {
    margin: 0px !important;
    width: 100%;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 10px 0px !important;
    text-align: center;
}

div#filemanager-addnote {
    padding: 5px;
    background: #e7ecfb;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 80px;  
    z-index: 1;
} 

.filemanager-sorter {
    display: flex;
    align-items: center;
}

select.filemanager-files-sort {
    margin-left: 3px;
}

.filemanager-files iframe {
    width: 100%;
    height: 730px;
}

.filemanager-editfile-author-box ul {
    display: flex;
    justify-content: left;
}

.filemanager-editfile-author-box ul li {
    margin: 10px;
}

/*** Connections ***/

.connections-top {
    text-align: center;
}

.connections_search_text {
    margin: 5px auto;
}
.connections_advanced_search input {
    display: inline-block;
}
.connections-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.connections-list li {
    background: #FFF;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: 0px 0px 14px #d8d8d8;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 23px;
    width: 200px;
    text-align: center;
    transition: all 1s;
    min-height: 300px;
}
.connections-list li:hover {
    border: 1px solid #14bdee;
    box-shadow: 0px 0px 14px #999;
}
.connections-list-item-title {
    /*color: #383f57;
    font-size: 18px;
    font-weight: bold;*/
}
.connections-list-item-common-num {
    background: #383f57;
    border-radius: 100%;
    color: #FFF;
    display: inline-block;
    line-height: 7px;
    padding: 13px 10px;
    font-size: 12px;
}
.connections-avatar {
    background-size: cover;
    border-radius: 100%;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: auto;
}
.connections-member-types {
    margin-top: 10px;
}
.connections-member-types span {
    display: inline-block;
}
.connections-list-item-view a {
    color: #14bdee;
}
.connections-list-li-expanded {
    height: 200px;
}
.connections-remove-activate { 
    border: 1px dashed;
    border-radius: 5px;
    color: #adabab;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 3px 0px;
    transition: ALL 0.5s;
}
.connections-remove-activate:hover {
    color: #333333;
}
.connections-pending-ind {
    background: #f6f4f4;
    padding: 3px;
}
.connected-divider {
    background: url(../images/create_sprite.png) 2px -14px transparent;
    background-size: 149px;
    height: 20px;
    margin: auto;
    width: 40px;
}

.connected-divider-inactive {
    background: url(../images/create_sprite.png) -111px -14px transparent;
    background-size: 149px;
    height: 20px;
    margin: auto;
    width: 40px;
}

.my-connections-top {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d8d8d8;
    justify-content: space-between;
    margin-bottom: 20px;
}

.my-connections-list li {
    background: #FFF;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: 0px 0px 14px #d8d8d8;
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
    padding: 23px;
    width: 200px;
    text-align: center;
    transition: all 1s;
    min-height: 300px;
    vertical-align: top;
}
.my-connections-list li:hover {
    border: 1px solid #14bdee;
    box-shadow: 0px 0px 14px #999;
}
.my-connections-list-item-title {
    color: #383f57;
    font-size: 18px;
    font-weight: bold;
}
.my-connections-list-item-common-num {
    background: #383f57;
    border-radius: 100%;
    color: #FFF;
    display: inline-block;
    line-height: 7px;
    padding: 13px 10px;
    font-size: 12px;
}
.my-connections-avatar {
    background-size: cover;
    border-radius: 100%;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: auto;
}
.my-connections-list-item-view a {
    color: #14bdee;
}
.my-connections-list-li-expanded {
    height: 200px;
}
.my-connections-remove-activate {
    border: 1px dashed;
    border-radius: 5px;
    color: #d8d8d8;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 3px 0px;
    transition: ALL 0.5s;
}
.my-connections-remove-activate:hover {
    color: #333333;
}
.connections_advanced_search, .connections_search_submit {
    margin-top: 20px;
}
/*** Profile ***/

.breadcrumbs, .breadcrumbs a {
    color: #14bdee;
    font-size: 18px;
    margin-bottom: 15px;
}


/* New */


.breadcrumbs, .breadcrumbs a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 34px;
    padding: 0 13px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 999px;
    background: rgba(46, 83, 177, 0.08);
    color: #2e53b1;
    font-size: 12px;
    font-weight: 900;
}

.breadcrumbs a {
    background: none;    
    margin: 0px;
    padding: 0px;
}

.split-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.split-col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}
.split-left {
    flex: 4;
}
.split-right {
    text-align: center;
    flex: 1;
    max-width: 200px;
}
.split-col hr {
    margin: 15px 20px 15px 0px;
    box-shadow: unset;
}

.profile-status-bubble {
    background: green;
    border-radius: 100%;
    padding: 0px 7px;
    margin: 5px;
}

.profile-avatar {
    background: url(../images/profile-default-avatar.png) no-repeat center center transparent;
    background-size: contain;
    border-radius: 100%;
    height: 170px;
    margin: auto;
    margin-bottom: 15px;
    width: 170px;
}
.split-right .profile-avatar {
    margin: 15px 10px 20px 10px;
}
.profile-status {
    font-size: 12px;
    margin: 8px 0px;
}
.profile-active-status-online {
    color: green;
}
.profile-active-status-online .profile-status-bubble {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-attention 2s infinite;
}
.profile-files-purchase {
    width: 100%;
    max-width: 860px;
    background: #e6f8fd;
}

.profile-rating {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.profile-rating {
    cursor: pointer;
}

.profile-overall-rating {
    border-bottom: 1px solid #e2e2e2;        
    font-size: 18px;
    padding-bottom: 8px;
    text-align: center;
}

/* May remove */


.profile-ratings-list li {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #aaaaaa;
    margin-bottom: 20px;
    padding: 20px;
}

.profile-ratings-list li:nth-child(even) { 
  background-color: #f2f2f2;
}

.profile-rating-item-container {
    align-items: center;    
    display: flex;
}
.profile-rating-item-container .profile-rating-title {
    font-weight: bold;
    margin: 35px;
    max-width: 600px;
}
.profile-rating-item-container .profile-rating-desc {
    font-weight: normal;
}
.profile-rating-stars {
    margin-left: auto;
}
.profile-rating-timestamp {
    margin: 5px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}
.profile-rating-avatar {
    min-width: 130px;
}
.checked {
    color: orange;
}
.profile-below-top div {
    display: inline-block;
    margin-right: 10px;
}
.profile-top-info {
    font-size: 18px;
}
.profile-verification-status a {
    color: #999999;
}
.profile-verification-status-vetted a {
    color: green;
}
.formResponsive button[type=submit], .formResponsive input[type=submit] {
    background-color: #14bdee;
    background-image: linear-gradient(top,#08c,#05c);
    background-repeat: repeat-x;
    border: 0px;
    color: #fff;
    text-shadow: 0-1px 0 rgba(0,0,0,.25)
}
.formResponsive button[type=reset], .formResponsive input[type=reset] {
    background-color: #666666;
    border: 0px;    
}
.formResponsive button[type=submit]:hover, .formResponsive input[type=submit]:hover, .formResponsive button[type=reset]:hover, .formResponsive input[type=reset]:hover {
    background-color: #888888;
}
.formResponsive input[type=file], .formResponsive select {
    line-height: unset;
    height: unset;
}
#form12 .wdform_page {
    border-radius: 5px;
    padding: 10px;
}
.show-profile-verification-status-checkbox {
    font-size: 36px;
}
#show-profile-verification-status-info i {
    font-size: 36px;
}
#show-profile-verification-status-info p.not-vetted {
    color: #b9b9b9;
}
.show-profile-ratings-btn {
    text-align: center;
    width: 100%;
}
.profile-block {
    align-items: baseline;
    display: flex;
    margin: 15px 0px;
}
.profile-top-10-cont {
    margin: 10px;
}
.profile-label {
    font-weight: bold;
    margin-right: 20px;
    min-width: 80px;
}
.profile-block div {
    display: inline-block;
    max-width: 650px;
    vertical-align: top;
}
.profile-user-name {
    font-size: 28px;
}
.profile-location i {
    color: #a00606;
    font-size: 24px;
}
span.profile-tag-item {
    background: #3a4156;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    padding: 3px 8px;
    margin-right: 5px;
}
span.profile-tag-item-student.ally {
    background: #807434;
}
span.profile-tag-item-tutor {
    background: #607AE1;
}
span.profile-tag-item-mentor {
    background: #2ead62;
}
span.profile-tag-item-admin {
    background: #c59e55;
}
a.profile-bttn {
    background: #394157;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    padding: 2px 1px;
    margin: 8px 0px;
    text-align: center;
    transition: all 0.2s;
}
a.profile-bttn:hover {
    background: #999999;
}

a.profile-bttn.gold {
    background: #ecba12;
    color: #5a5137;
}

a.profile-bttn.gold:hover {
    background: #ffc500;
}

a.profile-expand-top10 {
    background: #3a4156;
    border: 0px;
    border-radius: 25px;
}
.profile-top-10-expander {
    height: 0px;
    overflow: hidden;
}
.profile-top-10-expanded {
    height: auto;
}
a.profile-hire-bttn {
    background: #5e8c74;
}
.top-ten-list {
    padding: 20px;
    display: inline-block;
    vertical-align: middle;
}

#my-top10-sortable li {
    background: #6b7073;
    color: #FFFFFF;
    cursor: grab;
    border: 1px dotted;
    margin: 5px;
    padding: 8px;
    border-radius: 10px;
}

#my-top10-sortable li .sort-num {
    padding: 10px;
}

.top-ten-sort-controls {
    align-items: center;
    display: flex; justify-content: right;
}

.top-ten-sort-file {
    width: 65px;
    height: 50px;
    display: block;
}

.top-ten-sort-controls .btn {
    box-shadow: none !important;
}

#show-profile-video {
    max-width: 600px;
    width: 100%;
}

video.profile {
    width: 100%;
}


/*** Dicussions ***/

.discussions-lp-avatar {
    background: #d8d8d8;
    background-size: cover;        
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 40px;    
    vertical-align: middle;
    margin-right: 5px;
    width: 40px;    
}

.discussions-sub-items {
    align-items: center;    
    color: #a7a7a7;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}

.discussion-topic-description {
    font-size: 16px;
    margin: 15px 0px;
}

.discussion-topic-desc-detail.whitebox {
    text-align: left !important;
}

.discussion-topic-desc-detail.whitebox ul {
    padding: 0px 0px 0px 40px !important;
    margin: 16px 0px;
    list-style: disc;
}


.discussion-topic-lp-avatar {
    background: #d8d8d8;
    background-size: cover;        
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 40px;    
    vertical-align: middle;
    margin-right: 5px;
    width: 40px;    
}

.discussion-item-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.discussion-item-middle {

}
.discussion-item-bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;    
}

.discussion-item-container {
    
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );    
    
    
    padding: 15px 10px;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
}

.discussion-item-container.reply {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,252,253,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,252,253,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,252,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f4fcfd",GradientType=1);
    border: 1px dotted #d0d0d0;    
    margin-left: 30px;
}

.discussion-item-iframe {
    width: 100%;    
}

.discussion-item-title {
    font-size: 18px;
    font-weight: bold;
}

.discussion-item-message {
    word-break: break-word;
    margin: 15px 0px;
    text-align: left;
    width: 75%;
}

.discussion-item-message ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.discussion-item-layout-orphaned {
    background: pink;
    padding: 3px 10px;
}

.discussion-item-avatar {
    min-width: 90px;
}

.discussion-item-lp-avatar {
    background: #d8d8d8;
    background-size: cover;        
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 40px;    
    vertical-align: middle;
    margin-right: 5px;
    width: 40px;    
}

.discussion-item-message img {
    max-width: 100%;
    margin: 10px 0px;
    display: block;
    border-radius: 10px;
}

.discussion-item-message img.emoji {
    display: inline-block;
    vertical-align: middle;
}

.discussion-item-time {
    font-size: 14px;
    color: #b3b3b3;
    margin: 5px;
}

.discussion-item-spacer {
    margin-left: auto;
}

.discussion-item-edit {
    color: #c1c1c1;
    cursor: pointer;    
    margin-right: 5px;
    font-size: 16px;    
    transition: all 0.1s;       
}

span.discussion-item-edited {
    color: #bdbebf;
    font-size: 12px;
}

.discussion-item-remove {
    color: #c1c1c1;
    cursor: pointer;    
    margin-right: 5px;
    font-size: 16px;    
    transition: all 0.1s;    
}

.discussion-item-remove:hover {
    color: #000000;
    font-size: 16px;
}

.quoting .discussion-item-container {
    background-color: #14BDEE;
    background: linear-gradient(to bottom,  #ffffff 0%,#b3edff 47%,#ededed 100%);
}

.discussion-item-quote {
    color: #c1c1c1;
    cursor: pointer;
    font-size: 13px;
    margin-right: 5px;
    transition: all 0.1s;    
}

.discussion-item-quote:hover {
    color: #000000;
    font-size: 16px;
}

.add-to-discussion-quote-container > .discussion-item-container {
    animation: pulse-attention 2s 2;
}

.add-to-discussion-controls {
    text-align: right;
}

.discussion-item-heart {
    color: #b3b3b3;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.1s;       
}

.discussion-item-heart:hover{
    color: #f54b6b;
    font-size: 16px;    
}

.discussion-item-heart span {
    font-size: 16px;
}

i.fa.fa-heart {
    color: crimson;
}

.twemoji-textarea {
    word-break: break-word;
    overflow-y: scroll;
    padding: 6px 47px 6px 12px !important;    
    text-align: left;
}

.twemoji-wrap {
    margin-bottom: 20px;
    margin-top: 20px;
}

a.attatch-to-discussion {
    margin-right: 10px;
    font-size: 13px;
    color: #9e9a9a;
}

.discussion-item-user {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    height: 60px;
    width: 60px;
}

.discussion-topic-settings {
    display: flex;
    justify-content: center;
}

.discussion-topic-settings div {
    margin: 8px;
}

.discussion-topic-settings a {
    color: #b4b5b5;
    transition: all 0.2s;
}

.discussion-topic-settings a:hover {
    color: #333333;
}

#discussion-topic-settings-featured, #discussion-topic-settings-archived {
    color: #595e74;
    font-weight: bold;
}

.discussion-topic-title {
    text-align: center;
}

.control-group .control-label label.required .star, .req {
    color: red;
}

.discussion-topic-desc-container {
    background: #e6eef1;
    border-radius: 5px;       
    margin-bottom: 50px;
    margin-top: 25px;    
    padding: 20px;       
}

.discussion-topic-desc-container iframe {
    max-width: 100%;
}

.discussion-topic-desc-container-top, .discussion-topic-desc-container-middle, .discussion-topic-desc-container-bottom {
    display: flex;
    justify-content: space-between;
}

.discussion-topic-time {
    font-size: 14px;
    color: #b3b3b3;
}

.discussion-topic-description-avatar {
    margin-right: 20px;
}

.discussion-topic-description-desc {
    margin-top: 20px;
    padding: 0px 3px;
    word-break: break-word;
}

.discussion-item-file-cont {
    background: #e0e5ef;
    padding: 2%;
    border-radius: 3px;
}

#discussion-file-trigger-text-copy {
    width: 100%;
}

.discussion-item-file-label {
    font-weight: bold;
}

img.discussions-gif-attached {
   display: block; 
}

.discussions-insert-file-list ul {
    margin-top: 20px;
}

.discussions-insert-file-list ul li {
    align-items: center;
    background: #CCCCCC;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

.discussions-insert-file-list ul li div {
    width: 33%;
    word-break: break-all;
}

.discussions-insert-file-list-l {
    min-width: 158px;
}

.discussions-insert-file-list ul li:first-child {
    font-weight: bold;
}

.discussions-insert-file-list ul li:first-child:hover {
  background-color: #CCCCCC;
}

.discussions-insert-file-list ul li:nth-child(even) {
  background-color: #f2f2f2;
}

.discussions-insert-file-list ul li:hover {
  background-color: #e0e5ef;    
}

.discussions-insert-file-list-l {
    padding: 10px;
    width: 100%;
}

.discussions-insert-file-list-l img {
    max-width: 150px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px #aaaaaa;
}

.discussions-insert-file-list-m {
    padding: 10px;    
    width: 100%;
}

.discussions-insert-file-list-r {
    padding: 10px;    
    width: 100%;
}

.add-to-discussion-container {
    margin-bottom: 40px;
}

.add-to-discussion-container-attached {
    background: #e4e4cd;
    padding: 10px;
    margin-top: 25px;
    border-radius: 3px;
}

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

/*** Reviews ***/

.show-user-rating-totals {
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px 0px; 
}

.user-ratings-breakdown-item {
    border: 1px solid #d8d8d8;
    border-radius: 5px; 
    box-shadow: 0px 0px 5px #AAAAAA;    
    margin-bottom: 20px;
    padding: 20px;    
}

.user-ratings-breakdown-item-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.user-ratings-breakdown-item-type {
    font-size: 12px;
    font-weight: 600;
}

.user-ratings-breakdown-item-description {
    padding: 20px 0px;
}

.user-ratings-breakdown-item-rating {
    font-size: 20px;
}

.user-ratings-breakdown-userby {
    padding: 10px 0px;
}

.user-ratings-breakdown-item-time {
    font-size: 12px;
    padding: 5px 0px;
}		

/*** Search ***/
.qs-box {
    margin-bottom: 40px;
    box-shadow: 0px 0px 1px #28beec;
    padding: 20px;
}

/*** Settings ***/

.settings-section {
    border: 1px solid #F3F3F3;
    margin: 20px;
    padding: 20px;
}

.settings-video-processing {
    margin-bottom: 20px;
    text-align: center;
}

input#crop {
    background: #14bdee;
    border: #485c61 1px solid;
    color: #ffffff;
    cursor: pointer;
    padding: 5px 6px;
    text-align: center;
    visibility: hidden;
    width: 100px;
}
#cropped_img {
    margin-top: 40px;
}
.settings-section textarea {
    margin: 0px;
    width: 429px;
    height: 160px;
}
.vidprogress {
    color: #6b7073;
    text-align: center;
}

.save_profile_btn {
    font-size: 24px;
    padding: 18px 20%;
    margin: auto;
    display: block;
}

/*** Notifications ***/

#mail_menu > a.sitewide-notification-icon {
    color: #6b7073;
    font-size: 22px;
    padding: 3px 8px;
}

#mail_menu > a.sitewide-notification-icon:hover {
    color: #3c425a;
}

.notifications-page-top {
    align-items: center;
    display: flex;
    justify-content: space-between; 
}

.notifications-notify a, .messages-notify a {
    background: #f54b6b;
    border-radius: 100%;
    color: #FFFFFF;
    font-size: 13px;
    margin-top: -8px;
    position: absolute;
    padding: 3px 6px;
}

.notifications-notify a {
    margin-left: 20px;
}

.messages-notify a {
    margin-left: 67px;
}

.sitewide-messages {
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #d0d0d0;
    box-shadow: 4px 10px 15px #dedada;
    display: none;
    height: auto;
    position: absolute;
    right: 9%;
    width: 100%;
    max-width: 400px;
    text-align: center;
}

ul.sitewidemail-options {
    display: flex;
    justify-content: space-around;
    padding: 10px;
    max-width: 275px;
    margin: auto;
}

ul.sitewidemail-options li a  { 
    background: #555a70;    
    border: 0px;     
    padding: 5px;    
}

ul.sitewidemail-options li a:hover { 
    background: #555a70;
}

ul.sitewidemail-options li a { 
    color: #FFFFFF;
    font-weight: bold;
}

li.sitewidemail-options {
    text-align: center;
    padding: 10px;
    background: #daf7ff;
}

#mail_menu > a.sitewide-messages-icon {
    color: #6b7073;
    font-size: 22px;    
    padding: 3px 8px;
    margin-left: 5px;
    transition: all 0.2s;
}

#mail_menu > a.sitewide-messages-icon:hover {
    color: #3c425a;
}

#mail_menu > a.sitewide-lp-messages-icon {
    color: #6b7073;
    font-size: 22px;    
    padding: 3px 8px;
    margin-left: 5px;
    transition: all 0.2s;
}

#mail_menu > a.sitewide-lp-messages-icon:hover {
    color: #3c425a;
}


.sitewide-notifications {
    background: #FFFFFF;    
    border-radius: 3px;
    border: 1px solid #d0d0d0;   
    box-shadow: 4px 10px 15px #dedada;
    display: none;
    height: auto;
    position: absolute;
    margin-left: -250px;
    width: 280px;    
}
 
.sitewide-notifications-item {
    align-items: center;
    background: #f5fdff;
    border: 1px dashed #14bdee; 
    cursor: pointer;
    display: flex;
    padding: 5px;     
    text-align: center;
}

.sitewide-notifications-item-text {
    word-break: break-word;   
}

.sitewide-notifications-item-page {
    padding: 15px;
}

.sitewide-notifications-item .avatar-full-desc {
    margin-right: 10px;
}

.sitewide-notifications-item-page-status {
    margin-left: auto;
}

.sitewide-notifications-item-page-time {
    margin-left: 20px;
}

.sitewide-notifications-expanded {
    display: block;
    -webkit-animation: fadein 0.8s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.8s; /* Firefox < 16 */
    -ms-animation: fadein 0.8s; /* Internet Explorer */
    -o-animation: fadein 0.8s; /* Opera < 12.1 */
    animation: fadein 0.8s;    
}

.sitewide-messages-expanded {
    display: block;
    -webkit-animation: fadein 0.8s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.8s; /* Firefox < 16 */
    -ms-animation: fadein 0.8s; /* Internet Explorer */
    -o-animation: fadein 0.8s; /* Opera < 12.1 */
    animation: fadein 0.8s;                                    
}

ul.notify-options {
    display: flex;
    justify-content: space-around;
    padding: 10px;
}

ul.notify-options li a  { 
    background: #555a70;    
    border: 0px;     
    padding: 5px;    
}

ul.notify-options li a:hover { 
    background: #555a70;
}

ul.notify-options li a { 
    color: #FFFFFF;
    font-weight: bold;
}

li.notify-message-none {
    text-align: center;
    padding: 10px;
    background: #daf7ff;
}


/*** Messages View ***/

.messages-thread-container {
    align-content: center;    
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

.messages-thread-container:nth-of-type(odd) {
    background: #f9f9f9;
}

.messages-thread-container:hover {
    background: #ddf7ff;
}

.messages-thread-description {
    max-width: 200px;
}

.messages-thread-type, .messages-thread-users, .messages-thread-preview, .messages-thread-time {
    align-items: center;
    display: flex;    
}

.messages-thread-time {
    margin-left: auto;
    font-size: 13px;
    color: #6d7876;
}

.messages-thread-preview {
    font-weight: normal;
}

.messages-thread-users .avatar-full-desc {
    width: 100%;
}

.message-flex {
    align-items: baseline;
    display: flex;
}

.message-flex span {
    color: #d8d8d8;
}

.message-flex input[type="checkbox"] {
    margin-right: 5px;
}

.include-all-toggle-msg {
    background: #afdeff;
    padding: 10px;
    border-radius: 5px;
}

.message-thread-top {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.messages-group-time {
    color: #e4e1e1;    
    border-bottom: 1px dashed;
    padding-bottom: 8px;
    margin-top: 15px;
    text-align: center;    
}

.messages-thread-options-t {
    color: gray;    
    font-size: 18px;
    padding: 5px;
    transition: all 0.8s;
}

.messages-thread-options-b {
    overflow: hidden;
    height: 0px; 
    margin-bottom: 10px;
}

.messages-thread-options-b.messages-thread-options-expanded {
    overflow: visible;
    height: 60px;   
}

.messages-thread-options-delete {
    padding: 8px;
}

.messages-thread-options-report {
    padding: 8px;
}

.messages-thread-description ul {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
}

.messages-thread-description ul li:first-child {
    border-top: 0px solid #c8c8c8;    
}

.messages-thread-container {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 10px 5px;
}

.messages-thread-description ul li {
    background: rgb(236,244,252);
    background: -moz-linear-gradient(180deg, rgba(236,244,252,1) 0%, rgba(163,220,237,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(236,244,252,1) 0%, rgba(163,220,237,1) 100%);
    background: linear-gradient(180deg, rgba(236,244,252,1) 0%, rgba(163,220,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf4fc",endColorstr="#a3dced",GradientType=1);
    border-top: 1px solid #c8c8c8;
    font-size: 14px;
    padding: 5px;    
}

.messages-thread-description ul li:hover {
    background: #F9FAFC;
    cursor: pointer;
}

a.messages-load-more {
    background: #b5e6f5;
    color: #989898;    
    display: block;
    text-align: center;
    padding: 10px 5px;
    transition: all 0.5s;
}

a.messages-load-more:hover {
    background: #14bdee;
    color: #FFFFFF;    
}

.messages-loaded {
    text-align: center;
    padding: 20px;
    font-style: italic;
    color: #cecbcb;
}

.messages-search-options form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.messages-search-options form div {
    display: flex;
    align-items: center;    
}

.messages-search-options form input {
    margin: 5px !important;
    width: 255px;
}

.msg-txt {
    min-width: 100%;
    min-height: 100px;
}

.message-thread-container {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

.message-thread-read {
    background: #F9FAFC;
}

.message-thread-container .message-wrapper {
    display: flex;
    align-items: center;
}

.message-thread-container .message-body {
    padding: 10px;
}

/* Specials */
.message-body-text table {
    all: unset;
}

.message-thread-container .message-time {
    font-size: 13px;
    color: #6b7073;
}

.message-thread-confidential {
    text-align: center;
    border: 1px solid #d9a0a0;
    background: #fbdbdf;
    padding: 10px;
}

.messages-thread-new {
    background: #dc3737;
    border-radius: 3px;    
    color: #FFFFFF;    
    display: inline-block;
    font-size: 11px;    
    font-weight: normal;
    padding: 3px 5px;
    vertical-align: middle;
    margin-right: 10px;
}

.messages-thread-updated {
    background: #14bdee;
    border-radius: 3px;    
    color: #FFFFFF;    
    display: inline-block;
    font-size: 11px;    
    font-weight: normal;
    padding: 3px 5px;
    vertical-align: middle;
    margin-right: 10px;
}

.messages-thread-flagged {
    background: pink;
    border-radius: 3px;    
    color: #FFFFFF;    
    display: inline-block;
    font-size: 11px;    
    font-weight: normal;
    padding: 3px 5px;
    vertical-align: middle;
}

.messages-thread-body {
    min-height: 600px;
    width: 100%;
    margin-top: 0px;
}

a.btn.messaging-compose {
    font-weight: bold;
    padding: 10px 20px;
    width: 155px;
}

.messages-thread-subject {
    padding: 15px;
    font-weight: bold;
}

.message-thread-subject {
    background: #f3f3f3;
    padding: 15px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.message-bundle-timeline {
    clear: both;
    text-align: center;
    border-bottom: 1px solid #e4e4ea;
    color: #9fa2a6;
    font-size: 14px;
    margin: 20px 0px;
}

#message-thread-display ul li {
    padding: 12px 20px;
    background: #e4e4ea;
    margin: 3px 0px;
    border-radius: 10px;
    display: block;
    clear: both;
}

#message-thread-display {
    overflow-y: scroll;
    max-height: 400px;
}

ul.message-bundle li .avatar-full, ul.message-bundle li .message-body {
    display: inline-block;
    vertical-align: middle;
}

ul.message-bundle li .avatar-full {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

#message-thread-display ul li.message-me {
    background: #e4e4ea;
    float: left;
}

#message-thread-display ul li.message-others {
    background: #e3f4f9;
    float: right;
}

.message-thread-included {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.message-thread-included-show {
    text-align: right;   
}

.message-thread-included-show .btn {
    font-size: 13px;
}

.message-user-connection-status {
    margin: 0px 20px;   
    text-align: center;
}

.message-user-connection-status-is {
    background: #a6ebff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}

.message-user-connection-status-not {
    margin: 20px;
    text-align: center;
    background: #cff4ff;
    padding: 5px;
    border-radius: 5px;
}

.message-user-connection-status-not {
    margin: 20px;
    text-align: center;
    background: #ffc0cb;
    padding: 5px;
    border-radius: 5px;
}

/*** DV Chat ***/

.dvchat {
    bottom: 0px;    
    position: fixed;
    right: 20px;
    z-index: 3;
}

.dvchat-menu {
    background: #FFFFFF;
    border-radius: 5px;    
    box-shadow: 2px 2px 15px #aaaaaa;
    min-height: 200px;
    position: absolute;
    right: 48px;
    text-align: center;
    top: -220px;    
    width: 220px;
    
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;    
}

.dvchat-menu ul {
    padding: 10px;
}

.dvchat-menu ul li {
    margin-bottom: 10px;
    text-align: left;
}

.dvchat-menu ul li a {
    color: #a3a3ad;
    padding: 5px;
    transition: all 0.3s;
}

.dvchat-menu ul li a:hover {
    color: #14bdee;    
}

.dvchat-btn {
    background: #14bdee;
    border-radius: 100%;
    box-shadow: 2px 2px 8px #AAAAAA;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 48px;
    padding: 10px;
    position: relative;
    right: 10px;
    bottom: 10px;
}

a.btn.view-all-messages {
    margin: 10px;
}

.dvchat-btn:hover {
    background: #d8d8d8;
}

.ui-front{z-index:8888 !important; } 
.ui-selectmenu-open {z-index:9999 !important;}

#search-message-rec-finder {
    margin-bottom: 2px !important;
}

.message-search-rec {
    margin-bottom: 20px;
}

.message-edit {
    margin: 1px 2px;
}

ul.messages-send-list {
    background: #eaf2f5;
    margin-bottom: 20px;
    border-radius: 5px;
}

ul.messages-send-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}

a.btn.include_attachment_btn {
    display: block;
    padding: 3px 5px;
    background: gray;
    margin: auto;
    text-align: center;
}

/* jQuery UI Specific */

.ui-widget.ui-widget-content {
    border: 1px solid #14bdee;
    border-radius: 5px;    
    background: #eaf2f5;
}

.ui-widget.ui-widget-content:hover {
    padding: 0px;
}

li.ui-menu-item {
    display: flex;
    align-items: center;
    padding: 10px; 
    transition: all 0.3s;
}

li.ui-menu-item:hover {
    background: #ffed8d;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    border: 0px;
    box-shadow: none;
}

img.messages-avatar-compose.user-avatar-small {
    box-shadow: 0px 0px 1px #AAAAAA;
    border-radius: 100%;
    padding: 0px;
    margin-right: 5px;    
}

img.messages-avatar-compose.user-avatar-small:hover {
    box-shadow: 0px 0px 1px #AAAAAA;    
    border: 0px;
    margin-right: 5px;    
}

/*** jQuery UI ***/

a.ui-state-default {
    text-shadow: 0 0 black !important;
}

.ui-state-default, .ui-button {
    border: 1px solid #d3d3d3;
    background: #14bdee;
    font-weight: normal;
    color: #FFFFFF;
    text-shadow: 0px 0px 2px #333333;
}

.ui-state-default:hover {
    background: #999999;       
}

.ui-accordion-header-active {
    background: #999999;    
}

/*** System Stats ***/

.dv-system-status-1 {
    color: red;
}

.dv-system-status-2 {
    color: green;
}

.dv-system-rm-off {
    color: gray;
}

.dv-system-rm-on {
    color: inherit;
}

.dv-system-hdd {
  animation: blinker 0.05s linear infinite;
  color: green;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.mobile-enabled {
    display: none;
}

/***********************************
*       Responsive Mobile          *
***********************************/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 320px) and (max-width: 1024px) {
/*    .flex-grid {
        display: block;
        text-align: center;
    }
    .user-left-col {
        max-width: 100%;
    }
    .col-width-end {
        margin: 20px;
        max-width: 100%;
    }*/
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width: 900px) {
    .logo img {
        cursor: pointer;
        max-width: 110px;
        padding: 5px 7px;
    }    
    
    div#mail_menu {
        margin-right: 8px;
    }
        
    .divvy-container {
        padding-top: 70px;
    }    
    
    .whitebox.dashboard-create {
        overflow: hidden;
        overflow-x: scroll;
    }
        
       .flex-grid {
            display: block;
            text-align: center;
        }
        .user-left-col {
            max-width: 100%;
        }
        .col-width-end {
            margin: 20px;
            max-width: 100%;
        }    
        
    .user-container-menu-toggle {
            z-index: 6;
    }    
        
    .user-container {
    background: rgb(237,248,252);
    background: -moz-linear-gradient(180deg, rgba(237,248,252,1) 0%, rgba(255,255,255,1) 57%);
    background: -webkit-linear-gradient(180deg, rgba(237,248,252,1) 0%, rgba(255,255,255,1) 57%);
    background: linear-gradient(180deg, rgba(237,248,252,1) 0%, rgba(255,255,255,1) 57%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edf8fc",endColorstr="#ffffff",GradientType=1);
        position: fixed;
        top: 75px;
        box-shadow: 0px 0px 12px #AAAAAA;
        padding: 0px;
        border-radius: 20px;
        width: 98%;  
        z-index: 5;
    } 
    
    .user-container.collapsed {
        overflow: hidden;
        width: 0px; 
        transition: all 0.2s;
    }
    
    ul.user-menu-parent-container {
        overflow-y: scroll;
        height:180px;
    }
    
    .col-width-middle {
        margin: 2px;
    }
    
    .dvchat {
        z-index: 5;
    }
    
    .dvchat-btn {
        right: -3px;
        bottom: 7px;
    }
    
    .view-all-messages {
        display: block;
        width: unset;  
    }
    
    a.btn.view-all-messages {
        margin: 8px;
    }
    
    .learningpod-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .learningpod-below-top {
        margin: 25px 0px;
        padding-left: 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        line-height: 40px;
    }
    
    .learningpod-avatar {
        margin: 2px !important;
    }
    
    .learningpod-top .learningpod-title {
        justify-content: center;
        margin-bottom: 7px;
    }
    
    .learningpod-top-info-type {
        display: inline-block;
        margin: unset;
    }
    
    .learningpod-options span {
        margin: 15px 5px;
        display: inline-block;
    }
    
    .learningpod-middle {
        display: block;
        text-align: center;
    }
    
    .learningpod-description {
        max-width: 100%;
        text-align: center;
    }
    
    .learningpod-image .dropzone {
        margin: auto;
    }
    
    .learningpod-lower {
        display: block;
        text-align: center;
    }
    
    .learningpod-active-members, .learningpod-pending-members {
        text-align: center;
        width: 100%;
    }
    
    #useravatarupload {
        height: 200px;
        margin: auto;
        width: 200px;
    }
    
    .split-flex {
        display: block;
        text-align: center;
    }
    
    .split-right {
        display: block;
        max-width: 100%;
        text-align: center;
    }
    
    .split-right .profile-avatar {
        margin: 40px auto;
    }
    
    .profile-avatar {
        max-width: 100%;
    }
    
    .edit-profile-avatar
    
    {
        
            margin: auto;
    }
    
    .my-settings-container video {
        max-width: 100%;
    }
    
    #form-dashboard {
        text-align: center;
    }
    
    .dashboard-create-row {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .dashboard-icon-card {
        margin: 5px;
    }
    
    #form-dashboard button, #form-dashboard input, #form-dashboard select, #form-dashboard textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 5px auto;
        max-width: 100%;
    }
    
    .dashboard-news-item {
        display: flex;
        justify-content: space-between;
    }
    
    .dashboard-create-row-card-divider, .dashboard-create-row-card-divider-inactive {
        display: none;
    }
    
    
    .dvchat-btn {
        background: #14bdee;
        border-radius: 100%;
        box-shadow: 2px 2px 8px #aaaaaa;
        color: #FFFFFF;
        cursor: pointer;
        font-size: 35px;
        padding: 5px 5px;
        position: relative;
        right: 10px;
        bottom: 10px;
    }
    
    .whitebox.notebox.thirdcol {
        background: rgba(255, 255, 255, 0.89);
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        box-shadow: 0px 0px 10px #D8D8D8;
        margin: 0px 0px;
        padding: 10px;
        position: relative;
        right: unset;
        overflow-y: scroll;
        max-height: unset;
        max-width: 900px;
        top: 100;
        width: 100%;
    }
    
    .user-container-top {
        margin: 3px 0px;
    }    
    
    .messages-search-options form {
        display: block;   
        text-align: center;
    }
    
    .messages-search-options div {
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .whitebox.dashboard-podcasts {
        max-width: unset;
    }      

}

@media (max-width: 600px) {
    .intro-cta-box-container {
        display: block;
    }
    
    ul.user-menu-parent-container {
        height: auto;
    } 
    
    .discussions-insert-file-list ul li {
        align-items: center;
        background: #CCCCCC;
        cursor: pointer;
        display: block;
        padding: 5px;
        text-align: center;
    }

    .discussions-insert-file-list ul li div {
        width: 100%;
        word-break: break-all;
    }  
    
    .discussions-insert-file-list ul li:first-child {
        display: none;
    }    
    
    .leaderboard-item {
        display: block;
    }
    
    .dashboard-search {
        text-align: center;
    }
    
    .dashboard-search-input {
        width: 227px;
        margin: auto;
    }    
    
    .learningpod-banner {
        margin: 30px auto;
    }
    
    .learningpod-discussion-topic-list-container-inner {
        display: block;
        text-align: center;
    }   
    
    .learningpod-discussion-topic-list-container-inner-l {
        max-width: unset;
        width: 100%;
    }    
    
    .learningpod-stream-item {
        display: block;
        text-align: center;
    }  
    
    .learningpod-stream-event.learningpod-stream-event {
        max-width: unset;
    }    
    
    .col.user-left-col {
        position: absolute;
        background: #ffffffbd;
        border-radius: 5px;
        text-align: center;
    }    
    
    .mobile-enabled {
        display: none;
    }    
    
    .lp-submission {
        display: block !important;
    }
    
    .lp-submission-title {
        word-break: break-all;
    }    
    
}

/* Exp */

.gallery-graded {
    background: #e9faff;
    font-size: 18px;
    padding: 40px;
    text-align: center;
}

.gallery-graded-score {
    font-size: 28px;
    font-weight: bold;
}

.gallery-graded-note {
}

.submissions-my-btn.active, .submissions-grading-btn.active {
    background: #999999;    
    color: #FFFFFF;
}

.notyetgraded {
    background: pink;
    color: red;
    padding: 10px 5px;
    border-radius: 5px;
    font-size: 14px;
}

.lp-folder .submissions {
    
}

.lp-submission {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #d8d8d8;
    margin-bottom: 10px;
    padding: 5px 20px;
    border-radius: 3px;
}

.lp-submission-indent {
    width: 100%;
    background: #eaeaea;
}

.lp-submission-indent .lp-submission-avatar {
    display: none;
}

.lp-submission-indent-wrap-divider {
    margin-left: 20px;
}

.lp-submission-indent-wrap {
    display: flex;
}

.lp-submission-grade {
    border-radius: 5px;
    margin: 20px;
    background: #cdf3ff;
    padding: 5px;
}

.lp-submission-grade strong {
    font-size: 20px;
}

.lp-submission-note {
    margin-left: 40px;
    background: #c2e9f5;
    word-break: word;
}

.lp-submission-note-view {
    display: flex;
    text-align: left;
}

.lp-submission-avatar {
    min-width: 80px;    
}

.lp-submission-note-avatar {
    margin: 10px;
    min-width: 80px;
}

.lp-submission-file {

}

.lp-submission-view-file-btn { 
    margin-bottom: 10px !important;   
}

.lp-submission-linkage {
    position: absolute;
    width: 24px;
    background: url(../images/discussion_divider.png) no-repeat center center transparent;
    margin-left: -33px;
    height: 55px;
    margin-top: -25px;
    background-size: contain;
}

.lp-submission-delete {
    margin-top: 10px;
}

input#submission_title {
    display: inline-block;
    margin-top: 5px;
    font-size: 18px;
}

p.submission_check input {
    display: inline-block;
}

.lp-submission-time {
    font-size: 12px;
    color: #807676;
}

.lp-settings-btn {
    margin: 0px 10px;
}

.learningpod-submission-desc p {
    display: inline-block;
}

.learningpod-submission-desc-full {
    background: rgba(255, 255, 255, 0.89);
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #D8D8D8;
    margin: 10px 0px;
    padding: 40px;
}

.learningpod-submissions-title {
    margin: 20px;    
}

.turq {
    color: #0b6280;
    font-weight: bold;
}

.learningpod-submissions-title-l {
    align-items: center;
    display: flex;
    justify-content: center;
}

.learningpod-submissions-title-l div {
    margin: 5px;
}

.learningpod-submissions-title-l .learningpod-avatar {
    margin: unset;
}

.learningpod-submissions-title-r {
    display: flex;
}

.learningpod-submissions-list-container-child-linkage {
    position: absolute;
    width: 24px;
    background: url(../images/discussion_divider.png) no-repeat center center transparent;
    margin-left: 20px;
    height: 180px;
    margin-top: -82px;
    background-size: contain;
}

.learningpod-submissions-list-container-child-linkage-orphan {
    position: absolute;
    width: 24px;
    background: url(../images/discussion_divider_orphan.png) no-repeat center center transparent;
    margin-left: 20px;
    height: 180px;
    margin-top: -25px;
    background-size: contain;
}

.lp-submission.parent {
    background: #afacac;
    z-index: 1 !important;
    position: relative;
}

.lp-submission.child {
    margin-left: 40px;
    background: #f2e3e3;
}

/* EXP */

.tox.tox-silver-sink.tox-tinymce-aux {
    z-index: 10000 !important;
    position: relative !important;
}

.admin-vetting-flex {
    align-items: center;
    display: flex;
    justify-content: center;
}

.admin-vetting-avatar {
    max-width: 200px;
}

.admin-vetting-padding {
    padding: 20px;
}

li.whitebox.submissions-summary-list-item {
    padding: 15px;
}

.my .submissions-summary-list-item-title {
    text-align: left;
}

.submissions-summary-list-item-col-1 {
    font-size: 22px;
}

li.submissions-summary-list-item {
    display: flex;
    align-items: center;
}

.submissions-summary-list-item-submitted {
    font-size: 13px;
}

.submissions-summary-list-item-end {
    font-size: 13px;
    max-width: 150px;
    margin-left: auto;
}

.submissions-summary-list-item-assignment {
    font-size: 15px;
}

.submissions-summary-list-item-grade {
    margin-top: 20px;
    font-size: 18px;
}

.summary-lpbox .summary-gradebox {
}

.summary-lpbox .summary-gradebox:hover {
    background-color: #e1f8ff;   
    cursor: pointer;        
}

.learningpod-banner {
    width: 300px;
    height: 260px;
    border-radius: 5px;
    background-size: cover;
    margin-right: 19px;
    margin-top: 15px;
    max-width: 100%;
}

.learningpod-submissions-summary-list-container-child-linkage {
    position: absolute;
    width: 40px;
    background: url(../images/discussion_divider.png) no-repeat center center transparent;
    margin-left: 10px;
    height: 221px;
    margin-top: -82px;
    background-size: contain;
}

/*** Podcasts ***/

.pc-cards-search {
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
}

.pc-card.mini {
    width: 100%;
    min-width: 190px;
}

.pc-cards-search .pc-card.mini {
    width: 100%;
}

.pc-cards {
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
}

.pc-card {
    max-width: 300px;
    text-align: center;
    box-shadow: 0px 0px 2px #AAAAAA;
    padding: 40px;
    margin: 25px;
    background: linear-gradient(179deg, white, #86abb7);
}

.pc-title {
    font-size: 21px;
    margin-bottom: 30px;
    word-break: break-word;
}

.pc-thumb-mini img {
    max-width: 100px;
}

.pc-desc {
    margin-bottom: 20px;
}

.pc-avatar {
    width: 100%;
    height: 115px;
    margin-bottom: 10px;
    text-align: center;
}

.pc-controls {
    display: flex;
    justify-content: space-between;
}

.pc-controls-l {
    display: flex;
}

.pc-card.mini {
    max-width: 300px;
    text-align: center;
    box-shadow: 0px 0px 2px #AAAAAA;
    padding: 20px;
    margin: 5px;
    background: linear-gradient(179deg, white, #a1c3ce);
}

.mini .pc-title {
    font-size: 16px;
    margin-bottom: 10px;
    word-break: break-word;
}

.mini a.btn {
    background: #326472;
    border: 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #53828c;
    color: #FFFFFF;
    display: inline-block;
    margin: 3px;
    padding: 6px 11px;
    transition: all 0.5s;
}

.pc-no-thumb {
    font-size: 100px;
    color: #c2cfd2;
}

.file_container_transcription {
    padding: 19px;
    background: #d4e4ed;
    border-radius: 5px;
}

.dashboard-news-section-box .pc-cards-search {
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
}

.dashboard-news-section-box .pc-card.mini {
    width: 100%;
}

.dashboard-news-section-box .pc-cards-search .pc-card.mini {
    width: 100%;
}

.dashboard-news-section-box .pc-cards {
    align-items: center;
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
}

.dashboard-news-section-box .pc-container {
    display: block;
}

.dashboard-news-section-box .pc-card {
    max-width: 300px;
    text-align: center;
    box-shadow: 0px 0px 2px #AAAAAA;
    padding: 40px;
    margin: 25px;
    background: linear-gradient(179deg, white, #86abb7);
}

.dashboard-news-section-box .pc-title {
    font-size: 21px;
    margin-bottom: 30px;
    word-break: break-word;
}

.dashboard-news-section-box .pc-thumb-mini img {
    max-width: 100px;
}

.dashboard-news-section-box .pc-desc {
    margin-bottom: 20px;
}

.dashboard-news-section-box .pc-avatar {
    width: 100%;
    height: 115px;
    margin-bottom: 10px;
    text-align: center;
}

.dashboard-news-section-box .pc-controls {
    display: flex;
    justify-content: space-between;
}

.dashboard-news-section-box .pc-controls-l {
    display: flex;
}

.dashboard-news-section-box .pc-card.mini {
    display: flex;
    text-align: center;
    box-shadow: 0px 0px 2px #AAAAAA;
    background: #f3f3f3;
    padding: 10px;
    padding-top: 15px;    
    margin: 5px;
    max-width: unset;
    width: 100%;
}

.dashboard-news-section-box .mini .pc-title {
    font-size: 16px;
    margin: auto;
    margin-bottom: 10px;
    word-break: break-word;
    max-width: 350px;
}

.dashboard-news-section-box .mini a.btn {
    background: #326472;
    border: 0px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #53828c;
    color: #FFFFFF;
    display: inline-block;
    margin: 3px;
    margin-top: 10px;
    padding: 6px 11px;
    transition: all 0.5s;
    width: 100px;
}

#edit_file_exchange input,
#edit_file_exchange select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/*** Digest Specific ***/

.whitebox-ns {
    background: rgba(255, 255, 255, 0.89);
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    margin: 10px 0px;
    padding: 10px;
}

.digest-heading {
    font-size: 22px;
    color: #a0a0a0;
}

.digest-heading-date {
    font-size: 22px;
    color: #a0a0a0;
}

.digest-status.center .whitebox .whitebox-ns {
    cursor: pointer;
    transition: all 0.3s;
}

.digest-status.center .whitebox .whitebox-ns:hover {
    font-size: 19px;
    padding: 20px;
    background: #f0f6f7;
}

.digest-heading-date {
    font-size: 18px;
    color: #a0a0a0;
    margin-bottom: 30px;
}

.lp-view-mini {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.lp-view-mini-item {
    max-width: 100px;
    border: 1px solid #d8d8d8;
    padding: 15px;
    border-radius: 5px;
}

.lp-view-mini-item-avatar {
    background-size: cover;
    background-position: center;
    padding: 30px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.digest-pending-connections-mini {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.digest-pending-connections-mini-item {
    margin: 20px;
}

.digest-dates-mini {
    display: flex;
    justify-content: center;
    align-items: center;
}

.digest-dates-mini-item {
    color: #FFFFFF;
    max-width: 150px;
    border: 1px solid #d8d8d8;
    padding: 15px;
    border-radius: 5px;
    margin: 15px;
}

.digest-dates-mini-item:hover {
    background: #D8D8D8 !important;
    color: #333333 !important;
}

.digest-dates-mini-item-time {
    font-size: 13px;
}

.menu-mini-item {
    color: #FFFFFF;
    font-weight: normal !important;
    font-size: 12px;
    padding-left: 15px;
}

.menu-mini-item-study {
    background: #3a4156;
}

.menu-mini-item-project {
    background: #277C98;
}

.menu-mini-item-class {
    background: #44bfdf;
}

.menu-mini-item-tutor {
    background: #607AE1;
}

.menu-mini-item-study a {
    color: #FFFFFF;
    background: #3a4156;
}

.menu-mini-item-project a {
    color: #FFFFFF;    
    background: #277C98;
}

.menu-mini-item-class a {
    color: #FFFFFF;    
    background: #44bfdf;
}

.menu-mini-item-tutor a {
    color: #FFFFFF;    
    background: #607AE1;
}

.gallery_override_thumb {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #d7d7d7;
    max-width: 300px;
    width: 100%;
}

textarea.copyboardembed {
    min-width: 300px;
}

.profile-mentions {
    padding: 10px;
}

span.prof-avatar {
    background: #9093f1;
    color: #59491a;
    padding: 4px 5px;
    border-radius: 5px;
    font-size: 10px;
    margin-right: 3px;
}

span.hr-avatar {
    background: #ecba12;
    color: #5a5137;
    padding: 4px 5px;
    border-radius: 5px;
    font-size: 10px;
}

span.featured-avatar {
    display: inline-block;
    margin-bottom: 3px;
}

/*exp*/

.featherlight-loading .featherlight-content {
    min-height: 150px;
    min-width: 150px;
    overflow: hidden !important;
    position: relative;
}

.featherlight-loading .featherlight-content .featherlight-close-icon {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: 30px;
    animation: rotation 800ms infinite linear;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-left-color: #14bdee;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    text-indent: -10000px;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}