@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
[v-cloak] {
    display: none;
}

.boxthree .splitValuesDiv {
    display: none;
}


h1, h2 {
    font-weight: 600;
}

h3, h4 {
    font-weight: 400;
}

h5, h6 {
    font-weight: 300;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}
#add_lookup .modal-header{
    font-size: 22px;
}
#context-menu-layer{
    /*z-index: 0 !important;*/
}

/* To hide the last field boarder */
#tab_detail_info .panel-body div.row:last-child {
    border-bottom: none !important;
}

.filter-close-checklist{
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    border-color: #4B6478 !important;
}

.star-rating-control{
    margin: 0px 5px !important;
}
.empdetail h5 .star-rating-control::after{
    background: transparent !important;
}
.organization_link.tooltips + div.tooltip {
    left: 0 !important;
}

.tooltips_left.tooltips + div.tooltip {
    left: 0 !important;
}
.popover.right{
    position: fixed;
}
.modeEditable {
    border-bottom: 2px #ccc dotted;
}
.portlet {margin-bottom: 0 !important}
.task_sliders{
    text-align: center;
    border: 1px solid #cccccc;
    padding: 40px;
    margin-bottom: 20px;
}
.block_slide_img{
    display: none;
}
.noUi-handle:after {
    left: 0px;
}
.noUi-handle{
    border-radius: 25px;
    background: #ccc;
}
.noUi-handle:after, .noUi-handle:before{
    background: none !important;
}
.remove-padding{
    padding: 0px !important;
}

.noUi-base {
    border: 1px solid #ccc;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(-90deg, rgb(225, 232, 211) 0%, rgb(66, 147, 33) 100%);
}
.slider_right{
    padding-right: 20%;
}
.task_sliders.disabled{
    cursor: no-drop;
}
.custom-width-class .v-select {
    width: 87.3%;
}
.task_sliders.added{
    border-left: 20px solid #f6ed43;
}
#add_participant_wrapper{
    padding-top: 20px;
}
.task_sliders.removed{
    border-left: 20px solid #ff0000;
}
.tooltips.modeEditable, .modeEditable.tooltips {
    border-bottom-color: #4a4a4a;
    border-bottom: dotted 3px #4a4a4a;
    padding-bottom: 4px;
}
ul.scheduleList {max-height:70%; -webkit-padding-start: 10px;}
ul.slotList {max-height:70%; -webkit-padding-start: 10px;}
.popover {
    z-index: 110000 !important;
}
.event-registration-page .tabbable-custom {
    overflow-y: auto !important;
    height: calc(100vh - 315px) !important;
}
.event-registration-page {max-height: 580px !important;}

.disableClass {
    color: #EAA40B;
}

.enableClass {
    color: #00ff00;
}
.left-lowerblock{
    text-align: center;
    margin-top: 28px;
    margin-bottom: 28px;
    display: inline-block;
    width: 100%;
}
.left-lowerblockOrg{
    margin-top: 28px;
    margin-bottom: 28px;
    display: inline-block;
}
/*.error {
    color: red;
}*/

.intl-tel-input {
    width: 100%;
}

.sendMailContentReplacedPreview ul, .sendMailContentReplacedPreview ol {
    margin-left: 15px;
}
.fc-day-grid-event{
    margin: 3px 2px 0 !important;
    padding: 0 1px;
}
div#toast-container{
    width: 20% !important;
}

.sendMailContentReplacedPreview ul li {
    list-style: disc !important;
}

.sendMailContentReplacedPreview ol li {
    list-style: inherit !important;
}

.tooltip {
    background-color: none !important;
    border: none !important;
}

textarea {
    resize: vertical !important;
}
.custom-star-rating > label {
    width: 100%;
    }
.vue-star-rating{
    width: 150px !important;
    float:left !important;
}
#infinite_scroll .attendestatus {
    left: -9px !important;
}

#infinite_scroll .attendestatus > img {
    max-width: 70%;
}

/*
Display estricks sign already if field is requried
*/

.form-group.form-md-line-input .form-control.required ~ label:before,
.form-group.form-md-line-input .form-control.required ~ .form-control-focus:before {
    content: ' * ';
}

.valid-msg {
    color: #77b32b;
}

.error-msg {
    color: #de0000;
}
.form-group.lineManager.manager-auto-select a.addOrganization
{ position: absolute;     right: 0;    top: 15px !important;}
.fileinput-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.input_file_attachments {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.download_attendee_report {
    cursor: pointer;
}

.deletedClass {
    color: #EA5C4B;
}

.modal#edit_seminar {
    position: fixed !important;
}

label.error {
    display: none !important;
}

#select2-drop {
    z-index: 10050 !important;
}

ul, li {
    list-style: none;
}

.reportPreview {
    background: #e3eaf3;
}

.report-field-accordion .ui-accordion-content ul li a,
.dropdrag-field {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.hide {
    display: none
}

.add_participant, .delete_participant {
    color: white !important
}

.apply_table_operation tr {
    cursor: pointer
}

.active-hr {
    background: #72bf44 none repeat scroll 0 0 !important;
    color: #132339 !important;
}

tr.active-hr {
    background: #f4f4f4 none repeat scroll 0 0 !important;
}

.document-list .active-hr {
    background: #f4f4f4 none repeat scroll 0 0 !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.image {
    padding-top: 0px !important;
    padding-left: 45px !important;
    height: 100px !important;
}

.image-modal-width {
    width: 380px !important;
}

.activity-modal-width {
    width: 800px !important;
}

.upload-icon {
    margin-top: 5px;
    margin-right: 10px;
}

.page-logo .logo {
    margin-top: 0px !important;
    height: 45px;
    margin-left: 6px !important;
}

.page-header.navbar .page-logo {
    padding-left: 0px;
}

.page-sidebar.navbar-collapse {
    margin-top: 15px;
}

fieldset.scheduler-border {
    border: 1px groove #e5e5e5 !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    padding: 20px;
}

fieldset a:hover{
    color: #000;
    background: #ffffff;
    text-decoration: none;
}

.page-content-wrapper .page-content {
    margin-top: 0px
}

.website-input {
    padding-left: 16px !important;
    width: 56%;
}

.file-button-section {
    display: none
}

.nav-tabs > li > a, .nav-pills > li > a, .form-control, .btn-sm, .btn-xs, .btn, body, label, .table thead tr th, .table tbody tr td {
    font-size: 14px;
}

.nav-tabs > li > a, .nav-pills > li > a, .form-control, .btn-sm, .btn-xs, .btn, body, label, .table thead tr th, .table tbody tr td {
    font-size: 14px;
}

legend {
    font-size: 16px;
}

.panel-title {
    font-size: 14px;
}

#participant-list table tr td, #organization-list table tr td {
    white-space: nowrap
}

.file-div {
    position: relative;
}

.file-button-section {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: center;
    left: 120px;
}

.file-button-section .btn {
    display: inline-block;
}

button.save_participant {
    text-align: center;
    margin-top: 5px
}

.pagination > li > a, .pagination > li > span {
    padding: 6px 8px !important;
}

fieldset .help-block-error {
    color: #a94442 !important;
    display: inline-block;
    margin-top: 5px !important;
}

.top-menu li a {
    color: white;
    font-size: 15px;
}
.event_registration_price{
    margin: 0px !important;
}
/*.top-menu li:not(:last-child){border-right:1px solid #3d4957;}*/
.page-header.navbar {
    height: 100px;
    position: fixed;
    border-bottom: 1px solid #cacaca;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    color: white;
    font-size: 16px;
}

.page-sidebar .page-sidebar-menu > li > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a:hover {
    color: white
}

.text-label, .fieldset-label {
    font-size: 18px;
    margin-bottom: 7px;
    font-weight: 600;
    text-transform: uppercase;
    color: #4b6478
}

.search-input {
    background: #e6e6e6 none repeat scroll 0 0;
    color: black;
    height: 31px
}

.participant-search i, .participant-search {
    font-size: 17px;
    font-weight: 600;
    padding: 3px 6px;
}

.participant-search.remove {
    border-left: 1px solid white;
    width: 40px;
}

fieldset .col-md-12 {
    padding: 0px
}

.top-label {
    font-size: 22px;
    font-weight: 200 !important;
}

.portlet-title .caption {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px !important;
    padding: 10px 10px !important;
}

/*.tabbable li.active a, .dataTable th{background-color:#e6e6e6 !important;}*/
.tabbable li.active a, .dataTable th {
    background-color: transparent !important;
}

.tabbable li a, .dataTable th a, .pagination li a {
    color: black !important;
}

.popover-content .btn-success, .pagination li.active a, #organization_confirm, button.green {
    background-color: #77b32b !important;
    color: #fff !important;
}

.popover-content .btn-danger {
    background-color: red;
}

.popover-content .btn-success, .popover-content .btn-danger {
    height: 26px;
    padding-top: 4px;
}

.textarea-note {
    margin: 0 0 1.5em 0 !important;
}

div.dataTables_paginate {
    float: left;
}

.organization_name {
    margin-top: 3px !important
}

.login-logo {
    margin-bottom: 20px;
    text-align: center;
}

.padding-right-none {
    padding-right: 0px !important;
}

.add_organization .margin-top-10 {
    padding-left: 0px;
}

.tools .plus_sign, .tools .minus_sign {
    color: white
}

.save_btn {
    text-align: center;
    margin-top: 5px;
}

.align-right {
    text-align: right;
    padding-right: 15px;
}

.tab-pane .tab-content {
    padding: 15px;
}

.toggleWizardHelpButton {
    margin: 15px;
}

.add-new-organization-label {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*pagination num and dropdown placement*/
.pagination_dropdown {
    margin-right: 40px;
    width: 55px;
}

.pagination_pagenum {
    padding-right: 0;
    width: 72%
}

.pagination_row_margin {
    margin-top: 20px
}

/*page aligment setting*/

.page-sidebar .page-sidebar-menu > li.active > a {
    background: #72bf44 !important;
}

.page-sidebar.navbar-collapse {
    margin-top: 0px
}

.page-container {
    margin-top: 0px
}

/* Add Address common page */
/*.address_form .address-label, .address_form .address2-label { padding-right: 10px !important; }*/
/*.address_form .address-control, .address_form .address2-control { padding-left: 6px; }*/

/*Event Calendar*/
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 1 !important;
}

/*Intro Js*/

.introjs-tooltiptext h1, .introjs-tooltiptext p{
    font-family: 'Poppins', sans-serif !important;
}
.introjs-tooltipbuttons{
    background: rgba(217, 217, 217, 0.3);
}
.introjs-disabled{
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}
.introjs-helperNumberLayer {
    border-radius: 50% !important;
    height: 28px !important;
    width: 30px !important;
}
#hintForm .notification_info:before{
    color: #77b32b !important;
}
.notification-wrapper .fa-play-circle{
    font-size: 25px;
    color: #77b32b;
    margin-top: 3px;
}
/*permission page*/

#permission_tree {
    height: 500px;
    overflow: auto
}

/* plugin manager */

.generalListStyle, .backupItem {
    padding: 10px;
    border: #ccc 1px solid;
    margin-bottom: 10px;
}

.file_size.bk_col {
    background: #fff;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
    border-radius: 3px !important;
    border: 1px #ddd solid;
    padding: 5px 10px;
    border: 1px #ccc solid;
    display: inline-block;
    margin: 5px 5px 0 0;
}

/*institution setting page*/
.box-border {
    border: 1px groove #999999 !important;
    box-shadow: 0px 0px 0px 0px #000;
    padding: 20px;
}

.input-delimiter-xs {
    width: 80%
}

.form-horizontal #institution-setting .control-label {
    text-align: left !important;
}

.custom_date_format .supported_datetime_format {
    vertical-align: top;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
}

.custom_date_format .preview-custom-date-format {
    margin-top: 29px;
    margin-left: -10px;
}

/*contact page */

.picture-label {
    padding-top: 0px;
    margin-top: 0px;
}

.action-icon {
    vertical-align: middle !important;
    text-align: center;
}

#participant-detail .radio-inline:last-child, #user-detail .radio-inline:last-child {
    padding-left: 10px !important;
}

/* Baggage */

.badge1 {
    position: relative;
}

.active .badge1[data-badge]:after {
    content: attr(data-badge);
    background: #77b32b;
}

.badge1[data-badge]:after {
    content: attr(data-badge);
    font-size: 10px !important;
    position: absolute;
    top: -5px;
    right: -7px;
    background: #aaaaaa;
    color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    /* box-shadow:0 0 1px #333;*/
}

/*workflow*/
.daysSuffix {
    margin-top: 3%;
    padding: 0;
}

/*new design for contact page*/

.fieldset-title {
    border-bottom: none;
    display: inline-block;
    font-size: 16px;
    color: #72BF44;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px;
    width: auto;
    padding: 0px 10px;
}

fieldset.scheduler-border {
    padding: 10px 20px
}

.contact-info-block .radio {
    padding-top: 3px;
}

.filter-radio-list .radio-inline {
    padding-left: 0px;
}

.sort-order {
    float:right;
}

@media (min-width: 1000px) {
    .schedule_modal_width {
        width: 80% !important;
        margin: 30px auto;
    }
}

@media (min-width: 1360px) {
    .schedule_modal_width {
        width: 93% !important;
        margin: 30px auto;
    }

    .contact-info-block .col-lg-6 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-info-block .col-lg-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 1920px) {
    .contact-info-block .col-lg-6, .contact-info-block .col-lg-12 {
        padding: 0px;
        width: 33.33333333%;
    }

    .contact-info-block .radio {
        padding-top: 0px;
    }

    .contact-info-lable {
        position: relative;
        top: 10px;
    }

    .contact-info-fieldset {
        padding-top: 0px !important;
    }
}

/* organization page */

.organization-contact-list .portlet.box {
    border: 0px !important
}

.organization-contact-list .dataTables_info {
    display: none
}

.organization-contact-list div.dataTables_paginate {
    float: right;
}

.organization_contact_list a {
    color: #333333 !important;
}

.organization_contact_list input[type=radio] {
    margin-left: -8px !important;
}

.communication-table input[type=radio] {
    margin-left: -8px !important;
}

/* Email Template page */

.ticket-variables-wrapper {
    position: absolute;
    left: 8%;
    top: 25%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    max-width: 455px;
    width: 100%;
    z-index: 9999;
}

.showContentPreviewBtn {
    width: 22px;
}

.ticket-variables-wrapper .portlet {
    margin-bottom: 0px;
}

.ticket-details span {
    vertical-align: top;
}

.ticket-details span.variable {
    cursor: move;
    border: dashed 1px #ccc;
    padding: 0px 5px 0 5px;
    margin-right: 10px;
    float: left;
}

.ticket-details p.ticket-info {
    padding-left: 130px;
    margin: 0px;
}

.ticket-details {
    padding-top: 10px;
    margin-top: 10px;
    border-top: #EFEFEF solid 1px;
    width: 100%;
    display: inline-block;
}

.ticket-details p.ticket-info::first-letter {
    text-transform: capitalize;
}

.right-arrow {
    display: block;
    background-image: none;
    float: right;
    position: absolute;
    right: -45%;
    top: 190px;
    background: none;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #72BF44;
}

.ticket-variables-wrapper .closebtn {
    color: #fff;
    font-size: 17px;
    margin-top: 1px;
    padding: 6px;
}

.email-template-status, .online {
    color: #65ab3b
}

tr.active-hr .email-template-status {
    color: #fff !important;
}

.offline {
    color: #B2B6BC;
}

.email-template-duplicate {
    color: #65ab3b
}

tr.active-hr .email-template-duplicate {
    color: #fff !important;
}

tr.active-hr .send-mail {
    color: #fff !important;
}

#emailtemplate-detail .form-body .active, #emailtemplate-detail .form-body .signature {
    margin-top: 8px;
}

#emailtemplate-detail .form-body .active .checker, #emailtemplate-detail .form-body .signature .checker {
    margin-left: 0px;
}

/* sidebar */
.page-sidebar .page-sidebar-menu > li.active > a:hover {
    background: #72bf44
}

/*common page css*/

.top-label p {
    display: inline
}

.form-group.required .control-label {
    position: relative;
}

.form-group.required .control-label:before {
    color: #d00;
    content: "*";
    position: absolute;
    top: 0px;
    right: -10px;
}

.tooltip {
    z-index: 100000 !important;
}

/*event page css*/

.event_form .form-group .control-label {
    padding-left: 0px;
}

.schedule_row td i {
    display: inline-block;
    float: right;
    bottom: 0;
    margin-top: 5px;
}

.event-search i, .event-filter i {
    line-height: 13px !important;
}

#organization-detail .form-group .control-label {
    padding-left: 0px;
}

.green-anchor-btn {
    background-color: #72bf44 !important;
}

/*document upload popup assign alignment issue*/

#add_document .contact-info-block .assign_to_other_div {
    margin-top: -6px;
    padding-left: 0px;
    padding-right: 0px;
}

#add_document .contact-info-block label {
    padding-left: 0px;
    padding-right: 0px;
}

.contact-list .search-user .dropdown-menu.sort-wrapper {
    margin-top: 10px;
    margin-right: -5px;
    border: none;
    border-top: solid 3px #fff;
    box-shadow: 0px 0px 20px 0px rgba(75, 100, 120, 0.54);
}

.contact-list .search-user .dropdown-menu.sort-wrapper:after {
    display: none !important;
}

/*filter box at event page*/

.filter-wrapper {
    position: absolute;
    top: 90px;
    right: 0px;
    margin: 0px;
    z-index: 100;
    background: #ffffff;
    border: none;
    border-top: solid 3px #fff;
    width: 100%;
    /*border-radius: 5px;*/
    box-shadow: 0px 0px 20px 0px rgba(75, 100, 120, 0.54);
    /*font-size: 14px;*/
}

.filter-wrapper:before, .contact-list .search-user .dropdown-menu.sort-wrapper:before {
    top: -19px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    right: 6px;
    margin-left: 0px;
}
#checklist_filter:before{
    left: 564px !important;
}

#overview .filter-wrapper:before, #overview .contact-list .search-user .dropdown-menu.sort-wrapper:before {
    top: -19px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    left: 8px;
    margin-left: 0px;
}

.accordion .panel .panel-title .accordion-toggle {
    padding: 10px 0px;
    color: #4B6478;
    font-weight: 600;
}

.filter-wrapper .filter-inner {
    box-sizing: border-box;
    height: 100%;
}

.filter-wrapper .filter-inner .filter-content {
    padding: 20px;
    width: 100%;
    word-break: break-word;
    white-space: initial;
}

.filter-content .panel-heading:last-of-type .accordion-toggle {
    border: none;
}

.filter-wrapper .panel-group {
    margin: 0px;
}

.filter-content .panel-default {
    background: none;
    border-color: #fff;
}

.filter-content .accordion-toggle {
    border-top: 1px solid #ddd;
}

.filter-content .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0 !important;
}

.filter-content .panel-heading {
    border-bottom-color: #ccc;
    text-align: left;
    background-color: transparent;
}

.filter-content .panel-heading a {
    padding-left: 0px;
}

.selected_search_criteria_list .search-choice-box {
    margin-top: 15px;
    display: inline-block !important;
    overflow: visible !important;
    width: 100%;
    background-color: #e6e6e6 !important;
    background-image: none;
}

.search-choice-box .search-choice-text {
    background: #fff;
    line-height: 25px;
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 3px;
    position: relative;
    max-width: 84%;
    word-wrap: break-word;
}

.search-choice-text span {
    float: left;
}

.search-choice-text .search-field {
    padding: 6px;
}

.search-choice-text .search-field span {
    float: none;
}

.search-field-edit-btn {
    float: left;
    background: #ccc;
}

.search-field-remove-btn {
    float: left;
    background: #ccc;
    margin-left: 2px;
}

.search-field-edit-btn a, .search-field-remove-btn a {
    display: inline-block;
    padding: 5px 5px 7px 5px;
}

/*copy option box*/

.copy-option-wrapper {
    position: absolute;
    bottom: 50px;
    z-index: 100;
    background: #ffffff;
    border-radius: 5px;
    border: none;
    border-bottom: none !important;
    box-shadow: 0px 0px 20px 0px rgba(75, 100, 120, 0.54);
    font-size: 14px;
    right: 9px;
}

.event_filter-wrapper {
    right: -45px !important;
}

.copy-option-wrapper:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-width: 8px;
    right: 15px;
    bottom: -16px;
    background: transparent;
    border-top-color: #fff;
}

.event-filter-wrapper.copy-option-wrapper:before {
    right: 95px;
}

.copy-option-wrapper .copy-option-inner {
    box-sizing: border-box;
    height: 100%;
}

.copy-option-wrapper .copy-option-inner .copy-option-content {
    padding: 20px;
    max-width: 320px;
}

.copy-option-wrapper .panel-default {
    background: none;
    border-color: #fff;
}

.copy-option-wrapper .checkbox-list label {
    color: #72bf44;
    font-size: 15px;
}

.event-tools {
    position: relative;
}

/*Login page center alignment*/
body, html {
    height: 100%;
}

.login-wrapper {
    position: relative;
    top: 45%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
}

/*end login page */

/*Assign to block && gender block */

.contact-info-block label {
    display: flex;
}

.contact-info-block label .radio {
    margin-right: 5px;
    padding-top: 0px;
}

.text-wrap {
    word-break: break-all;
    white-space: normal;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 7px !important;
}

@media (max-width: 767px) {
    .contact-info-block label {
        display: inline-block;
    }

    #participant-detail .radio-inline:last-child, #user-detail .radio-inline:last-child {
        padding-left: 0px !important;
        margin-left: 0px;
    }

    .assign_to_other_div {
        padding: 0px 6px;
    }

    .maindashboard .row .col-md-6 .row .col-md-12 {
        padding: 0px;
    }

    .maindashboard .row .col-md-6 {
        padding: 0 10px;
    }

    .maindashboard .row .col-md-12 .row .col-md-12 .row .col-md-12 {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #participant-detail .radio-inline:last-child, #user-detail .radio-inline:last-child {
        padding-left: 0px !important;
        margin-left: 0px;
    }

    .assign_to_other_div {
        padding: 0px 6px;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    #participant-detail .radio-inline:last-child, #user-detail .radio-inline:last-child {
        padding-left: 0px !important;
        margin-left: 0px;
    }

    .assign_to_other_div {
        padding: 0px 6px;
    }

    .chats li.participant-row {
        height: auto !important;
    }

    .user-id {
        border-left: none;
    }

    .tabbable-line.clearfix.custom-tabs-block {
        padding-top: 0px !important;
    }
}

@media (min-width: 992px) {
    #participant-detail .radio-inline:last-child, #user-detail .radio-inline:last-child {
        padding-left: 0px !important;
        margin-left: 0px;
    }
}

/*end of assign & gender block*/
/*#cke_content, .cke_chrome{display: block!important;}*/

#cke_content .cke_top {
    padding: 10px 10px 10px 64px !important;
}

#cke_content #cke_15 {
    height: 36px;
    position: absolute;
    left: 10px;
    top: 11px;
    width: 40px;
}

#cke_content #cke_15 .cke_button_icon {
    background-size: 32px !important;
    height: 32px;
    width: 32px;
    margin-top: 14px;
}

#cke_content #cke_15 a.cke_button {
    height: 56px !important;
}

/*Event Participants module */
.eventAttendeesWrapper {
    padding: 20px;
}

.eventRegistration #infinite_scroll .chats .message {
    margin-left: 0px;
    border: 0px;
}

.eventRegistration .active-hr, .eventRegistration .active-hr .message {
    background: #2D3340 !important;
    color: #fff !important;
}

.eventRegistration .active-hr .label-default {
    background-color: #fff !important;
    color: #2D3340 !important;
}

#add_participant_list {
    height: 300px;
    border: 1px solid #ccc;
    padding: 10px;
}

/*#infinite_scroll p{margin-bottom:20px;width:90%}*/
.loading {
    text-align: center;
}

.attendeesWrapper {
    position: relative;
    min-height: 350px;
}

.addNewAttendeesMain {
    padding: 10px;
}

.attendeesWrapper .addNewAttendeesWrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    top: 0px;
    background: #fff;
}

.addAttendees, .closeSlideDiv {
    display: block;
}

.eventAttendeesListWrapper .attendentDetails {
    display: block;
    position: absolute;
    top: -78px;
    left: 162px;
    z-index: 9999;
    -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.4);
    padding: 10px;
}

.eventAttendeesListWrapper .chats {
    position: relative;
}

.eventAttendeesListWrapper .attendent-row a.name:hover + .attendentDetails {
    display: block !important;
}

.attendentDetails:hover {
    display: block !important;
}

/*===================================   Design V2.0 ===================================*/

/*--------------------------------------------------
    [TRANSITION]
----------------------------------------------------*/
/* Cubic Bezier Transition */
/***
Contact page
***/
/*.form-control { padding: 0px !important;}*/

#cke_eventDescription {
    z-index: 100000 !important;
}

.cke_dialog {
    z-index: 100001 !important;
}

/*--------------------------------------------------
    [TRANSITION]
----------------------------------------------------*/
/* Cubic Bezier Transition */
/***
Contact page
***/

.row {
    margin-top: 0px;
}

.portlet.box > .portlet-title {
    background-color: #77b32b !important;
}

.portlet.box {
    border-color: #2D3340 !important;
    border: 0px !important;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
}

#participant-detail .portlet-body, #event-detail .portlet-body,
#organization-detail .portlet-body, .contact-page .right-content .portlet-body,
#location-detail .portlet-body, .contact-page .right-content .portlet-body {
    padding: 0px 0px 45px 25px;
  /*  min-height: 720px; */
  min-height: calc(100vh - 120px);
}

.portlet-body {

}

.fieldset-title {
    color: #4b6478 !important;
}

a {
    color: #4b6478;
}

a:hover, a:focus, a:visited {
    color: #242D38;
    background: none;
    text-decoration: none;
}

.scroller {
    padding-right: 0px;
}

.sidebar-content .portlet.box > .portlet-body {
    padding: 0px;
}

.active-hr, .active-hr .message, .chats li:hover {

}

.active-hr .label-default {
    background-color: #fff !important;
    color: #2D3340 !important;
}

li.in .body {
    margin-top: 10px;
}

.sidebar-content {
    padding-right: 0;
    padding-left: 0px;
}

#participant-detail, #event-detail, #organization-detail, .right-content {
    padding-left: 0;
    padding-right: 0px;
    position: relative;
}

.tabbable-line > .nav-tabs > li.active, .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #364150;

}

/*Chats*/
.chats li {
    padding: 0px 0px;
}

.label.label-sm {
    padding: 6px 4px 6px 4px;
}

.label-default {
    background-color: #2D3340 !important;
}

.details-wrapper {
    margin-top: 5px;
}

.detail-value {
    margin-left: 5px;
    width: 85%;
}

.chats li.in .message {
    border-left: 0px solid #2D3340;
    padding-left: 0px !important;
}

.thumbnail-round {
    /*width: 100px !important;*/
    /*height: 100px !important;*/
    /*background: #EDEDED;*/
    /*padding: 0px;*/
    box-sizing: content-box;
    border-radius: 50% !important;
    overflow: hidden;
    /*width: 70px;*/
    height: 70px;
    /*margin-top: 0px;*/
    position: relative;
}

.thumbnail-round img {
    width: 70px !important;
    height: 70px !important;
}

.user-checkbox-list {
    margin-top: 40px;
}

.chats li {
    background: #fff !important;
    border: 2px solid #d5d5d5;
    border-radius: 5px !important;
    list-style-type: none !important;
}

.chats li.active-hr, .chats li:hover {
    border-color: #77b32b;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.3)
}

.role-user-list {
    padding-left: 0px;
}

/*
.personal_detail {
    color: white;
    margin-top: 30px;
    margin-left: -28px;
}
*/

/*.col-md-3 {
    top:-29px;
    margin-left: 515px;
    background-color: #4b6478;
    width: 262px;
}
*/
.page-content-wrapper .page-content {
    margin-left: 0px;
}

.update_contact {
    float: right;
    /*position: relative;
    left: 1145px;
    top: -40px;*/
}

.fixed-action-btn {
    bottom: 675px;

}

.fixed-action-btn.contact-sorting ul {
    bottom: auto;
    top: 52px;
}

.fixed-action-btn.contact-sorting ul li {
    margin-bottom: 0px;
}

.fixed-action-btn.contact-sorting ul li a {
    color: #fff;
}

.fixed-action-btn.contact-sorting ul li a:hover {
    text-decoration: none;
}

.fixed-action-btn.contact-sorting ul li a.btn-floating {
    height: 24px;
    line-height: 24px;
}

/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

.contact-list {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.contact-list .search-user {
    margin-bottom: 0px;
    padding: 45px 30px;
    background: #77b32b;
    border-radius: 5px 5px 0 0;
}

.contact-list .search-user .btn {
    margin-left: 10px;
}

.user-id {
    color: #77b32b;
    font-weight: 600;
    font-size: 15px;
    padding: 0px;
    vertical-align: top;
    border-left: 1px solid #aaaaaa;
}

.user-id .sales {
    width: 100%;
    padding: 5px 8px !important;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

span.room_count {
    padding: 0 5px;
}

.chats li {
    margin: 0px 0px 10px 0px;
}

.chats li.participant-row {
    height: 125px;
}

.chats li .message {
    padding: 15px 0px 15px 15px;
    margin: 0px !important;
    min-height: 100px;
    background: none !important;
    cursor: pointer;
}

.chats li .message h2 {
    margin-top: 0px;
    font-weight: 500;
}

.chats li .message h4 {
    margin-top: 0px;
    font-weight: 500;
}

.chats li .message h5 {
    margin-top: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: normal;
    margin-bottom: 10px;
}

#event-list .user-id .sales {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: 0px 15px;
    left: 0px;
}

.page-content .btn-default {
    background-image: -moz-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -ms-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    color: #fff;
    border: none;
}

.page-content .btn-default i.fa {
    color: #fff;
}

.page-content .search-user .btn-default {
    background-color: #77B32B;
}

.input-group button.btn-default i.fa {
    background: url('../images/manageicon.png') no-repeat;
    width: 24px;
    height: 23px;
    display: block;
    margin: 0 auto;
}

.input-group button.button-default i.fa {
    background: url('../images/manageicon.png') no-repeat;
    width: 24px;
    height: 23px;
    display: block;
    margin: 0 auto;
}

.page-content .button-default {
    background-image: -moz-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -ms-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    color: #fff;
    border: none;
}

.search-user .search-input {
    border-radius: 25px !important;
    height: 37px !important;
}

.input-group .btn-default i.fa.fa-sort {
    background-position: -24px 0;
}

.input-group .btn-default i.fa.fa-filter {
    background-position: -48px 0;
}

.input-group .btn-default i.fa.fa-filterbusiness {
    background-position: -72px 0;
}

#participant-list .user-id .sales {
    bottom: 7px;
    top: 15px;
    position: relative;
    left: 10px;
}

#moreroletext {
    font-size: 12px !important;
    padding: 0 11px !important;
}

.input-group .fa-unsorted::before, .input-group .fa-sort::before, .input-group .fa-filter::before {
    content: '';
}

.input-group .btn-circle {
    border-radius: 0 !important;
    margin: 0 !important;
    height: 37px;
    width: 45px;
}

.page-content .btn-icon-only > [class^="icon-"], .btn-icon-only > i {
    margin-top: 4px;
}

.chats li .message .avatar {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background: #eff0f5;
    border: #acacac solid 2px;
    position: absolute;
    left: 0px;
    top: 15px;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
}

.chats li .message .avatar img {
    max-width: 90px;
}

.chats li .message .avatar .fa-user {
    font-size: 80px;
    width: 90px;
}

.chats li .message-no-space {
    margin-left: 0px !important;
}

.person-details, .location-details, .page-details {
    background: #77b32b;
    color: #fff;
    padding: 22px 30px 14px;
    border-radius: 5px 5px 0 0;
    height: 128px !important;
}

.person-id-details, .location-id-details {
    border-left: 5px solid;
    background: #77b32b;
    color: #fff;
    padding: 0px;
    vertical-align: top;
}

.person-id-details h5, .location-id-details h5 {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    padding: 23px 15px;
    display: inline-table;
    width: 100%;
    white-space: normal;
    vertical-align: top;
    word-break: break-all;
}

.person-id-details h5:first-of-type, .location-id-details h5:first-of-type {
    border-bottom: #fff solid 5px;
}

/*.edit-form-block .person-id-details {border-left: #fff solid 5px; vertical-align: top;}*/
.totalnewReg.price_format {
    font-size: 29px;
    font-weight: 600;
    padding-left: 5px;
}

.indication_avtar {
    position: relative;
    overflow: visible;
}

.indication_avtar .fileinput {
    position: absolute;
    left: 0px;
    top: 0px;
}

.indication_avtar .personal_detail {
    padding-top: 0;
    margin-left: 0;
}

.indication_avtar .personal_detail h2 {
    margin-top: 0px;
    font-weight: 500;
}

.indication_avtar .personal_detail h4 {
    font-weight: 500;
    background: #77b32b;
}

.indication_avtar .personal_detail h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: normal;
}

.indication_avtar_border::after {
    background: #fff none repeat scroll 0 0;
}

/*.indication_avtar::after {
    bottom: 11px;
    content: "";
    display: block;
    height: 1px;
    left: 110px;
    position: absolute;
    right: 0;
    background: #fff;
}*/
.indication_avtar_border::after {
    bottom: 8px;
    content: "";
    display: block;
    height: 1px;
    left: 0px;
    position: absolute;
    right: 0;
    background: #fff;
}

.personal_detail > br {
    display: none;
}

#infinite_scroll {
    padding-top: 10px;
}

#infinite_scroll a {
    font-weight: 600;
}

.group-sorting {
    border-bottom: #4b6478 solid 2px;
    background: #fff;
    display: block;
    padding: 10px 15px 5px;
    font-size: 18px;
    font-weight: 600;
    width: 99.9%;
    display: none;
}

.search-user .right {
    float: none !important;
    overflow: hidden;
    margin-bottom: 0px;
}

/*.search-user input.form-control { box-sizing: border-box; height: 54px;line-height: 54px; background: #fff; border-bottom: none; font-size: 14px; padding:10px 40px 10px 20px!important;}*/
.btn-default:active:hover, .btn-default.active:hover {
    background-color: #242D38;
}

#marketingFilter input.form-control {
    float: none !important;
}

#marketingFilter .form-group {
    margin-bottom: 0px !important;
}

#marketingFilter #distance_row {
    margin-top: -10px;
    margin-bottom: 11px;
}

.button-default:active:hover, .button-default.active:hover {
    background-color: #242D38;
}

.fa.fa-search.search-button {
    font-size: 14px;
    line-height: 30px;
    margin-right: 15px;
    margin-top: 4px;
}

.custom-tabs-block {
    padding: 25px 0px 0px 0px;
}

.custom-tabs li {
    text-align: center;
}

.custom-tabs li a {
    font-size: 16px;
}

.custom-tabs .fa {
    font-size: 35px;
    line-height: 65px;
    display: inline-block;
    width: 65px;
    height: 65px;
    text-align: center;
    border: #4b6478 solid 2px;
    margin-bottom: 5px;
}

.custom-tabs p {
    margin-bottom: 0px;
}

.custom-tabs li.active .fa {
    background: #4b6478;
    color: #fff !important;
}

.tabbable-custom > .tab-content {
    display: inline-block;
    width: 100%;
}

.tabbable-custom > .nav-tabs > li.active {
    border-top: none;
}

.tabbable-custom > .nav-tabs.custom-tabs > li {
    margin-right: 35px;
}

.chats li .message h2,
.chats li .message h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    margin-bottom: 0px;
    font-weight: 600;
}

.edit-form-block {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #fff;
    z-index: 30;
    width: 100%;
    padding: 0px 0px 0px 0px;
    height: 100%;
    border-left: solid #f4f4f4 25px;
}

#organization-detail .edit-form-block {
    z-index: 1000 !important;
}

.person-edit-details {
    background: #77b32b;
    color: #fff;
    padding: 15px;
    height: 128px;
    border-radius: 5px 5px 0px 0px;
}

.person-edit-details .indication_avtar .fileinput {
    position: relative;
    float: left;
}

.person-edit-details .indication_avtar .button-section {
    padding: 35px 15px 15px;
    float: left;
}

.person-edit-details .indication_avtar label {
    float: left;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin-right: 15px;
    margin-top: 35px;
}

.role-edit-details {
    border-right: 5px solid;
    background: #77b32b;
    color: #fff;
    padding: 15px;
    vertical-align: top;
}

.role-edit-details label {
    float: left;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin-right: 15px;
}

.role-edit-details .form-md-checkboxes > div:first-child > label {
    margin-top: 35px;
}

.role-edit-details .form-md-checkboxes .md-checkbox label > .box {
    border: 2px solid #fff;
}

.page-content .person-edit-details .btn-default, .page-content .role-edit-details .btn-default {
    background: #FFFFFF;
    color: #4b6478;
    line-height: 21px;
}

.page-content .person-edit-details .btn-default i, .page-content .role-edit-details .btn-default i {
    color: #ffffff;
}

.role-user {
    padding: 10px 0px 0px;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}

.role-user label {
    margin: 0px;
}

.role-user:last-of-type {
    padding-bottom: 0px;
}

.role-edit-details .row {
    margin-bottom: 0px;
}

.fa {
    font-size: 16px;
    line-height: 16px;
}

.role-details-list {
    padding-left: 25px;
    padding-top: 15px;
}

.role-details-list .role-list {
    margin-bottom: 15px;
    font-size: 16px;
}

.role-details-list .btn-icon-only {
    width: 54px;
    height: 54px;
    border-radius: 50% !important;
}

.role-details-list .btn-default {
    margin-right: 5px;
}

.role-details-list .btn-default.none-active {
    background: #eff0f5;
    color: #000
}

.role-details-list .btn-default.none-active i.fa {
    color: #4b6478;
}

.role-details-list .btn-default .fa {
    font-size: 30px;
    line-height: 35px;
}

#tab_activity_info {
    padding-top: 5px;
}

.activities-item {
    margin-bottom: 15px;
    border-bottom: #eee solid 1px;
    padding-bottom: 5px;
}

/*.activities-item:last-of-type { border: none; margin-bottom: 0px; padding-bottom: 0px;}*/
.activities-checkbox {
    float: left;
}

.activities-info {
    padding-left: 0px;
}

.activity-button {
    float: right;
}

.activities-status {
    padding-right: 100px;
    text-align: right;
}

.custom-tabs {
    font-size: 14px;
}

.notes-list {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: #EEE solid 1px !important;
}

.notes-list:last-of-type {
    border: none;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.note_row {
    padding-right: 100px;
}

.notes-btn-block {
    float: right;
}

.custom-tabs-block .portlet.light {
    padding: 20px 20px 0px;
    margin-bottom: 0px;
}

.note_form .note_row {
    /*white-space: nowrap;*/
    white-space: pre-line;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

.note_form .note_row p {
    /*white-space: nowrap;*/
    white-space: normal;
}

.save-notes {
    float: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.textarea-note {
    padding-right: 45px;
    position: relative;
}

.note_form {
    position: relative;
}

.custom-tabs-block .portlet-title .caption {
    text-transform: capitalize;
    padding: 15px 0px 0px !important;
}

.document-list ul {
    padding: 0px 0px 0px 0px;
    border-top: #EEE solid 0px;
    margin-top: 13px;
}

.document-list ul li h3 {
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px;
    margin: 30px 0 20px;
    height: 21px;
}

.document-list ul li {
    width: 29%;
    display: inline-block;
    text-align: center;
    border: #F7F7F7 solid 1px;
    margin: 2%;
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2)
}

.document-list ul li div {
    transform: none !important
}

.document-list ul li figcaption {
    transform: none !important
}

.document-list ul li:hover {
    background: #fff;
    box-shadow: 0 20px 12px 0px rgba(0, 0, 0, 0.2)
}

.document-list ul li .file-type .fa {
    font-size: 50px;
    line-height: normal;
}

.document-list ul li:last-of-type {
    margin-right: 0px;
}

.document-list ul li {
    overflow: hidden;
    position: relative;
    min-width: 200px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.document-list ul li:hover .document-blcok {
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
}

.document-list ul li .document-blcok {
    cursor: pointer;
    height: 100%;
    width: 100%;
    display: inherit;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.document-list ul li:hover .view-caption {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.document-list ul li .view-caption {
    background-color: #77B32B;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 8px 10px;
}

.apply_table_operation .document-list ul li:hover {
    background: #fff;
}

.apply_table_operation .document-list ul li:hover .document-blcok {
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;

}

.apply_table_operation .document-list ul li:hover .view-caption {
    transform: none;
}

#tab_document .apply_table_operation .tools {
    float: right;
}

#tab_document .document-list ul, #tab_document .document-list ul li {
    margin-top: 0px;

}

#tab_document .document-list ul li {
    margin-left: 5px;
}

.file-type {
    padding: 10px 0px;
}

.document-list ul li input[type="checkbox"] + label {
    padding-left: 18px;
}

.back-arrow {
    border-right: #fff solid 3px;
    float: left;
    margin-right: 25px;
}

.back-arrow a {
    padding: 0px 25px 0px 20px;
    display: inline-block;
    line-height: 50px;
}

.back-arrow .glyphicon {
    font-size: 25px;
    color: #fff;
    line-height: 50px;
    top: 4px;
}

.page-breadcrumb {
    padding: 0px;
    margin: 0px;
}

.page-breadcrumb li {
    display: inline-block;
    line-height: 55px;
}

.page-breadcrumb li a {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
}

.page-breadcrumb li a:hover {
    text-decoration: none;
}

.page-breadcrumb li .fa {
    font-size: 17px;
}

.page-breadcrumb li.active-hr {
    background: none !important;
}

label {
    color: #4B6478;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date],
input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    font-size: 14px;
}

.contact-page.page-content {
    padding: 0px !important;
    margin: 0px !important;
}

.footer-button {
    position: fixed;
    left: 45px;
    right: 0;
    bottom: 0px;
    width: auto;
    z-index: 1000;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.footer-button .btn {
    margin-left: 5px;
}

.top-menu .nav > li > a:focus, .top-menu .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent !important;
}

/*.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: #242D38; }*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li:not(:last-child) {
    border: none;
}

.person-edit-details .thumbnail-round {
    float: left;
}

.sidebar-content .portlet.box > .portlet-title {
    padding: 0px;
}

#tab_address_form, #tab_address_info {
    overflow: visible !important;
}

.event-price-detail {
    float: right;
    background: #4B6478;
    padding: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
}

.edit-contact-details, .edit-event-details, .edit-organization-details {
    padding: 25px 100px;
}

.edit-contact-details .form-group.form-md-line-input .form-control,
.edit-organization-details .form-group.form-md-line-input .form-control,
.edit-event-details .form-group.form-md-line-input .form-control {
    border-bottom: 1px solid #B8C3D0;
}

.form-group.form-md-line-input.required .form-control.error:not([readonly]) ~ label:after,
.form-group.form-md-line-input.required .form-control.error:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.bic:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.bic:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.vat:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.vat:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.iban:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.iban:not([readonly]) ~ .form-control-focus:after {
    background: #F3565D;
    visibility: visible;
    left: 0;
    width: 100%;
    height: 0.12em;
}

.form-group.form-md-line-input.required .form-control.error:not([readonly]) ~ label {
    color: #F3565D;
}

/*.form-group.form-md-line-input.form-md-floating-label .form-control.error ~ label { top: 0; font-size: 13px;}*/
.contact-page label.error, #reportModel label.error, .prevent-error-message label.error {
    display: none !important;
}

.contact-page label#DocumentUpload-error {
    display: inline-block !important;
    color: red
}

.contact-page label#person_avtar-error {
    display: inline-block !important;
    color: red;
    font-size: 14px
}

.add-event-contact .portlet-title h3 {
    margin-top: 10px;
}

.add-event-contact .portlet-title .closeSlideDiv {
    margin-top: 5px;
}

.add-event-contact .add-contact-btn .delete-teamuser-btn {
    position: absolute;
    top: 15px;
    right: 0px;
}

.add-event-contact .chats li .message {
    padding-right: 35px;
}

#event-registration .portlet-title h2 {
    margin-top: 14px;
    margin-bottom: 14px;
}

.participants-limit-wrapper .col-md-6 {
    padding-left: 0px;
}

.chats li.event-row .message {
    margin-left: 0px !important;
}

.event-status-1 {
    color: #65ab3b;
}

.event-status-2 {
    color: #ffb241;
}

.event-status-0 {
    color: #B2B6BC;
}

.event-status {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.relative {
    position: relative;
}

.attenddes-list {
    padding: 5px 10px;
    background: #4B6478;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#toast-container {
    left: 44% !important;
    top: 4% !important;
}

.form-group.form-md-line-input .form-control ~ label {
    color: #4b6478 !important;
    font-size: 13px !important;
}

.assign_to_other_div {
    margin-top: 10px;
}

.organization_detail h2 {
    margin-top: 0px;
}

.organization_detail h5 {
    background: #77b32b none repeat scroll 0 0;
    display: inline-block;
    margin-top: 0;
    padding-right: 5px;
    position: relative;
    top: 0;
    z-index: 1000;
}

.date-humanize {
    font-weight: 300 !important;
    color: #4b6478;
    font-size: 85%;
    font-family: Open Sans, Arial, Helvetica, Sans-Serif
}

.portlet-body.table-list {
    padding: 0px !important;
}

#event-registration #event-list .contact-list {
    background: #e3eaf3;
    padding: 0px 0px;
    border-left: #4b6478 solid 15px;
    border-right: #4b6478 solid 15px;
    border-bottom: #4b6478 solid 15px;
}

#role-detail .person-details h2, .location-details h2, #team-member-detail .team-details h2, #emailtemplate-detail .person-details h2 {
    margin: 5px;
}

#lookuptable-detail .person-details, #lookuptable-detail .location-details, #lookuptable-detail .page-details {
    height: 65px !important;
}

#role-detail .person-id-details h5:first-of-type,
#user-detail .edit-form-block .person-id-details h5:first-of-type,
#team-member-detail .person-id-details h5:first-of-type,
#emailtemplate-detail .person-id-details h5:first-of-type {
    border: none;
}

#preview_avtar_image .modal-content {
    min-width: 250px;
}

.user-list-to_add {
    padding: 20px 0px;
}

.organization_link, .organization_link:focus, .organization_link:visited, .mobile, .mobile:hover, .mobile:focus, .mobile:visited {
    color: #fff;
    background: none;
    text-decoration: none;
}

/*.OrganizationID a:hover {
    color: #aab8c4;
}*/

#organization-list .chats li.in .message,
#event-list .chats li .message,
#emailtemplate-list .chats li.in .message,
#team-list .chats li.in .message,
#access-role-list .chats li.in .message,
#location-list .chats li.in .message {
    padding-left: 0px !important;
    margin-left: 0px !important;
    min-height: auto;
}

.filter-close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    border-color: #4B6478 !important;
}

.report-field-accordion h3 {
    font-weight: 600;
    font-size: 16px;
    padding: 12px 40px 12px 15px;
    margin: 10px 0px 0px 0px;
    background: #fafafa;
    cursor: pointer;
    position: relative;
}

.report-field-accordion h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.report-field-accordion h3.ui-state-active {
    background: #4B6478;
    color: #fff;
}

.report-field-accordion h3:first-of-type {
    margin-top: 0px;
}

.report-field-accordion h3.ui-state-focus {
    outline: none;
}

.report-field-accordion .ui-accordion-content {
    background: #dbe0e4;
    padding: 15px;
    max-height: 250px;
    overflow: auto;
}

.report-field-accordion .ui-accordion-content ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.report-field-accordion .ui-accordion-content ul li {
    margin-bottom: 5px;
    list-style: none;
}

.report-field-accordion .ui-accordion-content ul li:last-of-type {
    margin-bottom: 0px;
}

.report-field-accordion .ui-accordion-content ul li a {
    text-align: left;
    padding: 8px;
    background: #FAFAFA;
    cursor: move;
    border: #dbe0e4 solid 1px;
    position: relative;
    z-index: 100;
}

.report-field-accordion .ui-accordion-content ul li a:hover {
    background: #FFFFFF;
    color: #4B6478;
    padding-left: 16px;
    font-weight: 600;
}

.report-field-accordion h3:after {
    content: "\f107";
    position: absolute;
    right: 15px;
    top: 14px;
    font-family: 'FontAwesome';
}

.report-field-accordion h3.ui-state-active:after {
    content: "\f106";
    position: absolute;
    right: 15px;
    top: 12px;
    font-family: 'FontAwesome';
}

.report-section h2 {
    margin: 0px;
    font-weight: 500;
    font-size: 24px;
}

.report-drop-box {
    position: relative;
    z-index: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #FAFAFA;
    border: 1px dashed #ddd;
    padding: 0px;
}

.report-drop-scroll {
    height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #e3eaf3;
    padding: 15px
}

.dropdrag-field {
    padding: 8px;
    background: #FFFFFF;
    cursor: move;
    border: #dbe0e4 solid 1px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    position: relative;
    line-height: normal;
}

.dropdrag-field:last-of-type {
    margin-bottom: 0px;
}

.dropdrag-field label {
    margin: 0px;
    white-space: nowrap;
    padding-right: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.remove_dropped_item {
    float: right;
    position: absolute;
    right: 15px;
}

.dropdown-menu {
    font-family: "Open Sans", sans-serif;
}

#tab_seminar_budget .panel-heading h4.panel-title a.collapsed:after, .filter-content .panel-heading h4.panel-title a {
    position: relative;
}

#tab_seminar_budget .panel-heading h4.panel-title a.collapsed:after, .filter-content .panel-heading h4.panel-title a.collapsed:after {
    content: "\f107";
    position: absolute;
    right: 15px;
    top: 14px;
    font-family: 'FontAwesome';
}

#tab_seminar_budget .panel-heading h4.panel-title a.collapsed:after, .filter-content .panel-heading h4.panel-title a:after {
    content: "\f106";
    position: absolute;
    right: 15px;
    top: 12px;
    font-family: 'FontAwesome';
}

#tab_seminar_budget .panel-heading h4.panel-title a.collapsed:after, .filter-content .accordion .panel .panel-title .accordion-toggle {
    padding: 12px 0px;
}

.filter-wrapper .panel-group {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}

.filter-wrapper .filter-btn-group .btn {
    margin-left: 0px;
    margin-right: 5px;
    background-color: #77B32B !important;
}

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

.mr-top-none {
    margin-top: 0px;
}

.dropdown-menu li > a, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #4B6478;
    font-weight: 300;
}

.form-group.form-md-line-input .form-control {
    color: #4B6478;
    font-size: 14px;
}

.search-user input.form-control:focus {
    border-color: #E3EAF3;
}

#location-list .chats li .message .avatar {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.room-table tr th, .lookups-table tr th {
    border-bottom: #4B6478 solid 2px;
    padding: 5px;
    font-size: 16px;
}

.room-table tr td, .lookups-table tr td {
    padding: 5px;
}

/*.tabbable-custom.location-tab  > .nav-tabs.custom-tabs > li {margin-right: 30px;}*/
.room-button {
    white-space: nowrap;
}

.facilities {
    background: #77b32b;
    padding: 15px;
    color: #fff;
    display: inline-block;
    width: 100%;
    float: left;
}

.facilities h5 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 15px;
}

.facilities ul {
    margin: 0px;
    padding: 0px;
}

.facilities ul li {
    width: 33.3333%;
    float: left;
    list-style: none;
    padding-bottom: 5px;
}

#event-detail .document-list li, #team-member-detail .document-list li, #location-detail .document-list li, #user-list .document-list li {
    width: 18%;
}

/* set static width for event - document - tab */
.copy-option-inner h4 {
    padding-top: 0px;
    padding-bottom: 0px
}

.edit-contact-scroll {
    height: 530px;
}

.preview_image_wrapper {
    max-width: 400px;
    max-height: 700px
}

/*#event-detail .indication_avtar .personal_detail { margin-left: 15px;}*/

.chats li .message.lookup-listing {
    margin: 0px !important;
    min-height: inherit;
    padding: 10px 0px;
}

.chats li .message.lookup-listing h4 {
    margin: 0px;
    text-transform: capitalize;
    font-weight: 600;
}

.user-id.lookup-id {
    padding: 15px;
    vertical-align: middle;
}

.chats li .message.teams-list {
    margin: 0px !important;
    min-height: inherit;
    padding: 10px 0px;
}

.user-id.teams-id {
    padding: 15px;
    vertical-align: middle;
}

#emailtemplate-detail .person-id-details h5 {
    padding: 18px 15px;
}

/*.events-search { padding:15px; background: #E3EAF3; }*/
.events-search {
    padding: 0px 15px;
    background: transparent;
}

.events-search input {
    border: medium none;
    border-radius: 25px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    height: 34px;
    padding-left: 30px
}

.events-search input:focus {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.trainer-icon {
    position: relative;
    top: 5px;
}

.role-info {
    position: relative;
    padding-left: 0px;
}

.role-info object {
    position: absolute;
    left: 0px;
    top: 0px;
}

.role-info .person_type {
    background-image: -webkit-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -o-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -ms-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;

    display: inline-block;
    font-size: 8px;
    padding: 3px 10px;
    border-radius: 25px !important;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

select option {
    max-width: 100%;
    word-break: break-all;
}

.manager-auto-select .select2-container-multi .select2-choices {
    border: 1px solid #B8C3D0;
    background-color: #E3EAF3;
}

.manager-auto-select .form-control {
    font-size: 12px !important;
    border-bottom: none !important;
}

.select2-default, .select2-container-multi .select2-choices .select2-search-field input {
    color: #4B6478 !important;
}

.select2-drop-active {
    border: 1px solid #B8C3D0;
}

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #B8C3D0;
    padding: 5px 5px 5px 18px;
    margin: 4px 4px 4px 0px;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background-color: #E3EAF3 !important;
}

.scroll-to-top {
    display: none !important;
}

.select2-results {
    margin: 0px !important;
    padding: 0px !important;
}

.select2-results .select2-result-label {
    padding: 5px 8px 5px;
}

@media only print {
    #tab_detail_info {
        width: auto;
        height: auto;
        overflow: visible;
    }
}

@media only print {
    .slimScrollDiv {
        width: auto;
        height: auto;
        overflow: visible;
    }
}

@media only print {
    .participantListForAttendanceWrapper .slimScrollDiv ul li {
        display: inline-block
    }
}

.document-list.gallery-list ul {
    padding-left: 12px;
}

.document-list.gallery-list ul li {
    width: 150px !important;
    border: #fff solid 3px;
    box-shadow: 0px 0px 15px rgba(75, 100, 120, 0.25);
    margin: 12px !important;
    min-width: inherit;
}

.document-list.gallery-list ul li .room_block {
    padding: 0px;
}

.document-list.gallery-list ul li .room_block {
    width: 100%;
    height: 100%;
}

.document-list.gallery-list ul li .room_block img {
    width: 150px;
    height: 100px;
}

.document-list.gallery-list ul li .view-caption {
    background-color: rgb(255, 255, 255);
    padding: 5px 10px 0px;
}

.galleryImageTag {
    height: auto;
    width: 100%;
}

@media print {
}

@media print {
    .slimScrollDiv, .eventAttendeesListWrapper {
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        page-break-after: always;
    }

    @page {
        margin: 0px;
    }

    html, body {
        margin: 0px;
        padding: 0px;
    }
}

.filter-reset-icon {
    cursor: pointer;
    padding: 0px 15px 0px 15px;
}

.cke_dialog {
    z-index: 1005500 !important;
}

.filter-reset-icon {
    cursor: pointer;
    padding: 0px 15px 0px 15px;
}

.set_value {
    cursor: pointer;
}

.room-table {
    border-collapse: separate;
}

.event-status-list {
    background: #CAECC6;
    color: #286D20;
    font-weight: 600;
}

.event-status-list td {
    border: #91BF8B solid 1px;
    padding: 8px 5px !important;
}

.set_value {
    cursor: pointer;
}

.future_event .past_event {
    color: black;
}

.present_event {
    color: red;
}

.search-button, .search-button-attendees {
    cursor: pointer
}

.success_event .fail_event {
    color: black;
}

.partial_event {
    color: red;
}

.floating-group-button li {
    border: 0 !important;
}

.floating-group-button li:hover {
    box-shadow: none !important;
}

.floating-group-button {
    box-sizing: border-box;
    margin: 0px;
    position: relative;
    right: 0px;
    white-space: nowrap;
    z-index: 30;
    padding-left: 0;
    list-style: none;
}

.floating-group-button .btn {
    border-color: #4B6478;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    transition: all .3s ease-out;
}

.floating-group-button .btn:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    border-color: #fff !important;
    color: #2D3340;
}

.floating-group-button .btn:hover i.fa {
    color: #2D3340;
}

.h-floating-effect {
    list-style: none;
    margin: 0;
    padding: 0;
}

.h-floating-effect > li {
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    padding: 0px 0;
    margin: 0px 0px;
    background: none !important;
}

.h-floating-effect li:nth-child(1) {
    -webkit-transform: translateX(-50px) scale(0);
    transform: translateX(-50px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.30s;
}

.h-floating-effect li:nth-child(2) {
    -webkit-transform: translateX(-100px) scale(0);
    transform: translateX(-100px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.25s;
}

.h-floating-effect li:nth-child(3) {
    -webkit-transform: translateX(-150px) scale(0);
    transform: translateX(-150px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.20s;
}

.h-floating-effect li:nth-child(4) {
    -webkit-transform: translateX(-200px) scale(0);
    transform: translateX(-200px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.15s;
}

.h-floating-effect li:nth-child(5) {
    -webkit-transform: translateX(-250px) scale(0);
    transform: translateX(-250px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.10s;
}

.h-floating-effect li:nth-child(6) {
    -webkit-transform: translateX(-300px) scale(0);
    transform: translateX(-300px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.1s;
}

.h-floating-effect li:nth-child(7) {
    -webkit-transform: translateX(-350px) scale(0);
    transform: translateX(-350px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.1s;
}

.float-zoomin.inn .h-floating-effect li:nth-child(1) {
    -webkit-transform: translateX(-50px) scale(1);
    transform: translateX(-50px) scale(1);
    transition-delay: 0.10s;
}

.float-zoomin.inn .h-floating-effect li:nth-child(2) {
    -webkit-transform: translateX(-100px) scale(1);
    transform: translateX(-100px) scale(1);
    transition-delay: 0.20s;
}

.float-zoomin.inn .h-floating-effect li:nth-child(3) {
    -webkit-transform: translateX(-150px) scale(1);
    transform: translateX(-150px) scale(1);
    transition-delay: 0.30s;
}

.float-zoomin.inn .h-floating-effect li:nth-child(4) {
    -webkit-transform: translateX(-200px) scale(1);
    transform: translateX(-200px) scale(1);
    transition-delay: 0.40s;
}

.float-zoomin.inn .h-floating-effect li:nth-child(5) {
    -webkit-transform: translateX(-250px) scale(1);
    transform: translateX(-250px) scale(1);
    transition-delay: 0.50s;
}

.float-zoomin.inn .h-floating-effect li:nth-child(6) {
    -webkit-transform: translateX(-300px) scale(1);
    transform: translateX(-300px) scale(1);
    transition-delay: 0.60s;
}

.float-zoomin.inn .h-floating-effect li:nth-child(7) {
    -webkit-transform: translateX(-350px) scale(1);
    transform: translateX(-350px) scale(1);
    transition-delay: 0.70s;
}

/*.dropdown-capitalize { text-transform: capitalize}*/

.scroll-bar {
    height: -moz-calc(100vh - 300px); /* Firefox */
    height: -webkit-calc(100vh - 300px); /* Chrome, Safari */
    height: calc(100vh - 300px); /* IE9+ and future browsers */
}

#infinite_scroll {
    height: -moz-calc(100vh - 275px); /* Firefox */
    height: -webkit-calc(100vh - 275px); /* Chrome, Safari */
    height: calc(100vh - 275px); /* IE9+ and future browsers */
}

.pd-t-25 {
    padding-top: 25px
}

.mr-r-10 {
    margin-right: 10px
}

.fieldSelection {
    cursor: pointer
}

/* Dashboard*/
.font-green-haze {
    color: #4B6478 !important;
}

.dashboard-stat {
    background-color: #77b32b !important;
}

.dashboard-stat.blue-madison, .dashboard-stat.blue-madison .more {
    background-color: #4B6478;
}

.schedule_modal_width {
    width: 60%;
}

.slotsListingWrapper span {
    /*margin-right: 10%;*/
    float: left;
}

.selectedParticipantList .pills span {
    padding: 5px;
    border: 1px solid #ccc;
    margin-right: 2px;
    display: inline-block;
}

.slotsListingWrapper span:first-child {
    margin-left: 5px;
}

.accordionHeading span {
    margin-right: 5%;
}

.slotsListingWrapper .slotDescription {
    width: 32%;
}

.slotsListingWrapper {
    margin: 12px;
}

#tab_schedule_info .panel .floating-group-button, .scheduleSlotList .panel .floating-group-button {
    right: -40px;
    top: -36px;
}

.schedule_add_slot .form-group.form-md-line-input, .scheduleSlotList .form-group.form-md-line-input {
    margin-bottom: 0px !important;
}

#tenant-detail .team_detail h2 {
    margin-top: 10px;
}

/*Yash stype sandhooo*/
#event-registration .tabbable-line.clearfix.custom-tabs-block {
    top: 210px !important;
    left: 10px !important;
}

#event_participant_list .tabbable-line.clearfix.custom-tabs-block {
    position: static !important;
}

.modal-open .select2-drop-mask {
    z-index: 10047;
}

/***************** my style start *********************/

.custom-tabs-block {
    padding: 0;
}

.tabbable-custom > .nav-tabs.custom-tabs > li {
    margin: 0 0 -1px 0px;
}

.institution-tabs > li {
    width: 8.33%;
}

.institution-tabs .fa.fa-info {
    color: #adadad;
}

.institution-tabs p {
    color: #adadad !important;
}

.institution-tabs a {
    height: 100px;
}

.custom-tabs .fa {
    background: url(../images/new-tab-icons.png) no-repeat;
    width: 40px;
    height: 40px;
    border: none;
}

.custom-tabs .fa.fa-home {
    background-position: -40px 0;
}

.custom-tabs .fa.fa-file-text {
    background-position: -80px 0;
}

.custom-tabs .fa.fa-list-ul {
    background-position: -120px 0;
}

.custom-tabs .fa.fa-file {
    background-position: -160px 0;
}

.custom-tabs .fa.fa-users {
    background-position: -280px 0;
}

.custom-tabs .fa.fa-userscheck {
    background-position: -320px 0;
}

.custom-tabs .fa.fa-money {
    background-position: -360px 0;
}

.custom-tabs .fa.fa-homebill {
    background-position: -400px 0;
}

.custom-tabs .fa.fa-paperclip {
    background-position: -440px 0;
}

.custom-tabs .fa.fa-schedule {
    background-position: -480px 0;
}

.custom-tabs .fa.room_tab {
    background-position: -520px 0;
}

.custom-tabs .fa.fa-photo {
    background-position: -560px 0;
}

.custom-tabs .fa.fastar {
    background-position: -600px 0;
}

.custom-tabs li.active .fa.fa-home {
    background-position: -40px -46px;
}

.custom-tabs li.active .fa.fa-file-text {
    background-position: -80px -46px;
}

.custom-tabs li.active .fa.fa-list-ul {
    background-position: -120px -46px;
}

.custom-tabs li.active .fa.fa-file {
    background-position: -160px -46px;
}

.custom-tabs li.active .fa.fa-users {
    background-position: -280px -46px;
}

.custom-tabs li.active .fa.fa-userscheck {
    background-position: -320px -46px;
}

.custom-tabs li.active .fa.fa-money {
    background-position: -360px -46px;
}

.custom-tabs li.active .fa.fa-homebill {
    background-position: -400px -46px;
}

.custom-tabs li.active .fa.fa-paperclip {
    background-position: -440px -46px;
}

.custom-tabs li.active .fa.fa-schedule {
    background-position: -480px -46px;
}

.custom-tabs li.active .fa.room_tab {
    background-position: -520px -46px;
}

.custom-tabs li.active .fa.fa-photo {
    background-position: -560px -46px;
}

.custom-tabs li.active .fa.fastar {
    background-position: -600px -46px;
}

.custom-tabs li i span.badgemark {
    background: red;
    width: 20px;
    border-radius: 50%;
    height: 20px;
    position: absolute;
    display: block;

}

.tabbable-line.clearfix.custom-tabs-block {
    margin-top: 2px;
}

.tabbable-line .col-md-12.col-lg-8 {
    padding-right: 5px;
}

.custom-tabs .fa:before {
    content: "";
}
.new-custom-tabs .fa.fa-home:before
{
    content: ""!important;
}
.new-custom-tabs .fa.fa-file-text:before
{
    content: ""!important;
}

.tabbable-custom > .nav-tabs > li > a {
    padding: 20px 10px !important;
    min-width: 70px;
    border: none;
}

.tabbable-custom > .nav-tabs > li.active > a {
    background-color: #fff;
    border: none;
}

.custom-tabs li.active .fa {
    background-image: url(../images/tab-icons.png);
    background-color: #fff;
    background-position: 0 -46px;

}

.tabbable-custom > .nav-tabs {
    background-color: #fff;
    padding-top: 0px;
}

.custom-tabs p {
    color: #fff;
}

.custom-tabs li.active p {
    color: #4b6478;
}

.custom-tabs li .fa.fa-building {
    background-color: transparent;
    background-image: url("../images/tab-icons.png");
    background-position: -200px 0;
}

.custom-tabs li .fa.fa-flash {
    background-color: transparent;
    background-image: url("../images/tab-icons.png");
    background-position: -240px 0;
}

.tabbable-custom > .nav-tabs > li.active > a > .fa.fa-building {
    background-position: -200px -46px;
}

.tabbable-custom > .nav-tabs > li.active > a > .fa.fa-flash {
    background-position: -240px -46px;
}

/***************** my style end *********************/

#cke_content, #cke_allParticipantsContent, #cke_mainContactContent {
    z-index: 100000 !important;
}

#participantActionLogModel .modal-dialog {
    width: 85%
}

.eventAttendeesListWrapper.document-list ul li {
    display: inline-block;
    margin: 0 2% 2% 0;
    width: 31%;
    /* height: 240px;*/
}

.switchtolist .eventAttendeesListWrapper.document-list ul li {
    margin: 5px 0;
    width: 100%;
    padding: 0 0 10px;
    min-height: auto;
}

.switchtolist .eventAttendeesListWrapper.document-list ul li .document-blco > p {
    float: left;
    width: 50%;
}

.chats li .message .avatar img {
    max-width: 100%;
}

.form-control.event_attendees_date {
    margin: 20px 0 0;
}

.showParticipantForAttendance {
    display: inline-block;
}

.printParticibtns {
    padding: 20px 20px;
}

.custom-tabs-block .portlet-body {
    padding: 0 5px 25px !important;
}

.participantListForAttendanceWrapper .role-user-list {
    margin: 0;
    background: #f5f5f5;
    padding: 2%;
}

.participantListForAttendanceWrapper .role-user-list:hover {

    background: #f9f9f9;
}

.participantListForAttendanceWrapper .role-user-list li {
    background: #fff;
    border: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.document-blco {
    padding: 0 20px;
    text-align: left;
}

.document-blco span.fa {
    float: left;
    margin: 0 5px 10px;
    position: relative;
    top: 4px;
}

.participantListForAttendanceWrapper .role-user-list .selectedattendee {
    background: #f2f9ff;
}

.chats li .name {
    font-size: 24px;
    color: #77b32b;
}

.avatarsmall {
    float: left;
    margin: 0 10px 4px 0;
}

.chats li .message .avatarsmall + h2 {
    margin-top: 4px;
}

.attendestatus {
    left: -20px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 65px;
    height: 65px;
}

.attendestatusList > img {
    max-width: 100%;
}
.attendestatusList {

    overflow: hidden;
    position: absolute;
    text-align: center;
    top: -52;
    width: 65px;
    height: 65px;
}

.attendestatus > img {
    max-width: 100%;
}

.message .fa.fa-list {

}

.chats li.hrdactregister {
    float: left;
    margin: 0 1% 1% 0 !important;
    width: 32%;
    background: #fff !important;
    height: 220px;

}

.chats li.myevalutionfront {
    float: left;
    margin: 0 1% 1% 0 !important;
    width: 32%;
    background: #fff !important;
    height: auto !important;
}

.chats li.hrdactregister .active-hr .message, .chats li.hrdactregister:hover {
    background: #f5f5f5 !important;
}

.chats li.hrdactregister > div.row-height {
    border: 0px solid #e5e5e5;
}

.chats li.in.hrdactregister .message {
    margin: 0 !important;
    padding: 20px 0;
}

.chats li.in.hrdactregister .message h2 {
    margin: 15px 0 0;
}

.hrdactregister .col-height {
    padding: 0 20px;
}

.roomDropDownText {
    margin-left: 4px;
    margin-top: -35px;
    border: none;
    float: left;
    width: 87%;
    background-color: #fff !important;
    opacity: 3 !important;
}

.schedulListPanelGroup {
    margin-bottom: 0;
}

.schedule_add_slot .slotWrapper {
    padding: 15px !important;
}

.role-edit-details .md-checkbox label > .check {
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
}

/*---- css start by dip ------*/

.splitValuesDiv span span {
    font-size: 14px;
    font-weight: 600;
    padding-left: 0px;
}

.splitValuesDiv span span span {
    padding-right: 5px;
}

.splitValuesDiv span {
    display: inline-block;
    line-height: normal;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.splitValuesDiv {
    width: 100%
}

.MetricesValue .totalnewReg {
    font-size: 30px;
    vertical-align: top;
    line-height: 30px;
    padding-left: 0px;
}

.dashboard-stat .details {
    bottom: auto;
    float: left;
    display: block;
    position: relative;
    right: auto;
    width: 100%;
}

.pluginManagementWrapper .dashboard-stat .details {
    position: absolute !important;
    right: 20px !important;
    width: auto !important;
}

.pluginManagementWrapper .more {
    top: 25px;
    background-color: #84BA40 !important;
}

.MetricesValue .totalnewReg {
    margin-left: 0px;
    margin-top: 6px;
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: 600;
}

.MetricesValue {
    width: calc(100% - 115px);
}

.maindashboard .dashboard-stat .visual {
    width: 50px !important;
    height: 50px !important;
    padding-top: 0px !important;
    padding-left: 24px !important;
}

.logoimg {
    padding: 25px 0 30px;
    margin-left: 25px;
}

select.newselectbox, .dataTables_length select, .maindashboard .dashboard-stat.blue-madison select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../images/select_dropdown.png') no-repeat #fff;
    padding-right: 40px;
    background-position: right 25px center;
    border-radius: 25px !important;
    border: none;
    height: 35px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1) !important;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.maindashboard .dashboard-stat.blue-madison select {
    width: 110px;
    float: right !important;
    background-position: right 15px center;
    padding-right: 20px;
    font-size: 9px
}

.dataTables_length {
    overflow: auto;
}

.dataTables_length select {
    margin-right: 10px;
}

.portlet.box > .portlet-body {
    background: #f7f7f7;
}

.search-usericon {

}

.search-usericon button {
    background: none;
    padding: 0px;
}

.search-usericon-green button {
    background: none;
    padding: 0px;
}

.search-usericon button i {
    background: url('../images/search-usericon.png') no-repeat;
    width: 16px;
    height: 16px;
    background-size: 500%;
    display: block;
}

.search-usericon button i.shorticon {
    background-position: -16px 0px;
}

.search-usericon button i.gridicon {
    background-position: -32px 0px;
}

.search-usericon button i.refreshicon {
    background-position: -48px 0px;
}

.search-usericon-green button i {
    background: url('../images/search-usericon_green.png') no-repeat;
    width: 16px;
    height: 16px;
    background-size: 500%;
    display: block;
}

.search-usericon-green button i.shorticon {
    background-position: -16px 0px;
}

.search-usericon-green button i.gridicon {
    background-position: -32px 0px;
}

.search-usericon-green button i.refreshicon {
    background-position: -48px 0px;
}

.search-usericon button i.gridicon.marketingicon {
    background-position: -64px 0;
}

.fa.fa-bookmark-o.tagtopicon {
    color: #77B32B;
    font-size: 35px;
    left: 0;
    position: absolute;
    top: 20px;
}

.chats {
    padding: 35px;
    margin: 0px;
}

.chats li .message h2 {
    /* margin-top: 10px;*/
}

.reports_title {
    padding: 35px 30px;
}

.new-custom-tabs {

}

.new-custom-tabs li a {
    padding-bottom: 40px !important;
}

.tabbable-custom > .nav-tabs > li.active > a:hover {
    border: none !important;
}

.tabbable-custom > .nav-tabs > li > a {
    border: none;
}

.tabbable-custom > .tab-content {
    border: none;
    min-height: calc(100vh - 420px);
}

.new-custom-tabs .fa {
    background: url(../images/new-tab-icons.png) no-repeat;
    width: 41px;
    height: 40px;
    border: none;
    display: inline-block;
    /*
    position: relative;
    top: 20px;
    right: 10px;
    */
    background-size: 1500% !important;
}

.new-custom-tabs .fa.fa-home {
    background-position: -39px 0;
}

.new-custom-tabs .fa.fa-file-text {
    background-position: -81px 0;
}

.new-custom-tabs .fa.fa-paperclip {
    background-position: -122px 0;
}

.new-custom-tabs .fa.fa-file {
    background-position: -164px 0;
}

.new-custom-tabs .fa.fa-money {
    background-position: -203px 0;
}

.new-custom-tabs .fa.fa-photo {
    background-position: -287px 0px;
}

.new-custom-tabs .fa.room_tab {
    background-position: -328px 0px;
}

.new-custom-tabs .fa.fa-user, .new-custom-tabs .fa.fa-users {
    background-position: -410px 0px;
}

.new-custom-tabs .fa.fastar {
    background-position: -450px 0px;
}


.new-custom-tabs .fa.fa-schedule {
    background-position: -492px 0;
}


.new-custom-tabs .fa.fa-userscheck {
    background-position: -372px 0;
}

.new-custom-tabs .fa.budgeticon {
    background-position: -574px 0;
}

.new-custom-tabs.custom-tabs li.active .fa {
    color: #77b32b !important;
}

.custom-tabs li.active .fa {
    background: url(../images/new-tab-icons.png) no-repeat;
    background-position: 0px -40px;
    background-size: 1500% !important;
}

.new-custom-tabs li.active .fa.fa-home {
    background-position: -41px -40px;
}

.new-custom-tabs li.active .fa.fa-file-text {
    background-position: -82px -40px;
}

.new-custom-tabs li.active .fa.fa-paperclip {
    background-position: -122px -40px;
}

.new-custom-tabs li.active .fa.fa-file {
    background-position: -164px -40px;
}

.new-custom-tabs li.active .fa.fa-money {
    background-position: -203px -40px;
}

.new-custom-tabs li.active .fa.fa-photo {
    background-position: -287px -40px;
}

.new-custom-tabs li.active .fa.room_tab {
    background-position: -328px -40px;
}

.new-custom-tabs li.active .fa.fastar {
    background-position: -450px -40px;
}

.new-custom-tabs li.active .fa.fa-user, .new-custom-tabs li.active .fa.fa-users {
    background-position: -410px -40px;
}

.new-custom-tabs li.active .fa.fa-schedule {
    background-position: -492px -40px;
}

.new-custom-tabs .fa.fa-user-check {background-position: -368px 0;}
.new-custom-tabs li.active .fa.fa-user-check { background-position: -368px -40px;}
.new-custom-tabs li.active .fa.fa-userscheck {
    background-position: -372px -40px;
}

.new-custom-tabs li.active .fa.budgeticon {
    background-position: -574px -40px;
}

.new-custom-tabs p {
    display: block;
    color: #aaaaaa;
    text-transform: uppercase;
    font-weight: 600;
}

.new-custom-tabs li.active p {
    color: #77b32b;
}

.user-id .userid-icon {
    background: url('../images/userid_icon.png') no-repeat;
    width: 20px;
    height: 9px;
    display: inline-block;
}

.userid-top {
    border-bottom: 1px solid #d2d2d2;
    padding: 5px;
    text-align: center;
}

.tabbable-custom > .nav-tabs.custom-tabs > li.active {
    border-bottom: medium none;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.tabbable-custom > .nav-tabs.custom-tabs > li.active:first-child {
    border-left: none;
}

.tabbable-custom > .nav-tabs.custom-tabs > li.active:last-child {
    border-right: none;
}

.tabbable-custom > .nav-tabs.custom-tabs > li {
    border-bottom: 1px solid #d1d1d1;
    position: relative;
    background-color: #f4f4f4;
}

.tabbable-custom > .nav-tabs.custom-tabs > li:hover, .tabbable-custom > .nav-tabs.custom-tabs > li.active {
    background: #fff;
}

.tabbable-custom > .nav-tabs.custom-tabs > li:after {
    height: 33px;
    width: 1px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    content: '';
    display: block;
    background: #d1d1d1;
}

.tabbable-custom > .nav-tabs.custom-tabs > li.active:after, .tabbable-custom > .nav-tabs.custom-tabs > li:first-child:after {
    display: none;
}

.tabbable-custom > .nav-tabs.custom-tabs > li.active + li:after {
    display: none;
}

.empdetail {
    bottom: 13px;
    position: absolute;
    right: 0px;
}

.personal_detail .fa {
    color: #fff !important;
}

.empAddress .fa {
    color: #fff !important;
}

.empdetail .fa {
    color: #fff !important;
}

.empAddress {
    bottom: 8px;
    position: relative;
    display: inline-block;
    padding-right: 10px;
    background: #77b32b;
    z-index: 10;
}

.empAddress h5 {
    margin: 6px 0px 0px;
}

.empdetail h5 {
    display: inline-block;
}

.empdetail h5 span {
    font-size: 13px;
    font-weight: 600;
    margin: 0 25px;
    position: relative;
}

.empdetail h5 span.InternalID {
    margin-right: 0px;
}

.empdetail h5 span::after {
    background: #fff none repeat scroll 0 0;
    bottom: -6px;
    content: "";
    display: block;
    height: 15px;
    left: -18px;
    position: absolute;
    width: 1px;
}

.empdetail h5 span.age:after {
    display: none;
}

.empdetail h5 span#person_detail_id {
    margin-left: 0px;
}

.inner_personaldtltop {
    margin-left: 0;
    overflow: hidden;
}

.inner_personaldtltop h2 {
    float: left;
}

.tagbtn {
    margin-left: 15px;
    float: left;
}

.tagbtn a {
    background: #fff;
    font-size: 10px;
    color: #000;
    border-radius: 25px;
    display: inline-block;
    text-transform: uppercase;
    padding: 2px 10px;
    margin: 0 10px;
    pointer-events: none;
}

.tagbtn a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.tab_info .row.static-info {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 0;
    padding: 15px 0;
}

.tab_info .row.static-info:first-child {
   /* border-top: 1px solid #c8c8c8; */
    margin-top: 30px;
}

.portlet.light > .portlet-title > .caption > i:before {
    display: none !important;
}

.portlet.light > .portlet-title > .caption > i {
    width: 20px;
    height: 20px;
    background-image: -moz-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -ms-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    border-radius: 50%;
    margin: 0px 8px 0px 0px;
}

.amChartsLegend path {
    fill: #77b32b !important;
    fill: #77b32b !important;
    fill: #77b32b !important;
}

.dashboard-stat .details .desc {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: left;
}

.totalValueDiv {
    display: block;
    position: relative;
    width: 100%;
}

.portlet.light.bordered > .portlet-title {
    padding: 12px 20px 0;
}

.maindashboard .portlet.light .portlet-body {
    padding: 12px 20px 15px;
}

/*[class^="fa-"]:not(.fa-stack), [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"]{
    color: #77b32b;
}*/

.dataTables_filter input {
    width: 175px;
    height: 34px;
    background: url('../images/searchicon.png') no-repeat #fff;
    border-radius: 25px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border: none;
    background-position: left 10px center;
    padding-left: 30px;
}

.dataTables_filter input:focus {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.table-scrollable {
    border: none;
}

.table-scrollable table.dataTable td, .table-scrollable table.dataTable th {
    border: none;
    border-bottom: 1px solid #c8c8c8 !important;
    /* width: auto !important; */
}

.table-scrollable table.dataTable tr {

}

.page-footer {
    background: #77b32b;
}

.totalValueDiv .fa {
    color: #fff;
    left: -15px;
    position: absolute;
    top: 30px;
}

.form-wizard .steps > li.active > a.step .number {
    background: #77b32b;
}

.form-wizard .steps > li > a.step > .number {
    line-height: 35px;
    padding: 0px;
    font-weight: 600;
    font-size: 19px;
    color: #fff;
}

.form-wizard .steps > li > a.step > .desc {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #c8c8c8;
}

.splanningperiod {
    margin: 0px;
    background: #fff;
}
.qualification-page-tabs #AttendeeFilter {max-width: 280px !important; }
.qualification-page-tabs #AttendeeFilter:before {left: 10px !important; }

.splanningperiod label.tooltips {
    background: url('../images/periodicon.png') no-repeat;
    background-size: 20px 21px;
    padding-left: 25px;
    font-size: 13px;
    text-transform: uppercase;
    color: #333;
    font-weight: 600;
    z-index: 9999
}

.splanningperiod .col-md-8 .col-md-5 label {
    color: #c3c3c3;
    width: 80px;
    float: left;
}

.splanningperiod .col-md-8 .col-md-5 input {
    width: calc(100% - 95px);
    float: right;
}

.target-group-select2 .select2-choices{
    border: 1px solid #B8C3D0;
    background-color: #E3EAF3;
}

.green-arrow {
    padding: 0px;
    text-align: center;
    margin-top: 10px;
}

.exportplannedSeminar {
    background: #77b32b;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.exportplannedSeminar:hover {
    background: #77b32b;
    color: #fff;
}

.exportplannedSeminar i:before {
    display: none;
}

.exportplannedSeminar i {
    background: url('../images/exporticon.png') no-repeat;
    background-size: 16px 17px;
    display: inline-block;
    width: 16px;
    height: 17px;
    position: relative;
    top: 3px;
    right: 5px;
    background-size: 100%;
}

.splanningperiodbot .contact-list {
    background: #f9f9f9;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-radius: 0px;
    padding: 20px 0 10px;
}

.page-content .splanningperiodtopbar .search-user .btn-default {
    display: inline-block;
    width: auto;
    background: #77b32b !important;
    padding: 0 25px;
    border-radius: 25px !important;
    line-height: 37px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    font-size: 13px;
    font-weight: 600;
    height: 37px !important;
    text-transform: uppercase;
    margin-right: 30px !important;
}

.splanningperiodtopbar .search-user .btn-default .torchicon {
    background: url('../images/torch.png') no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    position: relative;
    right: 5px;
    top: 3px;
}

.groupbtn {
    display: inline-block;
}

.groupbtn .btn {
    background: none;
    padding: 0px 5px;
}

.groupbtn .btn i {
    background: url('../images/search-usericon-gray.png') no-repeat;
    width: 16px;
    display: block;
    height: 16px;
}

.groupbtn .btn i.torchicon {
    background: url('../images/searchicon.png') no-repeat;
}

.groupbtn .btn i.sorticon {

}

.groupbtn .btn i.listicon {
    background-position: -16px 0px;
}

.groupbtn .btn i.refreshicon {
    background-position: -32px 0px;
}

.splanningperiodtopbar input {
    border: none;
    border-radius: 25px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
}

.splanningperiodtopbar i {
    color: #aaaaaa !important;
}

.eventdetail {

}

.eventdetail .fc-left {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 200px;
    top: 23px;
}

.eventdetail .fc-left .fc-button-group {
    width: 100%;
}

.eventdetail .fc-left .fc-button {
    background: none;
    border: none;
    box-shadow: none;
}

.eventdetail .fc-left .fc-button span {
    color: #fff;
}

.eventdetail .fc-left .fc-prev-button {
    float: left;
}

.eventdetail .fc-left .fc-next-button {
    float: right;
}

.eventdetail .fc-center {
    position: absolute;
    z-index: 99;
    width: 160px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    text-align: center;
    top: 28px;
}

.eventdetail .fc-center h2 {
    text-align: center;
    float: none;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.eventdetail .fc-toolbar {
    background: #77b32b;
    margin: 0px;
    min-height: 70px;
    padding: 18px 20px;
    position: relative;
}

.fc-widget-header th {
    background: #fff;
    padding: 12px 0 !important;
    text-transform: uppercase;
}

.eventdetail .fc-unthemed {
    border-radius: 10px;
    /*overflow: hidden;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.popover {
    z-index: 110000 !important;
}

.eventdetail .fc-right .fc-button {
    width: 70px;
    height: 30px;
    border-radius: 25px;
    text-align: center;
    line-height: 30px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    margin-left: 20px;
    background-image: none !important;
    border: 1px solid transparent;
}

.eventdetail .fc-right .fc-button.fc-state-active {
    border-color: #fff;
    background-image: -webkit-linear-gradient(#ffffff, #e6e6e6) !important;
    background-image: -o-linear-gradient(#ffffff, #e6e6e6) !important;
    background-image: linear-gradient(#ffffff, #e6e6e6) !important;
    background-color: #fff;
}

.tabbable-line .add_address_form .col-md-12 {
    padding: 0 15px;
}

.organization_link:hover {
    color: #fff;
}

.location-details .personal_detail {
    margin-left: 85px;
    min-height: 95px;
}

.new-custom-tabs .room_tab {
    font-style: normal;
    font-weight: bold;
}

.orguserid {
    padding-top: 22px;
    margin: 0px;
}

.indication_avtar .event_detail.personal_detail.event_data {
    /*    margin-left: 90px;*/
}

.event-details .indication_avtar_border::after {
    /*left: 90px;*/
}

.event-details .empdetail h5 span:last-child {
    margin-right: 0px;
}

.event-details .relative {
    margin-bottom: 30px;
    padding: 0;
    width: auto !important;
}

.button-section .fileinput .fileinput-new .fa {
    color: #fff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-notification {
    width: auto;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-notification > .dropdown-toggle > .badge {
    right: 5px;
    top: 6px;
}

#report_header_notification_bar .dropdown-menu h3 span {
    display: inline-block;
    width: 80%;
}

#event-registration .tabbable-custom .portlet-body {
    background: #fff;
}

#event-registration .tabbable-custom .portlet-body .events-search {
    margin-bottom: 20px;
}

/*
.new-custom-tabs .tabnumber {
    right: 0;
    background: none;
    top: 5px;
}
*/

.location-details .indication_avtar .personal_detail h2 {
    margin-left: 0;
}

.event-details .indication_avtar .col-sm-10.col-md-10 {
    width: calc(100% - 90px);
}

.location-details .indication_avtar_border::after {
    left: 85px;
}

.participant-row .row-height .user-id {
    padding: 0 !important;
}

.participant-row .row-height .col-height {
    height: auto;
}

.maindashboard .col-md-12 .row:last-child .col-md-12 .col-md-12 .portlet {
    height: auto !important;
}

#participant-list .userid-top {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.salesmain {
    display: table-cell;
    vertical-align: middle;
}

#participant-list .user-id .sales.contact-sale {
    bottom: 0;
    display: table;
    height: 85px;
    left: 0;
    right: 0;
    top: 32px;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.plannedSeminar.fc-draggable.fc-resizable {
    border-radius: 0;
    border-width: 1px 1px 1px 3px;
    padding: 5px;
}

.seminarboard .dashboard-stat {
    min-height: 115px;
    padding: 10px 20px 0 35px;
    background-image: url("../images/dash-box2.png");
    background-position: left bottom;
    background-repeat: no-repeat;
}

#tab_seminar_budget .seminarboard .number {
    float: left;
    font-size: 22px;
    padding: 0;
    font-weight: bold;
    position: relative;
}

#tab_seminar_budget .seminarboard .desc {
    font-weight: 600;
}

.seminarboard .number i.fa {
    left: -15px;
    position: absolute;
    top: 10px;
}

.row.seminarboard {
    margin-bottom: 25px;
}

#tab_seminar_budget #budgetsales .dl-horizontal a {
    margin-bottom: 10px;
}

#tab_detail .panel-group .panel, #tab_seminar_budget .panel-group .panel {
    border-radius: 0px;
    margin: 0px;
    border-bottom: 0px;
}

#tab_detail .panel-group .panel:last-child, #tab_seminar_budget .panel-group .panel:last-child {
    border-bottom: 1px solid #E0E0E0;
}

#tab_detail .panel-default > .panel-heading, #tab_seminar_budget .panel-default > .panel-heading {
    padding: 5px;
    border-radius: 0px;
}

#tab_detail .panel-heading.active *, #tab_seminar_budget .panel-heading.active * {
    color: #77b32b;
}

#tab_detail .panel-group .panel:nth-of-type(3) .panel-heading, #tab_seminar_budget .panel-group .panel:nth-of-type(3) .panel-heading {
    background: #fff;
}

#tab_detail .panel-group .panel:nth-of-type(5) .panel-heading, #tab_seminar_budget .panel-group .panel:nth-of-type(5) .panel-heading {
    background: #77b32b;
}

#tab_detail .panel-group .panel:nth-of-type(5) .panel-heading *, #tab_seminar_budget .panel-group .panel:nth-of-type(5) .panel-heading * {
    color: #fff !important;
}

#tab_detail .panel:nth-of-type(4) .budget_calculate, #tab_seminar_budget .panel:nth-of-type(4) .budget_calculate {
    border-collapse: unset;
}

.tabledivcell {
}

.tabledivcell .tabledatas .col1 {
    width: 80px;
}

.tabledivcell .tabledatas .col2 {
    width: 100px;
}

.tabledivcell .tabledatas .col3 {
    width: 100px !important;
    max-width: 7ch;
    white-space: pre-line;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.tabledivcell .tabledatas .col4 {
    width: 120px;
}

.tabledivcell .tabledatas .col5 {
    width: 100px !important;
}

.tabledivcell .tabledatas .col6 {
    width: 80px;
}

.tabledivcell .tabledatas .col7 {
    width: auto !important;
}

.tabledivcell .tabledatas .col8 {
    width: 100px !important;
}

.tabledivcell {
}

.tabledivcell .tableheadings .col1 {
    width: 80px;
}

.tabledivcell .tableheadings .col2 {
    width: 100px;
}

.tabledivcell .tableheadings .col3 {
    width: 100px !important;
}

.tabledivcell .tableheadings .col4 {
    width: 120px;
}

.tabledivcell .tableheadings .col5 {
    width: 100px !important;
}

.tabledivcell .tableheadings .col6 {
    width: 80px;
}

.tabledivcell .tableheadings .col7 {
    width: auto !important;
}

.tabledivcell .tableheadings .col8 {
    width: 100px !important;
}

/*---- css end by dip ------*/


/*----- nav menu css start -----*/

.cd-header {
    position: relative;
}

.cd-header aside {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 10000;
    background: #fdfdfd;
    width: 45px;
    border-right: 1px solid #e0e0e0;
    padding-top: 20px;
}

.cd-header .page-container {
    left: 45px;
    position: absolute;
    right: 0px;
    top: 100px;
}

.cd-header.openmenu .page-container {
    left: 260px;
}

.cd-header.openmenu aside {
    width: 260px;
}

.openmenu {

}

.open-menulogo {

}

.page-header.navbar.navbar-fixed-top .page-logo {
    margin-top: 0;
}

.page-header.navbar .page-logo .menuicon {
    padding: 43px 0px;
    text-align: center;
    width: 45px;
    border-right: 1px solid #e0e0e0;
}

.page-header.navbar .page-logo .menuicon img {
    width: 20px;
}

.page-header.navbar .page-logo.open-menulogo .menuicon img {
    width: auto;
}

.page-logo .menuicon {
    float: left !important;
    width: 55px;
}

.page-logo.open-menulogo a:first-child {
    display: inline-block !important;
}

.cd-header aside ul {
    padding: 0;
    margin: 0;
}

.cd-header aside ul li {
    position: relative;
    margin-bottom: 10px;
    /*padding-bottom: 10px;*/
}

.cd-header aside ul li.active::after, .cd-header aside ul li:hover:after {
    background: #77b32b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
}

.main-menus.activate {
    background: #77b32b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
}

.cd-header aside > ul > li > a {
    border-radius: 100%;
    color: #fff;
    display: block;
    height: 32px;
    position: relative;
    text-align: center;
    width: 32px;
    margin: auto;
    background: #d8d8d8;

}

.cd-header aside > ul > li:hover > a, .cd-header aside > ul > li.active > a {
    background-image: -moz-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -ms-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
}

.cd-header aside ul li a span {
    display: none;
    padding: 13px 15px 14px;
    background: #fff none repeat scroll 0 0;
    color: #77b32b;
    left: 36px;
    padding: 13px 15px 14px;
    position: absolute;
    top: 0;
    text-align: left;
}

.cd-header aside li ul.subnav {
    display: none;
    max-width: 200px;
}

.cd-header.openmenu aside li ul.subnav {
    box-shadow: none;
    left: 0;
    max-width: none;
    padding: 20px 0 0;
}

.cd-header.openmenu aside ul li a span {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    left: 0;
    padding: 5px 15px 8px;
    position: relative;
}

.cd-header.openmenu aside ul.subnav li a span {
    padding: 8px 15px;
}

.cd-header.openmenu aside ul > li:last-child ul.subnav li a span {
    border-bottom: none;
}

.cd-header aside li:last-child ul.subnav {
    display: none;
    max-width: 500px;
}

.cd-header.openmenu aside {
    overflow: auto;
}

.cd-header aside > ul > li > a > span {
    background: #77b32b none repeat scroll 0 0;
    border-radius: 0 0 0;
    box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
    color: #fff;
    min-width: 200px;
    padding: 13px 25px 12px;
    z-index: 10000;
}

.cd-header.openmenu aside > ul > li > a > span {
    background: transparent;
    color: #77b32b;
}

.cd-header aside ul li.active {
    background: transparent none repeat scroll 0 0;
}

.cd-header aside ul li:hover a span {
    display: block;
}

.cd-header.openmenu aside ul li a span {
    padding: 5px 15px 8px;
    border-bottom: 1px solid #f0f0f0;
}

ul.subnav li a i {
    display: none !important;
}

.cd-header.openmenu aside > ul > li > a {
    display: inline-block;
    left: 8px;
    position: relative;
}

.cd-header.openmenu aside > ul > li > a > span {
    display: block;
    left: 44px;
    position: absolute;
    right: 0;
    width: 207px;
    text-align: left;
    box-shadow: none;
    background: transparent;
}

.cd-header aside ul li a i {
    background: url('../images/menuicons.png') no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 715%;
    margin-right: 0;
    position: relative;
    top: 6px;
}

.cd-header.openmenu aside ul li a i {
    z-index: 1000;
}

.cd-header aside ul li a i.sideicon2 {
    background-position: -20px 0;
}

.cd-header aside ul li a i.sideicon3 {
    background-position: -40px 0;
}

.cd-header aside ul li a i.sideicon4 {
    background-position: -60px 0;
}

.cd-header aside ul li a i.sideicon5 {
    background-position: -80px 0;
}

.cd-header aside ul li a i.sideicon6 {
    background-position: -100px 0;
}

.cd-header aside ul li a i.sideicon7 {
    background-position: -120px 0;
}

.cd-header aside ul li.active a i.sideicon1, .cd-header aside ul li:hover a i.sideicon1 {
    background-position: 0 -20px;
}

.cd-header aside ul li.active a i.sideicon2, .cd-header aside ul li:hover a i.sideicon2 {
    background-position: -20px -20px;
}

.cd-header aside ul li.active a i.sideicon3, .cd-header aside ul li:hover a i.sideicon3 {
    background-position: -40px -20px;
}

.cd-header aside ul li.active a i.sideicon4, .cd-header aside ul li:hover a i.sideicon4 {
    background-position: -60px -20px;
}

.cd-header aside ul li.active a i.sideicon5, .cd-header aside ul li:hover a i.sideicon5 {
    background-position: -80px -20px;
}

.cd-header aside ul li.active a i.sideicon6, .cd-header aside ul li:hover a i.sideicon6 {
    background-position: -100px -20px;
}

.cd-header aside ul li.active a i.sideicon7, .cd-header aside ul li:hover a i.sideicon7 {
    background-position: -120px -20px;
}

.help-icon {
    color: #79869a;
    font-size: 22px !important;
}

.cd-header aside ul li a i.fa-angle-down {
    background: none;
    float: right;
    width: auto;
    height: auto;
    margin-top: 8px;
    color: #7982a0;
    transform: rotate(-90deg);
    display: none;
}

.cd-header.openmenu aside ul li a i.fa-angle-down {

}

.cd-header aside ul li.active a i.fa-angle-down, .cd-header aside ul li a:hover i.fa-angle-down {
    transform: rotate(0deg);
    color: #fff;
}

.cd-header aside li ul.subnav {
    display: none;
    left: 44px !important;

}

.cd-header aside ul.subnav li {
    border-bottom: 1px solid #f0f0f0;
}

.cd-header.openmenu aside ul.subnav li a:hover span {
    background: #f5f5f5;
}

.cd-header.openmenu aside ul.subnav li {
    border-bottom: none;
}

.cd-header aside ul li:last-child ul.subnav li {
    border-bottom: 1px solid #f0f0f0;
}

.cd-header aside ul li:last-child ul.subnav li:nth-child(2n + 1) {
    border-right: 1px solid #f0f0f0;
}

/*.cd-header aside > ul > li:last-child > a > span {
    min-width: 400px;
}*/

.cd-header.openmenu aside > ul > li:last-child > a > span {
    min-width: 200px;
}

/*.cd-header.openmenu aside li ul.subnav {*/
/*!*display: block;*!*/
/*margin: 0;*/
/*}*/

.cd-header.openmenu aside li ul.closedMenu {
    display: block !important;
    margin: 0;
}

.page-logo .menuicon {
    background: #fdfdfd;
    padding: 13px;

}

.page-logo.open-menulogo .menuicon {
    float: right !important;
}

.cd-header aside ul.subnav li {
    margin: 0;
    padding: 0;
}

.cd-header aside ul li:hover ul.subnav span {
    position: relative;
    background: #fff;
    left: 0;
    min-width: 198px;
}

.cd-header aside ul li:last-child ul li {
    float: left;
    margin: 0;
    width: 50%;
    list-style-type: none !important;
}

.description_form .cke_editable {
    min-height: 200px !important;
}

.cd-header.openmenu aside ul li:last-child ul li {
    float: none;
    margin: 0;
    width: 100%;
}

.cd-header aside ul li:hover ul.subnav a {
    padding: 0;
    background: #242D38;
    width: auto !important;
    height: auto !important;
}

.cd-header aside ul li:hover ul.closedMenu {
    background: #77b32b none repeat scroll 0 0;
    display: block;
    left: 45px;
    margin: 0;
    /* overflow: auto; */
    position: absolute;
    top: 43px;
    /* width: 400px; */
}

/*.cd-header aside ul li:hover ul.subnav {*/
/*!*display: block;*!*/
/*left: 45px;*/
/*margin: 0;*/
/*position: absolute;*/
/*top: 47px;*/
/*}*/

.cd-header aside li ul.subnav {
    box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
}

.cd-header aside li ul.subnav i {
    display: none;
}

/*----- nav menu css end -----*/

.tabbable-line.clearfix.custom-tabs-block {
    bottom: 50px;
    left: 25px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 125px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

/*Just for email tempalte page BY Yash*/
/*#emailtemplate-detail .tabbable-line.clearfix.custom-tabs-block {
    top: 60px
}*/

.tabbable-line.clearfix.custom-tabs-block > .row {
    margin: 0;
}

.tabbable-line .col-md-12.col-lg-8 {
    padding: 0;
}

.bootstrap-switch,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    border-radius: 20px !important;
}

.myswitches {
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    margin: 0 0 2px;
    padding: 10px 0;
}

.myswitches .full-btn {
    font-size: 15px;
    padding: 15px 0;
    width: 100%;

}

.myswitches.green.apply_table_operation {
    border-bottom: 4px solid #f5f5f5;

}

.myswitches.apply_table_operation .portlet-body {
    padding: 20px 10px 10px 10px !important;
}

.myswitches > .portlet-title > .caption {
    padding: 10px 15px !important;
}

.myswitches > .portlet-title > .caption i {

}

.myswitches .btn-default i.fa {
    margin: 0 5px 0 0;
}

.filterable {

}

.filterable .control-label {
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 0px;
}

.filterable.col-xs-6 {
    padding: 0px;
}

.top-label .col-xs-6 {
    padding: 0px 0px 0px 3px;
}

.filterable .reset-filter {
    font-size: 14px;
    font-weight: 200 !important;
}

.filterable .form-group {
    margin-bottom: 0px;
    overflow: auto;
}

.fc-view-container {
    width: 99%;
    margin: 0 auto;
}

#fullcalendar {
    margin: 0 0 20px 0;
}

.locationpiechart .well {
    display: none;
}

.scroll-to-top {
    bottom: 65px;
}

/**** zooom in *********/

.maindashboard {

}

.maindashboard h1 {
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 0 15px;
}

.maindashboard .portlet {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.maindashboard .feeds li {
    overflow: auto;
}

.maindashboard .feeds li:hover {
    background-color: #f8f8f8;
}

.maindashboard .feeds li .col1 {
    clear: none;
    float: left;
    width: auto;
}

.maindashboard .feeds li .col2 {
    float: right;
    margin-left: 0;
    width: auto;
    padding: 5px;
}

.maindashboard .feeds li .col2 a {
    display: inline-block;
    padding: 10px 0;
}

.maindashboard .feeds li .col2 a .label.label-sm {
    border-radius: 3px !important;
}

.maindashboard .feeds li .col2 > .date {
    padding: 0;
}

.maindashboard .feeds li .col1 > .cont > .cont-col2 > .desc {
    line-height: 40px;
    margin-left: 15px;
    overflow: hidden;
    padding: 0;
}

.maindashboard .feeds li .col1 > .cont > .cont-col1 > .label {
    border-radius: 50% !important;
    display: inline-block;
    height: 30px;
    margin-top: 5px;
    overflow: hidden;
    padding: 5px;
    width: 30px;
}

.list-aligns {
    vertical-align: middle;
    text-align: center;
}

.maindashboard .feeds li .col1 > .cont > .cont-col1 > .label > i {
    line-height: 20px;
}

.maindashboard .feeds li .col1 > .cont > .cont-col1 {
    margin-right: 0;
    float: left;

}

.maindashboard .feeds li .col1 > .cont > .cont-col2 {
    float: left;
    width: auto;
}

.maindashboard .feeds li .col1 > .cont {
    margin-right: 0;
}

.maindashboard .label.label-sm {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    padding: 7px 8px;
    text-transform: uppercase;
}

.maindashboard .label.label-sm.label-danger.taskStatus {
    border-radius: 3px !important;
    padding: 0 4px;
}

.maindashboard .feeds li .col1 {
    padding: 2px 8px;
}

.maindashboard .dashboard-stat.blue-madison .more {
    background: transparent;
}

.maindashboard .dashboard-stat.blue-madison.boxtwo {
    background-image: url('../images/dash-box3.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

.maindashboard .dashboard-stat.blue-madison.boxthree {
    background-image: url('../images/dash-box2.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

.maindashboard .dashboard-stat.blue-madison.boxfour {
    background-image: url('../images/dash-box4.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

.maindashboard .dashboard-stat.blue-madison .visual > i {
    opacity: 0.2;
}

.maindashboard .dashboard-stat.blue-madison.boxone {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    background-image: url('../images/dash-box1.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

.maindashboard .portlet > .portlet-title > .tools > a.reload {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    width: 34px;
}

.maindashboard .portlet > .portlet-title > .actions .btn-default > i {
    margin: 0;
}

.maindashboard .dashboard-stat .details .number {
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 60px;
    padding-top: 0;
}

.maindashboard .portlet > .portlet-title > .actions .btn-default {
    border: 1px solid #fff;
    background: none !important;
}
.maindashboard .portlet > .portlet-title > .actions input.btn-default {
    background-image: -webkit-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
}

.maindashboard .portlet > .portlet-title > .actions .btn-default i:before {
    display: none;
}

.maindashboard .portlet > .portlet-title > .actions .seminar-filter-wrapper .btn-default i::before, .maindashboard .portlet > .portlet-title > .actions .chart-filter-wrapper .btn-default i::before {
    display: block;
    color: #AAAAAA;
}

.maindashboard .portlet > .portlet-title > .actions .seminar-filter-wrapper .btn-default i, .maindashboard .portlet > .portlet-title > .actions .chart-filter-wrapper .btn-default i {
    background: none;
}

.maindashboard .portlet > .portlet-title > .actions .seminar-filter-wrapper span, .maindashboard .portlet > .portlet-title > .actions .chart-filter-wrapper span {
    border: none;
}

.maindashboard .portlet > .portlet-title > .actions .btn-default i {
    background: url('../images/filtericon.png') no-repeat;
    width: 16px;
    height: 12px;
    background-size: 100%;
    display: inline-block;
}

.maindashboard .portlet > .portlet-title > .actions .filter-btn-group .btn-default {
    border: 1px solid #fff;
    color: #fff;
}

.maindashboard .portlet > .portlet-title > .actions .filter-close.btn-icon-only.btn-default > i {
    color: #fff;
}

.maindashboard .tasks-widget .task-list > li {
    padding: 10px;
}

.maindashboard .tasks-widget .task-list > li > .task-config {

}

.maindashboard .task-config .task-config-btn.btn-group a {
    padding: 10px 5px;
}

.maindashboard .morehighlight {
    font-weight: 600;
    color: #535b67;
}

.maindashboard .tasks-widget .task-list > li > .task-title .task-title-sp {
    margin-right: 3px;
}

.maindashboard .portlet > .portlet-title > .actions .btn-default.person-filter, button.btn.btn-circle.btn-icon-only.btn-default.chart-filter {
    border: none;
    background: #fff;
}

.maindashboard .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i, button.btn.btn-circle.btn-icon-only.btn-default.chart-filter i.fa.fa-filter {
    color: #aaa;
}

.nopad {
    padding: 0 10px;
}

.maindashboard .dashboard-stat .more {
    opacity: 1;
}

.maindashboard .task-title > div, .newtaskline {
    margin: 0 0 0 30px;
}

.maindashboard .dashboard-stat {
    margin-bottom: 20px;
    position: relative;
    padding-left: 25px;
    padding-top: 10px;
    min-height: 115px;
}

.maindashboard .portlet {
    margin-bottom: 15px;
    padding: 0px;
}

.maindashboard .label-warning {
    background-color: #27a9e3;
}

.maindashboard .filter-wrapper::before, .maindashboard .contact-list .search-user .dropdown-menu.sort-wrapper::before {
    right: 35px;
}

.switchviewtolist.chats li.hrdactregister {
    margin: 0;
    width: 100%;
}

.switchviewtolist.chats li.hrdactregister .message {
    margin: 0 0 0 30px !important;
    width: auto;
}

.switchviewtolist.chats li.hrdactregister .message .attendestatus {
    /*background: #8fda8d none repeat scroll 0 0;*/
    height: 60px;
    width: 60px !important;
    top: 0 !important;
    left: -50px;
}

.switchviewtolist.chats li.hrdactregister .message .attendestatus > img {
    left: 0;
    max-width: 100%;
    position: relative;
    top: 0;
}


.switchviewtolist.chats li.hrdactregister .message h2 {
    margin: 0 0 0;
}

.switchtolist .document-list ul li h3 {
    margin: 20px 0;
}

.tabbable-line .col-md-12 {
    padding: 0;
}

#tab_room .col-md-12 {
    padding: 0 20px;
}

#event-registration .tabbable-line.clearfix.custom-tabs-block {
    left: 25px !important;
}

/*.hrdactivitiesleft {
    margin-left: 60px;
}*/
.price_format{
    display: none;
}

.tabbable-line > .mycontactspage > .col-md-8 {
    padding: 0;
}

.tabbable-line > .mycontactspage > .role-details-list {
    padding-left: 25px;
    padding-top: 15px;
}

.mycontactspage .tabbable-custom {
    overflow-x: hidden;
    overflow-y: visible;
}

.mycontactspage {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

}

.mycontactspage .tabbable-custom {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: visible;
    position: absolute;
    right: 0;
    top: 0;
}

.mycontactspage > div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.row.mycontactspage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#tab_schedule_info.myaccordian {
    margin: 0 50px 0 0;
}

.myaccordian .accordion .panel .panel-title .accordion-toggle {
    padding: 13px 0;
}

.myaccordian .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
    margin: 0 10px;
}

.myaccordian .accordionHeading span, .scheduleSlotList .accordionHeading span {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 20%;
}

.myaccordian .accordionHeading span:first-child {
    width: 10%;
    min-width: 100px
}

.myaccordian .accordionHeading span:nth-child(2) {
    width: 40%;
}

.myaccordian .accordionHeading span:nth-child(3) {
    width: 20%;
}

.myaccordian .accordionHeading span:last-child {
    width: 20%;
}

.scheduleSlotList .accordionHeading span:first-child {
    width: 15%;
    min-width: 100px
}

.scheduleSlotList .accordionHeading span:nth-child(2) {
    width: 35%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.scheduleSlotList .accordionHeading span:nth-child(3) {
    width: 20%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.scheduleSlotList .accordionHeading span:last-child {
    width: 20%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tasktabcontact .form-row-seperated > .row {
    margin: 0;
}

.tasktabcontact .form-row-seperated .row .col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.tabbank_form .form-row-seperated > .row {
    margin: 0;
}

.tabbank_form .form-row-seperated .row .col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
}

#bankAccordion #bank_info .panel-body {
    padding-bottom: 0px;
}

.seminardocumenttab .form-row-seperated > .row {
    margin: 0;
}

.seminardocumenttab .form-row-seperated .row .col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.printParticibtns .green.btn {

    background-color: #DBE0E4;
    color: #4B6478;
    /*background-color: #4b6478;*/
    /*color: #ffffff;*/
}

.printParticibtns .green.btn:active, .printParticibtns .green.btn.active {

    background-color: #77b32b;
    color: #ffffff;
}

#fullcalendar .fc-view-container {
    width: 100%;
}

#tab_seminar_budget .number {
    font-size: 22px;
}

#tab_seminar_budget .desc {
    font-size: 15px;
}

.numberAlignCenter {
    text-align: center;
}

.callshow .myclassleft {
    width: 25% !important;
    display: block;
    opacity: 1;
    -webkit-transition: 0.5s all ease !important;
    -moz-transition: 0.5s all ease !important;
    transition: 0.5s all ease !important;
}

.callhide .myclassleft {
    width: 4% !important;
    background: #fff;
    -webkit-transition: 0.5s all ease !important;
    -moz-transition: 0.5s all ease !important;
    transition: 0.5s all ease !important;
}

.callhide .myswitches, .callshow .myclassleft .hideshow {
    display: none;
    opacity: 0;
    -webkit-transition: 0.5s all ease !important;
    -moz-transition: 0.5s all ease !important;
    transition: 0.5s all ease !important;
}

.callshow .myclassleft .myswitches .hideshow {
    display: inline-block;
    float: right;
    left: auto;
    opacity: 1;
    padding: 10px 20px 14px;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;

}

.callshow .myclassright {
    width: 75% !important
}

.callhide .myclassright {
    width: 100% !important;
    -webkit-transition: 0.5s all ease !important;
    -moz-transition: 0.5s all ease !important;
    transition: 0.5s all ease !important;
}

.myclassleft .hideshow {
    background: #736d70;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    left: -52px;
    padding: 15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 64px;
    transform: rotate(-90deg);
    white-space: nowrap;
    width: auto;
}

.myclassright .filterhideshow, .hideshow {
    background: #77b32b;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
    float: right;
    margin-bottom: 20px;
}

.hideshow {
    float: left;
}

.myclassright .filterhideshow i, .hideshow i {
    color: #fff !important;
}

.hideshow:hover {
    background: #77b32b;
    color: #fff;
}

#seminarPlannerController .filterhideshow{
    background: #364150;
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 172px;
    margin-bottom: 20px;
}

#seminarPlannerController .filterhideshow1,.filterhideshow2,.filterhideshow3,.filterhideshow4,.filterhideshow5 {
    background: #FFFFFF;
    color: #000;
    font-weight: 400;
    padding: 15px !important;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 20px;
}

.myclassright > fieldset {
    width: 100%;
}

.myclassright h2 {
    float: left;
    margin: 10px 0;
}

#fullcalendar {
    margin: 0 0 20px;
    clear: both;
}

fieldset.filterable {
    display: none;
}

.callfillter .myclassright fieldset.filterable {
    display: block;
}

.hrdactivitiesleftmain {
    padding: 0;
}

.hrdactivitiesleftmain h3 {
    margin: 10px 0;
}

.hrdactivitiesleftmain h3 span:first-child, .hrdactivitiesleftmain h4 span:first-child {
    display: inline-block;
    width: 90px;
    font-size: 14px;
    font-weight: 700;
}

.event_start_date:first-child {
    display: inline-block;
    width: auto !important;
    font-size: 14px;
    font-weight: 600 !important;
}

.hrdactivitiesleftmain h3 span, .hrdactivitiesleftmain h4 span {
    font-size: 14px;
}

.hrdactivitiesleftmain h3 span {
    font-size: 14px;
}

.hrdactivitiesleftmain h3 span:last-child {
    font-size: 14px;

}

#invoiceDetails form {
    background: #f9f9f9;
    padding-bottom: 40px;
}

.billToDivWrapper {
    width: 350px;
}

.introselection {
    margin: 8px 5px;
    display: none;
}

.demobutton {
    background: #70829a none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    margin: 8px 5px;
    overflow: hidden;
    padding: 0;
}

.demobutton span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 5px 0 20px;
    vertical-align: top;
}

.demobutton a.getDemoDays {
    background: #ffa836 none repeat scroll 0 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    padding: 0 20px;
}

.form-group.form-md-line-input .editlookup {
    float: right;
}

.editlookup ~ *, .editOrganization ~ * {
    width: 90% !important;
}

.form-group.form-md-line-input .editlookup2 {
    float: right;
}

.editlookup2 ~ *, .editOrganization ~ * {
    width: 90% !important;
}

.input_file_attachments_hidden {
    display: none !important;
}

#institution-detail > div > div.portlet-body {
    padding: 0;
}

.cancelSubscription {
    background: #ff3636 none repeat scroll 0 0 !important;
}

/*seminar planner*/
.dragableDropableItem {
    padding: 10px;
    border: #ccc 1px solid;
    margin-bottom: 10px;
    cursor: -webkit-grab;
}

.currentActiveSchedule {
    background-color: #cccccc;
}

.scheduleConflictWarning {
    border-color: #dfba49;
}

.slotTrainerBox {
    padding: 5px 10px;
    border: 1px #ccc solid;
    display: inline-block;
    margin: 5px 5px 0 0;
}

#tab_seminar_budget div.nomargin {
    margin: 0;
}

.myschedule_modal .modal-body {
    padding: 0;
}

.mydaylist {
    display: block;
    padding: 0 15px 10px;
    margin: 0;
}

.settingPagePeddingLeft .mydaylist {
    display: block;
    padding: 0px !important;
    margin: -15px 0px 0px -15px !important;
}

.mydaylist .md-checkbox {
    display: inline-block;
    padding: 0 30px 0 0;
    margin: 0;
}

.myschedule_modal .col-md-12 {
    padding-right: 15px;
    padding-left: 15px;

}

.addnewslotbotbox {
    padding: 20px;
}

.addnewslotbox .portlet-title {
    padding: 0 0 0 15px;
}

.scheduleSlotList .accordion .panel .panel-title .accordion-toggle, .schedule_add_slot .accordion .panel .panel-title .accordion-toggle {
    padding: 10px 15px;
}

.scheduletop {
    padding: 20px 0 0;
    margin: 0;
}

.scheduletop .col-md-2 {
    padding-right: 0px;
}

.scheduletop .col-md-9 {
    padding: 0px;
}

#scroller_schedul {
    background: #eee;
}

.seminarPlanner .form-wizard .steps > li > a.step {
    padding: 20px 0 20px 20px;
    text-align: left;

}

/*For workflow */
.work_flow_detail.seminarPlanner .form-wizard .steps > li > a.step {
    padding: 40px 0 35px 20px;
    text-align: left;
}

.work_flow_detail .form-wizard .form-actions .btn {
    border-radius: 20px !important;
    padding: 10px 40px;
    background: #77b32b;
}

.work_flow_detail .form-wizard .form-actions .btn.button-previous {
    background: #e5e5e5;
}

.seminarPlanner .form-wizard .steps > li > a.step,
.seminarPlanner .form-wizard .steps > li > a.step:hover {
    background-color: #fff;
}

.seminarPlanner .form-wizard .steps {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

.seminarPlanner .form-wizard .progress {
    margin-bottom: 0px;
}

.splanningperiod {
    padding: 20px 0;
}

.splanningperiod label {
    line-height: 26px;
}

.splanningperiodbot .contact-list .search-user {
    width: auto;
    margin-bottom: 0;
    padding: 0px 45px 0px 0px;
    float: right;
    background: none;
}

.open_modal_selected_seminar {
    line-height: 30px;
    margin: 7px 0;
}

.splanningperiodtopbar {
    padding: 0 20px;

}

.seminar-list-header-with-text {
    border-top: 5px solid #45B6AF !important;
    background: #e3eaf3 !important;
}

.seminar_list_table table th:first-child,
.seminar_list_table table th:nth-child(2),
.seminar_list_table table th:nth-child(3),
.seminar_list_table table th:last-child {
    border-top: 1px solid #ddd !important;
    background: #fff !important;
}

.seminar_list_table table tr td {
    background: #f9f9f9 !important;
}

.seminar_list_table table tr td:first-child,
.seminar_list_table table tr td:nth-child(2),
.seminar_list_table table tr td:nth-child(3),
.seminar_list_table table tr td:last-child {
    background: #fff !important;
}

.slotList, .scheduleList, .trainerList, .locationList {
    max-height: 30%;
    padding-right: 10px;
    /*overflow: auto;*/
}

.seminar_list_table table tr:hover td {
    background: #f9f9f9;
}

.seminarPlanner .form-wizard .progress {
    height: 5px;
    background: #c8c8c8;
}

.progress > .progress-bar-success {
    background-color: #77b32b !important;
}

.holidayDanger span {
    border: 2px red solid;
    border-radius: 55% !important;
    padding: 0px 5px;
}

.holidayWarning span {
    border: 2px #dfba49 solid;
    border-radius: 50% !important;
}

.holidayDanger a {
    border: 2px red solid;
    border-radius: 55% !important;
    padding: 0px !important;
    height: 22px;
    width: 22px;
    text-align: center;
}

.holidayWarning a {
    border: 2px #dfba49 solid;
    border-radius: 50% !important;
    padding: 0px !important;
    height: 22px;
    width: 22px;
    text-align: center;
}

.conflict-detail-table th { white-space: nowrap;}

.splanningperiodfulltable #infinite_scroll {
    height: calc(100vh - 460px)
}

.splanningperiodbottom.form-actions .btn {
    margin-top: 20px;
    float: right;
    border-radius: 20px !important;
    padding: 10px 65px;
    background: #77b32b;
}

.numberAlignRight {
    text-align: right;
    min-width: 65px;
}

.addNewSlotDetails {
    float: right !important;
    margin-top: 75px;
    margin-right: 33px;
}

.clearSlotDetails {
    float: right !important;
    margin-top: 75px;
    margin-right: 7px;
}

.saveSlotDetails {
    margin-top: 75px;
    margin-left: 100px;
}

.budget_calculate .editlookup {
    float: right !important;
}

.seminarPlanner .form-wizard .steps > li.done > a.step .number {
    background-color: #4B6478;
}

#bulePrintList {
    padding: 20px;
    margin-top: 110px;
}

#bulePrintListWrapper .dd-item {
    cursor: move;
    background: #fff;
}

.seminarPlanner #bulePrintListWrapper {
    background: #f5f5f5;
}

.seminarPlanner #calendar {

}

#personFilter {
    width: 400px;
}

.splanningperiodtopbar .panel-collapse {
    overflow: auto;
}

.splanningperiodtopbar .select2-container {
    margin: 0 0 10px 0;
}

.splanningperiodtopbar .seminar_planner_type {
    margin: 5px 0;
}

.mymaincalender .fc-event:hover {
    background: #333;
    border: 1px solid #333;
    border-radius: 3px;
}

#assignTrainerLocationPopup .trainerList, #assignTrainerLocationPopup .locationList {
    padding: 10px;
    background: #f5f5f5;
}

.itemSemianrTitle {
    cursor: pointer;
}
/* removed by: Bindesh
Schedule was not remaining active when click on them.
Please check this design changes before you remove this comment
or ask
#assignTrainerLocationPopup .dragableDropableItem {
    z-index: 999999;
   background: #fff;
}*/
#assignTrainerLocationPopup .dragableDropableItem {
    z-index: 999999;

}

#assignTrainerLocationPopup .currentActiveSchedule {
    background: #dfba49;
    color: #333;
}

#assignTrainerLocationPopup .currentActiveSchedule > .conflictBy > .popover {
    color: #333;
}

.itemSchedule.currentActiveSchedule .conflictBy a {
    background: #fff none repeat scroll 0 0;
    color: #dfba49;
    display: inline-block;
    margin: 6px 0 0;
    padding: 3px 35px 3px 10px;
    position: relative;
    border-radius: 5px;
}

.itemSchedule.currentActiveSchedule .conflictBy a:after {
    background: #dfba49 url(../images/infoicon.png) no-repeat;
    background-position: center center;
    background-size: 50%;
    border-radius: 15px;
    display: block;
    font-weight: bold;
    height: 20px;
    padding: 3px 10px;
    position: absolute;
    right: 10px;
    top: 3px;
    width: 20px;
    content: ""
}

.itemSchedule .conflictBy a {
    background: #dfba49 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin: 6px 0 0;
    padding: 3px 35px 3px 10px;
    position: relative;
    border-radius: 5px;
}

.itemSchedule .conflictBy a:after {
    background: url(../images/infoicon.png) no-repeat;
    background-position: center center;
    background-size: 50%;
    border-radius: 15px;
    display: block;
    font-weight: bold;
    height: 20px;
    padding: 3px 10px;
    position: absolute;
    right: 10px;
    top: 3px;
    width: 20px;
    content: ""
}

.itemSlot .conflictBy a {
    background: #dfba49 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin: 6px 0 0;
    padding: 3px 35px 3px 10px;
    position: relative;
    border-radius: 5px;
}

.itemSlot .conflictBy a:after {
    background: url(../images/infoicon.png) no-repeat;
    background-position: center center;
    background-size: 50%;
    border-radius: 15px;
    display: block;
    font-weight: bold;
    height: 20px;
    padding: 3px 10px;
    position: absolute;
    right: 10px;
    top: 3px;
    width: 20px;
    content: ""
}

.helpInfoForDragDrop {
    margin-left: 5px;
    margin-top: -9px;
    border: 2px #ccc solid;
    padding: 5px;
    border-radius: 45% !important;
    color: #ccc;
}
.ui-draggable-dragging {
    cursor: move;
}
#assignTrainerLocationPopup .ui-draggable.ui-draggable-dragging {
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
    cursor: move;
}

#assignTrainerLocationPopup .slotTrainerBox {
    background: #fff;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
    border-radius: 3px !important;
    border: 1px #ddd solid;
}

#assignTrainerLocationPopup .slotTrainerBox .cancelbtnclose {
    background: #f5f5f5;
    margin: 0px 0px 0px 3px;
    padding: 0 5px;
    border-radius: 12px !important;
    font-size: 10px;
    font-weight: 800;
    height: 20px;
    width: 20px;
    display: inline-block;
    line-height: 20px;
    text-align: center;

}

.helpInfoForDragDrop {
    /* width: 24px; */
    display: inline-block;
    /* height: 24px; */
    text-align: center;
    color: #ccc;
}

.itemLocation .fa-building,
.itemRoom .fa-hand-o-right {
    display: inline-block;
    float: left;
    margin: 3px 10px 0 0;
}

.filterhideshow {
    float: left;
}

.lablecolors {
    float: none;
}

.lablecolors ul {
    padding: 0;
    margin: 0 0 0 40px;
    overflow: auto;
    display: inline-block;
}

.lablecolors ul li {
    float: left;
    margin: 15px;
}

.lablecolors ul li span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 4px !important;
    background: #3a87ad;
    position: relative;
    top: 2px;
    margin: 0 8px 0 0;
}

.topcalander {
    overflow: auto;
}

/**************** work flow *******************/

.work_flow_detail {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.form-actions {
    text-align: center;
}

#steps_navigation.steps {
    padding: 30px 0 10px;
}

.form-wizard .progress {
    margin-bottom: 0px;
}

.md-radio label > .check,
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label::after, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus::after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label::after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus::after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label::after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus::after {
    /* Commented as it was casing trouble while showing the errors
        updated the colors from components.css
    */
    /* background: #77b32b !important; */
}

.work_flow_detail .md-checkbox label > .check {
    border-color: currentcolor #77b32b #77b32b !important;
}

.form-wizard .steps > li.done > a.step .number {
    background-color: #4a4a4a;
    color: #fff;
}

.myfieldbox {
    border: 1px solid #f5f5f5;
    background: #f9f9f9;
    padding: 10px;
    margin: 0 0 10px 0;
    overflow: auto;
}

.plannedeventpopup .form-group.form-md-line-input {
    margin: 0 0 0px;
}

.workFlowActiveSign {
    align-items: center;
    margin: 14% 40%;
}

.saveworkFlowAction, .saveworkFlowAction.btn-default:hover {
    background: #77b32b none repeat scroll 0 0;
    border-radius: 20px;
    padding: 10px 40px;
    color: #fff;
}

.cancelbtn, .cancelbtn.btn-default:active:hover, .cancelbtn.btn-default.active:hover {
    background: #e3e3e3 none repeat scroll 0 0;
    border-radius: 20px;
    padding: 10px 40px;
    color: #333333;
}

.mywork_flow_title h4 {
    color: #444;
    font-size: 20px;
    margin: 20px 0 30px;
    padding: 5px 0;
}

.wordkflowsidebox {
    margin: 30px 0 0 0;
}

.myworkflowintruction ul {
    border: 1px solid #f5f5f5;
    background: #f9f9f9;
    padding: 20px;
    margin: 0 0 10px 0;
    overflow: auto;
    color: #444;
}

.myworkflowintruction ul li {
    margin: 0 0 30px 0;
    list-style: none;
}

.myworkflowintruction ul li h5 {
    margin: 0 0 10px 0;
    display: block;
    font-weight: 800;
}

.work_flow_detail .form-wizard {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.work_flow_detail .portlet-body {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 0 !important;

}

.work_flow_detail .form-actions {
    background: #fff none repeat scroll 0 0;
    bottom: 65px;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    box-shadow: 0px 0 5px 0 rgba(0, 0, 0, 0.2);
    z-index:99;
}

.work_flow_detail .form-body {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.work_flow_detail #steps_navigation {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.work_flow_detail #bar {
    left: 20px;
    position: absolute;
    right: 20px;
    top: 90px;
}

.work_flow_detail .form-wizard .tab-content {
    bottom: 145px;
    left: 0;
    overflow: hidden auto;
    padding: 0 40px 20px !important;
    position: absolute;
    right: 0;
    top: 130px;
    padding-top: 10px;
}

.work_flow_detail .form-wizard .tab-content.translation-content {
    position: unset !important;
}

.campaign_translations {
    bottom: 80px;
    left: 0;
    overflow: auto;
    padding: 0 40px 20px;
    position: absolute;
    right: 0;
    top: 20px;
}

.openActionPopup, .openActionPopup:focus, .openActionPopup:hover {
    background: #77b32b none repeat scroll 0 0;
    border-radius: 20px;
    padding: 10px 40px;
    color: #fff;
}

.showActionPopupWrapper.myfieldbox {
    padding: 30px;
    text-align: center;
}

.myfieldbox .form-group.form-md-line-input {
    margin: 20px 0;
}

.myfieldbox .md-checkbox-list .md-checkbox {
    padding: 0px;
}

.pad0 {
    padding: 0 !important;
}

/**************** Administration *******************/
.administration-title {
    padding: 20px;
    background: #77b32b;
}

.administration-data {
    background: #fff;
}

.administration-title h2 {
    margin-top: 5px;
    padding-left: 15px;
    font-size: 24px !important;
    color: #fff;
}

.administration-data h2 {
    margin-top: 5px;
    font-size: 20px !important;
    padding-left: 15px;
    margin-top: 45px;
    color: #000000;
}

.administration-title h2 i {
    float: left;
    margin-right: 10px;
    font-size: 24px !important;
    margin-top: 9px;
}

.administration-data i {
    float: left;
    margin-right: 10px;
    font-size: 26px !important;
    margin-top: 2px;
    color: #cccccc;
}

.administration-data ul {
    font-size: 16px;
    padding: 20px 20px 20px 50px;
    margin-bottom: 20px;
}

.administration-data ul li {
    padding-top: 10px;
    color: #0000CC
}

.administration-data ul a {
    color: #0000CC
}

/**************** work flow end *******************/

/**************** campaign start *******************/

.campaignpage {

}

.campaignpage .MetricesValue {
    width: 100%;
    text-align: center;
}

.campaignpage .totalValueDiv {
    font-weight: 800;
}

.campaignpage .dashboard-stat .details {
    float: none;
    padding: 0;
}

.campaignpage .dashboard-stat .desc {
    text-align: center;
    font-size: 30px;
    letter-spacing: -2px;
}

.campaignpage .dashboard-stat .more {
    overflow: auto;
    padding: 15px 0;
    background: transparent;
    font-size: 14px;
    opacity: 1;
}

.sideboxcampaign {
    padding: 26px;
    background: rgba(242, 242, 242, 1);
    overflow: auto;
}

.sideboxcampaign p {
    font-size: 16px;
}

.sideboxcampaign h3 {
    font-size: 35px;
    margin-top: 10px;
    font-weight: 700;
    color: #555;
}

.sideboxcampaign ul {
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

.sideboxcampaign ul li {
    padding: 5px 0;
    border-top: 1px solid #cccccc;

}

.sideboxcampaign .campaignpoints {
    float: right;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #555;
}

.sideboxcampaign .campaignRecipients {
    line-height: 30px;
    color: #555;
}

.campaignpage .apply_table_operation .portlet.light {
    padding: 20px 10px 0;
}

.topdaterange {
    padding: 0 30px 0 0;
    float: right;
}

#get_participant_list label {
    font-weight: 600;
}

a.show_advance_filter, a.hide_advance_filter {
    border-radius: 20px !important;
    padding: 10px 40px;
    background: #77b32b;
    color: #FFFFFF;

}

.advance_filter {
    background: #f2f2f2;
    padding: 30px 30px 0;
    margin: 0 0 10px 0;
}

.trainerlLocationListWrapper {
    min-height: 170px;
    overflow-x: auto;
    margin: 0 0 10px 0;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
}

/*.filterParticipants {*/
/*box-shadow: 0 0 5px 0px rgba(0,0,0,0.2) !important;*/
/*}*/

.form-md-line-input select, .trainerList,
.advance_filter select {
    background: #fff !important;
}

.trainerList {
    padding: 10px;
    margin: 0;
}

.trainerList li {
    padding: 10px;
}

.trainerList {
    /*max-height: 400px;
    height: 260px;*/
    overflow-x: auto;

}

.seminarVisiteBox .trainerList {
    max-height: 182px;
    height: 182px;
}

#allCategory {
    min-height: 400px;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
}

.advance_filter .form-group.form-md-line-input {
    padding-top: 25px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #77b32b;
    border-color: #77b32b;
}

.selectable li {
    height: auto !important;
    font-size: 16px !important;
}

.emailTemplateTable ul li {
    list-style: none;
    padding: 4px 9px;
    width: 27%;
    overflow: auto;
    float: left;
}

.emailTemplateTable ul {
    border-top: 1px solid #ddd;
}

.emailTemplateTable ul.active li {
    background: #77b32b !important;
    color: #fff;
}

.emailTemplateTable ul.active .emailTemplatePreview i {
    color: #fff
}

.campaignpage .form-wizard .steps > li > a.step > .desc {
    padding: 13px 0px;
    font-size: 14px;
    float: left;
    white-space: nowrap;
}

.campaignpage .form-wizard .steps > li > a.step > .number {
    float: left;
}

.tabletitleemail {
    background: #f2f2f2;
    font-weight: 600;
}

.tabletitleemail li {
    padding: 12px 0 12px 12px !important;
    font-size: 14px !important;
}

.tabletitleemail li:last-child {
    width: 10%;
    padding: 5px !important;
}

.campaignpage .form-wizard .steps {
    padding: 10px 0 10px 0;
}

.campaignpage .progress {
    height: 15px;
}

.emailTemplateTable ul li:last-child {
    width: 10%;
}

.emailTemplateTable ul li {
    font-size: 14px !important;
    padding: 12px 0 12px 12px !important;
    margin: 0;
}

.email-tabs li.active a, .email-tabs li.active a:hover {
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
}

.email-tabs .tab-links li a {
    color: #fff !important;
}

.email-tabs .tab-links li.active a {
    color: #4c4c4c !important;
}

.toppopupTemplatePreview {
    margin: 0 0 20px 0;
}

.Campaignpagedetails .chats li .message h5 {
    font-weight: 600;
    color: #555;
}

.Campaignpagedetails .chats li .message h5 span {
    font-weight: normal;
}

.Campaignpagedetails .chats li p {
    font-size: 14px;
    margin: 0;
}

.Campaignpagedetails .chats li p {
    font-size: 14px;
    margin: 0 0 5px 0;
}

.Campaignpagedetails .chats li p span,
.Campaignpagedetails .chats li p i {
    color: #999;
}

.CampaignTitle {
    margin-top: 0;
}

.campaign-details .indication_avtar_border::after {
    bottom: 5px;
}

    .empdetail {
    bottom: 3px;
}

.campaign-details .empdetail h5 span::after {
    background: #fff none repeat scroll 0 0;
    bottom: -6px;
    content: "";
    display: block;
    height: 15px;
    left: -18px;
    position: absolute;
    width: 1px;
}

.campaign_detail p i + span {
    margin-left: 2px;
}

.campaign_detail p i.icon-clock {
    margin: 0 0 0 10px;
}

#get_participant_list .modal-footer button,
#emailTempaltePreview .modal-footer button {
    border-radius: 20px !important;
    padding: 10px 30px;
}

#get_participant_list .modal-footer button.saveParticipantList {
    background: #77b32b;
    color: #FFFFFF;
}

.campaignpage .work_flow_detail .form-wizard .form-actions .btn.button-draft,
.campaignpage .work_flow_detail .form-wizard .form-actions .btn.button-draft:hover {
    background: transparent !important;
    color: #333;
    border-radius: 0 !important;
    float: right;
}

.campaignpage .work_flow_detail .form-wizard .form-actions .btn.button-draft i {
    color: #cccccc;
    margin-right: 10px;
}

.campaignpage .work_flow_detail .form-wizard .form-actions .btn.button-previous {
    color: #fff;
    float: left;
}

.campaignpage .work_flow_detail .form-wizard .form-actions .btn.button-previous i {
    color: #fff;
    margin-right: 10px;
}
.campaignpage .work_flow_detail .form-wizard .form-actions .btn.button-previous{
    background: #77b32b;
    color: #fff;
}

.campaignpage .work_flow_detail .form-wizard .form-actions .btn.button-next,
.campaignpage .work_flow_detail .form-wizard .form-actions .btn.button-submit {
    float: right;
}

.campaignpage .work_flow_detail {
    bottom: 30px;
}

.campaignpage .work_flow_detail .form-actions {
    bottom: 18px;
}

.tab-content .form-group.form-md-line-input .form-control[readonly], .tab-content .form-group.form-md-line-input .form-control[disabled], .tab-content fieldset[disabled] .form-group.form-md-line-input .form-control {
    cursor: text !important;
}

.tab-content .form-control[disabled], .tab-content .form-control[readonly], .tab-content fieldset[disabled] .form-control {
    cursor: text !important;
}

.user-id .sales i {
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    display: block;
    float: left;
    position: relative;
    margin: 7px 4px;
}

.user-id .sales.active i,
.user-id .sales.completed i {
    background: #77b32b;
}

.bootbox .modal-dialog{
    width: 50%;
}


/**************** campaign end *******************/

@media screen and (max-width: 1900px) {
    .campaignpage .form-wizard .steps > li > a.step > .desc {
        font-size: 11px;
        padding: 10px 0;
    }

    .campaignpage .form-wizard .steps > li > a.step > .number {
        margin-right: 5px;
        height: 35px;
        width: 35px;
        line-height: 35px;
    }
}

@media screen and (max-width: 1570px) {

    .campaignpage .form-wizard .steps > li > a.step > .desc {
        font-size: 11px;
        display: block;
        text-align: center;
        float: none;
        margin: 0;
    }

    .campaignpage .form-wizard .steps > li > a.step > .number {
        margin-right: 5px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        float: none;
    }
}

@media screen and (max-width: 1400px) {
    .campaignpage .work_flow_detail {
        bottom: 20px;
    }

    .Campaignpagedetails .contact-list .search-user {
        margin-bottom: 0;
    }

    #compaign-detail .tabbable-line.orgnizclass.clearfix.custom-tabs-block {
        top: 112px;
    }

    .campaignpage .tabbable-custom > .nav-tabs.new-custom-tabs > li > a {
        padding: 10px !important;
    }

    .Campaignpagedetails .chats li.in .message {
        padding: 15px !important;
    }

    .Campaignpagedetails .user-id .sales {
        top: 70px;
    }

    .back-arrow .glyphicon {
        line-height: 30px;
        font-size: 18px;
    }

    .page-breadcrumb li {
        line-height: 50px;
    }

    .search-user input.form-control {
        height: 44px;
        line-height: 44px;
    }

    .contact-list .input-group .btn-circle {
        height: 44px;
    }

    .chats li .message h2 {
        font-size: 16px;
    }

    .chats li .message h4 {
        font-size: 14px;
    }

    .chats li .message {
        padding: 20px 10px !important;
        min-height: 60px !important;
    }

    /*    .user-id{border: none;}*/
    #organization-list .chats li.in.organization-row .message {
        padding: 20px 10px !important;
    }

    .chats .col-height {
        padding: 0;
    }

    .chats {
        padding: 0 15px;
    }

    .chats li .message .avatar {
        left: 10px;
    }

    .chats li.in .message {
        padding-left: 20px !important;
    }

    .chats li .message {
    }

    .fa.fa-search.search-button {
        font-size: 16px;
        margin-right: 8px;
        margin-top: 4px;
    }

    .search-user input.form-control {
        padding: 10px !important;
    }

    .chats .col-height.user-id {
        padding: 10px 10px 0;
    }

    .contact-list .chats .col-height.user-id {
        padding: 10px;
    }

    .contact-page.page-content {
        margin: 0 0 15px !important;
    }

    .user-id .sales {
        padding-left: 10px;
        bottom: 10px;
        top: 70px;
    }

    .thumbnail-round img {
        height: 70px !important;
        width: 70px !important;
    }

    .indication_avtar {
        min-height: 70px;
    }

    .person-id-details h5, .location-id-details h5 {
        padding: 17px;

    }

    .person-id-details, .location-id-details {
        border-left: 2px solid #fff;
    }

    #participant-detail .portlet-body, #event-detail .portlet-body, #organization-detail .portlet-body, .contact-page .right-content .portlet-body, #location-detail .portlet-body, .contact-page .right-content .portlet-body
    {
        padding: 0 0 10px 10px;
    }

    .tabbable-line.clearfix.custom-tabs-block {
        left: 10px;
        top: 110px;
        padding: 0;
    }

    .tabbable-line.orgnizclass.clearfix.custom-tabs-block {
        top: 125px;
        padding: 0 !important;
    }

    .contact-list .search-user {
        margin-bottom: 10px;
    }

    .custom-tabs-block .portlet.light {
        padding: 10px 10px 0;
    }

    .tabbable-custom > .nav-tabs {
        padding-top: 2px;
    }

    .footer-button {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .indication_avtar .personal_detail h2, .indication_avtar .personal_detail h4, .indication_avtar .personal_detail h5 {
        background: #77b32b;
    }

    .locationpiechart .well {
        display: none;
    }

    .switchviewtolist.chats li.hrdactregister .message .attendestatus {
        left: -60px;
    }

    .switchviewtolist.chats li.hrdactregister .message {
        margin: 0 0 0 60px !important;
    }

    #event-registration .tabbable-line.clearfix.custom-tabs-block {
        left: 10px !important;
        top: 210px !important;
        padding: 0 !important;
    }

    #event-list .chats li .message.hrdactivitiesleftmain {
        padding-left: 20px !important;
    }

    #organization-list .chats li.in .message,
    #event-list .chats li .message,
    #emailtemplate-list .chats li.in .message,
    #team-list .chats li.in .message,
    #access-role-list .chats li.in .message,
    #location-list .chats li.in .message {
        padding-left: 10px !important;
    }

    .inner_personaldtltop {
        margin: 0px;
    }

    .contact-list .search-user {
        padding: 38px 15px;
    }

    .person-edit-details {
        min-height: 114px;
    }

    .person-details, .location-details, .page-details {
        height: 114px;
        padding: 22px 30px 0;
    }

    .events-search {
        margin-bottom: 15px;
    }

    .page-content-wrapper .page-content {
        padding: 18px 20px 0;
    }
    .invoice-filters .btn.btn-primary {
        font-size: 12px !important;
    }

}

@media screen and (max-width: 1370px) {
    .page-content-wrapper .page-content {
        padding: 9px 10px !important;
    }

    #event-list .chats li .message.hrdactivitiesleftmain {
        padding-left: 10px !important;
    }

    .back-arrow {
        border-right: 1px solid #fff;
    }

    .person-id-details, .location-id-details {
        border-left: 2px solid #fff;
    }

    .portlet {
        margin-bottom: 10px;
    }

    #event-registration .tabbable-line.clearfix.custom-tabs-block {
        top: 180px !important;
    }

    .events-search {
        margin: 5px 0;
        padding: 10px;
    }

    #event-list .chats li .message.hrdactivitiesleftmain {
        padding: 20px 10px 10px 10px !important;
    }

    .chats li.in.hrdactregister .message {
        padding: 10px 0;
    }

    .avatarsmall {
        margin: 0 10px 4px 5px;
    }

    /*.form-group.form-md-line-input {
        margin: 0 0 15px;
    }*/
    #personFilter {
        width: 390px;
    }

    .hrdactivitiesleftmain {
        padding: 10px;
    }

    .hrdactivitiesleftmain h3 span:first-child, .hrdactivitiesleftmain h4 span:first-child {
        display: block;
    }

    .attendestatus {
        left: 0;
    }

    .eventCalenderWrapper {
        margin-left: 0;
        margin-right: 0;
    }

}

@media screen and (max-width: 1199px) {
    .chats li .user-id {
        border: none;
    }

    #participant-list .userid-top {
        position: relative;
    }

    #participant-list .user-id .sales {
        padding: 10px 0 !important;
    }

    #participant-list .user-id .sales.contact-sale {
        top: 0px;
        height: auto;
    }

    .user-id .sales {
        text-align: center;
    }


    .user-id .sales .role-info {
        display: inline-block;
        margin: 0 1px;
    }

    .chats li.in .message {
        padding: 10px 20px !important;
    }

    .contact-list .chats .col-height.user-id {
        /*font-size: 0px;*/
    }

    .contact-list .chats .col-height.user-id .userid-top {
        font-size: 13px;
    }

    .chats li.participant-row {
        height: 100px;
    }
}

@media screen and (max-width: 1170px) {
    .callshow .myclassleft {
        width: 25% !important;
    }

    .callhide .myclassleft {
        width: 10% !important;
    }

    .callshow .myclassright {
        width: 75% !important
    }

    .callhide .myclassright {
        width: 100% !important;
    }

    .myclassleft .hideshow {
        left: -52px;
        padding: 15px;
        top: 64px;
        transform: rotate(-90deg);
    }

    .eventdetail .fc-right .fc-button {
        margin-left: 5px;
        height: 25px;
        line-height: 25px;
    }

    .eventdetail .fc-toolbar {
        padding: 15px;
    }

    .eventdetail .fc-toolbar {
        min-height: 55px;
    }

    .eventdetail .fc-center {
        top: 20px;
    }

    .eventdetail .fc-left {
        top: 15px;
    }
}

@media screen and (max-width: 992px) {
    .tabbable-line.clearfix.custom-tabs-block {
        left: 0;
        top: 0;
        position: relative;
    }

    .custom-tabs-block .role-details-list {
        overflow: auto;
    }

    .edit-form-block {
        position: relative;
        height: auto;
    }

    .page-content-wrapper .page-content {
        padding: 5px 20px !important;
    }

    #event-registration .tabbable-line.clearfix.custom-tabs-block {
        bottom: 0 !important;
        left: 0 !important;
        padding: 0 !important;
        top: 0 !important;

    }

    #event-registration .tabbable-line.clearfix.custom-tabs-block > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .page-content-wrapper .page-content {
        padding: 5px !important;
    }

    .switchviewtolist.chats li.hrdactregister .message {
        margin: 0 0 0 60px !important;
    }

    .switchviewtolist.chats li.hrdactregister {
        float: none;
        margin: 0 auto !important;
        width: 99%;
    }

    .tabbable-line.orgnizclass.clearfix.custom-tabs-block {
        top: 0;
        padding: 0 !important;
    }

    .myaccordian .accordionHeading span:nth-child(2) {
        width: 30%;
    }

    .myclassleft .hideshow {
        left: auto;
        padding: 15px;
        position: relative;
        top: auto;
        transform: none;
    }

    .callshow .myclassleft {
        width: 100% !important;
    }

    .callhide .myclassleft {
        width: 100% !important;
    }

    .callshow .myclassright {
        width: 100% !important
    }

    .callhide .myclassright {
        width: 100% !important;
    }

    .chats li .user-id {
        border-left: 1px solid #aaaaaa;
    }

    .person-edit-details {
        min-height: inherit;
    }

    .person-edit-details h2 {
        margin-top: 10px;
    }

    #participant-list .user-id .sales.contact-sale {
        height: 80px;
        top: 32px;
    }

    .tabbable-line.clearfix.custom-tabs-block {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .myswitches > .portlet-title > .caption {
        padding: 10px 15px !important;
    }

    .sidebar-content .myswitches.portlet.box > .portlet-title {
        padding: 10px 15px;
    }

    .cd-header .page-container {
        left: 45px;
        position: absolute;
        right: 10px;
        top: 51px;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .filterable .col-md-10, .filterable .col-md-2, .filterable .col-md-4 {
        padding: 0;
    }

    .filterable .reset-filter {
        display: block;
        font-size: 14px;
        font-weight: 200 !important;
        margin: 15px;
    }

    fieldset.scheduler-border {
        padding: 10px;
    }

    .maindashboard .feeds li .col2 {
        clear: both;
        display: block;
        float: left;
        margin-left: 50px;
        padding: 5px;
        width: auto;
    }

    .maindashboard .feeds li .col2 a {
        padding: 10px 0 20px;
    }

    .nopad > div > div.col-xs-12, .nopad > div > div.col-md-12 {
        padding: 0 10px;
    }

    .tabbable-custom > .nav-tabs.custom-tabs > li {
        margin: 0 0 -1px 5px;
    }

    .myaccordian .accordionHeading span {
        width: 20% !important;
    }

    .page-footer {
        width: auto;
        bottom: 77px;
        left: -74px;
        z-index: 100000;
        position: fixed;
        padding: 8px 20px 5px !important;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .footer-button {
        bottom: 0;
        left: 45px;
        position: fixed !important;
        right: 0;
        z-index: 100;
        width: auto;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 5px;

    }

    .openmenu .page-footer {
        bottom: 20px;
        left: 0;
        right: auto;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .introselection {
        display: none;
    }

    .demobutton span, .demobutton a.getDemoDays {
        font-size: 14px;
    }

    .editlookup ~ * {
        width: 80% !important;
    }

    .fc-toolbar .fc-center {
        margin: 20px 0 0 0;
    }

    #tab_document .document-list ul li {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70% !important;
    }

    .chats li.participant-row {
        height: auto;
    }

    .chats li .col-height {
        width: 70% !important;
        float: left;
    }

    .col-sm-3.col-md-3.col-height.user-id {
        width: 30% !important;
        min-height: 85px;
    }

    .chats li.in .message {
        padding-left: 15px !important;
    }

    .empdetail {
        position: relative;
        bottom: auto;
    }

    .indication_avtar::after {
        display: none;
    }

    .empdetail h5 span::after {
        bottom: 0px;
    }

    .person-details {
        padding: 15px;
    }

    .tabbable-custom > .nav-tabs.custom-tabs > li {
        display: table-cell;
        vertical-align: middle;
    }

    .tabbable-custom > .nav-tabs > li > a {
        margin-bottom: 0px !important;
    }

    .empdetail h5:first-child span:first-child {
        margin-left: 0px;
    }

    .tabbable-custom > .nav-tabs.new-custom-tabs .fa {
        margin: 0px;
        height: 22px !important;
        width: 22px !important;
        line-height: normal !important;
    }

    .nav.nav-tabs.custom-tabs.new-custom-tabs.nav-justified {
        display: table;
    }

    .new-custom-tabs .fa.fa-home {
        background-position: -22px 0;
    }

    .new-custom-tabs .fa.fa-file-text {
        background-position: -44px 0;
    }

    .new-custom-tabs .fa.fa-paperclip {
        background-position: -66px 0;
    }

    .new-custom-tabs .fa.fa-file {
        background-position: -88px 0;
    }

    .new-custom-tabs .fa.fa-money {
        background-position: -110px 0;
    }

    .new-custom-tabs .fa.fa-photo {
        background-position: -154px 0px;
    }

    .new-custom-tabs .fa.room_tab {
        background-position: -177px 0;
    }

    .new-custom-tabs .fa.fastar {
        background-position: -242px 0px;
    }

    .new-custom-tabs .fa.fa-user, .new-custom-tabs .fa.fa-users {
        background-position: -220px 0;
    }

    .new-custom-tabs .fa.fa-schedule {
        background-position: -264px 0;
    }

    .new-custom-tabs .fa.fa-userscheck {
        background-position: -198px 0;
    }

    .new-custom-tabs .fa.budgeticon {
        background-position: -308px 0;
    }

    .custom-tabs li.active .fa {
        background-position: 0 -22px;
    }

    .new-custom-tabs li.active .fa.fa-home {
        background-position: -22px -22px;
    }

    .new-custom-tabs li.active .fa.fa-file-text {
        background-position: -44px -22px;
    }

    .new-custom-tabs li.active .fa.fa-paperclip {
        background-position: -66px -22px;
    }

    .new-custom-tabs li.active .fa.fa-file {
        background-position: -88px -22px;
    }

    .new-custom-tabs li.active .fa.fa-money {
        background-position: -109px -22px;
    }

    .new-custom-tabs li.active .fa.fa-photo {
        background-position: -154px -22px;
    }

    .new-custom-tabs li.active .fa.room_tab {
        background-position: -177px -22px;
    }

    .new-custom-tabs li.active .fa.fastar {
        background-position: -242px -22px;
    }

    .new-custom-tabs li.active .fa.fa-user, .new-custom-tabs li.active .fa.fa-users {
        background-position: -220px -22px;
    }

    .new-custom-tabs li.active .fa.fa-schedule {
        background-position: -264px -22px;
    }

    .new-custom-tabs li.active .fa.fa-userscheck {
        background-position: -198px -22px;
    }

    .new-custom-tabs li.active .fa.budgeticon {
        background-position: -308px -22px;
    }

    .tabbable-custom > .nav-tabs.custom-tabs li a {
        font-size: 10px !important;
    }

    .eventdetail .fc-center {
        left: 20px;
        margin-top: 0px;
        right: auto;
    }

    .eventdetail .fc-left {
        right: auto;
    }

    .indication_avtar .personal_detail {
        margin-left: 0px !important;
    }

    .thumbnail-round {
        width: 60px;
        height: 60px;
    }

    .person-details, .location-details, .page-details {
        height: auto;
        padding: 15px 30px;
    }

    #event-detail .indication_avtar .personal_detail {
        margin-left: 75px !important;
    }

    #event-detail .empdetail {
        margin-left: 75px !important;
    }

    #event-registration .portlet-body div > .row > .col-md-12 {
        padding: 0;
    }

    #participant-list .user-id .sales.contact-sale {
        top: 0px;
    }

    .user-id .sales .role-info {
        display: block;
        margin: 5px 0;
    }
}

@media screen and (max-width: 580px) {
    .new-custom-tabs p {
        display: none !important;
    }

    .tabbable-custom > .nav-tabs.custom-tabs li a {
        min-width: inherit !important;
    }

    .eventdetail .fc-center {
        position: relative;
        left: auto;
        top: auto;
    }

    .fc-toolbar .fc-right {
        position: absolute;
        bottom: 15px;
        left: 0px;
        right: 0px;
        margin: auto;
        text-align: center;
    }

    .eventdetail .fc-toolbar {
        padding-bottom: 50px;
    }

    .eventdetail .fc-left {
        right: 0px;
        top: 10px;
    }

    .eventdetail .fc-right .fc-button {
        display: inline-block;
        float: none;
    }

    .eventdetail .fc-right .fc-button-group {
        float: none !important;
    }

    .table.table-bordered.dataTable.no-footer {
        width: 100% !important;
    }

    #header_notification_bar .dropdown-menu {
        margin-right: -70px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu::after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu::before {
        margin-right: 78px;
    }

    .user-id .sales .role-info {
        display: inline-block;
    }
}

@media screen and (max-width: 480px) {
    .contactbtn {
        display: none !important;
    }

    .cd-header .page-container {
        left: 45px;
        position: absolute;
        right: auto;
        top: 50px;
    }

    .page-footer {
        background: #364150 none repeat scroll 0 0;
        font-size: 12px;
        height: 33px;
        padding: 8px 20px 5px !important;
        position: fixed;
        width: auto;
        z-index: 100000;
    }

    .scroll-to-top {
        background: #364150 none repeat scroll 0 0;
        border-radius: 100px !important;
        bottom: -33px;
        display: none;
        height: 40px;
        overflow: hidden;
        padding: 13px 0;
        position: fixed;
        right: auto;
        text-align: center;
        width: 40px;
        z-index: 10001;
        left: 4px;

        -webkit-transform: scale(0.9) rotate(90deg);;
        -moz-transform: scale(0.9) rotate(90deg);;
        transform: scale(0.9) rotate(90deg);;
    }

    /* .tabbable-custom > .nav-tabs.custom-tabs > li {
        left: -11px;
        margin: 0 -33px -1px 5px;
        position: relative;
        top: 15px;
        transform: scale(0.6);
    }*/
    .demobutton span {
        padding: 0 5px;
    }

    .demobutton a.getDemoDays {
        padding: 0 6px;
    }

    .demobutton span, .demobutton a.getDemoDays {
        font-size: 12px;
    }

    .maindashboard h1 {
        font-size: 12px;
    }

    .page-footer {
        bottom: 68px;
        height: 35px;
        padding: 15px 10px 10px !important;
    }

    .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu {
        right: 50%;
        top: 30px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 15px 10px 16px !important;
    }

    #invoiceDetails {
        margin: 0 auto;
        overflow: auto;
        width: 250px;
    }

    #invoiceDetails form {
        width: 250px;
        overflow: auto;
    }

    .openmenu .page-footer {
        bottom: 20px;
        left: 20px;
        right: auto;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .cd-header aside ul li a i {
        top: 5px;
    }

    .person-id-details > h5 > span {
        display: block;
    }

    #event-registration .btn-group, .btn-group-vertical {
        width: 70px;
    }

    .printParticibtns {
        padding: 10px;
        position: relative;
        top: 5px;
    }

    .callhide .myclassleft {
        padding: 10px;
    }

    .myclassleft .hideshow {
        padding: 5px 10px;
        font-size: 12px;
    }

    .myclassright .filterhideshow {
        margin-bottom: 10px;
        padding: 5px 10px;
    }

    .myclassright .filterhideshow, .hideshow {
        padding: 5px 10px;
        font-size: 10px;
    }

    .myclassright .filterhideshow i, .hideshow i {
        font-size: 10px !important;
    }

    .sidebar-content .myswitches.portlet.box > .portlet-title {
        padding: 5px 10px;
    }

    .myswitches > .portlet-title > .caption {
        padding: 5px !important;
    }

    #fullcalendar .popover {
        display: none !important;
    }

    .page-header.navbar .top-menu {
        padding: 0px;
    }

    .chats li .col-height {
        width: 100% !important;
        float: left;
    }

    .col-sm-3.col-md-3.col-height.user-id {
        width: 100% !important;
        border: none !important;
    }

    .chats li .message {
        min-height: 60px !important;
    }

    .eventdetail {
        padding: 0px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-notification {
        background: #f7f7f7 none repeat scroll 0 0;
        height: 79px;
        width: auto;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-notification .dropdown-toggle {
        padding-top: 33px !important;
        padding-bottom: 26px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-notification > .dropdown-toggle > .badge {
        right: 0;
        top: 18px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu::after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu::before {
        margin-right: 68px;
    }

    .seminarboard .col-md-3 {
        width: 100%;
        float: none;
    }

    .cd-header aside ul > li > ul > li > a > span {
        padding: 8px 5px;
    }

    .cd-header aside ul > li > ul > li > a > span {
        padding: 8px 5px;
    }

    .cd-header aside ul > li:last-child > ul > li > a > span {
        padding: 5px;
    }
}

@media screen and (max-width: 480px) {
    .cd-header aside > ul > li:last-child > a > span {
        min-width: 270px;
    }

    .cd-header.openmenu aside ul li:hover a span {
        min-width: 207px;
    }

    .cd-header aside ul li:hover ul.closedMenu {
        /* width: 270px; */
    }

    .cd-header aside ul li:hover ul.subnav span {
        /* min-width: inherit; */
    }

    #participant-list .user-id .sales.contact-sale {
        height: auto;
    }

    .page-footer {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    #organization-detail .tabbable-custom > .nav-tabs.custom-tabs > li {
        left: -11px;
        margin: 0 -38px -1px 5px;
        position: relative;
        top: 19px;
        transform: scale(0.5);
    }

}

@media screen and (max-width: 320px) {
    .page-footer {
        bottom: 66px;
        height: 35px;
        left: -62px;
        padding: 15px 0 10px !important;
    }

    .openmenu .page-footer {
        bottom: 20px;
        left: 0;
        right: auto;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
}

/*event status page by yash*/
.eventCancel, .eventCancel .user-id {
    background-color: #FF7777;
}

/*Setting page CSS BY Yash*/
.settingPageSectionWrapper {
    /*
        margin-left: 20px;
        margin-top: 22px;
    */
}

.settingPageSectionWrapper {
    float: left;
    margin: 0;
    width: 100%;
}

.templatePreview, .book {
    background: #f9f9f9;
}

.templatePreview {
    overflow: auto;
}

.settingPageSectionHeading {
    float: left;
    font-weight: bold;
    margin: 10px 0;
}

.settingPageSectionHeading + div.col-md-12 {
    padding: 10px 20px;
}

.settingPageSectionHeading + div.col-md-12:hover {
    background: #f5f5f5;

}

/*.settingPagePeddingLeft {
    padding-left: 20px;
}
*/
/*header dropdown by yash*/
#startIntro {
    margin-top: 8px;
}

/* Schedule Slots by Yash */
.scheduleSlotList .col-md-12, .schedule_add_slot .col-md-12 {
    padding-left: 15px;
    padding-bottom: 10px;
}

/*calendar hide show filter*/
.currentShowFilter .hideStuff {
    display: block;
}

.currentShowFilter .showStuff {
    display: none;
}

.currentHideFilter .showStuff {
    display: block;
}

.currentHideFilter .hideStuff {
    display: none;
}

.OrganizationID {
    margin-top: 0px;
}

/*invoice hide show edit mode*/

/*Invoice Export By Yash*/

.invoiceFilterOptionWrapper .copy-option-inner .copy-option-content {
    width: 400px;
    max-width: 400px;
}

.invoiceFilterOptionWrapper:before {
    right: 15px;
}

.invoiceExportOptionWrapper:before {
    right: 55px;
}

.invoiceExportOptionClose, .invoiceFilterOptionClose {
    float: right;
    padding: 9px;
    background-color: #4B6478;
    color: white;
}

.invoiceExportOptionClose:hover, .invoiceFilterOptionClose:hover {
    background-color: #4B6478;
    color: white;
}

@media print {
    .checkedAllInvoiceTD, .checkedAllInvoiceTH {
        display: none;
    }
}

/*.readonlyMode .manager-auto-select, .readonlyMode .addbillingAddress   {*/
/*display: none;*/
/*}*/

/**** zooom in *********/

/*super admin panell By Yash*/

#institution-detail .tabbable-line.clearfix.custom-tabs-block {
    position: inherit;
}

.margin-right-1:before {
    right: 55px !important;
}

.margin-right-2:before {
    right: 45px !important;
}

.margin-right-0:before {
    right: 80px !important;
}

.margin-right-26:before {
    right: 26px !important;
}

.x-grid-empty {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;

}

.no-records-flag {
    font-size: 50px;
}

.no_records_right {
    display: none;
}

.chats .no-records-flag {
    font-size: 20px;
}

.export_form_seminar .export_flter_holder {
    padding: 10px 0px !important;
}

.export_form_seminar .form-control {
    padding: 6px 8px;
}

.no-padding {
    padding: 0px;
}

.cke_dialog_close_button:hover {
    background-image: url(../global/plugins/ckeditor/skins/icy_orange/images/close.png) !important;
    background-repeat: no-repeat;
}

#tab_description ul li, #description_editor ul li, #prerequisite_editor ul li{
    list-style: circle !important;
}

.tabbable-line.custom-tabs-block.orgnizclass.qualification-page-tabs ul li{
    list-style: circle;
}

/* remove bullet point for select2 dropdown selected value */
.select2-container.select2-container-multi ul li {
    list-style: none !important;
}

#tab_description ol {
    list-style: none;
    counter-reset: li
}

#tab_description ol li::before {
    content: counter(li);
    color: #4b6478;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

#tab_description ol li {
    counter-increment: li;
    list-style: none !important
}

.slimScrollDiv {
    height: auto !important;
}

.slimScrollDiv .scroller {
    height: -moz-calc(100vh - 300px) !important;
    height: -ms-calc(100vh - 300px) !important;
    height: calc(100vh - 300px) !important;
}

.cke {
    z-index: 100000 !important;
}

.quick-nav {
    position: fixed;
    z-index: 10103;
    top: 50%;
    right: 10px;
    margin-top: -230px;
    pointer-events: none
}

.quick-nav-trigger,
.quick-nav.nav-is-visible {
    pointer-events: auto
}

.quick-nav .quick-nav-bg {
    position: absolute;
    z-index: 10102;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 30px !important;
    background: #77B32B;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    webkit-transition: height .2s, box-shadow .2s;
    -moz-transition: height .2s, box-shadow .2s;
    -ms-transition: height .2s, box-shadow .2s;
    -o-transition: height .2s, box-shadow .2s;
    transition: height .2s, box-shadow .2s
}

.quick-nav.nav-is-visible .quick-nav-bg {
    height: 100%;
    box-shadow: 0 6px 30px rgba(0, 0, 0, .2)
}

.quick-nav-trigger {
    position: absolute;
    z-index: 101030000;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    border-radius: 50% !important;
    overflow: hidden;
    white-space: nowrap;
    color: transparent
}

.quick-nav-trigger span,
.quick-nav-trigger span::after,
.quick-nav-trigger span::before {
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #fff;
    color: #000;
}

.quick-nav-trigger span {
    webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.quick-nav-trigger span::after,
.quick-nav-trigger span::before {
    content: '';
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s
}

.quick-nav-trigger span::before {
    webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px)
}

.quick-nav-trigger span::after {
    webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px)
}

.no-touch .quick-nav-trigger:hover ~ .quick-nav-bg {
    box-shadow: 0 6px 30px rgba(0, 0, 0, .2)
}

.nav-is-visible .quick-nav-trigger span {
    background-color: transparent
}

.nav-is-visible .quick-nav-trigger span::before {
    webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav-is-visible .quick-nav-trigger span::after {
    webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.quick-nav ul {
    position: relative;
    z-index: 10103;
    padding: 60px 0 0;
    visibility: hidden;
    webkit-transition: visibility .3s;
    -moz-transition: visibility .3s;
    -ms-transition: visibility .3s;
    -o-transition: visibility .3s;
    transition: visibility .3s;
    list-style: none
}

.quick-nav ul > li a {
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 calc(1em + 60px) 0 1em;
    font-size: 1.4rem;
    webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.quick-nav ul > li a::before,
.quick-nav ul > li a > i {
    content: '';
    position: absolute;
    height: 16px
}

.quick-nav ul > li a:hover,
.quick-nav ul > li a:hover > span {
    text-decoration: none
}

.quick-nav ul > li a > i {
    width: 16px;
    font-size: 18px;
    right: 24px;
    top: 16px;
    color: #ebebeb
}

.quick-nav ul > li a::before {
    width: 3px;
    top: 50%;
    right: 60px;
    webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
    -moz-transform: translateX(3px) translateY(-50%) scaleY(0);
    -ms-transform: translateX(3px) translateY(-50%) scaleY(0);
    -o-transform: translateX(3px) translateY(-50%) scaleY(0);
    transform: translateX(3px) translateY(-50%) scaleY(0);
    background-color: #FF3F3F
}

.quick-nav ul > li span {
    color: #ebebeb;
    font-weight: 400;
    display: block;
    opacity: 0;
    webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px)
}

.no-touch .quick-nav.nav-is-visible ul a:hover::after,
.quick-nav.nav-is-visible ul a:hover::after {
    opacity: 1
}

.quick-nav ul > li:last-child {
    padding-bottom: 10px
}

.quick-nav.nav-is-visible ul {
    visibility: visible
}

.quick-nav.nav-is-visible ul a::after {
    webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-animation: scaleIn .15s backwards;
    -o-animation: scaleIn .15s backwards;
    animation: scaleIn .15s backwards;
    webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.quick-nav.nav-is-visible ul a:hover::before {
    webkit-transform: translateX(3px) translateY(-50%) scaleY(2);
    -moz-transform: translateX(3px) translateY(-50%) scaleY(2);
    -ms-transform: translateX(3px) translateY(-50%) scaleY(2);
    -o-transform: translateX(3px) translateY(-50%) scaleY(2);
    transform: translateX(3px) translateY(-50%) scaleY(2);
    webkit-transition: transform .15s .3s;
    -moz-transition: transform .15s .3s;
    -ms-transition: transform .15s .3s;
    -o-transition: transform .15s .3s;
    transition: transform .15s .3s
}

.quick-nav.nav-is-visible ul a:hover > span {
    color: #fff
}

.quick-nav.nav-is-visible ul a:hover > i {
    color: #fafafa
}

.quick-nav.nav-is-visible ul span {
    opacity: 1;
    webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: slideIn .15s backwards;
    -o-animation: slideIn .15s backwards;
    animation: slideIn .15s backwards;
    webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s
}

.no-touch .quick-nav.nav-is-visible ul a:hover span {
    webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.quick-nav-overlay {
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 10101;
    background: 0 0
}

.quick-nav.nav-is-visible + .quick-nav-overlay {
    background: rgba(0, 0, 0, .8);
    display: block;
    -webkit-transition: background .7s ease-out;
    -moz-transition: background .7s ease-out;
    -o-transition: background .7s ease-out;
    transition: background .7s ease-out
}

.quick-nav.nav-is-visible + .quick-nav-overlay {
    background: rgba(0, 0, 0, .8);
    display: block;
    -webkit-transition: background .7s ease-out;
    -moz-transition: background .7s ease-out;
    -o-transition: background .7s ease-out;
    transition: background .7s ease-out;
}

.quick-nav-overlay {
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 10101;
    background: 0 0;
}

@media (max-width: 991px) {
    .quick-nav {
        top: 120px;
        margin-top: 0
    }

    .slimScrollDiv .scroller {
        height: auto !important;
    }
}

.page-on-load {
    background: #fefefe
}

.page-on-load .page-container,
.page-on-load .page-footer,
.page-on-load .page-header,
.page-on-load > .clearfix {
    display: none;
    transition: all 2s
}

a.green {
    background-color: #77b32b !important;
}



/*Firefox fixes*/

div.totalValueDiv > span {
    float: left;}

.form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control:focus ~ label
{padding-left: 0px !important}

.form-group.form-md-line-input select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
.form-group.form-md-line-input select.form-control
{padding-right:13px; background: url("../images/select-downarrow.png") no-repeat right center !important; background-size: 6px auto !important;}

.form-group.form-md-line-input select.form-control::-ms-expand {
    display: none;}

select::-ms-expand {
    display: none;
}
/*end firefox fixes*/


/*Issue fixes 15-02-2018*/

.person-details div.empdetail h5 span:after {bottom: -3px;}
a.btn.btn-circle.btn-icon-only {margin-left: 5px }
.btn.btn-circle.btn-icon-only:hover i {color: #fff}
.modal-footer button.btn {margin-left: 10px !important;}
.modal-footer button.btn_simply_green {float: right !important;}
.modal-footer .btn-primary,
.modal-footer .btn-primary:hover,
.modal-footer .btn-primary:active,
.modal-footer .btn-primary:visited,
.modal-footer .btn-primary:focus {
    background-color: #77b32b;
    border-color: #77b32b;
}

div#tab_address_info table th a.add_address_btn {float: right}
#tab_address_info table {float: left}
/*div.mycontactspage {width: 100%; float: left; position: initial !important;} */
div.MetricesValue .details {padding-right: 0}
#budgetsales h4.panel-title a:after {display: none}
.dashboard-stat .details {padding-right: 0}
.attendestatus {width: 60px; height: auto}
#seminarPlannerController .filterhideshow {background-color: #77b32b;}
.splanningperiodbottom a.button-previous, .splanningperiodbottom a.button-previous:hover,
.splanningperiodbottom a.button-previous:focus {color: #ffffff}
form.selected_parameters_value ul li i.fa {top: calc(50% - 8px) !important; right: 5px !important;}
ul.parameterListOfModule {padding: 10px 10px 10px 5px}
.trainerlLocationListWrapper {overflow: visible}
/*.cd-header aside li:not(:hover) > ul.subnav {display:none !important}*/
.main-menus li.activate .subnav {display:block !important}

/* for ducument accordian*/
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
    background: url(../global/img/accordion-plusminus-up.png) no-repeat !important;
    background-position: right 12px !important;

}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {

    background: url(../global/img/accordion-plusminus_down.png) no-repeat !important;
    background-position: right 12px !important;
}
/**/

/* css for the on/off switch */
.TriSea-technologies-Switch > input[type="checkbox"] {
    display: none;
}

.TriSea-technologies-Switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.TriSea-technologies-Switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.TriSea-technologies-Switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.TriSea-technologies-Switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.TriSea-technologies-Switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.TriSea-technologies-Switch span{
    padding-right: 5px;
}
.TriSea-technologies-Switch{
    padding-top: 5px;
}
/* css for the on/off switch ends */

/*New stable css*/
label[for="show_mail_only_attachments"] {
    vertical-align: top;
    padding-left: 60px;
}
.fc-row.fc-week.fc-widget-content {height: auto !important;
                                   min-height: 80px !important;
}

.rating-cancel{
    display: none !important;
}
.delete_image{
    padding-left: 5px;
}

.edit-contact-details .form-group.form-md-line-input input.form-control.PhoneNumberValidate:focus {border-bottom: 1px solid #77b32b;}
.edit-contact-details .form-group.form-md-line-input input.form-control.PhoneNumberValidate.edited {border-bottom: 1px solid #77b32b;}
.edit-contact-details .form-group.form-md-line-input input.form-control.PhoneNumberValidate.error {border-bottom: 1px solid #F3565D;}

/*  26-04-2018 */

.qual_indicators {margin:0 0 15px 0}
.level_title {text-align: left}
#qualification-detail .work_flow_detail .form-wizard .form-actions .btn.button-previous {float: left}
/*
Note: removed by Bindesh
    If you required this float right anywhere use class chain or create a custom class to apply the css.
    check before you do any css changes to built in class
*/
/*.work_flow_detail .form-wizard .form-actions .btn {float: right}*/
.form-wizard .steps > li > a.step > .desc { font-size: 14px !important;}
.form-wizard .steps > li > a.step > .number {line-height: 35px !important; height: 35px !important; width: 35px !important;}
.progress { height: 15px !important;}
#tab_seminars .qual_level:last-child {border-style: solid }
#qual_seminars_static_display .qual_level:last-child {border-style: solid  }

.rules_wrapper .dropdown-toggle .selected-tag {position: relative;  padding-right: 20px;}
.rules_wrapper .dropdown-toggle .selected-tag button {position: absolute; top: 8px; right: 4px;}
/*
Yash Made comment because it cause
workflow manager no show back and countinue button into wizard
.work_flow_detail {height: 100%}
*/

#qualification-detail {height: calc(100vh - 185px)}
.qualification-page-tabs .tabbable-custom { max-height: calc(100vh - 315px); overflow-y: auto; height: calc(100vh - 300px)}
.footer-button {min-height: 64px;}
.seminar_name {font-weight: 600}
.seminar_actions a[disabled="disabled"].inactive:hover i {color: gray !important;}
#qualification-list .filter-wrapper { top: 45px; width: 335px; left: -135px !important; }
#qualification-list .filter-wrapper:before { left: 198px;}

.qual_graph .placeholder_instructions {text-align:center}
.qual_graph .placeholder_instructions img {width:100%; max-width:600px }
a.btn_intro_got_it {    display: block;
                        width: 135px;
                        text-align: center;
                        margin: 15px auto;
                        background: #77b32b;
                        padding: 10px 20px;
                        color: #ffffff;
                        font-weight: 550;
                        border-radius: 6px;}

.placeholder_instructions i.fa { font-size: 30px; line-height: 34px;}

#qual_container .fa.fa-search.search-button {
    margin-top: 12px !important;
}



/*Qualification planner -- 04-05-18*/

.qualifications-wrapper .add_new_qualification {width: 100%;
                                                background: #77b32b;
                                                margin: 15px 0 20px 0;
                                                text-align: center; padding: 15px}
.qualifications-wrapper .add_new_qualification a.currentShowFilter {display: block; width: 100%; color: #ffffff;     font-weight: 600;
                                                                    text-transform: uppercase;}

.qualifications-wrapper .panel-group .panel {border-radius: 0; border: none; background: #efefef}
.panel-title.qualification_title {background: #77b32b; padding:5px 0px 5px 15px !important }
.panel-title.qualification_title a {color: #ffffff !important}
.qualification_title {border-radius: 0}
.qualifications-wrapper .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {background-position: right 10px !important;}
.qualifications-wrapper .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {background-position: right 10px !important;}
.panel-title.seminar_title {    background: #ffffff;
                                border-radius: 0;
                                padding-left: 10px !important;
                                border: 1px solid #999;
                                position: relative;}
.panel-title.seminar_title a {padding-right: 80px !important; padding-left: 20px !important; font-size: 13px}
.mandatory_seminar {color: #ffcc00}
.optional_seminar {color: #3399ff}
.panel-title.seminar_title > i.fa {position: absolute; top: 10px; left: 8px}
.panel-title.seminar_title .stats {    max-width: 115px;
                                       position: absolute;
                                       top: 10px;
                                       right: 30px;}
.panel-title.seminar_title .label-level, .qualification-event-list .label-level {background:#3399ff;  padding: 3px 7.5px; margin-right: 4px }
.panel-title.seminar_title .label-planned, .qualification-event-list .label-planned {background:#77b32b; border-radius: 50%; padding: 3px 7.5px; }
.panel-title.seminar_title .label-embed {padding: 3px 7.5px;cursor: pointer }
.qualifications-wrapper .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {margin-right: 10px !important;}
.planner_seminars_wrapper {width: 100%;
                           display: inline-block;     padding: 4px 8px;}
.planner_seminars_wrapper .item{background: #fff;
                                display: inline-block;
                                width: 100%;
                                margin: 5px 0;
                                border: 1px solid #999; font-size: 12px;
                                line-height: 17px; padding: 5px 10px}
.planner_seminars_wrapper .item .itemlabel .green {color: #77b32b}
.planner_seminars_wrapper .item .itemlabel .gray {color: #999999}

.accordion .panel .panel-title.qualification_title .accordion-toggle.accordion-toggle-styled
{background: url(../global/img/accordion-plusminus-up-white.png) no-repeat !important; background-position: right 6px !important;}
.accordion .panel .panel-title.qualification_title .accordion-toggle.accordion-toggle-styled.collapsed
{ background: url(../global/img/accordion-plusminus_down-white.png) no-repeat !important; background-position: right 9px !important;}
.qualifications-wrapper #planned-qualifications { height: 600px; overflow-y: auto;}
.qualification-event-dotted { border: 2px #4b6478 dotted; }
.timeline-startdate, .timeline-enddate, .timeline-location, .timeline-trainers { display: block; text-align: left }


/* 14-05-2018 */
.vis-item-content span {display: block }
.vis-item {color: #fff !important;
           border-color: #4a8006 !important;;
           background-color: #77b32b !important;;}

.vis-item.vis-selected { border-color: #ffc200 !important;;
                         background-color: #fff785 !important;; color: #4b6478 !important;}
.vis-timeline {margin-bottom: 20px !important;}
.vis-timeline .vis-labelset, .vis-timeline .vis-labelset .vis-label {max-width: 300px !important;}

.splanningperiodtopbar > div > div.input-icon {    max-width: 100%;
                                                   display: inline-block;
                                                   width: 450px; margin-right: 25px}

.splanningperiodtopbar > div > div.form-md-checkboxes { display: inline-block;}
.lablecolors li span.qualification_label {background: #fff;
                                          border: 0.15em dotted #4b6478; }



.accordion .panel .panel-title.qualification_title .accordion-toggle.accordion-toggle-styled
{padding-right: 90px !important;}
.panel-heading .panel-title.qualification_title {position: relative}
.panel-heading .panel-title.qualification_title a.delete_qualification {position: absolute; top: 16px; right: 34px}
.panel-heading .panel-title.qualification_title a.confirm_qualification {position: absolute; top: 17px; right: 54px}
.panel-heading .panel-title.qualification_title a.confirm_qualification .fa-check-circle-o{font-size: 16px}
.panel-heading .panel-title.qualification_title a.confirm_qualification .fa-times-circle-o{font-size: 16px;color:red}
.panel-heading .panel-title.qualification_title a.edit_qualification {position: absolute;top: 16px;right: 10px;}
.conflict-detail-table thead { background: #77b32b; color: #fff;}

.qualification-event-dotted .qualification i.fa-graduation-cap {position: absolute; top:2px; right: 2px; font-size: 12px}
.qulification-filter{
    overflow: hidden !important;
    padding-left: 16px;
}


span.color-red   {    background: #f4f4f4;
                      width: 100%;
                      float: none;
                      display: inline-block;
                      color: #b1b1b1;
                      padding: 5px; }

.vis-inner {padding: 1px !important; width: 100%;}
ul.event-detail-listul {padding: 0 !important;  -webkit-padding-start: 0}
li.event_header {font-size: 18px !important; }
ul.event-detail-listul li {margin-bottom: 15px}
ul.event-detail-listul li i.fa {margin-right: 5px; display: table-cell}
ul.event-detail-listul li span {padding-left: 10px; display: table-cell}

.location_conflict span i.fa, .trainer_conflict span i.fa  { color:#ffcc00; display: inline-block !important}

/*checklist*/

[v-cloak] {
    display: none;
}

#edit_item .add_new .dropdown-menu {
    max-height: 150px !important;
}

/* removed by: Bindesh
Schedule was not remaining active when click on them.
Please check this design changes before you remove this comment
or ask
#assignTrainerLocationPopup .dragableDropableItem {
    background: #fff;
}*/
.checklistNoRecords {
    text-align: center;
    font-size: 24px;
    padding: 15px;
}

ul.notification_wrapper .notification_header {
    padding:0;
    font-weight: bold;
    float: left;
    margin: 2px 0;
}

ul.notification_wrapper .notification_footer {
    padding: 6px 0;
    font-weight: bold;
    text-align: center;
}

ul.notification_wrapper .notification_header .notification_settings {
    font-weight: normal;
    margin-right: 10px
}

ul.notification_wrapper .notification_header .notification_settings a {
    color: #169BD5 !important
}

.report_notification_settings {
    color: #169BD5 !important
}

ul.notification_wrapper .notification_header .notification_settings a:hover {
    text-decoration: underline
}

.new-update-notification-divider .notification_title {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding:4px 33px
}

/*notification settings page start*/
.setting-Switch > input[type="checkbox"] {
    display: none;
}

.setting-Switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.setting-Switch > label::before {
    background: #cacaca;
    box-shadow: none;
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    width: 40px;
}

.setting-Switch > label::after {
    background: #cacaca;
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 22px;
    left: -3px;
    margin-top: -8px;
    position: absolute;
    top: -3px;
    transition: all 0.25s ease-in-out;
    width: 22px;
    border: 2px solid #f4f4f4;
}

.setting-Switch > input[type="checkbox"]:checked + label::before {
    background: #77b32b;
    opacity: 1;
}

.setting-Switch > input[type="checkbox"]:checked + label::after {
    background: #77b32b;
    left: 20px;
    border: 2px solid #ffffff;
}

#general-settings h3 {
    font-weight: bold
}

.setting_area .list-group-item {
    border: none !important;
    padding: 15px
}

.setting_area ul.list-group {
    margin: 20px 0
}

#general-settings .notification_setting_subheader {
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #cacaca;
}

.settingPageSectionWrapper .setting_subheader {
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid #cacaca;
}

/*notification settings page end*/

/**/

#exTab1 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 4px;
    min-height: 325px;
}


#checklistModal .form-group.form-md-line-input, #PlannedChecklistModal .form-group.form-md-line-input {
    margin: 0 0 10px 0 !important;
}

#exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

/* remove border radius for the tab */

/*icon colors*/
.rotate_icon {
    transform: rotate(-90deg);
}

.icon_black {
    color: #000000 !important
}

.icon_orange {
    color: #fe8d6b !important
}

.icon_yellow {
    color: #fecc43 !important;
}

.icon_green {
    color: #d2df58 !important
}

.icon_lightgreen {
    color: #f6ed43 !important
}

/*New stable css*/
.rating-cancel{
    display: none !important;
}

.icon_teal {
    color: #8fdbce !important
}

.icon_skyblue {
    color: #7dcee6 !important
}

.icon_transperant {
    color: transparent !important
}

/* strick through */

#tab_list_table .todo.completed,
.tab_tables .todo.completed,
.tab_tables .todo.completed p,
#tab_list_table .todo.completed p {
    color: #d9d9d9;
    text-decoration: line-through;
}

.arrow_down {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAaCAYAAABPY4eKAAAAAXNSR0IArs4c6QAAAvlJREFUSA29Vk1PGlEUHQaiiewslpUJiyYs2yb9AyRuJGm7c0VJoFXSX9A0sSZN04ULF12YEBQDhMCuSZOm1FhTiLY2Rky0QPlQBLRUsICoIN/0PCsGyox26NC3eTNn3r3n3TvnvvsE1PkwGo3yUqkkEQqFgw2Mz7lWqwng7ztN06mxsTEv8U0Aam5u7r5EInkplUol/f391wAJCc7nEAgE9Uwmkzo4OPiJMa1Wq6cFs7Ozt0H6RqlUDmJXfPIx+qrX69Ti4mIyHA5r6Wq1egND+j+IyW6QAUoul18XiUTDNHaSyGazKcZtdgk8wqhUKh9o/OMvsVgsfHJy0iWqVrcQNRUMBnd6enqc9MjISAmRP3e73T9al3XnbWNjIw2+KY1Gc3imsNHR0YV4PP5+d3e32h3K316TySQFoX2WyWR2glzIO5fLTSD6IElLNwbqnFpbWyO/96lCoai0cZjN5kfYQAYi5H34fL6cxWIZbya9iJyAhULBHAqFVlMpfsV/fHxMeb3er+Vy+VUzeduzwWC45XA4dlD/vEXvdDrj8DvURsYEWK3WF4FA4JQP9mg0WrHZbEYmnpa0NxYgPVObm5teiLABdTQT8a6vrwdRWhOcHMzMzCiXlpb2/yV6qDttMpkeshEzRk4Wo/bfoe4X9vb2amzGl+HoXNT29vZqsVi0sK1jJScG+Xx+HGkL4Tew2TPi5zUdQQt9otPpuBk3e0TaHmMDh1zS7/f780S0zX6Yni+NnBj09fUZUfvudDrNZN+GkQbl8Xi8RLRtHzsB9Hr9nfn5+SjSeWUCXC7XPq5kw53wsNogjZNohYXL2EljstvtrAL70/mVaW8Y4OidRO1/gwgbUMvcqGmcDc9aPvD1gnTeQ+0nmaInokRj0nHh+uvIiVOtVvt2a2vLv7Ky0tL3cRTXIcpPAwMDpq6R4/JXE4vFQ5FI5CN+QTaRSFCYc8vLy1l0rge4ARe5kJ/d27kYkLXoy2Jo4C7K8CZOsEBvb+9rlUp1xNXPL7v3IDwxvPD6AAAAAElFTkSuQmCC')
}

.arrow_up {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAAXNSR0IArs4c6QAAAwpJREFUSA21Vt1PUmEYP4dvkQ8JFMwtBRocWAkDbiqXrUWXzU1rrTt0bdVqXbb1tbW16C9IBUSmm27cODdneoXjputa6069qwuW6IIBIdLvdaF4OAcOiGeDc87zPs/vd57P96WpFq7p6enbGo1mjKZpeTabjU1MTCRagGnOZHFxcXxtbe1XKpUq7+zslJeXl//Mz8+Hy+Uy3RxSE9qTk5M3otFooVQqgef4Wl9f343FYoEmoISrxuNxFX5f9vb2jhn/PxUKhfLS0tIPfFifUESRUMV8Pv/M6XReRm5rTGQyGeXxeGxYe1ezeBpBOBx2rKysbO7v79d4Wy3Y2Nj4GQqFbgnhaugxwiuGJx99Pp9FLBbXxYTXvTqd7v3MzIy6riIWGxJnMpl7AwMD14xGYyMsSq1WUyQdUqn0eSPlusQIsbGrq+vl4OCgvhFQZd1utyv1en0gEolcqsi47nWJlUrlG5fLZVcoFFy2nDKSDpIWlUoVTCQSEk4lCHmJMZ2GTCbTiMVikfIZ88l7enoos9l8dXt7+z6fDicxSJUokqDX6xXcl2wCROoc0vQCWL3sNfLOSdzR0fHY4XC4tVotl40gmVwup9xuN4OQv+UyqCFGH9rg7SOGYVRcBs3IEG4J0nVnamrqOtvuBDGGgQg9+wHFcVEi4a0LNkbdd6TrPKo8ODc311mteIIYjT/a398/jK+s1jnVM0kXoufCFvq0GuiIGEVgQIhfoygM1QrteEa9dAL7ITiYCt4RMabOK5AyKKzKWtvupLcRciu8D5J0EuDDPyT/Snd39yh6VtY2NhYQSR9G79Ds7OxdskRjEyAufvb7/cPoO5Z6e1+xtVKrq6vfcFzyi/A3ZrPZ3GdNSlwgo5ekE4X2RIQGf2C1WlufFE0GBeGWYQ8YERWLxQtnUVB830MKLZfL9RHir8lkssCn2G751tZWEWe03zTKm15YWPiEiXXTYDB0Ig/t7yd8PRws4EicwWHxO4jHD8/C5HiTTqd1BwcHFozKU89origB+y/kmzgYpgOBQP4fGmUiZmJ+WNgAAAAASUVORK5CYII=')
}

.arrow {
    float: right;
    width: 12px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
}

/*end icon colors */

.checklist_filter_btn {
    background: #fff;
    border: none;
    float: left;
}

.checklist_filter_btn .fa {
    font-size: 30px !important;
    line-height: 49px;
}

#exTab1 .nav-pills > li > a {
    border-radius: 0;
}

.tab_wrapper .nav > li > a {
    padding: 5px 8px !important
}

.nav-pills > li.active > a {
    background: #fff;
    color: #77b32b
}

.tab_wrapper .nav-pills > li.active > a, .tab_wrapper .nav-pills > li.active > a:focus, .tab_wrapper .nav-pills > li.active > a:hover {
    color: #77b32b !important;
    background-color: #ffffff !important
}

.tab_wrapper .nav > li > a:focus, .tab_wrapper .nav > li > a:hover {
    background-color: #ffffff !important;
    color: #77b32b !important;
}

.tab_wrapper ul.nav-pills i {
    font-size: 30px;
    line-height: 30px;
}

.tab_wrapper .tab-content {
    color: #4B6478 !important;
    background-color: #fff !important;

    padding: 5px 15px;
}

.tab_wrapper .tab_header {
    background-color: #77b32b;
    padding: 10px 12px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.tab_header {
    margin-bottom: 12px
}

.sub_header {
    margin-bottom: 8px;
    padding: 0px 5px;
    display: block;
    float: left;
    width: 100%
}

.sub_header i.fa {
    font-size: 23px;
    line-height: 30px;
}

.sub_header i.fa-send_email_icon {
    cursor: pointer;
}

.sub_header span {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    margin-left: 5px;
    vertical-align: super;
}

.tab_tables {
    max-width: 100%
}

.tab_tables tr {
    border-bottom: 3px solid #ffffff
}

.tab_tables th, .tab_tables td {
    word-wrap: break-word;
    word-wrap: break-word;
    padding: 6px 10px;
}

.tab_tables td {
    background-color: #f1f1f1
}

.tab_tables th:last-child {
    max-width: 20px
}

.flat-btn-green {
    color: #ffffff !important;
    background: #77b32b !important;
}

table .fa-alarm_icon {
    vertical-align: middle;
    margin-left: 4px
}

.fa-alarm_icon:before {
    content: url("../../images/alarm_icon.png");
}

.fa-send_email_icon:before {
    content: url("../../images/send_email_icon.png");
}

.tab_wrapper .table-responsive {
    margin-bottom: 30px;
    display: block;
    float: left;
    width: 100%
}

.user_pic {
    display: block;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.user_pic img {
    width: 50px;
    height: auto
}

.user_info {
    display: block;
    float: left;
    word-wrap: break-word;
    max-width: 100%
}

.user_info h4.name {
    color: #000000;
    font-weight: bold;
    margin: 5px 0
}

.user_info h4 {
    margin: 5px 0
}

.tab_tables td span i.fa {
    font-size: 20px;
    line-height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

/* round checkbox */

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}

.round label:after {
    border: 2px solid #77b32b;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #fff;
    border-color: #77b32b;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

/* End round checkbox */

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    display: none !important
}

#taskWidget_wrapper .dataTables_length {
    display: none !important
}

#taskWidget_wrapper .dataTables_filter {
    display: block !important
}

.table-scrollable table.dataTable td, .table-scrollable table.dataTable th {
    vertical-align: middle !important;
    border: none;
}

#tab_list_table td span i.fa {
    font-size: 20px;
    line-height: 20px;
}

.table-scrollable table.dataTable td, .table-scrollable table.dataTable th {
    border: none !important
}

#tab_list_table tr.odd {
    background-color: #f1f1f1
}

@media screen and (max-width: 767px) {

    .table-scrollable {
        border: 1px solid #ddd !important
    }

    #tab_list_table td:first-child {
        min-width: 25px
    }
}




.filter_wrapper input {
    border-radius: 50px !important;
    background: #e6e6e6;
    position: relative;
    height: 36px
}

.filter_wrapper .input-group {
    width: 96%;
    float: left;

}

.filter-wrapper select {
    margin-bottom: 10px
}

.filter-wrapper label {
    font-size: 15px;
    margin-top: 5px
}

.filter-wrapper .md-checkbox label {
    margin-top: 0px !important;
}

.filter_wrapper .input-group .input-group-addon {
    border-color: none;
    background: none;
    width: 50px;
}

.filter_wrapper .input-group i.search-button {
    position: absolute;
    right: 0px;
    top: 8px;
    z-index: 9999;
    color: #ccc
}

.filter_wrapper .input-group-addon i.fa-filter {
    font-size: 30px;
    line-height: 20px
}

.filter_wrapper {
    margin-bottom: 15px
}

.fa-filter:before {
    content: "\f0b0" !important;
}

.email-body {
    font-size: 14px
}

.btn-send-email {
    width: 45px;
    height: 45px;
    background: #77b32b
}

.btn-send-email i.fa-paper-plane {
    font-size: 20px;
    color: #fff;
    margin-left: -3px
}

.table_send_email td, .table_send_email th {
    border: none !important
}

.email_footer {
    margin-top: 10px;
    padding-left: 18px
}

.email_footer p {
    margin-bottom: 4px;
    font-size: 14px;
    word-wrap: break-word;
}

.email_footer p.link_text {
    margin: 10px 0 40px 0;
}

.email_footer p.link_text a {
    color: #0099FF !important;
    text-decoration: underline

}

.showItemListView ~ * {
    width: 90% !important;
}

.plannedShowItemListView ~ * {
    width: 90% !important;
}

/*************Edit item****************/
.modal-header .fa-bookmark {
    font-size: 20px;
    line-height: 20px
}

.modal-header span {
    margin: 0 10px
}

.modal-header span img {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    margin: 0 2px
}

.btn-flat-green, .btn-flat-green:hover, .btn-flat-green:focus, .btn-flat-green:visited {
    background: #77b32b;
    color: #fff
}

.modal-body h4.subheader {
    font-weight: bold;
    font-style: italic
}

.modal-body .section_header h4 {
    font-weight: bold;
    padding: 10px 15px;
    background: #f1f1f1;
    color: #000
}

.modal-body span.input-group-addon {
    background: none;
    border: none;
}

.modal-body .input-group input {
    border-radius: 0;
    margin-top: 10px
}

.modal-body span.input-group-addon i.fa-filter {
    font-size: 30px;
    line-height: 40px
}

.modal-body span.input-group-addon i.fa-check {
    font-size: 30px;
    line-height: 30px
}

ul.users li img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

ul.users {
    margin: 10px 0 10px 20px
}

ul.users li {
    vertical-align: middle;
    word-wrap: break-word;
    max-width: 100%;
}

ul.users li.user_detail {
    width: 260px
}

ul.users li h4 {
    font-weight: bold;
    padding: 2px 0px;
    background: none;
    color: #000;
    margin: 0
}

ul.users li .fa {
    font-size: 30px;
    line-height: 30px;
    background: none
}

.modal-body .input-group.add_new {
    margin-left: 20px
}

.modal-body .input-group.add_new i.fa-check {
    font-size: 30px;
    line-height: 30px
}

ul.users li.active-hr {
    background: transparent !important
}

p.small_text {
    font-size: 12px;
    margin-top: 5px;
    margin-left: 20px;
    font-style: italic
}

/*************End Edit item****************/

/*************** End Tabs 04-01-2017 ************/

/* Yash Checklist Edit ****/

/*.ui-sortable td:hover {*/
/*cursor: move !important;*/
/*}*/

/*.ui-sortable tr.ui-sortable-helper{*/
/*cursor: move !important;*/
/*}*/

#PlannedChecklistModal {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgb(255, 255, 255);
    z-index: 30;
    width: 100%;
    padding: 0px;
    height: 100%;
    display: none;
}

.break-word {
    word-break: break-all;
    min-width: 100px;
}

/****16-jan-2018***/

table td span.btn-circle .fa {
    margin-right: 0
}

.filter-content input {
    border-radius: 0px !important;
}

.tab-content td p {
    display: block;
    float: left;
}

form.online_portal_details div {
    background: #f4f4f4;
    padding: 12px 5px 8px 10px;
    margin-bottom: 2px
}

.leftpan_data_wrapper {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 6px;
    border-bottom: 2px solid #f4f4f4;
    padding: 15px 0px;
}

.leftpan_data_wrapper span.data_icon {
    margin-right: 3px
}

.leftpan_header {
    background: #77b32b;
    padding: 15px 10px 20px 15px;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.rightpan_header {
    background: #77b32b;
    padding: 12px 10px 12px 15px;
    color: #ffffff;
    border-radius: 0;
}

.rightpan_header h2 {
    margin: 0
}

/*************Notifications*********/
.notification_main_container {    padding: 25px;
                                  background: #fff;}

.notification_main_container input.search-input {    border-radius: 100px;
                                                     height: 38px;
                                                     padding-left: 20px;}

ul.notification_wrapper {
    max-width: 100%;
    min-width: 500px !important;
    float: left;
    padding-left: 0;
    width: 100%;
}

ul.notification_wrapper li.unread {
    background: #f4f4f4;
    padding: 10px 12px;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 2px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-left: 0;
}

ul.notification_wrapper li.read {
    background: #ffffff;
    padding: 10px 0px;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 2px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-right: 12px;
}

li .notification_title {
    display: block;
    float: left;
    margin: 15px;
    font-weight: bold
}

li .notification_settings {
    display: block;
    float: right;
    margin: 15px
}

li .notification_settings a {
    font-size: 13px !important;
    text-transform: none !important;
    color: #0c91e5 !important;
}

.notification_settings span {
    margin-right: 5px
}

ul.notification_wrapper li:last-child {
    margin-bottom: 0
}

.notification_info {
    width: 95%;
    overflow: hidden;
    float: left;
    display: block
}

.notification_info span {
    margin-right: 10px
}

.notification_info p {
    margin-bottom: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.vis-inner {padding: 1px !important; width: 100%;}
ul.event-detail-listul {padding: 0 !important;  -webkit-padding-start: 0}
li.event_header {font-size: 18px !important; }
ul.event-detail-listul li {margin-bottom: 15px}
ul.event-detail-listul li i.fa {margin-right: 5px; display: table-cell}
ul.event-detail-listul li span {padding-left: 10px; display: table-cell}
.crud_model_box .tooltip-inner {max-width: 100% !important;}
.location_conflict span i.fa, .trainer_conflict span i.fa  { color:#ffcc00; display: inline-block !important}



.notification_info span.time_stamp {
    color: #CCCCCC;
    font-size: 12px
}

.unread .notification_info:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 11px;
    display: block;
    float: left;
    color: rgba(204, 51, 51, 1);
    margin: 14px 12px 15px 10px;
}

.read .notification_info:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 11px;
    display: block;
    float: left;
    color: transparent;
    margin: 14px 12px 15px 10px;
}

.close_notification {
    width: 5%;
    float: right;
    display: block;
    text-align: right;
    margin-top: 14px;
    cursor: pointer
}

.notification_header {
    width: 100%;
}

.headerNotificationInstance > a {
    margin: 0px;
    padding: 17px 10px 9px 10px;
}

.headerNotificationInstance .icon-bell {
    color: #79869a;
    font-size: 18px;
}

.headerNotificationInstance .icon-bell {
    color: #79869a;
    font-size: 18px;
}

.hideNotificationView {
    display: none;
}

.showNotificationView {
    display: block !important;
}

.headerNotificationInstance > a .badge {
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    position: absolute;
    top: 4px;
    right: 6px;
    font-weight: 300;
    padding: 3px 6px !important;
    min-width: auto !important;
}

.fixWidthTableColumn {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

.new-update-notification-divider {
    padding: 10px;
    background: #77b32b;
    color: black;
}

/*custom modal*/

.modal-content {
    overflow: hidden
}

.modal_header_custom {
    background: #77b32b;
    color: #ffffff;
    border-bottom: none;
}

.modal_header_custom button.close {
    width: 20px;
    height: 20px;
    opacity: 1;
    background-image: url(../images/modal_close_icon.png) !important;
    background-repeat: no-repeat
}

/*custom modal end*/

#editsection_note .modal-body .row:first-child {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.notification_header {
    padding-top: 0 !important
}

.notofication_header_custom {
    background: #77b32b;
    color: #ffffff;
    border-bottom: none;
    padding: 10px 15px !important;
}

.notofication_header_custom button.close {
    width: 20px;
    height: 20px;
    opacity: 1;
    background-image: url(../images/modal_close_icon.png) !important;
    background-repeat: no-repeat;

}

.notofication_header_custom:after {
    content: ' ';
    position: absolute;
    top: -26px;
    right: 11px;
    background: #73b639;
    width: 28px;
    height: 28px;
    clip-path: polygon(50% 50%, 0 100%, 100% 100%);

}

.seeAllNotifications{
    color:  #0c91e5 !important
}

#taskWidget .fixWidthTd{
    max-width: 150px;
}

#taskWidget  .updatedby {
    white-space: nowrap;
}

.notification-wrapper{
    max-height: 300px;
    width: 100%;
    overflow-y: scroll;
}
.color-black{
    color: black !important;
}
.color-green{
    color: #77b32b !important;
}
.due-date-danger{
    color: red !important;
}
.due-date-warning{
    color: #f9e80b !important;
}

#taskWidget thead td {
    font-weight: bold;
}

.notification_info p a {text-transform: none; color: #4b6478 !important}

#s2id_checklistBluePrintList a, #s2id_checklistBluePrintList .select2-choice {border: none !important;}

#s2id_checklistBluePrintList span.select2-arrow {border: none !important;}


#translationTable_filter{
    display: block !important;
}

/*design fixes*/

td div.adjust_icons_items {width: 18px; display: inline-block }
.notification_footer .notification_title a {text-transform: none !important; color:#169BD5 !important; font-weight: normal !important}
.notification_footer .notification_title a:hover {text-decoration: underline !important}
.notification_info .badge-danger {background-color: rgba(204, 51, 51, 1);}
li.headerNotificationInstance .badge-danger {background-color: rgba(204, 51, 51, 1) !important;}
.modal-header h4.modal-title {    white-space: nowrap;
                                  max-width: 90%;
                                  overflow: hidden;
                                  text-overflow: ellipsis;}

.cheklist_item_length_adjustment{
    white-space: nowrap;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chart-container .shadow{
    display: none;
}
.chart-container .shadow:first-child{
    display: block !important;
}

#add_lookup .btn-default, .taskChecklistInstance .btn-default {
    background-image: -moz-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    background-image: -ms-linear-gradient(-90deg, rgb(180, 236, 81) 0%, rgb(66, 147, 33) 100%) !important;
    color: #fff;
    border: none;
}

#add_lookup .btn-default > i, .taskChecklistInstance .btn-default > i {
    color: #fff !important;
}
/* end design fixes*/
.slimScrollBar {opacity:1 !important}

/*Planned qualification*/
#plannedEventListTable tr {
    background: #f4f4f4;
    border-bottom: 15px solid #fff;
}

#plannedEventListTable tr td {
    padding: 15px 10px 15px 0px !important;
}

/*
Planned qualification registration
*/

table.participantList  {border-spacing: 0px 10px;border-collapse: separate;}
table.participantList tbody tr {background: #f4f4f4 !important;  border-bottom: 8px solid #fff;}

table.participantList tbody tr td:first-child {border-left: #77b32b 6px solid; padding: 12px 0 12px 12px;}
table.participantList tbody tr td:last-child { padding: 6px 12px 6px 0px;}





.widget_container { min-width:100%; margin-bottom: 15px; position: relative }
.widget_container .item_wrapper {text-align : center; color:#fff; padding:8px 2px;   position:relative; box-shadow: 2px 2px 2px #dadada; border-radius:4px; display: flex;  flex-wrap: wrap;
}
.widget_container .item_wrapper .item_detail {margin:4px 4px; display: inline-block;    flex-grow: 1; }
.widget_container .item_wrapper  p {margin:0px; }
.widget_item {background:#77b32b; padding:5px 2px; border-radius:4px}
.widget_container .item_wrapper p.item_header {font-size:13px}
.widget_container .item_wrapper p.count {font-size:22px}
.widget_container .item_wrapper p.small_text {font-size:10px; font-style: normal !important;}
.widget_container .widget_button {width:30px; height:30px; background:#77b32b; position: absolute;
                                  bottom:-30px; right:10px; border-radius:0 0 4px 4px; box-shadow: 2px 2px 2px #dadada;     padding-top: 6px;
                                  color: #fff; text-align: center; z-index: 5 }

.panel-collapse .planned-events-details {padding-left: 12px}
tr.newRegisterLayout .md-checkbox {margin-left: 10px}

.v-select.single .selected-tag {padding-left: 30px !important; border-color:#ccc !important; background: #f0f0f0}
.v-select.single .dropdown-toggle .clear {left:10px !important; }




.qualification-page-tabs .events-search button {margin: 10px;}


.qualification-page-tabs .filter-wrapper {top: 48px;     min-height: 40px;
                                          left: -80px;}
#checklistModal .filter-wrapper {left: auto !important;}
.qualification-page-tabs .filter-wrapper:before {left: 104px !important;}
.seminar-count {    margin: 6px 22px; }
.label-embed { cursor: pointer }

.add-newparticipant .ContactChangedShow .panel-default > .panel-heading {background: #77b32b}
.add-newparticipant .ContactChangedShow .panel-default > .panel-heading h4 a {color: #ffffff}
.add-newparticipant .ContactChangedShow #billingAddressList th:last-child {text-align: right;}
.eventAttendeesListWrapper #participantTableList .chk-all-btn { padding-left: 18px}
.attendee-search-bar {float: left;width: 88%;margin-right: 15px;}

/*registration filter*/
.filter-wrapper.event-registration-filter {top:45px; width:290px; padding: 20px;}
/*.filter-wrapper.event-registration-filter:before {left: 228px !important;}*/


/*planned-qualifications filter */
/* #participant_filter_wrapper { top: 45px; width: 270px; padding: 20px; left: -175px;}
#participant_filter_wrapper:before { left:200px !important} */
#participant_filter_wrapper {max-width: 280px !important; width: 280px; left: -175px; }
#participant_filter_wrapper:before {left: 200px !important; }

#bulk_invoice_filter_wrapper { top: 45px; width: 270px; padding: 20px; left: -175px;}
#bulk_invoice_filter_wrapper:before { left:200px !important}

.report-error-msg { color: red}

/*
    Wizard next button right corner
*/
.form-actions a.button-next {float:right !important}
.form-actions a#wizard_btn_edit_seminars {float:right !important;}
.form-actions a.button-submit {float:right !important;}
.form-actions a.button-previous {float:left !important}


/*
 awsome popover
*/
.awesome-popover-class {
    background: #000000;
    color: #fff;
    max-width: 260px !important;
}
.awesome-popover-class.top>.arrow:after {border-top-color: #000000;}

.awesome-popover-class .top>.arrow:after {border-top-color: #000000;}



/*qualification - warning */
.seminar_actions .green {color:#77b32b}

.non-draggable, .non-draggable:hover {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.accordion .panel .panel-heading {max-width:100%}

.non-draggable a {
    cursor: not-allowed !important;
}

/*
Send Email New popup
*/

.email-preview-slider-wrapper {
    word-break: break-all;
    margin: 1% 2%;
    box-sizing: border-box;
    /* border-top: 1px solid #eee; */
    padding: 5px;
    width: 730px;
    /* border-bottom: 1px solid #eee; */
}

.VueCarousel-dot-container .VueCarousel-dot--active button.VueCarousel-dot-button {    background: #77B32B !important;}


/*
Trainer request
*/


/*calendar overlay*/

.calendar_disable_overlay {
    width: 100%;
    position: absolute;
    height: 100%;
    background: #FFF;
    z-index: 100000;
    opacity: 0.70;
    color: #0b0b0b;
    font-size: 19px;
}

/*new icons for trainer request tab*/

#tab_evaluation_info .row span { float: right;     margin-right: 18px; margin-bottom: 5px;}
table.evaluation-tab th {background: #77b32b; color: #ffffff}
table.evaluation-tab th, table.evaluation-tab td {verticle-align: middle}

.evaluation-tab .trainer-checkbox {
    text-align: center;
}

.new-custom-tabs .fa.fa-logs {
    background: url(../images/tab-log-icon.png) no-repeat !important;
    background-size: 100% !important;
    background-position: 0 0;
}

.custom-tabs li.active .fa.fa-logs {
    background-position: 0px -35px !important;
    background-size: 100% !important;
}

.new-custom-tabs .fa.fa-report {
    background: url(../images/tab-report-icon.png) no-repeat !important;
    background-size: 100% !important;
    background-position: 0 0;
}

.custom-tabs li.active .fa.fa-report {
    background-position: 0px -35px !important;
    background-size: 100% !important;
}

.new-custom-tabs .fa.fa-evaluation {
    background: url(../images/tab-evaluation-icon.png) no-repeat !important;
    background-size: 100% !important;
    background-position: 0 0;
}

#add_participant_wrapper .row{
    margin-left: 0px !important;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {border-radius: 0;}
li.page-item a.page-link {background: #efefef; color: #000000; border: 2px solid #ffffff}
.page-item.disabled .page-link {border: 2px solid #ffffff; background: #f9f9f9; color: #cfcfcf}
li.page-item:hover a {background: #77B32B; color: #ffffff}
.pagination_wrapper {padding: 20px 0}
.page-link:focus {box-shadow: none}
.page-item.active .page-link  {background: #77B32B; color: #ffffff; border-color: #ffffff}
.pagination_left_text {margin-right: 30px}

.pagination_middle_text select.items_on_page {padding: .7rem 1.75rem .7rem .75rem !important; margin-right: 5px;}

.custom-tabs li.active .fa.fa-evaluation {
    background-position: 0px -35px !important;
    background-size: 100% !important;
}

/*end*/


.trainer-available {
    background: #ffba05;
    color: #ffba05;
}

.trainer-decline {
    background: #FFE6E6;
    color: #FFE6E6;
}

.trainer-order-decline{
    background: #ff1143;
    color: #ff1143;
}

.trainer-order-sent{
    background: #85bf31;
    color: #85bf31;
}


.waiting-for-trainer-response {
    background: #ccc;
}

/*trainer request popup to choose trainer*/

.modal-body .input-group.search-user .fa.fa-search.search-button { margin-top: 14px;}

.modal-body .input-group.search-user button .fa.fa-filter {    font-size: 24px;
                                                               padding: 15px 26px 15px 15px; background: none !important;}

.modal-body #trainerFilter { max-width: 350px; right: 0;
                             left: auto;
                             top: 56px;}

/*Trainer request calender design fix*/

.select_date_wrapper {display: flex; text-align: center}
.select_date_wrapper  .addbutton_wrapper {align-self: center}
.select_date_wrapper .calender_wrapper {background: #fafafa; padding-bottom: 15px}
.select_date_wrapper .dates_wrapper {background: #fafafa; max-height: 310px; overflow-y: auto}

.select_date_wrapper .dates_wrapper .selected_date_item {text-align: left; padding: 8px 12px;
                                                         border: 1px solid #4a4a4a; background: #ffffff; margin-bottom: 5px}

.c-pane {background: #ffffff !important; }
.select_date_wrapper .dates_wrapper .selected_date_item a {float: right}
.c-day-content {font-size: 12px !important}
.c-header .c-title-layout .c-title-popover .c-title-anchor .c-title {font-size: 14px !important; font-weight: 600}
.c-weekdays { padding-top: 8px; font-size: 12px !important;}
.c-pane-container { border: none !important;  }
.c-header {background:#77b32b !important; color: #ffffff !important; margin-bottom: 8px }
.c-day-content-wrapper {padding-top: 3px !important;}
/*.c-day-background {width: 2rem !important; height: 2rem !important;}*/
.addbutton_wrapper i.fa {font-size: 36px; color: #77b32b}
.selected_date_item a .fa {font-size: 20px; line-height: 20px}

/*End Trainer request calender design fix*/


.edit-contact-details.single-edit-vue .form-group .vue-tel-input {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


.edit-contact-details.single-edit-vue .form-group.edited .vue-tel-input {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #77b32b !important;}

.edit-contact-details.single-edit-vue .form-group.error .vue-tel-input {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #F3565D !important;}

.edit-contact-details.single-edit-vue .form-group .vue-tel-input .dropdown ul {z-index: 999}


.panel-collapse .row.static-info{
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin: 0 !important;
}
.single-edit-vue{
    padding: 32px 60px;
    max-height: calc(100vh - 315px);
    overflow-y: auto;
}
.tag.valid{
    background-color: #77B32B !important;
}

#communication .edit-contact-details .manager-auto-select > a {position: absolute; right: -20px;}

.empdetail h5 span {float: left}
.empdetail h5 span.vue-star-rating-star { padding: 0 !important; margin: 0 !important;}
.empdetail h5 span.vue-star-rating-star::after {width:0}

.padding-top-2px{
    padding-top: 2px;
}

.star-rating-wrapper::after {width: 0 !important}
.star-rating-wrapper { margin: 0px 7px;}


.custom-dropdown
{    width: 95%;
     padding: 8px;
     border-radius: 4px;
     border-color: #cdcdcd;
}

.empdetail-second-half{
    margin-left: 25px;
}

.margin-bottom-zero{
    margin-bottom: 0px;
}

.v-select.single .dropdown-toggle .clear {top: 7px !important;}
.v-select .dropdown-toggle .clear {
    bottom: unset !important;
    width: 0px !important;
    padding-right: 0px !important;
}

/*Range-slider design change*/

.noUi-horizontal .noUi-handle {    width: 18px;
                                   height: 18px;
                                   left: -10px;
                                   top: -5px;}
.noUi-target { border-radius: 50px !important;}
.noUi-base {background-image: none; border: none !important}
.noUi-horizontal { height: 10px;}
.noUi-handle {box-shadow: inset 0 0 1px #77b32b, inset 0 1px 7px #77b32b, 0 3px 6px -3px #BBB;     border: 2px solid #D9D9D9;     border-radius: 25px;
              background: #77b32b;}
.noUi-connect {background: #696969;}

.sequential-planning-note{
    padding: 10px 12px 1px 12px;
}

.qual_level > .level_seminars > ul {position:relative}
.levelCompleted
{height: 50px;
 width: 50px;
 position: absolute;
 left: 0;
 top: 0;
 background-position: calc(100% - 22px) calc(0.8em + 2px), calc(100% - 15px) calc(0.8em + 2px), calc(100% - 2.5em) 0.5em;
 background: linear-gradient(45deg, transparent 50%, #77b32b 50%), linear-gradient(135deg, #77b32b 50%, transparent 50%), linear-gradient(to right, #77b32b, #77b32b);
 background-size: 0px 0px, 45px 45px, 0px 1.5em;
 background-repeat: no-repeat;
 color: #ffffff;
 padding: 5px 24px 5px 0px;}


.levelpending
{height: 50px;
 width: 50px;
 position: absolute;
 left: 0;
 top: 0;
 background-position: calc(100% - 22px) calc(0.8em + 2px), calc(100% - 15px) calc(0.8em + 2px), calc(100% - 2.5em) 0.5em;
 background: linear-gradient(45deg, transparent 50%, #ffcc00 50%), linear-gradient(135deg, #ffcc00 50%, transparent 50%), linear-gradient(to right, #ffcc00, #ffcc00);
 background-size: 0px 0px, 45px 45px, 0px 1.5em;
 background-repeat: no-repeat;
 color: #ffffff;
 padding: 5px 24px 5px 0px;}




.qualifications-wrapper .planner_seminars_wrapper .item {position:relative}
.qualifications-wrapper .planner_seminars_wrapper .item > span.label-embed {position:absolute; top:8px; right:8px}

.qualifications-wrapper .planner_seminars_wrapper .item .itemlabel {padding-right:4px}
.qualifications-wrapper .planner_seminars_wrapper .items .data {padding-left:4px}

.new-custom-tabs li .fa.fa-seminar
{background: url(../images/tab-seminar-icon.png) no-repeat !important;
 background-position: 0 0;
 background-size: 100% !important;}

.new-custom-tabs li.active .fa.fa-seminar
{background: url(../images/tab-seminar-icon.png) no-repeat !important;
 background-position: 0 -35px !important;
 background-size: 100% !important;}

@media screen and (max-width: 1500px) {

    .new-custom-tabs li.active .fa.fa-seminar
    {background: url(../images/tab-seminar-icon.png) no-repeat !important;
     background-position: 0 -28px !important;
     background-size: 100% !important;}
}

.trainerlLocationListWrapper .seminarTitles{
    overflow-y: scroll;
    max-height: 400px;
}
#invoiceDetails .add-qualification-popover {position: relative}
#invoiceDetails ul.context-menu-list {position: absolute;
                                      white-space: nowrap;
                                      right: 0;
                                      border: 1px solid #bebebe;
                                      border-radius: .2em;
                                      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
                                      box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
                                      padding: 4px 10px;
                                      background: #fff;}


#invoiceDetails ul.context-menu-list li {padding: 4px 0; cursor: pointer;}
.required .select2-container.error{border: 1.2px solid red !important;}



#invoiceDetails .addbillingAddress { width:100% }
#invoiceDetails .addbillingAddress p {display: inline-block; float: left; width: 85%;}

#invoiceDetails select.billing_address_get { display: inline-block; padding: 6px; border-radius: 4px; max-width: 300px;}

#invoiceDetails p.addressleft { display: inline-block; }

.manager-auto-select.with_addloop_btn {width:105% !important;}
.manager-auto-select.with_addloop_btn .select2-container {width: calc(100% - 45px); display:inline-block}
.manager-auto-select.with_addloop_btn a.addlookup {display:inline-block; padding: 8px 12px}

.applied_filter_wrapper {margin: 15px 5px}

.applied_filter_wrapper span{
    background: #77b32b;
    padding: 3px 8px;
    border-radius: 5px;
    color: #fff;
    margin: 2px;
    font-size: 11px;
}

.to_wrapper {    display: inline-block;
                 width: 90%;}

.cc_bcc_btn_wrapper {    display: inline-block;
                         margin-left: -5px;
                         border: 1px solid #ddd;
                         padding: 8px;
                         border-radius: 4px;
                         min-width: 70px;
                         text-align: center;}


.cc_bcc_btn_wrapper:hover {

    background: #77B32B;
    border-color: #77B32B !important;
}

.cc_bcc_btn_wrapper:hover  a
{color: #fff }

.to_wrapper .form-group > span {display: inline-block !important;     min-width: 25px;}
.cc_bcc_wrapper .form-group > span {display: inline-block !important;     min-width: 25px;}

.form-md-line-input .tooltip.top {max-width:100px !important}
.VueCarousel-inner{
    visibility:visible !important;
    flex-basis: inherit !important;
}

/**
*   Removed by Bindesh
*   Use the chaining if you required anywhere else it is disturbing the preview view
*
**/

.VueCarousel-slide{
    width: 100% !important;
}
.float-zoomin.inn .h-floating-effect li ul.context-menu-list.context-menu-root li {    transform: none;
        padding: 3px 15px;}

.context-menu-list {
    position: absolute;
    display: inline-block;
    min-width: 13em;
    max-width: 26em;
    padding: .25em 0;
    margin: .3em;
    font-family: inherit;
    font-size: inherit;
    list-style-type: none;
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: .2em;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}


.fullheightwrapper {min-height: calc(100vh - 180px) !important;}
.fullheightwrapper .tab-content { min-height: calc(100vh - 148px) !important;}
.tabbable-custom.fullheightwrapper .tab-content { min-height: auto !important;}
.modal-footer-full{
    float: right;
    width: 100%;
}
#form_wizard_body .priceMask, #form_wizard_body .priceMask input{
    text-align: right;
}
#lookuptable-detail .portlet.box{
    height: 465px;
}
.dropdown .selected-tag{
    height:auto !important;
}

.campaignpage .work_flow_detail .portlet-body { min-height: calc(100vh - 120px);}
.campaignpage .work_flow_detail .form-actions { bottom: 65px !important;}
#campaign_detail { margin-bottom: 0 !important;}
 .portlet > .portlet-body.green, .portlet.green {
background-color: transparent;
}
.input-group-addon {padding: 5px 0px !important;}
.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label {padding-left: 44px }



/*bulk - invoice modal*/

 .bulk_invoice_modal .portlet-body {min-height: unset !important;}
 .bulk_invoice_modal .work_flow_detail .form-actions {bottom: 0px !important;}
 .bulk_invoice_modal .work_flow_detail {bottom: 0px !important;}
 .bulk_invoice_modal .work_flow_detail .form-wizard .tab-content {bottom: 80px !important   ;}
 .bulk_invoice_modal .modal-body {height: 600px}
 .bulk_invoice_modal table.table-bordered th:last-child, .bulk_invoice_modal table.table-bordered td:last-child {border-width: 1px !important}
 .bulk_invoice_modal .modal-body {overflow-x: auto; color: #444;}
 .bulk_invoice_modal .smallgraytxt{float: initial !important;}
 .bulk_invoice_btn{
    border-width: 0;
    padding: 7px 14px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    outline: none !important;
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    display:inline-block;
 }
 .bulk_invoice_btn:hover{
     color: #fff;
 }
 .bulk_invoice_btn.disabled, .bulk_invoice_btn[disabled], fieldset[disabled] .bulk_invoice_btn {
    pointer-events: none;
    cursor: not-allowed;
    display: inline-block;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.tax_column input{
    max-width: 100px;
}
.popover-content .form-group {
    margin-bottom: 8px !important;
}
.popover-content {
    line-height: 14px !important;
    padding: 6px 10px  !important;
}
#communication .v-select input[type="search"],#communication .v-select input[type="search"]:focus{
    width: 50% !important;
}

.no_word_wrap .desc {white-space: nowrap}

.new-custom-tabs .fa.stopwatch {
background-position: 0 0;
background: url(../images/stop_watch_icon.png) no-repeat;
background-size: 100% !important;
}


.new-custom-tabs li.active .fa.stopwatch
{background-position: 0 -35px;
background: url(../images/stop_watch_icon.png) no-repeat;
background-size: 100% !important;}
.panel-collapse .slotsListingWrapper{
    margin-top: -10px !important;
}
.popover-origin.direction-bottom.align-center{
    display: none !important;
}
.scheduletop select#roomId {padding: 7px 0 !important;}
.yellow{color:#f9e910;}
.fa-circle.blue{color:blue;}

.document-delete-attachment{
    font-size: 12px !important;
    position: absolute;
    z-index: 99;
    left: 10px;
    top: 0px;
    color: red;
    cursor: pointer;
    display: none !important;
}
.document-delete-attachment-task{
    font-size: 12px !important;
    position: absolute;
    z-index: 99;
    left: 40px;
    top: 0px;
    color: red;
    cursor: pointer;
    display: none !important;
}
.todo td{
    position: relative !important;
}

table tr.todo:hover  .document-delete-attachment-task{
     display: block !important;
}
.conflict_section{
    padding-top: 5px;
}
.conflict_section a{
    background: #fff;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
    border-radius: 3px !important;
    border: 1px #ddd solid;
    padding: 2px 10px 2px 5px;

}
.conflict_section div{
    padding-top: 5px;
}
.fa-form_icon:before {
        content: url("/images/form_icon.png");
}

.fa-form_icon_yellow:before {
    content: url("/images/form_icon_yellow.png");
}

.fa-select-category:before {
    content: " ";
    background: url(/images/choose_category.png) no-repeat center 5px;
    width: 20px;
    height: 25px;
    background-size: 25px auto;
    display: inline-block;
}
.fa-form_icon_gray:before {
        content: url("/images/form_icon_gray.png");
    }
.export_rows_container{
    padding: 10px 10px;
    overflow-x: scroll;
}
.exportMoney input{
    max-width: 100px;
    text-align: right;
}
.printParticibtns .md-checkbox label > .box { top: 10px;}
.printParticibtns .md-checkbox label > .check { top: 6px;}
.open > .dropdown-menu {display: block !important;}

.tab-content .view_by_category .tab_tables th, .tab-content .view_by_category .tab_tables td {font-size: 13px}
.tab-content .view_by_actor .tab_tables th, .tab-content .view_by_actor .tab_tables td {font-size: 13px}

.user_info h4  {font-size: 14px}
.view_by_category .input-group-addon {vertical-align: middle;}

.report_get_module  .message.teams-list   { cursor: default;}
.report_get_module .col-height.col-middle:hover {box-shadow: 0px 2px 2px #ccc;}
.context-menu-list .context-menu-item span{padding-left: 10px;cursor: pointer;}
.context-menu-list .context-menu-item span:hover{padding-left: 10px;cursor: pointer;}
.ck_content ol li{list-style: inherit !important;}
.ck_content ul li{list-style: disc !important;}
#tab_Email_content_info .tab-content ol li{list-style: inherit !important;}
#tab_Email_content_info .tab-content ul li{list-style: disc !important;}
#tab_Email_content_info ul.tab-links li{list-style: none !important;}

.elearning_statatics{
    background-color: #f4f4f4;
    padding-top: 20px;
    margin-top: -10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.e-learning_statatics_arrow_div {
    margin-right: 20px;
    background-color: #77b32b !important;
    min-height: 40px;
    width: 43px;
    text-align: center;
    margin-top: -10px;
    border-radius: 0px 0px 5px 5px;
}
.e-learning_statatics_arrow {
    font-size: 25px;
    margin-top: 15px;
    color: white;
}
.elearning_statatics col-md-2{
    padding-bottom: 0px;
}
.elearning_statatics .col-md-2 {
    width:20%;
}
.e_learning_documents .fa-toggle-on{
    color:#77b32b;
}
.e_learning_documents .fa{
    font-size: 20px;
}
#sort_by_list .active-hr{
    background: none !important;
}
.crud_model_box .v-select .selected-tag {position: relative; padding-left: 20px;}
.crud_model_box .v-select .selected-tag button.close{position: absolute; top: 8px; left: 5px;}
.crud_model_box .v-select .selected-tag .close { margin: 0px; float: left;}
#sort_by_list .active-hr {
    background: #f6f6f6 none repeat scroll 0 0 !important;
    color: #132339 !important;
}
.crud_model_box .v-select .selected-tag {position: relative; padding-left: 20px;}
.crud_model_box .v-select .selected-tag button.close{position: absolute; top: 8px; left: 5px;}
.crud_model_box .v-select .selected-tag .close { margin: 0px; float: left;}
.order_preview_html ul li, .cke_textarea_inline ul li{
    list-style: circle;
}
.order_line .cke_textarea_inline{
    border: 1px solid rgb(238, 238, 238);
}
.order_line .cke_textarea_inline p {
    margin-bottom: 0px;
}
.svg-icons{
    width: 17px;
}
#taskWidget_wrapper table td {vertical-align: top !important;}
#taskWidget_wrapper table p {margin:0 !important}
table#taskWidget td:last-child {min-width:80px}

#qualification_form select#course_type_id { width: calc(105% - 45px)!important;}
.CourseType a[editview="CourseType"] { position: absolute; right:  -35px;}
    label[for="course_type"] {width: calc(105% - 45px) !important;}

    .chats li.participant-row {overflow: hidden;}


/*
Datepicker buttons change the position
 */
.daterangepicker .range_inputs .applyBtn {
    float: left;
}
.daterangepicker .range_inputs .cancelBtn {
    float: left;
    margin-left: 0px;
}
.email-tabs .tab-content {
     padding: 15px !important;
}


.form-group.manager-auto-select a.btn.btn-default.btn-circle
   {float: right;
    width: 34px;
    height: 34px;
    padding: 6px;
    line-height: 24px;
}

.maindashboard .dashboard-stat.blue-madison.boxfour .details
{float: none !important;}

#evaluation_filter {max-width: 380px !important;}
#evaluation_filter .select2-choices {max-width: 205px !important;}

#assignTrainerLocationPopup .modal-body {min-height: 450px;}
#assignTrainerLocationPopup .tabbable-custom > .tab-content
{height: calc(100% - 100px);}
#assignTrainerLocationPopup ul.trainerList, #assignTrainerLocationPopup ul.locationList
{height: 100%; min-height: calc(100% - 35px);}
#assignTrainerLocationPopup .tabbable-custom {max-height: 100%}
#assignTrainerLocationPopup .tabbable-custom > .tab-content {
    border: none;
    min-height: calc(100% - 100px);
}
.cke_button__cut_icon {display: none !important}
.cke_button__copy_icon {display: none !important}
.cke_button__outdent_icon {display: none !important}
#lookuptable-detail {max-height: calc(100vh - 180px); overflow-y: auto;}
.user-row .fullName{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: normal;font-weight: 600;}
.personal_detail .fullName{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: normal;font-weight: 600; width: 400px;}
#infinite_scroll .tooltip-inner {max-width: 100% !important;} 
.text-area-span.error{border-bottom: 2px solid #F3565D !important;}
/*.search-user .search-usericon { min-width: 104px;  text-align: right;} */
.search-user .search-usericon #filter_wrapper {left: unset !important; right: 0px !important;}
.search-user .search-usericon #filter_wrapper:before {right: 26px !important; left: unset !important;}
.search-user .search-usericon #filter_wrapper .filter-content {max-height: 350px;height: auto !important; overflow-x: auto;}
.search-user .search-usericon #filter_wrapper .filter-close {z-index: 99999}

#label_settings[style="display: none;"] + div {
  width: 50%;
}



.static-info .col-sm-1 input {
    max-width: 53px;
  }




















@media screen and (max-width: 2560px) {

    .splanningperiod .col-md-8 .col-md-5 input {
        width: calc(100% - 110px);
    }
}

@media screen and (max-width: 1950px) {
    .chats li.hrdactregister {
        width: 48%;
    }

    .new-custom-tabs .fa.fa-user-check {background-position: -315px 0;}
    .new-custom-tabs li.active .fa.fa-user-check {background-position: -315px -35px;}



    .new-custom-tabs .fa {
        width: 35px;
        height: 34px;
    }

    .new-custom-tabs .fa.fa-home {
        background-position: -34px 0;
    }

    .new-custom-tabs .fa.fa-file-text {
        background-position: -70px 0;
    }

    .new-custom-tabs .fa.fa-paperclip {
        background-position: -105px 0;
    }

    .new-custom-tabs .fa.fa-file {
        background-position: -140px 0;
    }

    .new-custom-tabs .fa.fa-money {
        background-position: -174px 0;
    }

    .new-custom-tabs .fa.fa-photo {
        background-position: -245px 0px;
    }

    .new-custom-tabs .fa.room_tab {
        background-position: -280px 0;
    }

    .new-custom-tabs .fa.fastar {
        background-position: -385px 0px;
    }

    .new-custom-tabs .fa.fa-user, .new-custom-tabs .fa.fa-users {
        background-position: -350px 0;
    }

    .new-custom-tabs .fa.fa-schedule {
        background-position: -420px 0;
    }

    .new-custom-tabs .fa.fa-userscheck {
        background-position: -315px 0;
    }

    .new-custom-tabs .fa.budgeticon {
        background-position: -490px 0;
    }

    .custom-tabs li.active .fa {
        background-position: 0 -35px;
    }

    .new-custom-tabs li.active .fa.fa-home {
        background-position: -35px -35px;
    }

    .new-custom-tabs li.active .fa.fa-file-text {
        background-position: -70px -35px;
    }

    .new-custom-tabs li.active .fa.fa-paperclip {
        background-position: -105px -35px;
    }

    .new-custom-tabs li.active .fa.fa-file {
        background-position: -140px -35px;
    }

    .new-custom-tabs li.active .fa.fa-money {
        background-position: -173px -35px;
    }

    .new-custom-tabs li.active .fa.fa-photo {
        background-position: -245px -35px;
    }

    .new-custom-tabs li.active .fa.room_tab {
        background-position: -280px -35px;
    }

    .new-custom-tabs li.active .fa.fastar {
        background-position: -385px -35px;
    }

    .new-custom-tabs li.active .fa.fa-user, .new-custom-tabs li.active .fa.fa-users {
        background-position: -350px -35px;
    }

    .new-custom-tabs li.active .fa.fa-schedule {
        background-position: -420px -35px;
    }

    .new-custom-tabs li.active .fa.fa-userscheck {
        background-position: -315px -35px;
    }

    .new-custom-tabs li.active .fa.budgeticon {
        background-position: -490px -35px;
    }

    .exportplannedSeminar {
        font-size: 12px !important;
    }

    .exportplannedSeminar i {
        width: 13px;
        height: 14px;
        top: 1px;
        right: 0px;
    }

}

@media screen and (max-width: 1560px) {
    #label_settings[style="display: none;"] + div {
        width: 100%;
    }
}

@media screen and (max-width: 1500px) {

    .new-custom-tabs .fa.fa-user-check { background-position: -252px 0;}
    .new-custom-tabs li.active .fa.fa-user-check {    background-position: -252px -28px;}


    .tabbable-custom > .nav-tabs.custom-tabs > li {
        margin: 0 0 -1px 5px;
    }

    .page-header.navbar {
        height: 80px;
    }

    .page-header.navbar .page-logo .menuicon {
        padding: 30px 0px !important;
    }

    .page-header.navbar .page-logo .logo-default {
        height: 37px;
    }

    .logoimg {
        margin-left: 15px;
        padding: 20px 0 23px;
    }

    .page-header.navbar .page-logo a.contactbtn {
        font-size: 17px;
        margin: 35px 0 0 30px;
    }

    .page-header.navbar .top-menu {
        padding: 14px 0 15px;
    }

    .cd-header aside {
        top: 80px !important;
    }

    .cd-header .page-container {
        top: 80px !important;
    }

    .maindashboard .dashboard-stat {
        padding-left: 15px !important;
    }

    .new-custom-tabs .fa {
        width: 28px;
        height: 28px;
        top: 2px;
    }

    .new-custom-tabs .fa.fa-home {
        background-position: -28px 0;
    }

    .new-custom-tabs .fa.fa-file-text {
        background-position: -56px 0;
    }

    .new-custom-tabs .fa.fa-paperclip {
        background-position: -84px 0;
    }

    .custom-tabs li.active .fa.fa-report {
    background-position: 0px -28px  !important;

}

.custom-tabs li.active .fa.fa-evaluation {
    background-position: 0px -28px  !important;

}
.custom-tabs li.active .fa.fa-logs {
    background-position: 0px -28px  !important;

}

    .new-custom-tabs .fa.fa-file {
        background-position: -112px 0;
    }

    .new-custom-tabs .fa.fa-money {
        background-position: -139px 0;
    }

    .new-custom-tabs .fa.fa-photo {
        background-position: -196px 0px;
    }

    .new-custom-tabs .fa.room_tab {
        background-position: -225px 0;
    }

    .new-custom-tabs .fa.fastar {
        background-position: -308px 0px;
    }

    .new-custom-tabs .fa.fa-user, .new-custom-tabs .fa.fa-users {
        background-position: -280px 0;
    }

    .new-custom-tabs .fa.fa-schedule {
        background-position: -336px 0;
    }

    .new-custom-tabs .fa.fa-userscheck {
        background-position: -254px 0;
    }

    .new-custom-tabs .fa.budgeticon {
        background-position: -392px 0;
    }

    .custom-tabs li.active .fa {
        background-position: 0 -28px;
    }

    .new-custom-tabs li.active .fa.fa-home {
        background-position: -28px -28px;
    }

    .new-custom-tabs li.active .fa.fa-file-text {
        background-position: -56px -28px;
    }

    .new-custom-tabs li.active .fa.fa-paperclip {
        background-position: -84px -28px;
    }

    .new-custom-tabs li.active .fa.fa-file {
        background-position: -112px -28px;
    }

    .new-custom-tabs li.active .fa.fa-money {
        background-position: -139px -28px;
    }

    .new-custom-tabs li.active .fa.fa-photo {
        background-position: -196px -28px;
    }

    .new-custom-tabs li.active .fa.room_tab {
        background-position: -225px -28px;
    }

    .new-custom-tabs li.active .fa.fastar {
        background-position: -308px -28px;
    }

    .new-custom-tabs li.active .fa.fa-user, .new-custom-tabs li.active .fa.fa-users {
        background-position: -280px -28px;
    }

    .new-custom-tabs li.active .fa.fa-schedule {
        background-position: -336px -28px;
    }

    .new-custom-tabs li.active .fa.fa-userscheck {
        background-position: -254px -28px;
    }

    .new-custom-tabs li.active .fa.budgeticon {
        background-position: -392px -28px;
    }




    .tabbable-custom > .nav-tabs.new-custom-tabs > li > a {
        padding-bottom: 30px !important;
        font-size: 11px;
    }

    .splanningperiod .col-md-8 .col-md-5 label {
        width: 40px;
    }

    .splanningperiod .col-md-8 .col-md-5 input {
        width: calc(100% - 100px);
    }

    .splanningperiod .col-md-2:last-child {
        width: 23%;
    }

    .splanningperiod .col-md-8 {
        width: 60%;
    }
}

@media screen and (max-width: 1400px) {

    .eventAttendeesListWrapper.document-list ul li {
        width: 48%;
    }

    .tabbable-custom > .nav-tabs.custom-tabs > li {
        margin: 0 0 -1px 5px;
    }

    .tabbable-custom > .nav-tabs > li > a {
        min-width: 70px;
    }

    .switchtolist .eventAttendeesListWrapper.document-list ul li .document-blco > p {
        float: left;
        width: 100%;
    }

    .event-details .relative {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1300px) {
    .new-custom-tabs p {
        display: block;
        margin-top: 0;
    }

    .new-custom-tabs .fa {
        right: auto;
        top: auto;
    }

    .tabbable-custom > .nav-tabs.new-custom-tabs > li > a {
        padding: 15px 5px !important;
    }

    .seminarboard .col-md-3 {
        margin-bottom: 15px;
        width: 50%;
    }
}

@media screen and (max-width: 1170px) {
    .chats li.hrdactregister {
        width: 100%;
    }

    .dashboardtop .col-md-3 {
        width: 50%;
    }

    .empdetail {
        bottom: 22px;
    }

    .empdetail h5 {
        margin: 0px;
    }

    #participant-list .user-id .sales {
        top: 0;
    }
}

@media screen and (max-width: 992px) {
    .chats li.hrdactregister {
        width: 48%;
    }

    .tabbable-custom > .nav-tabs.custom-tabs > li {
        margin: 0 0 -1px 20px;
    }

    .contact-list .search-user {
        padding: 15px !important;
    }

    .splanningperiod .col-md-8 .col-md-5 label {
        width: 40px;
    }

    .splanningperiod .col-md-8 .col-md-5 input {
        width: calc(100% - 50px);
    }

    .splanningperiod .col-md-2:last-child {
        width: 100%;
    }

    .splanningperiod .col-md-8 {
        width: 100%;
        margin: 15px 0px;
        overflow: auto;
    }

    .splanningperiod .col-md-5 {
        overflow: auto;
    }

    .green-arrow {
        margin: 10px 0px;
        overflow: auto;
    }

    .seminarboard .col-md-3 {
        float: left;
    }
}

@media screen and (max-width: 767px) {
    .chats li.hrdactregister {
        width: 100%;
    }

    .eventAttendeesListWrapper.document-list ul li {
        width: 98%;
    }

    .tabbable-custom > .nav-tabs > li > a {
        min-width: 70px;
    }

    .page-container .page-content-wrapper .page-content {
        padding: 10px !important;
    }

    .page-content .nopad {
        padding: 0px !important;
    }

    .seminarPlanner > .col-md-12 {
        padding: 0px;
    }

    .seminarPlanner .portlet-body {
        padding: 0px !important;
    }

    .splanningperiodbot > .col-md-12 {
        padding: 0px;
    }

    .seminarPlanner > .col-md-12 .row > .col-md-12 {
        padding: 0;
    }

    .form-wizard .steps > li > a.step > .number {
        font-size: 16px;
        line-height: 35px;
        height: 35px;
        width: 35px;
    }

    .form-wizard .steps > li > a.step > .desc {
        font-size: 15px;
    }

    .tagbtn a {
        margin: 0 5px;
    }

    .tagbtn a:first-child {
        margin-left: 0px;
    }

    .tabbable-line.clearfix.custom-tabs-block {
        padding: 0;
    }



}

@media screen and (max-width: 650px) {
    .dashboardtop .col-md-3 {
        width: 100%;
    }

    .nopad > div > div.col-xs-12, .nopad > div > div.col-md-12 {
        padding: 0 !important;
    }

    .maindashboard .row .col-md-6 {
        padding: 0 0;
    }
}
.email-tabs .tab-content {
     padding: 15px !important;
}


@media (min-width: 991px) {
     .daterangepicker.dropdown-menu.opensleft, .daterangepicker.dropdown-menu.opensright {min-width: 670px}

     .daterangepicker.opensright:before {
        right: 27%;
        left: unset !important;
    }
    .daterangepicker.opensright:after {
        right: 27%;
        left: unset !important;
    }
    #assignTrainerLocationPopup .modal-body {height: 480px;}
}
.email-tabs .tab-content {
     padding: 15px !important;
}

@media (max-width: 1366px) and (min-width: 1200px){
    .edit-contact-details, .edit-event-details, .edit-organization-details {
        padding: 40px !important;
    }
}

.form-group.manager-auto-select a.btn.btn-default.btn-circle
   {float: right;
    width: 34px;
    height: 34px;
    padding: 6px;
    line-height: 24px;
}

#qualification_form select#course_type_id { width: calc(105% - 45px)!important;}
.CourseType a[editview="CourseType"] { position: absolute; right:  -35px;}
	label[for="course_type"] {width: calc(105% - 45px) !important;}

	.chats li.participant-row {overflow: hidden;}


.form-group.manager-auto-select a.btn.btn-default.btn-circle {
    float: right;
    width: 34px;
    height: 34px;
    padding: 6px;
    line-height: 24px;
}

.maindashboard .dashboard-stat.blue-madison.boxfour .details
{float: none !important;}

#evaluation_filter {max-width: 380px !important;}
#evaluation_filter .select2-choices {max-width: 205px !important;}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {line-height: 18px;}

.attendance_opration li ul.context-menu-list {margin-left: 0px !important;}
.attendance_opration li ul.context-menu-list li {text-align: left !important}
.attendance_opration li ul.context-menu-list li span, .attendance_opration li ul.context-menu-list li span:hover {padding-left: 0;}
.attendance_opration .floating-group-button {z-index: unset !important;}
.attendance_opration .float-zoomin.inn .h-floating-effect li:nth-child(4) {
    /* z-index: 999999 !important; */
    z-index: 1 !important;
}
.calendar-icon{ margin-left:2px; }

.priceMask{
    z-index: 12;
    pointer-events: none;
}
.priceMask input{
    border:none;
    background: transparent;
    text-align: left;
}
.report_get_module  .message.teams-list   { cursor: default;}
.report_get_module .col-height.col-middle:hover {box-shadow: 0px 2px 2px #ccc;}
.context-menu-list .context-menu-item span{padding-left: 0px;cursor: pointer;}
.context-menu-list .context-menu-item span:hover{padding-left: 0px;cursor: pointer;}
.user-row .fullName{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: normal;font-weight: 600;}

span#import_file-error {
    color: #b45d5b;
}

#marketingdefaultrange .form-control[readonly]{
    cursor: text;
}

.settingPageSectionWrapper #company_logo {
    color: transparent;
}
.filter-info-span {
    background: #77b32b;
    padding: 3px 8px;
    border-radius: 5px;
    color: #fff;
    margin: 2px;
    font-size: 12px;
}
.md-radio-nextline > div { margin: 12px 0px;}
    .datev_connect_wrapper {padding: 12px 0 }
    .datev_connect_wrapper .form-group, .datev_connect_wrapper .btn-wrap  {max-width: 500px }
    .datev_connect_wrapper .btn-wrap   {text-align: right}
    .datev_connect_wrapper  .form-group i.fa, .btn-wrap i.fa {font-size: 14px !important; float: none !important; margin: 0 auto; line-height: 22px;}
     .md-radio-nextline {margin-top: 15px   }

     .fiscal_year_wrapper {max-width: 500px; margin-top: 20px}
     .password_eye {position: absolute; top: 28px;
    right: 10px;}
    .contact-page { width: 100%; }
.cancel-invoice{

    background-image: url('../images/invo-cancel.png');
    background-repeat: no-repeat;
  background-size: 100px ;
}

.static-text-beside-text-field {
    top: 25px;
}

.cmstheme_form ul, .cmstheme_form li {
    margin: 0; padding: 0;
}
.cmstheme_form ul { 
	display: inline-block; 
	text-align: left; 
}
ul.all-custom-trans {
    overflow: scroll;
}
.cmstheme_form li {
    padding-top: 5px;
}
.col-sm-2.num_of_digits{
    width: 15%;
}
.md-checkbox.mrg-b-15 {
    margin-bottom: 15px !important;
}


.col-sm-2.num_of_digits{
    width: 15%;
}

.btn-group.note-filter-btn .btn-secondary {
    margin: 0px 5px 0px 5px;
    border: 1px solid #CCCCCC;
    border-radius: 8px !important;
    background: #fff;
}

.btn-group.note-filter-btn .btn-secondary.active {
    border: 1px solid rgb(180, 236, 81);
}

.btn-group.document-filter-btn .btn-secondary {
    margin: 0px 5px 0px 5px;
    border: 1px solid #CCCCCC;
    border-radius: 8px !important;
    background: #fff;
}

.btn-group.document-filter-btn .btn-secondary.active {
    border: 1px solid rgb(180, 236, 81);
}
.tab-back-str li button {
    width: 100%;
}

.tooltip-inner {
    
   /* word-break: break-word; */
   
}
li.dn {
    display: none;
}
li.dn.show {
    display: block!important;
}
li.manager-dn, li.man-rep-hide, li.manage_team, li.man-rep {
    display: none!important;
}
li.manager-dn.show, li.man-rep.show {
    display: block!important;
}
li.manager-hide, li.man-rep-hide.show, li.manage_team.show {
    display: block!important;
}
li.manager-hide.dn {
    display: none!important;
}
.my-popup .modal-footer::after,
.my-popup .modal-footer::before{
    display: none !important;
}
.my-popup .modal-footer{
    padding: 15px !important;
    display: flex;
    display: -webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
    /* word-break: break-word; */
}

li.dn {
    display: none;
}
li.dn.show {
    display: block!important;
}
li.manager-dn, li.man-rep-hide, li.manage_team, li.man-rep {
    display: none!important;
}
li.manager-dn.show, li.man-rep.show {
    display: block!important;
}
li.manager-hide, li.man-rep-hide.show, li.manage_team.show {
    display: block!important;
}
li.manager-hide.dn {
    display: none!important;
}

.bootbox-confirm .modal-dialog {
    width: auto !important;
    max-width: 22%;
}

.bootbox-confirm .modal-body {
    text-align: center;
}

.bootbox-confirm .modal-body .bootbox-body {
    margin-top: 15px;
    font-weight: bold;
    font-size: 16px;
}

.bootbox-confirm .modal-body button {
    display: none;
}

.bootbox-confirm .modal-footer {
    text-align: center;
}

.bootbox-confirm .modal-footer button:nth-child(1) {
    position: relative !important;
    right: 30%;
}

.bootbox-confirm .modal-footer button:nth-child(2) {
    float: none !important;
}

@media (min-width: 1200px) and (max-width: 1500px) {

    .bootbox-confirm .modal-footer button:nth-child(1) {
        position: relative !important;
        right: 24%;
    }

    .pull-right-btn{
        float: right !important;
        right: 0% !important;
    }
    
    .bootbox-confirm .modal-content{
        min-width: 450px;
    }

}

@media (min-width: 950px) and (max-width: 1200px) {

    .bootbox-confirm .modal-footer button:nth-child(1) {
        position: relative !important;
        right: 15%;
    }

    .pull-right-btn{
        float: right !important;
        right: 0% !important;
    }
    
    .bootbox-confirm .modal-content{
        min-width: 450px;
    }

}

@media (max-width: 950px) {

    .bootbox-confirm .modal-footer button:nth-child(1) {
        position: relative !important;
        right: 7%;
    }

    .pull-right-btn{
        float: right !important;
        right: 0% !important;
    }
    
    .bootbox-confirm .modal-content{
        min-width: 450px;
    }
}

.subnav {
    /* overflow-y: scroll !important; */
    max-height: calc(100vh - 300px) !important;
}

 .tooltip {
    max-width: fit-content!important;
}

#google_id {
    float: right;
    margin-right : 20px;
}
.my-popup .modal-footer::after,
.my-popup .modal-footer::before{
    display: none !important;
}
.my-popup .modal-footer{
    padding: 15px !important;
    display: flex;
    display: -webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
}

#googleIdModal .modal-header {
    border-bottom: 0 none;
}

#googleIdModal .modal-footer {
    border-top: 0 none;
}


.subnav {
    /* overflow-y: scroll !important; */
    max-height: calc(100vh - 300px) !important;
}

.paymentPlanContainer {
  background: #F9F9F9;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 20px !important;
  margin: 20px 2px !important;
}

.paymentPlanImage{
  display: -webkit-inline-box;
  text-indent: -9999px;
  width: 53px;
  height: 40px;
  background: url('../images/payment_plan_grey_new.png') no-repeat;
  background-size: 50px 45px;
}

.custom-tabs li.active .paymentPlanImage{
  display: -webkit-inline-box;
  text-indent: -9999px;
  width: 53px;
  height: 40px;
  background: url('../images/payment_plan_green_new.png') no-repeat;
  background-size: 50px 45px;
}

.setting_area .expiry_time {
    margin-right: -47px;
}

.swal2-html-container {
    text-align: center !important;
    font-size: initial !important;
}

swal-button {
    padding: 7px 19px;
    border-radius: 2px;
    background-color: #4962B3;
    font-size: 12px;
    border: 1px solid #3e549a;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
  } 

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-close .swal2-styled:focus {
    outline:none !important;
    box-shadow: none !important;
}

.swal2-title {
    color: #16263B !important;
}

.swal2-icon {
    border: none !important;
}

.report-detail{
    color: #424F61;
}
    
.report-detail-close{
    font-size: small !important;
}

.pull-right-btn{
    float: right !important;
    right: 0% !important;
}

.bootbox-confirm .modal-content{
    min-width: 500px;
}

.closedMenu .nestedMenu {
    width: 200px !important;
    z-index: 9999 !important;
    margin-left: 156px !important;
    margin-top: -43px !important;
    display: none !important;
}

.cd-header aside ul.subnav li:hover > ul {
    display: block !important;
}

/* IntroJs */
.introjs-tooltiptext{
    padding: 0px;
}
.introjs-tooltiptext .row {
    display: flex;
    padding: 0px 20px 30px;
}
.introjs-tooltiptext .row .col-md-4 .img-responsive{
    padding-top: 30px;
}
.introjs-tooltiptext .row p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    width: 115%;
    color: #9FA6B6;
}
.intro-image-row{
    padding: 0px 15px !important;
}
.intro-image{
    background: #EEEEEE;
}

.cms-invoice-tbl.table thead tr th  {
    background-color: #efefef !important;
    padding: 20px;
    white-space: nowrap;
    border: none;
}
.cms-invoice-tbl.table tbody tr td {
    padding: 5px 20px;
    white-space: nowrap;
    border: none;
    border-bottom: 1px solid #efefef !important;
    border-right: 1px solid #efefef !important;
    vertical-align: middle;
}

.cms-invoice-tbl.table tbody tr.org-row td {
    border-right: none !important;
}
.cms-invoice-tbl.table>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.cms-invoice-tbl .md-checkbox label {
    cursor: pointer;
    padding-left: 20px;
}
.cms-invoice-tbl .md-checkbox label > .box, .invoice-filters .md-checkbox label > .box {
    border: 2px solid #888888;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    top: 1px;
}

.cms-invoice-tbl .floating-group-button .btn {
    margin: 0;
    box-shadow: none;
}
.tabbable-custom .invoice-filters {
    padding: 10px 0 0;
}
span.label-form, .form-group.manager-auto-select .tooltips span  {
    font-weight: 600;
    margin-bottom: 5px;
    /*display: flex;*/
    font-size: 13px;
}
.add-newparticipant .form-group.manager-auto-select .tooltips span  {
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 13px;
}
/*
.form-group.manager-auto-select .text-ellipsis {
    margin: 0 !important;
}
*/
.tabbable-custom .invoice-filters .form-control, .tabbable-custom .bulk-actions .form-control {
    height: 36px;
    border: 1px solid #efefef;
    font-size: 13px;
    padding: 0 35px 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.md-checkbox.df-checkbox {
    margin-top: 32px;
}
.invoice-filters .filterhideshow, .invoice-filters .hideshow  {
    margin: 24px 0 0 0;
    height: 36px;
    padding: 0 15px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}
.invoice-filters .hideshow {
    margin: 0;
}
.invoice-filters .filterhideshow:hover, .invoice-filters .hideshow:hover {
    background: #736d70;
}
.invoice-filters .filterhideshow i, .invoice-filters .hideshow i {
    margin-right: 10px;
}
.invoice-filters .v-select.searchable .dropdown-toggle {
    cursor: text;
    border: 1px solid #efefef;
}
.invoice-filters .v-select.searchable .dropdown-toggle .form-control {
    border: none;
    padding: 0 35px 0 10px;
    font-size: 13px !important;
}
.invoice-filters .v-select .open-indicator:before {
    border-color: rgb(51 51 51 / 48%);
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
}
.invoice-filters .v-select .selected-tag {
    color: #717171;
    background-color: #e3e3e3;
    border: none;
    border-radius: 3px;
    margin: 5px;
    line-height: normal;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    flex-direction: row-reverse;
}
.invoice-filters .v-select .selected-tag .close {
    margin: 0 0 0 10px;
    float: none;
    text-shadow: none;
    opacity: 0.5;
    font-size: 12px;
}
.pr-0 {
    padding-right: 0;
}
.pl-0 {
    padding-left: 0;
}
.invoice-filters .form-group {
    margin-bottom: 20px;
}
.invoice-filters .form-group.form-md-line-input {
    position: relative;
    margin: 0;
    padding-top: 25px;
}
.invoice-filters .form-group.form-md-line-input .form-control {
    text-align: center;
    border-radius: 3px;
    padding: 0;
}
.invoice-filters .form-group.form-md-line-input .form-control ~ label:after {
    background: #efefef !important;
    display: none;
}
.inv-form {
    position: relative;
}
.inv-form:before {
    border-color: rgb(51 51 51 / 48%);
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    position: absolute;
    right: 15px;
    top: 13px;
    transform: rotate(133deg);
}
.invoice-filters .v-select .open-indicator {
    position: absolute;
    bottom: 4px;
    right: 11px;
}
.invoice-filters .btn.btn-primary {
    background: #77b32b;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 0;
    height: 30px;
}
.invoice-filters .btn.btn-primary:hover {
    background: #736d70;
}
.invoice-filters .btn.btn-primary.btn-save {
    width: 100%;
    margin-bottom: 5px;
} 
.invoice-filters .btn + .btn {
    margin-left: 0;
    width: 48.5%;
}
.invoice-filters .btn.btn-filter {
    margin-left: 5px;
    float: right !important;
}
.page-content .invoice-filters ~ .bulk-actions .btn-default {
    background: #77b32b;
    background-image: none !important;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    height: 36px;
    margin: 23px 0 0 0;
}
.page-content .invoice-filters ~ .bulk-actions .btn-default:hover {
    background: #736d70;
}
.invoice-filters ~ .bulk-actions .md-radio-inline {
    margin: 31px 0 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.invoice-filters ~ .bulk-actions .md-radio-inline .md-radio {
    display: flex;
    margin-right: 0;
    align-items: center;
    justify-content: flex-start;
    min-width: auto;
    text-align: left;
}
.invoice-filters ~ .bulk-actions .md-radio-inline .md-radio input[type=radio] {
    padding-right: 0;
}
.invoice-filters ~ .bulk-actions .md-radio-inline .md-radio:last-child {
    margin-left: 19px;
    margin-right: 5px;
}
.invoice-filters ~ .bulk-actions .md-radio label > .box {
    border: 2px solid #c3c3c3;
}
.date-form {
    display: flex;
    justify-content: space-between;
}
.date-form .form-group + .form-group {
  margin-left: 15px;
}
.invoice-filters ~ .bulk-actions ~ .records-list div.dataTables_paginate {
    float: right;
}
.invoice-filters ~ .bulk-actions ~ .records-list div.dataTables_info {
    padding-top: 10px;
    font-size: 14px;
}
.cmn-modal.modal .modal-header {
    border-bottom: none;
    background: #77b32b;
    position: relative;
    padding: 15px 45px 15px 25px;
}
.cmn-modal.modal .modal-header .modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.cmn-modal.modal .modal-dialog.modal-dialog-centered, .bootbox  .modal-dialog{
    min-height: calc(100% - (1.75rem * 2));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.75rem auto;
}
.cmn-modal.modal .modal-header .close {
    margin-top: 0px !important;
    position: absolute;
    right: 25px;
    top: 23px;
    background-image: none !important;
    text-indent: inherit;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    display: flex;
    align-items: center;
}
.cmn-modal.modal .modal-header .close span {
    margin: 0;
    line-height: normal;
    font-size: 24px;
}
.cmn-modal.modal .modal-header .close:hover {
    opacity: 0.5;
}
.cmn-modal.modal .modal-body {
    position: relative;
    padding: 25px;
}
.cmn-modal.modal .modal-footer, .bootbox .modal-dialog .modal-footer {
    padding: 0 15px 15px;
    text-align: center;
    border-top: none;
}
.bootbox .modal-dialog .modal-footer  {
    padding-top: 10px;
}
#cancelInstallmentModal.cmn-modal.modal .modal-body {
    text-align: center;
}
.cmn-modal.modal .modal-footer button.btn-primary {
    color: #fff;
}
.bootbox .modal-dialog .modal-footer button.btn.btn-default{
    color: #333333;
    background-color: #E5E5E5;
    border-color: #E5E5E5;
}
.cmn-modal.modal .modal-footer button.btn:hover, .bootbox .modal-dialog .modal-footer button.btn:hover {
    color: #fff;
    background: #666;
}
.cmn-modal.modal .modal-footer button.btn + .btn {
    margin-left: 5px !important;
}
.modal-body .check-row {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.modal-body .check-row .form-check.form-check-inline {
    margin-right: 40px;
    display: flex;
    align-items: center;
}
.modal-body .check-row .form-check.form-check-inline label {
    margin: 0 0 0 7px;
}
.modal-body .check-row .form-check.form-check-inline input[type=radio] {
    margin: 1px 0 0;
}
.df-check-row label {
    color: #999;
    margin: 0;
}
.df-checkbox {
    display: flex;
    align-items: center;
    margin-top: 2px;
}
.df-check-row .df-checkbox label {
    margin: 3px 0 0 6px;
    line-height: normal;
    color: #4B6478;
}
.invoice-ic  {
    display: flex;
    align-items: center;
    justify-content: center;
}
.intro-image-full{
    padding: 0px !important;
}
.intro-image-full img{
    width: 100%;
}       
.introjs-tooltip-header{
    margin-bottom: -15px;
}
.introjs-skipbutton{
    color: #9FA6B6 !important;
}
.introjs-tooltiptext .row h1{
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    /*margin-top: 0px !important;*/
    /* identical to box height */


    color: #3C414D;
}
.introjs-tooltipbuttons a{
    font-weight: 600;
}
.introjs-tooltipbuttons{
    display: flex;
    justify-content: end;
    padding-top: 20px;
    padding-bottom: 20px;
}
.introjs-button{
    position: relative;
    margin-left: 20px;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 600;
}
.introjs-bullets{
    position: absolute;
    left: 20px;
    bottom: 10px;
}
.introjs-nextbutton{
    background: #77B32B !important;
    padding: 8px 45px 8px 14px  !important;
    box-shadow: 0px 9px 14px rgb(137 181 82 / 40%) !important;
}
.introjs-button:before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 24px;
}
.introjs-nextbutton:before{
    background: url('../introjs_images/next-img.png') no-repeat;
    right: 6px;
}
.introjs-donebutton{
    padding: 8px 14px !important;
}
.introjs-donebutton:before{
    background: none;
    right: 6px;
}
.introjs-prevbutton:before{
    background: url('../introjs_images/previous-img.png') no-repeat;
    left: 6px;
}
.introjs-prevbutton{
    background: #A3A3A3 !important;
    padding: 8px 14px 8px 38px  !important;
    box-shadow: 0px 9px 14px rgba(131, 131, 131, 0.4) !important;
}
.introjs-tooltiptext .row .col-md-4 .img-responsive,.introjs-tooltiptext .row .col-md-3 .img-responsive{
    padding-top: 25px;
}
.introjs-tooltip{
    width: 650px;
}
.introjs-tooltip{
  position: relative;

}

.introjs-tooltip:before{
    background: url('../introjs_images/intro-human.png') no-repeat;
    height: 154px;
    width: 100px;
    position: absolute;
    bottom: 0;
    left: -75px;
    content: '';
    background-size: 100px;
    z-index: 9;
}

.introjs-tooltip-right:before{
    content: none !important;
}

.introjs-tooltip-right:after{
    background: url('../introjs_images/human-left.png') no-repeat;
    height: 154px;
    width: 100px;
    position: absolute;
    bottom: 0;
    right: -75px;
    content: '';
    background-size: 100px;
    z-index: 9;
}

.skip-all-intro{
    font-style: normal;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 18px;
    display: flex !important;
    align-items: center;
    text-align: center;
    text-shadow: none !important;
    float: left;
    background: none !important;
    border: none !important;
    color: #A2A4AB !important;
}


.introjs-prevbutton,
.introjs-nextbutton{
    font-family: 'Open Sans' !important;
    color: #FFF !important;
    border: 0px !important;
    font-style: normal;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 18px;
    display: flex !important;
    align-items: center;
    text-align: center;
    text-shadow: none !important;
}

.introjs-nextbutton{
    background: #77B32B !important;
    border: none !important;
    color: #FFFFFF !important;
}

.introjs-tooltip-title{
    font-family: 'Open Sans' !important;
    font-style: normal;
    font-size: 18px !important;
    line-height: 34px !important;
    color: #132339 !important;
}
.introjs-button:focus{
    box-shadow: unset !important;
}
.introjs-tooltiptext{
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #132339 !important;
}
.introjs-tooltip{
    min-width: 500px !important;
    max-width: auto !important;
}
.introjs-tooltip-header{
    padding-right: 10px !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before{
    display: none !important;
}

.introjs-floating{
    margin-top: 0 !important;
    transform: translateY(-50%);
}
.invoice-ic svg {
    width: 26px;
    height: 26px;
}
.bulk_invoice_modal .form-wizard .form-group.manager-auto-select .text-ellipsis {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex !important;
    align-items: center;
    margin-bottom: 5px !important;
}
.bulk_invoice_modal .form-wizard .form-group.manager-auto-select .text-ellipsis i.fa {
    margin-left: 10px;
    color: #999999;
}
.bulk_invoice_modal .modal-footer { text-align: center;}

.bulk_invoice_modal .form-wizard .form-group .v-select.single .selected-tag {
    color: #333;
    background-color: #d6d6d6;
    border: none;
}
.cms-invoice-tbl .md-checkbox {
    margin: 0 auto;
    width: 18px;
}
#cancelInstallmentModal.cmn-modal.modal .modal-body label {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}
.cms-invoice-tbl.table tbody tr td span {
    display: inline-block;
}
.filter-setting-modal.cmn-modal.modal .modal-body label {
    font-size: 16px;
    font-weight: 600;
}
.filter-setting-modal.cmn-modal.modal .modal-body .check-row .form-check.form-check-inline label, .filter-setting-modal.cmn-modal.modal .df-checkbox label {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}
.filter-setting-modal.cmn-modal.modal .modal-dialog {
    width: 500px;
}
.filter-setting-modal.cmn-modal.modal .modal-dialog .modal-content {
    width: 100%;
}

/*  Studies and Courses Settings start css  */
#studyCourseControlSetting .panel-default > .panel-heading {
    background-color: #e5e5e5;
}
#studyCourseControlSetting .accordion .panel .panel-title .accordion-toggle {
    padding: 15px 50px 15px 20px;
    color: #444444;
    font-weight: 600;
    font-size: 16px;
    position: relative;
}
#studyCourseControlSetting .accordion .panel .panel-title .accordion-toggle::after {
    position: absolute;
    right: 15px;
    top: 17px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #444444;
    border-top: 2px solid #444444;
    transform: rotate(135deg);
    margin-right: 0.5em;
    margin-left: 1em;
}
#studyCourseControlSetting .accordion .panel .panel-body {
 padding: 25px 10px 10px;
 display: flex;
 flex-wrap: wrap;
}
#studyCourseControlSetting .accordion .panel .panel-body .static-info {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
#studyCourseControlSetting .accordion .panel .panel-body .static-info .value {
    width: 260px;
    margin: 0 10px 0 0;
    font-size: 14px;
    color: #666;
    font-weight: 600;
}
#studyCourseControlSetting .accordion .panel .panel-body .static-info .name {
    width: calc(100% - 270px);
}
#studyCourseControlSetting .accordion .panel .panel-body .static-info .name .form-group {
    margin: 0;
    position: relative;
}
#studyCourseControlSetting .accordion .panel .panel-body .static-info .name .form-group select.form-control {
    background: none !important;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    padding: 10px 30px 10px 10px;
    height: 40px;
    font-size: 14px;
    color: #000;
}
#studyCourseControlSetting .accordion .panel .panel-body .static-info .name .form-group.form-md-line-input:after{
    border-color: rgb(51 51 51 / 48%);
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    position: absolute;
    right: 15px;
    top: 14px;
    transform: rotate(133deg);
}
#studyCourseControlSetting .accordion .panel .panel-body .static-info .name .form-group.form-input:after, #studyCourseControlSetting .accordion .panel .panel-body .static-info .name.multi-name .form-group.form-md-line-input:after {
    display: none;
}
#studyCourseControlSetting .md-checkbox label {
    cursor: pointer;
    padding-left: 30px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}
#studyCourseControlSetting .md-checkbox label > .box {
    border: 2px solid #dbdbdb;
    border-radius: 5px;
}
#studyCourseControlSetting .select2-container-multi .select2-choices, #studyCourseControlSetting .form-group.form-md-line-input .form-control {
    background: none !important;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    padding: 10px 30px 10px 10px;
    height: 40px;
    font-size: 14px;
    color: #000;
}
#studyCourseControlSetting .accordion .panel .panel-body .static-info .name .manager-auto-select .select2-container-multi .select2-choices .select2-search-choice {
    border: none;
    padding: 7px 7px 7px 23px;
    margin: 0 4px 4px 0;
    background: #d2d2d2;
    color: #666;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
}
#studyCourseControlSetting .form-group.form-md-line-input .select2-container-multi {
    padding: 0;
    border: none;
}
#studyCourseControlSetting .form-group.form-md-line-input .select2-container-multi .select2-choices{
    min-height: auto;
    padding-right: 0;
}
#studyCourseControlSetting .select2-default, .select2-container-multi .select2-choices .select2-search-field input {
    color: #222222!important;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

#studyCourseControlSetting .accordion .panel .panel-body .static-info .name .manager-auto-select .select2-container-multi .select2-search-choice-close {
    padding: 7px;
    top: 7px;
}
/*  Studies and Courses Settings start css  */
.invoice-filters .v-select .selected-tag {
    padding: 5px 25px 5px 5px;
    position: relative;
    margin-bottom: 0;
}
.invoice-filters .v-select .selected-tag .close {
    position: absolute;
    right: 7px;
    margin: 0;
}
.form-group.manager-auto-select.form-select-width-flex .v-select {
    width: calc(100% - 55px);
}
#participantPaymentPlan .participantActionLog .form-group.form-md-line-input .form-control[readonly], #participantPaymentPlan .participantActionLog .form-group.form-md-line-input .form-control[readonly] ~ .input-group-addon, #playmentPlanInstallment .form-control[disabled]{
    background-color: #eeeeee;
}
.snd-inv-lbl span {
    white-space: inherit;
}
.snd-inv-group .form-group.form-md-line-input {
    margin: 0;
    padding-top: 0;
}
.snd-inv-group .form-group.form-md-line-input .form-control {
    padding: 6px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
table.participantList th, table.participantList td { padding: 10px !important; }



.panel-heading .panel-title.qualification_title a.edit_cost_center {position: absolute; top: 17px; right: 14px}
.participantList .send_customer_mail {border-width: 0;padding: 7px 14px;border-radius: 5px;
    color: #fff;font-size: 14px;outline: none !important;background-image: none !important;filter: none;
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;text-shadow: none;display:inline-block;}
.participantList .send_customer_mail:hover{color: #fff;}
.participantList .send_customer_mail.disabled, .send_customer_mail[disabled] {pointer-events: none;cursor: not-allowed;
    display: inline-block;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}


#add_participant_wrapper span.label-form, #add_participant_wrapper .form-group.manager-auto-select .tooltips span {display:inline-block !important;}

#edit_seminar .modal-dialog {
    z-index: 10050 !important;
}