/* Only IE10+ CSS styles start here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .BulkActionSpan {
        position: absolute;
        bottom: -46px;
        width: 340px;
        right: 10px;
        text-align: right;
    }
    #opportunityContactLog .ui-dialog.ui-widget .ui-dialog-content{
max-width: 580px !important;
    }
    .ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active {
        background: #fff !important;
   }

#opportunityContactLog .ui-dialog {
    width:540px;
}
input::-ms-clear, input::-ms-reveal {
    display: none;
}
.onIE i {
    position: relative;
    right: 5px;
}

#storeUpdateFormGroup{
    min-width: 660px;
}

}
/* Only IE10+ CSS styles end here */

/* Common Media Queries for all devices start here */
@media only screen and (max-width: 768px)  {
    .btn-vBig {
        width: 100%;
        font-size: 14px!important;
    }
    .BulkActionSpan {
        position: relative;
        bottom: -38px;
        right: 0px;
        text-align: left;
    }
    .rp5{
        right:0px !important;
    }
    .minDlg500 {
        width: auto !important;
    }
    .pl0m{
        padding-left:0px;
    }
.ui-datatable th.ui-state-default, .ui-column-title {
    background-color: transparent !important;
    color: #000000 !important;
}
.sortByLbl{
    text-align: left;
    padding:10px 0px 0px 18px!important;
}

.oSearch {
width: 280px !important;
right: -48px !important;
}
.oSearchHCS {
    width: 280px !important;
    right: 4px !important;
}
#footer>.container {
    padding-top: 20px !important;
    margin-bottom: 20px !important;
}

#footer h4 {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.ui-paginator.ui-widget p-dropdown{
position: relative;
top: 8px;
left: -4px;
}

}
/* Common Media Queries for all devices end here */

/* Common Media Queries for all smart phones */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px) {

    .BulkActionSpan {
        position: relative !important;
        text-align:left !important;
        bottom: -40px !important;
        right: 0px !important;
    }

    .ui-dialog{
        width:92%;
    }

    .mtext-center{
        text-align: center !important;
    }
    .mtext-center .cardHeaderGreenBg, .mtext-center .btn-primary, .mtext-center .btn-outline-success{
        display: block;
        width:100%;
    }
}
/*  End Common Media Queries for all smart phones */



/* Media Queries for Ipad device starts here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px)  { 
 
.ui-tabview .ui-tabview-nav > li.ui-state-active, .ui-tabview .ui-tabview-nav li {
    height: 32px;
}     

.mpl-0{
        padding-left: 14px !important;
    }
  
    .w200,.w300{
        width:100px !important;
    }
    .wth300, .wth200{
        width:160px !important;
      }
      .wth50, .wth70, .wth140, .w80p,.w100p,.w120p,.wth250,.wth120{
        width: auto !important;
      }
      .mW40{width: 40px;}

      .wth120.mediawth120{width:85px !important;}

      .form-control.mqSmFnt,.dateInput input {font-size:9px !important;}

      #scheduledClinics th,#scheduledClinics td {
        font-size: 10px !important;
    }
    .smText{
        min-height: 54px;
    }  
#LocalOppourtunies .ui-datatable th.ui-state-default, #LocalOppourtunies .ui-column-title {
    background-color: #f4ae32 !important;
    color:white  !important;
  }
  #LocalOppourtunies  .ui-paginator .ui-paginator-page.ui-state-active {
    background: #f4ae32 !important;
    color: #ffffff !important;
    border-color: #f4ae32 !important;
  }

    #Clinics .ui-datatable th.ui-state-default, #Clinics .ui-column-title {
        background-color: #a43794 !important;
        color:white  !important;
      }
      #Clinics .ui-paginator .ui-paginator-page.ui-state-active {
        background: #a43794 !important;
        color: #ffffff !important;
        border-color: #a43794 !important;
      }
      .w90{
        width:140px !important;
      }

.ipNationalCntSearch{
	    width: 78% !important;
}

div.heading-title h1,
div.heading-title h2,
div.heading-title h3,
div.heading-title h4,
div.heading-title h5,
div.heading-title h6 {
    margin:0;
    padding:0;
    position:relative;
    display:inline-block;
    padding-left: 0;
    padding-right: 8px !important;
}

h3 {
	font-size: 17px;
	letter-spacing: normal;
	margin: 0 0 32px 0;
}

.h5{
width:175px !important;}

.breadcrumb>li {
    display: inline-block;
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
}
section.page-header h1 {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.align-items-center  .p-2 {
    padding: 0px !important;

}
.hideMeOnIpad{
    display: none !important;
}
.w100{
    width:100%;
}
.sortByLbl{
    text-align: right;
    padding:0 !important;
}

}
/* Media Queries for Ipad device end here */

/* Media Queries for Ipad Pro device starts here */
@media only screen 
and (max-device-width : 1024px)  { 
.ipNationalCntSearch{
	    width: 85% !important;
}
 

.shortLabel {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


    .leadGenerationForm label .lspan:last-child {
        position: relative !important;
        top: -25px;
        left: 25px;
    }
    

}
/* Media Queries for Ipad Pro device end here */



/*Start Media Queries for all larger devices start here */
 @media only screen and (min-width: 1920px)  {
    #slider {
        background-size:auto !important;
    }

    } 
  /*End Media Queries for all larger devices End here */  

/*Start Media Queries for only laptops */
@media all and (max-width: 1366px) and (min-width: 768px) {
/* sub-submenu */
#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
    left:auto !important;
    right: 100%  !important;
}

  }
  /*End Media Queries for all larger devices End here */  



  @media (max-width: 1199px) {
    .xs-mt-10 {
  margin-top: 10px !important; } 
  .mb30 {
    margin-bottom: 10px !important;}
  }
  
  @media screen and (max-width: 321px) , screen and (max-height: 569px) {
    .d-flex.flex-row.align-items-center{
      width:97%;
    }
  }