body {
  /*background: url(../images/chevron.png); */
  background: var(--body_bg_color-1)!important;
  background-attachment: fixed;
  overflow: hidden;
  overflow-y: scroll;
  color: #000000 !important;
  font-size:14px !important; /*change from default on 21-03-2022 */
  
}
.border.border-primary, .container.border, .container-sm.border {
border-color:var(--background-1)!important;
}
.opal.bg-primary{background: unset !important;}
.h2, h2 {
  font-size:14px !important;
}

.h3, h3 {
font-size:14px !important;
}
.h6, h6 {
    font-size: 12px !important;
    color: #939290 !important;
    font-weight: bold !important;
}
.h4, h4 {
	font-size:14px !important;
}

        /*Dashboard Box Pops*/
		
		.rounded-tringle {
			border-radius: 10px 10px 10px 10px;
			box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); 
		}
		.rounded-tringle-without-shadow {
			border-radius: 10px 10px 10px 10px;
			border: 1px solid rgba(0,0,0,.125) !important;
		}
		.rounded-start {
			border-bottom-left-radius: 30px !important;
			border-top-left-radius:  30px !important;
		}
		.pull-up {
			transition: all .25s ease;
		}
		.pull-up:hover {
			-webkit-transform: translateY(-6px) scale(1.0);
			-webkit-box-shadow: 0 14px 24px rgb(0 0 0 / 20%);
		}
		
.badge {
font-size: 14px !important;
font-weight: 400 !important;
display: inline !important;
padding: 2px 5px !important;
}

.border-primary {
border-color: var(--color-4)!important;
}

.text-vlight{
color:var(--color-3);
}
.bg-vlight{
background:var(--color-3);
}
.text-vdark{
color:var(--color-4);
}
.bg-vdark{
background:var(--color-4);
}

.text-opal{
color:#ffa800;
}
.bg-opal{
background:#ffa800;
}

.text-color-dark {
    color: var(--color-4)!important;
}
.form-control, .input-group-text, .form-select{ font-size: 14px !important;}

.table {
    margin-bottom: 0rem !important;
}

.text-white, .table-dark th {
    color: var(--color-1)!important;
}
.text-white a {
   /* color: var(--color-1)!important;*/
}
.dropdown-item.active, .dropdown-item:active {
background: var(--color-3)!important;
}
ul#VDisplayleft {
    /*right: 0 !important;
    left: auto !important;*/
}
.dropdown-menu {
min-width: 5rem !important;
}

.dropdown-menu-icon {
min-width: 2rem !important;
}

.helpline {
color: var(--heading_text_color-1)!important;
text-align: center;
max-width:400px;
margin:0 auto;
}
.helpline a {
text-align: center;
max-width:400px;
margin:0 auto;
}


.jqte { margin:7px 0 !important;}

/*.jqte_editor, .jqte_source {
min-height: 300px !important;
}*/

.jqte_tool.jqte_tool_1 .jqte_tool_label {
height: 25px !important;
text-decoration: none !important;}

/*.pagination { display: flex; !important;}*/

.pointer {cursor: pointer;}

.pricecolor font[color="green"]{color:#37a238 !important;  }
.pricecolor font[color="red"]{color: #ff0202 !important;}

.btn-abv-search{font-weight:600;color:#ffe484;border-color:var(--color-2)}
.btn-abv-search:hover,.btn-abv-search:active{color:#2a2730;background-color:var(--color-3);border-color:var(--color-4);}
.btn-abv-search:focus{box-shadow:0 0 0 3px rgba(255,228,132,0.25)}
.btn{font-size: 14px !important;}


.header_menu_link { font-size: 14px !important; font-weight: 500 !important;} 
/* change size 17 to 14 on 21-03-2022 */
.dropdown-item { 
/*padding: 0.1rem 1rem !important;*/
padding: 2px 5px !important;
font-size: 14px !important;
/*font-weight: 500 !important;*/
}
/* change from padding: 0.25rem 1rem on 21-03-2022 */
.modal-title { font-size: 14px !important;}
/* change from font-size: 1.5rem; on 21-03-2022 */
h4.title-gradient {
font-size: 14px !important;
/* change from font-size: 1.5rem; on 21-03-2022 */
}
ul.pagination li.details {
    color: var(--body_text_color-1)!important;
}

.user_header_main{

    background:var(--heading_bg_color-1)!important;
    color:var(--heading_text_color-1)!important;
}

.user_header_main a{

    color:var(--heading_text_color-1)!important;
}

.user_header_main h1{
   
    margin: 0px 0 0;
    /*text-transform: uppercase;*/
    font-size: 23px !important;
}
.admin_header_main{
background:var(--heading_bg_color-1)!important;
}

.title-gradient {
    background:var(--heading_text_color-1);
  
    text-transform: capitalize;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.admin_footer_main{
background:var(--heading_bg_color-1)!important;
color:var(--heading_text_color-1)!important;
}

.header_main1 {
  background: url(../images/moroccan-flower-dark.png);

}
.header_main2 {
  background: url(../images/light_grey.png);
 /* background:var(--heading_bg_color-1)!important;*/
  /*color:var(--heading_text_color-1)!important;*/
 
 

}
.princ_bg {
    background: url(../images/light_grey.png);
    border-radius: 1.25rem;
}

.px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;

}

.form-label { font-weight:bold !important; }
.col-form-label { font-weight:bold !important; }

#tabs .nav-link.active {
    background-color: #b5b9bf !important;
}
#tabs .nav-link {
    background-color: #f1ecec !important;
	margin: 1px;
}

.sent_form_div {
    display: none;
}


.container.body_contenter{
 	background:#fff !important;margin:0px auto -25px auto;
}
.container.body_contenter .border-3 {
    border-width: 0px!important;padding:20px 10px;
}
.container.body_contenter .container.bg-light {
    border-width: 0px!important;padding:20px 10px;
}

 .b-example-divider {
  height: 3rem;
  background-color: rgb(11 90 208);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}
.hr-line { border-top: 2px solid #000000; }

.right-body{
background: var(--color-3)!important;
}

.border.vkg {
padding-bottom:10px !important;
}


.vkg h1 {
    color: #0071bc;
    margin: 0px 0 0;
    /*text-transform: uppercase;*/
    font-size: 14px !important;
}

.vkg h2 {
    color: var(--body_text_color-1)!important;
    margin: 0px 0 0;
    font-size: 14px !important;
}

.vkg h4 {
    color: var(--background-1)!important;
    margin-top:3px;
	font-size:14px;
}
.vkgclr h4 {
    color: #000 !important;
    margin-top:3px;
}

.vkg h5 {
    font-size: 14px;
    color: var(--color-4);
    font-weight: 700;
    /* margin: 0;
    margin-bottom: 20px;
   text-transform: uppercase;*/
}

.vkg-main-border {
    /*width: 85px;
    border-bottom: 4px solid #f0454d;
    margin-bottom: 9px;
    margin-top: -2px;*/
}

.vkg-main-border2 {
    /*width: 100px;*/
    border-bottom: 4px solid var(--background-1)!important;
    margin-bottom: 9px;
    margin-top: -2px;
}
.vkg-underline-red {
border-bottom: 5px solid var(--background-1)!important;
}


.clock_bg {
background: url(../images/clock.png); 
}

/*<!--/////////////// For ICE2 Graph //////////////////-->*/

.col-sm-22 {
    flex: 0 0 auto;
    width: 20% !important;
}
.blue-area {
 background: var(--background-1)!important;
}


.modal-body strong {
    /*color: #c0c0c0;*/
}

#main_link a { 
text-decoration:none !important;
/*color:#000;*/
font-weight:bold; 
}
a { 
text-decoration:none !important;
}

.collapseitem{display:none;}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}


.dotdot{display:block;/*width: 100px !important;*/text-overflow: ellipsis;overflow: hidden;}
.echektran {width:100% !important; margin:0 auto !important;}
.collapsea {cursor:pointer;/*font-size: 11px!important;*/}
.collapsea.active {color: #ab0c0c;}
.echektran .collapse, .collapseitem {display:none;}
.echektran .collapse.in, .collapseitem.active  {display:block;}
.padding0 {padding:0 !important; margin:0 !important;}

.relative { position:relative;
/*btn btn-outline-primary*/
}

.flagtags {
    /*background: #f0c4c4;
    border-radius: 3px;
    margin: 2px 3px;
    padding: 0px 8px;
    color: #333;
    display: inline-block;
    line-height: 20px;
    pointer-events: none;
    cursor: pointer !important;*/
}
/*================other color css =================*/
.bd-gray-100{color:#f8f9fa}
.bd-gray-200{color:#e9ecef}
.bd-gray-300{color:#dee2e6}
.bd-gray-400{color:#ced4da}
.bd-gray-500{color:#adb5bd}
.bd-gray-600{color:#6c757d}
.bd-gray-700{color:#495057}
.bd-gray-800{color:#343a40}
.bd-gray-900{color:#212529}
/*================End Heading=================*/

.footer_div .associate i:before {font-size: 18px;
    line-height: 28px;
    margin: 10px 0 0 10px;}
	
.modal_popup3_frame_img_div{display: none;}.modalpopup_form_popup {display:none; position:fixed;z-index:9999999999999; top:0; left:0;}.modalpopup_form_popup_layer {display:block; position:fixed; z-index:999999; width:100%; height:100%; background:#000; opacity:0.2; top:0; left:0; }.modalpopup_form_popup_body {display:block; position:fixed; z-index:9999999;left:50%;top:50%;width:300px;height:260px;margin:-130px 0 0 -150px;opacity:1;border-radius:5px;color:#fff;text-align:center;overflow:hidden; }.modalpopup_form_popup_close {position: absolute; z-index: 99; float: right; right: -20px; top: -20px; width:40px; height:40px; font: 800 40px/40px 'Open Sans'; color:#fff !important; background:#f30606; text-align:center; border-radius:110%; overflow:hidden; cursor: pointer;}.waitxt{font-size: 14px;margin:10px 0 0 0;background:#444;color:#fff;padding:3px;border-radius:3px;white-space:nowrap;position:absolute;z-index:3;bottom:0px;width:100%;}


.loading {position:relative;float:left;clear:both;width:90%;margin:75px 0;font-size:16px;text-align:center;padding:5%;line-height:30px;}
.modal_popupframe .navbar.main, .modal_popupframe .adm_tr_2, .modal_popupframe .adm_wel_1, .modal_popupframe .copy {display:none !important;}
.waitxt.plea1{top:33%;width:100px;height: 30px;left:50%;margin:0 0 0 -50px;}

.modal_popup_popup {display:none; position:fixed;z-index:999999; top:0; left:0;}.modal_popup_popup_layer {display:block; position:fixed; z-index:999999; width:100%; height:100%; background:#000; opacity:0.5; top:0; left:0; }.modal_popup_popup_body {display:block; position:fixed; z-index:9999999; width:90%; height:520px; background:#fff; opacity:1; border-radius:5px; left:5%; top:50%; margin:-260px 0 0 0; }.modal_popup_popup_close {position: absolute; z-index: 99; float: right; right: -20px; top: -20px; width:40px; height:40px; font: 800 40px/40px 'Open Sans'; color:#fff !important; background:#f30606; text-align:center; border-radius:110%; overflow:hidden; cursor: pointer;text-decoration:none;}


.modal_popup_popup_body2 {position: fixed;
    z-index: 999999;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;}
.modal_popup_html2 {position: relative;
    z-index: 999999;
    vertical-align: middle;
    text-align: center;
    width: 345px;
    height: 245px;
    top: 50%;
	left: 2%;
    margin: -123px auto auto;}

.modal_popup_html3 {position: relative;
    z-index: 999999;
    vertical-align: middle;
    text-align: center;
    width: 345px;
    height: 445px;
    top: 50%;
	left: 2%;
    margin: -223px auto auto;}
	
	.modal_msg{display:none;position:fixed;z-index:999999;top:0;left:0}.modal_msg_layer{display:block;position:fixed;z-index:999999;width:100%;height:100%;background:#000;opacity:.5;top:0;left:0}.modal_msg_body{display:block;position:fixed;z-index:9999999;width:250px;height:200px;background:var(--color-3);opacity:1;border-radius:5px;left:50%;top:50%;margin:-100px 0 0 -125px}.modal_msg_close{position:absolute;z-index:99;float:right;right:-20px;top:-20px;width:40px;height:40px;font:800 40px/40px 'Open Sans';color:#fff!important;background:var(--color-4);text-align:center;border-radius:110%;overflow:hidden;cursor:pointer}.modal_msg_close2{position:absolute;z-index:99;float:right;left:50%;bottom:7px;width:100px;height:30px;font:400 18px/30px 'Open Sans';color:#fff !important;background:var(--color-4);text-align:center;border-radius:3px;overflow:hidden;cursor:pointer;margin:0 0 0 -50px} .switchTb{font-weight:bold;margin:40px 0 0 !important;}

/*///  from footer*/

/*.members .search_textbx, input.search_textbx {width:98%  !important;}*/
.modalpopup_body {float:left;width:900px;height: 390px;position: fixed;z-index: 9999999;top: 50%;left: 50%;margin: -195px 0 0 -450px;background: #fff;border-radius: 5px;}
.modalpopup_cdiv {float:left;width:96%;margin:3%;background:#fff;}
.modal_popup3_frame_img_div {display:none;}
.pull_right {float:right;clear:right;width:auto;text-align:right;padding:2px 1%;border-top:2px solid #ccc;;}
.modal_popup_close {/*position:absolute;*/z-index:99;float:right;right:-20px;top:-20px;width:40px;height:40px;font:800 40px/40px 'Open Sans';color: #fff !important;    background: #f30606;text-align:center;border-radius:110%;overflow:hidden;cursor:pointer;}
.modalpopup_body.absolute{position:absolute;height:inherit;margin-bottom:50px}
.hrefmodal {cursor:pointer;}
.addrembtn {float:left;width:99%;margin:10px 0 -30px 0;position:relative;   z-index: 99;}
.tranrow {float:left;width:50%;}
.buyer_row {float:left;width:50%;}
.title2 {font-size: 11px !important; padding: 10px 1.5%; margin: 0px 0 0 0; float: left; border-bottom: 2px solid #ccc; width: 97%;}



.hide, .table-responsive tr.hide {display:none;}
.restartfa.active {display:none;}
.clearfix { clear:both !important;; }




body .bg-white {
    background-color: var(--bg-1)!important;
	background: var(--bg-1)!important;
}
body .bg-primary {
	background: var(--background-1)!important;
}
.text-primary {
	color: var(--background-1)!important;
}

body .btn-primary {
    color: var(--bg-1)!important;
    border-color: var(--border-color-1);
	background: var(--background-1)!important;
}
body .btn-primary-h {
    color: var(--color-1)!important;
    background-color: var(--background-1)!important;
    border-color: var(--color-1)!important;
	background: var(--background-1)!important;
}
body .btn-primary:hover {
    color: var(--color-1);
    background-color: var(--background-1)!important;
    border-color: var(--border-color-1);
	background: var(--background-1)!important;
}
body .btn-check:active+.btn-outline-primary, body .btn-check:checked+.btn-outline-primary, body .btn-outline-primary.active, body .btn-outline-primary.dropdown-toggle.show, body .btn-outline-primary:active,.btn-outline-primary:hover{
    color: var(--color-1);
    background-color: var(--background-1)!important;
    border-color: var(--border-color-1);
	
	background: var(--background-1)!important;
    border: var(--border-color-1);
}
body .btn-outline-primary{
    color: var(--background-1);
    /*background-color: var(--color-1);*/
    border-color: var(--border-color-1);
	
	/*background: var(--color-1);
    border: var(--border-color-1);*/
}
body table th {
    background-color: var(--background-1);
	
	background: var(--background-1);
	
	color: var(--color-1);
}
.input-group-text {
 /*color: var(--body_text_color-1)!important;*/
 /*color: var(--color-1)!important;*/
 }

body a {
    color: #111111;
}

 .rounded-end {
  border-bottom-right-radius: 30px !important;
  border-top-right-radius:  30px !important;
 }

body th a {
   color: var(--color-1) !important;
}
body a:hover {
    /*color: var(--border-color-1);*/
	color: #ffa800;
}
body .b-example-divider {
    background-color: var(--background-1);
	
	background: var(--background-1);
}

<!--/////////////// END Root CSS For Color Template  ////////////////////////-->

.wrapper .container {
    max-width: 100%;
}

.btn-check:focus+.btn, .btn:focus {

}
.border-watch{
border-color:var(--color-4)!important;
}
.border{
border-color:var(--border-color-1) !important;
}



/* start: table excel  */
.tbl_exl {width: 94vw;overflow:scroll;max-height: 500px;margin: 0 auto;float: left;}
.tbl_exl table {position:relative;border:1px solid #ddd;border-collapse:collapse;max-width: inherit;}
.tbl_exl td, .tbl_exl th, .dtd {white-space:nowrap;border:1px solid #ddd;padding: 8px 18px !important;text-align:center;}
/*.tbl_exl th {background-color:#eee !important;position:sticky;top:-1px;z-index:2; &:first-of-type {left:0;z-index:3;} }*/
.tbl_exl tbody tr td:first-of-type{background-color: #eee !important;position:sticky;left:-1px;text-align:left;}
.dtd {display:table-cell;}
.tbl_exl tr:hover td {background:#dadada;}
.tbl_exl tr:hover td:first-of-type, .tbl_exl tr td:first-of-type, .tbl_exl td {padding: 5px 18px !important;}

.tbl_exl tr:hover td:first-of-type, .tbl_exl tr:hover td:hover, .tbl_exl tr:hover td, .tbl_exl tr:hover td a, .tbl_exl tr:hover td div {background: #177501 !important;color:#fff !important;}
.tbl_exl tr:hover td a:hover {color:#f7ff4a !important;}
.tbl_exl diff {background:#7b0909;color:#fff !important;}
.tbl_exl.td_relative tbody tr td:first-of-type{position:relative;left:0px;text-align:left;z-index:9;}

.diff_log {
display: inline-block;
border-radius:150%;
background:red;
text-align: center;
padding: 0px 0 0 0px;
overflow: hidden;
color: #fff;
vertical-align: middle;
line-height: 16px;
min-width: 8px;
max-width: 15px;
margin: 3px 0px 0px 2px
font-weight: bold;
position: absolute;
left: 0;
width:50px;
}
/* end: table excel  */


/* start: table excel for transaction  */
.tbl_exl2 {width: 94vw;overflow:scroll;max-height: 2000px;margin:0 auto;float: left;}
.tbl_exl2 table {position:relative;border:1px solid #ddd;border-collapse:collapse;max-width: inherit;}
.tbl_exl2 .trc_1 td {white-space:nowrap;}
.tbl_exl2 td, .tbl_exl2 th, .dtd {border:1px solid #ddd;padding: 8px 10px !important;text-align:center;}
/*.tbl_exl2 th {color:#000;background-color:#eee !important;position:sticky;top:-1px;z-index:93; &:first-of-type {left:0;z-index:95;} 

}*/
.tbl_exl2 tbody tr td:first-of-type{/*background-color: #eee !important;*/position:sticky;left:-1px;text-align:left;z-index:9;}
.dtd {display:table-cell;}
.tbl_exl2 tr:hover td {background:#dadada;}
.tbl_exl2 tr:hover td:first-of-type, .tbl_exl2 tr td:first-of-type, .tbl_exl2 td {padding: 0px 1px !important;}

.tbl_exl2 tr:hover td:first-of-type, .tbl_exl2 tr:hover td:hover, .tbl_exl2 tr:hover td, .tbl_exl2 tr:hover td div, .tbl_exl2 tr:hover .hover_tr  {background: #fff !important;}
.tbl_exl2 tr:hover td a:hover {}
.tbl_exl2 diff {background:#7b0909;color:#fff !important;}
.tbl_exl2.td_relative tbody tr td:first-of-type{position:relative;left:0px;text-align:left;z-index:9;}

.btna .btn {margin:-7px 0 0 0;padding:0 10px;}
.activeTab{font-size:18px;/*position:relative;*/border-bottom:2px solid var(--color-4) !important;background:#19d000!important;}
/*.activeTab::after{content:'';position:absolute;left:42%;top:100%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #19d000;clear:both;}*/

.breadcrumb { display:block !important; }



 
 
@media only screen and (max-width: 1800px) and (min-width: 1200px){
.display_small_web { display:none;}
.display_full_web { display:block;}
}

/*End nom Media  CSS*/
@media (max-width: 1270px) {
 .clocktime {
 font-size: 14px !important;
 }
 .display_small_web { display:block;}
 .action_width { width:70px;}
 .display_full_web { display:none;}
 
  #mer_website_css .col-sm-4 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
}
}
@media only screen and (max-width: 1300px) and (min-width: 1000px){

.s_section #adv_search_css .col-sm-2 {
    flex-shrink: 0;
    width: 33.33%;
    max-width: 33.33%;
}
}

/* end media 1270*/
@media only screen and (max-width: 1200px) and (min-width: 1000px){
.btn-abv-search{
font-size: 10px;
height: 38px;
padding-top: 10px;
}

.clocktime {
font-size: 10px;
/*height: 38px;*/
/*padding-top: 10px;*/
}


}
/* end media 1100*/	
@media (max-width: 999px) {

.s_section .col-sm-2 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}

.s_section .spacestart {
 padding-left: 0!important;
}

.s_section .col-sm-4 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}

.s_section .col-sm-3 {
    flex-shrink: 0;
    width: 25%;
    max-width: 25%;
}
.s_section .col-sm-9 {
    flex-shrink: 0;
    width: 75%;
    max-width: 75%;
}
.s_section .col-sm-5 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
.s_section .col-sm-6 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
.s_section .col-sm-8 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
.s_section_search .col-sm-6 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
}
.s_section_merchant .col-sm-3 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
.s_section_merchant .col-sm-2 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
.s_section .col-sm-1 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}

.s_section_user_index .col-sm-2 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
}

#withdraw_fund_for_css .col-sm-3 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
}

#subadmin_css .col-sm-4 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
}
#add_partners_html .col-sm-2 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
    }
#manageuserforcss .col-sm-3 {
    flex-shrink: 0;
    width: 33.33%;
    max-width: 33.33%;
    }
#massmailforcss .col-sm-4 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
.s_section #adv_search_css .col-sm-2 {
    flex-shrink: 0;
    width: 33.33%;
    max-width: 33.33%;
    }
#merchantidforcss .col-sm-3 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
    }
	
	#bankgatewaycss .col-sm-6 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#subadmin_nodify_for_css .col-sm-6 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	
	#bank_section .col-sm-6 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	
	#bank_section .upload-docimgx .col-sm-4 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	.graph_css .col-sm-8 {
	flex-shrink: 0;
    width: 100%;
    max-width: 100%;
	}
	#mer_website_css .col-sm-4 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	.top-cards .col-sm-22 {
	flex-shrink: 0;
    width: 33% !important;
    max-width: 33% !important;
	}
	
	.navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
    }

}
@media (max-width: 900px) {
 #country_css .col-sm-9, .col-sm-3  {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }

}


/* end media 825*/
@media (max-width: 768px) {

.s_section .col-sm-3 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}

    #manageuserforcss .col-sm-3 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
    }
	
	#merchantsearchforcss .col-sm-5, .col-sm-2 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#cssforsetting .col-sm-3, .col-sm-9 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
    .s_section #adv_search_css .col-sm-2 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
    }
	#merchantaddbankforcss .col-sm-4 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	
	.graph_css .col-sm-2 {
	flex-shrink: 0;
    width: 20%;
    max-width: 20%;
	}
	.graph_css .col-sm-10 {
	flex-shrink: 0;
    width: 80%;
    max-width: 80%;
	}
	.graph_css .col-sm-5 {
	flex-shrink: 0;
    width: 40%;
    max-width: 40%;
	}
	.graph_css .col-sm-6 {
	flex-shrink: 0;
    width: 50%;
    max-width: 50%;
	}
	
	#cssfortrpop .col-sm-3 {
    flex-shrink: 0;
    width: 25%;
    max-width: 25%;
    }
	
	#cssfortrpop .col-sm-9 {
    flex-shrink: 0;
    width: 75%;
    max-width: 75%;
    }
	#trans_reson_css .col-sm-2 {
    flex-shrink: 0;
    width: 16.66666667%;
    max-width: 16.66666667%;
    }
	
	
}
/* end media 767*/

@media (max-width: 600px) {
	#withdraw_fund_for_css .col-sm-3, .col-sm-6  {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#merchantidforcss .col-sm-3 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#add_partners_html .col-sm-3 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
    }
	.title_addnew_common .col-sm-6 {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
    }
   #indbus .col-sm-6  {
    flex-shrink: 0;
    width: 50%;
    max-width: 50%;
    }
	#trans_reson_css .col-sm-3 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
}
/* end media 600*/
@media (max-width: 500px) {


}
/* end media 500*/
@media (max-width: 460px) {

	.s_section_user_index .col-sm-2 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#withdraw_fund_for_css .col-sm-3 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#add_partners_html .col-sm-2 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#subadmin_css .col-sm-4 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
   
   #manageuserforcss .col-sm-3 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	.s_section #adv_search_css .col-sm-2 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	.s_section_search .col-sm-6 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
   }
#bankgatewaycss .col-sm-5 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#add_partners_html .col-sm-3 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	#add_partners_html strong {width:100%; text-decoration: underline;
    }	
	.graph_css .col-sm-5 {
	flex-shrink: 0;
    width: 100%;
    max-width: 100%;
	text-align:center;
	}
	.graph_css .col-sm-6 {
	flex-shrink: 0;
    width: 100%;
    max-width: 100%;
	}
	
}
/* end media 460*/
@media(max-width: 576px) {
.user_footer_align1 {
     flex-shrink: 0;
     width: 100%;
     max-width: 100%;
	 text-align:center;
	 padding-top:5px;
	 padding-bottom:5px;
    }
	.user_footer_align2 {display:none;}
    
    
	.clocktime {
      font-size: 11px;
	  height: 38px;
      padding-top: 10px;
      }
	   
    #mer_website_css .col-sm-1 {
    flex-shrink: 0;
    width: 8.33333333%;
    max-width: 8.33333333%;
    }
	 #mer_website_css .col-sm-8 {
    flex-shrink: 0;
    width: 66.66666667%;
    max-width: 66.66666667%;
    }
	.top-cards .col-sm-22 {
	flex-shrink: 0;
    width: 50% !important;
    max-width: 50% !important;
	}
}
/* end media 410*/

@media (max-width: 406px) {
 .clocktime {
  font-size: 8px;
  height: 38px;
  padding-top: 10px;
  }

}
/* end media 406*/
@media (max-width: 375px) {
	.top-cards .col-sm-2 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    }
	
	.blue-area {
	width: 101% !important;
    margin-top:13% !important;
	}
	.top-cards .col-sm-22 {
	flex-shrink: 0;
    width: 100% !important;
    max-width: 100% !important;
	}

}
@media (min-width: 400px){
	.navbar-expand-lg .navbar-collapse {
	   /* display: flex!important;*/
	   /* flex-basis: auto!important;*/
	}
}