/* Generated by CmsController.ClientCSS() */


/*
The style sheet below is stored in the clients database, and not the project. It is stored in SiteLayoutRevisions and should be edited only through the administration panel.
*/


/*
h2{
  margin:1.5em;
}
*/

/* remove mobile menu */
div#mobileMenu {
    display: none;
}

/* FIX POSITION OF LAUNCH BOX */
.courseDialog{
    position:fixed !important;
    top:12px !important;
  }
  
  
  /* stop burger menu from disappearing too soon */
  #yui-main{
      margin-top:20px;
    }
    
    div.header{
     height:auto !important; 
    }
    
    /* Adjust width of page */
    #doc4{
      width: 1200px !important;
    }
    
    /* Fix Hamburger menu position in IE */
    .hamburger-menu {
      display: block !important;
    }
    /* HOME PAGE EDITS */
    /* Remove underline on requirements*/
    .renewal-requirement__title, .insurance-requirement__title, .ro-link-box__title, .ro-update-registrant-information__title  {
      text-decoration: none !important;
    }
    /* MY PROFILE STYLING */
  
    .myProfile {
      border: none !important;
    }
    
    .insurance-profile.myProfile.form.clear:nth-child(even), .insurance-profiles__profiles > div:nth-of-type(even) {
        background-color: #F1F1F1;
        color: #0C3352;
        height: auto;
    }
    div#profileContainer .row {
        background-color: transparent;
      
    }
    
   
    
    #ProfileContainer > .myProfile:nth-child(even), .insurance-profiles__profiles > div:nth-of-type(odd) {
        background-color: #0C3352;
        color: white;
        padding:10px 5px;
    }
  
  #ProfileContainer > .myProfile:nth-child(even) label, .insurance-profiles__profiles > div:nth-of-type(odd) label{
        
        color: #f2e5bf;
        
    }
  
    .insurance-profiles__profiles > div:nth-of-type(even) label{
      color:Black !important;
    }
  
    .custom-file-upload{
      color:black !important;
    }
    
    #ProfileContainer > .myProfile h1{
      color: #5286B6;
       background: none;
    }
       
    }
    .hamburger-menu label {
        margin-top: 0px;
    }
    
    /* Adjust width of ICBC dropdown to set credit amount */
    #InsuranceProfiles_1__IcbcUserType{
      width: 150px;
    }
    /* add padding so text isn't right on end of page #40840 */
    .iiroc-profile.myProfile.form.clear {
        padding: 9px;
        background-color: #0C3352;
        color: #F2E5BF;
    }
    
    /* Remove borders on IIROC section of profile */
    .ib.border, .jurisdictions.border{
      border: 0px;
    }
    
    /* END MY PROFILE STYLING */
    
    /* UPLOAD CERTIFICATE STYLING */
    
    #AICLabel *,#AMFLabel *, #FSCOLabel *, #ICBCLabel *,#ICMLabel *, #ICSLabel *{
        padding-right: 10px;
          padding-left: 5px;
        font-weight: normal;
    }
    
    #Iiroc-PD, #Iiroc-Compliance{
      display: inline-block;
      font-weight: normal;
    }
    
    #ComplianceCredit {
      margin-right:5px; 
    }
    
    #UploadContainer #CourseName {
        line-height: 31px;
        margin:1em auto;
        padding:1em;
    }
    
    #UploadContainer #CourseName label span {
        font-weight: normal;
    }
    
    /* END UPLOAD CERTIFICATE STYLING */
    
    /* MY COMPLETED COURSES STYLING */
    .governing-body-filter .buttons{
      width: 225px;
    }
    
    /* Date picker width */
    div#ui-datepicker-div {
      width: 258px;
    }
    
    .governing-body-filter__filters {
      padding-top: 10px;
    }
    
    
    
    /* END MY COMPLETED COURSES STYLING */
    
    
    /* COURSE LAUNCH BOX STYLING */
    .duration, .modulesCount {
      display: none;
    }
    
    table.contentParent .title{
      text-align: left;
    }
    
    div#advisorContainer table tbody tr td {
        border: 0px !important;
    }
    
    div#tabContainer {
      padding-bottom: 0px !important;
    }
    
    .courseDialog .tabContainer ul.ui-tabs-nav li{
      padding-top:7px !important;
    }
    
    /* ADMIN  */
    .ui-button {
      vertical-align: unset !important;
    }
    
    .logo {
      top: 3px !important;
    }
    
    /* Fix hierarchy selector in hierarchy tab for user so there isnt a gap between the level and the dropdown */
    .editorPane .form label{
      width: auto !important;
      float: none !important;
    }
    
    /* Fix top nav on admin page */
    .topNav li, .topNav a {
        display: inline-flex;
        padding-right: 36px;
        font-size: 15px;
          color: #FFF;
    }
    
    /* Get rid of line in admin on permissions/assignments */
    
    .ui-layout-center.ui-layout-pane.ui-layout-pane-center .ui-widget.ui-widget-content{
      border: 0px !important;
    }
    /* END OF ADMIN UPDATES */
    /* Style checkboxes */
    input[type="checkbox"]{  
        -webkit-appearance: none !important;
        background-color: #FFF;
        border: 1px solid #595E59;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 9px;
        border-radius: 0px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin-top: -4px;
    }
    input[type="checkbox"]:active, input[type="checkbox"]:checked:active{
      box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }
    input[type="checkbox"]:checked {
        background-color: #FFF;
        border: 1px solid #595E59;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #0C3352;
    }
    input[type="checkbox"]:checked:after{
        content: '\2714';
        font-size: 14px;
        position: absolute;
        top: 0px;
        left: 3px;
        color: #0C3352;
    }
    
    /* PROFILE EDITOR STYLING */
    
    /* Adjust checkboxes and add padding */
    .jurisdictions__jurisdiction, .supervisor-types__supervisor-type {
      padding-top:15px;
    }
    
    .insurance-profiles.myProfile.form.clear {
        background-color: #F5F5F5;
        color: #0C3352;
    }
    
    /*Add spacing between address input fields */
    #UserProfile_HomeAddress1, #UserProfile_HomeAddress2, #UserProfile_HomeCity, #UserProfile_HomeProvince, #UserProfile_BusinessAddress1, #UserProfile_BusinessAddress2, #UserProfile_BusinessCity, #UserProfile_BusinessProvince {
      margin-bottom: 5px;
    }
    
    /* Add spacing for IIROC profile supervisor types */
    
    .ib.border {
        height: auto !important;
    }
    
    /*Responsive Edits*/
    
    
    .governing-body-filter__governing-body, .governing-body-filter__credit-type{
      display:inline-block;
      margin:.5em;
    }
    
    
    .governing-body-filter{
      padding:1em;
    }
    
  
  /* overflow-x:scroll removed to hide horizontal bar */
    #CourseCatalogTable, #UploadTable{
      max-width:100%;
      padding-bottom:1em;
    }
    
    #CourseCatalogTable table, #UploadTable table{
      min-width:900px;
    }
    
    .governing-body-filter-instructions{
      display:block;
      color:black;
      text-transform:uppercase;
      margin-bottom:.5em;
    }
    
    @media only screen and (max-width: 1030px) { /*-----------------------------------------------------  1030px and below  */
    .header__top-nav.horizontal-menu{
      display:none;
    }
    
    .header__icon-menus{
      margin-left:auto;
    }
      
      div.header{
     height:auto !important; 
    }
    
    }
  
    @media only screen and (max-width: 800px) { /*-----------------------------------------------------  800px and below  */
    
      #yui-main .banner{
          font-size: 18px;
          height:auto;
      }
  
      /*--  Push due date to the next line to avoid smooshing into title  */
      
      .ib.homeleft div[class*="__due-date"], .ib.homeright div[class*="__due-date"]{
        background:#F2E5BF;
        position:relative;
        top:auto;
        right:auto;
        display:inline-block;
        margin:5px;
      }
      
      /*--  Push buttons to the next line to avoid smooshing into text  */
      .ib.homeleft div[class*="__buttons"], .ib.homeright div[class*="__buttons"]{
        position:relative;
        top:auto;
        right:auto;
        width:60%;
        margin:15px auto 5px;
      }
      
      /*--  Allow home content to stack when screen size is too small  */
      #yui-main > .banner + div{
        flex-wrap:wrap;
        height:auto !important;
        width:100%;
        
      
        
      }
      
      /*--  restyle header to allow for small screens / move translation and impersonation buttons to manageable location  */
      .header__welcome{
        background:#333;
        width:100%;
        margin:0 0 5px 0;
        padding:5px 5px 10px;
      }
      
      .header__welcome div{
        width:90%;
        padding:0;
        text-align:left;
        color:white;
        
      }
      
      .header__welcome div button{
        margin-top:0px;
        padding:0px;
        background:none !important;
        color:hsl(218, 100%, 75%);
        text-decoration:underline !important;
      }
      
      /*-- stack left and right sides of home screen, make full width  */
      .ib.homeleft, .ib.homeright{
        width:100%;
        height:auto;
        margin-bottom:2em;
        padding:0 !important;
      }
      
      .ib.homeright{
        padding:0 1.5em;
      }
      
      #NewsHeaderWrapper{
        width:100%;
        height:auto !important;
      }
      
      #NewsHeaderWrapper img{
        max-width:100%;
        object-fit:contain;
      }
      
      .header__menus{
        flex-wrap:wrap;
      }
      
      .header__icon-menus{
        position:absolute;
        width:auto;
        height:auto;
        right:5px;
        top:5px;
      }
      
      /*-- remove icon / restyle translate button when screen is small  */
      .header__icon-menus a{
        color:hsl(218, 100%, 75%);
        text-decoration:underline !important;
      }
      
      .icon-menu__icon{
        display:none;
      }
      
      .ro-update-registrant-information{
        height:150px !important;
      }
      
      *{
        box-sizing:border-box;
      }
      
    
    div.row label{
        width:auto
      }
    
      #profileContainer{
        width:100%;
        height:auto !important;
      }
      .insurance-profile{
       width:100%; 
      }
    
    
    }
    
    @media only screen and (max-width: 650px) { /*-----------------------------------------------------  650px and below  */
    
    #CourseCatalogTable:before, #UploadTable #tableH2:after{
        content:"Swipe the table to view more";
        display:block;
        padding-bottom:.5em;
        font-weight:700;
    
      }
    
    
      .governing-body-filter__startdate{
        width:95%;
        margin-bottom:.5em;
    
      }
    
      .governing-body-filter__enddate{
        width:95%;
        margin-bottom:1.5em;
        
      }
    
      
    div#UploadContainer{
      padding:0;
    }
    
    #UploadContainer input#courseNameInput{
      width:100%;
      height:1.5em;
    }
    
    #UploadContainer div#msgSCA{
      margin:1em 0em;
    }
  
     
    
    }
  
  
  /*-----------------------------------------------------  END RESPONSIVE  */
  
    
    #Admin #hd #header .header .header__menus .header__hamburger .hamburger-menu {
        display: none !important;
    }
    
    
    /* Fix labes in IE on supervisor section of my profile */
    .supervisor-types__label, .jurisdictions__label{
      display: inline ;
    }
    
    td.enroll, th.enroll{
      display:none;
    }
    
    /* Review styling - add space between comments and buttons #40840*/
    .review__comments {
        margin: 9px 0px 9px 0px;
    }
    
    /* Button styling */
    input#submitButton, input#UploadCESubmitBtn{
        text-transform: none;
        color: #0A3150;
        background-color: #FFF!important;
        padding: 11px 40px;
        border-radius: 5px;
        border: 1px solid #0A3150;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
    }
    
    /* Update text on home page w/ JS update */
    #yui-main .banner{
          padding: 12px;
        font-size: 20px;
        background-color: #042c4c;
      color: #b9c5cd;
    }
    
                                                                                          
   
   
    
    /* Hide all placeholders 
    .placeholder {
      display: none;
    }
    */
    
    .impersonation__search-box {
        width: 400px;
        height: 27px;
    }
    
    .impersonation__text {
        font-size: 20px;
    }
    
    span.tinyGrey{
      display:none !important;
    }
  
  /* Make search box longer */
  input.review-queue-controls__text-search {
      width: 300px;
  }
  .insurance-profile.myProfile.form.clear:nth-child(odd) a{
        color:hsl(200, 100%, 80%);
        
    }
  /* Fix color of U4 link */
  
  .finra-profiles__profiles #profileContainer .ib.border .ib.border .data a{
        color:hsl(200, 100%, 80%);
        
    }
  
  /* Color IIROC H2 on edit profile page */
  .iiroc-profile.myProfile.form.clear h1 {
    color: #5286b6;
  }
  
    /* RT 84621 Make text red on renewal pages - fixed as part of 1.3 deployment, we do not need this override anymore
  form#renewForm .row:nth-child(10){
    color: rgb(255, 0, 0) !important;
  }
  */
  
   /* Hide all Snowbird checkbox in UserProfile 
  label[for="UserProfile_Snowbird"] {
      visibility: hidden;
  }
  
  hide snowbirds until they go live
  input#Snowbird_Profile {
      visibility: hidden;
  }
  */
  /* incase you need to hide snowbird on RO home page
  .ib.homeleft .ro-link-box.border.margin:nth-child(6){
    display:none;
  }
  
  */
  
  
  #ProfileContainer.myProfile, .insurance-profiles__profiles{
    display:flex;
    flex-wrap:wrap;
    margin:0;
  }
  
  #ProfileContainer.myProfile .row, #ProfileContainer.myProfile #profileContainer, .myProfile .user-profile{
    width:100%;
    box-sizing:border-box;
  }
  
  
  
  #ProfileContainer.myProfile #profileContainer.insurance-profile{
    width:33.3%;
    height:auto;
  }
  
  #ProfileContainer.myProfile #profileContainer.insurance-profile label{
    width:auto;
    font-size:12px;
  }
  
  #ProfileContainer.myProfile #profileContainer.insurance-profile .data{
    width:auto;
    display:block;
    font-size:12px;
  }
  
  #ProfileContainer.myProfile #profileContainer.insurance-profile a{
    color:rgb(170,190,250);
  }
  
  @media (max-width: 850px){
    #ProfileContainer.myProfile #profileContainer.insurance-profile{
      width:50%;
    }
  }
  
  @media (max-width: 600px){
    #ProfileContainer.myProfile #profileContainer.insurance-profile{
      width:100%;
    }
  
    #ProfileContainer.myProfile  label{
      width:auto;
      font-size:12px;
    }
  
    #ProfileContainer.myProfile  .data{
      width:auto;
      display:block;
      font-size:12px;
    }
  
    div#ProfileContainer{
      margin:15px;
    }
  
    h2{
      padding-left:15px;
    }
  
   
  }
  
  form[action*="EditUserProfile"] #ProfileContainer > div:last-of-type{
    width:100%;
    padding:10px;
  }
  
  form[action*="EditUserProfile"] #ProfileContainer.myProfile #profileContainer.insurance-profile a{
    color:blue;
  }
  
  #ProfileContainer input#submitButton{
       margin:0 auto;
        display:inline-block;
  }

.insurance-profile .row label{
      text-align:left;
}
  
  .insurance-profiles{
    padding-bottom:0 !important;
  }
  
  .insurance-profiles__profiles{
    padding-top:20px;
  }