/*  HUSK  HUSK
//  	Application 103> User Interfaces>...Edit Desktop> User Interface Details>
//		#IMAGE_PREFIX#_bildeler/css/bildeler.css?version=2019-08-10    --må bruke versjon for å sikre at klient laster inn nye versjoner
*/

/* koden fra static files #APP_IMAGES#app-icon.css */
	/*	.app-icon {
		    background-image: url(app-icon.svg);
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: 50%;
		    background-color: #6E8598;
		}
	*/
		/* gammel CSS i applikasjonen
                Inline
                    body{
                    background-image: url('#APP_IMAGES#465835.jpg');
                    background-position: center;
                    background-repeat: no-repeat; 
                    background-size: auto;
                    }
                    span.t-Login-logo {
                    background-image: url(#APP_IMAGES#obas_79_275.png);
                    background-position: center;
                    background-repeat: no-repeat; 
                    background-size: auto;
                    width: 380px;
                    height:120px;  
                    }
                    .t-Login-region {
                        position: relative;
                    width: 410px;
                    margin: 0 auto;
                    background: rgba(130,130,130,.3);
                    padding: 20px 22px;
                    border: 1px solid;
                    border-top-color: rgba(255,255,255,.4);
                    border-left-color: rgba(255,255,255,.4);
                    border-bottom-color: rgba(60,60,60,.4);
                    border-right-color: rgba(60,60,60,.4);
                    }
            Comments
                Comments
                    2021-07-29 ALIAS ENDRET FRA LOGIN_DESKTOP -> LOGIN


                    .t-PageBody--login .t-Body {
                    background: url(   #APP_IMAGES#966545_519702998136132_5296114380803028746_o.jpg    );
                    background-size: 100% auto;
                    }
			*/	

/* skjule filter  og søkefelt i toolbar*/
#cart_ig_report_settings, .a-Toolbar-group--together {

  /* tatt vekk pr 2020-12-29 siden Morten blir så lei seg  
    display: none !important;
  */
}

/* innloggings logo */
.bildeler-login {
    background-image: url("../img/olasbil_logo_hvit.gif"); 
    background-repeat: no-repeat; 
    /* background-attachment: fixed; */
    background-position: 50% 25%; 
}

.bildeler-exe {
    background-image: url("../img/bildeler_exe.ico"); 
    background-repeat: no-repeat; 
    height: 32px; 
    background-position: center right; 
  }
  
  /* https://stackoverflow.com/questions/195632/how-to-change-an-input-button-image-using-css */
  /* https://stackoverflow.com/questions/17618952/how-to-remove-default-file-input-style-on-ie10 */
  /* https://stackoverflow.com/questions/43360769/remove-default-style-of-input-type-file */
  /* https://www.quirksmode.org/dom/inputfile.html */
          /* https://www.clker.com/clipart-camera-icon.html */
          /* Alternative url angivelser
                url("../../ml/logo/koas-icon-color-128x135.png")
                url(/i/_koas/ml/logo/cloud-upload_88_62.png) */
  
                .koas-camera {
                  /* position:relative;top:-31px;left:0px;height:100px; */
                  background:url("../../ml/logo/wow-list.png") no-repeat;
                  /* background:url("../../ml/logo/camera-71-50.png") no-repeat; */
                  cursor:pointer;
                  width: 1510px;
                  height: 50px; 
                  border: 0;
                  text-indent: -9999em; 
                   /* line-height:3000;  */
                }
                .koas-cloud {
                  background:url("../../ml/logo/cloud-upload-71-50.png") no-repeat;
                  background-color:white;
                  cursor:pointer;
                  width: 60px;
                  height: 50px;
                  border: 0;
                  text-indent: -9999em;
                  /* line-height:3000; */
              }
              .koas-not-visible{
                opacity: 0;
              }
  
              /* http://keenthemes.com/forums/topic/why-font-awesome-icons-resizing-dont-work-anymore/ */
              .fa-2x {
                /* height: 0px; */
                font-size: 2em !important;}
              
              .fa-3x {
                font-size: 3em !important;}
              .fa-4x {
                font-size: 4em !important;}
              .fa-5x {
                font-size: 5em !important;}

    /* Enlarge Images on Hover */
    /*https://success.figure-eight.com/hc/en-us/articles/202703155-CSS-Guide-to-Enlarge-Images-on-Hover */
    .thumbnail:hover {
        position:relative;
        top:-25px;
        left:-35px;
        width:500px;
        height:auto;
        display:block;
        z-index:999;
    }

    /*Touch-enabled Image Viewer In Pure JavaScript – view-bigimg*/
    /*https://www.cssscript.com/touch-image-viewer-view-bigimg/ */
    #iv-container{position:fixed;background:#0d0d0d;width:100%;height:100%;top:0;left:0;display:none;z-index:1000}.iv-container{overflow:hidden}.iv-close{width:26px;height:26px;position:absolute;right:20px;top:20px;cursor:pointer;text-align:center;overflow:hidden;text-shadow:0 0 3px #6d6d6d;-webkit-transition:all ease 200ms;-moz-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms}.iv-close:after,.iv-close:before{content:"";height:2px;width:26px;background:#FFF;position:absolute;left:0;top:50%;margin-top:-2px;border-radius:2px}.iv-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.iv-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.iv-close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.iv-image-view{position:absolute;height:100%;width:100%}.iv-image-wrap{display:inline-block}.iv-image-wrap:active{cursor:move}.iv-large-image{cursor:move;max-width:100%;max-height:100%;position:absolute;background-color:#ececec;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.iv-loader{top:50%;left:50%;border-radius:50%;width:32px;height:32px;z-index:100;margin-top:-16px;margin-left:-16px;font-size:5px;position:absolute;text-indent:-9999em;border-top:1em solid rgba(255, 255, 255, .2);border-right:1em solid rgba(255, 255, 255, .2);border-bottom:1em solid rgba(255, 255, 255, .2);border-left:1em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}.iv-loader:after{width:10em;height:10em;border-radius:50%}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/* 	//IG-versjon hentet fra Shared Static files i IG 19.1 http://hardlikesoftware.com/weblog/2019/03/30/apex-ig-cookbook-update-for-19-1/*/
	/* Custom CSS rules for cart page */

    /* remove grid lines */
    #P1_MASTER .a-GV-table .a-GV-cell {
      border-color: transparent;
    }
    #P1_MASTER .a-GV-w-frozen .a-GV-table {
      border-right: none;
    }
    #P1_MASTER .a-GV-table tr.is-hover .a-GV-cell,
    #P1_MASTER .a-GV-table tr.is-hover.is-selected .a-GV-cell {
      background-color: #f2f6ff;
    }
    #P1_MASTER .a-GV-table tr.is-selected .a-GV-cell,
    #P1_MASTER .a-GV-table tr.is-hover.is-selected .a-GV-cell {
      background-color: #dbe8ff;
    }
    #P1_MASTER .a-GV-hdr {
      background-color: #fcfcfc;
    }
    .a-IG-contentContainer {
      margin-top: 0;
    }

    /* make things a bit bigger */
        #--cart .a-IG table {
          font-size: 16px;
          line-height: 20px;
        }
      
        #--cart .a-GV-header, #P1_MASTER .a-GV-headerGroup {
          height: 48px;
        }
        #--cart .a-GV-cell {
          height: 42px;
        }
      
        #--cart .a-GV-cell .a-GV-columnItem input:not([type="radio"]):not([type="checkbox"]),
        #--cart .a-GV-cell .a-GV-columnItem select[size="1"] {
          height: 40px;
          font-size: 16px;
          line-height: 20px;
        }

    /* checkbox trick:
    when checkStateYes use the icon for fa-check-square-o
    this is sensitive to the switch display value localized text "Yes" add rules for other languages if needed */
    .checkStateYes.fa-square-o::before {
      content: "\f046";
    }

    /* test med å bytte checkStateYes/No med ingenting som er resultatet dersom noe annet en Y eller N sendes til switch
        f023 lock
        f256 hand-paper*/ 
    .checkState.fa-square-o::before {
      content: "";
    }


    /* this uses is-readonly so that checkbox works even in edit mode by not putting the cell in edit mode but making
    it not look readonly */
    .a-GV--editMode .a-GV-cell.doneCheckbox.is-readonly, .a-GV--editMode .a-GV-row.is-readonly .a-GV-cell.doneCheckBox {
      background-color: initial;
      color: #404040;
    }
    /* these colors need to be kept in sync with the UT theme style */
    .a-GV-row.is-deleted .a-GV-cell.doneCheckbox {
      background-color: rgba(0,0,0,.025);
    }
    .a-GV-row.is-updated .a-GV-cell.doneCheckbox {
      background-color: rgba(5,114,206,.05);
    }
    .a-GV-row.is-inserted .a-GV-cell.doneCheckbox {
      background-color: rgba(76,217,100,.1);
    }

/* Font Awesome Icon with number badge/label
  https://codepen.io/jmalatia/pen/MJaVxL*/    
    #ex4 .p1[data-count]:after{
      position:absolute;
      right:10%;
      top:8%;
      content: attr(data-count);
      font-size:40%;
      padding:.2em;
      border-radius:50%;
      line-height:1em;
      color: white;
      background:rgba(255,0,0,.85);
      text-align:center;
      min-width: 1em;
      //font-weight:bold;
    }
    
    
    #ex3 .fa-stack[data-count]:after{
      position:absolute;
      right:0%;
      top:1%;
      content: attr(data-count);
      font-size:30%;
      padding:.6em;
      border-radius:50%;
      line-height:.8em;
      color: white;
      background:rgba(255,0,0,.85);
      text-align:center;
      min-width: 1em;
      font-weight:bold;
    }
    
    
    /* on ex2 if you include bootstrap v3 css the number is a rounded circle with the .has-badge class */
    #ex2 .fa-stack[data-count]:after{
      position:absolute;
      right:0%;
      top:1%;
      content: attr(data-count);
      font-size:30%;
      padding:.6em;
      border-radius:999px;
      line-height:.75em;
      color: white;
      background:rgba(255,0,0,.85);
      text-align:center;
      min-width:2em;
      font-weight:bold;
    }
    
    
    
    
    #ex1 .icon-grey {color: grey}
    #ex1 i {   
        width:100px;
        text-align:center;
        vertical-align:middle;
        position: relative;
    }
    #ex1 .badge:after{
        content:"100";
        position: absolute;
        background: rgba(0,0,255,1);
        height:2rem;
        top:1rem;
        right:1.5rem;
        width:2rem;
        text-align: center;
        line-height: 2rem;;
        font-size: 1rem;
        border-radius: 50%;
        color:white;
        border:1px solid blue;
    }