/**
 * Copyright (c) 2017 AFFLE INDIA PVT. LTD.
 *
 * @package       FAAS
 * @copyright     AFFLE INDIA PVT. LTD.
 * @author        Chetana Srivasatava <chetana.srivastava@affle.com>
 * @license       Proprietary
 * @Description   Other and Responsive CSS.
 *
 */
@import "datatables.css?c=1.121";
.loaderWrap { position: fixed; width: 100%; height: 100%; z-index: 99; display: block; top: 0px; bottom: 0px; right: 0px; left: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.6);}
@media(min-width: 1600px){
    #devicematching .ngx-datatable.material.level2 .datatable-header .datatable-header-cell:nth-of-type(1), #devicematching .ngx-datatable.material.level2 .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #devicematching .ngx-datatable.material.level2 .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1), #ainstalls .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(1), #ainstalls .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #ainstalls .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1),#ipmismatch .ngx-datatable.material.level1 .datatable-header .datatable-header-cell:nth-of-type(1), #ipmismatch .ngx-datatable.material.level1 .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #ipmismatch .ngx-datatable.material.level1 .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1), #ipmismatch .ngx-datatable.material.level3 .datatable-header .datatable-header-cell:nth-of-type(1), #ipmismatch .ngx-datatable.material.level3 .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #ipmismatch .ngx-datatable.material.level3 .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1){max-width: 40% !important;}
    #devicematching .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(1), #devicematching .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #devicematching .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1), #ipmismatch .ngx-datatable.material.level2 .datatable-header .datatable-header-cell:nth-of-type(1), #ipmismatch .ngx-datatable.material.level2 .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #ipmismatch .ngx-datatable.material.level2 .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1){max-width: 48% !important;}
    #ainstalls .ngx-datatable.material.level2 .datatable-header .datatable-header-cell, #ainstalls .ngx-datatable.material.level2 .datatable-body .datatable-body-row > div .datatable-body-cell, #ainstalls .ngx-datatable.material.level2 .datatable-footer .datatable-footer-inner div.totalcol{width:  10% !important;}
#devicematching .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(2), #devicematching .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(2), #devicematching .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(2), #devicematching .ngx-datatable.material.level2 .datatable-header .datatable-header-cell:nth-of-type(2), #devicematching .ngx-datatable.material.level2 .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(2), #devicematching .ngx-datatable.material.level2 .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(2), #devicematching .ngx-datatable.materialsubtables .datatable-header .datatable-header-cell:nth-of-type(2), #devicematching .ngx-datatable.materialsubtables .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(2), #devicematching .ngx-datatable.materialsubtables .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(2), #ainstalls .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(3), #ainstalls .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(3), #ainstalls .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(3), #ainstalls .ngx-datatable.material .datatable-header .datatable-header-cell:last-of-type, #ainstalls .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:last-of-type, #ainstalls .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:last-of-type{max-width: 100% !important;}
}
@media(max-width: 1450px){
   #dashboard_campaign .ngx-datatable.material .datatable-header .datatable-header-cell, #dashboard_campaign .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell, #dashboard_publisher .ngx-datatable.material .datatable-header .datatable-header-cell, #dashboard_publisher .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell, #dashboard_subid .ngx-datatable.material .datatable-header .datatable-header-cell, #dashboard_subid .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell{max-width: 90px !important;}
#dashboard_campaign .ngx-datatable.material .datatable-header .datatable-header-cell:last-of-type, #dashboard_campaign .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:last-of-type, #dashboard_campaign .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(1), #dashboard_campaign .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #dashboard_publisher .ngx-datatable.material .datatable-header .datatable-header-cell:last-of-type, #dashboard_publisher .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:last-of-type, #dashboard_publisher .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(1), #dashboard_publisher .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #dashboard_subid .ngx-datatable.material .datatable-header .datatable-header-cell:last-of-type, #dashboard_subid .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:last-of-type, #dashboard_subid .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(1), #dashboard_subid .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #dashboard_subid .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(2), #dashboard_subid .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(2){max-width: 100% !important;} 
}
@media(max-width: 1280px){
    #frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(1), #frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #frequency .ngx-datatable.material  .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1){padding-left: 15px !important; min-width: 250px !important; width: 40% !important;}
#frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(3), #frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(3), #frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(4), #frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(4), #frequency .ngx-datatable.material  .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(3), #frequency .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(4){width: 12% !important; min-width: 80px !important;}
#frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(5), #frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(5), #frequency .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(5), #frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(6), #frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(6), #frequency .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(6){width: 11% !important; min-width: 105px !important;}
    #clk_frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(1), #clk_frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #clk_frequency .ngx-datatable.material  .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1){padding-left: 15px !important; min-width: 250px !important; width: 40% !important;}
#clk_frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(3), #clk_frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(3), #clk_frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(4), #clk_frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(4), #clk_frequency .ngx-datatable.material  .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(3), #clk_frequency .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(4){width: 12% !important; min-width: 80px !important;}
#clk_frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(5), #clk_frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(5), #clk_frequency .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(5), #clk_frequency .ngx-datatable.material .datatable-header .datatable-header-cell:nth-of-type(6), #clk_frequency .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(6), #clk_frequency .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(6){width: 11% !important; min-width: 105px !important;}

#clickdynamics .ngx-datatable.material.level1 .datatable-header .datatable-header-cell:nth-of-type(5), #clickdynamics .ngx-datatable.material.level1 .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(5), #clickdynamics .ngx-datatable.material.level1 .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(5), #clickdynamics .ngx-datatable.material.level2 .datatable-header .datatable-header-cell:nth-of-type(5), #clickdynamics .ngx-datatable.material.level2 .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(5), #clickdynamics .ngx-datatable.material.level2 .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(5){width: 16% !important; min-width: 142px !important; max-width: 144px !important;}
   /*Invalid Device*/
    #devicematching .ngx-datatable.material .datatable-header .datatable-header-cell, #devicematching .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell, #devicematching .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol, #devicematching .ngx-datatable.material.level2 .datatable-header .datatable-header-cell, #devicematching .ngx-datatable.material.level2 .datatable-body .datatable-body-row > div .datatable-body-cell, #devicematching .ngx-datatable.material.level2 .datatable-footer .datatable-footer-inner div.totalcol, #devicematching .ngx-datatable.materialsubtables .datatable-header .datatable-header-cell, #devicematching .ngx-datatable.materialsubtables .datatable-body .datatable-body-row > div .datatable-body-cell, #devicematching .ngx-datatable.materialsubtables .datatable-footer .datatable-footer-inner div.totalcol{width:  10.5% !important;}
}
@media(max-width: 1160px){
    #organic_stuffing .ngx-datatable.material.level2 .datatable-header .datatable-header-cell:nth-of-type(1), #organic_stuffing .ngx-datatable.material.level2 .datatable-body .datatable-body-row > div .datatable-body-cell:nth-of-type(1), #organic_stuffing .ngx-datatable.material.level2 .datatable-footer .datatable-footer-inner div.totalcol:nth-of-type(1){width: 63% !important;}
    }
@media(min-width:1025px){
    .app-icon-button{display: none;}
    .sidenavigation.mat-drawer{ transform: translate3d(0,0,0); visibility: visible !important; padding-top: 45px; }
}
@media(max-width: 1024px){
    /*----------Responsive Menu Sidebar Icon-----------------*/
    header div.md-elevation-z6 a.logo{margin-left: 55px;}
    .navbar-toggle{display:block;}
    .footercontent{padding-left: 0 !important; padding-right: 0;}
    #maincontainer.mat-sidenav-container .footercontent{margin-left: 0px !important;}
    .auth_container{margin-left: auto;}
    ul.navbar-nav.left-navigation{display: none;}
    .dropdown-menu-user-aff li.all_accounts span.active_account{padding-bottom: 0;}
    .dropdown-menu-user-aff li.all_accounts ul.active_account{padding-bottom: 7px; display: block; margin-top: -5px;}
    /*----------Sidebar Display-----------------*/
    .sidenav_shown{width: 100%; height: 100%; background: rgba(0,0,0,0.6) !important; z-index: 102; padding: 0px; margin: 0px;}
    .sidenav_shown .icon-bar, .sidenav_shown .sr-only{display: none; background: transparent; padding: 0px;width: 0px; margin-left: 0px; height: 0px;}
    .mat-sidenav.mat-sidenav-opened{z-index: 201;}
    .sidenavigation.mat-drawer.mat-sidenav-opened{visibility: visible !important; transform: translate3d(0px, 0px, 0px); z-index: 9999;}
     footer.dashboard, footer.scampaign, footer.publishersummary, footer.subidsummary, footer.cti, footer.organicstuffing, footer.frequency, footer.incentfraud, footer.devicematching, footer.anonymousinstalls, footer.distribution, footer.blacklist, footer.duplicateinstalls, footer.geomismatch, footer.ipmismatch, footer.appversion, footer.clickdynamics, footer.anonymousclicks, footer.clickbursts, footer.useragents, footer.eventpubsummar, footer.eventscsummary, footer.mev{padding-left: 0px !important;  width: 100%; margin: 0px auto; float: left; clear: both;}
    .maincontent .topbar, .maincontent #ainstalls.col-xs-12, .maincontent #blacklist.col-xs-12, .maincontent #cti.col-xs-12, .maincontent #summaryreport.col-xs-12, .maincontent #devicematching.col-xs-12, .maincontent #distribution.col-xs-12, .maincontent #frequency.col-xs-12, .maincontent #clk_frequency.col-xs-12, .maincontent #incent_fraud.col-xs-12, .maincontent #nonverifiedinstall.col-xs-12, .maincontent #nonverifiedpinstall.col-xs-12, .maincontent #organic_stuffing.col-xs-12, .maincontent #csummary.col-xs-12, .maincontent #pub_summary.col-xs-12, .maincontent #subid_summary.col-xs-12, .maincontent #ipmismatch.col-xs-12, .maincontent #clickdynamics.col-xs-12, .maincontent #duplicateinstalls.col-xs-12, .maincontent #geomismatch.col-xs-12, .maincontent #appversion.col-xs-12, .maincontent #anonymousclicks.col-xs-12, .maincontent #clickuseragents.col-xs-12, .maincontent #clickbursts.col-xs-12, .maincontent #clickscsummary.col-xs-12, .maincontent #click_pub_summary.col-xs-12, .maincontent #clkFakeDevice.col-xs-12, .maincontent #eventpubsummary.col-xs-12, .maincontent #eventscsummary.col-xs-12, .maincontent #eventsubidsummary.col-xs-12, .maincontent #mev.col-xs-12 {padding-left: 0px !important;}
    /*Invalid Device*/
    #devicematching .ngx-datatable.material .datatable-header .datatable-header-cell, #devicematching .ngx-datatable.material .datatable-body .datatable-body-row > div .datatable-body-cell, #devicematching .ngx-datatable.material .datatable-footer .datatable-footer-inner div.totalcol, #devicematching .ngx-datatable.material.level2 .datatable-header .datatable-header-cell, #devicematching .ngx-datatable.material.level2 .datatable-body .datatable-body-row > div .datatable-body-cell, #devicematching .ngx-datatable.material.level2 .datatable-footer .datatable-footer-inner div.totalcol, #devicematching .ngx-datatable.materialsubtables .datatable-header .datatable-header-cell, #devicematching .ngx-datatable.materialsubtables .datatable-body .datatable-body-row > div .datatable-body-cell, #devicematching .ngx-datatable.materialsubtables .datatable-footer .datatable-footer-inner div.totalcol{width:  11% !important;}
}
@media(max-width: 800px){
    .dcsv{float: right; margin-right: -30px;}
}
@media(max-width: 700px){
    .pull-right.searchlist div.slctall, .pull-right.filtr div.slctall{margin-left: 0px; width: 100%;}
    .dropdown-inline, a.go{max-width: 100%; width: 100%;}
    .pull-right.searchlist div.go_btn, .pull-right.filtr div.go_btn{width: 100%; margin: 15px 0;}
    .pull-right.filtr, .pull-right.searchlist{float: none;}
    /*Blacklist Modal*/    
    .modal.blcreate-modal .modal-dialog{max-width: 500px;}
    .modal.blcreate-modal .modal-content{padding: 0px; width: 500px; margin-top: 40px; left: 50%; margin-left: -250px;}
    .modal.blcreate-modal .modal-content .loaderWrap{width: 500px; left: 50%; margin-left: -250px;}
}
@media(max-width: 620px){
    .modal.useronboard-modal .modal-content{padding: 0px; width: 400px; margin-left: -200px;}
    .carousel-item:nth-of-type(1){width: 398px;}
    .carousel-item .carousel-caption h3{font-size: 20px;}
    .carousel-item .carousel-caption p{font-size: 11px; }
    .modal.edit-modal .modal-dialog{max-width: 400px; left: 50%; margin-left: -200px;}
    .modal.edit-modal .modal-content{padding: 0px; width: 400px; margin-top: 80px;}
    .edituser .modal-body .form-group label{text-align: left; padding-left: 0px;}
}
@media screen and (min-width: 541px) and (max-width: 690px){
    /*----------Header-----------------*/
    .md-elevation-z6 .navbar-nav > li > a{padding: 4px 8px 11px 8px;}
}
@media (min-width: 576px){
    .modal-dialog{max-width: 540px;}
    .success-modal .modal-dialog, .error-modal .modal-dialog{max-width: 450px;}
    .createproduct-modal .modal-dialog{max-width: 640px;}    
}
@media(max-width:540px){ 
    /*----------Header-----------------*/
    header div.md-elevation-z6 a.logo{width: 80%; text-align: center;}
    .dropdown-toggle-user-aff span.small_sys{display: block;}
    .md-elevation-z6 ul.nav.navbar-nav.left-navigation, .md-elevation-z6 ul.nav.ace-nav.pull-right li.bill_hist, .md-elevation-z6 ul.nav.ace-nav.pull-right li.help_suprt, .dropdown-toggle-user-aff span.noti_name, .dropdown-toggle-user-aff span.naccount-bell, .dropdown-toggle-user-aff span.fa-angle-down, #notifications .noti_country{display: none;}
    a#notifications span.small_sys {border: 1px solid transparent; width: 30px; height: 35px; line-height: 0; padding: 0 0 1px; text-align: center; margin: 5px 0px 5px 0px; background-color: #75B3D7; border-radius: 4px;}
    .dropdown-menu-user-aff li.all_accounts #reports{display: block;}
    .dropdown-menu > li.helpsup{display: block; margin-top:0px;}
    li.accounts a.dropdown-toggle.dropdown-toggle-user-aff#notifications{padding: 0 0; min-width: 35px;}
    li.threshalert{display: none;}
    /*------------Threshold & Alerts Modal Window-------------*/
    .modal.tholdalert-modal .modal-dialog{max-width: 400px; left: 50%; margin-left: -200px;}
    .modal.tholdalert-modal .modal-content{padding: 0px; width: 400px; margin-top: 40px;}
    .holdnalerts .form-group label.col-sm-4, .holdnalerts .form-group .col-sm-8{width: 100% !important; padding-left: 0px; text-align: left; }
    /*Starts Threshold Tabs*/
    .nav-tabs .nav-link div{padding: 0 0; text-align: center;}
    #configlimit div.tab-content .col-xs-12.data_container{width: 368px !important;}
    .holdnalerts .nav-tabs .nav-item{width: 44.3%}
}
@media(max-width: 480px){    
    .nav-tabs .nav-link div{padding: 0 20px;}
    .modal.useronboard-modal .modal-content{padding: 0px; width: 300px; margin-left: -150px;}
    .carousel-item:nth-of-type(1){width: 298px;}
    .carousel-item .carousel-caption h3{font-size: 15px;}
}
@media(min-height : 475px){
    .useronboard-modal{margin-top: -240px}
}
@media(max-width: 420px){    
    /*------------Threshold & Alerts Modal Window-------------*/
    .modal.tholdalert-modal .modal-dialog{max-width: 300px; left: 50%; margin-left: -150px;}
    .modal.tholdalert-modal .modal-content{padding: 0px; width: 300px; margin-top: 40px;}
    /*Starts Threshold Tabs*/
    .nav-tabs .nav-link div{padding: 0 10px; text-align: center;}
    #configlimit div.tab-content .col-xs-12.data_container{width: 268px !important;}      
    .modal.edit-modal .modal-dialog{max-width: 280px; left: 50%; margin-left: -140px;}
    .modal.edit-modal .modal-content{padding: 0px; width: 280px; margin-top: 50px;}
    .edit-modal .modal-content .modal-footer .delcncl button.btn, .tholdalert-modal .modal-content .modal-footer .delcncl button.btn{width: 100px;}
}
@media(max-width: 340px){
    .pull-right.searchlist{float: none;}
}