/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 80%;
  left: 40%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 300px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  white-space: pre-line;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 80%;
  left: 40%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  white-space: pre-line;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lbStyle
{
    width: 100%;
}

/*
.container-fluid {
    padding: 25px 20px !important;
}
*/

.btn_txtcolor 
{
    color: #3E81B5;
}

#imgCompanyLogo
{
    width: 100%;
}

.up 
{
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 7px;
    float: right;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down 
{
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 7px;
    float: right;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.table .thead-dark th 
{
    font-weight: 300;
}

input[type='checkbox'] {
    margin: 5px;
}


.glyphicon
    {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .glyphicon-menu-down:before
    {
        content: "\e259";
    }
    .glyphicon-menu-up:before
    {
        content: "\e260";
    }
    
    .fc-tooltip
    {
        text-decoration: none;    
    }

.error-msg {
    color: Red;
    text-align: center;
    font-size: 1.1em;
    font-family: 'proxima-nova';
}
    
    /* REQUEST LOGIN */
    #loginRequestEmailSent h4 a
    {
        font-size: 1em;    
    }
    
    /* SEARCH VIEW  */
    
    #searchTopLinks a
    {
        height: 20px;
        width: 120px;
        text-align: center;
        padding: 0;
        cursor: pointer;
    }
    
    #searchTopLinks p
    {
        margin-top: 2em;    
    }
    
    
    #searchTopNavButtons input
    {
           cursor: pointer;
           margin-right: 0.5em;
           
    }
    
    .search-section-header .badge
    {
         font-size: medium; 
         margin-right: 10px;
         vertical-align: middle; 
         color: White;   
    }
    
    #searchName, #searchLocation
    {
        margin-bottom: 3em;
    }
    
    input[id*=txtCompanyName] 
    {
        width: 60%;    
    }
    
    select[id*=lbStatesList], select[id$=lbChaptersList]
    {
        width: 100%;
    }
    
    
    
    
    .table td, .table th
    {
        padding: 1rem !important;
        vertical-align: middle !important;
        text-align: center;
    }
    
    #resultsTable td:nth-child(8)
    {
        text-align: center !important;
     }
    
    #paginationList
    {
        list-style-type: none !important;
    }
    
    #RequestLoginForm label
    {
        display: inline-block;
    }
    
    
    #myCompNAICSGrid table td
    {
        text-align: left !important;    
    }
    
    #myCompCSIGrid table td
    {
        text-align: left !important;    
    }
    
    .card-body td
    {
        text-align: left !important;    
    }
    
    #csiSelections td 
    {
        text-align: left !important;
    }
    
    #naicsSelections td 
    {
        text-align: left !important;
    }
    
    #myCompCSIGrid table th
    {
        display: none;
    }
    
    #myCompNAICSGrid table th
    {
        display: none;
    }
       
     table.borderless td,table.borderless th{
     border: none !important;
    }
    
    .table 
    {
        background-color: transparent !important;
     }
     
     /*#nav-address .table th, tr, td 
     {
        text-align: left !important;            
     }*/
     
     #nav-address .table tr:first-child, th 
     {
           border-top: none !important;
     }
     
     /*#nav-contactInfo .table th, tr, td 
     {
        text-align: left !important;            
      }*/
      
      #nav-address tr td:nth-child(7),  #nav-address tr td:nth-child(8)
      {
        text-align: center !important;    
      }
      
      #nav-contactInfo .table tr:first-child, th 
     {
           border-top: none !important;
     }
     
      #nav-contactInfo tr td:nth-child(3)
      {
        text-align: center !important;  
        width: 28%;  
      }
     
      #nav-designations input
      {
          vertical-align: middle !important;
      }
     
      #nav-safety input:first-child
     {
         vertical-align: middle !important;
     }
     #nav-contactInfo input:first-child
     {
         vertical-align: middle !important;
         margin-top: -3.5px;        
     }
     
     input[id*=txtNewContactInfo]
     {
        width: 205px; margin-left: 10%;
     } 
     
     input[type=checkbox], input[type=radio] 
     {
        vertical-align: middle;    
     }
     
     .popover 
     {
          max-width: 40%;
      }
     .popover-body 
     {
        font-family: sans-serif;
        color: Black;  
       
     }  
     
     #resultsTable th a
     {
        color: White !important;    
     }
     
     #resultsTable .collapse.show 
     {
        display: contents !important;    
     }
     
      .loading-panel {
                background: rgba(0, 0, 0, 0.1);
                position: absolute;
                width: 100%;
                height: 100%;
      }

      .loading-container {
                
                color: #fff;
                font-size: 90px;
                height: 50%;
                left: 0;
                padding-top: 15%;
                position: relative;
                text-align: center;
                margin: 0 auto;
                width: 50%;
                z-index: 999999;
      }
            
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

    /* Portrait and Landscape */
    @media  screen 
    and (min-width: 370px) 
    and (max-width: 660px) 
    {
        .fc-tooltip
        {
            display: none;    
        }
        
        [data-tooltip]:hover:before,
        [data-tooltip]:hover:after {
            visibility: hidden;
        }
        
        #loginContent h4
        {
            font-size: 1.4em;    
        }
        
        #loginContent p
        {
           font-size: 1.2em;
           width: 100% !important;
        }
        
        #loginContent p a, #loginContent label 
        {
            font-size: 1em;    
        }
        
        #RequestLoginForm label
        {
            font-size: 1.2em;    
        }
        
        div[id*=forgotEmailPrompt] p, div[id*=forgotEmailPrompt] p a
        {
             font-size: 1.2em;
        }
        
        input[id*=forgotPassEmail]
        {
            width: 100%;    
        }
        
        .search-section-header
        {
            font-size: 2.4em;
        }
        
        .card-header
        {
            height: 5em;    
        }
        
        .card-header p
        {
            font-size: large !important;    
        }
        
        .card-body table tr td span
        {
            font-size: large;
            margin-top: 3em;
            margin-bottom: 3em;
        }
        
        .card-body table tr
        {
            height: 3.5em;
        }
        
        #searchTopLinks a
        {
            font-size: 1.2em; 
            width: 100%;   
        }
        
        #searchName p
        {
            font-size: 1.2em;    
        }
        
        #searchName input[id*=txtCompanyName]
        {
            width: 100%;    
        }
        
        #searchLocation span, #searchLocation option
        {
            font-size: medium !important;    
        }
        
        #searchFeatures label, #searchFeatures input, #searchFeatures span
        {
             font-size: medium !important;
             display: inline;
        }
        
        #searchFeatures table[id*=DesignationsList] tr
        {
            height: 5em;    
        }
        
        /*results view */
        p#topResultsLinkOptions span
        {
            font-size: 1.2em;    
            display: inline-block;
            height: 2.5em;
        }
        
        p#topResultsLinkOptions a 
        {
            font-size: 1.2em;    
        }
        
        a[id*=lnkBntMyCompanyProfile]
        {
            font-size: 1.2em;    
        }
        
        #resultsTable tr td, #resultsTable tr td a
        {
            font-size: 1.1em;    
        }
        
        
        
        /* company profile */
        
        #myCompanyTabs .nav-link span, #myCompanyTabs .nav-link
        {
            width: 100%;
            font-size: 15pt !important;
        }
        
        #myCompCSIGrid tr
        {
            height: 3em;    
        }
        
        #myCompCSIGrid tr td span, #myCompNAICSGrid tr td span
        {
            font-size: 1.2em;
        }
        
        #myCompNAICSGrid tr
        {
            height: 3em;    
        }
        
        #myCompNAICSGrid tr td span, #myCompNAICSGrid tr td span
        {
            font-size: 1.2em;
        }
        
        #nav-designations label, #nav-designations input
        {
                font-size: 1.2em;
                display: inline;
        }
        
        #nav-designations table tr
        {
            height: 3.5em;    
        }
        
        #nav-address tr td 
        {
            font-size: 1.2em;    
            width: 3em;
        }
        
         #nav-contactInfo input, #nav-contactInfo label
        {
            font-size: 1.2em;
            display: inline;
        }
        
         input[id*=txtNewContactInfo]
        {
            width: 10em;
        }
        
        #nav-safety input, #nav-safety label 
        {
            font-size: 1.2em;    
            display: inline;
        }
        
        #nav-safety p, #nav-safety h6
        {
            font-size: 1.2em;    
        }
        
        /* reset password */
        div[id*=resetPassForm] p span
        {
            font-size: 1.2em;    
        }
    }
    
    /* IE10+ CSS styles */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
    {
        .container
        {
            width: 950px !important;
        }
    }