/**
 *  Admin Template
 * Dot net team
**/

.multiFields {
    width: 265px;
    float: left;
    margin-left: 20px !important;
}

.tab-content {
    /*background-color: #eee !important;*/
    padding: 0px !important;
}
/*.tab-pane
{
    margin-top: 40px !important;
}*/

#search input {
    width: 100px !important;
    padding-right: 0 !important;
    float: left;
}

#search button {
    padding-left: 0 !important;
    margin-top: 0px;
    margin-left: 0 !important;
}

/*For dropdownlist*/
.select2-drop {
    z-index: 99999 !important;
}

/*For Datepicker*/
.datepicker {
    z-index: 9000 !important;
}

/*For colorpicker*/
.colorpicker {
    z-index: 9000 !important;
}

/*For Ckeditor editing textbox*/
.cke_dialog_ui_input_text {
    margin-bottom: 0px !important;
    font-size: 10px;
    line-height: normal !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
}

/*For Unicorn Header*/
.change4height {
    height: 40px !important;
}

/*For changing background color of widget box*/
.widget-content {
    background-color: #F9F9F9 !important;
}


.notify-ui ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.notify-ui li {
    background-image: -moz-linear-gradient(top, #eeeeee,#dddddd);
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #dddddd;
}

    .notify-ui li:hover {
        cursor: pointer;
        color: #777777;
    }

/*body .modal.fade.in {
  top: auto; /* fade in to correct spot/ 
}
#giveBigModal .modal-body{
	padding: 0px;
	background-color: #444444;
	max-height:none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
    font-size:13px;
}
#giveBigModal .modal-footer .footer{
	font-size: 11px !important;
}*/

#myModal5 {
    /*width: 80% !important; /* SET THE WIDTH OF THE MODAL */
    /*margin: -20% -40% -40% -40% !important;  CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
    /* margin: -300px 0 0 -280px; PLAY THE WITH THE VALUES TO SEE GET THE DESIRED EFFECT */
    width: 80%;
    left: 5%;
    margin: auto auto auto auto;
    top: 10%;
    position: fixed;
    background-color: #444444;
}

/*Changes done from here on wards on 16 May */

/* Modal Custom */
#giveBigPopup {
    width: 80% !important; /* desired relative width */
    left: 5% !important; /* (100%-width)/2 */
    margin: -0% -20% -20% 0% !important; /* place center */
    position: absolute !important;
    background-color: #444444 !important;
}


#giveBigTest {
    width: 80% !important;
    left: 5% !important;
    margin: auto auto auto auto !important;
    top: 10% !important;
    position: absolute !important;
    background-color: #444444 !important;
}

/*.form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea {
    width: 80% !important;
}*/

/* ------------------------------------------------------ */
/* For Label text  */
/* ------------------------------------------------------ */
/*.control-label
{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
}*/

/* ------------------------------------------------------ */
/* For Alert  */
/* ------------------------------------------------------ */

.alert {
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size: 14px;
    line-height: 20px;
}

/* ------------------------------------------------------ */
/* For left Navigation Elements  */
/* ------------------------------------------------------ */

/*.leftnav li
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}*/

/* ------------------------------------------------------ */
/* For Header  */
/* ------------------------------------------------------ */

/*#content-header h1
{
    color: #555555;
    font-size: 28px;
    font-weight: normal;
    text-shadow: 0 1px 0 #ffffff;
    margin-left: 20px;
}*/

/* ------------------------------------------------------ */
/* For dropdown  */
/* ------------------------------------------------------ */

.select2-container {
    position: relative !important;
    display: inline-block !important;
    zoom: 1 !important;
    vertical-align: top !important;
}

/* ------------------------------------------------------ */
/* For Radio buttons in Lightbox  */
/* ------------------------------------------------------ */

.modal-footer .footer {
    font-size: 11px !important;
}

.chart, .pie, .bars {
    height: 300px;
    max-width: 100%;
}
/* ------------------------------------------------------ */
/* For Campaigns Paging  */
/* ------------------------------------------------------ */
.row-fluid:before, .row-fluid:after {
    display: none !important; /* fix/change for left menu */
}

.paging {
    cursor: pointer;
}

.pagination {
    text-align: center;
}

    .pagination > ul > li > a:hover, .pagination > ul > li > a:focus, .pagination > ul > .active > a, .pagination > ul > li > span:hover {
        background-color: #fff;
    }

/* ------------------------------------------------------ */
/* For CustomForm  */
/* ------------------------------------------------------ */

.showlink {
    display: block;
}

.hidelink {
    display: none;
}

.float_left {
    float: left;
}

.float_none {
    float: none !important;
}

.padding_5 {
    padding: 5px;
}

.scroll_level_list {
    padding-left: 35px;
}

.small_text, input.small_text, textarea.small_text, .small_text li, .small_text td, .small_text th, .small_text div, .small_text label, .small_text input, .small_text textarea, .small_text label {
    font-size: 11px !important;
}

/* ------------------------------------------------------ */
/* AdminDonationUserControl  */
/* ------------------------------------------------------ */
table.mylist input {
    width: 20px;
    display: block;
    float: left;
}

table.mylist label {
    width: 250px;
    display: block;
    float: left;
}

table.mylist1 label {
    /*width: 250px;*/
    display: block;
    float: left;
}

table.mylist1 input {
    width: 20px;
    display: block;
    float: left;
}

.btnadd {
    margin-left: 650px;
}

.watermarked {
    color: Gray;
    background-color: #e5e5e5;
    font-size: 10px;
    font-style: italic;
    padding: 2px 2px 2px 2px;
}

.no_btn, .no_btn:hover, .no_btn:focus {
    padding: 0px;
    border: none;
    background-color: initial;
    /*background-image: url(../../Img/embed_code.png);*/
    width: 17px;
    height: 16px;
    -webkit-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
    transition: initial;
    background-position: initial;
}

.get_code_btn, .get_code_btn:hover {
    width: 80px;
    background-repeat: no-repeat;
    padding: 7px 5px;
    background-position: 6px 8px;
    text-align: right;
}
/* ------------------------------------------------------ */
/* AdminOrganizationInfo and AdminSocialNetworks User Controls */
/* ------------------------------------------------------ */

.accordionContent {
    background-color: white;
    overflow: initial !important;
    /*border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px dashed #2F4F4F;
    border-style: none;
    border-width: medium 1px 1px;
    padding: 10px 5px 5px;*/
}

.accordionHeaderSelected {
    background-color: #646464;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    /*font-family: Arial,Sans-Serif;*/
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    /*padding: 8px;*/
    width: auto;
    background-image: url('/Img/icons/expand.png'), url('/Img/icons/expand.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 5px 5px, 99.5% 5px;
    /*padding-left: 40px;*/
}

    .accordionHeaderSelected + div, .accordionHeaderSelected_PaymentForm + div, .accordionBlock {
        overflow: initial !important;
    }

.accordionHeader {
    background-color: #444444;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    /*font-family: Arial,Sans-Serif;*/
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    /*padding: 8px;*/
    width: auto;
    background-image: url('/Img/icons/collapse.png'), url('/Img/icons/collapse.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 5px 5px, 99.5% 5px;
    /*padding-left: 40px;*/
}

    .accordionHeaderSelected > div, .accordionHeader > div {
        padding: 8px 8px 8px 40px;
    }

.divshowimg {
    overflow: auto;
}

/* ------------------------------------------------------ */
/* AdminCustomQuestionUserControls  */
/* ------------------------------------------------------ */
.hiden {
    visibility: hidden;
}

.hideinput {
    display: none !important;
}

.display_block {
    display: block !important;
}

.display_none {
    display: none !important;
}

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

.visibility_hidden {
    visibility: hidden !important;
}

.visibility_visible {
    visibility: visible;
}
/* ------------------------------------------------------ */
/* AdminCampaignListUserControls  */
/* ------------------------------------------------------ */
/*.SortedAscendingHeaderStyle, .SortedDescendingHeaderStyle {
      
    background-repeat: no-repeat;
}*/

.SortedHeaderStyle a {
    /*background-image: url('../../Img/dropdown-arrows-dark.png');
    background-position: center right;
    background-repeat: no-repeat;
    display: block;*/
    margin-right: 10px;
}

.pagenoborder td {
    text-align: center;
}

.pagenoborder table td {
    border-left: none;
}

input.error {
    background: #f2dede;
}
/* ------------------------------------------------------ */
/* chart css  */
/* ------------------------------------------------------ */
.jqplot-table-legend {
    width: 130px;
    z-index: 1110;
    top: initial !important;
}

.jqplot-table-legend-swatch {
    width: 16px;
}

.jqplot-table-legend-label {
    word-break: break-all;
    line-height: normal;
    width: 110px;
    padding-left: 4px;
}

.jqplot-table-legend tbody {
    max-height: 320px;
    overflow: auto;
    display: block;
}
/* ------------------------------------------------------ */
/* VertualTerminal Dynamic Table css  */
/* ------------------------------------------------------ */
.tblhoriz {
    width: 100%;
}

    .tblhoriz td {
        /*white-space: nowrap;*/
        border-left: none;
        word-break: break-all;
    }

        .tblhoriz td label {
            padding-left: 25px;
            float: left;
            width: 93%;
        }

        .tblhoriz td input {
            width: 13px;
            float: left;
        }

/* ------------Help text------------------------------------------ */
small {
    font-size: 0.9em;
    color: #818181;
}

/* ------------------------------------------------------ */
/* popupover postit css  */
/* ------------------------------------------------------ */
/*popover width in smsgiving*/

.popover {
    Min-width: 420px;
    z-index: 1201; /*linked with modal z-index*/
    border: 1px solid #888888;
}

    .popover.bs-popover-left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -5px;
        border-right-width: 0;
        border-left-color: #ccc;
        border-left-color: #fff;
    }

        .popover.bs-popover-left > .arrow:after {
            content: " ";
            right: 1px;
            border-right-width: 0;
            border-left-color: #fff;
            bottom: -10px;
        }

    .popover.bs-popover-bottom > .arrow {
        left: 50%;
        top: -11px;
        margin-left: -3px;
        border-top-width: 0;
        border-bottom-color: #ccc;
        border-bottom-color: #fff;
    }

        .popover.bs-popover-bottom > .arrow:after {
            content: " ";
            top: 1px;
            margin-left: -10px;
            border-top-width: 0;
            border-bottom-color: #fff;
        }

    .popover.bs-popover-top > .arrow {
        left: 50%;
        margin-left: -3px;
        border-bottom-width: 0;
        border-top-color: #ccc;
        border-top-color: #fff;
        bottom: -11px
    }

        .popover.bs-popover-top > .arrow:after {
            content: " ";
            bottom: 1px;
            margin-left: -10px;
            border-bottom-width: 0;
            border-top-color: #fff
        }

    .popover.bs-popover-right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -5px;
        border-left-width: 0;
        border-right-color: #ccc;
        border-right-color: #fff
    }

        .popover.bs-popover-right > .arrow:after {
            content: " ";
            left: 1px;
            bottom: -10px;
            border-left-width: 0;
            border-right-color: #fff
        }

    .popover.bs-popover-right .arrow {
        border-right-color: #888888 !important;
    }

    .popover.bs-popover-left .arrow {
        border-left-color: #888888 !important;
    }

    .popover.bs-popover-top .arrow {
        border-top-color: #888888 !important;
    }

    .popover.bs-popover-bottom .arrow {
        border-bottom-color: #888888 !important;
    }

.popover-content, txtcopy {
    resize: none;
    /*overflow-y: scroll;
    max-height: 300px;*/
}
/*embed code*/
.popover-title, .popover-header {
    text-align: center;
    text-transform: initial;
    font-size: 16px;
}

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

    .embed_options .btn-icon {
        width: 60px;
        height: 60px;
    }

    .embed_options .embed_option {
        display: inline-block;
        /*padding: 0px 20px;*/
        width: 92px;
        vertical-align: top;
    }

        .embed_options .embed_option .btn-icon .md {
            font-size: 26px;
        }
        /*wordpress button*/
        .embed_options .embed_option .pi_button {
            width: 60px;
            height: 60px;
            border-radius: 50% !important;
            font-size: 42px;
            color: #fff !important;
            background-color: #00739a !important;
        }

            .embed_options .embed_option .pi_button .ic_plugin_icon {
                position: absolute;
                margin-left: -20px;
                margin-top: 2px;
                -webkit-transition: all;
                -moz-transition: all;
                -o-transition: all;
                transition: all;
                -webkit-transition-duration: 300ms;
                transition-duration: 300ms;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                backface-visibility: hidden;
            }

.btn-icon:hover .ic_plugin_icon {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.embed_body {
}

.CnP_iframe_library_link, .CnP_iframe_library_inline, .CnP_iframe_library_popup {
    display: none;
    padding: 5px 0px;
    border-top: 1px solid #e0e0e0;
}

.popover p {
    margin-bottom: 5px;
}

.alert {
    padding: 10px !important;
    margin-top: 13px;
}

    .alert.alert-info, .alert-warning {
        /*alert bg and text colours changed blue to yellow*/
        background-color: #fff9c4;
        border-color: #fff9c4;
        color: #333333;
        border-left: 5px solid #333333;
    }

.alert-default {
    background-color: #f0f0f0;
    border-color: #eee;
    color: #777;
}

.popover .alert {
    margin-bottom: 7px;
    margin-top: 7px;
}

@media (max-width: 767px) {
    .popover {
        max-width: 100%;
    }
}

/* RadioButtonList styles  */
.radioListHorizontal td {
    white-space: nowrap;
    padding: 5px 10px;
}

    .radioListHorizontal td label {
        display: inline-block;
        margin-left: 5px;
    }

    .radioListHorizontal td input[type="radio"] {
        margin: initial;
    }


/* for reference transaction label  */
#MainContent_VirtualTerminalUserControl_tblReferenceTransaction .controls {
    padding-top: 15px;
}

/* table break*/
.table-break td, .table-break th {
    word-break: break-all;
}

.word_break {
    word-break: break-all;
}

.no_wrap {
    white-space: nowrap;
}

.notableborder td {
    border-top: none;
}

/* FOR LOADER BUTTON SUBMIT FOR VIRTUAL TERMINAL   */

.black_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .40;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: fixed;
    top: 40%;
    left: 47%;
    z-index: 1002;
}

/* custom icons */
.icon-sublevel {
    background-position: 0 -169px;
}

.icon-duplicate {
    background-position: -24px -169px;
}

.icon_duplicate, .icon_duplicate:hover {
    padding: 0px;
    border: none;
    background-color: initial;
    background-image: url(../../Img/icon_duplicate.png);
    width: 17px;
    height: 16px;
    -webkit-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
    transition: initial;
    background-position: initial;
}

.justify-large:before {
    font-size: 1.6666em !important;
}

/* END LOADER BUTTON SUBMIT FOR VIRTUAL TERMINAL   */

/* FOR PAYMENT WIDGET    */

.accordionHeaderSelected_PaymentForm {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #3a87ad;
    cursor: pointer;
    /*font-family: Arial,Sans-Serif;*/
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    /*padding: 5px;*/
    width: auto;
    background-image: url('/Img/icons/expand.png'), url('/Img/icons/expand.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 5px 7px, 99.5% 7px;
    /*padding-left: 40px;*/
}

.accordionHeader_PaymentForm {
    background-color: #bce8f1;
    border: 1px solid #bce8f1;
    color: #3a87ad;
    cursor: pointer;
    /*font-family: Arial,Sans-Serif;*/
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    /*padding: 5px;*/
    width: auto;
    background-image: url('/Img/icons/collapse.png'), url('/Img/icons/collapse.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 5px 7px, 99.5% 7px;
    /*padding-left: 40px;*/
}

    .accordionHeader_PaymentForm > div, .accordionHeaderSelected_PaymentForm > div {
        padding: 8px 8px 8px 40px;
    }


table.myRadio input {
    width: 25px;
    display: block;
    float: left;
    margin-top: 25px;
}

table.myRadio label {
    width: 250px;
    display: block;
    float: left;
}

    table.myRadio label input {
        display: block;
        float: none;
        margin-top: 0px;
    }

table.myRadio td {
    padding-bottom: 5px;
}

.Camp_Menu {
    word-break: break-word;
    width: 63%;
    display: inline-block;
    vertical-align: text-top;
}

/* FOR PAYMENT WIDGET  */

/* Loading Image for all Pages CSS*/
.black_overlay {
    /*display: none;*/
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1025; /*increased z-index for sidebar for nicescroll*/
    -moz-opacity: 0.8;
    opacity: .40;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: fixed;
    top: 40%;
    left: 47%;
    z-index: 1002;
}
/* Loading Image for all Pages CSS*/


/*=================== Reports Drag & Drop=================== */
/*#tblReport_Data, .Drag_Fields_drop{
        border-spacing: 2px;
}*/

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.div_sort_table .col-sm-3 {
    padding-left: 0px;
    padding-right: 5px;
}

.div_sort_table .col-sm-9 {
    padding-left: 1px;
    padding-right: 0px;
}

.div_sort_table .title {
    font-weight: bold;
    border: 1px solid #dddddd;
    padding: 7px 11px;
    border-radius: 4px;
    background-color: #efefef;
    font-size: 15px;
}

.div_sort_table .left {
    min-height: 50px;
    max-height: 690px;
    overflow: auto;
    padding: 5px;
}

.div_sort_table .right {
    padding: 5px;
    overflow-y: auto;
    position: relative;
    min-height: 250px;
}

.Report_Tooltip .popover {
    padding: inherit;
    overflow-y: initial;
    position: absolute;
    min-height: initial;
    color: #5e5e5e;
}

.Report_Tooltip .helptooltip {
    cursor: default;
}

.div_sort_table .left .collapse {
    display: table-row;
}

.Drag_Fields_no_drop {
    border-collapse: collapse;
    /*font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;*/
    font-size: 12px;
    text-align: left;
    width: 480px;
}

    .Drag_Fields_no_drop th {
        background: none repeat scroll 0 0 #DBDBDB;
        font-size: 13px;
        font-weight: normal;
        padding: 5px;
    }

    .Drag_Fields_no_drop tr {
        cursor: pointer;
    }

    .Drag_Fields_no_drop td {
        background: none repeat scroll 0 0 #eeeeee;
        border-top: 1px solid #FFFFFF;
        color: #0088cc;
        padding: 5px;
        cursor: move;
    }

        .Drag_Fields_no_drop td:hover {
            background: #F2F2F2;
        }

    .Drag_Fields_no_drop .nodrag td {
        cursor: no-drop;
        color: #51aedc;
    }

    .Drag_Fields_no_drop tr.placeholder {
        display: block;
        background: red;
        position: relative;
        margin: 0;
        padding: 0;
        border: none;
    }

        .Drag_Fields_no_drop tr.placeholder:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-left-color: red;
            margin-top: -5px;
            left: -5px;
            border-right: none;
        }

.Drag_Fields_drop, .Drag_Fields_drop tfoot tr th {
    border: none;
}

    .Drag_Fields_drop tr {
        cursor: pointer;
    }

    .Drag_Fields_drop td {
        display: block;
        margin: 1px;
        padding: 5px;
        color: #0088cc;
        background: #eeeeee;
        float: none;
        border: none;
        cursor: move;
    }

    .Drag_Fields_drop tr.placeholder {
        display: block;
        background: red;
        position: relative;
        margin: 0;
        padding: 0;
        border: none;
    }

        .Drag_Fields_drop tr.placeholder:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-left-color: red;
            margin-top: -5px;
            left: -5px;
            border-right: none;
        }

#tblReport_Data td {
    padding: 6px;
    border-bottom: 1px solid #F0F0F0;
    word-break: break-all;
}

.tr_cell tr {
    display: table-cell;
}

.Reportsubmenu {
    position: absolute;
    background-color: #fff;
    padding: 3px 6px;
    border: 1px solid #E8E8E8;
    font-weight: normal;
    font-size: 11px;
    float: right;
    text-align: left;
    margin-left: -124px;
    width: 115px;
    box-shadow: 0px 2px 1px #ECECEC;
}

    .Reportsubmenu a {
        display: inline-block;
        padding: 2px;
    }

    .Reportsubmenu i {
        font-size: 12px;
        font-weight: bold;
        width: 14px;
        vertical-align: middle;
    }

.Drag_Fields_drop tr:first-child .Reportsubmenu {
    margin-left: -90px;
}

.empty_preview {
    text-align: center;
    padding-top: 6%;
}

    .empty_preview span {
        display: inline-block;
        border: 2px dashed #dddddd;
        padding: 18px 40px;
    }

.tbl_header {
    padding-right: 16px;
    display: block;
}

.img-head {
    float: right;
    display: block;
    width: 16px;
}

    .img-head a {
        padding: 0px 4px;
        position: absolute;
        cursor: pointer;
    }

.report_filter td {
    padding: 0px 9px;
}


table td {
    /*border: 1px solid #000000;*/
}

.level1 td:first-child {
    padding-left: 15px !important;
}

.level2 td:first-child {
    padding-left: 20px !important;
}

.level3 td:first-child {
    padding-left: 45px !important;
}

.collapse .toggle {
    background: url("../../Img/icons/Report_collapse.gif") no-repeat;
    padding: 0 5px 0 0;
}

.expand .toggle {
    background: url("../../Img/icons/Report_expand.gif") no-repeat;
    padding: 0 5px 0 0;
}

.toggle {
    height: 9px;
    width: 9px;
    display: inline-block;
}

.thclass {
    background-color: #efefef;
}



/*==================== Reports Drag & Drop==================== */

/* =========== App Launcher CSS =============== */

.cp_shortcuts {
    margin-top: -5px;
    margin-right: 35px;
}

    .cp_shortcuts .dropdown-menu {
        font-size: 11px;
        min-width: 202px;
        padding: 20px 10px;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,0.2);
        margin-top: 5px;
    }

        .cp_shortcuts .dropdown-menu li {
            width: 100px;
            float: left;
        }

            .cp_shortcuts .dropdown-menu li > a {
                text-align: center;
                white-space: initial;
                padding: 7px 7px;
                border-bottom: 0px;
                border-top: 0px;
                color: #333333;
            }

            .cp_shortcuts .dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover {
                color: #000;
                background-color: #F5F5F5;
                background-image: none;
            }

        .cp_shortcuts .dropdown-menu:before {
            position: absolute;
            top: -7px;
            left: 203px;
            display: inline-block !important;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(255,255,255,1);
            content: '';
        }

.icon-cp_shortcut {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 14px !important;
    vertical-align: text-top !important;
    background-image: url("../../Img/cp_shortcut_black.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px;
}

/* =========== App Launcher CSS =============== */

/* =========== Sidebar Tab CSS =============== */

#sidebar .main-menu > li.sub-menu > ul > li > a.active {
    color: #EBEBEB;
    background-color: #E6E6E6;
}

#sidebar .main-menu > li.sub-menu > ul > li > li > a.active {
    color: #EBEBEB;
    background-color: #E6E6E6;
}

#sidebar .main-menu li a.active {
    color: #EBEBEB;
    background-color: #E6E6E6;
}

/* =========== Sidebar Tab CSS =============== */

.customradio td label {
    padding-top: 0px !important;
    padding-left: 25px !important;
}

.customcheckbox td label {
    padding-top: 0px !important;
}

.custompayment label {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.camp_alias_label {
    display: table-cell;
    white-space: nowrap;
    padding-top: 7px;
}

.camp_alias_text {
    display: table-cell !important;
}

/*Used form timepicker label HH MM SS in pledgevideo*/
.bootstrap-datetimepicker-widget-body table tr.customText td {
    height: initial;
    line-height: normal;
    padding-bottom: 0px;
}

/* Customised as per design issue */
html:not(.ie9) .select.fg-line:before {
    right: -1px !important;
}


@media (max-width: 768px) {
    .popover {
        Min-width: 230px;
    }

    .camp_alias_label, .camp_alias_text {
        display: block !important;
    }
}

.audiohelpcss {
    width: 350px !important;
    float: right !important;
    margin-top: 10px !important;
}


.SMSPreview {
    width: 100% !important;
}

    .SMSPreview span {
        background-color: #009eae;
        border-radius: 60px;
        font-weight: bold;
        font-size: 12px;
        color: #fff;
        position: absolute;
        height: 25px;
        width: 25px;
        text-align: center;
        line-height: 25px;
        margin-left: -32px;
        margin-top: -2px;
    }

    .SMSPreview ul {
        list-style: none;
        padding-left: 0px !important;
    }

    .SMSPreview li {
        text-align: left;
        padding: 8px 0px 10px 35px;
    }

.SMSPreviewh1 {
    font-size: 14px;
    color: #434446;
    line-height: 22px;
    border-bottom: solid 1px #acacac;
    padding-bottom: 14px;
}



.camp_Preview + .popover {
    Min-width: 240px !important;
}


#SMSPreview_AR + .popover {
    Min-width: 240px !important;
}

    #SMSPreview_AR + .popover .popover-content {
        height: 230px;
        width: 230px;
    }

/** Recurring CSS tabs **/

.tab-content-horz {
    border: 1px solid #ddd;
    padding: 20px !important;
}

.tabs-horz > li {
    margin-bottom: -2px;
    display: none;
}

.tabs-horz.tabs-normal > li {
    display: block;
}

.tabs-horz > li > a.active,
.tabs-horz > li > a.active:hover,
.tabs-horz > li > a.active:focus {
    border-color: #ddd;
    border-bottom-color: #ffffff;
    color: #00aeff;
    background-color: #ffffff;
}

.tabs-horz > li > a {
    border-radius: 4px 4px 0 0;
    display: block;
    color: #555;
    background-color: #f3f3f3;
    border-bottom-color: #dddddd;
}

.tabs-horz > li.active > a, .tabs-horz > li.active > a:hover, .tabs-horz > li.active > a:focus {
    border: 1px solid #ddd;
    border-bottom-color: #ffffff;
}

.tabs-horz > li > a:hover {
    border-bottom-color: #dddddd;
}

.no_wrap.table tr > th:first-child, .no_wrap.table tr > td:first-child {
    padding-left: 10px;
}

.no_wrap.table tr > th:last-child, .no_wrap.table tr > td:last-child {
    padding-right: 10px;
}

.tab-content-horz .form-group {
    clear: both;
}

/** ui calender forced css **/
.cnp-bs-cal {
    padding-top: 10px;
}

    .cnp-bs-cal .ui-widget-content {
        background: #ffffff;
        border: none;
        padding: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,.2);
        border-radius: 0px;
    }

    .cnp-bs-cal .ui-widget-header {
        border: none;
        background: none;
        color: #5e5e5e;
    }

    .cnp-bs-cal .ui-widget-content a {
        color: #5e5e5e;
        background: none;
        border: none;
    }

        .cnp-bs-cal .ui-widget-content a:hover {
            background: #eee;
            color: #5e5e5e;
        }

    .cnp-bs-cal .ui-datepicker-prev span, .cnp-bs-cal .ui-datepicker-next span {
        content: " ";
        font-family: 'Glyphicons Halflings';
        width: 15px;
        height: 18px;
        text-indent: 0px;
        background-image: none;
    }

    .cnp-bs-cal .ui-widget-header .ui-state-hover {
        border: none;
        background: none;
        background-image: none;
    }

    .cnp-bs-cal .ui-datepicker-prev span:before {
        content: "\e079";
    }

    .cnp-bs-cal .ui-datepicker-next span:before {
        content: "\e080";
    }

    .cnp-bs-cal .ui-widget-content .ui-state-disabled {
        opacity: 0.8;
    }

    .cnp-bs-cal .ui-widget-content .ui-state-default {
        border: none;
        background: none;
        color: #777;
    }

    .cnp-bs-cal .ui-widget-content .ui-state-active {
        background-color: #00aeff;
        color: #fff;
        font-size: inherit;
    }

.cnp-inline-cal .cnp-input-cal {
    display: none;
}

.cnp-inline-cal .dropdown-menu {
    position: static;
    float: none !important;
}

/* connect builder thumbnails */
.ulfilter li {
    display: inline-block;
    float: left;
}

    .ulfilter li a {
        color: #fff;
        border-right: 1px solid #a3a3a3;
    }

        .ulfilter li a:hover {
            background-color: #767676;
        }

        .ulfilter li a:focus {
            background-color: #767676;
        }

        .ulfilter li a.active {
            color: #fff;
            background-color: #767676;
        }

/*Plug in button*/ .embed_options .embed_option .pi_button {
    width: 60px;
    height: 60px;
    border-radius: 50% !important;
    font-size: 33px;
    color: #fff !important;
    background-color: #00739a !important;
}



    .embed_options .embed_option .pi_button .ic_plugin_icon {
        position: absolute;
        margin-left: -16px;
        margin-top: 6px;
        -webkit-transition: all;
        -moz-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.btn-icon:hover .ic_plugin_icon {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
}