/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0px auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
/*  font-family: roboto;*/
}
.loginmodal-container-wide {
  padding: 30px;
  max-width: 950px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0px auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
/*  font-family: roboto;*/
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
/*  font-family: roboto;*/
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0px 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
 /* font-family: 'Arial', sans-serif;*/
  font-weight: 700;
  height: 36px;
  padding: 0px 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0px 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
/*  font-family: roboto;*/
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0px 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}
.loginmodal-submit2 {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0px 1px rgba(0,0,0,0.1); 
  /* background-color: #6DC4FF; */
  padding: 17px 0px;
/*  font-family: roboto;*/
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit2:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0px 1px rgba(0,0,0,0.3);
  /* background-color: #579DCC; */
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}

/* Custom by TERJE */

.logoutcancelmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #000;
  text-shadow: 0px 1px rgba(0,0,0,0.1); 
  background-color: #FFDD38;
  padding: 17px 0px;
/*  font-family: roboto;*/
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.logoutcancelmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0px 1px rgba(0,0,0,0.3);
  background-color: #DBBB30;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}
/****** /LOGIN MODAL ******/


.container-fluid                { padding-top: 70px; padding-bottom: 70px; }
.container-login                { padding-top: 70px; height:1000px; }
.container-padding-0            { padding-top: 0px; padding-bottom: 0px; }

.box-grey-border-rounded        { border:1px solid;border-color:#AAAAAA;background-color:#CCCCCC;border-radius:5px; }
.box-default-border-rounded     { border:1px solid;border-color:#AAAAAA;background-color:#FFFFFF;border-radius:5px; }
.box-white-border-rounded       { border:1px solid;border-color:#FFFFFF;border-radius:5px; }
.box-dark-border-rounded        { border:1px solid;border-color:#AAAAAA;border-radius:5px;	}
.border_radius_5                { border-radius:5px; }

.div_hover                      { background-color: inherit; }
.div_hover:hover                { background-color: #FEC264; }
.div_hover_grey                 { background-color: inherit; }
.div_hover_grey:hover           { background-color: #CCCCCC; }
.div_hover_lightgrey            { background-color: inherit; }
.div_hover_lightgrey:hover      { background-color: #EEEEEE; }
.div_hover_lightblue            { background-color: inherit; }
.div_hover_lightblue:hover      { background-color: #e6f2ff; }
.div_hover_lightgreen           { background-color: inherit; }
.div_hover_lightgreen:hover     { background-color: #e6ffe6; }
.div_hover_darkgreen            { background-color: inherit; }
.div_hover_darkgreen:hover      { background-color: #B0CCA9; }
.div_hover_lightred             { background-color: inherit; }
.div_hover_lightred:hover       { background-color: #ffe6e6; }
.div_hover_lightyellow          { background-color: inherit; }
.div_hover_lightyellow:hover    { background-color: #ffffcc; }
.dropdown-item:hover            { background-color: #e6f2ff !important; }

/* FONTS */
.font_10                        { font-size: 10px; }
.font_12                        { font-size: 12px; }
.font_14                        { font-size: 14px; }
.font_16                        { font-size: 16px; }
.font_18                        { font-size: 18px; }
.font_20                        { font-size: 20px; }
.font_22                        { font-size: 22px; }
.font_24                        { font-size: 24px; }
.font_28                        { font-size: 28px; }
.font_30                        { font-size: 30px; }
.font_white_bold                { color: #FFFFFF; font-weight: bold; }
.font_white                     { color: #FFFFFF; }
.font_bold                      { font-weight: bold; }
.font_normal                    { font-weight: normal; }
.font_black                     { color: #000000; }
.font_dark                      { color: #333333; }
.font_grey                      { color: #CCCCCC; }
.font_blue                      { color: #486CAD; }
.font_green                     { color: #569E5B; }
.font_red                       { color: #D80000; }
.font_orange                    { color: orange; }
.font_lightgrey                 { color: lightgrey; }
.font_underline                 { text-decoration: underline; }


/* icon colours & background colors */
.glyphicon_color_add        { color: #569E5B;               } /* green */
.glyphicon_color_edit       { color: #486CAD;               } /* blue */
.input_group_icon_color     { color: #569E5B;               } /* green */
.material_icon_color        { color: #486CAD;               } /* blue */
.dropdown_menu_bgcolor      { background-color: #FFFFFF;    } /* green */
.dropdown_head              { font-size:14px;font-weight:bold; background-color: #EEEEEE;    }
.action_color_add           { color: #569E5B; } /* green */
.action_color_edit          { color: #569E5B; } /* green */
.action_color_info          { color: #486CAD; } /* blue */
.link_color_main_menues     { color: #569E5B;} 
.bg-white                   { background-color: #FFFFFF;  } /* brukes ved å skjule HOVER ved rowspan */
.bg-deler                   { background-color: lightblue;  } /* blue */
.bg-deler-darker            { background-color: #9BC1CC;    } /* blue */
.bg-arbeid                  { background-color: #DCFFD3;    } /* green */
.bg-arbeid-darker           { background-color: #B0CCA9;    } /* green */
.fa                         { font-size: 20px !important;   } /*size whatever you like*/ 
.fa-small                   { font-size: 16px !important;   } /*size whatever you like*/ 
.fa-smaller                 { font-size: 14px !important;   } /*size whatever you like*/ 
.custom_color_darkblue      { color: #083b66 !important;    } /* movex-farge */
.custom_bg_darkblue         { background-color: #083b66 !important;    } /* movex-farge */
.custom_color_green         { color: #569E5B !important;    }
.custom_color_green2        { color: #3BC600 !important;    }
.custom_color_lightorange   { color: #FFD7A3 !important;    }
.custom_color_superlightorange {color: #FFEDD8 !important;    }
.custom_color_orange        { color: #FEC264 !important;    }
.color_dark                 { color:#AAAAAA !important; }
.color_darker               { color:#0A0A0A !important; }
.color_light                { color:#DDDDDD !important; }
.ascentia_orange            { color: #FF6600 !important;    }
.bg_ascentia_orange         { background-color: #FF6600 !important;    }
.custom_bg_green            { background-color: #569E5B !important;    }
.custom_bg_superlightgreen  { background-color: #C1FBC1 !important;    }
.custom_bg_extralightgreen  { background-color: #D7FEED !important;    }
.custom_bg_blue             { background-color: #76C5FA !important;    }
.custom_bg_blue2            { background-color: #4787AC !important;    }
.custom_bg_lightblue        { background-color: #ADC4FF !important;    }
.custom_bg_lightblue2       { background-color: #BAD2E0 !important;    }
.custom_bg_lightblue3       { background-color: #9CD6FC !important;    }
.custom_bg_mediumlightblue  { background-color: #E0E6F6 !important;    }
.custom_bg_superlightblue   { background-color: #F4FAFF !important;    }
.custom_bg_superlightblue2  { background-color: #E8F0F4 !important;    }
.custom_bg_orange           { background-color: #FEC264 !important;    }
.custom_bg_lightorange      { background-color: #FFD7A3 !important;    }
.custom_bg_superlightorange { background-color: #FFEDD8 !important;    }
.custom_bg_purple           { background-color: #846E93 !important;    }
.custom_bg_lightpurple      { background-color: #B2A4BB !important;    }
.custom_bg_superlightpurple { background-color: #E0DAE4 !important;    }
.custom_bg_green2           { background-color: #9FB993 !important;    }
.custom_bg_lightgreen       { background-color: #93F9A1 !important;    }
.custom_bg_lightgreen2      { background-color: #C9D8C3 !important;    }
.custom_bg_superlightgreen2 { background-color: #DFE7DB !important;    }
.custom_bg_darkgreen        { background-color: #267F00 !important;    }
.custom_bg_red              { background-color: #EEAAAA !important;    }
.custom_bg_lightred         { background-color: #F3C6C6 !important;    }
.custom_bg_superlightred    { background-color: #FCF0F0 !important;    }
.custom_bg_lightyellow      { background-color: #FFFC8C !important;    }
.custom_bg_superlightyellow { background-color: #FFFFE0 !important;    }
.custom_bg_inherit          { background      : inherit;               }
.bg_white                   { background-color: #FFFFFF !important;    }

.text_center { text-align: center; }

/* margins */
.margin_0           { margin: 0px !important; }
.margin_2           { margin: 2px !important; }
.margin_3           { margin: 3px !important; }
.margin_4           { margin: 4px !important; }
.margin_5           { margin: 5px !important; }
.margin_10          { margin: 10px !important; }
.margin_15          { margin: 15px !important; }
.margin_0_top       { margin-top: 0px !important; }
.margin_2_top       { margin-top: 2px !important; }
.margin_3_top       { margin-top: 3px !important; }
.margin_4_top       { margin-top: 4px !important; }
.margin_5_top       { margin-top: 5px !important; }
.margin_10_top      { margin-top: 10px !important; }
.margin_15_top      { margin-top: 15px !important; }
.margin_20_top      { margin-top: 20px !important; }
.margin_0_bottom    { margin-bottom: 0px !important; }
.margin_2_bottom    { margin-bottom: 2px !important; }
.margin_3_bottom    { margin-bottom: 3px !important; }
.margin_4_bottom    { margin-bottom: 4px !important; }
.margin_5_bottom    { margin-bottom: 5px !important; }
.margin_10_bottom   { margin-bottom: 10px !important; }
.margin_15_bottom   { margin-bottom: 15px !important; }
.margin_20_bottom   { margin-bottom: 20px !important; }
.margin_5_left      { margin-left: 5px !important; }
.margin_10_left     { margin-left: 10px !important; }
.margin_15_left     { margin-left: 15px !important; }
.margin_10_right    { margin-right: 10px !important; }
.margin_15_right    { margin-right: 15px !important; }
.margin_20_right    { margin-right: 20px !important; }
.margin_50_right    { margin-right: 50px !important; }
/* paddings */
.padding_0                  { padding: 0px !important; }
.padding_2                  { padding: 2px !important; }
.padding_3                  { padding: 3px !important; }
.padding_4                  { padding: 4px !important; }
.padding_5                  { padding: 5px !important; }
.padding_10                 { padding: 10px !important; }
.padding_15                 { padding: 15px !important; }
.padding_20                 { padding: 20px !important; }
.padding_0_horisontal       { padding-left: 0px; padding-right: 0px !important; }
.padding_2_horisontal       { padding-left: 2px; padding-right: 2px !important; }
.padding_3_horisontal       { padding-left: 3px; padding-right: 2px !important; }
.padding_4_horisontal       { padding-left: 4px; padding-right: 2px !important; }
.padding_5_horisontal       { padding-left: 5px; padding-right: 5px !important; }
.padding_8_horizontal       { padding-left:8px;	padding-right:8px !important; }
.padding_10_horizontal      { padding-left:10px;	padding-right:10px !important; }
.padding_15_horizontal      { padding-left:15px;	padding-right:15px !important; }
.padding_20_horizontal      { padding-left:20px;	padding-right:20px !important; }
.padding_0_top              { padding-top: 0px !important; }
.padding_2_top              { padding-top: 2px !important; }
.padding_3_top              { padding-top: 3px !important; }
.padding_4_top              { padding-top: 4px !important; }
.padding_5_top              { padding-top: 5px !important; }
.padding_10_top             { padding-top: 10px !important; }
.padding_15_top             { padding-top: 15px !important; }
.padding_20_top             { padding-top: 20px !important; }
.padding_0_bottom           { padding-bottom: 0px !important; }
.padding_2_bottom           { padding-bottom: 2px !important; }
.padding_3_bottom           { padding-bottom: 3px !important; }
.padding_4_bottom           { padding-bottom: 4px !important; }
.padding_5_bottom           { padding-bottom: 5px !important; }
.padding_10_bottom          { padding-bottom: 10px !important; }
.padding_15_bottom          { padding-bottom: 15px !important; }
.padding_20_bottom          { padding-bottom: 20px !important; }
.padding_0_left             { padding-left: 0px !important; }
.padding_2_left             { padding-left: 2px !important; }
.padding_3_left             { padding-left: 3px !important; }
.padding_4_left             { padding-left: 4px !important; }
.padding_5_left             { padding-left: 5px !important; }
.padding_10_left            { padding-left: 10px !important; }
.padding_15_left            { padding-left: 15px !important; }
.padding_20_left            { padding-left: 20px !important; }
.padding_0_right            { padding-right: 0px !important; }
.padding_2_right            { padding-right: 2px !important; }
.padding_3_right            { padding-right: 3px !important; }
.padding_4_right            { padding-right: 4px !important; }
.padding_5_right            { padding-right: 5px !important; }
.padding_10_right           { padding-right: 10px !important; }
.padding_15_right           { padding-right: 15px !important; }
.padding_20_right           { padding-right: 20px !important; }

.border_bottom              { border-bottom:1px solid; border-color:#DDDDDD !important; }
.glyphicon-md	            { font-size:1.2em !important; }
.glyphicon-lg	            { font-size:1.5em !important; }
.glyphicon-xl	            { font-size:2em !important; }

.form_width_75	            { width:75px !important; }
.form_width_100	            { width:100px !important; }
.form_width_125	            { width:125px !important; }
.form_width_150	            { width:150px !important; }
.form_no_layout	            { border:0 !important;box-shadow: none !important;background-color:transparent !important; }


.btn-file                   { position: relative; overflow: hidden; }
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.custom_orange_class        { background: #ffeab8; color: #f4af0a; border-color: #f4af0a; }
.custom_green_class         { border-color: #359629; background: #359629; color: #ffffff; }
.alert-custom_orange        { background: #ffeab8; color: #f4af0a; border-color: #f4af0a; }

.borders_bottom div         { border-right:1px solid #999; border-bottom:1px solid #999; }
.borders_bottom_light div   { border-right:1px solid #ddd; border-bottom:1px solid #ddd; }

/*** 
	Material Design Switches for Bootstrap 4 and Material Design Bootstrap (MDB)
	by djibe
	JSFiddle : https://jsfiddle.net/djibe89/9deak9dh/
***/

.material-switch > input[type="checkbox"] {
  display: none;
}

.material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  top: 2px;
  width: 40px;
}

.material-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}

.material-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}


.switch-input {
  display: none;
}
.switch-label {
  position: relative;
  display: inline-block;
  min-width: 112px;
  cursor: pointer;
  font-weight: 500;
  text-align: left;
  margin: 16px;
  padding: 16px 0 16px 44px;
}
.switch-label:before, .switch-label:after {
  content: "";
  position: absolute;
  margin: 0;
  outline: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.switch-label:before {
  left: 1px;
  width: 34px;
  height: 14px;
  background-color: #9E9E9E;
  border-radius: 8px;
}
.switch-label:after {
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #FAFAFA;
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.switch-label .toggle--on {
  display: none;
}
.switch-label .toggle--off {
  display: inline-block;
}
.switch-input:checked + .switch-label:before {
  background-color: #A5D6A7;
}
.switch-input:checked + .switch-label:after {
  background-color: #4CAF50;
  -ms-transform: translate(80%, -50%);
  -webkit-transform: translate(80%, -50%);
  transform: translate(80%, -50%);
}
.switch-input:checked + .switch-label .toggle--on {
  display: inline-block;
}
.switch-input:checked + .switch-label .toggle--off {
  display: none;
}




.clsDatePicker {
    z-index: 100000;
}

/* custom panel effect */
.panel_shadow { box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.19); }


/* customize bootstrap.css */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { color:#666; }

.body_safenor_katalog 		{ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; background-color:#FFFFFF !important; }
.body_lightgrey 		    { color: #666; background-color:#EEEEEE !important; }
.body_lightgrey_roboto 		{ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; background-color:#EEEEEE !important; }

/* endre bredde for når navbar kollapser */
/*@media (max-width: 1000px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0px 0px 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
      max-height: 300px;
      overflow-y: scroll!important;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
    
}*/


/* Step by step form */
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

/* /Step by step form */

.more-less {
    float: right;
    color: #212121;
}        
.bg-suunto1{
background-image: url('/pics/suunto_bg4.jpg');
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.well{
background-color: rgba(255,255,255,0.6);
}
.badge-warning {
background-color: #f0ad4e;
}
.badge-success {
background-color: #5cb85c;
}
.badge-info {
background-color: #5bc0de;
}
.badge-inverse {
background-color: #333333;
}
.display_inline {
  display: inline-block;
}

.panel_button_padding_2 {
   padding: 2px 7px 2px 7px !important;
   margin: 0px 0px 0px 2px !important;
}
.panel_button_padding_5 {
   padding: 5px 15px 5px 15px !important;
   margin: 0px 0px 0px 2 !important;
}

.panel_showOnHover {
	display: none;
}
.panel_showOnHover:hover .showOnHover {
	display: inline-block;
}
.panel_custom_red {
    border-color: #c14f55;
}
.panel_custom_red .panel-heading {
    background: #c14f55; 
    color: #ffffff !important;
    border-color: #c14f55;
}
.panel_custom_orange {
    border-color: #f4af0a;
}
.panel_custom_orange .panel-heading {
    background: #f4af0a; 
    color: #ffffff !important;
    border-color: #f4af0a;
}
.panel_custom_green {
    border-color: #359629;
}
.panel_custom_green_bg {
    background: #359629;
}
.panel_custom_green .panel-heading {
    background: #359629; 
    color: #ffffff !important;
    border-color: #359629;
}
.badge_custom {
    background: #f4af0a; 
    color: #000000;
}
.bg_custom_orange_light {
    background: #f6dda3;
}
.bg_custom_yellow_light {
    background: #f4f2bd;
}
.color_primary {
    color: #428bca;
}

.vertical_center {
  	margin-top: 6px;
}
.vertical_align_middle {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.dropdown_width_50          { width: 50px !important;}
.dropdown_menu_right        {right:0;left:auto}
.dropdown_menu_left         {right:auto;left:150px}
.myPanel {
	border: 1px solid #687D6D;
	border-radius: 5px 5px 0px 0px;
	-web-kit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-o-border-radius: 5px 5px 0px 0px;
	margin: 10px;
	padding: 0px;
}
.myPanel .heading {
	background: #B6F0C4; border-radius: 5px 5px 0px 0px;	-web-kit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; color: #687D6d;	padding: 10px 20px; }
.myPanel .body {
	padding: 10px 20px; }
.myPanel .showOnHover {
	display: none; }
.myPanel:hover .showOnHover {
	display: inline-block; }

.navbar-custom1 {
  background-color: #c7f2bf; border-color: #79c974; }
.navbar-custom1 .navbar-brand {
  color: #47b0ca; }
.navbar-custom1 .navbar-brand:hover,
.navbar-custom1 .navbar-brand:focus {
  color: #ffffff; }
.navbar-custom1 .navbar-text {
  color: #47b0ca; }
.navbar-custom1 .navbar-nav > li > a {
  color: #47b0ca; }
.navbar-custom1 .navbar-nav > li > a:hover,
.navbar-custom1 .navbar-nav > li > a:focus {
  color: #ffffff; }
.navbar-custom1 .navbar-nav > .active > a,
.navbar-custom1 .navbar-nav > .active > a:hover,
.navbar-custom1 .navbar-nav > .active > a:focus {
  color: #ffffff; background-color: #79c974; }
.navbar-custom1 .navbar-nav > .open > a,
.navbar-custom1 .navbar-nav > .open > a:hover,
.navbar-custom1 .navbar-nav > .open > a:focus {
  color: #ffffff; background-color: #79c974; }
.navbar-custom1 .navbar-toggle {
  border-color: #79c974; }
.navbar-custom1 .navbar-toggle:hover,
.navbar-custom1 .navbar-toggle:focus {
  background-color: #79c974; }
.navbar-custom1 .navbar-toggle .icon-bar {
  background-color: #47b0ca; }
.navbar-custom1 .navbar-collapse,
.navbar-custom1 .navbar-form {
  border-color: #47b0ca; }
.navbar-custom1 .navbar-link {
  color: #47b0ca; }
.navbar-custom1 .navbar-link:hover {
  color: #ffffff; }

.navbar-custom2 {
  background-color: #428bca; border-color: #94C3EA; }
.navbar-custom2 .navbar-brand {
  color: #ffffff; }
.navbar-custom2 .navbar-brand:hover,
.navbar-custom2 .navbar-brand:focus {
  color: #ffffff; }
.navbar-custom2 .navbar-text {
  color: #ffffff; }
.navbar-custom2 .navbar-nav > li > a {
  color: #ffffff; }
.navbar-custom2 .navbar-nav > li > a:hover,
.navbar-custom2 .navbar-nav > li > a:focus {
  color: #ffffff; 
  background-color: #2376BB; }
.navbar-custom2 .navbar-nav > li > .dropdown-menu {
  background-color: #428bca; }
.navbar-custom2 .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff; }
.navbar-custom2 .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-custom2 .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff; background-color: #94C3EA; }
.navbar-custom2 .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #94C3EA; }
.navbar-custom2 .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom2 .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom2 .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff; background-color: #94C3EA; }
.navbar-custom2 .navbar-nav > .active > a,
.navbar-custom2 .navbar-nav > .active > a:hover,
.navbar-custom2 .navbar-nav > .active > a:focus {
  color: #ffffff; background-color: #94C3EA; }
.navbar-custom2 .navbar-nav > .open > a,
.navbar-custom2 .navbar-nav > .open > a:hover,
.navbar-custom2 .navbar-nav > .open > a:focus {
  color: #ffffff; background-color: #94C3EA; }
.navbar-custom2 .navbar-toggle {
  border-color: #94C3EA; }
.navbar-custom2 .navbar-toggle:hover,
.navbar-custom2 .navbar-toggle:focus {
  background-color: #94C3EA; }
.navbar-custom2 .navbar-toggle .icon-bar {
  background-color: #ffffff; }
.navbar-custom2 .navbar-collapse,
.navbar-custom2 .navbar-form {
  border-color: #ffffff; }
.navbar-custom2 .navbar-link {
  color: #ffffff; }
.navbar-custom2 .navbar-link:hover {
  color: #ffffff; }

.navbar-custom3 {
  background-color: #428bca; border-color: #428bca; }
.navbar-custom3 .navbar-brand {
  color: #ffffff; }
.navbar-custom3 .navbar-brand:hover,
.navbar-custom3 .navbar-brand:focus {
  color: #000000; }
.navbar-custom3 .navbar-text {
  color: #ffffff; }
.navbar-custom3 .navbar-nav > li > a {
  color: #ffffff; }
.navbar-custom3 .navbar-nav > li > a:hover {
  color: #000000; }
.navbar-custom3 .navbar-nav > li > a:focus {
  color: #000000; }
.navbar-custom3 .navbar-nav > li > .dropdown-menu {
  background-color: #428bca; }
.navbar-custom3 .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff; }
.navbar-custom3 .navbar-nav > li > .dropdown-menu > li > a:hover {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #f4af0a; }
.navbar-custom3 .navbar-nav .open .dropdown-menu > .active > a {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav .open .dropdown-menu > .active > a:hover {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav > .active > a {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav > .active > a:hover {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav > .active > a:focus {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav > .open > a {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav > .open > a:hover {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-nav > .open > a:focus {
  color: #000000; background-color: #f4af0a; }
.navbar-custom3 .navbar-toggle {
  border-color: #f4af0a; }
.navbar-custom3 .navbar-toggle:hover {
  background-color: #f4af0a; }
.navbar-custom3 .navbar-toggle:focus {
  background-color: #f4af0a; }
.navbar-custom3 .navbar-toggle .icon-bar {
  background-color: #ffffff; }
.navbar-custom3 .navbar-collapse {
  border-color: #ffffff; }
.navbar-custom3 .navbar-form {
  border-color: #ffffff; }
.navbar-custom3 .navbar-link {
  color: #ffffff; }
.navbar-custom3 .navbar-link:hover {
  color: #000000; }


.panel-heading.contains-buttons { .clearfix; .panel-title { .pull-left; padding-top:5px; } .btn { .pull-right; } }

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0px 5px; }
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none; }
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px; }
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777; }
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777; background-color: #ddd;	border-color: transparent; }
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555; background-color: #fff;	border-color: #ddd;	border-bottom-color: transparent; }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5; border-color: #ddd; }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777; }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd; }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; background-color: #555; }
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff; }
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff; background-color: #3071a9; border-color: transparent; }
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;	background-color: #fff;	border-color: #428bca; border-bottom-color: transparent; }
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca; border-color: #3071a9; }
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff; }
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9; }
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9; }
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d; }
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;	background-color: #d6e9c6; border-color: transparent; }
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;	background-color: #fff;	border-color: #d6e9c6; border-bottom-color: transparent; }
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8; border-color: #d6e9c6; }
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d; }
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6; }
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d; }
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f; }
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;	background-color: #bce8f1; border-color: transparent; }
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;	background-color: #fff;	border-color: #bce8f1; border-bottom-color: transparent; }
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7; border-color: #bce8f1; }
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f; }
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1; }
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; background-color: #31708f; }
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b; }
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;	background-color: #faebcc; border-color: transparent; }
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;	background-color: #fff;	border-color: #faebcc; border-bottom-color: transparent; }
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3; border-color: #faebcc; }
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; }
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc; }
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; background-color: #8a6d3b; }
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442; }
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;	background-color: #ebccd1; border-color: transparent; }
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;	background-color: #fff;	border-color: #ebccd1; border-bottom-color: transparent; }
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; border-color: #ebccd1; }
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */ }
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; }
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; background-color: #a94442; }
/********************************************************************/
/*** PANEL CUSTOM RED ***/
/*** Made by Terje Krosshavn ***/
/*** Hovedfarge: c14f55 ***/
.with-nav-tabs.tabs-custom-red { background-color: #c14f55; }
.with-nav-tabs.tabs-custom-red .panel-body { background-color: #ffffff; }
.with-nav-tabs.tabs-custom-red .nav-tabs > li > a,
.with-nav-tabs.tabs-custom-red .nav-tabs > li > a:hover,
.with-nav-tabs.tabs-custom-red .nav-tabs > li > a:focus { color: #ffffff;	background-color: #c14f55; }
.with-nav-tabs.tabs-custom-red .nav-tabs > .open > a,
.with-nav-tabs.tabs-custom-red .nav-tabs > .open > a:hover,
.with-nav-tabs.tabs-custom-red .nav-tabs > .open > a:focus,
.with-nav-tabs.tabs-custom-red .nav-tabs > li > a:hover,
.with-nav-tabs.tabs-custom-red .nav-tabs > li > a:focus { color: #ffffff;	background-color: #AE4F55; border-color: transparent; }
.with-nav-tabs.tabs-custom-red .nav-tabs > li.active > a,
.with-nav-tabs.tabs-custom-red .nav-tabs > li.active > a:hover,dropdown
.with-nav-tabs.tabs-custom-red .nav-tabs > li.active > a:focus { color: #a94442;	background-color: #fff;	border-color: #c14f55; border-bottom-color: transparent; }
.with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu { background-color: #f2dede; border-color:  transparent;	/*#ebccd1; /* border color */ }
.with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #a94442; /* normal text color */ }
.with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ebccd1; /* hover bg color */ }
.with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #a94442; /* active text color / bg color */ }
/********************************************************************/
/*** PANEL CUSTOM GREEN ***/
/*** Made by Terje Krosshavn ***/
/*** Hovedfarge: 359629 ***/
.with-nav-tabs.tabs-custom-green { background-color: #359629; }
.with-nav-tabs.tabs-custom-green .panel-body { background-color: #ffffff; }
.with-nav-tabs.tabs-custom-green .nav-tabs > li > a,
.with-nav-tabs.tabs-custom-green .nav-tabs > li > a:hover,
.with-nav-tabs.tabs-custom-green .nav-tabs > li > a:focus { color: #ffffff; background-color: #359629; }
.with-nav-tabs.tabs-custom-green .nav-tabs > .open > a,
.with-nav-tabs.tabs-custom-green .nav-tabs > .open > a:hover,
.with-nav-tabs.tabs-custom-green .nav-tabs > .open > a:focus,
.with-nav-tabs.tabs-custom-green .nav-tabs > li > a:hover,
.with-nav-tabs.tabs-custom-green .nav-tabs > li > a:focus {	color: #ffffff; background-color: #2E7F23; border-color: transparent; }
.with-nav-tabs.tabs-custom-green .nav-tabs > li.active > a,
.with-nav-tabs.tabs-custom-green .nav-tabs > li.active > a:hover,
.with-nav-tabs.tabs-custom-green .nav-tabs > li.active > a:focus { color: #2E7F23; background-color: #fff; border-color: #359629; border-bottom-color: transparent; }
.with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu { background-color: #f2dede; /* bg color */ border-color: transparent;	/*#ebccd1; /* border color */ }
.with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #a94442; /* normal text color */ }
.with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ebccd1; /* hover bg color */ }
.with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; /* active text color */ background-color: #a94442; /* active bg color */ }

/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    border:1px solid;border-radius:5px;
}
/* border:1px solid;border-color:#AAAAAA;background-color:#CCCCCC;border-radius:5px; */

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
}
/* 
    background-color: #5cb85c;
    color: white; */

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The close_modal Button */
.close_modal {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close_modal:hover,
.close_modal:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/*
.modal-backdrop {
z-index: -100;
}*/

.modal-backdrop             { z-index: auto; }
.clsDatePicker {position: relative !important; z-index:999 !important;}
/*.modal-backdrop {display: none;}*/

/*.modal{
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-backdrop{
  position: relative;
}*/