.wrapper {
  display: flex;
  justify-content: center;
  
}

.main,
.sidebar {
  /*border: 1px solid black;*/
  padding: 15px;
  background-color: #FFF;
}

.main {
    width: 85%;
    max-width:1028px;
    min-width:1000px;
    min-height:75%;

}

.sidebar {
    min-width:250px;
    max-width:250px;
    font: 11px "Lucida Grand", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}

.datalist {
  position: absolute;
  background-color: lightgrey;
  font-family: sans-serif;
}

#mainpage {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    border: 1px solid #82A3BC;
    overflow:hidden;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
    position: relative; /*Used to put footer at bottom */
}

#fixed { 
    width: 100%;
    overflow:hidden;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}


div.sbContainer {
    background-color: #82A3BC;
    padding: 2px;
}


#sbContainer {
    width: 100%;
    border: 1px solid #82A3BC;
    overflow:hidden;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


#sbContainerTitle {
    background: #82A3BC;
    color: #fff;
    padding:0 10px 0 25px;
    font-size: 12px;
    font-weight: bold;
}

#sbContainer p{
    color: #000;
    margin: 0 0 3px;
    padding: 3px;
}

#sbContainer ul{
    border:1px solid #82A3BC;
    border-width:1px 0;
    margin:-1;
    padding:0;
    text-align:left;
    list-style-type: circle
}

#sbContainer li{
    margin:0 0 0 25px;
    padding:0;
    text-align:left;
    list-style-type: circle
}


.module_content {text-align:left;width:509px;_width:507px;border-left:1px solid #d4d4d9;border-right:1px solid #d4d4d9;padding:0;margin:0;}
.module_content_right {width:100%}
.module_content table img {padding-left:0px}
.module_content table {width:100%}
.module_content h2 {font-size:18px;padding-bottom:16px;text-align:left;padding-left:14px;float:left;}
.module_content p {clear:left;padding-left:14px;padding-right:18px;}
.module_content p.indentMore {clear:left;padding-left:34px;padding-right:38px;}
.module_content label {display:inline-block;float:left;clear:left;width:250px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;
}
.module_content input {display:inline-block;float:none;clear:left;vertical-align:middle;}
.module_content input textarea {display:inline-block;float:left;}
.module_content input.radio {float:none;}
.module_content input.submit {display:inline-block;float:left;height:27px;}
.module_content label.radio {
    float:none;
    width:60px;   
    background-color: #fff;
    font-size: 14px;
    padding-top: 7;
    margin:2
}

.dataSM {
    border-top: 3px solid #3F5670;
    border-bottom: 3px solid #3F5670;
    border-left: 3px solid #3F5670;
    border-right: 3px solid #3F5670;
    margin: 0px 10px 0px 10px ;
}

.dataSM table {
    width: 100%;
}

.dataSM th {
    background: #0060aa;
    border-bottom: 1px solid #82A3BC;
    border-left: 1px solid #82A3BC;
    color:#fff;
    font-size: small;
    font-weight: bold;
    text-align: middle;
    vertical-align: top;
    padding-left: 4;
    padding-right: 4;
    padding-top: 4;
    padding-bottom: 4;
    white-space: nowrap;
}

.dataSM th a {
    color: #FFF;
}

.dataSM td {
    border-top: 1px solid #EFEFFF;
    border-left: 1px solid #EFEFFF;
    text-align: center;
    font-size: small;
    padding-left: 4;
    padding-right: 4;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: top;
}

.dataSM td.link {
    padding: 0;
    text-align: left;
    width: 99%;
}

.dataSM td.link a, .data td.link div {
    display: block;
    padding: 4px;
}

.dataSM tr.odd { background: #E7E7E7 }
.dataSM tr.even { background: #F7F7F7 }
.dataSM tr.oddErr { background: #FFE0E0 }
.dataSM tr.evenErr { background: #FFD0D0 }
.dataSM tr.oddCodeHiglight { background: #E0E0FF }
.dataSM tr.evenCodeHiglight { background: #D0D0FF }

.TitleBar {
    width:900px;
    heigth:109px;
    position: relative;
    z-index: 999;
}
.TitleBarMini {
    width:529px;
    heigth:109px;
    position: relative;
    z-index: 999;
}
.TitleBarMiniSmall {
    width:470px;
    heigth:109px;
    position: relative;
    z-index: 999;
}



.location {
  position: absolute;
  top: 12;
  left: 801;
}
.locationMini {
  position: absolute;
  top: 12;
  left: 431;
}
.locationMiniSmall {
  position: absolute;
  top: 12;
  left: 371;
}

.userAvatar {
    width:200px;
    heigth:200px;
    left: 20;
    position: relative;
    z-index: 999;
}
.userCircle {   
  position: absolute;
  left: -12;
  top: -12;
}
.userName {   
  position: absolute;
  top: 20;
  left: 0;
  width: 200px;
  height: 200px;
  color: #046299;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150px;
  font-weight:bolder;
  text-align: center
}

.InputMiniSmall {
  position: absolute;
  top: 37;
  left: 35;
}

.BKL_list {
  position: relative;
  top: -29;
  left: 5;
  border:1px solid black;
}
.BKL_list_descr {
  position: relative;
  top: +5;
  left: +10;
  bottom: +15px;
  width: 770px;
  color: #046299;
  font-size: 75%;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 999;
}

.BKL_list_descr a {
    float: right;
    vertical-align: top;
    z-index: 999;
}

.BKL_list_item_odd  { 
  position: relative;
  top: +11;
  padding-top: +1;
  padding-bottom:+1;
  padding-left:  +10;
  background: #F7F7F7; }

  .BKL_list_item_even { 
  position: relative;
  padding-top:  +1;
  padding-bottom:+1;
  padding-left: +10;
  top: +11;
  background: #E7E7E7; }


.BKL_list_item {
  width: 800px;
  font-family: Arial, Helvetica, sans-serif;
}

.BKL_list_item a {
    float: right;
    font-size: 70%;
    vertical-align: top;
}

.BKL_list_item_descr {
  position: relative;
  top: 0;
  left: +25;
  width: 750px;
  font-size: 75%;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
}

.BKL_list_item_descr_c {
  position: relative;
  top: 0;
  left: +45;
  width: 730px;
  font-size: 75%;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
}

.Map {
  position: relative;
  top: -29;
  left: 5;
  border:1px solid black;
}
.MapMini {
  position: relative;
  top: -29;
  left: 5;
  border:1px solid black;
}
.MapMiniSmall {
  position: relative;
  top: -29;
  left: 5;
  border:1px solid black;
}

.MapMiniSmallNoTitleR{
  position: relative;
  top: 0;
  right: 5;
  border: #C0C0C0 1px solid;
  float: right;
}

.MapMiniSmallNoTitle {
  position: relative;
  top: 0;
  left: 5;
  border: #C0C0C0 1px solid;
  float: left
}
.MapSearch {
  position: absolute;
  top: 5;
  left: 5;
}
.InputTextCode {
    background-color: #fff;
    font-size: 14px;
    margin: 3px;
    padding: 4px 5px;
    text-overflow: ellipsis;
    width: 200px;
    border: #D0D0D0 1px solid;
  }
.InputTextCode:read-only {
  color: #999;
}

.InputTextDescr {
    background-color: #fff;
    font-size: 14px;
    margin: 3px;
    padding: 4px 5px;
    text-overflow: ellipsis;
    width: 450px;
    border: #D0D0D0 1px solid;
  }
.InputTextDescr:read-only {
  color: #999;
}
  
.InputTextDescrdatalist {
    background-color: #fff;
    font-size: 8px;
    margin: 3px;
    padding: 4px 5px;
    text-overflow: ellipsis;
    width: 450px;
    border: #D0D0D0 1px solid;
  }
  
.InputTextAreaDescr {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    font-size: 14px;
    margin: 3px;
    padding: 4px 5px;
    width: 550px;
    height: 60px;
    text-overflow: ellipsis;
    border: #D0D0D0 1px solid;
  }
.InputTextAreaDescr:read-only {
  color: #999;
}
  
  
.InputTextShort {
    background-color: #fff;
    font-size: 14px;
    margin: 3px;
    padding: 4px 5px;
    text-overflow: ellipsis;
    width: 100px;
    border: #e0e0e0 1px solid;
  }
  
.InputCheckbox {
  top: 4px;
  border:1px solid black;
  position: relative;
}

#TitleBar .text {
  position: absolute;
  top: 10;
  left: 35;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
}

#TitleBarMini .text {
  position: absolute;
  top: 10;
  left: 35;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
}
#TitleBarMiniSmall .text {
  position: absolute;
  top: 10;
  left: 35;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
}

#Map .text {
  position: absolute;
  top: 0;
  left: 0;
}
#MapMini .text {
  position: absolute;
  top: 0;
  left: 0;
}
#MapMiniSmall .text {
  position: absolute;
  top: 0;
  left: 0;
}

#BKL_list {
  width: 835px;
  }

#map {
  height: 500px;
  width: 835px;
  }
  
#mapMini {
  height: 300px;
  width: 465px;
  }

#mapMiniSmall {
  height: 300px;
  width: 405px;
  }
#mapMiniSmall1 {
  height: 300px;
  width: 405px;
  }

  
#input-label {
    background-color: #fff;
    font-size: 14px;
    margin: 3px;
    padding: 5px 0px 5px 0px;
    text-overflow: ellipsis;
    width: 250px;
    vertical-align: middle;
    text-align:right;
  }

#input-labelChk {
    background-color: #fff;
    font-size: 14px;
    margin: 3px;
    padding: 0px 0px 0px 0px;
    text-overflow: ellipsis;
    width: 250px;
    height: 14px;
    vertical-align: middle;
    text-align:right;
  }

  #input:focus {
    outline: none;
  }

  #input:read-only {
    text-align:right;
    color: #aaa;
  }

  #label {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    padding: 6px 12px;
  }
  
  #location-error {
    display: inline-block;
    padding: 6px;
    background: #e4a7a7;
    border: #d49c9c 1px solid;
    font-size: 1.3em;
    color: #333;
    display:none;
    margin: 12px;
  }
  
div.error {
    background-color: #C00;
    padding: 2px;
}


#errors {
    border: 2px solid #C00;
    overflow:hidden;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#notifications {
    border: 2px solid #390;
    overflow:hidden;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}


#errorsTitle {
    background: #C00 url(../images/ico-error.gif) left no-repeat;
    color: #fff;
    padding:3px 15px 3px 25px;
}

#notificationsTitle {
    background: #390 url(../images/ico-error.gif) left no-repeat;
    color: #fff;
    padding:3px 15px 3px 25px;
}

#errors p, #notifications p{
    color: #000;
    margin: 0 0 3px;
    padding: 3px;
}

#errors ul, #notifications ul{
    border:1px solid #ccc;
    border-width:1px 0;
    margin:0;
    padding:0;
    text-align:left;
    list-style-type: circle
}

#errors li, #notifications li{
    margin:0 0 0 25px;
    text-align:left;
    list-style-type: circle
}

.card {
    width:200px;
    heigth:200px;
    left: 20;
    position: relative;
    z-index: 999;
}
.cardBucket {   
  position: absolute;
  left: 340;
  top: 10;
}

.cardSM {
    width:200px;
    heigth:200px;
    left: 20;
    position: relative;
    z-index: 999;
}
.cardBucketSM {   
  position: absolute;
  left: 169;
  top: 5;
}
.cardCheckSM {   
  position: absolute;
  left: 180;
  top: 25;
}
.cardCheckCSM {   
  position: absolute;
  left: 155;
  top: 0;
}

.cardMED {
    width:200px;
    heigth:200px;
    left: 20;
    position: relative;
    z-index: 999;
}
.cardBucketMED {   
  position: absolute;
  left: 254;
  top: 7;
}

.cardTextTitle {   
  position: absolute;
  height: 75px;
  top: 21;
  left: 10;
  width: 330px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}      
   
.cardTextTitleSm {   
  position: absolute;
  height: 50px;
  top: 5;
  left: 5;
  width: 160px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}      

.cardTextTitleMed {   
  position: absolute;
  height: 63px;
  top: 15;
  left: 7;
  width: 245px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}      

.cardTextSubtitle {   
  position: absolute;
  top: 103;
  left: 10;
  width: 330px;
  height: 75px;
  color: #88CCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
}
.cardTextSubtitleSm {   
  position: absolute;
  top: 59;
  left: 5;
  width: 160;
  height: 42px;
  color: #88CCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
}

.cardTextSubtitleMed {   
  position: absolute;
  top: 85;
  left: 7;
  width: 245px;
  height: 63px;
  color: #88CCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
}

.cardTextTitleSub {   
  position: absolute;
  top: 21;
  left: 10;
  width: 330px;
  height: 155px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}      
.cardTextTitleSubSm {   
  position: absolute;
  top: 10;
  left: 5;
  width: 160;
  height: 80px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}      
.cardTextTitleSubMed {   
  position: absolute;
  top: 15;
  left: 7;
  width: 245px;
  height: 125px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}      

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}