body{
	font-family: "Open Sans";
}
h1{
	font-size:32px;
}
h2{
	font-size:24px;
}
h3{
	font-size:20px;
}
select {font-family: 'Font Awesome 5 Pro', Raleway,sans-serif;}
#app{
	padding: 46px 0 0 0;
}
address {
    /* background:rgba(0,0,0,.03); */
    /* margin-right: 20px; */
    /* padding: 10px 20px; */
}
ul {
   list-style-type:none;
   padding: 0;
}
.table td, .table th {
	padding: 8px;
}
.table th {
	white-space:nowrap;
}
.no-overflow {
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    display: block;
    text-align: center;
}
.navbar-header {
    background: #f7f7f7;
    border-bottom: 1px solid rgba(0,0,0,.09);
}
.navbar-side {background: rgba(0,0,0,.03);/* min-height: 893px; */}
.bd-content {border-left: 1px solid rgba(0,0,0,.09);}
.bd-sidebar {
    padding: 15px 0 0 0;
}
.bd-content > .row {
    margin-bottom:20px;
}
.bd-navbar .nav>li {
	width:100%;
}
.bd-navbar .nav>li>a {
    display: block;
    padding: 5px 15px;
    color: rgba(0,0,0,.65);
    text-decoration: none;
    font-size: 16px;
    transition: all 0.2s ease;
}
.bd-navbar .nav>li>a:hover {
    background: rgba(0,0,0,.06);
}
.bd-navbar .nav>li.bd-sidenav-head>a {
    font-size: 18px;
}
.main-content {
	float:left;
	padding-left: 0px;
}
.sidebar-right {
	float: left;
	padding: 0 30px 0 15px;
}
.nav-head{
	font-size: 16px;
	font-weight:200;
	padding: 8px 12px !important;
	color:rgba(0,0,0,.65);
	transition: all 0.2s ease;
}
.nav-head:hover{
	background: rgba(0,0,0,.06);
}
.bd-toc-item {
    padding-bottom: 20px;
}
.collapse > .bd-navbar {
    padding: 0;
}
.inprogress {
    color:#f20000 !important;
}
.page-widget{
	padding-bottom: 2rem;
}
.grid-style {
    border:1px solid;
    margin-bottom: 20px;
    margin: 0 10px 10px 0;
}
.fa-icon {
    width:100%;
    font-size:16px;
}
option.far,option.fab,option.fal,option.fas {
}
.fuckicon {
    font-size:48px;
    display: block;
    text-align: center;
}
.sub-box {
    background: rgba(0,0,0,.03);
    /* margin-right: 20px; */
    padding: 10px 20px;
    border-right: 20px solid #FFF;
}
.magento-color {
    color:#f46f25 !important;
}
.level-1 {
	padding-left: 20px !important;
}
.pointer {
	cursor:pointer;
}
.row {
	margin-bottom:20px;
}
.progress {
	margin-bottom:0 !important;
	padding:0;
}
span.progress {
	display: block;
	padding-top: 4px;
	background: none;
}
.panel-body > ul {
	padding-left:0px;
}
.panel-body > ul > li {
	padding-bottom:5px;
	list-style-type:none;
}
li > .progress {
	margin-left:10px;
}

.cluster-row {
	margin-bottom:0px !important;
}
.cluster-row > .col-md-8 > .panel {
	margin-bottom:5px !important;
}
.color-swatch {
	width: 20px;
	height: 20px;
	display:block;
	border: solid 1px #ccc;
	border-radius: 4px;
	margin-right: 10px;
	color: #FFF;
}
.circle {
	border-radius:50%;
}
.s100x100 {
	width:100px;
	height:100px;
	margin-right:auto;
	margin-left:auto;
	display:block;
}
.s200x200 {
	width:200px;
	height:200px;
}
.flag-sm {
	max-height: 16px;
	max-width: 20px;
}
.btn-off{
	padding:0;
	background:none;
	border:0 !important;
}
.navbar{
	padding:0px 16px;
}
.btn-heading{
	display: inline-flex;
}
.btn-heading>.btn, .btn-heading>form>.btn {
	margin-left:15px;
}
.pl-md-5, .px-md-5{
	padding:1rem 0 1rem 2rem!important
}
.description{
	min-height:200px;
	padding-right:10px;
}
/** Dropzone **/
.dropzone{
	border: 1px dashed rgba(0,0,0,.125);
	padding: 0px !important;
	min-height: 0px;
}

form#my-awesome-dropzone {}
.dropzone .dz-message{
	margin: 8px;
}
.dz-message {
	font-size: 20px;
}
/** ICONS **/
.icon-sm {
	font-size:1.125rem;
}
.icon-cl {
	border: 1px solid;
	border-radius:50%;
	padding: 4px 4.75px;
}
/** FILES **/
.file-image{
	display:block;
	max-width: 231.8px;
	max-height: 131px;
	object-fit: contain;
	width: auto !important;
	max-width:100%;
	margin: auto;
}
.file-image:hover{
	border: 1px dashed rgba(0,0,0,.250);
}
/** CARDS **/
.card{
	margin-bottom: 32px;
}
.card-body {
	padding:8px;
}
.card-body > form {
	padding:8px;
}
.card-img-alt{
	font-size: 4rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.card-file{
	height: 151px;
}
.card-link{
	display: block;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.card-sm>.card-header{
	padding:.75rem .75rem
}
.card-table{
	border-radius:0;
}
.card-table>.card-header{
	padding:8px;
	font-weight: bold;
}
.card-note .card-header>h5{
	margin-bottom:0;
}
.card-table>.card-body{
	padding:0;
}
.card-table>.card-body>.table{
	margin:0;
}
.card-table>.card-body>.table > tbody > tr td {
	padding: 8px;
}
.card-table>.card-body>.table > tbody > tr:first-child > td {
    border: 0;
}
.accordion>.card>.card-header>a {
	font-size:1.125rem;
	padding:15px;
}
.accordion>.card>.card-header>a:hover {
	text-decoration:none;
	background: rgba(0,0,0,.06);
}
.card .card-body .note-editor.note-frame {
	border:0;
}
/** MODAL **/
.modal{
	font-size:1rem;
	font-weight:normal;
}
/** accordion **/
.accordion-activity {
	margin-bottom:20px;	
}
.accordion .card:first-of-type{
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion-activity .card .card-header{
	padding-left:0;
}
.research-bulk-ops{
	padding:8px;
}
.table-header-advanceed{
	border:0 !important;
	padding:0 0 16px 0 !important;
}
tfoot .table-header-advanceed{
	padding-top:16px !important;
}
.mytextwithicon:before {
    content: "\25AE";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
 }