/* Extras */
.logo-w img{
    max-width: 100%;
}
.flag{background:url("../img/flags.png") top left no-repeat;width:16px;height:11px; display: inline-block}.flag.ad{background-position:0 0}.flag.ae{background-position:-26px 0}.flag.af{background-position:-52px 0}.flag.ag{background-position:-78px 0}.flag.ai{background-position:-104px 0}.flag.al{background-position:-130px 0}.flag.am{background-position:-156px 0}.flag.an{background-position:-182px 0}.flag.ao{background-position:-208px 0}.flag.ar{background-position:-234px 0}.flag.as{background-position:-260px 0}.flag.at{background-position:-286px 0}.flag.au{background-position:-312px 0}.flag.aw{background-position:-338px 0}.flag.ax{background-position:-364px 0}.flag.az{background-position:-390px 0}.flag.ba{background-position:-416px 0}.flag.bb{background-position:-442px 0}.flag.bd{background-position:-468px 0}.flag.be{background-position:-494px 0}.flag.bf{background-position:-520px 0}.flag.bg{background-position:-546px 0}.flag.bh{background-position:-572px 0}.flag.bi{background-position:-598px 0}.flag.bj{background-position:-624px 0}.flag.bm{background-position:-650px 0}.flag.bn{background-position:-676px 0}.flag.bo{background-position:-702px 0}.flag.br{background-position:-728px 0}.flag.bs{background-position:-754px 0}.flag.bt{background-position:-780px 0}.flag.bv{background-position:-806px 0}.flag.bw{background-position:-832px 0}.flag.by{background-position:-858px 0}.flag.bz{background-position:-884px 0}.flag.ca{background-position:-910px 0}.flag.catalonia{background-position:-936px 0}.flag.cc{background-position:-962px 0}.flag.cd{background-position:-988px 0}.flag.cf{background-position:-1014px 0}.flag.cg{background-position:-1040px 0}.flag.ch{background-position:-1066px 0;width:11px}.flag.ci{background-position:-1087px 0}.flag.ck{background-position:-1113px 0}.flag.cl{background-position:-1139px 0}.flag.cm{background-position:-1165px 0}.flag.cn{background-position:-1191px 0}.flag.co{background-position:-1217px 0}.flag.cr{background-position:-1243px 0}.flag.cs{background-position:-1269px 0}.flag.cu{background-position:-1295px 0}.flag.cv{background-position:-1321px 0}.flag.cx{background-position:-1347px 0}.flag.cy{background-position:-1373px 0}.flag.cz{background-position:-1399px 0}.flag.de{background-position:-1425px 0}.flag.dj{background-position:-1451px 0}.flag.dk{background-position:-1477px 0}.flag.dm{background-position:-1503px 0}.flag.do{background-position:-1529px 0}.flag.dz{background-position:-1555px 0}.flag.ec{background-position:-1581px 0}.flag.ee{background-position:-1607px 0}.flag.eg{background-position:-1633px 0}.flag.eh{background-position:-1659px 0}.flag.england{background-position:-1685px 0}.flag.er{background-position:-1711px 0}.flag.es{background-position:-1737px 0}.flag.et{background-position:-1763px 0}.flag.europeanunion{background-position:-1789px 0}.flag.fam{background-position:-1815px 0}.flag.fi{background-position:-1841px 0}.flag.fj{background-position:-1867px 0}.flag.fk{background-position:-1893px 0}.flag.fm{background-position:-1919px 0}.flag.fo{background-position:-1945px 0}.flag.fr{background-position:-1971px 0}.flag.ga{background-position:-1997px 0}.flag.gb{background-position:-2023px 0}.flag.gd{background-position:-2049px 0}.flag.ge{background-position:-2075px 0}.flag.gf{background-position:-2101px 0}.flag.gh{background-position:-2127px 0}.flag.gi{background-position:-2153px 0}.flag.gl{background-position:-2179px 0}.flag.gm{background-position:-2205px 0}.flag.gn{background-position:-2231px 0}.flag.gp{background-position:-2257px 0}.flag.gq{background-position:-2283px 0}.flag.gr{background-position:-2309px 0}.flag.gs{background-position:-2335px 0}.flag.gt{background-position:-2361px 0}.flag.gu{background-position:-2387px 0}.flag.gw{background-position:-2413px 0}.flag.gy{background-position:-2439px 0}.flag.hk{background-position:-2465px 0}.flag.hm{background-position:-2491px 0}.flag.hn{background-position:-2517px 0}.flag.hr{background-position:-2543px 0}.flag.ht{background-position:-2569px 0}.flag.hu{background-position:-2595px 0}.flag.id{background-position:-2621px 0}.flag.ie{background-position:-2647px 0}.flag.il{background-position:-2673px 0}.flag.in{background-position:-2699px 0}.flag.io{background-position:-2725px 0}.flag.iq{background-position:-2751px 0}.flag.ir{background-position:-2777px 0}.flag.is{background-position:-2803px 0}.flag.it{background-position:-2829px 0}.flag.jm{background-position:-2855px 0}.flag.jo{background-position:-2881px 0}.flag.jp{background-position:-2907px 0}.flag.ke{background-position:-2933px 0}.flag.kg{background-position:-2959px 0}.flag.kh{background-position:-2985px 0}.flag.ki{background-position:-3011px 0}.flag.km{background-position:-3037px 0}.flag.kn{background-position:-3063px 0}.flag.kp{background-position:-3089px 0}.flag.kr{background-position:-3115px 0}.flag.kw{background-position:-3141px 0}.flag.ky{background-position:-3167px 0}.flag.kz{background-position:-3193px 0}.flag.la{background-position:-3219px 0}.flag.lb{background-position:-3245px 0}.flag.lc{background-position:-3271px 0}.flag.li{background-position:-3297px 0}.flag.lk{background-position:-3323px 0}.flag.lr{background-position:-3349px 0}.flag.ls{background-position:-3375px 0}.flag.lt{background-position:-3401px 0}.flag.lu{background-position:-3427px 0}.flag.lv{background-position:-3453px 0}.flag.ly{background-position:-3479px 0}.flag.ma{background-position:-3505px 0}.flag.mc{background-position:-3531px 0}.flag.md{background-position:-3557px 0}.flag.me{background-position:-3583px 0;height:12px}.flag.mg{background-position:-3609px 0}.flag.mh{background-position:-3635px 0}.flag.mk{background-position:-3661px 0}.flag.ml{background-position:-3687px 0}.flag.mm{background-position:-3713px 0}.flag.mn{background-position:-3739px 0}.flag.mo{background-position:-3765px 0}.flag.mp{background-position:-3791px 0}.flag.mq{background-position:-3817px 0}.flag.mr{background-position:-3843px 0}.flag.ms{background-position:-3869px 0}.flag.mt{background-position:-3895px 0}.flag.mu{background-position:-3921px 0}.flag.mv{background-position:-3947px 0}.flag.mw{background-position:-3973px 0}.flag.mx{background-position:-3999px 0}.flag.my{background-position:-4025px 0}.flag.mz{background-position:-4051px 0}.flag.na{background-position:-4077px 0}.flag.nc{background-position:-4103px 0}.flag.ne{background-position:-4129px 0}.flag.nf{background-position:-4155px 0}.flag.ng{background-position:-4181px 0}.flag.ni{background-position:-4207px 0}.flag.nl{background-position:-4233px 0}.flag.no{background-position:-4259px 0}.flag.np{background-position:-4285px 0;width:9px}.flag.nr{background-position:-4304px 0}.flag.nu{background-position:-4330px 0}.flag.nz{background-position:-4356px 0}.flag.om{background-position:-4382px 0}.flag.pa{background-position:-4408px 0}.flag.pe{background-position:-4434px 0}.flag.pf{background-position:-4460px 0}.flag.pg{background-position:-4486px 0}.flag.ph{background-position:-4512px 0}.flag.pk{background-position:-4538px 0}.flag.pl{background-position:-4564px 0}.flag.pm{background-position:-4590px 0}.flag.pn{background-position:-4616px 0}.flag.pr{background-position:-4642px 0}.flag.ps{background-position:-4668px 0}.flag.pt{background-position:-4694px 0}.flag.pw{background-position:-4720px 0}.flag.py{background-position:-4746px 0}.flag.qa{background-position:-4772px 0}.flag.re{background-position:-4798px 0}.flag.ro{background-position:-4824px 0}.flag.rs{background-position:-4850px 0}.flag.ru{background-position:-4876px 0}.flag.rw{background-position:-4902px 0}.flag.sa{background-position:-4928px 0}.flag.sb{background-position:-4954px 0}.flag.sc{background-position:-4980px 0}.flag.scotland{background-position:-5006px 0}.flag.sd{background-position:-5032px 0}.flag.se{background-position:-5058px 0}.flag.sg{background-position:-5084px 0}.flag.sh{background-position:-5110px 0}.flag.si{background-position:-5136px 0}.flag.sj{background-position:-5162px 0}.flag.sk{background-position:-5188px 0}.flag.sl{background-position:-5214px 0}.flag.sm{background-position:-5240px 0}.flag.sn{background-position:-5266px 0}.flag.so{background-position:-5292px 0}.flag.sr{background-position:-5318px 0}.flag.st{background-position:-5344px 0}.flag.sv{background-position:-5370px 0}.flag.sy{background-position:-5396px 0}.flag.sz{background-position:-5422px 0}.flag.tc{background-position:-5448px 0}.flag.td{background-position:-5474px 0}.flag.tf{background-position:-5500px 0}.flag.tg{background-position:-5526px 0}.flag.th{background-position:-5552px 0}.flag.tj{background-position:-5578px 0}.flag.tk{background-position:-5604px 0}.flag.tl{background-position:-5630px 0}.flag.tm{background-position:-5656px 0}.flag.tn{background-position:-5682px 0}.flag.to{background-position:-5708px 0}.flag.tr{background-position:-5734px 0}.flag.tt{background-position:-5760px 0}.flag.tv{background-position:-5786px 0}.flag.tw{background-position:-5812px 0}.flag.tz{background-position:-5838px 0}.flag.ua{background-position:-5864px 0}.flag.ug{background-position:-5890px 0}.flag.um{background-position:-5916px 0}.flag.us{background-position:-5942px 0}.flag.uy{background-position:-5968px 0}.flag.uz{background-position:-5994px 0}.flag.va{background-position:-6020px 0}.flag.vc{background-position:-6046px 0}.flag.ve{background-position:-6072px 0}.flag.vg{background-position:-6098px 0}.flag.vi{background-position:-6124px 0}.flag.vn{background-position:-6150px 0}.flag.vu{background-position:-6176px 0}.flag.wales{background-position:-6202px 0}.flag.wf{background-position:-6228px 0}.flag.ws{background-position:-6254px 0}.flag.ye{background-position:-6280px 0}.flag.yt{background-position:-6306px 0}.flag.za{background-position:-6332px 0}.flag.zm{background-position:-6358px 0}.flag.zw{background-position:-6384px 0}

/* Custom */

body.with-content-panel .content-box.no-left-push {
    padding-left: 2.5rem;
}
.dms .activity-boxes-w .activity-title{
    text-transform: initial;
}
.dms .pipeline-header .pipeline-name{
    text-transform: initial;
}
.element-header h6{
    margin: 0;
}
.expand-more {
    cursor: pointer;
    border-bottom: 1px solid #3b75e3;
    color: #1a50b7;
}
.content-box.no-padding{
    padding: 0;
}
.dms .has-error .select2-container--default .select2-selection--single,.dms .has-error .select2-container--default .select2-selection--multiple
{
    border-color: #e65252;
}
.hide {
    display: none !important;
}
.comment-badge{
    position: absolute;
    top: -14px;
    left: 24px;
}
tr.deleted,tr.disabled{
    opacity: 0.5;
}
.semi-hidden{
    opacity: 0.5;
}
tr.deleted{
    text-decoration: line-through;
}

.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{
   padding: 2px 5px;
}

.dms .daterangepicker .calendar td.off:not(.active,.in-range){
    opacity: 0.7;
    background: #f1f1f1;
}
.dms .element-wrapper .element-inner-desc, .dms .el-tablo .label{
    word-break: break-word;
}
.word-break{
    word-break: break-word;
}
.nobreak{
    word-break: keep-all;
    white-space: nowrap;
}
.avatar-wrapper {
    display: inline-block;
    position: relative;
}

.log-avatar{
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.plusmore {
    margin-left: 45px;
    display: block;
    color: rgba(58, 60, 80, 0.65);
    font-size: 0.9rem;
    font-weight: 500;
}

.steps ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    list-style-type: none;
}

.steps ul > li {
    padding-bottom: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 1.08rem;
    color: rgba(0, 0, 0, 0.3);
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.steps ul > li a {
    color: rgba(0, 0, 0, 0.3);
}

.steps ul > li.current a {
    color: #3E4B5B;
    outline: none;
}

.steps ul > li .current-info {
    display: none;
}

.wizard .content .title {
    display: none;
}

.wizard .actions ul {
    float: right;
    list-style-type: none;
}

.wizard .actions ul li {
    font-family: "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    outline: none;
    line-height: 1;
    background-color: #047bf8;
    display: inline-block;
    line-height: 1.45;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    padding: 0.5rem 0.9rem;
    font-size: 0.9rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.wizard .actions ul li a {
    color: #fff;
}

.clickable-icon a, .clickable-icon a:hover {
    font-size: 1.25em;
    text-decoration: none;
}

.table-row-clickable {
    cursor: pointer;
}

.badge-track {
    white-space: normal;
    padding: 8px 10px;
    line-height: 1.25em;
}

.element-box .description {
    color: #999;
    font-size: 0.9rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
}

.comments-section, .reply-section {
    margin-top: 25px;
}

.reply-section .reply-header {
    border-bottom: 0;
}

.dms-pipelines .pipeline-item, .pipeline.white .pipeline-item:last-child {
    margin-bottom: 15px;
}

.sessionbuilder .papertitle {
    font-size: 12px;
    line-height: 0.95rem;
}

.sessionbuilder .author-name {
    font-size: 14px;
    padding-bottom: 5px;
}

.ghost-item {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

.sortable-chosen {
    display: inline-block;
}

.btn {
    cursor: pointer;
}

.modal .flatpickr-wrapper {
    width: 100%;
}

/* "Plugins" */

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.wizard.abstract-wizard .actions li{
    margin-left:5px;
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 10%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border-top: 2px solid #ffffff;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite;
    z-index: 999;
}

.spinner.centered:before {
    right: 50%;
}

.blue.spinner:before {
    border-top-color: #07d;
}

.spinner-big-center:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border-top: 2px solid #ffffff;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite;
    z-index: 999;
}

.spinner-failed:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 10%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #dd0018;
    border-top-color: #910018;
    animation: spinner .6s linear infinite;
}

.btn.spinner {
    position: relative;
    color: transparent;
}

.form-group.spinner:before {
    border-top-color: #07d;
}

.dms .pipeline {
    padding: 21px;
}

.dms .pipeline .pipeline-header .pipeline-value {
    font-size: 1.05rem;
    padding-top: 1px;
}

.dms .session-item {
    padding: 15px;
    will-change: auto !important;
}

.dms select.form-control:not([size]):not([multiple]) {
    height: calc(2.125rem + 3px);
}

.pipeline.white.lined-primary, .pipeline.white.lined-warning {
    border-top-width: 3px;
}

textarea.form-control {
    overflow: hidden;
}

.dms .onboarding-modal .onboarding-content.with-gradient .onboarding-text {
    min-height: 100px;
    color: rgba(69, 76, 96, 0.8);
}

.dms .onboarding-modal .onboarding-content .onboarding-text {
    color: rgba(69, 76, 96, 0.8);
}

.dms .onboarding-modal .onboarding-footer {
    margin-top: 25px;
}

.dms th.small,.dms td.small{
    width:75px;
}
.dms th.medium,.dms td.medium{
    width:170px;
}

.speaker-box{
    padding: 0.8rem;
    display: -webkit-box !important;;
    display: -ms-flexbox !important;;
    display: flex !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 !important;;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.speaker-box .avatar{
    width: 50px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 1.1rem;
}
.speaker-box .avatar img{
    max-width: 100%;
    height: auto;
}
.speaker-box .speaker-info{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.speaker-box .speaker-info .name{
    display: block;
}
.speaker-box .speaker-info .meta{
    display: block;
    font-size:0.8rem;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0.2rem;
}
.dms .user-profile.compact .up-main-info{
    padding-top: 10%;
    text-align: center;
}
.dms .user-profile.compact .up-header{
    padding-top:10px;
}
.dms .user-profile.compact .avatar{
    border-radius:3px;
}


@media (max-width: 1250px){
    .support-index .support-ticket-content-w{
        display: block;
    }
    .support-index .support-ticket-content-w .support-ticket-info{
        display: block;
        margin: 0 auto;
        box-shadow: none;
        top: auto;
        right: auto;
        position: initial;
    }

}
.file-button-parent{
    position: relative;
}
.file-button{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.profile.avatar>img{
    border-radius: 50%;
    height: auto;
    width: 80%;
    margin: 0 auto;
    display: block;
}
.expanded .profile.avatar>img{
    max-width: 250px;
}
.expanded .preview-section{
    text-align: center;
}
.expanded .preview-section .preview-circle{
    border-radius: 50%;
    height: 120px;
    width: auto;
    margin: 0 auto;
    display: inline-block;
}
.expanded .preview-section .preview{
    height: 120px;
    width: auto;
    margin: 0 auto;
    display: inline-block;
}
.expanded .preview-section .save{
    margin: 0 auto;
}
.expanded .preview-section .save .btn{
    margin-top: 1em;
}

.light-padding-tb{
    padding-top:1rem;
    padding-bottom:1rem;
}

.todo-task-details{
    display: block;
    margin-left: 10px;
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.81rem;
}

.company-search-results{
    display: inline-block;
    font-size:16px;
}
.company-search-results .company-name{
    display: inline-block;
    padding: 0.25rem 1rem;
}
.select2-results__option--highlighted{
    background: #f5f6f8 !important;
    color: black !important;
}
.company-search-results .company-logo{
    display: inline-block;
    height: 30px;
    width: auto;
}

.user-search-results{
    display: flex;
    align-items: start;
}
.user-search-results .avatar{
    float:left;
    width: 25px;
    margin-right:10px;
}
.user-search-results .avatar img{
    width: 25px;
    height: auto;
    border-radius: 50%;
}
.user-search-results .meta{
    float:left;
    color:black;
}
.select2-results__option--highlighted .user-search-results .meta , .select2-results__option--highlighted .user-search-results .description{
    color:black;
}
.user-search-results .description{
    display: inline-block;
    margin-left:10px;
    color: #636363;
    padding: 0;
}
.select2-container .select2-selection {
    height: calc(2.125rem + 3px);
}
.select2-container .select2-selection.select2-selection--multiple{
    height: auto;
    min-height: 32px;
}
.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true] .select2-container .user-search-results .description{
    color:white;
}
.select2-container .select2-selection__rendered {
    line-height: calc(2.125rem + 3px) !important;
}
.select2-container .text-description {
    font-size: 0.95em;
    padding-left: 4px;
    color: rgba(0, 0, 0, 0.4);
}
.photo-gallery-picture{
    max-height: 190px;
    max-width: 250px;
    width: auto;
    height: auto;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0, 0, 0, 0.8);
    vertical-align: middle;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
    cursor: move;
}
.photo-group .photo-item
{
    display: inline-block;
    margin: 20px;
    position: relative;
}
.photo-group .photo-item.selected::after
{
    content: "\e9b2";
    font-family: 'osfont' !important;
    position: absolute;
    top: 0;
    font-size: 21px;
    box-shadow: -1px 1px 4px #0000002b;
    background: white;
    color: #2196F3;
    border-radius: 0 0 0 13px;
    right: 0;
    padding: 0 6px;
}
.photo-group .photo-item.selected .photo-gallery-picture
{
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 8px rgb(0, 142, 255);
}
.user-info{
    margin-top:15px;
}
.user-info label{
    display: block;
    padding:3px;
    color: rgba(0, 0, 0, 0.4);
}
.user-info .value{
    display: block;
    padding-left:10px;
    word-break: break-word;
}
.support-index .support-ticket-content-w .ticket-reply .ticket-reply-info h4{
    width: calc(100% - 33px);
}
.td-fit-content{
    width:1%;
    white-space:nowrap;
}

.checkbox-label{
    cursor: pointer;
    padding-left:5px;
}

.file-attachments li{
    list-style: none;
    margin-top:5px;
}

.sponsor-discussion .ticket-thread{
    height: 680px;
}

.session-categories .sortable-chosen
{
    width: 100%;
}

.modal .select2-container{
    display: block;
}
.sessionswap .select2-results__group{
    color: #047bf8;
}
.session-select{
    margin:5px 0;
}
.session-select .title{
    font-weight: 700;
    display: block;
}
.session-select .duration,.session-select .period{
    font-size:0.93em;
}
.session-select .duration{
    color:#5eb314;
    font-weight: 600;
}
.session-select .period{
    color:rgba(0, 0, 0, 0.5);
}
.session-selected .title{
    color: #000000;
    font-weight: 500;
    padding-right: 3px;
}

.session-selected .duration,.session-selected .period{
    font-size:0.9em;
}
.session-selected .duration i ,.session-selected .period i{
    margin: 0 4px;
}

.avatar-small{
    width: 25px;
    border-radius: 50%;
}
.avatar-bigger{
    max-width: 120px;
    height: auto;
    border-radius: 50%;
}

.has-error .selectgroup-item .selectgroup-button{
    border-color:#e65252 !important;
}
.selectgroup-item.selectgroup-item-big{
    display: block;
    text-align: left;
}
.selectgroup-item .check-box{
    text-align: right;
    display: inline-block;
    height: 24px;
    width: 24px;
    border: 2px solid #d9d9d9;
    vertical-align: top;
}
.selectgroup-button.darker{
    color: #7c818a;
}
.selectgroup-input:checked + .selectgroup-button .check-box{
    background: #467fcf;
}
.selectgroup-item .heading{
    font-weight: 400;
    color: #5b5f68;
}
.selectgroup-item .details{
    display: inline-block;
    padding-left:10px;
    margin-top: -3px;
}
.selectgroup-item .desc{
    display: block;
    font-size: 12px;
    padding-left:2px;

}

.selectgroup-item.selectgroup-item-big .selectgroup-button{

    padding:1rem;
    text-align: left;
}

.selectgroup{
    display: inline-block;
}
.selectgroup-item{
    position: relative;
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.selectgroup-input{
    opacity: 0;
    height: 1px;
    width: 1px;
    display: block;
    /*position: absolute;*/
    visibility: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0;
}
.selectgroup-button {
    display: block;
    border: 1px solid rgba(0, 40, 100, 0.12);
    text-align: center;
    padding: 0.375rem 1rem;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    color: #9aa0ac;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    min-width: 2.375rem;
}
.selectgroup-button:hover {
    background: #f9f9f9;
}
.selectgroup-input:checked + .selectgroup-button{
    border-color: #467fcf;
    z-index: 1;
    color: #467fcf;
    background: #edf2fa;
}
.dropzone.fileuploader{
    min-height: auto;
    padding: 0;
}

.readonly-text{
    display: block;
    width: 100%;
    padding: 0.575rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #dde2ec;
    border-radius: 4px;
}
.readonly-text p{
    padding-left:40px;
}
.readonly-text h5{
    padding-left:10px;
}
.td-smallsquare{
    width: 65px;
    height: 65px;
}
.item-move{
    font-size: 16px;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.item-move:active{
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.question-ghost-item td{
    opacity: 0.8;
    background: #eaeaea;
}

.dms-list{
    list-style: none;
    padding-top: 10px;
    margin-top:5px;
}
.dms-list li {
    display: inline;
    margin-right:5px;
    padding-top:5px;
}
.dms-list li .badge {
    margin-top:5px;
}

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    margin-left:2px !important;
}
.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(0, 0, 0, .25) solid;
    margin-top: -9px;
}


.dms-box.auth-box-w .logo-w{
    padding: 5%;
}
.auth-box-w .logo-w .logo{
    max-height: 80px;
    width: auto;
}
.abstract.auth-box-w form{
    text-align: left;
}
.dms-box.auth-box-w .auth-header
{
    padding-bottom: 2rem;
}
.dms-box .dms-section{
    padding: 1rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.dms-box.auth-box-w form{
    padding: 0;
}
.dms-box.auth-box-w .form-group-padded{
    padding: 20px 80px;
    padding-bottom: 60px;
}

.templates{
    display: none;
}

.form-control.compact{
    padding:4px;
}

.dms-section .form-group{
    text-align: left;
}


.circle-loader {
    margin-bottom: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}
.load-complete.load-danger {
    border-color: #ff2433;
}

.checkmark {
    display: none;
}
.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}
.checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    content: '';
    left: 1.75em;
    top: 3.5em;
    position: absolute;
}
.uncheckmark {
    display: none;
}
.uncheckmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(1) rotate(138deg);
}
.uncheckmark.draw:before {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(138deg);
}
.uncheckmark:after {
    opacity: 1;
    height: 4em;
    width: 2em;
    transform-origin: left top;
    border-right: 3px solid #ff2433;
    content: '';
    left: 6.3em;
    top: 3.5em;
    position: absolute;
}
.uncheckmark:before {
    opacity: 1;
    height: 4em;
    transform: scaleX(-1) rotate(138deg);
    width: 2em;
    transform-origin: left top;
    border-right: 3px solid #ff2433;
    content: '';
    right: 4.2em;
    position: absolute;
    top: 3.5em;
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 1.75em;
        opacity: 1;
    }
    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
    100% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
}


.confirmation.box{
    margin: 20px 15px;
    background: #f9f9f9;
    padding: 10px;
    box-shadow: 2px 2px 10px 0 rgba(247, 247, 247, 0.2);
    border-radius: 3px;
}

hr.shorter{
    width: 75%;
}


.table-wrapper-dms{
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .06), 0 5px 15px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .06), 0 5px 15px 0 rgba(0, 0, 0, .04);
    border-radius: 4px;
}
.table-wrapper-dms div.dataTables_wrapper div.dataTables_filter{
    text-align: left;
}
.table.table-dms{
    border-collapse: separate;
    border-spacing: 0;
    border-style: hidden;
    box-shadow: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: none;
}
.table.table-dms tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

.table.table-dms tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.table.table-dms thead th:first-child {
    border-top-left-radius: 4px;
}

.table.table-dms thead th:last-child {
    border-top-right-radius: 4px;
}

.table.table-dms thead tr th
{
    font-size: .81rem;
    color: rgba(58, 77, 96, 0.85);
    letter-spacing: 1px;
    padding: 0.9rem 1.1rem;
    background: #f2f5f7;
    text-align: center;
    border-bottom: 1px solid rgba(242, 245, 247, 0.33);

}

.table.table-dms tbody tr
{
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.table.table-dms tbody td{
    padding: 0.9rem 1.1rem;
    background-color: #fff;
    border: none;
    border-top: 1px solid #f2f4f8;
}

.table.table-compact.table-dms tbody td{
    padding:8px;
    font-size:14px;
}

.dms-status{
    padding: 5px 13px;
    font-weight: 500;
    border-radius: 25px;
    opacity: 0.8;
}
.dms-status:hover{
    opacity: 1;
}
.dms-status.yellow{
    color: #565020;
    background: #fbf8de;
}
.dms-status.green{
    color: #14523d;
    background: #d7f5ea;
}
.dms-status.red{
    color: #521414;
    background: #f5d7d7;
}
.dms-status.white{
    border: 1px solid #dadbd9;
}
.dms-status.grey{
    color: #191919;
    background: #cacacb;
}

.element-box.expandable .form-header{
    cursor: pointer;
}
.dms-box{
    width: 100%;
    height: 100%;
    padding:5px;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

.centered-button-link{
    display: block;
    margin: 0 auto;
    color: #0a0b0b;
    font-size:15px;
}

.agendalog .activity-boxes-w .activity-title
{
    font-size: 14px;
    text-transform: initial;
}

.cr-viewport.cr-vp-square{
    background: url("../img/face_guide.png");
}

.dms-deadlines .balance-value{
    font-size:1.5rem;
}

.fieldset-button{
    padding: 0 0 0 0.5rem;
    float: right;
    position: relative;
    z-index: 3;
}

.dms-list.dms-shortcuts-list{
    margin-bottom:20px;
}
.dms-list.dms-shortcuts-list .dms-list-item{
    display: inline-block;
    cursor: pointer;
}
.copy{
    font-size: 19px;
    margin-left: 5px;
    vertical-align: middle;
}
.copy:hover{
    text-decoration: none;
}
.copy>i,.copy>i:hover{
    color: #333;
    text-decoration: none;
}
.link-icon{
    font-size: 19px;
    margin-left: 5px;
    vertical-align: middle;
    border-bottom: 0 !important;
}
.link-icon:hover{
    text-decoration: none;
}
.link-icon>i,.link-icon>i:hover{
    color: #333;
    text-decoration: none;
}

.table-cell-clickable{
    cursor: pointer;
}

.dms-callers .user-list{
    max-height: calc(100vh - 250px);
    overflow: auto;
}
.dms-callers.full-chat-w .chat-content-w .chat-content
{
    padding:15px;
    min-height: 250px;
}
.dms-callers.full-chat-w .chat-content-w
{
    height: 250px;
}

.dms-callers.full-chat-w .chat-controls
{
    padding-top: 20px;
}
.dms-callers.full-chat-w .full-chat-left .user-list .user-w.active,.dms-callers.full-chat-w .full-chat-left .user-list .user-w:hover
{
    background: #e8e9ea;
    cursor: pointer;
    color: #0356ad;

}
.dms-callers.full-chat-w .full-chat-left .user-list .user-w
{
    text-decoration: none;
    padding: 19px 8px 20px 8px;
    position: relative;
}
.dms-callers.full-chat-w .full-chat-left .user-list .user-w .reg-badge
{
    position: absolute;
    top:5px;
    right:5px;
}


.dms-callers.full-chat-w .full-chat-left .user-list .user-w:hover .user-name,
.dms-callers.full-chat-w .full-chat-left .user-list .user-w:hover .last-message
{
    color: black;
}

.dms-callers.full-chat-w .full-chat-left .user-list .user-w:hover .user-date
{
    background: #1f1f1f;
    color: white;
}
.dms-callers.full-chat-w .full-chat-i{
    min-height: 100vh;
    height: 100%;
}
.text-clearer{
    font-size:1.5rem;
    font-weight: 500;
}

#dmsregcontent .intl-tel-input{
    display: block;
}

.selectgroup-color{
    position: absolute;
    top: -2px;
    right: -2px;
    border-radius: 50%;
    width: 10px;
    z-index: 99;
    height: 10px;
}
.selectgroup-color.green, .badge-custom.green{
    background: #24d2b5;
}
.selectgroup-color.yellow, .badge-custom.yellow{
    background: #eed44e;
}
.selectgroup-color.orange, .badge-custom.orange{
    background: #fa7d03;
}
.selectgroup-color.red, .badge-custom.red{
    background: #ff484c;
}
.selectgroup-color.blue, .badge-custom.blue{
    background: #3e67d8;
}
.selectgroup-color.purple, .badge-custom.purple{
    background: #b554f9;
}
.selectgroup-color.grey, .badge-custom.grey{
    background: #50687e;
}
.selectgroup-color.light-grey, .badge-custom.light-grey{
    background: #a9a9a9;
}

.dms .full-chat-w .chat-content-w .chat-message .chat-message-date
{
    color: rgba(0, 0, 0, 0.7);
    font-size:0.78rem;
}
.caller-reg{
    display: block;
    text-align: center;
    font-size: 18px;
}

.regwizardform .selectgroup-item.selectgroup-item-big .selectgroup-button
{
    text-align: center;
}
.regwizardform .welcomep .selectgroup-item .heading
{
    font-weight: 700;
    font-size: 1.1em;
}
.regwizardform .welcomep .selectgroup-button
{
    border: 2px solid rgba(0, 40, 100, 0.12);
}

#submit-abstract-wizard .intl-tel-input, .survey-wrapper .intl-tel-input { width: 100%; }


@media (max-width: 1440px){
    .table.table-dms tbody td{
        word-break: break-word;
    }
}

.menu-w .logo-w .logo-element, .top-bar .logo-w .logo-element{
    background-color: #50a0d8;
}

#contacts_preview .user-with-avatar{
    display: inline-block;
    background: #edf1fd;
    padding: 3px 17px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}
#contacts_preview .user-with-avatar img{
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 3px;
}
.text-bigger{
    font-size:1.2rem !important;
}

.full-chat-w .chat-content-w .chat-message .chat-message-content.wishtag
{
    background: rgba(2, 143, 255, 0.18);
    max-width: 100%;
}

.full-chat-w .chat-content-w .chat-date-separator{
    color: rgba(0, 0, 0, 0.65);
    font-size: .85rem;
}

/* Dark Mode */

.color-scheme-dark .table.table-dms thead tr th
{
    background-color: #323c58;
    color: white;
}
.color-scheme-dark .table.table-dms tbody td
{
    background-color: #323c58;
    color: white;
    border-top: 1px solid rgba(83,101,140,0.33);
}
.color-scheme-dark .btn-white
{
    background-color: #323c58;
    color: white;
    border-color: rgba(83,101,140,0.33);
}
.color-scheme-dark .copy>i, .copy>i:hover
{
    color: white;
}
.company-type{
    border: 1px solid #1a4364;
    font-size: 10px;
    text-align: center;
    display: inline;
    font-family: "Arial", sans-serif;
    background: #1a4364;
    color: white;
    padding: 1px 2px;
    vertical-align: middle;
    cursor: pointer;
}
.company-type.success{
    border: 1px solid #42af29;
    background: #42af29;
}
.company-options{
    border: 1px solid #ccc;
    width: 100%;
    min-height: 35px;
    position: relative;
}
.company-options>table td:last-child{
    cursor: pointer;
}
.company-options>table td{
    padding:0;
    border-bottom:1px solid #ccc;
}
.company-options>table tr:hover{
    background: #eeeeee;
}
.company-options>table tr:last-child td{
    border-bottom:1px solid transparent;
}
.company-options>table td:first-child{
    padding: .75rem;
}
.company-options .company-option-name{
    display: block;
    width: 100%;
    cursor: pointer;
    padding: .75rem;
}

.select2-container--default .select2-results > .select2-results__options{
    max-height: 1200px;
    height: 100%;
}

/* custom-toggle STYLING */
.custom-toggle {
  margin: 0 0 1.5rem;
  box-sizing: border-box;
  font-size: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.custom-toggle input {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}
.custom-toggle input + label {
  margin: 0;
  padding: 0.75rem 2rem;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: solid 1px #DDD;
  background-color: #FFF;
  font-size: 1rem;
  line-height: 140%;
  text-align: center;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
  flex: 0 0 50%; display: flex; justify-content: center; align-items: center;
}
.custom-toggle input + label:first-of-type {
  border-radius: 6px 0 0 6px;
  border-right: none;
}
.custom-toggle input + label:last-of-type {
  border-radius: 0 6px 6px 0;
  border-left: none;
}
.custom-toggle input:hover + label {
  border-color: #213140;
}
.custom-toggle input:checked + label {
  background-color: #047bf8;
  color: #FFF;
  box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);
  border-color: #047bf8;
  z-index: 1;
}
.custom-toggle input:focus + label {
  outline: dotted 1px #CCC;
  outline-offset: 0.45rem;
}
@media (max-width: 800px) {
  .custom-toggle input + label {
    padding: 0.75rem 0.25rem;
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.text-black {
  color: black;
}
