/*
########################## Information ##########################
#  Sidst ændret:         02 Aug 2018
#  Oprettet:             10 Feb 2017                            
#  Side:                 1007 CSS      
#  Beskrivelse:          INC - Notice Dialog
#  Made by:              Daniel Dith              
################################################################# 
*/

#ID1007Dialog-notice {
    display: none; 
    position: absolute; 
    z-index: 9000;  
    left: -webkit-calc(50% - 150px);
    left:    -moz-calc(50% - 150px);
    left:         calc(50% - 150px);
    top: 25px;
    width: 305px; 
    min-height: 85px;
    overflow: auto; 
}

#ID1007Dialog-notice .CL1007Content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid transparent;
    margin: auto;
    padding: 0;
    border-radius: 5px;
    min-height: 80px;
    width: 300px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

#ID1007Dialog-notice .CL1007Content .CL1007Header {
    background-color: #f0f0f0;
    height: 30px; 
}

#ID1007Dialog-notice .CL1007Content .CL1007Header .CL1007Title {
    font-size: 13px;
    font-weight: bold;
    color: #2c2d2d;
    float:left;
    padding: 6px 0px 0px 10px;
}

/* The Close Button */
#ID1007Dialog-notice .CL1007Content .CL1007Header .CL1007Close {
    float: right;
    font-weight: bold;
    padding: 7px 10px 0px 0px;
    margin: 0;
}

#ID1007Dialog-notice .CL1007Content .CL1007Header .CL1007Close:hover,
#ID1007Dialog-notice .CL1007Content .CL1007Header .CL1007Close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#ID1007Dialog-notice .CL1007Content .CL1007Body {
  font-size: 15px;
  color: #000;
  margin: 0px;
  padding: 10px 10px 10px 10px;
  vertical-align: middle;
}

#ID1007Dialog-notice .CL1007Content .CL1007Body .CL1007Icon {
    width: 45px;
    float:left;
}

#ID1007Dialog-notice .CL1007Content .CL1007Body .CL1007Desc {
    width: 235px;
    float:right;
}

#ID1007Dialog-notice .CL1007Content .CL1007Body i {
  vertical-align: middle;
}

#ID1007Dialog-notice .CL1007Content .CL1007Body label {
  width: 90px;
  display: inline-block;
  font-weight: bold;
  padding: 5px 10px 5px 0px;
  text-align: right;
}





#ID1007DialogConfirm {
    display: none; 
    position: fixed; 
    z-index: 9000; 
    padding-top: 50px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto; 
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4); 
}

#ID1007DialogConfirm .CL1007Content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid transparent;
    margin: auto;
    padding: 0;
    border-radius: 5px;
    min-height: 80px;
    width: 300px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

#ID1007DialogConfirm .CL1007Content .CL1007Header {
    background-color: #f0f0f0;
    height: 30px; 
}

#ID1007DialogConfirm .CL1007Content .CL1007Header .CL1007Title {
  font-size: 13px;                      
  font-weight: bold;
  color: #2c2d2d;
  float:left;
  padding: 6px 0px 0px 10px;
}

/* The Close Button */
#ID1007DialogConfirm .CL1007Content .CL1007Header .CL1007Close {
    float: right;
    padding: 7px 10px 0px 0px;
    margin: 0;
    width: 16px;
    height: 16px;
}

#ID1007DialogConfirm .CL1007Content .CL1007Header .CL1007Close:hover,
#ID1007DialogConfirm .CL1007Content .CL1007Header .CL1007Close:focus {
    cursor: pointer;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body {
  font-size: 14px;
  color: #000;
  margin: 0px;
  padding: 10px 10px 10px 10px;
  vertical-align: middle;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body .CL1007Icon {
    width: 45px;
    float:left;
    color: #2ca531;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body .CL1007Desc {
    width: 235px;
    float:right;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body i {
  vertical-align: middle;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body label {
  width: 90px;
  display: inline-block;
  font-weight: bold;
  padding: 5px 10px 5px 0px;
  text-align: right;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body .no-btn {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px;
    min-width: 80px;
    text-align: center;
    background: #2ca531;
    color: #505050;
    border: 1px solid #2ca531;
    border-radius: 5px;
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body .no-btn:hover {
    cursor: pointer;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body .yes-btn {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px;
    min-width: 80px;
    text-align: center;
    background: #e00000;
    color: #ffffff;
    border: 1px solid #e00000;
    border-radius: 5px;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}

#ID1007DialogConfirm .CL1007Content .CL1007Body .yes-btn:hover {
    cursor: pointer;
}

#ID1007LogHead {
    text-align:left;
    font-size: 14px; 
    font-family: Roboto-Mono;
    color: #ffffff;    
    padding: 2px 2px 2px 5px;
    display:inline-block;
    height: 25px;
    width:300px;
    position: absolute;
    cursor: pointer;
    top: 55px;
    right: 5px;
    z-index: 2051;
    border: 1px solid #909090;
    background-color: #303030;
    display: none;
}

#ID1007Log {
    text-align:left;
    font-size: 10px; 
    font-family: Roboto-Mono;
    color: #000000;    
    padding: 2px 2px 2px 5px;
    display:inline-block;
    height: calc(100vh - 225px);
    width:300px;
    position: absolute;
    cursor: pointer;
    top: 80px;
    right: 5px;
    z-index: 2051;
    border: 1px solid #909090;
    overflow-y: scroll;
    background-color: #ffffff;
    display: none;
}



#ID1007Wait {
    display: none; 
    position: fixed; 
    z-index: 9000; 
    padding-top: 50px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto; 
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4); 
}

#ID1007Wait .CL1007Content {
    text-align: center;
    position: relative;
    background-color: #fefefe; 
    margin: auto;
    padding: 0px 0px 20px 0px;
    width: 350px;
    border: 1px solid #313854;
    min-height: 80px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    display: flex;
    flex-flow: column;
    overflow: hidden;
    border-radius: 10px;
}

#ID1007Wait .CL1007Content span {
    font-size: 18px;
    color: #707070;
    background-color: #e0e0e0;
    padding: 10px 0px 10px 0px;
    margin: 0;
}

#ID1007Wait .CL1007Content img {
    text-align: center;
    width:256px;height:256px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}