/*
base colors:
blue: #003e7e
red: #e31736
black: 
*/
body{
  cursor: default;
  padding-bottom: 5rem;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: rgb(226, 226, 226);
}
body.admin{
  padding-top: 70px;
}
body.thankyou{
  background:white;
}

body.admin form>.container{
  max-width: 1700px;
}
body.admin .form-group.row>.col-md-6{
  width: 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  max-width: 35%;
}
body.admin .form-group.row>.col-md-6:last-child{
  width: 65%;

  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  max-width: 65%;
}


.text-primary{
  color: #003e7e !important;
}
.col-form-label{
  font-size: 0.9rem;
}

input[type="radio"],
input[type="checkbox"]{
  cursor: pointer;
}

label{
  margin-bottom: 0px;
}

.must-star{
  color: #e31736;
}

.error{
  color: #e31736;
}
label.error{
  font-style: italic;
  line-height: 1rem;
  line-height: 1.2;
  font-size: 0.8rem;

  display: block;
  width:100%;
}

header{

  padding-top: 10px;

  border-bottom: solid 1px #ccc;

  position: fixed;
  left:0px;
  top:0px;
  width:100%;
  z-index: 1000;

  background:white;

  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;

}
body.scrolled header{
  -webkit-box-shadow: 0 5px 10px 1px rgba(0,0,0,0.1);
  box-shadow: 0 5px 10px 1px rgba(0,0,0,0.1);
}
header .navbar{
  padding-left: 0px;
  padding-right: 0px;
  padding:0.3rem 0px;
}
header .navbar-expand-lg .navbar-nav .nav-link{
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}

header .logo{
  display: block;
  position: absolute;
  left:0px;
  top:0px;
  z-index: 1000;
}
header .phone{
  margin-bottom: 0px;;
}
header .navbar-brand{
  display: none;
}
@media screen and (max-width: 991px) {
  header .navbar-brand{
    display: inline-block;
  }
  .desctop-logo a{
    display: none;
  }
  .desctop-phone{
    display: block;
    width: 100% !important;
  }
  .desctop-phone .text-right{
    text-align: center !important;
  }
}
@media screen and (max-width: 400px) {
  header .navbar-brand img{
    max-width: 180px;
  }
  .desctop-phone .phone{
    font-size: 1rem;
  }
}





::-webkit-scrollbar {
  width: 0.5em;
}
@media(min-width: 1920px){
  ::-webkit-scrollbar {
    width: .5vw;
  }
}
::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  background: #e8edf3;
}
::-webkit-scrollbar-thumb {
  background-color: #003e7e;
  outline: 1px solid slategrey;
}

::-moz-selection { background: #e31736;color:white; }
::selection { background: #e31736;color:white; }


.card{
  margin-bottom: 1rem;
}
.product-line-for-admin{
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.product-line-for-admin:hover{
  background:#ccc;
  cursor: pointer;
}

.form-group{
  margin-bottom: 0.2rem;
}

label{
  cursor: pointer;
}

label.radio.image{
  border:solid 3px white;
}
label.radio.image input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
label.radio.image:hover,
label.radio.image.active{
  border-color:#003e7e;
}
label.radio.image.align{
  padding:3px;
}
.cheques-colors{
  display: none;
}
.cheques-colors.cheques-colors-visible{
  display: block;
}




#chequeviewholder,
#idChequeHolderReviewBeforeSubmit{
  overflow: hidden;
  /*Initial size*/
  height:0px;
  border-:solid 1px;
}
#chequeviewholder iframe,
#idChequeHolderReviewBeforeSubmit iframe{
  display: block;
  border:none;
  /*width: 100%;
  height: 900px;*/
  /*
  zoom: 2;  IE 
  -moz-transform: scale(2);  Firefox 
  -o-transform: scale(2); Opera 
  -webkit-transform: scale(2);  Safari And Chrome 
  transform: scale(2);  Standard Property 
  */

  -moz-transform-origin: 0px 0px;
  -ms-transform-origin:  0px 0px;
  -o-transform-origin: 0px 0px;
  -webkit-transform-origin:  0px 0px;
  transform-origin: 0px 0px;
}
#idChequeHolderReviewBeforeSubmit{
  border:dotted 1px;
}



body.admin header{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  background:white;
  border-bottom: solid 2px #ccc;
  padding:0px;
}

body.admin{
  font-size: 0.9rem;
  line-height: 1.2;
}

body.admin h4{
  font-size: 1.2rem;
}
body.admin h5{
  font-size: 1rem;
}
body.admin .card{
  margin-bottom: 0.2rem;
}
body.admin hr{
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
body.admin .card-body{
  padding: 0.5rem;
}

div.fixed-header-table-holder table th,
div.fixed-header-table-holder table td,
div.fixed-header-table-holder table td *{
  font-size: 0.7rem;
}
div.fixed-header-table-holder table th,
div.fixed-header-table-holder table td{
  padding: 5px !important;
}
div.fixed-header-table-holder a[type="button"]{
  font-size: 1.2rem;
}



.sticky-wrap .sticky-intersect th,
.sticky-wrap th{
  background:white;
  color:black;
}

.pagination-custom a,
.pagination-custom strong{
  display:inline-block;
  padding:5px;
}
.pagination-custom ul{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.pagination-custom li{
  margin: 0px 2px;
}
.pagination-custom li a{
  display: block;
  padding: 5px;
  border: solid 1px #ccc;
  min-width: 25px;
}
.pagination-custom li a:hover{
  background: #ccc;
}
.pagination-custom li.active a{
  cursor: default;
  color: inherit;
  font-weight: bold;
  border: none !important;
  background: none !important;
}
.pagination-custom li.active a:hover{
  text-decoration: none;
}


.preloader{
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 999999;
  display: none;
}
.preloader-content{
  text-align: center;
  position: fixed;
  left:0px;
  width:100%;
  top:50%;
  z-index: 9999999;
  display: none;
}
body.preloading .preloader,
body.preloading .preloader-content{
  display: block;
}


div.block{
  position: relative;
}
div.block:after{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background-color: rgba(255, 255, 255, 0.4);
  content:' ';
  display: none;
}
div.block.disabled:after{
  display: block;
}



._inputs{
  position: relative;  
}
._inputs:after{
  display: none;
  content: ' ';
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height: 100%;
  background-color: rgba(255,255,255,0.7);
}
._inputs.disabled:after{
  display: block;
}
.select.disabled:after{
  background-color: rgba(255,255,255,0);
}
.select.disabled select{
  background-color: silver;
}

.multiselect-native-select button{
  white-space: break-spaces;
  text-align: left;
}
.multiselect-container{
  max-height: 90vh;
  overflow: auto;
}


.trumbowyg-editor{
  height: 60vh;
  min-height: 500px;
}


/*.sortable start*/
ul.sortable,
ul.sortable li{
  margin:0px;
  padding:0px;
  list-style: none;
}
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.example li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.example li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}
/*.sortable end*/


/*.productionTable start*/
.productionTable tr{
  cursor: pointer;
}
.productionTable tr:hover{
  background-color: #ccc !important;
}
.productionTable-holder{
  height: 40vh;
  width: 50vw;
  width: 1075px;
}
@media only screen and (max-width: 1200px) {
  .productionTable-holder{
    width: 70vw;
  }
}
@media only screen and (max-width: 670px) {
  .productionTable-holder{
    width: 80vw;
  }
}
/*.productionTable end*/



.express-view{
  background-color: white;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;

  padding: 50px 30px;
}
.inputs-row{
  margin-bottom: 30px;
}
.inputs-row.x2{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.inputs-row.x2>*{
  width: calc(50% - 30px / 2);
}

.cheque-design{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.cheque-design>label{
  display: block;
}
.cheque-design>label img{
  border: solid 3px white;
  display: block;
  margin: 3px;
}
.cheque-design>label input:checked+img,
.cheque-design>label:hover img{
  border-color: #003e7e;
}
.cheque-design>label input{
  display: none;
}


.form-label span{
  color:rgb(var(--bs-danger-rgb));
}


.file-image-control-preview img{
  display: block;
  width: 100%;
  height: 250px;

  object-fit: contain;
  object-position: center;
  -o-object-fit: contain;
  -o-object-position: center;

}



.btn-submit-reorder-express{
  padding: 15px 50px;

  font-weight: 700;
  text-transform: uppercase;
}


.personal-layout-thumbnail{
  width: 40%;
  position: relative;
  border: none !important;
}
.personal-layout-thumbnail>img{
  display: block;

  border: solid 5px white;

  width: 100%;
  height: auto;
}
.personal-layout-thumbnail.active>img{
  border-color: #003e7e;
}


.btn-submit-reorder-express{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-submit-reorder-express .spinner-border{
  margin-left: 10px;
}





.YYC_DateChanger-holder.disabled{
  opacity: .7;
  pointer-events: none;
}