/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


/* Dashboard */
.welcome-text .title{
	font-size: 16px;
	margin: 25px 0px 20px;	
}
.welcome-text .title .name{
	font-size: 20px;
    font-weight: 700;
}
.table td, .table th{
	white-space: nowrap;
}
.ml-1 {
    margin-left: 1rem !important;
}
.mr-1 {
    margin-right: 1rem !important;
}
.min-w-200{
	min-width: 200px;
}

.mt-5px{
	margin-top: 5px;
}

.min-w-350{
	min-width: 350px;
}
.w-135px{
	width: 135px;
}
.h-145px{
	height: 145px;
}

.w-135px{
	width: 135px;
}
.h-145px{
	height: 145px;
}
.h-190px{
	height: 190px;
}


.app-user-view .user-total-numbers .color-box i, .app-user-view .user-total-numbers .color-box svg {
    height: auto !important;
    width: 1.285rem;
    font-size: 1.285rem;
}
.request-details .title{
	font-size: 15px;
}

.table-striped > tbody > tr:nth-of-type(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg) !important;
    color: unset;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: #fff !important;
    color: #000;
}

.custom-datatable tr:nth-of-type(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg) !important;
    color: unset;
}

table.dataTable {
    margin-top: 0px !important;
}
.table > :not(caption) > * > * {
    padding: 0.72rem 22px;
}

.me-cs-1{
	margin-right: 5px !important;
}
.ms-cs-1{
	margin-left: 5px !important;
}
.h-275px{
	height: 275px;
}
.h-245px{
	height: 246px;
}
.h-240px{
	height: 240px;
}
.h-205px{
	height: 205px;
}
.h-187px {
    height: 187px;
}
.h-155px {
    height: 155px;
}
.w-100px{
	width: 100px !important;
}
.h-100px{
	height: 100px !important;
}
.h-160px{
	height: 160px !important;
}
.w-200px{
	 width: 200px !important;
}
.h-200px{
	height: 200px !important;
}
.w-300px{
	width: 300px !important;
}
.min-h-200{
	min-height: 200px;
}
.card .card-title {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 1.53rem;
}
.fz-11{
	font-size: 11px !important;
}
.fz-12{
	font-size: 12px !important;
}
.fz-13{
	font-size: 13px !important;
}
.fz-14{
	font-size: 14px !important;
}
.fz-15{
	font-size: 15px !important;
}
.fz-16{
	font-size: 16px !important;
}
.fz-17{
	font-size: 17px !important;
}
.fz-18{
	font-size: 18px !important;
}
.fz-19{
	font-size: 19px !important;
}
.fz-20{
	font-size: 20px !important;
}
.fz-21{
	font-size: 21px !important;
}
.fz-22{
	font-size: 22px !important;
}
.fz-23{
	font-size: 23px !important;
}
.fz-24{
	font-size: 24px !important;
}
.fz-25{
	font-size: 25px !important;
}
.fz-26{
	font-size: 26px !important;
}
.fz-27{
	font-size: 27px !important;
}


.mt-12px{
	margin-top: 12px !important;
}
.mb-8px{
	margin-bottom: 8px !important;
}

.fw-500{
	font-weight: 500;
}
.fw-600{
	font-weight: 600;
}

.p-2px{
	padding: 2px !important;
}

.app-user-view.contact-details .card{
	min-height: 235px;
}


.form-canvas{
	border: 1px solid;
    border-radius: 4px;
    border-color: #d0d0d0;
    padding: 10px 10px;
}

.form-type-head{
	font-size: 16px;
    margin: 25px 0px 0px;
	margin-bottom: 10px;
}

.form-type-holder{
	border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.form-type-holder .form-block-head{
	background-color: #e8e8e8;
    padding: 8px 5px;
    border-radius: 4px 4px 0px 0px;
}
.form-type-holder .form-block-head h2{
	margin: 0;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.form-type-content{
	padding: 10px 10px;
}

.tbl-items-indications{
	background-color: #f1f1f1;
    width: fit-content;
    margin: 0 auto;
    padding: 6px 19px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
}

.auth-agreement{
	background-color: whitesmoke;
	padding: 10px 12px;
	margin-bottom: 25px;
}

.auth-agreement .text{	
	font-size: 13px;	
	margin: 0;
}

.sidebar-file-manager .sidenav-title{
	padding: 12px 10px 10px;
}

.jstree-node{
	margin: 10px 0px !important;
}

.user-avatar-section{
 position: relative;
}
.user-avatar-section .status-action{
	position: absolute;
	right: 0;
	top: 0;
}

.badge-whats-new{
	margin-bottom: 10px;
    padding: 8px 15px;
}
.rel-date{
	font-size: 13px;
    margin-left: 15px;
    border-left: 1px solid #a9a9a9;
    padding-left: 15px;
    color: #a9a9a9;
}


.color-option {
	height: 35px;
	width: 35px;
	list-style: none;
	border-radius: 4px;
	margin: 7px;
	transition: 0.2s;
	cursor: pointer;
  }
  .color-option:hover {
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
  }
  .color-option.is-selected {
	transform: scale(1.1);
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
  }
  
  .color-option:nth-child(1) {
	background: #5B00B7;
  }
  
  .color-option:nth-child(2) {
	background: #3a68b7;
  }
  
  .color-option:nth-child(3) {
	background: #34b7b0;
  }
  
  .color-option:nth-child(4) {
	background: #4f8f44;
  }
  
  .color-option:nth-child(5) {
	background: #c0582f;
  }
  
  .color-option:nth-child(6) {
	background: #a83030;
  }
  
  .color-option:nth-child(7) {
	background: #994385;
  }
  
  .color-grid {
	display: flex;
	margin: 0;
	padding: 0;
  }

  .turnicate-on-500{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 500px;
  }

.bookmark-wrapper.d-flex.align-items-center svg {
    margin-bottom: 7px !important;
}
.bdr-r-0{
	border-right: 0 !important;

}

.ql-editor{
	height: 200px !important;
}

/* slider filter */

#slideout {
    background: #666;
    position: absolute;
    width: 280px;
    height: 80px;
    top: 45%;
    right:-280px;
    padding-left: 20px
}
    
#clickme {
    position: absolute;
    top: 0; left: 0;
    height: 20px;
    width: 20px;
    background: #ff0000;
}

#slidecontent {
    float:left;
}
.picker__button--close:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
}

.author-info .user-cmt{
	font-size: 14px;
	font-weight: 400;
	margin-left: 15px;
}

.d-time{
	margin-top: 5px;
}

.timeline-sub{
	color: #000000 !important;
    font-weight: 400;
}

.app-user-view .user-total-numbers .color-box i, .app-user-view .user-total-numbers .color-box svg {
    height: 1.285rem;
    width: auto !important;
    font-size: 1.285rem;
}

.sub-ag {
	text-align: center;
	margin-right: 15px;
}

.sub-ag .thumb{
    width: 100px;
    height: 100px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: turquoise;
	border-radius: 6px;
	border: 1px solid #e7e7e7;
}

.sub-ag .title {
	text-align: center;
	margin-top: 5px;
}

.print-view-head{
	border-bottom: 1px solid #cbcbcb;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
}

.faq-custom .card.accordion-item .accordion-button {
	position: relative;
}

.faq-custom .rel-date {
    font-size: 13px;
    margin-left: 15px;
    border-left: 0 !important;
    padding-left: 15px;
    color: #a9a9a9;
	position: absolute;
    right: 45px;
}

.ico-lst-producer{
	/* width: 23px;
    height: 23px;
    background-color: #ffe8d1; */
    color: #ff8e22;
    border-radius: 30px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.ico-lst-ag-admin{
	/* width: 23px;
    height: 23px;
    background-color: #ffe0e0; */
    color: #ea5455;
    border-radius: 30px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.ico-lst-corporate{
	/* width: 23px;
    height: 23px;
    background-color: #e1ede7; */
    color: #60cb8e;
    border-radius: 30px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* slider filter */
/* responsive media */
@media only screen and (max-width: 768px) {
	.sm-h-auto{
		height: auto !important;
	}
	.sm-w-100{
		width: 100% !important;
	}
  }


  /* color pikcer radio */
  
.themepikcer input[type=radio] {
	display: none;
  }
  .themepikcer input[type=radio]:checked + label span {
	transform: scale(1.25);
  }
  .themepikcer input[type=radio]:checked + label .violetblue {
	border: 4px solid #dbdbdb;
  }
  .themepikcer input[type=radio]:checked + label .midblue {
	border: 4px solid #3a68b7;
  }
  .themepikcer input[type=radio]:checked + label .verdigris {
	border: 4px solid #dbdbdb;
  }
  .themepikcer input[type=radio]:checked + label .verdigris {
    border: 4px solid #dbdbdb;
  }
  .themepikcer input[type=radio]:checked + label .ferngreen {
	border: 4px solid #dbdbdb;
  }
  .themepikcer input[type=radio]:checked + label .chestnutred {
	border: 4px solid #dbdbdb;
  }
  .themepikcer input[type=radio]:checked + label .redbrown {
	border: 4px solid #dbdbdb;
  }
  .themepikcer input[type=radio]:checked + label .waterblue {
	border: 4px solid #dbdbdb;
  }

  
  .themepikcer label {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	
	cursor: pointer;
  }
  .themepikcer label:hover span {
	transform: scale(1.25);
  }
  .themepikcer label span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	transition: transform 0.2s ease-in-out;
  }
  .themepikcer label span.violetblue {
	background: #5B00B7;
  }
  .themepikcer label span.midblue {
	background: #3A68B7;
  }
  .themepikcer   label span.verdigris {
	background: #34b7b0;
  }
  .themepikcer label span.ferngreen {
	background: #4F8F44;
  }
  .themepikcer label span.chestnutred {
	background: #c0582f;
  }
  .themepikcer label span.redbrown {
	background: #a83030;
  }
  .themepikcer label span.waterblue {
	background: #2185D0;
  }
  /* color pikcer radio */

  .timeline .timeline-item .timeline-event .timeline-event-time {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}

.timeline .timeline-item .timeline-event {
    position: relative;
    width: 100%;
    min-height: 0;
}