/* * { outline: solid 0.25rem red; } */

.theme{
    background: linear-gradient(90deg, rgba(95,195,149,1) 0%, rgba(73,190,132,1) 35%);
    color:white;
}

html{
    background-color: rgb(252,252,252);
}

body{
    background-color: rgb(252,252,252);
    font-family: Montserrat;
}

.w3school_table {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

.w3school_table td, .w3school_table th {
	border: 1px solid #ddd;
	padding: 8px;
}

.w3school_table tr:nth-child(even){
	background-color: #f2f2f2;
}

.w3school_table tr:hover {
	background-color: #ddd;
}

.w3school_table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #4CAF50;
	color: white;
}

@media all and (max-width:768px) {
    .resp_table tr {    
        display: table;  
        width:100%;
        word-wrap:break-word;
    }               
    .resp_table td {
        display: table-row; 
        word-wrap:break-word;
    }     
}

.tags{
    font-weight: bold;
    overflow-wrap: break-word;
    background-color:#fcf876;
    overflow-wrap: break-word;
    display: inline-block;
}

.tag{
    border-radius:5px;background-color:#a9eca2;padding:0px;margin-top:10px;margin-right:5px;
}

.show-print{
	display: none;
}

@media print{
	.show-print{
		display: block !important;
	}
	.no-print, .no-print *{
		display: none !important;
	}
}


/* Arrow */

/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid white;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 100%;
	z-index: 3;
  }
  .btn-breadcrumb .btn:not(:last-child):before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -17px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
  }
	
  /** The Spacing **/
  .btn-breadcrumb .btn {
	padding:6px 12px 6px 24px;
  }
  .btn-breadcrumb .btn:first-child {
	padding:6px 6px 6px 10px;
  }
  .btn-breadcrumb .btn:last-child {
	padding:6px 18px 6px 24px;
  }
  
  /** Default button **/
  .btn-breadcrumb .btn.btn-default:not(:last-child):after {
	border-left: 10px solid #fff;
  }
  .btn-breadcrumb .btn.btn-default:not(:last-child):before {
	border-left: 10px solid #ccc;
  }
  .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
	border-left: 10px solid #ebebeb;
  }
  .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
	border-left: 10px solid #adadad;
  }
  
  /** Primary button **/
  .btn-breadcrumb .btn.btn-primary:not(:last-child):after {
	border-left: 10px solid #428bca;
  }
  .btn-breadcrumb .btn.btn-primary:not(:last-child):before {
	border-left: 10px solid #357ebd;
  }
  .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
	border-left: 10px solid #3276b1;
  }
  .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
	border-left: 10px solid #285e8e;
  }
  
  /** Success button **/
  .btn-breadcrumb .btn.btn-success:not(:last-child):after {
	border-left: 10px solid #5cb85c;
  }
  .btn-breadcrumb .btn.btn-success:not(:last-child):before {
	border-left: 10px solid #4cae4c;
  }
  .btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
	border-left: 10px solid #47a447;
  }
  .btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
	border-left: 10px solid #398439;
  }
  
  /** Danger button **/
  .btn-breadcrumb .btn.btn-danger:not(:last-child):after {
	border-left: 10px solid #d9534f;
  }
  .btn-breadcrumb .btn.btn-danger:not(:last-child):before {
	border-left: 10px solid #d43f3a;
  }
  .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
	border-left: 10px solid #d2322d;
  }
  .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
	border-left: 10px solid #ac2925;
  }
  
  /** Warning button **/
  .btn-breadcrumb .btn.btn-warning:not(:last-child):after {
	border-left: 10px solid #f0ad4e;
  }
  .btn-breadcrumb .btn.btn-warning:not(:last-child):before {
	border-left: 10px solid #eea236;
  }
  .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
	border-left: 10px solid #ed9c28;
  }
  .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
	border-left: 10px solid #d58512;
  }
  
  /** Info button **/
  .btn-breadcrumb .btn.btn-info:not(:last-child):after {
	border-left: 10px solid #5bc0de;
  }
  .btn-breadcrumb .btn.btn-info:not(:last-child):before {
	border-left: 10px solid #46b8da;
  }
  .btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
	border-left: 10px solid #39b3d7;
  }
  .btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
	border-left: 10px solid #269abc;
  }