#previous-set-logs span, #next-set-logs span{
	    font-family: 'ToyotaType-Semibold' !important;
	    text-transform: capitalize !important;
}

#logs-table_wrapper .dt-buttons {
	display: none !important;
}
.log-error-message {
	position: absolute;
    bottom: -16px;
    font-size: 12px;
    color: red;
    font-family: 'ToyotaType-Regular';
}
#helpTextStatusCodeSelect li, #helpTextStatusCodeSelect {
    display: none;
}
#helpTextStatusCodeSelect li span{
    cursor: pointer;
}

input[type='text']#responseCode {
	max-height: 34px;
}

#helpTextStatusCodeSelect {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 5px 0px 10px 0px;
    background: #000;
    color: #fff;
    z-index: 11;
    max-height: 275px;
    overflow-y: auto;
}
#helpTextStatusCodeSelect li {
	padding: 0px 10px;
	cursor: pointer;
}


#logsModal .onmodalhide {
	display: none !important;
}
.logs-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03) !important;
}
#logs-table .ontablehide {
	display: none !important;
}
#logmindate, #logmaxdate {
	    border-image: linear-gradient(to right, #3FB6A8, rgba(126, 211, 134, 0.5)) 1 0%;
    border-top: 0;
    font-family: 'ToyotaType-Regular';
    padding-bottom: 6px;
    margin-top: .25rem!important;
}
.dataTables_length label{
	padding: 5px 20px 5px 0px !important;
}
.dataTables_filter label{
	    padding: 5px 0px 5px 20px !important;
	    margin-right: 0px !important;
}
#logs-table_wrapper .dataTables_length label, #logs-table_wrapper .dataTables_filter label { 
	border-bottom: none !important;
}
.dataTables_wrapper td {
	cursor: pointer;
}
.dataTables_wrapper .dataTables_filter label input{
	border-radius: 0;
    box-shadow: none;
    max-height: 35px !important;
    padding-bottom: 0px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #707070 !important;
}
.dataTables_wrapper .dataTables_length select {
   
    border-radius: 0px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #707070 !important;
}
#logs-table_wrapper label, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { 
	font-weight: bold;
    font-family: 'ToyotaType-Semibold' !important;
    font-size: 14px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1.5px solid rgba(0, 0, 0, 0.4) !important;
    background: transparent !important;
    border-radius: 0px !important
	
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .2em 0.8em !important;
}
.logs-table thead tr th {
	   display: table-cell;
    vertical-align: top;
}
.logs-table thead tr th:nth-child(1) {
	width: 17% !important;
}
.logs-table thead tr th:nth-child(2) {
	width: 35% !important;
}
.logs-table thead tr th:nth-child(3) {
	width: 13% !important;
}
/*.logs-table thead tr th:nth-child(4) {
	width: 5% !important;
}*/
.logs-table thead tr th:nth-child(4) {
	width: 35% !important;
}
#logsModal .logs-details-table tbody tr:nth-child(5) td pre {
	max-width: 625px;
	font-family: 'ToyotaType-Regular' !important;
}
.logs-card-body {
	min-height: auto !important;
}
.logs-table tbody th{
	 font-family: 'ToyotaType-Regular' !important;
}
.logs-card-header .card_header{
		display: flex;
    justify-content: space-between;
    width: 100%;
}
.logs-card-header .card_header span.log-count{
	    display: flex;
    align-items: center;
}
.logs-card-header .card_header span.log-count> span{
	border-left: 2px solid #333;
}
.logs-card-header .card_header span.log-count span{
		font-size: 12px;
    font-family: 'ToyotaType-Regular';
    padding-left: 7px;
}
.log-actions a .mat-button-wrapper {
    	text-transform: capitalize !important;
    	font-family: 'ToyotaType-Semibold' !important;
    	
    }
.logs-table th{
	 font-weight: bold;
    font-family: 'ToyotaType-Semibold';
    font-size: 14px;
}
.logs-table td, .logs-table td p, .table.logs-table>tbody>tr>td{
	 font-weight: bold;
    font-family: 'ToyotaType-Regular';
    font-size: 14px;
}
.logs-table td.desc {
	width: 65%;
}
.logs-details-table th{
	 font-weight: bold;
    font-family: 'ToyotaType-Semibold' !important;
    font-size: 14px !important;
}
.logs-details-table {
	 font-weight: bold;
    font-family: 'ToyotaType-Regular';
    font-size: 14px;
}
#logsModal .close{
    position: absolute;
    top: 15px;
    right: 20px;
    outline: none;
}
.normal-btn {
    background-color: #04fdff;
    color: #333;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none !important;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    padding: 5px 20px 7px 20px !important;
    overflow: visible;
    transform: translate3d(0,0,0);
    text-transform: capitalize !important;
    display: inline-block !important;
    z-index: 1;
}
.normal-btn:hover {
	 color: #333;
    box-shadow: 0 0 5px rgba(0,0,0,0.3) !important;
}

input[type='text']#api_list {
	max-height: 30px;
}

#helpTextAPISelect {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 5px 0px 10px 0px;
    background: #000;
    color: #fff;
    z-index: 11;
    max-height: 275px;
    overflow-y: auto;
}
#helpTextAPISelect li {
	padding: 0px 10px;
	cursor: pointer;
}
#helpTextAPISelect li, #helpTextAPISelect {
    display: none;
    
}
.api-monitoring-section {
	padding: 0px 10px;
}
@media (min-width: 768px){
	.col-md-cus-3 {
		-ms-flex: 0 0 24%;
	    flex: 0 0 24%;
	    max-width: 24%;
	    /*-ms-flex: 0 0 20%;*/
	    /*flex: 0 0 20%;*/
	    /*max-width: 20%;*/
	}
	.col-md-cus-4 {
		-ms-flex: 0 0 26%;
    flex: 0 0 26%;
    max-width: 26%;
    /*-ms-flex: 0 0 30%;*/
    /*flex: 0 0 30%;*/
    /*max-width: 30%;*/
	}
}
.api-monitoring-section .calender-input{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 23%;
}
.bg-lt-grey {
	background: rgba(0,0,0,0.03);
}
.api-monitoring-section .calender-input svg, .api-monitoring-section .calender-input i{
	margin-right: 10px;
}
.api-monitoring-section .card {
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 0;
    background: white;
}
.api-monitoring-section .card-body {
	display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 260px;
}
/*.api-monitoring-section .card-body canvas{*/
/*	min-height: 260px !important*/
/*}*/
.api-monitoring-section .card-header {
    padding: 0.75rem 2rem !important;
    background-color: transparent !important;
 }
.tmnageneralform .form-group{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.Chart_inn {
    display: block;
    background: #f5f5f5;
    padding: 10px;
    min-height: 200px
}
.tmnageneralform select {
    border: 1.4px solid #707070;
}
.tmnageneralform input[type=date]{
    width: 100%;
    border: 1.4px solid #707070;
    padding-bottom: 3px;
}
.tmnageneralform input[type=text]{
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid #707070;
}
.tmnageneralform input[type=text], 
.tmnageneralform select{ 
	border-radius: 0;
	box-shadow: none;
	/*max-height: 27px;*/
 /* padding-bottom: 15px;*/
 max-height: 35px;
    padding-bottom: 0px;
    padding: 0;
}
.tmnageneralform label{
	border-radius: 0;
	border-bottom: 1px solid #707070;
	padding: 5px 20px;
	min-width: 45%;
  margin-right: 30px;
  text-align: left;
  margin-bottom: 0 !important;
}
.tmnageneralform input[type=text]::placeholder{
	color: #666666;
	font-weight: 400;
}
.page, .dialog-off-canvas-main-canvas {
    height: auto !important;
}