@charset "utf-8";
/* CSS Document */


.crm-page {
    color: #3b444d;
    z-index: 49;
}

.crm_title {
    display: block;
    width: 100% !important;
}

.crm-page strong {
    padding-left: 3px;
    padding-right: 3px;
}

/*  ++++++ tbicrm north ++++++ */
.crm-page .crm_north {
    position: relative;
    min-width: 700px;
    height: 30px;
    float: none;
    clear: both;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 3px;
    z-index: 51;
}

    .crm-page .crm_north .stamp {
        position: absolute;
        white-space: nowrap;
        left: 20px;
        top: 20px;
        line-height: 22px;
        cursor: default;
        z-index: 52;
    }

    .crm-page .crm_north .searchbox {
        position: absolute;
        white-space: nowrap;
        right: 0px;
        top: 15px;
        z-index: 504;
    }

.crm-page .bar_tiny {
    background: url(../images/bar_tiny.gif) no-repeat center;
    padding: 0px 8px;
    display: inline;
}

.crm-page .box_search {
    background: url(../images/boxSearch_bg.gif) no-repeat left top;
    position: absolute;
    margin-left: 1px;
    top: 20px;
    right: 0px;
    width: 280px;
    height: 26px;
    z-index: 505;
}

    .crm-page .box_search input {
        border: 1px solid #a0a5a9;
        background: #e7ebef;
        font-size: 10px;
        font-family: Arial;
        text-transform: uppercase;
        width: 135px;
        padding: 1px 1px;
        height: 15px;
        margin: 3px 0 0 4px;
        color: #000;
    }

.crm-page[class] .box_search input {
    height: 14px;
}

.crm-page .box_search select {
    margin-right: 25px;
    background: #e7ebef;
    font-size: 10px;
    font-family: Arial;
    height: 19px;
    width: 100px;
}

.crm-page .box_search a.btn_search {
    width: 27px;
    position: absolute;
    right: 5px;
    top: 2px;
    height: 18px;
    background: url(../images/boxSearchBtn.gif) no-repeat 0px top;
}

    .crm-page .box_search a.btn_search:hover {
        background-position: top -27px;
    }

.crm-page .box_search a.btn_search_advanced {
    width: 21px;
    height: 18px;
    position: absolute;
    right: 3px;
    top: 2px;
    background: url(../images/boxSearchBntExpand.gif) no-repeat 0px top;
}

    .crm-page .box_search a.btn_search_advanced:hover {
        background-position: top -21px;
    }

/* +++++ left frame +++++ */
/* TOOLBOX */
.crm_toolbox {
    float: left;
    position: relative;
    font-family: Corbel, Arial, Helvetica, sans-serif;
    color: #bfb9b8;
    text-transform: uppercase;
    width: 180px;
    margin: 0px;
}

    .crm_toolbox .fbox {
        width: 180px;
        overflow: hidden;
        margin-bottom: 10px;
        background: url(../images/toolBoxFooter.gif) no-repeat left bottom;
        padding: 0px 0px 5px 0px;
    }

    .crm_toolbox .crm_header {
        background: url(../images/toolBoxHeader.gif) no-repeat left top;
        height: 30px;
    }

    .crm_toolbox .crm_footer {
        padding: 0px 0px 0px 30px;
    }

    .crm_toolbox ul.crm_body {
        display: block;
        list-style: none;
        list-style-type: none;
        padding-bottom: 3px;
        background: #403c3a url(../images/toolBoxBg.gif) repeat-y;
    }

        .crm_toolbox ul.crm_body li {
            margin: 0px;
            padding: 0px 0px 0px 30px;
            display: block;
            background: no-repeat 5px;
        }

    .crm_toolbox a {
        display: block;
        color: #c4c0b1;
        padding: 4px 0px;
        background: no-repeat left top;
    }

        .crm_toolbox a:hover {
            color: #d6d1a5;
        }

        .crm_toolbox a.selected {
            color: #f2ebaa;
        }

    .crm_toolbox li a {
        line-height: 12px;
        color: #bfb9b8;
        font-weight: bold;
        border-bottom: 1px solid #4a4543;
        margin: 0px 5px 0 0;
        background: no-repeat right top;
    }

        .crm_toolbox li a:hover {
            color: #f2ebaa;
        }

    .crm_toolbox li.last a {
        border-bottom-width: 0px;
    }

    .crm_toolbox li.selected a {
        color: #f2ebaa;
    }

    .crm_toolbox .crm_header h2 {
        color: #efcc6d;
        font-size: 13px;
        font-weight: bold;
        padding: 0px 0px 0px 30px;
        margin: 0px;
        line-height: 26px;
        background: no-repeat left top;
    }

    .crm_toolbox .crm_footer a {
        font-size: 10px;
        line-height: 16px;
        padding-right: 18px;
        background: url(../images/toolBox_ArrowW.gif) no-repeat right;
    }


/* FOLDERS */
.box_folders .crm_header h2 {
    font-size: 14px;
    font-weight: bolder;
    background-image: url(../images/toolboxIcoFolders.gif);
}

.box_folders li a {
    font-size: 13px;
    font-weight: bolder;
    border-bottom-width: 0px;
    line-height: 14px;
}

/* PERSONAL FOLDERS */
.box_personal_folders .crm_header h2 {
    font-size: 13px;
    letter-spacing: -1px;
    background-image: url(../images/toolboxIcoPFolders.gif);
}

/* FILTERS */
.box_filters .crm_header h2 {
    font-size: 13px;
    letter-spacing: -1px;
    background-image: url(../images/toolboxIcoFilters.gif);
}

.box_filters li a {
    padding-right: 30px;
    font-weight: normal;
    font-size: 12px;
    background-image: url(../images/toolBoxLabelOff.gif);
}

    .box_filters li a.label {
        color: #cdc8a6;
    }

.crm_toolbox li a.label:hover {
    /*color:#f2ebaa;*/
}

.box_filters li.selected a {
    /*color:#f2ebaa;*/
    background-image: url(../images/toolBoxLabelOn.gif);
}

.box_filters ul.crm_body li.processed {
    background-image: url(../images/toolboxIcoProcessed.gif);
}

.box_filters ul.crm_body li.pending {
    background-image: url(../images/toolboxIcoPending.gif);
}

.box_filters ul.crm_body li.faulty {
    background-image: url(../images/toolboxIcoFaulty.gif);
}

/* +++++ MAIN FRAME +++++ */
.crm_content {
    /*float:left;*/
    position: relative;
    min-width: 400px;
    /*width:70%;*/
    margin: 0px 13px;
    background: #7c838b;
    border: 1px solid #6e7278;
    border-bottom-width: 0px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    margin: 30px 0px 20px 0px;
}

    .crm_content .corner_top_right {
        position: absolute;
        right: -1px;
        top: -1px;
        width: 2px;
        height: 2px;
        background: url(../images/contentCorners.gif) no-repeat -2px 0px;
    }

.crm-page.content > .global-error {
    display: block;
    margin: 18px 0px 0px 0px;
    padding: 10px;
    background: #ffe9b0;
    border-radius: 4px;
    color: #a20017;
    font-size: 12px;
}

    .crm-page.content > .global-error::before {
        content: 'Global error:';
        display: inline-block;
        font-weight: bold;
        padding-right: 7px;
    }


.crm_content#crm_content_master {
    margin-top: 18px;
}

.crm_content .corner_top_left {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 2px;
    height: 2px;
    background: url(../images/contentCorners.gif) no-repeat 0px 0px;
}

.crm_content .corner_bottom_left {
    position: absolute;
    left: -1px;
    bottom: 0px;
    width: 2px;
    height: 2px;
    background: url(../images/contentCorners.gif) no-repeat 0px -2px;
}

.crm_content .corner_bottom_right {
    position: absolute;
    right: -1px;
    bottom: 0px;
    width: 2px;
    height: 2px;
    background: url(../images/contentCorners.gif) no-repeat -2px -2px;
}

/* HEADER */

.crm_content .crm_header {
    position: relative;
    margin: 0px 6px;
    height: 30px;
    border-bottom: 1px solid #a2a8ad;
    color: #fffde3;
    text-transform: uppercase;
    font-size: 11px;
}

    .crm_content .crm_header h2 {
        /*max-width:600px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
        line-height: 30px;
        cursor: default;
        color: #fefbe0;
        font-weight: bold;
        font-size: 16px;
        margin: 0px 5px;
        /*min-width:50%;*/
        height: 30px;
    }


        .crm_content .crm_header h2 a {
            color: #FFEFCE;
        }

    .crm_content .crm_header .button-tab {
        display: inline-block;
        background: #757b82;
        border: 1px solid #a2a8ad;
        border-bottom-color: #757b82;
        color: #FFEFCE;
        padding: 5px 10px 0 10px;
        border-radius: 5px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        position: relative;
        bottom: -1px;
        z-index: 100;
        font-size: 11px;
        letter-spacing: 1px;
        font-weight: bold;
        margin-left: 3px;
        cursor: pointer;
    }

    .crm_content .crm_header .crm_info {
        position: absolute;
        right: 25px;
        top: 10px;
        /* max-width: 300px; */
        white-space: nowrap;
        z-index: 1000;
    }

.crm_content .info {
    line-height: 16px;
    padding: 2px 10px;
    text-transform: uppercase;
}

.crm_content .hilite {
    color: #FFF;
}

.crm_content .sep_right {
    /*background:url(../images/sep.gif) no-repeat right;*/
    padding-right: 15px;
}

.crm_content .sep_left {
    /* background:url(../images/sep.gif) no-repeat left; */
    padding-left: 15px;
}


/* BUTTONS */
.crm_content .crm_tools {
    position: relative;
    margin: 5px 6px 0px 6px;
    height: 25px;
    color: #aca7a6;
    text-transform: uppercase;
    font-size: 11px;
}

    .crm_content .crm_tools .buttons {
        padding: 2px 5px;
    }

.crm_content .crm_tools_left {
    position: absolute;
}

.crm_content .crm_tools_right {
    position: absolute;
    right: 10px;
    top: -2px;
}

.crm_content .crm_tools a.button {
    padding: 2px 8px 2px 13px;
    background: no-repeat 3px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    color: #c1bfba;
    line-height: 16px;
    border: 1px solid #5b5654;
}

.crm_content .crm_tools_right a.button {
    padding: 2px 5px 2px 13px;
}

.crm_content .crm_tools a.hilite {
    font-size: 11px;
    color: #dfd8a2;
}

.crm_content .crm_tools a.button:hover {
    color: #e3c87d;
    border: 1px solid #67605e;
}

.crm_content .crm_tools a.drop {
    background: url(../images/icoBtnDrop.gif) no-repeat right 0px;
    padding-right: 5px;
    position: relative;
}

.crm_content .crm_tools a.disabled,
.crm_content .crm_tools a.disabled:hover {
    cursor: default;
    background-position: 3px -30px;
    color: #aca19d;
    border: 1px solid #5b5654;
}

/* OPTIONS */
.crm_content .crm_tools .options {
    position: absolute;
    width: 125px;
    display: block;
    float: none;
    top: -1px;
}

.crm_content .crm_tools #options_markas {
    right: 20px;
}

.crm_content .crm_tools #options_folders {
    right: 80px;
}

.crm_content .crm_tools .options .options_head {
    text-align: right;
    background: url(../images/toolboxOptionsHeadBtm.gif) left bottom no-repeat;
    padding: 0px 0px 0px 0px;
    border-right: 1px solid #6f6866;
    height: 21px;
}

    .crm_content .crm_tools .options .options_head a {
        background: url(../images/toolboxOptionsHead.gif) left top no-repeat;
        padding: 3px 12px 3px 14px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        line-height: 18px;
        text-decoration: none;
        color: #c1bfba;
    }

.crm_content .crm_tools .options .options_body {
    border: 1px solid #6f6866;
    border-top-width: 0px;
    border-bottom-width: 0px;
    background: #524d4b;
    margin: 0px;
    display: block;
}

.crm_content .crm_tools .options .options_list {
    background: #413a38;
    margin: 0px 3px;
    padding: 7px 2px 10px 8px;
    text-align: right;
}

.crm_content .crm_tools .options_list .separator {
    height: 2px;
    display: block;
    margin: 3px 17px 5px 3px;
    border-bottom: 1px solid #5d5755;
    clear: both;
    float: none;
}

.crm_content .crm_tools .options .options_list a {
    display: block;
    margin: 2px 0px 0px 3px;
    padding-right: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    background: no-repeat right;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    clear: both;
    line-height: 12px;
}

    .crm_content .crm_tools .options .options_list a.remove {
        text-decoration: line-through;
    }

    .crm_content .crm_tools .options .options_list a.label2,
    .crm_content .crm_tools .options .options_list a.label {
        color: #d0c9c8;
    }

    .crm_content .crm_tools .options .options_list a.label3 {
        color: #cdc8a6;
    }

    .crm_content .crm_tools .options .options_list a.status {
        color: #d0cd9a;
    }

    .crm_content .crm_tools .options .options_list a.read {
        background-image: url(../images/toolboxOptionsIco-Read.gif);
    }

    .crm_content .crm_tools .options .options_list a.starred {
        background-image: url(../images/toolboxOptionsIco-Starred.gif);
    }

    .crm_content .crm_tools .options .options_list a.processed {
        background-image: url(../images/toolboxOptionsIco-Processed.gif);
    }

    .crm_content .crm_tools .options .options_list a.pending {
        background-image: url(../images/toolboxOptionsIco-Pending.gif);
    }

    .crm_content .crm_tools .options .options_list a.faulty {
        background-image: url(../images/toolboxOptionsIco-Faulty.gif);
    }

    .crm_content .crm_tools .options .options_list a:hover {
    }

.crm_content .crm_tools .options .options_footer {
    border-right: 1px solid #6f6866;
    margin: 0px;
    height: 4px;
    clear: both;
    background: url(../images/toolboxOptionsFooter.gif) left bottom no-repeat;
}


/* buttons */

.crm_content .crm_tools a.compose {
    background-image: url(../images/icoBtnNew.gif);
}

.crm_content .crm_tools a.reply {
    background-image: url(../images/icoBtnReply.gif);
}

.crm_content .crm_tools a.forward {
    background-image: url(../images/icoBtnForward.gif);
}

.crm_content .crm_tools a.save {
    background-image: url(../images/icoBtnSave.gif);
}

.crm_content .crm_tools a.delete {
    background-image: url(../images/icoBtnDelete.gif);
}

/*  CRM TABLE */
.crm_content div.crm_body {
    background: #757b82;
    border: 1px solid #70767d;
    /*overflow-x:hidden;*/
    margin: 0px 6px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    min-height: 150px;
}

    .crm_content div.crm_body > .viewport-height {
        min-height: 100%;
        margin: 0;
        padding: 1%;
    }

        .crm_content div.crm_body > .viewport-height > .client_entry {
            margin: 0;
        }

    .crm_content div.crm_body .ui-tabs .ui-tabs-panel {
        padding: 0;
    }

    .crm_content div.crm_body .ui-tabs-nav {
        margin: 8px;
    }

.crm_content .tbl-panel {
    padding: 8px 8px 0 8px;
}

.client_entry_void {
    margin: 8px;
}

.client_entry {
    background: #FFF url(../images/boxClientEntry_bg.gif) repeat-x bottom left;
    border: 1px solid #cccccc;
    margin: 8px;
    position: relative;
    overflow: visible;
}

    .client_entry#pnlCrmError {
        color: #970023;
        padding: 0 15px 14px;
        line-height: 12px;
    }


.message-log {
    padding: 6px 15px 6px;
    line-height: 14px;
    position: relative;
    border-width: 0;
    margin: 10px 0;
}

.client_entry.message-log {
    margin: 10px 10px;
}

.message-log.arrow-top {
    margin-top: 15px;
}

.message-log.arrow-bottom {
    margin-bottom: 15px;
}

.message-log.arrow-top:before {
    content: "";
    display: block;
    width: 0;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: transparent #ffc9a9 transparent transparent;
    position: absolute;
    left: 10px;
    top: -10px;
}

.message-log.arrow-bottom:after {
    content: "";
    display: block;
    width: 0;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: transparent #ffc9a9 transparent transparent;
    position: absolute;
    left: 10px;
    bottom: -10px;
}

.message-log.error {
    color: #970023;
    background: #ffc9a9;
    border-color: #ffc9a9;
}
/*
	.message-log.error:before
	{
		content: '!';
		display:inline-block;
		width:16px; height:16px; position:absolute;
		border-radius:50%;
		border:1px solid #ff5d00;
		background:#fff;
		color:#970023;
		font-size:14px;
		text-align:center;
		line-height:16px;
		left: 4px; top:4px;
	}
	*/


input.frm_fileupload,
select.frm-upload-sheet {
    display: inline-block;
    border-width: 1px;
    margin-right: 5px;
    padding: 3px;
    border-radius: 4px;
    margin: 0px 0;
    min-width: 25%;
    vertical-align: top;
    box-sizing: border-box;
    min-height: 28px;
}

.frm-upload-source {
    color: #970023;
    padding-left: 7px;
    padding-right: 7px;
}

#ctrlImportResults {
    padding: 10px 15px 10px 18px;
    position: relative;
    font-size: 16px;
}

    #ctrlImportResults:before {
        content: '';
        background: url('../images/dialog/dialog_ok.png') no-repeat center top;
        display: block;
        position: absolute;
        right: 0px;
        top: 0;
        height: 36px;
        width: 36px;
    }

.client_entry .handler {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 5px;
    font-size: 11px;
    letter-spacing: -3px;
    font-family: Monospace;
    font-weight: normal;
    color: #aaa;
    cursor: move;
}

    .client_entry .handler:after {
        content: '|||';
    }


.client_entry input[type=text],
.client_entry select,
.client_entry textarea,
.client_entry fieldset {
    border: 1px solid #c4c7ca;
}


.client_entry .lnk_invoices {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 10px;
    white-space: nowrap;
    text-transform: uppercase;
}

.client_entry .invoices_display_0 {
    display: none;
}

.client_entry h2 {
    color: #2e3e5b;
    border-bottom: 1px solid #e8eaec;
    margin: 5px 8px 4px 25px;
    padding-bottom: 3px;
    font-weight: bold;
    font-size: 105%;
    text-decoration: none;
}

.client_entry > h2.title {
    border-bottom-width: 0px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin-left: 8px;
}

.client_entry > h2.subtitle {
    border-bottom-width: 0px;
    margin-left: 8px;
    font-size: 15px;
    font-weight: normal;
}

.client_entry .section-header > h2.title {
    color: #4766a0;
    font-weight: 500;
    font-size: 16px;
    margin: 10px 0 5px 0;
    border-color: #fff;
    padding-left: 16px;
}

.list-filtered .section-header.list-header > h2.title {
    margin-right: 450px;
}

.client_entry h1 {
    margin: 5px 8px;
    padding: 0 0 3px;
    font-weight: bold;
    font-size: 125%;
    text-decoration: none;
    line-height: 125%;
    letter-spacing: normal;
}

/*** title list filter ***/
.section-header > .form-group {
    position: absolute;
    white-space: nowrap;
    clear: both;
    right: 8px;
    top: 5px;
    line-height: 32px;
    max-width: 275px;
}

    .section-header > .form-group.campaigns {
        right: 230px;
    }

    .section-header > .form-group input[type="text"],
    .section-header > .form-group select {
        min-width: 180px;
        border: 1px solid #b3bfd0;
        padding: 3px 6px;
        border-radius: 3px;
    }

    .section-header > .form-group input[type="text"],
    .section-header > .form-group select,
    .section-header > .form-group a.action {
        display: inline-block;
        position: relative;
        margin: 0;
        vertical-align: top;
        line-height: 16px;
    }

    .section-header > .form-group.search input,
    .section-header > .form-group.search select {
        border-radius: 0px;
        border-width: 0;
    }

.section-header > .list-filter.search {
    border: 1px solid #b3bfd0;
    border-radius: 3px;
    height: 22px;
    padding: 0px 5px 0 0;
}

    .section-header > .list-filter.search input {
        position: relative;
        top: 0;
        margin: 0;
        padding: 0 5px;
        text-overflow: ellipsis;
        vertical-align: top;
        line-height: 22px;
    }

    .section-header > .list-filter.search a.action.filter-clear,
    .section-header > .list-filter.search a.action.filter-apply {
        width: 22px;
        height: 22px;
        background: no-repeat -8px -8px;
        margin: 0;
        cursor: pointer;
    }

    .section-header > .list-filter.search a.action.filter-clear {
        background-image: url('../images/dialog/dialog_close.png');
    }

    .section-header > .list-filter.search a.action.filter-apply {
        background-image: url('../images/dialog/dialog_ok.png');
    }

.enabled_False h2 {
    text-decoration: line-through;
}

.client_entry .client_details {
    margin: 0px 8px;
    border-bottom: 1px solid #FFF;
    padding-bottom: 3px;
    min-height: 15px;
    color: #174f87;
}

    .client_entry .client_details li {
        float: left;
        padding-right: 15px;
        margin-right: 15px;
        font-weight: bold;
        background: url(../images/detailsSep.gif) no-repeat right;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
    }

        .client_entry .client_details li label {
            color: #174f87;
            min-width: 75px;
            font-weight: normal;
        }

.client_entry .client_block {
    margin: 0px 8px 8px 8px;
}

.client_entry .client_table {
    background: #FFF;
    border: 1px solid #dde0e8;
}

    .client_entry .client_table th,
    .client_entry .client_table td {
        padding: 5px 12px;
    }

    .client_entry .client_table th {
        background: #ebecee url(../images/detailsTheadBg.gif) repeat-x top left;
        border-bottom: 1px solid #dde0e8;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .client_entry .client_table td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border-bottom: 1px dotted #dde0e8;
        white-space: nowrap;
    }

    .client_entry .client_table tr:last-child td {
        border-bottom-width: 0px;
    }

    .client_entry .client_table td div {
        margin: 3px 3px;
    }

    .client_entry .client_table tr.totals td {
        font-weight: bold;
        background-color: #fefeeb;
        border-bottom-width: 0px;
    }


    .client_entry .client_table td.first_cell {
        font-weight: bold;
        color: #174f87;
    }

    .client_entry .client_table td.cl_amount,
    .client_entry .client_table td.cl_date {
        text-align: center;
    }

.frm_wrapper {
    margin: 8px;
    color: #FFF;
}

.upload .block_split_left {
    width: 28%;
    min-width: 300px;
    float: left;
    margin-right: 25px;
}

.upload .block_split_left {
    width: 28%;
    min-width: 300px;
    float: left;
}

.frm_wrapper .block_split_left div {
    margin: 5px 0px;
}

.frm_wrapper select,
.frm_wrapper input {
    font-size: 11px;
}

.client_table td .action-wrapper {
    padding: 0px 0 6px;
}

.client_table td a {
    text-transform: uppercase;
}


.frm_result {
}

.details_close {
    position: absolute;
    right: 10px;
    top: 5px;
    background: url(../images/detailsBtnClose.gif) no-repeat left top;
    width: 20px;
    height: 20px;
    z-index: 100;
}

    .details_close:hover {
        background-position: -20px 0px;
    }


/* CAMPAIGNS LIST */
section.panel-campaigns tr[data-filtertype="inactive"] {
    /*background:#f6f6f7;*/
    color: #7c8a98;
}

    section.panel-campaigns tr[data-filtertype="inactive"] > td > a {
        color: #b56a5d;
    }

section.panel-campaigns.filter-type--active tr[data-filtertype],
section.panel-campaigns.filter-type--inactive tr[data-filtertype] {
    display: none;
}

section.panel-campaigns.filter-type--active tr[data-filtertype="active"] {
    display: table-row;
}

section.panel-campaigns.filter-type--inactive tr[data-filtertype="inactive"] {
    display: table-row;
}

section.panel-campaigns tr.filtertext--hidden {
    display: none !important;
}




/* IMPORT LEADS */
.frm_upload_options {
    color: #2b3038;
}

    .frm_upload_options h2 {
        font-size: 115%;
        color: #fffee8;
        text-transform: uppercase;
    }

    .frm_upload_options .tbl_options {
        text-transform: none;
    }

        .frm_upload_options .tbl_options .fld_title {
            width: 92px;
            white-space: nowrap;
        }

        .frm_upload_options .tbl_options .fld_option {
            width: 30px;
        }

        .frm_upload_options .tbl_options .fld_text {
            background-color: #666d76;
            padding-left: 5px;
            color: #FFF;
            border-bottom: 2px solid #7c838b;
        }

        .frm_upload_options .tbl_options label {
            font-weight: bold;
            text-transform: uppercase;
            color: #FFFFCC;
        }

    .frm_upload_options input.radio {
        background: none;
    }

.frm_upload_note {
    color: #FFFFCC;
    font-style: italic;
}

.frm_upload_options a {
    color: #FFD777;
}


.frm_upload_options .tbl_session {
    background: #5d656e;
    border: 1px solid #6e7278;
}

    .frm_upload_options .tbl_session th,
    .frm_upload_options .tbl_session td {
        padding: 2px 4px;
    }

    .frm_upload_options .tbl_session th {
        background: #ebecee url(../images/detailsTheadBottomBg.gif) repeat-x top left;
        border-bottom: 1px solid #6e7278;
        text-align: left;
        color: #E0EFFC;
        white-space: nowrap;
    }

    .frm_upload_options .tbl_session td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        border-bottom: 1px solid #6e7278;
    }

.frm_upload_options .client_table tr.totals td {
    font-weight: bold;
    background-color: #5d656e;
    border-bottom: 1px solid #3f4953;
}


.frm_upload_options .tbl_session td.first_cell,
.frm_upload_options .tbl_session th.first_cell {
    color: #E0EFFC;
    text-align: left;
    padding-left: 5px;
}

#frm_import_dialer {
    padding: 2px 0 2px;
}

    #frm_import_dialer > .form-data {
        margin: 0 16px 8px;
        position: relative;
        line-height: 22px;
    }

        #frm_import_dialer > .form-data:before {
            content: '--';
            color: #a2b8ce;
            display: inline-block;
            position: absolute;
            left: -18px;
            top: 0;
        }

.section-block.settings strong {
    padding: 0;
}

#frm_import_dialer > .form-data input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: text-bottom;
}





/*  REPORTS */
#crmHistory h3 {
    min-width: 130px;
    clear: both;
    height: 20px;
    line-height: 18px;
    color: #fffee8;
    font-size: 120%;
}

#crmHistory th, #crmHistory td {
    font-size: 115%;
    padding: 5px 30px 5px 3px;
    white-space: nowrap;
}

#crmHistory th {
    font-weight: bold;
    border-bottom: 1px solid #3f4953;
    font-weight: bold;
    text-align: left;
    color: #fffee8;
}

#crmHistory td {
    border-bottom: 1px dotted #939AA1;
}

#crmHistory tr.active_session td {
    background-color: #55576C;
    border-top: 1px solid #3f4953;
}

#crmHistory tr.expired_session td {
    background-color: #67677A;
    border-top: 1px solid #3f4953;
}

#crmHistory tr.history_details td {
    background-color: #55576C;
    font-size: 90%;
    background-color: #6A7077;
    padding-top: 1px;
    padding-bottom: 1px;
}

#crmHistory a.lnk_download {
    padding-left: 20px;
    background: url( ../images/icoDownload.gif ) no-repeat left;
    text-decoration: none;
    color: #fffee8;
}

    #crmHistory a.lnk_download:hover {
        padding-left: 20px;
        color: #FFCC33;
        text-decoration: underline;
    }


/* FOOTER */
.crm_content .crm_footer {
    height: 10px;
    border-bottom: 1px solid #6e7278;
    position: relative;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

    .crm_content .crm_footer .crm_info {
        position: absolute;
        left: 5px;
        bottom: -18px;
    }

    .crm_content .crm_footer .pager {
        position: absolute;
        right: 5px;
        bottom: -19px;
        height: 19px;
    }

        .crm_content .crm_footer .pager a {
            display: block;
            float: left;
            height: 19px;
            width: 26px;
            background: url(../images/pagerItemBg.gif) no-repeat left bottom;
            text-align: center;
            margin: 0px 2px;
            text-decoration: none;
            color: #d9dbde;
            line-height: 18px;
        }

.crm_footer .pager a:hover,
.crm_footer .pager a.page-current {
    color: #ffff99;
    font-weight: bold;
}

.crm_footer .pager a.page-first {
    background: url(../images/pagerFirstLast.gif) no-repeat 0px 0px;
}

.crm_footer .pager a.page-last {
    background: url(../images/pagerFirstLast.gif) no-repeat -26px 0px;
}

.crm_footer .pager a.page-first:hover {
    background-position: 0px -19px;
}

.crm_footer .pager a.page-last:hover {
    background-position: -26px -19px;
}

.crm_footer .pager a.page-prev {
    background: url(../images/pagerPrevNext.gif) no-repeat 0px 0px;
}

.crm_footer .pager a.page-next {
    background: url(../images/pagerPrevNext.gif) no-repeat -26px 0px;
}

.crm_footer .pager a.page-prev:hover {
    background-position: 0px -19px;
}

.crm_footer .pager a.page-next:hover {
    background-position: -26px -19px;
}



/* field edit options */

.fields-list .client_entry .client_table td {
    vertical-align: middle;
}

    .fields-list .client_entry .client_table td input,
    .fields-list .client_entry .client_table td select,
    .fields-list .client_entry .client_table td textarea,
    .fields-list .client_entry .client_table td label {
        display: inline-block;
    }

        .fields-list .client_entry .client_table td input[type="checkbox"] {
            vertical-align: bottom;
            display: inline-block;
        }

    .fields-list .client_entry .client_table td > input[type="text"],
    .fields-list .client_entry .client_table td > input[type="password"],
    .fields-list .client_entry .client_table td > select,
    .fields-list .client_entry .client_table td > textarea {
        max-width: 500px;
        width: 75%;
    }

    .fields-list .client_entry .client_table td .form-item.advanced {
        display: inline-block;
        margin-left: 25px;
    }


.crmField .frmFieldOrder {
    min-width: 250px;
    text-align: right;
    white-space: nowrap;
    padding: 0 10px;
}

    .crmField .frmFieldOrder > a.action {
        display: inline-block;
        text-transform: uppercase;
        font-size: 11px;
        margin-right: 5px;
        line-height: 14px;
    }

        .crmField .frmFieldOrder > a.action:last-child {
            margin-right: 0;
        }

        .crmField .frmFieldOrder > a.action:before {
            display: inline-block;
            color: #7c838b;
            font-size: 13px;
            padding-right: 4px;
        }

    .crmField .frmFieldOrder > a.action-moveup:before {
        content: '\2196';
    }

.crm_content .fields-list > .crmField:first-child .frmFieldOrder > a.action-moveup {
    opacity: 0.5;
    cursor: default;
}

.crmField .frmFieldOrder > a.action-movedown:before {
    content: '\2B68';
}

.crm_content .fields-list > .crmField:last-child .frmFieldOrder > a.action-movedown {
    opacity: 0.5;
    cursor: default;
}

.crmField .frmFieldOrder > a.action-delete:before {
    content: '\2715';
}

.client_entry .client_table td div.fld_restrictions {
    margin: 5px 0px 3px 0px;
    position: relative;
    padding: 3px 0;
    left: -20px;
}

.fld_restriction_items {
}

.fld_restriction_item,
.fld_restriction_item_add {
    padding: 2px 2px 2px 20px;
    height: 23px;
    position: relative;
}

.fld_restriction_item {
    background: #fdfcfc;
    border: 1px solid #dde0e8;
}


    .fld_restriction_item .handler-level2 {
        position: absolute;
        top: 0;
        left: 0;
        padding: 3px;
        font-size: 11px;
        line-height: 20px;
        letter-spacing: -3px;
        font-family: Monospace;
        font-weight: normal;
        color: #aaa;
        cursor: move;
    }

.fld_restriction_items .fld_restriction_item:last-child {
    margin-bottom: 10px;
}

.fld_restriction_item input.text,
.fld_restriction_item_add input.text,
.fld_restrictions a.fld_restriction_btn {
    display: inline-block;
    margin: 0;
    padding: 3px 5px;
    background: #F2F2F2;
    border: 1px solid #dde0e8;
    vertical-align: middle;
    line-height: 15px;
}

    .fld_restriction_item input.text:hover,
    .fld_restriction_item_add input.text:hover,
    .fld_restrictions a.fld_restriction_btn:hover {
        border-color: #ccc;
    }

.fld_restrictions a.fld_restriction_btn {
    font-size: 15px;
    font-weight: normal;
    font-family: Monospace;
}

.fld_restriction_item input.text,
.fld_restriction_item a.fld_restriction_btn {
    background: transparent;
}

.client_entry .client_table td div.fld_restriction_value,
.client_entry .client_table td div.fld_restriction_text,
.client_entry .client_table td div.fld_restriction_parentvalue {
    float: left;
    margin: 1px 1px 1px 1px;
    padding: 1px;
    background: #F2F2F2;
    border: 1px solid #CCC;
    min-height: 22px;
    vertical-align: middle;
    display: block;
}

.client_entry .client_table td input.fld_restriction_value,
.client_entry .client_table td input.fld_restriction_text,
.client_entry .client_table td input.fld_restriction_parentvalue {
    border-width: 1px;
}

.client_entry .client_table td input.text_void.fld_restriction_value,
.client_entry .client_table td input.text_void.fld_restriction_text {
    color: #666;
}

.client_entry .client_table td input.fld_restriction_value,
.client_entry .client_table td input.fld_restriction_parentvalue {
    width: 125px;
}

.client_entry .client_table td input.fld_restriction_text {
    width: 300px;
}

.fldRestrictionValueAdd, .fldRestrictionTextAdd,
.client_entry .client_table td div.fld_restriction_item_add input {
    background-color: #F2F2F2;
}

.row_fld_restrictions td {
    background-color: #FDFDFD;
}

.fld_restriction_btn {
    width: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}


#phSupervisorContent_lblSvNoRecords {
    display: block;
    height: 50px;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}




#frmCrmBindQueue {
    min-width: 50%;
    width: auto !important;
}



.crm_header .button {
    font-size: 0.9em !important;
    font-weight: bold;
    color: white !important;
    background: #757B82;
    border: #a2a8ad 1px solid;
    border-bottom-width: 0px;
    text-decoration: none;
    z-index: 10;
}

    .crm_header .button:hover {
        font-size: 0.9em !important;
        font-weight: bold;
        color: #FFE4A4 !important;
    }

.ui-accordion-icons .ui-accordion-header a {
    font-size: 0.9em !important;
    font-weight: bold;
    color: #7c1a00 !important;
}


    .ui-accordion-icons .ui-accordion-header a:hover {
        font-size: 0.9em !important;
        font-weight: bold;
        color: #2d0900 !important;
    }

.lastcall {
    max-width: 80px;
    text-align: center;
}

/* SURVEY */

.crm-editor.survey {
}

ul.question_wrapper {
    display: block;
    width: 100%;
}

.crm_survey .client_entry.s_question,
li.client_entry.s_question {
    display: block;
    min-width: 1000px;
    border-width: 0;
    border-top-right-radius: 15px;
    /*border-bottom-left-radius:32px;*/
    padding: 6px 10px 15px 10px;
}

.crm_survey .client_entry.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0px;
    z-index: 100;
    border-color: #757b82;
    margin-top: 0;
    border-top: 8px solid #757b82;
    box-shadow: 0px 10px 0px #757b82;
}

.crm_survey .client_entry.sticky-bottom {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    bottom: 0px;
    z-index: 100;
    border-color: #757b82;
    margin-bottom: 0;
    margin-top: 0;
    border-top: 8px solid #757b82;
    border-bottom: 8px solid #757b82;
}

.crm_survey .footer_links {
    padding: 10px;
}

.crm_survey .client_entry .header_links {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 10px;
    white-space: nowrap;
}

    .crm_survey .client_entry .header_links > a,
    .crm_survey .footer_links > a {
        display: inline-block;
        white-space: nowrap;
        margin-left: 20px;
        text-transform: uppercase;
        font-weight: bold;
    }

.crm_survey .client_entry .survey_append_comments {
    display: block;
    padding: 0px 15px 2px 75px;
    vertical-align: middle;
    line-height: 16px;
}

    .crm_survey .client_entry .survey_append_comments input[type="checkbox"] {
        display: inline-block;
    }

    .crm_survey .client_entry .survey_append_comments label {
        padding-left: 5px;
        display: inline-block;
    }

.crm_survey label.survey_name {
    padding-right: 10px;
}

.crm_survey input.txtSurveyName {
    min-width: 350px;
}

.crm_survey .client_entry.s_question .client_details {
    padding: 0;
    border-bottom-width: 0;
}

.crm_survey .client_entry.s_question h2 {
    margin: 0 10px;
    padding: 10px 0 5px 0;
}

.crm_survey .client_entry.s_question .client_details .q_text,
.crm_survey .client_entry.s_question .client_details fieldset {
    margin: 5px 10px;
}

.crm_survey .client_entry.s_question .client_details fieldset {
    margin: 0px;
    display: block;
    background: white;
    position: relative;
    padding: 0 10px 38px 10px;
    margin-top: 12px;
    border-bottom-left-radius: 18px;
}

    .crm_survey .client_entry.s_question .client_details fieldset.survey-question-buttons {
        padding: .5em 1.25em;
    }

.crm_survey .client_entry.s_question .client_details .survey-action-button {
    font-size: 11px;
    border-radius: 1em;
    display: inline-block;
}

.crm_survey .client_entry.s_question .client_details fieldset > legend {
    font-weight: normal;
    line-height: 15px;
    font-size: 15px;
    display: inline-block;
    padding: 0 15px 0px 15px;
}

    .crm_survey .client_entry.s_question .client_details fieldset > legend > label {
        padding: 0;
        margin: 0;
        display: inline-block;
    }

.crm_survey .client_entry.s_question .client_details fieldset > a.action-new {
    position: absolute;
    left: 11px;
    bottom: 8px;
    text-transform: uppercase;
    font-size: 11px;
    background: white;
    padding: 2px 18px 2px 12px;
    line-height: 18px;
    border: 1px solid #d8e0ea;
    border-radius: 18px;
}

    .crm_survey .client_entry.s_question .client_details fieldset > a.action-new:hover {
        background: #eeeff5;
    }

    .crm_survey .client_entry.s_question .client_details fieldset > a.action-new:before {
        content: '+';
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        font-weight: normal;
        line-height: 18px;
        padding: 0 8px 0 0;
        margin-top: -2px;
    }

.crm_survey .client_entry.s_question table.q_question {
    border-collapse: separate;
    margin-bottom: 10px;
}

.crm_survey .client_entry.s_question textarea {
    display: block;
    padding: 0.5%;
    background: rgb(246, 249, 253);
    background: rgba(245, 247, 253, .75);
    min-width: 99%;
    max-width: 99%;
    min-height: 52px;
    line-height: 130%;
}

    .crm_survey .client_entry.s_question textarea:hover,
    .crm_survey .client_entry.s_question textarea:focus {
        background: #f5f7fd;
    }

.crm_survey table.q_answers {
    border-collapse: collapse;
    width: 100%;
    margin-top: 6px;
}

    .crm_survey table.q_answers td {
        padding: 2px 2px;
    }


.crm_survey table td.q-cell-target,
.crm_survey table td.q-cell-answer {
    padding-left: 30px;
    white-space: nowrap;
}

.crm_survey table td.q-cell-answer {
    width: 1%;
    padding-left: 0px;
}


.crm_survey table td.a-type,
.crm_survey table td.a-label,
.crm_survey table td.a-target,
.crm_survey table td.a-datasource,
.crm_survey table td.a-required,
.crm_survey table td.a-score {
    width: 1%;
    padding-left: 10px;
}

.crm_survey table td.a-type {
    padding-left: 10px;
    white-space: nowrap;
}

.crm_survey table td.a-required {
    padding-left: 2px;
}

.crm_survey table td.a-label {
    white-space: nowrap;
    width: 18px !important;
    padding: 0;
}

.crm_survey table td.a-target {
    padding-left: 10px;
}

.crm_survey table td.a-text {
    min-width: 250px;
    padding-left: 5px;
    /* width:50%;	*/
}

    .crm_survey table td.a-text > input[type="text"] {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

.crm_survey table.q_answers tr td {
    padding: 3px 3px;
}

.crm_survey table td.a-score > input {
    width: 36px;
}

.crm_survey table.q_answers tr > td.a-data > input,
.crm_survey table.q_answers tr > td.a-data > select {
    padding: 3px 5px;
}

.crm_survey table.q_answers tr:hover > td.a-data > input,
.crm_survey table.q_answers tr:hover > td.a-data > select {
    background: #f5f7fd;
}

.crm_survey .s_question .q_title {
    display: inline-block;
    width: 74%;
    cursor: move;
}

.crm_survey .s_question a.lnk-del {
    display: inline-block;
    width: auto;
    text-align: right;
    white-space: nowrap;
    position: absolute;
    right: 20px;
}

.crm_survey fieldset legend > a.action {
    margin-left: .75em;
}

.crm_survey table td.a-action {
    text-align: right;
    white-space: nowrap;
    padding-right: 0;
    width: 50px !important;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    position: relative;
}

    .crm_survey table td.a-action > a.action,
    .crm_survey fieldset legend > a.action {
        display: inline-block;
        width: 22px;
        height: 22px;
        vertical-align: middle;
        border: 1px solid #d8e0ea;
        line-height: 22px;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
    }

        .crm_survey table td.a-action > a.action > span,
        .crm_survey fieldset legend > a.action > span {
            display: none;
        }

        .crm_survey table td.a-action > a.action:hover,
        .crm_survey fieldset legend > a.action:hover {
            border-color: #b4c0d1;
            color: #3360a5;
            background: #eeeff5;
        }

        .crm_survey table td.a-action > a.action.action-details:after {
            content: '\00b7\00b7\00b7';
        }

        .crm_survey table td.a-action > a.action.action-delete:after {
            content: '\2715';
        }

        .crm_survey table td.a-action > a.action.action-delete {
            right: -2px;
            position: relative;
        }



.crm_survey table td.a-datasource {
    padding-left: 10px;
    padding-right: 0;
    vertical-align: middle;
}

    .crm_survey table td.a-datasource .widget.answer-datasource {
        border: 1px solid #c4c7ca;
        padding: 3px 3px 3px 10px;
    }

        .crm_survey table td.a-datasource .widget.answer-datasource a.answer-datasource {
            padding: 0 4px;
        }

        .crm_survey table td.a-datasource .widget.answer-datasource a.answer-datasource {
            cursor: pointer;
        }

            .crm_survey table td.a-datasource .widget.answer-datasource a.answer-datasource.select {
                padding: 0 4px;
                font-weight: bold;
            }

            .crm_survey table td.a-datasource .widget.answer-datasource a.answer-datasource.remove {
                padding: 0 5px;
                border-left: 1px solid #c4c7ca;
                font-size: 12px;
                display: none;
            }

        .crm_survey table td.a-datasource .widget.answer-datasource.has-value a.answer-datasource.remove {
            display: inline-block;
        }








/**** DIALOG ****/

/* retake */

.modal_dialog.dlg-action-personalize .dialog_body {
    min-height: 200px !important;
}


.modal_dialog.dlg-retake-leads .dialog-form:not(:last-child) {
    padding-bottom: 10px;
}

.modal_dialog.dlg-retake-leads .dialog-form > h3 {
    margin: 0 0 5px 0;
    color: #013b83;
}

.modal_dialog.dlg-retake-leads .dialog-form > .list-item {
    margin: 0 0 4px 0;
}

    .modal_dialog.dlg-retake-leads .dialog-form > .list-item > input[type="checkbox"],
    .modal_dialog.dlg-retake-leads .dialog-form > .list-item > label {
        vertical-align: middle;
    }

/* personalize */
.modal_dialog.dlg-action-personalize .dialog-form:not(:last-child) {
    padding-bottom: 10px;
}

.modal_dialog.dlg-action-personalize .dialog-form h3 {
    margin: 0 0 5px 0;
    color: #013b83;
    font-size: 14px;
}

.modal_dialog.dlg-action-personalize .dialog-form .list-items {
    margin: 4px 0;
}

    .modal_dialog.dlg-action-personalize .dialog-form .list-items > .item,
    .modal_dialog.dlg-action-personalize .dialog-form .list-items > select.data {
        display: block;
        margin: 0 16px;
        line-height: 1.5em;
    }

        .modal_dialog.dlg-action-personalize .dialog-form .list-items > .item .value {
            display: inline-block;
            margin: 0 0 1px 6px;
        }

        .modal_dialog.dlg-action-personalize .dialog-form .list-items > .item b.value {
            color: #000000;
            font-weight: 500;
            font-size: 14px;
        }

        .modal_dialog.dlg-action-personalize .dialog-form .list-items > .item input[type="checkbox"] {
            vertical-align: middle;
        }

.modal_dialog.dlg-action-personalize ul.list-results {
    margin: 4px 16px;
    list-style-type: none;
}

    .modal_dialog.dlg-action-personalize ul.list-results > li {
        display: block;
        margin: 6px 0 6px 16px;
        position: relative;
        font-size: 14px;
    }

        .modal_dialog.dlg-action-personalize ul.list-results > li:before {
            content: '\2713 ';
            color: #0ac387;
            font-size: 20px;
            position: absolute;
            left: -22px;
            bottom: -3px;
        }

.modal_dialog.dlg-action-personalize a.button_next {
    padding: 0 0 0 0px !important;
    position: relative;
}

    .modal_dialog.dlg-action-personalize a.button_next:after {
        content: '\25b7'; /*''>';*/
        padding-left: 6px;
    }

.modal_dialog.dlg-action-personalize a.button_prev {
    margin-right: 16px !important;
    padding: 0 0 0 0px !important;
}

    .modal_dialog.dlg-action-personalize a.button_prev:before {
        content: '\25c1';
        padding-right: 6px;
    }

.modal_dialog.dlg-action-personalize a.dialog_button:before,
.modal_dialog.dlg-action-personalize a.dialog_button:after {
    font-size: 16px;
    line-height: 22px;
    color: #78d285;
    display: inline-block;
}

.modal_dialog.dlg-action-personalize a.disabled:before,
.modal_dialog.dlg-action-personalize a.disabled:after {
    opacity: .5;
}

.modal_dialog.dlg-action-personalize .dialog-error {
    display: none;
    margin: 0 0 12px 0;
    padding: 6px 16px;
    color: #ca0303;
    background: #ffffd9;
    border: 1px solid #ffd589;
}

.modal_dialog.dlg-action-personalize .dialog_body.error > .dialog-error {
    display: block;
}






/* survey :: QA */
.modal_dialog.qa-datasource .dialog_header input {
    width: 91%;
    display: inline-block;
    border-color: #e1e9ef;
    color: #445bad;
    padding: 2px 1%;
}

.modal_dialog.qa-datasource .dialog_body {
    position: relative;
    overflow: hidden;
}

    .modal_dialog.qa-datasource .dialog_body > .overlay {
        display: none;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 100;
        background-color: #FFF;
        background: rgba(255,255,255,.75) url(../images/ajax/ajax-loader-grey-01.gif) center center no-repeat;
        top: 0px;
        left: 0px;
    }

    .modal_dialog.qa-datasource .dialog_body.loading {
        background: none;
    }

        .modal_dialog.qa-datasource .dialog_body.loading > .overlay {
            display: block;
        }

    .modal_dialog.qa-datasource .dialog_body.error {
        color: #970023;
        font-weight: bold;
    }


.modal_dialog.qa-datasource .form-body {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

.modal_dialog.qa-datasource .form-footer {
    padding-top: 5px;
    border-top: 1px solid #dedede;
}

    .modal_dialog.qa-datasource .form-footer a.list-item-add {
        display: block;
        position: relative;
        float: right;
        width: 25px;
        border: 1px solid #e1e9ef;
        text-align: center;
        line-height: 23px;
        height: 25px;
        cursor: pointer;
        font-size: 15px;
    }

    .modal_dialog.qa-datasource .form-footer input {
        display: inline-block;
        width: 91%;
        margin: 0;
        padding: 2px 1%;
        height: 20px;
        border: 1px solid #d0dae2;
    }


.modal_dialog.qa-datasource .form-body .form-item {
    margin: 2px 0;
    border: 1px solid #e1e9ef;
    position: relative;
    margin-right: 32px;
    height: 25px;
    background: #fff;
}

    .modal_dialog.qa-datasource .form-body .form-item > .handler {
        color: #d8d4ce;
        padding: 0 0 0 1%;
        width: 3%;
        display: inline-block;
        letter-spacing: -1px;
        font-size: 14px;
    }

    .modal_dialog.qa-datasource .form-body .form-item > a.list-item-remove {
        display: block;
        position: absolute;
        width: 25px;
        right: -30px;
        top: -1px;
        border: 1px solid #e1e9ef;
        text-align: center;
        line-height: 23px;
        height: 25px;
        cursor: pointer;
        font-size: 15px;
    }

    .modal_dialog.qa-datasource .form-body .form-item > input {
        margin: 0px 0 0 0;
        display: inline-block;
        width: 94%;
        height: 21px;
        padding: 2px 1%;
        border-width: 0;
        background: none;
    }

    .modal_dialog.qa-datasource .form-body .form-item > a.list-item-remove:hover,
    .modal_dialog.qa-datasource .form-footer a.list-item-add:hover,
    .modal_dialog.qa-datasource .form-body .form-item input:hover {
        border-color: #c4d0da;
    }


/* survey :: QA DETAILS */
.modal_dialog.qa-details .dialog_header input {
    width: 91%;
    display: inline-block;
    border-color: #e1e9ef;
    color: #445bad;
    padding: 2px 1%;
}

.modal_dialog.qa-details .dialog_body {
    position: relative;
    overflow: hidden;
    overflow-y: auto;
}

.modal_dialog.qa-details h2 {
    border-bottom: 1px solid #e1e9ef;
    color: #445bad;
    margin: 0 4px;
    padding: 2px 0px;
    font-size: 16px;
}

.modal_dialog.qa-details .triggers {
    padding: 2px 4px;
    font-size: 13px;
    line-height: 16px;
}

    .modal_dialog.qa-details .triggers > h3 {
        display: block;
        padding: 8px 2px;
        font-size: 14px;
    }

        .modal_dialog.qa-details .triggers > h3 > strong {
            color: #445bad;
        }

    .modal_dialog.qa-details .triggers > .list {
        padding-left: 25px;
    }

        .modal_dialog.qa-details .triggers > .list > label {
            display: block;
            position: relative;
            white-space: nowrap;
            overflow-x: visible;
            text-overflow: ellipsis;
        }

            .modal_dialog.qa-details .triggers > .list > label > input.data[type="checkbox"] {
                display: inline-block;
                position: absolute;
                left: -20px;
                top: 1px;
                width: 16px;
                height: 16px;
                font-size: 16px;
                line-height: 16px;
            }

            .modal_dialog.qa-details .triggers > .list > label > span.q-text {
                display: block;
                max-width: 100%;
                white-space: nowrap;
                overflow-x: hidden;
                text-overflow: ellipsis;
                padding: 2px 5px;
                line-height: 16px;
            }

            .modal_dialog.qa-details .triggers > .list > label:hover > span.q-text {
                background: #f1f5fd;
            }