#wrapper {
    position: relative;
}

.header {
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.profilePicContainer{
    width: 140px;
    margin: 0 auto;
    /*text-align: center;*/
}

.profilePic {
    width: 140px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    object-fit: cover;
}

.profilePicMenu {
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    object-fit: cover;
    color: #424242;
}

.scorecardUserImage{
    width: 40px;
    height: 40px;
    border: 1px solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    /* box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); */
    border-radius: 50%;
    object-fit: cover;
}

.headerLink {
    color: #ffffff;
    text-decoration: none;
    font-family: 'Bree Serif', serif;
    font-size: 22px;
}

.headerLink:hover {
    color: #ffffff;
    text-decoration: none;
}

.footer {
    text-align: center;
    margin-bottom: 20px;
}

.content {
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 51px;
}

.row {
    margin-bottom: 15px;
}

input[type="submit"] {
    background: #424242;
    border: 1px solid #212121;
    padding: 7px;
    color: #ffffff;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    height: auto;
}

input[type="submit"]:hover {
    background: #212121;
    border: 1px solid #000000;
}

a.linkButton {
    background: #424242;
    border: 1px solid #212121;
    padding: 7px;
    color: #ffffff;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
}

a.linkButton:hover {
    text-decoration: none;
    background: #212121;
    border: 1px solid #000000;
}

.lineItemContainer {
    padding: 10px;
    border-bottom: 1px solid #EEEEEE;
    overflow: hidden;
    /*border-left: 4px solid #ffffff;*/
}

.lineItemContainer:hover {
    /*background: #F5F5F5;*/
    cursor: default;
    /*border-left: 4px solid #81D4FA;*/
}

.lineItem {
}

.lineItemHeader {
    font-size: 16px;
    /*color: #4FC3F7;*/
}

.lineItemSubHeader {
    font-size: 13px;
    color: #BDBDBD;
}

.lineItemSubHeaderBrown {
    font-size: 13px;
    color: #795548;
}

.lineItemSubHeaderBlue {
    font-size: 13px;
    color: #0288D1;
}

.lineItemSubHeaderPink {
    font-size: 13px;
    color: #E91E63;
}

.lineItemSubHeaderGreen {
    font-size: 13px;
    color: #4CAF50;
}

.lineItemLinks {
    margin-top: 5px;
}

.lineItemLink {
    color: #03A9F4;
    font-size: 13px;
    text-decoration: none;
}

.lineItemLink:hover {
    text-decoration: none;
    color: #0288D1;
}

.actionButtonContainer {
    /*position: absolute;*/
    /*top: -35px;*/
    /*right: 10px;*/
    margin-top: -35px;
    float: right;
    background: #ffffff;
    box-shadow: -10px 0 10px #ffffff;
}

.alert {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.lineItemButtonBlueLink {
    margin-top: 5px;
    background: #03A9F4;
    color: #ffffff;
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
}

.lineItemButtonBlueLink:hover, .lineItemButtonBlueLink:focus {
    text-decoration: none;
    background: #0288D1;
    color: #ffffff;
}

.lineItemButtonGreenLink {
    margin-top: 5px;
    background: #689F38;
    color: #ffffff;
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
}

.lineItemButtonGreenLink:hover, .lineItemButtonGreenLink:focus {
    text-decoration: none;
    background: #558B2F;
    color: #ffffff;
}

.lineItemButtonPinkLink {
    margin-top: 5px;
    background: #E91E63;
    color: #ffffff;
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
}

.lineItemButtonPinkLink:hover, .lineItemButtonPinkLink:focus {
    text-decoration: none;
    background: #D81B60;
    color: #ffffff;
}

.lineItemButtonBrownLink {
    margin-top: 5px;
    background: #795548;
    color: #ffffff;
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
}

.lineItemButtonBrownLink:hover, .lineItemButtonBrownLink:focus {
    text-decoration: none;
    background: #5D4037;
    color: #ffffff;
}

.lineItemButtonGreyLink {
    margin-top: 5px;
    background: #616161;
    color: #FFFFFF;
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
}

.lineItemButtonGreyLink:hover, .lineItemButtonGreyLink:focus {
    text-decoration: none;
    background: #424242;
    color: #ffffff;
}

.lineItemButtonRedLink {
    margin-top: 5px;
    background: #F44336;
    color: #FFFFFF;
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
}

.lineItemButtonRedLink:hover, .lineItemButtonRedLink:focus {
    text-decoration: none;
    background: #E53935;
    color: #ffffff;
}

.scorecardTable {
    width: 100%;
    border-collapse: collapse;
}

.scorecardTable tr td {
    border-bottom: 1px solid #E0E0E0;
    text-align: center;
}

.scorecardTableHeader {
    background: #EEEEEE;
    /*color: #ffffff;*/
    font-weight: bold;
    padding: 10px 5px;
}

.scorecardTable tr.scorecardTableRow:hover {
    background: #EEEEEE;
    cursor: pointer;
}

.scorecardTableData {
    text-align: center;
    /*color: #ffffff;*/
    padding: 10px 5px;
}

.scorecardTableDataSubTotals {
    text-align: right;
    padding: 10px;
    font-weight: bold;
    color: #424242;
}

.scorecardTableDataTotals {
    text-align: right !important;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
    background: #424242;
}

.holeInfoPar {
    /*background: #4CAF50;*/
    color: #4CAF50;
    padding-left: 5px;
    /*border-radius: 4px;*/
    display: inline-block;
    font-weight: bold;
}

.holeInfoStroke {
    /*background: #2196F3;*/
    color: #2196F3;
    padding-left: 5px;
    /*border-radius: 4px;*/
    display: inline-block;
    font-weight: bold;
}

.holeInfoDistance {
    /*background: #F44336;*/
    color: #F44336;
    padding-left: 5px;
    /*border-radius: 4px;*/
    display: inline-block;
    font-weight: bold;
}

#pointsCalcs, #handicapAdjustments {
    display: none;
}

.mapInfo {
    color: #ffffff;
    background: #000000;
    padding: 10px;
    position: absolute;
    display: inline-block;
    top: 0;
    opacity: 0.9;
    z-index: 100;
    font-weight: bold;
    border-radius: 4px;
}

.actionButtons {
    position: absolute;
    top: 0;
    right: 15px;
    /*background: #000000;*/
    /*padding: 10px;*/
    /*font-size: 20px;*/
    opacity: 0.9;
    z-index: 101;
    font-weight: bold;
}

#startTrackingBtn {
    background: #43A047;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 30px;
}

#stopTrackingBtn {
    display: none;
    background: #E53935;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 30px;
}

.badge {
    /*border-radius: 50%;*/
}

pre {
    margin-top: 50px;
}

.xdebug-error, .xe-notice {
    margin-top: 50px;
}

.heading {
    color: #212121;
    font-size: 20px;
    font-family: 'Bree Serif', serif;
    padding-bottom: 10px;
    margin-top: 10px;
}

.upcomingRoundContainer {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.upcomingRoundContainer:last-child {
    margin-bottom: 0;
}

.testTable {
    margin-top: 15px;
    border-collapse: collapse;
    /*width: 100%;*/
    border-spacing: 0;
}

.testHeading {
    padding: 2px;
    background: #795548;
    border: 1px solid #5D4037;
    color: #ffffff;
    font-weight: bold;
}

.testHeadingSub {
    padding: 2px;
    color: #795548;
    border: 1px solid #795548;
    font-weight: bold;
    text-align: center;
}

.testData {
    width: 100px;
    padding: 2px;
    border: 1px solid #9E9E9E;
    text-align: center;
}

.testTotalHeading {
    padding: 2px;
    border: 1px solid #2196F3;
    color: #2196F3;
    font-weight: bold;
    text-align: right;
}

.testTotalBlue {
    padding: 2px;
    background: #2196F3;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #1976D2;
    text-align: center;
}

.testTotalGreen {
    padding: 2px;
    background: #4CAF50;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #388E3C;
    text-align: center;
}

.tabContainer {
    border-bottom: 1px solid #424242;
}

.tab {
    display: table-cell;
    padding: 15px;
    cursor: pointer;
    background: #E0E0E0;
}

.tab:hover {
    background: #616161;
    color: #ffffff;
}

.tabActive {
    color: #ffffff;
    background: #424242;
}

#summaryChart {
    display: none;
}

#summaryChartContainer {
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.highcharts-container {
    width: 100% !important;
}

.flatSelectBox {
    padding: 10px 10px 10px 0;
    border-width: 0 0 0 0;
    border-color: #FFFFFF;
    background: #ffffff;
}

.scoreButtonsMinus {
    cursor: pointer;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px 5px;
    background: #FFEBEE;
}

.scoreButtonsMinus:hover {
    background: #F44336;
    color: #FFFFFF;
}

.scoreButtonsPlus {
    cursor: pointer;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 10px 5px;
    background: #F1F8E9;
}

.scoreButtonsPlus:hover {
    background: #8BC34A;
    color: #FFFFFF;
}

.closestToPin {
    color: #9C27B0;
    /*padding: 1px 0;*/
}

.longestDrive {
    color: #4CAF50;
    /*padding: 1px 0;*/
}

.secondInfo {
    display: none;
}

.customTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.customTableDataHeadingMain {
    font-weight: bold;
    padding: 7px;
    border: 1px solid #424242;
    background: #424242;
    color: #ffffff;
}

.customTableDataHeading {
    font-weight: bold;
    min-width: 175px;
    padding: 7px;
    border: 1px solid #eeeeee;
}

.customTableDataHeadingSpan {
    font-weight: bold;
    padding: 7px;
    border: 1px solid #eeeeee;
}

.customTableData {
    text-align: center;
    min-width: 40px;
    padding: 7px;
    border: 1px solid #eeeeee;
}

.skinsButton {
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 10px;
    border: 1px solid #607D8B;
    color: #607D8B;
    /*float: left;*/
    /*width: 50%;*/
    font-weight: bold;
}

.skinsButton:hover {
    color: #FFFFFF;
    background: #607D8B;
}

.nextHole {
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    /*margin: 10px 10px 0 10px;*/
    padding: 10px;
    border: 1px solid #FF5722;
    color: #FF5722;
    /*float: right;*/
    /*width: 50%;*/
    font-weight: bold;
}

.nextHole:hover {
    color: #FFFFFF;
    background: #FF5722;
}

.nextHoleDone {
    /*border-radius: 5px;*/
    text-align: center;
    /*margin: 10px 10px 0 10px;*/
    padding: 10px;
    /*border: 1px solid #43A047;*/
    color: #43A047;
    /*float: right;*/
    /*width: 50%;*/
    font-weight: bold;
}

#skinsContainer {
    display: none;
}

.roundBtn {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
}

.roundBtnGreen {
    background: #689F38;
    color: #FFFFFF;
}

.roundBtnGreen:hover {
    background: #558B2F;
}

.handicapVariance {
    font-size: 18px;
    position: absolute;
    display: block;
    padding: 0 5px;
    right: 10px;
    background: #FFFFFF;
}

.handicapVarianceRed {
    color: #F44336;
}

.handicapVarianceGreen {
    color: #4CAF50;
}

.handicapVarianceBlue {
    color: #2196F3;
}

.teams {
    padding-top: 15px;
}

.teamsTotalScoreContainer {
    overflow: hidden;
    clear: both;
}

.teamsTotalScoreLeft {
    float: left;
    width: 50%;
    color: #FFFFFF;
    font-size: 34px;
    /*GREEN*/
    /*background: linear-gradient(#4caf50, #388e3c);*/
    /*text-shadow: 0 1px 0 #1b5e20;*/
    /*BLUE*/
    /* background: linear-gradient(#2196F3, #1976D2); */
    /* text-shadow: 0 2px 0 #0D47A1; */
    /*GREY*/
    /* background: linear-gradient(#bdbdbd, #757575); */
    /* text-shadow: 0 2px 0 #424242; */
    /*RED*/
    background: linear-gradient(#F44336, #D32F2F);
    text-shadow: 0 2px 0 #B71C1C;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 10px;
}

.teamsTotalScoreRight {
    float: right;
    width: 50%;
    text-align: right;
    color: #FFFFFF;
    font-size: 34px;
    /*ORANGE*/
    /*background: linear-gradient(#ff5722, #e64a19);*/
    /*text-shadow: 0 1px 0 #bf360c;*/
    /*RED*/
    /* background: linear-gradient(#F44336, #D32F2F); */
    /* text-shadow: 0 2px 0 #B71C1C; */
    /*PINK*/
    /* background: linear-gradient(#ec407a, #d81b60); */
    /* text-shadow: 0 2px 0 #ad1457; */
    /*BLUE*/
    background: linear-gradient(#2196F3, #1976D2);
    text-shadow: 0 2px 0 #0D47A1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 10px;
}

.teamsContainer {
    width: 100%;
    border-spacing: 0;
}

.teamsLeftHeading {
    width: 50%;
    padding: 10px 0;
    /*border-bottom: 1px solid #2196F3;*/
    /*GREEN*/
    /*color: #66bb6a;*/
    /*BLUE*/
    /* color: #2196F3; */
    /*GREY*/
    /* color: #424242; */
    /*RED*/
    color: #F44336;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
}

.teamsVersus {
    font-weight: lighter;
    font-size: 40px;
    text-align: center;
    /*border-bottom: 1px solid #FFFFFF;*/
}

.teamsRightHeading {
    width: 50%;
    padding: 10px 0;
    /*border-bottom: 1px solid #F44336;*/
    /*ORANGE*/
    /*color: #ff7043;*/
    /*RED*/
    /* color: #F44336; */
    /*PINK*/
    /* color: #d81b60; */
    /*BLUE*/
    color: #2196F3;
    font-weight: bold;
    font-size: 16px;
    text-align: right;
}

.teamsLeft {
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 0;
    text-align: left;
    float: left;
    width: 65%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.teamsLeftIndicator {
    float: left;
    width: 15%;
    text-align: center;
    /*GREEN*/
    /*color: #66bb6a;*/
    /*BLUE*/
    /* color: #1976D2; */
    /*GREY*/
    /* color: #424242; */
    /*RED*/
    color: #D32F2F;
    font-size: 11px;
    border-bottom: 1px solid #EEEEEE;
    line-height: 38px;
}

.teamsRightIndicator {
    width: 15%;
    text-align: center;
    /*ORANGE*/
    /*color: #ff7043;*/
    /*RED*/
    /* color: #D32F2F; */
    /*PINK*/
    /* color: #d81b60; */
    /*BLUE*/
    color: #1976D2;
    float: left;
    font-size: 11px;
    border-bottom: 1px solid #EEEEEE;
    line-height: 38px;
}

.teamsIndividualScoreLeft {
    text-align: center;
    font-size: 11px;
    /*GREEN*/
    /*background: linear-gradient(#4caf50, #388e3c);*/
    /*border-bottom: 1px solid #1b5e20;*/
    /*BLUE*/
    /* background: linear-gradient(#2196F3, #1976D2); */
    /* border-bottom: 1px solid #1565C0; */
    /*GREY*/
    /* background: linear-gradient(#bdbdbd, #757575); */
    /* border-bottom: 1px solid #616161; */
    /*RED*/
    background: linear-gradient(#F44336, #D32F2F);
    border-bottom: 1px solid #C62828;
    color: #FFFFFF;
    float: right;
    width: 20%;
    line-height: 38px;
}

.teamsIndividualScoreRight {
    text-align: center;
    font-size: 11px;
    /*ORANGE*/
    /*background: linear-gradient(#ff5722, #e64a19);*/
    /*border-bottom: 1px solid #bf360c;*/
    /*RED*/
    /* background: linear-gradient(#F44336, #D32F2F); */
    /* border-bottom: 1px solid #C62828; */
    /*PINK*/
    /* background: linear-gradient(#ec407a, #d81b60); */
    /* border-bottom: 1px solid #ad1457; */
    /*BLUE*/
    background: linear-gradient(#2196F3, #1976D2);
    border-bottom: 1px solid #1565C0;
    color: #FFFFFF;
    float: left;
    width: 20%;
    line-height: 38px;
}

.draggableColumn {
    float: left;
    width: 20%;
    background: #E0E0E0;
    line-height: 38px;
    border-bottom: 1px solid #E0E0E0;
}

.teamsRight {
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 0;
    text-align: right;
    float: right;
    width: 65%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.playerMatchWizardContainer {
}

.playerMatchWizardCount {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.teamAContainer {
    background: #FFEBEE;
    width: 50%;
    float: left;
    /*background: linear-gradient(#2196F3, #1976D2);*/
    /*color: #FFFFFF;*/
    /*text-shadow: 0 1px 0 #0D47A1;*/
    background: linear-gradient(#4caf50, #388e3c);
    color: #FFFFFF;
    text-shadow: 0 1px 0 #1b5e20;
    padding: 10px 5px;
    cursor: pointer;
}

.teamAContainerGreen {
    background: #FFEBEE;
    width: 50%;
    float: left;
    background: linear-gradient(#4caf50, #388e3c);
    color: #FFFFFF;
    text-shadow: 0 1px 0 #1b5e20;
    padding: 10px 5px;
    cursor: pointer;
}

.teamBContainer {
    float: right;
    width: 50%;
    /*background: linear-gradient(#F44336, #D32F2F);*/
    /*color: #FFFFFF;*/
    /*text-shadow: 0 1px 0 #B71C1C;*/
    background: linear-gradient(#ff5722, #e64a19);
    color: #FFFFFF;
    text-shadow: 0 1px 0 #bf360c;
    padding: 10px 5px;
    text-align: right;
    cursor: pointer;
}

.teamBContainerOrange {
    float: right;
    width: 50%;
    background: linear-gradient(#ff5722, #e64a19);
    color: #FFFFFF;
    text-shadow: 0 1px 0 #bf360c;
    padding: 10px 5px;
    text-align: right;
    cursor: pointer;
}

.teamAContainer:hover, .teamAContainer:visited, .teamAContainer:focus, .teamBContainer:hover, .teamBContainer:visited, .teamBContainer:focus {
    text-decoration: none;
    color: #FFFFFF;
}

.badgeBlue {
    background: #1565C0;
    box-shadow: inset 0 -1px 0 #0D47A1;
}

.badgeGreen {
    background: #2e7d32;
    box-shadow: inset 0 -1px 0 #1b5e20;
}

.badgeRed {
    background: #C62828;
    box-shadow: inset 0 -1px 0 #B71C1C;
}

.badgeOrange {
    background: #d84315;
    box-shadow: inset 0 -1px 0 #bf360c;
}

.teamABlockBlue {
    /*color: #2196F3;*/
    color: #66bb6a;
    font-size: 16px;
    cursor: pointer;
}

.teamABlockRed {
    /*color: #F44336;*/
    color: #ff7043;
    font-size: 16px;
    cursor: pointer;
}

.teamABlockGreen {
    color: #66bb6a;
    font-size: 16px;
    cursor: pointer;
}

.teamABlockOrange {
    /*color: #ff7043;*/
    font-size: 16px;
    cursor: pointer;
}

.playerMatchWizardCount .popover {
    width: 100%;
    max-width: 450px;
}

.playerMatchWizardCount .popover .popover-content {
    max-height: 275px;
    overflow-y: auto;
}

.sortableLeft {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 80%;
    display: block;
    overflow: hidden;
}

.sortableRight {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 80%;
    float: right;
    display: block;
    overflow: hidden;
}

.sortableLeft .liLeft {
    border: 1px solid #EEEEEE;
    margin: 0 0 5px 0;
    padding: 10px 5px;
    text-align: left;
    /*float: left;*/
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sortableRight .liRight {
    border: 1px solid #EEEEEE;
    margin: 0 0 5px 0;
    padding: 10px 5px;
    text-align: right;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sortablePlaceHolderLeft {
    border: 1px solid #03A9F4;
    background: #E1F5FE;
    margin: 0 0 5px 0;
    padding: 10px 5px;
    width: 100%;
    height: 39px;
}

.sortablePlaceHolderRight {
    border: 1px solid #03A9F4;
    background: #E1F5FE;
    margin: 0 0 5px 0;
    padding: 10px 5px;
    width: 100%;
    height: 39px;
}

#matchplayProgress {
    width: 100%;
    display: block;
    overflow-x: auto;
    margin-top: 10px;
}

.bold {
    font-weight: bold;
}

#clockDiv {
    text-align: center;
    margin: 10px 0;
    box-shadow: 0 2px 5px #dddddd;
    border: 0;
    font-weight: lighter;
}

.clockDivBlock {
    display: inline-block;
}

.clockDivWhat {
    color: #E0E0E0;
    font-size: 19px;
}

.clockDivDisplay {
    font-size: 38px;
}

.modal-dialog {
    /*margin: 90px 10px 10px 10px !important;*/
    margin-top: 90px !important;
}

.scholar{
    background: #dcedc8;
    border-bottom: 1px solid #c5e1a5 !important;
}

tr td.fit{
    width: 1%;white-space: nowrap;
}

#searchPlayers{
    cursor: pointer;
}

.playerSearchResultContainer{
    border-top: 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 15px;
}

div.flash-success
{
    background: #E8F5E9;
    text-shadow: 0 1px 1px #FFFFFF;
    padding: 0;
    margin: 0;
    color: #43A047;
}

div.flash-icon
{
    float: left;
    text-align: center;
    padding: 15px;
    margin-right: 15px;
}

div.flash-message
{
    margin-left: 30px;
    padding: 17px;
}

.flash-icon-success
{
    text-shadow: 0 1px 1px #FFFFFF;
    background: #c8e6c9;
}

div.flash-error
{
    background: #FFEBEE;
    text-shadow: 0 1px 1px #FFFFFF;
    padding: 0;
    margin: 0;
    color: #E53935;
}

.flash-icon-error
{
    text-shadow: 0 1px 1px #FFFFFF;
    background: #ffcdd2;
}

div.flash-warning
{
    background: #FFF3E0;
    text-shadow: 0 1px 1px #FFFFFF;
    padding: 0;
    margin: 0;
    color: #FB8C00;
}

.flash-icon-warning
{
    text-shadow: 0 1px 1px #FFFFFF;
    background: #ffe0b2;
}

div.flash-info
{
    background: #E3F2FD;
    text-shadow: 0 1px 1px #FFFFFF;
    padding: 0;
    margin: 0;
    color: #1E88E5;
}

.flash-icon-info
{
    text-shadow: 0 1px 1px #FFFFFF;
    background: #bbdefb;
}

div.flash-drop
{
    border: 0;
    border-radius: 0;
}

.addMySelfBtn{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.fullWidthCenter{
    width: 100%;
    text-align: center;
}

.fit{
    width:1%;
    white-space:nowrap;
}

.right{
    text-align: right;
}