/* Custom CSS Start */
body{ 
	background-color: #ffffff;
	/* overflow: hidden; */
}

body[data-sidebar=dark] .vertical-menu{background: #333661;}
body[data-sidebar=dark] .navbar-brand-box{background: #333661;} 
body[data-sidebar=dark] .mm-active .active{background-color: #4a4d7c;}
body[data-sidebar=dark] #sidebar-menu ul li a{color: #fff;}
body[data-sidebar="dark"] #sidebar-menu ul li a:hover {color: #fff;}
body[data-sidebar=dark] #sidebar-menu ul li a i {color: #fff;}
#sidebar-menu ul li a i {color: #fff !important;}
body[data-sidebar="dark"] .mm-active .active {color: #fff !important;}
body[data-sidebar="dark"] .mm-active .active i {color: #333661 !important;}
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a{color: #fff;}
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {color: #fff;}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {color: #fff !important;}
body[data-sidebar=dark] .menu-title{color: #fff;}
body[data-sidebar=dark] #sidebar-menu ul>li>a.mm-active{background: #2e3035;}
body[data-sidebar="dark"] .mm-active {color: #fff !important;}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a { background: #2e3035; color: #fff; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active { color: #fff !important; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul { background-color: #2e3035; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover { color: #fff; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a { color: #fff; }
.mini-stat .mini-stat-img { background-image: none; }
a { color: #2e3035; }
.btn-primary { color: #fff; background-color: #333661; border-color: #333661; }
.btn-primary:hover { color: #fff; background-color: #2e3035; border-color: #2e3035; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: #2e3035; border-color: #2e3035; }
.btn-primary.focus, .btn-primary:focus { background-color: #2e3035; border-color: #2e3035; }
.btn-success { color: #fff; background-color: #333661 !important; border-color: #333661 !important; box-shadow: none !important; }
.btn-success:hover { color: #fff; background-color: #2e3035; border-color: #2e3035; }
.text-black { color: #333661; }
.page-content .page-title-box h4 { font-size: 18px !important; color: #333661 !important; margin-bottom: 0; }
[class*=" ti-"], [class^="ti-"] { font-weight: 500; font-size: 16px; }
.page-link { color: #2e3035; }
.chase-dot::before { background-color: #333661; }
#pills-tournament-block .card.text-white.mini-stat.btn-danger.red-btn { background-color: #e8314f !important; }
#pills-tournament-block .card.text-white.mini-stat.bg-success.green-btn { background-color: #22c674 !important; }
.bg-dark {background-color: #333661 !important;} 
/* .card{background-color: #F9F9F9;} */
.login-card { background-color: #ffffff; }
 /* login page */
.topbar, .topbar{z-index:999;}
header nav .logo-icon img {width: 35px;}
header nav .logo-text img {width: 170px;}
#loginform { color: #333661; border-radius: 25px; }
.card-body.pt-0 .text-center.mt-4 {
	border-radius: 15px;
	background-color: #333661;
	padding: 10px 0;
}
.form-control { color: #333661; background-color: #D9D9D9; }
.btn-info { color: #fff; background-color: #333661; border-color: #333661; }
.btn-info:hover { background-color: #2e3035; border-color: #2e3035; }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #333661; border-color: #333661; }
.btn-info.focus, .btn-info:focus { color: #fff; background-color: #333661; border-color: #333661; box-shadow: none; }
.red-text { color: #e8314f !important; }
.red-btn { color: #fff; background-color: #e8314f; 	border-color: #e8314f; }
.red-btn:hover { color: #fff; background-color: #ed4e51; border-color: #ed4e51; }
.green-btn { color: #fff; background-color: #22c674; border-color: #22c674; }
.green-btn:hover { color: #fff; background-color: #2cd07e; border-color: #2cd07e; }
.btn-success:not(:disabled):not(.disabled).active,.btn-success:focus, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #2cd07e;
	border-color: #2cd07e;
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #2e3035;
	background-color: #2e3035;
}
.gray-btn {
	color: #2e3035 !important; 
}
.fa-share-square::before {
	content: "\f14d";
	color: #2e3035;
}
.fa-wallet::before { content: "\f555"; color: #2e3035; }
.active-btn { text-decoration: underline; color: #2e3035 !important; }
.account-pages { height: 100vh; }
.account-pages.my-3.pt-sm-5 { 
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important; 
}
.bg-success.text-white.rounded.p-1 { white-space: nowrap; }

#loginform .logo_icon, #recoverform .logo_icon{width: 35%;margin-bottom:5px;} #loginform .logo_text, #recoverform .logo_text{width: 61%;margin-bottom:5px;}
.profile-image-topbar{width:36px;height:36px;object-fit:cover;} .profile-image-topbar-card{width:80px;height:80px;object-fit:cover;}
.img-thumb-profile1{width: 100px;height: 100px;object-fit: cover;}
.img-thumb-profile2{width: 130px;height: 130px;object-fit: cover;transition: all 0.2s ease-in-out;box-shadow: 0 0 0 2px hsl(0, 0%, 50%);}
.img-thumb-profile2:hover {box-shadow: 0 0 0 2px hsl(0, 0%, 50%), 0 0 0 4px hsl(0, 0%, 60%), 0 0 0 6px hsl(0, 0%, 70%), 0 0 0 9px hsl(0, 0%, 80%), 0 0 0 12px hsl(0, 0%, 90%);}
.img-thumb-profile3{width: 200px;height: 200px;object-fit: cover;}
.img-thumb-profile4{width: 250px;height: 250px;object-fit: cover;}
.img-thumb-icon{width: 35px;height: 35px;object-fit: contain;}
.img-thumb1{width: 100px;height: 100px;object-fit: cover;}
.img-thumb2{width: 200px;height: 200px;object-fit: cover;}
.img-thumb3{width: 300px;height: 300px;object-fit: cover;}
.img-thumb4{width: 400px;height: 400px;object-fit: cover;}
.img-thumb5{width: 500px;height: 500px;object-fit: cover;}
.img-thumb-landscap{width: 100%; height: 185px; object-fit: cover;}
.img-thumb-potrait{width: 200px; height: 300px; object-fit: cover;}
.mauto{margin: 0 auto;}
.center {text-align: center;}
.block-center {width: 100%;display: inline-block;text-align: center;}
.w10{width:10px;}.w20{width:20px;}.w30{width:30px;}.w40{width:40px;}.w50{width:50px;}.w60{width:60px;}.w70{width:70px;}.w80{width:80px;}.w90{width:90px;}.w100{width:100px;}.w150{width:150px;}.w200{width:200px;}.w250{width:250px;}.w300{width:300px;}.w350{width:350px;}.w400{width:400px;}.w450{width:450px;}.w500{width:500px;}.w550{width:550px;}.w600{width:600px;}.w650{width:650px;}.w7000{width:700px;}.w750{width:750px;}.w800{width:800px;}.w850{width:850px;}.w900{width:900px;}.w950{width:950px;}.w1000{width:1000px;}
.mnw10{min-width:10px;}.mnw20{min-width:20px;}.mnw30{min-width:30px;}.mnw40{min-width:40px;}.mnw50{min-width:50px;}.mnw100{min-width:100px;}.mnw150{min-width:150px;}.mnw200{min-width:200px;}.mnw250{min-width:250px;}.mnw300{min-width:300px;}.mnw350{min-width:350px;}.mnw400{min-width:400px;}.mnw450{min-width:450px;}.mnw500{min-width:500px;}.mnw550{min-width:550px;}.mnw600{min-width:600px;}.mnw650{min-width:650px;}.mnw7000{min-width:700px;}.mnw750{min-width:750px;}.mnw800{min-width:800px;}.mnw850{min-width:850px;}.mnw900{min-width:900px;}.mnw950{min-width:950px;}.mnw1000{min-width:1000px;}

.minw10{min-width:10px;} .minw20{min-width:20px;} .minw30{min-width:30px;} .minw40{min-width:40px;} .minw50{min-width:50px;} .minw60{min-width:60px;} .minw70{min-width:70px;} .minw80{min-width:80px;} .minw90{min-width:90px;} .minw100{min-width:100px;} .minw110{min-width:110px;} .minw120{min-width:120px;} .minw130{min-width:130px;} .minw140{min-width:140px;} .minw150{min-width:150px;} .minw160{min-width:160px;} .minw170{min-width:170px;} .minw180{min-width:180px;} .minw190{min-width:190px;} .minw200{min-width:200px;}

.fs2{font-size:2px !important;}.fs4{font-size:4px !important;}.fs6{font-size:6px !important;}.fs8{font-size:8px !important;}.fs10{font-size:10px !important;}
.fs12{font-size:12px !important;}.fs14{font-size:14px !important;}.fs16{font-size:16px !important;}.fs18{font-size:18px !important;}.fs20{font-size:20px !important;}
.fs22{font-size:22px !important;}.fs24{font-size:24px !important;}.fs26{font-size:26px !important;}.fs28{font-size:28px !important;}.fs30{font-size:30px !important;}
.fs32{font-size:32px !important;}.fs34{font-size:34px !important;}.fs36{font-size:36px !important;}.fs38{font-size:38px !important;}.fs40{font-size:40px !important;}
.fs42{font-size:42px !important;}.fs44{font-size:44px !important;}.fs46{font-size:46px !important;}.fs48{font-size:48px !important;}.fs50{font-size:50px !important;}
.fs52{font-size:52px !important;}.fs54{font-size:54px !important;}.fs56{font-size:56px !important;}.fs58{font-size:58px !important;}.fs60{font-size:60px !important;}
.fs62{font-size:62px !important;}.fs64{font-size:64px !important;}.fs66{font-size:66px !important;}.fs68{font-size:68px !important;}.fs70{font-size:70px !important;}
.fs72{font-size:72px !important;}.fs74{font-size:74px !important;}.fs76{font-size:76px !important;}.fs78{font-size:78px !important;}.fs80{font-size:80px !important;}
.fs82{font-size:82px !important;}.fs84{font-size:84px !important;}.fs86{font-size:86px !important;}.fs88{font-size:88px !important;}.fs90{font-size:90px !important;}
.fs92{font-size:92px !important;}.fs94{font-size:94px !important;}.fs96{font-size:96px !important;}.fs98{font-size:98px !important;}.fs100{font-size:100px !important;}
.hidden{display: none;}

.textsuccess{color: #2cd07e!important;}
.texterror,.textred{color: #f44336!important;}
.textgray,.textgray a, .textgray p, .textgray span{color: #949494 !important;}
.pointer{cursor: pointer;} .bold{font-weight: bold;}

.restbeef_footer_widgets{background-size: 100% 100%;}
.form-control:disabled, .form-control[readonly] {background-color: unset;cursor: not-allowed;}

nav.sidebar-nav li.sidebar-item.selected a i {color: #fff !important;}
aside.left-sidebar[data-sidebarbg=skin6] nav.sidebar-nav li.sidebar-item.selected > ul li a i{color: #ed4e51 !important;}
.sidebar-nav ul .sidebar-item .sidebar-link{padding: 12px 12px;}
.error-box{background-image:none;}
.error-box .error-title{font-size:120px;line-height: 130px;}
.bulk_action_holder{max-width: 200px;display: none;}

.dataTables_wrapper {
	max-width: 100%;
	/* overflow-x: scroll;  */
	/* margin-bottom: 10px;  */
	margin-bottom: 0; 
	scrollbar-width: thin;
}

.center {text-align: center;}
.block-center {width: 100%;display: inline-block;text-align: center;}
.w50{width:50px;}.w100{width:100px;}.w150{width:150px;}.w200{width:200px;}.w250{width:250px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #ed4e51;}
a.link:focus, a.link:hover, a:focus, a:hover{color: #333661;}
.page-breadcrumb .breadcrumb .active{color: #ed4e51;}
.nav-pills .nav-link{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
ul.nav-pills {border-bottom: solid 1px rgba(0,0,0,0.1);}
table.table.singledatalisting tr:first-child th, table.table.singledatalisting tr:first-child td {border-top: none;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #333661;background-color: transparent;border-bottom: solid 2px;}
.card-group > .card > a.total_count_box:hover, .card-group > .card > a.total_count_box:focus {color: #8898aa;}
.hidden{display: none;}
.user_profile_card{position: relative;}
.user_profile_card_social_icon{position: absolute;top: 10px;right: 10px;height: 30px;width: 30px;background-size: 100%;z-index: 10;}
.Facebook_icon{background-image: url(../images/facebook.png);}
.Google_icon{background-image: url(../images/google.png);}
.Instagram_icon{background-image: url(../images/instagram.png);}
.user_profile_card_social_icon_bg{position: absolute;width: 50px;height: 50px;background-color: rgba(0,0,0,0);top: 0px;right: 0px;z-index: 10;border-bottom-left-radius: 10px;box-shadow: -2px 1px 2px rgba(0,0,0,0.2);}
.minw10{min-width:10px;} .minw20{min-width:20px;} .minw30{min-width:30px;} .minw40{min-width:40px;} .minw50{min-width:50px;} .minw60{min-width:60px;} .minw70{min-width:70px;} .minw80{min-width:80px;} .minw90{min-width:90px;} .minw100{min-width:100px;} .minw110{min-width:110px;} .minw120{min-width:120px;} .minw130{min-width:130px;} .minw140{min-width:140px;} .minw150{min-width:150px;} .minw160{min-width:160px;} .minw170{min-width:170px;} .minw180{min-width:180px;} .minw190{min-width:190px;} .minw200{min-width:200px;}
.textsuccess, .textSuccess, .text_Credited, .text_Active, .text_PAID, .text_Accepted, .text_Online{color: #2cd07e;}
.textinfo, .text_Playing{color: #ffb347 !important;}
.texterror, .textred, .textFail, .text_Debited, .text_Inactive, .text_Rejected, .text_Offline{color: #f44336;}
.user_detail_page_current_plan_icon{width:15px;position: relative;top: -2px;}
.pointer{cursor: pointer;}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i{visibility: unset;margin-left: 15px;}
.dataTables_wrapper .page-link:hover, .dataTables_wrapper .page-link:focus, .dataTables_wrapper .page-link:active{color: #fff;background-color: #4fc3f7;}
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .profile-dd span, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .profile-dd span, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i{color: #ed4e51;}
.admin-panel-theme-switch{line-height: 30px;}
.admin-panel-theme-switch .bootstrap-switch{transform: scale(0.8);}
.bt-switch.small{transform: scale(0.8);}
.movie_video_selector > label{line-height: 25px;}
.movie_video_selector .custom-radio{display: inline-block;}
.movie_video_selector .btn-danger {background-color: #fff;color: #000;}
.movie_video_selector label.btn-danger {cursor: pointer;}
.minw10{min-width:10px;} .minw20{min-width:20px;} .minw30{min-width:30px;} .minw40{min-width:40px;} .minw50{min-width:50px;} .minw60{min-width:60px;} .minw70{min-width:70px;} .minw80{min-width:80px;} .minw90{min-width:90px;} .minw100{min-width:100px;} .minw110{min-width:110px;} .minw120{min-width:120px;} .minw130{min-width:130px;} .minw140{min-width:140px;} .minw150{min-width:150px;} .minw160{min-width:160px;} .minw170{min-width:170px;} .minw180{min-width:180px;} .minw190{min-width:190px;} .minw200{min-width:200px;}
.form-group.has-error input, .form-group.has-error select, .form-group.has-error textarea{border-color: #f44336;}
.dropdown-item.active, .dropdown-item:active{background-color: #ed4e51;}
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link, .dataTables_wrapper .page-link:hover, .dataTables_wrapper .page-link:focus, .dataTables_wrapper .page-link:active{background: #333661; border-color:#333661 ;}
.modal-footer-left{justify-content: left;} .modal-footer-center{justify-content: center;}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover{background-image: linear-gradient(to bottom,#ed4e51,#e52a10);}
.sidabar_menu_title{color: #fff;padding: 5px 0px 0px 20px;opacity: 0.5;font-weight: bold;text-transform: uppercase;margin-bottom: 0px;}
.sidabar_menu_title.active{opacity: 1;}
table .dropdown-menu li {padding: 0 10px;cursor: pointer;}
table .dropdown-menu {width: max-content;}
.notpad{padding-top: 0px !important; }.norpad{padding-right: 0px !important; }.nobpad{padding-bottom: 0px !important; }.nolpad{padding-left: 0px !important; }
.notmar{margin-top: 0px !important; }.normar{margin-right: 0px !important; }.nobmar{margin-bottom: 0px !important; }.nolmar{margin-left: 0px !important; }
.user_analytics_graph_container .ct-label.ct-horizontal.ct-end{position: relative; left:-25%;text-align: center;}
#plan_purhcases_analytics_graph_legend > span {display: inline-block;border: solid 1px rgba(0,0,0,0.1);margin-right: 2%;margin-bottom: 5px;padding-right: 5px;min-width: 48%;font-size: 12px;}
#plan_purhcases_analytics_graph_legend > span > span {width: 15px !important;height: 15px !important;line-height: 15px;}
.content_analytics .mailbox-widget .custom-tab .nav-item .nav-link.active {font-weight: bold;}
.content_analytics .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {font-weight: bold;}
.multiselect-filter span.input-group-addon, .multiselect-filter span.input-group-btn {line-height: 35px;padding: 0px 5px;border: solid 1px rgba(0,0,0,0.1);height: 35px;width: 30px;text-align: center;}
.multiselect-filter span.input-group-btn {margin-right: 10px;text-align: left;padding: 0px;}
ul.multiselect-container span.input-group-btn .multiselect-clear-filter {padding: 5px;}
.filtered_purchases, .filtered_completed_purchases, .filtered_pending_purchases{display: inline-block;}
input:disabled {cursor: not-allowed;}
.tooltip_guid_icon, .tooltip_content_guid_icon{border: solid 1px black;height: 20px;width: 20px;display: inline-block;text-align: center;border-radius: 50%;line-height: 20px;cursor: pointer;}
.fs8{font-size: 8px!important;}.fs9{font-size: 9px!important;}.fs10{font-size: 10px!important;}.fs11{font-size: 11px!important;}.fs12{font-size: 12px!important;}.fs14{font-size: 14px!important;}.fs16{font-size: 16px!important;}.fs18{font-size: 18px!important;}.fs20{font-size: 20px!important;}.fs22{font-size: 22px!important;}.fs24{font-size: 24px!important;}.fs26{font-size: 26px!important;}
.datatable_full_bottom #datatable_wrapper .col-sm-12.col-md-5,.datatable_full_bottom #datatable_wrapper .col-sm-12.col-md-7 {width: 100%;min-width: 100%;max-width: 100%;}
.preloader-subcontent {display: none;position: absolute;top: 60px;left: 25%;width: 50%;text-align: center;padding: 15px;background-color: #000;color: #fff;}
.progress-parent{border: solid 1px rgba(0,0,0,0.5);}
.preloader-subcontent .progress-bar {position: relative;}
.preloader-subcontent .progress-bar:after {content: "";background-image: url(https://media3.giphy.com/media/13faydI3HDMLcc/giphy.gif?cid=790b761…&rid=giphy.gif);position: absolute;top: 0px;right: -15px;height: 25px;width: 25px;background-size: 20px;background-repeat: no-repeat;}
#popup_upload_content_process .wizard-content .wizard>.actions {display: none;}
.table_column_email{width: 200px;word-break: break-all;}
.how_it_works_box {color: #525f7f;}
.how_it_works_box ol, .how_it_works_box ul{padding-left: 15px;}
.how_it_works_box .main-points {margin-bottom:10px;}
.how_it_works_box .badge {font-size: 90%;}
.progress-bar{text-shadow: 1px 1px 0px #000;}
.character_counter_holder {position: relative;padding-bottom: 25px;}
.character_counter_holder .character_counter_status {position: absolute;bottom: 2px;right: 0px;padding: 2px 5px;background-color: #e9ecef;font-size: 12px;border-radius: 4px;}
.character_counter_holder .character_counter_status .current:after {content: " / ";}
.dashboard_container .card-group{margin-bottom: 20px;}
.table_total_counter td{padding-top: 10px !important;padding-bottom: 10px !important;}
.scroll-sidebar {height: calc(100%);}
#landingTabContent{background:#edf1f5;}
.completeprofilebadge{text-align: center;background: red;padding: 10px 15px;color: #fff;border-radius: 4px;}
.mailbox .message-center .message-item .mail-contnet{width: 100%;padding-left: 0px;}
.page-content img{max-width:100%;}
.upload_contract_file{font-size: 12px;padding: 5px 10px;margin-bottom: 0px;transform: scale(0.9);overflow: hidden;line-height: 25px;}
.mt-5{margin-top:5px !important;} .mt-10{margin-top:10px !important;} .mt-15{margin-top:15px !important;} .mt-20{margin-top:20px !important;} .mt-25{margin-top:25px !important;} .mt-30{margin-top:30px !important;} .mt-35{margin-top:35px !important;} .mt-40{margin-top:40px !important;} .mt-45{margin-top:45px !important;} .mt-50{margin-top:50px !important;} .mt-55{margin-top:55px !important;} .mt-60{margin-top:60px !important;} .mt-65{margin-top:65px !important;} .mt-70{margin-top:70px !important;} .mt-75{margin-top:75px !important;} .mt-80{margin-top:80px !important;} .mt-85{margin-top:85px !important;} .mt-90{margin-top:90px !important;} .mt-95{margin-top:95px !important;} .mt-100{margin-top:100px !important;} .mt-105{margin-top:105px !important;} .mt-110{margin-top:110px !important;} .mt-115{margin-top:115px !important;} .mt-120{margin-top:120px !important;} .mt-125{margin-top:125px !important;} .mt-130{margin-top:130px !important;} .mt-135{margin-top:135px !important;} .mt-140{margin-top:140px !important;} .mt-145{margin-top:145px !important;} .mt-150{margin-top:150px !important;} .mt-155{margin-top:155px !important;} .mt-160{margin-top:160px !important;} .mt-165{margin-top:165px !important;} .mt-170{margin-top:170px !important;} .mt-175{margin-top:175px !important;} .mt-180{margin-top:180px !important;} .mt-185{margin-top:185px !important;} .mt-190{margin-top:190px !important;} .mt-195{margin-top:195px !important;} .mt-200{margin-top:200px !important;}
.mr-5{margin-right:5px !important;} .mr-10{margin-right:10px !important;} .mr-15{margin-right:15px !important;} .mr-20{margin-right:20px !important;} .mr-25{margin-right:25px !important;} .mr-30{margin-right:30px !important;} .mr-35{margin-right:35px !important;} .mr-40{margin-right:40px !important;} .mr-45{margin-right:45px !important;} .mr-50{margin-right:50px !important;} .mr-55{margin-right:55px !important;} .mr-60{margin-right:60px !important;} .mr-65{margin-right:65px !important;} .mr-70{margin-right:70px !important;} .mr-75{margin-right:75px !important;} .mr-80{margin-right:80px !important;} .mr-85{margin-right:85px !important;} .mr-90{margin-right:90px !important;} .mr-95{margin-right:95px !important;} .mr-100{margin-right:100px !important;} .mr-105{margin-right:105px !important;} .mr-110{margin-right:110px !important;} .mr-115{margin-right:115px !important;} .mr-120{margin-right:120px !important;} .mr-125{margin-right:125px !important;} .mr-130{margin-right:130px !important;} .mr-135{margin-right:135px !important;} .mr-140{margin-right:140px !important;} .mr-145{margin-right:145px !important;} .mr-150{margin-right:150px !important;} .mr-155{margin-right:155px !important;} .mr-160{margin-right:160px !important;} .mr-165{margin-right:165px !important;} .mr-170{margin-right:170px !important;} .mr-175{margin-right:175px !important;} .mr-180{margin-right:180px !important;} .mr-185{margin-right:185px !important;} .mr-190{margin-right:190px !important;} .mr-195{margin-right:195px !important;} .mr-200{margin-right:200px !important;}
.mb-5{margin-bottom:5px !important;} .mb-10{margin-bottom:10px !important;} .mb-15{margin-bottom:15px !important;} .mb-20{margin-bottom:20px !important;} .mb-25{margin-bottom:25px !important;} .mb-30{margin-bottom:30px !important;} .mb-35{margin-bottom:35px !important;} .mb-40{margin-bottom:40px !important;} .mb-45{margin-bottom:45px !important;} .mb-50{margin-bottom:50px !important;} .mb-55{margin-bottom:55px !important;} .mb-60{margin-bottom:60px !important;} .mb-65{margin-bottom:65px !important;} .mb-70{margin-bottom:70px !important;} .mb-75{margin-bottom:75px !important;} .mb-80{margin-bottom:80px !important;} .mb-85{margin-bottom:85px !important;} .mb-90{margin-bottom:90px !important;} .mb-95{margin-bottom:95px !important;} .mb-100{margin-bottom:100px !important;} .mb-105{margin-bottom:105px !important;} .mb-110{margin-bottom:110px !important;} .mb-115{margin-bottom:115px !important;} .mb-120{margin-bottom:120px !important;} .mb-125{margin-bottom:125px !important;} .mb-130{margin-bottom:130px !important;} .mb-135{margin-bottom:135px !important;} .mb-140{margin-bottom:140px !important;} .mb-145{margin-bottom:145px !important;} .mb-150{margin-bottom:150px !important;} .mb-155{margin-bottom:155px !important;} .mb-160{margin-bottom:160px !important;} .mb-165{margin-bottom:165px !important;} .mb-170{margin-bottom:170px !important;} .mb-175{margin-bottom:175px !important;} .mb-180{margin-bottom:180px !important;} .mb-185{margin-bottom:185px !important;} .mb-190{margin-bottom:190px !important;} .mb-195{margin-bottom:195px !important;} .mb-200{margin-bottom:200px !important;}
.ml-5{margin-left:5px !important;} .ml-10{margin-left:10px !important;} .ml-15{margin-left:15px !important;} .ml-20{margin-left:20px !important;} .ml-25{margin-left:25px !important;} .ml-30{margin-left:30px !important;} .ml-35{margin-left:35px !important;} .ml-40{margin-left:40px !important;} .ml-45{margin-left:45px !important;} .ml-50{margin-left:50px !important;} .ml-55{margin-left:55px !important;} .ml-60{margin-left:60px !important;} .ml-65{margin-left:65px !important;} .ml-70{margin-left:70px !important;} .ml-75{margin-left:75px !important;} .ml-80{margin-left:80px !important;} .ml-85{margin-left:85px !important;} .ml-90{margin-left:90px !important;} .ml-95{margin-left:95px !important;} .ml-100{margin-left:100px !important;} .ml-105{margin-left:105px !important;} .ml-110{margin-left:110px !important;} .ml-115{margin-left:115px !important;} .ml-120{margin-left:120px !important;} .ml-125{margin-left:125px !important;} .ml-130{margin-left:130px !important;} .ml-135{margin-left:135px !important;} .ml-140{margin-left:140px !important;} .ml-145{margin-left:145px !important;} .ml-150{margin-left:150px !important;} .ml-155{margin-left:155px !important;} .ml-160{margin-left:160px !important;} .ml-165{margin-left:165px !important;} .ml-170{margin-left:170px !important;} .ml-175{margin-left:175px !important;} .ml-180{margin-left:180px !important;} .ml-185{margin-left:185px !important;} .ml-190{margin-left:190px !important;} .ml-195{margin-left:195px !important;} .ml-200{margin-left:200px !important;}
.pt-5{padding-top:5px !important;} .pt-10{padding-top:10px !important;} .pt-15{padding-top:15px !important;} .pt-20{padding-top:20px !important;} .pt-25{padding-top:25px !important;} .pt-30{padding-top:30px !important;} .pt-35{padding-top:35px !important;} .pt-40{padding-top:40px !important;} .pt-45{padding-top:45px !important;} .pt-50{padding-top:50px !important;} .pt-55{padding-top:55px !important;} .pt-60{padding-top:60px !important;} .pt-65{padding-top:65px !important;} .pt-70{padding-top:70px !important;} .pt-75{padding-top:75px !important;} .pt-80{padding-top:80px !important;} .pt-85{padding-top:85px !important;} .pt-90{padding-top:90px !important;} .pt-95{padding-top:95px !important;} .pt-100{padding-top:100px !important;} .pt-105{padding-top:105px !important;} .pt-110{padding-top:110px !important;} .pt-115{padding-top:115px !important;} .pt-120{padding-top:120px !important;} .pt-125{padding-top:125px !important;} .pt-130{padding-top:130px !important;} .pt-135{padding-top:135px !important;} .pt-140{padding-top:140px !important;} .pt-145{padding-top:145px !important;} .pt-150{padding-top:150px !important;} .pt-155{padding-top:155px !important;} .pt-160{padding-top:160px !important;} .pt-165{padding-top:165px !important;} .pt-170{padding-top:170px !important;} .pt-175{padding-top:175px !important;} .pt-180{padding-top:180px !important;} .pt-185{padding-top:185px !important;} .pt-190{padding-top:190px !important;} .pt-195{padding-top:195px !important;} .pt-200{padding-top:200px !important;}
.pr-5{padding-right:5px !important;} .pr-10{padding-right:10px !important;} .pr-15{padding-right:15px !important;} .pr-20{padding-right:20px !important;} .pr-25{padding-right:25px !important;} .pr-30{padding-right:30px !important;} .pr-35{padding-right:35px !important;} .pr-40{padding-right:40px !important;} .pr-45{padding-right:45px !important;} .pr-50{padding-right:50px !important;} .pr-55{padding-right:55px !important;} .pr-60{padding-right:60px !important;} .pr-65{padding-right:65px !important;} .pr-70{padding-right:70px !important;} .pr-75{padding-right:75px !important;} .pr-80{padding-right:80px !important;} .pr-85{padding-right:85px !important;} .pr-90{padding-right:90px !important;} .pr-95{padding-right:95px !important;} .pr-100{padding-right:100px !important;} .pr-105{padding-right:105px !important;} .pr-110{padding-right:110px !important;} .pr-115{padding-right:115px !important;} .pr-120{padding-right:120px !important;} .pr-125{padding-right:125px !important;} .pr-130{padding-right:130px !important;} .pr-135{padding-right:135px !important;} .pr-140{padding-right:140px !important;} .pr-145{padding-right:145px !important;} .pr-150{padding-right:150px !important;} .pr-155{padding-right:155px !important;} .pr-160{padding-right:160px !important;} .pr-165{padding-right:165px !important;} .pr-170{padding-right:170px !important;} .pr-175{padding-right:175px !important;} .pr-180{padding-right:180px !important;} .pr-185{padding-right:185px !important;} .pr-190{padding-right:190px !important;} .pr-195{padding-right:195px !important;} .pr-200{padding-right:200px !important;}
.pb-5{padding-bottom:5px !important;} .pb-10{padding-bottom:10px !important;} .pb-15{padding-bottom:15px !important;} .pb-20{padding-bottom:20px !important;} .pb-25{padding-bottom:25px !important;} .pb-30{padding-bottom:30px !important;} .pb-35{padding-bottom:35px !important;} .pb-40{padding-bottom:40px !important;} .pb-45{padding-bottom:45px !important;} .pb-50{padding-bottom:50px !important;} .pb-55{padding-bottom:55px !important;} .pb-60{padding-bottom:60px !important;} .pb-65{padding-bottom:65px !important;} .pb-70{padding-bottom:70px !important;} .pb-75{padding-bottom:75px !important;} .pb-80{padding-bottom:80px !important;} .pb-85{padding-bottom:85px !important;} .pb-90{padding-bottom:90px !important;} .pb-95{padding-bottom:95px !important;} .pb-100{padding-bottom:100px !important;} .pb-105{padding-bottom:105px !important;} .pb-110{padding-bottom:110px !important;} .pb-115{padding-bottom:115px !important;} .pb-120{padding-bottom:120px !important;} .pb-125{padding-bottom:125px !important;} .pb-130{padding-bottom:130px !important;} .pb-135{padding-bottom:135px !important;} .pb-140{padding-bottom:140px !important;} .pb-145{padding-bottom:145px !important;} .pb-150{padding-bottom:150px !important;} .pb-155{padding-bottom:155px !important;} .pb-160{padding-bottom:160px !important;} .pb-165{padding-bottom:165px !important;} .pb-170{padding-bottom:170px !important;} .pb-175{padding-bottom:175px !important;} .pb-180{padding-bottom:180px !important;} .pb-185{padding-bottom:185px !important;} .pb-190{padding-bottom:190px !important;} .pb-195{padding-bottom:195px !important;} .pb-200{padding-bottom:200px !important;}
.pl-5{padding-left:5px !important;} .pl-10{padding-left:10px !important;} .pl-15{padding-left:15px !important;} .pl-20{padding-left:20px !important;} .pl-25{padding-left:25px !important;} .pl-30{padding-left:30px !important;} .pl-35{padding-left:35px !important;} .pl-40{padding-left:40px !important;} .pl-45{padding-left:45px !important;} .pl-50{padding-left:50px !important;} .pl-55{padding-left:55px !important;} .pl-60{padding-left:60px !important;} .pl-65{padding-left:65px !important;} .pl-70{padding-left:70px !important;} .pl-75{padding-left:75px !important;} .pl-80{padding-left:80px !important;} .pl-85{padding-left:85px !important;} .pl-90{padding-left:90px !important;} .pl-95{padding-left:95px !important;} .pl-100{padding-left:100px !important;} .pl-105{padding-left:105px !important;} .pl-110{padding-left:110px !important;} .pl-115{padding-left:115px !important;} .pl-120{padding-left:120px !important;} .pl-125{padding-left:125px !important;} .pl-130{padding-left:130px !important;} .pl-135{padding-left:135px !important;} .pl-140{padding-left:140px !important;} .pl-145{padding-left:145px !important;} .pl-150{padding-left:150px !important;} .pl-155{padding-left:155px !important;} .pl-160{padding-left:160px !important;} .pl-165{padding-left:165px !important;} .pl-170{padding-left:170px !important;} .pl-175{padding-left:175px !important;} .pl-180{padding-left:180px !important;} .pl-185{padding-left:185px !important;} .pl-190{padding-left:190px !important;} .pl-195{padding-left:195px !important;} .pl-200{padding-left:200px !important;}


#theme-switch+label{width: 100px;height: 30px;border-radius: 3rem;}
#theme-switch+label:before{font-size: 15px;line-height: 28px;padding: 0 1rem;}
#theme-switch:checked+label:after{left: auto;right:3px;background-color: #e9ecef;}
#theme-switch+label:after{height: 25px;width: 25px;background-color: #343a40;}

/* Table header sticky start */
/* .fix-table-head .row:nth-child(2){
	overflow-y: auto;
	background: #fff;
	height: 655px;
	-ms-overflow-style: none;
	scrollbar-width: none;
	top: 0 !important;
} */
.fix-table-head thead th {
	position: sticky !important;
	top: 0 !important;
	background: #fff;
	z-index: 1;
}

.card.bx-shadow-no {
	margin-bottom: 0;
}

.btn.focus, .btn:focus {
	box-shadow: none;
}

/* Table header sticky start */

/* New theme changes Start */
#page-topbar {
	box-shadow: none;
	width: 240px;
	background-color: transparent;
}

#page-topbar button.close-btn {
	font-size: 20px !important;
	line-height: 16px !important;
	color: #ffffff;
	width: 28px;
	height: 28px;
	padding: 3px 2px;
	margin: 23px -20px;
	border: 1.5px solid #d7bc70;
	background-color: #333661;
}

.sidebar-enable.vertical-collpsed #page-topbar button.close-btn {
	margin: 22px -10px;
}

.vertical-collpsed .main-content {
	margin-left: 80px;
}

.bx-shadow-no {
	box-shadow: none !important;
}

/* -- Animation Code start -- */
@keyframes animation_zoom_in_out {
  from {
    display: inline-block;transform: scale(1);
  }50%{
  	display: inline-block;transform: scale(1.3);
  }to{
    display: inline-block;transform: scale(1);
  }
}
@keyframes animation_shake {
  0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
/* -- Animation Code End -- */

/* -- Media Queries -- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* Custom CSS End */

/* The Switchery Switch Start */
.switchery { position: relative; display: inline-block; /* width: 60px; height: 34px;  */ width: 50px; height: 22px; margin-bottom: 0; }
.switchery input {display:none;}
.switchery .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #333661;-webkit-transition: .4s;transition: .4s;}
.switchery .slider:before { position: absolute; content: "";  /* height: 26px; width: 26px; left: 4px; bottom: 4px; */ height: 18px; width: 18px; left: 3px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.switchery input.default:checked + .slider {background-color: #444;}
.switchery input.primary:checked + .slider {background-color: #2196F3;}
.switchery input.success:checked + .slider {background-color: #2cd07e;}
.switchery input.info:checked + .slider {background-color: #3de0f5;}
.switchery input.warning:checked + .slider {background-color: #FFC107;}
.switchery input.danger:checked + .slider {background-color: #f44336;}
.switchery input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.switchery input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.switchery .slider.circle {border-radius: 34px;}
.switchery .slider.circle:before {border-radius: 50%;}
td { white-space: nowrap; }
/* The Switchery Switch End */

/* Bootstrap Multiselect Start */
ul.multiselect-container {width: 100%;}
ul.multiselect-container .btn.multiselect-clear-filter {width: 100%;height: 38px; z-index: 100;}
ul.multiselect-container span.input-group-btn {right: 10px;}
ul.multiselect-container .btn.multiselect-clear-filter:hover, ul.multiselect-container .btn.multiselect-clear-filter:active {opacity: 1;}
ul.multiselect-container>li>a>label {margin: 0;height: 100%;cursor: pointer;font-weight: 400;padding: 3px 20px 3px 40px;color: #333 !important;display: block;}
ul.multiselect-container>li>a>label>input[type=checkbox] {position: absolute;opacity: 1;left: 30px;margin-top: 5px;}
ul.multiselect-container>li>a {border-bottom: 1px solid #E9E9E9;line-height: 20px;display: block;padding: 3px 20px;clear: both;font-weight: 400;color: #333;white-space: nowrap;}
/* Bootstrap Multiselect End */

/* Jquery UI Start */
.ui-draggable, .ui-droppable {background-position: top;}
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; line-height: 25px; box-shadow: -3px 0px 1px rgba(0,0,0,0.2); background-color: #fff; cursor: move; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
/* Jquery UI End */

td .details-control {background: url(../images/details_open.png) no-repeat center center; cursor: pointer; height:35px;}
tr.details td .details-control {background: url(../images/details_close.png) no-repeat center center;}

/* sm-logo-light-center */
.logo-sm-light-center img{margin-left: -7px;}
#sidebar-menu ul li a:hover {
	background: #4a4d7c;
	font-size: 15px;
}
#sidebar-menu ul li a:hover {
	background: #4a4d7c !important;
	font-size: 15px !important;
}

.auth-wrapper .auth-box .logo-image {
	border-radius: 15px;
	padding: 10px 0;
	background: #000000;
}
.auth-wrapper .auth-box h5.font-medium.mb-3.logo {
  margin: 25px 0 0 0;
}
.auth-wrapper .auth-box h5 {
	font-size: 16px;
}
.auth-wrapper .auth-box .form-control {
	border-radius: .25rem;
}

.auth-wrapper .auth-box button.w-lg {
	min-width: 120px;
}

.reset-message .reset-image-box img {
	max-width: 40px;
	margin: 10px auto;
	text-align: center;
	display: block;
}

.reset-message h5 {
	text-align: center;
}

/* form password show start */
.form-group.pwd { position: relative; }
.pwd #userpassword { position: relative; }
.pwd #togglePassword { position: absolute; right: 10px; top: 63%; }

/* form password show end */

/* User Menu all user active block start */
button.btn.btn-primary img,
button.btn.btn-secondary img { width: 100%; max-width: 20px; }
.button-box { margin-top: 19px; }
.button-box ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 6px;
	row-gap: 6px;
	padding: 0;
}

.m-btm {
	margin-bottom: 0;
}

/* User Menu all user active block end */

/* Spacing adjusment Start */
.navbar-header { height: 60px; }
.vertical-menu { top: 60px; }

/* .page-content { padding: calc(60px + 0px) calc(0px / 2) 30px calc(0px / 2); overflow: hidden; } */
.page-content {
	padding: calc(15px + 0px) calc(0px / 2) 0px calc(0px / 2);
}

.page-title-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 20px;
	padding-bottom: 10px;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
.card-body {
	padding: 12px 16px;
}
.table td {
	padding: 10px 12px;
}
table.dataTable {
	margin-top: 0 !important;
	/* padding-bottom: 40px !important; */
}
.users button {
	display: flex;
	align-items: center;
	column-gap: 5px;
	font-size: 13px;
}
ul li {
	list-style: none;
}

/* User profile Start */
.user-profile-box {
	width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

/* Sidebar Menu Start */
#sidebar-menu ul li a img {
	width: 100%;
	max-width: 18px;
	margin-right: 10px;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a {
	text-align: center;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a img {
	max-width: 20px;
	margin-right: 0;
}
/* Sidebar Menu End */

/**/
.user-name-heighlights {
	display: flex;
	align-items: center;
	margin-left: 30px;
}
.user-name-heighlights .img-thumb-profile2 {
	width: 22px;
	height: 22px;
}
.user-name-heighlights a {
	font-size: 18px;
	font-weight: 500;
	color: #5b626b;
}

/* Agency user start */
.credit-add-agency-box {
	display: flex;
	flex-wrap: wrap;
	row-gap: 6px;
	justify-content: flex-end;
}
.credit-balance-bx-main {
	display: flex;
	align-items: center;
	column-gap: 8px;
}
.credit-balance-bx {
	text-align: center;
	padding: 5px 8px;
	border: 1px solid rgba(0, 0, 0, .1);
	display: inline-flex;
	align-items: center;
	column-gap: 6px;
	border-radius: .25rem;
}
.credit-balance-bx strong {
	font-size: 14px;
	font-weight: 600;
}
.credit-balance-bx h6 {
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
}

/* New changes Start */
.export-btn ul {
	justify-content: flex-end;
}
.mini-stat .font-size-16 {
  font-size: 13px !important;
}
.mini-stat h2 {
	font-size: 1.225rem;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a span {
	padding-left: 20px;
	font-size: 13px;
}

/* .dataTables_info {
	position: fixed;
	bottom: 0;
	background-color: #ffffff;
	z-index: 99;
}
.dataTables_paginate {
	position: fixed;
	bottom: -2px;
	right: 10px;
	width: calc(100% - 240px);
	background-color: #ffffff;
} */




.dataTables_wrapper .row:nth-child(2) {
	max-height: calc(100vh - 300px);
	overflow: auto;
}

.joker_card{
	position: relative;
	display: inline-block;
}

.joker_card::after {
    content: '';
    position: absolute;
    left: 4px;
    bottom: 8px;
    z-index: 99;
    height: 15px;
    width: 15px;
	background: url('../images/cards/JokerIcon.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* ============================ Responsive Start ================================== */
/* @media screen and (min-width:1024px) and (max-width:1536px) and (max-height:864px) {
  
	.fix-table-head .row:nth-child(2) {
    height: 625px;
	}
} */

@media (max-width: 1399px) {
	/* table.dataTable {
		padding-bottom: 90px !important;
	} */
	.mini-stat .font-size-16 {
		font-size: 12px !important;
	}

 }

 @media (max-width: 1299px) {  }

@media (max-width: 1199px) {
	.m-left2 {
		margin-left: 14px;
	}
	.tables ul {
		justify-content: flex-start;
	}
	
}

@media (max-width: 1079px) { 
	.m-left1 {
		margin-left: 14px;
	}
	.mini-stat .font-size-16 {
    font-size: 12px !important;
	}

}

@media (max-width: 991px) {
	.page-content {
    padding: calc(55px + 24px) calc(0px / 2) 20px calc(0px / 2);
	}
	.user-profile-box {
    max-width: 600px;
	}
	.m-left {
    margin-left: 0;
	}
	.table ul {
    justify-content: flex-start;
	}
	#page-topbar button.close-btn {
    font-size: 20px !important;
    line-height: 16px !important;
    color: #ffffff;
    width: 28px;
    height: 28px;
    padding: 3px 2px;
    margin: 22px 0px;
    border: 1.5px solid #d7bc70;
    background-color: #333661;
	}
	body {
    overflow: auto;
	}
	
}

@media (max-width: 767px) {
	.export-btn ul.cradit-balance {
    justify-content: flex-start;
	}
	.m-btm {
		margin-bottom: 10px;
	}
	
}

@media (max-width: 575px) {
	ul.user-menu {
    justify-content: center;
	}
	.credit-add-agency-box {
    justify-content: flex-start;
	}
	.export-btn ul {
    justify-content: flex-start;
	}
	.dataTables_paginate ul.pagination .page-link {
    font-size: 10px;
    padding: .5rem .45rem;
	}
}

@media (max-width: 479px) {
	.credit-add-agency-box button.btn.btn-primary.text-white.float-right.ml-3.mb-1 {
    margin-left: 0 !important;
	}
	.user-name-heighlights {
    margin-left: 10px;
	}
	#page-topbar button.close-btn {
		left: 0px;
	}
	.page-link {
    padding: .5rem .65rem;
	}
	table.dataTable {
		padding-bottom: 0px !important;
	}
	.dataTables_paginate ul.pagination .page-link {
		font-size: 8px;
		padding: .3rem .32rem;
	}
	.dataTables_info {
  	font-size: 8px;
   	padding-top: 0;
	}

}

@media(max-width: 375px) {
	.page-content {
		padding: calc(50px + 0px) calc(0px / 2) 0px calc(0px / 2)
	}
}


@media (max-width: 320px) {
	.page-title-box .breadcrumb {
		margin-top: 10px !important;
	}
	.page-link {
		padding: .5rem 0.52rem;
	}
	.dataTables_paginate ul.pagination .page-link {	
		padding: .2rem .25rem;
	}

}