.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: Poppins, Roboto ,sans-serif;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.alert-info {
    color: #003737;
    background-color: #fff;
    border-color: #003737;
}

.alert-danger {
    color: #003737;
    background-color: #ffbebe;
    border-color: #ffbebe;
}

.alert-success {
    color: #003737;
    background-color: #82a88c;
    border-color: #82a88c;
}

.alert-warning {
    color: #003737;
    background-color: #fff2a5;
    border-color: #fff2a5;
}

.rating .icon {
    color: #E5EBEB;
}
.rating .orange-600 {
    color: #82a88c !important;
}
.like > span,
.like > i {
    font-size: 20px;
    cursor: pointer;
    content: "\f164";
    transition:content 0.5s ease;
}
.like > i {
    cursor: default;
}
.like > span.fa-thumbs-o-up:hover:before,
.like > .fa-thumbs-o-up.active:before {
    color: #005983;
    content: "\f164";
}
.like > span.fa-thumbs-o-down:hover:before,
.like > .fa-thumbs-o-down.active:before {
    color: #A81717;
    content: "\f165";
}
.page-login:before {
    background-image: url("/design/images/login.jpg");
}
.page-login form {
    width: 360px;
    margin: 30px 0;
}
.page-login form a {
    margin-left: 0px;
}
@media (max-width: 767px) {
    .page-login form {
        width: auto;
    }
}
.upload-button-navigation .site-menu-title {
    position:relative;
    top:0;
}
.upload-button-navigation {
    width:80%;
    margin-bottom:5px;
    position:relative;
    margin-left:auto;
    margin-right: auto;
    border-radius:8px;
    background: #ec407a !important;
}
.upload-button-navigation:hover {
    background: #c62d28 !important;
}
.upload-button-navigation a {
    text-align: center;
    color:#003737 !important;
    font-weight: 400;
}
.site-menubar ul {
    margin-top:8px !important;
}
.priceing {
    text-align: center;
    color:white;
    font-weight: bold;
    font-size:23px;
}
.priceing span {
    color:#f2a654;
    font-size:31px;
    font-weight: bold;
}
.priceing-order {
    color:white;
    font-weight: bold;
    font-size:23px;
}
.stitched {
    padding: 20px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    border: 2px dashed #f2a654;
    border-radius: 10px;
}
.step-numberis {
    padding: 4px 20px;
    border: 4px solid #F1F4F5;
    border-radius: 50%;
    left: -34px;
    z-index: 29;
    top: 55px;
    color: #FFF;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
}

.bordered-area {
    margin-left:30px;
    margin-top:-0px;
    padding: 6px;
    text-align: center;
    border-radius: 0px;
    background: transparent url("/images/image-border-2.png") repeat scroll 0% 0%;
}
.bordered-area-wrapper {
    padding: 20px 50px;
    text-align: center;
    background: transparent;
}
.big-font .panel {
    height: 185px;
}
.big-font .panel-body {
    padding:10px;
}
.big-font.col-md-6 {
    padding-left:5px !important;
}
.big-font.col-md-6 .panel {
    border-radius:0 10px 10px 0;
}
.big-font {
    font-size:16px;
    text-align: justify;
    text-justify: inter-word;
}
.pav-name {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size:36px;
    color:#526069;
    font-weight: bold;
}
.file-item {
    width:70%;
    margin-left:auto;
    margin-right:auto;
}
.file-item .file-item-body {
    background:white;
    height:130px;
}
.file-item .file-item-name {
    margin-top:5px;
    margin-bottom:20px;
}
.file-item .file-item-date {
    position:absolute;
    top:10px;
    border-radius:3px;
    border:2px solid #e5e5e5;
    background:white;
    padding:1px 4px;
    left:0;
}
.file-item .file-item-ratio {
    position:absolute;
    top:30px;
    background: #ed2a26;
    color:white;
    font-weight: bold;
    font-size:26px;
    padding:7px;
    right:10px;
}
.file-item-deletes {
    position:absolute;
    cursor:pointer;
    right:45px;
}
.file-item-delete:hover {
    text-decoration: none;
}
.bg-grey {
    background-color: #2c2f43 !important;
}
.navbar-header {
    background-color: #232638 !important;
}
.site-menubar-unfold .site-menu-item {
    width: 80%;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}
.site-menu .site-menu-sub .site-menu-item > a {
    position:relative;
}
.site-menu-title {
    position:relative;
    top:-4px;
    overflow: visible;
}
.icona {
    display: inline-block;
    width:34px !important;
    height:34px;
    position:relative;
    top:10px !important;
    background-repeat:no-repeat;
    background-size: 34px 34px;
    margin-left:25px;
}
.icona.achievements {
    background-image:url('/icon-nav/icon-achievement.png');
}
.icona.edu {
    background-image:url('/icon-nav/educators.png');
}
.icona.sharing {
    background-image:url('/icon-nav/icon-sharing.png');
}
.icona.docs {
    background-image:url('/icon-nav/icon-doc.png');
}
.icona.faq {
    background-image:url('/icon-nav/icon-faq.png');
}
.icona.money {
    background-image:url('/icon-nav/icon-money.png');
}
.icona.api {
    background-image:url('/icon-nav/icon-api.png');
}
.icona.users {
    background-image:url('/icon-nav/icon-users.png');
}

.icona.pro {
    background-image:url('/icon-nav/icon-protection.png');
}

.icona.support {
    background-image:url('/icon-nav/icon-support.png');
}
.site-menubar.site-menubar-light {
    padding-top:30px;
    background-color:#2c2f43;
}

.select2-dropdown {
    color: black !important;
}

.brand {
    /*margin-right:30px;*/
}
.page-email .page-content .panel {
    margin: 0px auto;
    max-width: 660px;
}
.page-email .email-title {
    text-align: center;
    padding: 15px 0px 5px;
}
.page-email .email-more {
    margin-top: 40px;
    padding: 35px 0px 10px;
    text-align: center;
    border-top: 1px solid #E4EAEC;
}
.page-email .email-more-social {
    padding: 20px 0px;
}
.upload-button-navigation i {
    padding-top:15px;

}
.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon {
    width:100%;
}
.tooltip {
    position:absolute;
    z-index: 2147483647;
}
/*.ui-tooltip {
    display:none !important;
    width:1px !important;
    height:1px !important;
    background:red;
}
.ui-helper-hidden-accessible {
    display:none !important;
}*/
.of-files {
    text-align: center;
    font-size:32px;
}
.of-files i {
    color: #e3e3e3;
    text-align: center;
}
.of-files i.active {
    color:#D6494B;
    text-align: center;
}
.fileing {

    color:#cacaca !important;
}
.fileingas-footer a {
    width:25%;
    height:60px;
    border-radius:0;
    font-size:16px;
    padding:16px 0 0;
}
.level-of {
    text-align: center;
    font-size:18px;
    text-transform: uppercase;
    font-weight: bold;
}
.btn-outline.btn-orange {
    color: #FF8C00 !important;
    background-color: transparent;
    border-color: #FF8C00!important;
    transition:color .3s, background-color .3s linear;
}
.btn-outline.btn-orange:hover {
    color: white!important;
    background-color: #FF8C00!important;
    border-color: #FF8C00!important;
}
.btn-outline.btn-boom {
    color: #D6494B!important;
    background-color: transparent;
    border-color: #D6494B !important;
    transition:color .3s, background-color .3s linear;
}
.btn-outline.btn-boom:hover {
    color: white!important;
    background-color:#D6494B !important;
    border-color: #cb3d3d !important;
}
/*.active-fl {
    /*color:#46BE8A !important;*/
/*  color:white !important;
  background: #46BE8A !important;
}*/
.text-orange, .btn-boom {
    color:#FF8C00!important;
}
.text-boom, .btn-boom {
    color:#D6494B !important;
}
.panel-orange .panel-heading {
    background-color: #FF8C00!important;
}
.panel-orange .panel-heading h3 {
    color:white !important;
}
.panel-boom .panel-heading {
    background-color: #D6494B !important;
}
.panel-boom .panel-heading h3,
.panel-inactive .panel-heading h3 {
    color:white !important;
}
.panel-inactive .panel-heading {
    background-color: #9b9b9b;
}

.stroke-success {
    stroke:#3DAE6A !important;
}
.stroke-warning {
    stroke: #F18246 !important;

}
.stroke-orange {
    stroke: #FF8C00!important;
}
.stroke-danger {
    stroke:#F85974!important;
}
.stroke-boom {
    stroke:#D6494B !important;
}
.stroke-innactive {
    stroke: #f3f3f3 !important;
}
.rezulta li {
    list-style-type: none!important;
}
.rezulta li a{
    text-decoration: none!important;
    font-size:16px;
    margin-bottom:10px;
}
.listed-form a {
    border-right:1px solid #e7e7e7;
    padding-left:5px;
    width:25%;
    font-size:42px;
    float:left;
    padding-right:5px;
}
@media (max-width: 767px) {
    .listed-form a {
        font-size: 32px !important;
    }
}
.listed-form a:last-child {
    border-right: none;
}
#refs .refurl {
    font-weight: 500;
}
#contentas-ed i {font-style: normal;}
#file-report [data-cid], .matchtile {background: #FFCDD2 none repeat scroll 0% 0%;  color: #D32F2F; font-style: normal}
#file-report [data-cid] {cursor: pointer;}
#file-report .joinmark {background: #FFE2CD; color: #D3792F; font-style: normal;}
#file-report .citation {background: #D6FFCD; color: #54A643; font-style: normal;}
#file-report .citationis {background: #F9CEFF; color: #9A43A6; font-style: normal;}
#file-report .longword {color: #FFF; background: #D32F2F; font-weight: normal; padding: 0 2px; border-radius: 2px;}
.sticky {
    top: 80px;
    /*right: 30px;*/
    position: fixed;
    width: calc(33.33% - 147px);
    z-index:0;
}
.overlof {
    height:470px;
    width:66.6667%;
    overflow:auto;
}
#content .panel-body {
    padding-top: 0 !important;
}
#item-id {

    border-radius:15px;
}
.rangeUi-pointer {
    border-radius: 50%;
}
.rangeUi-selected {
    background: white !important;
}
.rangeUi-bar {
    background: #cacfd1;
}
.listed-files li {
    padding-right:10px;
    float:left;
}
.overlay {
    overflow: visible !important;
}
.panel-actions .panel-action:hover {
    color: #f6f6f6 !important;
}

#contentas-ed {
    padding:5px; !important;
}
.site-menubar-fold .site-menubar {

}
.nuimamams {
    z-index: 1;
    float: left;
    position: relative;
}
.panel {
    z-index:1 !important;
}

/* FILE LIST PAGE */

.row-nomargin {margin: 0;}

.filePanel {margin-bottom: 30px; background: #fff; border-radius: 3px;padding-bottom: 5px;}
.fileHeader {position: relative; padding: 15px 40px 15px 20px; background: #aaa; color: #fff; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.fileTitle {font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fileAgo {font-size: 12px; opacity: 0.75;}
.fileDel {position: absolute; top: 17px; right: 17px; opacity: 0.5; cursor: pointer;}
.fileDel:hover {opacity: 1;}
.fileShare {position: absolute; top: 17px; right: 47px; opacity: 0.5; cursor: pointer;}
.fileShare:hover {opacity: 1;}
.fileBody {position: relative;  height: 221px;}
.fileBodyBlock1 {width: 32%; display: inline-block; line-height: 0; text-align: center;  border-left: 0px solid #eee; border-bottom: 0px solid #eee; word-wrap: break-word;}
.fileBodyBlock2 {width: 32%; display: inline-block; line-height: 0; text-align: center;  border-left: 0px solid #eee; border-bottom: 0px solid #eee; word-wrap: break-word;}
.fileBodyBlock3 {width: 32%; display: inline-block; line-height: 0; text-align: center;  border-left: 0px solid #eee; word-wrap: break-word;}
.fileBodyBlockPer {font-size: 12px; line-height: 36px; max-height: 36px; text-align: center; background: #eee; border-radius: 18px; padding: 0 5px; display: inline-block; color: #fff; height: 36px; min-width: 36px; margin-bottom: 3px;}
.fileBodyBlockSco {font-size: 12px; line-height: 12px; height: 24px; max-height: 24px; text-align: center;}
.fileBodyPie {width: 150px; margin: auto; padding: 23px 20px 0 20px;}
.fileBodyPieTitle {font-size: 20px; text-align: center; line-height: 18px; padding-top: 10px; font-weight: bolder;}
.fileStars {border-top: 1px solid #eee; padding: 15px 20px 5px 20px;}
.fileStarsSymbols {text-align: center; font-size: 22px; max-height: 34px; min-height: 34px; height: 34px;}
.fileStarsSymbols .passive {color: #ddd;}
.fileStarsTitle {text-transform: uppercase; text-align: center; font-size: 16px; line-height: 18px; height: 36px; max-height: 36px; font-weight: bold;}
.fileButton {width:100%; border:none; cursor: pointer; text-align: center; font-size: larger; line-height: 60px; border-top: 1px solid #eee; font-weight: 400; text-decoration: none;}
.fileButton:hover {background: #F9CD48/*#e7e7e7*/;}
.fileButtons .col-xs-6:nth-of-type(1), .fileButtons .col-xs-6:nth-of-type(3), .fileButtons .col-xs-3 {border-right: 1px solid #eee;}
.fileButtons .col-xs-3:nth-of-type(4) {border-right: none;}
.filePdfwarn {text-align: center; font-size: 12px; line-height: 12px; min-height: 17px; max-height: 17px; padding-bottom: 5px;}
.fileButtons a { color:inherit; }
.fileButtons { margin: 5px 15px !important; }
.fileButton.active { background: #46BE8A; color:#ffffff }
/* Doughnut chart: pie doughnut chart ring */
.pie {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 150px;
    line-height: 100px;
    border-radius: 50%;
    background: #ddd;
    background-image: linear-gradient(to right, transparent 50%, #777 0);
    color: transparent;
    text-align: center;
}

.piehold {position: relative; width: 150px; height:150px;margin-left: -20px;}
.row.listed .piehold {position: relative; width: 50px; height:50px;margin-left: 0px;}

.row.listed .fileButtons {
    margin: 0 !important;
}

.row.listed .fileMatches {
    float: left;
    width: 20%;
}

.pie::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    width: 50%; height: 100%;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: inherit;
}

@keyframes spin {to { transform: rotate(.5turn); }}

@keyframes bg-boom {50% { background: #D6494B; }} 
.filePanel.boom .pie::before {animation: spin 50s linear infinite, bg-boom 100s step-end infinite; animation-play-state: paused; animation-delay: inherit; transform-origin: left;}
.filePanel.boom .pie {background-image: linear-gradient(to right, transparent 50%, #D6494B 0);}

@keyframes bg-success {50% { background: #3DAE6A; }} 
.filePanel.success .pie::before {animation: spin 50s linear infinite, bg-success 100s step-end infinite; animation-play-state: paused; animation-delay: inherit; transform-origin: left;}
.filePanel.success .pie {background-image: linear-gradient(to right, transparent 50%, #3DAE6A 0);}

@keyframes bg-default {50% { background: #999; }} 
.filePanel.default .pie::before {animation: spin 50s linear infinite, bg-default 100s step-end infinite; animation-play-state: paused; animation-delay: inherit; transform-origin: left;}
.filePanel.default .pie {background-image: linear-gradient(to right, transparent 50%, #999 0);}

@keyframes bg-warning {50% { background: #F18246; }} 
.filePanel.warning .pie::before {animation: spin 50s linear infinite, bg-warning 100s step-end infinite; animation-play-state: paused; animation-delay: inherit; transform-origin: left;}
.filePanel.warning .pie {background-image: linear-gradient(to right, transparent 50%, #F18246 0);}

@keyframes bg-orange {50% { background: #FF8C00; }} 
.filePanel.orange .pie::before {animation: spin 50s linear infinite, bg-orange 100s step-end infinite; animation-play-state: paused; animation-delay: inherit; transform-origin: left;}
.filePanel.orange .pie {background-image: linear-gradient(to right, transparent 50%, #FF8C00 0);}

@keyframes bg-danger {50% { background: #F85974; }} 
.filePanel.danger .pie::before {animation: spin 50s linear infinite, bg-danger 100s step-end infinite; animation-play-state: paused; animation-delay: inherit; transform-origin: left;}
.filePanel.danger .pie {background-image: linear-gradient(to right, transparent 50%, #F85974 0);}

.piehold .piehole {
    position: absolute;
    height: 120px;
    width: 120px;
    top: 15px;
    left: 15px;
    background: #fff;
    border-radius: 80px;
    font-size: 26px;
    line-height: 80px;
    text-align: center;
    padding-top: 20px;
}

/* Colors: colors filecolors filelistcolors piecolor doughnutcolor */

.filePanel.boom .fileHeader, .filePanel.boom .fileBodyBlockPer {background: #D6494B;}
.filePanel.boom .fileStars {color: #D6494B;}
.filePanel.success .fileHeader, .filePanel.success .fileBodyBlockPer {background: #449d44;}
.filePanel.success .fileStars {color: #3DAE6A;}
.filePanel.default .fileHeader, .filePanel.default .fileBodyBlockPer {background: #999;}
.filePanel.default .fileStars {color: #999;}
.filePanel.warning .fileHeader, .filePanel.warning .fileBodyBlockPer {background: #F18246;}
.filePanel.warning .fileStars {color: #F18246;}
.filePanel.orange .fileHeader, .filePanel.orange .fileBodyBlockPer {background: #FF8C00;}
.filePanel.orange .fileStars {color: #FF8C00;}
.filePanel.danger .fileHeader, .filePanel.danger .fileBodyBlockPer {background: #F85974;}
.filePanel.danger .fileStars {color: #F85974;}

.fileBodyBlockPer.boom {background: #D6494B!important;}
.fileBodyBlockPer.success {background: #449d44!important;}
.fileBodyBlockPer.orange {background: #FF8C00!important;}

.fileStarsSymbols .boom {color: #D6494B!important;}
.fileStarsSymbols .success {color: #449d44!important;}
.fileStarsSymbols .orange {color: #FF8C00!important;}

/* Spinner */
@-moz-keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}
.tooltip { z-index: 20000 !important; }
.spinner-loader.inactive { animation: none; }

.fileBodyPie .spinner-loader-wrap {height: 100px; width: 100px; text-align: center; padding-top: 30px;}
.fileBodyBlock1 .spinner-loader:not(:required),
.fileBodyBlock2 .spinner-loader:not(:required),
.fileBodyBlock3 .spinner-loader:not(:required) {font-size: 3px;}

.row.listed .col-md-4.col-sm-6 {width: 100%;}
.row.listed .fileHeader, .row.listed .fileBody, .row.listed .fileStars, .row.listed .fileButtons
{float: left; box-sizing: border-box; width: 25%; margin: 0; vertical-align: middle;}
.row.listed .fileHeader {width: 30%;}
.row.listed .fileBody {width: 10%;}
.row.listed .fileStars {width: 15%; border: 0; padding-top: 12px;}
.row.listed .fileButtons {width: 25%;}

.row.listed .filePanel {margin-bottom: 1px;padding: 5px;}
.row.listed .filePanel:after {
    content:'';
    display:block;
    clear: both;
}

.row.listed .fileHeader {background: #fff; color: #333; padding-right: 40px; padding: 15px 20px 15px 40px;}
.row.listed .fileAgo, .row.listed .fileBodyPieTitle, .row.listed .fileStarsTitle, .row.listed .filePdfwarn
{display: none;}
.row.listed .fileDel {left: 17px; top: 18px; width: 20px;}

.row.listed .fileBodyPie {padding: 0; padding-top: 2px;}
.row.listed .pie {height: 50px; width: 50px;}
.row.listed .piehold .piehole {padding:0;height: 40px; width: 40px; top: 5px; left: 5px; border-radius: 20px; font-size: 12px; line-height: 40px;
}

.row.listed .fileBody {position: relative; height: auto;}
.row.listed .fileBodyBlock1 {padding: 0; border: 0; display: inline-block; padding-top: 9px; padding-right: 3px;}
.row.listed .fileBodyBlock2 {padding: 0; border: 0; display: inline-block; padding-top: 9px; padding-right: 3px;}
.row.listed .fileBodyBlock3 {padding: 0; border: 0; display: inline-block; padding-top: 9px; padding-right: 3px;}
.row.listed .fileBodyBlockPer, .row.listed .fileBodyBlockSco {display: inline-block;}
.row.listed .fileBodyBlockSco {display: none;}

.row.listed .col-xs-6.fileButton {display: inline-block; width: auto; padding-right: 5px; padding-left: 5px; border: 0; line-height: 55px;}
.row.listed .fileButtons .row {padding-right: 10px;}
.row.listed .fileButtons .row a {float: right;}

.row.listed .fileBodyPie {width: 50px;height: 50px; }
.row.listed .fileBodyPie .spinner-loader-wrap {height: auto; width: auto; text-align: center; padding-top: 10px;}
.row.listed .fileBodyPie .spinner-loader-wrap .spinner-loader:not(:required) {font-size: 7px;}


.view-big-icons .bicon {text-decoration: none; display: inline-block; font-size: 25px; line-height: 30px; width: 30px;}
.view-big-icons.view {font-size:25px; text-align: center;  height:100%; padding-top:25px;}
.view-big-icons.view .bicon {color:#003737;}
.view-big-icons.view .bicon i.active-fl {color:#0feb73}


.fileButton {position: relative; background: #ec407a;}
.fileButton:hover {cursor: pointer; text-decoration: none; text-underline: none;}
.fileButton .fa_lock {display: none;}
.fileButtons a:hover { text-decoration: none; text-underline: none;}
/*.disabledButton {color: #ccc;}*/
/*.disabledButton:hover {color: #000000}*/
.fileButton {color: #FFFFFF; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;}
.disabledButton .fa_lock, .fileButton .fa_check {display: inline-block; position: absolute; left: 20px; top: 0;}
.disabledButton .fa_check {display: none;}


.row.listed .disabledButton .fa_lock, .row.listed .fileButton .fa_check {display: none;}

.write_us {transition: color 0.5s, linear}
.write_us:hover { color: lightblue; cursor: pointer; }

[data-href] {cursor: pointer;}

.navbar-brand a:hover { text-decoration: none; }

.neutral-link {color: #76838f;}
.neutral-link:link, .neutral-link:hover, .neutral-link:active, .neutral-link:visited {text-decoration: none;}

.notifs-bubble {display: inline-block; color: #fff; background: #ccd5db; width: 22px; height: 22px; text-align: center; border-radius: 11px; font-size: 12px; padding-top: 2px;}


.popover{width:600px;}
.popover-content {padding: 0;}
.popover .list-group a {border-top: 1px solid #eee; font-size: 13px; line-height: 15px;}
.popover .list-group a:first-of-type {border: 0;}
.popover .list-group a .text-muted {color: #ccc; padding: 2px;}
.popover .list-group {margin-bottom: 0; max-height: 300px; overflow-y: auto;}
.popover-footer {text-align: center; border-top: 1px solid #eee;}
.popover-footer a {color: #777; font-size: 12px;}

.notif-bell {max-width: 100px; white-space: nowrap; overflow: hidden; text-align: center;}
.notif-bell .badge {font-size: 10px;
                    position: relative;
                    top: -12px;
                    margin: 0 -1.2em;
                    border-radius: 15px;
                    padding: 3px 7px;
                    background: #FF6360 !important;
                    color: #fff;
                    font-weight: 600;
                    font-family: 'Roboto', sans-serif;
}
.balance-info {
    background-color: #67b7e1 !important;
    padding: 5px !important;
    color: #fff !important;
    margin-top: 17px;
    border-radius: 5px;
}

.api .panel-heading {
    padding: 10px 20px !important;
}
.file-item-delete{
    position: inherit;
    opacity: 1;
}

.protection-block {
    min-height: 38px;
    max-height: 38px;
}

.protection-block .btn {
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
}

.big-file-icon {
    min-height: 646px;
    max-height: 646px;
}

.blink_me {
  animation: blinker 2s linear infinite;
}

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

/* 2024 year updates */

.files-2024-container .files-2018-card {width: 275px;}
.files-2024-container .files-2018-card-header-fatcol {width: 200px;}
.files-2024-container .files-2018-card-header-filename input {max-width: 200px; width: 200px;}
.files-2024-container .files-2018-card-body-skinnycol-right-three {width: 100px;}
.files-2024-container .files-2018-button.files-2018-openreport .files-2018-card-body-skinnycol-right-three {width: 70px;}
.files-2024-container .files-2018-proceed.files-2018-speedup .files-2018-card-body-skinnycol-right-three {width: 95px;}
.files-2024-container .long-item-fatcol {font-size: 12px; line-height: 1; display: inline-block; width: 170px; vertical-align: middle;}
.files-2024-container .long-item-skinnycol {width: 50px; display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 11px;}
.marketing-discount {color: #FF6360; text-decoration: line-through; display: inline-block; margin-right: 4px;}
.files-2024-container .marketing-doi {background: #fff; border: 1px solid #0feb73; border-radius: 4px; margin-bottom: 8px; max-height: 70px; height: 70px; padding: 0;}
.files-2024-container .files-card-warning {outline: 1px solid #D6C008;}
.files-2024-container .files-card-danger {outline: 1px solid #FF636040;} 
.files-2024-container .files-card-warning {outline: 1px solid #D6C00840;}
.files-2024-container .files-card-warning .files-2018-card-body,
    .files-2024-container .files-card-warning .files-2018-card-body-services,
    .files-2024-container .files-card-warning .files-2018-card-header {background: #FFFCEB;} 
.files-2024-container .files-card-danger .files-2018-card-body,
    .files-2024-container .files-card-danger .files-2018-card-body-services,
    .files-2024-container .files-card-danger .files-2018-card-header {background: #FDEDEE;} 
.files-2024-container .files-error-top {height: 220px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center}
.files-2024-container .files-error-top, .files-2024-container .files-error-bottom {color: #003737;}
.link-button-warning, .link-button-danger {font-weight: 600;}
.link-button-warning {color: #D6C008;}
.link-button-danger {color: #B73D31;}
.link-button-warning:hover, .link-button-danger:hover,
.link-button-warning:active, .link-button-danger:active,
.link-button-warning:focus, .link-button-danger:focus {text-decoration: underline;}

/* 2018 year updates */

.files-2018-card {display: inline-block; width: 225px; text-align: left; margin: 10px;}
.files-2018-card-header {background: #F8F8F8; padding: 5px 10px; color: #fff; border-top-right-radius: 8px; border-top-left-radius: 8px;}
.files-2018-card-header-fatcol {display: inline-block; width: 150px; vertical-align: middle;}
.files-2018-card-header-skinnycol {display: inline-block; width: 50px; vertical-align: middle; opacity: 0.75;}
.files-2018-card-header-skinnycol:hover {opacity: 1;}
.files-2018-card-header-filename {width: 150px; line-height: 20px;}
.files-2018-card-header-filename input {padding: 0; margin: 0; border: 0; background: transparent; max-width: 150px;}
.files-2018-card-header-ago {font-size: 11px; line-height: 14px; opacity: 0.75;}
.files-2018-card-body {background: #F8F8F8; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; height: 442px; max-height: 442px; overflow: hidden;}
.files-2018-card-body-fatcol {display: inline-block; width: 150px; vertical-align: middle; margin-left: 10px;}
.files-2018-card-body-skinnycol {display: inline-block; width: 40px; line-height: 40px; vertical-align: middle; text-align: center; background: #eee;}
.files-2018-card-body-small {font-size: 11px; line-height: 14px;}
@media only screen and (max-width: 565px) {
    .files-2018-container {text-align: center;}
}
.files-2018-card-body-fatcol-sm {display: inline-block; width: 150px; vertical-align: middle; font-size: 11px; line-height: 11px;}
.files-2018-card-body-skinnycol-sm {display: inline-block; width: 40px; vertical-align: middle; margin-left: 10px; font-size: 11px; line-height: 11px; text-align: right}
.files-2018-card-body-holder-sm {line-height: 14px;}

.files-2018-card-body-fatcol-three {display: inline-block; width: 120px; vertical-align: middle; font-size: 13px;}
.files-2018-card-body-skinnycol-left-three {display: inline-block; width: 20px; vertical-align: middle; font-size: 14px; text-align: right}
.files-2018-card-body-skinnycol-right-three {display: inline-block; width: 50px; vertical-align: middle; margin-left: 10px; font-size: 11px; text-align: right}
.files-2018-card-body-skinnycol-left-three-larger {display: inline-block; width: 25px; vertical-align: middle; font-size: 14px; text-align: right}

.files-2018-button, .files-2018-button-disabled {transition: background-color 0.25s ease; display: block; color: #7c9594; text-decoration: none; padding: 3px 0 3px 5px;}
.files-2018-button:hover, .files-2018-button:focus, .files-2018-button:active {text-decoration: none; color: #003737;}

.files-2018-button.files-2018-button-long, .files-2018-button-disabled.files-2018-button-long {padding-right: 0; padding-left: 0;}

.files-2018-proceed {transition: background-color 0.25s ease; display: block; color: #fff; text-decoration: none; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; background: #03CEA4; border-radius: 4px;  font-size: 11px;
    font-weight: 600; text-transform: uppercase;}
.files-2018-proceed:hover, .files-2018-proceed:focus, .files-2018-proceed:active {text-decoration: none; color: #fff; background: #30D6B4;}
.files-2018-button-pointer {cursor: pointer;}
.files-2018-proceed-disabled {display: block; color: #fff; text-decoration: none; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; background: #aaa; border-radius: 4px;}

.files-2018-speedup {position: absolute; bottom: 0;}
.files-2018-double-line {display: inline-block; line-height: 50%;}
.files-2018-double-line-small {display: inline-block; font-size: 60%; color: red; text-transform: uppercase; font-weight: bold;}
.files-2018-double-line-big {font-size: 70%;}

.files-2018-m0 {margin: 0px;}
.files-2018-mtb5 {margin: 5px 0px;}
.files-2018-pt5 {padding-top: 5px;}

.files-2018-bg-danger {background: #DA4167; color: #fff;}
.files-2018-text-danger {color: #FFADAD;}
.files-2018-bg-warning {background: #FF9B71; color: #fff;}
.files-2018-text-warning {color: #FFEA70;}
.files-2018-bg-success {background: #1B998B; color: #fff;}
.files-2018-text-success, .files-2018-text-info {color: #82a88c;}
.files-2018-bg-disabled {background: #aaa; color: #fff;}
.files-2018-text-disabled, .files-2018-button-disabled {opacity: 0.5;}

.files-2018-small-label {display: inline-block; font-size: 11px; padding-right: 5px; padding-left: 5px;}

.files-2018-timer {text-transform: uppercase; padding-top: 2px; padding-bottom: 11px; text-align: center;}

.files-2018-card-body-info, .files-2018-card-body-FS {padding: 10px; background: #fff;}
.files-2018-card-body-services {position: relative; background: #F8F8F8; color: #7c9594; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 10px; padding-bottom: 0px; height: 324px; max-height: 324px; overflow: hidden;}

.files-2018-openreport {position: absolute; bottom: 0; transition: background-color 0.25s ease; border: 0; color: #fff; text-decoration: none; background: #03CEA4; border-radius: 4px; padding-top: 5px; padding-bottom: 5px; margin-top: 3px;  font-size: 11px;
    font-weight: 600; text-transform: uppercase;}
.files-2018-openreport:hover, .files-2018-openreport:focus, .files-2018-openreport:active {text-decoration: none; color: #fff; background: #30D6B4;}

.files-2018-service-item {min-height: 23px, max-height: 23px; height: 23px; font-size: 13px;}

[data-changepriority], [data-changedeep], [data-changespeedup], .files-2018-proceed, .files-2018-card-body-info, .files-2018-card-body-FS, .fileDel-2018, .popup-priority, .popup-deep, .popup-doi, .popup-grammar, .popup-standard {cursor: pointer;}

.blinker {animation: blinker 1.5s linear infinite;}
@keyframes blinker {50% {opacity: 0;}}

.files-2018-progress {margin: 2px 0 54px 0;}
.files-2018-card .progress {background: #ddd;}

.cd-popup-2018 .cd-popup-container p {margin: 0; padding: 40px 0 30px 0;}
.cd-popup-2018 .cd-popup-container .cd-buttons li:first-child a,
.cd-popup-2018 .cd-popup-container .cd-buttons li:first-child a:hover
    {background: #DA4167; text-transform: capitalize;}
.cd-popup-2018 .cd-popup-container .cd-buttons li:last-child a,
.cd-popup-2018 .cd-popup-container .cd-buttons li:last-child a:hover
    {background: #aaa; text-transform: capitalize;}

.files-2018-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 55, 55, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 2000;
}
.files-2018-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.files-2018-text-normal {font-size: 100%;}

.files-2018-badge {border-radius: 0}
.files-2018-badge.files-2018-bg-warning {background: #FF9B71; color: #fff;}

/* Grammar */

.gram-view .mark {display: inline-block; padding: 0 5px; border-radius: 5px; border-top: 1px solid #fff;}
.gram-view .clickable {cursor: pointer;}

.gram-view .morph {cursor: pointer; background: #eee; color: #aaa; border-left: 1px solid #fff; padding: 0 2px; font-size: 11px; text-transform: uppercase;}
.gram-view .morph-verb {background: #FFEBEE; color: #F44336;}
.gram-view .morph-adverb {background: #F3E5F5; color: #9C27B0;}
.gram-view .morph-noun {background: #E3F2FD; color: #2196F3;}
.gram-view .morph-adjective {background: #F1F8E9; color: #8BC34A;}

.gram-view .morph-pronoun {background: #E0F7FA; color: #00BCD4;}
.gram-view .morph-conjunction {background: #FFFDE7; color: #FFEB3B;}
.gram-view .morph-preposition {background: #FFF3E0; color: #FF9800;}
.gram-view .morph-particle {background: #FFF8E1; color: #FFC107;}
.gram-view .morph-interjection, .gram-view .morph-verbal {background: #F9FBE7; color: #CDDC39;}
.gram-view .morph-missing {background: #000; color: #fff;}

.gram-view .morph-numeral {background: #EFEBE9; color: #795548;}

.gram-view .morph-undefined {background: #777; color: #eee;}

.gram-view .morph.grammar1-predicate {background: #FFEBEE; color: #F44336;}
.gram-view .morph.grammar1-subject {background: #E3F2FD; color: #2196F3;}

.gram-view .under_red {
    border-bottom: 2px solid #F44336;
    display: inline-block;
}
.gram-view .under_green {
    border-bottom: 2px solid #8BC34A;
    display: inline-block;
}

.gram-view .gcandidates {line-height: 30px; background: #F1F8E9; color: #8BC34A; padding: 0 10px;}

.gram-view .joined-label {font-size: 70%; padding: 2px; vertical-align: 2px;}

.gram-view .hardbad, .gram-view .alert.alert-danger {background: #FFEBEE; color: #F44336;}
.gram-view .softbad, .gram-view .alert.alert-warning, .confbad {background: #D8F8FE; color: #28c6e7;}
.gram-view .alert.alert-warning.alert-conf {background: #D8F8FE; color: #28c6e7; border-color: #28c6e7;}
.gram-view .alert-warning.alert-conf hr {border-color: #28c6e7;}
.gram-view .medibad, .gram-view .alert.alert-warning.alert-medium {background: #FFF3E0; color: #FF9800;}
.gram-view .grambad, .gram-view .alert.alert-success {background: #F1F8E9; color: #8BC34A;}

.gram-view .equibad, .gram-view .alert.alert-warning.alert-equi {background: #ccfad0; color: #4CAF50;}
.gram-view .avoibad, .gram-view .alert.alert-warning.alert-avoi {background: #ffd96970; color: #f6675d;}
.gram-view .secobad, .gram-view .alert.alert-warning.alert-seco {background: #faf9cc; color: #4caf50;}

#candidates .alert {max-height: 300px; overflow-y: auto;}

.gram-view .table-rule {width: 100%; font-size: 95%;}
.gram-view .table-rule th {font-weight: normal;}
.gram-view .table-rule tr:first-of-type th {padding: 2px 0;}
.gram-view .table-rule th {padding: 1px 0;}
.gram-view .alert-danger .table-rule tr:first-of-type th {background: #a94442; color: #f2dede;}
.gram-view .alert-danger .table-rule th {background: #DFB7B7;}
.gram-view .table-rule td {padding: 2px 0;}
.gram-view .alert-danger .table-rule td {border-bottom: 1px solid #a94442;}
.gram-view .alert-danger .table-rule th {border-bottom: 1px solid #f2dede;}
.gram-view .table-rule-name {font-size: 90%; line-height: 90%; font-style: italic; margin-bottom: 5px;}

.gram-view .alert {border: 0;}
.gram-view .ref-alert {margin-right: 15px;}
.gram-view .alert-ad {background: #28c6e7; color: #fff;}
.gram-view .btn-gramad {background: #fff; color: #28c6e7; border: 0; padding: 2px 10px 5px 10px;}
.gram-view .btn-gramad .files-2018-bg-warning {font-size: 60%; padding: 1px 3px 0px 3px; position: relative; right: -10px;}

.gram-view #refs .list-group-item {background: #fff; border-color: #eee; margin-right: 15px;}


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

ul.chat li {
    display: block;
    padding: 10px;
    border-radius: 20px;
    margin: 10px 0;
    font-size: 13px;
}

ul.chat li.chat-message-admin {
    background: #f8f2f0;
    margin-right: 100px;
    border-top-left-radius: 0;
}

ul.chat li.chat-message-editor {
    background: #f8f2f0;
    margin-right: 100px;
    border-top-left-radius: 0;
}

ul.chat li.chat-message-customer {
    background: #0feb73;
    margin-left: 100px;
    border-bottom-right-radius: 0;
}

.navbar-brand a {text-decoration: none;}
.navbar-brand a:link {text-decoration: none;}
.navbar-brand a:visited {text-decoration: none;}
.navbar-brand a:active {text-decoration: none;}
.navbar-brand a:focus {text-decoration: none;}



.lds-spinner {
  color: #fff;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.lds-spinner div {
  transform-origin: 20px 20px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 1.5px;
  left: 18.5px;
  width: 3px;
  height: 9px;
  border-radius: 20%;
  background: #000;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* 2021 updates */

body {font-family: 'Poppins', 'Roboto'; color: #3e6665;}

nav, .site-navbar .navbar-header .navbar-brand {font-family: 'Poppins', 'Roboto';}

.navbar-default {background-color: #fff !important; box-shadow: none;}
.navbar-header {background-color: #fff !important; color: #2c3044;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #2c3044;}
.navbar-brand {width: 100%; text-align: center; padding-left: 40px;}

.site-navbar .navbar-header .navbar-toggle {color: #2c3044;}

.brand-text {color: #2c3044; vertical-align: top;}

.site-menubar {z-index: 10;}
.site-menubar.site-menubar-light {background: #fff;}
.site-menubar.site-menubar-light {box-shadow: 0 -5px 10px rgba(0,0,0,0.1);}
.navbar-brand {box-shadow: 0 5px 10px rgba(0,0,0,0.1); clip-path: inset(0px -10px 0px 0px); font-weight: 500; font-size: 17px;}

@media(max-width:769px) {
    .navbar-brand {width: auto; text-align: left; box-shadow: none; padding-left: 0px; padding-right: 0px;}
    .brand-text {font-size: 90%;}
}

.navbar-inverse .navbar-toolbar > li > a,
.navbar-inverse .navbar-toolbar > li > a:visited,
.navbar-inverse .navbar-toolbar > li > a:hover,
.navbar-inverse .navbar-toolbar > li > a:focus,
.navbar-inverse .navbar-toolbar > li > a:active {color: #003737; text-transform: uppercase; font-weight: 500; max-height: 66px;}

.navbar-inverse .navbar-toolbar > li > a:hover, .navbar-inverse .navbar-toolbar > li > a:focus, .navbar-inverse .navbar-toolbar > li > a:active,
.navbar-inverse .navbar-toolbar > .open > a, .navbar-inverse .navbar-toolbar > .open > a:hover, .navbar-inverse .navbar-toolbar > .open > a:focus {background: transparent;}

.notif-bell svg {fill: #003737; stroke: #003737;}
.header-balance-info {color: #003737; border-color: #003737;}

.header-balance-info {border: 1.7px solid #4a4e5f; font-size: 80%; padding: 0 14px; border-radius: 12px; line-height: 18px; font-weight: 600;}

.page {background-color: #fff;}

@media(min-width:769px) and (max-width:1200px) {
    .brand-text {display: none;}
    .navbar-brand {padding-left:  20px;}
}

.profile-menu-icon {height: 20px; vertical-align: -6px;}

.site-menu-icon {fill: #003737;}

.site-menubar-unfold .site-menu > .site-menu-item > a {line-height: 26px;}
.site-menubar-unfold .site-menu-icon {font-size: 26px; vertical-align: -3px; margin-right: 8px; margin-top: 8px;}
.site-menubar-unfold .site-menu > .site-menu-item > a .site-menu-title {font-size: 92%; font-weight: 600; font-family: 'Poppins', 'Roboto'; color: #003737; max-width: 180px;}
.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon {height: 26px; margin-top: 13px;}

.site-menubar-fold .site-menu > .upload-button-navigation.site-menu-item > a {height: 36px; line-height: 36px;}
.site-menubar-light .site-menu > .site-menu-item.active {border: 0;}
.upload-button-navigation.site-menu-item {width: 80%; line-height: 36px; max-height: 36px; border-radius: 18px; text-transform: none!important; background-color: #0feb73 !important; margin-bottom: 30px;}
.site-menubar-unfold .site-menu > .upload-button-navigation.site-menu-item > a {line-height: 24px; padding: 5px 0; width: 100%!important;}
.upload-button-navigation.site-menu-item:hover,
.upload-button-navigation.site-menu-item:focus,
.upload-button-navigation.site-menu-item:active {background-color: #2cf285 !important;}
.left-menu-upload-icon {height: 24px; width: 24px; vertical-align: -5px;}
.site-menubar-unfold .left-menu-upload-icon.site-menu-icon {margin-right: 6px; margin-top: 0; vertical-align: -6px;}
.site-menubar-unfold .site-menu > .upload-button-navigation.site-menu-item > a .site-menu-title {color: #003737; font-weight: 600; line-height: 24px;}
.site-menubar-unfold .site-menu > .upload-button-navigation.site-menu-item > a svg {fill: #003737; stroke: #003737;}
.site-menubar-fold .site-menu > .upload-button-navigation.site-menu-item > a .site-menu-icon {margin-top: 0px; height: 24px; margin-top: 5px;}

.notif-bell .badge {background: #ec417a; top: -15px; margin: 0 -1.3em; padding: 0 6px; min-width: 18px; line-height: 18px;}
.site-menu-item .label.label-danger {font-size: 10px; border-radius: 15px; padding: 0 6px; line-height: 18px; min-width: 18px; background: #FF6360; display: inline-block; color: #fff; font-weight: 600;}

@media(min-width:769px) and (max-width:1200px) {
    .site-menu-item .site-menu-title {font-size: 75%; font-weight: 500; font-family: 'Poppins', 'Roboto';}
    .upload-button-navigation .left-menu-upload-icon {margin-top: 5px;}
    .site-menu-item .label.label-danger {position: absolute; right: 3px; top: 3px;}
}

.site-menubar-unfold .site-menu > .site-menu-item-disabled {font-family: 'Poppins', 'Roboto'; font-weight: 600; color: #4a4e5f; opacity: 30%;}
.site-menubar-unfold .site-menu > .site-menu-item-disabled:hover {background: transparent; color: #4a4e5f;}

.rating-label {padding-top: 20px; line-height: 15px; font-weight: 600; font-family: 'Poppins', 'Roboto'; color: #003737; font-size: 70%;}
.free-credits-label * {vertical-align: middle;}
.free-credits-label {padding-top: 0;}
.free-credits-label a {color: #0084ff;}
.free-credits-label a:hover, .free-credits-label a:active, .free-credits-label a:focus {color: #1F93FF}

.site-menu .site-menu-sub .site-menu-item > a {font-size: 92%; font-weight: 600; font-family: 'Poppins', 'Roboto'; color: #4a4e5f; margin-left: 10px;}

.site-menu-title.site-menu-title-educator {
    white-space: normal!important;
    width: 100%;
}

.site-menu-title-educator-text-wrap {
    display: flex;
    height: 40px;
    align-items: center;
    gap: 4px;
}

.site-menu-title-educator-text {
    display: flex;
    line-height: 16px;
    flex: 1;
    height: 40px;
    align-items: center;
}

.site-menubar-unfold .site-menu-title-educator-text {
    font-size: 13.5px;
}

.site-menubar-fold .site-menu-title-educator-text {
    width: 82px;
    justify-content: center;
}

.site-menu-title-educator-limit {
    width: 50px;
    font-size: 12px;
    font-weight: 400 !important;
    color: #003737;
    border-radius: 8px;
    line-height: 25px;
    padding-right: 8px;
    padding-left: 8px;
    background: #CFFBE3;
    text-align: center;
}

.site-menu-title-educator-limit.edu-limit-danger {
    background: #FDEDEE;
}

.site-menubar-fold .site-menu-title-educator-limit {
    display: none;
}

.site-menubar-fold .site-menu-title.site-menu-title-educator {
    height: 60px;
    display: flex;
    align-items: center;
    color: #003737;
    padding: 4px;
}

.panel {box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.files-2018-card {box-shadow: none; border-radius: 8px; outline: 1px solid #EBECF2;}
.files-2018-card-header {background: #F8F8F8; color: #003737;}
.files-2018-card-body-fatcol-three {font-size: 12px; line-height: 1}
.files-2018-double-line-bigx, .files-2018-proceed {font-size: 12px;}
.files-2018-proceed {line-height: 22px;}
.files-2018-openreport, .files-2018-proceed {background: #0feb73; border-radius: 22px; color: #003737;}
.files-2018-openreport:active, .files-2018-openreport:focus, .files-2018-openreport:hover,
.files-2018-proceed:active, .files-2018-proceed:focus, .files-2018-proceed:hover {background: #2cf285; color: #003737;}
.files-2018-card-body-skinnycol-right-three.files-2018-bg-warning {background: #fff; color: #003737; line-height: 19px; font-weight: normal;}
.files-2018-button.files-2018-openreport .files-2018-card-body-skinnycol-left-three { width: 35px;}
.files-2018-button.files-2018-openreport .files-2018-card-body-fatcol-three {width: 140px; text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.files-2018-button.files-2018-openreport .files-2018-card-body-skinnycol-right-three {width: 20px; margin-left: 5px}
.files-2018-proceed.files-2018-speedup .files-2018-card-body-skinnycol-left-three-larger { width: 35px;}
.files-2018-proceed.files-2018-speedup .files-2018-card-body-fatcol-three {width: 110px; text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.files-2018-proceed.files-2018-speedup .files-2018-card-body-skinnycol-right-three {width: 45px; margin-left: 5px; margin-left: 5px;}


.files-2018-bg-danger {background: #EC427A; color: #fff;}
.files-2018-bg-warning {background: #EBBA35; color: #fff; border-radius: 11px}
.files-2018-bg-success {background: #46BE8A; color: #fff;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus,.pagination > .active > span:focus {
    background-color: #003737; border-color: #003737;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #003737;}
.pagination > li > a, .pagination > li > span {border: 0;}

.panel-2021 .panel-heading, .panel-default > .panel-heading {background: #f8f2f0; border: none;}
.panel-2021 .panel-title, .panel-default > .panel-heading .panel-title {color: #003737;}
.panel-2021-danger .panel-heading {background: #ffbebe;}
.panel-2021-child .panel-heading {background: #f8f2f0; font-weight: 500;}
.panel-2021-child .panel-heading a strong {font-weight: 500;}
.panel-2021-child .panel-title {color: #003737;}
.panel-2021-child .panel-title a:hover, .panel-2021-child .panel-title a:focus, .panel-2021-child .panel-title a:active {color: #003737;}
.panel-2021-child .panel-body a {color: #0feb73;}

.btn-2021, .btn-2021-default, .btn-2021-danger, .btn-2021-success, .btn-2021-warning {border-radius: 18px; border: 0; color: #003737; text-transform: uppercase; font-weight: 600;}
.btn-2021 {background: #0feb73 !important;}
.btn-2021-danger {background: #ffbebe !important;}
.btn-2021-success {background: #0feb73 !important;}
.btn-2021-warning {background: #fff2a5 !important;}
.btn-2021-default {background: #f8f2f0 !important;}

.btn-2021:active, .btn-2021:hover, .btn-2021:focus {background-color: #2cf285 !important; color: #003737;}
.btn-2021-danger:active, .btn-2021-danger:hover, .btn-2021-danger:focus {background-color: #ffd6d6 !important; color: #003737;}
.btn-2021-success:active, .btn-2021-success:hover, .btn-2021-success:focus {background-color: #2cf285 !important; color: #003737;}
.btn-2021-warning:active, .btn-2021-warning:hover, .btn-2021-warning:focus {background-color: #fff6c2 !important; color: #003737;}
.btn-2021.btn-disabled {color: #003737;}
.btn-2021-default:hover, .btn-2021-default:active, .btn-2021-default:focus {color: #003737 !important;}

.label-2021 {background: #EC417A; border: 0; padding: .25em 1em .25em; border-radius: 11px;}

.input-group-addon {background-color: #fafdff;}

.table-borderless.table > tbody > tr > td, .table-borderless.table > tbody > tr > th, .table-borderless.table > thead > tr > th {border: 0;}
.table-borderless.table > tbody > tr > th, .table-borderless.table > thead > tr > th {border-bottom: 1px solid #e4eaec;}

.text-success {color: #82a88c !important;}
.text-danger {color: #FFADAD !important;}
.text-warning {color: #FFEA70 !important;}

.refurl a {color: #1F93FF;;}
.refurl {margin: 22px 0;}

.pagination > li > a, .pagination > li > span {
    border: 0;
    min-width: 40px;
    text-align: center;
    border-radius: 20px;
}

/* Educator */

.educator-shared-table-row {
background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 5px 10px #00000029; border-radius: 10px; padding: 11.5px 33px; font-size: 15px; margin-bottom: 13px;
}
.educator-shared-table-headrow {
padding: 11.5px 33px; font-size: 15px;
}
.educator-shared-table-row-single-line {
line-height: 46px;
max-height: 46px;
}
.educator-shared-table-row a {
color: #707070;
text-decoration: none;
}
.educator-shared-table-row-score {
height: 43px; width: 43px; text-align: center; line-height: 43px; color: #fff; background-color: #FD6969; border-radius: 22px; margin: 0 auto;
}
.educator-shared-table-row-score-danger {background-color: #ffbebe; color: #003737;}
.educator-shared-table-row-score-success {background-color: #82a88c; color: #003737;}
.educator-shared-table-row-score-warning {background-color: #fff2a5; color: #003737;}
.educator-shared-table-row-trash {margin-top: 7px;}

@media (max-width: 992px) {  
.educator-shared-table-headrow {display: none;}
.educator-shared-table-row-score {margin-top: 10px;}
}

.educator-head {padding-bottom: 67px;}
.educator-head .h2 {margin-top: 12px;}

.educator-panel {padding: 34px 42px;}

.educator-divider-accented {border-bottom: 1px solid #0feb73;}

.page-content.page-content-educator {padding: 30px 60px;}

.educator-alert-info {padding: 34px; padding-bottom: 23px; border-radius: 23px; background: #f8f2f0; color: #003737; text-align: center;} 
.educator-alert-info a {text-decoration: none;}
.educator-alert-info .alert-link {color: #0feb73 !important;}

.continue-animate, .continue-animate:hover {
    background-image: url('/images/tests/continue-arrow-white.svg');
    background-size: 20px 32px;
    -webkit-transition: width 3s ease;
    -moz-transition: width 3s ease;
    -o-transition: width 3s ease;
    transition: width 3s ease;
    animation: progress-bar-stripes 2s linear infinite;
    animation-direction: reverse;
}

.files-2018-card-body .files-2018-card-body-skinnycol-right-three.files-2018-bg-warning {padding-top: 2px;}

.tooltip-inner {background: #003737; border-radius: 8px; line-height: 1.25;}

.site-menubar-light .site-menu > .site-menu-item.hover, .site-menubar-light .site-menu > .site-menu-item:hover {background-color: #E5EBEB;}

.form-control {border-color: #f8f2f0; color: #003737;}
.form-control.focus, .form-control:focus {border-color: #0feb73;}

.nav-tabs>li>a {color: #003737;}
.nav-tabs-line > li.active > a, .nav-tabs-line > li.active > a:hover, .nav-tabs-line > li.active > a:focus {color: #0feb73; border-bottom-color: #0feb73;}
.nav-tabs-line a {color: #003737; text-transform: uppercase; font-weight: 500; font-size: 14px;}

.nav .dropdown-menu.dropdown-menu-right {border: none; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); border-radius: 16px; padding: 4px 24px 16px 24px ;}
.nav .dropdown-menu-header {background: transparent; border: none; padding-bottom: 8px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #E5EBEB; border-radius: 8px;}

.files-2018-bg-warning.files-2018-price-inverted {background: #F8F8F8 !important;}

.files-2018-card-body-skinnycol-right-three .label.label-danger {background: #ffbebe; color: #003737;}

.cd-popup-2018 .cd-popup-container .cd-buttons li:first-child a, .cd-popup-2018 .cd-popup-container .cd-buttons li:first-child a:hover {background: #ffbebe; color: #003737;}
.cd-popup-2018 .cd-popup-container .cd-buttons li:last-child a, .cd-popup-2018 .cd-popup-container .cd-buttons li:last-child a:hover {background: #f8f2f0; color: #003737;}
.cd-popup {background-color: rgba(0, 55, 55, 0.9);}

.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {height: 1px; background-color: #003737;}

.speech-small-danger-box {max-width: 300px; margin: 0 auto; line-height: 20px; font-family: Poppins, Roboto ,sans-serif;}
.speech-small-danger-box-main {display: flex; width: 100%; background: #ffbebe; padding: 8px 16px; border-radius: 19px;}
.speech-small-danger-head-wrap {width: 28px;}
.speech-small-danger-text-wrap {flex: 1; font-weight: 500; font-size: 14px; line-height: 20px; color: #003737; padding-top: 4px;}
.speech-small-danger-speaker {display: inline-block; font-size: 13px; line-height: 15px; padding-top: 8px; font-weight: 500; padding-right: 4px;}
.speech-small-danger-tail {display: block; width: 100%; padding: 0 16px; color: #003737;}
.speech-small-danger-tail * {vertical-align: middle;}

.speech-small-success-box {max-width: 300px; margin: 0 auto; line-height: 20px; font-family: Poppins, Roboto ,sans-serif;}
.speech-small-success-box-main {display: flex; width: 100%; background: #0feb73; padding: 8px 16px; border-radius: 19px;}
.speech-small-success-head-wrap {width: 28px;}
.speech-small-success-text-wrap {flex: 1; font-weight: 500; font-size: 14px; line-height: 20px; color: #003737; padding-top: 4px;}
.speech-small-success-speaker {display: inline-block; font-size: 13px; line-height: 15px; padding-top: 8px; font-weight: 500; padding-right: 4px;}
.speech-small-success-tail {display: block; width: 100%; padding: 0 16px; color: #003737;}
.speech-small-success-tail * {vertical-align: middle;}

.site-menu-item-sup {
    text-transform: uppercase;
    background: transparent;
    color: #FF6360;
    padding: 0;
    border-radius: 0;
    font-size: 9px;
    vertical-align: 2px;
    top: 0;
    right: -16px;
    position: absolute;
}

.site-footer {background: transparent;}

.files-2018-testdoi-popup .cd-popup-container {border-radius: 16px; background: #fff; padding: 40px; width: auto; min-width: 500px;}
.files-2018-testdeep-popup .cd-popup-container {border-radius: 16px; background: #fff; padding: 40px; min-width: 470px;}

.files-2018-testdoi-popup, .files-2018-testdeep-popup, .popup-deletion, .ai-file-upload-modal, .ai-delete-modal {height: 100%; width: 100%; display: flex; align-items: center; margin-top: 0; margin-bottom: 0;}

.popup-deletion .cd-buttons {margin-bottom: 0}

.files-2018-testdeep-popup #testdeep-but-deep {border-radius: 64px;}
.popup-deletion .cd-popup-container {border-radius: 16px;}
.cd-popup-2018.popup-deletion .popup-yes {border-bottom-left-radius: 16px!important; background: #FF6360!important; color: #fff!important;}
.cd-popup-2018.popup-deletion .popup-yes:hover, .cd-popup-2018.popup-deletion .popup-yes:active, .cd-popup-2018.popup-deletion .popup-yes:focus {background: #B73D31!important;}

.cd-popup-2018.popup-deletion .cd-buttons-no {border-bottom-right-radius: 16px!important; background: #f7f7f7!important; color: #003737!important;}
.cd-popup-2018.popup-deletion .cd-buttons-no:hover, .cd-popup-2018.popup-deletion .cd-buttons-no:active, .cd-popup-2018.popup-deletion .cd-buttons-no:focus {background: #E5EBEB!important;}

.cd-popup-container .cd-popup-close::before {display: none;}
.cd-popup-container .cd-popup-close::after {
    height: 15px!important;
    width: 15px!important;
    transform: none;
    background-color: transparent!important;
    background-image: url(/images/tests/close.svg)!important;
}

.package-modal.modal-dialog.modal-md .modal-body {padding: 40px;}
.ai-file-upload-modal .modal-dialog.modal-md .modal-body, .ai-delete-modal .modal-dialog.modal-md .modal-body  {padding: 40px;}
.ai-file-upload-modal .modal-content, .ai-delete-modal .modal-content {border-radius: 16px;}
.ai-delete-modal .modal-dialog {margin: 30px auto;}

@media (max-width: 767px) {
    .files-2018-testdoi-popup .cd-popup-container {width: 90%; min-width: 100px; padding: 24px;}
    .files-2018-testdeep-popup .cd-popup-container {width: 90%; min-width: 100px;}
    .package-modal.modal-dialog.modal-md .modal-body {padding: 24px;}
    .ai-file-upload-modal .modal-dialog.modal-md .modal-body, .ai-delete-modal .modal-dialog.modal-md .modal-body {padding: 24px;}
}

.link-color-default {color: #82a88c;}
.link-color-default:hover, .link-color-default:focus, .link-color-default:active {color: #82a88c; text-decoration: underline;}

.plagiarism-file-upload-modal .close {opacity: 1; position: relative; top: 5px; right: -10px;}
.plagiarism-file-upload-modal .modal-header h4, .plagiarism-file-upload-modal  .modal-footer {display: none;}
.plagiarism-file-upload-modal .modal-header {margin-bottom: 0px; padding-top: 0; height: 40px;}
.plagiarism-file-upload-modal .modal-content {border-radius: 16px; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);}
.plagiarism-file-upload-modal .modal-body {padding: 40px; padding-top: 0;}
.plagiarism-file-upload-modal #exampleUploadForm #inputUpload {height: 1px;}
.plagiarism-file-upload-modal #exampleUploadForm {margin-bottom: 0;}

@media (max-width: 767px) {
    .plagiarism-file-upload-modal .modal-body {padding: 24px; padding-top: 0;}
}

.uploader-inline {border: 1.5px dashed #003737; border-radius: 8px;}

.file2024-risk-score strong span {line-height: 26px; display: inline-block; padding-right: 8px; padding-left: 8px; border-radius: 8px; margin-top: 2px; text-transform: none; font-size: 12px; font-weight: 500;}

.file2024-risk-score .files-2018-text-danger {background: #FF6360; color: #fff;}
.file2024-risk-score .files-2018-text-warning {background: #F9E20C; color: #003737;}
.file2024-risk-score .files-2018-text-success {background: #0FEB73; color: #003737;}
.file2024-risk-block, .file2024-risk-block:hover, .file2024-risk-block:active, .file2024-risk-block:focus {text-decoration: none;}
.file2024-risk-block {display: block;}
.file2024-risk-block:hover {background: #F8F8F8; border-radius: 8px;}
.file2024-risk-question {color: #003737; font-size: 10px;}
.file2024-risk-question-img {vertical-align: -4px; height: 16px; width: 16px;}
.file2024-sim-question-img {vertical-align: -2px; height: 16px; width: 16px;}
.file2024-sim-head {font-size: 14px; padding-bottom: 14px; padding-top: 6px; color: #003737;}
.file2024-risk-score-report strong span {padding-right: 12px; padding-left: 12px; line-height: 32px; font-size: 16px;}
.file2024-risk-score-report {margin-top: 16px;}

@media (max-width: 767px) {
    .file2024-risk-score-report {margin-top: 8px;}
}

.files-2018-service-item .label-danger.gram {font-size: 10px; border-radius: 15px; padding: 0 6px; line-height: 18px; min-width: 18px; background: #FF6360; display: inline-block; color: #fff; font-weight: 600;}

.files-2018-button.files-2018-alternative {background: #003737; color: #fff;}
.files-2018-button.files-2018-alternative:hover, .files-2018-button.files-2018-alternative:focus, .files-2018-button.files-2018-alternative:active {background: #335F5F;}

.files-2018-card-body div .text-center .files-2018-button,
.files-2018-card-body div .text-center div .files-2018-button,
.files-2018-card-body div .popup-testdeep .files-2018-proceed,
.files-2018-card-body .files-2018-proceed.files-2018-speedup,
.files-2018-card-body div div .files-2018-proceed {padding: 8px 0; font-size: 12px; text-transform: none;}
.files-2018-card-body div .text-center .files-2018-button .files-2018-card-body-skinnycol-left-three {padding-left: 16px; text-align: left !important;}
.continue-animate, .continue-animate:hover {background-size: 20px 38px;}

.files-2018-ai-dash .files-2018-card-body-fatcol-three {line-height: 22px;}

.alert-2024.alert {border: 0; border-radius: 16px; padding: 20px; font-family: 'Poppins'; font-size: 14px; line-height: 21px; color: #003737; display: flex; gap: 16px;  color: #003737;}
.alert-2024.alert-success {background: #EEFDD7;}
.alert-2024.alert-danger {background: #FDEDEE;}
.alert-2024.alert-warning {background: #FFFCEB;}
.alert-2024.alert-info {background: #F8F8F8;}

.text-2024-neutral {color: #003737;}
.text-2024-success {color: #25D575;}
.text-2024-danger {color: #FF6360;}
.text-2024-warning {color: #D6C008;}

.btn-2024-danger {background: #FF6360 !important; color: #fff;}
.btn-2021-danger:active, .btn-2021-danger:hover, .btn-2021-danger:focus {background-color: #B73D31 !important; color: #fff;}

.alert-2024-head {font-weight: 600; margin-bottom: 8px;}
.alert-2024-action {font-weight: 600; margin-top: 8px; color: #B73D31; display: block; display: inline-block;}
.alert-2024-action:active, .alert-2024-action:hover, .alert-2024-action:focus {color: #FF6360;}

.success-2024-action {font-weight: 600; margin-top: 8px; color: #69CB36; display: block; display: inline-block;}
.success-2024-action:active, .success-2024-action:hover, .success-2024-action:focus {color: #003939;}

.package-strike-price {color: #FF6360; text-decoration: line-through;}

.menu-ai-upload {
    display: none;
}

/* Educator upgrade 2025 */

.site-menu .upload-button-navigation.site-menu-item {
    line-height: 40px;
    max-height: 40px;
    height: 40px;
    border-radius: 50px;
    text-transform: uppercase;
    color: #003737;
    font-size: 14px;
}

.site-menubar-unfold .site-menu .site-menu-item {
    width: 90%;
    border-radius: 50px;
    padding: 0 12px;
    transition: background-color 0.3s ease;
}

.site-menubar-unfold .site-menu > .site-menu-item > a {
    height: 40px;
    width: 194px;
    padding: 0;
}

.site-menubar-unfold .site-menu .site-menu-icon {
    font-size: 24px;
    margin-top: 0;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 4px;
}

.site-menubar-unfold .site-menu > .upload-button-navigation.site-menu-item > a {
    line-height: 40px;
    padding: 0;
}

.site-menubar-unfold .site-menu > .site-menu-item > a .site-menu-title {
    font-size: 14px;
    top: 0;
    vertical-align: middle;
}

.site-menubar-unfold .site-menu > .upload-button-navigation.site-menu-item > a .site-menu-title {
    line-height: 40px;
}

.site-menu .site-menu-title {
  white-space: nowrap;           /* prevent line breaks */
  overflow: hidden;              /* hide overflowing text */
  text-overflow: ellipsis;       /* show "..." */
  display: block;                /* or inline-block, flex item, etc. */
  max-width: 100%;               /* ensure it fits the parent */
  height: 40px;
  line-height: 40px;
}

.site-menu .site-menu-item-sup {
    right: 0px;
    top: 6px;
}

.site-menu-item.item-active {
    background: #f3f3f3;
}

a.navbar-avatar {
    padding-top: 12px!important;
}

.plag-button {
    display: inline-flex;
    align-items: center; /* centers content vertically */
    justify-content: center; /* optional if you want horizontal centering */
    width: fit-content; /* <== This is the key */
    
    background: #003737;
    border: 1px solid #003737;
    color: #fff;
    border-radius: 50px;
    text-decoration: none!important;
    padding: 0 16px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    height: 32px;
}

.plag-button.plag-button-outline {
    background: transparent;
    border: 1px solid #003737;
    color: #003737;
}
.plag-button:focus, .plag-button:hover, .plag-button:active {
    background: #335F5F;
    border: 1px solid #335F5F;
    color: #fff;
}
.plag-button-danger {
    background: #FF6360;
    border-color: #FF6360;
    color: #fff;
}
.plag-button-danger:focus, .plag-button-danger:hover, .plag-button-danger:active {
    background: #B73D31;
    border: 1px solid #B73D31;
    color: #fff;
}
.plag-button-secondary {
    background: #0feb73;
    border: 1px solid #0feb73;
    color: #003737;
}
.plag-button-secondary:focus, .plag-button-secondary:hover, .plag-button-secondary:active {
    background: #003737;
    border: 1px solid #003737;
    color: #fff;
}

.plag-button-secondary-dark {
    background: #0feb73;
    border: 1px solid #0feb73;
    color: #003737;
}
.plag-button-secondary-dark:focus, .plag-button-secondary-dark:hover, .plag-button-secondary-dark:active {
    background: #3FEF8F;
    border: 1px solid #3FEF8F;
    color: #003737;
}

.plag-button-md {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    padding: 0 20px;
}

.plag-button-lg {
    font-size: 14px;
    line-height: 20px;
    height: 48px;
    padding: 0 28px;
}

.plag-button-xl {
    font-size: 16px;
    line-height: 24px;
    height: 64px;
    text-transform: uppercase;
    padding: 0 40px;
}

.plag-button.btn-block {
    width: 100%;
}

.plag-button-inactive, .plag-button-inactive:focus, .plag-button-inactive:hover, .plag-button-inactive:active {
    background: #EBECF2;
    color: #696C80;
    border: 1px solid #EBECF2;
    cursor: not-allowed;
}