@charset "utf-8";
/* CSS Document */
body { font-family:  'Rubik', sans-serif ;background-color:#f6f6f6 ;}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;  
  src: url('../rubik/rubik-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rubik'), local('Rubik-Regular'),
       url('../rubik/rubik-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../rubik/rubik-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../rubik/rubik-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../rubik/rubik-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../rubik/rubik-v9-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
	  }

h1, h2, h3, h4 , h5, h6 { font-family:  'Rubik', sans-serif ;}
p { font-family:  'Rubik', sans-serif ;}	
.h3, h3 {font-size: 20px ;}
a{ color:#555555;}
.col-white{ color:#ffffff ;}
a:hover{ color:#097bc3 ;  text-decoration:none ;}
.modal-dialog2 {width: 80% ;margin: 100px auto ;}
.modal-footer {padding: 6px 15px ; text-align: right;    border-top: 1px solid #e5e5e5;}
.container{ max-width:1140px; margin:0 auto}
.bodycontainer {min-height: 500px;}
.modal-header {padding: 8px 15px 4px 15px ;border-bottom: 1px solid #e5e5e5;}
.modal-body {position: relative; padding: 0px 10px 10px 10px ;}
.white-colo1{ color:#ffffff ;}

.white-colo{ color:#ffffff;}
.yellow-bg-1{color:#ffffff; background-color:#ff9900; padding:12px 15px;border: 6px solid #ffffff;    box-shadow: 0px 2px 4px #dddddd ; }
.blue_bg{ background-color:#002842; padding:12px 10px;}
.blue_bg_heading {background-color: #002842;padding: 12px 10px; border: 6px solid #ffffff; box-shadow: 0px 2px 4px #dddddd ;height:auto; min-height:55px;}
.yellow-text{ color:#ff9900 ;}
.h1, h1 {font-size: 45px ;font-weight: 600 ;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0px ; margin-bottom: 0px ;}
.container-fluid {padding-right: 0px ;padding-left: 0px ;margin-right: auto;margin-left: auto;}
.sub_header_blue_bg{ background-color:#002842; padding:7px 15px; color:#ffffff;}
.white-bg-cover{ background-color:#ffffff; box-shadow:0px 4px 10px #ddd ; padding:10px;}
.form-control {width: 100% ;height: 40px ;padding: 6px 12px;font-size: 14px;border-radius: 2px ;-webkit-box-shadow: 0px 2px 4px #dddddd ;box-shadow:0px 2px 4px #dddddd ;}
tr:nth-child(even) {background-color: #f2f2f2;}
tr:hover {background-color: #e5e5e5 ; }
.green-circle{ background-color:#7daa06; color:#ffffff; font-weight:bold; width:23px; height:23px; border-radius:23px; text-align:center; padding-top:3px;}
.green-circle:hover{ background-color:#a8e507; }
.btn-primary{background-color:#1462a7 ;}
.btn-primary:hover{background-color:#1b588f ;}
.btn {padding: 9px 16px ;font-size: 14px; line-height: 1.42857143; border-radius: 3px ;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;color: #fff ;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination {display: inline-block;padding-left: 0;margin: 10px 0 ;border-radius: 4px;}
.pagination > li > a, .pagination > li > span {
    position: relative;float: left;padding: 6px 12px; margin-left: 4px ;margin-right: 4px ;}
.nav>li {position: relative;display: block;width: 33.33%;text-align: center;}
.yellow-text a{color: #ff9900;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
 color: #fff ;cursor: default; background-color: #ff9900 ; border: none;border-bottom-color: rgb(221, 221, 221);border-bottom-color: transparent; border-radius:0px ;}
.nav-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 0px ; background-color: #f0f0f0 ;font-size: 17px;}
.nav-tabs {border-bottom: none ;margin-bottom: 10px ; }
.nav > li > a {position: relative;display: block; padding: 20px 19px ;}
.gray-bg{ background-color:#f0f0f0 ;}
.new-fo-size{ font-size:12px;}
a.yellow-text:hover{ color:#ffffff;}
.h1, .h2, .h3, h1, h2, h3 {font-weight: 600;}
.padding-top-5{padding-top:5px;}
.padding-left-10{padding-left:10px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;  min-height: 1px;padding-right: 15px ; padding-left: 15px ;}
.mb-0{ background-color: #022d55;border-bottom: 1px solid #5f7488;color: #ffffff;padding: 5px;width: 100%;}
.btn-link {font-weight: 400;color: #ffffff ;border-radius: 1px;}
.align-right1 {right: 3px;position: absolute;}
/* ----------------  Dressage Section -------------------- */
.Wbite-box-2{ background-color:#ffffff; padding: 4px;float: left; font-size:14px; color: #333; margin-left: 5px;    margin-top: 2px; border-radius: 4px;width: auto;min-width: 75px;text-align: center;}
.blue-box-2{ background-color:#2e659b; color:#ffffff; padding: 4px 10px;float: left; font-size:14px; color: #ffffff; margin-left: 5px;    margin-top: 3px; border-radius: 2px; float:left; margin-right:5px;}
.panel-heading {padding: 8px 15px ; background-color:#022d55 ; color:#ffffff; border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px; height:auto; min-height:44px;}
.panel-default > .panel-heading {background-color:#022d55 ; }

.panel-title {margin-top: 0;margin-bottom: 0; font-size: 15px ;color: inherit;}
.panel-group {margin-bottom: 0px ;}
.panel-group .panel+.panel { margin-top: 7px ;}
#dressage tr:hover{ cursor:pointer ;}
/* ----------------  Margin TOP Section -------------------- */
.margin-top-8-minus{margin-top:-11px;}
.margin-top-10{margin-top:10px;}
.margin-top-10-minus{margin-top:-10px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}

/* ----------------  Margin Bottom Section -------------------- */

.margin-bottom-20{margin-bottom:20px;}

/* ----------------  Margin Left Section -------------------- */
.margin-left-10{margin-left:10px;}
.margin-left-13{margin-left:13px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-40{margin-left:40px;}
.margin-left-50{margin-left:50px;}
.margin-left-60{margin-left:60px;}

/* ----------------  Padding TOP Section -------------------- */
.padding-top-6{ padding-top:6px;}
.padding-top-10{ padding-top: 7px ; float: left;}
.padding-left-0{ padding-left:0px ;}

.shadow-for-box{ box-shadow: 0px 9px 9px 0px #ddd;}
.box-for-list{ padding:7px 20px; background:#ffffff; box-shadow: 0px 6px 6px 0px #eee; text-align:center; height:80px; box-sizing:border-box; font-size:15px; font-weight:400;display: table;  width:100%; float:left;}
.box-for-list:hover { background-color:#ffb117; color:#ffffff;}
.align-cen {display: table-cell; vertical-align: middle;}
.box-with-shadow { padding:15px 20px 0px; background:#ffffff; box-shadow:  0px 6px 6px 0px #eee; height:auto; float:left; width:100%;}
.red-col{ color:#cc440f;}
.fo-size{ font-size:18px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  vertical-align: middle;padding: 6px 8px;}
  table {width: 100%; max-width: 100%;margin-bottom: 0px;}

/* ----------------  Members Chart List COlor Circle -------------------- */
.members-list{ width:100%; float:left;}
.members-list ul{padding:0px;}
.members-list ul li{ list-style-type:none; line-height:2.5; float:left; width:100%;}
.Adult_rider{ width:13px; height:13px; float:left; border-radius:50%; background-color:#305373; margin-right:10px;}
.Participant_Senior{ width:13px; height:13px; float:left; border-radius:50%; background-color:#476683;margin-right:10px;}
.Recreational_Senior{ width:13px; height:13px; float:left; border-radius:50%; background-color:#5e7992;margin-right:10px;}
.Participant_Junior{ width:13px; height:13px; float:left; border-radius:50%; background-color:#758ca2;margin-right:10px;}
.Supporter_Official{ width:13px; height:13px; float:left; border-radius:50%; background-color:#8c9fb1;margin-right:10px;}
.Club{ width:13px; height:13px; float:left; border-radius:50%; background-color:#a3b2c1;margin-right:10px;}
.Competitor_Junior{ width:13px; height:13px; float:left; border-radius:50%; background-color:#bac5d0;margin-right:10px;}
.Competitor_Senior{ width:13px; height:13px; float:left; border-radius:50%; background-color:#d1d8e0;margin-right:10px;}
.Other{width:13px; height:13px; float:left; border-radius:50%; background-color:#194064;margin-right:10px;}
.box-footer{ width:100%;  background-color:#ffffff;box-shadow: 6px 6px 6px 6px #ddd;  position: fixed; font-size: 13px; color: #888;bottom: 0;left: 0;padding: 8px 10px 6px 10px; z-index: 999; padding-left:290px; }
.padding-left-40{ padding-left:18px; box-sizing:border-box;}
.h2, h2 { font-size: 40px ;}
.border-left1{ border-left:1px solid #cccccc;}
.border-right1{ border-right:1px solid #cccccc; padding-left:2px;}
.border-bottom1{ border-bottom:1px solid #cccccc;}
.padding-new-0{ padding:0px ;}
.nav-tabs > li > a {line-height: 1 ;}
.close { color: #ffffff ; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=80); opacity: 1 ;}
.gray-bg-3 {background-color: #f0f0f0 ; width: 100%;float: left; padding: 10px 5px 8px 3px; margin-bottom: 9px;}
.modal-header .close {margin-top: -11px ;margin-right: -9px ;}
.table-mob{ width:100%;}
.white-bg{ background-color:#ffffff;}

/* Mobile table start here */

.table-mob table{border: 1px solid #ddd;box-sizing: border-box;}
.table-mob table  tr th{vertical-align: middle;padding:7px 5px;border-bottom: 0px solid #ddd;font:600 14px/15px 'Rubik', sans-serif;color: #333;box-sizing: border-box;background-color: #f0f0f0;}
.table-mob table tr td{vertical-align: middle;padding: 7px 5px;border-top: 2px solid #ddd;font:13px/15px 'Rubik', sans-serif;color: #333;box-sizing: border-box;}
.table-mob table tr td strong{ display:block; padding-bottom:5px;}
.table-mob table tr td strong + br{ display:none;}
.table-mob table tr:nth-child(even) td{background-color: transparent;}
.table-mob table tr:nth-child(odd) td{background-color:transparent;}
.table-mob table tr:nth-child(even){background-color:transparent;}
/* Mobile table ends here */
.footersec br{ display:none;}
.listnew { width:100%; float:left;}
.listnew ul{list-style: none;margin: 0;padding: 3px; float: left; width:100%;}
.listnew ul li{display: inline-block;float: left;box-shadow: 0px 6px 6px 0px #eee;text-align: center;background: #f0f0f0; vertical-align: top;padding: 20px;margin-right: 15px;height: 130px;width: 200px; margin-bottom:10px;}
.listnew ul li a{ display:block;}
.listnew ul li a span{ display:block; margin-bottom:8px;}
.listnew ul li a small{font:14px/18px 'Rubik', sans-serif; display:block;}
.listnew ul li:hover{background: #f9f9f9; border:none;}


.white-colo a{ color:#fff;}
.white-colo a:hover{ color:#ff9a0c ;}  

/* ---------------------------------------------------   Scoreboard CrossCountry  Date: 01/11/2019    ----------------------------------------------------- */

.blue-circle-new {background-color: #2d82cf;color: #ffffff;font-weight: bold;width: 23px;height: 23px;border-radius: 23px;text-align: center; padding-top: 3px; float:left; margin-left:5px; color:#ffffff;}
.blue-circle-new a {color:#ffffff; display:block;}
.cover-log{ width:auto; float:right;}
.cover-user{ width:auto; float:left; margin-right:10px; padding-top:5px;}
.white-box-bu{ background-color:#ffffff; float:left; padding:10px; border:1px solid  #cccccc; box-shadow:0px 5px 6px #dddddd; float:left; margin-right:6px; margin-bottom:10px; }
.blue_bg_new2 {background-color: #002842;padding: 12px 10px;}
.gray-bg-4 { background-color:#f0f0f0; padding:10px; float:left;}
.color-green1{ color:#6b9401;}
.col-red { color:#e00b0b;}
.col-dark-blue { color:#061e88;}
.table {width: 100%; max-width: 100%;margin-bottom: 10px;}
.form-in1{width:400px;}
.orange-text{ color:#f35600; font-weight:800;}
.ali-top{ padding-top:10px; clear:both; text-align:right;}
/*------- ends here */
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media only screen and (min-width: 300px) and (max-width: 480px) {
.container {width: 100% ;}
.hide-section{ display:none;}
.box-for-list{ font-size:14px; font-weight:300;width:100%; height:70px; margin-bottom:15px;}
.box-footer {font-size: 11px;padding-left: 0px;}
.padding-left-40{ padding-left:0px;}.h1, h1 {font-size: 33px ;font-weight: 600 ;}
.margin-left-13 {margin-left: 0px;}
.padding-left-0{ padding-left:15px ; margin-top:15px ;}
.white-bg-cover {background-color: #ffffff;box-shadow: 0px 4px 10px #ddd ;padding: 12px ;}
.nav > li > a {padding: 10px 14px ; margin-right: 8px ;}
.panel-heading { height: auto;min-height: 55px;}
.panel-body {padding: 4px ;}
.h3, h3 {font-size: 17px ;}
.nav > li > a {padding: 10px 5px ;margin-right: 8px ;height: auto;min-height: 46px; line-height:26px;}
.nav-tabs > li > a {font-size: 13px;}
 .nav>li{width: 33.33%;}
.eventdefault.nav>li{width:50%;}
.text-right {text-align: left ;}
.white-bg-cover { padding: 6px;}
.blue-box-2 {padding: 7px 8px;font-size: 13px;}
.align-right1 {right: 3px; position: inherit ;}
/* ---------------- New CSS For Mobile------------------ */
.modal-dialog2 {width: 96%;margin: 20px auto;}
.padding-l-r{ padding-left:4px; padding-right:4px;}
.margin-top-20 {margin-top: 10px;}
.yellow-bg-1 {padding: 7px 15px; border: 4px solid #fff;}
.blue_bg_heading {padding: 7px 10px;border: 4px solid #fff; box-shadow: 0px 2px 4px #dddddd !important;}
.org-col{color:#f78205;}
.white-bg{ background-color:#ffffff;}
.padding-top-10 {padding-top: 2px ;}
.listnew ul {padding: 5px 3px 0px 7px;}
.listnew ul li {padding: 10px 2px;margin-right: 5px;height: auto;width: 100%;margin-bottom: 15px;min-height: 120px;}
.listnew ul li a small {font: 17px/22px 'Rubik', sans-serif; display: block;}
.form-in1{width:100%;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
.container {width: 100% ;}
.hide-section{ display:none;}
.box-for-list{ font-size:14px; font-weight:300;width:100%; height:70px; margin-bottom:15px;}
.box-footer {font-size: 11px;padding-left: 0px;}
.padding-left-40{ padding-left:0px;}.h1, h1 {font-size: 33px ;font-weight: 600 ;}
.margin-left-13 {margin-left: 0px;}
.padding-left-0{ padding-left:15px ; margin-top:15px ;}
.white-bg-cover {background-color: #ffffff;box-shadow: 0px 4px 10px #ddd ;padding: 12px ;}
.nav > li > a {padding: 10px 14px ; margin-right: 8px ;}
.panel-heading { height: auto;min-height: 55px;}
.panel-body {padding: 4px ;}
.h3, h3 {font-size: 17px ;}
.nav > li > a {padding: 10px 5px ;margin-right: 8px ;}
.text-right {text-align: left ;}
.white-bg-cover { padding: 6px;}
.Wbite-box-2 {padding: 3px;font-size: 13px;}
/* ---------------- New CSS For Mobile------------------ */
.modal-dialog2 {width: 96%;margin: 20px auto;}
.padding-l-r{ padding-left:4px; padding-right:4px;}
.margin-top-20 {margin-top: 10px;}
.yellow-bg-1 {padding: 7px 15px; border: 4px solid #fff;}
.blue_bg_heading {padding: 7px 10px;border: 4px solid #fff; box-shadow: 0px 2px 4px #dddddd !important;}
.org-col{color:#f78205;}
.white-bg{ background-color:#ffffff;}
.padding-top-10 {padding-top: 2px ;}
.listnew ul {padding: 5px 3px 0px 7px;}
.listnew ul li {padding: 10px 2px;margin-right: 5px;height: auto;width: 48%;margin-bottom: 15px;min-height: 120px;}.form-in1{width:100%;}
}
@media only screen and (min-width: 768px) {
.padding-left-0 {padding-left: 15px;margin-top: 0px;}
.modal-dialog {margin: 100px auto ;}
.listnew ul {padding: 8px 1px 0px 10px;}

}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
.text-right {text-align: left ;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.container {width: 98% ;}
.hide-section{ display:none;}
.box-for-list{ font-size:14px; font-weight:300;width:100%; height:70px; margin-bottom:15px;}
.box-footer {font-size: 11px;padding-left: 0px;}
.padding-left-40{ padding-left:0px;}.h1, h1 {font-size: 33px ;font-weight: 600 ;}
.margin-left-13 {margin-left: 0px;}
.padding-left-0{ padding-left:15px ; margin-top:0px ;}
.white-bg-cover {background-color: #ffffff;box-shadow: 0px 4px 10px #ddd ;padding: 12px ;}
.nav > li > a {padding: 10px 14px ; margin-right: 8px ;}
.panel-heading { height: auto;min-height: 55px;}
.panel-body {padding: 4px ;}
.h3, h3 {font-size: 17px ;}
.nav > li > a {padding: 10px 15px ;margin-right: 8px ;}
.white-bg-cover { padding: 12px;}
.text-right {text-align: left;}
}
@media only screen and (min-width: 1281px) and (max-width: 1400px) {
.container {width: 88% ;}
.Wbite-box-2 {padding: 3px;font-size: 13px;margin-left: 4px; border-radius: 2px;}
}
@media (max-width: 768px){

/* event listing page start here */
.eventtable .table,.eventtable .table tr, .eventtable .table td{box-sizing: border-box;}
.eventtable .table .gray-bg,.eventtable .table .gray-bg tr,table.tableGrid_layout.eventlisting .gray-bg tr th{ display:none;}
.eventtable .table tbody tr:nth-of-type(2n+1){ background:transparent}
.eventtable .table tr td{ position:relative; border:0px; padding:5px;white-space: normal;}
.table-responsive.eventtable > .table > tbody > tr > td{white-space: normal;}
.eventtable .table,table.tableGrid_layout.eventlisting tbody,
.eventtable .table tr,.eventtable .table tbody{ display:block; width:100%}
.eventtable .table tr{ border:1px solid #dee2e6;}
.eventtable .table td:before{position: absolute; font:600 14px/20px 'Open Sans', sans-serif; }
.eventtable .table tr td:nth-child(1) { display: block; padding-left:23%; width:100%; word-wrap: break-word;padding-right: 20px; background:none;}
.eventtable .table tr td:nth-child(1):before { content: "Date"; left: 10px; top: 3px; width: 18%;font-weight:600 }
.eventtable .table tr td:nth-child(2) { display:inline-block; padding-left: 23%; word-wrap: break-word;padding-right: 20px; width: 100%;}
.eventtable .table tr td:nth-child(2):before { content: "Event";left: 10px; top: 3px;width: 18%;font-weight:600 }
.eventtable .table tr td:nth-child(3) { display:none;}
.eventtable .table tr:hover td{ background:transparent}
.eventtable .table tr:nth-child(odd) td { background:transparent; }
.eventtable .table tr:nth-child(even) td { background:transparent;  }
/* ends here */
.footersec br{ display:block;}
}

@media (max-width: 1600px) {
.margin-left-new-100{margin-left:-130px;}
}

@media only screen and (min-width:1600px) and (max-width: 1920px) {
 .modal-dialog2 {width: 62% ;margin: 100px auto ;}
}
@media (max-width: 768px) and (orientation: landscape){
    .search-area .blue_bg_heading{ display:none;}
    .search-area .searchtxt{ width: 50%;}
    .search-area .searchbtn{ width: auto; margin:0}
}
@media (max-width: 768px) and (orientation: portrait){
    

}
/*--- Cross country grade report Responsive start here --------*/
@media only screen and (min-width: 1025px) and (max-width:1900px) {

.crosscountrypage{width: 100%;}
.crosscountrypage .table.tblgrade{ border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.crosscountrypage .table.tblgrade tr td{padding: 4px 2px; font-size:13px; border-right:1px solid #e4e4e4;}
.crosscountrypage .table.tblgrade tr td strong{ font-size:13px;}
.crosscountrypage .table.tblgrade tr td img{max-width:16px;}
.crosscountrypage .table.tblgrade tr th{padding: 3px 2px; font-size:13px; border-right:1px solid #e4e4e4;}
.crosscountrypage .table.tblgrade tr td .fa-check::before{ font-size:13px;}
.crosscountrypage .table.tblgrade tr td:first-child,.crosscountrypage .table.tblgrade tr th:first-child{ font-size:12px;}
.crosscountrypage .table.tblgrade tr td:first-child strong,.crosscountrypage .table.tblgrade tr th:first-child strong{ font-size:12px;}
}
@media only screen and (min-width: 768px) and (max-width:1024px) {

.crosscountrypage{width: 100%;}
.crosscountrypage .white-box-bu{margin-right: 5px; padding:10px 3px;}
.crosscountrypage .table.tblgrade{ border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.crosscountrypage .table.tblgrade tr td{padding: 4px 1px; font-size:9px; border-right:1px solid #e4e4e4;}
.crosscountrypage .table.tblgrade tr td strong{ font-size:9px;}
.crosscountrypage .table.tblgrade tr td img{max-width:14px;}
.crosscountrypage .table.tblgrade tr th{padding: 3px 1px; font-size:9px; border-right:1px solid #e4e4e4;}
.crosscountrypage .table.tblgrade tr td .fa-check::before{ font-size:9px;}
.crosscountrypage .table.tblgrade tr td:first-child,.crosscountrypage .table.tblgrade tr th:first-child{ font-size:12px;}
.crosscountrypage .table.tblgrade tr td:first-child strong,.crosscountrypage .table.tblgrade tr th:first-child strong{ font-size:12px;}
}
/*--- Cross country grade report Responsive ends  here --------*/