/*--------- button background styling-------------*/
.coloredButtonBg {
    width: auto;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    clear: both
}

.message-button {
    padding: 20px 20px 20px 0;
}
/*--------- button common styling-------------*/
#gatewaySelection {
    height: 25px !important;
}

.button {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    text-decoration: none;
    margin-top: 6px;
    position: relative;
    *position: static;
    margin-left: 5px;
    margin-bottom: 6px;
}

.buttonb {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    text-decoration: none;
    margin-top: 6px;
    position: relative;
    *position: static;
    margin-left: 5px;
    margin-bottom: 20px;
}

.button span:first-child {
    display: inline-block;
    padding: 0 23px 0 15px !important;
}

.buttonb span:first-child {
    display: inline-block;
    padding: 0 23px 0 15px;
}

.button div {
    float: left;
    height: 11px;
    position: absolute;
    *position: relative;
    top: 4px;
    width: 11px;
}

.buttonb div {
    float: left;
    height: 11px;
    position: absolute;
    *position: relative;
    top: 4px;
    width: 11px;
}

.big-size {
    color: #fff;
    font-size: 14px;
}

a.blue-btn:hover {
    color: #fff;
}
/*---------icons in button -------------*/
.data-mapping {
    background: url("/EForms/images/admin/mapping-ico.png") no-repeat scroll 0 0 transparent;
}

.pull-data {
    background: url("/EForms/images/admin/pulldata-icon.png") no-repeat scroll 0 0 transparent;
}

.create {
    background: url("/EForms/images/admin/Add.png") no-repeat scroll 0 0 transparent;
}

.search {
    background: url("/EForms/images/admin/search-icon.png") no-repeat scroll 0 0 transparent;
}
/*--------- white button with blue hover -------------*/
.white-btn {
    background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -328px transparent;
    height: 18px;
    line-height: 18px;
}

    .white-btn span {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -346px transparent;
        height: 18px;
        line-height: 18px;
    }

    .white-btn:hover {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -364px transparent;
        height: 18px;
        line-height: 18px;
    }

        .white-btn:hover span {
            background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -382px transparent;
            height: 18px;
            line-height: 18px;
        }

.white-btn-selected {
    background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -364px transparent;
    height: 18px;
    line-height: 18px;
}

    .white-btn-selected span {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -382px transparent;
        height: 18px;
        line-height: 18px;
    }


/*white big button*/
.white-big-btn {
    background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -136px transparent;
    height: 24px;
    line-height: 24px;
    margin-top: 3px
}

    .white-big-btn span {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -160px transparent;
        height: 24px;
        line-height: 24px;
    }

    .white-big-btn:hover {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -88px transparent;
        height: 24px;
        line-height: 24px;
    }

        .white-big-btn:hover span {
            background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -112px transparent;
            height: 24px;
            line-height: 24px;
        }
/*--------- blue button -------------*/
.blue-btn {
    background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -232px transparent;
    height: 24px;
    line-height: 24px;
    margin-top: 3px;
    color: #fff; /*----rohan-----*/
    margin-bottom: 7px;
    margin-top: 7px;
    white-space: nowrap; /*----rohan-----*/
}

    .blue-btn span {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -256px transparent;
        height: 24px;
        line-height: 24px;
        padding: 0 15px 0 5px
    }

    .blue-btn:hover {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -184px transparent;
        height: 24px;
        line-height: 24px;
    }

        .blue-btn:hover span {
            background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -208px transparent;
            height: 24px;
            line-height: 24px;
        }
/*--------- blue  big button -------------*/
.blue-big-btn {
    background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -400px transparent;
    height: 35px;
    line-height: 35px;
}

    .blue-big-btn span {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -470px transparent;
        height: 35px;
        line-height: 35px;
        padding-left: 5px
    }

    .blue-big-btn:hover {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -435px transparent;
        height: 35px;
        line-height: 35px;
    }

        .blue-big-btn:hover span {
            background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -505px transparent;
            height: 35px;
            line-height: 35px;
        }
/*-------------------Light blue button------------------------------*/
.light-blue-btn {
    background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -44px transparent;
    height: 22px;
    line-height: 22px;
    padding-left: 10px
}

    .light-blue-btn span {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -66px transparent;
        height: 22px;
        line-height: 22px;
        padding-left: 4px
    }

    .light-blue-btn:hover {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -0px transparent;
        height: 22px;
        line-height: 22px;
        padding-left: 10px
    }

        .light-blue-btn:hover span {
            background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -22px transparent;
            height: 22px;
            line-height: 22px;
            padding-left: 4px
        }
/*--------------------------plus button------------------------------*/
.plus-btn {
    background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -280px transparent;
    color: #333333;
    display: inline-block;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 25px;
    text-decoration: none;
}

    .plus-btn span {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -160px transparent;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        padding: 0 13px 0 6px;
    }

    .plus-btn:hover {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -304px transparent;
    }

        .plus-btn:hover span {
            background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -112px transparent;
        }
/*----------------------------------------- upload btn ------------------------*/
.upload-btn {
    background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -540px transparent;
    height: 24px;
    line-height: 24px;
    margin-top: 3px;
    padding-left: 23px;
    font-weight: normal;
}

    .upload-btn span {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -160px transparent;
        height: 24px;
        line-height: 24px;
    }

    .upload-btn:hover {
        background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -540px transparent;
        height: 24px;
        line-height: 24px;
    }

        .upload-btn:hover span {
            background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -112px transparent;
            height: 24px;
            line-height: 24px;
        }
/*--------------------------------------- upload btn end --------------------*/

/*---------------- For pagination -------------------*/
._first {
    background: url("/EForms/images/admin/first.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    padding: 2px 18px 3px 0;
    width: 18px;
}

._prev {
    background: url("/EForms/images/admin/previous.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    padding: 2px 18px 3px 0;
    width: 18px;
}

.input1 {
    border: 1px solid #AAAAAA;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 20px;
}

._first {
    background: url("/EForms/images/admin/first.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    padding: 2px 18px 3px 0;
    width: 18px;
}

._firstD {
    background: url("/EForms/images/admin/first_end.png") no-repeat scroll left top transparent;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 6px;
}

._first:hover {
    background: url("/EForms/images/admin/first_hover.gif") no-repeat scroll left top transparent;
}

._prev {
    background: url("/EForms/images/admin/previous.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 6px;
}

._prevD {
    background: url("/EForms/images/admin/prev_end.png") no-repeat scroll left top transparent;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 6px;
}

._prev:hover {
    background: url("/EForms/images/admin/previous_hover.gif") no-repeat scroll left top transparent;
}

._next {
    background: url("/EForms/images/admin/next_bttn.gif") no-repeat scroll left top transparent;
    margin-left: 3px;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 6px;
}

._nextD {
    background: url("/EForms/images/admin/next_end.png") no-repeat scroll left top transparent;
    margin-left: 3px;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 6px;
}

._next:hover {
    background: url("/EForms/images/admin/next_hover.gif") no-repeat scroll left top transparent;
}

._last {
    background: url("/EForms/images/admin/last.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 6px;
}

._lastD {
    background: url("/EForms/images/admin/last_end.png") no-repeat scroll left top transparent;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 6px;
}

._last:hover {
    background: url("/EForms/images/admin/last_hover.gif") no-repeat scroll left top transparent;
}

#example_paginate span {
    display: none
}
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active {
        outline: none;
    }

.paginate_disabled_previous, .paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_disabled_previous {
    background: url('/EForms/images/admin/back_disabled.png') no-repeat top left;
    line-height: 20px;
}

.paginate_enabled_previous {
    background: url('/EForms/images/admin/back_enabled.png') no-repeat top left;
    line-height: 20px;
}

    .paginate_enabled_previous:hover {
        background: url('/EForms/images/admin/back_enabled_hover.png') no-repeat top left;
        line-height: 20px;
    }

.paginate_disabled_next {
    background: url('/EForms/images/admin/forward_disabled.png') no-repeat top right;
    line-height: 20px;
}

.paginate_enabled_next {
    background: url('/EForms/images/admin/forward_enabled.png') no-repeat top right;
    line-height: 20px;
}

    .paginate_enabled_next:hover {
        background: url('/EForms/images/admin/forward_enabled_hover.png') no-repeat top right;
        line-height: 20px;
    }

.first {
    background: url("/EForms/images/admin/first.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    padding: 16px 2px 3px 0;
    width: 18px;
    float: left;
    display: block;
    margin-top: 2px;
}

._firstD {
    background: url("/EForms/images/admin/first_end.png") no-repeat scroll left top transparent;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 2px;
}

.first:hover {
    background: url("/EForms/images/admin/first_hover.gif") no-repeat scroll left top transparent;
}

.previous {
    background: url("/EForms/images/admin/previous.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    padding: 16px 2px 3px 0;
    width: 18px;
    float: left;
    display: block;
    margin-top: 2px;
}

._prevD {
    background: url("/EForms/images/admin/prev_end.png") no-repeat scroll left top transparent;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 2px;
}

.previous:hover {
    background: url("/EForms/images/admin/previous_hover.gif") no-repeat scroll left top transparent;
}

.next {
    background: url("/EForms/images/admin/next.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    padding: 16px 2px 3px 0;
    width: 18px;
    float: left;
    display: block;
    margin-top: 2px;
}

._nextD {
    background: url("/EForms/images/admin/next_end.png") no-repeat scroll left top transparent;
    margin-left: 3px;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 2px;
}

.next:hover {
    background: url("/EForms/images/admin/next_hover.gif") no-repeat scroll left top transparent;
}

.last {
    background: url("/EForms/images/admin/last.gif") no-repeat scroll left top transparent;
    margin-right: 3px;
    padding: 16px 2px 3px 0;
    width: 18px;
    float: left;
    display: block;
    margin-top: 2px;
}

._lastD {
    background: url("/EForms/images/admin/last_end.png") no-repeat scroll left top transparent;
    margin-right: 3px;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-top: 2px;
}

.last:hover {
    background: url("/EForms/images/admin/last_hover.gif") no-repeat scroll left top transparent;
}

.sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('/EForms/images/admin/sort_desc.png') no-repeat center right;
}

.dataTables_info {
    width: 44%;
    float: left;
    font-size: 11px; /* background: url("/EForms/images/admin/sub_header_td_bg.png") repeat-x left top #edf2f6; */
    height: 32px;
    line-height: 32px; /* border-bottom: 1px solid #809bae; */
    padding-left: 1%;
}

    .dataTables_info label {
        padding-left: 10px
    }

.top .dataTables_info {
    float: none;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 55%;
    height: 26px;
    line-height: 22px;
}

.dataTables_paginate {
    float: right;
    text-align: right; /* background: url("/EForms/images/admin/sub_header_td_bg.png") repeat-x left top #edf2f6; */
    height: 26px;
    line-height: 32px; /* border-bottom: 1px solid #809bae; */
    padding-top: 6px;
}

.sub_header_btm {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
}

.sorting {
    background: url('/EForms/images/admin/sort_both.png') no-repeat center right;
}

.dataTbl th .sorter {
    background: url('/EForms/images/admin/sorter_icon.png') no-repeat right center;
    width: 5px;
    height: 8px;
    float: right;
    margin-top: 4px;
    margin-right: 7px;
    margin-left: 4px;
}



/*  ION SCHEDULER FRAMEWORK */

.dataTbl .cross-link {
    background: url("/EForms/images/admin/close.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    width: 18px;
}

    .dataTbl .cross-link:hover {
        background: url("/EForms/images/admin/close-hover.png") no-repeat scroll 0 0 transparent;
    }

.dataTbl .excel-link {
    background: url("/EForms/images/admin/excel.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    width: 18px;
}

    .dataTbl .excel-link:hover {
        background: url("/EForms/images/admin/excel-hover.png") no-repeat scroll 0 0 transparent;
    }

.dataTbl .search-link {
    background: url("/EForms/images/admin/search1.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.dataTbl .schedule-link {
    background: url("/EForms/images/admin/time.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.dataTbl .search-link:hover {
    background: url("/EForms/images/admin/search1-hover.png") no-repeat scroll 0 0 transparent;
}

.actionBg {
    border-bottom: 1px solid #D6DDE1 !important;
    border-right: 1px solid #D6DDE1 !important
}

#search-schedule-popup .pop_body {
    height: 500px;
}

#search-schedule-popup {
    height: 533px;
}

    #search-schedule-popup .blue-bg {
        width: 99%
    }

    #search-schedule-popup .basic-filter-table {
        padding: 10px 0
    }

.css-btn-cyan {
    text-decoration: none;
    color: #333333;
    font-size: 12px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #defafe 0%, #ABD5E5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#defafe), color-stop(100%,#ABD5E5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #defafe 0%,#ABD5E5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #defafe 0%,#ABD5E5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #defafe 0%,#ABD5E5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #defafe 0%,#ABD5E5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#defafe', endColorstr='#ABD5E5',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #678a9d;
    padding: 4px 10px;
    border-radius: 5px;
    display: inline-block;
}

    .css-btn-cyan:hover {
        color: #333333;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #DDF8F8 0%, #9DC7D7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDF8F8), color-stop(100%,#9DC7D7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #DDF8F8 0%,#9DC7D7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #DDF8F8 0%,#9DC7D7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #DDF8F8 0%,#9DC7D7 100%); /* IE10+ */
        background: linear-gradient(to bottom, #DDF8F8 0%,#9DC7D7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDF8F8', endColorstr='#9DC7D7',GradientType=0 ) !important; /* IE6-9 */
    }




/*  Scrollable tabs */


.tab-header .tab-panel-div a.tabLink-new {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFDFD', endColorstr='#E2E9EF');
    background: -webkit-gradient(linear, left top, left bottom, from(#FBFDFD ), to(#E2E9EF )); /* for webkit browsers */
    background: -moz-linear-gradient(top, #FBFDFD, #E2E9EF );
    color: #333333;
    border-left: 1px solid #33455C;
    border-radius: 6px 6px 0 0;
    border-right: 1px solid #33455C;
    border-top: 1px solid #33455C;
    color: #333333;
    display: inline-block;
    height: 35px;
    padding: 7px 40px 0 10px;
    text-decoration: none;
    margin: 4px 0 0 2px;
}

    .tab-header .tab-panel-div a.tabLink-new:hover {
        background: #CBE6F9;
    }

.tab-header .tab-panel-div a.tabLink-newSelected {
    background: #CBE6F9;
}

.tab-header .tab-panel-div a.tabLink-new .text-12 {
    font-size: 12px;
    font-weight: bold;
}

.tab-header .tab-panel-div a.tabLink-new .text-11 {
    display: inline-block;
    font-size: 11px;
    padding: 1px 0 0;
}

.arrows {
    float: left;
    margin: 16px 10px 0;
    position: absolute;
    right: 4px;
    top: -1px;
}

.cArrows { /* display:none */
}

.arrows .leftArrow {
    background: url(/EForms/images/admin/arrows.png) no-repeat scroll -3px -8px transparent;
    height: 20px;
    width: 20px;
    float: left;
    cursor: pointer
}

.arrows .rightArrow {
    background: url(/EForms/images/admin/arrows.png) no-repeat scroll -29px -8px transparent;
    height: 20px;
    width: 20px;
    float: left;
    cursor: pointer
}

.arrows .leftArrow:hover {
    background: url(/EForms/images/admin/arrows.png) no-repeat scroll -3px -42px transparent;
}

.arrows .rightArrow:hover {
    background: url(/EForms/images/admin/arrows.png) no-repeat scroll -29px -42px transparent;
}

.paginate_button.disabled {
    opacity: 0.3;
}

#scrollArea {
    height: 47px;
    overflow: hidden;
}

#scrollContainer {
    position: relative;
}