/*bestilling UI*/

input[readonly]{
  background-color:transparent;
  border: 0;
  font-size: 1em;
}

.navIcon{
    text-align: center
}

.navIcon.image-preview img{
    max-width: 80px;
}

.button-wrapper{
    
}

.button-wrapper .btn{
    width: 100%;
    text-align: left;
    line-height: 2.8;
    border-radius: 0;
    border: none;
    padding: 23px;
    background-color: #444444;
    font-weight: bold;
    font-size: 18px;
}

.button-wrapper #ark1Btn{
    background-color: #D9EDF7;
    /*color: #444444;*/
    color: #337AB7;
}

.tabNavigation #ark1Btn a:hover{
    background-color: #D9EDF7;
    color: #337AB7;
}

.tabNavigation li#billeder1Btn > a{
    border: none;
    margin-right: 0;
    min-height: 192px;
}

.button-wrapper #packages1Btn{
    background-color: #DFF0D8;
    /*color: #444444;*/
    color: #337AB7;
}

.tabNavigation #packages1Btn a:hover{
    background-color: #DFF0D8;
    color: #337AB7;
}

#billeder,
#billeder1Btn.billeder.active{
    /*Light colors*/
    background-color:#FCF8E3;
    /*Bootstrap color*/
    /*background-color: #f0ad4e;*/
    /*flat ui color*/
    /*background-color: #f39c12;*/
}

.tabNavigation #billeder1Btn a:hover{
    background-color: #FCF8E3;
    border-radius: 0;
}

.navIconText{
    text-align : center;
    font-weight: bold;
}

.tab-content p,
.tab-content h3{
    /*color: white;*/
}

.nav.nav-tabs.tabNavigation>li>a{
    /*color: #5CB85C;*/
    /*background-color: #444444;*/
    color:white;
}


                                                                                                            
.nav.nav-tabs.tabNavigation>li.active>a, .nav.nav-tabs.tabNavigation>li>a:focus, .nav.nav-tabs.tabNavigation>li>a:hover{
    /*color: #555555;*/
    /*color: white;*/
    /*color: #00000;*/
    color: #337AB7;
    /*color: #449D44;*/
}


.row.item{
    padding: 40px 20px;
}

.order-wrapper{
    padding: 20px;
}


#billeder,
#ark,
#packages{
    padding: 20px;
}

li#billeder1Btn {
    background-color: #444444;
}

#billeder h4{
    margin-bottom: 20px;
}

div.polaroid, 
div.modal-polaroid {
  /*max-width: 70%;*/
  text-align: center;
  margin: auto;
  /*border: 1px solid #999999;*/
  transition-timing-function: ease-in;
  height: 331px;
  margin-bottom: 20px;
  position: relative;
}

div.polaroid img,
div.modal-polaroid img{
  /*border-bottom: 1px solid #999999;*/
  position: absolute;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.polaroid .btn-success,
div.modal-polaroid .btn-success,
.arkBuyButtons,
.packageBuyButtons,
.previewButtons,
.onlinePackageBuyButton,
.billedeMixBtn .previewOnlineButtons,
.arkOnlineButtons{
    padding: 25px;
    font-weight: bold;
}

.save-button,
.cancel-button{
    padding: 15px 25px;
    font-weight: bold;
}

.previewButtons{
    background-color: #337AB7;
    color: white;
}

.btn.previewButtons:hover,
.btn.previewButtons:focus,
.btn.previewButtons:active{
    color: white;
}

.polaroidMix{
    /*border: 1px solid green;*/
    margin-top: 30px;
}

.pack-devider{
    /*color: #337AB7;*/
    border-bottom: 2px solid #337AB7;
    margin: 10px 0px
}

.mixButtons{
    background-color: #449D44;
    color: white;
    margin-top: 20px;
    padding: 12px;
}

.mix-text{
    text-align: center;
}

.mix-text .dropdown-menu{
    min-width: 0;
    text-align: center;
    transform: translateX(30%);
}

.mix-text .dropdown-menu a{
    font-size: 18px;
    font-weight: 400;
}

.choose-polaroid{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transform: scale(1.1);
    transition: transform 0.5s ease;
}

.polaroid-text{
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}

.image-modal-preview{
    text-align: center;
    min-width: 100%;
    /*margin: 0 auto;*/
}

.image-modal-preview img {
    display: inline;
    width: 70%;
}


/*ARK*/

.arkicon{
    /*padding-top: 5px;*/
}

#ark,
#ark1Btn.ark.active{
    /*Light colors*/
    background-color: #D9EDF7;
    /*Bootstrap color*/
    /*background-color: #5bc0de;*/
    /*flat ui color*/
    /*background-color: #2980b9;*/
    
}

#ark img{
    margin: 0 auto;
}

#ark1Btn, #packages1Btn {
    background: #444;
}

#ark1Btn.button-wrapper a, #packages1Btn.button-wrapper a {
    background: none;
}

#ark1Btn.button-wrapper.active a, #packages1Btn.button-wrapper.active a {
    color:  #337AB7;
}

.ark-item{
    margin-bottom: 20px;
    border-bottom: 2px solid #337AB7;
    padding-bottom: 20px;
}

#packages,
#packages1Btn.packages.active{
    /*Light colors*/
    background-color: #DFF0D8;
    /*Bootstrap color*/
    /*background-color: #5cb85c;*/
    /*flat ui color*/
    /*background-color: #27ae60;*/
}

.package-wrapper{
    margin-top: 30px;
}

.package-desc{
    padding-left: 20px;
}

.onlinePackage{
    margin-bottom: 30px;
}

.onlinePackage img{
    float: left;
}

.onlinePackage h4{
    text-align: center;
    font-weight: bold;
}

.onlinePackage span.mixArkName{
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
}

.onlinePackageBuyButton{
    margin-top: 15px;
}

/*Ark START*/
#Ark .shape{    
    border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
    -ms-transform:rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    transform:rotate(360deg);
}

#Ark .shape-text{
    color:#000; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap;
    -ms-transform:rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(30deg); /* Safari and Chrome */
    transform:rotate(30deg);
}

#Ark .project {
    min-height:300px;
    height:auto;
}

#Ark .project{
    background:#000; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}

#Ark .project-radius{
    border-radius:7px;
}

#Ark .project-default {    border-color: #999999; }
#Ark .project-default .shape{
    border-color: transparent #999999 transparent transparent;
    border-color: rgba(255,255,255,0) #999999 rgba(255,255,255,0) rgba(255,255,255,0);
}

#Ark .project-danger {    border-color: #d9534f; }
#Ark .project-danger .shape{
    border-color: transparent #d9534f transparent transparent;
    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}

#Ark .project-success {  border-color: #5cb85c; }
#Ark .project-success .shape{
    border-color: transparent #5cb85c transparent transparent;
    border-color: rgba(255,255,255,0) #5cb85c rgba(255,255,255,0) rgba(255,255,255,0);
}

#Ark .project-primary {  border-color: #428bca; }
#Ark .project-primary .shape{
    border-color: transparent #428bca transparent transparent;
    border-color: rgba(255,255,255,0) #428bca rgba(255,255,255,0) rgba(255,255,255,0);
}

#Ark .project-info { border-color: #5bc0de; }
#Ark .project-info .shape{
    border-color: transparent #5bc0de transparent transparent;
    border-color: rgba(255,255,255,0) #5bc0de rgba(255,255,255,0) rgba(255,255,255,0);
}

#Ark .project-warning {  border-color: #f0ad4e; }
#Ark .project-warning .shape{
    border-color: transparent #f0ad4e transparent transparent;
    border-color: rgba(255,255,255,0) #f0ad4e rgba(255,255,255,0) rgba(255,255,255,0);
}

#Ark .project-content {
    padding:0 20px 10px;
}

#netbutikMainNav{
    padding-left: 0;
    padding-right: 0;
}

/*Ark END*/
/*Infobox*/
.infopanel{
    margin-top: 45px;
    margin-bottom: 0;
}

.discount {
    color: #E77D25;
    /*color: #E0AA22;*/
    font-weight: bold;
}

.discount-text{
    margin-bottom: 15px;
}

/*checkout page*/
.checkout-image{
    max-width: 33%;
}

table tfoot tr.noborders td{
    border-top: 0px !important;
}

#tabMenu{
    border: none;
}

.table-hover>tbody>tr{
    background-color: #F5F5F5;
}

.table-hover>tbody>tr:hover{
    background-color: #F5F5F5;
}

#siblings-dialog .modal-footer {
    text-align:  center;
}

#siblings-dialog .modal-footer button{
    width: 65px;
    height: 65px;
}

#siblings-yes,
#siblings-no{
    padding: 20px;
}

.packagegroup{
    width: 80px;
}

#packagegroup.packagegroup{
    float: none;
    text-align: center;
}

h3.package-price{
    margin-left: 20px;
}

h4.arkPrice{
    font-weight: bold;
}

button.btn.btn-primary.packageBuyButtons {margin-left: 20px;}

#previewContainer{
    text-align: center;
}

.betingelserContainer{
    margin-top: 20px;
}

#databehandlingmodal p{
    margin-bottom: 30px;
}

#tabMenu a.elevTab.active {
    background-color: #337AB7;
    color: white;
}