/* when hiding the thing */
.box-fillet.ng-hide         {
 opacity:0;

}


/* when showing the thing */
.box-fillet.ng-hide   {

/*  -webkit-transition:all linear 0.1s;
  transition:all linear 0.1s;*/
}

ul.matnum{
    list-style: none;
    text-align: left;
   padding:0px;

}

ul.matnum li{
    list-style: none;
    display: inline-block;
    margin-left:5px;

    text-align: left;
}

@-moz-document url-prefix() {
  select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
  }
}

.ca-FileManager_content{

  margin-bottom: 120px;
}

.btn-loadmore{
  background-color: #A6B25F;
  padding: 15px;
  width: 190px;
  color: #FFF;
  font-size: 17px;
  cursor: pointer;
  display: inline-block;
  margin: 15px auto 45px auto !important;
}

select::-ms-expand {
    display: none;
}

.ca-Modal_disclaimer{
  position: absolute;
    color: #fdfafa;
    top: 83%;
    z-index: 1;
    left: 38%;
    background-color: #000;
    opacity: 0.6;
    padding: 7px 10px 4px 10px;
    width: 300px;
    font-size: 15px;
    border-radius: 5px;
    font-family: Nunito, sans-serif;
    font-weight: 700;
}

.artworkBox select, .artwork img, .changeBtn{
  cursor: pointer;

}


.imgArt:hover{
    opacity:0.8;
}

p.cvselected{
  border: 1px solid #20D0A0;
  color:#000 !important;

}

.ca-FileManager_content {
    position: relative !important;

    display: block;
    text-align: center;
    top: 0 !important;

   /* -ms-transform: translateY(-50%);*/
   transform: none !important;

}

.artworkBox{
  overflow-y: scroll !important;
  padding-bottom:200px;
  margin-right: -15px;
}


.artworkBox .priceSection {
    position: relative !important;
    bottom: 0px;
    right: 0px !important;
    font-size: 25px;
    font-weight: 700;
    float: right ;
}

.md-color-picker-with-label, .md-color-picker-material-title{
  padding:10px;
  height:40px !important;
  text-transform: capitalize;
  cursor: pointer;
}
.md-color-picker-material-title{
  border-bottom:1px solid #eaeaea;
}

.artworkBox select, .artwork img, .changeBtn{
  cursor: pointer;
}

span.learnmore {
    position: relative !important;
    right: -60px !important;
    float: right;

}

span.learnmore a{
    position: absolute !important;
    right: 0px !important;

}
.pull-right{
  /*margin-right: -15px;*/

}


.ca-Toolbar_toolSelect{
    padding: 5px;
    position: relative;
    display: inline-block !important;
    width: $toolbarWidth;
   padding: 7px 0;
   background-color: transparent !important;
   font-size: 14px !important;
   text-align: center;
   vertical-align: middle;
   margin-right: 15px;
}
li.ca-Toolbar_toolSelect{
   font-size: 16px !important;
}

.ca-Toolbar_toolSelect figcaption {
    color: #556075;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding-left:10px;
}

.ca-Toolbar_toolSelect figcaption:after {
    content:">";
    margin-left:5px;
    margin-top:2px;
}




.popover-title {
    padding: 10px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #5c6e79 !important;
    border-bottom: 1px solid #eaeaea;
    border-radius: 5px 5px 0 0;
    color:#FFF !important;
}


[type="text"]{
  padding:4px 5px;
}

.not-active {
   pointer-events: none;
   cursor: default;
   opacity: 0.5;
}

.popover{
  min-width:300px !important;
}


 .review h3{
  text-align: center;
 color: #b1b0b0;
 font-size: 20px;
 }

 .review p{
  color:#000;
  font-size:11px;
 }

 .review p.changeBtn{
  text-align: center;
 border: 1px solid #9ea76c;
 border-radius:10px;
 font-weight:700;
 color: #9ea76c;
 padding:10px;
 width:40%;
 margin: 0 auto;
 text-transform: uppercase;
 }

 .roomsColour label span {

  width:100% !important;
 }
.btToolbar .nextButton{
  width:12% !important;
}

[type="text"] {
    padding: 10px 15px;
}

[type=tel], [type=text], [type=password], [type=email], textarea {
    border-radius: 3px;
    border: 2px solid #f5f5f9;
    }
.ca-RoomView_artwork:first-child {
    transform: matrix(-0.111111, 0, 0, -0.111111, 0,) !important;
}

li.ca-Toolbar_toolSelect.selected figcaption {
    font-weight: bold !important;
    color: #FFF !important;
}


.creation123{
   position: absolute;
        display: block;
    width: 100%;
    height:100%;
}

.filterBar {
  width: calc(100% - 20px);
  margin: 0px 0px 20px 10px;
  -webkit-box-shadow: -1px 2px 16px -6px rgba(0,0,0,0.63);
  -moz-box-shadow: -1px 2px 16px -6px rgba(0,0,0,0.63);
  box-shadow: -1px 2px 16px -6px rgba(0,0,0,0.63);
}


@media (max-width: 800px) {
  .pull-right{
  margin-right: 0px !important
  ;

}

.ca-Modal_disclaimer{
  position: absolute;
    color: #fdfafa;
    top: 45%;
    z-index: 1;
    left: 38%;
    background-color: #000;
    opacity: 0.6;
    padding: 7px 10px 4px 10px;
    width: 300px;
    font-size: 15px;
    border-radius: 5px;
    font-family: Nunito, sans-serif;
    font-weight: 700;
}

.atc{
     position: relative;
    top: -10px !important;
    width: 80% !important;
}

.ca-Header_logoArea{
      display: block;
    position: fixed;
    left: 0 !important;
    text-align: left !important;
    top: 15px !important;
    width: 250px;
}

.ca-FileManager, .ca-FileManager-artwork, .ca-FrameManager, .ca-FrameManager-artwork {
  overflow-y: scroll;
    -webkit-overflow-scrolling: touch;


}

.artworkBox {
    top: 70%;
    height: 30vh;
    }

.btToolbar .nextButton {
    width: 30% !important;
}

.artworkBox {

    margin-right: 0px;
}

.ca-RoomView_background1, .ca-RoomView_background2, .ca-RoomView_background3, .ca-RoomView_background4{
      left: 110% !important;
    transform: matrix(0.808791, 0, 0, 0.808791, -547.033, 0);
    zoom: 0.65;
}

.ca-bedRoomView_background{
  left: 110% !important;
    transform: matrix(0.808791, 0, 0, 0.808791, -547.033, 0);
    zoom: 0.6;

}

.ca-FileManager_greenButton{
  margin-bottom: 5%;
}

.ca-PreviewPanel_artwork{
  top:40px;
  zoom:0.8;
}

.ca-PreviewPanel_artworkStage {
    display: block!important;
    position: absolute;
    width: 100%;
    height: calc(100vh - 30vh);
    top: 120px;
    opacity: 0;
    z-index: 1;
    zoom: 0.8;


}


@media only screen and (max-width: 800px) and (min-width: 600px){

.artworkBox, .artworkBoxAT {
    background-color: #FFF;
    right: 0;
    position: fixed;
    top: 0;
    height: 100vh;
    padding: 30px 25px 60px;
    box-shadow: 2px 2px 5px 5px #eaeaea;
    width: 40% !important;
    bottom: 0!important;
    overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
}

.ca-Header_logoArea{
      display: block;
    position: fixed;
    left: 0 !important;
    text-align: left !important;
    top: 15px !important;
    width: 250px;
}

.ca-FileManager, .ca-FileManager-artwork, .ca-FrameManager, .ca-FrameManager-artwork {
  overflow-y: scroll;
    -webkit-overflow-scrolling: touch;


}

.ca-FileManager_greenButton{
  margin-bottom: 5%;
}

.artworkBottom p i, .mobileTitle{
  display: none;
}

.ca-PreviewPanel_artwork{
  zoom:0.8;
}

}


.ca-Header_hamburgerCloser {
    font-size: 3px;
    cursor: pointer;
    position: fixed;
    z-index: 21;
    left:auto;
    right: 5px !important;
    top: 30px;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 30px;
    height: 30px;
    display: block !important;

  }

  .ca-Header_menuLinks{
    text-align:center;
  }

  .ca-Header_hamburgerCloser.dark-bg div{
    background-color: #000 !important;
  }