/**
* @file tile_dashboard.css
* @Naveen Porwal
* @Teramatrix Technologies
* @©2015 EICHER
**/

@font-face {
    font-family: 'Hermes_FB';
    src: url('fonts/Hermes_FB-Regular.ttf') format('truetype'),
         url('fonts/Hermes_FB-Black.ttf') format('truetype'), 
         url('fonts/Hermes_FB-Black_Italic.ttf') format('truetype'),
         url('fonts/Hermes_FB-Bold.ttf') format('truetype'),
         url('fonts/Hermes_FB-Bold_Italic.ttf') format('truetype'),
         url('fonts/Hermes_FB-Italic.ttf') format('truetype'),
         url('fonts/Hermes_FB-Thin.ttf') format('truetype'),
         url('fonts/Hermes_FB-Thin_Italic.ttf') format('truetype');
}

div.bodypsys {
padding: 0;
width: 100%;
border-radius: 0px 0px 5px 5px;
}
div.bodypsys {
background: #fff;
height: 100%;
border-radius:7px;
}

.stateofnation {
height: 390px;
width: 100%;
}
.stateofnation {
clear: left;
overflow: hidden;
display: block;
}

.clearfix {
background: none repeat scroll 0 0 #FFFFFF;
padding: 0;
/*bottom: 1px;*/
left: 0;
position: absolute;
right: 0;
top: 0;
}
.contentRow {
overflow-x: auto;
overflow-y: auto;
}
.InfraClearfix {
min-height: 390px;
max-height: 422px;
overflow: auto;
overflow-x:hidden;
border-radius:0 0 5px 5px;
}

.stateofnation .seasonWrapup {
height: 375px;
margin: 1.5% auto 0.75% auto;
position: absolute;
width: 1006px !important;
}
.stateofnation .seasonWrapup {
background: #4d5360;
background:#575757;
}

.stateofnation .seasonWrapup-Left-ext {
height: 100%;
width: 26%;
color: #FFFFFF;
float: left;
}

.stateofnation .seasonWrapup-Left {
margin: 21px 12px;
/*margin: 0px 12px;*/
padding: 5px 0;
}

.stateofnation .seasonWrapup-Left header {
text-align: center;
font-size: 28px;
text-shadow: 1px 1px 0px #000;
/*font-family: 'Century Gothic',Helvetica, sans-serif;*/
font-family:Hermes_FB;
}

.stateofnation .seasonWrapup-Left p {
text-align: center;
font-size: 14px !important;
padding: 0 25px;
margin-top: 33px;
margin-bottom: 48px;
/*font-family: 'Century Gothic',Helvetica, sans-serif;*/
font-family:Hermes_FB;
font-size: 11px;
font-weight: normal;
line-height: 1.2em;
}

.stateofnation table.matches-played {
width: 100%;
}

.stateofnation table.matches-played td.matches-number {
color: #e5e5e5;
width: 66px;
padding: 5px 10px 3px 10px;
text-align: center;
font-size: 24px;
font-weight: bold;
background: #4a8bc2;
background:#669999;
box-shadow: 0 0 0 1px #e5e5e5 inset;
text-shadow: 1px 1px 0px #4d5360;
/*font-family: 'Century Gothic',Helvetica, sans-serif;*/
font-family:Hermes_FB;
min-width:78px;
}

.stateofnation table.matches-played td.matches-played {
font-size: 28px;
/*padding-bottom: 6px;*/
text-align: left;
background: #e5e5e5;
color: #4d5360;
color:#575757;
text-shadow: 1px 1px 0 #fff;
text-align: center;
color: #4d5360;
/*text-shadow: 1px 1px 0 #999;*/
/*font-family: 'Century Gothic',Helvetica, sans-serif;*/
font-family:Hermes_FB;
word-wrap:break-word;
height:42px;
}

.stateofnation .seasonWrapup-Right {
height: 100%;
width: 74%;
overflow: hidden;
background: #fff;
float: left;
}

.stateofnation .seasonWrapup-Row {
height: 125px !important;
width: 100% !important;
}
.stateofnation .seasonWrapup-Row {
height: 70px;
width: 528px;
}

body input {
vertical-align: middle;
}

a {
color: #069;
text-decoration: none;
cursor: pointer;
}

.stateofnation .seasonWrapup-Right .blue-two, .stateofnation .seasonWrapup-Right .blue-three {
background: #4394ec;
background: -moz-linear-gradient(50deg, #4394ec 0%, #60b3f9 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#4394ec), color-stop(100%,#60b3f9));
background: -webkit-linear-gradient(50deg, #4394ec 0%,#60b3f9 100%);
background: -ms-linear-gradient(50deg, #4394ec 0%,#60b3f9 100%);
background: linear-gradient(50deg, #4394ec 0%,#60b3f9 100%);
transition-duration: 0.2s;
transition-timing-function: ease-out;
margin-right: 10px;
}
.stateofnation .wrapup-pod {
height: 114px;
padding: 0;
width: 114px;
margin-right: 10px;
}
.stateofnation .wrapup-pod {
color: #fff;
float: left;
}
.First {
margin-left: 10px;
}

.stateofnation .wrapup-pod h4 {
color: #fff;
font-weight: normal;
font-size: 19px;
margin: 5px 4px 5px 9px;
border-bottom: none;
padding-bottom: 0;
text-shadow: 1px 1px 0 #4c4c64;
text-align: left;
font-family:Hermes_FB;
cursor:context-menu;
}

.stateofnation .wrapup-pod p {
font-size: 12px;
text-align: left;
}
.stateofnation .wrapup-pod p {
color: #fff;
line-height: 1.2em;
margin:0px 9px 0 9px;
text-transform: uppercase;
padding-top: 0;
}

.wrapup-pod img {
z-index: 1;
}

.stateofnation .seasonWrapup-Row .dual-pod {
width: 238px;
}

.stateofnation .seasonWrapup-Right .bluegrey-six, .stateofnation .seasonWrapup-Right .bluegrey-seven {
background-color: #2E6262 ;
transition-timing-function: ease-out;
background: -moz-linear-gradient(50deg, #2E6262  0%, #00aba9  100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#2E6262 ), color-stop(100%,#00aba9 ));
background: -webkit-linear-gradient(50deg, #2E6262  0%,#00aba9  100%);
background: -ms-linear-gradient(50deg, #2E6262  0%,#00aba9  100%);
background: linear-gradient(50deg, #2E6262  0%,#00aba9  100%);
transition-duration: 0.2s;
}

.clear {
clear: both;
}

.stateofnation .seasonWrapup-Right .blue-two, .stateofnation .seasonWrapup-Right .blue-three {
/* background-color: #19adea; */
background: #4394ec;
background: -moz-linear-gradient(50deg, #4292ea 0%, #183986 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#4292ea), color-stop(100%,#183986));
background: -webkit-linear-gradient(50deg, #4292ea 0%,#183986 100%);
background: -ms-linear-gradient(50deg, #4292ea 0%,#183986 100%);
background: linear-gradient(50deg, #4292ea 0%,#183986 100%);
transition-duration: 0.2s;
transition-timing-function: ease-out;
margin-right: 10px;
}

.stateofnation .seasonWrapup-Right .green-one:hover {
background: #D3E036;
background: -moz-linear-gradient(50deg, #D3E036 0%, #7DBC1D 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#D3E036), color-stop(100%,#7DBC1D));
background: -webkit-linear-gradient(50deg, #D3E036 0%,#7DBC1D 100%);
background: -ms-linear-gradient(50deg, #D3E036 0%,#7DBC1D 100%);
background: linear-gradient(50deg, #D3E036 0%, #7DBC1D 100%);
box-shadow: 5px 5px 5px #ccc;
}
.stateofnation .seasonWrapup-Right .green-one {
transition-duration: 0.5s;
transition-timing-function: ease-out;
background: rgb(103,154,154);
background: -moz-linear-gradient(50deg, rgb(123,181,181) 0%, rgb(103,154,154) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(123,181,181)), color-stop(100%,rgb(103,154,154)));
background: -webkit-linear-gradient(50deg, rgb(123,181,181) 0%,rgb(103,154,154) 100%);
background: -ms-linear-gradient(50deg, rgb(123,181,181) 0%,rgb(103,154,154) 100%);
background: linear-gradient(50deg, rgb(123,181,181) 0%,rgb(103,154,154) 100%);
}

.stateofnation .seasonWrapup-Right .red-one:hover {
box-shadow: 5px 5px 5px #ccc;
background: #f94f45;
background: -moz-linear-gradient(50deg, #ee2316 0%, #f94f45 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ee2316 ), color-stop(100%,#f94f45));
background: -webkit-linear-gradient(50deg, #ee2316 0%,#f94f45 100%);
background: -ms-linear-gradient(50deg, #ee2316 0%,#f94f45 100%);
background: linear-gradient(50deg, #ee2316 0%, #f94f45 100%);
}
.stateofnation .seasonWrapup-Row .dual-pod {
width: 238px;
}
.stateofnation .seasonWrapup-Right .red-one {
transition-duration: 0.5s;
transition-timing-function: ease-out;
background: #ee2316;
background: -moz-linear-gradient(50deg, #f94f45 0%, #ee2316 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f94f45 ), color-stop(100%,#ee2316));
background: -webkit-linear-gradient(50deg, #f94f45 0%,#ee2316 100%);
background: -ms-linear-gradient(50deg, #f94f45 0%,#ee2316 100%);
background: linear-gradient(50deg, #f94f45 0%, #ee2316 100%);
}

.Last {
margin-right: 0px !important;
}

.stateofnation .seasonWrapup-Right .blue-one:hover, .stateofnation .seasonWrapup-Right .blue-two:hover, .stateofnation .seasonWrapup-Right .blue-three:hover, .stateofnation .seasonWrapup-Right .blue-four:hover, .stateofnation .seasonWrapup-Right .blue-five:hover, .stateofnation .seasonWrapup-Right .blue-six:hover, .stateofnation .seasonWrapup-Right .blue-seven:hover, .stateofnation .seasonWrapup-Right .bluegrey-five:hover {
cursor: context-menu;
background: #4292ea;
background: -moz-linear-gradient(50deg, #183986 0%, #4292ea 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#183986), color-stop(100%,#4292ea));
background: -webkit-linear-gradient(50deg, #183986 0%,#4292ea 100%);
background: -ms-linear-gradient(50deg, #183986 0%,#4292ea 100%);
background: linear-gradient(50deg, #183986 0%,#4292ea 100%);
box-shadow: 5px 5px 5px #ccc;
}

.stateofnation .seasonWrapup-Right .bluegrey-six:hover {
background: #00aba9 ;
background: -moz-linear-gradient(50deg, #00aba9  0%, #2E6262  100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#00aba9 ), color-stop(100%, #2E6262 ));
background: -webkit-linear-gradient(50deg, #00aba9  0%, #2E6262  100%);
background: -ms-linear-gradient(50deg, #00aba9  0%, #2E6262  100%);
background: linear-gradient(50deg, #00aba9  0%, #2E6262  100%);
box-shadow: 5px 5px 5px #ccc;
}

.stateofnation .seasonWrapup-Right .green-one:hover {
background: #7bb5b5;
background: -moz-linear-gradient(50deg, #669a9a 0%, #7bb5b5 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#669a9a), color-stop(100%,#7bb5b5));
background: -webkit-linear-gradient(50deg, #669a9a 0%,#7bb5b5 100%);
background: -ms-linear-gradient(50deg, #669a9a 0%,#7bb5b5 100%);
background: linear-gradient(50deg, #669a9a 0%, #7bb5b5 100%);
box-shadow: 5px 5px 5px #ccc;
}

.stateofnation .seasonWrapup-Right .blue-one:hover p, .stateofnation .seasonWrapup-Right .blue-two:hover p, .stateofnation .seasonWrapup-Right .blue-three:hover p, .stateofnation .seasonWrapup-Right .blue-four:hover p, .stateofnation .seasonWrapup-Right .blue-five:hover p, .stateofnation .seasonWrapup-Right .blue-six:hover p, .stateofnation .seasonWrapup-Right .blue-seven:hover p, .stateofnation .seasonWrapup-Right .blue-eight:hover p, .stateofnation .seasonWrapup-Right .bluegrey-one:hover p, .stateofnation .seasonWrapup-Right .bluegrey-two:hover p, .stateofnation .seasonWrapup-Right .bluegrey-three:hover p, .stateofnation .seasonWrapup-Right .bluegrey-four:hover p, .stateofnation .seasonWrapup-Right .bluegrey-five:hover p, .stateofnation .seasonWrapup-Right .bluegrey-six:hover p, .stateofnation .seasonWrapup-Right .bluegrey-seven:hover p, .stateofnation .seasonWrapup-Right .bluegrey-eight:hover p, .stateofnation .seasonWrapup-Right .yellow-one:hover p, .stateofnation .seasonWrapup-Right .red-one:hover p, .stateofnation .seasonWrapup-Right .green-one:hover p {
color: #2C9CDB;
color: #fff;
font-size: 11px;
}

.stateofnation .wrapup-pod .State_response {
    margin: 15px 12px 3px 7px;
    font-size:14px !important;
    font-size:11px !important;
    color:white;
    width:43%;
    width:50%;
    text-align:right;
   cursor: context-menu;
}



.stateofnation .seasonWrapup-Right .green-two:hover {
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    background: rgb(125,188,29);
    background: -moz-linear-gradient(50deg, rgb(42,169,28) 0%, rgb(125,188,29) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(42,169,28)), color-stop(100%,rgb(125,188,29)));
    background: -webkit-linear-gradient(50deg, rgb(42,169,28) 0%,rgb(125,188,29) 100%);
    background: -ms-linear-gradient(50deg, rgb(42,169,28) 0%,rgb(125,188,29) 100%);
    background: linear-gradient(50deg, rgb(42,169,28) 0%,rgb(125,188,29) 100%);
}


.stateofnation .seasonWrapup-Right .green-two {
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    background: rgb(42,169,28);
    background: -moz-linear-gradient(50deg, rgb(125,188,29) 0%, rgb(42,169,28) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(125,188,29)), color-stop(100%,rgb(42,169,28)));
    background: -webkit-linear-gradient(50deg, rgb(125,188,29) 0%,rgb(42,169,28) 100%);
    background: -ms-linear-gradient(50deg, rgb(125,188,29) 0%,rgb(42,169,28) 100%);
    background: linear-gradient(50deg, rgb(125,188,29) 0%,rgb(42,169,28) 100%);
}

#textFor_highest_response_time, #textFor_least_response_time {
    margin-top:11px;
}