/******* geral *******/

.swal2-cancel{
	margin: 5px !important;
}

.m-010 {
    margin: 0.10rem !important;
}

.pointer-p{
	cursor:pointer !important;
}

.padding-icon{
	padding-left:2px;
	padding-right:2px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0 !important;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    
}

.list-group-item:first-child {
    border-top-left-radius: 0.25rem; 
    border-top-right-radius: 0.25rem;
   
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.elevation-3 {
    box-shadow: 0 0px 0px rgba(0,0,0,.19),0 0px 0px rgba(0,0,0,.23)!important;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

/********** SIZE LAYOUT ************/
@media screen and (min-width: 720px){
	.btn {
		font-size: 14px;
	}
	
	body{
		font-size:14px !important;
	}
	
	input.form-control{
		height: calc(2rem + 1px) !important;
		font-size:14px !important;
	}
	
	.custom-file-label{
		height: calc(2rem + 1px) !important;
	}
	
	.btn-sidebar{
		padding: 0.175rem 0.75rem;
	}
	
	table.dataTable tbody th, table.dataTable tbody td {
	    padding: 6px 10px;
	}
	
	table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
	    padding: 1px 10px !important;
	}
	
	.dropdown-menu{
		font-size:14px !important;
	}
	
	.input-group-text{
		font-size: 14px;
	}
	
	.input-group-text {
		padding: 0.3rem 0.75rem;
	}
	
	.input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
	    padding: 0rem 1rem;
	}
	
	.btn-buttton-aj{
		padding: 0rem 0.75rem;
	}
	
	.custom-file{
		height: calc(1rem + 2px);
	}
	
	.form-control {
    	height: calc(2rem + 2px);
    	font-size: 14px;
	}
	
}

label {
    display: inline-block;
    margin-bottom: 0.1rem !important;
}


@media screen and (min-width: 0px) and (max-width: 720px){
	.controll-scroll-page{
		height: 100%;
		overflow: hidden;
		width: 100%;
		position: fixed;
	}
	
	.padding-bottom-menu-mobile{
		padding-bottom:300px !important;
	}
	
	.metismenu-mobile-li :hover, .metismenu-mobile-li a:hover, .metismenu-mobile-li a:hover {
	  background-color: #f0ebf5;
	  color:#47404f !important;
	  display: block;
	  border-radius: 17px
	  
	}
	
	/*.metismenu-mobile-li :hover, ul {
	  background-color: transparent;
	  color:#47404f !important;
	  display: block;
	  border-radius: 17px
	}*/
	
}

.buttom-pb{
	margin-top:2px;
	margin-bottom:2px;
}

.loadscreenrefresh {
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    height: 100vh;
    background: #ffffff;
    z-index: 999;
}


.loadscreenrefresh .loader {
    position: absolute;
    top: calc(50vh - 50px);
    left: 0;
    right: 0;
    margin: auto;
}


@media screen and (min-width: 0px) and (max-width: 720px){
	.toggle-dark{
		font-size:20px;
	}
}

@media screen and (min-width: 720px){
	.toggle-dark{
		font-size:16px;
	}
}


.layout-sidebar-large .main-header .menu-toggle div {
    background: #c2c6dc;
   
}

.layout-sidebar-vertical .sidebar-panel .side-nav .main-menu ul li a {
    color: #47404f;
    display: flex;
    align-items: center;
    height: 35px;
    padding: 0px 0px;
    padding-left:10px;
    padding:right:0px;
    margin-bottom: 10px;
    cursor: pointer;
}

.tab-border-ul{
	border-radius: 0px;
}

.bg-icon-fa-primary{
	color: rgba(102, 51, 153, 0.28);
}



/******* login *******/

.auth-layout-wrap .auth-content {
   max-width: 660px;
   margin: auto; 
}

@media (min-width: 1024px) {
	.auth-layout-wrap .auth-content{
    	min-width: 330px; 
	} 
}

@media (max-width: 767px) {
  	.auth-layout-wrap .auth-content {
    	padding: 15px; 
    	width: 90%; 
	}
  	.auth-right {
    	padding: 80px 15px; 
   	} 
}


.element-on{
	display:block;
}

.element-off{
	display:none;
}

/******* page icons *******/

.customize-icons__list {
    padding: 0px 0 0;
}


.customize-icons__list {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
}


.customize-icons__list li {
    width: 20%;
    padding: 0 10px;
    margin: 0 0 30px;
}


.customize-icons__list li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 12%;
    padding: 0 15px;
    margin: 0 0 0px;
    color: #999999;
    font-family: "proximanova-light", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}

.customize-icons__pic {
    width: 144px;
    height: 144px;
}


.customize-icons__pic {
    position: relative;
    margin: 0 auto 22px;
   width: 120px;
    height: 110px;
    border-radius: 4px;
    background: #fff;
    transition: background .3s ease;
    padding-top:10px;
    background: #eee;
    color: #47404f;
}

.customize-icons__pic .customize-icons__pic-hover {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s ease;
}


.customize-icons__text{
	color:#70657b ;
	margin-top:5px;
	font-size:13px;
}


pre {
  	display: block;
  	font-family: monospace;
  	white-space: pre;
  	margin: 1em 0;
  	border-radius: 10px;
	box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
   	border: 0;
   	padding:10px;
}

/****** sweetalert ***********/
.swal2-actions {
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 4.5em auto 0 !important;
}




/****** alert card **********/

.alert-card.alert-danger h3{
	color: #7f231c;
	font-weight: bold;
}

.alert-card.alert-success h3{
	color: #285b2a;
	font-weight: bold;
}

.alert-card.alert-warning h3{
	color: #856404;
	font-weight: bold;
}

.alert-card.alert-info h3{
	color: #001b3c;
	font-weight: bold;
}

/*.sidebar-panel {
    height: 100vh;
    position: fixed;
    top: 0;
    left: -240px;
    width: 240px;
    z-index: 1000;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
    background: #fff;
}*/




/****** datatable *******/
table.dataTable.table-condensed > thead > tr > th {
    padding-right: 0.75rem;
    line-height: 2.5;
    /*font-size:0.780rem;*/
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6 !important
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075);
}

table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
    color: white;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #08C;
}

.table .thead-dark th {
	background-color: #fdfdfe;
	color: #fff;
	color: #212529;
	border: 1px solid #dee2e6;
    /*color: #fff;
    background-color: #212529;
   */
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 0.7em 0;
    font-size:14px;
    /*font-weight: bold;*/
}

table.table-bordered.dataTable thead th, table.table-bordered.dataTable tbody td {
	border-bottom-width: 0;
	vertical-align:middle !important;
	/*font-size:0.785rem;*/
	font-size: 0.85rem;
}


@media screen and (min-width: 0px) and (max-width: 720px){
	.buttons-copy{
		display:none !important;
	}
	
	.buttons-csv{
		display:none !important;
	}
	
	.buttons-excel{
		display:none !important;
	}
	
	.buttons-pdf{
		display:none !important;
	}
	
	.buttons-print{
		display:none !important;
	}
	
	.buttons-collection{
		display:none !important;
	}
	
	div.dt-buttons {
	    float: none !important;
	    text-align: left;
	}
	
	div.dataTables_wrapper div.dataTables_filter{
		text-align: right !important;
		margin-top:20px;
	}
	
}






/****** table *******/
table.table-sm > thead > tr > th {
    padding-right: 20px;
    line-height: 2.3;
    font-size:0.780rem;
}

table.table-sm tbody th, table.table-sm tbody td {
    border-bottom-width: 0;
    vertical-align:middle !important;
	line-height: 2.0;
}

.table-sm th, .table-sm td {
    padding: 0.4rem;
    font-size:0.785rem;
}

.table-row-danger{
	background-color: #f7d3d3 !important;
}

.table-row-success{
	background-color: #cff7b0 !important;
}

.table-row-warning{
	background-color: #fbfd9d !important;
}

.table-row-info{
	background-color: #beeafb !important;
}

.table-row-defaul{
	background-color: #c0eafb !important;
}



.table-align-midle td{
	vertical-align:middle;
}



/****** modal *******/
body.modal-open-controll {
  	height: 100vh;
  	overflow-y: hidden;
	width: 100%;
	position: fixed;
}

@media screen and (min-width: 0px) and (max-width: 720px){
	.modal-gg {
	    max-width: 95% !important;
	}
	
	.modal-header .close, .modal-header .mailbox-attachment-close {
	    padding: 2.3rem;
	    margin: -1rem -1rem -1rem auto;
	}
	
}

@media screen and (min-width: 720px){
	.modal-gg {
	    max-width: 80% !important;;
	}
}


.modal-xgg {
    max-width: 95% !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0px !important;
}


/*.modal:nth-of-type(even) {
    z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}*/


.modal {
  overflow-y:auto;
}

.ui-autocomplete {
    z-index: 9999 !important;
}

.ui-menu .ui-menu-item{
	/*font-size:12px;*/

}


/******* input ********/

.left-inner-addon {
    position: relative;
    text-align: right;
}
.left-inner-addon i {
    position: absolute;
    padding: 8px 12px;
    pointer-events: none;
    color: #666;
    right: 0px;
    font-size: 16px;
}
.left-inner-addon input.form-control {
    padding-right: 30px;
}

.left-inner-addon-sm {
    position: relative;
    text-align: right;
}

.left-inner-addon-sm i {
    position: absolute;
    padding: 10px 10px;
    pointer-events: none;
    color: #666;
    right: 0px;
    font-size: 14px;
}

.left-inner-addon-sm input.form-control-sm {
    padding-right: 30px;
}

/*.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    z-index: 1600;
}*/

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #1a1a1a !important;
}

.select2-container--default .select2-selection--single {
    padding-left: 0rem;
    padding-right: 0rem;
    
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: calc(1.9rem + 1.0px);
     padding-left: 0;
    height: auto;
    margin-top: -6px;
}



.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 10px !important;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ced4da;
    color: #47404f;
    border-radius: 4px;
}


.select2-container--open {
    z-index: 9999999
}


.form-group label {
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: 0px !important;
    position: absolute;
    top: 50%;
    width: 0;
}




/********* color adicionais ************/

/**maroon**/
.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-maroon:hover, .bg-outline-maroon:hover {
    background: #d81b60;
    box-shadow: 0 8px 25px -8px #d81b60;
    border-color: #d81b60;
}

.bg-maroon:not(:disabled):not(.disabled):active,.bg-maroon:not(:disabled):not(.disabled).active,.show>.bg-maroon.dropdown-toggle{
	color:#fff;
	background-color:#D81B60 !important;
	border-color:#D81B60
}

.bg-maroon:not(:disabled):not(.disabled):active:focus,.bg-maroon:not(:disabled):not(.disabled).active:focus,.show>.bg-maroon.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(216,27,96,0.5);
}

.bg-outline-maroon {
    color: #d81b60;
    background-color: transparent;
    background-image: none;
    border-color: #d81b60;
}

.bg-outline-maroon:hover {
    color: #fff;
    background-color: #d81b60;
    border-color: #d81b60;
}

.bg-outline-maroon:not(:disabled):not(.disabled):active,.bg-outline-maroon:not(:disabled):not(.disabled).active,.show>.bg-outline-maroon.dropdown-toggle{
	color:#fff;
	background-color:#D81B60 !important;
	border-color:#D81B60
}

.bg-outline-maroon:not(:disabled):not(.disabled):active:focus,.bg-outline-maroon:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-maroon.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(216,27,96,0.5);
}


/**navy**/
.bg-navy {
    background-color: #001f3f !important;
}

.bg-navy:hover, .bg-outline-navy:hover {
    background: #001f3f;
    box-shadow: 0 8px 25px -8px #001f3f;
    border-color: #001f3f;
}

.bg-navy:not(:disabled):not(.disabled):active,.bg-navy:not(:disabled):not(.disabled).active,.show>.bg-navy.dropdown-toggle{
	color:#fff;
	background-color:#001B35 !important;
	border-color:#001B35
}

.bg-navy:not(:disabled):not(.disabled):active:focus,.bg-navy:not(:disabled):not(.disabled).active:focus,.show>.bg-navy.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(0,27,53,0.5);
}

.bg-outline-navy {
    color: #001f3f;
    background-color: transparent;
    background-image: none;
    border-color: #001f3f;
}

.bg-outline-navy:hover {
    color: #fff;
    background-color: #001f3f;
    border-color: #001f3f;
}

.bg-outline-navy:not(:disabled):not(.disabled):active,.bg-outline-navy:not(:disabled):not(.disabled).active,.show>.bg-outline-navy.dropdown-toggle{
	color:#fff;
	background-color:#001B35 !important;
	border-color:#001B35
}

.bg-outline-navy:not(:disabled):not(.disabled):active:focus,.bg-outline-navy:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-navy.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(0,27,53,0.5);
}




/**purple**/
.bg-purple {
    background-color: #605ca8 !important;
}

.bg-purple:hover, .bg-outline-purple:hover {
    background: #605ca8;
    box-shadow: 0 8px 25px -8px #605ca8;
    border-color: #605ca8;
}

.bg-purple:not(:disabled):not(.disabled):active,.bg-purple:not(:disabled):not(.disabled).active,.show>.bg-purple.dropdown-toggle{
	color:#fff;
	background-color:#4F4B8B !important;
	border-color:#4F4B8B
}

.bg-purple:not(:disabled):not(.disabled):active:focus,.bg-purple:not(:disabled):not(.disabled).active:focus,.show>.bg-purple.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(72,79,139,0.5);
}

.bg-outline-purple {
    color: #605ca8;
    background-color: transparent;
    background-image: none;
    border-color: #605ca8;
}

.bg-outline-purple:hover {
    color: #fff;
    background-color: #605ca8;
    border-color: #605ca8;
}

.bg-outline-purple:not(:disabled):not(.disabled):active,.bg-outline-purple:not(:disabled):not(.disabled).active,.show>.bg-outline-purple.dropdown-toggle{
	color:#fff;
	background-color:#4F4B8B !important;
	border-color:#4F4B8B
}

.bg-outline-purple:not(:disabled):not(.disabled):active:focus,.bg-outline-purple:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-purple.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(72,79,139,0.5);
}



/**orange**/
.bg-orange {
    background-color: #FF851B !important;
}

.bg-orange:hover, .bg-outline-orange:hover {
    background: #FF851B;
    box-shadow: 0 8px 25px -8px #FF851B;
    border-color: #FF851B;
}

.bg-orange:not(:disabled):not(.disabled):active,.bg-orange:not(:disabled):not(.disabled).active,.show>.bg-orange.dropdown-toggle{
	color:#fff;
	background-color:#F07200 !important;
	border-color:#F07200
}

.bg-orange:not(:disabled):not(.disabled):active:focus,.bg-orange:not(:disabled):not(.disabled).active:focus,.show>.bg-orange.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(240,114,0,0.5);
}

.bg-outline-orange {
    color: #FF851B;
    background-color: transparent;
    background-image: none;
    border-color: #FF851B;
}

.bg-outline-orange:hover {
    color: #fff;
    background-color: #FF851B;
    border-color: #FF851B;
}

.bg-outline-orange:not(:disabled):not(.disabled):active,.bg-outline-orange:not(:disabled):not(.disabled).active,.show>.bg-outline-orange.dropdown-toggle{
	color:#fff;
	background-color:#F07200 !important;
	border-color:#F07200
}

.bg-outline-orange:not(:disabled):not(.disabled):active:focus,.bg-outline-orange:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-orange.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(240,114,0,0.5);
}




/**olive**/
.bg-olive {
    background-color: #3D9970 !important;
}

.bg-olive:hover, .bg-outline-olive:hover {
    background: #3D9970;
    box-shadow: 0 8px 25px -8px #3D9970;
    border-color: #3D9970;
}

.bg-olive:not(:disabled):not(.disabled):active,.bg-olive:not(:disabled):not(.disabled).active,.show>.bg-olive.dropdown-toggle{
	color:#fff;
	background-color:#358662 !important;
	border-color:#358662
}

.bg-olive:not(:disabled):not(.disabled):active:focus,.bg-olive:not(:disabled):not(.disabled).active:focus,.show>.bg-olive.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(53,134,98,0.5);
}

.bg-outline-olive {
    color: #3D9970;
    background-color: transparent;
    background-image: none;
    border-color: #3D9970;
}

.bg-outline-olive:hover {
    color: #fff;
    background-color: #3D9970;
    border-color: #3D9970;
}

.bg-outline-olive:not(:disabled):not(.disabled):active,.bg-outline-olive:not(:disabled):not(.disabled).active,.show>.bg-outline-olive.dropdown-toggle{
	color:#fff;
	background-color:#358662 !important;
	border-color:#358662
}

.bg-outline-olive:not(:disabled):not(.disabled):active:focus,.bg-outline-olive:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-olive.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(53,134,98,0.5);
}



/**teal**/
.bg-teal {
    background-color: #39CCCC !important;
}

.bg-teal:hover, .bg-outline-teal:hover {
    background: #39CCCC;
    box-shadow: 0 8px 25px -8px #39CCCC;
    border-color: #39CCCC;
}

.bg-teal:not(:disabled):not(.disabled):active,.bg-teal:not(:disabled):not(.disabled).active,.show>.bg-teal.dropdown-toggle{
	color:#fff;
	background-color:#2FB7B7 !important;
	border-color:#2FB7B7
}

.bg-teal:not(:disabled):not(.disabled):active:focus,.bg-teal:not(:disabled):not(.disabled).active:focus,.show>.bg-teal.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(47,183,183,0.5);
}

.bg-outline-teal {
    color: #39CCCC;
    background-color: transparent;
    background-image: none;
    border-color: #39CCCC;
}

.bg-outline-teal:hover {
    color: #fff;
    background-color: #39CCCC;
    border-color: #39CCCC;
}

.bg-outline-teal:not(:disabled):not(.disabled):active,.bg-outline-teal:not(:disabled):not(.disabled).active,.show>.bg-outline-teal.dropdown-toggle{
	color:#fff;
	background-color:#2FB7B7 !important;
	border-color:#2FB7B7
}

.bg-outline-teal:not(:disabled):not(.disabled):active:focus,.bg-outline-teal:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-teal.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(47,183,183,0.5);
}





/**green**/
.bg-green {
    background-color: #00a65a !important;
}

.bg-green:hover, .bg-outline-green:hover {
    background: #00a65a;
    box-shadow: 0 8px 25px -8px #00a65a;
    border-color: #00a65a;
}

.bg-green:not(:disabled):not(.disabled):active,.bg-green:not(:disabled):not(.disabled).active,.show>.bg-green.dropdown-toggle{
	color:#fff;
	background-color:#009351 !important;
	border-color:#009351
}

.bg-green:not(:disabled):not(.disabled):active:focus,.bg-green:not(:disabled):not(.disabled).active:focus,.show>.bg-green.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(0,147,81,0.5);
}

.bg-outline-green {
    color: #00a65a;
    background-color: transparent;
    background-image: none;
    border-color: #00a65a;
}

.bg-outline-green:hover {
    color: #fff;
    background-color: #00a65a;
    border-color: #00a65a;
}

.bg-outline-green:not(:disabled):not(.disabled):active,.bg-outline-green:not(:disabled):not(.disabled).active,.show>.bg-outline-green.dropdown-toggle{
	color:#fff;
	background-color:#009351 !important;
	border-color:#009351
}

.bg-outline-green:not(:disabled):not(.disabled):active:focus,.bg-outline-green:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-green.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(0,147,81,0.5);
}





/**red**/
.bg-red {
    background-color: #dd4b39 !important;
}

.bg-red:hover, .bg-outline-red:hover {
    background: #dd4b39;
    box-shadow: 0 8px 25px -8px #dd4b39;
    border-color: #dd4b39;
}

.bg-red:not(:disabled):not(.disabled):active,.bg-red:not(:disabled):not(.disabled).active,.show>.bg-red.dropdown-toggle{
	color:#fff;
	background-color:#D83725 !important;
	border-color:#D83725
}

.bg-red:not(:disabled):not(.disabled):active:focus,.bg-red:not(:disabled):not(.disabled).active:focus,.show>.bg-red.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(216,55,37,0.5);
}

.bg-outline-red {
    color: #dd4b39;
    background-color: transparent;
    background-image: none;
    border-color: #dd4b39;
}

.bg-outline-red:hover {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.bg-outline-red:not(:disabled):not(.disabled):active,.bg-outline-red:not(:disabled):not(.disabled).active,.show>.bg-outline-red.dropdown-toggle{
	color:#fff;
	background-color:#D83725 !important;
	border-color:#D83725
}

.bg-outline-red:not(:disabled):not(.disabled):active:focus,.bg-outline-red:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-red.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(216,55,37,0.5);
}





/**aqua**/
.bg-aqua {
    background-color: #00c0ef !important;
}

.bg-aqua:hover, .bg-outline-aqua:hover {
    background: #00c0ef;
    box-shadow: 0 8px 25px -8px #00c0ef;
    border-color: #00c0ef;
}

.bg-aqua:not(:disabled):not(.disabled):active,.bg-aqua:not(:disabled):not(.disabled).active,.show>.bg-aqua.dropdown-toggle{
	color:#fff;
	background-color:#00A8D2 !important;
	border-color:#00A8D2
}

.bg-aqua:not(:disabled):not(.disabled):active:focus,.bg-aqua:not(:disabled):not(.disabled).active:focus,.show>.bg-aqua.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(0,168,210,0.5);
}

.bg-outline-aqua {
    color: #00c0ef;
    background-color: transparent;
    background-image: none;
    border-color: #00c0ef;
}

.bg-outline-aqua:hover {
    color: #fff;
    background-color: #00c0ef;
    border-color: #00c0ef;
}

.bg-outline-aqua:not(:disabled):not(.disabled):active,.bg-outline-aqua:not(:disabled):not(.disabled).active,.show>.bg-outline-aqua.dropdown-toggle{
	color:#fff;
	background-color:#00A8D2 !important;
	border-color:#00A8D2
}

.bg-outline-aqua:not(:disabled):not(.disabled):active:focus,.bg-outline-aqua:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-aqua.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(0,168,210,0.5);
}




/**yellow**/
.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-yellow:hover, .bg-outline-yellow:hover {
    background: #f39c12;
    box-shadow: 0 8px 25px -8px #f39c12;
    border-color: #f39c12;
}

.bg-yellow:not(:disabled):not(.disabled):active,.bg-yellow:not(:disabled):not(.disabled).active,.show>.bg-yellow.dropdown-toggle{
	color:#fff;
	background-color:#E0910C !important;
	border-color:#E0910C
}

.bg-yellow:not(:disabled):not(.disabled):active:focus,.bg-yellow:not(:disabled):not(.disabled).active:focus,.show>.bg-yellow.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(224,145,12,0.5);
}

.bg-outline-yellow {
    color: #f39c12;
    background-color: transparent;
    background-image: none;
    border-color: #f39c12;
}

.bg-outline-yellow:hover {
    color: #fff;
    background-color: #f39c12;
    border-color: #f39c12;
}

.bg-outline-yellow:not(:disabled):not(.disabled):active,.bg-outline-yellow:not(:disabled):not(.disabled).active,.show>.bg-outline-yellow.dropdown-toggle{
	color:#fff;
	background-color:#E0910C !important;
	border-color:#E0910C
}

.bg-outline-yellow:not(:disabled):not(.disabled):active:focus,.bg-outline-yellow:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-yellow.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(224,145,12,0.5);
}




/**light-blue**/
.bg-light-blue {
    background-color: #3c8dbc !important;
}

.bg-light-blue:hover, .bg-outline-light-blue:hover {
    background: #3c8dbc;
    box-shadow: 0 8px 25px -8px #3c8dbc;
    border-color: #3c8dbc;
}

.bg-light-blue:not(:disabled):not(.disabled):active,.bg-light-blue:not(:disabled):not(.disabled).active,.show>.bg-light-blue.dropdown-toggle{
	color:#fff;
	background-color:#3680AB !important;
	border-color:#3680AB
}

.bg-light-blue:not(:disabled):not(.disabled):active:focus,.bg-light-blue:not(:disabled):not(.disabled).active:focus,.show>.bg-light-blue.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(54,128,171,0.5);
}

.bg-outline-light-blue {
    color: #3c8dbc;
    background-color: transparent;
    background-image: none;
    border-color: #3c8dbc;
}

.bg-outline-light-blue:hover {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}

.bg-outline-light-blue:not(:disabled):not(.disabled):active,.bg-outline-light-blue:not(:disabled):not(.disabled).active,.show>.bg-outline-light-blue.dropdown-toggle{
	color:#fff;
	background-color:#3680AB !important;
	border-color:#3680AB
}

.bg-outline-light-blue:not(:disabled):not(.disabled):active:focus,.bg-outline-light-blue:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-light-blue.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(54,128,171,0.5);
}




/**lime**/
.bg-lime {
    background-color: #01ff70 !important;
}

.bg-lime:hover, .bg-outline-lime:hover {
    background: #01ff70;
    box-shadow: 0 8px 25px -8px #01ff70;
    border-color: #01ff70;
}

.bg-lime:not(:disabled):not(.disabled):active,.bg-lime:not(:disabled):not(.disabled).active,.show>.bg-lime.dropdown-toggle{
	color:#fff;
	background-color:#01EB65 !important;
	border-color:#01EB65
}

.bg-lime:not(:disabled):not(.disabled):active:focus,.bg-lime:not(:disabled):not(.disabled).active:focus,.show>.bg-lime.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(1,235,101,0.5);
}

.bg-outline-lime {
    color: #01ff70;
    background-color: transparent;
    background-image: none;
    border-color: #01ff70;
}

.bg-outline-lime:hover {
    color: #fff;
    background-color: #01ff70;
    border-color: #01ff70;
}

.bg-outline-lime:not(:disabled):not(.disabled):active,.bg-outline-lime:not(:disabled):not(.disabled).active,.show>.bg-outline-lime.dropdown-toggle{
	color:#fff;
	background-color:#01EB65 !important;
	border-color:#01EB65
}

.bg-outline-lime:not(:disabled):not(.disabled):active:focus,.bg-outline-lime:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-lime.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(1,235,101,0.5);
}





/**fuchsia**/
.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-fuchsia:hover, .bg-outline-fuchsia:hover {
    background: #f012be;
    box-shadow: 0 8px 25px -8px #f012be;
    border-color: #f012be;
}

.bg-fuchsia:not(:disabled):not(.disabled):active,.bg-fuchsia:not(:disabled):not(.disabled).active,.show>.bg-fuchsia.dropdown-toggle{
	color:#fff;
	background-color:#CC0DA2 !important;
	border-color:#CC0DA2
}

.bg-fuchsia:not(:disabled):not(.disabled):active:focus,.bg-fuchsia:not(:disabled):not(.disabled).active:focus,.show>.bg-fuchsia.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(204,13,162,0.5);
}

.bg-outline-fuchsia {
    color: #f012be;
    background-color: transparent;
    background-image: none;
    border-color: #f012be;
}

.bg-outline-fuchsia:hover {
    color: #fff;
    background-color: #f012be;
    border-color: #f012be;
}

.bg-outline-fuchsia:not(:disabled):not(.disabled):active,.bg-outline-fuchsia:not(:disabled):not(.disabled).active,.show>.bg-outline-fuchsia.dropdown-toggle{
	color:#fff;
	background-color:#CC0DA2 !important;
	border-color:#CC0DA2
}

.bg-outline-fuchsia:not(:disabled):not(.disabled):active:focus,.bg-outline-fuchsia:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-fuchsia.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(204,13,162,0.5);
}




/**black**/
.bg-black {
    background-color: #111 !important;
}

.bg-black:hover, .bg-outline-black:hover {
    background: #111;
    box-shadow: 0 8px 25px -8px #111;
    border-color: #111;
}

.bg-black:not(:disabled):not(.disabled):active,.bg-black:not(:disabled):not(.disabled).active,.show>.bg-black.dropdown-toggle{
	color:#fff;
	background-color:#000000 !important;
	border-color:#000000
}

.bg-black:not(:disabled):not(.disabled):active:focus,.bg-black:not(:disabled):not(.disabled).active:focus,.show>.bg-black.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(0,0,0,0.5);
}

.bg-outline-black {
    color: #111;
    background-color: transparent;
    background-image: none;
    border-color: #111;
}

.bg-outline-black:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.bg-outline-black:not(:disabled):not(.disabled):active,.bg-outline-black:not(:disabled):not(.disabled).active,.show>.bg-outline-black.dropdown-toggle{
	color:#fff;
	background-color:#000000 !important;
	border-color:#000000
}

.bg-outline-black:not(:disabled):not(.disabled):active:focus,.bg-outline-black:not(:disabled):not(.disabled).active:focus,.show>.bg-outline-black.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(0,0,0,0.5);
}


.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active {
    color: #fff !important;
} 




@media screen and (min-width: 0px) and (max-width: 720px){

	/*****  full modal page    ******/
	.modal-dialog-full-width {
	    width: 100% !important;
	    height: 100% !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    max-width:none !important;
	
	}
	
	
	.modal-content-full-width  {
	    height: auto !important;
	    min-height: 100% !important;
	    border-radius: 0 !important;
	    background-color: white !important;
	    border: 0px solid #ffffff;
	}
	
	.modal-header-full-width  {
	    border-bottom: 1px solid #eee !important;
	}
	
	.modal-footer-full-width  {
	    border-top: 0px solid #9ea2a2 !important;
	}
	
	/*.modal-back-close{
		float: left !important;
	    font-size: 1.2195rem !important;
	    font-weight: 600 !important;
	    line-height: 1 !important;
	    color: black !important;
	    text-shadow: 0 1px 0 #fff !important;
	    opacity: .5 !important;
	    left: 0px !important;
	   	padding: 1rem 0px !important;
	    margin: -1rem -1rem -1rem 0 !important;
	   	border: 0 !important;
	   	background-color: transparent !important;
	}*/
	
}


/***** PAGINATION *****/
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin: 2px 0;
	white-space: nowrap;
	justify-content: flex-end;
}

@media screen and (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_length,
  	div.dataTables_wrapper div.dataTables_filter,
  	div.dataTables_wrapper div.dataTables_info,
  	div.dataTables_wrapper div.dataTables_paginate {
    	text-align: center;
  	}
  	
  	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    	justify-content: center !important;
  	}
}

/*@media screen and (max-width: 767px) {
    li.paginate_button.previous {
        display: inline;
    }
 
    li.paginate_button.next {
        display: inline;
    }
 
    li.paginate_button {
        display: none;
    }
}*/




/*******TOOLTIP*********/
@media screen and (min-width: 0px) and (max-width: 720px){
	.tooltip{
		display: none !important;
	}
}


.tooltip.bs-tooltip-top .arrow:before {
   border-top-color: transparent !important;
}


/**********************************  
********* acessibilidade **********
***********************************/
@media screen and (min-width: 0px) and (max-width: 720px) {
	#acessibilidade{ display: none; }
}




a.acessibilidade-link:hover {
	color: #4D893A;
	text-decoration: underline;
}

a.acessibilidade-btn-on:link{ 
	text-decoration: none;
}

a.acessibilidade-btn-ativar {
    text-decoration: none;
    color: #434A54;
    font-size:14px;
}

a.acessibilidade-btn-desativar {
    text-decoration: none;
    color: #434A54;
    font-size:14px;
    margin-right:20px;
}

a.acessibilidade-btn-desativar-ico1 {
    text-decoration: none;
    color: #434A54;
    font-size:14px;
    margin-right:20px;
}

a.acessibilidade-btn-desativar-ico2 {
    text-decoration: none;
    color: #ffffff;
    font-size:14px;
    margin-right:20px;
    display: none;
}

a.acessibilidade-btn-aa {
    text-decoration: none;
    color: #434a54;
    font-size:14px;
}

a.acessibilidade-btn-aa:hover{
  text-decoration: underline;
}



.bg-warning-light {
    background-color: #ffe493!important;
}

.bg-info-light {
    background-color: #95c5ff!important;
}

.bg-success-light {
    background-color: #addcaf!important;
}

.bg-danger-light {
    background-color: #fbb0aa!important;
}

.bg-primary-light {
    background-color: #c6a9e2!important;
}


/*.ui-menu{
	max-width:40% !important;
	z-index: 1050 !important;
}*/

/*.ui-menu-item {
    font-size: 12px !important;
}

.ui-menu-item :hover{
    font-size: 12px !important;
    
}*/

.ui-menu-item-wrapper{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}





/***** spinner2 block UI******/
@-webkit-keyframes spinner2-border {
	to {
    	-webkit-transform: rotate(360deg);
    	transform: rotate(360deg); 
    }
}

@keyframes spinner2-border {
 	to {
    	-webkit-transform: rotate(360deg);
    transform: rotate(360deg); 
    } 
}

.spinner2-border {
	display: inline-block;
  	width: 2rem;
  	height: 2rem;
  	vertical-align: text-bottom;
  	border: 0.25em solid currentColor;
  	border-right-color: transparent;
  	border-radius: 50%;
  	-webkit-animation: spinner2-border .75s linear infinite;
  	animation: spinner2-border .75s linear infinite; 
}

.spinner2-border-sm {
  	width: 1rem;
  	height: 1rem;
  	border-width: 0.2em; 
}

@-webkit-keyframes spinner2-grow {
	0% {
    	-webkit-transform: scale(0);
    	transform: scale(0); 
   	}
   	
  	50% {
    	opacity: 1;
    	-webkit-transform: none;
    	transform: none; 
   	} 
}

@keyframes spinner2-grow {
	0% {
    	-webkit-transform: scale(0);
    	transform: scale(0); 
   	}
   	
  	50% {
    	opacity: 1;
    	-webkit-transform: none;
    	transform: none; 
   	}
}

.spinner2-grow {
	display: inline-block;
  	width: 2rem;
  	height: 2rem;
  	vertical-align: text-bottom;
  	background-color: currentColor;
  	border-radius: 50%;
  	opacity: 0;
  	-webkit-animation: spinner2-grow .75s linear infinite;
  	animation: spinner2-grow .75s linear infinite; 
}

.spinner2-grow-sm {
	width: 1rem;
  	height: 1rem; 
}

.spinner2 {
	position: relative; 
}



/*@media screen and (min-width: 0px) and (max-width: 720px){*/
	.spinner2:before {
		content: '';
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    position: absolute;
	    top: 50%;
	    left: -16px;
	    border-radius: 50%;
	    border: 2px solid #D1D3E0;
	    border-right: 2px solid transparent; 
	}
/*}*/



/*
@media screen and (min-width: 720px){
	.spinner2:before {
		content: '';
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    position: absolute;
	    top: 50%;
	    left: 0;
	    border-radius: 50%;
	    border: 2px solid #D1D3E0;
	    border-right: 2px solid transparent; 
	}
}*/


.spinner2:before {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.75rem;
}

.spinner2.spinner2-center:before {
    left: 50%;
    margin-left: -0.75rem; 
}

.spinner2.spinner2-left:before {
    right: auto; 
}

.spinner2.spinner2-right:before {
    left: auto; 
}

.spinner2.spinner2-sm:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -0.625rem; 
}

.spinner2.spinner2-sm.spinner2-center:before {
    left: 50%;
    margin-left: -0.625rem; 
}

.spinner2.spinner2-sm.spinner2-left:before {
    right: auto; 
}

.spinner2.spinner2-sm.spinner2-right:before {
    left: auto;
}

.spinner2.spinner2-lg:before {
    width: 2rem;
    height: 2rem;
    margin-top: -1rem; 
}

.spinner2.spinner2-lg.spinner2-center:before {
    left: 50%;
    margin-left: -1rem; 
}

.spinner2.spinner2-lg.spinner2-left:before {
    right: auto; 
}

.spinner2.spinner2-lg.spinner2-right:before {
    left: auto; 
}

.spinner2:before {
    -webkit-animation: animation-spinner2 .5s linear infinite;
    animation: animation-spinner2 .5s linear infinite; 
}

.spinner2.spinner2-primary:before {
    border: 2px solid #1BC5BD;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-primary:before {
    border: 2px solid #17a69f;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-secondary:before {
    border: 2px solid #E4E6EF;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-secondary:before {
    border: 2px solid #ced1e2;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-success:before {
    border: 2px solid #3699FF;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-success:before {
    border: 2px solid #1287ff;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-info:before {
    border: 2px solid #6993FF;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-info:before {
    border: 2px solid #4579ff;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-warning:before {
    border: 2px solid #FFA800;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-warning:before {
    border: 2px solid #db9000;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-danger:before {
    border: 2px solid #F64E60;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-danger:before {
    border: 2px solid #f42c41;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-light:before {
    border: 2px solid #F3F6F9;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-light:before {
    border: 2px solid #dbe4ed;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-dark:before {
    border: 2px solid #181C32;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-dark:before {
    border: 2px solid #0c0e1a;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-white:before {
    border: 2px solid #ffffff;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-darker-white:before {
    border: 2px solid #ededed;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-white2:before {
    border: 2px solid #8f9096;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-purple2:before {
    border: 2px solid #766df4;
    border-right: 2px solid transparent; 
}

.spinner2.spinner2-right:before {
    left: auto;
    right: 1rem; 
}

.spinner2.spinner2-right.btn:not(.btn-block) {
    padding-right: 3.5rem; 
}

.spinner2.spinner2-right.btn:not(.btn-block).spinner2-sm {
    padding-right: 3.25rem; 
}

.spinner2.spinner2-right.btn:not(.btn-block).spinner2-lg {
    padding-right: 4rem; 
}

.spinner2.spinner2-left:before {
    right: auto;
    left: 1rem; 
}

.spinner2.spinner2-left.btn:not(.btn-block) {
    padding-left: 3.5rem; 
}

spinner2.spinner2-left.btn:not(.btn-block).spinner2-sm {
    padding-left: 3.25rem; 
}

.spinner2.spinner2-left.btn:not(.btn-block).spinner2-lg {
    padding-left: 4rem; 
}

.spinner2.spinner2-track:before {
    -webkit-animation: animation-spinner2 .5s linear infinite;
    animation: animation-spinner2 .5s linear infinite; 
}

.spinner2.spinner2-track.spinner2-primary:before {
    border: 2px solid #8aefea;
    border-top-color: #19b8b0; 
}

.spinner2.spinner2-track.spinner2-darker-primary:before {
    border: 2px solid #5de9e2;
    border-top-color: #159892; 
}

.spinner2.spinner2-track.spinner2-secondary:before {
    border: 2px solid white;
    border-top-color: #dadde9; 
}

.spinner2.spinner2-track.spinner2-darker-secondary:before {
    border: 2px solid white;
    border-top-color: #c4c8dc; 
}

.spinner2.spinner2-track.spinner2-success:before {
    border: 2px solid #cfe7ff;
    border-top-color: #2791ff;
}

.spinner2.spinner2-track.spinner2-darker-success:before {
    border: 2px solid #9ccdff;
    border-top-color: #037fff; 
}

.spinner2.spinner2-track.spinner2-info:before {
    border: 2px solid white;
    border-top-color: #5a88ff; 
}

.spinner2.spinner2-track.spinner2-darker-info:before {
    border: 2px solid #cfdcff;
    border-top-color: #366eff; 
}

.spinner2.spinner2-track.spinner2-warning:before {
    border: 2px solid #ffdc99;
    border-top-color: #f09e00; 
}

.spinner2.spinner2-track.spinner2-darker-warning:before {
    border: 2px solid #ffcb66;
    border-top-color: #cc8600; 
}

.spinner2.spinner2-track.spinner2-danger:before {
    border: 2px solid #fde0e3;
    border-top-color: #f53f53; 
}

.spinner2.spinner2-track.spinner2-darker-danger:before {
    border: 2px solid #fbafb7;
    border-top-color: #f41d34; 
}

.spinner2.spinner2-track.spinner2-light:before {
    border: 2px solid white;
    border-top-color: #e9eef4; 
}

.spinner2.spinner2-track.spinner2-darker-light:before {
    border: 2px solid white;
    border-top-color: #d1dde8; 
}

.spinner2.spinner2-track.spinner2-dark:before {
    border: 2px solid #4a5699;
    border-top-color: #131628; 
}

.spinner2.spinner2-track.spinner2-darker-dark:before {
    border: 2px solid #394377;
    border-top-color: #070910; 
}

.spinner2.spinner2-track.spinner2-white:before {
    border: 2px solid white;
    border-top-color: #f7f7f7;     
}

.spinner2.spinner2-track.spinner2-darker-white:before {
    border: 2px solid white;
    border-top-color: #e6e6e6; 
}

.spinner2-grow {
    vertical-align: sub; 
}

.spinner2-border {
    vertical-align: sub; 
}

@-webkit-keyframes animation-spinner2 {
  to {
    -webkit-transform: rotate(360deg);
    	transform: rotate(360deg); 
    } 
}

@keyframes animation-spinner2 {
  to {
    -webkit-transform: rotate(360deg);
    	transform: rotate(360deg); 
    }
}
   
.blockui {
  	background: #ffffff;
  	/*background:#615b5b;*/
  	-webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  	box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  	display: -webkit-inline-box;
  	display: -ms-inline-flexbox;
  	display: inline-flex;
  	-webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
  	-ms-flex-wrap: nowrap;
  	flex-wrap: nowrap;
  	border-radius: 0.42rem; 
}
  
.blockui.blockui-noshadow {
    -webkit-box-shadow: none;
    box-shadow: none; 
}

.blockui > span {
    color: #3F4254;
    /*color:#ffffff;*/
	padding: 0.75rem 1.2rem;
    font-size: 1rem;
    font-weight: 400;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.blockui > span > .loader, .blockui > span > .spinner2 {
	 margin-right: 1.25rem; 
}
   		



      
      
      
/**** modal position rigth ****/      
.modal-dialog-right{
	position:absolute;
	top:0;
	right:0px;
	width:100%;
	height:100%;
	margin:0!important;
	border-width:0
}
 
.modal-dialog-right .modal-content{
	min-height:100%;
	border-width:0;
	border-radius:0
}

.modal.fade .modal-dialog-right{
	-webkit-transform:translate(25%,0);
	transform:translate(25%,0)
}

.modal-dialog-right button.close{
	position:fixed;
	top:20px;
	right:20px;
	z-index:1
}

.modal.show .modal-dialog-right{
	transform:translate(0,0)!important
}
   	
   	
/*** FORM ***/   	
/*.form-control {
    display: block;
    width: 100%;
    height: calc(2.1rem + 1.5px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}*/
   	
   	
/**** modal position left ****/      	
.modal-dialog-left{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0!important;
	border-width:0
}

.modal-dialog-left .modal-content{
	min-height:100%;
	border-width:0;
	border-radius:0
}

.modal.fade .modal-dialog-left{
	-webkit-transform:translate(-25%,0)
	;transform:translate(-25%,0)
}
 	
.modal-dialog-left button.close{
	position:fixed;
	top:20px;
	right:20px;
	z-index:1
}

.modal.show .modal-dialog-left{
	transform:translate(0,0)!important
}   



/**** modal position top and bottom ****/  
.modal-dialog-bottom,.modal-dialog-top{
	position:absolute;
	top:0;
	margin:0;
	min-width:100%
}

.modal-dialog-bottom .modal-dialog,.modal-dialog-top .modal-dialog{
	width:100%;
	max-width:100%;
	margin:0
}

.modal-dialog-bottom .modal-content,.modal-dialog-top .modal-content{
	border-radius:0;
	border:0
}

.modal-dialog-bottom{
	top:auto;
	bottom:0
}

.modal.fade .modal-dialog-bottom{
	-webkit-transform:translate(0,25%);
	transform:translate(0,25%)
}	
   		
/********** toast alert ***********/
.toast-warning {
	color: #000 !important;
} 	

/*.toast-warning > .toast-close-button{
	color: #000 !important;
} 

.toast-header{
	background-color: rgb(255 255 255) !important;
	border-bottom: 1px solid #eeeeee;  !important;
}
.toast-body{
	background-color: rgb(255 255 255) !important;
}*/

.toast.bg-default {
    background-color: rgba(255,255,255,.85) !important;
}




/*********** switch ************/
.custom-switch {
  padding-left: 2.25rem !important;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem !important;
  width: 1.75rem !important;
  pointer-events: all !important;
  border-radius: 0.5rem !important;
  cursor: pointer !important;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px) !important;
  left: calc(-2.25rem + 2px) !important;
  width: calc(1rem - 4px) !important;
  height: calc(1rem - 4px) !important;
  background-color: #adb5bd !important;
  border-radius: 0.5rem !important;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out !important;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out !important;
  cursor: pointer !important;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none !important;
    cursor: pointer !important;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff !important;
  -webkit-transform: translateX(0.75rem) !important;
  transform: translateX(0.75rem) !important;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5) !important;
}


/*****spin*********/

.spinner-glow {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: #dee2e6;
  border-radius: 50%;
  margin: 4px auto;
  border: 2px solid transparent;
  animation: glow 1s ease infinite; }

@keyframes glow {
  0% {
    box-shadow: 0 0 0 .4em #a1a2a1, 0 0 0 .1em #a1a2a1;
    transform: rotate(360deg); }
  50% {
    border-top-color: #605556; }
  100% {
    box-shadow: 0 0 0 .4em #a1a2a1, 0 0 0 3.6em transparent; } }

.spinner-glow-primary {
  background: rgba(102, 51, 153, 0.45);
  animation: glow-primary 1s ease infinite; }

.spinner-glow-secondary {
  background: rgba(82, 73, 90, 0.45);
  animation: glow-secondary 1s ease infinite; }

.spinner-glow-success {
  background: rgba(76, 175, 80, 0.45);
  animation: glow-success 1s ease infinite; }

.spinner-glow-info {
  background: rgba(0, 52, 115, 0.45);
  animation: glow-info 1s ease infinite; }

.spinner-glow-warning {
  background: rgba(255, 193, 7, 0.45);
  animation: glow-warning 1s ease infinite; }

.spinner-glow-danger {
  background: rgba(244, 67, 54, 0.45);
  animation: glow-danger 1s ease infinite; }

.spinner-glow-light {
  background: rgba(187, 187, 187, 0.45);
  animation: glow-light 1s ease infinite; }

.spinner-glow-dark {
  background: rgba(71, 64, 79, 0.45);
  animation: glow-dark 1s ease infinite; }

.spinner-glow-gray-100 {
  background: rgba(248, 249, 250, 0.45);
  animation: glow-gray-100 1s ease infinite; }

.spinner-glow-gray-200 {
  background: rgba(238, 238, 238, 0.45);
  animation: glow-gray-200 1s ease infinite; }

.spinner-glow-gray-300 {
  background: rgba(222, 226, 230, 0.45);
  animation: glow-gray-300 1s ease infinite; }

.spinner-glow-gray-400 {
  background: rgba(206, 212, 218, 0.45);
  animation: glow-gray-400 1s ease infinite; }

.spinner-glow-gray-500 {
  background: rgba(187, 187, 187, 0.45);
  animation: glow-gray-500 1s ease infinite; }

.spinner-glow-gray-600 {
  background: rgba(112, 101, 123, 0.45);
  animation: glow-gray-600 1s ease infinite; }

.spinner-glow-gray-700 {
  background: rgba(102, 92, 112, 0.45);
  animation: glow-gray-700 1s ease infinite; }

.spinner-glow-gray-800 {
  background: rgba(82, 73, 90, 0.45);
  animation: glow-gray-800 1s ease infinite; }

.spinner-glow-gray-900 {
  background: rgba(71, 64, 79, 0.45);
  animation: glow-gray-900 1s ease infinite; }
  
  @keyframes glow-primary {
  0% {
    box-shadow: 0 0 0 0.4em rgba(102, 51, 153, 0.45), 0 0 0 0.1em rgba(102, 51, 153, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(102, 51, 153, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(102, 51, 153, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-secondary {
  0% {
    box-shadow: 0 0 0 0.4em rgba(82, 73, 90, 0.45), 0 0 0 0.1em rgba(82, 73, 90, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(82, 73, 90, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(82, 73, 90, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-success {
  0% {
    box-shadow: 0 0 0 0.4em rgba(76, 175, 80, 0.45), 0 0 0 0.1em rgba(76, 175, 80, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(76, 175, 80, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(76, 175, 80, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-info {
  0% {
    box-shadow: 0 0 0 0.4em rgba(0, 52, 115, 0.45), 0 0 0 0.1em rgba(0, 52, 115, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(0, 52, 115, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(0, 52, 115, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-warning {
  0% {
    box-shadow: 0 0 0 0.4em rgba(255, 193, 7, 0.45), 0 0 0 0.1em rgba(255, 193, 7, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(255, 193, 7, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(255, 193, 7, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-danger {
  0% {
    box-shadow: 0 0 0 0.4em rgba(244, 67, 54, 0.45), 0 0 0 0.1em rgba(244, 67, 54, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(244, 67, 54, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(244, 67, 54, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-light {
  0% {
    box-shadow: 0 0 0 0.4em rgba(187, 187, 187, 0.45), 0 0 0 0.1em rgba(187, 187, 187, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(187, 187, 187, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(187, 187, 187, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-dark {
  0% {
    box-shadow: 0 0 0 0.4em rgba(71, 64, 79, 0.45), 0 0 0 0.1em rgba(71, 64, 79, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(71, 64, 79, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(71, 64, 79, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-100 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(248, 249, 250, 0.45), 0 0 0 0.1em rgba(248, 249, 250, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(248, 249, 250, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(248, 249, 250, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-200 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(238, 238, 238, 0.45), 0 0 0 0.1em rgba(238, 238, 238, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(238, 238, 238, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(238, 238, 238, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-300 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(222, 226, 230, 0.45), 0 0 0 0.1em rgba(222, 226, 230, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(222, 226, 230, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(222, 226, 230, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-400 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(206, 212, 218, 0.45), 0 0 0 0.1em rgba(206, 212, 218, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(206, 212, 218, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(206, 212, 218, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-500 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(187, 187, 187, 0.45), 0 0 0 0.1em rgba(187, 187, 187, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(187, 187, 187, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(187, 187, 187, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-600 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(112, 101, 123, 0.45), 0 0 0 0.1em rgba(112, 101, 123, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(112, 101, 123, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(112, 101, 123, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-700 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(102, 92, 112, 0.45), 0 0 0 0.1em rgba(102, 92, 112, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(102, 92, 112, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(102, 92, 112, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-800 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(82, 73, 90, 0.45), 0 0 0 0.1em rgba(82, 73, 90, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(82, 73, 90, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(82, 73, 90, 0.75), 0 0 0 3.6em transparent; } }

@keyframes glow-gray-900 {
  0% {
    box-shadow: 0 0 0 0.4em rgba(71, 64, 79, 0.45), 0 0 0 0.1em rgba(71, 64, 79, 0.45);
    transform: rotate(360deg); }
  50% {
    border-top-color: rgba(71, 64, 79, 0.9); }
  100% {
    box-shadow: 0 0 0 0.4em rgba(71, 64, 79, 0.75), 0 0 0 3.6em transparent; } }

.spinner {
  display: inline-block;
  font-size: 10px;
  margin: auto;
  text-indent: -9999em;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  position: relative;
  -webkit-animation: spin 1.4s infinite linear;
  animation: spin 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

.spinner:before {
  width: 50%;
  height: 50%;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: ''; }

.spinner:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.spinner-primary {
  background: #663399;
  background: -moz-linear-gradient(left, #663399 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #663399 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #663399 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #663399 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #663399 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-primary:before {
    background: #663399; }

.spinner-secondary {
  background: #52495a;
  background: -moz-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #52495a 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-secondary:before {
    background: #52495a; }

.spinner-success {
  background: #4caf50;
  background: -moz-linear-gradient(left, #4caf50 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #4caf50 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #4caf50 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #4caf50 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #4caf50 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-success:before {
    background: #4caf50; }

.spinner-info {
  background: #003473;
  background: -moz-linear-gradient(left, #003473 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #003473 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #003473 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #003473 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #003473 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-info:before {
    background: #003473; }

.spinner-warning {
  background: #ffc107;
  background: -moz-linear-gradient(left, #ffc107 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #ffc107 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #ffc107 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #ffc107 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #ffc107 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-warning:before {
    background: #ffc107; }

.spinner-danger {
  background: #f44336;
  background: -moz-linear-gradient(left, #f44336 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #f44336 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #f44336 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #f44336 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #f44336 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-danger:before {
    background: #f44336; }

.spinner-light {
  background: #bbb;
  background: -moz-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #bbb 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-light:before {
    background: #bbb; }

.spinner-dark {
  background: #47404f;
  background: -moz-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #47404f 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-dark:before {
    background: #47404f; }

.spinner-gray-100 {
  background: #f8f9fa;
  background: -moz-linear-gradient(left, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #f8f9fa 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-100:before {
    background: #f8f9fa; }

.spinner-gray-200 {
  background: #eee;
  background: -moz-linear-gradient(left, #eee 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #eee 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #eee 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #eee 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #eee 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-200:before {
    background: #eee; }

.spinner-gray-300 {
  background: #dee2e6;
  background: -moz-linear-gradient(left, #dee2e6 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #dee2e6 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #dee2e6 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #dee2e6 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #dee2e6 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-300:before {
    background: #dee2e6; }

.spinner-gray-400 {
  background: #ced4da;
  background: -moz-linear-gradient(left, #ced4da 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #ced4da 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #ced4da 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #ced4da 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #ced4da 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-400:before {
    background: #ced4da; }

.spinner-gray-500 {
  background: #bbb;
  background: -moz-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #bbb 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #bbb 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-500:before {
    background: #bbb; }

.spinner-gray-600 {
  background: #70657b;
  background: -moz-linear-gradient(left, #70657b 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #70657b 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #70657b 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #70657b 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #70657b 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-600:before {
    background: #70657b; }

.spinner-gray-700 {
  background: #665c70;
  background: -moz-linear-gradient(left, #665c70 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #665c70 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #665c70 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #665c70 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #665c70 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-700:before {
    background: #665c70; }

.spinner-gray-800 {
  background: #52495a;
  background: -moz-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #52495a 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #52495a 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-800:before {
    background: #52495a; }

.spinner-gray-900 {
  background: #47404f;
  background: -moz-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%);
  background: -webkit-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%);
  background: -o-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%);
  background: -ms-linear-gradient(left, #47404f 10%, rgba(67, 236, 76, 0) 42%);
  background: linear-gradient(to right, #47404f 10%, rgba(67, 236, 76, 0) 42%); }
  .spinner-gray-900:before {
    background: #47404f; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.spinner-bubble {
  display: inline-block;
  font-size: 8px;
  margin: 30px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: bubble-circle 1.3s infinite linear;
  animation: bubble-circle 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

.spinner-bubble-primary {
  color: #663399; }

.spinner-bubble-secondary {
  color: #52495a; }

.spinner-bubble-success {
  color: #4caf50; }

.spinner-bubble-info {
  color: #003473; }

.spinner-bubble-warning {
  color: #ffc107; }

.spinner-bubble-danger {
  color: #f44336; }

.spinner-bubble-light {
  color: #bbb; }

.spinner-bubble-dark {
  color: #47404f; }

.spinner-bubble-gray-100 {
  color: #f8f9fa; }

.spinner-bubble-gray-200 {
  color: #eee; }

.spinner-bubble-gray-300 {
  color: #dee2e6; }

.spinner-bubble-gray-400 {
  color: #ced4da; }

.spinner-bubble-gray-500 {
  color: #bbb; }

.spinner-bubble-gray-600 {
  color: #70657b; }

.spinner-bubble-gray-700 {
  color: #665c70; }

.spinner-bubble-gray-800 {
  color: #52495a; }

.spinner-bubble-gray-900 {
  color: #47404f; }

@-webkit-keyframes bubble-circle {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

@keyframes bubble-circle {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

.loader-bubble,
.loader-bubble:before,
.loader-bubble:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: bubble-horz 1.8s infinite ease-in-out;
  animation: bubble-horz 1.8s infinite ease-in-out; }

.loader-bubble {
  display: inline-block;
  font-size: 6px;
  margin: auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader-bubble-primary {
  color: #663399; }

.loader-bubble-secondary {
  color: #52495a; }

.loader-bubble-success {
  color: #4caf50; }

.loader-bubble-info {
  color: #003473; }

.loader-bubble-warning {
  color: #ffc107; }

.loader-bubble-danger {
  color: #f44336; }

.loader-bubble-light {
  color: #bbb; }

.loader-bubble-dark {
  color: #47404f; }

.loader-bubble-gray-100 {
  color: #f8f9fa; }

.loader-bubble-gray-200 {
  color: #eee; }

.loader-bubble-gray-300 {
  color: #dee2e6; }

.loader-bubble-gray-400 {
  color: #ced4da; }

.loader-bubble-gray-500 {
  color: #bbb; }

.loader-bubble-gray-600 {
  color: #70657b; }

.loader-bubble-gray-700 {
  color: #665c70; }

.loader-bubble-gray-800 {
  color: #52495a; }

.loader-bubble-gray-900 {
  color: #47404f; }

.loader-bubble:before,
.loader-bubble:after {
  content: '';
  position: absolute;
  top: 0; }

.loader-bubble:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader-bubble:after {
  left: 3.5em; }

@-webkit-keyframes bubble-horz {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes bubble-horz {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }
    
    
    
    
    
    
/******** DARK MODE *********/
.dark-mode .navbar-white{
    background-color: #454d55;
    color: #adb5bd;
}

.dark-mode .navbar-light .navbar-nav .nav-link {
    color: #adb5bd;
}
    
.dark-mode .main-header {
    border-bottom: 1px solid #59636c;
    z-index: 1034;
}   
  
.dark-mode table.dataTable tbody tr {
    background-color: #343a40;
}

.dark-mode .table .thead-dark th{
	background-color: #343a40;
	color: #fff;
}
    
.dark-mode .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #adb5bd;
}   

.dark-mode .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important;
}

.dark-mode .table td, .dark-mode .table th {
    border-top-color: #6c757d !important;
}

.dark-mode .table-bordered, .dark-mode .table-bordered td, .dark-mode .table-bordered th {
    border-color: #6c757d !important;
}

.dark-mode .table-row-danger{
	background-color: #480D0D !important;
}

.dark-mode .table-row-success{
	background-color: #142B04 !important;
}

.dark-mode .table-row-warning{
	background-color: #727502 !important;
}

.dark-mode .table-row-info{
	background-color: #032D3D !important;
}

.dark-mode .table-row-defaul{
	background-color: #07597C !important;
}

/***buttum group new***/
@media screen and (min-width: 0px) and (max-width: 720px){
	.group-buttom-new{
		height:38px !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 0px !important;
	}
	
}
	
@media screen and (min-width: 720px){
	.group-buttom-new{
		height:33px !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 0px !important;
	}
}

.input-group-text {
    border: 0px solid #ced4da !important;
    top: 17% !important;
   
}

.ui-widget {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 14px !important;
}

ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	font-weight: normal !important;
	color: #ffffff;
}

.info-box-dashboard {
  min-height: 98px !important;
}

.info-box .info-box-number {
  display: block;
  margin-top: 0 !important; 
  font-weight: 700;
}

.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.testimonial-group > .row {
  overflow-x: auto;
  white-space: nowrap;
}
.testimonial-group > .row > .col-xs-4 {
  display: inline-block;
  float: none;
}