.dashboard {
/*position: absolute;*/
left: 0px;
-webkit-transition: left 0.6s;
-moz-transition: left 0.6s;
-o-transition: left 0.6s;
transition: left 0.6s;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
ul, ol {
list-style: none;
}

/****************Widget Styles*****************/
.inner {
/*width: 94%;
height: 100%;
padding:5px 10px 3px 10px;
overflow:hidden;*/
position:relative;
}
.inner header {
z-index: 5;
text-align: right;
width: 100%;
height: 15.07%;
padding: 0 10px;
top: 0;
display: table;
-webkit-transition: padding 0.6s;
-moz-transition: padding 0.6s;
-o-transition: padding 0.6s;
transition: padding 0.6s;
}
.inner header h4 {
font-size: 0.8em;
font-weight: normal;
text-transform: uppercase;
color: #ababa3;
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}

.slot {
width: 100%;
height: 100%;
overflow: hidden;
}
.slot * {
z-index: 2;
}
.titles {
    float: left;
    width: 100%;
    background: #205e90;
    overflow: hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color:#fff;
    padding:10px;
    margin-bottom: 5px;
}
.titles h2, h3{text-align:left;margin-bottom:5px; color:#fff; font-size:20px; font-weight:lighter; margin-top:0;}
.titles h3 {font-size:9pt}
.s-counter-trend {
position: relative;
/*padding-left: 30px;*/
/*padding-bottom: 5px;*/
}
.s-counter-trend .value {
top: 11%;
font-size: 5em;
text-shadow: rgba(0,0,0,0.15) 0.02em 0.02em 0.05em;
color: #60BDDB;
z-index: 2;
}
.s-counter-trend .value, .s-counter-trend .subtitle {
left: 10%;
font-weight: bold;
}
.s-counter-trend .positivePercent {
font-size: 2.3em;
vertical-align:top;
}
.s-counter-trend .positivePercentText {
padding:16px 0px 0px 10px;
}
.s-counter-trend .subtitle {
top: 60%;
font-size: 1em;
text-shadow: rgba(0,0,0,0.15) 0.05em 0.05em 0.08em;
color: #60BDDB;
z-index: 2;
display:inline-block;
}
.s-counter-trend .value, .s-counter-trend .subtitle {
left: 10%;
font-weight: bold;
}
/*article.clock {
    background-color: rgba(38, 42, 50, 0.8);
}*/
/*article.clock div.inner {
background-color: #262a32;
}*/

/*article.clock section {
text-align: center;
}*/
#clock  {
color: #60bddb;
margin-top: -1%;
margin-left: 3.5%;
font-size: 1.87em;
text-align: left;
text-transform: capitalize;
}
#clock  {
font-weight: bold;
}
#clock {
margin-top: 1%;
position: relative;
display: -moz-inline-stack;
display: inline-block;
margin-left:15px;
}
#clock {
font-size: 6.3em;
color:#60bddb;
/*text-align: center;*/
}
article.clock section p:not(.city) .am_pm {
position: absolute; 
top: 0;
right: -1.8em;
font-size: 1.72em;
line-height: 1.8em;
color: #60BDDB;/*rgba(255, 255, 255, 0.4);*/
}
/*article.clock header h4 {
color: rgba(255, 255, 255, 0.3);
}*/
.s-status > p strong, article.clock section p:not(.city) .time, article.countdown section.s-time-until .countdown, article.countdown_reverse section.s-time-until .countdown {
color: #60BDDB;
}
.dashboard.visible .widget {
-webkit-transition: opacity 0.6s ease-out, width 0.6s ease-out, height 0.6s ease-out, border-width 0.6s ease-out;
-moz-transition: opacity 0.6s ease-out, width 0.6s ease-out, height 0.6s ease-out, border-width 0.6s ease-out;
-o-transition: opacity 0.6s ease-out, width 0.6s ease-out, height 0.6s ease-out, border-width 0.6s ease-out;
transition: opacity 0.6s ease-out, width 0.6s ease-out, height 0.6s ease-out, border-width 0.6s ease-out;
}
.page-splash { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #1f1f1f; opacity: 0.2; pointer-events: auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; }
.page-splash-message { text-align: center; margin: 10% 0 0 0; font-size: 400%; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-weight: normal; -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.15); text-shadow: 2px 2px rgba(0, 0, 0, 0.15); text-transform: uppercase; text-decoration: none; font-family: monospace; color: #F58A00; padding: 0; }
.page-progress-bar { margin: 10% 30% 0 30%; }
.widget-thumbnail {
    background-color: rgba(250, 247, 247, 1);
    color: #003399;
    text-decoration: none;
}
.widget-thumbnail img {
    height: 109px;
    width: 325px;
}
.widget-thumbnail span {
    color: #003399;
}
.refreshButton {
    width:20px;
    height:20px;
    display:inline-block;
    background-image:url(/Content/images/RefreshButton.png)
}
.modal-header h4 {
    font-size: 18px;
}
.widgetDelete{position:absolute;top:10px;right:10px; display:inline;}
.dateRange {
    margin-bottom:-15px;
    color:#3e3f3f;
}
.dateRange input {
    width:100px;
}
.settingsButton,
.homeButton {
    display:inline-block;
}
.settingsButton {
    width:4%;
}
.homeButton {
    width:95%;
}
.homeButton input {
    background-color:#ef1134;
    color:#fff;
    font-weight:bold;
    border:none;
   border-radius:3px;
    padding:12px 15px;
    margin-left:12px;
    box-shadow: 2px 2px 5px #888888;
}
.addSocialMediaSetting input {
    background-color:#0a5a93;
    color:#fff;
    font-weight:bold;
    border:none;
   border-radius:3px;
    padding:12px 15px;
    margin-left:12px;
}
.addWidgetButton {
    margin-left:10px;
    padding-top:20px;
}
.widgetCategoryImage {
    width:325px;
    height:109px;
    margin:auto;
}
.noSpace {
    margin-left:-2px;
}
.spacing {
    margin-left:15px;
}
.marginTop {
    margin-top:30px;
}
.rssTable .rssTitle {
    padding:0px 5px 10px 0px;
}
.addWidgets a {
    text-decoration:none;
    font-size:12pt;
}
.addWidgets a h2{
    font-size:12pt;
}
.addWidgetTitle {
    width:250px;
    /*height:79px;
    float:right;
    margin-top:-76px;*/
    display:inline-block;
    vertical-align:middle;
    margin-left:20px;
}
.addWidgets p{
    text-decoration:none;
    font-size:9pt;
    color:#3e3f3f;
}
.addWidgetImage {
    width:85px;
    height:93px;
    display:inline-block;
}
.textRight {
    text-align:right;
    padding-right:5px;
}
.modal-body .welcomeScreen h2 {
    color:#205e90;
    font-size:157px;
    text-align:center;
    padding:0px;
    margin:-28px 0px 0px 0px;
}
.modal-body .welcomeScreen h3 {
    color:#5D5D5D;
    font-size:45px;
    padding-top:80px;
    font-weight:lighter;
    text-align:center;
    padding:0px;
    margin:48px 0px 0px 0px;
}
.modal-body .welcomeScreen p {
    color:#463D3D;
    font-size:24px;
    text-align:center;
    padding:0px;
    margin:-13px 0px 0px 0px;
}
.modal-body .welcomeScreen .welcomeButtonWrapper {
    width:365px;
    margin:auto;
}
.modal-body .welcomeScreen .welcomeButtonWrapper button{
    width:100%;
    margin-top:25px;
    background-color:#205e90;
    color:#fff;
    font-weight:bold;
    border:none;
    border-radius:3px;
    padding:12px 15px;
    box-shadow:2px 2px 5px #888888;
}
.modal-body .welcomeScreen .welcomeButtonWrapper p {
    font-size:12px;
    margin:0px;
    font-weight:bold;
    padding:14px 0px 0px 0px;
}
.modal-body .welcomeScreen .welcomeButtonWrapper p a{
    color:#5d5d5d;
    text-decoration:underline;
    cursor:pointer;
}
.lineLogin .lineLoginText a {
    color:#c4c6c7;
    text-decoration:none;
}
.dashboardComingSoon {
    width:100%;
}
.dashboardComingSoon .thumbnail {
  display: inline-block;
  height: 134px;
  padding:0px;
  width: 380px;
  margin:0px 11px 20px 11px;
  line-height: 1.428571429;
  border: 1px solid #dddddd;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.dashboardComingSoon .widget-thumbnail img {
    height: 123px;
    width: 380px;
    margin-top:6px;
}
.inlineBlock {
    display:inline-block
}
.facebookLikesWrapper, .twitterMentWrapper, .twitterFollowWrapper, .facebookTotalPosts {
    width:100%;
    height:83px;
    
}
.facebookLikesWrapper p, .twitterMentWrapper p, .twitterFollowWrapper p {
    padding: 45px 0px 10px 5px;
    margin-bottom:15px;
}
.bottomBorderGray {
    border-bottom:1px solid #c5c5c5;
}
.bottomBorder {
    border-bottom:1px solid #60BDDB;
}

/****************Widget Sizes******************/
.smallWidget {
    width:320px;
    height:165px;
}
.mediumWdiget {
    width:320px;
    height:350px;    
}
.horMediumWdiget {
    width:659px;
    height:350px;    
}
.largeWidget {
    width:320px;
    height:537px;    
}
.clockSizing {
    width:320px;
    height:165px;
}

/**************Facebook Widgets****************/
.facebookMembers p{
    color:#5D5D5D;
    font-size:16px;
    padding:20px 20px 0px 20px;
}
.facebookMembers p b{
    font-weight:800;
}
.facebookPost .facebookImage{
    padding-top:4px;
}
.facebookPost .buttonStyle input {
   background-color:#5972a7;     
   border:1px #3c5489 solid;
   color:#fff;
   padding:4px 13px;
   margin:5px 5px 5px 162px;
}
.facebookPost {
    width:100%;
    background-color:#f2f2f2;
    border-top:#e9e9e9;
}
.facebookPost td {
    border-left:1px solid #D6D6D6;      
    border-right:1px solid #D6D6D6; 
}
.facebookContentWrapper {
    color:#3e3f3f;
}
.facebookContentRow {
    width:100%;
}
.facebookTitle,
.facebookTitle2,
.facebookContent,
.facebookContent2,
.facebookContent3,
.facebookContent4{
    display:inline-block;
    vertical-align:top;
}
.facebookTitle,
.facebookTitle2 {
    width:14%;
    text-align:right;
}
.facebookTitle2 {
    margin-left:51px;
}
.facebookContent,
.facebookContent2,
.facebookContent3,
.facebookContent4{    
    font-weight:bold;
    font-size:11px;
    padding-top:2px;
}
.facebookContent {
    width:30%;
}
.facebookContent2 {
    width:17%
}
.facebookContent3 {
    max-width:84%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.facebookContent4 {
    width:16%;
}

/**************Twitter Widgets*****************/
.twitterPoster{
    width:97%;
    margin-left:6px;
}
.twitterDashboard {
    width:100%;
}
.twitterPoster textarea {
    box-shadow: 0 0 7px rgba(0, 143, 255, 1);
    border-radius:3px;
}
.twitterPost .buttonStyle input {
   background-color:#e6e6e6;     
   border:1px #057ed0 solid;
   color:#fff;
   font-weight:bold;
   padding:5px 10px;
   margin:5px 5px 5px 0px;
   border-radius:4px;
   margin-top:10px;
   background: -webkit-linear-gradient(#2cb7eb, #029bd2); 
   background: -o-linear-gradient(#2cb7eb, #029bd2); 
   background: -moz-linear-gradient(#2cb7eb, #029bd2); 
   background: linear-gradient(#2cb7eb, #029bd2); 
}
.twitterPost .buttonStyle input:hover {
   background-color:#0271bf;    
   border:1px #096eb3 solid;   
   background: -webkit-linear-gradient(#2daddc,#0271bf); 
   background: -o-linear-gradient(#2daddc,#0271bf); 
   background: -moz-linear-gradient(#2daddc,#0271bf); 
   background: linear-gradient(#2daddc,#0271bf); 
}
.twitterPost .twitterText {
    width:212px; 
    padding:14px 9px 0px 0px;  
    text-align:right; 
}

/*************LinkedIn Widgets*****************/
.linkedInPoster {
    width:96%;
}
.linkedInPoster textarea {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border:1px solid #c1c1c1;
}
.linkedInPost .buttonStyle input {
   background-color:#e6e6e6;     
   border:1px #1b5480 solid;
   color:#fff;
   font-weight:bold;
   padding:5px 10px;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin-top:8px;
   background: -webkit-linear-gradient(#287bbc, #23639a); 
   background: -o-linear-gradient(#287bbc, #23639a); 
   background: -moz-linear-gradient(#287bbc, #23639a); 
   background: linear-gradient(#287bbc, #23639a); 
   -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
   -moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
   box-shadow:0 1px 3px rgba(0,0,0,0.25);
   float:right;
}
.linkedInPost .buttonStyle input:hover {
   background-color:#0271bf;   
   background: -webkit-linear-gradient(#2672ae,#1e4f7e); 
   background: -o-linear-gradient(#2672ae,#1e4f7e); 
   background: -moz-linear-gradient(#2672ae,#1e4f7e); 
   background: linear-gradient(#2672ae,#1e4f7e); 
}

/***************Google Widgets*****************/
.googleWidget h3,
.googleDaterange,
.googleWidgetRight {
    display:inline-block;
}
.googleWidgetRight {
    float:right
}
.statContentWrapper {
    width:45%;
    margin-top:30px;
}
.statContentWrapper:last-child {
    margin-left:20px;
}
.statContentWrapper,
.statContentTitle,
.statContentNumber {
    display:inline-block;
    color:#3e3f3f;
}
.statContentTitle {
    text-align:right;
    width:60%;    
    font-size:11px;
}
.statContentNumber {
    text-align:left;
    width:35%;
    font-weight:bold;
}
.googleTable {
    margin-top: 20px;
    height: 257px;
    overflow:hidden;
}
.googleTable table {    
    color:#3e3f3f;
    background-color:#f2f2e7;
}
.googleTable table .googleWordPage{
    width:221px;
    padding-right:15px;
}
.googleTableNotFixed table {
    width:100%;
    color:#3e3f3f;
    font-size:11px;
    margin-top:20px;
}
.googleTableNotFixed th{   
    font-weight:normal;
    padding:3px 5px;
    vertical-align:bottom
}
.googleTableNotFixed td{   
    padding:5px;
}
.googleWidgetSettings {
    margin-bottom:10px;
}
.googleTextSettings {
    width:125px;
    text-align:right;    
}

/****************Video Widgets*****************/
#videoTutorial h3 {
    margin-top:10px;
    float:right;
}
.videoPlayer {
    margin: 19px 0px 0px 10px;
}
.videoPlayer p{
    padding: 0px 0px 5px;
}

/***************Weather Widgets****************/
.weatherWidget {
    color: #3e3f3f;
}
.weatherWidget b {
    color: #3e3f3f;
    font-size: 9pt;
    text-align: left;
    font-weight: bold;
    padding: 0px 0px 4px 0px;
}
.weatherWidget a {
    padding:40px;
}