@font-face {
	font-family: "SF Pro";
	src: url("../fonts/sf-pro/SFPRODISPLAYREGULAR.ttf") format("truetype"),;
	font-weight: 400;
}

@font-face {
	font-family: "SF Pro";
	src: url("../fonts/sf-pro/SFPRODISPLAYULTRALIGHTITALIC.ttf") format("truetype"),;
	font-weight: 300;
}

@font-face {
	font-family: "SF Pro";
	src: url("../fonts/sf-pro/SFPRODISPLAYMEDIUM.ttf") format("truetype"),;
	font-weight: 500;
}


@font-face {
	font-family: "SF Pro";
	src: url("../fonts/sf-pro/SFPRODISPLAYBOLD.ttf") format("truetype"),;
	font-weight: 600;
}

*:not(input) {
    -webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;   
}

*:focus {
    outline: none;
}


body {  background:#eee; }
body, a { font-family: 'SF Pro', sans-serif;}


.bp-table { display: table; border-collapse: collapse; }
.bp-table .tr { display: table-row; }
.bp-table .tr:first-child { font-weight:bold; }
.bp-table .td { display: table-cell; vertical-align: top; border-bottom: 1px solid black; padding: 5px;  }

.bp-list { display: table; border-collapse: collapse; width:100%; border-top:1px solid #e9ebf0; border-left:1px solid #e9ebf0; border-right:1px solid #e9ebf0; }
.bp-list .tr { font-size:12px; display: table-row; background:#fff; border-bottom:1px solid #e9ebf0; }
.bp-list .tr.theader { font-weight:600 !important; background:#000; color:#fff; }
.bp-list .tr:not(.theader):hover { font-size:12px; display: table-row; background:#fafbfc;  }
.bp-list .td { display: table-cell; vertical-align: top; padding: 8px 15px;  }

.bp-tab { margin-top:20px; margin-bottom:5px; display:flex; border-bottom:1px solid #ccc; }
.bp-tab .tab { cursor:pointer; padding:5px 20px; font-size:12px; border-bottom:1px solid transparent; }
.bp-tab .tab.active { border-bottom:1px solid black; }

.alert { margin-bottom:20px; border-radius:5px; padding:12px 15px;  }
.alert-success { border:1px solid #d0ded3; background:#69db8b; color:#424b4c;  }
.alert-info { border:1px solid #c3d0e0; background:#d7e3ed; color:#424b4c;  }
.alert-warning { border:1px solid #f1e6d7; background:#fef7ea; color:#424b4c;  }
.alert-error { border:1px solid #f2e1dd; background:#fcede9; color:#424b4c;  }

.multiselect input { border:1px solid transparent; }
.multiselect input { display:none; }


.form-bp-group { margin-bottom:10px; }
.form-bp-group label {
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px;
    font-weight: 500; line-height: 1.2; color: #292d34; padding-bottom: 10px;
	display: inline-block;
}

input, select {
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    font-size: 16px; font-weight: 400; line-height: 1; width: 100%;background: #fff;color: #292d34; border-radius: 4px;padding: 0 15px; height: 40px;border: 1px solid #e9ebf0; box-shadow: none!important;
}
textarea {
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    font-size: 16px; font-weight: 400; line-height: 1; width: 100%;background: #fff;color: #292d34; border-radius: 4px; resize:none; padding: 8px 15px; border: 1px solid #e9ebf0; box-shadow: none!important;
}

.bp-color-picker .input { cursor:pointer; width:100%; height:30px; margin-bottom:5px; border:2px solid #ccc; }
.bp-color-picker .picker {   display:none; background:#f5f5f5; border:2px solid #efefef; padding:5px; }
.bp-color-picker.open  .picker { display:block; }

.bp-form-control-group { margin-bottom:5px; }
.bp-form-control-group label { display:inline-block; font-size:14px; font-weight:600; margin-bottom:3px; }
.bp-form-control-group textarea, .bp-form-control-group input, .bp-form-control-group select { width:100%; border:1px solid #e9ebf0; font-size:14px; }
.bp-form-control-group input { padding:0px 7px; height:35px; line-height: 35px; }
input.bp-form-control-small, select.bp-form-control-small {
 border-radius: 4px;padding: 0 5px; height: 30px; font-size:14px;
}

::-webkit-input-placeholder { /* Edge */
	color: #c0c0c0;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #c0c0c0;
}

::placeholder {
	color: #c0c0c0;
}

.btn-bp {   
	transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; font-size: 16px; font-weight: 500; line-height: 1;
    height: 48px; border-radius: 4px;
    cursor: pointer; padding: 0 24px;
    display: inline-block; 
	align-items: center; 
	border: none;
	width:auto; margin:0px; margin-left:5px;

}
.bp-survey > div { width:100%; }
.bp-survey .question .ql-editor, .bp-survey .question .ql-editor p { min-width: 450px; padding:0px !important; font-size:30px; color:#333; font-weight:500; }
.bp-survey .question-helper .ql-editor, .bp-survey .question-helper .ql-editor p { margin-top:10px; padding:0px !important; font-size: 18px; font-weight:400; color:#888; }
.bp-survey .question .ql-editor.ql-blank::before, .bp-survey .question-helper .ql-editor.ql-blank::before { left:0px; font-weight:400; color:#ccc; }

.bp-survey .question.text-center .ql-editor, .bp-survey .question-helper.text-center  .ql-editor, 
.bp-survey .question.text-center .ql-editor p, .bp-survey .question-helper.text-center  .ql-editor p { text-align:center !important; }


.btn-bp-mini { height:auto; width:auto; padding:4px 10px; background:#e9e9e9; color:#000; border:none; font-size:10px; }

.btn-bp-gray { background: #e9ebf0; color: #7c828d;}
.btn-bp-gray:hover { background: #111; color: #fff; }

.btn-bp-black { background: #000; color: #fff;}
.btn-bp-black:hover { background: #111; }

.btn-bp-orange { background: #ffac16; color: #fff;}
.btn-bp-orange:hover { background: #111; }

.btn-bp-red { background: #e04a3a; color: #fff;}
.btn-bp-red:hover { background: #111; }

.bp-badge { font-size:10px; display:inline-block; background:#333; color:#fff; padding:1px 5px; border-radius:3px; margin-right:5px; }
.bp-badge-black { background:#333; color:#fff; }


.bp-page-content { position:relative; padding:20px 35px; margin-top: 50px;  }
.bp-page-content.has-actions {  margin-top: 80px;  }

.bp-page-actions { z-index:1000; height:40px;  background:#fff; display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid #e9ebf0; top: 45px;position: fixed; width: calc(100% - 350px); }
.bp-page-action-filter { padding:0px 20px; padding-left:15px; font-weight:600; position:relative;  }
.bp-page-action-filter .search-icon { position:absolute; top:7px; left:-5px; font-size:12px; color:#333;  }

.bp-page-action-filter .form-group { position:relative; display:inline-block; padding:0px 5px; margin-right:5px; }
.bp-page-action-filter input,
.bp-page-action-filter select { height:20px; line-height:20px; font-size:12px; padding:0px 10px; padding-left:0px; border:none; border-right:1px solid #e9ebf0; border-radius:0px;  }

.bp-page-actions .bp-page-action-inner {  position: relative; padding:0px 20px; font-weight:600; }


.bp-right-side-bar { display:none; position:fixed;  top:85px; right:0px;  width:350px; height:calc(100vh - 0px); background:#fff; z-index:5000; }
.bp-right-side-bar.open { display:block; }
.bp-right-side-bar.sticky { top:0px  }
.bp-right-side-bar .heading { position:relative; padding:5px 10px; background:#fafafa; border-top:1px solid #e9ebf0; border-bottom:1px solid #e9ebf0; font-size:10px; font-weight:600; }
.bp-right-side-bar .body { padding:10px 20px; }
.bp-right-side-bar .body .item-actions { text-align:right; margin-bottom:5px; }
.bp-right-side-bar .body .item-list { position:relative; background:#fafafa; border:1px solid #f5f5f5; padding:5px 10px; padding-bottom:10px; margin-bottom:5px; }
.bp-right-side-bar .body .item-list .item-remove { position:absolute; top:3px; right:5px; font-size:12px; color:#555; cursor:pointer }
.bp-right-side-bar .btn-closer { color:#333; text-decoration:none; position:absolute; top:3px; right:7px; font-size:14px; }


.popover-container { position:relative; display:inline-block; }
.popover-container .popover-inner { display:none; position:absolute; width:350px; min-height:200px; padding-bottom:20px; top:calc(100% + 10px); right:0px; background:#fff; border:1px solid #ccc; }
.popover-container.open .popover-inner { display:block; }
.popover-container .popover-header { background:#f5f5f5; border-bottom:1px solid #ccc; padding:8px 10px; font-size:12px; line-height:12px; color:#333; }
.popover-container .popover-body { padding:5px 10px; }

.global-notification { z-index: 9800 !important; }

.vue-tel-input:focus, .vue-tel-input input:focus {
	outline: none !important;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.vue-tel-input:focus-within {
	box-shadow: none !important;
    border-color: #efefef;
}
.vti__dropdown-list li {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 40px;
}
.vti__dropdown-list li strong {
	font-size: 12px;
}
.vti__dropdown-list li span {
	font-size: 12px;
}

.vti__dropdown {
	padding: 0px 5px !important;
}

.swal2-container { z-index:9700 !important; }


input[type="checkbox"].bp-toggle-switch {
	position: relative;
	width: 40px;
	height: 20px;
	-webkit-appearance: none;
	appearance: none;
	background: #ccc;
	outline: none;
	border-radius: 2rem;
	cursor: pointer;
	box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
  }
  
  input[type="checkbox"].bp-toggle-switch::before {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border:1px solid #ccc;
	position: absolute;
	top: -1px;
	left: 0;
	transition: 0.5s;
  }
  
  input[type="checkbox"].bp-toggle-switch:checked::before {
	transform: translateX(100%);
	background: #fff;
  }
  
  input[type="checkbox"].bp-toggle-switch:checked {
	background: #ffa500;
  }

  input[type="checkbox"].bp-toggle-switch.toggle-switch-small {
	position: relative;
	width: 32px;
	height: 16px;
  }

  input[type="checkbox"].bp-toggle-switch.toggle-switch-small::before {
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	border:1px solid #ccc;
	position: absolute;
	top: -1px;
	left: 0;
	transition: 0.5s;
  }
  

@media only screen and (max-width: 1000px) {

}

@media only screen and (max-width: 600px) {
	.bp-survey .question .ql-editor, .bp-survey .question .ql-editor p { font-size:24px; }
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {



}