﻿.resultstblouter{ border:1px solid #dddddd;}
.resultshead{ border-bottom:1px solid #dddddd;padding:20px;}

.qualificationtxt{background:#002942; color:#fff; padding:5px 10px;font:600 16px/30px "Open Sans", sans-serif;}
.qualificationtxt img{ vertical-align:middle}

.qualificationtxt a:hover{ text-decoration:none;}

.qualificationtxtrt{ float:left;}
.qualificationtxtrt small{color:#353850; padding:10px 0;border-radius:5px; font:600 14px/30px "Open Sans", sans-serif; padding-left:27px;}
.qualificationtxtrt small img{ vertical-align:middle}
.qualificationtxtrt span { padding:0 0 0 8px}
.qualificationtxtrt span img{vertical-align:middle}
.qualificationtxtrt span a{border:1PX solid #dddddd; color:#333333; padding:10px;border-radius:5px; background:#fff; vertical-align:middle}
.qualificationtxtrt span a:hover{ border-color:#adadad; background:#e4e4e4; text-decoration:none; }

.qualificationtxtnumber{color:#f09720; padding:5px 10px;font:600 16px/30px "Open Sans", sans-serif;}
.qualificationtxtnumber img{ vertical-align:middle}

.qualificationtxtnumber a:hover{ text-decoration:none;}

/*.resultoutbl{ overflow:auto; max-width:1300px;}*/
.resultoutbl{ padding:5px; background:#fff; min-height: 70px;}
.resulttbl{ width:100%; margin:0;}
.resulttbl th{ border-bottom:2px solid #dddddd; font:600 14px/20px "Open Sans", sans-serif; padding:5px; background:#fff;}
.resulttbl td{ border-bottom:1px solid white; font:400 14px/20px "Open Sans", sans-serif; padding:5px; background:#d4e3e5;}
.resulttbl td a{ color:#353850; text-decoration:none;font:600 14px/20px "Open Sans", sans-serif; }
.resulttbl td a:hover{ color:#353850; text-decoration:underline;}

.resulttbl td.judgeDressageResult , .resulttbl .headingTop td{ padding:0;}
.judgeDressageResult table td{background:#083f74; color:#fff;}
 
.resulttbl td.riderhorse span:nth-child(2){ color:#515151; background:#ccc; margin-left:10px; padding:0 5px;font:400 13px/20px "Open Sans", sans-serif; }
.resulttbl th.riderhorse span{ color:#515151; background:#ccc;padding:0 5px;font:600 14px/20px "Open Sans", sans-serif; }


td.lblDRGood .DRMovementshover{border:1px solid #333333; background:#555; color: #fff;text-align: center;position: absolute;z-index:99;transition: all 0.3s; display:none; margin-top:-4px; margin-left:58px;}
td.lblDRGood .DRMovementshover h4{ background-color: #333333;color: #fff; font:400 14px/20px "Open Sans", sans-serif;padding:5px 10px; text-align:left;}
td.lblDRGood .DRMovementshover span{font:400 18px/24px "Open Sans", sans-serif; padding:20px 10px; display:block; color: #fff;}

.DRMovementshover::after {content: "";position: absolute;left:0;top:6px;margin-left:-21px;border-width: 10px;border-style: solid;border-color:transparent #333333 transparent transparent;}
td.lblDRGood > div{ display:inline-block}
td.lblDRGood > div:hover .DRMovementshover{ display:block;}

/* -------------------------------- popup start here -------------------------------- */
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:200}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; width: 90%; max-width: 400px; margin: 4em auto; background: #FFF; border-radius:5px; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); /* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container p { padding: 3em 1em; }
.cd-popup-container .cd-buttons:after { content: ""; display: table; clear: both; }
.cd-popup-container .cd-buttons li { float: left; width: 50%; list-style: none; }
.cd-popup-container .cd-buttons a { display: block; height: 60px; line-height: 60px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.cd-popup-container .cd-buttons li:first-child a { background: #333333; border-radius: 0; }
.cd-popup-container .cd-buttons li a:hover{ text-decoration:none;}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover { background-color: #fc8982; }
.cd-popup-container .cd-buttons li:last-child a { background: #353850; border-radius:0; }
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover { background-color: #c5ccd8; }
.cd-popup-container .cd-popup-close { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;  font-size:0px;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5; }
.cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; }
.cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; }
.is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

/* ends here */
