.custbgccc                      { background-color: #ccc; }
.custrounded                    { border: 0.2rem solid #555; border-radius: 0.5rem; -webkit-border-radius: 0.5rem; }

/* Override o3.css */
div#o3sys_tools                 { margin-top: -0.2rem; }

div.o3custSession               { position: absolute; background: #aaa; width: 0; height: 0; left: .2rem; top: .2rem; z-index: 1; }
div.o3cust_logintint            { background: #333; opacity: 1; position: absolute; width: 99%; height: 99%; left: .2rem; top: .2rem; z-index: 100; }
div.o3cust_login                { position: absolute; width: 100rem; height: 65rem; margin: 5rem; z-index: 101; }
div.o3cust                      { position: relative; min-width: 98rem; }
/*div#proc                        { position: absolute; top: 0.5rem; left: 1.5rem; right: 14rem; width: 10rem; height: 4.5rem; z-index: 10000; }*/
div#proc                        { position: absolute; top: 0.5rem; left: 1.5rem; right: 14rem; z-index: 10000; }
div.custfilterdiv               { position: absolute; left: 23rem; top: 3rem; z-index: 51; border: 0.2rem solid #aaa; background: #fff; }

/* div#custmenu_userinfo           { position: absolute; right: 1.3rem; top: 0.1rem; width: 22rem; height: 4.1rem; _border: 0.4rem ridge #000; _background: #eee; }
div#custmenu_userinfo span.fh   { position: relative; display: block; border-bottom: 0.1rem dashed #555; float: left; margin-left: 1rem; margin-top: 0.5rem; }
div#custmenu_newwin             { position: relative; float: left; top: 0.4rem; margin-left: 1rem; width: 12rem; height: 1.8rem; }
div#custmenu_newwin span.fh     { position: relative; top: -0.5rem; cursor: pointer; }
div#custmenu_newwin img         { position: relative; margin-left: 0.5rem; cursor: pointer; }
div#custmenu_logout             { position: relative; float: left; top: 0.4rem; width: 9rem; height: 1.8rem; }
div#custmenu_logout span.fh     { position: relative; top: -0.5rem; cursor: pointer; }
div#custmenu_logout img         { position: relative; cursor: pointer; margin-left: 0.5rem; } */
div#custmenulogo img            { width: 16.5rem; height: 4.7rem; margin-left: .4rem; margin-top: .4rem; }
div#custmenu                    { z-index: 28; }

div#o3custusercuscount              { position: absolute; top: 3.5rem; right: 0.5rem; }
div#o3custusercuscount span.fhul    { color: #ccc; }

div#o3custcusactive             { position: absolute; background: #ccc; left: 5rem; top: 10rem; _width: 71rem; _height: 30rem; z-index: 100; }

div#o3custuserinfo              { display: none; position: absolute; background: #ccc; left: 45rem; top: 10rem; width: 30rem; height: 30rem; border: 0.3rem solid #555; z-index: 100; }
div#o3custuserinfo div#o3custuserinfo_adminbutton { position: absolute; bottom: 1rem; left: 2rem; }
div#div_o3custUserPWChange      { margin-top: -12rem; }
div#custUseradminViewdiv div#p_fakepass span.MFsuffix { right: -12rem; }

div#custmenu_doc                { position: absolute; top: 5rem; left: -14rem; }
div#custmenu_doc a img          { position: relative; float: left; width: 2.2rem; height: 2.2rem; margin-right: 0.3rem; }
div#custmenu_doc span.fhwhite   { position: relative; float: left; margin-top: .6rem; }

div#o3cust div#smpViewAnaResult em.anaResGraf
                                { position: static; float: left; display: block; margin: 0.4rem 0 0 1.5rem; width: 1.6rem; height: 1.6rem; cursor: pointer;
                                    background: url(/bilder/chart_line.png) no-repeat; }

div#custSmpViewControl input.smpView{ width: 12rem; cursor: pointer; background: #f90; color: #fff; font-weight: bold; border-right: 0.1rem solid black; border-bottom: 0.1rem solid #555; margin: 0; padding: 0; }
table#custSmpAnaHist            { position: absolute; top: 0.1rem; left: 7rem; padding: 0; margin: 0; }
table#custSmpAnaHist th             { width: 10rem; border-bottom: 0.1rem solid black; }
table#custSmpAnaHist td             { width: 10rem; text-align: center; }
table#custSmpAnaHist td.res         { text-align: right; }
div#custSmpStatFilterDiv        { top: 0.2rem; left: 50rem; width: 35rem; height: 53rem; }
div#custSmpStatWrap             { position: relative; width: 93rem; height: 47rem; top: 4rem; }
div#div_custSmpObjChooseWrap    { position: absolute; overflow: hidden; width: 50rem; height: 40rem; left: 10rem; top: 5rem; }
div#div_custSmpStatObjChooseWrap{ position: absolute; overflow: hidden; width: 50rem; height: 40rem; left: -50rem; top: 5rem; }
div#custSmpStatMinerANA         { position: absolute; left: 1rem; top: 26rem; width: 32rem; height: 24rem; }
div#custSmpStatMinerANAChoose   { position: absolute; left: 1rem; top: 2rem; z-index: 51; }
/*div#custSmpStatExport           { position: absolute; top: 0.5rem; right: 5rem; height: 4rem; }
div#custSmpStatExport input.fbutton  { position: absolute; top: 0rem; right: 4rem; }
div#custSmpStatExport div a img      { position: relative; float: left; }*/
div#custSmpStat_viewheader      { height: 5rem; }
div#custSmpViewRekSave          { position: absolute; bottom: 1.5rem; left: 30rem; }
div#custSmpViewRekSave input.fbutton { width: 10rem; }
textarea.custSmpViewRekComment  { width: 14.8rem; height: 4.8rem; }
div#custSmpViewRepCep           { position: absolute; left: 1rem; top: 20rem; width: 18rem; height: 7rem; }
/*div#custSmpViewRep              { position: absolute; left: 28rem; top: 12rem; width: 18rem; height: 7rem; }
div#custSmpViewRep_inner        { position: absolute; top: 3rem; left: 2rem; }
div#custSmpViewRep_inner img.pdf    { float: left; width: 1.6rem; height: 1.6rem; }*/
div#custSmpListDiv              { position: relative; }
div#custSmpViewDiv              { position: relative; }
div#custSmpListFilterDiv        { width: 33rem; height: 16rem; }

input.custSmpFile               { width: 13rem; }
textarea.custSmpTextarea        { width: 14.8rem; height: 4.8rem; }

div#custObjListDiv              { position: relative; }
div#custObjViewDiv              { position: relative; }
div#custObjListFilterDiv        { width: 33rem; height: 43rem; }
div#custObjViewPrintDiv         { position: absolute; left: 20rem; top: 2rem; width: 40rem; height: 47rem; z-index: 49; }
input#custObjDiaryNew_btn       { position: absolute; width: 6rem; top: 20rem; left: 38rem; }
//div#custObjStatFilterDiv        { width: 33rem; height: 43rem; }
div#custObjStatRekSMP           { position: relative; top: 0rem; height: 18rem; width: 70rem; }
div#custObjViewPrintResults     { position: absolute; top: 4rem; right: 1rem; width: 10rem; height: 10rem; border: 0.2rem dotted black; }
div#custObjViewOrderLoad        { height: 28rem; overflow: auto; }
div#custObjStatExport           { position: absolute; top: 0.5rem; right: 5rem; height: 4rem; }
div#custObjStatExport input.fbutton  { position: absolute; top: 0rem; right: 4rem; }
div#custObjStatExport div a img      { position: relative; float: left; }

/* o3custProject */
div#custProjectViewExtraDiv td.hdcs_smpn    { width: 6rem; }
div#custProjectViewExtraDiv td.hdcs_smpp    { width: 10rem; }
div#custProjectViewExtraDiv td.hdcs_stat    { width: 10rem; }
div#custProjectViewExtraDiv td.hdcs_projd, div#custProjectViewExtraDiv td.hdcs_smppds, div#custProjectViewExtraDiv td.hdcs_smppd
                                            { width: 8rem; }
div#custProjectViewExtraDiv td.hdcs_of1, div#custProjectViewExtraDiv td.hdcs_of2, div#custProjectViewExtraDiv td.hdcs_of3, div#custProjectViewExtraDiv td.hdcs_of4
                                            { width: 8rem; }
div#custProjectViewExtraDiv td.hdcs_smpank  { width: 8rem; }
div#custProjectViewExtraDiv td.hdcs_cusna, div#custProjectViewExtraDiv td.hdcs_cusnr
                                            { width: 10rem; }
div#custProjectViewExtraDiv td.hdcs_objt, div#custProjectViewExtraDiv td.hdcs_obja
                                            { width: 10rem; }



/* mainFeedback - regler identiska med o3.css 2012-04-18 /John
   ---------------------------------------------------------------------------------  */
div.o3feedback_outer                    { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 101; }
div.o3feedback_inner                    { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 102; }
span.o3feedbackmain                     { display: block; font-size: 1.3rem; color: #eee; position: absolute; width: 100%; height: 70%; text-align: center; top: 30%; font-weight: bold; }
span.o3feedbackmain strong                  { border: 0.3rem solid #eee; padding: 1rem; }
span.o3feedbacksub                      { display: block; font-size: 1.1rem; color: #eee; position: absolute; width: 100%; height: 50%; text-align: center; top: 50%; }
div.o3feedbackclose                     { display: block; position: absolute; top: 60%; left: 45%; }
div.o3feedbackclose input.fbutton           { width: 6rem; }


div#o3custcusactive div#MF_include,
div#o3custcusactive div#MF_exclude,
#custusercuschangediv #MF_include,
#custusercuschangediv #MF_exclude            { width: 30rem; }

div#custusercuschangediv span.MFincexcTXTinc { margin-left: 0 !important; }
div#custusercuschangediv span.MFincexcTXTexc { margin-left: 24rem !important; }

div#o3custcusactive span.MFincexcTXTinc      { margin-left: 13rem !important; }
div#o3custcusactive span.MFincexcTXTexc      { margin-left: 30rem !important; }

/* kundspecifik css
   ---------------------------------------------------------------------------------  */
div#custSmpReg_resultatdiv input.V_resUpp   { width: 12rem; }


/* o3imagemap css
   ---------------------------------------------------------------------------------  */
.o3ImgMapParent {
  border:none;
    display: table;
    margin: 10px;
    position: relative;
}
.o3ImgMapList {
  overflow-x:scroll;
  overflow-y:hidden;
  width:98rem;
  max-width:98rem;
  border-bottom:1px solid #999;
  /*background:#fff;*/
}
.pointListTitle {
  font-weight:300;
  text-transform: uppercase;
  padding-top:.2rem;
  font-size:.9rem;
  width:60px;
}
.pointList {
  padding:10px 5px;
}
.pointListTr td:first-child {
  padding-left:10px;
}


/* Multi-smpnew. Skapat av AlbinL, flyttat från o3.css av Jocke.
   ---------------------------------------------------------------------------------  */
.custSmpNewMultiButtonLarge{
  padding:20px;
  width:100%;
  display:table;
  margin:0px auto 0px auto;
  text-align:center;
  font-size:1em;
  letter-spacing:1.5px;
  text-transform:uppercase;
  box-sizing:border-box;
  background-color:rgba(0,0,0,.05);
  opacity:0.4;
  cursor:not-allowed;
  border-radius:3px;
}

.custBtnActive{
  opacity:1;
  cursor:pointer;
}

.custBtnActive:hover{
  background-color:rgba(0,0,0,.15);
}

.custIcon {
  position:relative;
  display:inline-block;
  width:22.5px;
  height:5px;
  margin-right:7.5px;
}

.custSmpNewMultiButtonLarge .custSmpNewMultiButtonIcon {
  width:22.5px;
  height:22.5px;
  background-size:contain;
  display:inline-block;
  position:absolute;
  top:-11px;
  left:0px;
}

.custSmpNewMultiButtonLabel{
  color:rgba(0,0,0,.7);
  display:inline;
}

.custBtnActive .custSmpNewMultiButtonLabel {
  color:#e87509 !important;
}

.dialogacontainer {
  margin:0px !important;
  padding:0px !important;
}

.resSpan {
  text-align:right;
  font-weight:bold;
  display:inline-block;
}

/* -------------------------------------------------------------- */

.menuFilterBtn {
  float:left;
  width:15px;
  height:15px;
  margin-top:-1px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url(/bilder/ez-switch.png);
  margin-right:1.8em;
  opacity:0.4;
  cursor:pointer;
}

.menuFilterBtn:hover {
  opacity:1;
}

#custFilters {
  display:none;
  padding:1.8rem;
  background-color:rgba(255,255,255, 0.1);
}

.custMenuTitle {
  font-size:1.1em;
  letter-spacing: .05rem;
  font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI";
  text-transform: uppercase;
  color:#fff;
}

.custMenuLink {
  margin-top:5px;
  margin-left:10px;
  cursor:pointer;
  position:relative;
  display:block;
  transition:background-color 0.15s;
  padding:2px 0px 3.5px 6px;
  line-height:15px;
  border-radius:3px;
}

.custMenuLink:hover {
  background-color:rgba(255,255,255, 0.07);
}

.custMenuFilterWrap {
  display:block;
  margin-bottom:25px;
}

.custMenuFilterWrap:last-child {
  margin-bottom:0px;
}

.custMenuLink:hover {
  text-decoration:underline;
  color:#fff;
}

.custMenuItem {
  padding:16px 0px;
  color:#d2d3d5;
  cursor:pointer;
}

.custMenuLink .linkOptions {
  position:absolute;
  padding-top:4px;
  top:0px;
  right:6px;
  height:15px;
  width:auto;
}

.custMenuLink .linkOptions .smallButton {
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  width:10px;
  height:10px;
  margin:0px 0.5px;
  display:inline-block;
  opacity:0;
  transition:opacity 0.1s;
}

.custMenuLink:hover .linkOptions .smallButton {
  opacity:0.5;
}

.custMenuLink .linkOptions .smallButton:hover {
  opacity:1;
}

.custMenuLink .linkOptions:after {
  content: "";
  display: table;
  clear: both;
}

#div_custSmpNewMulti_AnaLoad {
    position:absolute;
    z-index:1001;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 11px 29px -7px rgba(0,0,0,0.43);
    box-shadow: 0px 11px 29px -7px rgba(0,0,0,0.43);
    width:900px;
}

.custTableHeaderFix {
  background-color:#333;
  padding:5px 0px;
  font-weight:bold;
}

#div_custSmpNewMulti_AnaLoad .textoverflow {
  max-width:380px;
  display:inline-block !important;
}

#div_custSmpNewMulti_AnaLoad #o3listdiv {
  max-height:600px;
  overflow:auto;
  margin-top:15px;
  background-color:#f0f0f0;
  border-radius:5px;
}

#div_custSmpNewMulti_AnaLoad td {
  height:2.5rem !important;
}

#div_custSmpNewMulti_AnaLoad #div_anaResults {
  height:auto !important;
}

#div_custSmpNewMulti_AnaLoad .top-center-menu-icon {
  height:auto !important;
  margin-top:6.5px;
}

#div_custSmpNewMulti_AnaLoad .top-center-main-button {
  height:auto !important;
  margin-top:9px !important;
  border:0px !important;
}

#div_custSmpNewMulti_AnaLoad .top-center-main-button:hover {
  border:0px !important;
  background-color:#acffd4;
}

/* custDynTable -------------------------------------------------------------- */

.custDynTable {
  max-width:100%;
  position:relative;
  box-sizing:border-box;
  background-color:#ECEFF1;
  white-space:nowrap;
  font-size:0px;
  min-height:80vh;
}

.custDynTable .errorWrap {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100%;
  position: absolute;
  background-color: #fff;
}

.custDynTable .errorWrap .msgSpan {
  text-align: center;
  height: 10px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -5px;
  color: #000;
  font-size: 1.1rem;
  font-weight: bold;
}

.tableLoadButton {
  padding-top:10px;
  text-align:center;
  box-sizing:border-box;
  float:left;
}

.tableLoadButton .loadButton {
  padding:5px;
  font-weight:bold;
  border-radius:10px;
  display:inline-block;
  cursor:pointer;
  display:none;
}

.tableLoadButton .loadButton:hover {
  background-color:#ccc;
}

.tableTotals {
  padding:15px 15px;
  font-size:1rem;
  font-weight:bold;
  color:rgba(11, 10, 10, 0.7);
  display:block;
  overflow: hidden;

}
.custDynTable:after {
  content: "";
  display: table;
  clear: both;
}

.custDynTable .overflowIndicator {
  position:absolute;
  top:35vh;
  right:15px;
  width:20px;
  transition:opacity 0.2s ease;
  opacity:1;
  display:none;
}

.custDynTable .overflowIndicator .overflowIcon {
  width:20px;
  height:20px;
  background-image:url(/bilder/down.png);
  background-size:cover;
  background-repeat:no-repeat;
  transform:rotate(-90deg);
  position:sticky;
  bottom:0px;
  right:0px;
}

.custDynTable .headerRow {
  width:100%;
  position:sticky;
  top:0px;
  left:0px;
  font-size:1rem;
  z-index:200;
}

.custDynTable .headerRow:after {
  content: "";
  display: table;
  clear: both;
}

.custDynTable .headerRow .staticWrap {
  display:inline-block;
  overflow:hidden;
}

.custDynTable .headerRow .dataWrap {
  display:inline-block;
  overflow:hidden;
}

.custDynTable .headerRow .tableHeaders {
  display:block;
  width:100%;
}

.custDynTable .headerRow .switchHeader {
  padding:10px 15px 10px 35px;
  background-image:url(/bilder/ez-switch.png);
  background-size:11px 11px;
  background-repeat:no-repeat;
  background-position:15px center;
  cursor:pointer;
  box-sizing: border-box;
}

.custDynTable .headerRow .switchHeader:hover {
  background-color:rgba(255,255,255,0.15);
}

.custDynTable .staticColumns {
  width:auto;
  display: inline-block;
  height:100%;
  font-size:1rem;
  background-color:#f7f7f7;
  overflow:auto;
  position:relative;
}

.custDynTable .staticColumns .tableCell {
  font-weight:bold;
}

.custDynTable .unitCell {
  padding:5px 15px !important;
  font-size:0.9rem;
  background-color:rgb(29, 31, 38);
  min-height:30px !important;
}

.custDynTable .tableBody {
  width:auto;
  display: inline-block;
  height:100%;
  overflow: auto;
  font-size:1rem;
  background-color:#fff;
}

.custDynTable .loadOverlay {
  width:100%;
  height:100%;
  position:absolute;
  background-color:rgba(0,0,0,0.35);
  top:0px;
  left:0px;
  display:none;
  z-index:1000;
}

.custDynTable .initial {
  background-color:rgba(0,0,0,0.3);
}

.custDynTable .tableCell {
  display:inline-block;
  vertical-align: top;
  padding:10px 15px;
  box-sizing:border-box;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
}

.custDynTable .hovered  {
  background-color:rgba(0,0,0,0.08);
}

.custDynTable .hoveredDark  {
  background-color:rgba(0,0,0,1);
}

.hoverTransition {
  transition:background-color 0.1s cubic-bezier(0,.79,.38,.99);
}

.custDynTable .tableHeaders {
  white-space:nowrap;
  background-color:#292a2d;
  left:0px;
  top:0px;
}

.custDynTable .tableHeaders:after {
  content: "";
  display: table;
  clear: both;
}

.custDynTable .tableData {
  white-space:nowrap;
  position:relative;
}

.custDynTable .tableData .tableRow:after {
  content: "";
  display: table;
  clear: both;
}

.custDynTable .tableHeaders .tableCell  {
  color:#fff;
  white-space:nowrap;
}

.custDynTable .isScrolling {
  opacity:0.5;
}

.custDynTable .statsBlock {
  background-color:#292a2d;
  position:-webkit-sticky;
  position:sticky;
  right:0px;
  bottom:0px;
  width:100%;
  float:right;
  transition:opacity 0.2s;
  white-space:nowrap;
  height: 250px;
}

.custDynTable .statsBlockHidden {
  height:0px;

}

.custDynTable .statsBlock:after {
  content: "";
  display: table;
  clear: both;
}

.custDynTable .statsBlockHidden .tableTotals {
  display:none;
}

.custDynTable .statsBlockHidden .tableVisToggle {
  top:-45px !important;
  left:20px !important;
  background-color:#292a2d;
  padding:5px;
  border-radius:100%;
  transform:rotate(90deg) !important;
  background-size:60% !important;
}

.custDynTable .statsBlock .tableVisToggle {
  position:absolute;
  top:0px;
  left:15px;
  width:20px;
  height:20px;
  background-image:url(/bilder/left_light.png);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:rotate(-90deg);
  cursor:pointer;
  display:block;
  z-index:1;
}

.custDynTable .statsBlock .tableCheckBox {
  width:100%;
  position:absolute;
  left:15px;
  bottom:15px;
  display:block;
  z-index:1;
}

.custDynTable .statsBlock .tableCheckBox .checkbox{
  width:15px !important;
  height:15px !important;
}

.custDynTable .statsBlock .tableCheckBox .label{
  font-size:1.2rem;
  color:#fff;
  display:inline-block;
}

.custDynTable .statsBlockHidden .tableCheckBox {
  display:none;
}

.custDynTable .statsBlock .tableVisToggle:hover {
  opacity:0.75;
}

.custDynTable .statsBlock .staticColumns {
  background-color:#292a2d;
  color:#fff;
  float:right;
}

.custDynTable .statsBlock .staticColumns .tableCell {
  float:right;
}

.custDynTable .statsBlock .tableBody {
  background-color:rgb(29, 31, 38);
  color:#fff;
  overflow:hidden;
  float:right;
}

.nopadding {
  padding:0px !important;
}

.nooverflow {
  overflow:visible !important;
}

.custDynTableScroll {
  width:100%;
  height:0px;
  background-color:#333;
}

.lds-ellipsis {
  left:50%;
  margin-left:-40px;
  position: absolute;
  bottom:50vh;
  width: 80px;
  height: 80px;
}

.centered {
  bottom:50%;
  margin-bottom:-40px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.custExpandedView {
  -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important;
  max-width:70% !important;
}

/* Redesign CUST
   ---------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------
   --------------------------------------------------------------------------------- */

body { background-color: #d9dbde; }