table#mytableb
{
 border-collapse: collapse; 
 width:83% !important;
 margin-left: auto !important; 
 margin-right: auto !important;
 opacity: 0.8; 
 /*background-color: rgb(45, 45, 45);*/
 background-color: transparent;
}

table#mytableb tr
{
 /*border: 1px solid #eea317;*/
}
table#mytableb td
{
 border: 1px solid #eea317;
 /*width: 100%; */
 background-color: #ffffff;
 color: #f39800;
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 font-size: 3rem !important; 
 text-align:center; 
  /*border-radius:10% !important;*/

 
}
#selected
{
 width:100% !important;
}
#selected:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#one:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#two:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#three:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#four:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#five:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#six:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
/*
#seven:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
*/
#eight:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#nine:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#ten:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#eleven:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#twelve:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#thirteen:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#fourteen:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#fifteen:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#sixteen:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#seventeen:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#eightteen:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#nineteen:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
#twenty:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}

/*Rules for sizing the icon*/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 
{ 
 font-size: 100%;
}
#miarrow
{
 vertical-align: text-bottom;
 text-align: right;
}
#miarrowleft
{
 vertical-align: text-bottom;
 text-align: right;
}
#tdmiarrowleft
{
}
#tdmiarrow
{
}

#miarrow:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;

}
#tdmiarrow:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;

}
#miarrowleft:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;

}
#tdmiarrowleft:hover
{
 background-color: #a66800;
 color: #ffffff;
 cursor:pointer;
}
/*
.settd
{
  border-radius:50% !important;
  width: 10% !important;
}*/
.settd2
{
  background-color: transparent !important;
  border:none !important;
}

@media (max-width:991px)
{
table#mytableb
{
 border-collapse: collapse; 
 width:100% !important;
 margin-left: auto !important; 
 margin-right: auto !important;
 opacity: 0.8; 
 /*background-color: rgb(45, 45, 45);*/
 background-color: transparent;
}

table#mytableb tr
{
 /*border: 1px solid #eea317;*/
}
table#mytableb td
{
 border: 1px solid #eea317;
 /*width: 100%; */
 background-color: #ffffff;
 color: #f39800;
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 font-size: 2rem !important; 
 text-align:center; 
  /*border-radius:10% !important;*/

 
}
#selected
{
 width:100% !important;
}
}

@media (max-width:500px)
{
table#mytableb
{
 border-collapse: collapse; 
 width:100% !important;
 margin-left: auto !important; 
 margin-right: auto !important;
 opacity: 0.8; 
 /*background-color: rgb(45, 45, 45);*/
 background-color: transparent;
}

table#mytableb tr
{
 /*border: 1px solid #eea317;*/
}
table#mytableb td
{
 border: 1px solid #eea317;
 /*width: 100%; */
 background-color: #ffffff;
 color: #f39800;
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 font-size: 1.5rem !important; 
 text-align:center; 
  /*border-radius:10% !important;*/

 
}
#selected
{
 width:100% !important;
}
}

@media (max-width:355px)
{
table#mytableb
{
 border-collapse: collapse; 
 width:100% !important;
 margin-left: auto !important; 
 margin-right: auto !important;
 opacity: 0.8; 
 /*background-color: rgb(45, 45, 45);*/
 background-color: transparent;
}

table#mytableb tr
{
 /*border: 1px solid #eea317;*/
}
table#mytableb td
{
 border: 1px solid #eea317;
 /*width: 100%; */
 background-color: #ffffff;
 color: #f39800;
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 font-size: 1.2rem !important; 
 text-align:center; 
  /*border-radius:10% !important;*/

 
}
#selected
{
 width:100% !important;
}
}

@media (max-width:287px)
{
table#mytableb
{
 border-collapse: collapse; 
 width:100% !important;
 margin-left: auto !important; 
 margin-right: auto !important;
 opacity: 0.8; 
 /*background-color: rgb(45, 45, 45);*/
 background-color: transparent;
}

table#mytableb tr
{
 /*border: 1px solid #eea317;*/
}
table#mytableb td
{
 border: 1px solid #eea317;
 /*width: 100%; */
 background-color: #ffffff;
 color: #f39800;
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 font-size: 1.0rem !important; 
 text-align:center; 
  /*border-radius:10% !important;*/

 
}
#selected
{
 width:100% !important;
}
}