.mood-icon-1,
.mood-icon-2,
.mood-icon-3,
.mood-icon-4,
.mood-icon-5 {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 24px;
    background-size: 20px 20px !important;
}

.mood-icon-1 { background: url("../../static/emoticons/0.png") no-repeat;   }
.mood-icon-2 { background: url("../../static/emoticons/2.5.png") no-repeat; }
.mood-icon-3 { background: url("../../static/emoticons/5.png") no-repeat;   }
.mood-icon-4 { background: url("../../static/emoticons/7.5.png") no-repeat; }
.mood-icon-5 { background: url("../../static/emoticons/10.png") no-repeat;  }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.cursor-hand{
    cursor: pointer;
}

.cursor-default{
    cursor: default;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#navbar-container > div.navbar-header.pull-right > ul > li{
    cursor: pointer;
}

#navbar{
    background-color: #003d52 !important;
}

#navbar-container .navbar-brand{
    padding: 0;
}
#navbar-container .navbar-brand img{
    height:35px;
    margin-top:5px;
    margin-left:5px;
}

.center-loading-gif {
    width:50px;
    height:50px;
    position:absolute;
    margin-top:5%;
    left:50%;
    background-image: url('../../static/loading2.gif');
    background-size:50px;
    background-repeat: no-repeat;
}

.center-loading-gif-fixed{
    width:20px;
    height:20px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    background-image: url('../../static/loading2.gif');
    background-size: 20px;
}
.nav-header{
    width:250px !important; 
}

.help-inline-custom{
    display: inline !important; 
}
/* hide placeholders for all browsers on focus */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color: transparent; }
textarea:focus:-ms-input-placeholder { color: transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }

/*
 * Classes for vertical offser
 */
.voffset-2 { margin-top: 2px; }
.voffset-5 { margin-top: 5px; }
.voffset-10 { margin-top: 10px; }
.voffset-15 { margin-top: 15px; }
.voffset-20 { margin-top: 20px; }
.voffset-30 { margin-top: 30px; }

img.img-shadow {
    box-shadow: 0px 3px 3px #aaa;
    -webkit-box-shadow: 0px 3px 3px #aaa;
    -moz-box-shadow: 0px 3px 3px #aaa;
}

.btn a {
    color: #ffffff;
}

.btn-primary[disabled=disabled], .btn-primary[disabled], .btn-primary:disabled {
    background-color: #abbac3 !important;
    border-color: #abbac3;
}

.btn-success[disabled=disabled], .btn-success[disabled], .btn-success:disabled {
    background-color: #abbac3 !important;
    border-color: #abbac3;
}


.nav-list>li>a::before{
}
.nav-list>li>a{
    font-weight: normal !important;
}
.nav-list>li>a:hover{
    color: #003d52 !important;
}

.login-layout{
    background-color: #e4e6e9;
}

.login-layout .widget-box{
    background-color: transparent;
}

.toolbar{
    background-color: #003d52 !important;
    border: 0;

}

#sidebar-shortcuts{
    background-color: #f5f5f5;
}
#forgot-box .widget-main, #login-box .widget-main{
    background-color: #fff !important;
}

#forgot-box, #login-box{
    background-color: #003d52 !important;
    padding:0px !important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);

}

#forgot-box .alert, #login-box .alert{
    border: 0;
}

.login-logo{
    height: 60px;
}

#mentegram-dark-blue{
    color: #2f425a !important;
}

#forgot-box .toolbar, #login-box .toolbar{
    border-top:0 !important;
}

.questionnaireDark {
    border-top: 1px solid #e4e6e9;
    border-bottom: 1px solid #e4e6e9;
    background-color: #FCFCFA;
}

.questionBlock{
    min-height:100px;
    padding-bottom: 10px;
    padding-top: 10px;

}

#menu-toggler{
    margin-top:5px !important;
    margin-right: 5px !important;
}

.sliderTextHolder{
    min-height: 34px !important;
    margin-bottom: 3px;
}

.container{
    width: auto;
}
.questionnaire-name-input{
    margin-left: 10px;
    width:300px;
}

.questionnaire-name-container{
    padding:13px 0 12px 25px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="radio"]:focus,
input[type="radio"]:hover,
input[type=checkbox].ace:hover + .lbl::before,
input[type=radio].ace:hover + .lbl::before,
input[type=checkbox].ace + .lbl:hover::before,
input[type=radio].ace + .lbl:hover::before
input[type="color"]:focus {
    border-color: #b5b5b5;
}

.questionnaireQuestion {

    font-size: 17px !important;
}
.questionBlock textarea{
    margin-top:2px;
    resize: none;

}
.characterCountGrey{
    color:#b5b5b5;
}

/*
 * normal width for devices 992px - 1200px was making the images to get outside and add scrolling.
 */
@media(min-width:992px){
    .questionnaireImage{
        width: 300px;
    }
}
@media(min-width:1200px){
    .questionnaireImage{
        width:460px;
    }
}

.save-questionnaire-button-top{
    margin: 10px 0;
}

.save-questionnaire-button-bottom{
    margin: 25px 0 0 12px;
}

.scrolled{
    margin: 0;
    position: fixed;
    top: 0;
    z-index: 5000;
}


.footer{
    padding: 115px 0 0 0;
}

.full-width {
    left: 0 !important;
}
legend {
    margin: 0 0 5px 0 !important;
}
.f-nav{
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.white-background{
    background-color: #fff;
}
.grey-border{
    border-bottom: 1px solid #e4e6e9;
}
.scroll-up{
    z-index: 9999;
    position: fixed;
    left: 0;
    bottom: 0;
    margin-left: 12px;
    margin-bottom: 0px;

}

.login-box .forgot-password-link{
    color:#fff;
}
.login-box .user-signup-link{
    color:#fff;
}
#forgot-box .back-to-login-link{
    color:#fff;

}

.complete-registration-block{
    /*max-width: 630px;*/
    /*margin: 0 auto;*/

}

@media(min-width: 400px){
    .footer-content .pull-left{

    }
}

.therapist-contact-form{
    z-index: 9999;
    position: fixed;
    right: 0;
    bottom: 0;
    margin-right: 12px;
    margin-bottom: 0px;
}

.therapist-contact-form .widget-header a {
    text-decoration: none;
}

.therapist-contact-form .widget-header {
    padding: 0 10px;
}

.therapist-contact-form .widget-header span.widget-title-text {
    padding: 0 10px;
}

.contact-us-textbox{
    padding:5px;
}
.questionnaire-select-input{
    margin-bottom: 5px;
}



.field, .actions {
    margin-bottom: 15px;
}
.field label {
    float: left;
    width: 30%;
    text-align: right;
    padding-right: 10px;
    margin: 5px 0 5px 0;
}
.field input {
    width: 70%;
    margin: 0;
}

.widget-blue-border{
    border:1px solid #478fca;
    -webkit-box-shadow: 0px 0px 1px 0px #478fca;
    -moz-box-shadow: 0px 0px 1px 0px #478fca;
    box-shadow: 0px 0px 1px 0px #478fca;
}

#request-template{
    margin-top:20px;
    margin-bottom:10px;
}

.sidebar-title{
    background-color: #5D7A91;
    color:white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
}


.user-menu-header {
    font-weight: bold;
    cursor: pointer;
    background: #ECF2F7 !important;
    border-bottom: 2px solid #79B0CE !important;
    color: #5085AF !important;
    margin-bottom: 8px !important;
    margin-top: -5px !important;
    font-size: 12px;
}

/** to fix left sidebar offset jumping on resize */
#main-container {
    overflow: hidden;
    max-width: 1440px;
    margin: 0 auto;
}

#navbar-container {
    max-width: 1440px;
    margin: 0 auto;
}

.last-sidebar-item{
    margin-top:10px !important;
}

.add-bottom-border{
    border-bottom: 1px solid #e5e5e5 !important;
}

.nav-list>li>a{
    text-overflow: ellipsis !important;
    overflow: hidden;
}
.nav-list>li>{
    text-overflow: ellipsis !important;
}

.questionnaire-sortable .widget-header {
    padding-left: 30px;
}

.questionnaire-sortable .widget-box {
    margin-bottom: 8px !important;
}

.questionnaire-sortable .ui-sortable-placeholder {
    background: #DAE2EA;
    visibility: visible !important;
    margin-bottom: 8px !important;
}

.questionnaire-sortable .widget-header .moving-icon {
    display: none !important;
    position: absolute;
    top: 16px;
    left: 12px;
}

.questionnaire-sortable .widget-header:hover .moving-icon {
    display: inline !important;
}


.organization-launch-box{
    height: 200px;
    border: 1px solid #CCCCCC;
    margin-bottom:15px;
    margin-right:0px !important;

}

.launch-button-container{
    width:60px;
    margin:0 auto;
    position: relative;
    margin-top:20px;

}

.report-summary{
    border:1px solid #CCCCCC;
    padding:0;
    margin-top:20px;

}

.report-summary-header{
    background-color: #003147;
    color:white;
    height: 36px;
    font-size: 20px;
    font-weight: bold;
    padding-left:10px;
    border-bottom:1px solid #ccc;
    margin-bottom: 0;


}
.no-padding-top{
    padding-top: 0 !important;
}

.no-margin-top{
    margin-top: 0 !important;
}
.report-summary-content{
    padding-left: 10px;
    padding-right:10px;
}

.infobox-dashboard {
    width: 210px;
    height: auto;
}

.fa-percent::before {
    content: '%';
    font-weight: bold;
}

.dashboard-content-center {
    text-align: center;
}

.dashboard-content-important {
    font-weight: bold;
}

.funnel {
    background-color: #F2F2F2;
    padding: 5px 10px;
    position: relative;
    border: 1px solid #d8d8d8;
}

.funnel:nth-child(2) {
    border-left: 0;
}

.funnel:nth-child(3) {
    border-left: 0;
}

.funnel i {
    position: absolute;
    right: 5px;
    margin-top: 5px;
}

.funnel-total {
    background-color: #6fb3e0;
    border-color: #5a7daa;
}

.pricing-span{
    max-width: 1000px !important;
    width:33% !important;
}


.pricing-span .buy-container{
    padding-top:3px;
    text-align: center;
    padding-bottom: 10px;
}

.pricing-span .buy-container span {
    font-size: 20px;
    font-weight: bold;
}

.pricing-span .small-buy-button{
    font-size: 15px !important;
}


.pricing-span select{
    width: 100%;
}

.professional-pricing-box {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
    z-index: 11;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.standard-box:hover{
    z-index:10 !important;
}

.pricing-table-container {
    min-height: 700px;
}

.text{
    padding-left: 0 !important;
}

.dashboard-action:hover{
    background-color: #87B87F;
    color: white;
    cursor:pointer;

}

.dashboard-component{
    margin-bottom:10px !important;
    overflow: auto;
    background-color: white;
}
.dashboard-component-header h3{
    font-size: 15px;
}

.add-first-client{
    margin-bottom: 35px;
}

@media (max-width: 480px) {
    .add-note{
        float:left !important;
        margin-top:56px;
    }
    .small-private-practice{
        height:100px !important;
    }
}

.small-private-practice{
    height:65px !important;
}


.dashboard-box{
    border:1px solid #ccc !important;
    box-shadow: 0 0 3px -1px #969696 !important;
}

.dashboard-component-header{
    margin-bottom:12px;
    padding-left:10px !important;
    font-size:15px !important;
    background-color: #EEF2F5 !important;
    background-image: none;
}

.dashboard-component-title{
    font-size: 17px;
}


.repetition-type:hover {
    color: #003399;
}

.tutorial-arrow{
    color: #7C7C7C;
}
.tutorial-arrow:hover{
    color: #000;
    cursor: pointer;
}

.price{
    margin-bottom:13px;
}
.questionnaire-select-container select{
    height:34px !important;
}


@media(max-width:500px) {
    .calendar-left{
        float:right !important;
    }
    .calendar-right{
        float:left !important;
    }
}


.good-coupon{
    border:1px solid #9CC573 !important;
}

.bad-coupon{
    border:1px solid #F2A696 !important;

}

.legend-item{
    color:white;
    margin-top:5px;
    margin-left:5px;
    border-radius:3px;
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    cursor: pointer;
    height:22px;
    width:16%;
    opacity: 0.25;
}

@media (max-width: 768px) {
    .legend-item{
        width:23%;
    }
}

.active-legend{
    opacity: 1;
}

.inactive-legend{
    border: 0;
}

.legend-item:not(.active-legend){
    background-color: #aaaaaa !important;
}

.legend-items{
    text-align: center;
}

.chart.legend{
    text-align: center;
    display: inline-block;

}

.measurement-table{
    border-right: 1px solid #DCE8F1;
    border-bottom: 1px solid #DCE8F1;
    border-left: 1px solid #DCE8F1;
    margin:0;
    border-top:0 !important;
    font-size: 13px;
}
.measurement-table th {
    background-color: #EEF2F5;
    border-bottom: 2px solid #DCE8F1 !important;
    border-top: 1px solid #DCE8F1 !important;
}

.measurement-table td, .measurement-table th{
    padding:5px 10px !important;
}

.measurement-table tbody tr td {
    border-top: 0;
}

.questionnaire-light-blue-item{
    background-color: #b4e5ff !important;
    background-image: none !important;
}

.datepicker{z-index:1151 !important;}

.has-error{
    color: #d16e6c;
}

.input-has-error {
    border-color: #f2a696 !important;
}

.changing-animation {
    -webkit-transition: 0.3s linear all;
    transition: 0.5s linear all;
    background-color: transparent;
}

.changing-animation.on {
    background-color: #33C3F0;
}


.container-wrapper{
    background-color: #E9E9E9 !important;
}

.tab-content{
    background-color: white;
    border:1px solid #ccc;
    box-shadow: 3px 3px 0 -1px #d0d0d0;
    margin-bottom:10px;
}

ul.dashboard-tabs .active a{
    border:1px solid #ccc !important;
    border-right:0 !important;
}
ul.dashboard-tabs li{
    background-color:#fff;
    border-right:0 !important;;
}

.mentegram-dark-blue{
    color: #00647a ;
}
.mentegram-dark-blue:hover{
    color:#0087A6;
    cursor:pointer;
}




.mentegram-bg-blue a{
    background-color: #003d52 !important;
}

.mentegram-blue a{
    color: #003d52 !important;
}

.mentegram-bg-menu-blue {
    border: 0 !important;
}

.mentegram-bg-menu-blue > a {
    background-color: #003d52 !important;
}

.mentegram-bg-menu-blue.active > a {
    background-color:#2E6589 !important;
}

.mentegram-bg-menu-blue > a:hover {
    background-color: #2e6589 !important;
}
.mentegram-bg-menu-blue > a:focus {
    background-color: inherit;
}

.label-fancy {
    border-radius: 2px;
    margin-left: 5px;
    font-size: 10px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    height: 17px;
    padding: 3px 6px;
}

.mentegram-blue a:hover{
    color: #000000 !important;
    text-decoration: none;
}

.navbar-header .light-blue{
    border-left: none;
}

.dashboard-tabs .active{
    border-left:5px solid #003d52;

}

.dashboard-tabs li a{
    min-height:40px;
    padding-top:10px;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

}
.dashboard-tabs .active a{
    padding-left:8px !important;
}

.dashboard-tabs .active a {
    color: #003d52 !important;

}
.tabs-left>.dashboard-tabs>li.active>a, .tabs-left>.dashboard-tabs>li.active>a:focus, .tabs-left>.dashboard-tabs>li.active>a:hover{
    -webkit-box-shadow: 0 3px 0 -1px #d0d0d0 !important;
    box-shadow: 0 3px 0 -1px #d0d0d0 !important;
}

h3{
    margin-top:15px;
    margin-bottom:15px;
    font-size: 18px;
}

.mentegram-table{
    border:1px solid #dddddd;
    font-size: 13px;
}

.mentegram-table td {
    border:0 !important;
}

.tab-content{
    min-height:450px;
}

.main-pill {
    font-size:30px;
}

.display-block{
    display:block !important;
}

.center-icon{
    text-align: center;
    display: inline-block;
    width: 100%;
}

@media (max-width: 978px) {
    .tabbable {
        padding: 0 !important;
        margin: 0 !important;
    }
}

body {
    background-color: #E9E9E9 !important;
}
.multipleAlert label{
    width: 140px;
    float: left;
  }
.multipleAlert .form-control{
    float: right;;
    margin-left: 20px;
    width: calc(100% - 170px);
}
#main-container::before {
    background-color: #E9E9E9 !important;
}

.dashboard-component-header h3{
    color: #393939;
}

.widget-title{
    color:#393939;
}

.templates-container-title{
    color:#478fca;
}

.widget-box{
    margin-top:0 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.note-item:hover {
    background: #fafafa;
}

.note-item {
    padding: 16px 8px;
}

.note-item.border-bottom {
    border-bottom: 1px dotted #82CBE0;
}

.note-header {
    border-left: 5px solid #82CBE0;
    padding: 8px 8px;
    font-size: 15px;
    background: #E8EFF1;
}

.note-header i {
    margin-right: 5px;
}

.note-date {
    width: 100px;
    color: #aaa
}

.note-date i {
    margin-right: 5px;
}

.client-row {
    height: 50px;
}

.client-row td {
    vertical-align: middle !important;
}

.mentegram-blue-table tr {
    border-bottom: 1px dotted #D2D2D2;
}

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

@media (max-width: 768px) {
    .therapist-contact-form.collapsed {
        opacity: 0.8;
    }

    .therapist-contact-form.collapsed h6 {
        min-width: 25px;
        text-align: center;
    }

    .therapist-contact-form.collapsed .hidden-collapsed-xs {
        display: none;
    }

    .back-to-top .hidden-collapsed-xs {
        display: none;
    }

    .back-to-top .ace-icon {
        margin: 0;
    }

    .back-to-top {
        opacity: 0.8;
    }
}

.back-to-top {
    border-radius: 3px 3px 0 0;
}

.therapist-contact-form .widget-header {
    border-radius: 3px 3px 0 0;
}

.dashboard-component-header .badge.badge-danger {
    border-radius: 3px;
    margin-bottom: 8px;
    font-weight: bold;
}

.report-body {
    padding: 10px;
}


.report-body h5 {
    margin: 0 0 10px 0;
    font-weight: bold
}

.report-body .input-textarea {
    width: 100%;
    margin-bottom: 10px;
    min-height: 120px;
}

.report-sub-header {
    margin-bottom: 10px;
}


.report-sub-header p {
    background: #E8EFF1;
    padding: 10px;
    margin: 0 0 10px 0;
}

.report-sub-header .warning-box {
    background: #fcf8e3;
    padding: 10px;
    margin: 0 0 10px 0;
    color: #8a6d3b;
}

.report-body h6 {
    font-weight: bold;
}

.report-header {
    font-size: 15px;
    cursor: pointer;
}

.report-header-create {
    background-color: #ABBAC3;
    color: #000;
    font-weight: bold;
    border-left: 5px solid #DC552D;
}

.report-sub-header-content {
    padding: 0 12px;
}

.report-sub-header-content h5 {
    margin: 0px;
}

.report-sub-header h5 {
    overflow: hidden;
}

.report-sub-header h5 .btn {
    margin: 5px 0px 0px 15px;
    display: inline-block;
    float: left;
}

.report-sub-header h5 span.main-text {
    padding: 10px 0;
    float: left;
}

.mentegram-university {
    background: #2E6589 !important;
    min-height: 45px;
    padding: 12px 12px;
    color: #fff;
    -webkit-transition: 0.3s ease all;
    transition: 0.5s ease all;
}

.mentegram-university .close-button {
    color: #fff;
    margin-left: 10px;
}

.mentegram-university strong {
    padding: 0 10px;
}

.mentegram-university .btn {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: -6px;
    margin-bottom: -4px;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 12px;
    border-radius: 2px;
    border-width: 1px !important;
    border-color: #55819F;
    color: #fff !important;
    text-shadow: inherit !important;
    background: #003D52 !important;
    outline: none !important;
}

@media (max-width: 768px) {
    .mentegram-university .btn {
        margin-left: 0;
        border-width: 0 !important;
        background-color: transparent !important;
        text-decoration: underline;
    }
}


.mentegram-university.university-success {
    background: #87B87F !important;
}

.mentegram-university-modal-animate {
    transition: 0.5s ease all;
    -webkit-transition: 0.3s ease all;
}

.mentegram-university-modal-header {
    background: #87B87F !important;
}

.btn-white {
    padding-top: 3px;
    padding-bottom: 3px;
}

.custom-blue-header {
    background: #EEF2F5 !important;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #DCE8F1;
    font-size: 15px;
    font-weight: bold;
}


.tools-block {
    background: #f2f9fb;
    border: 1px solid #e9f2f4;
    margin-bottom: 10px;
}

.tools-block .tools-header {
    background: #9fd1e0;
    line-height: 30px;
    padding: 0 10px;
    font-weight: bold;
}


.tools-block.tools-primary {
    background: #82cbe1;
    border-color: #ddecf8;
}

.tools-block.tools-primary .tools-header  {
    background: #59a4bb;
}

.tools-item {
    line-height: 30px;
    color: black;
    display: block;
    text-decoration: none;
}

.tools-item:hover {
    background: rgba(255,255,255,0.4);
    text-decoration: none;
    cursor: pointer;
    color: black;
}

.tools-item .toggle {
    background: rgba(89, 164, 187, 0.1);
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 5px;
}

.tools-item-text {
    padding-right: 5px;
}

.tools-selection {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.tools-selection-icon {
    margin-right: 10px;
}

.tools-selection-title {
    line-height: 26px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: bold;
}

.questionnaire-item {
    font-weight: bold;
    padding-right: 5px;
}

.questionnaire-tag {
    color: #4E7F8E;
    background: #E3F1F4;
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 3px;
    margin-right: 5px;
}

.modal-content {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
    .compacted-column {
        padding-left: 0;
    }
}

.bg-improved {
    background-color: #D6ECDF;
    color:#5C8C6C;
}

.bg-declined {
    background-color: #E4A398;
    color: #D15B47;
}

li.highlight a {
    background: white;
    border-left: 5px solid #DC552D !important;
    color: #003d52 !important;
}

.table-items {
    margin-left: 10px;
}

.table-item {
    display: inline-block;
    padding: 5px 15px;
    margin-right: 0px;
    margin-bottom: -1px;
    border-radius: 3px;
    margin-left: 0px;
    cursor: pointer;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}

.table-item.active {
    font-weight: bold;
    background: #F7F7F7;
    border: 1px solid #DDDDDD;
    border-top: 2px solid #ddd;
    border-bottom: 0;
}

.scores-selected {
    background: rgba(135, 184, 127, 0.25);
}

.dashboard-calendar .fc-toolbar .fc-left h2,
.dashboard-calendar .fc-toolbar .fc-center h2,
.dashboard-calendar .fc-toolbar .fc-right h2
{
    font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
}

.fc-event {
    cursor: pointer;
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top: 0;
}

.fc-time-grid .fc-slats td {
    border-top-style: dotted;
}

.fc th {
    border: 0;
    font-weight: normal;
}

td.fc-widget-header {
    border: 1px solid #DCE8F1 !important;
}

.fc-unthemed .fc-today {
    background: rgba(220, 232, 241, 0.50);
}

.fc-basic-view .fc-body .fc-row {
    min-height: 5em;
}

.fc-unthemed ::-webkit-scrollbar {
    width: 0.5em;
}

.fc-unthemed ::-webkit-scrollbar-track {
    background: #DCE8F1;
}

.fc-unthemed ::-webkit-scrollbar-thumb {
    background: #6AA4C1;
}

.fc-unthemed ::-webkit-scrollbar-corner,
.fc-unthemed ::-webkit-scrollbar-thumb:window-inactive {
    background: #6AA4C1;
}

select[disabled] {
    background: whitesmoke;
}

.tools-selection .btn{
    min-height: 42px;
}

.widget-menu i {
    padding-top: 10px;
}
.removebtn{
    position: absolute;
right: 0;
border: 1px  solid;
background: transparent;
border-radius: 7px;
bottom: 0
}
.table-alerts{
    font-size: 12px;
}
.alert-panel{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, 0.13);
    border-color: #ddd0;
    
}
.alert-panel .panel-body{
    padding: 0px 15px;
}
.alert-panel .panel-footer{
    background: transparent;
    text-align: right
}
.edit_icon.alert{
    padding: 0;
    font-size: 16px;
    color: #87b87f;
    margin-right: 5px;

}
.delete_icon.alert{
    font-size: 16px;
    color: #cc1010;
    padding: 0;

}
.panel-body p span{
    width: 74px;
    display: inline-block;
}
.linkClass
{
    color: #428bca;
}
.alert-panel .panel-body p {
    margin-bottom: 2px
}


.select-items div, .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}





.select-tag .show-blue .select-selected {
    background-color: DodgerBlue;
}

.select-tag select.show-blue  {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #ffffff;
    background-color: DodgerBlue !important;
    border: 1px solid #03a9f4 !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px;
        margin-right: 15px;
}

.select-tag select.show-blue:hover  {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #000000;
    background-color: white !important;
    border: 1px solid #03a9f4 !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px;
        margin-right: 15px;
}

/*.select-tag select.show-blue:focus {
    color: #ffffff !important;
    border-color: #f59942 !important;
    background-color: #fff !important !important;
    outline: none !important;
}*/


/*.select-tag .block-show .select-selected {
    background-color: #9bae82 !important;
}*/

.select-tag select.show-green  { 
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #ffffff;
    background-color: #9bae82 !important;
    border: 1px solid #03a9f4 !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px;
        margin-right: 15px;
}

.select-tag select.show-green:hover  {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #000000;
    background-color: white !important;
    border: 1px solid #03a9f4 !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px;
        margin-right: 15px;
}

.select-tag select, option.option-remove {
    border-top-color: #000000;
}

.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.legend-icons p i {
    width: 20px;
    height: 20px;
}

.ml-4 {
    margin-left: 3px;
}

.instrument_library{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 5px 0;
}
.instrument_library fieldset div label{
    margin: 0 10px 0 0;
}
.instrument_library fieldset div {
    display: flex;
    align-items: center;
    width: 500px;
}
@media(max-width:992px){
    .instrument_library fieldset div {
        width: 400px;
    }
}
@media(max-width:767px){
    .instrument_library fieldset div {
        width: 100%;
    }
}
.no-border {
    border: none !important;
}
.date_range_reports {
    float:left;
    width: 90px;
    margin: 7px 0 0 -12px;
}
.p_20 {
    padding: 20px;
}
.accordian_select {
    position: absolute;
    right: 35px;
    top: 4px;
    z-index: 99;
}
.no-border {
    border: none !important;
}
.date_range_reports {
    float:left;
    width: 90px;
    margin: 7px 0 0 -12px;
}
.mentegram-nav > li > a {
    display: flex;
    align-items: center;
}
.mentegram-nav > li > a .user-info {
    top:0;
}

.mentegram-nav > li > a .ace-icon + span {
    margin-left: 5px;
}

.client-key .list-wrap {
    background-color: white;
    border:1px solid #ccc;
    margin-bottom:10px;
    padding: 10px;
}
.client-key .list-wrap > * + * {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
.client-key .list-wrap .list-item {
    display: flex;
}
.client-key .list-wrap .list-item > * + * {
    margin-left: 5px;
}
/* .client-key .list-wrap .list-item .item1 {
    color: #007bff;
    width: 15ch;
    word-break: break-all;
} */
.client-key .list-wrap .list-item .item1 {
    flex-grow: 1;
}
.client-key .list-wrap .list-item .action {
    border:0;
}
.mg-stack {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
.mg-stack > * {
    margin-block: 0;
  } 
.mg-stack > * + * {
    margin-block-start: var(--space, 1rem);
  }
.pmi-number{
    font-size: 12px;
    color: #007bff;
}
.pmi-system{
    font-size: 12px;
}

body.login-layout {
    position: relative;
    height: 100vh;
}
body.login-layout::after {
    position: absolute;
    content: '';
    top: 0;
    left : 0;
    right : 0;
    bottom : 0;
    background-color: #e4e6e9;
    z-index: -2;
}
.mg-view-notes-bt {
    display: none;
}
@media ( max-width: 476px ){
    .xs-w-100 {
        width: 100% !important;
    }
    .xs-w-50 {
        width: 50% !important;
    }
    .xs-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .xs-mb-10 {
        margin-bottom: 10px !important;
    }
    .xs-mt-10 {
        margin-top: 10px !important;
    }
    .xs-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .xs-float-none {
        float: none !important;
    }
    body{
        background-color: #003d52 !important;
    }
}
.md-text-right {
    text-align: left;
}
@media (max-width: 767px) {
    .mg-view-notes-bt {
        display: inline-block;
    }
}
@media (min-width: 991px) {
    .md-text-right {
        text-align: right;
    }
}
@media only screen and (max-width: 479px){
.navbar:not(.navbar-collapse) .ace-nav{
    border: 0 !important;
}
}
.mg-loader-wrapper {
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate3d(-50%, -50%, 0);
}

.mg-loader-wrapper-fixed{
    width:35px;
    height:35px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mg-loader-wrapper-fixed > div{
    transform: scale(0.5);
}
.mg-loader {
    animation: rotate 2s linear infinite;
    height: 50px;
    width: 50px;
}
    
.mg-loader .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation:
    dash 1.5s ease-in-out infinite,
    color 6s ease-in-out infinite
    ;
    stroke-linecap: square;
    stroke: #DC552D;
}
    
@keyframes rotate {
    100% {
        transform: rotate(360deg);
        }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
    }
    100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
    }
}

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