/*General*/
	/*body{
		overflow-y: hidden;
	}*/

	html{
		background-color: #f7f7f7;
	}

	.btn-green{
		background-image: linear-gradient(to right, #00AF3B 0%, #00AF3B 51%, #007DBA 100%);
	    transition: 0.5s;
	    background-size: 300%;
	    color: white;
	}

	.btn-green:hover{
		background-position: right center; /* change the direction of the change here */
       color: #fff;
       text-decoration: none;
	}

	.btn-degradete{
		background-image: linear-gradient(to right, #007DBA 0%, #00AF3B 51%, #00AF3B 100%);
	    transition: 0.5s;
	    background-size: 300%;
	    color: white;
	}

	.btn-degradete:hover{
		background-image: linear-gradient(to right, #00AF3B 0%, #00AF3B 51%, #00AF3B 100%);
       color: #fff;
       text-decoration: none;
	}

	.btn-lg{
		width: 300px;
	}

	.header{
		min-height: 51px;
	    border-radius: 0px 0px 10px 10px;
	    padding: 10px 0px;
	    margin: 0px 20px ;
	    background: linear-gradient(89.98deg, #002B49 0.64%, #007DBA 99.99%);
	    display: flex;
	    align-items: center;
	    position: relative;
	    z-index: 4;
	    position: fixed;
    	width: -webkit-fill-available;
	}

	.body-tbl{
		min-height: 51px;
	    border-radius: 0px 0px 10px 10px;
	    padding: 10px 0px;
	    margin: 0px 20px ;
	    top: 51px;
	}

	.dataTables_scrollBody{
		position: relative; 
		overflow-y: auto !important;
		overflow-x: scroll;
		width: 100% !important; 
		height: 100vh !important;
	}

	.margin-edit{
		margin-left: 100px;
	}

	/*.dataTables_scrollBody_click{
		overflow-y: initial !important;
		overflow-x: initial !important;
	}
*/

	.overflow{
		overflow: scroll;
		height: 100vh;
	}

	.btn-border-green{
		border: 1px solid #00AF3B;
		border-radius: 21px;
		min-height: 30px;
		background: white;
		padding: 5px 20px;
		color: #00AF3B;
		font-size: 13px;
		display: flex;
    	align-items: center;
    	font-weight: 700;
    	text-decoration: none;
    	min-width: 130px;
    	justify-content: center;
	}


	.btn-border-green:hover{
		background:#00AF3B;
		color: white;
		text-decoration: none;
	}	

	.btn-border-green:hover img{
		filter: brightness(0) invert(1);
		text-decoration: none;
	}

	.btn-border-green img{
		margin-left: 5px;
	}

	.btn-green{
		border: 1px solid #00AF3B;
		border-radius: 21px;
		min-height: 30px;
		padding: 5px 20px;
		font-size: 14px;
		background:#00AF3B;
		color: white;
		font-weight: 500;
		width: 107px;
		text-decoration: none;
	}

	.btn-green:hover{
		background: white;
		color: #00AF3B;
	}

	.container-gral{
		/*display: grid;
		grid-template-columns: 100px  auto;
		align-items: start;*/
		display: flex;
	}

	.container-center{
		grid-template-columns: repeat(4, 1fr);
		display: grid;
		column-gap: 25px;
	}

	.btn-cancel{
		border: 2px solid #FFFFFF;
		border-radius: 9px;
		width: 172px;
		padding: 5px 10px;
		background: transparent;
		color: white;
		font-weight: 800;
		font-size: 14px;
		display: flex;
    	justify-content: center;
    	text-decoration: none;
	}


	.btn-cancel:hover{
		background: #2f5487;
	}

	a:hover {
	    text-decoration: none;
	}

	.btn-update{
		background: #00AF3B;
		border: 2px solid #FFFFFF;
		border-radius: 9px;
		color: white;
		font-weight: 800;
		font-size: 14px;
		width: 172px;
		padding: 5px 10px;
		display: flex;
    	justify-content: center;
    	text-decoration: none;
	}


	.btn-update:hover{
		background: #03802c;
	}

	.dropdown-menu.show{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		border: 1px solid gray;
		padding: 0px 0px !important;
	}

	.dropdown-item{
		font-weight: 500;
		font-size: 13px;
		line-height: 16px;
		color: #404040;
		min-height: 30px;
		display: flex;
		align-items: center;
	}


	.form-container{
	    width: 700px;
	    margin: 90px auto 0px;
	    background: #FFFFFF;
	    border-radius: 10px 10px 0px 0px;
	    color: #808080;
	}

	.table-head{
		font-family:'Poppins';
		font-size:14px; 
		line-height:20px; 
		font-weight: 800 !important;
	}

	.color-text-black{
		color: #404040;
	}

	.nowrap{
		white-space: nowrap;
	}

	/*.h-89vh{
		height: 89vh;
	}*/

	.container-gral-no-menu{
		grid-template-columns: 0% 100%;
	}

	.container-gral-clic-menu{
		grid-template-columns: 100% 0% ;
		display: flex;
	}

	.icon-close{
		cursor: pointer;
	}

/*Login*/

	.dates-gral{
		font-size: 16px;
		color: #017DBA;
		margin-top: 0px;
	}

	.bg-blue-gradient{
		background: linear-gradient(89.98deg, #002B49 0.64%, #007DBA 99.99%);
	}


	.bg-ellipse-cover-top {
	    -webkit-clip-path: ellipse(65% 70% at 50% 28%);
	    clip-path: ellipse(65% 70% at 50% 28%);
	}


	.bg-ellipse-cover-bottom {
	    -webkit-clip-path: ellipse(85% 75% at 50% 75%);
	    clip-path: ellipse(85% 75% at 50% 75%);
	}

	.card-login{
		box-shadow: 0px 2px 27px rgba(0, 0, 0, 0.15);
		border-radius: 15px;
	}

	.curva-login {
	    height: 55vh;
	    left: 0;
	    right: 0;
	    bottom: 0px;
	    z-index: 0;
	}

	.section-blue{
		height: 50vh;
	}

	.bg-input {
	    background-color: #F3F3F3 !important;
	}

	.form-control-login {
	    width: 100%;
	    display: inline-block;
	    background: #F3F3F3;
	    border-radius: 5px;
	    border: 1px solid #F3F3F3;
	}

	.input-group-text {
		height: 100%;
	}

/*menu*/

	.icon-menu{
		cursor: pointer;
	}

	.vertical-menu a {
	  display: block;
	  position: relative;
	  color: white;
	  text-decoration: none;
	  cursor: pointer;
	  transition: all .3s ease-in-out;
	}

	.vertical-menu a:hover::before {
	  	display: block;
	  	position: absolute;
	  	height: 4.5rem;
	 	border-right: 0px;
		border-left: 3px;
		border-top: 0px;
		border-bottom: 0px;
	  	border-style: solid;
		border-image: linear-gradient(to top, #43B02A, #007DBA) 1;
		text-decoration: none;
	  	color: white;
	}

	.indicator {
	  	display: block;
	  	position: absolute;
	  	width: .375rem;
	  	height: 4.5rem;
	 	border-right: 0px;
		border-left: 4px;
		border-top: 0px;
		border-bottom: 0px;
	  	border-style: solid;
		border-image: linear-gradient(to top, #43B02A, #007DBA) 1;
		text-decoration: none;
	  	color: white;
	  	z-index: 1;
	}

	.active{
		display: block;
	  	position: absolute;
	  	width: .375rem;
	  	height: 2.5rem;
	 	border-right: 0px;
		border-left: 3px;
		border-top: 0px;
		border-bottom: 0px;
	  	border-style: solid;
		border-image: linear-gradient(to top, #43B02A, #007DBA) 1;
		text-decoration: none;
	  	color: white;
	  	z-index: 1;
	}	

	.list-menu{
		display: flex;
		flex-direction: column;
		text-align: center;
		white-space: nowrap;
		/*position: fixed;
    	height: -webkit-fill-available;*/
	}

	.list-menu div{
		padding-top: 0px;
		padding-bottom: 15px;
	}

	.bar-menu{
		background: red;
	    height: 100%;
	    min-height: 100vh;
	    background: linear-gradient(180deg, #172750 0%, #017DBA 100%);
	    color: white;
	    font-weight: 800;
	    font-size: 11px;
	    /*z-index: 999999;*/
	    z-index: 1040;
    	/*position: relative;*/
    	position: fixed;
    	top: 0;
    	width: 100px;
	}

	.header img{
		filter: invert(1);
		padding-left: 20px;
	}

/*my profile*/

	.bg-blue{
		background: #027DBB;
	}

	.bg-green{
		background: #43B02A;
	}

	.bg-green-second{
		background: #00AA9E;
	}

	.bg-green-third{
		background: #098B90;
	}

	.card-my-profile{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height:117px;
		padding: 15px;
		border-radius: 8px;
	}

	.card-my-profile img{
		margin-bottom: 10px;
	}

/*Edit profile*/

	.form-footer{
		background: #017DBA;
	    border-radius: 0px 0px 10px 10px;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	    padding: 20px;
	    /*margin-bottom: 30px;*/
	}

	.form-edit-profile-div{
		display: flex;
	    align-content: space-between;
	    flex-direction: column;
	    justify-content: space-between;
	    /*height: 100%;*/
	    background: white;
	    border-radius: 10px;
	}

/*Add workshop*/

	input[type=file]::file-selector-button {
		background: #43B02B; 
		color: white;
		border: 1px solid #43B02B; 
		height: 35px;
		
	}

	#input-b2 {
	    position: relative;
	    cursor: pointer;
	}


	#input-b2::before {
	  	content: "Seleccionar...";
	    position: absolute;
	    z-index: 2;
	    color: white;
	    background: #43B02B; 
	    border: 1px solid #43B02B; 
	    width: 140px;
	    height: 35px;
	    font-weight: 800;
	    border-radius: 3px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    cursor: pointer;
	}


	.div-img{
		display: flex;
    	justify-content: center;
	}


	.div-img img{
	    height: 60px;
	    width: 60px;
	    object-position: 50% 50%;
	    border-radius: 10px;
	    aspect-ratio: 1/1;
	}
	
	.form-gral input{
		border: 3px solid #B8B8B8;
		border-radius: 5px;
	}


	.form-gral select{
		border: 3px solid #B8B8B8;
		border-radius: 5px;
	}


	.form-gral  select{
	  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICAgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=') no-repeat;
	  background-size: 15px;
	  background-position:  right 10px center;
	}


	.line{
		position: absolute;
	    width: 20px;
	    padding: 0;
	    color: #808080;
	    text-align: center;
	    right: 160px;
	    top: 8px;
	    font-weight: 800;
	    font-size: 18px;

	}

	.text-green{
		color: #00AF3B;
		cursor: pointer;
		font-weight: 600;
	}

	.text-green:hover{
		color: #017DBA;
	}

	.form-add-workshop{
		height: 86vh;
		/*overflow: scroll;
		overflow-x: hidden;*/
	}

	.foto_taller{
		cursor: pointer;
	}
/*Cotizaciones*/
	
	.search{
		background: #FFFFFF;
		border-right: 0px solid #B9B9B9;
		border-left: 1px solid #B9B9B9;
		border-top: 1px solid #B9B9B9;
		border-bottom: 1px solid #B9B9B9;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		width: 302px;
		height: 30px;
	}

	.input-group-prepend{
		display: flex;
    	justify-content: center;
   		align-items: center;
		height: 30px;
    	padding: 5px 10px;
    	
    	z-index: 3;
    	position: absolute;
    	margin: 0px 10px;
    	left: 250px;
	}

	.group-coti{
		margin: 0px 10px;
		position: relative;
		background: #FFFFFF;
	}


	.icon-view{
		cursor: pointer;
	}

	.icon-view img{
		width: 22px;
	}

/*Modal*/
	
	.modal-content{
		border-radius: 8px;
		border: 1px transparent !important;
		border-bottom-left-radius: 8px !important;
    	border-bottom-right-radius: 8px !important;
	}

	.modal-header{
		border-top-left-radius: 8px;
    	border-top-right-radius: 8px;
    	border-bottom: 0px solid #dee2e6;
    	justify-content: end;
	}

	.border-radius-8{
		border-radius: 8px !important;
	}

	.btn-close{
		cursor: pointer !important;
		color: white !important;
		background: none;
	}

	.modal-content-load{
		width: 450px;
    	height: 180px;
    	padding: 25px 15px;
    	display: flex;
    	justify-content: flex-end;
    	border-radius: 8px;
	}

	.modal-content-load h5{
		color: #007DBA !important;
		text-align: center;
	}

	.customer-data{
		display: grid;
		grid-template-columns: 50% 50%;
	}

	.customer-data h4{
		color: #007DBA;
	}


	.customer-data ul{
		list-style: none;
		color: #000000;
		padding: 0;
	}


	.customer-data li{
		padding-bottom: 5px;
	}

	
	.area-1{
		border-bottom-left-radius: 8px;

	}

	.area-2{
		border-bottom-right-radius: 8px;
	}

	.section-collapse{
		border-top-right-radius: 10px;
    	border-top-left-radius: 10px;
	}

	.section-footer{
		border-bottom-right-radius: 10px;
    	border-bottom-left-radius: 10px;
	}

	.header-gral img:hover{
		cursor: pointer;

	}

/*Modal cotizaciones*/

	.natgas-blue{
		background: #007DBA;
	}

	.natgas-gray{
		background: #EDEDED;
	}

	.natgas-gray-second{
		background: #F5F5F5;
	}

	.grid-price{
		display: grid;
		grid-template-columns: 50% 50%;
	}

	.section-a{
		border-bottom-left-radius: 9px;
		border-top-left-radius: 9px;
		/*justify-content: space-around;*/
		align-items: center;
		background: #FFFFFF;
		border: 1px solid #EDEDED;
		backdrop-filter: blur(26px);
		/*border-radius: 9px;*/
		color: #404040;
	}

	.section-b{
		border-bottom-right-radius: 9px;
		border-top-right-radius: 9px;
		font-weight: 800;
		font-size: 25px;
		line-height: 31px;

	}

	.section-workshop{
		display: grid;
		grid-template-columns: 100%;
	}

	.dropdown button{
		outline: 0px dotted;
	}

	.grid-modal-quotation{
		display: grid;
		grid-template-columns: 50% 50%;
	}

	.grid-modal-quotation span{
		font-weight: 400;
		font-size: 14px;
		line-height: 27px;
		color: #000000;
	}

	.grid-modal-quotation .title-modal-quotation{
		font-family: 'Poppins';
		font-weight: 800;
		font-size: 16px;
		line-height: 20px;
		color: #007DBA;
		margin-bottom: 5px;
	}

	.grid-modal-quotation-inner{
		display: grid !important;
		grid-template-columns: 50% 50%;
	}


	.div-cita{
		background: #007DBA;
		border-radius: 9px;
		width: 90%;
		height: 73px;
		color: white;
		margin-top: 20px;
		padding: 15px;
	}

	.horarios{
		background: transparent;
	    border: solid 0px transparent;
	    padding: 0;
	}

	.popover-body, .popover-header{
		background: rgb(104,169,252);
    	color: white;
    	border-bottom: 1px solid rgb(104,169,252);
	}

	.popover-body{
		border-bottom-right-radius: 3px;
    	border-bottom-left-radius: 3px;
	}

	.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after{
		border-left-color: rgb(104,169,252);
	}

	.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after{
		border-bottom-color: rgb(104,169,252);
	}


	.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before{
		border-bottom: 0px solid #f0f0f0;
	}

	.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after{
		border-right-color: rgb(104,169,252);

	}


	.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before{
		border-right-color: rgb(104,169,252);
	}

	.grid-modal-quotation-footer{
		display: grid;
		/*grid-column-gap: 30px;*/
		grid-template-columns: 50% 50%;
		border-top: 1px solid #CCCCCC;
		border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	}

	.border-right{
		border-right: 1px solid #CCCCCC;
	}

	.text-1{
		font-weight: 800;
		font-size: 20px;
		line-height: 25px;
		color: #404040;
		margin: 0;
	}

	.text-2{
		font-weight: 800;
		color: #007DBA;
		margin: 0;
	}

	.grid-gral{
		border: 1px solid #CCCCCC;
	    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	}


	/**********File Inputs**********/
	.container-input {
	    text-align: center;
	    border-radius: 6px;
	    margin: 0 auto;
	    /*margin-bottom: 20px;*/
	    border-radius: 0px 4px 4px 0px;
	}

	.inputfile {
	    width: 0.1px;
	    height: 0.1px;
	    opacity: 0;
	    overflow: hidden;
	    position: relative;
	    z-index: -1;
	    display: none;
	}

	.inputfile + label {
	    /*max-width: 80%;*/
	    font-size: 1.25rem;
	    font-weight: 700;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    cursor: pointer;
	    display: inline-block;
	    overflow: hidden;
	    padding: 0.625rem 1.25rem;
	}

	.inputfile + label svg {
	    width: 1em;
	    height: 1em;
	    vertical-align: middle;
	    fill: currentColor;
	    margin-top: -0.25em;
	    margin-right: 0.25em;
	}


	/* style 7 */

	.inputfile-7 + label {
	    color: black;
	}

	.inputfile-7 + label {
	    border: 1px solid #C0C0C2;
	    font-size: 1rem;
	    background-color: #fff;
	    padding: 0;
	    border-radius: 0px 4px 4px 0px;
	    width: 100%;
	    position: relative;
	    height: 40px;
	    margin: 0;
	}

	.inputfile-7:focus + label,
	.inputfile-7.has-focus + label,
	.inputfile-7 + label:hover {
	    border-color: #10384F;
	}

	.inputfile-7 + label span,
	.inputfile-7 + label strong {
	    padding: 0.625rem 0.5rem;
	}

	.inputfile-7 + label span {
	    width: 100%;
	    min-height: 1em;
	    display: inline-block;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    vertical-align: top;
	    text-align: left;
	    color: #6A6A6A;
	    font-weight: 500;
	}

	.inputfile-7 + label strong {
	    height: 100%;
	    color: #fff;
	    background-color: #00AF3B;
	    display: inline-block;
	    position: absolute;
	    right: 0;
	}

	.inputfile-7:focus + label strong,
	.inputfile-7.has-focus + label strong,
	.inputfile-7 + label:hover strong {
	    background-color: #03802c;
	}

	.inputfil:focus img{
		filter: brightness(0) invert(1);
	}


	/*.container-input:hover img{
		filter: brightness(0) invert(1);
	}*/


	

/*Gral tables*/

	tbody{
		font-size: 13px;
	}

	.dropdown button{
		border: transparent;
		background: transparent !important;
	}

	.dropdown-item:focus, .dropdown-item:hover {
	    color: #FFFFFF;
	    background: #00AF3B;
	    text-decoration: none;
	    font-weight:700;
	}

	.dropdown-menu{
		padding: 0;
	}

	.dropdown span{
		font-size: 22px;
    	font-weight: 600;
    	padding: 0px 20px !important;
	}

	.dropdown button{
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 15px;
	}

	.table-head{
		background: #017DBA;
		border-radius: 8px 8px 0px 0px;
		color: white;
	}

	table tbody{
		border-collapse: collapse;
		background: #F5F5F5;
		color: #404040 !important;
	}


	.table-gral tbody {
	    padding: 8px 15px 8px 15px !important;
	}


	.table-wrap{
	    border-bottom: 3px solid transparent !important;
	}

	div.dataTables_wrapper {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        position: absolute;
    	top: 50px;
    	padding-bottom: 30px;
    }

	table.dataTable.no-footer {
	    border-bottom: 1px solid transparent;
	}

	table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {
	    background-color: #F5F5F5;
	    white-space: normal !important;
	}


	.table-gral th:first-child {
	    border-radius: 0;
	}

	table.dataTable thead th, table.dataTable thead td {
		border-bottom: 1px solid transparent !important;
		padding: 10px 10px
	}


	.nowrap tbody th, .nowrap tbody td {
	    white-space: normal;
	}

	.nowrap thead th, .nowrap thead td {
	    white-space: normal;
	}

	table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
		position: relative;
	}

	table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd:after {
	  	content : "";
	  	position: absolute;
		left    : 10px;
		right   : 10px;
		bottom  : 0;
		height  : 1px;
		width   : 98%;  /* or 100px */
		border-bottom:1px solid #017DBA;
	}


	table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even{
		position: relative;
	}

	table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even:after {
	  content : "";
	  position: absolute;
	  left    : 10px;
	  right   : 10px;
	  bottom  : 0;
	  height  : 1px;
	  width   : 98%;  /* or 100px */
	  border-bottom:1px solid #017DBA;
	}


	table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd:last-child:after {
	  content : "";
	  position: absolute;
	  border-bottom:1px solid transparent;
	}


	table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
	   	border-top: 1px solid transparent;
	}


	/* bottom-left border-radius */
	table.roundedTable tr:last-child td:first-child {
	    border-bottom-left-radius: 8px;
	}

	/* bottom-right border-radius */
	table.roundedTable tr:last-child td:last-child {
	    border-bottom-right-radius: 8px;
	}


	.dataTables_wrapper.no-footer .dataTables_scrollBody {
		border-bottom: 0px solid #111 !important;
	}


	.dataTables_wrapper.no-footer .dataTables_scrollBody{
		border-bottom: 0px solid rgba(0, 0, 0, 0.3) !important;
	}

	.dataTables_scrollBody {
		/*max-height: 70vh !important;*/
	}

	#example_filter input{
		width: 100%;
	  	background: #FFFFFF;
		border-right: 1px solid #B9B9B9;
		border-left: 1px solid #B9B9B9;
		border-top: 1px solid #B9B9B9;
		border-bottom: 1px solid #B9B9B9;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 20px;
    	border-bottom-right-radius:20px;
    	padding-left: 15px;
    	padding-right: 35px;
		width: 302px;
		height: 30px;
		position: relative;
	}


	#example_filter{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		padding-top: 10px;
		position: relative;
    	top: 0px;
	}


	.dataTables_filter label{
		display: flex;
		flex-direction: row-reverse;
		padding-bottom: 10px;
	}


	.dataTables_filter input:focus-visible{
		outline: none !important;
	}

	label{
		margin-bottom: 5px;
	}

	input{
		margin-bottom: 10px;
	}

	.child{
		background: #F5F5F5;
	}


	.dataTables_scrollHead{
		border-top-right-radius: 8px !important;
		border-top-left-radius: 8px !important;
	}

	.body-dashboard{
		width: 100%;
		margin-left: 100px;

	}

	html, body, section{
		background:  #f7f7f7;
	}

	.bar-menu{
		display: block;
	}


	
/*Medias*/
	@media only screen and  (max-width: 1199px) {
		.bar-menu{
			display: block;
		}
	}


	@media (min-width: 992px){
		.modal-lg {
	    	max-width: 1000px !important;
	    }

	    /*.container-gral{
			display: grid;
			grid-template-columns: 100px  91%;
			align-items: start;
		}*/
		
		.icon-close{
			display: none;
		}

		.icon-menu{
			display: none;
		}

		.bar-menu{
			display: block;
		}

		.margin-edit{
			margin-left: 100px;
		}

		.bar-menu{
			display: block !important;
		}
	}


	@media only screen and  (max-width: 991px)  {
		.my-profile-center{
			grid-template-columns: repeat(2, 1fr);
			display: grid;
			grid-gap: 25px;
		}

		.modal-lg {
	    	max-width: 700px !important;
		}

		.container-center {
		    grid-template-columns: repeat(2, 1fr);
		    display: grid;
		    column-gap: 25px;
		    grid-row-gap: 25px;
		}

		/*.container-gral{
			display: grid;
			grid-template-columns: 0px  100%;
			align-items: start;
		}*/
		.body-dashboard{
			width: 100%;
			margin-left: 0px;
		}

		.div-gral .container-gral{
			grid-template-columns: 100% auto;
		}

		.div-gral-second .container-gral{
			grid-template-columns: 100% 100%;
		}

		.indicator{
			display: none;
		}

		.header {
		    border-radius: 0px; 
		    margin: 0px; 
		    position: fixed;
		    width: 100%;
		}

		.bar-menu{
			/*display: none;*/
			width: 100vw;
		}

		.option-menu div:hover{
			background: #3e6fa6b0;
		}

		.option-menu img{
			width: 50px;
		}

		.icon-close{
			display: block;
		}

		.icon-menu{
			display: block;
		}

		.list-menu div{
			padding-top: 15px;
		}

		.bar-menu {
			height: auto;
		}    
		
		.line{
			display: none;
		}

		div.dataTables_wrapper {
		    /*width: 98%;*/
		}

		.bar-menu{
			display: none;
		}

		.div-cita{
			width: 100%;
		}
		
		.margin-edit{
			margin-left: 0px;
		}

		.grid-modal-quotation{
			grid-template-columns: repeat(1, 1fr);
		}

		.grid-modal-quotation-footer{
			grid-template-columns: repeat(1, 1fr);
		}

		/*.grid-modal-quotation-footer h3{
			font-size: 20px;
		}

		.grid-modal-quotation-footer .text-1{
			font-size: 17px;
		}*/


	}

	@media only screen and  (max-width: 767px)  {
		.my-profile-center{
			grid-template-columns: repeat(1, 1fr);
			display: grid;
			grid-gap: 25px;
		}

		.line{
		 	right: 202px;
		}

		.modal-lg {
	    	max-width: 700px;
		}

		.container-center {
		    grid-template-columns: repeat(1, 1fr);
		    display: grid;
		    column-gap: 25px;
		    grid-row-gap: 25px;
		}

		.form-container {
		     width: 100%; 
		}

		.dropdown span {
		    padding: 0px !important;
		}

		.dropdown button{
			padding: 0;
		}

		/*.container-gral{
			display: grid;
			grid-template-columns: 0px  100%;
			align-items: start;
		}*/

		.indicator{
			display: none;
		}

		.nowrap tbody th, .nowrap tbody td {
		    white-space: nowrap !important;
		}

		.nowrap thead th, .nowrap thead td {
		    white-space: nowrap !important;
		}

		.btn-cancel{
			width: 150px;
		}

		.btn-update{
			width: 150px;
		}

		div.dataTables_wrapper {
		    /*width: 97%;*/
		}

		/*.bar-menu{
			display: none !important;
		}*/
		

		.grid-modal-quotation-footer h3{
			font-size: 20px;
		}

		.grid-modal-quotation-footer .text-1{
			font-size: 17px;
		}
	
	}

	@media only screen and  (max-width: 575px) {
		.modal-lg {
	    	max-width: 700px;
		}

		.grid-modal-quotation-inner{
			display: grid !important;
			grid-template-columns: repeat(1, 1fr);
			row-gap: 20px;
		}

		.grid-modal-quotation-footer img{
			width: 50px;
		}

		.grid-modal-quotation-footer h3{
			font-size: 14px !important;
			line-height: 20px;
		}

		.grid-modal-quotation-footer .text-1{
			font-size: 14px !important;
			line-height: 20px;
		}
	}


/*Scroll*/
	
	::-webkit-scrollbar{
	    height: 6px;
	    width: 6px;
	    background: transparent!important; 
	}

 
	/* Handle */
	::-webkit-scrollbar-thumb {
	 	background: #017DBA !important; 
		border-radius: 10px;
		margin: 20px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	 background: #017DBA!important; 
	}

	::-webkit-scrollbar-thumb:horizontal{
	    background: #017DBA; 
	    border-radius: 10px;
	}



.dropup, .dropend, .dropdown, .dropstart {
    position: inherit;
}