/* CSS for test DP page */

.partone {
    background: #00355F;
    color: #ffffff !important;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.parttwo {
    background: #BB3636;
    color: #ffffff !important;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.partthree {
    background: #0091C3;
    color: #ffffff !important;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.partfour {
    background: #649C27;
    color: #ffffff !important;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.partfive {
    background: #DC732A;
    color: #ffffff !important;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.partsix {
    background: #177967;
    color: #ffffff !important;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.dplinkone{
    background: #ECECEC;
    color: #5a5a5a !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
}

.dplinkone:hover{
    background: rgba(24, 82, 128, 0.71);
    color: #ffffff !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #5a5a5a;
}

.dplinktwo{
    background: #ECECEC;
    color: #5a5a5a !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
}

.dplinktwo:hover{
    background: rgba(179, 51, 51, 0.7);
    color: #ffffff !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #5a5a5a;
}

.dplinkthree{
    background: #ECECEC;
    color: #5a5a5a !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
}

.dplinkthree:hover{
    background: rgb(92, 143, 160);
    color: #ffffff !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #5a5a5a;
}

.dplinkfour{
    background: #ECECEC;
    color: #5a5a5a !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
}

.dplinkfour:hover{
    background: rgb(122, 160, 79);
    color: #ffffff !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #5a5a5a;
}


.dplinkfive{
    background: #ECECEC;
    color: #5a5a5a !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
}

.dplinkfive:hover{
    background: rgb(216, 130, 70);
    color: #ffffff !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #5a5a5a;
}


.dplinksix{
    background: #ECECEC;
    color: #5a5a5a !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
}

.dplinksix:hover{
    background: rgba(23, 121, 103, 0.78);
    color: #ffffff !important;
    text-decoration: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #5a5a5a;
}

.dpreview{
	display: inline-block;
	padding-right: 4px;
	line-height: 2.5em
}

/* Responsive */

@media only screen and (max-width: 570px) {
#dplink{
  	display: inherit;
	}

.dpreview{
	display: inherit !important;
	padding-right: 4px;
	}
}