@charset "UTF-8";
@font-face {
    font-family: 'LatoRegular';
    src: url('../../fonts/Lato-Reg-webfont.eot');
    src: url('../../fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-Reg-webfont.woff') format('woff'),
         url('../../fonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('../../fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoLight';
    src: url('../../fonts/Lato-Lig-webfont.eot');
    src: url('../../fonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-Lig-webfont.woff') format('woff'),
         url('../../fonts/Lato-Lig-webfont.ttf') format('truetype'),
         url('../../fonts/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoHair';
    src: url('../../fonts/Lato-Hai-webfont.eot');
    src: url('../../fonts/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-Hai-webfont.woff') format('woff'),
         url('../../fonts/Lato-Hai-webfont.ttf') format('truetype'),
         url('../../fonts/Lato-Hai-webfont.svg#LatoHair') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoHeavy';
    src: url('../../fonts/Lato-Heavy.eot');
    src: url('../../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-Heavy.woff') format('woff'),
         url('../../fonts/Lato-Heavy.ttf') format('truetype'),
         url('../../fonts/Lato-Heavy.svg#LatoHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'LatoBlack';
    src: url('../../fonts/Lato-Bla-webfont.eot');
    src: url('../../fonts/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-Bla-webfont.woff') format('woff'),
         url('../../fonts/Lato-Bla-webfont.ttf') format('truetype'),
         url('../../fonts/Lato-Bla-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoItalic';
    src: url('../../fonts/Lato-RegIta-webfont.eot');
    src: url('../../fonts/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-RegIta-webfont.woff') format('woff'),
         url('../../fonts/Lato-RegIta-webfont.ttf') format('truetype'),
         url('../../fonts/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBold';
    src: url('../../fonts/Lato-Bol-webfont.eot');
    src: url('../../fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-Bol-webfont.woff') format('woff'),
         url('../../fonts/Lato-Bol-webfont.ttf') format('truetype'),
         url('../../fonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../../fonts/Lato-BolIta-webfont.eot');
    src: url('../../fonts/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-BolIta-webfont.woff') format('woff'),
         url('../../fonts/Lato-BolIta-webfont.ttf') format('truetype'),
         url('../../fonts/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoLightItalic';
    src: url('../../fonts/Lato-LigIta-webfont.eot');
    src: url('../../fonts/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Lato-LigIta-webfont.woff') format('woff'),
         url('../../fonts/Lato-LigIta-webfont.ttf') format('truetype'),
         url('../../fonts/Lato-LigIta-webfont.svg#LatoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/NotoSansJP-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans JP Light';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../../fonts/NotoSansJP-Light.ttf') format('truetype');
}


@font-face {
  font-family: 'Impact'; 
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:  url('../../fonts/impact.ttf') format('truetype');
}

@font-face {
  font-family: 'Arial Black';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:  url('../../fonts/ariblk.ttf') format('truetype');
}


@font-face {
  font-family: 'Proxima Nova Lt';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../fonts/proximanova-semibold-webfont.woff') format('woff'),
       url('../../fonts/proximanova-semibold-webfont.ttf') format('truetype');
  }   

@font-face {  
  font-family: 'Proxima Nova Lt'; 
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../../fonts/proximanova-light-webfont.woff') format('woff'),
       url('../../fonts/proximanova-light-webfont.ttf') format('truetype');
  }


@font-face {
      font-family: 'Proxima Nova Rg';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url('../../fonts/proximanova-regular-webfont.woff') format('woff'),
          url('../../fonts/proximanova-regular-webfont.ttf') format('truetype');
  }

@font-face {
      font-family: 'Proxima Nova Th';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url('../../fonts/proximanova-thin-webfont.woff') format('woff'),
          url('../../fonts/proximanova-thin-webfont.ttf') format('truetype');
  }

@font-face {
      font-family: 'Proxima Nova Rg';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url('../../fonts/proximanova-bold-webfont.woff') format('woff'),
          url('../../fonts/proximanova-bold-webfont.ttf') format('truetype');
      }

@font-face {
      font-family: 'Impact';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url('../../fonts/impact.ttf') format('truetype');
      }

@font-face {
      font-family: 'Knockout HTF28-JuniorFeatherwt';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url('../../fonts/knockout_htf28_juniorfeatherwt-webfont.woff') format('woff'),
          url('../../fonts/knockout_htf28_juniorfeatherwt-webfont.ttf') format('truetype');
      }

@font-face {
      font-family: 'Knockout HTF26-JuniorFlyweight';
      font-style: normal;
      font-weight: normal;
      font-display: swap;
      src: url('../../fonts/knockout_htf26_juniorflyweight-webfont.woff') format('woff'),
      url('../../fonts/knockout_htf26_juniorflyweight-webfont.ttf') format('truetype');
  }

@font-face {
      font-family: 'Gotham Medium';
      font-style: normal;
      font-weight: normal;
      font-display: swap;
      src: url('../../fonts/gothamed-webfont.woff2') format('woff2'),
          url('../../fonts/gothamed-webfont.woff') format('woff'),
          url('../../fonts/gothamed-webfont.ttf') format('truetype');
  }

@font-face {
      font-family: 'HelveticaNeue W01 25 UltLt';
      font-style: normal;
      font-weight: normal;
      font-display: swap;
      src: url('../../fonts/helvetica-neue-webfont.woff') format('woff'),
          url('../../fonts/helvetica-neue-webfont.ttf') format('truetype'),
          url('../../fonts/helvetica-neue-webfont.eot'),
          url('../../fonts/helvetica-neue-webfont.svg#helvetica-neue-webfont') format('svg');
      }

@font-face { font-family: 'Times New Roman';
          font-style: normal;
          font-weight: normal;
          font-display: swap;
          src: url('../../fonts/times-webfont.eot'),
              url('../../fonts/times-webfont.eot?#iefix') format('embedded-opentype'),
              url('../../fonts/times-webfont.woff2') format('woff2'),
              url('../../fonts/times-webfont.woff') format('woff'),
              url('../../fonts/times-webfont.ttf') format('truetype'),
              url('../../fonts/times-webfont.svg#times_new_romanregular') format('svg'); 
  } 

@font-face { font-family: 'Quarto Bold';
          font-style: normal;
          font-weight: normal;
          font-display: swap;
          src: url('../../fonts/Quarto-Bold.woff') format('woff'),
          url('../../fonts/Quarto-Bold.ttf') format('ttf');
      }

@font-face { font-family: 'Avenir Next';
          font-style: normal;
          font-weight: normal;
          font-display: swap;
          src: url('../../fonts/avenirnext-webfont.eot'),
              url('../../fonts/avenirnext-webfont.eot?#iefix')format('embedded-opentype'),
              url('../../fonts/avenirnext-webfont.woff2') format('woff2'),
              url('../../fonts/avenirnext-webfont.woff') format('woff'),
          url('../../fonts/avenirnext-webfont.ttf') format('truetype'),
          url('../../fonts/avenirnext-webfont.svg#avenirnext-webfont') format('svg');
          }

@font-face { font-family: 'Geogrotesque Medium';
          font-style: normal;
          font-weight: normal;
          font-display: swap;
          src: url('../../fonts/geogrotesque-medium-webfont.eot'),
              url('../../fonts/geogrotesque-medium-webfont.eot?#iefix') format('embedded-opentype'),
              url('../../fonts/geogrotesque-medium-webfont.woff2') format('woff2'),
              url('../../fonts/geogrotesque-medium-webfont.woff') format('woff'),
              url('../../fonts/geogrotesque-medium-webfont.ttf') format('truetype'),
              url('../../fonts/geogrotesque-medium-webfont.svg#avenirnext-webfont') format('svg');
          }

@font-face { font-family: 'Sharp Sans Bold';
          font-style: normal;
          font-weight: normal;
          font-display: swap;
          src: url('../../fonts/sharpsans-no1-bold.woff') format('woff'),
               url('../../fonts/sharpsans-no1-bold.ttf') format('ttf'),
               url('../../fonts/sharpsans-no1-bold.otf') format('opentype');
          }


.lato { font-family: 'LatoRegular';}
.lato-heavy { font-family: 'LatoHeavy';}
.lato-bold { font-family: 'LatoBold';}


/* BRANDING COLORS */

/* ------------------------------- */f
.certain-green-lt {color: #F2F2F2;}
.certain-green-lt-bg {background-color: #F2F2F2;}
.certain-green-md {color: #F2F2F2;}
.certain-green-md-bg {background-color: #F2F2F2;}
.certain-green {color: #2fb36d !important;}
.certain-blue {color: #1950A6 !important;}
.certain-dblue {color: #0B2958 !important;}
.color-white {color: #FFFFFF !important;}
.color-black {color: #000000 !important;}
.color-impact {color: #2cd1cc !important;}
.certain-black-bg {background-color: #000000;}
.certain-white-bg {background-color: #FFFFFF;}
.certain-green-bg {background-color: #2fb36d;}
.certain-lblue-bg {background-color: #186DF2;}
.certain-dorange-bg {background-color: #91340F;}
.certain-blue-bg {background-color: #0B2958;}
.certain-dgray-bg {background-color: #333;}
.certain-mgray-bg {background-color: #595959;}
.certain-lgray-bg {background-color: #EDEDED;}
.certain-lyellow-bg {background-color: #ffffed;}
.certain-impact-bg {background-color: #2cd1cc;}


.certain-lblue {color: #186DF2;}
.certain-gray {color: #635d59;}
.certain-gray-bg {background-color: #666666;}
.certain-lgray {color: #EDEDED;}
.certain-lgray-bg {background-color: #F2F2F2;}
.certain-gray-md {color: #595959;}
.certain-mgray {color: #767676;}

.certain-orange {color: #E69900 !important;}
.certain-purple {color: #B41FFF;}

.certain-dorange {color: #91340F;}
.certain-dpurple {color: #7E16B3;}

::placeholder {
  color: #666666 !important;
}

.white-bg {background-color: #FFF;}
.certain-green-border-top {border-top: 1px solid #00a85d;}
.black-bg {background-color: #000;}
 
/* custom question headers  */
.que-header-bg { background: #4bbb87;}

/* page breaks headers  */
.break-header-bg { background: #595959;color:#FFFFFF;}


.alert-warning {
    background-color: #FFF7D9;
    border-color: #faebcc;
    color: #91340F;
}


/* Global Styles */

/* ------------------------------- */
html, body {
  height: 100%;
}

body {
  font-family: 'LatoRegular';
  position: relative;
  height: 100%;
}

/* Wrappers */

/* ------------------------------- */

 #wrapper {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

#page-wrapper {
        position: inherit;
        margin: 0 0 0 225px;
        padding: 0 30px;
        min-height: 420px;
        /*border-left: 1px solid #e7e7e7;*/
        background-color: #FFF;
    }

    #page-wrapper-full {
        min-height: 420px;
        margin:0 15px;
    }



/* LOGIN  */

/* ------------------------------- */
body#certainLogin {
  overflow: auto; /* HIDE SCROLLBARS */
}

.login-wrap {
   display: table;
   width:100%;
   height: 100%;
 }

  .login-wrap footer {
    position: relative;
    margin-top: -24px;
    height: 24px;
    width: 100%;
    clear: both;
    text-align: center;
  }

  .login-left {
      height: 100%;
  }


  .login-left footer.full {
    width: 100%;
  }

 .login-logo {
    position: absolute;
    top: 10px;
    left: 10px;
 }

 .login-panel {
    display: table;
    width: 55%;
    margin: 20% auto 0 auto;
    overflow: auto;
    padding-bottom: 48px;
}

 .support .login-panel {
    display: table;
    width: 100%;
    margin: 20% auto;
  }


  .login-forget {
    margin-top:-27px;
  }

  .login-right {
      display: table-cell;
      vertical-align: top;
      background-color: #D8DDE6;
      width: 50%;
      height: 100%;
      color: rgba(255, 255, 255, 0.6);
      border-left: 1px solid #D8DDE6;
  }

    .login-right iframe {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border: none;
        float: right;
        background-color: #F2F2F2;
    }

  @media only screen and (max-width: 1024px) {
      .login-left {width: 100%;}
      .login-panel {margin-top: 45px;}
      .login-left footer {width: 100%;}
      .login-right {display: none;}
  }



iframe {border: none;}

iframe#certainModaliFrame {
    display: block;
    border: none;
    width: 100%;
    height: 100%;
}

iframe#accountSelectorFrame {
    overflow: hidden;
    width: 585px;
    height: 425px;
} 


.certain-well {
  background-color: #E9F7F7;
}



.logo {
    padding: -5px;
    margin: -5px;
}

.navbar-static-side ul li {
    border-bottom: 1px solid #e7e7e7;
}

.navbar {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

#certain-stack #certain-products li a {   
  font-family: LatoBlack;   
  text-transform: uppercase;    
  color: #0B2958;   
}   
#certain-stack #certain-products li a:hover {   
  color: #000000;   
  background-color: #F2F2F2;
}   
#certain-stack #certain-products ul {   
  top: -30px;    
  left: 100%;   
  border-left: 10px solid #635d59;    
  border-radius: 4px;   
  border-top-left-radius: 0;    
}   

#certain-stack #certain-products li.dropdown.open a.dropdown-toggle {   
  background-color: #635d59;   
}   
#certain-stack #certain-products li.dropdown.open a.dropdown-toggle i.fa {    
  color: #FFF;    
}   

.navbar-nav>li.active {
  color: #555555;
  background-color: #f5f5f5;
  margin-bottom:-1px;
  border: 1px solid #F2F2F2;
  border-bottom-color: transparent;
  cursor: default;
} 

.navbar-top-links a.logo-flip {
    padding:0;
}

.navbar-inverse {
  background-color: #e7e7e7;
  border-color: #DDD;
}

.page-header {
    margin: 20px 0 10px;
    border: 0;
}
.page-header .text{
    margin: 70px 0 10px;
    border: 0;
}

.page-header small {
    font-family: 'LatoLight';
    font-size: 18px;
    color: #635D59;
    display: block;
    margin-top: 4px;
  }

  .page-header .strong {
    font-size: 17px;
  }

  .page-header .a:hover {
    text-decoration: none;
  }
  
  .page-header h1 {
    font-family: 'LatoHeavy';
    font-size:30px;
    color: #635D59;
    text-align: left; /* needed to trump dragNdrop alignment! */
  }

    .page-header h2, h3.page-header {
      text-transform: uppercase;
      font-size:30px;
      color: #1950A6;
      margin-bottom: 0;
    }

  
  .header-balance {
      background-color: #F2F2F2; 
      border-radius: 5px; 
      min-width: 125px; 
      padding: 5px 10px; 
      margin-top: 10px;
  }

    .header-balance h5 {
      font-size: 14px;
      color: #0B2958;
    }

    .header-balance span a {
      font-family: 'LatoHeavy';
      font-size:28px;
      color: #000000;
    }    

#certain-footer {
  bottom: 30px;
  padding-top:25px;
}


.errorField {  box-shadow: 0px 0px 0px 1pt #cd0a0a !important;}

/* Navigation */

/* ------------------------------- */
.account-menu {
  position:absolute;
  top:135px;
    left:7px;
    padding:10px;
}

.tab-fixed {
    background-color:#EEE!important;
}

.navbar-fixed-top {
    position: fixed!important;
    top: 0!important;
    margin-top:0;
}

#drilldown-nav,.navbar-header {
     background-color: #EFEFEF;     
     margin-bottom: -1px;
}


.navbar {
    min-height:0px;
}

.navbar-brand {
    height: 40px;
    line-height:15px;
    color:#000 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 450px;
}

.no-ellipsis {
  text-overflow: unset !important;
}

.nav > .dropdown > a.dropdown-toggle:focus-visible {
  outline: 2px solid black;
}

a.archived {padding-right:30px;background: url(./../../images/certain/icon/iconS_archive.png) center right no-repeat;}
a.test {padding-right:40px;background: url(./../../images/certain/icon/iconS_testFlat.png) center right no-repeat;}


.crtn-solution-icon {
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 22px;
}

.crtn-icon-enabled:hover,
.crtn-icon-enabled:focus
 {
  filter: brightness(0) saturate(100%) invert(23%) sepia(82%) saturate(3158%) hue-rotate(17deg) brightness(97%) contrast(101%);
}


.crtn-solution-waffle-icon {
  background-image: url(./../../svg/icons/icon-waffle.svg);
}

.crtn-solution-cwaffle-icon {
  background-image: url(./../../svg/icons/icon-cwaffle.svg);
}

.certain-icon {
  background-image: url(./../../svg/icons/logo-certain.svg);
}

.platform-icon {
  background-image: url(./../../svg/icons/icon-platform.svg);
}

.signal-icon {
  background-image: url(./../../svg/icons/icon-signal.svg);
}

.intelligence-icon {
  background-image: url(./../../svg/icons/icon-event-intelligence.svg);
}

.uc-icon {
  background-image: url(./../../svg/icons/icon-conference.svg);
}

.touchpoint-icon {
  background-image: url(./../../svg/icons/icon-touchpoint.svg);
}

.digital-icon {
  background-image: url(./../../svg/icons/icon-digital.svg);
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

 .certain-pills > li.active > a, .nav-pills > li.active > a:focus {
        color: black;
        background-color: #fcd900;
    }

        .certain-pills > li.active > a:hover {
            background-color: #efcb00;
            color:black;
        }


.dropdown-menu {
    border-radius: 0;
}

.dropdown-menu.noborder {
  border: none !important;
}

.drill-down {
    min-width:226px;
}
.mw400 {
    min-width:400px !important;
}

.drill-down-wide {
    min-width:550px;
}


.nav-header {
    display: block;
    padding: 15px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000;
    background-color:#EDEDED;
    text-transform: uppercase;
}

.nav-stacked > li.active > a {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: none;
  border-bottom-color: transparent;
}

nav > ul.nav.navbar-top-links.navbar-right > li.dropdown.open > a:focus,
nav > ul.nav.navbar-top-links > li.dropdown.open > a:focus {
    background-color: #1950A6;
    border-color: #1950A6;
}


.navbar-right {
  margin-right: auto !important;
}
 .navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    margin-bottom: 5px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

/* handle new drill down styles */
.navbar-tabs .popover {
          width: 227px;
          height: auto;
          -webkit-border-top-left-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-bottom-right-radius: 0px;
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
          border-left: 1px solid #ededed;
      }

       #drilldown-nav > .popover > .popover-content {
         padding: -1px;
      }

      .popover-title {
          text-transform: uppercase;
          color:#0B2958;
      }
      
      .navbar-tabs .popover-content {
          padding: 0;
      }

      .navbar-tabs .popover-content a {
          color: #333;
          display: block;
          padding: 3px;
          text-indent: 9px;
      }
      .navbar-tabs .popover-content a:hover {
          color: #000;
          text-decoration: none;
          background-color: #F2F2F2;
      }

      .navbar-tabs .dropdown-menu {
          -webkit-border-top-right-radius: 0px;
          -webkit-border-bottom-right-radius: 0px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;

          -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
      }

     .navbar-tabs .dropdown-menu > li > a {
          white-space: normal;
      }    

      .navbar-tabs .dropdown-menu > li > a.maintainHover {
          color: #000;
          background-color: #F2F2F2;
      }
      .navbar-tabs .dropdown-menu > li > a.maintainHover i {
          color: #0B2958;
      }

/* handle panel display of the large drop down */




/* mosiac grid */
.mosiac-row {
 column-width: 17em;
 column-gap: 1em;
 -moz-column-width: 17em;
 -moz-column-gap: 1em;
 -webkit-column-width: 17em;
 -webkit-column-gap: 1em;
}


.mosiac-item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}

.resource-panel {
    top: 0;
    right: 0;
    width: 245px;
    height: 100%;
    
    padding:  .25rem;
    padding-top: 13px;
    position: absolute;
    border-left: 1px solid #0B2958;
    background-color: #F2F2F2;
    overflow-y: auto;
    overflow-x: hidden;
}

  .resource-panel::-webkit-scrollbar {
      height: 4px;
      width: 4px;
  }
  .resource-panel::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, .26);
  }

.close-quickmenu {
    position: absolute !important;
    top: 0;
    right: 10px;
}

  .resource-panel ul.drill-down li {
      list-style: none;
      list-style-position: inside;
      margin-left: -20px;
  }

    .resource-guide a {
      color: #767676;
      line-height: 20px;
    }

    .resource-guide {
      display: block;
      background: transparent url(./../../images/certain/resources/resource_pdf_icon.png) top left no-repeat;
      padding-left: 40px;
      color: #767676;
    }

    .resource-guide:hover {
      background: transparent url(./../../images/certain/resources/resource_pdf_icon_over.png) top left no-repeat;
    }

    .resource-video a {
      color: #767676;
      line-height: 20px;
    }

    .resource-video, .resource-video-inline {
      display: block;
      background: transparent url(./../../images/certain/resources/resource_video_icon.png) top left no-repeat;
      padding-left: 40px;
      color: #767676;
    }

      .resource-video-inline {
        display: inline-block;
        color: inherit;
      }

    .resource-video:hover {
      background: transparent url(./../../images/certain/resources/resource_video_icon_over.png) top left no-repeat;
      cursor:pointer;
    }



.dropdown-large {
  position: static !important;
}
      
      /* add padding when closed to not event redraw */
      .dropdown.dropdown-large a.dropdown-toggle span, .navbar-tabs li span {
        padding:10px;
      }

      /* highlight the span wrapping the navigation elements */                                                                
      .dropdown-large.open a.dropdown-toggle span, .navbar-tabs li.open span {
            color: #FFF;
            background-color: #1950A6;
            padding-bottom:13px;
            border-radius: 4px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        #drilldown-nav > nav > ul > li > a > span > b {
          border-top:4px solid #0B2958;
        }

.navbar-tabs .dropdown-menu {
  border-top: 4px solid #1950A6;
}

.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 10px 0px;
  padding-right: 150px; /*allow the resource panel to overlay */
  padding-bottom: 25px;
  border-top: 4px solid #1950A6;
  min-width: 450px;
  max-width: 1125px;
}

.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}

.dropdown-menu-large > li > ul > li.sub-section {
  margin-left: 1.5em;
  border-left: 1px dotted #ECECEC;
  text-indent: -4px;
}

.dropdown-menu-large > li > ul > li.sub-section:last-child {
  margin-bottom: 0;
}

.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 14.5px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 225px;
 }

.dropdown-menu-large > .navbar-tabs .dropdown-menu > li > a:hover,
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #FA8A3B;
  text-decoration: none;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.dropdown-header {
    font-size: inherit;
    color: #000;
 }

.dropdown-menu-large .dropdown-header {
  color: #0B2958;
  white-space: nowrap;
}


@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
    margin-top: 40px !important;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}


.dropdown-overflow::-webkit-scrollbar {
      height: 4px;
      width: 4px;
  }
  .dropdown-overflow::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, .26);
  }
  
.popup {
  width:250px;
}

.popover {
  font-family:'LatoRegular' !important;
}



/* Icons */

/* ------------------------------- */

/* primary icons*/
a.primary, a.primaryPayment {
  float:left;
  display: block;
  text-indent: -9999px;
  background: transparent url(./../../images/certain/icon/iconS_primarySprite.png) bottom center no-repeat;
  width:65px;
  height:16px;
  outline: none;
}

a.activePrimary,a.activePrimaryPayment {
  display: block;
  text-indent: -9999px;
  background: transparent url(./../../images/certain/icon/iconS_primarySprite.png) top center no-repeat;
  width:65px;
  height:16px;
  outline: none;
}


.fa {color: #8a8a8a;}
.fa-red {color: #bc232f !important;}
.fa-orange {color: #e46925 !important;}
.fa-lorange {color: #E69900 !important;}
.fa-green {color: #6fb245 !important;}
.fa-impact {color: #2cd1cc !important;}
.fa-blue {color: #0B2958 !important;}
.fa-white, .fa-white-hover:hover {color: #FFFFFF !important;}
.fa-gray {color: #635d59 !important;}
.fa-lgray {color: #EDEDED !important;}

.fa-orange:hover {
  color: #E69900 !important;
}

.nav > li > a:hover .fa,
a.list-group-item:hover .fa, a.list-group-item:focus .fa,
.dropdown-menu>li>a:hover .fa, .dropdown-menu>li>a:focus .fa,
.panel-heading>a:hover .fa, .panel-heading>a:focus .fa   {
  color: #0B2958;
}

.panel-toggle:hover {
  border-color: #186DF2;
  cursor: pointer;
}


  .fa-red:hover {
    color: #8a8a8a;
  }

  .fa-grey:hover {
    color: #635d59;
  }

  .fa-grey:hover {
    color: #635d59;
  }

  a.fa-white-hover:hover .fa {
    color: #FFF;
  }

  .crtn-email-open > .fa-envelope-o:hover:before{
    content: "\f2b6";
  }

  .crtn-sparkle {
    content: "\f890";
  }


#sidebar-wrapper {
  text-indent: 5px;
  background-color: #fff
}

.sidebar-collapse {
  width: 50px !important;
  margin-left: -5px;
}

.side-bar {
 position: relative;
}

.bar-toolbar {
    position: absolute;
    right: 18px;
    top: 28px;
    float: right;
    margin-top: -15px;
   }

    .bar-toolbar .bar-maximize i {
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      -moz-transform-origin: 18 28;
      -ms-transform-origin: 18 28;
      -o-transform-origin: 18 28;
      -webkit-transform-origin: 18 28;
      transform-origin: 18 28;
    } 


/*  fixed sidebard with scroll option */
.sidebar-fixed {
    position: fixed;
    top: 92px;
    bottom: 45px;
    width: 225px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.sidebar-fixed::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
.sidebar-fixed::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .26);
}
.sidebar-fixed {
    overflow: hidden;
}
.sidebar-fixed:hover,.overflowY {
    overflow-y: auto;
}


/*  fixed sidebard with scroll option */
.sidebar-fixed-uc {
    top: 147px;
}

@media screen and (max-width: 768px) {
  .sidebar-fixed {
    position: inherit;
    width: inherit;
  }

}

.list-group {
  margin-bottom: 0;
}


a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    color: #fff;
    background-color: #595959;
    border-color: #595959;
}


.sub-list-group-item {
  background-color: #F2F2F2;
  text-indent: 1.5em;
}

  a.sub-list-group-item.active, a.sub-list-group-item.active:hover, a.sub-list-group-item.active:focus {
    background-color: #333333;
    color: #FFF;
  }

  
  a.sub-list-group-item .fa {
      color: #cfcfcf;
  }

  a.sub-list-group-item:hover .fa {
      color: #767676;
  }

a.list-group-item-sublist {
    text-decoration: none;
    background-color: #EFEFEF;
}

a.list-group-item-sublist:hover, a.list-group-item-sublist:focus {
    background-color: #FFF;    
}

a.list-group-item-sublist.active, a.list-group-item-sublist.active:hover {
  background-color: #FFF;   
  color:#555;
  border-left:5px solid #0B2958;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.recent-items a:hover,
.favorite-items  a:hover {
    color:#1896c5;
}


li.borderless, a.borderless { border: 0 none; }

/* actions in a table*/
td > a .fa,
.panel-heading div > a .fa,
.actionable-list div > a .fa {
  font-size:18px;
  color: #635D59;
  padding-right: 3px;
}

  td > a:hover .fa, td > i:hover .fa  {
    color: #0B2958;
   }

  .fa.icon-delete {
    color: #DBD9D6;
  }
  .fa.icon-delete-grey {
    color: #DBD9D6;
  }
  td > a:hover .fa.icon-delete-grey  {
      color: #DBD9D6;
    } 

    td > a:hover .fa.icon-delete  {
      color: #F32C00;
    } 

    td > a:hover .fa.icon-favorite  {
      color: #f4b824;
    } 

    

.dropdown-menu a .fa {padding-right: 5px;}

.breadcrumb {
    background-color:#FFF !important;
    padding: 8px 15px;
    font-size: 12px;
    list-style: none;
    background-color: #8A8A8A;
    border-top: 4px solid #1950A6;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 0;
    border-radius: 0;
    min-height: 50px;
}

/* account-selector li container */
ol.breadcrumb > li:first-of-type {
    vertical-align: middle;
    margin-top: -10px;
    margin-right: -10px;
}
  .breadcrumb >li:first-of-type + li:before {
      content: "\00a0";
      padding: 0 5px;
      color: #fff;
  }

.breadcrumb li {padding-top:5px;}
.breadcrumb li a {
    color: #666;
    text-decoration: none;
}

.breadcrumb li.active, .breadcrumb-item.active {
    color:#333;
}

.breadcrumb > li >a:hover, .breadcrumb >a:hover {
  color: #000;
}

.actSelector {
    float:left;
    width: 60px;
    height: 30px;
    background-image: url('./../../images/certain/icon/iconS_path.png');
    background-position: top left;
    background-repeat: no-repeat;
    cursor: pointer;
}
.actSelector:hover, #accountDropdown:focus {
    background-image: url('./../../images/certain/icon/iconS_path_a.png');
}

#actions {
    margin-top:-30px;
    padding-right:25px;
}

.jumpto-menu>li>a:hover, .jumpto-menu>li>a:focus {
    text-decoration: none;
    color: #FFF;
    background-color: #0B2958;
}

a.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    background-color:white;
 }

 .mail .badge {
  position:absolute;
  left: -4px;
  top: -3px
}


/* .list-group {
  margin-bottom: none;
} 

.list-group-item:last-child,
.list-group-item:first-child {
    border: none;
}
*/

.input-group {
    padding:0 10px;
    margin:0 10px;
}

#actions .input-group button {
    margin:4px;
}

/* Sidebar Menu Styles */

 .sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 52px;
}

/* Forms */

/* ------------------------------- */

.scrollToTop{
  display:none;
}

.forms {
  border-spacing: 5px;
    border-collapse: separate;
    width: 100%;
}
.label {
  color: #666;
  font-size: 100%;
  font-weight: normal;
}


/* CSS used here will be applied after bootstrap.css */ /* custom checkboxes */
  .custom-checkbox > [type="checkbox"],
  .custom-checkbox > label{
    margin-bottom:0px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .custom-checkbox > [type="checkbox"]:not(:checked),
  .custom-checkbox > [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
  }
  .custom-checkbox > [type="checkbox"]:not(:checked) + label,
  .custom-checkbox > [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
  }
  .custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
  .custom-checkbox > [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; 
    top: 50%;
    margin-top:-9px;
    width: 17px; 
    height: 17px;
    border: 2px solid #aaa;
    background: #ffffff;
    border-radius: 2px;
  }
  .custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
  .custom-checkbox > [type="checkbox"]:checked + label:after {
    font: normal normal normal 12px/1 'Glyphicons Halflings';
    content: '\e013';
    position: absolute;
    top: 50%;
    margin-top:-7px;
    left: 2px;
    color: #0B2958;
    xtransition: all .2s;
  }
  
  .custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
  }
  .custom-checkbox > [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
  }
  
  .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
  .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
    content: '\2212';
    left: 2px;
    opacity: 1;
    transform: scale(1);
  }
  
  .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
  .custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
      box-shadow: none;
      background-color: #F2F2F2;
    border-color: #F2F2F2;
    cursor: not-allowed;
    opacity: 1;
    color: #dadada;
  }
  .custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
    color: #dadada; cursor: not-allowed;
  }
  .custom-checkbox > [type="checkbox"]:disabled + label {
    color: #aaa; cursor: not-allowed;
  }
  .custom-checkbox > [type="checkbox"]:checked:focus + label:before,
  .custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid #66afe9;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  .custom-checkbox > label:hover:before {
      border: 2px solid #635d59 !important;
  }

    .custom-checkbox > div.label span:hover:before {
        background-color: orange !important;
    }

    .custom-checkbox div:hover:before {
      background-color: purple !important;
    }



  .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
  .custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{
    border: 2px solid #E4E4E4 !important;
  }

  .custom-checkbox > [type="checkbox"]:disabled:not(:checked) > div.label + span:hover:before,
  .custom-checkbox > [type="checkbox"]:disabled:checked > div.label + span:hover:before{
    background-color: orange !important;
  }
  



/* Tables (to go away later and replaced with Grids)*/
/* ------------------------------- */


table.forms th.required::after, td.required::after, label.required::after,font.required::after {
    background: url('../../images/certain/icon/required.png') no-repeat 0% 30%;
    content:" ";
    position:absolute;
    width:15px;
    height:25px;
    margin:0 0 0 5px;
}

table.forms td {
  padding-left:7px;
}
table.forms label.required {
  padding-left:7px;
}
table.forms td.c1 { width: 20%; }
table.forms td.c2 { width: 30%; }

td.row {width:25px;}
table.report-list thead tr th.th1 {width:25px !important; }
table.report-list tbody tr td.td1 {text-align:center;}
table.report-list thead tr th.th2 {width:150px;}
table.report-list thead tr th.th3 {width:300px;}
table.report-list thead tr th.th4 {width:25px !important;}
table.report-list tbody tr td.td4 {text-align:center;}
table.report-list thead tr th.th5 {width:50px;}
table.report-list thead tr th.th6 {width:50px;}
table.report-list thead tr th.th7 {width:100px;}
table.report-list thead tr th.th8 {width:50px;}

table.event-list thead tr th.th1 {width:150px;}
table.event-list thead tr th.th2 {width:300px;}
table.event-list thead tr th.th3 {width:125px;}
table.event-list thead tr th.th4 {width:300px;}
table.event-list thead tr th.th5 {width:150px;}
table.event-list thead tr th.th6 {width:100px;}
table.event-list thead tr th.th {width:100px;}

/* controls the width of the actions columns on ALL list pages */
th.thActions, .tdActions {width: 60px; white-space: nowrap;}

table.filter td.c1 { text-align:right; width: 100px; }
table.filter td.c2 { width: 243px; }
table.filter td.c3 { width: 150px; }
table.filter td.c4 { width: 350px; }
table.filter td.c5 { width: 20px;}

ul.controllers { display:block; overflow:hidden; list-style: none; margin:0; float:right; margin-top:7px; margin-right:6px}
ul.controllers li { font-size:1em;float:left;}
ul.preferences {list-style: none; float:left; font-size:100%; border: 1px solid #CCC; width: 150px; height: 250px; overflow: auto;}
ul.preferences li {margin-left:-30px;padding-right:5px;}
ul.preferences li label {
    vertical-align: middle;
}
ul.preferences li input {
    width: 20px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

ul#fieldList {list-style: none; float:left; font-size:100%; border: 0px;}
ul#fields {list-style: none; float:left; font-size:100%;}

.requiredField {
  background-image: url('../../images/certain/icon/required.png');
  background-repeat: no-repeat; 
  background-position: 100% 50%;
  padding-right: 10px;
} 

.ui-htmleditor  {margin-top: -30px; margin-right: 5px;position: relative;}

.cke_maximized { z-index: 999 !important;}

.strong { font-weight: bold !important; }
.not-strong { font-weight: normal !important; }

/* Modal */

/* ------------------------------- */

.modal-header {
  padding: 5px 15px;
  background-color: #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

#certainModal .modal-content {
    max-height: 100%;
}

.modal-fullscreen  {
  max-width: 100%;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  position: fixed;
  z-index: 100000;
}


/* Buttons */

/* ------------------------------- */

#controlbar {
  padding: 5px 0;
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}
.btn-manual {
  margin-top: -48px;
  z-index: 100;
}

.btn-small {
  padding: 1px 5px 0px 5px;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-blue {
  color: #fff;
  background-color: #1950A6;
  border-color: #1950a6; 
}


/* SSO specific styles */
.sso-btn-render {
  min-width: 200px;
  border: 0;
  cursor: pointer;
  padding: 0;
  white-space: nowrap;
  margin-bottom:10px;
}

.sso-btn-render img {
  float: left;
  padding: 5px;
  border-right: 1px solid rgba(255,255,255,0.2);
  width: 30px;
  height: 30px;
}




/* DropDown/Funnel */

/* ------------------------------- */


/* Dropdown Button */
.dropbtn {
    border-radius: 5px;
    padding: 8px;
    width: 100%;
    font-size: 16px;
    color:#000;
    text-align: left;
    cursor: pointer;
    position: relative;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0f0;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #e9e9e9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    overflow: hidden;
}

/* Links inside the dropdown */
.dropdown-item {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

/* Change color of dropdown links on hover */
.dropdown-item:hover {background-color: #e9e9e9}

/* bubble  */

/* ------------------------------- */
.bubble {
  position: relative;
  display:inline-block;
  max-width:550px;
  min-height:1.5em;
  padding: 20px;
  background: #F2F2F2;
  border: #F2F2F2 solid 1px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}

.bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 13px 14px;
  border-color: #F2F2F2 transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -13px;
  top: -14px;
  left: 11%;
}

div.callout {
  height: 60px;
  width: 200px;
  float: left;
}

div.callout {
  background-color: #444;
  background-image: -moz-linear-gradient(top, #444, #444);
  position: relative;
  color: #ccc;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0px 0px 20px #999;
  margin: 25px;
  min-height: 50px;
  border: 1px solid #333;
  text-shadow: 0 0 1px #000;
  
  /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.callout::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
}

.callout.top::before {
  left: 45%;
  bottom: -20px;
  border-top: 10px solid #444;
}

.callout.bottom::before {
  left: 45%;
  top: -20px;
  border-bottom: 10px solid #444;
}

.callout.left::before {
  right: -20px;
  top: 40%;
  border-left: 10px solid #444;
}

.callout.right::before {
  left: -20px;
  top: 40%;
  border-right: 10px solid #444;
}

.callout.top-left::before {
  left: 7px;
  bottom: -20px;
  border-top: 10px solid #444;
}

.callout.top-right::before {
  right: 7px;
  bottom: -20px;
  border-top: 10px solid #444;
}


/* Panel */

/* ------------------------------- */

.panel {
    /*min-width: 475px;*/
    overflow-x: auto;
}

.crtn-card .crtn-card-heading .minimize, .crtn-card .crtn-card-heading .maximize,
.panel .panel-heading .minimize, .panel .panel-heading .maximize {
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 10px;
    border:1px solid transparent;
}
.crtn-card .crtn-card-heading .minimize:hover, .crtn-card .crtn-card-heading .maximize:hover,
.panel .panel-heading .minimize:hover, .panel .panel-heading .maximize:hover {
        border:1px solid #c9c9c9;
    }

.crtn-card .crtn-card-heading .minimize:after,
.panel .panel-heading .minimize:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: transparent transparent #777 transparent;
    margin-top: 2px;
    margin-left: 5px;
}

.crtn-card .crtn-card-heading .maximize:after,
.panel .panel-heading .maximize:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #777 transparent transparent transparent;
    margin-top: 9px;
    margin-left: 4px;
}


.crtn-card-heading .minimize,
.crtn-card-heading .crtn-card-edit {
  background-color: #f4f4f4;
  margin: 0 5px;
  margin-right: 5px;
  border-radius: 4px;
  line-height: 2;
}

.panel .panel-body .autoscroll {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}
.panel-title {
  color: #333;
}

 .panel-fixed-200 {
    min-height: 200px;
    max-height: 200px;
    overflow-y: auto;
}

a.anchor {
    display: block;
    height: 200px;
    margin-top: -200px;
    visibility: hidden;
}


ul.scroll-menu, div.scroll-menu {
    position: relative;
    display: inherit !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: auto;
    max-height: 350px;
    margin: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


.inner_button {
  margin: -15px;
  margin-top: inherit;
  padding: 5px;
  text-align: right;
  border-top: 1px solid #F2F2F2;
  background-color: #e6e6e6;
  width: 100%;
  margin: auto 0;
}

/* Flot Chart Containers */

.container-full {
  margin: 0 auto;
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
}


 .flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Circle Buttons */

 .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.crtn-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #f0f0f0; 
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

/*-------------------------------------------------
SPRITES
-------------------------------------------------*/
.sprint { width: 235px; height: 175px; background-image: url(./../../images/certain/cutouts/sprite-holder.png); }

/* positioning */
.financial-sprint { background-position: 0 -1px; }
.program-sprint { background-position: 0 -181px; }
.location-sprint { background-position: 0 -359px; }
.housing-sprint { background-position: 0 -538px; }
.housing-module-sprint { background-position: 0 -716px; }
.event-date-sprint { background-position: 0 -895px; }
.online-payment-processor-sprint { background-position: 0 -1073px; }


/* favorites icons
.favorite {
  display: inline-block;
  text-indent: -9999px;
  background: transparent url(./../../images/certain/icon/icon_star.png) top left no-repeat;
  width:20px;
  height:20px;
  outline: none;
}

.activeFavorite {
  display: inline-block;
  text-indent: -9999px;
  background: transparent url(./../../images/certain/icon/icon_star.png) bottom left no-repeat;
  width:20px;
  height:20px;
  outline: none;
}*/


img.round {
  border-radius: 99999px;
}

div.avatar-small {
  border: 3px solid #FFF;
  border-radius: 99999px;
  width: 75px;
  position: relative;
  margin-right:15px;
  min-height: 75px;
  text-align: center;
  line-height: 109px;
  font-size: 50px;
  font-family: latoheavy;
  color: #ececec;
  background-color: #9f9f9f;
  text-transform: uppercase;
  letter-spacing: -3px;
}

@media(max-width:768px) {

    .navbar-header {
        padding-bottom:15px;
        border-bottom: 5px solid #1950A6;
    }

    #drilldown-nav .nav>li>a.dropdown-toggle {
        width:20%;
        float:left;
     }   

     .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        color: #FFF;
        background-color: #EEE;
    }

    #page-wrapper,#page-wrapper-full {
        margin: 0;
    }

    #actions {
      margin-top: 5 px;
      padding: 15px;
      background-color: #F2F2F2;
      float: none !important;
   }
}

/* drop target for jQuery.sortable{} */
.ui-sortable-placeholder {
    border: 1px dotted #635d59;
    background-color: #dbd9d6 !important;
    visibility:visible !important;

    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;

}

/* tablesorted styles */
/*************
  Bootstrap theme
 *************/
/* jQuery Bootstrap Theme */
.tablesorter-bootstrap {
  width: 100%;
}
.tablesorter-bootstrap .tablesorter-header,
.tablesorter-bootstrap tfoot th,
.tablesorter-bootstrap tfoot td {
  padding: 4px;
  margin: 0 0 18px;
  background-color: #EEE;
}

.tablesorter-bootstrap .tablesorter-header {
  cursor: pointer;
}

.tablesorter-bootstrap .tablesorter-header-inner {
  position: relative;
  padding: 4px 18px 4px 4px;
}

/* bootstrap uses <i> for icons */
.tablesorter-bootstrap .tablesorter-header i {
  font-size: 11px;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -7px; /* half the icon height; older IE doesn't like this */
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  line-height: 14px;
  display: inline-block;
}
.tablesorter-bootstrap .bootstrap-icon-unsorted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNqUUL9Lw2AUTGP8mqGlpBQkNeCSRcckEBcHq1jImMElToKuDvpHFMGhU0BQcHBwLji6CE1B4uB/INQsDi4d2jQ/fPeZxo764OV6915f7lLJ81xot9tCURXqdVEUr7IsO6ffH9Q5BlEUCaLwWxWqTcbYnaIoh0Dw4gAvcWlxq1qt9hqNxg6hUGAP+uIPUrGs0qXLer2+v/pTX6QpxLtkc2U2m53ACb8sSdIDXerSEms2m6+DweAICA4d89KGbduf9MpEVdXQ9/2LVqv1CASHjjn3iq/x1xKFfxQPqGnada1W86bT6SiO42OS3qk3KPStLMvbk8nkfjwen/LLuq6blFymMB0KdUPSGhAcOualjX6/f0bCiC7NaWGPQr0BwaFjzn0gYJqmLAiCA8/zni3LmhuGkQPBoWPOPwQeaPIqD4fDruu6L6Zp5kBw6IudchmdJAkLw3DXcZwnIPjy/FuAAQCiqqWWCAFKcwAAAABJRU5ErkJggg==);
}

/* since bootstrap (table-striped) uses nth-child(), we just use this to add a zebra stripe color */
.tablesorter-bootstrap > tbody > tr.odd > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ tr.tablesorter-hasChildRow.odd ~ .tablesorter-childRow.odd > td, .odd {
  background-color: #f9f9f9;
}


.tablesorter-bootstrap > tbody > tr.odd:hover > td,
.tablesorter-bootstrap > tbody > tr.even:hover > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ .tablesorter-childRow.odd > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ .tablesorter-childRow.even > td  {
  background-color: #f5f5f5;
}


.tablesorter-bootstrap > tbody > tr.even > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ tr.tablesorter-hasChildRow.even ~ .tablesorter-childRow.even > td.even {
  background-color: #fff;
}

/* processing icon */
.tablesorter-bootstrap .tablesorter-processing {
  background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=');
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 1000;
}

.tablesorter-default thead tr .header {
  background-image: url(./../../images/certain/icon/table/bg_tableSorter.gif);
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
  text-indent:1.25em;
}

.tablesorter-default thead tr .headerSortUp,
.tablesorter-default thead tr th .tablesorter-headerAsc {
  background-image: url(./../../images/certain/icon/table/asc.gif);
}
.tablesorter-default thead tr .headerSortDown,
.tablesorter-default thead tr th .tablesorter-headerDesc {
  background-image: url(./../../images/certain/icon/table/desc.gif);
}

.hasStickyHeaders { 
   margin-bottom: 55px;
   margin-top: 35px;
  -webkit-margin-bottom-collapse: separate;
  -webkit-margin-top-collapse: separate;
}

/* caption */
.caption {
  background: #fff;
}

/* filter widget */
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter {
  width: 98%;
  height: auto;
  margin: 0 auto;
  padding: 4px 6px;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled {
  background-color: #eee;
  color: #555;
  cursor: not-allowed;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-sizing: border-box;
  transition: height 0.1s ease;
}
.tablesorter-bootstrap .tablesorter-filter-row td {
  background: #efefef;
  line-height: normal;
  text-align: center;
  padding: 4px 6px;
  vertical-align: middle;
  -webkit-transition: line-height 0.1s ease;
  -moz-transition: line-height 0.1s ease;
  -o-transition: line-height 0.1s ease;
  transition: line-height 0.1s ease;
}
/* hidden filter row */
.tablesorter-bootstrap .tablesorter-filter-row.hideme td {
  padding: 2px; /* change this to modify the thickness of the closed border row */
  margin: 0;
  line-height: 0;
}
.tablesorter-bootstrap .tablesorter-filter-row.hideme .tablesorter-filter {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  /* don't use visibility: hidden because it disables tabbing */
  opacity: 0;
  filter: alpha(opacity=0);
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
  display: none;
}

/* pager plugin */
.tablesorter-bootstrap .tablesorter-pager select {
  padding: 4px 6px;
}
.tablesorter-bootstrap .tablesorter-pager .pagedisplay {
  border: 0;
}


/* ajax error row */
.tablesorter .tablesorter-errorRow td {
  text-align: center;
  cursor: pointer;
  background-color: #e6bf99;
}

.tablesorter-bootstrap > tbody > tr.odd:hover > td,
.tablesorter-bootstrap > tbody > tr.even:hover > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ .tablesorter-childRow.odd > td,
.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ .tablesorter-childRow.even > td
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th, ul li.actionable-list:hover {
  background-color: #E9F7F7;
}

ul li.actionable-list.que-header-bg:hover {
  background-color: #0B2958;
}

/*-------------------------------------------------
HORIZONTAL BARGRAPH
-------------------------------------------------*/
table .graph { 
  width: 100%; 
    height: 16px; 
    border: solid 1px #CCC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

table .graph tr { 
  background-color: #FCEFA1;
}

.green-bar {
    background-color: #67933B !important;
}        

.yellow-bar {
    background-color: #FCEFA1 !important;
}

.red-bar {
    background-color: #CF4D4D !important;
}        

/* add cursor to graphs */
#chart-complete path, #chart-incomplete path, #chart-pie path, #chart_div path {
    cursor: pointer
}

/* UTILIZITY CLASSES

p padding
m margin
t top
r right
b bottom
l left

*/
.mauto {margin:0 auto;}
.m0  { margin: 0; }
.mt0 { margin-top: 0; }
.mr0 { margin-right: 0; }
.mb0 { margin-bottom: 0; }
.ml0 { margin-left: 0; }
.mx0 { margin-right: 0; margin-left: 0; }
.my0 { margin-top: 0; margin-bottom: 0; }

.m1  { margin: 1rem; }
.mt1 { margin-top: 1rem; }
.mtn15 { margin-top: -15px; }
.mtn25 { margin-top: -25px !important; }
.mbm0 { margin-bottom: 0 !important; }
.mtn150 { margin-top: -150px !important; }
.mtn300 { margin-top: -300px !important; }
.mr1 { margin-right: 1rem; }
.mb1 { margin-bottom: 1rem; }
.mb1x { margin-bottom: 1px; }
.ml1 { margin-left: 1rem; }
.mx1 { margin-right: 1rem; margin-left: 1rem; }
.my1 { margin-top: 1rem; margin-bottom: 1rem; }

.m2  { margin: 2rem; }
.mt2 { margin-top: 2rem; }
.mr2 { margin-right: 2rem; }
.mb2 { margin-bottom: 2rem; }
.mb2x { margin-bottom: 2px; }
.ml2 { margin-left: 2rem; }
.mx2 { margin-right: 2rem; margin-left: 2rem; }
.my2 { margin-top: 2rem; margin-bottom: 2rem; }

.m3  { margin: 3rem; }
.mt3 { margin-top: 3rem; }
.mr3 { margin-right: 3rem; }
.mb3 { margin-bottom: 3rem; }
.mb3x { margin-bottom: 3px; }
.ml3 { margin-left: 3rem; }
.mx3 { margin-right: 3rem; margin-left: 3rem; }
.my3 { margin-top: 3rem; margin-bottom: 3rem; }

.m4  { margin: 4rem; }
.mt4 { margin-top: 4rem; }
.mt4x { margin-top: 4px; }
.mr4 { margin-right: 4rem; }
.mb4 { margin-bottom: 4rem; }
.mb4x { margin-bottom: 4px; }
.mb4-5x { margin-bottom: 4.5px; }
.ml4 { margin-left: 4rem; }
.mx4 { margin-right: 4rem; margin-left: 4rem; }
.my4 { margin-top: 4rem; margin-bottom: 4rem; }

.mr5x { margin-right: 5px; }
.ml45x { margin-left: 45px !important; }

.wrap { margin-right: auto; margin-left: auto; }
.nowrap { white-space:nowrap; }
.push-right-wrap { margin-left: auto; }


.m-responsive { margin: 2rem; }
.mt-responsive { margin-top: 2rem; }
.mr-responsive { margin-right: 2rem; }
.mb-responsive { margin-bottom: 2rem; }
.ml-responsive { margin-left: 2rem; }

.mx-auto {margin-right:auto!important;
          margin-left:auto!important}

.pauto {margin:0 auto;}
.p0  { padding: 0; }
.pt0 { padding-top: 0; }
.pr0 { padding-right: 0; }
.pb0 { padding-bottom: 0; }
.pl0 { padding-left: 0; }
.px0 { padding-right: 0; padding-left: 0; }
.py0 { padding-top: 0; padding-bottom: 0; }

.p1  { padding: 1rem; }
.pt1 { padding-top: 1rem; }
.pr1 { padding-right: 1rem; }
.pb1 { padding-bottom: 1rem; }
.pl1 { padding-left: 1rem; }
.px1 { padding-right: 1rem; padding-left: 1rem; }
.py1 { padding-top: 1rem; padding-bottom: 1rem; }

.p2  { padding: 2rem; }
.pt2 { padding-top: 2rem; }
.pr2 { padding-right: 2rem; }
.pb2 { padding-bottom: 2rem; }
.pb2x { padding-bottom: 2px; }
.pl2 { padding-left: 2rem; }
.px2 { padding-right: 2rem; padding-left: 2rem; }
.py2 { padding-top: 2rem; padding-bottom: 2rem; }

.p3  { padding: 3rem; }
.pt3 { padding-top: 3rem; }
.pr3 { padding-right: 3rem; }
.pb3 { padding-bottom: 3rem; }
.pl3 { padding-left: 3rem; }
.px3 { padding-right: 3rem; padding-left: 3rem; }
.py3 { padding-top: 3rem; padding-bottom: 3rem; }

.p4  { padding: 4rem; }
.pt4 { padding-top: 4rem; }
.pr4 { padding-right: 4rem; }
.pb4 { padding-bottom: 4rem; }
.pl4 { padding-left: 4rem; }
.px4 { padding-right: 4rem; padding-left: 4rem; }
.py4 { padding-top: 4rem; padding-bottom: 4rem; }
.pl7 { padding-left: 7px; }

.lh18 { line-height:18px; }
.lh20 { line-height:20px; }
.lh24 { line-height:24px; }

.bt1 { border:none; border-top: solid 1px; }
.br1 { border:none; border-right: solid 1px; }
.bb1 { border:none; border-bottom: solid 1px; }
.bl1 { border:none; border-left: solid 1px; }
.bx1 { border: solid 1px 0; }
.by1 { border: solid 0 1px; }

.bx5-lblue { border-bottom: 5px solid #1950A6; }
.by5-lblue { border-top: 5px solid #1950A6; }
.bx10-blue { border-bottom: 10px solid #0B2958; }
.by10-blue { border-top: 10px solid #0B2958; }

.bx-lgray { border-bottom: 1px solid #EEE; }
.by-lgray { border-top: 1px solid #EEE; }


.p-responsive { padding: 1.5rem; }
.px-responsive { padding-right: 1.5rem; padding-left: 1.5rem; }
.py-responsive { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.minimal-padding { padding: 5px; }

.w25p {width:25% !important;}
.w50p {width:50% !important;}
.w100p {width:100% !important;}

.w25px {width:25px !important;}
.w35px {width:35px !important;}
.w50px {width:50px !important;}
.w75px {width:75px !important;}
.w100px {width:100px !important;}


.flush {margin: 0}
.flush-top {margin-top: 0}
.flush-all {margin: 0;padding: 0}
.flush-padding {padding: 0}
.mti0 { margin-top: 0 !important; }
.mt10x { margin-top: 10px !important; }

.opacity-100 {opacity: 1 !important;}
.opacity-75 { opacity: .75 !important;}
.opacity-50 { opacity: .50 !important;}
.opacity-25 { opacity: .25 !important;}

.radius-2 { border-radius: 2px !important;}
.radius-4 { border-radius: 4px !important;}
.no-radius { border-radius: 0 !important;}



.texttruncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.texttruncate-full {
    display: inline-block;
    width: 100%;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
} 

.ucase {text-transform: uppercase; }  

.h40 {height: 40px;}
.ohidden {overflow:hidden;}
.noborder { border:0 !important;}
.nobg { background: none !important;}
textarea.noresize { resize: none; } 
textarea {white-space: pre-wrap; } /* FIX IE 11 no wrap */

.auto-width {width:auto !important;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

@media (min-width:576px){
  .text-sm-left{text-align:left!important}
  .text-sm-right{text-align:right!important}
  .text-sm-center{text-align:center!important}
}

/*

DRAG N DRAP STYLES + BEHAVIORS
*/
/*.fa-drag-handle:before {
    content: "\f142 \f142";
    letter-spacing: 2px;
}*/

/* \f142 is ellipsis-v */
/* \202F is thin unbreakable space */
.fa-drag-handle:before {
    content: "\f142 \202F \f142 \202F \f142";
}
.fa-drag-handle-large:before {
    content: "\f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142";
}


.crsr_grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.crsr_grabbable actions { 
  opacity: 0;
}

  .crsr_grabbable small { 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
  }

    .crsr_grabbable:hover small {
      opacity: 1;
    }

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.crsr_grabbable:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}


@media(max-width:768px) { 

    .navbar-header {
        margin-bottom:15px;
    }

    #drilldown-nav .nav>li>a.dropdown-toggle {
        width:20%;
        float:left;
     }   

    #page-wrapper,#page-wrapper-full {
        margin: 0;
    }
}

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 226px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }

}


/* commonly used classes ?? FROM WHERE? supplier/accomodations? */
.changeView, .changeViewLabel {
  color:#0B2958;
  padding: 5px;
  border: 1px solid #0B2958;
  background-color:#ffffff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  cursor: pointer;
}
.changeViewLabel {border:none;}
.changeView:hover, .changeView.active {
  background-color: #e8eddd;
}

.margin-7 { margin: 7px; }  
.margin-10 { margin: 10px; }
.margin-20 { margin: 20px; }
.top-0 { margin-top: 0px;}
.top-5 { margin-top: 5px;}
.top-10 { margin-top: 10px;}
.top-20 { margin-top: 20px;}
.top-35 { margin-top: 35px;}
.bottom-5 { margin-bottom: 5px;}
.bottom-10 { margin-bottom: 10px;}
.no-records-found, .loading-container  { border: 1px solid #cccccc; font-size: 1em; font-style: italic; padding: 20px 60px; text-align: center; margin: 5px; border-radius: 6px; min-height: 150px;}
.no-records-found { min-height: 300px; color:#080808;}




div.datagrid-norecords {  padding: 8px; line-height: 1.42857143; vertical-align: top;border-top: 1px solid #ddd; background-color: #f9f9f9; width: 100%;}
.user-action, td.user-action, .moveRowUp, .moveRowDown, .cursor-pointer { cursor:pointer }

.certain-loading { background: transparent url(./../../images/certain/icon/loading.gif) top left no-repeat; display:none; height:25px; text-indent: 1.5em; }

/* TODO: refactor out the " Prompt user for optional notes after each change" */
#optBuffer { 
  position:absolute;
  left: 166px;
  display:none;
  width:350px;
  height:107px;
  padding: 0;
  margin: 0;
}


.tree-expanded {
  float:left;
  display: block;
  text-indent: -9999px;
  background: transparent url(./../../images/certain/icon/icon_plus_minus-dark.png) top left no-repeat;
  width:16px;
  height:15px;
  outline: none;
}

.tree-collapsed {
  float:left;
  display: block;
  text-indent: -9999px;
  background: transparent url(./../../images/certain/icon/icon_plus_minus-dark.png) bottom left no-repeat;
  width:16px;
  height:15px;
  outline: none;
}

table.expenses tr.acntGroupTotal,
table.expenses tr.acntGroupTotal td {
  border-top:2px solid #000;
  background-color: red;
  height: 24px;
}

.prePopTabUnder {
    clear: both;
    position: relative;
    top: -25px;
    left: 2px;
}

.highlight{background-color:#F8F8F8;}
/* main colors */
.green{
  background-color: #0B2958;
}
.dgrey{
  background-color: #EDEDED;
}
.lgrey{
  background-color: #f5f5f5;
}
/* error color */
.brown{
  background-color: #e6bf99;
}
/* hover color */
.biege {
  background-color: #F2F2F2;
}
/* light color */
.light-green-bg {
  background-color: #D9E7C7;
}
.green-font{
  color: #0B2958;
}
.min-height-30{
  min-height: 30px;
}
.font-12{
  font-size:12px;
}
.font-20{
  font-size:20px;
}
/* orange color */
.orange-bg {
  background-color: #E3700B;
}

.grey-green-bg {
  background-color: #344E14;
}

.valign {
  vertical-align:top;
}

.btn-width {
  width:300px
}

.bground-white {
  background-color:white
}


.padding-field {
  padding-left: 10px;
  padding-top: 5px;
}

.padding-ten {
  padding:10px
}

.table-content{
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 315px;
  padding: 10px;
}

.btm-padding {
  padding-bottom: 10px;
}

.button-text-align {
  text-align:left;
  font-size:15px;
  background: url(./../../images/certain/icon/expand.gif) no-repeat scroll right 2px center #0B2958;
}


.margin-right-r1{
  margin-right:10px;
}
.margin-right-r2{
  margin-right:50px;
}

.padding-text-box {
  padding-left: 3px;
  padding-top: 3px;
}

/* tr padding */
.padding-left-25 {
  padding-left: 25px;
}
.margin-right-10{
  margin-right: 10px;
}
.input-small{
  max-width:165px;
  float:left;
}
.input-small + .colorpicker-container{
  margin:5px 0;
}
.editButton, .editButton:active  {
    background: url("/assets/angular/img/iconS_edit.png") no-repeat scroll right 2px center #0B2958;
    padding-right: 20px;
}


.form-removable .form-control {
    background-color: #F2F2F2;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 0 0;
}

.remove {
    background-color: #F2F2F2;
    cursor: pointer;
    padding: 9px 12px;
    position: absolute;
    right: 15px;
    top: 25px;
}
.top0 {
  top: 0;
}

.form-removable .form-group {
    position: relative;
}

.magnify-search { position: relative; }
.magnify-search .fa-search { 
  position: absolute;
  top: 8px;
  right: 7px;
  font-size: 15px;
}

.corner-modal {
  width: 600px;
  height: 435px;
  padding: 5px;
}

.corner-modal-content {
  height: 310px;
  width: 575px;
  margin-left: 5px;
}

.corner-modal-loading-container  { 
  border: 1px solid #cccccc; 
  font-size: 2em; 
  font-style: italic; 
  color: gray; 
  padding: 185px 60px; 
  text-align: center; 
  margin: 5px 5px 5px 10px; 
  border-radius: 6px; 
}

.light-gray-background {
  background-color: #E6E6E6;
}

.top-left-well {
  border-radius: 0px 0px 6px 0px; 
  -moz-border-radius: 0px 0px 6px 0px; 
  -webkit-border-radius: 0px 0px 6px 0px; 
  box-shadow: 0px 7px 24px 0px rgba(0,0,0,0.30);
}

.corner-modal-header {
  font-size: 20px;
  color: #635D59;
  letter-spacing: 0px;
  padding: 5px 15px;
}

.close-x:before {
  font-family: FontAwesome;
  font-size: 20px;
  color: #767676;
  content: "\f00d";
  cursor: pointer;
}

.actSelector-active {
  float:left;
    width: 60px;
    height: 30px;
    background-image: url('./../../images/certain/icon/iconS_path_a.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.scrollable {
  overflow: auto;
}

.underline {
  text-decoration: underline;
}

.bold {
  font-weight: bold;
}

.tree-root-element, .tree-element {
  color: #635D59;
  background-color: #FFF;
  cursor: pointer;
  line-height: 2em;
}

.tree-root-element {
  font-weight: bold;
}

.tree-element {
  font-weight: normal;
}

.tree-root-element:hover, .tree-element:hover,
.tree-root-element.active, .tree-element.active {
  background-color: #0B2958;
  color: #FFF;
}

.tree-root-element:hover .expansion-circle, .tree-element:hover .expansion-circle,
.tree-root-element.active .expansion-circle, .tree-element.active .expansion-circle {
  color: #000;
}

.expansion-circle-container {
  padding-top: 2px;
}

.tree-depth-0 {
    padding-left: 5px;
}
.tree-depth-1 {
    padding-left: 20px;
}
.tree-depth-2 {
    padding-left: 35px;
}
.tree-depth-3 {
    padding-left: 50px;
}
.tree-depth-4 {
    padding-left: 60px;
}
.tree-depth-5 {
    padding-left: 70px;
}
.tree-depth-6 {
    padding-left: 80px;
}
.tree-depth-7 {
    padding-left: 90px;
}
.tree-depth-8 {
    padding-left: 95px;
}
.tree-depth-9 {
    padding-left: 100px;
}

/* custom pnotify classes */
.ui-pnotify.stack-custom {
    top: 110px;
    left: 66%;
    right: 10px;
}
.custom-hr {
  border-color: #2fb36d;
}
.hr-dashed {
    border-top: 1px dotted #666666;
}

.agenda-section-name {
  padding: 8px 12px;
  margin-bottom: 30px;
}
.agenda-toggle {
  float: right;
  padding-top: 10px;
  margin-top: -35px;
  margin-right: 5px;
  position: relative;
  z-index: 2;
  border-radius: 6px;
}

.chosen-container {
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  overflow: hidden;
}

.chosen-container .chosen-overlay {
  position: absolute !important;
  z-index: 1000 !important;
  width: 95% !important;
}
.chosen-header,
.chosen-form-header {
  padding: 5px 15px;
  position: relative;
  background-color: #dbd9d6;
  border-bottom: #979797 1px solid;
}
.chosen-form-header {
  background-color: #f2f2f2;
}
.chosen-header .form-control {
  border: #979797 1px solid;
  border-radius: 0;
  padding: 6px 12px;  
}


.search-icon {
  padding:6px 12px;
  background-color:#fff;
  position:absolute;
  z-index:2;
  top: 6px;
  right: 16px;
}
.chosen-body {
  padding: 5px 15px;
  position: relative;
  max-height: 250px;
  overflow-x: auto;
  background-color: #FFF;
  border-bottom: #979797 1px solid;
}
.chosen-group label {
  margin-bottom: 0;
}

.chosen-body .chosen-group-header {
  color: #0B2958;
  font-weight: bold;
  margin:3px 0;
}

.chosen-group label.chosen-group-header {
  color: #0B2958;
  font-weight: bold;
}
.chosen-body .separator {
    background-color: #E3E3E3;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}
.chosen-footer {
  padding: 5px 15px;
  text-align: right;
  background-color: #f2f2f2;
  /*border-bottom: #979797 1px solid;*/
}
.chosen-bottom {
  padding: 5px 15px;
}
.then-by {
    display: none;
}
.finally-by {
    display: none;
}
.link-finally-by {
    display: none;
}
.link-then-by {
    display: block;
}
.header-dropdown {
  margin-top: 10px;
}
.header-dropdown a {
  margin-top: 10px;
  color: #ababab;
  cursor: pointer;
  border-bottom: #ababab 1px solid;
}
.header-dropdown .dropdown-menu li a {
  border-bottom: 0;
}
.agenda-section-name {
  padding: 8px 12px;
  margin-bottom: 30px;
  border: #979797 2px solid;
}
.costom-form {
  position:relative;
}
.costom-form .form-control {
  border:#979797 2px solid;
}

label.large {
  font-size: 18px;
  line-height: 1.15em;
}
.text-muted {
  color: #6E6E6E;
}
.fix-width {
  max-width:500px;
}
.selection-type {
  padding-top:10px;
  padding-bottom:15px;
  border-bottom: #00b370 1px solid;
}
.selection-type:last-child {
  border-bottom: 0;
}
.highlight {
    background-color: #e7f4ed ;
}
.highlight:first-child {
  border-top: #00b370 1px solid;
}
.highlight .radio-success label {
  color:#00b370;
}

.box {
     display: none;
   margin-left:20px;
}
#logic .box {
   margin-left:0;
}
.form-control.form-xs {
  max-width: 40px;
}
.form-control.div-o {
  border: 0;
  padding-left: 6px;
  padding-right: 6px;
  background: transparent;
}
.opaque {
  opacity: .5;
}
.full-opaque {
  opacity: 1;
}
.bdr-t {
  border-top: #00b370 1px solid;
}
.optional-container {
  margin-top: -17px;
  padding-top: 20px;
  border-top: #00b370 1px solid;
}
.optional-container .form-control {
  min-width: 165px;
}
.triangle {
  margin-left: -29px;
}
.set-margin {
  margin-left: 10px;
}

.agenda .panel {
  border-radius: 6px;
  border: 2px solid #979797;
}
.agenda .panel-default {
    border-color: #979797;
}
.agenda .panel-default > .panel-heading {
    background-color: #f5f5f5;
    border-color: #979797;
    color: #5c5c5c;
  border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.agenda .panel-heading {
  padding: 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
   border-bottom: 0;
}
.agenda .panel-body {
  padding: 15px;
  border-top: #979797 2px solid;
}
.agenda .panel-title {
  font-size: 18px;
  display: inline-block;
}
.agenda .panel-heading .fa-lg {
  line-height: 1.2em;
  font-size: 16px;
}
.agenda .panel-heading a {
  color:#767676;
}
.agenda .table > thead > tr > th,
.agenda .table > tbody > tr > th,
.agenda .table > tfoot > tr > th,
.agenda .table > thead > tr > td,
.agenda .table > tbody > tr > td,
.agenda .table > tfoot > tr > td {
  border-top: 0;
    border-bottom: 1px solid #979797;
}

.agenda .table-striped > tbody > tr th {
    background-color: #eee;
}


.table-no-border-striped > tbody > tr > td,
.table-no-border-striped  > tbody > tr > th,
.table-no-border-striped  > tfoot > tr > td,
.table-no-border-striped  > tfoot > tr > th,
.table-no-border-striped  > thead > tr > td,
.table-no-border-striped  > thead > tr > th {
  border-top: none !important;
}


.agenda .table-hover > tbody > tr:hover {
  background-color: #ecfcf6;
}
.custom-dropdown .form-control {
  height: auto;
  padding: 8px 12px;
  border-color: #979797;
    max-width: 50px;
}
.custom-dropdown .input-group-addon {
    background-color: transparent;
    padding: 0;
  border-color: #979797;
}
.custom-dropdown .input-group-addon a.custom-link {
    background-color: #e9e9e9;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    padding: 8px 12px 17px 12px;
  display: block;
}
.agenda .form-control {
  height: auto;
  padding: 8px 12px;
  color: #5c5c5c;
  font-size: 16px;
  border: 1px solid #979797;
  box-shadow: 0 0 0;
}

.agenda .form-control:focus {
  border-color: #00b370;
  outline: 0;
 /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 179, 112, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 179, 112, 0.6);*/
  box-shadow: 0 0 0;
}
.group-agenda .collapsed {
  float: right;
  display: block;
  text-indent: 0;
  background: transparent url() bottom left no-repeat;
  width: auto;
  height: auto;
  outline: none;
}

.pointer{
  cursor: pointer;
}
.clr-red{
  color:red !important;
}

div > .group-agenda .select2-container-multi .select2-choices .select2-search-choice{
  padding: 8px 6px 7px 15px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 10px;
  color: #0B2958;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

div > .group-agenda .select2-container-multi .select2-choices .select2-search-choice{
  padding: 8px 6px 7px 15px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 10px;
  color: #0B2958;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

.ml-minus2{
  margin-left:-2px;
}
.confrmBoxHeader {
    background-color: #F2F2F2;
}


.popup-table th {
  background-color: #eee;
}
.popup-table td,
.popup-table th {
  overflow-x: auto;
}
.popup-table .table > thead > tr > th,
.popup-table .table > tbody > tr > th,
.popup-table .table > tfoot > tr > th,
.popup-table .table > thead > tr > td,
.popup-table .table > tbody > tr > td,
.popup-table .table > tfoot > tr > td {
    border-bottom: 1px solid #979797;
    border-top: 0 none;
}
.popup-table .table-hover > tbody > tr:hover {
  background-color: #ecfcf6;
}
.height-75 {
  max-height: 75vh;
  overflow-y: auto;
}
.popup .modal-header {
  background-color: #f5f5f5;
  border-radius: 6px 6px 0 0;
}
.wrap-word {
  word-wrap: break-word;
  max-width: 300px;
  max-height : 100px;
}
.large-Modal, .modal-lg {
  width:90% !important;
}
.display-inline {
  display : inline;
}
.certain-rating {
  float:left;
  margin-left:20px;
}
.certain-rating span { float:right; position:relative; }
.certain-rating span input {
  position:absolute;
  top:0px;
  left:0px;
  opacity:0;
}
.certain-rating span label {
  display:inline-block;
  width:20px;
  height:20px;
  text-align:center;
  color:#ccc;
  font-size:20px;
  margin-right:2px;
  line-height:15px;
}
.certain-rating span label .enabled{
  display:none;
}
.certain-rating span:hover ~ span label .enabled,
.certain-rating span:hover label .enabled,
.certain-rating span.checked label .enabled,
.certain-rating span.checked ~ span label .enabled{
  display:block;
}

.certain-rating span:hover ~ span label .disabled,
.certain-rating span:hover label .disabled,
.certain-rating span.checked label .disabled,
.certain-rating span.checked ~ span label .disabled{
  display:none;
}
.certain-rating span label img {
  width: 20px;
}
.cl {
  width: 100%;
  float: left;
  font-size: 8px;
  margin: 0 0 15px 0px;
  max-width: 150px;
}

.time-part {
    min-width:70px !important;
}
.custom-answer{
  padding:4px 1.2em 18px;
  border-collapse:separate;
}

.report-logout {
  z-index: 3000;
  position: fixed;
  top: 25px;
  right: 10px;
}

.timepicker-label {
   width:140px; 
}

.timepicker-div>* {
    vertical-align: middle;
}
.bootstrap-timepicker>input {
    width: calc(100% - 40px) !important;
        padding: 0 10px;
    float: left;
    height: 34px;
    line-height: 34px;
}

.bootstrap-timepicker .input-group-addon {
    width: 40px !important;
    padding: 0 10px;
    float: left;
    height: 34px;
    line-height: 34px;
}

.bootstrap-timepicker .input-group-addon i{
  line-height: 32px;
}
.no-padding {
  padding: 0 !important;
}
.bootstrap-timepicker-widget {
    max-width: 160px;
    padding: 0 !important;
}

.bootstrap-timepicker-widget input {
    padding: 0;
}
.w90 {
    width:90px;
}
.timepicker-inline {
    display:inline-block;
}

.display-info-row {
  border:1px solid #000000;
  width:405px;
}

.fs10 {
  font-size: 10px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs36 {
  font-size: 36px !important;
}
.hide-data-grid-col, .noDisplay {
    display: none;
}

.hidden-element {
    height: 0px;
    width: 0px;
    overflow: hidden;
    position: absolute;
}

.text-shadow {
  text-shadow: 0 2px 4px rgba(0,0,0,0.50);;
}

.flex {
  display: flex;
}
.flex-center {
  display: flex;
  align-items: center;
}
.flex-space-between {
  display: flex;
  justify-content: space-between
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.align-bottom {
  align-self: flex-end;
}
.align-top {
  align-self: flex-start;
}
.grow-flex {
  flex-grow: 1;
}

.primary-well-border {
  border-radius: 10px 0 0 0;
}
.secondary-well-border {
  border-radius: 20px 0 0 0;
  box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.2);
}
.tertiary-well-border {
  border-radius: 40px 0 0 0;
}
.certain-popover-container {
  position: relative;
}
.certain-popover {
  margin-top: 10px;
  position: absolute;
  right: 0;
  background: white;
  padding: 20px;
  z-index: 5;
  max-height: 500px;
  overflow: auto;
  max-width: 300px;
  width: 300px;
  box-shadow: 0 0 5px 0px grey;
}
.certain-popover-container::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 10px solid white;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  width: 0;
  height: 0;
  margin: 0 auto;
  z-index: 5;
}
.action-tab-wrapper {
  width: 200px;
  height: 40px;
}
.action-tab {
  border-radius: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: 3px;
  border-style: none;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  text-align: left;
  background-color: #ededed;
  color: #333333;
}
.action-tab-shadow {
  position: absolute;
  width: inherit;
  height: 3px;
  background-color: rgba(0, 0, 0, .2);
  bottom: 0;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
.action-tab-content {
  content: "";
  position: absolute;
  top: -50px;
  border-left: 50px solid #767676;
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
  width: 0;
  height: 0;
  margin: 0 auto;
  overflow: hidden;
}
.action-tab:hover, .action-tab:focus {
  background-color: #F2F2F2;
  color: #000;
}
.action-tab.active-tab {
  background-color: #333333;
  color: #fff;
}
.action-tab:hover .action-tab-content, .action-tab:focus .action-tab-content {
  border-left-color: #333333;
}
.action-tab.active-tab .action-tab-content {
  border-left-color: #2FB36D;
}
.action-tab .fa {
  position: absolute;
  top: 4px;
}
.action-tab.active-tab .fa {
  color: #fff;
}


.main-text{
  z-index: 99;
}

.asset-display > .col-md-2{
    margin-top: -90px;
    margin-left: -170px;
}

.asset-display > .col-md-4{
   margin-top: 20em;
   z-index: 99;
}

.asset-display > .col-md-6{
   margin: -5em 0 0 -6em;
}

.asset-display > .col-md-8 > img{
   text-align: center;
   width: 100%
}


.custom-data{
  margin: -85px 0 0 -110px;
}
.custom-data > .col-xs-6 {
  padding: 0px ! important;
}

.custom-img > img {
  width: 100%;
}

.custom-one{
  margin-top: -22px !important;
}

.custom-two{
   margin-top: 55px !important;
}

.custom-three{
   margin-top: 55px !important;
}

.custom-four{
   margin-top: 55px !important;
}

.custom-fix-width {
  max-width:1600px;
}

.ml25 {
  margin-left: -25px;
}

.webinar-logo {
    height: 34px;
    border-radius: 5px;
}
.webinar-image {
    min-height: 134px;
    width: 100%;
    padding: 25px;
}

.empty-thumbnail {
    min-height: 134px;
    width: 100%;
    padding: 25px;
}

.webinar-well {
  background-color: #eee;
}

.webinar-info {
  margin-bottom: 15px;
}

.webinar-info .webinfo {
    background-color: #f2f0ed;
    padding: 10px;
}

.webinar-info .actions{
    position: absolute;
    text-align: end;
    padding-top: 1%;
    right: 20px;
    padding-bottom: 1%;
    bottom: 12px;
}

.wrapIt .popover {
  max-width: 95%;
  width: auto;
}
/* start: Use for tooltip custom tag specific */
img[title]:focus:after {
  content:attr(title);
  width: fit-content;
  color: white;
  padding:5px;
  margin-top: 1.3em;
  position: absolute;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index:1;
}
#cusTomtooltip {  
  width: fit-content;
  background-color: black;
  color: white;
  padding:5px;
  margin-top: 1.5em;
  position: absolute;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index:1;
}
/* End: Use for tooltip custom tag specific */

.radio, .checkbox {
  padding-left: 20px;
  min-height: 20px;
}

.radio-pl0, .checkbox-pl0 {
  padding-left: 0;
  min-height: 20px;
}

.pl8 {
  padding-left: 8px !important;
}

.icon-size {
  font-size: 1.5em;
}

.crtn-launch-icon {
  width:25px;
}

.crtn-launch-icon:hover {
  transform: scale(1.5, 1.5);
}

.form-horizontal .form-group {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.custom-max-width{
  max-width:50px;
}

.crtn-launch-icon {
  width:25px;
}

.crtn-launch-icon:hover {
  transform: scale(1.5, 1.5);
}

.crtn-launch-icon {
  width:25px;
}

.crtn-launch-icon:hover {
  transform: scale(1.5, 1.5);
}

.height-55 {
  max-height: 55vh;
  overflow-y: auto;
}
.horizontal-scroll{
  min-width: 500px;
  overflow-x: hidden;
}
.text-area-max-width {
	max-width: calc(97%) !important;
    float: left;
}
.ptop-7 {
	padding-top: 7px;
}
.t-left {
	text-align:left !important;
}
.form-custom-check-input{  
    margin: 10px 0 0 !important;
}
.checkbox-scroll {
  height: calc(2.0em * 5); 
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #F2F2F2;
}

.crtn-copy-container {
  display: inline-flex;
  align-items: center;
}
.crtn-copy-btn {
  background: none;
  border: none;
  margin-left: 8px;
  margin-top: -5px;
  cursor: pointer;
  float: right;
  padding: 0;
  display: flex;
  align-items: center;
}
.crtn-icon-check {
  color: #2ea44f;
  display: hidden;
}

.crtn-copy-container .crtn-icon-copy {
  opacity: 0.3;
  transition: opacity 0.3s;
}

.crtn-copy-container:hover .crtn-icon-copy {
  opacity: 1;
}