/*---primary: #11A1FD;  primary dark: #085DB6;  light:#4CC3FD;---*/
*{ margin: 0; padding: 0; outline: none !important; }
body{ font-family: 'Open Sans', sans-serif; font-size: 14px; }
h1,h2,h3,h4,h5,h6,p,ul{ margin: 0; padding: 0; }
button:focus{ box-shadow: none !important; }
::-webkit-scrollbar { width: 2px; height: 6px; }
::-webkit-scrollbar-track { background: #fff; }
::-webkit-scrollbar-thumb { background: #085DB6; }
::-webkit-scrollbar-thumb:hover { background: #555; }

.dataTables_processing {  font-size: 20px;padding: 9px !important; border: 1px solid rgba(0,0,0,1.125) !important ;}
.form-control{ height: auto !important; font-size: 16px;     border: 1px solid rgba(0,0,0,1.125) !important ;}
.modal-header{color: #fff; border-radius: 15px 15px 0 0; }
.modal_btn{ background: linear-gradient(to top, #11A1FD,#4CC3FD); color: #fff; transition: .3s;border-radius: 4px;  }
.modal_btn:hover{ background: linear-gradient(to top, #4CC3FD,#11A1FD); color: #fff; }
.modal_btn_dark{ background: linear-gradient( to top, #615F5F, #888); color: #fff; transition: .3s;border-radius: 4px; }
.modal_btn_dark:hover{ background: linear-gradient( to top, #888, #615F5F); color: #fff; }
.login_left{ background: #ffff; padding: 220px 60px 0 60px; height: 100vh; }
.login_right{ height: 100vh; background: url(img/login_bg.jpg) no-repeat center; background-size: cover;  }
.login_form .input-group,.forget_pass .input-group{ border-radius: 10px; }
.login_form .input-group .input-group-text,.forget_pass .input-group .input-group-text{ color: #11A1FD; }
.forget_pass .form-control{ font-size: 14px; }
.login_right p{position: absolute; right: 20px; bottom: 15px;display: inline-block; }
.modal-content,.login_form .input-group{ background: #f1f1f1; }
.shadow-sm{ box-shadow: 0 0.15rem 1.75rem 0 rgba(31, 45, 65, 0.15) !important; }


select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  appearance:none;
}

select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

/*********************************login page close*********************************/

.innr_pge_card{ background: #f9f9f9; }
.nav-link{ color:#000 !important; }
.logo img { height: 10px;}
.sidebar_nav {background: #fff; position: fixed; left: 0; height: 100vh; top: 78px; overflow-y: auto;padding-bottom: 100px !important ; } 
.sidebar_nav ul li{list-style: none; } 
.sidebar_nav ul li a{display: block; padding: 10px 20px; transition: linear .3s; } 
.sidebar_nav ul li a:hover{background: #eff3f9; color: #333; } 
.sidebar_nav ul li a>span{ transition: .3s; } 
.sidebar_link{display: none; opacity: 0; } 
.sidebar_link_show{display: inline-block; opacity: 1; }
.sidebar-submenu a{ background: #eff3f9; } 
.submenu-icon::after {content: " \eab8"; font-family: icofont; display: inline; text-align: right; padding-left: 10px; transition: linear .3s; } 
.list-group .list-group-item[aria-expanded="true"] 
.submenu-icon::after {content: " \eab9"; font-family: icofont; display: inline; text-align: right; padding-left: 10px; } 
/*Made Changes*/
.main_content{background: #eff3f9; padding:75px 0 70px 74px; overflow: hidden; }
.bootstrap-select .dropdown-menu.inner {height: 300px;overflow-x: hidden;}

/*us reporting chart changes */
.modal-body.table-responsive {
    height: 500px;
    overflow-x: hidden;
}
/*Roi Changes*/
.table td,.table th{padding:0.35rem;}
/************************************main content area************************************/

.earning_box,.card, .modal-content,.lds_pymnts_bx,.ttle_pges,.table_filtr{ border-radius: 15px; } 
.dash_head_tabs .nav-tabs .nav-link { border: none; text-transform: uppercase;  font-weight: 600; letter-spacing: 1px; }
.dash_head_tabs .nav-tabs .nav-link,.lds_pymnts_bx h4,.mrchnt_tble td{ font-size: 16px; }
.dash_head_tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ border-bottom: 3px solid #0c7dd9; background: transparent; }
.earning_text p{ font-size: 13px; } 
.earning_icon span {width: 70px; height: 70px; display: inline-block; padding: 9px 0; font-size: 32px; } 
.earning_box .icon1{ background: #11a1fd30; color: #11A1FD; } 
.earning_box .icon2{ background: #6774DF30; color: #6774DF; } 
.earning_box .icon3{ background: #F5A40330; color: #F5A403; }
.card-header{ border-radius: 15px 15px 0 0 !important; background: linear-gradient(51deg, #4cc3fd, #2a6dbd 62%); }
.mrchnt_tble th{ font-weight: normal; }
.stats span{font-size: 42px; }
.stats .icon1{ color: #4CC3FD; }
.stats .icon2{ color: #F5A403; }
.stats .icon3{ color: #6774DF; }
.stats .icon4{ color: #4CFD93; }
.stats .icon5{ color: #03D4F5; }
.stats .icon6{ color: #F3A74F; }
.ttl_bx1,.modal-header{ background: linear-gradient(to right, #11A1FD, #6aaccc); }
.ttl_bx1 h5, .ttl_bx1 p{color: #21343e !important }
.ttl_bx2{ background: linear-gradient(to right, #EC9B3B, #F7BE16); }
.ttl_bx2 h5, .ttl_bx2 p{color: #462626 !important; }
.ttl_bx3{ background: linear-gradient(to right, #A486DB, #D89CF6); }
.ttl_bx4{ background: linear-gradient(to right, #2ECC7C, #97F982); }
.ttl_bx4 h5, .ttl_bx4 p{color: #0c4d2c !important; }

.ttl_bx5{ background: linear-gradient(to right, #ED6663, #FFA372); }
.ttl_bx p{ font-size: 22px; }
.lds_pymnts_bx{ overflow: hidden; }
.lds_pymnts_bx h4{ font-weight: bold; }
.lds_pymnts tr th{ font-size: 12px; }
.lds_pymnts tr th:last-child{ background: #4CC3FD; color: #fff; }
.table_filtr{ background: #f9f9f9; }
.prfle_stts span{ font-size: 32px; }
.dropdown-menu-right li {
    float: left;
    width: 100%;
    background: #9e81b5;
    color: #fff !important;
}

.dropdown-menu-right li a {
    color: #fff;
    letter-spacing: 3px;
    border: none;
}


@media screen and (max-width:1600px) and (min-width: 767px){
	
	.logo-area div img{
        width: 8pc !important;
        margin-top: 14px
    }
    .earning_box .icon1 {
        padding: 10px 0px 0px 10px;
    }
    .earning_box .icon2 {
        padding: 10px 0px 0px 10px;
    }
    .earning_box .icon3 {
        padding: 10px 0px 0px 10px;
    }
}

td.child {
    background: #349cf7;
    color: white;
}



@media screen and (max-width:767px){
    .earning_box .icon1 {
        padding: 10px 0px 0px 10px;
    }
    .earning_box .icon2 {
        padding: 10px 0px 0px 10px;
    }
    .earning_box .icon3 {
        padding: 10px 0px 0px 10px;
    }
	.login_left{ padding:50px 15px 0 15px; }
	.login_right{ display: none; }
	.sidebar_nav{ top: 109px; left:-80px; transition: .3s; }
	.sidebar_collapse {left: 0; }
	.main_content{ padding: 98px 0 30px 0; }
	/* ul.header_nav_list{ display: flex; justify-content: space-between; } */
	.header_nav_profile .dropdown-toggle{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0; }
	ul.header_nav_list li, ul.header_nav_profile li{ display: block; }
  .dropdown-menu{ width: 100%; }

  .header_nav .mob-head-1  {
    float: left;
    width: max-content;
  }

  .mob-menu{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header_nav .mob-head-2 {
  float: right;
  width: max-content;
}
.main_content{
  padding:99px 0 30px 0px;
}
ul.dash_head_left li {
  padding: 5px 0;
}
.top-head-dropdown .dropdown-menu li a,.header_nav_profile li:nth-child(2) a,.dropdown-menu a {
font-size: 11px;
padding: 2px 13px !important;
}
.button-li button,ul.header_nav_profile li div i {
font-size: 10px;
}
.header_nav_profile li:nth-child(2) a img {
width: 40px;
height: auto;
}
.responsive-mob-menu{
  margin-top: 2px !important;
  margin-bottom: -2px;
  position: relative;
    top: 11px;
}
.logo-area{
    width: 90%;
    margin: auto;
}

.bell-icon-area i {
  padding: 9px 10px;
  position: relative;
    top: 3px;
}
.header_nav   {
    height : 109px !important;
  }
  
  .wid tr th {
    width : 0px !important;
    }
}
@media screen and (max-width:767px) and (min-width: 400px){
    	.logo-area div img {
            width: 45% !important;
            margin-left: 80px !important;
        }
        .login_left{ 
            padding:150px 60px 0 60px; 
        }
	
	    .logo-area {
        width: 90%;
        margin: auto;
        }
        
        .responsive-mob-menu{
                margin-top: -2 !important;
        }
        
        i.icofont-chart-histogram {
            font-size: 25px;
        }
        

        .earning_icon span {
            width: 46px;
            height: 50px;
            display: flex !important;
        }
	    
        }
@media screen and (max-width:400px){
    	.logo-area div img {
            width: 59% !important;
            
        }
            
}
        
        .logo-area div img{
              width  : 78%; 
        }

/*CSS*/
.top-text-block {display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: inherit !important; border-bottom: 1px solid #f4f4f4; position: relative; font-size: 13px; } 
.top-text-block:hover:before {content: ''; width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } 
.top-text-block.unread {background: #ffc; } 
.top-text-block .top-text-light {color: #999; font-size: 0.8em; } 
.top-head-dropdown .dropdown-menu {width: 350px; height: 300px; overflow: auto; } 
.top-head-dropdown li:last-child .top-text-block {border-bottom: 0; } 
.topbar-align-center {text-align: center; } 
.loader-topbar {margin: 5px auto; border: 3px solid #ddd; border-radius: 50%; border-top: 3px solid #666; width: 22px; height: 22px; -webkit-animation: spin-topbar 1s linear infinite; animation: spin-topbar 1s linear infinite; } 
.top-head-dropdown .dropdown-menu li {border-bottom: 1px solid #ccc; } 
.top-head-dropdown .dropdown-menu li:last-child {border: none; }
.top-head-dropdown button{ font-size: 14px; }
@-webkit-keyframes spin-topbar {
  0% {-webkit-transform: rotate(0deg); } 
  100% {-webkit-transform: rotate(360deg); }
} 
@keyframes spin-topbar {
  0% {transform: rotate(0deg); } 
  100% {transform: rotate(360deg); } 
}


.myfade {
    margin-top: 25px;
    font-size: 15px;
    text-align: center;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* my style Maroof */

.shadow-sm-block {
    background : transparent !important;   
} 


/* My Style Asad */

/* Asad */
.btn-shadow {
  background: linear-gradient(90deg, #0c7dd9, #4CC3FD) !important;
}
.dropdown-toggle::after{
  display: none;
}
.cb {
  border-radius: 24px !important;
  font-size: 17px !important;
  font-family: sans-serif;
  transition: all ease 500ms !important;
  font-weight: bold;
}
.cb1{
  background: linear-gradient(to right, #2ECC7C, #97F982) !important;
}
.cb2{
  background: linear-gradient(to right, #EC9B3B, #F7BE16) !important;
}
.cb3{
  background: linear-gradient(to right, #A486DB, #D89CF6) !important;
}



.custom-center{
  display: flex;
  align-items: center;
  justify-content: center;
}

.es-label {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase !important;
  padding: .5rem !important;
  text-align: center !important
}
.card-header-child {
    /* border-radius: 15px 15px 0 0 !important; */
    /* background: linear-gradient(-80deg, #ff6701, #011c4b 62%); */
    background: #66666659;
    padding: .75rem 1.25rem;
    border-radius: 0 !important;
}

.card-header-child h4 {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}



  /*waist*/

/*td.my_class {*/
/*  display: table-cell !important;*/
/*}*/
/*.table-hide-first-column thead th{*/
/*  display: table-cell !important;*/
/*}*/
/* Mobile Witdth block */
/*.table-hide-first-column tr td:nth-child(1),.table-hide-first-column thead th:nth-child(1) {display: none !important;}*/

/*.table-hide-first-column tr td:nth-child(2) {display: none !important;}*/

/*td.details-control {*/
/*  background: url('https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_open.png') no-repeat center center;*/
/*  cursor: pointer;*/
/*}*/
/*tr.shown td.details-control {*/
/*  background: url('https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_close.png') no-repeat center center;*/
/*}*/

td,th 
{
    text-align: center !important; 
    vertical-align: middle !important;
    
}
td.child ul {
  list-style: none;
}


td.child ul li span.dtr-title {
  font-weight: bold;
  width: 20% !important;
}

td.child ul li {
  margin: 15px 0px;
}
.dt-mb-r{
  width: inherit !important;
}

.responsive-mob-menu{
  margin-top: 24px;
}
.header_nav   {
    height : 70px;
  }
  
  .menu-adj {
    top: -14px !important;
}
.dt-buttons {
    float: inherit !important;
}
.dropdown  div {
    top: -14px !important;
}