/*global alert section css */

 section.alert-section {
    padding: 0px 15px 0px 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    display: block !important;
}
.tcenter {
    text-align: center;
}
.dataTable .no-sort,
.pad-right {
    padding-right: 8px;
}
section.alert-section .alert {
    margin-bottom: 5px;
}
section.alert-section .alert:last-child {
    margin-bottom: -10px;
}
section.alert-section .alert:first-child {
    margin-top: 5px;
}
/* end of global alert section css */

/* file input style*/

.file-input {
    visibility: hidden;
    position: absolute;
}
.file-input-img-span {
    border-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/* end offile input style*/

/*pagination color change*/

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #000000;
    border-color: #000000;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #000000;
}
/*end  pagination color change*/


/*breadcrumb css change*/
.content-header .breadcrumb>li+li:before {
    content: '>\00a0';
}
.content-header .breadcrumb>li>a>.fa,
.content-header .breadcrumb>li>a>.glyphicon,
.content-header .breadcrumb>li>a>.ion {
    margin-right: 5px;
}

.breadcrumb {
    background-color: #ECF0F5 !important;
    padding: 0 !important;
    margin: 0px !important;
}
.content-header .breadcrumb>li>a {
    color: #c03304;
    text-decoration: none;
    display: inline-block;
}
/* end of breadcrumb css change*/

/* form group help-block css */
.has-error .help-block {
    margin: 0px;
}
.manage_logo {
    text-align: center;
}
.form-control-feedback {
    top: 0px !important;
}
#delete_popup .modal-header {
    background-color: #dd4b39;
    color: #ffffff;
}
/* end form group help-block css */

.margin-l-5 {
    margin-left: 5px !important;
}
.margin-l-10 {
    margin-left: 10px !important;
}
.margin-l-15 {
    margin-left: 15px !important;
}
textarea {
    resize: none;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
    word-break: break-word;
}
.profile-user-img {
    height: 100px;
}
.form-sub-header {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 15px;
}

/*.form-group + .form-sub-header{ padding-top: 0px; }*/
.form-sub-header .box-title {
    font-weight: 600;
    color: #777777;
}
.box-body > form .text-gray-active {
    color: #b5bbc8;
}
.search-row {
    padding-bottom: 10px;
}
.close:focus {
    outline: none;
}
.content-header h3 {
    margin: 0px;
}
.content-header h3 small {
    margin-left: 5px;
}
.switch {
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-color: #EBEBEB;
    width: 62px;
    height: 26px;
    overflow: hidden;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    cursor: pointer;
    display: inline-block;
}
.switch.on {
    background: #c03304;
}
.switch .knob {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #FFF;
    font-size: 12px;
    line-height: 15px;
    color: #6d808e;
    text-decoration: none;
    color: #d8dad9;
    text-align: center;
    -webkit-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    -moz-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    -o-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
}
.switch.on .knob {
    left: 40px;
}
.switch .knob:before,
.switch .knob:after {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 3px;
}
.switch .knob:before {
    content: "OFF";
    color: #676767;
    left: 24px;
    width: 24px;
}
.switch .knob:after {
    content: "ON";
    color: white;
    left: -30px;
}
.action a {
    display: inline-block;
    width: 50%;
}
.three a {
    width: 30%;
}
.ttwo a{
    width: 25%;
    color: #000000;
    margin-right: 5px;
}
.tfour a{
    width: 17%;
    color: #000000;
    margin-right: 5px;
}
.tfive a {
    width: 14%;
    color: #000000;
    margin-right: 5px;
}
.tseven {
    width: 18%;
}
.tseven a{
    width: 12%;
    color: #000000;
    margin-right: 1px;
}
.teight {
    width: 20%;
}
.teight a{
    width: 11%;
    color: #000000;
    margin-right: 1px;
}

a.action.tone {
    color: #000;
    margin-left: 25px;
}

.fa-comments-o,.fa-shopping-cart {
    font-size: 18px !important;
}
.roundimg img {
    border-radius: 50%;
    width: 40px;
}
.roundimg-col {
    width: 40px;
}
.action {
    position: relative;
}
.three .confirm-wrapper {
    left: -65px !important;
}
.confirm-wrapper {
    position: absolute;
    display: inline;
    left: -75px;
    top: -40px;
    padding: 4px 0px;
    background: rgba(0, 0, 0, .12);
    -webkit-transition: opacity .23s;
    color: #FFFFFF;
    border-radius: 4px;
    float: left;
    width: 163px;
}
.a_link,
.a_back {
    float: right !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 10px 10px !important;
    margin: 2px 0px;
}
.a_link_left {
    float: left !important;
    margin: 6px 0px;
}
.a_link a,
.a_back a {
    color: #fff !important;
}
.action .fa-edit:before,
.action .fa-pencil-square-o:before,
.action .fa-trash:before,
.action .fa-eye:before,
.action .fa-plus-square:before,
.action .fa-arrow-circle-o-right:before,
.action .fa-arrow-circle-o-down:before{
    font-size: 20px;
}
.tcenter {
    width: 10%;
}
.scroll {
    max-height: 600px;
    overflow: auto;
}
.display {
    display: inline-block;
    float: left;
}
.alert .msg-success {
    font-size: 16px;
}
.custom-tabs .info_style {
    margin-left: 50px;
    margin-bottom: 0px;
}
.btn a {
    color: #fff;
}
.user-block .username small {
    font-weight: normal;
    color: #999;
}
#re_advisors .post .user-block,
#re_staffs .post .user-block,
#company .post .user-block {
    margin-bottom: 5px;
}
.firm_info {
    text-align: center;
    padding: 10px;
    font-size: 18px;
}
.links {
    display: inline-block;
    float: right;
    padding: 0px 20px;
    margin: 0;
}
.margin {
    margin: 0;
}
.checkbox_css {
    padding: 8px 10px 10px 0px;
    display: inline-block;
    float: left;
}
.icheckbox_minimal-blue {
    margin-right: 5px !important;
}
.border {
    border-bottom: 1px solid #DCDCDC;
}
.extra_link {
    padding: 10px 15px;
    margin: 0;
}
.list-group {
    margin-bottom: 0px;
}
.form-control-feedback-my {
    right: 15px !important;
}
.box-style {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.fa-plus:before,
.fa-minus:before {
    color: #000000;
}
#multiFormAccordion .panel-heading {
    cursor: pointer;
}
#multiFormAccordion .panel-title span.glyphicon {
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}
.rotate-icon {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.my-input-group {
    display: inline-block;
    width: 100%;
}
.my-group-70-30 .form-control:first-child {
    width: 70%;
}
.my-group-70-30 .form-control:nth-child(2) {
    width: 30%;
}
.my-group-60-40 .form-control:first-child {
    width: 60%;
}
.my-group-60-40 .form-control:nth-child(2) {
    width: 40%;
}
.my-group-80-20 .form-control:first-child {
    width: 80%;
}
.my-group-80-20 .form-control:nth-child(2) {
    width: 20%;
}
.my-group-20-80 .form-control:first-child {
    width: 20%;
}
.my-group-20-80 .form-control:nth-child(2) {
    width: 80%;
}
.my-group-50 {
    width: 30%;
}
.input-group .input-group-addon {
    background-color: #eee !important;
}
.sub-label,
.rent-label {
    font-weight: normal;
}
.date {
    padding: 0 !important;
}
.pad-25 {
    padding-top: 25px;
}
.title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
}
.color {
    color: #777777;
}
.title:after {
    border-bottom: 1px solid #eee;
}
.box-content {
    background-color: #D9EDF7;
}
.help-block {
    color: #a94442;
    margin: 0;
}
.currency_style {
    font-weight: 600;
    font-size: 18px;
}
.box-lead {
    margin: 5px 0px;
}
.box-body > .box-lead:first-child {
    margin-top: -5px;
}
.add_color {
    color: #3C8DBC;
}
.zipcode {
    cursor: pointer;
}

/* The container */
.form-radio {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*CSS ADDED BY JAYDEEP*/
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #000000;
}
.daterangepicker .input-mini.active {
    border-color: #000;
}
.main-header .logo .logo-lg img,
.login-logo img,
.register-logo img {
    max-width: 90px;
}
.main-header .logo .logo-lg img{
    max-width: 32px;
    margin-bottom: 5px;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #c03304;
}
.btn-primary,.btn-success {
    background: #c03304;
    border-color: #c03304;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #a32b03;
    border-color: #666;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #a32b03;
    border-color: #666;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    background-color: #a32b03;
    border-color: #666;
}
.form-control:focus {
    border-color: #c03304;
}
.three a {
    color: #c03304;
}
.box.box-primary {
    border-top-color: #c03304;
}
.box.box-primary p {
    word-break: break-word;
}
.info-table .box-title {
    margin-top: 0px;
}

/* CSS ADDED BY MIRAJ*/
.dot {
    height: 9px;
    width: 9px;
    background-color: #FF0000;
    border-radius: 50%;
    display: inline-block;
}
.team-logo{
    cursor: pointer;
}
.top-wrapper {
    min-width: 1100px;
}
/*span.new_message {
    float: right;
    margin: auto 15px;
    background-color: #ff0000;
    width: 12%;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    height: 24px;
}*/

/*IMAGE VIEW MODAL CSS*/
#viewImage .modal-content {
    float: left;
}
#viewImage .modal-dialog {
    display: flex;
    float: left;
    width: 100%;
    justify-content: space-evenly;
}
#viewImage .modal-content img {
    max-width: 500px;
    max-height: 500px;
}
.radio-col {
    margin-top: 7px;
}
.radio-col label {
    font-weight: 500;
}
#is_admin_no {
    margin-left: 5px;
}
.to_email_frm_grp {
    display: none;
}
.to_email_frm_grp.block {
    display: block;
    -webkit-transition: width 2s;
    transition: width 2s;
}

/*LOGIN BOX CSS*/
.login-box-body .link-wrapper {
    text-align: center;
    margin-top: 5px;
}
.login-box-body .recover_label {
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 20px;
    color: #666;
    font-weight: 700;
}
.user-panel{
    display: none;
}
.small-select {
    max-width: 150px;
    float: right;
}
.expired-td {
    background: #f1c7c7 !important;
}
.all-btn {
    margin-left: 10px;
}
.number-circle {
    color: #fff;
    background: #103038;
    width: 19px;
    display: inline-block;
    text-align: center;
    line-height: 9px;
    padding: 4px 3px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    float: right;
    height: 18px;
}
.chosen-container-single .chosen-single {
    border-radius: 0px !important;
    box-shadow: none !important;
    background: none !important;
    height: 34px !important;
}
.chosen-container-single .chosen-single span {
    padding: 5px 0px;
}
.ad-img-icon {
    cursor: pointer;
}
.ad-info-name {
    font-size: 21px;
    margin-top: 10px;
    font-family: 'Source Sans Pro',sans-serif;
}
input[type='radio'] {
    -webkit-appearance:none;
    width:23px;
    height:23px;
    border:2px solid #e0e0e0;
    border-radius:50%;
    outline:none;
    background:#fff;
    margin-right: 10px;
}
input[type='radio']:before {
    content:'';
    display:block;
    height: 11px;
    width: 11px;
    margin: 4px 4px;
    border-radius:50%;
}
input[type='radio']:checked:before {
    background:#000000;
    border-radius:50%;
}
input[type='radio']:after {
    content:'';
    display:block;
    height: 23px;
    width: 23px;
    margin: -21px -2px;
    border-radius:50%;

}
input[type='radio']:checked:after {
    /*border-radius:50%; */
    border:2px solid #000000;
}
.form-group input[type='radio']:focus {
outline: none;
}
.info-video,
.modal-video:focus {
    outline: none;
}
.radio-label {
    font-weight: initial;
    position: absolute;
    margin-top: 5px;
    cursor: pointer;
    left: 50px;
}

.control-label {
    cursor: pointer;
}
.ss_button {
    width: 400px;
}
.js-add-more-campaign-date,
.js-remove-campaign-date {
    padding: 0;
    float: left;
    cursor: pointer;
    margin-top: 7px;
}
.js-remove-campaign-date{
    color: #ea3027;
}
.js-remove-campaign-date:hover,
.js-remove-campaign-date:active {
    color: #ff6850;
}
.m-r-10 {
    margin-right: 10px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.single .calendar-table {
    padding: 0 !important;
}
.single .table-condensed>tbody>tr>td,
.single .table-condensed>tbody>tr>th,
.single .table-condensed>tfoot>tr>td,
.single .table-condensed>tfoot>tr>th,
.single .table-condensed>thead>tr>td,
.single .table-condensed>thead>tr>th {
    padding: 3px !important;
}
h5.box-title {
    font-size: 16px !important;
}
tbody td .ad-video-icon {
    height: 40px;
    width:  50px;
    margin: 0px auto;
}
.modal-video{
    max-width: 100%;
}
.alert-section {
    padding-left: 15px;
    padding-right: 15px;
}
.campaign-inner-flex {
    display: flex;
}
.show-line {
    margin: 0px;
}
input.error{
    border-color: #a94442;
}
#advertisement_form #file-error {
    color: #a94442 !important;
}
.chosen-container-single .chosen-single div b {
    margin-top: 6px !important;
}
.input_video_img {
    display: none;
}
.list-circle {
    font-size: 50px;
    color: #000000;
}
.play-thumb {
    font-size: 32px;
     color: #000000;
}
.search-btn-box {
    border-radius: 3px !important;
}
.dataTables_filter input {
    padding-left: 15px;
    height: 34px !important;
    border-radius: 0 !important;
    border: 1px solid #ccc !important;
}
.ad-search-form .indus-search {
    margin-right: -5px;
}
.ad-search-form .date-search {
    margin-right: -25px
}
.ad-search-box {
    margin-left: -5px !important;
}
.ad-search-all-btn {
    margin-left: 5px;
}
.td-names span:first-child {
    font-weight: bold;
    margin-right: 5px;
}
.chosen-container .chosen-results li,
.chosen-container-single .chosen-single {
    text-align: left !important;
}
.chosen-container-single .chosen-single {
    border: 1px solid #ccc !important;
}
.table-res-chosen {
 overflow: unset;
}
.has-error .chosen-container .chosen-default{
 border-color: #a94442 !important;
}
/**********/
#campaign_list_tbl > tbody > tr{
 background-color: transparent !important;
}
#campaign_list_tbl > tbody > tr.alter{
 background-color: #f9f9f9 !important;
}
.js-campaign-collapse .fa{
 transition: 300ms linear all;
 -webkit-transition: 300ms linear all;
 -moz-transition: 300ms linear all;
 -o-transition: 300ms linear all;
}
.rotate-90 .fa{
 -ms-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 transform: rotate(90deg);
}
.main-wra-camp-info {
    /*display: none;*/
    padding: 10px;
    background-color: #fffcf9;
    border: 1px solid #f4f4f4;
}
.main-wra-camp-info table {
    width: 100%;
}
.main-wra-camp-info table tr td, .main-wra-camp-info table tr th{
    padding: 6px;
    border-bottom: 1px solid #f4f4f4;
}
 .main-wra-camp-info table tr:last-child td{
     border-bottom:none;
 }
 .main-wra-camp-info table tr td p,
 .data p{
     margin: 0px 0px 5px 0px;
     line-height: 18px;
 }
.cmp-processing {
    text-align: center;
    margin: 10px 0px;
}

/*REDEEM COLLAPSE*/
#redeem_list_table > tbody > tr{
    background-color: transparent !important;
   }
   #redeem_list_table > tbody > tr.alter{
    background-color: #f9f9f9 !important;
   }
   .js-redeem-collapse .fa{
    transition: 300ms linear all;
    -webkit-transition: 300ms linear all;
    -moz-transition: 300ms linear all;
    -o-transition: 300ms linear all;
   }
   .rotate-90 .fa{
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
   }
   .rotate-180 .fa{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
   }
   .main-wra-redeem-info {
       /*display: none;*/
       padding: 10px;
       background-color: #fffcf9;
       border: 1px solid #f4f4f4;
   }
   .main-wra-redeem-info table {
       width: 100%;
   }
   .main-wra-redeem-info table tr td, .main-wra-redeem-info table tr th{
       padding: 6px;
       border-bottom: 1px solid #f4f4f4;
   }
    .main-wra-redeem-info table tr:last-child td{
        border-bottom:none;
    }
    .main-wra-redeem-info table tr td p,
    .data p{
        margin: 0px 0px 5px 0px;
        line-height: 18px;
    }
   .redeem-processing {
       text-align: center;
       margin: 10px 0px;
   }

#users_media_modal .modal-content img {
    width: 100%;
    height: 100%;
}
.user-username {
    margin-top: 15px;
}
.js-show-cover-pic,
.js-show-duration {
    display: none;
}
#inputCover-error,
#inputMedia-error {
    color:#a94442;
}
select:invalid {
    height: 0px !important;
    opacity: 0 !important;
    position: absolute !important;
    display: flex !important;
  }
#cus_record-error {
    position: absolute;
    top: 100%;
}  
#cus_record_chosen {
    width:403px !important;
}
.customer-name.has-error {
    margin-bottom: 15px;
}
.extension-help-block {
    display: none;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #4689ff !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #4689ff), color-stop(90%, #4689ff)) !important;
    background-image: -webkit-linear-gradient(#4689ff 20%, #4689ff 90%) !important;
    background-image: -moz-linear-gradient(#4689ff 20%, #4689ff 90%) !important;
    background-image: -o-linear-gradient(#4689ff 20%, #4689ff 90%) !important;
    background-image: linear-gradient(#4689ff 20%, #4689ff 90%) !important;
    color: #fff;
}
.btn-box-tool .fa:before {
    color:#000000 !important;
}
.btn-box-tool.btn:active,
.btn-box-tool.btn:hover,
.btn-box-tool.btn:focus {
    outline: none !important;
}
span.span-amount {
    float: right;
    margin-right: 0px;
}
.cl-p-tot-exp-red {
    border-bottom: 1px dashed #6e6e6e;
    padding-bottom: 7px;
}
.cl-p-tot-exp-red span.span-amount {
    color: red;
}
.cl-p-tot-exp-green span.span-amount {
    color: green;
}
    /***********/
/*CSS ADDED BY MIRAJ*/
caption.caption-title {
    text-align: center;
    color: #000000;
    font-weight: 600;
    font-size: 24px;
}
.text-box-width {
    width: 32.333333% !important;
}
.big-select {
    width: 60%;
    float: left;
    margin-right: 10px;
}
th.action-center {
    text-align: center;
}
td.status-text {
    text-align: center;
    font-weight: 600;
}
.image-upload-div, .video-upload-div{
    display: none;
}
.amt-green{
    color:green;
}
.amt-red{
    color:red;
}
textarea.reject-reason {
    max-width: 100%;
    width: 100%;
}
span.label.label-color {
    background-color: #c03304;
    color: #fff;
}

/* CSS FOR DEMO */
/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 60px;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ee0979;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    width: 100px;
    background: #ee0979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    width: 100px;
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: black !important;
    text-transform: uppercase;
    font-size: 14px;
    width: 50%;
    float: left;
    position: relative;
    letter-spacing: 1px;
    text-align: center;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #333;
    background: white;
    border-radius: 25px;
    margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 97%;
    height: 2px;
    background: #9fc52e;
    position: absolute;
    left: -49%;
    top: 12px;
    z-index: -1;
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #72aed2;
    color: white;
}


/* Not relevant to this form */
.dme_link {
    margin-top: 30px;
    text-align: center;
}
.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px;
}

.dme_link a:hover, .dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none;
}

/* WRAP */
.wrap-steps{ overflow: hidden; position: relative;margin: 0;padding: 20px 0px;width: 100%;}
.inner-wrap-step {position: relative;float: left;width: 35%;margin-right: 7%;padding: 0 5px;}
.inner-wrap-step:first-child{margin-left: 23%;}
.inner-wrap-step:last-child{margin-right: 0px;}
.step-first::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 25px;
    right: -20%;
    width: 100%;
    height: 3px;
    background: #DCDCDC;
}
.inner-wrap-step .step-icon {display: inline-block; width: 50px; height: 50px; background: #fff; font-size: 18px; color: #D9D9D9; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid #DCDCDC;-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;line-height: 30px;}
.inner-wrap-step.activated .step-icon{
    background: #FFF;
    border-color: #9fc52e;
    text-align: center;
    margin-left: 20px;
}
.inner-wrap-step.active .step-icon {
    background: #FFF;
    border-color: #72aed2;
    text-align: center;
    margin-left: 20px;
}
.inner-wrap-step .step-icon {
    background: #FFF;
    border-color: #A6A6A6;
    text-align: center;
    margin-left: 20px;
}
.inner-wrap-step .fas{color: #A6A6A6;vertical-align: middle;}
.inner-wrap-step.active .fas{color: #444;}
.inner-wrap-step.activated .fas{color: #444;}
.inner-wrap-step p{color: #444;margin: 0px;line-height: 15px;margin-top: 10px;}
.inner-wrap-step.active p{color: #444;}
.inner-wrap-step.activated p{color: #444;}
.inner-wrap-step.activated::after {
    background: #9fc52e;
}
.inner-wrap-step.active .step-icon .onestep {
    background-color: #72aed2;
    width: 30px;
    height: 30px;
    margin-top: 7px;
    margin-left: 7px;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 15px;
    color: #FFF;
}
.inner-wrap-step.activated .step-icon .onestep {
    background-color: #9fc52e;
    width: 30px;
    height: 30px;
    margin-top: 7px;
    margin-left: 7px;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 15px;
    color: #FFF;
}
.inner-wrap-step.active .step-icon .twostep {
    background-color: #72aed2;
    width: 30px;
    height: 30px;
    margin-top: 7px;
    margin-left: 7px;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 15px;
    color: #FFF;
}
.inner-wrap-step .step-icon .onestep {
    background-color: #A6A6A6;
    width: 30px;
    height: 30px;
    margin-top: 7px;
    margin-left: 7px;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 15px;
    color: #FFF;
}
.inner-wrap-step .step-icon .twostep {
    background-color: #A6A6A6;
    width: 30px;
    height: 30px;
    margin-top: 7px;
    margin-left: 7px;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 15px;
    color: #FFF;
}
.level-info{
  font-weight: bold;
  color:green
}
.value-text{
    display: none;
}
.new-tabs {
    margin-bottom: 20px;
}
.campaign-user-table{
    display: none;
}
.campaign-filter-table, .user-tbl {
    padding: 20px 0px;
    max-width: 100%;
    width: 84%;
    margin-left: 7.5%;
}
.find-user-btn,.submit-users{
    text-align: center;
    margin: 0px !important;
    width: 100%;
    padding: 10px 0px;
}
.action-btn {
    text-align: center;
    margin: 0px !important;
    width: 89%;
    padding: 10px 0px;
}
input[type='checkbox'] {
    width:20px;
    height:20px;
    border:2px solid #e0e0e0;
    outline:none;
    background:#fff;
    margin-right: 10px;
}
.update-btn{
    display: none;
}
.list-group {
    list-style: none;
}
th.creation-detail,th.amount,th.total-amount,th.campaign-name,th.title-name {
    width: 10%;
}
th.type{
    width: 4%;
}
th.user-detail {
    width: 20%;
}
th.amount,th.total-amount{
    width: 8%;
}
.chosen-results{
    max-height: 160px !important;
}
#province_chosen .chosen-results,
#suburb_province_chosen .chosen-results,
#suburb_city_chosen .chosen-results{
    max-height: 75px !important;
} 
#main_category_chosen .chosen-results,
#sub_category_chosen .chosen-results{
    max-height: 100px !important;
} 
tr.no-record {
    max-width: 100%;
    height: 180px;
}
td.no-record-text {
    vertical-align: middle !important;
    text-align: center;
}
.btn-alive {
    margin: 0 2%;
}
.is_alive_color {
    background-color: #e9c9c9;
}
.col-sm-12.filter-form {
    margin-left: 2%;
}
.main-header .logo .logo-mini img {
    max-width: 32px;
}
.export-cls {
    font-size: 15px;
    padding: 5px 0;
}
.dwn-icon {
    margin-right: 5px;
}
.error-lbl {
    color: #a94442;
    font-weight: 400;
    font-size: 16px;
}

span.file-name {
    margin-bottom: 10px;
    display: inline-block;
}
button.export-pending-csv {
    background: transparent;
    border: none;
    position: absolute;
    top: -48px;
    font-size: 18px;
}
button.export-pending-csv:hover {
    color : #285f90;
}
.pending-label {
    position: absolute;
    top: 18px;
}
.err-pen {
    color: #FF0000;
    margin-top: 5%;
    margin-left: 10%;
}
a.permlink,a.a_link,a.a_back,a.a_edit,a.a_email{
    color : #c03304 !important;
}