@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap');


/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline:none}
button              { outline:none;}
fieldset,img { border:0; display:block; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
button                      { cursor:pointer;}
/**************************************************************************************/
* { padding: 0; margin: 0;box-sizing: border-box; outline: 0;}
a                                           {text-decoration:none; outline:0 none; color:#2d55e1}
a:hover                                     {text-decoration:none;}

.bold                                       { font-weight:600 !important}
.italic                                     { font-style:italic !important}
.underline                                  { text-decoration:underline !important}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff'),
        url('fonts/OpenSans-Bold.ttf') format('truetype'),
        url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.eot');
    src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Light.woff2') format('woff2'),
        url('fonts/OpenSans-Light.woff') format('woff'),
        url('fonts/OpenSans-Light.ttf') format('truetype'),
        url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiBold.eot');
    src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBold.woff') format('woff'),
        url('fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


html,select,input,button,textarea                                       {font-family:'Open Sans',BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
body,
input[type="file"]                                      { -webkit-text-size-adjust: 100%; background:#fff; font-size:14px; margin:0 auto; background:#fff; font-family:'Open Sans', BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; color:#262626; box-sizing: border-box;}
input[type="file"]          { font-size:14px;}


.wrapper                            { width:100%; }
.header                             { width:100%; position:relative; z-index:11 }
.container,
.dccontainer                            { max-width:840px; margin:0 auto; width: 98%;}

.container_fluid,
.dccontainer_fluid                  { width:760px;  margin:0 auto;}
.cmn_cont .container,
.cmn_cont .dccontainer              { width:760px;}
.header .container,
.header .dccontainer                    { width:100%; display:flex; margin:0 auto;max-width:unset; }

#logo               { float:left; display:block; margin:0; padding:20px;   background:#fff;min-width:210px;} 
#logo img       { display:block; float:left; width:80px;}
#logo span      { font-size:20px; text-transform:uppercase; padding:0 15px; color:#6A6A6A; border-left:#6A6A6A solid 1px; display:block; float:left; line-height:23px; margin-left:15px; width:100px;}
.rgt_top                            { display:block; margin:24px; margin-left:auto;}
.rgt_top span                       { display:block; font-size:14px; line-height:24px; text-align:right;}
.rgt_top a                          { color:#262626; display:block; font-size:14px; text-align:right; font-weight:700; line-height:20px;}
.rgt_top span a                     { font-weight:normal; color:#212121; display:inline;font-size:15px; text-align:right}
.nav                                { width:100%; display:block; background:#27b399;}
.nav .container,
.nav .dccontainer                   { width:100%; display:flex; margin:0 auto;}
.nav ul                             { width:auto; display:flex; border-right:#efefef solid 1px; margin:0 auto;}
.nav ul li                          { display:block; position:relative;z-index:1}
.nav ul li a                        { font-size:14px; color:#fff; padding:10px 15px 8px 15px; display:block; font-weight:400;border-left:#efefef solid 1px; border-right:#27b399 solid 1px; border-bottom:#27b399 solid 4px;}
.nav ul li a strong                     { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff; display:inline-block; margin-left:3px; vertical-align:middle;}
.nav ul li a b                          { background:#fff; color:#27b399; border-radius:3px; padding:0 7px; display:inline-block; vertical-align:top; margin:0 0 0 2px; font-weight:600; font-size:13px;} 
.nav ul li a span                       { width:18px; height:18px; display:inline-block; vertical-align:top; margin:0 3px 0 0}


.nav ul li:hover > a                    { background:#88d0c5; border-bottom:#6a6a6a solid 4px;}
.nav ul li.active > a                   { background:#efefef; border-left:#6a6a6a solid 1px; border-right:#6a6a6a solid 1px; border-bottom:#6a6a6a solid 4px; color:#6a6a6a; margin:0; z-index:1; position:relative}
.nav ul li.active a strong                  { width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #262626; display:inline-block; margin-left:3px; vertical-align:middle;}
.nav ul ul                          { display:none; position:absolute; left:0; top:42px; z-index:2px; width:250px; border:none; background:#27b399;border-top:#efefef solid 1px; }
.nav ul ul li                       { display:block; border:none; width:100%; border-bottom:#efefef solid 1px;}
.nav ul ul li:last-child            { border:none;}
.nav ul ul li a                     { font-size:14px; color:#fff; padding:14px 15px 10px 15px; display:block;}
.nav ul ul li a:hover               { border-bottom:#88d0c5 solid 4px;}
.nav ul li:hover ul                 { display:block;}   
.nav ul li.active > a b             { background:#6A6A6A;  color:#fff;}
.nav ul li a span svg               { fill: #fff}
.nav ul li.active a span svg        { fill: #6A6A6A}
.acc_link                           { display:block; position:relative; line-height:18px}
.acc_link ul                        { width:200px; position:absolute; z-index:99999!important; right:0; top:20px; background:#fff; display:none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); padding:10px;}
.acc_link ul li                     { display:block;}
.acc_link ul li  a                  { font-size:14px; color:#6A6A6A; padding:5px; display:block; font-weight: 400; text-align:left }
.acc_link ul li  a:hover            { color:#fff; background:#27B399;} 

.acc_link:hover ul                  { display:block;}

.acc_link strong                    { width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent;
 border-top: 5px solid #262626; display:inline-block; margin-left:3px; vertical-align:middle;}

.breadcrump                         { display:block; width:100%; float:left; background:#f2f2f2; border-radius:3px;}
.breadcrump ul                      { float:left; display:block; padding:0 14px; }
.breadcrump ul li                   { float:left; display:block;  color:#6a6a6a; font-size:15px; padding:8px 0;font-weight:600}
.breadcrump ul li a                 { font-size:15px; color:#27b399; font-weight:600}
.breadcrump ul li strong                { width:8px;  margin:5px 10px 0 5px; display:inline-block; vertical-align:top;}
 .breadcrump ul li strong img       { width:100%;}                  
.pay_setup                          { display:block; width:100%; float:left; padding:40px 0}
.autopay_set                        { display:block; width:100%; float:left; padding:0;}
.autopay_set h3                     { font-size:20px; padding-bottom:20px; font-weight:700}
.autopay_set .autopayCont                      { font-size:14px;}
.autopay_set .inlinePay       { position:relative; z-index:2; margin:0 8px 10px;    display: inline-block;}
.autopay_set .inlinePay b     { width:11px; height:11px; border-bottom:#6a6a6a solid 2px; border-right:#6a6a6a solid 2px; display:block; position:absolute; right:14px; top:10px; transform:rotate(45deg);}
.autopay_set select               { vertical-align:middle; font-size:14px; border:none; padding:8px 9px; border-radius:7px; width:160px; box-shadow:rgb(0 0 0 / 30%) 0 0 4px; color:#777;  -webkit-appearance: none;
  -moz-appearance: none;}

.autopay_set select::-ms-expand {
    display: none;
}
.autopay_set .autopayCont input[type="text"]               { vertical-align:middle; margin:0 7px; font-size:14px; border:none; padding:8px 9px; border-radius:7px; width:160px; box-shadow:rgb(0 0 0 / 30%) 0 0 4px; color:#777}
.autopay_set select option        { padding:28px;}
.autopay_set a                    { color:#2d55e1; font-weight:700}
.autoset_1 em                   { color:#999; font-size:15px; font-style:italic;  display:block; line-height:24px;}
.autoset_1 em b                 { display:inline-block; width:23px; height:23px; border-radius:100%; border:#27b399 solid 1px; font-size:13px; color:#222; text-align:center; line-height:21px; margin-right:10px; font-weight:400; font-style:normal;}
.autocm                         { margin:35px 0 0 0; padding:20px; float:left; width:100%; border-radius:14px; box-shadow:rgb(0 0 0 / 15%) 0 3px 14px;} 
.autoset_2 ul                       { display:block; width:100%; float:left;}
.autoset_2 ul li                    { display:block; width:100%; float:left; padding-bottom:9px;}
.autoset_2 ul span                  { font-size:15px; font-weight:700; padding-right:7px;}
.autoset_2 ul a                     { font-size:15px; font-weight:400; color:#2d55e1; margin-left:7px;}     
.autoset_2 ul a.active              { color:#27b399}

.autoset_3 ul                       { display:block; width:100%; float:left; padding:12px 0 0 0}
.autoset_3 ul li                    { display:block; width:100%; float:left; padding-bottom:9px;}
.autoset_3 ul span                  { font-size:15px; font-weight:700; padding-right:7px;}
.autoset_3 ul a                     { font-size:15px; font-weight:400; color:#2d55e1; margin-left:7px;}


.paypal_det                         {display:block; width:100%; float:left; padding:40px 0}
.paypal_det h3                  { font-size:20px; padding-bottom:28px; font-weight:700}

.grnform                        { display:block; width:100%; float:left; padding:0}
.grnform ul                     { display:block; width:100%; float:left;}
.grnform ul li                  { display:block; width:100%; float:left; padding-bottom:10px;}
.grnform ul li label            { font-size:15px; font-weight:700; display:block; padding-bottom:14px;}
.grnform ul li input[type="text"]   { vertical-align:middle; margin:0; font-size:15px; border:#808080 solid 1px; padding:9px 14px; border-radius:7px; width:100%; color:#888}
.grnform ul li button,
.grnform ul li a.anc            { width:auto;font-size:14px; font-weight:700; color:#fff; background:#27b399; border-radius:7px; border:none; float:right; display:block; padding:8px 25px;  margin:15px 0 0 0; text-transform:uppercase;}
.grnform ul li button:hover     { border:#27b399 solid 1px; color:#27b399; background:#fff;} 
.bank_det                           {display:block; width:100%; float:left; padding:40px 0}
.bank_det h3                    { font-size:20px; padding-bottom:20px; font-weight:700}
.bank_det ul.bnk_list                   { display:block; width:100%; float:left;}
.bank_det ul.bnk_list li                    { display:block; width:100%; float:left; padding-bottom:28px;}
.bank_det ul.bnk_list li label          { font-size:15px; font-weight:700; display:block; padding-bottom:10px;}
.bank_det ul.bnk_list li input[type="text"] { vertical-align:middle; margin:0; font-size:15px; border:#808080 solid 1px; padding:10px; border-radius:7px; width:100%; color:#888}
.bank_det ul.bnk_list li textarea   { vertical-align:middle; margin:0; font-size:15px; border:#808080 solid 1px; padding:10px; border-radius:7px; width:100%; color:#888; height:140px}
.bank_det ul.bnk_list li button         { width:140px;font-size:14px; font-weight:700; color:#fff; background:#27b399; border-radius:7px; border:none; float:right; display:block; padding:8px 0; margin:15px 0 0 0; text-transform:uppercase;}
.bank_det ul.bnk_list li button:hover   { border:#27b399 solid 1px; color:#27b399; background:#fff;}
.bank_det ul.bnk_list li em                 { font-size:14px; display:block; color:#888; padding:7px 0 0 0; font-style:italic;}
.bank_det ul.bnk_list li label a.toolt      { width:20px; height:20px; display:inline-block; vertical-align:top; background:url('../../resources/images/question.svg') no-repeat; background-size:100% auto; margin:2px 0 0 0; text-indent:-9999px; }

.image_div                      { margin:7px 0 0 0; float:left; position:relative; width:100%; }
.image_div a                    { font-size:15px; color:#262626;}
.image_div a.deleteUpload       { width:18px; height:18px; background:url('../../resources/images/cross.svg') no-repeat; background-size:100% auto; display:inline-block; vertical-align:top; margin:3px 0 0 2px; text-indent:-9999px;}
.image_div b                    {width:18px; height:18px; background:url('../../resources/images/attachment.svg') no-repeat; background-size:100% auto; display:inline-block; vertical-align:top; margin:3px 3px 0 0;}
.bank_det ul.bnk_list li .cn            { display:flex;}
.bank_det ul.bnk_list li .cn #account_currencyId    { width:50%; margin:0 0 0 10px; background:#f2f2f2}
.bank_det ul.bnk_list li .cn #bank_countryId    { width:50%; margin:0 0 0 ; background:#f2f2f2}

.uat_det                            {display:block; width:100%; float:left;padding:40px 0}
.uat_det h3                     { font-size:20px; padding-bottom:20px; font-weight:700}
.uat_det ul.uat_list                    { display:block; width:100%; float:left;}
.uat_det ul.uat_list > li                   { display:block; width:100%; float:left; padding-bottom:28px;}
.uat_det ul.uat_list li label           { font-size:15px; font-weight:700; display:block; padding-bottom:10px;}
.uat_det ul.uat_list li input[type="text"],
.uat_det ul.uat_list li input[type="password"]  { vertical-align:middle; margin:0; font-size:15px; border:#808080 solid 1px; padding:10px; border-radius:7px; width:100%; color:#888}
.uat_det ul.uat_list li select  { vertical-align:middle; margin:0; font-size:15px; border:#808080 solid 1px; padding:10px; border-radius:7px; width:100%; color:#888} 
.uat_det ul.uat_list li input[type="text"]:disabled     { background:#f7f7f7; }  
.uat_det ul.uat_list li .cp_track   { display:block; position:relative; z-index:1;}
.uat_det ul.uat_list li .cp_track b     { background:url('../../resources/images/copy.svg') center no-repeat; background-size:22px auto; width:22px; height:22px; display:block; position:absolute; right:12px; top:50%; margin:-11px 0 0 0; font-weight:normal; cursor:pointer;} 
.uat_det ul.uat_list li .cp_track a.copy    { background:url('../../resources/images/copy.svg') center no-repeat; background-size:22px auto; width:22px; height:22px; display:block; position:absolute; right:12px; top:50%; margin:-11px 0 0 0; font-weight:normal; cursor:pointer;}
.uat_det ul.uat_list li button,
.uat_det ul.uat_list li input[type="button"]            {  width:140px;font-size:14px; font-weight:700; color:#fff; background:#27b399; border-radius:7px; border:none; float:right; display:block; padding:8px 0; margin:15px 0 0 0; text-transform:uppercase; cursor:pointer;}
.uat_det ul.uat_list li input[type="button"].lstuser        { float:left; color:#27b399; border:#27b399 solid 1px; background:#fff; cursor:pointer;} 
.uat_det ul.uat_list li button:hover,
.uat_det ul.uat_list li input[type="button"]:hover  { border:#27b399 solid 1px; color:#27b399; background:#fff;}
.uat_det ul.uat_list > li a.delAcc  { font-size:16px; line-height:16px; display:block; color:#D44C60; padding:10px 0 0 0} 
.uat_det p                      { font-size:14px;  padding:0 0 14px 0}
.uat_det p strong               {font-weight:600;}
.uat_det ol                     { float:left; display:block; width:100%}
.uat_det ol li                  { float:left; display:list-item; width:100%; font-size:14px; list-style: decimal;list-style-position: inside; padding:0;}
.uat_det ul.uat_list li  em                 { font-size:14px; display:block; color:#888; padding:7px 0 0 0; font-style:italic;}

.switch {position: relative;display: inline-block;width: 62px;height: 28px; vertical-align:top; margin:2px 0 0 14px;}
.switch strong.no_switch    { position:absolute;right:7px; line-height:28px; top:0; z-index:1;  position:absolute;right:0; width:100%; font-size:15px; padding:0 10px; color:#888; text-align:right}
.switch strong.yes_switch   { position:absolute;right:0; line-height:28px; top:0; z-index:0; width:100%; font-size:15px; padding:0 10px; color:#fff; display:none;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider { position: absolute; cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;}
.slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 7px;bottom: 5px;background-color: white; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;}
.switch input:checked + .slider {background-color: #27b399; z-index:2}
.switch input:focus + .slider {box-shadow: 0 0 1px #27b399;}
.switch input:checked + .slider:before {-webkit-transform: translateX(22px); -ms-transform: translateX(22px);transform: translateX(32px);}
.switch input:checked + .slider strong.yes_switch   { display:block;}
.switch .slider.round {border-radius: 28px;}
.switch .slider.round:before {border-radius: 50%;}

.autoset_3 ul                       { display:block; width:100%; float:left;}
.autoset_3 ul li                    { display:block; width:100%; float:left; padding-bottom:10px;}
.autoset_3 ul span                  { font-size:15px; font-weight:700; padding-right:7px;}
.autoset_3 ul a                     { font-size:15px; font-weight:400; color:#2d55e1; margin-left:7px;}     
.autoset_3 ul a.active              { color:#27b399}


.pay_history                        { padding:40px 0; width:100%; display:block;}
.inv_pay_panel                      { width:100%; padding:28px 0; display:block; float:left;}
.inv_pay_panel h3                   { font-size:20px; padding-bottom:28px; font-weight:700; display:flex; line-height:24px;}
.inv_pay_panel h3 a             { font-size:16px; font-weight:300; display:block; margin-left:auto; color:#212121}
.inv_pay_panel h3 a b           { width:18px; display:inline-block; vertical-align:top; margin:3px 5px 0 0}
.inv_pay_panel h3 a b img       { width:100%}
.inv_notes                      { border:#6a6a6a solid 1px; padding:10px; display:flex; width:100%; margin-bottom:20px;}
.inv_notes p                    { font-size:13px; display:block; padding-right:10px; color:#666; line-height:20px}
.inv_notes p a                  { color:#2d55e1;}
.inv_notes span                 { width:130px; font-size:14px; display:block; font-weight:700; text-align:right; margin-left:auto; line-height:20px}
.inv_notes span strong          { color:#f9a501; display:block; text-align:right; font-weight:700}

.tablesorter                    { position:relative; z-index:1;}
.tablesorter_new                {border:#6a6a6a solid 1px;}
.tablesorter thead input {
        width: 100%;
    }
.tablesorter th,
.tablesorter td                 { font-size:13px; padding:10px; border-right:#6a6a6a solid 1px;   border-bottom:#6a6a6a solid 1px; position:relative; z-index:0}
.tablesorter td span            { width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tablesorter th:last-child,
.tablesorter td:last-child      { border-right:none;}
.tablesorter td a.anc_link      { text-decoration:underline;}
.tablesorter th                 { font-weight:400; background: rgb(251,251,251);
background: linear-gradient(180deg, rgba(251,251,251,1) 0%, rgba(232,232,232,1) 100%); color:#666;}
.tablesorter td.credit          { color:#42c340;}
.tablesorter td.debit           { color:#c7232f;} 
.tablesorter tbody tr:last-child td { border-bottom:none;}
.tablesorter th input           { border:#6a6a6a solid 1px; padding:3px; border-radius:3px; font-size:12px;}
.pagination                     { display:block; padding:28px 0; width:100%; text-align:right;}
.pagination a                   { font-size:15px; color:#212121; line-height:35px; padding:0; margin-left:auto;}
.pagination input[type="text"]  { font-size:15px; padding:0 10px; width:120px; height:35px; border:#6a6a6a solid 1px; font-size:15px; color:#212121; margin-left:auto; text-align:center}
.pagination b                   { width:10px; display:inline-block; margin:10px 10px 0 10px ; vertical-align:top; transform:rotate(180deg);}
.pagination b img               { width:100%;}
.pagination b.rgt               { transform:rotate(0deg);}
.tablesorter td a.state_pcr_app { font-size:14px; color:#fff; font-weight:400; display:block; border-radius:10px; line-height:36px; background:#27B399; width:96px; text-align:center; margin:0 auto;}

.tablesorter td span.state_pcr_wait { font-size:14px; color:#FA8F21; font-weight:400; display:block; border-radius:5px; line-height:28px; background:#FFF3DD; width:100px; text-align:center; margin:0 auto; border:1px dashed rgba(250, 143, 33, 0.5)}

.tablesorter td a.state_pcr_pend    { font-size:14px; color:#4F4F4F; font-weight:400; display:block; border-radius:10px; line-height:36px; background:#F2F2F2; width:96px; text-align:center; margin:0 auto;}


.pay_req                        {  padding:40px 0; display:block; width:100%;}
.sel_paymet                     { display:block; padding:27px 0; width:100%; float:left;}
.sel_paymet h3                  { font-size:20px; padding-bottom:35px; font-weight:700}
.sel_paymet ul                  { display:block; border:#808080 solid 1px; border-radius:7px; overflow:hidden}
.sel_paymet ul li               { display:block; border-bottom:#808080 solid 1px;}
.sel_paymet ul li:last-child    { border:none;}
.sel_paymet ul li a             { font-size:16px; font-weight:700; padding:16px; display:flex; width:100%; color:#212121; line-height:20px;}
.sel_paymet ul li a b           { width:10px; margin-left:auto; display:block; margin-top:4px; background:url('../../resources/images/Arrow.svg') no-repeat; background-size:100% auto; }
.sel_paymet ul li a b img       { width:100%;}
.sel_paymet ul li a:hover       { background:#27b399; color:#fff;}  
.sel_paymet ul li a:hover b     { background:url('../../resources/images/Arrow_wht.svg') no-repeat; background-size:100% auto;} 
.sel_paymet ul.seroption li.disabled a              { background:#f2f2f2 !important; color:#212121 !important; cursor:default}
.sel_paymet ul.seroption li.disabled a b        {  background:url('../../resources/images/Arrow.svg') no-repeat !important; background-size:100% auto !important; }
.bank_det_verify                        { display:block; padding:28px 0; width:100%; float:left;}
.bank_det_verify h3                     { font-size:20px; padding-bottom:35px; font-weight:700}
.bank_det_verify ul             { width:100%; display:block; float:left;}
.bank_det_verify ul li          { width:100%; display:block; padding-bottom:28px; float:left;}
.bank_det_verify ul li label    { font-size:15px; font-weight:700; display:block; padding-bottom:10px;}
.bank_det_verify ul li input[type="text"]   { vertical-align:middle; margin:0; font-size:15px; border:#808080 solid 1px; padding:10px; border-radius:7px; width:100%; color:#888}
.bank_det_verify ul li select   { vertical-align:middle; margin:0; font-size:15px; border:#808080 solid 1px; padding:10px; border-radius:10px; width:100%; color:#888}
.bank_det_verify ul li button           {  width:140px;font-size:14px; font-weight:700; color:#fff; background:#27b399; border-radius:7px; border:none; float:right; display:block; padding:8px 0; margin:0; text-transform:uppercase;}
.bank_det_verify ul li input[type="text"]:disabled { background:#eee}
.bank_det_verify ul li a.anc_bnk    {color:#2d55e1; font-size:15px; padding:8px 0; float:left; display:block;}
.sel_paymet ul li a span        { color:#6a6a6a; font-weight:normal; display:inline-block; margin-left:12px; vertical-align:top; font-size:14px; line-height:20px}
.sel_paymet ul li a span strong     { color:#43B327; font-weight:bold;}


.fav_brand                      { display:block; padding:28px 0; width:100%; float:left;}
.fav_brand h3                   { font-size:20px; padding-bottom:28px; font-weight:700}
.fav_brand h5                   { font-size:16px; font-weight:700; padding-bottom:14px;}
.fav_brand h5 span              { color:#f9a501;}
.fav_brand select               { vertical-align:middle; margin:0; font-size:15px; border:#808080 solid 1px; padding:10px; border-radius:7px; width:100%; color:#888; margin-bottom:35px; }
.fav_brand select.selected      { background:#27b399; color:#fff; border:#27b399 solid 1px;} 
.favlist                        { display:block; width:100%;}
.favlist ul                     { display:block; width:100%;}
.favlist ul li                  { display:flex; width:100%; padding:28px 0;border-bottom:#212121 solid 1px;} 
.favlist ul li span             { width:250px; display:block;}
.favlist ul li span img         { width:100%; display:block;}
.favlist ul li .favct           { width:100%; padding-left:28px; display:block;} 
.favlist ul li .favct h4        { font-size:20px; padding-bottom:20px; font-weight:700}
.favlist ul li select           { vertical-align:middle; margin:0; font-size:14px; border:#808080 solid 1px; padding:7px; border-radius:7px; width:150px; color:#888;}
.fav_action                     { padding:35px 0;display:block; width:100%;}
.fav_action label               { font-size:16px; font-weight:700; text-align:right; display:block;}
.fav_action label strong        { color:#f9a501; font-weight:700} 
.favlist button                 {  width:140px;font-size:14px; font-weight:700; color:#fff; background:#27b399; border-radius:7px; border:none; float:right; display:block; padding:8px 0; margin:0; text-transform:uppercase;}

.confirmation                       {  padding:40px 0; display:block; width:100%; float:left;}
.conf_wrap                      {  padding:28px 0; display:block; width:100%; float:left;}  
.confirmation .container,
.confirmation .dccontainer          { width:550px;}
.confirmation h2                { font-size:35px; font-weight:700; color:#27b399; padding-bottom:28px; display:flex; width:100%;}
.confirmation h2 b              { width:55px; margin-right:14px; vertical-align:top;}
.confirmation h2 b img          { width:100%; display:block;}
.confirmation em                { font-size:16px; display:block; padding-bottom:20px; font-style:normal;}
.confirmation cite              {  font-size:16px; display:block; font-weight:700; font-style:normal;  padding-bottom:20px; } 
.schedule_badge                 { display:flex; width:100%;}
.schedule_badge span            { width:100%; display:block; padding-right:28px; font-size:16px;}
.schedule_badge span label      { font-weight:700; color:#27b399; display:block;}
.schedule_badge strong          { width:230px; display:block;}
.schedule_badge strong img      { width:100%; display:block;}
.conf_wrap a.gobackdash         { width:100%; padding:14px; font-size:18px; text-align:center; color:#262626; border:#6a6a6a solid 1px;  border-radius:7px; display:block; text-align:center; margin:28px 0 0 0}
.conf_wrap a.gobackdash:hover   { background:#27b399; color:#fff; border:#27b399 solid 1px;}
#main_message_content_success       {color: #155724;background-color: #d4edda; border: #c3e6cb solid 1px; padding:14px; border-radius:7px; }
#main_message_content_error     {color: #721c24; background-color: #f8d7da; border: #f5c6cb solid 1px; padding:14px; border-radius:7px;}  
 #main_message_div_id_wrapper   { position: absolute;left: 50%; width: 700px; margin-left:-350px;z-index: 99; top: 14px;}
 .close_light                   { position: absolute; right: 7px; top: 6px;z-index: 99; }
.close_light a                  {font-weight:700; cursor:pointer; background:url('../../resources/images/cross.svg') no-repeat; background-size:100% auto; width:20px; height:20px; display:block;}
 #main_message_content_success strong,
 #main_message_content_error strong     { font-weight:700}
 #main_message_content_success div,
 #main_message_content_error div    { font-size:15px;}

#main_message_div_id2       {color: #721c24; background-color: #f8d7da; border: #f5c6cb solid 1px; padding:14px; border-radius:7px;}  
#main_message_div_id2_wrapper   { position: absolute;left: 50%; width: 700px; margin-left:-350px;z-index: 99; top: 14px; display: none;}
 
.uat_det ul.uat_list li input.mandatory_error {
    border: 1px solid red;
}

.bank_det ul.bnk_list li input.mandatory_error {
    border: 1px solid red;
}
 
.autopay_set input.mandatory_error {
    border: 1px solid red;
}

.autopay_set select.mandatory_green {
    border: 1px solid green;
}

.autopay_set input.mandatory_green {
    border: 1px solid green;
}

.mandatory_error_div{
    border: 1px solid red;
}

.autoset_2 ul span.status_not_filled{
    color: blue;;
    font-size: 15px;
    font-weight: 400;
}

.autoset_2 ul span.status_error{
    color: red;
    font-size: 15px;
    font-weight: 400;
}

.autoset_3 h3{ 
    font-size:20px;
    padding-bottom:0px;
    font-weight:700;
}

.autoset_3 ul span.status_error{
    color: red;
    font-size: 15px;
    font-weight: 400;
}

.input_icon{
    height: 25px;
    width: 40px;
    float: left;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
}

.bank_det ul.bnk_list li input[type="text"].withImage{
    padding-left: 70px
}

#autopay_saved_success_message{
    color: green;
    margin-top: 5px;
}

pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}
 
 .campaign_page                 { display:block; padding:40px 0; width:100%; float:left; }
 .home_campaigns                    { display:block; padding:40px 0; width:100%; float:left; }
 .top_campaigns                 { display:block; padding:10px 0; width:100%; float:left; }
 .campaign_main                 { float:left; width:100%; display:block; padding-bottom:40px; position:relative}
 .camp_action                   {display:block; padding:40px 0 0 0; position:relative;}
 .camp_action h4                { font-size:20px; display:block; padding-bottom:20px; font-weight:700;}
 .camp_action h4 a.exp_inv              {font-size:12px; float:right; color: #2d55e1; font-weight: 600; line-height: 24px; margin: 0; width:auto; margin:0 160px 0 0} 
 .camp_action h4 a.exp_inv b                { width:14px; margin:5px 6px 0 0; display:inline-block; vertical-align:top; opacity:0.6; }  
 .camp_action h4 a.exp_inv b img            { width:100%; display:block;} 
  .camp_action span.mycoderemain {

  }
  .camp_action span.mycoderemain a  { font-size:13px;color: #fff}
 .camp_status                   { display:flex;width:auto;position:absolute;left:0;bottom:-38px;z-index:2;} 
 .camp_status ul                { width:auto; display:flex;} 
 .camp_status ul li             { width:auto; margin-right:10px;}
 .camp_status ul li a           { padding:10px 15px; font-size:13px; font-weight:600; display:block; background:#f2f2f2; color:#6a6a6a; border-radius:10px;}
 .camp_status ul li.active a    { background:#27b399; color:#fff;}
 .srcwrap                       { width:60%;position:absolute; margin-left:auto; right:0; top:-68px; display:flex;}
 .search                        { width:100%; display:block; position:relative }
 .search input[type="text"]     { padding:5px 10px 5px 25px; border:#aaa solid 1px; border-radius:2px; background:#fff; width:130px; font-size:12px; height:30px;}
 .search b                      { width:14px; height:14px; position:absolute; left:7px; top:8px; opacity:0.7}
 .search b img                  { width:100%; display:block;} 
 .srcwrap.notjoin .search       { width:60%; margin-right:10px;}
 
 .selcountry                        { width:100%; display:block; position:relative }
 .selcountry select     { padding:14px 10px 14px 38px; border:#6a6a6a solid 1px; border-radius:10px; background:#f2f2f2; width:100%; font-size:13px; font-weight:600; color:#6a6a6a;  -moz-appearance: none; -webkit-appearance: none; appearance:none;}
.selcountry select::-ms-expand { display: none; } 
 .selcountry b                      { width:16px; height:16px; position:absolute; left:13px; top:18px;}
 .selcountry b img                  { width:100%; display:block;}
 .srcwrap.notjoin .selcountry       { width:calc(40% - 10px); }
 
 .listTable                     { display:block; }
 .tbl thead                     { background: rgb(251,251,251); background: linear-gradient(180deg, rgba(251,251,251,1) 0%, rgba(232,232,232,1) 100%); }
 .tbl th                        { font-size:13px; color:#6a6a6a; padding:10px; border-bottom:#ccc solid 1px;}
 .tbl th span                   { display:block; color:#c00; font-size:10px; line-height:12px; font-weight:400; margin:-3px 0}
 .tbl td                        { font-size:13px; color:#212121; padding:10px;  border-bottom:#ccc solid 1px;}
 .brdlist                       { display:flex; width:100%; } 
 #myCode .brdlist              { max-width:130px;padding: 0 30px 0 0;}
  table.dataTable tbody td      { word-wrap:break-word}
 .brdlist strong                { width:70px; margin:0; display:flex; padding:10px; align-self: center;}
 .brdlist.cpn strong { 
    width: auto;
    padding: 5px 0;
    margin: 5px 0;
    text-overflow: ellipsis;
    display: inline-block;
  }
 .brdlist strong img            { width:100%; display:block;} 
 .brdlist div                   { display:block; text-align:left; padding:10px 5px; width:calc(100% - 50px); position:relative;}
 .brdlist div h3                { font-size:14px; color:#212121; display:block; line-height:24px;}
 .brdlist div h5                { font-size:16px; font-weight:700; display:block; line-height:24px;}                
 
 #myCode .brdlist h5                { font-size:16px; white-space:nowrap; font-weight:700; display:block; line-height:24px; width:calc(100% - 24px); overflow:hidden; text-overflow:ellipsis;}              
 .tbl td b                      { width:24px; height:24px; display:block;}
 .tbl td b img                  { width:100%; display:block;} 
  .tbl a.cp_icon                { width:26px; height:26px; background:url('../../resources/images/copy.svg') center no-repeat; background-size:16px auto; display:block; margin:0 auto; opacity:0.3; padding:5px; border:#999 solid 1px; border-radius:3px;}
 .tbl a.cp_icon:hover           { opacity:0.7; background-color:#f2f2f2; position:relative;}
 #pendingTab .tbl td a,
  #notJoinedTab .tbl td a           { color:#212121; text-decoration:underline; font-size:13px;}
    .tbl a.cp_icon b            { width:1px; height:1px; display:block; position:absolute; left:0; top:0; overflow:hidden; text-indent:-999px;}
 #pendingTab .tbl td,
  #notJoinedTab .tbl td         { text-align:left; position:relative; z-index:1} 
 #pendingTab .tbl td em.wait        { color:#fa952d; border:#fa952d dashed 1px; padding:5px 10px; border-radius:5px; float:left; display:block; font-size:13px; background:#fff3dd; text-align:center; line-height:16px; width:160px; margin-right:40px;}
 #notJoinedTab .tbl td em.reqcode       { color:#fff; border:#27b399 dashed 1px; padding:5px 10px; border-radius:5px; float:left; display:block; font-size:13px; cursor:pointer; background:#27b399}
 #notJoinedTab .tbl td a.reqcode        { color:#fff; border:#27b399 dashed 1px; padding:5px 10px; border-radius:5px; float:left; display:block; font-size:13px; cursor:pointer; background:#27b399}
 .tablesorter tbody td a.arr_brnd       { position:absolute; right:20px; top:50%; margin:-10px 0 0 0}
 .tbl cite img                          { margin:0 auto; display:block;}
 .mycodetbl label                   { width:100px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  
.notes                              { display:flex; margin:0 0 28px 0; padding:20px; background:#f2f2f2; border:#27b399 solid 1px; border-radius:14px;}
.notes span                         { width:60px; display:block;}
.notes span img                     { width:100%;}
.notes ul                           { display:flex; padding:0 0 0 35px; width:100%; border:none;     align-items: center;}
.notes ul li                        { width:100%; display:list-item; font-size:15px; font-weight:600; color:#888; list-style:disc outside; line-height:22px}
.notes ul li b                      { color:#212121; font-weight:800}
.notes ul li a                      { color:#2d55e1;}
 
.paybreak                           {  padding:35px 0; display:block; width:100%; float:left; }
.paybreak h3                        { font-size: 20px; padding-bottom: 20px;font-weight: 700; line-height:24px;}
.paybreak h3 a                      { display:inline-block; vertical-align:top; width:16px; margin-right:20px; }
.paybreak h3 a img                  { width:100%; display:block; transform:rotate(0deg);}
.paybreak h3 a.arr img              { transform:rotate(180deg);} 
.camp_action h3                         { font-size: 20px;font-weight: 700;}
.camp_action h3 a                       { display:inline-block; vertical-align:top; width:16px; margin-right:20px; }
.camp_action h3 a img                   { width:100%; display:block; transform:rotate(180deg);}
.camp_action h3 a.exp_inv               {font-size:13px; float:right; color: #2d55e1; font-weight: 600; line-height: 38px; margin: 0; width:auto;} 
.camp_action h3 a.exp_inv b                 { width:14px; margin:11px 6px 0 0; display:inline-block; vertical-align:top; opacity:0.6; }     
.camp_action h3 a.exp_inv b img             { width:100%; display:block;}

.breakup                        { display:block;width:100%;}
.breakupwrap                    { border:#6a6a6a solid 1px; padding:15px 20px; display:flex;}
.breakupwrap ul.lftls               { width:50%; display:block;}
.breakupwrap ul.rgtls               { width:50%; display:block;}
.breakupwrap ul.lftls li            { display:block; width:100%; font-size:15px; color:#212121; line-height:26px;}
.breakupwrap ul.lftls li strong     { font-weight:700;}
.breakupwrap ul.rgtls li a          { display:block; width:100%; font-size:15px; color:#2d55e1; line-height:26px; text-align:right} 
.breakupwrap ul.rgtls li b          { width:16px; display:inline-block; vertical-align:top; margin:5px 0 0 5px ;}
.breakupwrap ul.rgtls li b img      { width:100%; display:block;}
.breakupwrap ul.rgtls li.disabled a     { color:#6a6a6a;}
.filter                             { display:flex; width:100%;}
.filter label                       { font-size:14px; color:#6a6a6a; line-height:38px; margin-right:5px; display:inline-block; vertical-align:top;}
.filter input[type="text"]          { height:38px; padding:0 10px; font-size:14px; border:#6a6a6a solid 1px; border-radius:5px; color:#212121; display:inline-block; width:100px; vertical-align:top; margin-left:0; }

.filter a.exp_inv                   { display:flex; margin-left:auto; font-size:14px; color:#2d55e1; line-height:38px;}
.filter a.exp_inv b                 { width:14px; margin:12px 8px 0 0; display:inline-block;}
.filter a.exp_inv b img             { width:100%; display:block;} 


.break_tbl                      { display:block; margin:40px 0; width:100%; border:#6a6a6a solid 1px;}
.his_tbl                        { display:block; margin:20px 0 0 0; width:100%; border:#6a6a6a solid 1px;}
.inv_total                      { width:320px; display:flex; margin-left:auto; border:#6a6a6a solid 1px;} 
.inv_total ul                   { display:block; width:100%; float:left;}
.inv_total ul li                { display:block; width:100%; font-size:15px; color:#212121;  text-align:right; border-bottom:#6a6a6a solid 1px; float:left}
.inv_total ul li:last-child         { border:none;}
.inv_total ul li label          { width:180px; border-right:#6a6a6a solid 1px; padding:10px 15px; display:block; float:left;}
.inv_total ul li span           { font-weight:600; padding:10px 15px; display:block; width:calc(100% - 180px); float:left;}
.inv_total ul li span.bl        { color:#2d55e1;}
.inv_total ul li span.rd        { color:#c7232f;}
.inv_total ul li span.gr        { color:#349632;}

.scrollbar              { max-height:500px; overflow:auto; display:block; }

.scrollbar::-webkit-scrollbar { width: 10px; height: 10px; border-radius:10px;}
.scrollbar::-webkit-scrollbar-track { background: #f2f2f2; border-radius:10px; }
.scrollbar::-webkit-scrollbar-thumb { background: #f2f2f2; border-radius:10px;} 
.scrollbar:hover::-webkit-scrollbar-thumb { background: #bbb; }
.scrollbar::-webkit-scrollbar-thumb:horizontal:hover,
.scrollbar::-webkit-scrollbar-thumb:vertical:hover { background: #999;border-radius:10px; }
.scrollbar::-webkit-scrollbar-thumb:horizontal:active,
.scrollbar::-webkit-scrollbar-thumb:vertical:active { background: #777; }

.cmnbtn                         { background:none; border:none; color:#27b399; font-size:14px; display:inline-block; vertical-align:top; margin:0 2px; padding:0 3px; cursor:pointer; height:38px; font-weight:600}
.cmndis                         { font-size:14px; margin:0 2px; border:none; background:none; display:inline-block; vertical-align:top; color:#999; padding:0 3px; cursor:pointer; height:38px; font-weight:600}  

.emptystate                     { display:block; width:100%; float:left; padding:30px 0;}
.emptystate span                { width:300px; margin:0 auto; display:block;}
.emptystate span img            { width:100%; display:block;} 
.welcome                        { padding:20px 0; display:block; width:100%;}
.welcome h3                     { font-size:24px; font-weight:700; text-align:center; display:block; padding-bottom:30px;}
.welcome p                      { font-size:16px; text-align:center; display:block; line-height:24px; padding-bottom:20px;}
.welcome p em                   { font-size:16px; text-align:center; line-height:24px; display:block; font-style:normal;}
.welcome p a                { color:#27b399;}

.empty_state_camplink           { display:block; width:100%; float:left; padding:30px 0;} 
.empty_state_camplink span      { width:210px !important; height:210px; margin:0 auto 25px auto; display:block;  background:url('../../resources/images/offer.svg') center no-repeat; background-size:100% auto}
.empty_state_camplink p         { font-size:20px; font-weight:normal; line-height:26px; display:block; text-align:center;}
.empty_state_camplink p a       { text-decoration:underline; font-size:20px !important; color:#2D55E1 !important;}
 
 .footer                        { padding:14px 0; width:100%; border-top:#27b399 solid 2px; display:block; float:left;}
 .footer p                      { display:block; text-align:center; width:100%; padding:5px 0;}
 .footer p a                    { font-size:15px; color:#262626;}
 .footer span                   { text-align:center; display:block; color:#262626; font-size:15px; line-height:20px;}
 .footer span a                 { display:inline-block; vertical-align:top; margin:0 7px;}
 
 .campaign_det                  { display:block; margin:40px 0; float:left; width:100%;}
 .top_camp                      { display:block; width:100%; float:left; padding-bottom:20px; position:relative;}
 .campaign_det span             { width:50px; float:left; margin-right:10px; height:65px; padding:15px 8px;}
 .campaign_det span img         { height:100%; display:block; margin:0 auto; transform:rotate(180deg)}
 .camp_brand                    { width:calc(100% - 60px); position:relative; float:left; display:block;}
 .camp_brand em                 { width:65px; float:left; display:flex; margin-right:15px; height:65px; border:#ccc solid 1px; border-radius:10px; overflow:hidden; align-items:center}
 .camp_brand em img                 { max-width:100%; max-height:100%; margin:0 auto; display:block;}
 .camp_brand h3                 { font-size:24px; color:#212121; font-weight:700; float:left; width:calc(100% - 80px); padding:7px 0; line-height:24px; padding-right:50%;}
 .camp_brand h3 cite            { font-size: 15px; color: #27b399; font-weight: 600; display:block;}
 .camp_brand h3 cite a.saledeal         { color: blue; text-decoration: none; font-weight:normal; font-size:15px; float:left; line-height:18px;}

 .camp_tab                      { float:left; width:100%; display:block; padding-bottom:25px;}
 .camp_tab ul                   { display:flex; border-bottom:#6a6a6a solid 1px;}
 .camp_tab ul li                { display:block; border-right:#6a6a6a solid 1px; width:100%}
 .camp_tab ul li:last-child     { border:none;} 
 .camp_tab ul li a              { font-size:15px; color:#212121; padding:8px 0; display:block; text-align:center;  border-bottom:#fff solid 3px; font-weight:600}
 .camp_tab ul li.active a               { color:#27b399; border-bottom:#6a6a6a solid 3px;}
 
 .campstatus                    { width:100%; float:left; display:block; margin-bottom:20px;}
 .campstatus label              { font-size:15px; color:#4a4a4a; font-weight:600; padding-bottom:10px; display:block;}
 .cmn_state                     { padding:20px; border-radius:10px; display:block; width:100%; margin-bottom:10px}
 .cmn_state strong              { width:30px; margin-right:10px; height:30px; float:left; display:block;}
 
 .success_state                 { background:#e5f1e4; color:#4a4a4a; font-size:15px; font-weight:600; line-height:30px;}
 .success_state strong          { background:url(../../resources/images/tick.svg) no-repeat; background-size:100% auto;}
 
 .error_state               { background:#f8e3e4; color:#4a4a4a; font-size:15px; font-weight:600; line-height:30px;}
 .error_state strong            { background:url(../../resources/images/cross_red.svg) no-repeat; background-size:100% auto;}
 
 .pause_state               { background:#f8e3e4; color:#4a4a4a; font-size:15px; font-weight:600; line-height:30px;}
 .pause_state strong            { background:url(../../resources/images/pause.svg) no-repeat; background-size:100% auto;}
 
 .pending_state                 { background:#fef3de; color:#4a4a4a; font-size:15px; font-weight:600; line-height:30px;}
 .pending_state strong          { background:url(../../resources/images/pending_icon.svg) no-repeat; background-size:100% auto;}
 .filters_cmp                   { display:block; float:left; padding-bottom:25px; width:100%;}
 .filters_cmp select            { height:36px; width:140px; border-radius:5px; font-size:15px; font-weight:600; color:#27b399; float:left; padding:0 10px; background:#eee;} 
 .filters_cmp a                 { font-size:18px; color:#2d55e1; font-weight:600; float:right; line-height:36px;}
  
.camp_tbl                       { display:block; margin:20px 0; width:100%;}
.camp_tbl .tablesorter th, 
.camp_tbl .tablesorter td       { border-right:none; }
.camp_tbl .tablesorter td span  { font-size:20px; color:#212121; font-weight:700; float:left; width:100%; display:block; line-height:34px; text-align:left; padding:15px 0;} 
.camp_tbl .tablesorter td span b    { width:34px; height:34px; margin-right:15px; display:block; float:left; background:url(../../resources/images/coupon.svg) no-repeat; background-size:100% auto;}
.camp_tbl .tablesorter td a.copy        {  width:40px; height:40px; margin:0 auto; display:block;background:url(../../resources/images/copy.svg) no-repeat; background-size:100% auto; opacity:0.6}
 .camp_tbl .tablesorter td a.copy:hover     { opacity:0.8}
 .camp_tbl .tablesorter td a.mr         { color:#27b399; text-decoration:underline}
 
 strong.verified            { background:url(../../resources/images/tick.svg) no-repeat; background-size:100% auto; width:20px; height:20px; margin:0 auto; display:block;}

.camp_tab_panel             { width:100%; float:left; display:block; margin:0;}
.camp_tab_panel ul.tb_cmp       { width:100%; display:block; float:left; margin-bottom:15px;}
.camp_tab_panel ul.tb_cmp li    { float:left; width:auto; margin-right:-1px;}
.camp_tab_panel ul.tb_cmp li a  { padding:13px 45px; color:#808080; font-size:14px; display:block; border:#808080 solid 1px;}
.camp_tab_panel ul.tb_cmp li.active a   { background:#27b399; color:#fff; font-weight:600; border:#27b399 solid 1px;}
.camp_tab_panel ul.tb_filter    {  float:left; display:block;}
.camp_tab_panel ul.tb_filter li     { margin-right:20px; width:auto; float:left;}
.camp_tab_panel ul.tb_filter li span    { color:#808080; font-size:14px; line-height:34px;}
.camp_tab_panel ul.tb_filter li select  { height:34px; font-size:14px; color:#808080; border:none; color:#2d55e1; cursor:pointer;}  
.parlabel                               { display:inline-block; position:relative;}
.subfil                                 { width:120px; background:#fff; border:#ccc solid 1px; position:absolute; top:30px; left:0; z-index:12; display:none;} 
.subfil ul                              { width:100%; display:block;  float:left; padding:3px 0}
.subfil ul li                           { width:100%; display:block; float:left; margin:0}
.camp_tab_panel ul.tb_filter .subfil ul li a { color:#808080; font-size:14px; line-height:20px; display:block; padding:3px 5px; } 
.camp_tab_panel ul.tb_filter .subfil ul li a:hover  { color:#2d55e1}  
.nodata                                 { width:100%; display:block; float:left; padding:80px 0}
.nodata span                            { width:100px; height:100px; margin:0 auto 10px auto; display:block;}
.nodata span img                        { width:100%; display:block;}
.nodata p                               { font-size:18px; color:#aaa; text-align:center; display:block; padding:0 0 0 0; font-weight:400}

.camp_tab_panel a.exp_inv                   { display:block; float:right; font-size:14px; color:#6a6a6a; margin:10px 0 0 0}
.camp_tab_panel a.exp_inv b                 { width:14px; margin:3px 5px 0 0; display:inline-block; vertical-align:top; opacity:0.6; } 
.camp_tab_panel a.exp_inv b img             { width:100%; display:block;} 


.parentdim a.dime_inv                   { display:block; float:right; font-size:12px; color:#6a6a6a; padding-right:3px; font-weight:600}
.parentdim a.dime_inv b                 { width:16px; margin:0 5px 0 0; display:inline-block; vertical-align:top; opacity:0.8; } 
.parentdim a.dime_inv b img             { width:100%; display:block;}

.status_notes                           { padding:25px; display:block; width:100%;}
.status_notes h4                        { font-size:14px; font-weight:700; color:#212121; display:block; padding-bottom:25px;}
.status_notes ul                        { display:block; width:100%; padding:0 20px;}
.status_notes ul li                     { width:100%; display:list-item; font-size:14px; color:#212121; padding-bottom:10px; list-style:disc; list-style-position: outside; line-height:20px;}
.status_notes ul li b                   { font-weight:700;}  
.aff_inv_pay                            { display:block; width:100%; float:left; padding:0;}
.aff_inv_pay h3                         { font-size: 20px; padding-bottom: 20px;font-weight: 700;}
.aff_inv_pay a.exp_inv                  { display:block; float:right; font-size:14px; color:#2d55e1;font-weight:600; line-height:38px; margin:0} 
.aff_inv_pay a.exp_inv b                { width:14px; margin:11px 6px 0 0; display:inline-block; vertical-align:top; opacity:0.6; } 
.filaction a.exp_inv b                  { margin:7px 6px 0 0; }     
.aff_inv_pay a.exp_inv b img            { width:100%; display:block;}
.aff_inv_pay h3 span                    { font-weight:normal; color:#6a6a6a; font-size:14px; line-height:34px; float:right; margin-left:20px; font-weight:600}
.aff_inv_pay h3 span select             { height:38px; width:70px; border:#6a6a6a solid 1px; padding:0 10px; border-radius:5px; font-size:14px; color:#6a6a6a; background:#f2f2f2; margin-left:5px;}
.aff_inv_pay .filter                    { width:100%; float:left; display:block; margin-bottom:10px;}
.aff_inv_pay .filter ul                 { float:left; display:block; width:auto;}
.aff_inv_pay .filter ul li              { float:left; width:auto; display:block; margin:0 10px 5px 0;} 
.aff_inv_pay .filter ul.sblst li        { float:right} 
.aff_inv_pay .filter ul.sblst           { float:right; margin:5px 0 0 0 }
.aff_inv_pay .filter .catscroll ul li   { width:100%;}
.aff_inv_pay .filter ul.sblst li        { margin:0 10px 0 0 !important}
.aff_inv_pay .filter ul.sblst li label  { line-height:30px; font-size:12px; font-weight:400}
.aff_inv_pay .filter ul.sblst li a.exp_inv  { font-size:12px; font-weight:400}
.aff_inv_pay .filter ul.sblst li a.exp_inv b    { margin:7px 6px 0 0}
.aff_inv_pay .filter ul.sblst li a.exp_inv  { line-height:30px;}

.aff_inv_pay .filter ul li:last-child   { margin:0 0 5px 0} 
.aff_inv_pay .filter ul li select       { height:30px; width:auto; border:#6a6a6a solid 1px; padding:0 5px; border-radius:5px; font-size:14px; color:#6a6a6a; background:#f2f2f2; margin:0 4px; font-size:12px;}
.aff_inv_pay .filter ul.mnlst li select { height:38px}
.aff_inv_pay .filter ul li label        { float:left; display:block; margin-right:5px; font-weight:600}
.aff_inv_pay .filter ul li .inpv        { float:left;}

.filaction                              { display:block; width:auto; float:right; margin:10px 0 0 0; } 
.filaction a.exp_inv                    { margin:0 15px 0 0; color:#2d55e1; font-weight:normal; float:left; font-size:12px; line-height:30px;}

.aff_inv_pay .filter .filaction ul li label                     { font-weight:normal; font-size:12px; line-height:30px;}
.aff_inv_pay .filter .catscroll ul li label     { line-height:inherit}
.dim_cat                                { position:absolute; left:0;top:35px; width:210px; display:none; border:#6a6a6a solid 1px; background:#fff; z-index:12} 
.dim_Act_action                         { float:left; width:100%; position:absolute; top:0; left:0; border-bottom:#6a6a6a solid 1px; z-index:10; background:#fff;}
.dim_Act_action a                       { width:50%; padding:5px 0; text-align:center; font-size:13px; border-right:#6a6a6a solid 1px; display:block; float:left; margin-right:-1px;}
.dim_Act_action a:last-child            { border:none;} 
.dim_Act_action a.res_btn               { color:#2d55e1;}
.dim_Act_action a.apply_btn             { color:#27b399;}

.catscroll                              { float:left; width:100%; height:300px; display:block; padding:30px 0 0 0 }
.catscroll ul                           { float:left; width:100%; display:block; padding:5px;} 
.catscroll ul li                        { display:block; float:left; width:100%; margin-bottom:3px;}
.catscroll ul li label                  { font-size:14px; color:#6a6a6a; display:block; line-height:20px; font-weight:normal;}
.catscroll ul li label input[type="checkbox"]           { width:14px; height:14px; margin:3px 2px 0 0; display:inline-block; vertical-align:top; }
.catscroll ul li label input:checked + span     { font-weight:700; line-height:20px;}
.parentdim                              { display:block; float:left; position:absolute; margin:0; right:234px; top:89px; z-index:2}
.ui-menu .ui-menu-item a                { color:#212121;}
.ui-menu .ui-menu-item a img            { display:inline-block; vertical-align:top; margin:3px 2px 0 0}

.earning_overview                       { padding:35px 0; display:block; width:100%; float:left;}
.earning_overview h3                    { font-size: 20px; padding-bottom: 25px;font-weight: 700;}

.earning_overview .graph                { width:100%; height:200px; background:#ccc;}
.module                                 { width:calc(50% - 10px); margin:15px 0;}
.module:last-child                      { margin-left:auto;} 
.module h4                              { font-size:14px; font-weight:700; padding-bottom:10px; display:block;}
.module h4   span                           { color:#6a6a6a; font-weight:normal;}
.flex_dis                               { display:flex;}
.module_full                            { width:100%;}
.list_mod                               { display:block; width:100%; padding:15px; box-shadow:rgba(0,0,0,0.2) 0 0 3px; border-radius:3px;}
.list_mod ul                            { display:block; width:100%; padding-bottom:10px;}
.list_mod ul li                         { display:flex; width:100%; padding:8px 0; border-bottom:#ccc solid 1px;}
.list_mod ul li label                   { font-size:14px; color:#212121; font-weight:400; display:block;}
.list_mod ul li strong                  { font-size:14px; color:#212121; font-weight:700; margin-left:auto;}
.list_mod em                            { color:#6a6a6a; font-size:12px; display:block; padding:10px 0;}
.list_mod a.viewfullreport              { color:#2d55e1; display:block; font-size:14px; text-align:right; font-weight:500; margin:20px 0 0 0}
.nodata_module                          { width:100%; height:230px; display:flex; align-items: center;}
.nodata_module span                     { width:70px; height:70px; display:block; margin:0 auto;}
.nodata_module b                        { font-size:14px; text-align:center; display:block; color:#ccc; padding:5px 0 0 0; font-weight:400}
.nodata_module span img                 { width:100%; display:block;}
.nodata_module cite                     { width:100%;} 
.grph_mode                              {display:block; width:100%; padding:25px 15px; box-shadow:rgba(0,0,0,0.2) 0 0 3px; border-radius:3px; height:260px; }
.camp_detail_form                       { display:block; width:100%;}
.camp_detail_form ul                    { width:100%; display:block;}
.camp_detail_form ul li                 { width:100%; display:block; padding-bottom:20px;}
.camp_detail_form ul li label           { font-size: 15px;color: #4a4a4a;font-weight: 600;padding-bottom: 10px;display: block;}
.camp_detail_form ul li .inp_frm        { width:100%; display:block; padding:25px; border-radius: 10px; position:relative;background-color: #f9f9f9; }
.camp_detail_form ul li.nostyle .inp_frm    { padding:0; box-shadow:none; border-radius:0; border:none;}
.camp_detail_form ul li .inp_frm strong:not(.camp_detail_form p strong)     { padding-right:15px; border-right:#4F4F4F solid 1px; margin-right:15px;}
.camp_detail_form ul li .inp_frm p      { color:#444; font-size:14px; line-height:normal;  display:block; word-wrap: break-word;margin-bottom: 5px;} 
.camp_detail_form ul li .inp_frm select { padding:25px; border:#ccc solid 1px; font-size:13px; line-height:20px; color:#4a4a4a; border-radius:10px; width:100%;  -moz-appearance: none; -webkit-appearance: none; appearance:none;}
.camp_detail_form ul li .inp_frm select::-ms-expand { display: none; } 
.camp_detail_form ul li .inp_frm select:disabled    { background:#eee}
.camp_detail_form ul li .inp_frm p a    { font-size:13px; text-decoration:underline; color:#27b399}
.camp_detail_form ul li .inp_frm.singleurl p .copyItem  { position:absolute; right:20px; top:18px; width:27px; height:35px; z-index: 1;}
.camp_detail_form ul li .inp_frm.copyMain{padding-right: 50px}
.inp_frm ul.cntry_list                  { width:100%; display:flex; flex-wrap:wrap; padding:5px 10px;border-radius: 10px;}
.inp_frm ul.cntry_list li               { display:block; width:calc(100%/3); padding:5px 25px 5px 0; font-size:13px; color:#212121; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.inp_frm ul.cntry_list li span          { height:24px; display:inline-block; vertical-align:top; width:auto; padding:0}
.inp_frm ul.cntry_list li span img      { display:block; width:36px; height:24px; transform:none;}
.ui-autocomplete                        { max-height:250px; overflow:auto;}
.ui-autocomplete::-webkit-scrollbar { width: 10px; height: 10px; border-radius:10px;}
.ui-autocomplete::-webkit-scrollbar-track { background: #f2f2f2; border-radius:10px; }
.ui-autocomplete::-webkit-scrollbar-thumb { background: #f2f2f2; border-radius:10px;} 
.ui-autocomplete:hover::-webkit-scrollbar-thumb { background: #bbb; }
.ui-autocomplete::-webkit-scrollbar-thumb:horizontal,
.ui-autocomplete::-webkit-scrollbar-thumb:vertical { background: #999;border-radius:10px; }
.ui-autocomplete::-webkit-scrollbar-thumb:horizontal:active,
.ui-autocomplete::-webkit-scrollbar-thumb:vertical:active { background: #777; }  
 
.ava_report                             { display:block; width:100%;}
.ava_report em                          { font-size:13px; font-weight:700; display:block; padding:0 0 5px 0; color:#4a4a4a}
.ava_report ul                          {  display:block; width:100%; padding-bottom:15px;}
.ava_report ul li, .brdrBtnSm                      {
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    font-size: 14px;
    color: #444;
    font-weight: normal;
    background: #f1f1f1;
    margin: 0 5px 7px 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}
.rep_ava_list li b                      { width:17px; height:17px; display:inline-block; vertical-align:top; margin:1px 3px 0 0; background:url(../../resources/images/cross_red.svg) no-repeat; background-size:100% auto;}                    
.ava_report ul:last-child               { padding:0}
.rep_ava_list.del li b                  { background:url(../../resources/images/cross_red.svg) no-repeat; background-size:100% auto;}
.rep_ava_list.suc li b                  { background:url(../../resources/images/tick.svg) no-repeat; background-size:100% auto;} 
.ava_report cite                        { display:block;}
.ava_report em.p10                                  { padding-top:10px; } 
.ava_report ul.tc_rep                   { padding:0 0 15px 0; display:block; width:100%;}
.ava_report ul.tc_rep li                { font-size:13px; color:#4a4a4a; display:block;}
.camp_detail_form ul li a.deal_rep      {  width:180px; text-align:center; font-size:14px; font-weight:700; color:#fff; background:#27b399; border-radius:5px; border:none; float:left; display:block; padding:8px 25px; margin:0; text-transform:uppercase;}
.camp_detail_form ul li a.code_rep      { font-size:14px; font-weight:700; color:#fff; background:#27b399; border-radius:5px; border:none; float:right; display:block; padding:0 25px; margin:0; text-transform:uppercase; text-align:center;     height: 48px;    line-height: 48px;}
.inp_frm a.rep_copy                     { width:14px; height:14px; display:inline-block; vertical-align:top; margin:2px 1px 0 10px; background:url(../../resources/images/copy.svg) no-repeat; background-size:100% auto; opacity:0.8}
.inp_frm.cp_link a.rep_copy             { width:34px; height:34px; float:right; margin:-5px 0 0 0}  

.inp_frm b.bts  { width:11px; height:11px; border-bottom:#6a6a6a solid 2px; border-right:#6a6a6a solid 2px; display:block; position:absolute; top:27px; right:25px; transform:rotate(45deg);}

#lightbox                                       { position:fixed;  left:0; top:0; width:100%; z-index:1002; display:none; height:100%;}
#lightbox.open                              { display:block; }
#lightbox .subscribeId                                  { background:#f2f2f2; width:600px; top:93px; margin:0 auto; display:block; position:relative; padding:40px; border-radius:20px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25); top: 50%;
  transform: translateY(-50%); }
.subscribeId a.close_lgt                    { position:absolute; right:15px; top:15px; width:20px; height:20px; background:url(../../resources/images/close_pop.svg) no-repeat; background-size:100% auto;}
.subscribeId.state                      { width:80%; background:#fff; padding:15px; top:100px;}
.listperorder                           { border:#27b399 solid 1px;display:block; background:#fff; max-height:calc(100vh - 130px); overflow:auto; }
.listperorder ul                        { width:100%; display:block;}
.listperorder ul li                     { width:100%; font-size:16px; line-height:22px; color:#4f4f4f; border-bottom:#EAEAEA solid 1px; display:flex;}
.listperorder ul li span                { padding:6px; display:block; border-right:#eaeaea solid 1px;}
.listperorder ul li span:first-child    { width:25%;}
.listperorder ul li span:nth-child(2)   { width:35%;}
.listperorder ul li span:nth-child(3)   { width:40%; border:none}
.listperorder ul li span.pp_bold        { font-weight:700}
.popbtmaction                           { position:absolute; right:20px; bottom:10px; display:block;}
.popbtmaction a                         { color:#27b399; font-size:13px; display:block; line-height:20px;  margin-left:auto;}
.popbtmaction a b                       { width:20px; height:20px; display:inline-block; margin-right:2px; background:url(../../resources/images/copy_grn.svg) no-repeat; background-size:100% auto; vertical-align:top;}

.customize_more                         { width:100%; display:block;margin: 10px 0 0 0;padding: 25px;border-radius: 14px;box-shadow: rgb(0 0 0 / 15%) 0 3px 14px; float:left; } 
.customize_more h3                      { font-size:20px; color:#27b399; font-weight:600; padding-bottom:25px; display:block;}
.customize_more ul                      { display:block; width:100%;}
.customize_more ul li                   { width:100%; padding-bottom:25px; display:block;}
.customize_more ul li label             { font-size:18px; color:#212121; font-weight:600; padding-bottom:12px; display:block;}
.customize_more ul li input[type="text"]{ border:#6a6a6a solid 1px; height:40px; padding:0 10px; font-size:14px; display:block; width:100%; color:#666}
.customize_more ul li textarea          { border:#6a6a6a solid 1px; height:40px; padding:10px; height:60px; font-size:14px; display:block; width:100%; color:#666}
.customize_more ul li input[type="text"]:disabled { background:#eee; color:#999} 
.customize_more ul li a.track_submit        {  width:180px; text-align:center; font-size:14px; font-weight:700; color:#fff; background:#27b399; border-radius:5px; border:none; display:block; margin-left:auto; padding:8px 25px; text-transform:uppercase;}
.customize_more ul ul.sub_track         { width:100%; display:flex;}
.customize_more ul ul.sub_track li      { width:20%; padding:0 15px 0 0; flex-wrap:auto;}
.customize_more ul ul.sub_track li label { font-size:14px; padding-bottom:5px;}
.customize_more ul ul.sub_track li:last-child   { padding-right:0}  
.customize_more ul li .cp_track { position:relative; width:100%; display:block;}
.customize_more ul li .cp_track b   { background:url('../../resources/images/copy.svg') center no-repeat; background-size:22px auto; width:22px; height:22px; display:block; position:absolute; right:12px; top:50%; margin:-11px 0 0 0; font-weight:normal;}  

.pixel_int                          { width:100%; display:block;margin: 35px 0 0 0;padding: 25px;border-radius: 14px;box-shadow: rgb(0 0 0 / 15%) 0 3px 14px; float:left;} 
.pixel_int h3                       { font-size:20px; color:#27b399; font-weight:600; padding-bottom:25px; display:block;}
.pixel_int ul                       { display:block; width:100%; padding:0 0 10px 0}
.pixel_int ul li                    { width:100%; display:block;}
.pixel_int ul li label              { font-size:18px; color:#212121; font-weight:600; padding-bottom:12px; display:block;}
.pixel_int ul li label.switch       { margin:0; font-size:14px; padding:0}
.pixel_int p                        { padding:10px 0 0 0; margin:0; font-size:14px; font-weight:14px; color:#212121; display:block; font-weight:700; width:100%;}
.pixel_int p b                      { color:#27b399; font-weight:700}
.tab-content                        { position:relative;clear: both;}
.state_conv                         { width:12px; height:12px; display:inline-block; margin:4px 5px 0 0; border:#27B399 solid 1px; font-size:7px; font-style:italic; vertical-align:top; line-height:12px; text-align:left; color:#27B399; border-radius:100%; padding:0 0 0 3px; background:#fff; }

.state_conv:after {
    content: "i";  line-height:12px; text-align:left; color:#27B399;font-size:7px; font-style:italic;
}
#light_box_popup_content_div        { background-color: white; border: 2px solid #4D4D4D; max-height: 500px; min-height: 100px; overflow-y: scroll;padding: 8px;}
.light_box_popup_content_div_wrapper { z-index: 1000; border-left: 7px solid rgb(0, 0, 0, 0.698); border-right: 7px solid rgb(0, 0, 0, 0.698); border-bottom: 7px solid rgb(0, 0, 0, 0.698); border-left: 7px solid rgba(0, 0, 0, 0.698);border-right: 7px solid rgba(0, 0, 0, 0.698); border-bottom: 7px solid rgba(0, 0, 0, 0.698); border-radius: 7px 7px 5px 5px;-webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 3px 3px 12px 0px gray;display: none;position: fixed;right: 0;left: 0;margin-right: auto;margin-left: auto;min-height: 100px;width: 85%;}

.light_box_popup_content_div_small_wrapper {z-index: 1000;border-left: 7px solid rgb(0, 0, 0, 0.698);border-right: 7px solid rgb(0, 0, 0, 0.698);border-bottom: 7px solid rgb(0, 0, 0, 0.698);border-left: 7px solid rgba(0, 0, 0, 0.698);border-right: 7px solid rgba(0, 0, 0, 0.698);border-bottom: 7px solid rgba(0, 0, 0, 0.698);border-radius: 7px 7px 5px 5px;
-webkit-background-clip: padding-box;background-clip: padding-box; box-shadow: 3px 3px 12px 0px gray;display: none;margin: 7% auto auto 26%;position: fixed;width: 50%;}

#loading_div_wrapper                 {height: 100%;opacity: 0.2;filter: alpha(opacity = 20);position: fixed;width: 100%;background-color: black;display: none;position: absolute;
z-index: 10000;}

#loading_div {height: 48px;margin: 20% 46%;position: fixed;width: 51px;}
.fix_graph                          { width:100%; min-width:700px; height:200px;}
.adduser_panel                      { width:100%; display:block; padding:40px 0;}
.adduser_panel h3                   { font-size: 20px; font-weight: 700; padding:0 0 15px 0}


.dataTables_length              { margin-bottom:20px;}
.relpar                         { position:relative;}
.paybreak h3 a.exp_inv              {font-size:12px; float:right; color: #2d55e1; font-weight: 400; line-height: inherit; margin: 0 160px 0 0; width:auto; font-weight:normal;}  
.paybreak h3 a.exp_inv b                { width:14px; margin:5px 6px 0 0; display:inline-block; vertical-align:top; opacity:0.6; }  
.paybreak h3 a.exp_inv b img            { width:100%; display:block;}
.dataTables_info                { font-size:12px; color:#6A6A6A; margin-top:10px;}
.dataTables_paginate    { font-size:12px; color:#6A6A6A; margin-top:10px;}
.dataTables_length, .dataTables_filter              { font-size:12px; color:#6A6A6A; }
.dataTables_wrapper .dataTables_length select{ background:#f2f2f2 !important;}
.h20space                       { margin:25px 0 0 0; float:left;}
.payhisfilter .dataTables_length label,
.payhisfilter .dataTables_filter label          { padding:0}
.cmntopfilter .dataTables_length    { position:absolute; right:0; top:-48px;}
.cmntopfilter .dataTables_wrapper .dataTables_length select { margin:0 5px; font-size:12px; padding:2px !important; border-radius:6px !important;} 
.cmntopfilter .dataTables_filter    { margin-bottom:25px; }
.payhisfilter label                 { padding:5px 0; line-height:inherit; font-size:12px; font-weight:600; color:#6a6a6a;}
.payhisfilter input[type="text"]    { border:#aaa solid 1px; border-radius:3px; margin-right:5px; font-size:12px; padding:5px; height:auto;}
.payhisfilter .cmnbtn               { font-size:12px; line-height:inherit; padding:5px 3px; height:auto; margin:0}
.payhisfilter                       { position:relative;}
.payhisfilter .filter               { position:relative;  display:block; width:auto;}
.nobrder                            { border:none;}
.nobrder th, .nobrder td            { border-right:none;}
.earning_dash                       { display:block; width:100%;}
.earning_dash h3                    { font-size: 20px; padding-bottom: 25px;font-weight: 700;}
.earning_dash_wrap                  { width:100%; display:block; border:#27B399 solid 1px; padding:20px; border-radius:10px; box-shadow:rgb(0 0 0 / 15%) 0 3px 14px; margin-bottom:20px;}
.earning_dash_wrap h4               { font-size:20px; padding-bottom: 25px;font-weight: 700;}
.earning_dash_wrap ul               { width:100%; display:flex;}
.earning_dash_wrap ul li            { width:auto; display:block; padding-right:10px; }
.earning_dash_wrap ul li h5         { font-size:16px; font-weight:600; padding-bottom:3px; display:block;}
.earning_dash_wrap ul li span       { font-size:14px; color:#6A6A6A; line-height:20px; padding-bottom:10px; display:block;}
.earning_dash_wrap ul li em         { font-style:normal; font-size:16px; display:block;} 
.earning_dash_wrap ul li em b       { font-weight:normal; color:#001AFF;} 
.cpn .mycodecp                      { display:block; position:relative; width:24px; opacity:1;}
.cpn .mycodecp b                { line-height:28px; background:#000; text-align:center; display:none; width:130px; font-size:12px; border-radius:3px; position:absolute; top:-30px; left:-50%; margin-left:-38px; color:#fff; font-weight:normal; height:auto;}
.cpn .mycodecp:hover b              { display:block;}
.cpn .mycodecp img                  { width:100%; opacity:0.8}
.cpn div h5                         { line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px;}
.tbl td a.appicon                   { width:21px; height:21px; display:block;}
.tbl td a.appicon img               { display:block; height:100%; margin:0 auto;}
.applist                            { position:absolute; right:10px; top:25px; box-shadow:rgba(0,0,0,.3) 0 0 10px; padding:10px; width:200px; background:#fff; display:none; z-index:2}
.applist ul                         { width:100%; display:block;}
.applist ul li                      { display:block; width:100%;}
.tbl td  .applist ul li a                   { padding:8px 20px 8px 10px; display:block; font-size:14px; color:#6a6a6a; text-decoration:none; position:relative; }
.tbl td .applist ul li a:hover              { color:#fff; background:#27B399;}
.applist ul li strong       { line-height:28px; background:#000; text-align:center; display:none; width:130px; font-size:12px; border-radius:3px; position:absolute; top:-40px; left:50%; margin-left:-65px; color:#fff; font-weight:normal; height:auto;}
.applist ul li:hover strong { display:block;} 

.tbl td .applist ul li a b                  { display:block; position:absolute; right:10px; top:13px; border-top: 2px solid #6a6a6a;border-bottom: 2px solid transparent; border-left: 2px solid #6a6a6a; width:7px; height:8px; transform:rotate(130deg)}
.tbl td .applist ul li a:hover b    { border-top: 2px solid #fff;border-bottom: 2px solid transparent; border-left: 2px solid #fff; }
.applist ul li a b img              { width:auto; display:block; height:100%; }  
.mycodetbl td                       { position:static;}
.navcont                            { position:relative; display:flex; align-items:center; margin-left:auto }
.mycodetbl td a.more_code           { color:#212121; text-decoration:underline;}
.mycodetbl td strong                { font-weight:700;}
.addmoney_panel                     { width:100%; display:block; padding:40px 0; float:left}
.addmoney_panel h3                  { font-size:24px; font-weight:700; color:#212121; display:block; padding:0 0 10px 0; line-height:24px;}
.addmoney_panel h4                  { font-size:16px; line-height:16px; color:#212121; display:block; padding:0 0 10px 0;}
.money_total                        { display:block; float:right;  text-align:right; width:100%;}
.money_total span                   { border:#ccc solid 1px; padding:10px; width:106px;  vertical-align:top; margin:0 0 0 -1px; float:right;} 
.money_total a.atow_btn             { color:#fff; background:#27B399; font-size:16px; font-weight:700;width:220px; text-align:center; line-height:40px; text-transform:uppercase; display:block; float:right;}
.mn_tot                             { float:left; width:100%; display:block; margin:0 0 20px 0; }
.trans                              { width:100%; left:0; top:0; height:100%; position:fixed; display:none; background:rgba(255,255,255,0.8); z-index:99}
.add_mn_process                     { width:100%; display:flex;}
.add_mn_process span                { display:block; float:left; margin:15px 20px 0 10px; width:70px; height:70px;}
.add_mn_process span img            { width:100%; display:block;}
.add_mn_process_wrap .subscribeId   { padding:15px; width:728px;}
.add_mp_wrap                        { display:block; width:calc(100% - 100px);}
.add_mp_wrap p                      { font-size:16px; line-height:24px; display:block;}
.add_mp_wrap a                      { font-size:16px; font-weight:700; color:#27B399;}
.add_mp_wrap a.cont_btn             { text-align:right; display:block; margin:10px 0;}
.acn_mn                             { display:block; text-align:right; width:100%;}
.acn_mn a                           { display:inline-block; margin:0 10px;}

.congrats                           {  margin:100px auto; display:block; width:100%; float:left;}
.congrats_wrap                      {  width:500px; display:flex; margin:0 auto;}
.congrats span                      { display:block; width:60px; height:60px; margin:0 10px 0 0;}
.congrats span img                  { width:100%; display:block;}
.cong_mesg                          { width:calc(100% - 70px); display:block;}
.cong_mesg h3                       { font-size:36px; font-weight:700; display:block; color:#27B399; line-height:40px;}
.cong_mesg p                        { font-size:16px; display:block;}
.buttons-csv                        { display:none;}
#ExportReporttoExcel                { cursor:pointer}
#ExportReporttoExcel:hover{ text-decoration: underline;}

.login_wrap                         { width:100%; display:flex;  height:calc(100vh - 178px);}
.log_lft                            { width:50%; display:block; height:100%;  position:relative;}
.log_rgt                            { width:50%; float:right; display:block; height:100%; overflow:auto;}
.log_rgt::-webkit-scrollbar { width: 10px; height: 10px; border-radius:10px;}
.log_rgt::-webkit-scrollbar-track { background: #f2f2f2; border-radius:10px; }
.log_rgt::-webkit-scrollbar-thumb { background: #f2f2f2; border-radius:10px;} 
.log_rgt:hover::-webkit-scrollbar-thumb { background: #bbb; }
.log_rgt::-webkit-scrollbar-thumb:horizontal:hover,
.log_rgt::-webkit-scrollbar-thumb:vertical:hover { background: #999;border-radius:10px; }
.log_rgt::-webkit-scrollbar-thumb:horizontal:active,
.log_rgt::-webkit-scrollbar-thumb:vertical:active { background: #777; }             
.log_lft span                       { width:100%; display:block; height:calc(100vh - 178px); text-align:center}
.log_lft span img                   { width:100%; display:block; }
.log_lft h2                         { font-size:80px; color:#fff; position:absolute; font-weight:700; left:50%; top:50%; width:400px; height:200px; margin:-100px 0 0 -200px; z-index:2; text-shadow:0px 0px 50px #000000; line-height:120%;}

.login_form                         { display:block; width:100%; float:left; padding:60px 15px;}
/* .login_form h2                       { display:none;} */
.login_form h2              { text-align:center; display:block; padding-bottom:10px; color:#27B399; font-size:28px; font-weight:600}
.login_form h3                      { font-size:22px; color:#000; font-weight:700; display:block; padding-bottom:15px; text-align:center;}
.login_form span                    { font-size:16px; color:#6a6a6a; line-height:20px; text-align:center; display:block; padding:0 40px;}
.inwrap                             { width:500px; margin:0 auto; display:block; position:relative;}
.login_form ul                      { padding:30px 0 0 0; width:100%; display:block; float:left;}
.login_form ul li                   {  width:100%; display:block; float:left; margin-bottom:20px;}
.login_form ul li label             { font-size:16px; line-height:20px; display:block; padding-bottom:8px; color:#6a6a6a}
.login_form ul li input[type="text"],
.login_form ul li input[type="password"]    { line-height:54px; border:#27B399 solid 1px; border-radius:5px; padding:0 10px; font-size:17px; width:100%; height:54px}
.remember_chk                       { font-size:16px; color:#6a6a6a; line-height:20px; display:block; padding:10px 0 0 0}
.remember_chk label                 { cursor:pointer; display:block;}
.remember_chk label input[type="checkbox"]  { float:left; margin:4px 8px 0 0; display:block;}
.login_form ul li .logBtn           { width:100%; color:#fff; font-size:18px; font-weight:600; background:#27B399; border-radius:5px; cursor:pointer; border:none; display:block; height:54px;}
.login_form ul li .logBtnbrd            { width:100%; color:#6a6a6a; font-size:16px; font-weight:600; background:#fff; border-radius:5px; cursor:pointer; border:#27B399 solid 1px; display:block; height:54px; margin-bottom:30px;}
.signupwrap                         { margin:10px 0 0 0}   
.noacct                             { width:100%; padding:25px 0 0 0;display:block; float:left; } 
.noacct label                       { font-size:16px; color:#6a6a6a; line-height:20px; display:block; text-align:center;}
.noacct label a                     { color:#27B399; font-weight:600}
.otheract                           { padding:0; display:block; width:100%; float:left; }
.otheract a                         {  color:#27B399; font-weight:600;  font-size:16px; color:#27B399; line-height:20px;} 
.otheract a.lta                     { width:50%; float:left;}
.otheract a.rta                     { width:50%; float:left; text-align:right}
.otheract a.fta                     { width:100%; text-align:center; display:block; } 
.log_alert                          { display:block; margin:0 0 20px 0; width:100%; background:#FBF1F2; border-radius:5px; padding:10px 15px; position:absolute; top:-45px; left:0;}
.log_alert p                        { color:#D44C60; font-size:16px; display:block; line-height:20px;}
.log_alert p b                      { width:20px; height:20px; float:left; display:block; margin:0 10px 0 0;}
.log_alert p b img                  { width:100%; display:block;}

.log_confirmation                   { width:100%; display:block; float:left; padding:40px 0}
.log_confirmation span              { width:124px; height:100px; border: 4px solid rgba(39, 179, 153, 0.5); border-radius:30px; margin:0 auto; display:block; position:relative;} 
.log_confirmation span b                { transform: rotate(-45deg); border:none; border-bottom:#27B399 solid 4px; border-left:#27B399 solid 4px; position:absolute; left:35px; top:0px; display:block; width:40px; height:40px;}

.log_confirmation h3                { display:block; text-align:center; font-size:20px; font-weight:700; margin:25px 0 0 0}
.log_confirmation p                 { text-align:center; color:#6A6A6A; line-height:20px; font-size:14px; display:block;}       

.country_src                        { width:auto; position:absolute; right:230px; top:0; z-index:3}
.country_src select     {border:1px solid #aaa; padding:5px 5px 5px 25px; border-radius:3px; background:none; font-size:12px; font-weight:normal; width:100%;}
.cmnbtn                             { height:30px; font-size:12px;} 
#list_table_filter, #list_table_length          { font-weight:normal; color:#6a6a6a;}
table.dataTable tfoot th    { border-bottom:none; font-weight:normal !important; color:#666}
.ordivider                  { display:block; margin:10px 0 20px 0; float:left; width:100%; text-align:center; position:relative;}
.ordivider em               { display:block; width:250px; margin:0 auto; height:1px; background:#000; position:absolute; left:50%; margin-left:-125px; z-index:2; top:16px;}
.ordivider span             { color:#6a6a6a; font-size:16px; line-height:30px; padding:0 15px; display:inline-block; position:relative; z-index:9; background:#fff; }
video::-webkit-media-controls {
  display: none;
}
video {
    clip-path: inset(1px 1px);
}
.err_mesg                       { border:#f5c6cb solid 1px; border-radius:10px; background:#f8d7da; padding:10px 15px; }
.err_mesg h4                    { border-color: #f5c6cb; color: #721c24; font-size:14px; font-weight:700; display:block; line-height:20px;}
.err_mesg div                   { font-size:13px; line-height:18px; display:block;}

.success_mesg                       { border:#c3e6cb solid 1px; border-radius:10px;  background-color: #d4edda; padding:10px 15px;}
.success_mesg h4                    { color: #155724; font-size:14px; font-weight:700; display:block; line-height:20px;}
.success_mesg div                   { font-size:13px; line-height:18px; display:block;}
.req_pop                        { width:100%; display:block;}
.req_pop_head                   { width:100%; display:flex; padding-bottom:15px;}
.req_pop_head span              { width:80px; height:80px; margin-right:10px; display:block;}
.req_pop_head span a            { width:100%; display:flex; height:100%;  align-items: center;justify-content: center;}
.req_pop_head span img          { width:100%;display: flex;  align-items: center;}
.rph_cont                       { width:calc(100% - 110px); display:block; padding:10px}
.rph_cont h3                    { display:block; font-size:18px; padding-bottom:8px;}
.rph_cont h4                    { font-weight:700; font-size:18px; padding-bottom:8px; display:block;}
.rph_auto                       { width:100%; display:block; height:250px; overflow:auto; border:#27B399 solid 1px; border-radius:3px; padding:10px; margin-bottom:20px;}


.rph_auto::-webkit-scrollbar { width: 10px; height: 10px; border-radius:10px;}
.rph_auto::-webkit-scrollbar-track { background: #f2f2f2; border-radius:10px; }
.rph_auto::-webkit-scrollbar-thumb { background: #f2f2f2; border-radius:10px;} 
.rph_auto:hover::-webkit-scrollbar-thumb { background: #bbb; }
.rph_auto::-webkit-scrollbar-thumb:horizontal:hover,
.rph_auto::-webkit-scrollbar-thumb:vertical:hover { background: #999;border-radius:10px; }
.rph_auto::-webkit-scrollbar-thumb:horizontal:active,
.rph_auto::-webkit-scrollbar-thumb:vertical:active { background: #777; }

.rph_data h3                    { font-weight:700; font-size:16px; padding-bottom:10px;}
.rph_data p                     { font-size:14px; line-height:20px; display:block; padding-bottom:5px; color:#4f4f4f;}
.rph_data ul                    { padding:0; margin:0; width:100%;}
.rph_data ul li                 { color:#4f4f4f; display: list-item; list-style-type: disc;list-style-position: inside;}
.rph_data ul li p               { display:inline;}
.rph_data button.req_submit         { color:#fff; width:134px; height:30px; line-height:30px; font-size:13px; margin-right:auto; border:none; cursor:pointer; text-align:center; display:block; background:#27B399; border-radius:3px;}
.rph_data input[type="checkbox"]    { display:inline-block; vertical-align:top; margin:5px 5px 0 0;}
.rph_data button.req_submit:disabled    { background:#f2f2f2; cursor:default; color:#4f4f4f;}
.rph_data span.reqremain        { line-height:30px; display:block; color:#C7232F; margin-left:20px; font-size:13px;}
.rph_data span.reqremain a      { text-decoration:underline; font-size:13px;}
.actionbtmrem                   { display:flex; width:100%;}
.mob_menu                       { display:none;}
.tnc_wrap                       { width:100%; display:block; padding:40px 0}
.tnc_wrap h3                    { font-size: 20px; padding-bottom: 25px;font-weight: 700;}
.tnc p                          { font-size:14px; line-height:20px; padding:0; color:#4F4F4F;}
.tnc ol                         { display:block; width:100%; padding:10px 0}
.tnc ol li                      { display:list-item; list-style:outside disc; color:#4F4F4F; padding: 0 0 10px 0}
.tnc ol li a                    { color:#05c; text-decoration:underline;}
.tnc ol li h4                   { font-size:16px; font-weight:700; color:#333; padding:0 0 5px 0; display:block;}

#reqbox                                     { position:fixed;  left:0; top:0; width:100%; height:100%; z-index:1002; display:none;}
#reqbox.open                                { display:block; background:rgba(255,255,255,0.4);}
#reqbox .subscribeId,.popup_container                                   { background:#f2f2f2; width:600px; top:30px; margin:0 auto; display:block; position:relative; padding:50px; border-radius:20px; box-shadow:rgba(0,0,0,0.3) 0 0 9px;}
#reqbox .lesspad                            { padding:20px; background:#fff; border-radius:0}
#reqbox .subscribeId a.rc_close                 { position:absolute; right:18px; top:18px; width:28px; height:28px; background:url(../../resources/images/close_pop.svg) no-repeat; background-size:100% auto;}
.nav .close_nav                 { display:none;}

.campaign_page,
.pay_req                        { min-height:calc(100vh - 220px); }
.nav ul li.nomob                            { display:none;}

.alert_status                   { width:37%; position:fixed; right:20px; top:150px; z-index:22; background:#fff; box-shadow:rgba(0,0,0,0.4) 0 0 5px; padding:8px; display:block;}
.alert_wrap             { width:100%; display:flex;}
.alert_bar              { width:8px; border-radius:8px; display:block;}

.alert_state            { margin:0 15px; display:block; align-self:center;  }
.alert_state span       { width:40px; height:40px; display:block; align-self:center; } 
.alert_content          { width:calc(100% - 140px); display:block; padding:25px 0;}
.alert_content h4       { display:block; font-size:18px; padding-bottom:10px; font-weight:600;}
.alert_content p        { font-size:13px; display:block; line-height:18px; color:#4F4F4F;}
.alert_content p b      { font-weight:bold;} 
.alert_close            { width:22px; display:block; background:url(../../resources/images/cross_blk.png) no-repeat; height:22px; margin:20px; align-self:center; background-size:100% auto;}

.pending .alert_bar     { background:#CACE00; display:block;}
.pending .alert_state span      { background:url(../../resources/images/pending_state.png) no-repeat; background-size:100% auto; }
.pending .alert_content h4      {color:#CACE00; }


.success .alert_bar     { background:#17E533; display:block;}
.success .alert_state span      { background:url(../../resources/images/success_alert.png) no-repeat; background-size:100% auto; }
.success .alert_content h4      { color:#17E533; }

.error_state .alert_bar     { background:#B3261E; display:block;}
.error_state .alert_state span      { background:url(../../resources/images/error_state.png) no-repeat; background-size:100% auto; }
.error_state .alert_content h4      { color:#B3261E; }

.updates                    { width:100%; display:block;}
.updates h3                 { font-size: 20px; padding-bottom: 20px; font-weight: 700;line-height: 24px; display:flex; width:100%;}
.updates h3 a               { font-size:16px; color:#27B399; margin-left:auto; font-weight:600;}
.updates h3 a:hover{text-decoration:underline;} 
.update_cont                { width:100%; display:flex; border-bottom:#6F7975 solid 1px;}
.update_tab                 { padding:0 20px; margin:0; display:flex; }
.update_tab li              { display:block;} 
.update_tab li a            { font-size:14px; color:#4F4F4F; padding:10px; display:block; border-bottom:#fff solid 4px; font-weight:600}
.update_tab li.active a     { color:#27B399; border-bottom:#27B399 solid 4px; display:block;}
.update_tab li a b      { width:32px; line-height:20px; background:#F2F2F2; border-radius:3px; font-weight:normal; display:inline-block; vertical-align:top; text-align:center;} 
.update_tab li a:hover      { color:#27B399}
.update_tab li.active a b,
.update_tab li a:hover b    { color:#fff; background:#27B399;} 
.update_list                { width:100%; display:block;}
.update_list_cnt            { width:100%; display:block;}
.update_list_cnt li         { width:100%; display:flex; padding:0; margin:0; border-bottom:#6F7975 solid 1px; padding:16px;}

 .update_list_cnt li.unread     { background:rgba(39, 179, 153, 0.1);}
 .update_list_cnt li:hover  { background:#E8E8E9;}
.update_list_cnt li span    { width:40px; height:40px; border-radius:100%; display:block; background:url(../../resources/images/bell_default.svg) center no-repeat #F2F2F2; background-size:18px auto; margin:5px 20px 5px 0;}
.rgt_uplist                 { width:calc(100% - 60px); display:block; position:relative;}
 .rgt_uplist h4             { color:#4F4F4F; font-size:14px; display:block; width:100%; padding:11px 0 0 0; padding-right:160px;}
 .rgt_uplist h4 strong      { font-weight:700; } 
.update_setting             { display:none; position:absolute; right:-5px;  top:-4px; z-index:2px} 
.update_setting ul          { display:block; width:auto;}
.update_setting ul li       { float:left; margin:0 0 0 10px; display:block; border:none; width:auto; padding:0;}
.update_setting ul li a     {width:28px; height:28px; border-radius:100%; display:block; padding:5px; position:relative;}
.update_setting ul li a.act_read b  { background:url(../../resources/images/read_icon.svg) center no-repeat; width:18px; height:18px; display:block;} 
.update_setting ul li a.act_save b  { background:url(../../resources/images/save_icon.svg) center no-repeat; width:18px; height:18px; display:block;} 
.update_setting ul li a.act_archived b  { background:url(../../resources/images/archive_icon.svg) center no-repeat; width:18px; height:18px; display:block;} 
.update_setting ul li a:hover   { background:#fff;}
.update_setting ul li a strong.act_tt   {line-height:20px; background:#000; text-align:center; display:none; width:auto; font-size:9px; border-radius:3px; position:absolute; top:-22px; left:50%; margin-left:-35px; color:#fff; font-weight:normal; height:auto; white-space:nowrap; padding:0 7px;}
.update_setting ul li a.act_archived  strong.act_tt     { width:100px; margin-left:-50px; padding:0; text-align:center;}    
.update_setting ul li a:hover strong    { display:inline-block;}

.update_list_cnt li:hover .update_setting   { display:block;}

 .rgt_uplist p              { display:flex; width:100%; } 
 .rgt_uplist p em           { font-size:14px; color:#27B399; font-weight:600;}
 .rgt_uplist p em b         { width:8px; height:8px; display:inline-block; margin:7px 7px 0 0; vertical-align:top; background:#27B399; border-radius:10px;}
 .rgt_uplist cite       {font-size:14px; color:#9D9D9D; line-height:20px; position:absolute; right:-10px; bottom:0; width:160px; text-align:right}
 .update_list_cnt li.unread span    { background:url(../../resources/images/bell_active.svg) center no-repeat #27B399;  background-size:18px auto; } 
 
 .updates_filter                { margin-left:auto; display:block; position:relative;}
 .updates_filter a.filtericon   { width:30px; height:30px; display:block; background:url(../../resources/images/filter_icon.svg) center no-repeat; border:#27B399 solid 1px; border-radius:100%;}

 .filterwrap                    { display:none; position:absolute; top:35px; right:0; z-index:2; border:#6A6A6A solid 1px; width:300px; background:#fff; } 
 .updates_filter.open .filterwrap   { display:block;}
 .filterwrap li                 { display:block; width:100%; padding:7px 20px;} 
 .filterwrap li label           { font-size:15px; display:block; color:#6A6A6A; cursor:pointer;}
 .filterwrap li label:hover{
    color:#27B399;
 }
 .filterwrap li label input[type="checkbox"]    { margin:4px 5px 0 0; display:inline-block; vertical-align:top;}
 .filteraction                  { width:100%; display:flex; border-top:#6A6A6A solid 1px;}

 .filteraction a.applyfilaction             { background:none; color:#27B399; text-align:center; display:block; cursor:pointer; font-weight:600; width:50%;  padding:10px 20px;}  
  .filteraction a.clearfilaction            { background:none; color:#6A6A6A; text-align:center; display:block; cursor:pointer; font-weight:600; width:50%;  padding:12px 20px; border-right:#6A6A6A solid 1px}  
  .filteraction a.applyfilaction:hover { background:rgba(39, 179, 153, 0.1)}  
.filterlist                     { height:335px; overflow:auto; width:100%; display:none; padding:5px 0}
.opnReq                         { float:left; display:block;position: relative;margin: 10px 0; }
.opnReq a.vac_link              { float:none; margin-left:5px;}
.opnReq select                  { border:1px solid #aaa; border-radius:3px; padding:5px 5px 5px 25px; color:#6a6a6a; font-size:12px; cursor:pointer; width:160px;}
.camp_action span.mycouponreq   { font-size:13px; line-height:30px; color:#6A6A6A; position:relative; left:10px; top:0px;}
.camp_action span.mycouponreq a     { font-size:13px; text-decoration:underline;}

.opnReq b.filtertp              {  background:url(../../resources/images/filter.svg) no-repeat; width:16px; height:16px; position:absolute; left:7px;top:6px; opacity:0.5; display:block;}
.tpwrap                         { position:relative;}
.ttpending                      { background:#000; padding:5px 10px; border-radius:5px; width:300px; position:absolute; left:-90px; bottom:25px; text-align:left; display:none;}
.tpwrap:hover .ttpending        { display:block;}
.ttpending p                    { color:#fff; font-size:12px; line-height:16px; display:block; padding:0 0 10px 0; text-align:justify}
.ttpending p:last-child         { padding:0}

.cam                            { display: block; width: 100%; float: left; padding: 40px 0;}
.cam h3                         { font-size: 20px;padding-bottom: 20px;font-weight: 700;}
.userpro                        { width:100%; display:flex; padding:30px 0}
.userpro span                   { width:100px; height:100px; margin-right:20px; display:block;}
.userpro span img               { display:block; width:100%;}
.userpro_wrap                   { width:calc(100% - 100px); display:block;}
.userpro_wrap h4                { font-size:16px; display:block; font-weight:600; padding-bottom:10px; line-height:22px;}
.userpro_wrap p                 { font-size:16px; color:#6a6a6a; line-height:22px; display:block;}

.contactlist                    { display:block; width:100%;}
.contactlist h4                 { font-size:16px; font-weight:600; display:block; padding-bottom:15px;}
.contactlist ul                 { display:block; width:100%;}
.contactlist ul li              { border:rgba(0,0,0,0.5) solid 1px; border-radius:3px; margin-bottom:10px; display:flex; padding:10px;}
.contactlist ul li strong       { width:40px; height:40px; display:block;  border-radius:100%;}
.contactlist ul li strong img   { width:20px; display:block; margin:10px;}
.contactlist ul li h5           { margin-left:20px; display:block; font-size:16px; color:#6a6a6a; line-height:20px;}
.contactlist ul li h5 span      { font-weight:700; display:block;}
.contactlist ul li a.copyanchor     { width:18px; display:block; height:18px; margin:11px 10px 5px auto; opacity:0.7}
.contactlist ul li a.copyanchor img     { width:100%; display:block;}
.contactlist ul li a.copyanchor:hover   { opacity:1}
.contactlist ul li.callic strong    { background:url(../../resources/images/call_icon.png) center no-repeat #27B399; background-size:20px center; }
.contactlist ul li.mailic strong    { background:url(../../resources/images/mail_icon.png) center no-repeat #27B399;background-size:20px center; }
.contactlist ul li.scid strong  { background:url(../../resources/images/schedule.png) center no-repeat #27B399; background-size:20px center;}
.contactlist ul li.cusic strong     { background:url(../../resources/images/customer_icon.png) center no-repeat #27B399; background-size:20px center;}
.contactlist ul li.scid h5,
.contactlist ul li.cusic h5         { line-height:40px;}
.contactlist ul li.scid a,
.contactlist ul li.cusic a          { display:flex; width:100%; padding:10px;}
.contactlist ul li.scid em,
.contactlist ul li.cusic em         { width:12px; height:16px; display:block; margin:13px 10px 5px auto; opacity:0.7}
.contactlist ul li.cusic,
.contactlist ul li.scid             { padding:0} 
.contactlist ul li.cusic            { margin-top:80px;}

.top_rec                        { box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);border: 1px solid rgba(39, 179, 153, 1); border-radius:10px; padding:0} 
.top_rec h2                 { font-size:22px; font-weight:700; display:block; padding:20px;}
.top_rec_title                  { padding:0;}
.top_rec_title h4               { padding:0 0 35px 0}
.top_rec .tbl td a { color: #212121; text-decoration: underline;font-size: 13px;}

.pay_state                  { display:flex; width:100%; padding-bottom:20px;} 
.last_pay                   { width:50%; display:block; padding:20px;}
.next_pay                   { width:50%; display:block; padding:20px;}

.cmnpc h5                   { font-size:18px; font-weight:600; display:block; padding-bottom:20px;}
.cmnpc h6                   { font-size:18px; font-weight:400; display:block; padding-bottom:5px;}  
.cmnpc h6 span              { font-weight:600;}
.cmnpc p                    { color:rgba(106, 106, 106, 1); font-size:14px; line-height:20px; display:block;}       
.top_rec                    { margin-bottom:20px; } 
.cmnpc p b                  { width:18px; height:20px; display:inline-block; margin-right:7px; vertical-align:top; background:url(../../resources/images/notes.svg) center no-repeat; background-size:100% auto;} 
.update_tab li a strong     { width:12px; height:12px; display:inline-block; vertical-align:top; width:32px; height:20px; padding:4px 0; background: #F2F2F2; border-radius: 3px;}
.update_tab li a strong.saveup  { background:url(../../resources/images/save_icon.svg) center no-repeat #F2F2F2;} 
.update_tab li a strong.archiveup   { background:url(../../resources/images/archive_icon.svg) center no-repeat #F2F2F2;} 
.update_tab li a:hover strong.archiveup     { background:url(../../resources/images/archive_hover.svg) center no-repeat #27B399;} 

.update_tab li a:hover strong.saveup    { background:url(../../resources/images/save_hover.svg) center no-repeat #27B399; } 

.ui-tooltip                 {
        background: #000 !important;
    text-align: center;
    font-size: 12px !important;
    border: none !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-weight: normal !important;}
    
.success_signup             { width:100%; display:block; padding:60px; float:left;}    
.success_signup_wrap        { width:600px; margin:0 auto; display:block;}
.success_signup_wrap h4     { font-size: 22px; color: #000;font-weight: 600;display: block; padding-bottom: 15px; text-align: center;}
.success_signup_wrap p      { font-size: 16px; color: #6a6a6a; line-height: 20px; text-align: center; display: block;padding: 0 40px; padding:0 0 15px 0}
.success_signup_wrap span   { width:80px; height:80px; margin:0 auto 30px auto; display:block;}
.success_signup_wrap span img   { width:100%; display:block;}
#logo h5                    { display:block; font-size:20px; font-weight:600; float:right; line-height:30px; margin:6px 0 0 0 }
#logo h5 em                 { font-weight:600; } 
#logo h5 a                  { color:#27B399;}

.signup_form                {margin: 30px 0}    
.signup_wrap                { margin:0 auto; display:block;}
.signup_form h4             { font-size: 22px; color: #000;font-weight: 600;display: block; padding-bottom: 20px;}
.signup_wrap .signup_form_li    { display:block; width:100%;}
.signup_wrap .signup_form_li li { display:block; width:100%; padding:0 0 10px 0; margin:0;}
.signup_wrap .signup_form_li li label   { font-size: 15px; font-weight: 700; display: block; padding-bottom: 10px;}
.signup_wrap .signup_form_li li input[type="text"],
.signup_wrap .signup_form_li li input[type="password"]  { vertical-align: middle; margin: 0; font-size: 15px;  border: #808080 solid 1px; padding: 10px; border-radius: 7px; width: 100%; color: #888;}
.signup_wrap .signup_form_li li input[type="checkbox"]  { margin:5px 10px 0 0; float:left; display:block;}
.signup_wrap .signup_form_li li label.ck    { cursor:pointer;}
.signup_wrap .signup_form_li li span.su_error   { font-size:12px; color:#D44C60; display:block;padding:3px 0 0 0} 
.signup_wrap .signup_form_li li p   { font-size:16px; display:block; padding:0; margin:0}
.signup_wrap .signup_form_li li .button     { width: 140px; font-size: 14px; font-weight: 700; color: #fff; background: #27b399; border-radius: 7px; border: none; float: right; display: block; padding: 8px 0; margin:0;text-transform: uppercase; cursor:pointer}

.mb_detail                          { }
.mb_detail select                   { vertical-align: middle; margin: 0; font-size: 15px; border: #808080 solid 1px; padding: 10px; border-radius: 7px; width: 80px; color: #888;}
.signup_wrap .signup_form_li li .mb_detail input.mbNo               { width:190px; margin-left:10px; vertical-align: middle; font-size: 15px; border: #808080 solid 1px; padding: 10px; border-radius: 7px; color: #888;}
.mb_detail a                { color:#2D55E1; line-height:30px; display:block; padding:0 0 0 10px; white-space:nowrap; font-size:13px; align-self:center}
.mb_detail a b              { width:18px; height:18px; display:inline-block; vertical-align:middle; margin-right:3px;}
.mb_detail a.werWhat b      { background:url(../../resources/images/whatsupp.svg) center no-repeat; background-size:100% auto;}  
.mb_detail a.werText b      { background:url(../../resources/images/textmessage.svg) center no-repeat; background-size:100% auto;}
.mb_detail a.verified b     { background:url(../../resources/images/verified_mob.svg) center no-repeat; background-size:100% auto; margin-right:5px;}   
.mb_detail a.verified           { margin-right:20px; color:#1DA1F2}   
.otpval                     { width:100%; display:flex;}
.otpval input[type="text"]  {vertical-align: middle; margin: 0; font-size: 15px; border: #808080 solid 1px; padding: 10px; border-radius: 7px; width: 100px !important; color: #888;}
.otpval a                   { color:#2D55E1; line-height:30px; display:block; padding:0 0 0 10px; white-space:nowrap; font-size:13px; align-self:center}
.nsarrow                    { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px;
bottom: -10px;}
.nsarrow.top                { top: -10px; bottom: auto;}
.nsarrow.left               { left: 20%;}
.nsarrow:after              { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black;
 -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}
.nsarrow.top:after          { bottom: -20px; top: auto;}
.filtertabs                 { width:100%; display:flex; }
.filtertabs a.fititle               { padding:14px; font-size:16px; color:#A5A5A5; font-weight:600; display:block; text-align:center; width:50%; background:#E8E8E9; border-bottom:#6a6a6a solid 1px; border-right:#6a6a6a solid 1px;}
.filtertabs a.fiDateRange               { padding:14px; font-size:16px; color:#A5A5A5; font-weight:600; display:block; text-align:center; width:50%; background:#E8E8E9; border-bottom:#6a6a6a solid 1px; }
.filtertabs a.active            { background:#fff; color:#6A6A6A; border-bottom:none; }

.updates_dash_wrap                  { width:100%; display:block; border:#27B399 solid 1px; padding:20px; border-radius:10px; box-shadow:rgb(0 0 0 / 15%) 0 3px 14px; margin-bottom:20px;}
.updates_dash_wrap h4               { font-size:20px; padding-bottom: 25px;font-weight: 700;}
.updates_dash_wrap ul               { display:flex; width:100%;}
.updates_dash_wrap ul li            { margin:0 20px 15px 0;  display:block; width:calc(100%/4 - 20px);}
.updates_dash_wrap ul li a          { padding:10px; border: 1px solid #6A6A6A;border-radius: 10px; display:block;}
.updates_dash_wrap ul li:last-child { margin-right:0}
.updates_dash_wrap ul li b          { font-size: 36px; font-weight:700; display:block; text-align:left; color:#27B399; line-height:40px;}
.updates_dash_wrap ul li span       { font-size:14px; font-weight:700; color:#6A6A6A; display:block; padding:5px 0 0 0}
.updates_dash_wrap p                { font-size:14px; display:block; line-height:20px;}
.updates_dash_wrap ul li a:hover    { border: 1px solid #0075FF;}

.cmp_feed_1                     { width:200px; position:absolute; left:0; top:100px;}
.cmp_feed_1 span.title          { display:block; margin:0 0 10px 0;}
.earning_dash_wrap ul li a.withEar  { margin:6px 0 0 0; display:block}
.sel_paymet ul li a:hover span strong       { color:#9ef489;}
.sel_paymet ul li a:hover span          { color:#eee} 

.innerfeed  { margin:0; top:0; right:0; left:auto; width:340px; display:flex; padding:20px 50px;} 

.innerfeed span         { padding:0; margin:0; height:auto; width:40px; padding:0 5px;}
.innerfeed span.title   { width:auto; margin:0; line-height:28px;}
#mobileVerifictionFailed    {     color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb; padding:.75rem 1.25rem; border: 1px solid transparent;
    border-radius: 0.25rem; } 
.eye-user               { position:absolute; right:43px; display:block; top:8px;}
.eye-user a             { display:block;}
.eye-user strong        { width:26px; height:2px; background:#6a6a6a; display:block; transform:rotate(120deg); position: absolute;
    left: 0px;
    top: 11px;}
 .error_page_wrap       { display:block; width:100%; float:left}
.error_page             { display:block; width:500px; margin:0 auto; padding:80px 0;}
.error_page h3          { font-size:36px; color:#B3261E; line-height:60px; margin-bottom:20px; font-weight:bold; display:flex;}
.error_page h3 span     { width:60px; height:60px; display:block;margin: 0 auto 0 0;}  
.error_page p           { font-size:20px; line-height:28px; display:block; padding-bottom:60px;}   
.error_page a.gotodash          {border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.50);background: #FFF; color: #4F4F4F;font-size: 20px; line-height:50px; text-align:center; display:block;}  

#confirmbox             { width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(255,255,255,0.8); display:none;}
.cnfContainer           { width:728px; margin:0 auto; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); padding:12px 10px; box-sizing:border-box; display:flex; align-self: center;}
.cnfContainer span      { width:70px; margin-right:15px; display:flex;}
.cnfContainer span img  { margin:0 auto; width:56px; height:56px; display:flex; align-self: center;}
.cnfCont                { display:block;}
 .cnfCont h4            { font-size:16px; font-weight:bold; display:block;}
 .cnfCont p             { font-size:16px; display:block;}
 .cnfActionBtn          { margin:30px 0 0 0; display:flex; width:100%;}
 .cnfActionBtn a        { color:rgba(39, 179, 153, 1); font-size:16px; font-weight:bold; margin-right:20px;}
 .cnfActionBtn a.clsBtn { color:rgba(212, 76, 96, 1)}
 
 .actionsList           { width:100%; display:block; padding:0 20px 20px 20px; float:left; }
 .actionsList ul        { display:block; float:left; width:100%; overflow:hidden;}
 .actionsList ul li     { display:block; float:left; margin-right:15px; width:200px;}
 .actionsList span      { display:block; padding:0 0 5px 0;}
 .actionsList span img  { display:block; width:65px; height:65px;}
 .actionsList h5        { font-size:16px; font-weight:600; display:block; line-height:24px;}
 .actionsList p         { font-size:12px; display:block; color:rgba(106, 106, 106, 1); line-height:16px; height:32px; overflow:hidden}
 .actionsList a         { font-size:16px; color:rgba(45, 85, 225, 1); margin:10px 0 0 0; display:block;}
  
 .actionsList .slick-arrow  { border:none; background:none; text-indent:-9999px; position:absolute; right:20px; top:20px; overflow:hidden;}
 .actionsList .slick-prev   { right:60px; width:30px; height:30px; border-radius:100%; display:block; background: url('../../resources/images/Arrow_wht.svg') 11px 6px no-repeat #27b399; background-size:auto 18px; transform:rotate(180deg); }
 
  .actionsList .slick-next  { right:20px; width:30px; height:30px; border-radius:100%; display:block; background: url('../../resources/images/Arrow_wht.svg') 11px 7px no-repeat #27b399; background-size:auto 18px}
  .actionsList .slick-disabled  { opacity:0.8}  
  .telepane                 { display:flex;}
  .telegram_panel           { display:flex; margin-right:20px; align-items: center; width: calc(100%/3);}
  .telegram_panel span      { width:30px; height:30px; margin-right:10px; float:left;}
  .telegram_panel span img  { width:100%; display:block;}
  .telegram_panel a                 { font-size:13px; display:block; color:rgba(45, 85, 225, 1); line-height:30px}
  table.dataTable tbody tr      { position:relative;}
  .recycle                  { display:block; align-items: center; }
  .recycle p            { display:block; font-size:11px; line-height:13px; margin:0; padding:0; position:relative}
   .recycle p a             { text-decoration:underline}
 
  .recycle button           { color:#fff; border:none; background:rgba(39, 179, 153, 1); border-radius:5px;  padding:3px 5px; font-size:11px; text-align:center; display:inline-block; margin:0 0 0 auto;}
   .recycle button.rc       { background:#fff; color:rgba(45, 85, 225, 1)}
  .recycle .action_recycle  { width:100%; display:block; text-align:right}
  .recycle .action_recycle button   { margin-left:5px;}
  .recycle_flex             { width:190px;  display:flex;align-items: center; }
  .cycle_action             { margin:5px 0 0 auto; display:flex;}
  .cycle_action a           { white-space:nowrap; padding:0 5px; line-height:30px;}
  .uat_det a.addTraffic     { margin:-20px 0 0 0; float:left; margin:-20px 0 0 0 ; display:block; }
  ul.uat_list li input[type="button"].cncl  { color:rgba(79, 79, 79, 1) !important; background:rgba(242, 242, 242, 1) !important; margin-left:10px; border:none !important; cursor:pointer} 
  .uat_det ul.uat_list > li.addTraff                    { display:none;} 
  .notraffic                { width:284px; display:block; margin:0 auto;}
  .notraffic span           { display:block; margin-bottom:5px;}
  .notraffic span img       { width:100%; display:block;}
  .notraffic h4             { font-size:16px; font-weight:600;  text-align:center; display:block; padding-bottom:10px;}
   .notraffic a             { font-size:14px; text-align:center;display:block;} 
   .uat_det ul.uat_list > li div    { position:relative}
   .uat_det ul.uat_list > li .deleteTraffic { width:28px; height:28px; display:block; position:absolute; right:5px; top:5px; background:url(../../resources/images/mdi_delete-outline.svg) no-repeat; background-size:100% auto;} 

@media (max-width: 800px) {
    
    .container,
    .dccontainer                    { width:100%; padding:0 20px;}
    .nav                        { display:none;}
    .pay_req                    { float:left; padding:30px 0}
    .module                     { width:100%; margin:20px 0}
    .flex_dis                   { display:block;}
    .earning_overview           { padding:24px 0}
    .earning_overview h3        { padding:0}
    #logo a                     { margin:14px 10px;}
    .rgt_top                    {margin-right: 0;display: none!important;}
    .header                     { border-bottom:#27b399 solid 1px;}
    .module h4                  { line-height:22px;}
    .grph_mode                  { overflow:auto; height:240px; padding:15px;}
    .notes                      { display:block;}
    .notes span                 { margin:0 auto 15px auto;}
    .container_fluid,
    .dccontainer_fluid          { width:100%; padding:0 20px;}
    .cmntopfilter .dataTables_length    { right:auto; left:0; top:0;}
    .cmntopfilter a.exp_inv     { right:0; top:-5px}
    .cmntopfilter .dataTables_wrapper .dataTables_filter    { width:100%; margin:0 0 15px 0; float:left; text-align:left}
    .paybreak                   { padding:20px 0;}
    .breadcrump ul              { padding:0 10px;}
    .aff_inv_pay h3             { font-size:24px;}
    .payhisfilter .filter           { position:relative; top:0; margin:0}
    .earning_dash_wrap ul li    { width:100%; padding:0 0 20px 0}
    .earning_dash_wrap ul       { display:block;}
    .earning_dash_wrap ul li h5     { padding:0}
    .cmn_cont .container,
    .cmn_cont .dccontainer      { width:100%; padding:0 20px;}
    .dataTables_length          { display:none;}
    .inv_notes                  { margin-bottom:10px}
    .inv_pay_panel h3           { padding-bottom:15px;}
    .log_lft                    { display:none; }
    .log_rgt                    { width:100%;}  
    #logo                       { 
        text-align:center; 
        margin-left:25px; 
        padding:0;
        float: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
    }
    #logo img                   { display:inline-block; float:none; vertical-align:top;}  
    #logo span.aff                  { display:inline-block; float:none; vertical-align:top;width: auto;} 
    /* .login_form h2               { text-align:center; display:block; padding-bottom:10px; color:#27B399; font-size:28px; font-weight:600} */
    .login_wrap                 { margin:0}
    .camp_status            { position:relative; top:0; margin:0 0 20px 0}
    .country_src                { top:0; position:relative; margin:0 0 10px 0; right:0;}
    .paybreak h3 a.exp_inv      { margin:0;}
    .payhisfilter .filter label { padding:5px 0;}
    .camp_action h4 a.exp_inv   { margin:0}
    .camp_action                { padding:20px 0 0 0}
    .campaign_page              { padding:20px 0}
    .camp_brand h3              { font-size:24px; color:#212121; font-weight:700; float:left; width:calc(100% - 80px); padding:7px 0; line-height:24px;}
    .parentdim              { right:0; top:113px}
    .dim_cat                { left:auto; right:0}
    .subscribeId.state          { width:90%; padding:0; top:20px;}
    #lightbox .subscribeId              { padding:40px 15px; width:calc(100% - 20px); margin:10px;}
    .subscribeId a.close_lgt        { top:10px;}
    .mob_menu                   { display:block; width:50px; height:60px; padding:15px 10px; position:absolute; top:0; left:0}
    .mob_menu span              { width:100%; height:2px; margin:6px 0; background:#27B399; display:block; border-radius:2px;}
    .nav                        { display:block; width:100%; position:fixed; left:-100%;; top:0; background:rgba(255,255,255,0.8); height:100%; -webkit-transition:all 0.4s ease-out 0s;-moz-transition:all 0.4s ease-out 0s;-ms-transition:all 0.4s ease-out 0s;-o-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s;}
    .nav.open                   { display:block; left:0; }
    .nav ul                     { width:calc(100% - 50px); display:block; height:inherit; background:#27B399; margin:0; overflow:auto;}
    .nav ul li                  { width:100%; display:block; border-bottom:#fff solid 1px;}
    .nav .container,
    .nav .dccontainer           { padding:0; width:100%; height:100%;}
    .nav ul li a                { font-size:16px; padding:15px; line-height:22px; border:none;}
    .nav ul ul                  { position:relative; left:0; top:0; width:100%; background:rgba(0,0,0,.1)}
    .nav ul li.active > a       { background:rgba(0,0,0,.1); border:none; color:#fff;}
    .nav ul li a strong     { border:none !important; border-left:#fff solid 3px !important; border-top:#fff solid 3px !important; width:10px !important; height:10px !important; transform:rotate(225deg); float:right; margin:7px 0 0 0}
    .nav ul ul li               { border:none;}
    .nav ul ul li a             { font-size:16px; border:none; padding:15px; line-height:22px;}
    .nav ul li:hover > a        { border:none; background:rgba(0,0,0,0.1);}
    .nav ul ul li a:hover       { border:none;}
    #logo span.aff                  { line-height:22px; margin:0; padding:0 0 0 10px; text-align:left; font-size:16px;}
    #reqbox .subscribeId        { padding:10px; width:calc(100% - 20px); margin:0 10px; top:10px;}
    .req_pop_head span          { width:60px; height:60px;}
    .rph_cont h4,
    .rph_cont h3                { font-size:16px; padding:0}
    .rph_data h3                { font-size:14px;}
    .nav.open .close_nav                    { width:50px; height:100%; position:fixed; right:0; top:0; background:url(../../resources/images/close_pop.svg) 9px 9px no-repeat; background-size:30px auto; display:block;}
        .campaign_page,
     .pay_req                       { min-height:inherit; } 
     .nav ul li.nomob                           { display:block;}
     #main_message_div_id_wrapper       { left:10px; width:calc(100% - 20px); margin:0;}
     .alert_status                  { width:calc(100% - 20px); margin:0; right:10px;}
     .update_tab                    { padding:0}
     .update_list_cnt li            { padding:20px 10px;}
     .update_list_cnt li span       { width:30px; height:30px; margin-right:10px;}
     .rgt_uplist h4,
     .rgt_uplist p em,
     .rgt_uplist p cite                 { font-size:13px;}
     .rgt_uplist                    { width:calc(100% - 40px)}
     .update_tab li a               { font-size:13px;} 
     .opnReq                        { position:relative; margin:10px 0 3px 0; top:0; width:100%;}
     .opnReq    a.vac_link              { float:right}
 .last_pay                      { width:100%; padding:20px;}
     .next_pay                      { width:100%; padding:20px;}
     .pay_state                     { display:block;} 
     .cmp_feed_1                    { position:relative; width:100%; top:0}
     .camp_action span.mycoderemain     { position:relative; bottom:10px;}
     .telepane                      { display:block;}
     .telegram_panel                { margin-bottom:15px; width:100%;}
     .telegram_panel span           { width:36px; height:36px;}
     .telegram_panel a              { line-height:36px;}
     .telegram_panel:last-child     { margin:0}
}
@media only screen and (max-width: 800px) and (min-width: 400px){
    .breadcrump ul li a,
    .module h4,
    .list_mod ul li label,
    .list_mod ul li strong,
    .list_mod a.viewfullreport          { font-size:16px;}
    .earning_overview h3        { font-size:24px;}
    .module h4                  { padding-bottom:12px;}
    .login_form                 { padding:0;}
    .log_alert                  { top:0; position:relative;}
    #list_table tfoot           { display:none;}
    .camp_brand h3              { font-size:24px; color:#212121; font-weight:700; float:left; width:calc(100% - 80px); padding:7px 0; line-height:24px;}
    
}
.feedbackEmojiPanel {
    margin: 20px auto;
    color: #000;
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    width:100%; text-align:center; float:left; 
}

.cutomFeedbackWidget {
    cursor: pointer;
}

.feedbackEmojiPanel span {
    margin: 0 10px;
    vertical-align: middle;
}
.feedbackEmojiPanel span a{
    padding:0% 10%;
    color:black;
}
.feedbackEmojiPanel span a:hover{
    color:blue;
}

.feedbackEmojiPanel .cutomFeedbackWidget {
    margin: 0;
    display: inline-flex;
    align-items: center;
}

.feedbackEmojiPanel i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 100%;
    cursor: pointer;
    margin: 0 5px;
    position: relative;
    top: 2px;
        padding:0% 3%;
}

.feedbackEmojiPanel i > img:hover {
filter: drop-shadow(1px 1px 3px #ccc);
}

.icon_smile {
    background:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADxUlEQVRYhcWXTUxcVRiGn+/MhTLAwFg12hZLmQpNrVL+bUIXHZoYYVoWRoyrxmiiiQtdaXXDQk20utGdRhPdNCZt0kQcIC4AY2hLfykQUlvCUCwM2Cryz8AM97jgJzOUe+eKkL67c86b73lP8p1zzxUcSndUZ+EyAghVCAfR7AG8y8vjCHfQ+gZatTJPoxxumHJSV5KCL9UUYKiTaHkVSHeYdxb4EZc+JcXBvg0F0Bfq3KRGPgbeBQyH4LWKouVLpifrxf9rxHEA3Xksn0U5Bzy7QfBadUDKS1J2biRpAH2lthjRvwCPbxJ8BTWEEJDShm7LAMs7P7/58LgQZqxcKppGV2bUKrztSBqLcnbr4AA6B2UE9YU69wMB8Hg+AQ5uHXw1RCmpkQ9WRgLLR83l6sWm2xeii6SmuBwhHHinMRfzpaJpdAloqJNoa/iZYC9tFwbI2ZHFO68fwpORuq5vanqer76/xPDIJP7KPF4JHLAqmYly1QNvK91RnbV8yayrvjtjtJwPYWrNH+EJmlpvW26rsbWPu+EJTK1paQ/RPzhm6QVO6PZaj8JlBLC54foG/k4Y314ztlu7FbL2Ahm4zRqFUGXn2lKZUqUQ+84vyHvUdpyw5ktc2+ez9gIgFCo0eXaep/ds52ilDyVC7q5saqoKLL0Bfz67d2ajRDh62Mfe3O32AcAn+urxeWD9to7TJh/DFc2r5J4lOYX/V68CJh27N18TCmHgIQYIKbS+8dDwQpdCq9Zkvq6bo4TvOXriARC+N0XXzdHkRi0tBunbgsxFZoAMK9/9sVm+OX2N54t2UVq4k32+x0gxEvs3GjO51f8X13rCdHQO8XL1M8nwM7i3NS99Da8e/w54w8oZjZl88XU7g8MTACglPJLtJjM9BYDp2QX+GY9gag1Abo6X99+qxDDsDpn+VsqCby4FWHoJ9QIplnHnovxwppPu3/+03Vbh/id4ra6YDLdlKYAFtLlfyhtDq08yfaX2c0S/Z1sd6B8c43rPCIPD40zNLADgyUglN8dLyXM72Ls76e0H8JmU/fwhxL0JdduRNDyeNuCQkwobluYi3phf8pvnEwIA6Ms1T6Jcl4GntggfxtAVUhQcXplI6BKpaBpF5BjI0BbA74J6MR7+QAAAKW3oRkVL0Py2aWjNRczFCin7qWft0rrnREqa7+ONvQB8BMz8D/QC6E/xxvzx/wIJrGQVlvuiHjiBzWW1RjNoToN5SsobQ3bGpAFWg/TWZRKZC4D40RQBecT/nsMASCei20hLa5IDZ6ed1P0X94JK9blNbZgAAAAASUVORK5CYII=')
}

.icon_neutral {
    background:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADeUlEQVRYhcWXX2hbZRjGf+/JWU7bpF0vulFxghs06iq2W9tMwQsbZbj+GSIUvBBB9MIrxQuZ3hRRQeeV4JV33kyFwtDaZijYysAtzSatk4J2EiO2NnYt1C7Z0jQ5rxdtapL15CSlcc/dd76H9/ecw/e933eECqWRU014zH6EEEIHyv1A89b0KkIc1RnUmGCdcXl89GYldcUVPNUXwDTOoPIc0FBh3lvA53j0rBwbu76rAHppqB5v+l3gNcCsEFyqDVQ+Irk2LL3fpysOoNMDbeTkPPDwLsGlisC+Z6X7/KJrAL1y+hii3wAH9gieR80j9EvX6DXHAFtv/sPewwtC2NkeCYYT+SfGNnzyiTpyMlI7OIAewjDH9NJQ/R0BaGx8D+ioHXw7RBfe9Jv5kcDWVvN4Ztn9aq9WSexcmwTDic0vYBpn/kc4gB/DMwwgGjnVhGkuUnmT2SulSMs9Bh6z3w0en18lOrNAZiPnWjWzkSM6s0B8ftXN6qPe7jMRQuVc07MJPjl3FVXlgSMtvP7yY4hD/1SFjz+dYi62giHCK89303G01bm4LSEDKb/ywxNzqCoAv8aW+S2+4ui9Hl9hLrY5b6syPln2GADhEQPlcDlP4kayaLxYMi7yLpV4/3Y9EI8YQFM5h9/nLRo3NngdnDt4/ZZbgP2Gm+NE56H/Cvq8HG1zbpTtbQeKQpzovNetPCawBrQ4GQafCmCrsrScpC8UwLKc24Vlmbz64qOEJ+ZoPehn4MmAG/8f0R8Hoyg9rlFro4iB6sxdgoPwk4EaE3ctgMp3Jg3WGLfTKcDn5Pvy219YWk5VVftgi49nTj5YzpKi3rpgSvtIUq8OfgG8tJMrm7W5OPUHqVuZqgL4fV4GQgFM02mj6WfSPpLcPI43b0KzwL6drOuZHDeT61UFaPRbWF6P03QGtR+SnvHYdlfXK6c/RPSNqii71wfS/fVbUHgjSq4NA5Gao5XL7M++nR8WX0qjfa0YnihwX43wf2FqUDrHFvIPilaIBMMJRAZA5msA/xOMpwvhdwQAkK7Raxgbx1Eu7hlauYydC0r3Vz+XTu24R+T4hRs0Z08C7wDVNYBiZUDfpznbW/gvUMRyq7C1LoaBFyjTrEqUQjkH9lnpGY+VM7oG2A4yO+QnfbsfpBelEzhM4e85/A4yjegkdXVhaR9xvrkU6F/caSVLH+FbKQAAAABJRU5ErkJggg==')
}

.icon_angry {
    background:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAEK0lEQVRYhcWXT2xUVRTGf/f96bR22tIAWpOWUkgrMEAhKIUFpJD4p50dCQkuaOJCl7qgia4aoybaxCgu3Lg1oonGGANVgtam0RQV00IdUVqZQlEai6Gdzkxn3rz3jgtnxpnX6cy0Fv1Wc88953zfuXPvufcpysRER1etLEpQaXJUhHZgM7AuPT0HTClhzEUGJVl5btsvny6Uk1eVcrja3t2m4zwPnADuK1NvXJD3DSX9W8cuTKxKwPTB41WJeORlgecAo0xiL1KInDYjVl/L1FCibAG/7nm01RHtY2DnKok9kIu2oY7t+OH87ZICJtq79grueWDj2pBncct1VHDbj59fWVZAuvJv7gF5VoRp64+0hAZmMgYt8yO8ubPSEe3De0gO0JgynbPTB49XLRFg1/leAdrvIfnfEPbF45EXMkMF2aMWYvW7faWImrbe2hIamNEA0uf8vyIH8KdMpw9ATXR01UrCvU35TWatEHMTvgc1WZTg/0AOUK0qE91Gurfn4QYOwySpRWMTOq0Y+Et37TwsiDCpbG7iEMHlMD6a0fN8FNpRI32x5GGQBJ+wmB3rQACTIJV04FtWigAXSTJAgpBK4eTM2QhPUe2JcHera+2PzwIbcs0OcI0Ud3AJY/M9FjfT6XZgcooaNvxzggG4g8vrLHCVFADN6DxMBVswWI9GG6anfgD+MIBar1UHtmMCcAgfESQr4CdS9DLH29RTnV6LGEIvc9zFzeZow6RnScVLUKeV8nARhknm2WoL/Ale2zBJXGSJnxcaECnmEAeSnkQ9VGerB6hGcdJTbRIhXlrAvAaEi3n4UazLIVNAU4Ge1YSetwb1aPgptcByXVPCWCmZJ3Kq68THAwUSN6DTiS8npqzWctlwkUGFerqYVxeVNKKzgHCAimX9nqWG/fioQbErvYmLQSntSxUKdPpNwzcDpbfsGiOWspMNWiA0FBXkg5VEJhEmsbmExSUsJrGXbNRSUMKZQGgoagAYSvodUT1QfN2msDlDnFEsLM9cBbAPH09SRXPpi9UScV6D9INk69iFCUROF4sYJkkv83xbgBzAAkZIcop5vvb0DS8E9Ubb+BfXIecNYEasvlRdxSFQB7wBN7B5iyg2QhMGuzBZj6I+fRru4vInwhUsbuHwJlGaMJZcPmn2ES2uXswM89pXONDdkDKc74CmXPs7RJnF5STVbCqUNE+sw7vEuB+NZ/B7p38XzP0PXT77W0EBAD/vfGK3pss5oDFjs6DI4SuMAjHTjqsHt48PjOcaC96sE3u7Noq4HyEcXiFvYQgjpqMfy32OZ1CwV7aOfjarotpjAi8BsX9BbSklr6q4dqQQOZTxcRoOdDekTKcPoYfym1UM1Hu4dn9mty+Hst9ZoUCn3zAqggqOgNoDtJD/eR4GRhV8ZdnJgUBoKFpO3r8AwRJ5bpIadh4AAAAASUVORK5CYII=')
}
.common_popup_outer{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.4);
    margin: 0 auto;
    overflow: auto;
    display: none;
    z-index: 999999;
    padding: 12px;
    height: 100%;
}
.common_popup_outer.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.popup_container {
    background: #fff;
    border-radius: 0;
    cursor: default;
    display: block;
    margin: auto;
    padding: 20px;
    max-width: 600px;
    width: 100%;
    position: relative;
    min-height: 200px;
    box-shadow: rgba(0,0,0,0.3) 0 0 9px;
    top: auto;
}
.popup_container h3{
    font-size: 16px;
    padding-bottom: 10px;
}
.closePopup{
    position: absolute;
    right: 18px;
    top: 18px;
    fill: #656565;
    cursor: pointer;
    width:32px;
    height: 32px;
}
.inputElem{
    font-size: 15px;
    border: #808080 solid 1px;
    padding: 10px;
    border-radius: 7px;
    width: 100%;
    color: #888;
    margin-bottom: 15px;
}
.mb15{
    margin-bottom: 15px;
}
.mb1{
    margin-bottom: 10px;
}
.fwN{
    font-weight: normal;
}
.fw5{
    font-weight: 500;
}
.fw7{
    font-weight: 600;
}
.container.footerMain {
    max-width: 1020px;
    margin: 0 auto;
    clear: both;
    width: 90%;
}
.footerInner {
    font-size: 16px;
    color: #27B399;
    padding: 100px 0 20px 0;
    text-align: center;
}
.sep{
   color: #6a6a6a;
}
.footerInner a{
    color: #27B399;
}
.footerInner a:hover{
    text-decoration: underline;
}
@media all and (max-width:1020px){
    .cname{
        display: block;
    }
    .cname .sep{
        display: none;
    }
}
.flex, .Vcenter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rowWrap{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.w100{
    width: 100%;
}
@media all and (max-width: 800px){
    .flexNdsk{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
    }
}
@media all and (min-width: 800px){
    .flexNmb{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
    }
}   
.Vcenter{    
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.Jcenter{
    -webkit-box-pack: center;    
        -ms-flex-pack: center;    
            justify-content: center;
}
.Spabet{
    -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between
}
.filterbuttons{
    
}
.button1{
    border-right: #6A6A6A solid 1px;
}
.buttons{
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 50%;
    cursor: pointer;
}
.buttons:hover{
    color: #27B399;
}
.iconFilter .cls-1 {
    fill:none;
}
.filtericon {
    font-size: 14px;
    color: #27B399;
    border:#27B399 solid 1px;
    border-radius:4px;
    padding: 5px 20px;
    cursor: pointer;
}
.iconFilter{
    fill: #27B399;
    width: 16px;
    height: 16px;
}
#list_table_wrapper .dataTables_wrapper .dataTables_length {
    float: right;
}
.rightMain{
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block;
    position: absolute;
    left: 130px;
    top: 5px;
    z-index: 9;
}
.aLinks{
    color: #2d55e1; 
    cursor: pointer;
    margin: 0;
    display: inline-block;
    text-decoration: none;
}
.aLinks:hover{
    text-decoration:underline;
}
/*tooltip css start*/
.tooltip {
  position: relative;
  cursor: pointer;
}
.tooltip:after,
.tooltip:before,.tooltipMe {
  opacity: 0;
  pointer-events: none;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
      -ms-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-transition: all 0.18s ease-out 0.18s;
  -o-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
}

.tooltip:after, .tooltipMe {
  background-color: #000;
  color: #fff;
  -webkit-box-shadow: 0 0 3px #ddd;
          box-shadow: 0 0 3px #ddd;
  padding: 10px 15px;
  white-space: nowrap;
  margin-bottom: 0;
  border-radius: 6px;
      font-size: 13px;
    line-height: normal;
}
.tooltipMe{
    left: 100%;
    margin-left: 10px;
    text-align: left;
}
.tooltip:after{
  content: attr(data-tooltip);
  width: 0;
  height: 0;
  padding: 0;
}
.tooltip:before {
  width: 0;
  height: 0;
  content: "";
  margin-bottom: 6px;
}

.tooltip:hover:before,
.tooltip:hover:after,.tooltip:hover .tooltipMe {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

[data-tooltip-pos="up"]:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f5f5f5;
  margin-bottom: 6px;
}

[data-tooltip-length]:after {
  white-space: normal;
}

[data-tooltip-length="small"]:after {
  width: 80px;
}

[data-tooltip-length="medium"]:after {
  width: 150px;
}

[data-tooltip-length="large"]:after {
  width: 260px;
}

[data-tooltip-length="fit"]:after {
    width: 0;
    height: 0;
    padding: 0;
}
/*tooltip css end*/
.mycoderemain .tooltipMe:hover a{
    text-decoration: underline;
}
.mycoderemain.tooltip{
    color: #2d55e1;
}
#list_table table.dataTable thead th, #list_table table.dataTable tfoot th{
    font-weight: normal;
}
.forDesktop{
    display: block;
}
.forMobile{
    display: none;
}
.header .dccontainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
}
@media all and (max-width:768px){
    #logo span{
        width: 90px;
    }
    .forDesktop{
        display: none;
    }
    .forMobile.support{
        display: block;
        margin-bottom: 5px;
        width: 100%;
    }
    .rgt_top{
        margin: 5px 0;
        max-width: 25%;
        display: inline-block;
    }
    .tab-content{overflow:auto}
}
.infoI{
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #27b399;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: 3px;
}
.link{
    color: #2d55e1;
    padding: 10px 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    white-space: nowrap;
    text-decoration: none;
}
.link:hover{
    text-decoration: underline;
}
.p0{
    padding: 0;
}
.fright{
    float: right;
}
.paymentHistory #ExportReporttoExcel{
    font-weight: 600;
    margin: 0;
}
.oldpayments{
    font-size: 12px;
    font-weight: 600;
}
.paymentHistory.paybreak h3{
    margin: 0;
    padding: 0;
}
.paymentHistory .firstRow{
    margin-top: -25px;
    margin-bottom: 5px;
}
.payhisfilter.paymentHistory{
    padding: 15px 0;
}
.paymentHistory .cmntopfilter .dataTables_length    { position:static; right:0; top:0;}
.camp_action .mycoderemain.tooltip{
    position: absolute;
    top: 92px;
    left: 0;
    z-index: 9;
}
#list_table.tbl th{
    width: auto !important;
}
#myCode table.dataTable tbody td {
   
}
.navcont{
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
}
#myCode #list_table_filter input{
    min-width: 170px;
}
.paymentHistory.payhisfilter input[type="text"]{
    margin-right: 0;
}
.camp_action span.mycoderemain .anchLink{
    color: #2d55e1;
    font-size: 14px;
}
@media all and (max-width: 800px){
    .camp_action .mycoderemain.tooltip{
        top: 72px;
    }
    #myCode table.dataTable>tbody>tr.child ul.dtr-details{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #myCode table.dataTable>tbody>tr.child ul.dtr-details>li{
        padding: 0;
    }
}
@media all and (max-width: 599px){
    .right-part,.oldpayments{
        display: block !important;
    }
    .paymentHistory.payhisfilter input[type="text"] {
        margin: 0 0 10px;
    }
    .paymentHistory .filter input[type="text"]{
        width: 120px;
    }
    .paymentHistory #ExportReporttoExcel {
        margin: 0 0 10px;
    }
}

/* Custom table controls to match production layout */
.custom-table-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    font-size: 12px;
    color: #6A6A6A;
}

/* Hide default DataTables controls */
.paymentHistory .cmntopfilter .dataTables_wrapper .dataTables_length, .paymentHistory 
.cmntopfilter .dataTables_wrapper .dataTables_filter {
    display: none;
}

/* Hide buttons container */
.paymentHistory .dataTables_wrapper .dt-buttons {
    display: none;
}




/* Main layout wrapper for two-row layout */
.main-controls-wrapper {
    margin-bottom: 10px;
    font-weight: 600;
    color: #6a6a6a;
}

.first-row,
.second-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.second-row{
    margin-bottom: 10px;
}
.left-part {
   
}

.right-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
}



.left-part .filter label {
    font-weight: bold;
    margin-right: 10px;
}

.exp_inv {
    color: #2d55e1;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}

.exp_inv img {
    width: 16px;
    height: 16px;
}



.show-entries-wrapper {
    white-space: nowrap;
    font-size: 12px;
    color: #6A6A6A;
    position: static;
}

.show-entries-wrapper select {
    margin: 0 5px;
    font-size: 12px;
    padding: 2px;
    border-radius: 6px;
    background: #f2f2f2;
    border: 1px solid #ccc;
}

.search-wrapper input {
    margin-left: 5px;
    border: #6a6a6a solid 1px;
    border-radius: 3px;
    font-size: 12px;
    padding: 5px;
    width: 200px;
}
.search-wrapper{
    font-size: 12px;
}

/*custom Plcaeholders to use*/
.headerRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}
.headerRow h2{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
.rightElement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

a.blueLink {
  text-decoration: none;
  color: #0056d2;
  font-weight: 500;
}

.rightElement select {
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Date Range and Search Row */
.payment-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 10px;
      position: relative;
    z-index: 9;
}

.leftElement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.leftElement input {
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.leftElement a {
  text-decoration: none;
  color: #1aaf5d;
  font-weight: 500;
  cursor: pointer;
}

.search-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.search-row input {
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
@media all and (max-width:800px){
    .search-row{
        margin-top: 10px;
    }
}
.search-row .country_src select{
    width: auto;
}
.search-row .country_src {
    width: auto;
    position: unset;
    top: unset;
}
.leftElement.camp_status {
    width: auto;
    position: unset;
    left: unset;
    bottom: unset;
    z-index: unset;
}
.clear{
    clear: both;
}
.leftElement.camp_status ul li a{
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}
#helpful-btn{
    text-align: center;
}
/* Custom select wrapper */
.custom-select {
    position: relative;
    width: auto;
    min-width: 260px;
    cursor: pointer;
    max-width: 300px;
    display: inline-block;
    margin: 0 5px 10px;
}
/* Styled Select Box */
.select-display {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 30px 8px 9px;
    border-radius: 6px;
    background: #fff;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: rgb(0 0 0 / 30%) 0 0 4px;
    color: #777;
    top: 1px;
}
.selected-label{
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-display img {
    width: 26px;
    height: 26px;
    margin-right: 10px;
}
.select-display::after {
    content: "";
    position: absolute;
    /*right: 12px;
    width: 16px;
    height: 16px;*/
    /*            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat center;*/
    /*background: url('data:image/svg+xml;utf8,<svg fill="none" height="24" stroke-width="1.5" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;*/
    background-size: contain;
    pointer-events: none; 
    width: 11px;
    height: 11px;
    border-bottom: #6a6a6a solid 2px;
    border-right: #6a6a6a solid 2px;
    display: block;
    position: absolute;
    right: 14px;
    top: 10px;
     -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
/* Dropdown Menu */
.dropdown {
    position: absolute;
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    display: none;
    z-index: 1000;
    margin-top: 3px;
    border-radius: 6px;
    box-shadow: 0 0 3px 0px #999;
    overflow: hidden;
}
.dropdown .item {
    padding: 5px 10px;
    cursor: pointer;
    background-color: #f9f9f9;
}
.dropdown .item:hover {
    background-color: #1967d2;
    color: #fff;
}
.fs12{
    font-size: 12px;
}
.fs16{
    font-size: 16px;
}
.button{
    width: auto;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #27b399;
    border-radius: 7px;
    border: none;
    display: inline-block;
    padding: 8px 25px;
    margin: 0;
    text-transform: uppercase;
}
.button:hover {
    border: #27b399 solid 1px;
    color: #27b399;
    background: #fff;
}
.toggleMe{
    display: none !important;
}
.toggleMe.active{
    display: block !important;
}
.toggleHead{
    position: relative;
    cursor: pointer;
}
.camp_detail_form ul li label.toggleHead{
    padding-right: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.toggleHead [data-toggleany]{
    cursor: pointer;
}
.toggleHead [data-toggleany].active{
    pointer-events: none;
    cursor: default;
    border: 0px;
    color: #b5b0b0;
}
.camp_detail_form ul li label.toggleHead.active{
    border: 0;
}
.toggleHead .downArr{
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: 100ms ease 100ms;
    -o-transition: 100ms ease 100ms;
    transition: 100ms ease 100ms;
    cursor: pointer;
}
.toggleHead.active .downArr{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
#helpful_widget{
    width: 100%;
    margin: 0 auto;
}
/* ===== Success Popup ===== */
.ticket-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.ticket-modal-box {
    position: relative;
    background: #ffffff;
    width: 720px;
    max-width: 90%;
    margin: 10% auto;
    padding: 50px 40px 40px;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.ticket-close {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 28px;
    color: #999;
    cursor: pointer;
}

.ticket-close:hover {
    color: #333;
}

.ticket-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 4px solid #7AC143;
    color: #7AC143;
    font-size: 42px;
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.ticket-message {
    font-size: 22px;
    color: #666;
    line-height: 1.4;
    margin-bottom: 30px;
}

.ticket-ok-btn {
    background: #4F86D6;
    color: #fff;
    border: none;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
}

.ticket-ok-btn:hover {
    background: #3c6fb8;
}

.feedbackEmojiPanel {
    margin: auto 1.5%;
    color: #000;
    padding: 15px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    width: 100%;
    text-align: center;
    float: left;
  }
  .feedbackEmojiPanel span {
      margin: 0 10px;
      vertical-align: middle;
  }
  .modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.9);visibility:hidden;opacity:0;z-index:-1;transform:translateY(1rem) translateZ(0);transition:.3s;width:0;height:0;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,.95)}.modal.active{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);opacity:1;z-index:99999999999;visibility:visible;width:auto;height:auto;overflow:auto;margin:auto}.modal.popupModal{max-width:480px}.popupModal.active{width:100%;overflow:hidden;box-shadow:0 0 100px 1000px rgb(0 0 0 / 38%),0 5px 15px rgba(0,0,0,.5);border-radius:12px;padding:0;margin:30px auto;background-color:#fff}.popupModal.modal .content{width:100%;padding:10px 20px}.modal-title{font-size:20px;font-weight:500;margin:0;padding:0}.popupModal .modal-title{font-size:20px;padding-right:30px}.topRightClose{position:absolute;top:10px;right:10px;z-index:9;color:#fff;cursor:pointer;font-size:22px;width:30px;height:30px;line-height:30px;padding:0;border:0;background:0;outline:0}.popupModal .topRightClose{width:auto;font-size:16px;right:10px;top:7px}.panelHeading{color:#444;position:relative;display:block;padding:10px 20px;background-color:#fff;margin:0;font-weight:500;border-radius:10px 10px 0 0;position:sticky;top:0;z-index:9}@media all and (max-width:959px){.mobilePopPanel.active,.popupModal.mobilePopPanel.active{position:fixed;left:0;bottom:0;right:0;width:100%;min-height:200px}.mobilePopPanel.active{top:0;z-index:998;background-color:rgba(0,0,0,.7)}.popupModal.mobilePopPanel.active{z-index:999999999;background-color:#fff;min-width:100%;top:20%;border-radius:15px 15px 0 0;max-height:unset;margin:0;overflow:auto}.popupModal .searchWrap.modalSearch{top:47px}.active.popupModal.mobilePopPanel .panelHeading{margin:0;top:0}.closeMobilePopPanel{display:inline-block;color:#000;position:absolute;top:10px;right:15px}}
  .modal.vCenterModal.active {
        width: 90%;
        height: auto;
        min-height: unset;
        display: table;
        overflow: auto;
        box-shadow: 0 0 100px 1000px rgb(122 192 67 / 38%);
        box-shadow: 0 0 100px 1000px rgb(0 0 0 / 38%);
        border-radius: 6px;
        margin: auto;
    }
  .copyCode:not(.noui.copyCode) {
    background-color: #f3fffd;
    text-align: center;
    margin: 0 10px 15px 0;
    min-height: 54px;
    line-height: 54px;
    display: inline-block;
    padding: 0 45px 0 10px;
    border-radius: 8px;
    border: 1px solid #27b399;
    position: relative;
    cursor: pointer;
    width: auto;
    font-weight: 600;
}
.couponsGrid .copyCode{
    min-width: 250px;
}
.noui.copyCode{
    position: relative;
    cursor: pointer;
}
.codetocopy:not(.noui.copyCode .codetocopy) {
    color: #444;
    font-size: 20px;
    font-weight: bold;
}
.copyCode svg {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
}
.noui.copyCode svg{
    right: 10px;
    margin-top: -6px;
}
.copyCode.active {
    color: #07c219;
    border-color: #07c219;
}
.noui.copyCode.active{
    border:none;
}
.copyCode:hover svg path,.copyCode.active svg path {
    fill: #07c219;
}
.noui.copyCode:hover svg path,.noui.copyCode.active svg path {
    fill: #444;
}
.copiedTxt{
    display: none;
}
.active .copiedTxt{
    display: block;
    position: absolute;
    top: 1px;
    left: 6px;
    line-height: normal;
    font-size: 13px;
    color: #07c219;
}
.noui.copyCode.active .copiedTxt{
    bottom: -5px;
    left: 0;
    font-size: 12px;
}
.center{
    text-align: center;
}.aleft{
    text-align: left;
}
.txtEllipsis{
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.txtCap{
    text-transform: capitalize;
}
.linksm{
    font-size: 12px;
    color: #0071E3 !important;
    text-decoration: underline;
    cursor: pointer;
}
.brandLogo{
    margin: 0 15px 15px 0;
    max-width: 70px;
    border-radius: 6px;
}
.status{
    min-width: 192px;
    margin-bottom: 10px;
}
.inp_frm strong{
    font-weight: 600;
}
.bluebutton{
    background: #0071E3;
}
.bluebutton:hover, .borderButton {
    border: #0071E3 solid 1px;
    color: #0071E3;
    background: #fff;
}
.button.mb1{
    margin-bottom: 10px;
}
.pcolor {
    color: #0071E3;
}
.borderButton {
    height: 48px;
    line-height: 48px;
    padding: 0 25px;
    white-space: nowrap;
}
.borderButton:hover{
    color: #fff;
    background: #0071E3;
}
.countriesNames{
    font-size: 16px;
}
.flexStart{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.stickyHead h1{
    font-size: 18px;
    font-weight: bold;
}
.stickyHead h1, .stickyBottom p{
    margin-bottom: 5px;
    color: #444;
}
.stickyBottom label,.status label{
    font-weight: 600;
}
.stickyHead{
    position: sticky;
    top: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    max-width: 840px;
}
.fixedElem .stickyHead{
    position: fixed;
    padding-top: 15px;
}
.stickyHead .col1 {
    width: 100%;
}
.listBullet{
    list-style-type: disc;  
    padding: 0 17px; 
}
.listBullet li{
    display: list-item;
    padding-bottom: 10px;
}
.camp_detail_form .copyCode ul li{
    padding-bottom: 5px;
    display: list-item;
}
.noui.copyCode .copyTextfromUL{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #2d55e1;
    font-size: 13px;
}
.noui.copyCode .copyTextfromUL svg{
    position: static;
    margin: -3px 0 0 0;
    vertical-align: middle;
}
.inp_frm a.rep_copy.noui{
        width: auto;
    height: auto;
    margin: 0 0 0 10px;
    background: unset;
    background-size: unset;
    opacity: unset;
}
.inp_frm a.rep_copy.noui:hover{
    text-decoration: underline;
}
.inp_frm a.rep_copy.noui:after{
    content: 'Copy';
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 13px;
    color: currentColor;
}
.inp_frm a.rep_copy.active:after{
    content: 'Copied';
}
.conversionGrid {
    border: solid 1px #ddd;
}
.conversionGrid .item{
    padding: 15px 20px;
    border-bottom: solid 1px #ddd;
    width: calc(50% - 2px);
    display: inline-block;
}
.conversionGrid .item lable{
    font-weight: 600;
}
.conversionGrid .item:nth-child(odd){
    border-right: solid 1px #ddd;
}
.conversionGrid .item:last-child{
    border: none;
}
.camp_detail_form ul li .inp_frm.p0{
    padding: 0;
}
.rep_copy.noui svg{
    position: relative;
    top: 2px;
}
.rep_copy.noui:hover, .copyTextfromUL:hover{
    color: #07c219;
}
.rep_copy.noui:hover svg.copyIcon path{
    fill: #07c219;
}
#list_table .link.p0{
    min-width: 200px;
}
.mb2{
    margin-bottom: 20px;
}
.greytxt{
    color: #767676;
}
.noWrap{
    white-space: nowrap;
}
.exportBlock{
    margin: 15px 0 15px 0;
}
.camp_detail_form .normalLi p{
    padding: 0 !important;
}
.camp_detail_form .normalLi{
    padding: 0 15px;
}
.camp_detail_form .normalLi ul li{
    list-style-type: disc;
    display: list-item;
    margin: 0 20px;
    padding: 0;
}
.modifyfortab{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;

}
.pointer{
    cursor: pointer;
}
@media all and (min-width: 800px){
    .conversionGrid .item:nth-child(even){
        margin: 0 -2px;
    }
    .camp_detail_form ul li .inp_frm.conversionGrid.p0{
        padding: 0 0 0 2px;
    }
}
@media all and (max-width: 800px){
    .w100mb{
        width: 100%;
    }
    .campaign_page {
        padding: 15px 0 150px !important;
    }
    .brandLogo{
        max-width: 50px;
    }
    .fixedElem .stickyHead{
        width: 100%;
        margin: 0;
        left: 0;
        padding: 15px 15px 0 15px;
    }
    .stickyBottom{
        position: fixed;
        bottom: 0;
        border-top: 1px solid #ccc;
        background: #fff;
        padding: 20px 20px;
        width: 100%;
        left: 0;
        right: 0;
    }
    .camp_detail_form ul li .inp_frm{
        padding: 15px;
    }
    .camp_detail_form ul li .inp_frm.singleurl p .copyItem{
        right: 10px;
    }
    .conversionGrid .item {
        width: 100%;
        display: block;
        border-right: none !important;
    }
    table.dataTable>tbody>tr.child{
        display: none !important;
    }
}