/* Minification failed. Returning unminified contents.
(8017,1): run-time error CSS1019: Unexpected token, found '@import'
(8017,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700")'
(12243,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12253,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
#logo {
    float: left;
    width: 180px;
    background-color: #34495e;
    padding: 18px 7px 18px 1px !important;
    height: 56px;
    text-align: center;
}

h4 {
    font-size: 16px;
}
/* MODAL STYLES */
.modal-close {
    color: #FD9F01 !important;
    font-size: 20px;
}

.icon {
    width: 22px;
    height: 23px;
}

.loading {
    position: fixed;
    z-index: 2000000000;
    left: 40%;
    top: 40%;
}

.legend {
    display: block;
    padding: 0;
    margin-bottom: 5px;
    margin-left: 14px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.margin-top30 {
    margin-top: 30px;
}

.modal-header {
    border-bottom: 0;
}

/*Button styles*/

.btn-primary,
.btn-primary:hover {
    background-color: #699dff !important;
    border-color: #699dff !important;
    color: #FFFFFF;
}


.message-center .sidebar-nav .navbar-nav > li > a,
.message-center .sidebar-nav .navbar-nav > li {
    font-size: 13px;
    height: auto;
}

.tab-pane .panel-body {
    background: #FFF;
    border: 1px solid #e4e5e7;
}

.procedureSpecialtySelect {
    height: 30px !important;
    font-size: 13px;
}

/*******************************************************************************/
/* ==========================================
   Font
========================================== */
/* Overriding default bootstrap location to a relative path so we can keep all fonts under the /Content/fonts folder */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/Content/themes/biccdashboard/fonts/glyphicons-halflings-regular.eot');
    src: url('/Content/themes/biccdashboard/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Content/themes/biccdashboard/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Content/themes/biccdashboard/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Content/themes/biccdashboard/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.italics {
    font-style: italic;
}



/* ==========================================
   Date range picker
========================================== */


.date-picker-wrapper {
    margin-left: 120px;
    overflow: hidden;
    width: 600px;
}

    .date-picker-wrapper.no-shortcuts {
        width: 448px !important;
    }

    .date-picker-wrapper .month-wrapper {
        width: 420px;
    }

    .date-picker-wrapper .drp_top-bar .default-top,
    .date-picker-wrapper .drp_top-bar .normal-top,
    .date-picker-wrapper .drp_bottom-bar {
        color: #666;
        font-size: 16px;
        font-weight: 700;
    }

    .date-picker-wrapper .footer {
        border-left: 1px solid #ccc;
        min-height: 217px;
        padding: 15px 10px 0 10px;
        position: absolute;
        right: 0;
        top: 0;
        width: 155px;
    }

        .date-picker-wrapper .footer b {
            color: #666;
            display: block;
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .date-picker-wrapper .footer .custom-shortcut {
            display: block;
            margin-bottom: 5px;
        }

            .date-picker-wrapper .footer .custom-shortcut a {
                color: #333;
                text-decoration: none;
            }

    .date-picker-wrapper.single-date {
        margin-left: 0;
        width: auto;
    }

        .date-picker-wrapper.single-date .month-wrapper {
            width: auto;
        }

        .date-picker-wrapper.single-date .drp_top-bar {
            line-height: 40px;
            height: 40px;
        }

/* ==========================================
   Procedure Search
========================================== */

.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 30px;
    }

    .left-inner-addon i {
        position: absolute;
        padding: 14px 12px;
        pointer-events: none;
    }

.acol label {
    color: #000 !important;
}

.multiSelect > button {
    height: 100%;
    width: 100%;
}

#regions {
    /*This is to offset the padding/border from the form-control class. form-control class is needed for error styles.*/
    border: 0;
    padding: 0;
}

.has-error .form-control .multiSelect > button {
    /* Adds error outline to multiselect*/
    border: 2px solid #a94442 !important;
}

.multiSelect button.helperButton {
    /*border: 0;
    background: transparent;*/
    padding: 0 5px;
}

/* ==========================================
   Procedure Modal
========================================== */

a.procedure:hover {
    cursor: pointer;
}

div.procedureSpecialty {
    margin-top: 10%;
}

div.procedureInfo {
    margin-top: 5%;
    margin-bottom: 5%;
}

.procedureRow {
    margin-left: 5px;
}

/* ==========================================
   Login Modal
========================================== */

.modal-body.login {
    max-height: 350px;
    overflow-y: auto;
}

/* ==========================================
   All Modals
========================================== */

body.modal-open {
    margin-right: 0;
}

body.blank.modal-open {
    position: initial !important;
}
/* Modal Footer */

.modal-footer .btn-link {
    padding: 8px 8px !important;
}

/* ==========================================
   Procedure Admin
========================================== */

#procedureDetails .form-group {
    margin-bottom: 0;
}

.procedure-price-dropdown {
    background-color: #eee;
    border-radius: 6px;
    border: 1px solid #ccc;
}

    .procedure-price-dropdown .dropdown-toggle {
        width: auto;
        border-bottom-right-radius: 6px !important;
        border-top-right-radius: 6px !important;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .procedure-price-dropdown .form-inline {
        min-width: 233px;
        min-height: 30px;
    }

    .procedure-price-dropdown .dropdown-menu {
        width: 270px;
    }

    .procedure-price-dropdown .btn i.fa,
    .procedure-price-dropdown .btn i.fas {
        padding: 0;
    }

    .procedure-price-dropdown input {
        width: 80px !important;
    }

    .procedure-price-dropdown #contact-for-pricing {
        display: table;
    }

        .procedure-price-dropdown #contact-for-pricing > div {
            display: table-cell;
            vertical-align: middle;
            position: relative;
            left: 10px;
        }

    .procedure-price-dropdown .control-label {
        margin-right: 5px;
    }

    .procedure-price-dropdown.form-group.has-error {
        vertical-align: top !important;
        border: 0;
    }

.inclusions-exclusions-list .list-group {
    border-radius: 6px;
    margin-bottom: 0;
}

.inclusions-exclusions-list.has-error .list-group {
    border: 2px solid #a94442;
}

.inclusions-exclusions-list.has-success .list-group {
    border: 2px solid #3c763d;
}

.procedure-list.has-error {
    border: 2px solid #a94442;
}

.procedure-list.has-success {
    border: 2px solid #3c763d;
}

.inclusions-exclusions-list .list-group-item {
    padding: 5px 15px;
}

.radio-consultrequired {
    margin-top: 0;
    margin-left: 20px;
}

.step-number {
    padding-right: 10px;
}
/* ==========================================
   Inclusion/Exclusion Add/Edit/Remove
========================================== */

.inclusionExclusionDialog .modal-body {
    overflow-y: auto;
    max-height: 300px;
}

span.input-group-addon.unstyled {
    border-radius: 4px;
    border: 0;
    background-color: transparent;
    width: 36px;
}

div.form-group.white-row.inclExcl {
    padding: 0;
}

div.input-group.inclExcl {
    width: 100%;
}

div.commandButtons {
    text-align: right;
}

.modal-footer.inclusionExclusionSide2 {
    text-align: left !important;
}

/* ==========================================
   Provider Admin
========================================== */
#addProvider .btn-link {
    padding-right: 0;
}

#addProvider fieldset:not(:first-child) {
    margin-top: 20px;
}

.provider-return-to-list-link {
    position: relative;
    top: 10px;
}

#providerPhotograph .photo-container {
    min-width: 302px;
    min-height: 357px;
    border: #333333 solid 1px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    /* BEGIN CSS trick for enforcing 1:1 aspect ration of content*/
    #providerPhotograph .photo-container:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

#providerPhotograph .photo-preview-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/* END CSS trick for enforcing 1:1 aspect ration of content*/

#providerPhotograph .photo-preview {
    width: 100%;
    height: auto;
}

#providerPhotograph .photo-preview-none {
    text-align: center;
    margin-top: 180px;
}

#providerPhotograph .photo-upload-container {
    background-color: grey;
    width: 100%;
    height: 55px;
    font-size: 16px;
    color: #ffffff;
    text-decoration: underline;
    text-align: center;
    padding-top: 14px;
    margin: 0;
}

/* ==========================================
   Sticky footer Styles
========================================== */

html {
    position: relative;
    min-height: 100%;
    overflow-x: visible;
    overflow-y: visible;
}

body {
    /* If you change margin-bottom, also change height in footer below */
    margin-bottom: 60px;
    /*overflow-y: scroll;*/
}



/* ==========================================
   Forms
========================================== */

label small {
    color: #666;
    font-weight: normal;
}

.label-below-input {
    font-size: 9px;
    font-weight: bold !important;
    line-height: 1.5;
    display: inline-block;
}

.radio-group-label {
    font-weight: bold;
}

.requiredFieldsText {
    color: #FF0000;
}

label.required:after,
legend.required:after,
.legend.required:after {
    content: "*";
    color: #FF0000;
}

label.nobold {
    font-weight: normal;
}

input[type=checkbox] {
    margin-right: 5px;
}

select {
    -webkit-appearance: menulist-button !important;
    line-height: 30px;
}

fieldset > legend {
    margin-bottom: 5px !important;
}

.field-validation-error {
    color: #a94442;
}
/* ==========================================
   Miscellaneous
========================================== */

/* Set padding to keep content from hitting the edges */

.body-content {
    padding-top: 55px;
    margin-top: 65px;
    min-height: 600px;
    padding-bottom: 60px;
}

.pointer-cursor {
    cursor: pointer !important;
}

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

.line-separator {
    height: 1px;
    background: #717171;
    border-bottom: 1px solid #D6D6D8;
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn-link[disabled] {
    color: #777 !important;
    text-decoration: none;
    cursor: not-allowed;
}

input.login {
    max-width: none;
}

.glyphicon.glyphicon-ok-sign.large {
    font-size: large;
}

i.glyphicon.form-control-feedback {
    right: 20px;
    cursor: pointer !important;
}

.error {
    color: #a94442;
    font-weight: bold;
    margin-bottom: 15px;
}

.browser-compatibility {
    padding: 1em;
    background-color: yellow;
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    font-weight: bold;
}

.browser-compatibility-x {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    font-size: 20px;
}

.empty {
    color: #999999;
}

.tab-right-bordered {
    border-width: 0px;
}

    .tab-right-bordered .nav-tabs {
        border: none !important;
    }

    .tab-right-bordered .nav > li > a {
        padding: 10px 1px !important;
        border: none;
    }

    .tab-right-bordered .nav-tabs > li a:after {
        content: "|";
    }

    .tab-right-bordered .nav-tabs > li:last-child a:after {
        content: "";
    }

    .tab-right-bordered .nav-tabs > li > a:hover {
        background: none;
        padding: 5px;
        border: none !important;
    }

    .tab-right-bordered .nav-tabs > li.active > a,
    .tab-right-bordered .nav-tabs > li.active > a:hover,
    .tab-right-bordered .nav-tabs > li.active > a:focus {
        background: none;
        border: none;
    }

.center-div {
    margin-left: 40%;
    margin-top: 40%;
}

.datepicker .dropdown-menu .btn-sm,
.datepicker .dropdown-menu .btn-sm:hover {
    padding: 6px 12px !important;
    border-color: #ddd !important;
}

.datepicker .dropdown-menu .btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

    .datepicker .dropdown-menu .btn-default:hover,
    .datepicker .dropdown-menu .btn-default:focus,
    .datepicker .dropdown-menu .open .dropdown-toggle.btn-default {
        color: #333 !important;
        background-color: #ebebeb !important;
        border-color: #adadad !important;
    }

.datepicker .dropdown-menu .btn.active {
    color: #333 !important;
    border-color: #11A2A4 !important;
    background-color: #ebebeb !important;
}

.datepicker .dropdown-menu .btn.active {
    color: #333 !important;
    border-color: #0D7B8A !important;
    background-color: #fff !important;
}

/* apply bootstrap legend style to arbitrary elements, rather than use legend element incorrectly. */
.legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.procDeposit {
    display: block;
    width: 100%;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    margin-left: 31px;
}

.depositDisplay {
    min-width: 75px;
    min-height: 70px;
    height: 100%;
    margin-top: 0;
    font-size: 14px;
}

#deposit {
    padding-right: 10px;
}

.depositDisplay .depositLabel {
    font-size: 12px;
}

.depositDisplay .deposit {
    font-size: 20px;
}

.profileIcons {
    margin-left: -18px;
    padding-right: 0px;
}

#depositField {
    margin-left: 19px;
}

#percentage {
    margin-left: -20px;
    margin-top: 1px;
    font-size: 21px;
}

.incompleteTab {
    color: red;
}

/* ==========================================
   End Miscellaneous Styles
========================================== */

.sortorder:after {
    content: '\25b2';
}

.sortorder.reverse:after {
    content: '\25bc';
}

.sortable .sortorder {
    visibility: hidden;
}

.sortable:focus .sortorder,
.sortable:hover .sortorder,
.sortable.active .sortorder {
    visibility: visible !important;
}

/* ==========================================
   CareCenter Admin
========================================== */
#careCenterPhotos {
    /*background: #fff;*/
}

#careCenterForm {
    background: #fff;
}

#careCenterAdministration {
    background: #fff;
}

#careCenterPhotos .photo-upload-block {
    cursor: pointer;
    position: relative;
    border: #333333 solid 1px;
    overflow: hidden;
}

#careCenterPhotos .photo-container {
    cursor: pointer;
}


#careCenterPhotos .photo-preview-none {
    text-align: center;
    margin-top: 25%;
}

#careCenterPhotos .photo-upload-container {
    background-color: grey;
    width: 100%;
    height: 55px;
    font-size: 16px;
    color: #ffffff;
    text-decoration: underline;
    text-align: center;
    padding-top: 14px;
    margin: 0;
}

#careCenterPhotos .clear-photo-button {
    margin-right: 125px;
}

/* ==========================================
   FullCalealendar Styles
========================================== */

.bicc-bgevent {
    text-align: center !important;
    vertical-align: bottom !important;
    padding-bottom: 4px !important;
    opacity: 0.9 !important;
    font-size: 10px;
    line-height: 10px;
}

.bicc-pre-post-op-event {
    background-color: antiquewhite !important;
}

.fc-toolbar h2 {
    font-size: 16px;
}

.fc-toolbar {
    margin-bottom: 5px !important;
}

.fc-bg td {
    background-color: white;
}

.fc-widget-content.fc-today {
    background: white !important;
}

.fc-day-number.fc-today {
    background: none;
}


/* End calendar styles*/



.legal-links {
    color: #fd9f01 !important;
}

header#topHead a {
    padding-right: 5px !important;
}
/* MODAL STYLES */
.modal-close {
    color: #FD9F01 !important;
    font-size: 20px;
}

body.modal-open {
    width: 100%;
}

.modal-lg {
    width: 900px !important;
}

.termsAndPrivacyModal .modal-content {
    /*width: 900px;*/
}




.icon {
    width: 22px;
    height: 23px;
}

.loading {
    position: fixed;
    z-index: 2000000000;
    left: 40%;
    top: 40%;
}

ul.international-numbers li {
    line-height: 2em;
}
/***********************************************
   Search Result Page
***********************************************/
.bottomAlignedBtn {
    margin-top: 90%;
}

.photo-container {
    position: relative;
    overflow: hidden;
}

    .photo-container.photo-16-9:before {
        content: "";
        display: block;
        padding-top: 56.25%; /* 16:9 aspect ratio */
    }

    .photo-container.photo-3-2:before {
        content: "";
        display: block;
        padding-top: 57.67%; /* 3:2 aspect ratio */
    }

    .photo-container .photo-preview-container {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .photo-container .photo-preview {
        width: 94%;
        height: auto;
    }

/*Typeahead styles*/
.bicc-typeahead-wrapper .dropdown-menu > li > a:hover,
.bicc-typeahead-wrapper .dropdown-menu > .active > a,
.bicc-typeahead-wrapper .dropdown-menu > .active > a:hover,
.bicc-typeahead-wrapper .dropdown-menu > .active > a:focus {
    background: #5987dd !important;
}

.cc-dropdownmenu {
    min-width: 434px;
    padding-left: 8px;
}

.multi-column-dropdown {
    list-style: none;
    padding-left: 20px;
}

.filter-dropdown-button {
    margin: 3px 3px 0 0;
}

.rightsideborder {
    border-right: 1px solid #CCC;
}

.procedurenamehead {
    min-height: 42px;
}

    .procedurenamehead .btn i.fa,
    .procedurenamehead .btn i.fas {
        padding-right: 0px !important;
    }

.procedure-search-container input {
    border-radius: 0px !important;
    border-left: 0px;
    border-right: 0px;
    height: 40px;
    font-size: 13px;
}

.procedure-search-container .fa,
.procedure-search-container .fas {
    color: #999 !important;
}

.text-blue {
    color: #3c8ef2;
}

.btn-link {
    color: #337ab7 !important;
}
/*For fixing calendar overflow*/
#wrapper {
    overflow: auto;
}

#resultsSorting {
    width: 115px;
    float: left;
}

.addprocedurebutton {
    font-size: 25px;
    margin-right: 6px;
}

    .addprocedurebutton:hover {
        color: #699dff;
    }

.margin7 {
    margin: 8px;
}

.margin7-cc {
    margin: 8px;
    margin-top: -12px;
}

.bg-grey {
    background: #999999;
    color: #f7f9fa;
    min-height: 48px;
    font-size: 14px;
    border-right: 2px solid #FFF;
}

.bg-blue {
    background: #699dff;
    color: #FFF;
    min-height: 48px;
}


.procedure_font_size {
    font-size: 10px;
    color: #999;
}

.proc-info-procFee {
    margin: 10px;
}

.proc-info-head {
    margin-bottom: 15px;
}

.bg-blue-head {
    background: #699dff;
    color: #FFF;
}

    .bg-blue-head .proc-info-procFee {
        margin: 6px;
    }

.bg-grey-head {
    background: #999;
    color: #fff;
    border-right: 2px solid #FFF;
    min-height: 48px;
}

.bg-procedure-grey-head {
    background: #999;
    color: #fff;
}

    .bg-procedure-grey-head .proc-info-cntry-nme {
        margin: 6px;
    }

.bg-darkblue-head {
    background: #34495e;
    color: #FFF;
    border-right: 2px solid #FFF;
    min-height: 48px;
    padding: 10px 0px 10px 0px;
    font-size: large;
}

.bg-orange-head {
    background: #ffb606;
    color: #FFF;
    border-right: 2px solid #FFF;
    min-height: 48px;
    padding: 10px 0px 10px 0px;
    font-size: large;
}

.bg-green-head {
    background: #0aad53;
}

.bg-red-head {
    background: #ff4d44;
}

.proc-Name {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 6px;
    margin-left: 15px;
}

.spec-Name {
    color: #9C9696;
    margin-left: 15px;
    margin-top: 0px;
}

.admin-proc-list tr:hover {
    background: #eee;
}

.admin-proc-list thead tr:hover {
    background: #FFF !important;
}

.font-grey {
    color: #999;
}

.proc-info-cntry-nme {
    margin: 13px;
}

.vmiddle {
    vertical-align: middle !important;
}

.small-header .panel-body h2 {
    margin: 8px 0 0 0 !important;
}

.procedure-info-panel .carecenterinfoapanel {
    margin-bottom: 15px;
}

.footer {
    position: fixed !important;
}

footer.userpages {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 58px;
    background-color: #f5f5f5;
    margin-top: 30px;
    color: #87919F;
}

.userpages .footer-bar {
    background: #292f38;
    display: block;
    position: relative;
}

.font-white, .font-white a {
    color: #FFF;
}

.addprocedurebtn {
    width: 150px;
    margin-left: 10px;
}

.procedure-btn-container {
    min-height: 402px;
}

.proc-or {
    font-size: 16px;
    margin: 32px 0px 0px 0px;
    text-align: center;
}

.panal-specialty {
    margin-bottom: 0px !important;
}

.procedure-ad-btn {
    font-size: 25px;
}

    .procedure-ad-btn:hover {
        color: #699dff;
    }

.fixed-sidebar #menu {
    width: 190px !important;
}

.cc-head-countryname {
    font-weight: bold;
    margin-left: 1px;
    margin-top: 0px;
}

/*Payer - Admin */
.payer-proc-info-head {
    margin-bottom: 10px;
    font-size: 12px;
}

.dashbaord-sort-select {
    width: 130px;
    float: left;
}

.dashbaord-sortby-select {
    width: 200px;
    margin-left: 10px;
    float: left;
}

.border-none {
    border: 0px !important;
}

.payer-proc-info-prpricehead-text {
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.payer-proc-info-prprice-text {
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.payer-proc-info-prpricehead,
.proc-info-savingnwfeehead,
.proc-info-savingoutnwfeehead {
    font-size: 11px;
}

.payer-proc-info-prpricehead-value {
    font-size: 18pt;
    position: relative;
    min-height: 34px;
}

.payer-proc-info-prprice,
.proc-info-savingnwfee,
.proc-info-savingoutnwfee {
    font-size: 19px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.payerprocedure-border {
    border-bottom: 3px solid #689DFF !important;
}

.networkprice {
    width: 70% !important;
    /*border: none;*/
    padding: 0px 0px 5px 5px;
}

.network_outsid input {
    text-align: center;
    color: #0aad53;
    font-size: 20px;
    width: 91% !important;
    text-align: left;
}

.network_outsid p span {
    margin-left: 6em;
    font-size: 9px;
    color: #9C9696;
}

.network_outsid p {
    display: table-cell;
    border-right: 1px solid #ddd;
    line-height: 25px;
}

.payer-pr-nwpricepanel, payer-pr-head {
    margin-bottom: 10px !important;
}
/*Payer Care center check box styling*/
.circle-checkbox .icheckbox_square-green {
    background-position: -120px 0;
}

    .circle-checkbox .icheckbox_square-green.hover {
        background-position: -144px 0;
    }

    .circle-checkbox .icheckbox_square-green.checked {
        background-position: -168px 0;
    }

.payernwprice {
    font-size: 22px;
    color: #0AAD53;
    padding-bottom: 10px;
}

.hpanel.travelexpensepanel {
    margin-bottom: 5px !important;
}

.travelexpensepanel .panel-heading {
    padding: 3px 10px !important;
}

.display_per_page .m-b {
    margin-bottom: 5px;
}

/*Overriding rzslider color*/
.rzslider .rz-pointer {
    background-color: #699dff !important;
}

.rzslider .rz-bubble {
    font-size: 14px;
    font-weight: bold;
}


.cc-details .cc-Name {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 6px;
    color: #699dff;
}

.cc-time {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 6px;
    color: #636c82;
}

    .cc-time.cc-big-blue {
        color: #699dff;
    }

    .cc-time.cc-location {
        font-size: 20px;
        margin-top: 10px;
        color: #9C9696;
    }

    .cc-time.time-info {
        font-size: 13px;
        margin-top: 5px;
        color: #9C9696;
    }


.btn.infobtn {
    font-size: 32px;
    margin-top: 4px;
    width: 42px;
}

.cc-details .btn {
    margin-right: 8px;
}

    .cc-details .btn i.fa,
    .cc-details .btn i.fas {
        font-size: 16px;
        padding-right: 0px !important;
    }

    .cc-details .btn i.glyphicon {
        font-size: 16px;
        padding-right: 0px !important;
    }

.btn-grey {
    background-color: #3a4153;
    color: #FFF;
}

    .btn-grey:hover,
    .btn-grey:focus {
        color: #f6f6f6;
        background: #636c82;
    }

.cc-status-icon {
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px;
    color: #9c9c9c;
}

.cc-contact-head,
.cc-providerContent-head,
.cc-cases-content {
    color: #999;
    font-size: 10px;
    margin-bottom: 0px;
}

.cc-contact-content {
    font-size: 11px;
    color: #000;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.cc-details-panel .panel-body {
    min-height: 210px;
}

.cc-details-panel .panel-body-cc {
    min-height: 167px;
    background: #fff;
    border: 1px solid #e4e5e7;
    border-radius: 2px;
}

.cc-concierge-cases {
    margin-bottom: 10px !Important;
}

    .cc-concierge-cases .panel-body {
        padding: 12px 0px 0px 0px !important;
    }

.cc-provider-head,
.cc-cases-head {
    color: #999;
    font-size: 10px;
    font-weight: bold;
    margin: 10px;
}

.cc-providerCount,
.cc-procedureCount {
    color: #699dff;
    font-size: 40px;
}

.cc-cases-count {
    color: #699dff;
    margin-left: 10px;
    font-size: 25px;
}

.cc-summary-panel {
    margin-bottom: 10px !important;
}

.reset-password-bg-green {
    background-color: mediumseagreen !important;
    color: white !important;
    font-size: 13px;
    padding: 5px 12px;
}

.blue-border {
    border-bottom: 2px solid #3498db;
}

.breakword {
    word-wrap: break-word;
}

.biccadmin-users-heading {
    font-size: 20px;
    font-weight: 100;
}

.biccadminlist-left-container {
    margin-top: 18px;
}

.note-modal-form .checkbox label::before {
    border: none;
}

.note-modal-form .checkbox input[type="checkbox"] {
    opacity: 1;
    z-index: 1;
}

.biccdashboard-cc-carousel .carousel-control.left,
.biccdashboard-cc-carousel .carousel-control.right {
    background-image: none !important;
}


.nav-tabs-border-top {
    border-top: 1px solid #e4e5e7;
    border-bottom: none;
}

.cc-detailsHeader-panel {
    margin-bottom: 0px !important;
}

.cc-info-tabs {
    margin-left: 10px;
    width: 80%;
    border-bottom: 0px !important;
}

    .cc-info-tabs li a {
        border: 1px solid #ddd;
        border-top-left-radius: 0px;
        border-radius: 5px;
        color: #8a95a7;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .cc-info-tabs > li.active > a {
        border: 1px solid #ddd;
        border-top: 1px solid #FFF !important;
        border-bottom: 1px solid #ddd !Important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .cc-info-tabs > li a:hover {
        border: 1px solid #ddd !important;
        background: #FFF !important;
    }

.ccdetails-cc-Name {
    font-size: 20px;
    color: #000;
}

.cc-carousel-img {
    width: 100%;
    height: auto;
    max-height: 500px;
}

.panel_contactdetails {
    margin-bottom: 5px;
}

    .panel_description .panel-body,
    .panel_termsconditions .panel-body,
    .panel_centerofcarespecialnotes .panel-body,
    .panel_contactdetails .panel-body {
        overflow: hidden;
        overflow-wrap: break-word;
    }

.cc-profile-break-line {
    -ms-word-wrap: break-word;
}

/************************************
    BICC ADMIN CARE CENTER PROCEDURE
**************************************/

.proc-fee {
    padding: 5px 0 5px 0;
    font-size: large;
}

.proc-details {
    border: 2px solid grey !important;
    background-color: #fff;
}

.proc-details-info {
    padding-left: 20px;
    font-size: small;
    line-height: 0.7;
}

.proc-details-inclusions-exclusions {
    margin: 5px;
    background-color: #ffffff;
    padding: 10px;
}

.proc-details-provider-box {
    /* padding-bottom: 10px;*/
    border: 1px solid lightgrey;
    background-color: #fff;
    margin: 5px -9px;
    height: 174px;
    overflow: hidden;
}

.proc-details-providers {
    margin-top: 10px;
}

.hpanel .proc-details-header {
    margin-bottom: 0;
}

.proc-warning {
    color: #ffb606;
    font-size: large;
}

/************************************
    BICC ADMIN CARE CENTER PROVIDER
**************************************/
.prov-Name {
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 6px;
    font-weight: 300;
}

.proc-button-padding {
    padding: 2px 5px 2px 5px;
}

.hpanel .hblue5px {
    border-top: 5px solid #3498db;
}

.spec-word-break {
    word-break: break-word;
}

.prov-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.fa-warning:before, .fa-exclamation-triangle:before {
    color: orange;
}

.prov-image-medium {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

/* ==========================================
   FullCalendar Styles
========================================== */

.bicc-bgevent {
    text-align: center !important;
    vertical-align: bottom !important;
    padding-bottom: 4px !important;
    opacity: 0.9 !important;
    font-size: 10px;
    line-height: 10px;
}

.calendar-legend {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 15px;
}

.color-preop {
    background: #fd9f01;
}

.color-postop {
    background: #5987dd;
}

.color-procedure {
    background: #39b54a;
}

.color-procedure-not-available {
    background: #e9e9e9;
}

.color-available-for-procedure {
    background: #ffffff;
}

.fc-toolbar h2 {
    font-size: 20px;
}

.fc-toolbar {
    margin-bottom: 5px !important;
}

.fc-bg td {
    background-color: #fff;
}

.fc-widget-content.fc-today {
    background: #e9e9e9 !important;
}

.fc-day-number.fc-today {
    background: none;
}



.fc button .fc-icon {
    margin: 0;
}

.row.no-gutter [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td {
    border-color: #dddddd !important;
    opacity: 1 !important;
}

.bg-color-iscomplete {
    background-color: #f3d2c5;
}

.bg-blue-line {
    background: #699dff;
    color: #FFF;
    min-height: 2px;
}

.cc-summary-panel .hapenl {
    margin-bottom: 0px;
}

.btn-concierge-padding {
    padding-left: 3px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.selected-row {
    /*background-color: #f6f6f6;*/
    background-color: #eee;
}

.border-top-none {
    border-top: 0px !important;
}


/* ==========================================
   Procedure tab Styles
     ==========================================
*/

.availble-prov-btn {
    background-color: red;
    color: white;
    padding: 0px 0px !important;
    width: 23px !important;
    height: 23px !important;
    border-radius: 50%;
    margin-left: 8px;
}

.close-btn-icon {
    font-size: 17px;
}

.incomplete-profile-icon {
    font-size: 22px;
}

.margin-left20 {
    margin-left: 20px;
}

/* ==========================================
        Admin tab Styles
     ==========================================
*/

.admin-details-info {
    padding-left: 0px !important;
}

/*input:-webkit-autofill {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 0 0px 9999px white;
    background: #000;
}

    input:focus,
    input:-webkit-autofill:focus {
        border-color: #66afe9;
        -webkit-box-shadow: inset 0 0 0px 9999px white;
    }*/

.signup-over a:hover {
    text-decoration: underline;
}

/*Payer-Admin- Care Centers*/
/*----------------*/
.cc-payer-cases-number {
    color: #69a0ff;
    font-weight: 400;
    font-size: 18px;
}

.cc-payer-cases-date {
    font-weight: 300;
    font-size: 15px;
}

.cc-payer-cases-patient {
    color: #69a0ff;
    font-weight: 400;
    font-size: 12pt;
}

.cc-payer-word-break {
    word-break: break-word;
}

.cc-payer_font_size {
    font-size: 10px;
    color: #999;
}

.cc-payer-proc-name {
    font-size: 11px;
    color: #000;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.payer-panel {
    padding: 2px 5px !important;
}

.payer-panel-heading {
    padding: 2px 10px !important;
}

.payer-proc-info-border-color {
    border-top-color: #699dff !important;
    border-left-color: #699dff !important;
    border-right-color: #699dff !important;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

#button_network_edit {
    margin-right: -5px;
    padding: 1px 14px 1px 11px;
}

#button_outside_network_edit {
    margin-right: -5px;
    padding: 1px 14px 1px 11px;
}

#button_network_save:hover {
    color: white;
}

#button_outside_network_save:hover {
    color: white;
}

.networkprice:focus {
    color: #9C9696;
}

.span_network_price {
    color: #0aad53;
    font-size: 15px;
    padding-right: 8px;
    margin-top: 6px;
}

.editbtn {
    width: 165px;
}

.savebtn {
    width: 183px;
}

.edit_price {
    width: 100%;
    margin-right: 10px;
}

/*cc-payer*/
/*-------------*/
.infobtn-bg:active, .infobtn-bg.active {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/*cc-payer-profile*/
/*--------------*/
.cc-deposit {
    background-color: #3498db;
    color: white;
    min-width: 72px;
}

.cc-deposit-text {
    margin-left: 10px;
    margin-right: 10px;
}

/*Cases Styles*/
.cases-proc-fee {
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
}

/*payer- cases-tab*/
/*-----------------*/
.cc-payer-cases-patient-name {
    color: #69a0ff;
    font-size: 14px;
    font-weight: 400;
}

.cc-payer-case-procedure {
    font-size: 11px;
    color: #000;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.cc-payer-case-heading {
    padding: 10px 4px 0px 10px !important;
}

.font-blue,
.case-proc-name,
.cases-provider-name,
.concierge-task-list .showhideTasks i {
    color: #699dff;
}

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

.cc-payer-case-last-modified {
    font-size: 12px;
    color: #000;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.bg-grey-acco-head {
    background: #999999;
    color: #FFF;
    border-right: 2px solid #FFF;
    min-height: 55px;
}

.travel-head {
    min-height: 55px !important;
}

.cc-flight-name-head {
    font-size: 12px;
}

.cc-cases-head-content {
    font-size: 14px;
    font-weight: 600;
    color: #6b6565;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.cc-cases-sub-content {
    font-size: 12px;
    color: #514747;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.span_flight_time {
    font-size: 90% !important;
}

/* Add new COFC admin*/
/*-----------------*/
.cc-add-admin-head {
    margin-left: 20px;
    font-size: 22px;
    font-weight: 300;
    color: #777070;
}

.cc-add-admin-name {
    margin-left: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #777070;
}

.cc-add-admin-cofc-name {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #0e0d0d;
}

.cc-add-admin-btn {
    width: 150px;
    margin-left: 10px;
}

.cc-add-admin-custom-error {
    font-size: 14px;
    color: red;
    font-weight: 500;
}

/* Payer Tab */
/*------------*/

.payer-search-heading {
    margin-left: 10px;
    margin-bottom: 10px;
    color: #565252;
    font-size: 13px;
    font-weight: 700;
}

.payer-search-icon {
    margin: 10px 10px !important;
    color: #999999 !important;
}

.payer-details-text {
    font-size: 12px;
    color: black;
}

.payer-details-heading {
    font-size: 12px;
    color: #a1a5ab;
}

.payer-name {
    font-size: 23px;
    font-weight: 400;
}

.payer-search-box-name {
    color: #9a9a9a;
}

.payer-info-tabs {
    margin-top: -2px;
    margin-left: 10px;
    width: 80%;
    border-bottom: 0px !important;
}

    .payer-info-tabs li a {
        border: 1px solid #ddd;
        border-top-left-radius: 0px;
        border-radius: 5px;
        color: #8a95a7;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .payer-info-tabs > li.active > a {
        border: 1px solid #ddd;
        border-top: 1px solid #FFF !important;
        border-bottom: 1px solid #ddd !Important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .payer-info-tabs > li a:hover {
        border: 1px solid #ddd !important;
        background: #FFF !important;
    }

.payer-admin-name {
    color: #737171;
    font-weight: 400;
    font-size: 21px;
}

.payer-admin-small-heading {
    font-size: 12px;
    color: #a9a1a1;
    font-weight: 400;
}

.payer-admin-small-text {
    color: #0e0e0e;
    font-size: 12px;
    font-weight: 400;
    word-break: break-all;
}

.payer-admin-name-list {
    color: #4a4949;
    font-size: 21px;
    font-weight: 500;
}

.payer-admin-username {
    font-size: 13px;
    color: #4e4c4c;
    font-weight: 500;
}

.payer_textbox_margin {
    margin-left: 10px;
}

.payer-admin-margin {
    margin-bottom: 50px;
}

/*Concierge Cases*/
/*---------------*/

.cc-case-caseid {
    font-size: 18px;
    font-weight: 400;
    color: #12a6f1;
}

.cc-case-procedure-center {
    font-size: 12px;
    color: black;
    font-weight: 400;
}

.cc-case-casedate {
    font-size: 16px;
    color: #999e99;
    font-weight: 400;
}

.cc-case-requested {
    color: #e80e0e;
    font-weight: bold;
}

.cc-case-inProgress {
    color: #fbc600;
}

.cc-case-readytoBook {
    color: #12a6f1;
}

.cc-case-booked {
    color: #239e55;
}

.cc-case-canceled {
    color: #aba5a5;
}

.cc-case-completed {
    color: #171616;
}

.cc-case-icon-color {
    color: #f94f27 !important;
}

.cc-casedetails-caseid {
    font-size: 23px;
    font-weight: 400;
    color: #4c4444;
}

.cc-casedetails-status {
    font-size: 23px;
    font-weight: 400;
}

.cc-casedetails-date {
    font-size: 12px;
    color: #999;
}

.cc-casedetails-date-text {
    font-size: 12px;
    color: grey;
    color: #171616;
}

.cc-casedetails-btn-padding {
    padding: 0px 11px 0px 27px;
}

.cc-casedetails-btn {
    padding: 2px 17px 5px 19px;
}

.cc-casedetails-proc-name {
    color: #699dff;
    font-weight: 400;
}

.cc-casedetails-spec {
    font-size: 18px;
    color: #565050;
}

.cc-casedetails-proc-price {
    font-size: 25px;
}

.cc-casedetails-content {
    font-size: 11px;
    color: #000;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.cc-casedetails-contacts {
    font-size: 12px;
    margin-left: 0px;
    color: #999;
}

.cc_case_details_margin {
    margin-left: 15px;
}

.cc-margin-left15 {
    margin-left: 15px;
}

.cc-casedetails-address {
    margin-left: -7px;
    font-size: 17px;
}

.cc-casedetails-center-name {
    color: #699dff;
    font-weight: 400;
}

.cc-padding-top {
    padding-top: 22px;
}

.cc-casedetails-patient-name {
    color: #699dff;
    font-weight: 300;
}


.cc-casedetails-csn-padding {
    padding: 4px 20px 4px 20px;
}

.cc-casedetails-maplink {
    font-weight: 400;
    font-size: 16px;
    color: #3498DB;
    text-decoration: underline;
}

.cc-casedetails-hotel-name {
    font-size: 22px;
    font-weight: 400;
    color: #699dff;
    word-wrap: break-word;
    word-break: break-all;
}

.cc-case-requested-bg {
    color: white;
    background-color: #e80e0e;
    padding-left: 8px;
    padding-right: 8px;
}

.cc-case-inProgress-bg {
    color: white;
    background-color: #fbc600;
    padding-left: 8px;
    padding-right: 8px;
}

.cc-case-readytoBook-bg {
    color: white;
    background-color: #12a6f1;
    padding-left: 4px;
    padding-right: 4px;
}

.cc-case-booked-bg {
    color: white;
    background-color: #239e55;
    padding-left: 8px;
    padding-right: 8px;
}

.cc-case-canceled-bg {
    color: white;
    background-color: #aba5a5;
    padding-left: 8px;
    padding-right: 8px;
}

.cc-case-completed-bg {
    color: white;
    background-color: #171616;
    padding-left: 8px;
    padding-right: 8px;
}

.inclusionExclusionDialog .modal-footer {
    margin-top: 0px !important;
}

.clearfix {
    clear: both;
}

.cc_center_name {
    color: #699dff !important;
    font-weight: 100 !important;
}

    .cc_center_name a {
        color: #699dff !important;
        text-decoration: none;
    }

.cc_center_details {
    border-radius: 0px !important;
}

.cc_patient_Name {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 6px;
}

.cc-case-procedure-name {
    font-size: 15px;
    font-weight: 400;
}

.cc-case-status {
    font-size: 15px;
    font-weight: 400;
    color: #999;
}

.cc-button-drp {
    width: 100px;
}

.cc-dropdown-container {
    min-width: 120px !important;
}

/*Message Center*/
.dashboard-messagecenter a {
    cursor: pointer;
    color: #34495e;
}

.email-compose .panel-footer {
    color: inherit;
    border: 1px solid #e4e5e7;
    border-top: none;
    font-size: 90%;
    background: #f7f9fa;
    padding: 10px 15px;
}

#messageForm:not(.ng-submitted) tags-input .tags {
    /* if form is not submitted, don't show validation styles */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border: 1px solid #ccc;
}

.message-center-full-width {
    width: 100%;
    float: left;
}

.message-center-padding {
    padding: 0px;
    text-align: center;
}

.cc-trips-details {
    margin-left: -17px;
}

.cc-trips-hr {
    margin-left: -36px;
    margin-right: -34px;
}

.cc-trips-direction {
    margin-top: 5px;
    margin-left: -13px;
}

.cc-trips-traveler {
    margin-left: -15px;
    margin-top: 0px;
    margin-right: -178px;
}

.cc-trips-person {
    margin-left: -3px;
    margin-top: 5px;
}

.cc-hotels-direction {
    margin-top: 2px;
    margin-left: -13px;
}

.cc-hotels {
    margin-left: -3px;
    margin-top: 5px;
    margin-right: -178px;
}

.covered-cost-panel {
    color: #000;
    padding: 10px !important;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#paymentSummary i.fa,
#paymentSummary i.fas {
    font-size: 23px;
    color: #FD9F01;
    display: block;
    margin-top: -20px;
    margin-left: 16px;
}

#paymentSummary .index {
    font-size: 15px;
    color: #FD9F01;
}

.cost_calc_ProcHead,
.cost-calc-price,
.cost_calc_travelTotal,
.cost_calc_accmTotal,
.cost_calc_travelTotal_amt,
.cost_calc_accmTotal_amt {
    font-size: 11pt;
    line-height: 15pt;
    font-weight: 600;
}

.cost_calc_ProcNme {
    font-size: 9pt;
    margin-top: -6px;
}

.cost_calc_sec_header {
    font-size: 16px;
}

.cost-text {
    color: #0dad53;
}

.cost-text-red {
    color: red;
}

.cost-summ {
    margin-left: 30px;
    margin-right: 31px;
}

/*.step-two-price {
    font-size: 16px;
}*/

/*.cost-calc-head {
    font-size: 18px;
    padding: 15px 0;
}

.cost_calc {
    font-size: 11pt;
    margin-left: 12px;
}*/

.totalduenow-panel {
    background-color: #fd9f01;
    color: white;
    padding: 10px !important;
    font-size: 12pt;
}

.flightsearchHeadingContainer {
    height: 70px;
    max-height: 70px;
}

#buildPackage .buildPackageStepHeading,
#buildPackage .buildPackageStepHeadingContainer {
    height: 70px;
    max-height: 70px;
}

#buildPackage .panel-primary > .panel-heading {
    background: #3A4153;
    width: 100%;
    color: #FFF;
    padding: 0;
    clear: both;
    overflow: hidden;
}

#buildPackage .panel-primary.disabled > .panel-heading {
    background: #eee;
    color: #000;
}

.buildPackageStepHeadingContainer .step-heading,
.buildPackageStepHeadingContainer .step-one-selected-provider,
.buildPackageStepHeadingContainer .step-one-selected-dates,
.buildPackageStepHeadingContainer .step-two-details,
.buildPackageStepHeadingContainer .step-three-details,
.buildPackageStepHeadingContainer .green-checkmark-container {
    display: table-cell;
    vertical-align: middle;
}

.builpkg-hotel-divider-container {
    float: left;
    width: 7px;
    text-align: center;
    margin-top: 26px;
}

    .builpkg-hotel-divider-container img {
        height: 24px;
    }

.buildPackageStepHeadingContainer .step-number {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 37px;
    border-radius: 50%;
    color: #FFF;
    border: 2px solid #FFF;
    background-color: transparent;
    vertical-align: middle;
    text-align: center;
    font-size: 25px;
    margin: 0px;
    padding: 0;
}

.buildPackageStepHeadingContainer .step-heading-text {
    font-size: 25px !important;
    font-weight: 300;
}

.departingFlightBanner {
    background: #DEEFE6;
    padding: 0 10px;
}

.select-room-btn {
    background: none !important;
    font-size: 10px;
}

.hotel-search .price {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}

.buildPackageStepTwoSummaryFlightDetail .step-two-left-sidebar-text {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    top: 55%;
    white-space: nowrap;
    width: 100%;
}

.buildPackageStepTwoSummaryFlightDetail .step-two-left-sidebar {
    background-color: #d3d3d3;
    width: 4%;
    padding-left: 0;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.itinerary {
    background: #FFF;
    border: 2px solid #eee;
    padding: 15px;
}

.buildPackageStepBody .inner-addon > .fa,
.buildPackageStepBody .inner-addon > .fas,
.buildPackageStepBody .inner-addon > .far,
.buildPackageStepBody .inner-addon > .icon,
.buildPackageStepBody .inner-addon > .icon-sm {
    margin: 10px;
}

.buildpkg-step3-hotelicon-number-container {
    margin-top: 30px;
    font-size: 11pt;
}

    .buildpkg-step3-hotelicon-number-container i.fa,
    .buildpkg-step3-hotelicon-number-container i.fas {
        font-size: 23px;
        color: #FD9F01;
        float: left;
        margin-left: 4px;
    }

.itinerary {
    background: #FFF;
    border: 2px solid #eee;
    padding: 15px;
}

.cc-book-hotel-result {
    margin-left: 173px;
}

.homepgdts[readonly],
.flghtdeptdt[readonly],
.flghtreturndt[readonly],
.hotelseldt[readonly] {
    background: #FFF;
}

.soultion-thumb-container {
    cursor: pointer;
}

.cc-book-confirmation {
    border-right: 1px solid #e4e5e7;
    border-top: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
}

.recpt-flghtDeptConatiner,
.recpt-retrnflghtDeptConatiner {
    margin: 0px 10px 0px 0px;
}

.recpt-flghtDivider,
.recpt-retrnflghtDivider {
    width: 25px;
    height: 29px;
    float: left;
    margin-top: 10px;
}

    .recpt-flghtDivider img,
    .recpt-retrnflghtDivider img {
        width: 25px;
        height: 30px;
    }

.receipt-proc-summary {
    border: 1px solid #292B40;
    background-color: #FFF;
    padding: 20px 0px;
}

.receipt-prov-summary,
.receipt-travel-summary,
.receipt-accm-summary,
.recpt-paySummary {
    border: 1px solid #bbb;
    background-color: #FFF;
    position: relative;
}

.receipt-travel-summary,
.receipt-accm-summary,
.recpt-paySummary {
    padding-top: 20px;
    padding-bottom: 20px;
}

.recpt-paySummary {
    min-height: 213px;
}

.receipt-proc-Name,
.receipt-prov-name,
.receipt-travel {
    font-size: 20px;
    font-weight: 100;
}

.receipt-proc-Name {
    margin: 10px 0px;
}

.receipt-cc-Name,
.pkg-edit-cc-name {
    font-size: 20px;
    color: #699dff;
}

.receipt-cost-panel {
    background-color: #e6e6e6;
    color: black;
    padding: 10px !important;
}

.receipt-plan-cost {
    background-color: #e6e6e6;
    color: black;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.receipt-div-header {
    font-weight: 600;
    color: black;
    padding: 10px !important;
    font-size: 17px;
}

.receipt-total-paid {
    color: #000;
    clear: both;
    bottom: 0px;
    width: 100%;
    font-weight: 600;
}

.rcpt_prc_dt,
.rcpt_prcdure_dt {
    font-size: 10pt;
    font-weight: 400;
}

.rcpt_prcdure_dt {
    font-weight: 600;
}

.recptPg.dates-container .datesdivider {
    margin-top: 15px;
}

.receipt-proc-summary hr {
    margin: 0px;
}

.recpt_panel {
    border: 1px solid #bbb;
    background-color: #FFF;
}

.recpt_cost_summary {
    min-height: 289px;
    position: relative;
}

.receipt-cost-panel {
    background-color: #e6e6e6;
    color: black;
    padding: 10px !important;
    clear: both;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.cvd-receipt-cost-panel {
    background-color: #e6e6e6;
    color: black;
    padding: 10px !important;
    clear: both;
}

.recpt-flghtArrvConatiner,
.recpt-flghtDeptConatiner,
.recpt-flghtDurtnConatiner,
.recpt-retrnflghtArrvConatiner,
.recpt-retrnflghtDeptConatiner,
.recpt-retrnflghtDurtnConatiner {
    float: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
}

.recpt-flghtDeptConatiner,
.recpt-retrnflghtDeptConatiner {
    margin: 0px 10px 0px 0px;
    width: 110px;
}

.recpt-flghtArrvConatiner,
.recpt-flghtDurtnConatiner,
.recpt-retrnflghtArrvConatiner,
.recpt-retrnflghtDurtnConatiner {
    margin: 0px 0px 0px 12px;
    max-width: 124px;
}

.recpt-flghtDivider,
.recpt-retrnflghtDivider {
    width: 25px;
    height: 29px;
    float: left;
    margin-top: 10px;
}

    .recpt-flghtDivider img,
    .recpt-retrnflghtDivider img {
        width: 25px;
        height: 30px;
    }

.recpt-trvSummaryHead,
.recpt-accmSummaryHead {
    text-align: center;
    font-size: 12pt;
    font-weight: 600;
    margin: 10px 0px;
}

.recpt-travSsummBagInfo,
.recpt-payTermsConditions {
    margin: 10px 0px;
    font-size: 12px;
    line-height: 1.3;
}

.recpt-accSummPanel {
    padding-bottom: 10px;
}

.rcpt_payIcon {
    color: #FD9F01;
    font-size: 20px;
}

.rcpt_prc_plusIcon {
    width: 20px;
    height: 20px;
    margin: 13px;
}

.rcpt-pay-summPanel {
    padding-top: 10px;
}


#mypackages-header {
    background: #3a4153;
    margin-left: -223px;
    margin-right: -193px;
    height: 68px;
}

#mypackages-nav {
    padding-left: 217px;
    width: 578px;
}

.mypackages-country {
    color: #909090;
    font-size: 10pt;
    font-weight: 400;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: #3a4153;
    color: #fff;
}

.packages-dashboard {
    min-height: 380px;
    margin-bottom: 20px;
    /* line-height: 1.42857143; */
    background-color: #fff;
    border: 1px solid #ddd;
}

.packages-cost-panel {
    background-color: #3A4153;
    color: white;
    padding: 10px !important;
}

.selectedProviderName {
    font-size: 11pt;
    font-weight: 700;
    text-overflow: ellipsis;
    word-break: break-word;
    margin: 25px 6px;
    overflow: hidden;
}

.bookstep1SelectedProviderImage .step-one-provider-selected-image {
    width: 55px;
    float: left;
    margin-top: 15px;
}

.datesdivider {
    width: 10px;
    float: left;
    margin: 5px 0px;
}

    .datesdivider img {
        margin-top: 25px;
    }

.dates-container {
    float: left;
}

.buildPkg-selProvider-dateContainer, .recptPg-dateContainer {
    float: left;
    text-align: center;
    font-weight: 700;
    font-size: 11pt;
    line-height: 1.5;
    margin: 20px 10px;
}

.step1-title {
    color: rgb(144, 144, 144);
    margin-bottom: 10px;
    font-size: 10pt;
    font-weight: 400;
    padding-top: 10px;
}

.buildPkg-selProvider-dateContainer, .recptPg-dateContainer {
    float: left;
    text-align: center;
    font-weight: 700;
    font-size: 11pt;
    line-height: 1.5;
    margin: 20px 10px;
}

.package-receipt .error-summary {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.bookstep1SelectedProviderImage {
    float: left;
    margin: 0px 30px 0px 0px;
    padding: 0px 12px;
}

.buildpkg-sumaryCalculationContainer {
    border: 1px solid #3a4153;
    width: 100%;
    overflow: hidden;
    padding-bottom: 12px;
}

.buildpkg-chargesDueContainer {
    border: 1px solid #fd9f01;
    width: 100%;
    float: right;
    overflow: hidden;
    padding-bottom: 12px;
}

.receipt-hotel-divider-container {
    float: left;
    width: 7px;
    text-align: center;
    margin-top: 26px;
    margin-left: 20px;
    margin-right: 20px;
}

    .receipt-hotel-divider-container img {
        height: 24px;
    }

.builpkg-step3-date, .receipt-step3-date, .receipt-step3-time {
    font-size: 9pt;
    font-weight: 700;
    line-height: 2;
}

.receipt-step3-hotel-checkin {
    font-size: 8pt;
    line-height: 12pt;
    float: left;
    width: 74px;
}

.buildpkg-step2-flghticon-number-container i.fa,
.buildpkg-step2-flghticon-number-container i.fas {
    font-size: 23px;
    color: #FD9F01;
    float: left;
    margin-left: 4px;
}

.cost_calc {
    font-size: 15px;
}

.cost-panel-cc {
    background-color: #3A4153;
    color: white;
    padding: 10px !important;
    margin-left: -5px;
    margin-right: -5px;
}



.covered-cost-cc {
    background-color: #0dad53;
    color: white;
    padding: 10px !important;
    margin-left: -5px;
    margin-right: -5px;
}

.totalduenow-panel-cc {
    background-color: #fd9f01;
    color: white;
    padding: 10px !important;
    font-size: 12pt;
}

.concierge-flightSearch input.form-control,
.concierge-hotelSearch input.form-control {
    display: block;
    width: 100%;
    height: 34px !important;
    padding: 6px 27px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555;
}

.concierge-flightSearch select.input-lg,
.concierge-hotelSearch select.input-lg {
    display: block;
    width: 100%;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555;
}

.chkInChkout-label {
    float: left;
}

.buildpkg-sumaryCalculationCoveredContainer {
    border: 1px solid #ddd;
    border-bottom: 0px;
    width: 375px;
    float: right;
    overflow: hidden;
    background: #FFF;
}

.cost-calc-prcTrvAccContainer, .mob-cost-calc-prcTrvAccContainer {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 375px;
    float: right;
    overflow: hidden;
    background: #FFF;
    padding: 10px 0px;
}

.cost-calc-prcTrvAccContainer, .covered-costbtn-panel,
.covered-cost-panel, .cost-calc-headerContainer,
.cost_calc_nonCvdBtnPkgContainer,
.buildPkg-ccInfo-header-container,
.buildpkg-sumaryCalculationCoveredContainer {
    width: 100%;
}

.cost-panel {
    padding: 10px !important;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
}

.cost_calc_planKeepAmtContainer {
    padding: 15px 10px !important;
    border: 1px solid #ddd;
    border-top: none;
    background: #f7f7f7;
}

.panel-cost-summary .cost-calc-prcTrvAccContainer,
.panel-cost-summary .mob-cost-calc-prcTrvAccContainer {
    border-left: none;
    border-right: none;
}

.panel-cost-summary .cost_calc_planKeepAmtContainer {
    border: none;
}

.cost_calc_totalAmt,
.cost_calc_planPayAmt {
    font-size: 11pt;
    font-weight: 400;
}

.hotelDetails .section-header {
    background: #999;
    color: #FFF;
}

    .hotelDetails .section-header button {
        background-color: transparent;
    }

.hotelModal-hotelName {
    font-size: 16px;
    font-weight: 600;
}

.hotelModal-checkinoutDates {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.skipHead-container {
    background: #999;
    font-size: 20px;
    padding: 8px 0px;
    text-align: center;
    color: #FFF;
    font-weight: 300;
    margin: 10px 0px;
}

.rcpt_pkg_procDateHead {
    margin-top: 6px;
    font-size: 14px;
}

.rcpt_pkg_caseNoHead {
    margin-top: 0px;
    font-size: 14px;
}

.rcpt_pag_stateHead {
    color: #999;
    font-size: 22pt;
    font-weight: 300;
}

    .rcpt_pag_stateHead .rcpt_pkg_status {
        color: #6a6c6f;
    }

.ed_pkg_caseNo {
    color: #000;
    font-size: 16px;
}

.rcpt-hdrProcName {
    color: #000;
}

/*Payer Dashboard*/
.payer-dashStat-panel {
    text-align: center;
    margin: 0 auto;
    padding: 30px;
}

    .payer-dashStat-panel.blue {
        background: #699DFF;
        color: #FFF;
    }

    .payer-dashStat-panel h4 {
        font-size: 13px;
        font-weight: 300;
        color: #FFF;
    }

.payerDashBoardStat {
    text-align: center;
    font-size: 25pt;
    font-weight: 300;
}

.legend-container {
    margin: 20px;
    padding-top: 20px;
}

.grpahContainer {
    margin: 0 auto;
    margin: 0 auto;
    text-align: center;
}

.legend-label {
    max-width: 75px;
    min-width: 60px;
    display: block;
    float: left;
}

.legend-data {
    font-weight: 600;
}

.legend-row {
    margin-bottom: 7px;
    display: block;
}

.legend-title {
    color: #999;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 10px;
}

.genderStats {
    text-align: center;
    font-size: 12px;
    margin-top: 50px;
}

.genderStats-row {
    margin: 20px 0px;
}

.genderStats-title {
    color: #999;
    font-size: 11px;
    font-weight: 600;
}

.genderStats-count {
    font-size: 30px;
    text-align: center;
    font-weight: 300;
}

.blue-text {
    color: #699DFF;
}

.legend-colorbox {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
}

.ccPatientDob {
    margin-top: 23px;
}

.validationMessage {
    color: #FF4D44;
}

/*Tasks Navigation*/
.cc-task-open-bg {
    color: #FFF;
    background-color: #555;
    padding: 0 8px;
    min-width: 33px;
}

.cc-task-dueToday-bg {
    color: #FFF;
    background-color: #fd9f01;
    padding: 0 8px;
    min-width: 33px;
}

.cc-task-pastDue-bg {
    color: #FFF;
    background-color: #ff4d44;
    padding: 0 8px;
    min-width: 33px;
}

#taskDetailsHeader {
    font-size: 20px;
}

.taskDetailsTab-CaseNo {
    color: #699dff;
}

taskDetailsTab-CaseStatus {
    color: #555;
}

#taskDetailsTab .nav-tabs {
    border-bottom: none;
    margin-left: 30px;
}

    #taskDetailsTab .nav-tabs > li.active > a,
    #taskDetailsTab .nav-tabs > li.active > a:hover,
    #taskDetailsTab .nav-tabs > li.active > a:focus {
        border-top-color: transparent;
        border-bottom: 1px solid #e4e5e7;
    }

    #taskDetailsTab .nav-tabs > li > a {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-color: transparent;
        margin-right: 0px;
        border: 1px solid #e4e5e7;
        color: #555;
    }

.parentTask .label {
    color: #699dff;
    font-size: 13px;
    font-weight: 600;
}

.task-panel-body {
    border: 1px solid #e4e5e7 !important;
    border-top: 1px solid #e4e5e7;
}

.task-info-bar {
    display: inline;
}

.task-duedate,
.task-user,
.task-tools {
    display: inline-block;
}

.task-duedate,
.task-user {
    color: #999;
    font-size: 12px;
    font-style: italic;
}

.task-duedate {
    margin-left: 12px;
}

.task-user {
    margin-right: 12px;
}

.task-tools .btn-sm {
    padding: 1px 5px;
}

.task-tool .btn i.fa,
.task-tool .btn i.fas {
    padding-right: 2px;
}

.subTaskList {
    margin-top: 12px;
    margin-bottom: 12px;
}

    .subTaskList li {
        margin-top: 12px;
    }

        .subTaskList li label {
            font-size: 12px;
            font-weight: normal;
            color: #000 !important;
        }

.subtaskEditPanel {
    margin-top: 10px;
    border-radius: 5px;
    border: 1px dashed #a7a7a7;
    padding: 20px 10px;
}

.btn-addNewSubTask {
    padding: 4px 40px;
    margin-top: 10px;
}

.subTaskListContainer {
    margin-left: 50px;
    list-style: none;
}

.dueDateYellowText {
    color: #fd9f01;
}

.dueDateRedText {
    color: #ff4d44;
}


.btn-removeDiscussion {
    margin-right: 31px;
}

.commentsDiscussions {
    margin-top: 35px;
    margin-left: 16px;
}

.charactersDiscussion {
    margin-right: 22px;
}

.commentsUser {
    font-weight: 800;
}

.commentsText {
    margin-left: 45px;
    font-style: italic;
}

.hrSize {
    border-bottom: 1px solid;
}

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

    .bicctasklist li {
        list-style: none;
        min-height: 25px;
    }

.taskaddEditCheckBox label {
    font-weight: normal;
    color: #666;
}

.activeEditTaskList {
    color: #999;
}

.tasklist-caseNumber,
.tasklist-caseNumber i {
    color: #699dff;
}

.subTaskListContainer label {
    font-weight: normal;
}

.taskDetails-subtaskList .parentTaskList {
    margin-left: 50px;
}

.taskDetails-subtaskList .subTaskListContainer {
    margin-left: 100px;
}

.taskCompletedDt {
    color: #999;
}

.activityLog-border-top {
    border-top: 1px solid grey;
}

.activityLog-Log {
    margin-left: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.activityLog-LoggedTime {
    color: #999;
}

.activityLog-LoggedUser {
    color: black;
    font-weight: 600;
}

.activityLog-Desc {
    color: orange;
    font-style: italic;
}

.activityLog-TaskName {
    color: black;
    font-style: italic;
    font-weight: 500;
}

.activityLog-Filter {
    margin-top: 6px;
    font-weight: 600;
}

.activityLog-Date {
    margin-top: 6px;
}

.activityLog-DateFrom {
    margin-left: -4px;
}

.activityLog-DateTo {
    margin-left: -63px;
    margin-top: 6px;
}

.activityLog-Date2 {
    margin-left: -40px;
}

.activityLog-User {
    margin-left: -52px;
    margin-top: 6px;
}

.activityLog-UserType {
    margin-left: -30px;
    margin-top: 6px;
}

.activityLog-button {
    background-color: gray;
    color: #fff;
}

.activityLog-AssignedUser {
    color: #999;
    font-style: italic;
}

.provider-details-CCName {
    color: #699dff;
    font-weight: 400;
    font-size: 18px;
}

.provider-details-CCCountryName {
    font-size: 13px;
}

#side-menu li.active a {
    color: #000;
    border-left: 6px solid #699dff;
    padding-left: 14px;
}

#side-menu li.active ul li a {
    border-left: 6px solid #999;
    padding-left: 24px;
}

#side-menu li .nav-second-level li.active a,
#side-menu li .nav-second-level li:hover a {
    border-left: 6px solid #3a4153;
    padding-left: 24px;
    color: #000;
}
/*Receipt new style*/
.package-receipt h4 {
    font-weight: 600;
}

.recptPg-dateContainer {
    float: left;
    margin: 10px 50px 10px 0px;
    text-align: center;
    font-weight: 700;
    font-size: 11pt;
    line-height: 1.5;
}

.rcpt-margin-left50 {
    margin-left: 50px;
}

.receipt-cc-Name {
    font-size: 14px;
    color: #000;
}

.receipt-procedure,
.receipt-provider,
.receipt-carecenter {
    clear: both;
    display: block;
}

.receipt-proc-summary hr,
.receipt-travel-summary hr,
.receipt-accm-summary hr,
.receipt-prov-summary hr,
.recpt-paySummary hr {
    margin: 15px 0px;
    border-top: 1px dashed #555;
}

.package-receipt .bldPkgCstandBtnContainer {
    width: 100%;
}

.package-receipt .cost-calc-prcTrvAccContainer,
.package-receipt .covered-costbtn-panel,
.package-receipt .covered-cost-panel,
.package-receipt .cost-calc-headerContainer,
.package-receipt .cost_calc_nonCvdBtnPkgContainer,
.package-receipt .buildPkg-ccInfo-header-container,
.package-receipt .buildpkg-sumaryCalculationCoveredContainer {
    width: 100% !important;
    background-color: #FFF;
}

.package-receipt .buildpkg-sumaryCalculationCoveredContainer {
    border: 1px solid #bbb;
    border-bottom: 0px;
    float: right;
    overflow: hidden;
    background: #FFF;
}

.package-receipt .covered-cost-panel,
.package-receipt .mob-covered-cost-panel {
    background-color: #FFF;
    color: #000;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    padding: 10px !important;
}

.package-receipt .cost-calc-prcTrvAccContainer,
.package-receipt .mob-cost-calc-prcTrvAccContainer {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    float: right;
    overflow: hidden;
    background: #FFF;
    padding: 10px 0px 0px 0px;
}

.package-receipt .cost_calc_planKeepAmtContainer {
    padding: 0px 10px 8px 10px !important;
    border: 1px solid #bbb;
    border-top: none;
    background: transparent;
}

.package-receipt .cost-panel {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #000;
    padding: 10px !important;
    background-color: #FFF;
}

.package-receipt .covered-cost-panel hr,
.package-receipt .covered-costbtn-panel hr {
    margin: 10px 15px;
    border-top: 1px dashed #555 !important;
}

.package-receipt .cost-calc-prcTrvAccContainer hr {
    margin: 10px 25px;
    border-top: 1px dashed #555 !important;
}

.package-receipt .cost-calc-headerContainer {
    background: #FFF !important;
}

.package-receipt .bldPkgCstandBtnContainer {
    margin-top: -10px;
}

.rcpt_pag_stateHead {
    color: #000;
    font-size: 16px;
}

.rcpt_pkg_procDateHead {
    margin-top: 0px;
}

.receipt-prov-summary {
    padding: 20px 10px;
}

/*Non covered package*/

.package-receipt .buildpkg-sumaryCalculationContainer {
    border: 1px solid #bbb;
    width: 100%;
    float: right;
    overflow: hidden;
    padding-bottom: 12px;
}

.package-receipt .cost_calc_nonCvdBtnPkgContainer .cost-panel {
    border-bottom: 1px solid #bbb;
}

.recptPg-dateContainer .step1-title {
    color: #000;
    font-weight: 600;
}

.receipt-travAcc-border .receipt-div-header {
    border: 1px solid #bbb;
}

.nonCovered.buildpkg-sumaryCalculationContainer {
    border: 1px solid #bbb;
    border-bottom: none;
    background: #FFF;
}

.receipt-total-paid .cost_calc_totalAmt {
    font-weight: 600;
}

.booked-text-proc {
    margin-left: -19px;
    color: #00A600;
}

.hotel-amenities {
    padding: 0 5px;
    vertical-align: middle;
    font-size: 11px;
}

.hotel-amenities-main {
    float: left;
}

.hotel-amentities-display {
    margin: 2px 0;
    float: left;
}

.hotel-details {
    font-size: 13px;
}

.hotel-sortby {
    border-bottom: 1px solid;
    border-color: #d6d6d6;
}

.hotel-dropdown-sort {
    background-color: #fd9f01;
    color: #fff;
    height: 31px;
}

.remove-filter {
    background: #fd9f01;
    border: 1px solid lightgray;
    color: #fff;
}

    .remove-filter i {
        padding-left: 0px;
        color: #fff;
        font-size: 1.5em;
    }

.amenities-hotel {
    padding-right: 0px;
    margin-right: -21px;
}

.hotel-results-header-return {
    margin-top: 20px;
}

.hotel-results-header-return-text {
    color: #fff;
}

.hotel-results-header-home-icon {
    margin-top: 16px;
    font-size: 11pt;
}

    .hotel-results-header-home-icon i.fa,
    .hotel-results-header-home-icon i.fas {
        font-size: 34px;
        color: #FD9F01;
        float: left;
        margin-left: 4px;
    }

.hotel-results-header-checkin {
    font-size: 11pt;
    line-height: 11pt;
    float: left;
    width: 100px;
    margin: 15px 25px;
}

.hotel-results-header-date {
    font-size: 10pt;
    font-weight: 700;
    line-height: 2;
}

.hotel-results-header-guests {
    margin-left: -17px;
    width: 79px;
    margin-top: 11px;
    font-size: 10pt;
}

.hotel-description-modal-pic {
    display: table-cell;
    width: 520px !important;
    text-align: center;
    vertical-align: middle;
}

.hotel-desc {
    height: 435px !important;
    overflow-y: auto;
}

.section-header {
    color: white;
    background-color: #3a4153;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-left: -4px;
}


.hotel-results-header-destination {
    float: left;
    margin-left: 17px;
    width: 204px;
    margin-top: 18px;
    font-size: 11pt;
}

.hotel-results-chooseroom {
    margin-left: 18px;
}

.hotel-results-checkin-header {
    margin-right: -26px;
    /*margin-left: 85px;*/
}

.hotel-modal-see-more {
    background: #3a4153 !important;
    color: #fff !important;
}

/*Payer - Slider-Accommodation,Perdiem*/
.rzPerDiemSlider {
    float: left;
    width: 75%;
    margin: 0px 10px;
}

.payer-rzSliderContainer .rzslider {
    margin: 17px 0 15px 0 !important;
}

.rzSliderIncButon {
    float: left;
    width: 29px;
    height: 30px;
    padding: 6px 8px;
}

.payer-rzSliderContainer {
    margin: 15px 0px;
}

.addPayerCOFC {
    float: right;
    margin-top: 27px;
    margin-right: 1px;
}

.addbtn-circle {
    margin-left: 1px;
    padding: 2px 0 !important;
    width: 31px !important;
}

.addbtn-icon {
    width: 25px;
    border-radius: 50%;
}

.deletePayer-icon {
    color: red;
}



/*Carecenter -Procedure - Available payer*/
.availablepayerHeadRow {
    font-size: 12px;
    font-weight: 600;
}

.availablePayerRow {
    background: #eee;
    padding: 5px 0px;
    margin: 10px 0px;
    border-radius: 2px;
}

#administrationDeposit {
    border-bottom: 1px solid #e5e5e5;
    height: 110px;
}

.activityLogUserName {
    margin-right: -23px;
}

.activityLogUserNameLabel {
    margin-left: -33px;
    margin-top: 6px;
}

.activityLogChangedValues {
    color: black;
    font-style: italic;
    font-weight: 500;
    margin-left: 84px;
}

.caseActivityLabel {
    background-size: 24px 24px;
    height: 23px;
    width: 19px;
    display: inline-block;
    padding: 0;
}

.caseActivityLog-LoggedUser {
    color: black;
    font-weight: 600;
    margin-left: 10px;
}

/*Map Styles*/

#map_canvas {
    height: 100%;
    width: 100%;
    margin: 0px;
}

#map_canvas {
    position: relative;
}

.angular-google-map-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.bicc-hotelMapFilter-Container {
    position: absolute;
    z-index: 99;
    width: 20%;
    padding: 10px 10px 8px 10px;
    top: 10px;
    left: 25px;
    background: #FFF;
    box-shadow: 2px 1px 2px #989797;
    color: #000;
    cursor: pointer;
}

.hotelMapFilterWindow {
    position: absolute;
    padding: 10px;
    z-index: 99;
    top: 51px;
    left: 25px;
    width: 20%;
    max-width: 265px;
    background: #FFF;
    box-shadow: 1px 2px 3px #CCC;
}

.bicc-hotelMapFilter-Container i {
    margin: 4px;
}

.bicc-hotelMapCloseBtn-Container {
    position: absolute;
    z-index: 99;
    right: 10px;
    top: 20px;
    cursor: pointer;
}

.bicc-hotelMap-ribbon {
    height: 30px;
    min-width: 80px;
    position: absolute;
    top: 10px;
    left: 25px;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    background: #3a4153;
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

.hotel-searchresult-panel {
    border: none !important;
}

.angular-google-map {
    min-height: 600px;
}

.bicc-hotelMapCloseBtn {
    box-shadow: 2px 1px 2px #989797;
    color: #000;
    padding: 1px 0px 2px 8px;
    background: #FFF;
    font-size: 17px;
    cursor: pointer;
}

.bicc-hotelInfo-container,
.bicchotelmapCCInfo_container {
    position: absolute;
    top: 65px;
    left: 25px;
    z-index: 99;
    width: 25%;
    max-width: 330px;
    background: #FFF;
    box-shadow: 1px 2px 3px #CCC;
    padding-bottom: 20px;
}

    .bicc-hotelInfo-container .hotelMapImageContainer {
        width: 100%;
        max-height: 220px;
        overflow: hidden;
    }

        .bicc-hotelInfo-container .hotelMapImageContainer img {
            width: 100%;
            height: auto;
        }

    .bicc-hotelInfo-container .hotelInfoCloseButton,
    .bicchotelmapCCInfo_container .ccInfoCloseButton {
        background: rgba(0,0,0,0.7);
        color: #FFF;
        position: absolute;
        z-index: 100;
        right: 0px;
        padding: 2px 10px;
        cursor: pointer;
        font-weight: 600;
    }

.bicchotelmapCCInfo-ccName {
    font-size: 14px;
}

.map-hotelinfoprice-container {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-bottom: 10px;
}

.modal-body.hotel-info-panel-body {
    min-height: 340px;
}

.map-choose-htl-btn {
    width: 90px;
    font-size: 12px;
    border-radius: 0px;
}

.buildpkg_ccPhoto {
    height: 180px;
}

.session-expired-warning {
    color: #f5f5f5;
    font-size: 13px;
    padding: 10px;
    background: #d01414;
    margin-bottom: 20px;
}

    .session-expired-warning h4 {
        text-align: center;
    }

.gray-bg {
    background-color: #f1f3f6;
}

/* ==========================================
   Password Strength
========================================== */
ul.password-strength-meter {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: 2px;
}

    ul.password-strength-meter li {
        background: #DDD;
        border-radius: 2px;
        display: inline-block;
        height: 6px;
        margin-right: 3px;
        width: 19.5%; /* fallback for browsers without support for calc() */
        width: calc(100% / 5 - 3px); /* Account for right margin */
    }

        ul.password-strength-meter li:last {
            margin-right: 0;
        }

        ul.password-strength-meter li.veryweak {
            background-color: red;
        }

        ul.password-strength-meter li.weak {
            background-color: orangered;
        }

        ul.password-strength-meter li.good {
            background-color: orange;
        }

        ul.password-strength-meter li.strong {
            background-color: greenyellow;
        }

        ul.password-strength-meter li.verystrong {
            background-color: green;
        }

.password-strength-text {
    color: #8A95A7 !important;
    padding-bottom: 10px;
}

    .password-strength-text.veryweak {
        color: red !important;
    }

    .password-strength-text.weak {
        color: orangered !important;
    }

    .password-strength-text.good {
        color: orange !important;
    }

    .password-strength-text.strong {
        color: greenyellow !important;
    }

    .password-strength-text.verystrong {
        color: green !important;
    }

.multiaccountadmin-carecenter-name {
    color: #699dff;
}

.stats-label {
    line-height: 1.2;
    overflow-wrap: break-word;
    text-overflow: initial;
}

.cofcPanelRegions {
    border-radius: 5px;
    border: 1px dashed #a7a7a7;
    padding: 9px 10px;
    outline-width: 3px;
}

.cofclistborder {
    border-bottom: 1px solid grey;
}

.regionscofclist {
    padding: 10px 0px;
}

    .regionscofclist.ligthbluerow {
        background: #ebf7f7;
    }

.biccadmin-regions-heading {
    font-size: 20px;
    font-weight: 600;
}

#powerbi-adminreportContainer {
    width:100%;
    height:100vh;
}

    #powerbi-adminreportContainer .explorationContainer .exploreCanvas .backgroundContainer.outspaceContainer {
        opacity: 1;
        background: #c11a1a !important;
    }

#powerbi-reportContainer,
#powerbi-airCostReportContainer,
#powerbi-hotelCostReportContainer,
#powerbi-caseStatusReportContainer,
#powerbi-careCenterReportContainer {
    height: 820px;
    margin-bottom: 50px;
}

#powerbisection {
    background: #FFF;
}

.contact-concierge-btn {
    background: #fd9d3a !important;
    border: 1px solid #fd9d3a !important;
}

.concierge-message.modal-title {
    font-size: 20px;
}
/*Small Modal*/
.modal-sm .modal-content {
    width: 600px;
    margin: 0 auto;
}

.procedure_heading {
    font-size: 16px;
    background: lightgray;
    padding: 8px;
}

.travel_icon_receipt {
    margin-top: 10px;
    font-size: 23px;
    color: #FD9F01;
}

.travel_airport_receipt {
    font-size: 25px;
    font-weight: 600;
}

.travel_airport_date_time {
    font-size: 15px;
    font-weight: 600;
    padding: 0px;
}

.travel_airport_date_time_dep {
    font-size: 15px;
    font-weight: 600;
    padding: 0px;
    margin-right: -12px;
}

.directpaylogo_africa {
    height: 47px;
    width: 144px;
}

.weeklyselection,
.days-check-container {
    float: left;
}

.days-checkbox {
    float: left;
    margin: 0 8px;
    text-align: center;
}

.holiday label {
    color: red;
}

.avaialabilitySelectionContainer input[type="radio"] {
    margin-top: 10px;
    margin-right: 10px;
}

.btn-addupdate {
    margin-top: 20px;
    margin-left: 45px;
}

.btn-addcustom {
    margin-top: 20px;
    margin-left: 58px;
}

.custom-incl-excl-text {
    margin-top: 20px;
    margin-left: 8px;
}

.addCustomIncl {
    margin-top: 10px;
    border-radius: 5px;
    border: 1px dashed #a7a7a7;
    padding: 20px 10px;
}

.editdelete-cc-cases {
    display: inline-block;
}

.inclusions-exclusions-list {
    padding-left: 46px;
}

.inclusions-exclusions-label {
    margin-left: 61px;
    margin-top: 20px;
}

.caseprofile-header {
    padding: 10px !important;
}
/*Case ribbon style*/


.ribbon {
    font-size: 12px;
    position: relative;
    background: #dbdbdb;
    color: #fff;
    text-align: center;
    padding: 8px 40px 9px 40px;
    float: left;
    margin: 10px 13px;
}

    .ribbon:after {
        right: -17px;
        border-right-color: transparent;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 17px solid #dbdbdb;
        top: 0px;
        position: absolute;
        content: "";
    }

    .ribbon:before {
        content: "";
        position: absolute;
        display: block;
        bottom: 0;
        border: 14px solid #dbdbdb;
        z-index: 1;
    }

    .ribbon:before {
        left: -2em;
        border-right-width: 1.5em;
        border-left-color: transparent;
    }

    .ribbon.current {
        background: #15ac51;
    }

    .ribbon.currentInProgress {
        background: #fbc600;
    }

        .ribbon.currentInProgress:before {
            border: 17px solid #fbc600;
            border-left-color: transparent;
        }

        .ribbon.currentInProgress:after {
            border-left: 17px solid #fbc600;
        }

    .ribbon.currentRequested {
        background: #e80e0e;
    }

        .ribbon.currentRequested:before {
            border: 17px solid #e80e0e;
            border-left-color: transparent;
        }

        .ribbon.currentRequested:after {
            border-left: 17px solid #e80e0e;
        }

    .ribbon.currentReadyToBook {
        background: #12a6f1;
    }

        .ribbon.currentReadyToBook:before {
            border: 17px solid #12a6f1;
            border-left-color: transparent;
        }

        .ribbon.currentReadyToBook:after {
            border-left: 17px solid #12a6f1;
        }

    .ribbon.currentBooked {
        background: #239e55;
    }

        .ribbon.currentBooked:before {
            border: 17px solid #239e55;
            border-left-color: transparent;
        }

        .ribbon.currentBooked:after {
            border-left: 17px solid #239e55;
        }

    .ribbon.currentCompleted {
        background: #171616;
    }

        .ribbon.currentCompleted:before {
            border: 17px solid #171616;
            border-left-color: transparent;
        }

        .ribbon.currentCompleted:after {
            border-left: 17px solid #171616;
        }

    .ribbon.currentCancelled {
        background: #aba5a5;
    }

        .ribbon.currentCancelled:before {
            border: 17px solid #aba5a5;
            border-left-color: transparent;
        }

        .ribbon.currentCancelled:after {
            border-left: 17px solid #aba5a5;
        }

    .ribbon.completed {
        background: #394152;
    }

        .ribbon.completed:before {
            border: 17px solid #394152;
            border-left-color: transparent;
        }

        .ribbon.completed:after {
            border-left: 17px solid #394152;
        }

    .ribbon.previous {
        background: #394152;
    }

        .ribbon.previous:before {
            border: 17px solid #394152;
            border-left-color: transparent;
        }

        .ribbon.previous:after {
            border-left: 17px solid #394152;
        }

.notcomplted {
    background: #dbdbdb;
}

.ribbon.notcomplted:before {
    border: 17px solid #dbdbdb;
    border-left-color: transparent;
}

.ribbon.notcomplted:after {
    border-left: 17px solid #dbdbdb;
}

.ribbon.first {
    padding: 8px 50px 9px 50px;
}

    .ribbon.first:before {
        border: none !important;
    }

.case-profile-navtab {
    margin-top: -26px;
    border-bottom: none !important;
    border-top: none !important;
}

    .case-profile-navtab li a {
        border: 1px solid #ddd;
        border-top-left-radius: 0px;
        border-radius: 5px;
        color: #8a95a7;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        min-height: 49px;
        font-size: 9pt;
        text-align: center;
        min-width: 115px;
        padding: 6px 10px;
    }

        .case-profile-navtab li a.navpadding {
            padding-top: 17px !important;
        }

    .case-profile-navtab > li a:hover {
        border: 1px solid #ddd !important;
        background: #FFF !important;
    }

    .case-profile-navtab > li.active > a {
        border: 1px solid #ddd;
        border-top: 1px solid #FFF !important;
        border-bottom: 1px solid #ddd !Important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .case-profile-navtab > li.active > a {
        border: 1px solid #ddd;
        border-top: 1px solid #FFF !important;
        border-bottom: 1px solid #ddd !Important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

.caseprofile-caseId,
.caseprofile-patientname {
    font-size: 23px;
}

.caseprofile-caseId {
    color: #000;
}

.caseprofile-patientname,
.caseprofile-patientname a {
    color: #699dff;
}

.caseprofile-procedure-name {
    font-size: 13pt;
    font-weight: 600;
    color: #000;
}

.caseprofile-specialty-name {
    font-size: 9pt;
    color: #000;
}

.caseprofile-proceduredate {
    font-style: italic;
    margin-top: 10px;
}

.cc-header-procedure {
    border-top: 5px solid #3498db;
}

.cc-header-proc-price {
    text-align: center;
    font-size: 20px;
}

.cc-cases-patient-verify {
    background-color: #f5d4d9;
}

.cc-provider {
    width: 50px;
}

.cc-provider-count {
    font-size: 23px;
    color: blue;
    padding: 16px;
}

.caseprofile-lastmodifieddate {
    font-size: 12px;
    color: #000;
}

.caseprofile-lmd-title {
    color: #666;
}

.cc-casedetails-caseid {
    color: #699dff;
}

.cc-tasks-time-text-at {
    position: absolute;
    margin-left: -19px;
    margin-top: 8px;
    /* margin-right: 81px; */
}

.taskAllDayCheckBox label {
    font-weight: normal;
    color: #666;
}

.btn-patientmodal a {
    color: #FFF;
}

.modify-message-label {
    margin-top: 14px;
}

.caseprofile-tmnt-apphead {
    font-weight: 600;
}

.caseProfile-info-head {
    color: #999;
    margin-right: 10px;
}

.caseprofile-trtmntPln-info {
    color: #000;
    margin: 2px 0px;
    font-size: 10pt;
}

.treatment-plan-provider {
    min-height: 12vh;
}

.caseProfile-info-head,
.caseProfile-info-container {
    float: left;
    vertical-align: top;
}

.caseProfile-info-container {
    width: 65%;
    vertical-align: top;
}

.caseprofile-trtmntPln-info h4 {
    font-weight: 300 !important;
}

ul.treatmentplan-incexc li {
    font-size: 10pt;
    margin-bottom: 3px;
}

.treatmentplan-edit .form-group label {
    font-weight: 600 !important;
}

.transparent-background {
    background: transparent !important;
    border: none !important;
}

.cc-treatment-sidebar-fixed {
    width: 100%;
    right: 60px;
    z-index: 10;
    position: fixed;
    margin: 0 -15px;
}

/*.has-error .note-editable {
    border-color: #d62c1a !important;
}*/

.sectoin-notes-row {
    position: relative;
}

.remove-section-btn {
    right: -55px;
    top: 20px;
    position: absolute;
}

.sidepanel,
.treatment-sidebar {
    /*background: #ebebec;
    border: 1px solid #ddd;*/
    height: 100%;
    min-height: 200vh;
}

.sidepanel-newtask {
    background: #ebebec;
    border: 1px solid #ddd;
    height: 100%;
    min-height: 40vh;
}

.sidepanel-tasklist {
    background: #ebebec;
    border: 1px solid #ddd;
    width: 183px;
    height: 100%;
}

.sideplan-buttons {
    margin-top: 42px;
    margin-left: 12px;
}

.button-container {
    margin-top: 30px;
    width: 180px;
    padding: 10px;
}

.cc-task-heading {
    font-size: 16px;
}

.cc-task-newtask-btn {
    background-color: #999999;
    color: #fff;
}

.cc-task-newtemplate-btn {
    background-color: #555;
    color: #fff;
}

.cc-task-filter {
    font-size: 19px;
}

.cc-tasks-text {
    margin-left: 42px;
}

.cc-task-filter-open {
    background-color: #555;
    width: 96px;
    height: 19px;
    margin-top: 3px;
    color: #fff;
    font-size: 12px;
    padding: 2px;
    text-align: left;
    border-radius: 2px;
}

.cc-task-filter-duetoday {
    background-color: #fd9f01;
    width: 96px;
    height: 19px;
    margin-top: 3px;
    color: #fff;
    font-size: 12px;
    padding: 2px;
    text-align: left;
    border-radius: 2px;
}

.cc-task-filter-pastdue {
    background-color: #ff4d44;
    width: 96px;
    height: 19px;
    margin-top: 3px;
    color: #fff;
    font-size: 12px;
    padding: 2px;
    text-align: left;
    border-radius: 2px;
}

.cc-task-filter-completed {
    background-color: #ddd;
    width: 96px;
    height: 19px;
    margin-top: 3px;
    color: #fff;
    font-size: 12px;
    padding: 2px;
    text-align: left;
    border-radius: 2px;
}

.cc-taskfilter-checkbox {
    margin-top: 2px;
}

#tasksDetailsForm {
    background: #fff;
}

.templatetasklist-container {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.tasktemplate-info {
    color: #888;
    margin-left: 10px;
    font-style: italic;
}

.SubTaskDueInDays {
    width: 60px;
    float: left;
}

.cc-taskstemplate-time-text-at {
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

.cc-generaltask-btn {
    margin-left: 10px;
}

.taskdetails-done-button {
    margin-top: 10px;
    margin-left: 11px;
}

.calendar-procedure, .fc-list-item.calendar-procedure.fc-allow-mouse-resize:hover {
    background-color: #15ac51 !important;
    border-color: #15ac51 !important;
    color: #000;
}

.fc-allow-mouse-resize {
    background-color: #15ac51 !important;
    border-color: #15ac51 !important;
    color: #000;
}

.calendar-preop {
    background-color: #ffb606 !important;
    border-color: #ffb606 !important;
    color: #fff;
}

.calendar-postop {
    background-color: #699dff !important;
    border-color: #699dff !important;
    color: #fff;
}

.calendar-sidepanel {
    /*background: #ebebec;
    border: 1px solid #ddd;*/
    height: 100%;
    padding-bottom: 30px;
}

.calendar-filter label {
    padding: 1px 3px;
    font-weight: 600;
    font-size: 9pt;
    border-radius: 2px;
    min-width: 130px;
    margin-top: -1px;
}

.calendar-filter .task-open {
    background: #999999;
    color: #FFF;
}

.calendar-filter .task-duetoday {
    background: #fc9f03;
    color: #FFF;
}

.calendar-filter .task-pastdue {
    background: #fd4d45;
    color: #FFF;
}

.calendar-filter .task-completed {
    background: #dbdbdb;
    color: #FFF;
}

.calendar-filter .proc-day {
    background: #15ac51;
    color: #FFF;
}

.calendar-filter .proc-pre-day {
    background: #f7b548;
    color: #FFF;
}

.calendar-filter .proc-post-day {
    background: #699dff;
    color: #FFF;
}

.calendar-filter .itinerary-travel-day {
    background: #1c46ab;
    color: #FFF;
}

.calendar-filter .itinerary-acc-day {
    background: #516281;
    color: #FFF;
}

.calendar-filter .itinerary-other-day {
    border: 1px solid #1c46ab;
    color: #1c46ab;
}

.calendar-filter .itinerary-arrv-day {
    border: 1px solid #fc9f03;
    color: #fc9f03;
}

.calendar-filter .itinerary-dept-day {
    border: 1px solid #699dff;
    color: #699dff;
}

.calendar-task-duetoday {
    background-color: #fc9f03 !important;
    border-color: #fc9f03 !important;
    color: #fff;
}

.calendar-task-pastdue {
    background-color: #fd4d45 !important;
    border-color: #fd4d45 !important;
    color: #fff;
}

.calendar-task-future {
    background-color: #999999 !important;
    border-color: #999999 !important;
    color: #fff;
}

.calendar-task-completed {
    background-color: #dbdbdb !important;
    border-color: #dbdbdb !important;
    color: #fff;
}

.info-balloon {
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #000;
    width: 350px;
    height: 123px;
    position: absolute;
    font-size: 50px;
}

.info-balloon-arrow {
    margin: 0 auto;
    text-align: center;
}

    .info-balloon-arrow i {
        font-size: 50px;
        color: #FFF;
        margin-top: -13px;
        text-shadow: 2px 3px 2px #adadad;
        z-index: 2;
        display: block;
    }

.info-balloon-header {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px 0px;
    font-size: 12px;
}

    .info-balloon-header .head-pin {
        margin: 10px;
        font-size: 15px;
        transform: rotate(30deg);
        color: #888;
    }

    .info-balloon-header .proc-name {
        color: #888;
        font-style: italic;
    }

    .info-balloon-header .spec-name {
        color: #000;
        font-weight: 600;
    }

.info-balloon-body {
    margin: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    min-height: 48px;
    font-size: 12px;
}

.info-balloon-header .close-btn {
    /*float: right !important;
    margin: 10px;*/
    margin: 10px;
    position: absolute;
    right: 0px;
    top: 10px;
}

    .info-balloon-header .close-btn .fa,
    .info-balloon-header .close-btn .fas {
        font-size: 20px;
        color: #699dff;
    }

.info-balloon-header .head-pin.active {
    color: #699dff;
}

.tasks-subtask-panel {
    margin-left: 5px;
}

.info-balloon-task {
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #000;
    width: 406px;
    height: auto;
    position: absolute;
    font-size: 50px;
}

.info-balloon-addcomment {
    font-size: 12px !important;
}

.task-subtask-panel {
    margin-top: 50px;
}

.info-balloon-header .close-btn .fa,
.info-balloon-header .close-btn .fas {
    font-size: 20px;
    color: #699dff;
}

.cc-tasks-btngrp {
    margin-left: 10px;
    margin-top: 10px;
}

.cc-task-selecttime {
    margin-top: -17px;
}

.subTask label {
    font-size: 13px;
    font-weight: 600;
}

.ta-toolbar {
    background-color: #f7f9fa;
    padding: 10px 10px 5px;
    margin-left: 0px;
    border: 1px solid #EEE;
    border-radius: 0px;
}

.has-error .note-editor {
    border-color: #d62c1a !important;
}
/*.info-balloon-body:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 33px;
    /* margin-top: -20px; */
/*margin: 0 auto;
    line-height: 22px;
    color: #FFFF;
    text-shadow: 1px 2px 3px #ccc;*/
/*}*/
.info-balloon.hpanel .panel-heading,
.info-balloon-task.hpanel .panel-heading {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.info-balloon.hpanel .panel-body,
.info-balloon-task.hpanel .panel-body {
    font-size: 12px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.info-balloon.hpanel .panel-footer,
.info-balloon-task.hpanel .panel-footer {
    background: transparent;
    padding: 0px;
    height: auto;
    text-align: center;
}

    .info-balloon.hpanel .panel-footer .info-arrow,
    .info-balloon-task .panel-footer .info-arrow {
        font-size: 36px;
        color: #FFF;
        text-shadow: 1px 2px 3px #928787;
        vertical-align: top;
        line-height: 8px;
        text-align: center;
        margin: 0 auto;
        position: absolute;
    }

.info-task-newcomment {
    font-size: 12px;
}

.info.tasks-subtask-panel {
    margin-top: 0px;
}

/*Calendar New styles*/
.fc-list-table .calendar-task-future,
.fc-list-table .calendar-task-duetoday,
.fc-list-table .calendar-task-pastdue,
.fc-list-table .calendar-task-completed,
.fc-list-table .calendar-preop,
.fc-list-table .calendar-procedure,
.fc-list-table .calendar-postop {
    color: #000;
    background: #FFF !important;
    /*color: rgb(255, 255, 255);
    background-color: rgb(153, 153, 153);
    border-color: rgb(153, 153, 153) !important;*/
}

    .fc-list-table .calendar-task-future .fc-event-dot {
        background-color: rgb(153, 153, 153) !important;
    }

    .fc-list-table .calendar-task-duetoday .fc-event-dot {
        background-color: #fc9f03;
    }

    .fc-list-table .calendar-task-pastdue .fc-event-dot {
        background-color: #fd4d45;
    }

    .fc-list-table .calendar-task-future .fc-event-dot {
        background-color: #fd4d45;
    }

    .fc-list-table .calendar-task-completed .fc-event-dot {
        background-color: #dbdbdb;
    }

    .fc-list-table .calendar-preop .fc-event-dot {
        background-color: #ffb606;
    }

    .fc-list-table .calendar-procedure .fc-event-dot {
        background-color: #15ac51;
    }

    .fc-list-table .calendar-postop .fc-event-dot {
        background-color: #699dff;
    }

.datesPanelHead {
    background: #699dff !important;
    color: #FFF !important;
    font-size: 17px;
    font-weight: 500 !important;
    margin-top: -1px;
}

.itinerary-dates-icon i {
    font-size: 20px;
    margin-top: 8px;
    color: #999;
}

.itinerary-time {
    font-size: 15px;
    font-weight: 600;
    margin-top: 8px;
}

.itinerary-dates-row {
    /*border-color: #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    border-top: 0px;*/
    padding: 10px 10px;
    border-radius: 2px;
}

.it-deptDtHead {
    color: #fc9f02;
    font-weight: 600;
}

.it-procHead {
    color: #16ac51;
    font-weight: 600;
}

.it-returnHead {
    color: #699dfe;
    font-weight: 600;
}

.it-trip-details,
.it-hotel-details {
    color: #999;
}

    .it-trip-details .row,
    .it-hotel-details .row {
        margin-top: 10px;
        font-size: 12px;
    }

.datesPanelBody {
    padding: 0px 15px !important;
}

.itinerary-dates-row {
    font-size: 12px;
}

.editTripItinerary {
    margin-top: 10px;
    border-radius: 5px;
    border: 1px dashed #a7a7a7;
    padding: 20px 10px;
    background-color: #fff;
    margin-bottom: 10px;
}

.flight-leg {
    padding: 20px 10px;
    margin-top: 10px;
    border-radius: 5px;
    border: 1px dashed #a7a7a7;
}

h4.PreOp,
.it-clk-icon.PreOp {
    color: #fc9f02;
}

h4.PostOp,
.it-clk-icon.PostOp {
    color: #699dfe;
}

h4.Procedure,
.it-clk-icon.Procedure {
    color: #16ac51;
}

.it-details-info {
    color: #000;
    margin-left: 5px;
}

.it-hotel-details h4,
.trip-title {
    font-weight: 600 !important;
    color: #000 !important;
}

.no-margin-top {
    margin-top: 0px !important;
}

.it-private {
    color: #FF0000;
}

.fa-rotate-222 {
    -webkit-transform: rotate(222deg);
    -moz-transform: rotate(222deg);
    -ms-transform: rotate(222deg);
    -o-transform: rotate(222deg);
    transform: rotate(222deg);
}

.custom-option-icon {
    margin-left: -12px;
    margin-top: 4px;
}

.custom-option {
    margin-left: -46px;
}

.custom-icon {
    font-size: 20px;
}


.arrowleft .panel-footer .info-arrow {
    left: 86px !important;
}

.itinerary-notes {
    color: #999;
}

.note-editor.note-frame {
    border: 1px solid #e4e5e7 !important;
}

.note-editable.panel-body {
    border: none !important;
}

.inner-addon > .fas {
    color: #6a6c6f !important;
}

/*.time-picker {
    margin-top:-52px;
}*/
.template-startEnd {
    font-weight: bold;
}

.taskendtimepicker {
    position: relative;
    font-size: 13px;
}

.tasktimepickercontainer {
    position: absolute;
    top: 41px;
    background: #FFF !important;
    border: 1px solid #ddd;
    padding: 10px;
    z-index: 3;
}

.time-picker {
    position: relative;
    z-index: 4;
}

.taskendtimepicker .right-addon > .fas {
    margin-top: 12px;
}

.taskendtimepicker .form-control[readonly] {
    background: #FFF !important;
    font-size: 13px;
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.right-addon div {
    padding-right: 22px;
}

.tasktimepickercontainer:before {
    /* Other properties.. */
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.itinerary-collapse-icon {
    position: absolute;
    right: 30px;
    top: 10px;
}

.finance-panel {
    padding: 20px 15px 10px 15px;
    min-height: 114px;
    color: #FFF;
    position: relative;
}

    .finance-panel small {
        font-size: 13px;
    }

    .finance-panel.border-right {
        border-right: 1px solid #FFF;
    }

    .finance-panel.green {
        background-color: rgb(35, 158, 85);
    }

    .finance-panel.grey {
        background-color: #999999;
    }

    .finance-panel.blue {
        background: rgb(57, 65, 82);
    }

.fiance-panel-headtext {
    position: absolute;
    bottom: 2px;
    right: 10px;
}

.fiance-payer-name {
    font-size: 8pt;
}

.finance-panel-amount {
    font-size: 22px;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
}

.finance-col-green {
    background: #c3f1d5;
}

.finacial-ledger table tr {
    background: #FFF !important;
    border-bottom: 1px solid #ddd !important;
}

.finacial-ledger table th {
    text-align: center;
    font-weight: normal;
}

    .finacial-ledger table th.left {
        text-align: left !important;
    }

.finacial-ledger table tr td {
    vertical-align: middle;
    border-top: 1px solid #afafb3;
}

.finance-col-lightgrey {
    background-color: #f5f5f5;
}

.finance-col-darkgrey {
    background-color: #dbdbdb;
}

.finance-amount-text {
    font-size: 15px;
}

.finance-ledger-kindhead {
    text-align: left !important;
}

.finance-total {
    font-weight: bold !important;
}

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

.finance-panel-red {
    background: #ce2121 !important;
}

.finance-amt-fromto {
    display: block;
    font-size: 14px;
    line-height: 12px;
    font-weight: 600;
}

.finance-panel.panel-lg {
    min-height: 130px !important;
}

.time-picker-arrowhead {
    position: absolute;
    top: -16px;
    text-shadow: 0px -1px 1px #ddd;
    font-size: 27px;
    color: #FFF;
}

.timepicker-btn {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.itinerary-flight-conatiner {
    border: 1px dashed #a7a7a7;
    border-radius: 9px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ==========================================
   Booked Package Receipt
========================================== */
.package-receipt {
    padding-bottom: 30px;
}

    .package-receipt .panel.panel-default {
        border: none;
    }

        .package-receipt .panel.panel-default .panel-body {
            background-color: #f7f7f7;
        }

    .package-receipt img.green-checkmark {
        width: 28px;
    }

    .package-receipt .confirmation-number {
        color: #00B200;
        font-weight: bold;
        font-size: 14px;
    }

    .package-receipt .booking-status {
        text-transform: capitalize;
        font-weight: bold;
        position: relative;
    }

        .package-receipt .booking-status:before,
        .package-receipt .booking-status:after {
            font-family: FontAwesome;
            font-size: 1.3em;
            top: 0;
            left: -5px;
            padding-right: 2px;
        }

        .package-receipt .booking-status:after {
            padding-left: 3px;
        }

        .package-receipt .booking-status.accepted,
        .package-receipt .booking-status.confirmed {
            color: #00B200;
        }

            .package-receipt .booking-status.accepted:after {
                /*content: "\f058";*/
            }

        .package-receipt .booking-status.pending {
            color: #fd9f01;
        }

        .package-receipt .booking-status.canceled {
            color: orangered;
        }

            .package-receipt .booking-status.canceled:before {
                /*content: "\f06a";*/
            }

    .package-receipt .confirmation-number-alert {
        margin-top: 5px;
    }

    .package-receipt .booking-status .cancel {
        margin-left: 20px;
    }

    .package-receipt .confirmation-number-alert .title {
        color: inherit;
        font-size: 20px;
    }

    .package-receipt .error-summary {
        color: red;
        font-weight: bold;
        font-size: 14px;
    }

.receipt-package-provider-item {
    float: left;
    width: 70px;
    margin: 8px;
}

    .receipt-package-provider-item .pkgstep1.cc-result-providerName {
        color: #000;
    }

.timepicker-btn {
    padding-right: 27px;
    font-size: 13px;
    position: relative;
}

    .timepicker-btn .fas {
        position: absolute;
        top: 11px;
        right: 7px;
    }

.contact-concierge {
    margin-left: -12px;
    margin-top: 10px;
    background: #fd9d3a !important;
    border: 1px solid #fd9d3a !important;
    color: #fff;
}

.timepicker-btn .fas {
    position: absolute;
    top: 11px;
    right: 7px;
}

.itinerary-add-new-traveler {
    background: #8a95a7;
    color: #fff !important;
    font-size: 10pt;
}

.itinerary-delete {
    margin-top: 25px;
}

.package-receipt .error-summary {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.receipt-package-provider-item {
    float: left;
    width: 70px;
    margin: 8px;
}

    .receipt-package-provider-item .pkgstep1.cc-result-providerName {
        color: #000;
    }


.timepicker-btn {
    padding-right: 27px;
    font-size: 13px;
    position: relative;
}

    .timepicker-btn .fas {
        position: absolute;
        top: 11px;
        right: 7px;
    }

.itinerary-add-new-traveler {
    background: #8a95a7;
    color: #fff !important;
}

.itinerary-delete {
    margin-top: 25px;
}

.package-receipt .error-summary {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.contact-concierge {
    margin-left: -12px;
    margin-top: 10px;
    background: #fd9d3a !important;
    border: 1px solid #fd9d3a !important;
    color: #fff;
}


.panel-message-navigation {
    background: transparent !important;
    border: none;
    margin-top: 30px;
}

.panel-message-center,
.panel-message-center .panel-heading {
    background: transparent !important;
    border: 1px solid transparent;
}

    .panel-message-center .panel-heading {
        border-top: none;
        border-right: none;
        border-left: none;
        font-weight: 600;
    }

    .panel-message-center .panel-body {
        background: #FFF !important;
        border: 1px solid #ddd;
    }

.message-center-icon {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    margin-top: -9px;
    margin-right: 7px;
}

ul.mailbox-list li {
    position: relative;
}

    ul.mailbox-list li a {
        padding: 10px 15px;
        display: block;
        font-weight: 600;
        color: #999;
        text-transform: uppercase;
    }

    ul.mailbox-list li:active {
        border-left: 3px solid #699dff;
    }

        ul.mailbox-list li:active a {
            color: #000;
        }

    ul.mailbox-list li.active a {
        background: none;
        border-left: 3px solid #689cff;
        font-weight: 600;
        color: #689cff;
        border-radius: 1px;
    }

.messagecenter-row {
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .messagecenter-row:hover {
        background: #f6f6f6;
        cursor: pointer;
    }

    .messagecenter-row:last-child {
        border-bottom: 1px solid #ddd;
    }

.messagecenter-msg-dt {
    color: #fc9f02;
    font-size: 11px;
}

.messagecenter-msg-from {
    font-weight: 600;
    font-size: 14px;
    color: #555;
}

.messagecenter-msg-subject {
    font-weight: 600;
    color: #545454
}

.messagecenter-msg-body {
    color: #999999;
}

.messagecenter-msg-totalresults label {
    font-size: 11px;
    font-weight: 300;
    margin-top: 30px;
}

.messagecenter-pagesize-select,
.messagecenter-sort-select {
    width: 45%;
    float: left;
    margin-right: 8px;
}

.messagecenter-selectall-checkbox {
    padding: 5px;
    background: #eee;
    border: 1px solid #ddd;
}

.message-details-buttonrow {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.messagecenter-msg-unreadbadge {
    position: absolute;
    top: 23px;
    color: #689cff;
    right: 11px;
}

.unread-msgcount {
    color: white;
    background-color: #12a6f1;
    padding-left: 4px;
    padding-right: 4px;
}

span.unread-msgcount {
    position: absolute;
    right: 0px;
    top: 3px;
    background: #689cff;
    color: #FFF;
    padding: 4px 4px;
    text-align: center;
    min-width: 30px;
    height: 25px;
}

.messagecenter-msg-caseid,
.msg-caseid-head {
    font-style: italic;
    color: #bbb;
}

.messagecenter-caseid {
    color: #699dff;
}

.msg-selectedmessage-caseid {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fee7c0;
    font-weight: 600;
    margin-top: -15px;
    margin-bottom: 15px;
}

.panel-message-center .panel-body {
    min-height: 227px;
}

.message-center-list-procname {
    color: #000;
}

.message-unread-navbadge {
    color: white;
    padding: 4px 3px;
    background-color: #689cff;
    position: absolute;
    right: 5px;
    /*top: 12px;*/
    text-align: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 20px;
}

#side-menu li.active .message-unread-navbadge {
    right: 14px;
}

.case-profilemsgunread-badge {
    position: absolute;
    bottom: -15px;
    background: #679bff;
    color: #FFF;
    border-radius: 13px;
    width: 45px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    left: 30%;
}

.case-profilefileunread-badge {
    position: absolute;
    bottom: -15px;
    background: #679bff;
    color: #FFF;
    border-radius: 13px;
    width: auto;
    padding: 9px;
    height: 25px;
    line-height: 7px;
    text-align: center;
    left: 30%;
}

.cc-message-selection-arrow,
.filemanager-button-row {
    color: #699dff;
    margin-top: 10px;
    font-size: 17px;
}

.cc-message-btn,
.filemanager-btn {
    background-color: #fff;
    border-color: #699dff;
    color: #699dff;
}

    .cc-message-btn:hover,
    .filemanager-btn:hover,
    .filemanager-btn:visited,
    .filemanager-btn:focus {
        background-color: #fff;
        border-color: #699dff;
        color: #699dff;
    }

.btn-refresh {
    position: relative;
    font-size: 13px;
}

    .btn-refresh .fas {
        float: left;
        margin-top: 3px;
    }

.msg-caseid-link {
    color: #699dff;
}

.msg-list-checkboxcontainer {
    margin-right: 8px;
    padding-bottom: 16px;
}

.note-editor .checkbox input[type="checkbox"] {
    opacity: 10 !important;
}

.note-editor .checkbox label::before {
    border: none;
}

.panel-files-navigation {
    background: transparent !important;
    border: none;
    margin-top: 25px;
}

.panel-files,
.panel-files .panel-heading {
    background: transparent !important;
    border: 1px solid transparent;
    margin-top: 30px;
}

    .panel-files .panel-body {
        background: #FFF !important;
        border: 1px solid #ddd;
        min-height: 400px;
    }

.files-patientname {
    font-size: 16px;
    color: #699dff;
}

.files-list-header {
    border-bottom: 1px solid;
}

.files-row {
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .files-row:hover {
        background: #f6f6f6;
        cursor: pointer;
    }

    .files-row:last-child {
        border-bottom: 1px solid #ddd;
    }

.folder-manager-list-icon i {
    font-size: 20px;
    color: #999;
}

.messagecenter-list-dropdown {
    border: 1px solid #699dff;
    color: #699dff;
    padding: 2px 8px;
    border-radius: 5px;
}

.overflowbreak {
    overflow-wrap: break-word;
}

ul.filemanager-nav li {
    padding: 10px 0px;
    display: block;
}

    ul.filemanager-nav li a {
        padding: 10px 10px;
        color: #777;
    }

    ul.filemanager-nav li.active a {
        background: none;
        border-left: 3px solid #689cff;
        font-weight: 600;
        color: #689cff;
        border-radius: 1px;
        padding: 7px 10px;
        vertical-align: middle;
    }

    ul.filemanager-nav li i {
        display: inline-block;
        font-size: 20px;
        vertical-align: middle;
        margin-top: -9px;
        color: #777;
        margin-right: 7px;
    }

    ul.filemanager-nav li.active i {
        color: #689cff;
    }

.users-list-header {
    border-bottom: 1px solid;
    height: 28px;
}

.users-list {
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

.file-info-headtext {
    color: #999999;
}

.filemanager-selected-fileinfo {
    color: #000;
}

.file-info-iconcontainer {
    text-align: center;
}

    .file-info-iconcontainer i {
        font-size: 40px;
    }

.file-info-tabcontainer .uib-tab li {
    border: none;
}

.file-info-tabcontainer .uib-tab a {
    background-color: transparent !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #999 !important;
    color: #999;
}

.file-info-tabcontainer .uib-tab:hover {
    color: #000;
}

.file-info-tabcontainer .uib-tab.active a {
    background: none;
    font-weight: 600;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 4px solid #699dff !important;
}

.file-breadcrumbs-conatiner ul {
    padding-left: 0px;
}

    .file-breadcrumbs-conatiner ul li {
        list-style: none;
        float: left;
        padding: 10px 5px;
        color: #699dff;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
    }

.note-editor .checkbox label::before {
    border: none;
}

#side-menu li a {
    padding: 15px 13px !important;
}

.sharing-navigation {
    padding: 5px;
}

.permission_font_size {
    font-size: 14px;
    color: #999;
}

.permission-share-folder-btn {
    border-color: #699dff;
    color: #699dff;
}

    .permission-share-folder-btn:focus,
    .permission-share-folder-btn:hover,
    .permission-share-folder-btn:active {
        border-color: #699dff;
        color: #699dff;
    }

.btn-filemanger-tree-icon {
    border: 1px solid #ddd;
    padding: 0px 2px;
    line-height: 12px;
    margin-right: 5px;
    margin-top: 3px;
    float: left;
    width: 14px;
    color: #999;
}

.box-filemanager-tree-navigation ul {
    margin-left: 20px;
}

.box-filemanager-tree-navigation li {
    list-style-type: none;
    margin: 1px;
    position: relative
}

    .box-filemanager-tree-navigation li::before {
        content: "";
        position: absolute;
        top: -7px;
        left: -20px;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-radius: 0 0 0 0;
        width: 20px;
        height: 15px
    }

    .box-filemanager-tree-navigation li::after {
        position: absolute;
        content: "";
        top: 8px;
        left: -20px;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-radius: 0 0 0 0;
        width: 20px;
        height: 100%
    }

    .box-filemanager-tree-navigation li:last-child::after {
        display: none
    }

    .box-filemanager-tree-navigation li:last-child:before {
        border-radius: 0 0 0 5px
    }

ul.box-filemanager-tree-navigation > li:first-child::before {
    display: none
}

ul.box-filemanager-tree-navigation > li:first-child::after {
    border-radius: 5px 0 0 0
}

.box-filemanager-tree-navigation li a {
    border: 1px #ddd solid;
    border-radius: 5px;
    padding: 2px 5px;
}

    .box-filemanager-tree-navigation li a:hover, .box-filemanager-tree-navigation li a:hover + ul li a, .box-filemanager-tree-navigation li a:focus, .box-filemanager-tree-navigation li a:focus + ul li a {
        background: #ccc;
        color: #000;
        border: 1px solid #ddd;
    }

        .box-filemanager-tree-navigation li a:hover + ul li::after, .tree li a:focus + ul li::after, .box-filemanager-tree-navigation li a:hover + ul li::before, .box-filemanager-tree-navigation li a:focus + ul li::before .box-filemanager-tree-navigation li a:hover + ul::before, .box-filemanager-tree-navigation li a:focus + ul::before .box-filemanager-tree-navigation li a:hover + ul ul::before, .box-filemanager-tree-navigation li a:focus + ul ul::before {
            border-color: #ddd;
        }

.box-filemanager-tree-navigation li label {
    position: relative;
    font-weight: 600;
    font-size: 11px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 4px;
    cursor: pointer;
}

.file-copy-folder-icon {
    margin-top: -6px;
    background: none !important;
}

.box-filemanager-tree-navigation li label span {
    padding: 0px 3px;
}

    .box-filemanager-tree-navigation li label span.fileselected {
        background: #699dff;
        color: #FFF;
    }

.sharing-link {
    color: #699dff;
}

.filemanager-folderselectioncontainer {
    border: 1px solid #ddd;
    max-height: 200px;
    overflow: auto;
}

.filemanager-unreadbadge {
    top: 5px;
    color: #689cff;
}

.file-search-icon {
    margin-top: 11px !important;
}

.files-row:last-child {
    border-bottom: none;
}

.admin-filemanger-filename {
    color: #000;
}

.filemanager-font-grey {
    color: #999;
}

.files-permissions-divider {
    border: none;
    border-top: 1px solid #ccc;
    height: 0;
    margin: 10px 0;
}

.files-permissions-list {
    color: #333;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 22px;
    padding: 5px 40px 5px 15px;
    white-space: nowrap;
    margin-left: 20px;
}

.permissions-remove {
    color: red;
}

.files-permissions-list .selected:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    left: 15px;
    position: absolute;
}

.files-permission-dropdown {
    height: 194px;
}

.calendar-itinerary-arrv-day {
    border: 1px solid #fc9f03 !important;
    color: #fc9f03 !important;
    background: none !important;
}

.calendar-itinerary-dept-day {
    border: 1px solid #699dff !important;
    color: #699dff !important;
    background: none !important;
}

.calendar-itinerary-travel-day {
    background: #1c46ab !important;
    color: #FFF !important;
}

.calendar-itinerary-acc-day {
    background: #516281 !important;
    color: #FFF !important;
}

.calendar-itinerary-other-day {
    border: 1px solid #1c46ab !important;
    color: #1c46ab !important;
    background: none !important;
}

.info-balloon-flight-info {
    font-size: 11px;
    color: #999;
}

.info-balloon-flight-details-info {
    color: #000;
}

.itinerary-info-close-btn {
    margin: 10px;
    position: absolute;
    right: 0px;
    top: -10px;
}

    .itinerary-info-close-btn .fas.fa-times-circle,
    .itinerary-info-close-btn .fa {
        font-size: 20px;
        color: #699dff;
    }

.itinerary-print {
    margin-left: -12px;
    width: 179px;
}

.covered-cost-panel-container {
    background: #feecce;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.costsummary-calc-ruler hr {
    margin-top: 5px;
    margin-bottom: 5px;
}



.dedcut-title {
    font-weight: 600;
    font-size: 13px;
    text-align: center;
}

.deduct-row {
    font-size: 13px;
}

.package-balance-container {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
}

.package-balance-ruler {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

    .package-balance-ruler hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.package-balance-text {
    color: #0dad53;
}

.package-balance-text-red {
    color: red;
}

.finacial-cost-summary .cost_calc_sec_header {
    font-size: 11pt;
}

.cost-summ-proc-displayIcon {
    padding: 0px;
    display: block;
    float: left;
    width: 25px;
    height: 31px;
    cursor: pointer;
}

.covered-pkg-cost-panel {
    font-weight: 600;
}

.cost-summary-patientkeep .cost_calc_totalAmt,
.cost-summary-patientkeep .cost-calc-price,
.covered-pkg-costPrc .cost_calc_totalAmt {
    font-weight: 600;
}

.wrap-email-address {
    word-wrap: break-word;
}

.cost-summary-refresh.ng-scope {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.covered-costbtn-panel,
.covered-cost-panel {
    background: #FFF;
}

.finacial-cost-summary {
    margin-top: -10px;
}

.nonCovered buildpkg-sumaryCalculationContainer {
    background: #FFF;
}

.signin-admin-bg {
    background-image: url("//bicccdn.azureedge.net/image/home/bg_signin_admin.jpg");
    width: 100%;
    min-height: 100vh;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.login-page-logo {
    padding-top: 10px;
}

.signin-content {
    position: relative;
    margin-top: 173px;
}

.signin-admin-text {
    font-size: 24px;
    color: #3a4153;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
}

.signin-btn {
    background: #699dff !important;
    color: #fff;
}

    .signin-btn:hover {
        background: #699dff !important;
        color: #fff !important;
    }

.sign-in-bg {
    background: rgba(255, 255, 255, 0.9);
}

.cofc-photos-title {
    padding: 20px;
    font-size: 20px;
}

.cofc-photos-subtitle {
    padding: 20px;
    font-size: 12px;
}

.cofc-photos-text {
    color: #fc9f02;
}

.editCareCenter .nav-tabs {
    border-bottom: 0px solid #e4e5e7;
}

.cofc-photos-addphotopanel {
    margin-top: 15px;
    border-radius: 4px;
    border: 1px dashed #a7a7a7;
    min-height: 250px;
    padding: 70px;
}

    .cofc-photos-addphotopanel.dragover {
        border: 1px dashed blue;
        background: #f6f6f6;
    }

.upload-icon {
    font-size: 46px !important;
}

.upload-btn {
    display: block;
    width: 258px;
    margin-left: auto;
    margin-right: auto;
}

.upload-text {
    color: #000;
}

.upload-size-text {
    color: #999;
}

.cofc-images-photos-thumbnail {
    border: 1px solid lightgrey;
    background-color: #fff;
    margin: 5px -9px;
    height: 337px;
    overflow: hidden;
    cursor: move;
}

.cofc-image-number {
    font-size: 98px;
    color: #cac2c2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
}

.on-drag-enter {
    background-color: #677ba6;
}

.on-drag-enter-custom {
    background-color: #d78cc7;
}

.on-drag-hover {
    background-color: #3eb352;
}

.on-drag-hover-custom {
    background-color: #d7a931;
}

.progress {
    display: block;
    width: 100%;
    background: #eee;
    border: 1px solid #699dff;
    line-height: 30px;
    height: 31px;
    font-weight: 600;
}

    .progress div {
        font-size: smaller;
        color: #FFF;
        background: #699dff;
        width: 0;
    }

.on-drag-enter {
    background-color: #FFF !important;
}

.on-drag-hover {
    background-color: #f6f6f6 !important;
    border: 1px dashed #699dff;
}

.on-dragging {
    border: 1px dashed #FD9F01;
}

/*.on-drag-hover:before {    
   
}*/
.progress-file-name {
    font-weight: 600;
    text-align: left;
    float: left;
}

.progress-file-status {
    font-weight: 600;
    float: right;
}

.photos-alert-msg {
    margin-top: 10px;
}

.warning-alert-icon {
    color: #c11e1e;
    font-size: 25px;
}

    .warning-alert-icon:before {
        color: #c11e1e;
    }

.cofc-images-photos-thumbnail.profile-pic {
    cursor: auto !important;
}

.cropArea {
    background: #fff;
    overflow: hidden;
    width: 100%;
    height: 400px;
    border: 1px dashed #d5d5d5;
}

.media-edit-btn {
    margin-top: -9px;
}

@media only screen and (min-width : 1400px) {
    .cofc-images-photos-thumbnail {
        height: 390px;
    }
}


.biccdashboard-cc-carousel .glyphicon {
    color: black;
}

.cc-image-slide {
    margin-left: 15%;
    width: 70%;
}


/*Media Slider*/

.photogallery-title {
    font-size: 13pt;
    font-weight: 300;
    color: #FFF;
}

.photo-thumbs.activeItem {
    opacity: inherit !important;
}

.gallery-close-icon {
    height: 20px;
    float: left;
}

.gallerynav {
    position: absolute;
    top: 100px;
    z-index: 999;
    color: #ddd;
    font-size: 40px;
}

.gallery-prev-Item {
    left: 10px;
}

.gallery-next-Item {
    right: 10px;
}

.photo-gallery-activeItem {
    position: relative;
    min-height: 290px;
    transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    color: black;
}

.photoGalleryModal .photo-thumbs {
    opacity: 0.5;
    width: 110px;
    height: 79px;
    float: left;
    margin: 9px 3px;
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.lg-img-wrap {
    text-align: center;
}

.lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    transition: all linear 0.5s;
}

.gallery-next-Item.disabled,
.gallery-prev-Item.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
    transition: all linear 0.5s;
    display: block !important;
}

    .animate-show.ng-hide-add.ng-hide-add-active, .animate-show.ng-hide-remove {
        opacity: 0;
    }

        .animate-show.ng-hide-add, .animate-show.ng-hide-remove.ng-hide-remove-active {
            opacity: 1;
        }

.lg-image .ng-hide {
    height: 0;
}

.gallerythumbrow {
    position: relative;
}

.gallerythumbouterconatiner {
    margin: 0 auto;
    overflow: hidden;
}

.thumbarrowcontainer {
    width: 50px;
    position: absolute;
}

    .thumbarrowcontainer.left {
        left: 20px;
        top: 10px;
    }

    .thumbarrowcontainer.right {
        right: 0px;
        top: 10px;
    }

        .thumbarrowcontainer.left.disabled,
        .thumbarrowcontainer.right.disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }

    .thumbarrowcontainer img {
        height: 52px;
        margin-top: 10px;
    }

.videoThumbnail {
    background-position: 235px 151px;
    background-size: 265px;
}

.cc-carousel {
    max-height: 480px;
}

.fee-subhead {
    font-size: 11px;
}

.text-minimumProcedurPrice,
.text-feeinput {
    width: 70%;
    float: left;
}

.input-label-right {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 800;
}

.text-minimumProcedurPrice {
    margin-top: 10px;
}

.proc-data-infobox {
    padding: 10px 0px;
}

.forcast-proc-container {
    background: #394152;
    color: #FFF;
    position: relative;
    min-height: 60px;
    padding: 10px 0px !important;
}

.forcast-totalsavings-container {
    background: #15ac51;
    color: #FFF;
    min-height: 60px;
    padding: 10px 0px !important;
}

.forcast-totalsavings-negative-container {
    background: red;
    color: #FFF;
    min-height: 60px;
    padding: 10px 0px !important;
}

/*Switch*/
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    /* The slider */
    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch .slider:before {
            position: absolute;
            content: " ";
            height: 20px;
            width: 20px;
            left: 3px;
            bottom: 2px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch input:checked + .slider {
        background-color: #68a84b;
    }

    .switch input:focus + .slider {
        box-shadow: 0 0 1px #68a84b;
    }

    .switch input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    /* Rounded sliders */
    .switch .slider.round {
        border-radius: 34px;
    }

        .switch .slider.round:before {
            border-radius: 50%;
        }

    .switch .slider .inner:before {
        content: "No";
        margin-left: 24px;
        line-height: 26px;
        font-size: 11px;
        color: #FFF;
    }

    .switch input:checked + .slider .inner:before {
        content: "Yes";
        margin-left: 5px;
        color: #FFF;
    }

.payer-price-forcast-conatainer {
    padding-bottom: 20px !important;
}

    .payer-price-forcast-conatainer .payer-pr-subhead {
        font-size: 12px;
    }

.total-save-container {
    background: #dcf3e5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.payerproc-cofc-prepostopdata {
    color: #000;
    font-size: 11px;
}

    .payerproc-cofc-prepostopdata .p-head {
        color: #ccc;
    }

    .payerproc-cofc-prepostopdata .virtual {
        color: #68a84b;
    }

.payer-proc-cofcname {
    font-size: 18px;
    color: #699dff;
}

.payer-cofc-procedureprice {
    font-weight: 600;
    font-size: 16px;
}

.payer-proc-editbtn {
    border: 0px;
    padding: 1px;
    color: #699dff;
}

.absbtn-calc {
    position: absolute !important;
    right: -8px;
    top: -3px;
}

.absbtn-forcast {
    position: absolute !important;
    right: 0px;
    top: 6px;
    color: #FFF !important;
}

.payer-current-nw-divider hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

tr.hide-border-bottom,
.hide-border-bottom th {
    border-bottom: 0px !important;
    border-bottom-color: #FFF;
}

.hide-border-top,
.hide-border-top th {
    border-top: 0px !important;
}

.green-bg-column {
    background: #f3fbf6;
}

.red-bg-column {
    background: #f5d6d6;
}

.font-green {
    color: #16ac51 !important;
}

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

.selected-row td {
    font-weight: 600;
    color: #000;
    position: relative;
    min-height: 71px !important;
}

.selected-row {
    /*background: #fcd69e;*/
}

    .selected-row .arrow-head {
        position: relative;
    }

/*.selected-row .arrow-head::after {
            width: 0px;
            height: 0px;
            border-top: 37px solid transparent;
            border-bottom: 36px solid transparent;
            border-left: 41px solid #fcd69e;
            content: "";
            position: absolute;
            right: -41px;
            bottom: -2px;
        }*/
.font-black {
    color: #000 !important;
}

.proc-payer-forecast-container {
    background: #15ac51;
    color: #FFF;
}

    .proc-payer-forecast-container h5 {
        color: #FFF;
    }

h4.payer-proc-head,
h5.payer-proc-head,
.text-black {
    color: #000 !important;
}

.payer-proc-searchbox i {
    margin-top: 10px !important;
}

.no-hover-bg:hover {
    background: transparent !important;
}

.payer-prc-btm-head {
    font-size: 12px;
    clear: both;
    color: #FFF;
    text-align: center;
    font-weight: 600;
}

.payer-prc-btm-data {
    font-size: 17px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
}

.font-red {
    color: red;
}

.btn-info-close {
    padding: 5px 60px;
}

.btn-sess-modal {
    padding: 5px 20px;
}

.text-orange {
    color: #F39A00;
}

.pending-cases-column {
    background: #fff0ef;
    color: #fd4d45;
    font-weight: 600;
}

.booked-cases-column {
    background: #e2f5e9;
    color: #22b15b;
    font-weight: 600;
}

.completed-cases-column {
    background: #ebebeb;
    color: #545454;
    font-weight: 600;
}

.in-progress-case-text {
    color: #fd9f01;
}

.cofc-google-search {
    height: 300px;
}

.gm-style-mtc {
    display: none;
}

.addProcedure .nav-tabs {
    border-bottom: none;
}

.addEditProcTitle {
    margin-left: 10px;
}

.addEditProc {
    float: right;
}

.addEditProc-Label {
    margin-left: 17px;
}

.btn-save-exit {
    background-color: #fff;
    border-color: #699dff;
    color: #699dff;
}

    .btn-save-exit:hover {
        background-color: #fff;
        border-color: #699dff;
        color: #699dff;
    }

.closeDetails {
    color: red !important;
}

.pkgDetailsOrangeText {
    color: #fd9f01;
}

.pkgDetailsBlackText {
    color: #000;
}

.pkgDetailsGreenText {
    color: green;
}

.hidden-alldevices {
    display: none;
}

.printview-container {
    background: #FFF !important;
    padding:20px;
}
.box-preview-container {
    position:relative;
    min-height:60vh;
}
iframe.box-preview-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box-preview-head.ng-scope {
    padding: 10px 30px;
}
.ta-scroll-window > .ta-bind {
    height: 300px !important;
    min-height: 300px !important;
    padding: 6px 12px;
    overflow: auto;
}
.ta-toolbar {
    background-color: #f7f9fa;
    padding: 10px 10px 5px;
    margin-left: 0px; /* Override bootstrap */
    border: 1px solid #EEE;
}

    .ta-toolbar .btn-group {
        margin-bottom: 5px;
    }

.ta-editor, .white-box {
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #EEE;
}
.ta-toolbar .btn-group .btn-default:hover,
.ta-toolbar .btn-group .btn-default:focus,
.ta-toolbar .btn-group .btn-default:active,
.ta-toolbar .btn-group .btn-default.active,
.ta-toolbar .btn-group .open .dropdown-toggle.btn-default {
    color: #333 !important;
    background-color: #ebebeb !important;
    border-color: #adadad !important;
}

.ta-toolbar .btn-group .btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

.ta-toolbar .btn-default.disabled,
.ta-toolbar .btn-default:disabled,
.ta-toolbar .btn-default[disabled] {
    opacity: .65 !important;
    background-color: #fff;
    border-color: #e4e5e7;
    color: #6a6c6f;
    font-weight: 400;
}
.ta-toolbar .btn i.fa, 
.ta-toolbar .btn i.fas, 
.ta-toolbar .btn i.far {
    padding-right: 0px;
}
.ta-scroll-window.form-control {
    border-radius:0px ;
}
@media screen and (min-width: 1400px) {
    .box-preview-container {
        position: relative;
        min-height: 70vh;
    }
}
/*Treatment Plan*/

.panel-treatmentplan {
    border-radius: 0px;
    margin-bottom: 0px;
    border: 1px solid #eee;
}

    .panel-treatmentplan .panel-heading {
        background: #3A4153;
        color: #FFF;
        font-size: 18pt;
        padding: 20px 0px;
    }

.treatmentPlan-headtext {
    color: #999;
    font-size: 13px;
    font-weight: 600;
}

.treatmentPlan-content {
    color: #000;
    font-size: 13pt;
}

.panel-treatmentplan .panel-body {
    position: relative;
}

    .panel-treatmentplan .panel-body .row {
        margin-top: 20px;
        margin-bottom: 20px;
    }

.treatmentplan-dateContainer {
    float: left;
    margin: 20px 20px;
    font-size: 14px;
    line-height: 1.5;
}

    .treatmentplan-dateContainer.first {
        margin: 20px 10px 20px 0px;
    }

    .treatmentplan-dateContainer .step-one-selected-dates-title {
        color: #909090;
        margin-bottom: 10px;
        font-size: 10pt;
        font-weight: 400;
    }

.treatmentPlan-content-cofcname {
    color: #699DFF;
    font-size: 21px;
}

.treatmentPlan-content-cofcaddress {
    color: #000;
}

.cc-result-providerName.treatmentPlan {
    color: #000 !important;
    font-size: 13px;
    line-height: 18px;
    margin-top: 6px;
}

.treatmentPlan-payername {
    color: #000;
    font-size: 15pt;
}

.treatmentplan-incName {
    font-size: 13px;
}

.treatmentplan-incexc {
    min-height: 45px;
    margin-bottom: 5px;
}

    .treatmentplan-incexc i {
        padding: 5px;
    }

.patient-profile-block {
    border: 1px solid #ddd;
    /* margin-bottom: 20px; */
    background: #FFF;
    padding-bottom: 10px;
}

.treatmentplan-patient {
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
}

.treatmentplan-user-profilepic img {
    margin: 0 auto;
}

.treatmentplan-user-profilepic {
    margin-top: 10px;
    margin-bottom: 10px;
}

.treatmentplan-dis-icon {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.patient-itinerary-footer {
    background: #FFE4C4;
    padding: 15px;
    font-size: 12px;
}
.step1-package-Provider-SliderItem {
    float: left;
    width: 90px;
}
.ccresult-incexc {
    min-height: 25px;
    margin-bottom: 8px;
}
    .ccresult-incexc i {
        padding: 5px;
    }

.print-center {
    text-align: center;
}
.treat-print-container .print-center {
    text-align: center;
}
.treat-print-container .panel-default.panel-treatmentplan {
    border-radius: 0px;
    margin-bottom: 0px;
    border: none;
    border-bottom: 1px dashed #ddd;
}
.treat-print-container .dark-grey-print-head {
    background: #999999 !important;
    color: #FFF !important;
    -webkit-print-color-adjust: exact;
    font-size: 22px !important;
}
.treat-print-container .print-treatmentplan-border {
    border-bottom: 1px dashed #ddd;
}

.patient-profile-block.no-border {
    border: none !important;
}
/*Itinerary*/
.itinerary-date-panel {
    background: #3A4153;
    color: #FFF;
    font-size: 19px;
    line-height: 52px;
    padding-left: 20px;
}

.itinerary-dates-row {
    background: #fff;
    padding: 13px;
    border-top: 1px solid #ddd;
}

.itinerary-time {
    font-size: 15px;
    font-weight: 600;
    margin-top: 8px;
}

.show-itinerary-item {
    background: url(/Content/themes/bicc/css/images/chevrons/Chevron_left_lightblue.svg) no-repeat center;
    height: 33px;
    width: 24px;
    float: right;
}

.hide-itinerary-item {
    background: url(/Content/themes/bicc/css/images/chevrons/Chevron_down_lightblue.svg) no-repeat center;
    height: 33px;
    width: 24px;
    float: right;
}

.it-details-info {
    color: #000;
    margin-left: 5px;
}

.patient-itinerary-footer {
    background: #FFE4C4;
    padding: 15px;
    font-size: 12px;
}
.bicc-hotel-mapBtnContainer {
    border: 1px solid #ddd;
    min-height: 200px;
    width: 100%;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.patient-itinerary-footer {
    background: #FFE4C4;
    padding: 15px;
    font-size: 12px;
}

.itinerary-carecenter-name {
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    color: #699DFF;
}

.itinerary-notifications-block {
    background: #3A4153;
    text-align: center;
    padding: 10px;
    font-size: 15px;
}

.itinerary-notifications {
    color: #fff;
}
.itinerary-Item-details {
    color: #000;
}

.itinerary-flight-layover-info {
    color: #fc9f02;
    font-weight: 600;
}

.flight-details-row {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.printview .print-header {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}
.printview .it-print-container .itinerary-date-panel {
    background: #545454 !important;
    clear: both;
    width: 100%;
    color: #FFF !important;
}
.it-print-container .dark-grey-print-head {
    background: #999999 !important;
    color: #FFF !important;
    -webkit-print-color-adjust: exact;
    font-size: 22px !important;
}
.finacial-cost-summary .buildpkg-sumaryCalculationCoveredContainer,
.finacial-cost-summary .buildpkg-sumaryCalculationCoveredContainer,
.finacial-cost-summary .cost-calc-prcTrvAccContainer,
.finacial-cost-summary .covered-costbtn-panel,
.finacial-cost-summary .covered-cost-panel,
.finacial-cost-summary .cost-calc-headerContainer,
.finacial-cost-summary .cost_calc_nonCvdBtnPkgContainer,
.finacial-cost-summary .buildPkg-ccInfo-header-container,
.finacial-cost-summary .buildpkg-sumaryCalculationCoveredContainer {
    width: 100% !important;
}
.buildpkg-sumaryCalculationCoveredContainer {
    border: 1px solid #ddd;
    border-bottom: 0px;
    width: 375px;
    float: right;
    overflow: hidden;
    background: #F7F7F7;
}

.cost-calc-prcTrvAccContainer,
.mob-cost-calc-prcTrvAccContainer {
    /*border-left: 1px solid #0dad53;
    border-right: 1px solid #0dad53;*/
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 375px;
    float: right;
    overflow: hidden;
    background: #fff;
    padding: 10px 0px;
}

.covered-cost-panel,
.mob-covered-cost-panel {
    /*background-color: #0dad53;*/
    color: #000;
    padding: 10px !important;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
}

.cost-calc-head {
    font-size: 18px;
    padding: 15px 0;
    font-weight: 600;
}

.cost_calc_ProcHead,
.cost-calc-price,
.cost_calc_travelTotal,
.cost_calc_accmTotal,
.cost_calc_travelTotal_amt,
.cost_calc_accmTotal_amt {
    font-size: 11pt;
}

.cost_calc_total_amt {
    font-size: 13pt;
}

.cost_calc_ProcHead,
.cost_calc_travelTotal,
.cost_calc_accmTotal,
.cost_calc_travelTotal_amt,
.cost_calc_accmTotal_amt,
.cost-calc-price {
    line-height: 12pt;
    font-weight: 600;
}

.cost-calc-you-get-negative {
    line-height: 11pt;
    font-weight: 600;
    font-size: 11pt;
    color: red;
}

.cost_calc_PrcRng_frm {
    font-size: 9pt;
    margin-right: 5px;
}

.cost_calc_totalAmt {
    font-size: 15px;
    font-weight: 600;
}

.cost_calc_planPayAmt {
    font-size: 16px;
    font-weight: 600;
}

.cost-head-text {
    font-size: 15px;
    font-weight: 600;
}

.you-get-panel-container {
    background: #eaf9f1;
    padding: 10px;
    /*padding-left: 0px;
    padding-right: 0px;*/
    color: #0dad53;
}

.you-have-panel-container {
    padding: 10px;
    /*padding-left: 0px;
    padding-right: 0px;*/
    color: #0dad53;
    padding-top:0px;
}

.cost-calc-travAcc-head {
    font-size: 13px;
}

.booked-text-proc {    
    color: #00A600;
    font-size: 9pt;
}

.cost_calc_ProcNme {
    font-size: 9pt;
}

.deductibles-section {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.cost_calc_nonCvdBtnPkgContainer.fixed {
    margin-top: 7px;
}

.cvd_pkg_cst_header {
    background: #f7f7f7;
}

.cost-calc-prcTrvAccContainer,
.covered-costbtn-panel,
.covered-cost-panel,
.cost-calc-headerContainer,
.cost_calc_nonCvdBtnPkgContainer,
.buildPkg-ccInfo-header-container,
.buildpkg-sumaryCalculationCoveredContainer {
    width: 375px;
    background: #FFF;
}

.cost-calc-prcTrvAccContainer {
    padding: 0px 4px !important;
}

.cost-calc-headerContainer {
    background: #FFF !important;
    z-index: 11;
}

.cost_calc_travelContainer {
    margin-bottom: 10px;
}

.cost_calc_PrcRng,
.cost_calc_cvdPrcRng {
    font-size: 10pt;
    margin-right: 5px;
}

.cost_calc_cvdPrcRng {
    color: #FFF;
}

.cost_calc_PrcRng {
    color: #999;
}

.cost_calc_planKeepAmtContainer {
    padding: 10px 10px !important;
    border: 1px solid #ddd;
    border-top: none;
    background: #FFF;
}

.covered-costbtn-panel {
    transition: all .4s ease-in-out;
}

.cost-calc-traveldest {
    margin-left: 25px;
    line-height: 1.3;
}

.cost_calc_travelTotal, .cost_calc_accmTotal {
    padding-left:0px;
}
.cost_calc_nonCvd_cntfrPrc {
    font-size: 12px;
    font-weight: 600;
}

.nonCovered.buildpkg-sumaryCalculationContainer .cost_calc_travelTotal,
.nonCovered.buildpkg-sumaryCalculationContainer .cost_calc_accmTotal {
    padding-left: 15px;
}



/*Responsive Classes*/
/*All small devices*/
@media (max-width: 767px) {
    .cost-calc-price {
        font-size: 10pt;
    }
    .cost_calc_travelContainer {
        margin-bottom: 0px;
    }
    .cost_calc_travelTotal {
        margin-top:0px;
    }
    .mob-cost-calc-prcTrvAccContainer {
        padding: 2px 4px !important;
    }
    .cost_calc_nonCvd_cntfrPrc {
        font-size: 9px;
        font-weight: 600;
    }
    .deduct-row .head-column {
        padding-left: 0px;
        font-size: 11px;
    }
        .not-sel-text {
            font-size: 11px;
        }
    .cost-head-text {
        font-size: 13px;
        font-weight: 600;
    }
    .package-currency {
        font-size: 11px;
    }
    .cost_calc_totalAmt {
        font-size: 13px !important;
        font-weight: 600;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .not-sel-text {
        font-size: 11px;
    }
    .cost-calc-travAcc-head {
        font-size: 12px;
    }
    .bldPkgCstandBtnContainer {
        width: 320px;
    }
    .cost-head-text {
        font-size: 13px;
        font-weight: 600;
    }
    .package-currency {
        font-size: 10px;
    }
    .cost_calc_totalAmt {
        font-size: 12px;
        font-weight: 600;
    }
    .buildpkg-sumaryCalculationCoveredContainer {       
        width: 320px;       
    }
    .cost-calc-prcTrvAccContainer,
    .covered-costbtn-panel,
    .covered-cost-panel,
    .cost-calc-headerContainer,
    .cost_calc_nonCvdBtnPkgContainer,
    .buildPkg-ccInfo-header-container,
    .buildpkg-sumaryCalculationCoveredContainer {
        width: 320px;
        background: #FFF;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .package-currency {
        font-size: 9px;
    }
    .cost_calc_totalAmt {
        font-size: 12px !important;       
    }
    .cost_calc_totalAmt {
        font-size: 12px !important;       
    }
    .cost-calc-travAcc-head {
        font-size: 11px !important;
    }
}

.icon-sm {
    height: 15px;
    width: 15px;
}

.inner-addon {
    position: relative;
}

    .inner-addon > .fa,
    .inner-addon > .fas,
    .inner-addon > .icon,
    .inner-addon > .icon-sm {
        position: absolute;
        margin: 15px 10px;
        pointer-events: none;
        color: #6185C3;
    }
   

.left-addon > .fa,
.left-addon > .fas,
.left-addon > .icon,
.left-addon > .icon-sm {
    left: 0;
}

.right-addon > .fa,
.right-addon > .fas,
.right-addon > .icon,
.right-addon > .icon-sm {
    right: 0;
}

.left-addon input,
.left-addon select,
.left-addon country-selector {
    padding-left: 35px;
}

.right-addon input {
    padding-right: 30px;
}

label.required:after,
legend.required:after {
    content: "*";
    color: #FF0000;
}

.message-list{
    overflow-y: auto;
    max-height: 70vh;
}
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/* MARGINS & PADDINGS */
.p-xxs {
    padding: 5px !important;
}

.p-xs {
    padding: 10px !important;
}

.p-sm {
    padding: 15px !important;
}

.p-m {
    padding: 20px !important;
}

.p-md {
    padding: 25px !important;
}

.p-lg {
    padding: 30px !important;
}

.p-xl {
    padding: 40px !important;
}

.m-xxs {
    margin: 2px 4px;
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m {
    margin: 15px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 30px;
}

.m-xl {
    margin: 50px;
}

.m-n {
    margin: 0 !important;
}

.m-l-none {
    margin-left: 0;
}

.m-l-xs {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 30px;
}

.m-l-xl {
    margin-left: 40px;
}

.m-l-n-xxs {
    margin-left: -1px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -30px;
}

.m-l-n-xl {
    margin-left: -40px;
}

.m-t-none {
    margin-top: 0;
}

.m-t-xxs {
    margin-top: 1px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t {
    margin-top: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-t-xl {
    margin-top: 40px;
}

.m-t-xxl {
    margin-top: 50px;
}

.m-t-xxxl {
    margin-top: 60px;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -30px;
}

.m-t-n-xl {
    margin-top: -40px;
}

.m-r-none {
    margin-right: 0;
}

.m-r-xxs {
    margin-right: 1px;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r {
    margin-right: 15px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 30px;
}

.m-r-xl {
    margin-right: 40px;
}

.m-r-n-xxs {
    margin-right: -1px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -30px;
}

.m-r-n-xl {
    margin-right: -40px;
}

.m-b-none {
    margin-bottom: 0;
}

.m-b-xxs {
    margin-bottom: 1px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px;
}

.m-b {
    margin-bottom: 15px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-xl {
    margin-bottom: 40px;
}

.m-b-n-xxs {
    margin-bottom: -1px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -30px;
}

.m-b-n-xl {
    margin-bottom: -40px;
}

.space-15 {
    margin: 15px 0;
}

.space-20 {
    margin: 20px 0;
}

.space-25 {
    margin: 25px 0;
}

.space-30 {
    margin: 30px 0;
}

.sweet-alert button {
    background-color: #34495e;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

    .sweet-alert button:focus {
        outline: none;
        box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .sweet-alert button:hover {
        background-color: #a1d9f2;
    }

    .sweet-alert button:active {
        background-color: #81ccee;
    }

    .sweet-alert button.cancel {
        background-color: #D0D0D0;
    }

        .sweet-alert button.cancel:hover {
            background-color: #c8c8c8;
        }

        .sweet-alert button.cancel:active {
            background-color: #b6b6b6;
        }

.sweet-alert p {
    font-size: 14px;
    font-weight: 400;
}

.sweet-alert h2 {
    font-size: 26px;
}

.sweet-alert {
    padding: 25px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
}

.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
}

.cg-notify-message.homer-notify {
    background: #fff;
    padding: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
    border: none;
    margin-top: 30px;
    color: inherit;
}

.homer-notify.alert-warning {
    border-left: 6px solid #ffb606;
}

.homer-notify.alert-success {
    border-left: 6px solid #62cb31;
}

.homer-notify.alert-danger {
    border-left: 6px solid #c0392b;
}

.homer-notify.alert-info {
    border-left: 6px solid #3498db;
}

body.modal-open {
    padding-right: 0 !important;
    position: absolute;
}

.h-modal-icon {
    font-size: 66px;
}

.inmodal .color-line {
    border-radius: 4px 4px 0 0;
}

.modal-content {
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}

.modal-backdrop.in {
    opacity: 0.4;
}

.modal-backdrop {
    position: fixed;
    bottom: 0;
}

.modal-dialog {
    margin-top: 80px;
}

.modal-title {
    font-size: 30px;
    font-weight: 300;
}

.modal-header {
    padding: 40px 30px;
    background: #f7f9fa;
}

.modal-body {
    padding: 20px 30px;
}

.modal-header small {
    color: #9d9fa2;
}

.modal-footer {
    background: #f7f9fa;
}

.hmodal-info .color-line {
    background: #3498db;
}

.hmodal-warning .color-line {
    background: #ffb606;
}

.hmodal-success .color-line {
    background: #62cb31;
}

.hmodal-danger .color-line {
    background: #c0392b;
}

.hmodal-info h4.modal-title {
    color: #3498db;
}

.hmodal-warning h4.modal-title {
    color: #ffb606;
}

.hmodal-success h4.modal-title {
    color: #62cb31;
}

.hmodal-danger h4.modal-title {
    color: #c0392b;
}
/* Progress bar */
.progress {
    border-radius: 2px;
    margin-bottom: 10px;
}

.progress-bar {
    background-color: #f1f3f6;
    text-align: right;
    padding-right: 10px;
    color: #6a6c6f;
}

.progress-small,
.progress-small .progress-bar {
    height: 10px;
}

.progress-bar-success {
    border-right: 4px solid #58b62c;
}

.progress-bar-info {
    border-right: 4px solid #258cd1;
}

.progress-bar-warning {
    border-right: 4px solid #eba600;
}

.progress-bar-danger {
    border-right: 4px solid #e43725;
}

.full .progress-bar-success {
    background-color: #62cb31;
    border-right: 4px solid #58b62c;
}

.full .progress-bar-info {
    background-color: #3498db;
    border-right: 4px solid #258cd1;
}

.full .progress-bar-warning {
    background-color: #ffb606;
    border-right: 4px solid #eba600;
}

.full .progress-bar-danger {
    background-color: #e74c3c;
    border-right: 4px solid #e43725;
}

.full .progress-bar {
    color: #ffffff;
}

body.blank {
    background-color: #f1f3f6;
}

.login-container {
    max-width: 420px;
    margin: auto;
    padding-top: 6%;
}

.passwd-reset-container {
    max-width: 550px;
    margin: auto;
    padding-top: 6%;
}

.new-passwd-reset-container {
    max-width: 850px;
    margin: auto;
    padding-top: 6%;
}

.register-container {
    max-width: 720px;
    margin: auto;
    padding-top: 6%;
}

.lock-container {
    max-width: 420px;
    margin: auto;
    padding-top: 6%;
}

.error-container {
    max-width: 620px;
    margin: auto;
    padding-top: 6%;
}

.big-icon {
    font-size: 120px;
}

.error-container h1 {
    font-size: 44px;
}

.back-link {
    float: left;
    width: 100%;
    margin: 10px;
}

@media (max-width: 420px) {
    .login-container,
    .lock-container {
        margin: auto 10px;
    }
}

@media (max-width: 720px) {
    .register-container {
        margin: auto 10px;
    }

    .lock-container {
        padding-top: 15%;
    }
}

@media (max-width: 620px) {
    .error-container {
        margin: auto 10px;
    }
}

.vertical-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 98%;
    margin: 0 auto;
}

    .vertical-container::after {
        /* clearfix */
        content: '';
        display: table;
        clear: both;
    }

.v-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

    .v-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: #e8ebf0;
    }

.vertical-timeline-content .btn {
    float: right;
}

.vertical-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .vertical-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-block:first-child {
        margin-top: 0;
    }

    .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 1px solid #e4e5e7;
    text-align: center;
    background: #fff;
}

    .vertical-timeline-icon i {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -9px;
    }

.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    border: 1px solid #e4e5e7;
}

    .vertical-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-content h2 {
        font-weight: 400;
        margin-top: 4px;
    }

    .vertical-timeline-content p {
        margin: 1em 0 0 0;
        line-height: 1.6;
    }

    .vertical-timeline-content .vertical-date {
        font-weight: 500;
        text-align: right;
        font-size: 13px;
    }

.vertical-date small {
    color: #62cb31;
    font-weight: 400;
}

.vertical-timeline-content:after,
.vertical-timeline-content:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.vertical-timeline-content:after {
    border-color: transparent;
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.vertical-timeline-content:before {
    border-color: transparent;
    border-right-color: #e4e5e7;
    border-width: 11px;
    margin-top: -11px;
}

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 18px;
    }

    .vertical-timeline-content p {
        font-size: 13px;
    }
}

.contact-panel h3 {
    margin-bottom: 2px;
}

    .contact-panel h3 a {
        color: inherit;
    }

.contact-panel p {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 0;
}

.contact-panel img {
    width: 76px;
    height: 76px;
}

.contact-footer {
    padding: 0 15px;
}

.contact-stat span {
    font-size: 10px;
    font-weight: 500;
    display: block;
    color: #9d9fa2;
    text-transform: uppercase;
}

.contact-stat {
    padding: 8px 0px;
    text-align: center;
}

.contact-panel:hover .panel-body {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    z-index: 1;
}
/* FULLCALENDAR */
.fc-state-default {
    background-color: #ffffff;
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none;
    color: inherit;
    text-shadow: none;
}

.fc-state-default {
    border: 1px solid;
}

.fc-button {
    color: inherit;
    border: 1px solid #e4e5e7;
    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 0.6em;
    position: relative;
    white-space: nowrap;
}

.fc-state-active {
    background-color: #34495e;
    border-color: #34495e;
    color: #ffffff;
}

.fc-header-title h2 {
    font-size: 16px;
    font-weight: 600;
    color: inherit;
}

.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
    border-color: #e4e5e7;
    font-weight: normal;
}

.fc-border-separate tbody {
    background-color: #F8F8F8;
}

.fc-state-highlight {
    background: none repeat scroll 0 0 #f1f3f6;
}

.external-event {
    padding: 5px 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 5px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-radius: 2px;
}

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
    padding: 4px 6px;
    background-color: #34495e;
    border-color: #34495e;
}

.fc-event-time,
.fc-event-title {
    color: #717171;
    padding: 0 1px;
}

.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
    color: #fff;
}

.fc-view-container .fc-widget-header {
    background: #f7f8fa;
}

.fc-widget-header .fc-day-header {
    padding: 12px 0;
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: center;
}

.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
    padding: 6px;
}

.fc-day-grid-event {
    margin: 2px 6px 0;
}

.note-editor {
    border: 1px solid #e4e5e7;
}

    .note-editor .note-toolbar {
        border-bottom: 1px solid #e4e5e7;
    }

    .note-editor .btn-default {
        border-color: #e4e5e7;
    }

.ngHeaderCell {
    border-right: none;
    border-bottom: 1px solid #e4e5e7;
}

.ngCell {
    border-right: none;
}

.ngTopPanel {
    background: #fff;
}

.ngRow.even {
    background: #f9f9f9;
}

.ngRow.selected {
    background: #e5e8ee;
}

.ngRow {
    border-bottom: 1px solid #e4e5e7;
}

.ngCell {
    background-color: transparent;
}

.ngHeaderCell {
    border-right: none;
}

.gridStyle {
    border: 1px solid #e4e5e7;
    height: 400px;
}

.show-grid [class^="col-"] {
    background-color: #f1f3f6 !important;
    border: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
}

.show-grid {
    margin: 15px 0;
}

.dropdown-menu.hdropdown {
    padding: 0;
    z-index: 1060;
}

    .dropdown-menu.hdropdown .title {
        padding: 12px 12px;
        text-align: center;
        border-bottom: 1px solid #e4e5e7;
    }

    .dropdown-menu.hdropdown li {
        padding: 6px 12px;
        text-align: left;
        background: #fafbfc;
        border-bottom: 1px solid #e4e5e7;
    }

.dropdown-menu.filedropdown li {
    padding: 6px 6px;
    text-align: left;
    background: #fafbfc;
    border-bottom: 1px solid #e4e5e7;
}

    .dropdown-menu.filedropdown li i {
        margin-right: 10px;
    }

.dropdown-menu.hdropdown.notification li {
    padding: 12px 12px;
}

    .dropdown-menu.hdropdown.notification li .label {
        margin-right: 10px;
    }

.dropdown-menu.hdropdown li > a:hover,
.dropdown-menu.filedropdown li > a:hover {
    background: inherit;
}

.dropdown-menu.hdropdown li:hover,
.dropdown-menu.filedropdown li:hover {
    background: #f1f3f6;
}

.dropdown-menu.hdropdown li.summary {
    padding: 6px 12px;
    text-align: center;
    background: #fff;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
    color: inherit;
    background: #f7f8fa;
    border-bottom: 1px solid #e4e5e7;
}

.chat-avatar {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}

.chat-user-name {
    padding: 10px;
}

.chat-user {
    padding: 8px 10px;
    border-bottom: 1px solid #e7eaec;
}

    .chat-user a {
        color: inherit;
    }

.chat-view {
    z-index: 1070;
}

.chat-users,
.chat-statistic {
    margin-left: -30px;
}

@media (max-width: 992px) {
    .chat-users,
    .chat-statistic {
        margin-left: 0px;
    }
}

.chat-view .ibox-content {
    padding: 0;
}

.chat-message {
    padding: 10px 20px;
}

.message-avatar {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    margin-top: 1px;
}

.chat-discussion .chat-message .message-avatar {
    float: left;
    margin-right: 10px;
}

.chat-discussion .message {
    background-color: #f7f8fa;
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px;
}

.chat-discussion .chat-message .message-date {
    float: right;
}

.chat-discussion .chat-message .message {
    text-align: left;
    margin-left: 55px;
}

.message-date {
    font-size: 10px;
    color: #888888;
}

.message-content {
    display: block;
}

.chat-users,
.chat-discussion {
    overflow-y: auto;
    height: 500px;
}

    .chat-discussion .chat-message.left .message-date {
        float: right;
    }

    .chat-discussion .chat-message.right .message-date {
        float: left;
    }

    .chat-discussion .chat-message.left .message {
        text-align: left;
        margin-left: 55px;
    }

    .chat-discussion .chat-message.right .message {
        text-align: right;
        margin-right: 55px;
    }

    .chat-discussion .chat-message.left .message-avatar {
        float: left;
        margin-right: 10px;
    }

    .chat-discussion .chat-message.right .message-avatar {
        float: right;
        margin-left: 10px;
    }

.chat-discussion {
    padding: 15px 10px;
}

.header-line.extreme-color {
    width: 20%;
}

.header-line {
    height: 6px;
    width: 10%;
    float: left;
    margin: 0;
    position: relative;
}

    .header-line div {
        position: absolute;
        top: 70px;
        left: 15px;
        font-weight: 600;
        color: #fff;
    }

        .header-line div span {
            font-weight: 400;
            display: block;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.6);
        }

.color-demo .header-line {
    height: 118px;
}

    .color-demo .header-line:after {
        display: block;
        position: absolute;
        top: 0;
        background: rgba(0, 0, 0, 0.2);
        content: '';
        height: 10px;
        width: 100%;
    }
/* Buttons */
.btn {
    border-radius: 3px;
}

.float-e-margins .btn {
    margin-bottom: 5px;
}

.btn-primary.btn-outline {
    color: #34495e;
}

.btn-primary2.btn-outline {
    color: #9b59b6;
}

.btn-success.btn-outline {
    color: #62cb31;
}

.btn-info.btn-outline {
    color: #3498db;
}

.btn-warning.btn-outline {
    color: #ffb606;
}

.btn-warning2.btn-outline {
    color: #e67e22;
}

.btn-danger.btn-outline {
    color: #e74c3c;
}

.btn-danger2.btn-outline {
    color: #c0392b;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-primary {
    background-color: #34495e;
    border-color: #34495e;
    color: #FFFFFF;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-color: #3f5872;
        border-color: #3f5872;
        color: #FFFFFF;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

        .btn-primary.disabled,
        .btn-primary.disabled:hover,
        .btn-primary.disabled:focus,
        .btn-primary.disabled:active,
        .btn-primary.disabled.active,
        .btn-primary[disabled],
        .btn-primary[disabled]:hover,
        .btn-primary[disabled]:focus,
        .btn-primary[disabled]:active,
        .btn-primary.active[disabled],
        fieldset[disabled] .btn-primary,
        fieldset[disabled] .btn-primary:hover,
        fieldset[disabled] .btn-primary:focus,
        fieldset[disabled] .btn-primary:active,
        fieldset[disabled] .btn-primary.active {
            background-color: #293a4a;
            border-color: #293a4a;
        }

.btn-primary2 {
    background-color: #9b59b6;
    border-color: #9b59b6;
    color: #FFFFFF;
}

    .btn-primary2:hover,
    .btn-primary2:focus,
    .btn-primary2:active,
    .btn-primary2.active,
    .open .dropdown-toggle.btn-primary2 {
        background-color: #a86ebf;
        border-color: #a86ebf;
        color: #FFFFFF;
    }

    .btn-primary2:active,
    .btn-primary2.active,
    .open .dropdown-toggle.btn-primary2 {
        background-image: none;
    }

        .btn-primary2.disabled,
        .btn-primary2.disabled:hover,
        .btn-primary2.disabled:focus,
        .btn-primary2.disabled:active,
        .btn-primary2.disabled.active,
        .btn-primary2[disabled],
        .btn-primary2[disabled]:hover,
        .btn-primary2[disabled]:focus,
        .btn-primary2[disabled]:active,
        .btn-primary2.active[disabled],
        fieldset[disabled] .btn-primary2,
        fieldset[disabled] .btn-primary2:hover,
        fieldset[disabled] .btn-primary2:focus,
        fieldset[disabled] .btn-primary2:active,
        fieldset[disabled] .btn-primary2.active {
            background-color: #8c49a7;
            border-color: #8c49a7;
        }

.btn-success {
    background-color: #62cb31;
    border-color: #62cb31;
    color: #FFFFFF;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-color: #74d348;
        border-color: #74d348;
        color: #FFFFFF;
    }

    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-image: none;
    }

        .btn-success.disabled,
        .btn-success.disabled:hover,
        .btn-success.disabled:focus,
        .btn-success.disabled:active,
        .btn-success.disabled.active,
        .btn-success[disabled],
        .btn-success[disabled]:hover,
        .btn-success[disabled]:focus,
        .btn-success[disabled]:active,
        .btn-success.active[disabled],
        fieldset[disabled] .btn-success,
        fieldset[disabled] .btn-success:hover,
        fieldset[disabled] .btn-success:focus,
        fieldset[disabled] .btn-success:active,
        fieldset[disabled] .btn-success.active {
            background-color: #56b22b;
            border-color: #56b22b;
        }

.btn-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #FFFFFF;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background-color: #4ea5e0;
        border-color: #4ea5e0;
        color: #FFFFFF;
    }

    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background-image: none;
    }

        .btn-info.disabled,
        .btn-info.disabled:hover,
        .btn-info.disabled:focus,
        .btn-info.disabled:active,
        .btn-info.disabled.active,
        .btn-info[disabled],
        .btn-info[disabled]:hover,
        .btn-info[disabled]:focus,
        .btn-info[disabled]:active,
        .btn-info.active[disabled],
        fieldset[disabled] .btn-info,
        fieldset[disabled] .btn-info:hover,
        fieldset[disabled] .btn-info:focus,
        fieldset[disabled] .btn-info:active,
        fieldset[disabled] .btn-info.active {
            background-color: #2489cc;
            border-color: #2489cc;
        }

.btn-default {
    background-color: #fff;
    border-color: #e4e5e7;
    color: #6a6c6f;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-color: #fff;
        border-color: #d9dbdd;
        color: #606265;
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-image: none;
    }

        .btn-default.disabled,
        .btn-default.disabled:hover,
        .btn-default.disabled:focus,
        .btn-default.disabled:active,
        .btn-default.disabled.active,
        .btn-default[disabled],
        .btn-default[disabled]:hover,
        .btn-default[disabled]:focus,
        .btn-default[disabled]:active,
        .btn-default.active[disabled],
        fieldset[disabled] .btn-default,
        fieldset[disabled] .btn-default:hover,
        fieldset[disabled] .btn-default:focus,
        fieldset[disabled] .btn-default:active,
        fieldset[disabled] .btn-default.active {
            background-color: #e4ebee;
            border-color: #e4ebee;
        }

.btn-warning {
    background-color: #ffb606;
    border-color: #ffb606;
    color: #FFFFFF;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        background-color: #ffbf25;
        border-color: #ffbf25;
        color: #FFFFFF;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        background-image: none;
    }

        .btn-warning.disabled,
        .btn-warning.disabled:hover,
        .btn-warning.disabled:focus,
        .btn-warning.disabled:active,
        .btn-warning.disabled.active,
        .btn-warning[disabled],
        .btn-warning[disabled]:hover,
        .btn-warning[disabled]:focus,
        .btn-warning[disabled]:active,
        .btn-warning.active[disabled],
        fieldset[disabled] .btn-warning,
        fieldset[disabled] .btn-warning:hover,
        fieldset[disabled] .btn-warning:focus,
        fieldset[disabled] .btn-warning:active,
        fieldset[disabled] .btn-warning.active {
            background-color: #e6a300;
            border-color: #e6a300;
        }

.btn-warning2 {
    background-color: #e67e22;
    border-color: #e67e22;
    color: #FFFFFF;
}

    .btn-warning2:hover,
    .btn-warning2:focus,
    .btn-warning2:active,
    .btn-warning2.active,
    .open .dropdown-toggle.btn-warning2 {
        background-color: #e98e3d;
        border-color: #e98e3d;
        color: #FFFFFF;
    }

    .btn-warning2:active,
    .btn-warning2.active,
    .open .dropdown-toggle.btn-warning2 {
        background-image: none;
    }

        .btn-warning2.disabled,
        .btn-warning2.disabled:hover,
        .btn-warning2.disabled:focus,
        .btn-warning2.disabled:active,
        .btn-warning2.disabled.active,
        .btn-warning2[disabled],
        .btn-warning2[disabled]:hover,
        .btn-warning2[disabled]:focus,
        .btn-warning2[disabled]:active,
        .btn-warning2.active[disabled],
        fieldset[disabled] .btn-warning2,
        fieldset[disabled] .btn-warning2:hover,
        fieldset[disabled] .btn-warning2:focus,
        fieldset[disabled] .btn-warning2:active,
        fieldset[disabled] .btn-warning2.active {
            background-color: #d26f18;
            border-color: #d26f18;
        }

.btn-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #FFFFFF;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background-color: #ea6557;
        border-color: #ea6557;
        color: #FFFFFF;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background-image: none;
    }

        .btn-danger.disabled,
        .btn-danger.disabled:hover,
        .btn-danger.disabled:focus,
        .btn-danger.disabled:active,
        .btn-danger.disabled.active,
        .btn-danger[disabled],
        .btn-danger[disabled]:hover,
        .btn-danger[disabled]:focus,
        .btn-danger[disabled]:active,
        .btn-danger.active[disabled],
        fieldset[disabled] .btn-danger,
        fieldset[disabled] .btn-danger:hover,
        fieldset[disabled] .btn-danger:focus,
        fieldset[disabled] .btn-danger:active,
        fieldset[disabled] .btn-danger.active {
            background-color: #e43321;
            border-color: #e43321;
        }

.btn-danger2 {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #FFFFFF;
}

    .btn-danger2:hover,
    .btn-danger2:focus,
    .btn-danger2:active,
    .btn-danger2.active,
    .open .dropdown-toggle.btn-danger2 {
        background-color: #d24637;
        border-color: #d24637;
        color: #FFFFFF;
    }

    .btn-danger2:active,
    .btn-danger2.active,
    .open .dropdown-toggle.btn-danger2 {
        background-image: none;
    }

        .btn-danger2.disabled,
        .btn-danger2.disabled:hover,
        .btn-danger2.disabled:focus,
        .btn-danger2.disabled:active,
        .btn-danger2.disabled.active,
        .btn-danger2[disabled],
        .btn-danger2[disabled]:hover,
        .btn-danger2[disabled]:focus,
        .btn-danger2[disabled]:active,
        .btn-danger2.active[disabled],
        fieldset[disabled] .btn-danger2,
        fieldset[disabled] .btn-danger2:hover,
        fieldset[disabled] .btn-danger2:focus,
        fieldset[disabled] .btn-danger2:active,
        fieldset[disabled] .btn-danger2.active {
            background-color: #a73225;
            border-color: #a73225;
        }

.btn-link {
    color: inherit;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active,
    .btn-link.active,
    .open .dropdown-toggle.btn-link {
        color: #6a6c6f;
    }

    .btn-link:active,
    .btn-link.active,
    .open .dropdown-toggle.btn-link {
        background-image: none;
    }

        .btn-link.disabled,
        .btn-link.disabled:hover,
        .btn-link.disabled:focus,
        .btn-link.disabled:active,
        .btn-link.disabled.active,
        .btn-link[disabled],
        .btn-link[disabled]:hover,
        .btn-link[disabled]:focus,
        .btn-link[disabled]:active,
        .btn-link.active[disabled],
        fieldset[disabled] .btn-link,
        fieldset[disabled] .btn-link:hover,
        fieldset[disabled] .btn-link:focus,
        fieldset[disabled] .btn-link:active,
        fieldset[disabled] .btn-link.active {
            color: #9d9fa2;
        }

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-xs {
    border-radius: 3px;
    font-size: 11px;
    line-height: 1.5;
    padding: 1px 7px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

    .btn-circle.btn-xs {
        width: 20px;
        height: 20px;
        padding: 4px 8px;
        border-radius: 25px;
        font-size: 10px;
        line-height: 1;
    }

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        border-radius: 25px;
        font-size: 18px;
        line-height: 1.33;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        border-radius: 35px;
        font-size: 24px;
        line-height: 1.33;
    }
/* Fonts */
.font-light {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

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

.font-extra-bold {
    font-weight: 700;
}

.font-uppercase {
    text-transform: uppercase;
}

.font-trans {
    opacity: 0.5 !important;
}

.text-big {
    font-size: 60px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 200;
}
/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("img/green.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}

    .icheckbox_square-green.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-green.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-green.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-green.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-green {
    background-position: -120px 0;
}

    .iradio_square-green.hover {
        background-position: -144px 0;
    }

    .iradio_square-green.checked {
        background-position: -168px 0;
    }

    .iradio_square-green.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-green.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url("img/green@2x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* Layout */
html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden !important;
}

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fff;
    font-size: 13px;
    color: #6a6c6f;
    margin: 0;
    padding: 0;
    height: auto;
}

#header {
    background-color: #fff;
    display: block;
    height: 56px;
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #e4e5e7;
}

#menu {
    width: 180px;
    bottom: 0;
    float: left;
    left: 0;
    position: absolute;
    top: 62px;
    transition: all 0.4s ease 0s;
}

#wrapper {
    margin: 0 0 0 180px;
    padding: 0;
    background: #f1f3f6;
    border-left: 1px solid #e4e5e7;
    transition: all 0.4s ease 0s;
    position: relative;
    min-height: 100%;
}

.content {
    padding: 25px 40px 40px 40px;
    min-width: 320px;
}

.footer {
    padding: 10px 18px;
    background: #ffffff;
    border-top: 1px solid #e4e5e7;
    transition: all 0.4s ease 0s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
}

@media (max-width: 768px) {
    .content {
        padding: 15px 15px 15px 15px;
        min-width: 320px;
    }
}

.content-boxed {
    max-width: 1100px;
    margin: auto;
    padding-top: 60px;
}

#page-header {
    padding: 20px 40px;
}

.color-line {
    background: #f7f9fa;
    height: 6px;
    background-image: -webkit-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: -moz-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: -ms-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: linear-gradient(to right, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-size: 100% 6px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

.fixed-navbar #header {
    width: 100%;
    position: fixed;
    z-index: 1000;
}

.fixed-navbar #wrapper {
    top: 56px;
}

.fixed-sidebar #menu {
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    width: 197px;
    margin-bottom: 35px;
}

.fixed-sidebar.show-sidebar #menu {
    width: 180px;
}

.fixed-footer .footer {
    position: fixed;
    z-index: 1001;
    bottom: 0;
    left: 181px;
    right: 0;
}

.fixed-footer.hide-sidebar .footer {
    left: 0;
}

.cases-scroll {
    position: relative;
    margin-bottom: 35px;
}

.cases-scroll-list {    
    overflow: auto;
}

.cases-scroll-list.search-collapsed {
    max-height:57vh;
}

.cases-scroll-list.search-expanded {
    max-height:42vh;
}

.cases-scroll .details {
    max-height:77vh;
    overflow: auto;
}

@media (max-width: 768px) {
    .fixed-footer .footer {
        left: 0;
    }

    .fixed-footer.show-sidebar .footer {
        left: 181px;
    }
}

#right-sidebar {
    background-color: #fff;
    border-left: 1px solid #e4e5e7;
    position: fixed;
    top: 0;
    width: 260px !important;
    z-index: 1009;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
}

    #right-sidebar.sidebar-open {
        display: block;
    }

.fixed-small-header .small-header {
    position: fixed;
    top: 62px;
    left: 0;
    right: 0;
    margin-left: 181px;
    z-index: 100;
}

.fixed-small-header .content {
    padding-top: 80px;
}

.fixed-small-header.hide-sidebar .small-header {
    margin-left: 0;
}

.fixed-small-header.page-small .small-header {
    margin-left: 0;
}

.fixed-small-header.page-small .content {
    padding-top: 120px;
}

.fixed-small-header.page-small.show-sidebar .small-header {
    margin-left: 181px;
    overflow: hidden;
}

.boxed {
    background-color: #ffffff;
}

    .boxed .profile-picture {
        background-color: white;
    }

    .boxed .boxed-wrapper {
        display: block;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.55);
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.55);
    }
/* Lists */
.list .list-item-container {
    float: left;
}

.list-item-container div:first-child {
    border-top: none;
}

.list .list-item .list-item-content p {
    margin-bottom: 3px;
    margin-top: 0;
}

.list .list-item-date {
    color: #AAAAAA;
    font-size: 10px;
    text-align: center;
}

.list .list-item {
    float: left;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e4e5e7;
}

.list .list-item-container-small {
    min-width: 80px;
    text-align: center;
}

.list .list-item .list-item-content .list-item-right {
    height: 100%;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.list .list-item .list-item-content h1,
.list .list-item .list-item-content h2,
.list .list-item .list-item-content h3,
.list .list-item .list-item-content h4,
.list .list-item .list-item-content h5,
.list .list-item .list-item-content h6,
.list .list-item .list-item-content .list-item-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}
/* Panels */
.hpanel > .panel-heading {
    color: inherit;
    font-weight: 600;
    padding: 10px 4px;
    transition: all .3s;
    border: 1px solid transparent;
}

.hpanel .hbuilt.panel-heading {
    border-bottom: none;
}

.hpanel > .panel-footer,
.hpanel > .panel-section {
    color: inherit;
    border: 1px solid #e4e5e7;
    border-top: none;
    font-size: 90%;
    background: #f7f9fa;
    padding: 10px 15px;
}

.hpanel.panel-collapse > .panel-heading,
.hpanel .hbuilt {
    background: #fff;
    border-color: #e4e5e7;
    border: 1px solid #e4e5e7;
    padding: 10px 10px;
    border-radius: 2px;
}

.hpanel .panel-body {
    background: #fff;
    border: 1px solid #e4e5e7;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}

.hpanel.panel-group .panel-body:first-child {
    border-top: 1px solid #e4e5e7;
}

.hpanel.panel-group .panel-body {
    border-top: none;
}

.panel-collapse .panel-body {
    border: none;
}

.hpanel {
    background-color: none;
    border: none;
    box-shadow: none;
    margin-bottom: 25px;
}

.panel-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    padding: 0;
    position: relative;
}

.hpanel .alert {
    margin-bottom: 0;
    border-radius: 0;
    border: 1px solid #e4e5e7;
    border-bottom: none;
}

.panel-tools a {
    margin-left: 5px;
    color: #9d9fa2;
    cursor: pointer;
}

.hpanel.hgreen .panel-body {
    border-top: 2px solid #62cb31;
}

.hpanel.hblue .panel-body {
    border-top: 2px solid #3498db;
}

.hpanel.hyellow .panel-body {
    border-top: 2px solid #ffb606;
}

.hpanel.hviolet .panel-body {
    border-top: 2px solid #9b59b6;
}

.hpanel.horange .panel-body {
    border-top: 2px solid #e67e22;
}

.hpanel.hred .panel-body {
    border-top: 2px solid #e74c3c;
}

.hpanel.hreddeep .panel-body {
    border-top: 2px solid #c0392b;
}

.hpanel.hnavyblue .panel-body {
    border-top: 2px solid #34495e;
}

.hpanel.hbggreen .panel-body {
    background: #62cb31;
    color: #fff;
    border: none;
}

.hpanel.hbgblue .panel-body {
    background: #3498db;
    color: #fff;
    border: none;
}

.hpanel.hbgyellow .panel-body {
    background: #ffb606;
    color: #fff;
    border: none;
}

.hpanel.hbgviolet .panel-body {
    background: #9b59b6;
    color: #fff;
    border: none;
}

.hpanel.hbgorange .panel-body {
    background: #e67e22;
    color: #fff;
    border: none;
}

.hpanel.hbgred .panel-body {
    background: #e74c3c;
    color: #fff;
    border: none;
}

.hpanel.hbgreddeep .panel-body {
    background: #c0392b;
    color: #fff;
    border: none;
}

.hpanel.hbgnavyblue .panel-body {
    background: #34495e;
    color: #fff;
    border: none;
}

.panel-group .panel-heading {
    background-color: #f7f9fa;
}

.small-header .hpanel {
    margin-bottom: 0;
}

.small-header {
    padding: 0 !important;
}

    .small-header .panel-body {
        padding: 15px 25px;
        border-right: none;
        border-left: none;
        border-top: none;
        border-radius: 0;
    }

.panel-body h5,
.panel-body h4 {
    font-weight: 600;
}

.small-header .panel-body h2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 0 0;
}

.small-header .panel-body small {
    color: #838589;
}

.hbreadcrumb {
    padding: 2px 0px;
    margin-top: 6px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #fff;
    font-size: 11px;
}

    .hbreadcrumb > li {
        display: inline-block;
    }

        .hbreadcrumb > li + li:before {
            padding: 0 5px;
            color: #34495e;
        }

    .hbreadcrumb > .active {
        color: #9d9fa2;
    }

.wrapper {
    padding: 10px 20px;
}

.hpanel.collapsed .panel-body,
.hpanel.collapsed .panel-footer {
    display: none;
}

.hpanel.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.hpanel.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.hpanel.collapsed.panel-collapse .panel-body {
    border-width: 0 1px 1px 1px;
    border-color: #e4e5e7;
    border-style: solid;
}

.hpanel.collapsed .hbuilt.panel-heading {
    border-bottom: 1px solid #e4e5e7;
}

body.fullscreen-panel-mode {
    overflow-y: hidden;
}

.hpanel.fullscreen {
    z-index: 2030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin-bottom: 0;
}

    .hpanel.fullscreen .showhide {
        display: none;
    }

    .hpanel.fullscreen .panel-body {
        min-height: calc(100% - 77px);
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: 1px solid #e4e5e7;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #e4e5e7;
}

.tab-pane .panel-body {
    border-top: none;
}

.tabs-left .tab-pane .panel-body,
.tabs-right .tab-pane .panel-body {
    border-top: 1px solid #e4e5e7;
}

.nav-tabs > li a:hover {
    background: transparent;
    border-color: transparent;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-left .panel-body {
    position: static;
}

.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
    width: 20%;
}

.tabs-left .panel-body {
    width: 80%;
    margin-left: 20%;
}

.tabs-right .panel-body {
    width: 80%;
    margin-right: 20%;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #e4e5e7;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus {
                border-top-color: #e4e5e7;
                border-bottom-color: transparent;
            }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover,
    .tabs-left > .nav-tabs .active > a:focus {
        border-color: #e4e5e7 transparent #e4e5e7 #e4e5e7;
        *border-right-color: #ffffff;
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

        .tabs-right > .nav-tabs > li > a:hover,
        .tabs-right > .nav-tabs > li > a:focus {
            border-color: #eeeeee #eeeeee #eeeeee #dddddd;
        }

    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:hover,
    .tabs-right > .nav-tabs .active > a:focus {
        border-color: #e4e5e7 #e4e5e7 #e4e5e7 transparent;
        *border-left-color: #ffffff;
        z-index: 1;
    }

.tooltip-inner {
    background-color: #34495e;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #34495e;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #34495e;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #34495e;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #34495e;
}
/* Opacity */
.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 1;
}
/* Google Maps */
.google-map {
    height: 300px;
}

.hr-line-dashed {
    background-color: transparent;
    border-top: 1px dotted #f1f3f6;
    color: transparent;
    height: 1px;
    margin: 20px 0;
}
/* Mixin */
.animated-panel {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Color */
.h-bg-navy-blue {
    background: #34495e;
}

.h-bg-violet {
    background: #9b59b6;
}

.h-bg-blue {
    background: #3498db;
}

.h-bg-green {
    background: #62cb31;
}

.h-bg-yellow {
    background: #ffb606;
}

.h-bg-orange {
    background: #e67e22;
}

.h-bg-red {
    background: #e74c3c;
}

.h-bg-red-deep {
    background: #c0392b;
}

.text-primary {
    color: #34495e;
}

.text-primary-2 {
    color: #9b59b6;
}

.text-info {
    color: #3498db;
}

.text-success {
    color: #62cb31;
}

.text-warning {
    color: #ffb606;
}

.text-danger {
    color: #e74c3c;
}

.text-white {
    color: #fff;
}

.border-top {
    border-top: 1px solid #e4e5e7;
}

.border-bottom {
    border-bottom: 1px solid #e4e5e7;
}

.border-right {
    border-right: 1px solid #e4e5e7;
}

.border-left {
    border-left: 1px solid #e4e5e7;
}

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/* Inputs */
.has-warning .form-control,
.has-error .form-control,
.has-success .form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control {
    border-color: #d62c1a !important;
}

.has-warning .form-control {
    border-color: #d29400 !important;
}

.has-success .form-control {
    border-color: #4ea227 !important;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #d62c1a;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #d29400;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #4ea227;
}
/* Backgrounds */
.bg-white {
    background-color: #fff;
}

.bg-light-soft {
    background-color: #f1f3f6;
}

.bg-light {
    background-color: #f7f9fa;
}
/* Slider */
#logo {
    float: left;
    width: 180px;
    background-color: #34495e;
    padding: 18px 10px 18px 18px;
    height: 56px;
    text-align: center;
}

    #logo span {
        font-weight: 600;
        color: #fff;
        font-size: 14px;
    }

    #logo.light-version {
        background-color: #f7f9fa;
        border-bottom: 1px solid #e4e5e7;
        text-align: center;
    }

        #logo.light-version span {
            font-weight: 600;
            color: #34495e;
            font-size: 14px;
        }

.profile-picture {
    padding: 20px 20px;
    text-align: center;
}

.stats-box div {
    display: inline-block;
    vertical-align: middle;
}

.stats-label {
    line-height: 1.2;
}

    .stats-label small {
        font-size: 80%;
        line-height: 0.6;
    }

.stats-box-value {
    background: #ffffff;
}

.stats-box-detail {
    background: #34495e;
    color: #fff;
    position: relative;
}
/* Labels */
.label-menu-corner .label {
    font-size: 10px;
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 18px;
    top: 12px;
}
/* Menu */
#side-menu {
    background: #f7f9fa;
}

    #side-menu li a {
        color: #6a6c6f;
        text-transform: uppercase;
        font-weight: 700;
        padding: 15px 20px;
    }

    #side-menu li {
        border-bottom: 1px solid #e4e5e7;
    }

        #side-menu li:first-child {
            border-top: 1px solid #e4e5e7;
        }

        #side-menu li.active a,
        #side-menu li:hover a {
            color: #34495e;
        }

        #side-menu li .nav-second-level li a {
            padding: 10px 10px 10px 30px;
            color: #6a6c6f;
            text-transform: none;
            font-weight: 600;
        }

        #side-menu li .nav-second-level li.active a {
            color: #34495e;
            background-color: #f7f9fa;
        }

    #side-menu.nav > li > a:hover,
    #side-menu.nav > li > a:focus {
        background: #fff;
    }

    #side-menu li.active {
        background: #fff;
    }

    #side-menu li ul li a {
        color: #6a6c6f;
        font-weight: 500;
        text-transform: none;
        padding: 15px 30px;
    }

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

#top-navigation {
    height: 56px;
    position: relative;
    float: left;
}

.navbar-static-top {
    margin: 0 0 0 180px;
}

.navbar.navbar-static-top a,
.nav.navbar-nav li a {
    color: #9d9fa2;
}

.header-link {
    padding: 18px 26px 17px 26px;
    font-size: 14px;
    float: left;
    border-right: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    margin-right: 15px;
    background: #f7f9fa;
    cursor: pointer;
}

    .header-link:hover {
        background: #f1f4f6;
    }

.navbar-nav > li,
.navbar-nav > li > a {
    height: 56px;
}

    .navbar-nav > li > a {
        padding: 15px 20px;
        font-size: 25px;
    }

    .navbar-nav > li:last-child > a {
        padding-right: 35px;
    }

.navbar.navbar-static-top .hide-menu {
    color: #9d9fa2;
}

.panel-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
/* Box */
.box {
    padding: 40px;
}

.box-rb-border {
    border-right: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
}

.box-b-border {
    border-bottom: 1px solid #e4e5e7;
}

.box-r-border {
    border-right: 1px solid #e4e5e7;
}
/* Height */
.h-100 {
    min-height: 100px;
}

.h-150 {
    min-height: 150px;
}

.h-200 {
    min-height: 200px;
}

.h-300 {
    min-height: 300px;
}

.h-400 {
    min-height: 400px;
}

.h-500 {
    min-height: 500px;
}

.h-600 {
    min-height: 600px;
}
/* Sidebar Hide */
body.hide-sidebar #menu {
    margin-left: -180px;
}

body.hide-sidebar #wrapper {
    margin-left: 0;
}

body.page-small #menu {
    margin-left: -180px;
}

body.page-small #wrapper {
    margin-left: 0;
}

body.page-small.show-sidebar #menu {
    margin-left: 0;
}

body.page-small.show-sidebar #wrapper {
    margin-left: 180px;
}

a {
    cursor: pointer;
    color: #1c48ab;
}

    a:hover,
    a:focus {
        color: #34495e;
        text-decoration: none;
    }

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

.no-borders {
    border: none !important;
}

.no-margins {
    margin: 0 !important;
}

.no-background {
    background: transparent !important;
}

.navbar-form-custom {
    float: left;
    height: 52px;
    padding: 0;
    width: 180px;
}

    .navbar-form-custom .form-control {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        font-size: 13px;
        height: 52px;
        margin: 0;
        z-index: 1060;
        padding: 0;
    }

        .form-control,
        .form-control:focus,
        .has-error .form-control:focus,
        .has-success .form-control:focus,
        .has-warning .form-control:focus,
        .navbar-collapse,
        .navbar-form,
        .navbar-form-custom .form-control:focus,
        .navbar-form-custom .form-control:hover,
        .open .btn.dropdown-toggle,
        .panel,
        .popover,
        .progress,
        .progress-bar {
            box-shadow: none;
        }

.vertical-mid {
    display: table;
}

    .vertical-mid * {
        display: table-cell;
        vertical-align: middle;
    }
/* Labels */
.label-success {
    background-color: #62cb31;
}
/* LIST GROUP */
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #34495e;
    border-color: #34495e;
    color: #FFFFFF !important;
}

.list-group-item-heading {
    margin-top: 10px;
}

.list-group-item-text {
    margin: 0 0 10px;
    color: inherit;
    line-height: inherit;
}

.list-group-item {
    background-color: inherit;
    border: 1px solid #e4e5e7;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

.no-padding .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

    .no-padding .list-group-item:first-child {
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-top: none;
    }

.no-padding .list-group {
    margin-bottom: 0;
}

.well {
    background: #f7f9fa;
    box-shadow: none;
}
/* Stats */
.stats h4,
h5,
h6 {
    margin: 5px 0;
}

.stats-title h4 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
/* Widths */
.w-xs {
    min-width: 100px;
}

.w-sm {
    min-width: 120px;
}

.w-m {
    min-width: 140px;
}

.w-lg {
    min-width: 160px;
}

.w-xl {
    min-width: 180px;
}

.w-xxl {
    min-width: 200px;
}
/* Charts */
.flot-chart {
    display: block;
    height: 300px;
    position: relative;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.stats .flot-chart {
    height: 60px;
}
/* Messages */
.feed-activity-list .feed-element {
    border-bottom: 1px solid #E7EAEC;
}

.feed-element:first-child {
    margin-top: 0;
}

.feed-element {
    padding-bottom: 15px;
}

    .feed-element,
    .feed-element .media {
        margin-top: 15px;
    }

.feed-element,
.media-body {
    overflow: hidden;
}

    .feed-element > .pull-left {
        margin-right: 10px;
    }

    .feed-element img.img-circle,
    .dropdown-messages-box img.img-circle {
        width: 38px;
        height: 38px;
    }

    .feed-element .well {
        border: 1px solid #E7EAEC;
        box-shadow: none;
        margin-top: 10px;
        margin-bottom: 5px;
        padding: 10px 20px;
        font-size: 11px;
        line-height: 16px;
    }

    .feed-element .actions {
        margin-top: 10px;
    }

    .feed-element .photos {
        margin: 10px 0;
    }

.feed-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

.feed-element img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.small-logo {
    display: none;
    text-align: center;
    padding-top: 18px;
    font-size: 14px;
    font-weight: 800;
}

.img-small {
    width: 62px;
    height: 62px;
}

@media (max-width: 768px) {
    .navbar-form-custom,
    .navbar-right,
    #logo {
        display: none;
    }

    .navbar-static-top {
        margin: 0;
    }

    .small-logo {
        display: block;
        float: left;
    }

    .header-line div {
        display: none;
    }

    .color-demo .header-line {
        height: 48px;
    }

    #hbreadcrumb {
        float: none !important;
        margin-bottom: 10px;
        margin-top: 0;
    }
}

@media (max-width: 320px) {
    #wrapper {
        overflow: hidden;
    }
}

.canvass {
    -moz-transition: width 0.01s, height 0.01s;
    -webkit-transition: width 0.01s, height 0.01s;
    -o-transition: width 0.01s, height 0.01s;
    transition: width 0.01s, height 0.01s;
}

.project-list table tr td {
    border-top: none;
    border-bottom: 1px solid #e7eaec;
    padding: 10px 10px;
    vertical-align: middle;
}

.icons-box {
    padding: 20px;
}

    .icons-box h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .icons-box .infont {
        text-align: center;
        margin-bottom: 25px;
    }

        .icons-box .infont i {
            font-size: 35px;
            display: block;
            color: #676a6c;
        }

        .icons-box .infont span {
            color: #a6a8a9;
        }

        .icons-box .infont span {
            margin: 1px;
            display: block;
        }

.fullpanel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1070;
    overflow-x: scroll;
    transition: all 2s;
}

.transition {
    transition: all 0.5s;
}

.normalheader .hpanel {
    margin-bottom: 0;
}

.normalheader {
    min-width: 320px;
    padding: 40px 40px 0px 40px;
}

@media (max-width: 768px) {
    .normalheader {
        padding: 15px 15px 0px 15px;
    }
}

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

.input-xs {
    height: 20px;
    padding: 2px 10px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 3px;
    font-weight: 500;
}

.clip-header i {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.clip-header {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 8px;
    background: #f7f9fa;
    padding: 4px 5px;
    border-left: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
}

.dropdown-menu {
    font-size: 13px;
    border-radius: 3px;
}

.dropdown-example {
    display: inline-block;
    margin: 0px 10px 10px 10px;
}

    .dropdown-example .dropdown-menu {
        position: static;
        display: block;
    }

.pagination-example .pagination {
    margin: 0 0 10px 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #3498db;
    border-color: #258cd1;
    color: #fff;
    cursor: default;
    z-index: 2;
}

.hbreadcrumb a.active {
    color: #9d9fa2;
}

.form-control {
    border-color: #e4e5e7 !important;
}

.input-group-addon {
    background: #fafbfc;
    border-color: #e4e5e7 !important;
}

.sidebar-button {
    padding: 4px 10px 0 10px;
}

    .sidebar-button i {
        font-size: 20px;
    }
/* Splash style */
.splash {
    position: fixed;
    z-index: 2000;
    background: white;
    color: gray;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.splash-title {
    text-align: center;
    max-width: 500px;
    margin: 15% auto;
    padding: 20px;
}

    .splash-title h1 {
        font-size: 26px;
    }
/* Checkbox styles */
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #34495e;
    border-color: #34495e;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #3498db;
    border-color: #3498db;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #ffb606;
    border-color: #ffb606;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #62cb31;
    border-color: #62cb31;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #34495e;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #34495e;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #34495e;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #e74c3c;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #e74c3c;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #e74c3c;
}

.radio-info input[type="radio"] + label::after {
    background-color: #3498db;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #3498db;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #3498db;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #ffb606;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #ffb606;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #ffb606;
}

.radio-success input[type="radio"] + label::after {
    background-color: #62cb31;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #62cb31;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #62cb31;
}

.checkbox input:hover,
.radio input:hover {
    cursor: pointer;
}
/* UI Sortable */
.ui-sortable .panel-body {
    cursor: move;
}

.ui-sortable-placeholder {
    border: 1px dashed #cecece !important;
    visibility: visible !important;
    background: #f7f9fa;
}

.ibox.ui-sortable-placeholder {
    margin: 0px 0px 23px !important;
}
/* Badge colors */
.badge.badge-success {
    background-color: #62cb31;
}

.badge.badge-info {
    background-color: #3498db;
}

.badge.badge-danger {
    background-color: #e74c3c;
}

.badge.badge-warning {
    background-color: #ffb606;
}

.badge.badge-primary {
    background-color: #34495e;
}
/* Tables */
.table > thead > tr > th {
    border-bottom: none;
}

.no-padding table {
    margin-bottom: 0;
}
/* Validation */
.form-control.error {
    border-color: #e74c3c !important;
}

label.error,
label span.error {
    color: #e74c3c;
    margin: 5px 0 0 0;
    font-weight: 400;
}

label span.error {
    margin-left: 5px;
}

label.error:before {
    content: "\f071";
    font-family: 'FontAwesome';
    margin: 0 4px;
}
/* File manager */
.hpanel .panel-body.file-body {
    padding: 30px 0;
    text-align: center;
}

.file-body i.fa {
    font-size: 56px;
}
/* Filter search */
.filter-item {
    margin-bottom: 0;
}

    .filter-item .panel-body {
        padding: 10px 20px;
        border-bottom: none;
    }

    .filter-item a {
        color: #6a6c6f;
    }

    .filter-item:last-child {
        border-bottom: 1px solid #e4e5e7;
    }

    .filter-item:hover .panel-body,
    .filter-item.active .panel-body {
        background: #fafcfd;
        z-index: 100;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
        -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
    }

    .filter-item::selection .panel-body {
        background: #fafcfd;
    }

    .filter-item h4 {
        margin-bottom: 5px;
    }
/* Big menu */
.hdropdown.bigmenu {
    padding: 30px 30px 0px 30px;
}

.bigmenu a i {
    font-size: 46px;
}

.bigmenu a {
    display: block;
    text-align: center;
    margin: 0 10px 30px 0;
    min-width: 100px;
}

.bigmenu h5 {
    font-size: 13px;
    margin-top: 10px;
}
/* Notes page */
@media (min-width: 991px) {
    #notes {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

#notes .panel-body:first-child {
    border-top: none;
}

.note-content textarea {
    border: none;
    width: 100%;
    padding: 0;
    min-height: 360px;
}

.note-link h5 {
    margin-top: 0;
}

.note-link:hover {
    background: #f7f9fa;
}
/* App Plans */
.plan-box {
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.7;
    transition: all 0.2s ease 0s;
}

    .plan-box.active,
    .plan-box:hover {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
/* Mobile navbar */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: block;
    }

    .mobile-menu .navbar-nav > li,
    .mobile-menu .navbar-nav {
        float: none;
    }
}

.mobile-navbar {
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 100;
}

    .mobile-navbar .navbar-nav {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #e4e5e7;
    }

        .mobile-navbar .navbar-nav > li > a {
            padding: 15px 15px;
            font-size: 14px;
            color: #6a6c6f;
        }

            .mobile-navbar .navbar-nav > li > a:hover,
            .mobile-navbar .navbar-nav > li > a:focus,
            .mobile-navbar .navbar-nav .open > a,
            .mobile-navbar .navbar-nav .open > a:hover,
            .mobile-navbar .navbar-nav .open > a:focus {
                border-bottom: none;
            }

@media (min-width: 769px) {
    .mobile-navbar,
    .mobile-navbar.collapse.in {
        display: none;
    }
}
/* CodeMirror */
.CodeMirror {
    border: 1px solid #eee;
    height: auto;
}

.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto;
}
/* Fix for xeditable and chekcbox plugin in angularJS version */
.x-edit-checkbox .checkbox label::before {
    display: none;
}

.projects .project-label {
    font-weight: 600;
}

.projects .hpanel .panel-body {
    border-bottom: none;
}

.projects .hpanel:last-child .panel-body {
    border-bottom: 1px solid #e4e5e7;
}

.projects .hpanel:last-child .panel-body {
    border-bottom: 1px solid #e4e5e7;
}

.projects .hpanel h4 a {
    color: #6a6c6f;
}

.projects .project-people img {
    width: 28px;
    height: 28px;
    margin-left: 2px;
    margin-bottom: 4px;
}

.projects .project-info {
    text-align: right;
}

@media (max-width: 768px) {
    .projects .project-info {
        text-align: left;
    }
}

.social-board .social-profile img {
    height: 42px;
    width: 42px;
    border-radius: 50%;
}

.social-board .social-profile h5 {
    margin-top: 5px;
    margin-bottom: 0px;
}

.social-board .social-form {
    margin: 10px 0;
}

    .social-board .social-form input {
        font-size: 12px;
        padding: 2px 12px;
        height: 28px;
    }

.social-talk .social-profile img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.social-talk .text-muted {
    color: #aaacae;
}

.social-talk {
    margin-bottom: 10px;
}

    .social-talk .social-content {
        margin-top: 2px;
    }

.angular-ui-tree-handle {
    background: none repeat scroll 0 0 #f7f9fa;
    border: 1px dashed #e4e5e7;
    color: inherit;
    padding: 10px;
    font-weight: normal;
}

    .angular-ui-tree-handle:hover {
        font-weight: bold;
        cursor: pointer;
    }

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 1px dashed #e4e5e7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}

.tree-node {
    background: none repeat scroll 0 0 #f7f9fa;
    border: 1px dashed #e4e5e7;
    color: inherit;
    padding: 10px;
    border-radius: 3px;
}

    .tree-node .btn {
        min-width: 22px;
        margin-right: 4px;
    }

.tree-node-content {
    margin: 5px 5px 5px 0;
}

.tree-handle {
    background: none repeat scroll 0 0 #f7f9fa;
    border: 1px dashed #e4e5e7;
    color: inherit;
    padding: 10px;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 1px dashed #e4e5e7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tour-backdrop {
    opacity: 0.5;
}

.blog-box p {
    font-size: 12px;
}

.blog-box h4 {
    font-weight: bold;
    margin-top: 0;
}

.blog-box .panel-heading {
    background: #fff;
    border-top: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
    border-radius: 2px;
    padding: 10px 20px;
    position: relative;
    font-weight: 500;
}

.blog-box .panel-footer {
    color: #909295;
}

.blog-box .panel-heading .media-body {
    line-height: 16px;
}

.blog-box .panel-heading .media img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.blog-box .panel-heading .media-body h5 {
    margin-top: 0;
}

.blog-box .panel-image {
    border-left: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
    position: relative;
}

    .blog-box .panel-image .title {
        position: absolute;
        bottom: 10px;
        padding: 0 20px;
        color: #fff;
    }

        .blog-box .panel-image .title h4 {
            margin-bottom: 0px;
        }

        .blog-box .panel-image .title a {
            color: #fff !important;
        }

.blog-article-box .panel-heading {
    background: #fff;
    border-top: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
    border-radius: 2px;
    padding: 80px 10px;
    position: relative;
    font-weight: 500;
    text-align: center;
}

    .blog-article-box .panel-heading h4 {
        font-size: 32px;
        font-weight: 700;
        color: #515355;
    }

.blog-article-box .panel-body {
    padding: 50px 70px;
}

    .blog-article-box .panel-body p {
        font-family: "Times New Roman", Georgia, Serif;
        font-size: 20px;
        line-height: 32px;
        color: #515355;
    }

@media (max-width: 768px) {
    .blog-article-box .panel-body {
        padding: 10px 20px;
    }

        .blog-article-box .panel-body p {
            font-family: "Times New Roman", Georgia, Serif;
            font-size: 16px;
            line-height: 28px;
        }

    .blog-article-box .panel-heading {
        padding: 20px 20px;
    }
}

.forum-box .panel-body {
    border-bottom: none;
}

    .forum-box .panel-body:last-child {
        border-bottom: 1px solid #e4e5e7;
    }

.forum-box .forum-heading h4 {
    margin-bottom: 3px;
    font-weight: 600;
    margin-top: 5px;
    display: inline;
}

.forum-box .forum-heading .label {
    margin-right: 5px;
}

.forum-box .forum-heading .desc {
    color: #909295;
    font-size: 12px;
}

.forum-box .panel-heading {
    border: 1px solid #e4e5e7;
    border-bottom: none;
    font-size: 90%;
    background: #f7f9fa;
    padding: 10px 20px;
}

.forum-box .forum-info {
    text-align: right;
    line-height: 20px;
}

    .forum-box .forum-info .number {
        display: block;
        font-weight: 600;
        font-size: 22px;
        margin-top: 5px;
    }

    .forum-box .forum-info span {
        font-size: 12px;
    }

.forum-box .panel-body .media-image {
    text-align: center;
    margin-right: 10px;
    min-width: 100px;
}

.forum-box .panel-body .media img {
    margin-top: 10px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.forum-box .author-info {
    font-size: 12px;
}

.forum-box .forum-comments {
    border: 1px solid #e4e5e7;
    border-left: none;
    border-right: none;
    background: #f7f9fa;
    margin-top: 20px;
    padding: 10px 15px;
}

    .forum-box .forum-comments .media img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .forum-box .forum-comments form {
        margin-top: 10px;
    }

@media (max-width: 768px) {
    .forum-box .forum-info {
        text-align: left;
    }
}

ul.mailbox-list,
ul.h-list {
    list-style: none;
    padding: 0;
}

    ul.mailbox-list li a,
    ul.h-list li a {
        padding: 10px 15px;
        display: block;
    }

        ul.mailbox-list li a i,
        ul.h-list li a i {
            margin-right: 6px;
            display: inline-block;
        }

   
    ul.h-list li.active a {
        background: #f7f9fa;
        border: 1px solid #e4e5e7;
        font-weight: 600;
        border-radius: 1px;
    }

    ul.mailbox-list li:hover a,
    ul.h-list li:hover a {
        font-weight: 600;
    }

.table-mailbox .radio,
.table-mailbox .checkbox {
    margin: 0;
}

    .table-mailbox .radio label,
    .table-mailbox .checkbox label {
        cursor: default;
    }

.table-mailbox tr.unread td a {
    font-weight: 600;
}

.table-mailbox tr td span.label {
    margin-left: 10px;
}

.table-mailbox tr:first-child td {
    border-top: none;
}

.table-mailbox tr td:first-child {
    width: 33px;
    padding-right: 0;
}

.mailbox-pagination {
    text-align: right;
}

@media (max-width: 768px) {
    .mailbox-pagination {
        text-align: left;
    }
}

.email-compose .note-editor {
    border: none;
}

    .email-compose .note-editor .note-editable {
        padding: 15px 25px;
    }

.email-compose .note-toolbar {
    padding: 5px 15px;
}

.note-popover .popover .popover-content > .btn-group,
.note-toolbar > .btn-group {
    margin-bottom: 5px;
}

.note-editor .note-toolbar {
    /* Background from footer panel */
    background-color: #f7f9fa;
}

.spinner {
    margin: 20px auto;
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 15px;
}

    .spinner > div {
        background-color: #1c48ab;
        height: 100%;
        width: 8px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

.landing-page .navbar-form-custom,
.landing-page .navbar-right,
.landing-page #logo {
    display: block;
}

.landing-page .navbar-default {
    background: #fff;
}

.landing-page .navbar .navbar-brand {
    font-size: 12px;
    height: auto;
    margin-top: 8px;
    padding: 9px 15px;
    font-weight: 700;
    border-radius: 5px;
    color: #fff;
    display: block;
    background-color: #62cb31;
    margin-left: 0;
}

.landing-page .navbar-default .navbar-toggle:hover,
.landing-page .navbar-default .navbar-toggle:focus {
    background: #62cb31;
}

    .landing-page .navbar-default .navbar-toggle:hover .icon-bar,
    .landing-page .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fff !important;
    }

.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover,
.landing-page .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #62cb31;
    border: none;
}

.landing-page .navbar-default li a:hover {
    border-bottom: none;
}

.landing-page .brand-desc {
    color: #455463;
    margin: 17px 10px 0 90px;
    width: 180px;
}

.landing-page .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 15px;
    color: #455463;
}

.landing-page .navbar-nav > li,
.landing-page .navbar-nav > li > a {
    height: 55px;
}

.landing-page header {
    background: url('../images/landing/header.jpg') 50% 0 no-repeat;
    height: 480px;
    padding-top: 50px;
    margin-bottom: 30px;
}

.landing-page section {
    padding: 50px 0 50px 0;
    border-bottom: 1px solid #e4e5e7;
}

    .landing-page section h2 {
        margin-top: 0;
    }

    .landing-page section p {
        margin-top: 0px;
    }

.landing-page header .container {
    position: relative;
}

.landing-page .heading {
    margin-top: 60px;
    color: #edf0f5;
}

    .landing-page .heading h1 {
        font-weight: 600;
        font-size: 34px;
        margin-bottom: 5px;
        letter-spacing: -0.5px;
    }

.landing-page h4 {
    font-weight: 600;
}

.landing-page p {
    color: #a7afb8;
}

.landing-page .heading span {
    font-size: 13px;
    font-weight: 600;
}

.landing-page .heading p.small {
    margin-top: 10px;
    color: #a7afb8;
    max-width: 260px;
}

.landing-page .heading-image {
    position: absolute;
    right: 60px;
    top: 120px;
    text-align: right;
}

    .landing-page .heading-image p {
        color: #a7afb8;
        margin-bottom: 5px;
    }

    .landing-page .heading-image img {
        -webkit-box-shadow: 0px 0px 8px 0px #333333;
        -moz-box-shadow: 0px 0px 8px 0px #333333;
        box-shadow: 0px 0px 8px 0px #333333;
        margin-left: 12px;
        margin-top: 12px;
        width: 180px;
        border-radius: 1px;
    }

.landing-page .navy-link {
    background: #455463;
    color: #fff;
}

.landing-page .icon-big {
    font-size: 70px;
}

.landing-page .team-member img {
    height: 72px;
}

.landing-page .social-icon a {
    background: #62cb31;
    color: #fff;
    text-align: center;
    padding: 4px 8px;
    height: 28px;
    width: 28px;
    display: block;
    border-radius: 4px;
}

.landing-page .list-inline > li {
    padding: 0;
}

.landing-page .social-icon a:hover {
    background: #5abb2d;
}

.landing-page .pricing-plan {
    margin: 20px 10px 0 10px;
    border-radius: 4px;
    padding-bottom: 20px;
    background: #fff;
    border: 1px solid #e4e5e7;
}

    .landing-page .pricing-plan li {
        padding: 10px 16px;
        text-align: center;
        color: #aeaeae;
    }

    .landing-page .pricing-plan .pricing-price span {
        font-weight: 700;
        font-size: 30px;
        color: #62cb31;
    }

.landing-page .pricing-title .label {
    font-size: 12px;
}

.landing-page li.pricing-desc {
    font-size: 13px;
    border-top: none;
    padding: 20px 16px 0px 16px;
}

.landing-page li.pricing-title {
    color: #455463;
    padding: 25px 10px 0px 10px;
    border-radius: 4px 4px 0 0;
    font-size: 22px;
    font-weight: 600;
}

.landing-page .client {
    color: #a7afb8;
    background: #f7f9fa;
    padding: 30px 10px;
    margin: 0px 0 20px 0;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .landing-page .heading-image {
        display: none;
    }

    .landing-page .heading {
        text-align: center;
    }

        .landing-page .heading p.small {
            margin: 10px auto;
        }

    .landing-page .brand-desc {
        display: none;
    }

    .landing-page .navbar .navbar-brand {
        margin-left: 10px;
    }
}


/* Toastr custom styles*/
#toast-container {
}

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
        margin: 10px auto 0;
    }

    #toast-container > .toast-info,
    #toast-container > .toast-error,
    #toast-container > .toast-warning,
    #toast-container > .toast-success {
        background-image: none;
    }

    #toast-container > div {
        background: #fff;
        padding: 20px;
        color: #6a6c6f;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
        opacity: 1;
    }


        #toast-container > div:hover {
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
        }

.toast-close-button {
    color: #000;
    opacity: 0.2;
}

.toast-info {
    background: #fff;
    border-left: 6px solid #3498db;
}

.toast-success {
    background: #fff;
    border-left: 6px solid #62cb31;
}

.toast-warning {
    background: #fff;
    border-left: 6px solid #ffb606;
}

.toast-error {
    background: #fff;
    border-left: 6px solid #e74c3c;
}

.toast-progress {
    opacity: 0.6;
}

.toast-info .toast-progress {
    background-color: #3498db;
}

.toast-success .toast-progress {
    background-color: #62cb31;
}

.toast-warning .toast-progress {
    background-color: #ffb606;
}

.toast-error .toast-progress {
    background-color: #e74c3c;
}

/* Nestable list */

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e4e5e7;
    background: #f7f9fa;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .dd-handle span {
        font-weight: bold;
    }

    .dd-handle:hover {
        background: #f0f0f0;
        cursor: pointer;
        font-weight: bold;
    }

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

    .dd-item > button:before {
        content: '+';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .dd-item > button[data-action="collapse"]:before {
        content: '-';
    }

#nestable2 .dd-item > button {
    font-family: FontAwesome;
    height: 34px;
    width: 33px;
    color: #c1c1c1;
}

    #nestable2 .dd-item > button:before {
        content: "\f067";
    }

    #nestable2 .dd-item > button[data-action="collapse"]:before {
        content: "\f068";
    }

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #e4e5e7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
}

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0;
    }

    .dd-dragel .dd-handle {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
    }

/**
* Nestable Extras
*/
.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #e4e5e7;
    border-bottom: 2px solid #e4e5e7;
}

#nestable-menu {
    padding: 0;
    margin: 10px 0 20px 0;
}

#nestable-output,
#nestable2-output {
    width: 100%;
    font-size: 0.75em;
    line-height: 1.333333em;
    font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#nestable2 .dd-handle {
    color: inherit;
    border: 1px dashed #e4e5e7;
    background: #f7f9fa;
    padding: 10px;
}

    #nestable2 .dd-handle:hover {
        /*background: #bbb;*/
    }


#nestable2 span.label {
    margin-right: 10px;
}

#nestable-output,
#nestable2-output {
    font-size: 12px;
    padding: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pro_descrip p {
    font-weight: bold;
}

.ed_proceg {
    border-right: 1px solid #ddd;
    margin: -20px 0px -20px 0px;
    padding-bottom: 45px;
}

    .ed_proceg p {
    }

.proce_label {
    padding-top: 20px;
    font-weight: normal;
    font-size: 18px;
}

.ed_specility {
    font-weight: normal;
    font-size: 18px;
}

.input_proc {
}

.specily_select {
    margin-top: -3px;
}

.cancel_bt {
    margin-right: 15px;
}

.delete_bt {
    background-color: red !important;
    color: #fff !important;
}

.save_bt {
}

.specialty-field-width {
    width: 200px;
    word-wrap: break-word;
}


/** ************************************* **
	essentials.css is meant to hold global classes
	that would not change with a new theme

	TABLE CONTENTS
	---------------------------
		01. Resets
		02. Placeholder
		03. Selection
		04. Utility

 ** ************************************* **/


/**	01. Resets
*************************************************** **/
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

img {
    border: 0;
    vertical-align: top;
}

input:-webkit-autofill {
    color: #ffffff !important;
}

textarea {
    resize: none;
}

textarea, input, button, *:focus {
    outline: none !important;
}

textarea {
    resize: vertical;
}

select {
    border: 2px solid #E5E7E9;
    border-radius: 6px;
    height: 46px;
    padding: 12px;
    outline: none;
}

input[type="radio"],
input[type="checkbox"] {
    display: inline-block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border: 0;
}

iframe,
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

audio, canvas, img, video {
    vertical-align: middle;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

a, a:focus, a:hover, a:active {
    outline: 0;
    cursor: pointer;
}

/**	02. Placeholder
*************************************************** **/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

/**	03. Selection
*************************************************** **/
::selection {
    color: #000;
    background: #ccc;
    text-shadow: none;
}

::-moz-selection {
    color: #000;
    background: #ccc;
    text-shadow: none;
}

/** 04. Utility
**************************************************************** **/
.padding3 {
    padding: 3px 0 !important;
}

.padding6 {
    padding: 6px 0 !important;
}

.padding8 {
    padding: 8px 0 !important;
}

.padding10 {
    padding: 10px 0 !important;
}

.padding20 {
    padding: 20px 0 !important;
}

.padding30 {
    padding: 30px 0 !important;
}

.padding40 {
    padding: 40px 0 !important;
}

.padding50 {
    padding: 50px 0 !important;
}

.padding60 {
    padding: 50px 0 !important;
}

.padding70 {
    padding: 70px 0 !important;
}

.padding80 {
    padding: 80px 0 !important;
}

.padding90 {
    padding: 90px 0 !important;
}

.padding100 {
    padding: 100px 0 !important;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-top50 {
    margin-top: 50px;
}

.margin-top60 {
    margin-top: 60px;
}

.margin-top80 {
    margin-top: 80px;
}

.margin-top100 {
    margin-top: 100px;
}

.margin-top130 {
    margin-top: 130px;
}

.margin-top150 {
    margin-top: 150px;
}

.margin-top180 {
    margin-top: 180px;
}

.margin-top200 {
    margin-top: 200px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-bottom40 {
    margin-bottom: 40px;
}

.margin-bottom50 {
    margin-bottom: 50px;
}

.margin-bottom60 {
    margin-bottom: 60px;
}

.margin-bottom80 {
    margin-bottom: 80px;
}

.margin-bottom100 {
    margin-bottom: 100px;
}

.margin-bottom130 {
    margin-bottom: 130px;
}

.margin-bottom150 {
    margin-bottom: 150px;
}

.margin-bottom180 {
    margin-bottom: 180px;
}

.margin-bottom200 {
    margin-bottom: 200px;
}

.noradius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.radius3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.radius6 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.radius8 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.fixed {
    position: fixed !important;
}

.relative {
    position: relative !important;
}

.nopadding {
    padding: 0 !important;
}

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

.nopadding-right {
    padding-right: 0 !important;
}

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

.nopadding-bottom {
    padding-bottom: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.nomargin-left {
    margin-left: 0 !important;
}

.nomargin-right {
    margin-right: 0 !important;
}

.nomargin-top {
    margin-top: 0 !important;
}

.nomargin-bottom {
    margin-bottom: 0 !important;
}

.noborder {
    border: 0 !important;
}

.absolute {
    position: absolute !important;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.no-text-transform {
    text-transform: none !important;
}

.italic {
    font-style: italic;
}

.pointer {
    cursor: pointer;
}

.block {
    display: block !important;
}

.bold {
    font-weight: bold !important;
}

.fullwidth {
    width: 100% !important;
}

.halfwidth {
    width: 50% !important;
}

.container {
    position: relative;
}

i.fa, i.fas, i.far {
    text-decoration: none !important;
}

.justify {
    text-align: justify;
}

.btn i.fa, .btn i.fas, .btn i.far {
    padding-right: 10px;
}

.btn-margin-top {
    margin-top: 30px;
}

.text-underline {
    text-decoration: underline;
}

.nowrap {
    white-space: nowrap !important;
}

.wrap {
    white-space: normal !important;
}

.transparent {
    background: transparent !important;
}

.color-white {
    color: #fff !important;
}

a, a:focus, a:hover, a:active {
    outline: 0;
    cursor: pointer;
}

.fsize11 {
    font-size: 11px !important;
    line-height: 15px !important;
}

.fsize12 {
    font-size: 12px !important;
    line-height: 16px !important;
}

.fsize13 {
    font-size: 13px !important;
    line-height: 17px !important;
}

.fsize14 {
    font-size: 14px !important;
    line-height: 18px !important;
}

.fsize15 {
    font-size: 15px !important;
    line-height: 19px !important;
}

.fsize16 {
    font-size: 16px !important;
    line-height: 20px !important;
}

.fsize17 {
    font-size: 17px !important;
    line-height: 23px !important;
}

.fsize18 {
    font-size: 18px !important;
    line-height: 24px !important;
}

.fsize19 {
    font-size: 19px !important;
    line-height: 25px !important;
}

.fsize20 {
    font-size: 20px !important;
    line-height: 26px !important;
}

.fsize26 {
    font-size: 26px !important;
    line-height: 30px !important;
}

.fsize30 {
    font-size: 30px !important;
    line-height: 36px !important;
}

.fsize40 {
    font-size: 40px !important;
    line-height: 46px !important;
}

.font300 {
    font-weight: 300 !important;
}

.font400 {
    font-weight: 400 !important;
}

.font600 {
    font-weight: 600 !important;
}

.font700 {
    font-weight: 700 !important;
}

.rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

/*! angularjs-slider - v4.0.2 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2016-06-07 */
.rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:35px 0 15px 0;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rzslider.with-legend{margin-bottom:40px}.rzslider[disabled]{cursor:not-allowed}.rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}.rzslider span{position:absolute;display:inline-block;white-space:nowrap}.rzslider .rz-base{width:100%;height:100%;padding:0}.rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box}.rzslider .rz-bar-wrapper.rz-draggable{cursor:move}.rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-bar.rz-selection{z-index:2;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-pointer{top:-14px;z-index:3;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.rzslider .rz-pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}.rzslider .rz-pointer:hover:after{background-color:#fff}.rzslider .rz-pointer.rz-active{z-index:4}.rzslider .rz-pointer.rz-active:after{background-color:#451aff}.rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default}.rzslider .rz-bubble.rz-selection{top:16px}.rzslider .rz-bubble.rz-limit{color:#55637d}.rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:0;padding:0 11px;margin:0;list-style:none;box-sizing:border-box;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.rzslider .rz-ticks .rz-tick{width:10px;height:10px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%}.rzslider .rz-ticks .rz-tick.rz-selected{background:#0db9f0}.rzslider .rz-ticks .rz-tick .rz-tick-value{position:absolute;top:-30px;transform:translate(-50%,0)}.rzslider .rz-ticks .rz-tick .rz-tick-legend{position:absolute;top:24px;max-width:50px;white-space:normal;transform:translate(-50%,0)}.rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value{top:initial;bottom:-40px}.rzslider.rz-vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}.rzslider.rz-vertical .rz-base{width:100%;height:100%;padding:0}.rzslider.rz-vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}.rzslider.rz-vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}.rzslider.rz-vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}.rzslider.rz-vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}.rzslider.rz-vertical .rz-bubble.rz-selection{top:auto;left:16px!important}.rzslider.rz-vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%;padding:11px 0;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.rzslider.rz-vertical .rz-ticks .rz-tick{vertical-align:middle}.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value{top:initial;left:22px;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend{top:initial;right:24px;max-width:none;white-space:nowrap;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value{right:12px;bottom:initial;left:initial}
.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'Glyphicons Halflings';
        content: "\e013";
    /*font-family: 'Font Awesome 5 Solid';
    content: "\f00c";*/
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }

/* line 1, ../../source/scss/ng-img-crop.scss */
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}

@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('../fonts/Pe-icon-7-stroke.eot?-2irksn');
	src:url('../fonts/Pe-icon-7-stroke.eot?#iefix-2irksn') format('embedded-opentype'),
		url('../fonts/Pe-icon-7-stroke.woff?-2irksn') format('woff'),
		url('../fonts/Pe-icon-7-stroke.ttf?-2irksn') format('truetype'),
		url('../fonts/Pe-icon-7-stroke.svg?-2irksn#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="pe-7s-"], [class*=" pe-7s-"] {
	display: inline-block;
	font-family: 'Pe-icon-7-stroke';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pe-7s-cloud-upload:before {
	content: "\e68a";
}
.pe-7s-cash:before {
	content: "\e68c";
}
.pe-7s-close:before {
	content: "\e680";
}
.pe-7s-bluetooth:before {
	content: "\e68d";
}
.pe-7s-cloud-download:before {
	content: "\e68b";
}
.pe-7s-way:before {
	content: "\e68e";
}
.pe-7s-close-circle:before {
	content: "\e681";
}
.pe-7s-id:before {
	content: "\e68f";
}
.pe-7s-angle-up:before {
	content: "\e682";
}
.pe-7s-wristwatch:before {
	content: "\e690";
}
.pe-7s-angle-up-circle:before {
	content: "\e683";
}
.pe-7s-world:before {
	content: "\e691";
}
.pe-7s-angle-right:before {
	content: "\e684";
}
.pe-7s-volume:before {
	content: "\e692";
}
.pe-7s-angle-right-circle:before {
	content: "\e685";
}
.pe-7s-users:before {
	content: "\e693";
}
.pe-7s-angle-left:before {
	content: "\e686";
}
.pe-7s-user-female:before {
	content: "\e694";
}
.pe-7s-angle-left-circle:before {
	content: "\e687";
}
.pe-7s-up-arrow:before {
	content: "\e695";
}
.pe-7s-angle-down:before {
	content: "\e688";
}
.pe-7s-switch:before {
	content: "\e696";
}
.pe-7s-angle-down-circle:before {
	content: "\e689";
}
.pe-7s-scissors:before {
	content: "\e697";
}
.pe-7s-wallet:before {
	content: "\e600";
}
.pe-7s-safe:before {
	content: "\e698";
}
.pe-7s-volume2:before {
	content: "\e601";
}
.pe-7s-volume1:before {
	content: "\e602";
}
.pe-7s-voicemail:before {
	content: "\e603";
}
.pe-7s-video:before {
	content: "\e604";
}
.pe-7s-user:before {
	content: "\e605";
}
.pe-7s-upload:before {
	content: "\e606";
}
.pe-7s-unlock:before {
	content: "\e607";
}
.pe-7s-umbrella:before {
	content: "\e608";
}
.pe-7s-trash:before {
	content: "\e609";
}
.pe-7s-tools:before {
	content: "\e60a";
}
.pe-7s-timer:before {
	content: "\e60b";
}
.pe-7s-ticket:before {
	content: "\e60c";
}
.pe-7s-target:before {
	content: "\e60d";
}
.pe-7s-sun:before {
	content: "\e60e";
}
.pe-7s-study:before {
	content: "\e60f";
}
.pe-7s-stopwatch:before {
	content: "\e610";
}
.pe-7s-star:before {
	content: "\e611";
}
.pe-7s-speaker:before {
	content: "\e612";
}
.pe-7s-signal:before {
	content: "\e613";
}
.pe-7s-shuffle:before {
	content: "\e614";
}
.pe-7s-shopbag:before {
	content: "\e615";
}
.pe-7s-share:before {
	content: "\e616";
}
.pe-7s-server:before {
	content: "\e617";
}
.pe-7s-search:before {
	content: "\e618";
}
.pe-7s-film:before {
	content: "\e6a5";
}
.pe-7s-science:before {
	content: "\e619";
}
.pe-7s-disk:before {
	content: "\e6a6";
}
.pe-7s-ribbon:before {
	content: "\e61a";
}
.pe-7s-repeat:before {
	content: "\e61b";
}
.pe-7s-refresh:before {
	content: "\e61c";
}
.pe-7s-add-user:before {
	content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
	content: "\e61d";
}
.pe-7s-paperclip:before {
	content: "\e69c";
}
.pe-7s-radio:before {
	content: "\e61e";
}
.pe-7s-note2:before {
	content: "\e69d";
}
.pe-7s-print:before {
	content: "\e61f";
}
.pe-7s-network:before {
	content: "\e69e";
}
.pe-7s-prev:before {
	content: "\e620";
}
.pe-7s-mute:before {
	content: "\e69f";
}
.pe-7s-power:before {
	content: "\e621";
}
.pe-7s-medal:before {
	content: "\e6a0";
}
.pe-7s-portfolio:before {
	content: "\e622";
}
.pe-7s-like2:before {
	content: "\e6a1";
}
.pe-7s-plus:before {
	content: "\e623";
}
.pe-7s-left-arrow:before {
	content: "\e6a2";
}
.pe-7s-play:before {
	content: "\e624";
}
.pe-7s-key:before {
	content: "\e6a3";
}
.pe-7s-plane:before {
	content: "\e625";
}
.pe-7s-joy:before {
	content: "\e6a4";
}
.pe-7s-photo-gallery:before {
	content: "\e626";
}
.pe-7s-pin:before {
	content: "\e69b";
}
.pe-7s-phone:before {
	content: "\e627";
}
.pe-7s-plug:before {
	content: "\e69a";
}
.pe-7s-pen:before {
	content: "\e628";
}
.pe-7s-right-arrow:before {
	content: "\e699";
}
.pe-7s-paper-plane:before {
	content: "\e629";
}
.pe-7s-delete-user:before {
	content: "\e6a7";
}
.pe-7s-paint:before {
	content: "\e62a";
}
.pe-7s-bottom-arrow:before {
	content: "\e6a8";
}
.pe-7s-notebook:before {
	content: "\e62b";
}
.pe-7s-note:before {
	content: "\e62c";
}
.pe-7s-next:before {
	content: "\e62d";
}
.pe-7s-news-paper:before {
	content: "\e62e";
}
.pe-7s-musiclist:before {
	content: "\e62f";
}
.pe-7s-music:before {
	content: "\e630";
}
.pe-7s-mouse:before {
	content: "\e631";
}
.pe-7s-more:before {
	content: "\e632";
}
.pe-7s-moon:before {
	content: "\e633";
}
.pe-7s-monitor:before {
	content: "\e634";
}
.pe-7s-micro:before {
	content: "\e635";
}
.pe-7s-menu:before {
	content: "\e636";
}
.pe-7s-map:before {
	content: "\e637";
}
.pe-7s-map-marker:before {
	content: "\e638";
}
.pe-7s-mail:before {
	content: "\e639";
}
.pe-7s-mail-open:before {
	content: "\e63a";
}
.pe-7s-mail-open-file:before {
	content: "\e63b";
}
.pe-7s-magnet:before {
	content: "\e63c";
}
.pe-7s-loop:before {
	content: "\e63d";
}
.pe-7s-look:before {
	content: "\e63e";
}
.pe-7s-lock:before {
	content: "\e63f";
}
.pe-7s-lintern:before {
	content: "\e640";
}
.pe-7s-link:before {
	content: "\e641";
}
.pe-7s-like:before {
	content: "\e642";
}
.pe-7s-light:before {
	content: "\e643";
}
.pe-7s-less:before {
	content: "\e644";
}
.pe-7s-keypad:before {
	content: "\e645";
}
.pe-7s-junk:before {
	content: "\e646";
}
.pe-7s-info:before {
	content: "\e647";
}
.pe-7s-home:before {
	content: "\e648";
}
.pe-7s-help2:before {
	content: "\e649";
}
.pe-7s-help1:before {
	content: "\e64a";
}
.pe-7s-graph3:before {
	content: "\e64b";
}
.pe-7s-graph2:before {
	content: "\e64c";
}
.pe-7s-graph1:before {
	content: "\e64d";
}
.pe-7s-graph:before {
	content: "\e64e";
}
.pe-7s-global:before {
	content: "\e64f";
}
.pe-7s-gleam:before {
	content: "\e650";
}
.pe-7s-glasses:before {
	content: "\e651";
}
.pe-7s-gift:before {
	content: "\e652";
}
.pe-7s-folder:before {
	content: "\e653";
}
.pe-7s-flag:before {
	content: "\e654";
}
.pe-7s-filter:before {
	content: "\e655";
}
.pe-7s-file:before {
	content: "\e656";
}
.pe-7s-expand1:before {
	content: "\e657";
}
.pe-7s-exapnd2:before {
	content: "\e658";
}
.pe-7s-edit:before {
	content: "\e659";
}
.pe-7s-drop:before {
	content: "\e65a";
}
.pe-7s-drawer:before {
	content: "\e65b";
}
.pe-7s-download:before {
	content: "\e65c";
}
.pe-7s-display2:before {
	content: "\e65d";
}
.pe-7s-display1:before {
	content: "\e65e";
}
.pe-7s-diskette:before {
	content: "\e65f";
}
.pe-7s-date:before {
	content: "\e660";
}
.pe-7s-cup:before {
	content: "\e661";
}
.pe-7s-culture:before {
	content: "\e662";
}
.pe-7s-crop:before {
	content: "\e663";
}
.pe-7s-credit:before {
	content: "\e664";
}
.pe-7s-copy-file:before {
	content: "\e665";
}
.pe-7s-config:before {
	content: "\e666";
}
.pe-7s-compass:before {
	content: "\e667";
}
.pe-7s-comment:before {
	content: "\e668";
}
.pe-7s-coffee:before {
	content: "\e669";
}
.pe-7s-cloud:before {
	content: "\e66a";
}
.pe-7s-clock:before {
	content: "\e66b";
}
.pe-7s-check:before {
	content: "\e66c";
}
.pe-7s-chat:before {
	content: "\e66d";
}
.pe-7s-cart:before {
	content: "\e66e";
}
.pe-7s-camera:before {
	content: "\e66f";
}
.pe-7s-call:before {
	content: "\e670";
}
.pe-7s-calculator:before {
	content: "\e671";
}
.pe-7s-browser:before {
	content: "\e672";
}
.pe-7s-box2:before {
	content: "\e673";
}
.pe-7s-box1:before {
	content: "\e674";
}
.pe-7s-bookmarks:before {
	content: "\e675";
}
.pe-7s-bicycle:before {
	content: "\e676";
}
.pe-7s-bell:before {
	content: "\e677";
}
.pe-7s-battery:before {
	content: "\e678";
}
.pe-7s-ball:before {
	content: "\e679";
}
.pe-7s-back:before {
	content: "\e67a";
}
.pe-7s-attention:before {
	content: "\e67b";
}
.pe-7s-anchor:before {
	content: "\e67c";
}
.pe-7s-albums:before {
	content: "\e67d";
}
.pe-7s-alarm:before {
	content: "\e67e";
}
.pe-7s-airplay:before {
	content: "\e67f";
}