.pagetemplate {

    margin: 5%;

}	

/* Css for button */

.samplebut button {

    background: #DC3349;

    border: none;

    color: #fff;

    padding: 10px;

    font-size: 16px;

    font-family: "MavenPro-Black" !important;

	margin-top:3%;

}



 /*  Css for checkbox */

.samplecheck {

    margin: 35px 0;

    font-size: 18px;

    font-family:  "MavenPro-Black" !important;

}

.samplecheck input {

    margin-left: 15px;

}



/* Css for accordion */



.accordion {

  background-color: #DC3349;

  color: #444;

  cursor: pointer;

  padding: 18px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 15px;

  transition: 0.4s;

  width:100%;

  color:#fff;

  font-family:  "MavenPro-Black" !important;

}





.panel {

  padding: 0 18px;

  background-color: white;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

  width:100%;

}

.panel p{

	line-height:2em;

	font-family:  "MavenPro-Black" !important;

}



/* Css for tab */

.tab {

  overflow: hidden;

  border: 1px solid #DC3349;

  background-color: #DC3349;

}



.tab button {

  background-color: inherit;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 16px;

  transition: 0.3s;

  font-size: 17px;

  font-family:  "MavenPro-Black" !important;

}

.tab button:hover {

  background-color: #DC3349;

}



.tab button.active {

  background-color: #DC3349;

}



.tabcontent {

  display: none;

  padding: 6px 12px;

  border: 1px solid #DC3349;

  border-top: none;

  font-family:  "MavenPro-Black" !important;

}

.sampletab {

    width: 50%;

}

.sampletab button {

    color: #fff;

}



/* css for horizontal line */

.samplehr hr{

	border-top: 5px solid #DC3349;

}



/* Css for Table*/



#customers {

  font-family: 'Poppins-Light' !important;

  border-collapse: collapse;

  width: 100%;

}



#customers td, #customers th {

  border: 1px solid #ddd;

  padding: 8px;

}



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



#customers tr:hover {background-color: #DC3349;}



#customers th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: left;

  background-color: #DC3349;

  color: white;

  font-family:  "MavenPro-Black" !important;

}