.usage-box {right: 7px; top: 4px;}

@media(max-width: 1199px) {

    .user_edit_page {  }
    #page-header .content-header { padding-left: 1.075rem !important; padding-right: 1.075rem !important; }
    
    .btn { font-size: 0.75rem !important; }
    h3.narware {font-size: 18px !important; line-height: 30px !important; margin-bottom: 0px !important; }
    .narware-breadcrumb { font-size: 12px !important;}
    .block-content { padding: 1rem 1rem !important;}
    .content .block, .content .items-push > div, .content .push, .content p { margin-bottom: 1.075rem !important;}

    .font-size-base {font-size: 0.85rem !important;}
    .p-3 {padding: 0.75rem !important;}
    .block-content .block-content { margin-bottom: 0px !important; padding-bottom: 0px !important; }
    .block-content .row.pb-3 { padding-bottom: 0px !important; }


    /*  */
    .user_add_page .col-sm-8.pb-3{ padding-bottom: 0px !important; }  
    .user_add_page .col-sm-4.pb-3.text-right { padding-bottom: 0px !important; }
    .user_add_page .block-title { font-size: 1rem !important; }

    /*  */

    .integration_page {  }
    .integration_page .row.datatables-footer { margin-bottom: 20px !important; }
    .integration_page .dashfilter-button { min-width: 120px;}
    .integration_page .col-lg-12.pb-3 { padding-bottom: 0px !important; }
    #integrationDT_filter { margin-left: 10px !important;}
    table.dataTable tbody td:last-child {  position: relative;}
    #integrationDT .actions-blk { right: 5px !important; }
    table.dataTable tbody tr:last-child .actions-blk {  bottom: 50px !important;}
    
    /*  */

    .col-lg-12.pb-3 { padding-bottom: 0px !important; }
    .block-title {font-size: 1rem !important;}
    table.dataTable td:nth-child(4) { word-break: break-all !important;}

    /*  */

    .smart_link_page div.table-responsive { display: block !important;}
    #smartlinksDT .actions-blk { right: 4px !important;}

    /*  */

    .smart_link_detail_page .delete-smartlink { min-width: 90px; height: 35px;}
    .smart_link_detail_page .save-smartlink { min-width: 90px; height: 35px; }
    .smart_link_detail_page  .font-size-sm { font-size: .75rem !important;}
    #experience-container .form-group { margin-bottom: 10px !important;}
    .smart-tooltip { right: 2px !important;}

    /*  */

    #trigger-container, #timeline-container { margin-bottom: 10px !important; }
    .add-triggerbtn { font-size: 12px !important;}
    .assign-webinarbtn { font-size: 12px !important;}
    .addweb-audiencebtn {  font-size: 12px !important;}

    .clear-audiencebtn { right: -10px !important;}

    #webinarDT .actions-blk { left: auto !important; transform: unset !important; }
    .webinar_page .col-sm-7.pb-3.text-right { padding-bottom: 0px !important; }

    /*  */

    div.table-responsive {  display: block !important;}

    .webinar_edit_page {  } 
    .showmore-redirect { margin-top: -35px !important; }
    table.dataTable tbody tr:last-child td .actions-blk { bottom: 40px !important; }


    .contact_summary_edit_page {  }


}


@media(max-width:991px) {

    .smart-tooltip { right: 10px !important; }
    .custom-select, .form-control { font-size: 12px !important;}
    .future-weblbl { font-size: 12px !important; }
    /*  */
    .input-group-text.input-group-text-alt.narware-label { width: 165px; font-size: 12px; }
    #twiliotriggerModal .modal-dialog { max-width: 90% !important;}

    #assignwebinarModal .modal-dialog { max-width: 95% !important; } 
    .webinar-tabs li label { font-size: 14px !important; }
    #webinarDT-container .block-content.block-content-full { margin: 0px !important; padding: 0px !important; }
    #webinarDT-container .block-content-full { max-width: 100% !important;}
    #webinarDT-container .dataTables_filter { right: 0 !important;  }

    #webinarregDT-container .showmore-btn { margin-top: -33px;}


}


@media(max-width: 767px) {

    /*  */
    .custom-select, .form-control { font-size: 12px;}
    .input-group-text.input-group-text-alt.narware-label { width: 130px; padding-left: 0px; font-size: 12px; }
    h3.narware { font-size: 16px !important; line-height: 25px !important;}
    .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px; }
    .system-fieldtg {overflow-y: hidden; word-break: unset; overflow-x: auto; white-space: nowrap;}

    /*  */

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {     text-align: left !important;}
    .integration_page .block-content.block-content-full { padding: 0px  !important; }

    .processed_smart_links_page .dataTables_filter { margin-top: 10px !important; }

    div.dataTables_wrapper div.dataTables_length label { font-size: 12px !important;  }
    div.dataTables_wrapper div.dataTables_filter { font-size: 12px !important; }

      #timelineaudienceModal .modal-dialog { max-width: 95% !important; }
      .formula-holder {margin: 10px 0px !important; }
      #twiliotriggerModal .trigger-setblk { padding-left: 30px; padding-right: 30px; }
      #webinarDT-container .dataTables_filter { margin-top: 10px !important; }

      .webinar_edit_page .webpro-blk .text-left { text-align: right !important; }

      form#contact-form .input-group-text { font-size: 12px; }


}


@media (max-width: 500px) {

    /*  */
    .input-group-text.input-group-text-alt.narware-label { width: 98px;}
    #system-summary-container > .col-md-12 { padding: 0px !important;} 

    /*  */
    .integration_page .filteravl-drops #dropdownMenuButton2 {  min-width: 80px !important;}
    .integration_page .avlintg-search { max-width: 102px !important;}
    .integration_page .dashfilter-button { min-width: 99px !important;}
    .integration_page div.dataTables_wrapper div.dataTables_filter input { width: 100px !important;  max-width: 100px !important;}
    .dataTables_length, .dataTables_filter { font-size: 12px !important; }
    .integration-type, .avlbox_search label, .avlintg-type { font-size: 12px !important; }
    
    .smart_link_page .actbtn-holder { float: left;}
    .smartlink-namebox {max-width: 100%; margin-left: 0px;}
    #twiliotriggerModal .modal-dialog { max-width: 95% !important; }
    .webinar-tabs li label { font-size: 12px !important; }

    .webinar_page .col-sm-7.pb-3.text-right { padding-top: 10px !important; }

    .webinar_edit_page .webpro-blk.text-right { text-align: left !important; }
    .webinar_edit_page .webpro-blk .text-left { text-align: left !important; }
    #webinartxnDT_wrapper .datatables-footer { margin-left: 0 !important;}
    .main-webprocess { text-align: left !important;}
    .addlist-btn { font-size: 12px; right: 16px;}

    .contact_summary_edit_page .actbtn-holder { float: left !important;}
    .org_page .btn-main-add { padding-left: 10px !important; padding-right: 10px !important; }



}