.cms-login-box{
  max-width: 400px !important;
  // border: 1px solid #ccc;
  margin-top: 20px;
  padding: 20px;
  // border-radius: 7px;
  margin-left: auto;
  margin-right: auto;
}

.perm-box{
  max-height: 200px;
  overflow-y: scroll;
}

.b-form-btn-label-control.form-control > .form-control{
  padding-top: 10px !important;
}

.dark-preview{
  background: #333;
  padding: 5px;
}
.acp{
  min-height: 650px;
}

.highlit{
  background-color: rgb(255, 249, 165);
}

h4{
  color: #235fd4;
}
.acpChart{
  max-width: 400px;
  max-height: 400px;
}

.waiting-container{
  width: 100%;
  background: rgb(240, 240, 240);
  border: 1px solid #ddd;
  padding: 10px;
}

.text-small{
  font-size: .8em;
}

.droplist-container{
  height: 60vh !important;
  overflow-y: scroll !important;
}
.droplist-item{
  cursor: pointer;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
  &:hover{
    background: #eee;
  }
}
.droplist-item-selected{
  background: #235fd4 !important;
  color: #fff !important;
}

.member-table{
  border: 1px solid #aaa;
  background: #fff;
  width: 100%;
  padding: 10px;
}

.member-table th, td{
  padding: 10px;
}

.member-table th{
  background: #777;
  color: #fff;
}
.info-container{
  width: 100%;
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
}

.info-panel{
  min-height: 200px;
  border: 1px solid rgb(140, 140, 140);
  padding: 10px;
  color: rgb(0, 0, 0);
  background-color: #d3d3d3;

}


.highlight{
  background: rgb(233, 236, 240);
}

.member-list{
  margin-left: 10px !important;
}

.custom-control-label{
  margin-left: 10px;
}

.photographer-photo{
  width: 100%;
  display: inline-block;
  height: auto;
  min-height: 150px !important;
  max-width: 250px;
  margin-bottom: 15px;
  padding: 3px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle !important;
}

.photo-field-container{
  background: #fff !important;
  border-radius: 10px;
  padding: 10px;
}

.photo-field{
  // background-color: #fff !important;
  color: #000;
  padding: 5px;
}

.photo-title{
  font-size: 1.4em;
  color: #235fd4 !important;
}


.photo-tags{
  display: inline-block !important;
  background-color: #007BFF;
  margin-left: 4px;
  padding: 2px 8px;
  border-radius: 14px;
  color:#fff;
}

.tab-pane.perm-tab{
  min-height: 250px;
}

.status-suspended{
  color: rgb(177, 23, 23);
}

.status-pending{
  color: rgb(146, 146, 146);
}

.status-declined{
  color: rgb(197, 95, 16);
}

.status-active{
  color: rgb(28, 111, 11);
}

.cms-card{
  cursor: pointer;
  padding-top: 30px;
  min-width: 300px !important;
  max-width: 300px !important;
  height: 300px !important;
  margin: 10px;
  box-shadow:  0px 12px 29px -24px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:  0px 12px 29px -24px rgba(0, 0, 0, 0.5);
  transition: .2s;
  transition-timing-function: ease-in-out;
  &:hover{
    transform: scale(1.03);
    border: 2px solid #235fd4;
  }
}
.cms-icon{
  height: 100%;
}
.icon-box{
  height: 100px !important;
  text-align: center;
}
.icon-gray{
  color: #373535;
}

.icon-pink{
  color: #235fd4;
}

.pub-badge{
  font-size: 1.2em;
}

.header-select{
  font-size: .8em;
  padding: 0 !important;
  padding-right: 20px !important;
}

.file-upload-box{
  display: block !important;
  height: auto !important;
}

.micro-button{
  height: 24px !important;
  padding: 5px !important;
  padding-top: 5px;
  font-size: .8em;
  margin-bottom: 4px;
}

.adm-ship-info{
  color: #fff;
  font-size: 1.5em;
}

.adm-text-link{
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 1px 3px !important;
  height: 28px;
  text-align: center;
  font-size: 1em;
}

.adm-active-name{
  font-weight: bold;
  transition: .2s;
  transition-timing-function: ease-in-out;
  cursor: pointer;
  &:hover{
    text-decoration: underline;
  }
}

.adm-unset{
  font-style: italic;
}

.adm-card-title{
  font-size: 1.1em;
  font-weight: bold;
}
.adm-card-subtitle{
  font-size: .9em;
  font-style: italic;
}

.adm-link-click{
  font-size: .8em;
  cursor: pointer;
  transition: .2s;
  transition-timing-function: ease-in-out;
  color: #235fd4;
  &:hover{
    text-decoration: underline;
  }
}

.add-box{

  margin-top: auto;
  margin-bottom: auto;
}

.adm-page-container a{
  color: #235fd4 !important;
}

.custom-control-label{
  padding-top: 4px !important;
}

.custom-checkbox{
  margin-top: 5px !important;
}

.table-edit{
  font-size: .7em;
}

.small-text{
  font-size: .9em !important;
}

body, .form-control, .custom-select, .custom-file-label{
  font-size: .8rem !important;
}

.input-group .btn{
  max-height: 31px !important;
  padding-top: 7px !important;
}

.html-template{
  font-family:monospace;
  background-color: #292623 !important;
  color: rgb(200, 255, 178) !important;
}

.text-template{
  font-family:'Courier New', Courier, monospace !important;
  background-color: rgb(255, 252, 238) !important;
  color: rgb(20, 45, 15) !important;
}

.left-col{
  text-align: right;
  padding-top: 8px;
}

.guestlist-header{
  background: rgb(228, 241, 252) !important;
  color: #235fd4 !important;
  font-size: 1.2em !important;
  padding: 3px 10px !important;
}

.table-bordered td{
  border: 1px solid rgb(180, 180, 180) !important;
}

.list-link{
  font-size: 1.5em;
  text-transform: uppercase;
  color: #235fd4;
  margin-bottom: 10px;
  transition: .25s;
  transition-timing-function: ease-in-out;
  cursor: pointer;
  &:hover{
    color: darken(#235fd4, 10%);
    text-decoration: underline;
  }
} 
.list-link-null{
  font-size: 1.5em;
  text-transform: uppercase;
  color: rgb(128, 128, 128);
  margin-bottom: 10px;
} 

.agenda-subtitle{
  font-size: 1.2em;
  color: #235fd4;
}

.alert-container{
  
  padding: 10px;
  margin-bottom: 20px;
}

.alert-item{
  padding: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.alert-deck-item{  
  padding: 5px;
  background-color: rgb(237, 242, 246);
  border: 1px solid rgb(67, 70, 162);
  margin-bottom: 10px;
}
.alert-deck-item.hidden{
  background-color: rgb(255, 233, 233);
}
.alert-body{
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
}

.alert-icon{
  padding-top: 5px;
  margin-left: 30px;
  display: inline-block !important;
  width: 50px;
  height: 100% !important;
  vertical-align: top;
}
.alert-rowdata{
  display: inline-block !important;
  width: 80vw;
}
.icon-hover{
  cursor: pointer;
}
.alert-guest-name{
  font-size: 1.1em;
}
.alert-specific{
  padding: 5px 20px;
}
.alert-expand{
  color: rgb(59, 104, 202);
  font-weight: bold;
  cursor: pointer;
  &:hover{
    text-decoration: underline;
  }
}

.guest-search{
  min-height: 50px;
  max-height: 600px;
  overflow-y: scroll;
  min-width: 450px;
  max-width: 450px;
  position: absolute;
  z-index: 999;
  box-shadow:  -2px 12px 24px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:  -2px 12px 24px -6px rgba(0, 0, 0, 0.5);
  top: 35px;
  left:16px;
  background-color: #fff;
  border: 1px solid #235fd4;
}

.highlight-search{
  background-color: rgb(251, 255, 0);
}