/* new msg box */

#new-msg-area  
{
    background-image: url('../images/5x5_60p_black.png'); 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    z-index: 99999;
    text-align: center;
}

#new-msg-content  
{
    background-color: #2e99d4; 
    vertical-align: middle;
    width: 100%;
    left: 0px;
}
#new-msg-area label { font-size: 1.25em; }
#new-msg-area input,
#new-msg-area textarea,
#new-msg-area select
{
    outline: none; padding: 10px; font-size: 1.15em; line-height: 1.15em; display: block; border: none; resize: none; width: 300px; 
}

#new-msg-area select::-ms-expand { display: none; }

#new-msg-area select,
#new-msg-area select option { width: 320px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: white; }
#new-msg-area select.ferie_only { width: 70px; display: inline-block; }
#new-msg-area textarea { height: 100px; overflow: auto; font-family: arial; }
    
#new-msg-content > span { max-width: 880px; width: auto; min-width: 400px; width: auto; text-align: left; margin: 0 auto; padding: 15px 0; overflow: hidden; }
#new-msg-content .headline { font-family: MetroUILight; font-size: 2.30em; display: block; }

#new-msg-content .nav { /*max-width: 880px;*/ width: auto; min-width: 400px; margin: 15px auto 0; text-align: center; background-color: #00BBE7; }
#new-msg-content .nav a { padding: 10px 0; text-decoration: none; color: #fff; margin: 0px -5px 0px 0px; border-style:solid; border-color: White; border-width: 0px 0px 0px 0px; /* background-color: #00c4f2; */ }
#new-msg-content .nav a:hover,
#new-msg-content .nav a.active { background-color: #00a7ce; /* color: #444;*/ border-style:solid; border-color: White; border-width: 0px 0px 0px 0px; }

#new-msg-content .nav a > span { padding: 0 20px 0; }

/* This parent can be any width and height */
.msg-block { }
 
/* The ghost, nudged to maintain perfect centering */
.msg-block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -10px; /* Adjusts for spacing */
}
.msg-block:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -10px; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */ 
.msg-block-centered {
  display: inline-block;
  vertical-align: middle;
}

.win8-btn { color:#fff !important; padding: 5px 15px 5px 35px; border: 1px solid #fff; margin-left: 15px; font-weight: 700; cursor: pointer; background-size: 18px 18px; background-repeat: no-repeat; background-position:6px 6px; }
.win8-btn:hover,
.win8-btn:active { background-color: #00a7ce; } 

.win8-btn,
.animate {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.save-info,
.save-info-all { background-image: url('../images/ikoner/submit_white.png'); background-color: #008A00; }
.cancel { background-image: url('../images/ikoner/cancel_white.png'); background-color: #E51400;}

.msg-area-elm { margin-bottom: 10px; }

span.frimelding { margin: 0 0 3px;}
span.frimelding input { display: none !important; }

span.frimelding label { padding: 10px; border: 1px solid transparent; background-image: url('../images/ikoner/submit_white_25p.png'); background-repeat: no-repeat; background-size: 25px 25px; background-position: 10px center; padding-left: 45px; }
span.frimelding label:hover,
span.frimelding label.active { border:1px solid #fff; background-color: #00a7ce; background-image: url('../images/ikoner/submit_white.png'); }
@media only screen and (max-device-width: 768px) {
    span.frimelding label {
        padding: 0px;
        border: 1px solid transparent;
        background-image: url('../images/ikoner/submit_white_25p.png');
        background-repeat: no-repeat;
        background-size: 25px 25px;
        background-position: 0px center;
        padding-left: 30px;
    }
}
span.instferie { margin-bottom: 10px; }
.new_msg_inst_ferie_date { padding-top: 10px; font-size: 1.25em; }
.new_msg_inst_ferie_weekday { text-transform:capitalize; }
.table_for_instferie_item { width: 100%; border-bottom: 1px solid white; padding-bottom: 10px; }
.table_for_instferie_item td { width: 50%; }
.table_for_instferie_item td.left { text-align: left; }
.table_for_instferie_item td.right { text-align: right; }
.instferie-controls > img { width: 50px; margin-left: 10px; cursor: pointer; }

.instferie-controls > img { opacity: 0.15; }
.instferie-controls > img.vac-v { opacity: 0.40; }
.instferie-controls > img.vac-x { opacity: 0.15; }


.instferie-controls > img.active { opacity: 1.0 !important; }

.headline_for_ferie { font-size: 1.50em; padding: 10px; margin-bottom: 5px; background-color: #00a7ce;}

.instferie-controls > img:hover { opacity: 1.0 !important; }
/*.instferie-controls.* > img:hover { opacity: 1.0 !important; }*/

.newMsgBlue.food {
    padding: 0px !important;
    border-right: 0px !important;
}
.newMsgBlue.food > div {
    overflow: hidden;
}

.newMsgBlue.car {
    padding: 5px 5px 5px 10px !important;
    border-right: 0px !important;
}

.newMsgBlue.generic {
    padding: 5px 5px 5px 10px !important;
    border-right: 0px !important;
}

.newMsgBlue.generic > div {
    padding: 5px 5px 7px;
}

.newMsgBlue.car > div {
    overflow: hidden;
    background-image: url('../images/ikoner/car.png');
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 30px;
    padding: 0px 0px 0px 40px;
}
.newMsgBlue.food .img_container {
    display: inline-block;
    position: absolute; 
    background-image: url('http://www.burgerbusiness.com/wp-content/uploads/ShulaBurger_Burger.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;
    width: 25%;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.newMsgBlue.food .img_container_modified {
    display: block;
    background-image: url('http://www.burgerbusiness.com/wp-content/uploads/ShulaBurger_Burger.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

.newMsgBlue.food .desc {
    display: inline-block;
    width: 75%;
    float: right;
}
.win8-btn{
    border-radius:30px;
    width:50px;
}

.newMsgBlue.food .actions { text-align: center; }
.newMsgBlue.food .actions .yes { display: inline-block; width: 50%; cursor: pointer; float: left; }
.newMsgBlue.food .actions .no  { display: inline-block; width: 50%; cursor: pointer; float: right; }
.newMsgBlue.food .actions .yes:hover,
.newMsgBlue.food .actions .no:hover { }
.newMsgBlue.food .actions .yes img,
.newMsgBlue.food .actions .no img { width: 30px; padding: 5px 0px 0px 0px; }
.newMsgBlue.food .actions .yes.active {}
.newMsgBlue.food .actions .no.active {}
.newMsgBlue.food .actions .yes.inactive {}
.newMsgBlue.food .actions .no.inactive {}