/* here you can put your own css to customize and override the theme */

/* bg color */
.login {
  background-color: #939597 !important; } /*#364150*/

.login .content .create-account {
  background-color: #A7A9AC;
}

.img-custom-thumbnail {
  padding: 3px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 60px;
  height: auto; }

  .img-custom-profile-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 30%;
    height: auto; }

  .mt-comments .mt-comment .mt-comment-body .mt-comment-text {
    color:#4e5a64; }

  .search-content-4 .search-table .table-desc {
    font-size: 14px;
    color:#4e5a64; }

div.listBox {
  box-shadow: 0 0 3px rgba(51,153,255,0.5);
  background-color: white;
  padding: 3px 2px 3px 2px;
  margin: 0;
  border: 1px solid rgba(0,102,204,0.5);
  border-radius: 5px;
}
div.listBoxYellow {
  box-shadow: 0 0 3px rgba(51,153,255,0.5);
  background-color: rgba(255,255,204,0.5);
  padding: 3px 2px 3px 5px;
  margin: 5px 0px 5px 0px;
  border: 1px solid rgba(0,102,204,0.5);
  border-radius: 5px;
  width:80%;
}
div.listBoxGreen {
  box-shadow: 0 0 3px rgba(51,153,255,0.5);
  background-color: rgba(102,255,102,0.3);
  padding: 3px 2px 3px 5px;
  margin: 5px 0px 5px 50px;
  border: 1px solid rgba(0,102,204,0.5);
  border-radius: 5px;
  width:80%;
}
/*    */
/* CUSTOM BACKGROUND COLORS */
/* BLUE */
.bg-custom-blue-heavy { background-color: rgb(55,93,149); }
.bg-custom-blue-bold { background-color: rgb(73,120,188); }
.bg-custom-blue-mid { background-color: rgb(106,144,200);}
.bg-custom-blue-light { background-color: rgb(143,172,214);}
.bg-custom-blue-haze { background-color: rgb(180,200,228);}
/* TURQUOIS */
.bg-custom-turq-heavy { background-color: rgb(20,82,73);}
.bg-custom-turq-bold { background-color: rgb(30,123,110);}
.bg-custom-turq-mid { background-color: rgb(49,199,178);}
.bg-custom-turq-light { background-color: rgb(91,215,197);}
.bg-custom-turq-haze { background-color: rgb(198, 239, 233);}
/* GREEN */
.bg-custom-green-heavy { background-color: rgb(0,102,44);}
.bg-custom-green-bold { background-color: rgb(0,169,73);}
.bg-custom-green-mid { background-color: rgb(51,255,139);}
.bg-custom-green-light { background-color: #1ba751;}
.bg-custom-green-haze { background-color: rgb(204,255,226);}
/* PURPLE */
.bg-custom-purple-heavy { background-color: rgb(72,60,93);}
.bg-custom-purple-bold { background-color: rgb(96,79,125);}
.bg-custom-purple-mid { background-color: rgb(135,117,167);}
.bg-custom-purple-light { background-color: rgb(174,162,195);}
.bg-custom-purple-haze { background-color: rgb(201,193,215);}
/* RED */
.bg-custom-red-heavy { background-color: rgb(189,15,72);}
.bg-custom-red-bold { background-color: rgb(237,20,91);}
.bg-custom-red-mid { background-color: rgb(240,66,123);}
.bg-custom-red-light { background-color: rgb(244,113,156);}
.bg-custom-red-haze { background-color: rgb(248,160,189);}
/* GREY */
.bg-custom-grey-heavy { background-color: rgb(50,50,48);}
.bg-custom-grey-bold { background-color: rgb(108,100,96);}
.bg-custom-grey-mid { background-color: rgb(135,125,120);}
.bg-custom-grey-light { background-color: rgb(159,151,147);}
.bg-custom-grey-haze { background-color: rgb(206,202,200);}
.bg-custom-grey-shadow { background-color: rgba(206,202,200,0.4);}
/* COPPER */
.bg-custom-copper-heavy { background-color: rgb(150,82,3);}
.bg-custom-copper-bold { background-color: rgb(232,126,4);}
.bg-custom-copper-mid { background-color:rgb(251,136,4);}
.bg-custom-copper-light { background-color: rgb(252,184,105);}
.bg-custom-copper-haze { background-color: rgb(253,207,155);}
/* LEMON */
.bg-custom-lemon-heavy { background-color: rgb(145,118,8);}
.bg-custom-lemon-bold { background-color: rgb(241,196,14);}
.bg-custom-lemon-mid { background-color: rgb(244,208,63);}
.bg-custom-lemon-light { background-color: rgb(247,220,110);}
.bg-custom-lemon-haze { background-color: rgb(249,231,159);}
/* CUSTOM FONT COLORS */
.font-custom-grey-heavy { color: rgb(50,50,48);}
.font-custom-grey-bold { color: rgb(108,100,96);}
.font-custom-grey-mid { color: rgb(135,125,120);}
.font-custom-grey-light { color: rgb(159,151,147);}
.font-custom-grey-haze { color: rgb(206,202,200);}
.font-custom-astellas-red { background: rgb(217,30,73);}
.font-custom-astellas-red-dark { background: rgb(166,43,78);}
.font-custom-astellas-yellow { background: rgb(240,179,35);}
.font-custom-astellas-blue { background: rgb(0,76,151);}
/*  */
/* CUSTOM PORTLET STYLES */
/*  BLUE */
.portlet.bg-custom-blue-heavy.bordered { border: 1px solid rgb(55,93,149) !important; }
.portlet.bg-custom-blue-bold.bordered { border: 1px solid rgb(73,120,188) !important; }
.portlet.bg-custom-blue-mid.bordered { border: 1px solid rgb(106,144,200) !important; }
.portlet.bg-custom-blue-light.bordered { border: 1px solid rgb(143,172,214) !important; }
.portlet.bg-custom-blue-haze.bordered { border: 1px solid rgb(106,144,200) !important; }
/* GREEN */
.portlet.bg-custom-green-heavy.bordered { border: 1px solid rgb(0,102,44) !important; }
.portlet.bg-custom-green-bold.bordered { border: 1px solid rgb(0,169,73) !important; }
.portlet.bg-custom-green-mid.bordered { border: 1px solid rgb(51,255,139) !important; }
.portlet.bg-custom-green-light.bordered { border: 1px solid rgb(102,255,168) !important; }
.portlet.bg-custom-green-haze.bordered { border: 1px solid rgb(153,255,197) !important; }
/* TURQUOIS */
.portlet.bg-custom-turq-heavy.bordered { border: 1px solid rgb(20,82,73) !important; }
.portlet.bg-custom-turq-bold.bordered { border: 1px solid rgb(30,123,110) !important; }
.portlet.bg-custom-turq-mid.bordered { border: 1px solid rgb(49,199,178) !important; }
.portlet.bg-custom-turq-light.bordered { border: 1px solid rgb(91,215,197) !important; }
.portlet.bg-custom-turq-haze.bordered { border: 1px solid rgb(173,235,226) !important; }
/* PURPLE */
.portlet.bg-custom-purple-heavy.bordered { border: 1px solid rgb(72,60,93) !important; }
.portlet.bg-custom-purple-bold.bordered { border: 1px solid rgb(96,79,125) !important; }
.portlet.bg-custom-purple-mid.bordered { border: 1px solid rgb(135,117,167) !important; }
.portlet.bg-custom-purple-light.bordered { border: 1px solid rgb(174,162,195) !important; }
.portlet.bg-custom-purple-haze.bordered { border: 1px solid rgb(201,193,215) !important; }
/* RED */
.portlet.bg-custom-red-bold.bordered { border: 1px solid rgb(237,20,91) !important; }
.portlet.bg-custom-red-mid.bordered { border: 1px solid rgba(237,20,91,0.6) !important; }
.portlet.bg-custom-red-light.bordered { border: 1px solid rgba(237,20,91,0.3) !important; }
.portlet.bg-custom-red-haze.bordered { border: 1px solid rgba(237,20,91,0.1) !important; }
/* GREY */
.portlet.bg-custom-grey-bold.bordered { border: 1px solid rgb(206,202,200) !important; }
.portlet.bg-custom-grey-mid.bordered { border: 1px solid rgba(206,202,200,0.6) !important; }
.portlet.bg-custom-grey-light.bordered { border: 1px solid rgba(206,202,200,0.3) !important; }
.portlet.bg-custom-grey-haze.bordered { border: 1px solid rgba(206,202,200,0.1) !important; }
/*  */
.portlet.box.bg-custom-green-mid {
  border: 1px solid rgba(0,169,157,0.6);
  border-top: 0; }
.portlet.box.bg-custom-green-mid > .portlet-title {
  background-color: rgba(0,169,157,0.6);}
.portlet.box.bg-custom-green-mid > .portlet-title > .caption {
  color: #FFFFFF; }
.portlet.box.bg-custom-green-mid > .portlet-title > .caption > i {
  color: #FFFFFF; }
.portlet.box.bg-custom-green-mid > .portlet-title > .actions .btn-default {
  background: rgb(0,169,157,0.3) !important;
  background-color: rgb(0,169,157) !important;
  border: 1px solid rgba(0,169,157,0.3);
  color: #5f83a7; }
.portlet.box.bg-custom-green-mid > .portlet-title > .actions .btn-default > i {
  color: #698aac; }
.portlet.box.bg-custom-green-mid > .portlet-title > .actions .btn-default:hover,
.portlet.box.bg-custom-green-mid > .portlet-title > .actions .btn-default:focus,
.portlet.box.bg-custom-green-mid > .portlet-title > .actions .btn-default:active,
.portlet.box.bg-custom-green-mid > .portlet-title > .actions .btn-default.active {
  border: 1px solid rgba(0,169,157);
  color: #809cb9; }
/*  */
.portlet.box.bg-custom-green-light {
  border: 1px solid rgba(0,169,157,0.3);
  border-top: 0; }
.portlet.box.bg-custom-green-light > .portlet-title {
  background-color: rgba(0,169,157,0.3);}
.portlet.box.bg-custom-green-light > .portlet-title > .caption {
  color: #FFFFFF; }
.portlet.box.bg-custom-green-light > .portlet-title > .caption > i {
  color: #FFFFFF; }
.portlet.box.bg-custom-green-light > .portlet-title > .actions .btn-default {
  background: rgb(0,169,157,0.3) !important;
  background-color: rgb(0,169,157) !important;
  border: 1px solid rgba(0,169,157,0.3);
  color: #5f83a7; }
.portlet.box.bg-custom-green-light > .portlet-title > .actions .btn-default > i {
  color: #698aac; }
.portlet.box.bg-custom-green-light > .portlet-title > .actions .btn-default:hover,
.portlet.box.bg-custom-green-light > .portlet-title > .actions .btn-default:focus,
.portlet.box.bg-custom-green-light > .portlet-title > .actions .btn-default:active,
.portlet.box.bg-custom-green-light > .portlet-title > .actions .btn-default.active {

  border: 1px solid rgb(0,169,157);
  color: #809cb9; }
/*  */
.portlet.box.bg-custom-purple-mid {
  border: 1px solid rgb(135,117,167);
  border-top: 0; }
.portlet.box.bg-custom-purple-mid > .portlet-title {
  background-color: rgb(135,117,167);}
.portlet.box.bg-custom-purple-mid > .portlet-title > .caption {
  color: #FFFFFF; }
.portlet.box.bg-custom-purple-mid > .portlet-title > .caption > i {
  color: #FFFFFF; }
.portlet.box.bg-custom-purple-mid > .portlet-title > .actions .btn-default {
  background: rgb(135,117,167) !important;
  background-color: rgb(135,117,167) !important;
  border: 1px solid rgb(135,117,167);
  color: #5f83a7; }
.portlet.box.bg-custom-purple-mid > .portlet-title > .actions .btn-default > i {
  color: #698aac; }
.portlet.box.bg-custom-purple-mid > .portlet-title > .actions .btn-default:hover,
.portlet.box.bg-custom-purple-mid > .portlet-title > .actions .btn-default:focus,
.portlet.box.bg-custom-purple-mid > .portlet-title > .actions .btn-default:active,
.portlet.box.bg-custom-purple-mid > .portlet-title > .actions .btn-default.active {
  border: 1px solid rgb(135,117,167);
  color: #bdccdb; }
/*  */
.portlet.box.bg-custom-purple-light {
  border: 1px solid rgb(174,162,195);
  border-top: 0; }
.portlet.box.bg-custom-purple-light > .portlet-title {
  background-color: rgb(174,162,195);}
.portlet.box.bg-custom-purple-light > .portlet-title > .caption {
  color: #FFFFFF; }
.portlet.box.bg-custom-purple-light > .portlet-title > .caption > i {
  color: #FFFFFF; }
.portlet.box.bg-custom-purple-light > .portlet-title > .actions .btn-default {
  background: rgb(174,162,195) !important;
  background-color: rgb(174,162,195) !important;
  border: 1px solid rgb(174,162,195);
  color: #5f83a7; }
.portlet.box.bg-custom-purple-light > .portlet-title > .actions .btn-default > i {
  color: #698aac; }
.portlet.box.bg-custom-purple-light > .portlet-title > .actions .btn-default:hover,
.portlet.box.bg-custom-purple-light > .portlet-title > .actions .btn-default:focus,
.portlet.box.bg-custom-purple-light > .portlet-title > .actions .btn-default:active,
.portlet.box.bg-custom-purple-light > .portlet-title > .actions .btn-default.active {
  border: 1px solid rgb(174,162,195);
  color: #bdccdb; }
/*  */
.portlet.box.bg-custom-blue-mid {
  border: 1px solid rgba(73,120,188,0.6);
  border-top: 0; }
.portlet.box.bg-custom-blue-mid > .portlet-title {
  background-color:rgba(73,120,188,0.6);}
.portlet.box.bg-custom-blue-mid > .portlet-title > .caption {
  color: #FFFFFF; }
.portlet.box.bg-custom-blue-mid > .portlet-title > .caption > i {
  color: #FFFFFF; }
.portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default {
  background: rgb(73,120,188) !important;
  background-color: rgba(73,120,188,0.6) !important;
  border: 1px solid rgb(73,120,188);
  color: #5f83a7; }
.portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default > i {
  border: 1px solid rgb(73,120,188);
  color: #698aac; }
.portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default:hover,
.portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default:focus,
.portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default:active,
.portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default.active {
  border: 1px rgb(73,120,188);
  color: #809cb9; }
  .portlet.box.bg-custom-blue-mid {
    border: 1px solid rgba(73,120,188,0.6);
    border-top: 0; }
  .portlet.box.bg-custom-blue-mid > .portlet-title {
    background-color:rgba(73,120,188,0.6);}
  .portlet.box.bg-custom-blue-mid > .portlet-title > .caption {
    color: #FFFFFF; }
  .portlet.box.bg-custom-blue-mid > .portlet-title > .caption > i {
    color: #FFFFFF; }
  .portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default {
    background: rgb(73,120,188) !important;
    background-color: rgba(73,120,188,0.6) !important;
    border: 1px solid rgb(73,120,188);
    color: #5f83a7; }
  .portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default > i {
    border: 1px solid rgb(73,120,188);
    color: #698aac; }
  .portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default:hover,
  .portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default:focus,
  .portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default:active,
  .portlet.box.bg-custom-blue-mid > .portlet-title > .actions .btn-default.active {
    border: 1px rgb(73,120,188);
    color: #809cb9; }
  /* PRTLET BLUE LIGHT */
  .portlet.box.bg-custom-blue-light {
    border: 1px solid rgb(143,172,214);
    border-top: 0; }
  .portlet.box.bg-custom-blue-light > .portlet-title {
    background-color:rgb(143,172,214);}
  .portlet.box.bg-custom-blue-light > .portlet-title > .caption {
    color: #FFFFFF; }
  .portlet.box.bg-custom-blue-light > .portlet-title > .caption > i {
    color: #FFFFFF; }
  .portlet.box.bg-custom-blue-light > .portlet-title > .actions .btn-default {
    background: rgb(143,172,214) !important;
    background-color: rgb(143,172,214) !important;
    border: 1px solid rgb(143,172,214);
    color: #5f83a7; }
  .portlet.box.bg-custom-blue-light > .portlet-title > .actions .btn-default > i {
    border: 1px solid rgb(143,172,214);
    color: #698aac; }
  .portlet.box.bg-custom-blue-light > .portlet-title > .actions .btn-default:hover,
  .portlet.box.bg-custom-blue-light > .portlet-title > .actions .btn-default:focus,
  .portlet.box.bg-custom-blue-light > .portlet-title > .actions .btn-default:active,
  .portlet.box.bg-custom-blue-light > .portlet-title > .actions .btn-default.active {
    border: 1px rgb(143,172,214);
    color: #809cb9; }

  /* PORTLET BLUE HAZE */
  .portlet.box.bg-custom-blue-haze {
    border: 1px solid rgb(180,200,228);
    border-top: 0; }
  .portlet.box.bg-custom-blue-haze > .portlet-title {
    background-color:rgb(180,200,228)}
  .portlet.box.bg-custom-blue-haze > .portlet-title > .caption {
    color: #FFFFFF; }
  .portlet.box.bg-custom-blue-haze > .portlet-title > .caption > i {
    color: #FFFFFF; }
  .portlet.box.bg-custom-blue-haze > .portlet-title > .actions .btn-default {
    background: rgb(180,200,228) !important;
    background-color: rgb(180,200,228) !important;
    border: 1px solid rgb(73,120,188);
    color: #5f83a7; }
  .portlet.box.bg-custom-blue-haze > .portlet-title > .actions .btn-default > i {
    border: 1px solid rgb(73,120,188);
    color: #698aac; }
  .portlet.box.bg-custom-blue-haze > .portlet-title > .actions .btn-default:hover,
  .portlet.box.bg-custom-blue-haze > .portlet-title > .actions .btn-default:focus,
  .portlet.box.bg-custom-blue-haze > .portlet-title > .actions .btn-default:active,
  .portlet.box.bg-custom-blue-haze > .portlet-title > .actions .btn-default.active {
    border: 1px rgb(73,120,188);
    color: #809cb9; }
/*  */

/* PORTLET ASTELLAS DARK RED */
  .portlet.box.bg-custom-astellas-red-dark {
    border: 1px solid rgb(166,43,78);
    border-top: 0; }
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title {
    background-color:rgb(166,43,78)}
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title > .caption {
    color: #FFFFFF; }
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title > .caption > i {
    color: #FFFFFF; }
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title > .actions .btn-default {
    background: rgb(166,43,78) !important;
    background-color: rgb(166,43,78) !important;
    border: 1px solid rgb(73,120,188);
    color: #5f83a7; }
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title > .actions .btn-default > i {
    border: 1px solid rgb(73,120,188);
    color: #698aac; }
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title > .actions .btn-default:hover,
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title > .actions .btn-default:focus,
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title > .actions .btn-default:active,
  .portlet.box.bg-custom-astellas-red-dark > .portlet-title > .actions .btn-default.active {
    border: 1px rgb(73,120,188);
    color: #809cb9; }
/*  */

/* PORTLET ASTELLAS RED */
  .portlet.box.bg-custom-astellas-red {
    border: 1px solid rgb(217,30,73);
    border-top: 0; }
  .portlet.box.bg-custom-astellas-red > .portlet-title {
    background-color:rgb(217,30,73)}
  .portlet.box.bg-custom-astellas-red > .portlet-title > .caption {
    color: #FFFFFF; }
  .portlet.box.bg-custom-astellas-red > .portlet-title > .caption > i {
    color: #FFFFFF; }
  .portlet.box.bg-custom-astellas-red > .portlet-title > .actions .btn-default {
    background: rgb(217,30,73) !important;
    background-color: rgb(217,30,73) !important;
    border: 1px solid rgb(217,30,73);
    color: #5f83a7; }
  .portlet.box.bg-custom-astellas-red > .portlet-title > .actions .btn-default > i {
    border: 1px solid rgb(217,30,73);
    color: #698aac; }
  .portlet.box.bg-custom-astellas-red > .portlet-title > .actions .btn-default:hover,
  .portlet.box.bg-custom-astellas-red > .portlet-title > .actions .btn-default:focus,
  .portlet.box.bg-custom-astellas-red > .portlet-title > .actions .btn-default:active,
  .portlet.box.bg-custom-astellas-red > .portlet-title > .actions .btn-default.active {
    border: 1px rgb(217,30,73);
    color: #809cb9; }
/*  */

/* PORTLET ASTELLAS DARK GRAY */
  .portlet.box.bg-custom-astellas-gray-dark {
    border: 1px solid rgb(147,149,151);
    border-top: 0; }
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title {
    background-color:rgb(147,149,151)}
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title > .caption {
    color: #FFFFFF; }
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title > .caption > i {
    color: #FFFFFF; }
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title > .actions .btn-default {
    background: rgb(147,149,151) !important;
    background-color: rgb(147,149,151) !important;
    border: 1px solid rgb(147,149,151);
    color: #5f83a7; }
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title > .actions .btn-default > i {
    border: 1px solid rgb(147,149,151);
    color: #698aac; }
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title > .actions .btn-default:hover,
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title > .actions .btn-default:focus,
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title > .actions .btn-default:active,
  .portlet.box.bg-custom-astellas-gray-dark > .portlet-title > .actions .btn-default.active {
    border: 1px rgb(73,120,188);
    color: #809cb9; }
/*  */


.form-group .required {
  color: #1C2F4B;
  font-size: 14px;
  padding-left: 2px; }

.control-label .required
 {
  color: #000000; /*#BD0F48;*/
  font-size: 14px;
  padding-left: 2px; }

  input.required,
  select.required,
  textarea.required {
  box-shadow: 0 0 5px rgba(162,3,11,0.5);
  border: 2px solid rgba(162,3,11,0.3);
  font-size: 14px;
  padding-left: 2px;
  color: #000000;
}

/* CUSTOM BUTTON STYLES */
.btn.bg-custom-lemon-light {
  border-color: rgb(241,196,14);
  color: rgb(73,120,188);
  background: rgb(247,220,110);}
  .btn.bg-custom-lemon-light:hover,
  .btn.bg-custom-lemon-light:active,
  .btn.bg-custom-lemon-light:active:hover,
  .btn.bg-custom-lemon-light:active:focus,
  .btn.bg-custom-lemon-light:focus,
  .btn.bg-custom-lemon-light.active {
    border-color: rgb(241,196,14);
    color: #FFFFFF;
    background-color: rgb(241,196,14); }

.btn.bg-custom-lemon-haze {
  border-color: #f1c139;
  color: #FFF;
  background:  #f1c139;
  text-decoration: none}
  .btn.bg-custom-lemon-haze:hover,
  .btn.bg-custom-lemon-haze:active,
  .btn.bg-custom-lemon-haze:active:hover,
  .btn.bg-custom-lemon-haze:active:focus,
  .btn.bg-custom-lemon-haze:focus,
  .btn.bg-custom-lemon-haze.active {
    border-color: rgb(241,196,14);
    color: rgb(73,120,188);
    background-color: rgb(241,196,14); }

.btn.bg-custom-green-bold {
  border-color: rgb(0,169,73);
  color:  rgb(255,255,255);
  background: rgb(0,169,73); 
  text-decoration: none;}
  .btn.bg-custom-green-bold:hover,
  .btn.bg-custom-green-bold:active,
  .btn.bg-custom-green-bold:active:hover,
  .btn.bg-custom-green-bold:active:focus,
  .btn.bg-custom-green-bold:focus,
  .btn.bg-custom-green-bold.active {
    border-color: #1ba751;
    color:  #fff;
    background-color: #1ba751; }

.btn.bg-custom-green-light {
  border-color: #1ba751;
  color: #fff;
  background: #1ba751);   
  }
  .btn.bg-custom-green-light:hover,
  .btn.bg-custom-green-light:active,
  .btn.bg-custom-green-light:active:hover,
  .btn.bg-custom-green-light:active:focus,
  .btn.bg-custom-green-light:focus,
  .btn.bg-custom-green-light.active {
    border-color: rgb(0,169,73);
    color: #FFFFFF;
    background-color: rgb(0,169,73); }

.btn.bg-custom-green-haze {
  border-color: #1ba751;
  color: #fff;
  background: #1ba751; 
  text-decoration: none;}
  .btn.bg-custom-green-haze:hover,
  .btn.bg-custom-green-haze:active,
  .btn.bg-custom-green-haze:active:hover,
  .btn.bg-custom-green-haze:active:focus,
  .btn.bg-custom-green-haze:focus,
  .btn.bg-custom-green-haze.active {
    border-color:rgb(51,255,139);
    color: #FFFFFF;
    background-color: rgb(0,169,73); }

.btn.bg-custom-red-haze {
  border-color: rgb(51,255,139);
  color: #F4F4F4;
  background: rgb(243,165,183); }
  .btn.bg-custom-red-haze:hover,
  .btn.bg-custom-red-haze:active,
  .btn.bg-custom-red-haze:active:hover,
  .btn.bg-custom-red-haze:active:focus,
  .btn.bg-custom-red-haze:focus,
  .btn.bg-custom-red-haze.active {
    border-color:rgb(230,76,111);
    color: #F4F4F4;
    background-color: rgb(243,165,183); }

.btn.bg-custom-red-light {
  border-color: #d8224b;
  color: #F4F4F4;
  background-color: #d8224b; }
  .btn.bg-custom-red-light:hover,
  .btn.bg-custom-red-light:active,
  .btn.bg-custom-red-light:active:hover,
  .btn.bg-custom-red-light:active:focus,
  .btn.bg-custom-red-light:focus,
  .btn.bg-custom-red-light.active {
    border-color: rgb(217,30,73);
    color: #F4F4F4;
    background-color: rgb(230,76,111); }

.btn.bg-custom-red-mid {
  border-color: rgb(90,12,30);
  color: #F4F4F4;
  background-color: rgb(217,30,73); }
  .btn.bg-custom-red-light:hover,
  .btn.bg-custom-red-light:active,
  .btn.bg-custom-red-light:active:hover,
  .btn.bg-custom-red-light:active:focus,
  .btn.bg-custom-red-light:focus,
  .btn.bg-custom-red-light.active {
    border-color: rgb(90,12,30);
    color: #F4F4F4;
    background-color: rgb(217,30,73); }

.btn.bg-custom-grey-haze {
  border-color: #d1cece;
  color: rgb(44, 45, 46);
  background-color: rgb(214, 214, 214); 
  text-decoration: none}
  .btn.bg-custom-grey-haze:hover,
  .btn.bg-custom-grey-haze:active,
  .btn.bg-custom-grey-haze:active:hover,
  .btn.bg-custom-grey-haze:active:focus,
  .btn.bg-custom-grey-haze:focus,
  .btn.bg-custom-grey-haze.active {
    border-color:  #b9b5b5;
    color: rgb(44,45,46);
    background-color: rgb(252, 248, 249); }
	
.btn.bg-custom-astellas-red {
  border-color: #d7224b;
  color: #F4F4F4;
  background-color: #d7224b; 
  text-decoration: none}
  .btn.bg-custom-astellas-red:hover,
  .btn.bg-custom-astellas-red:active,
  .btn.bg-custom-astellas-red:active:hover,
  .btn.bg-custom-astellas-red:active:focus,
  .btn.bg-custom-astellas-red:focus,
  .btn.bg-custom-astellas-red.active {
    border-color: #D91E49;
    color: #F4F4F4;
    background-color: #D91E49; }
  .btn.bg-custom-astellas-red.general {
    width: 100px; }
	
.btn.bg-custom-astellas-red-dark {
  border-color: #A62B4E;
  color: #F4F4F4;
  background-color: #A62B4E; 
  text-decoration: none}
  .btn.bg-custom-astellas-red-dark:hover,
  .btn.bg-custom-astellas-red-dark:active,
  .btn.bg-custom-astellas-red-dark:active:hover,
  .btn.bg-custom-astellas-red-dark:active:focus,
  .btn.bg-custom-astellas-red-dark:focus,
  .btn.bg-custom-astellas-red-dark.active {
    border-color: #A62B4E;
    color: #F4F4F4;
    background-color: #A62B4E; }
  .btn.bg-custom-astellas-red-dark.general {
    width: 100px; }
	
.btn.bg-custom-astellas-white {
  border-color: #D91E49;
  color: #D91E49;
  background-color: #FFFFFF; 
  text-decoration: none;
}
  .btn.bg-custom-astellas-white:hover,
  .btn.bg-custom-astellas-white:active,
  .btn.bg-custom-astellas-white:active:hover,
  .btn.bg-custom-astellas-white:active:focus,
  .btn.bg-custom-astellas-white:focus,
  .btn.bg-custom-astellas-white.active {
    border-color: #FFFFFF;
	  color: #FFFFFF;
	  background-color: #D91E49; }
  .btn.bg-custom-astellas-white.general {
    width: 100px; }
	  
.btn.bg-custom-astellas-light-gray {
  border-color: #e4e4e4 ;
  color: #000000;
  background-color: #e4e4e4 ; 
  text-decoration: none;}
  .btn.bg-custom-astellas-light-gray:hover,
  .btn.bg-custom-astellas-light-gray:active,
  .btn.bg-custom-astellas-light-gray:active:hover,
  .btn.bg-custom-astellas-light-gray:active:focus,
  .btn.bg-custom-astellas-light-gray:focus,
  .btn.bg-custom-astellas-light-gray.active {
    border-color: #d7224b ;
	  color: #fff;
	  background-color: #d7224b ; 
	  text-decoration: none}
  .btn.bg-custom-astellas-light-gray.general {
    width: 100px; }
	  
.btn.bg-custom-astellas-green {
  border-color: #658D1B ;
  color: #FFFFFF;
  background-color: #658D1B ; 
  text-decoration: none;}
  .btn.bg-custom-astellas-green:hover,
  .btn.bg-custom-astellas-green:active,
  .btn.bg-custom-astellas-green:active:hover,
  .btn.bg-custom-astellas-green:active:focus,
  .btn.bg-custom-astellas-green:focus,
  .btn.bg-custom-astellas-green.active {
    border-color: #658D1B ;
	  color: #FFFFFF;
	  background-color: #658D1B ; 
	  text-decoration: none}
  .btn.bg-custom-astellas-green.general {
    width: 100px; }
	  
.btn.bg-custom-astellas-yellow {
  border-color: #F0B323 ;
  color: #FFFFFF;
  background-color: #F0B323 ; 
  text-decoration: none;}
  .btn.bg-custom-astellas-yellow:hover,
  .btn.bg-custom-astellas-yellow:active,
  .btn.bg-custom-astellas-yellow:active:hover,
  .btn.bg-custom-astellas-yellow:active:focus,
  .btn.bg-custom-astellas-yellow:focus,
  .btn.bg-custom-astellas-yellow.active {
    border-color: #F0B323 ;
	  color: #FFFFFF;
	  background-color: #F0B323 ; 
	  text-decoration: none}
  .btn.bg-custom-astellas-yellow.general {
    width: 100px; }


/* CUSTOM FONT COLORS */
.font-custom-blue-heavy { color: rgb(55,93,149); }
.font-custom-blue-bold { color: rgb(73,120,188); }
.font-custom-blue-mid { color: rgb(106,144,200);}
.font-custom-blue-light { color: rgb(143,172,214);}
.font-custom-blue-haze { color: rgb(180,200,228);}
.font-custom-astellas-light-gray { color: rgb(167,169,172);}
.font-custom-astellas-dark-gray { color: rgb(147,149,151);}

/*  */
.font-custom-green-heavy { color: rgb(0,102,44);}
.font-custom-green-bold { color: rgb(0,169,73);}
.font-custom-green-mid { color: rgb(51,255,139);}
.font-custom-green-light { color: rgb(102,255,168);}
.font-custom-green-haze { color: rgb(204,255,226);}
/* PURPLE */
.font-custom-purple-heavy { color: rgb(72,60,93);}
.font-custom-purple-bold { color: rgb(96,79,125);}
.font-custom-purple-mid { color: rgb(135,117,167);}
.font-custom-purple-light { color: rgb(174,162,195);}
.font-custom-purple-haze { color: rgb(201,193,215);}
/* RED */
.font-custom-red-heavy { color: rgb(45,6,15);}
.font-custom-red-bold { color: rgb(90,12,30);}
.font-custom-red-mid { color: rgb(217,30,73);}
.font-custom-red-light { color: rgb(230,76,111);}
.font-custom-red-haze { color: rgb(243,165,183);}


.login .content h3 {
    color: #A7A9AC;
    text-align: center;
    font-size: 28px;
    font-weight: 400!important;
}

.panel-dark-gray {
    border-color: #939597;
}

.panel-dark-gray > .panel-heading {
    color: #F4F4F4;
    background-color: #939597;
    border-color: #939597;
}

.panel-gray {
    border-color: #A7A9AC;
}

.panel-gray > .panel-heading {
    color: #F4F4F4;
    background-color: #A7A9AC;
    border-color: #A7A9AC;
}

.panel-dark-red {
    border-color: #A62B4E;
}

.panel-dark-red > .panel-heading {
    color: #F4F4F4;
    background-color: #A62B4E;
    border-color: #A62B4E;
}

.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #D91E49;
    border-top-color: transparent;
    color: #fff;
}

.note.note-dark-red {
    background-color: #f5f8fd;
    border-color: #d7224b;
    color: #010407;
}

.tabbable-line>.nav-tabs>li.active {
    background: 0 0;
    border-bottom: 4px solid #D91E49;
    position: relative;
}

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:auto;
  overflow:auto;  
  margin-top:20px;
}
#table-wrapper table {
  width:100%;

}
#table-wrapper table * {
  background:yellow;
  color:black;
}
#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}

.md-radio label>.check {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #A62B4E;
}