.body {
    background-color: #cfd8dc;
    font-family: Calibri;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.black {
    color: black;
}

.red {
    color: orangered;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.white {
    color: white !important;
}

.Darkred {
    color: darkred;
}

.blackBGText {
    background-color: black !important;
    color: white !important;
}

.redBGText {
    background-color: orangered;
    color: black;
}

.greenBGText {
    background-color: darkgreen;
    color: white;
}

.blueBGText {
    background-color: blue;
    color: white;
}

.whiteBGText {
    background-color: white !important;
    color: black !important;
}

.greyBGText {
    background-color: whitesmoke !important;
    color: black !important;
}

.grayBGText {
    background-color: lightgray !important;
    color: black !important;
}

.purpleBGText {
    background-color: purple !important;
    color: white !important;
}

.CornBlueBGText {
    background-color: cornflowerblue !important;
    color: white !important;
}


.bgBlack_Special {
    background-color: #3E4551 !important;
    color: white !important;
}

.bgSeaGreen_Special {
    background-color: #4a8e75 !important;
    color: white !important;
}

.bgDarkBlue_Special {
    background-color: #0e2e45 !important;
    color: white !important;
}

.bgLightRed_Special {
    background-color: #8d1142 !important;
    color: white !important;
}

.bgLightGreen_Special {
    background-color: #abe5a0 !important;
    color: black !important;
}

.bgLightPurple_Special {
    background-color: #855e92 !important;
    color: white !important;
}

.bgLightestPurple_Special {
    background-color: #ccbee6 !important;
    color: black !important;
}

.bgLigherGreen_Special {
    background-color: #a0d097 !important;
    color: black !important;
}

.bgMediumViolet {
    background-color: mediumvioletred !important;
    color: white !important;
}

.bgMediumPurple {
    background-color: mediumpurple !important;
    color: white !important;
}

.bgMediumSeaGreen {
    background-color: mediumseagreen !important;
    color: white !important;
}

.bgGrad_Black {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#948888, lightgray); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#948888, lightgray); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#948888, lightgray); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#948888,lightgray); /* Standard syntax */
    color: black;
}

.bgGrad_blue {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(cornflowerblue, #9ab8ce); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(cornflowerblue, #9ab8ce); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(cornflowerblue, #9ab8ce); /* For Firefox 3.6 to 15 */
    background: linear-gradient(cornflowerblue,#9ab8ce); /* Standard syntax */
    color: black;
}

.bgGrad_Green {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#83ad83, ##bbd8bb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#83ad83, #bbd8bb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#83ad83, #bbd8bb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#83ad83,#bbd8bb); /* Standard syntax */
    color: black;
}

.bgGrad_DarkBlack {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(black, #464545); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, #464545); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, #464545); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, #464545); /* Standard syntax */
    color: whitesmoke;
}

.bgGrad_Darkblue {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top, #232d42 0%,#2a3953 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#232d42, #2a3953) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#232d42, #2a3953) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#232d42,#2a3953) !important; /* Standard syntax */
    color: white;
}

.bgGrad_Red {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(orangered, #e5cdc5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(orangered, #e5cdc5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(orangered, #e5cdc5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(orangered,#e5cdc5); /* Standard syntax */
    color: black;
}



.ErrorBGText {
    background-color: white;
    color: red;
    font-size: medium;
    font-weight: bold;
}



.bg-Black {
    background-color: black;
}

.bg-Red {
    background-color: orangered;
}

.bgBlueGray {
    background-color: #fafafa;
}

.bgdeeporange {
    background-color: #3e2723;
}

.bgdeeppurple {
    background-color: #b39ddb;
}

.bgdeepDarkred {
    background-color: #c62828;
}

.bgdeepBlueStylish {
    background-color: #4B515D !important;
}

.bgLighGreen {
    background-color: #96ccb4 !important;
}

.bgBlue {
    background-color: #197A99;
    color: White;
}

.bgLightRed {
    background-color: #c84c57 !important;
    color: white !important;
}

.itl {
    font-style: italic !important;
}

.bld {
    font-weight: bold;
}

.xsmlBold {
    font-size: x-small !important;
    font-weight: bold;
}

.bdr {
    font-weight: bolder;
}

.cell {
    text-align: left;
}

.Wt {
    color: White !important;
}

.ylw {
    color: yellow;
}

.RedBorder {
    border-style: solid;
    border-color: darkred;
    border-width: 2px;
}

.greyBorder {
    border-style: solid;
    border-color: lightgrey;
    border-width: 2px;
}

.greyBorder {
    border-style: solid;
    border-color: lightgrey;
    border-width: 2px;
}
.Border_TopBottom{
    /*border-top: solid;
    border-top-color:black;
    border-top-width:1px;*/

    border-bottom: solid;
    border-bottom-color:darkgray;
    border-bottom-width:1px;

}

.BottomBorder_WithPadding{
 
    border-bottom: solid;
    border-bottom-color:darkgray;
    border-bottom-width:1px;
    padding-bottom:5px;
    margin-bottom:5px;
}

.navbar {
    background-color: #10385a !important;
}

.ul.nav a:hover {
    background-color: black !important;
    color: white !important;
}

required-field:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
    top: 10px;
}


.img-center {
    margin: 0 auto;
}

.blk {
    color: black;
}

.u {
    text-decoration: underline;
}

.panelHeader {
    background-color: maroon;
    color: white;
}

.gridRedHead {
    background-color: darkred;
    color: white;
}

.GridHeader {
    background-color: #197A99;
    color: White;
}

.GridHeader2 {
    background-color: black;
    color: White;
    box-shadow: 10px 10px 5px grey;
}



.buttonPadding {
    padding-top: 25px !important;
}

.buttonPadding20 {
    padding-top: 20px !important;
}

.buttonPadding33 {
    padding-top: 33px !important;
}

.calibri {
    font-family: Calibri;
    font-size: small;
}

.calibri_cell {
    font-family: Calibri;
    font-size: x-small;
    font-weight: bold;
}

.ReadonlyStyle {
    background-color: ghostwhite;
    color: black;
}

.SmallBoldText {
    font-size: small;
    font-weight: bold;
}

.user {
    background-color: white;
    color: black;
    border-radius: 5px;
    box-shadow: 10px 10px 5px grey;
}

.gridPlanHeader {
    border-bottom-width: 2px !important;
    border-bottom-color: black !important;
    color: black !important;
    background-color: white !important;
    font-weight: bolder !important;
}

.subDiv {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: solid;
    border-top: solid;
    border-color: black;
    border-width: 1px;
}

.Div_Highlight {
    border-top: solid;
    border-width: 2px;
    border-color: white;
    padding-top: 10px;
    background-color: darkslateblue;
    color: white;
    font-size: x-small;
    box-shadow: 2px 2px 4px #000000;
}

.top_panel {
    background-color: #197A99;
    color: white;
}

.Newsformate {
    background-color: ghostwhite;
    font-size: small;
    color: black;
    box-shadow: 2px 2px 4px #000000;
}

.eventheader {
    color: navy;
    font-weight: bolder;
}

.EvenLabel {
    font-size: small;
}

.input-xs {
    height: 22px !important;
    padding: 2px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important; /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: 3px !important;
}

.EventFormat {
    background-color: floralwhite;
    font-size: small;
    color: black;
    box-shadow: 2px 2px 4px #000000;
    margin-top: 10px;
}

.rowunderline {
    height: 30px;
    color: white;
    background-color: darkslateblue;
    border-bottom: solid;
    border-bottom-color: lightgray;
    border-bottom-width: 1px;
    border-top: solid;
    border-top-color: lightgray;
    border-top-width: 1px;
    box-shadow: 2px 2px 4px #000000;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.Circularformat {
    background-color: floralwhite;
    font-size: small;
    color: black;
    height: 100%;
    border-radius: 5px;
    box-shadow: 2px 2px 4px #000000;
    margin-bottom: 8px;
}

.shadowBox {
    box-shadow: 2px 2px 4px #000000;
}

.BoxHeader {
    background-color: cornflowerblue;
    color: white;
    height: 30px;
    font-size: medium;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    padding-top: 5px;
    border-top: solid;
    border-top-color: grey;
    border-top-width: 1px;
    /*margin-top:10px;*/
    box-shadow: 2px 2px 4px #000000;
    border-bottom: solid;
    border-bottom-color: grey;
    border-bottom-width: 1px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 4px #000000;
    border-radius: 5px;
}
.lower{
      text-transform:lowercase;
}

.row-top-buffer5 {
    margin-top: 5px;
}

.row-top-buffer {
    margin-top: 10px;
}


.MarginNeg25 {
    margin-top: -25px;
}

.MarginNeg20 {
    margin-top: -20px;
}

.MarginNeg15 {
    margin-top: -15px;
}

.MarginNeg10 {
    margin-top: -10px;
}

.MarginNeg7 {
    margin-top: -7px;
}

.MarginNeg5 {
    margin-top: -5px;
}

.ADDMarginBottom5 {
    margin-bottom: 5px;
}

.ADDMarginBottom10 {
    margin-bottom: 10px;
}

.ADDMarginBottom15 {
    margin-bottom: 15px;
}

.ADDMarginBottom20 {
    margin-bottom: 20px;
}

.top_margin {
    margin-top: 0 !important;
}

.no_margin {
    margin: 0;
}


.spacer {
    margin-top: 20px;
}

.nopadding {
    padding: 0 !important;
}

.noTopBottomPadding {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.noRightLeftPadding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


.AddTopBottomPadding3PX {
    padding-top: 3px;
    padding-bottom: 3px;
}

.AddTopBottomPadding5PX {
    padding-top: 5px;
    padding-bottom: 5px;
}

.AddTopBottomPadding10PX {
    padding-top: 10px;
    padding-bottom: 10px;
}

.AddTopBottomPadding15PX {
    padding-top: 15px;
    padding-bottom: 15px;
}

.AddTopBottomPadding20PX {
    padding-top: 20px;
    padding-bottom: 20px;
}

.AddTopBottomPadding25PX {
    padding-top: 25px;
    padding-bottom: 25px;
}

.AddTopBottomPadding30PX {
    padding-top: 35px;
    padding-bottom: 35px;
}


.AddTopPadding25PX {
    padding-top: 25px;
}
.AddTopPadding30PX {
    padding-top: 30px;
}

.AddTopPadding31PX {
    padding-top: 31px;
}
.round-corner {
    border-radius: 5px;
}

.round-corner2 {
    border-radius: 15px;
}

.round-corner3 {
    border-radius: 20px;
}

.round-corner4 {
    border-radius: 25px;
}

.round-corner5 {
    border-radius: 30px;
}




.smallText {
    font-size: small !important;
}

.mediumText {
    font-size: medium !important;
}

.largeText {
    font-size: large !important;
}

.xLargeText {
    font-size: x-large !important;
}

.xxLargeText {
    font-size: xx-large !important;
}

.xsmallFont {
    font-size: x-small !important;
}

.xxsmallFont {
    font-size: xx-small !important;
}

.smallFont {
    font-size: small;
}

.tagAfter:after {
    color: white;
    content: "v";
    font-size: large;
    position: absolute;
    margin-left: 3px;
}

.required_after:after {
    color: orangered;
    content: "*";
    font-size: large;
    position: absolute;
    margin-left: 3px;
}

.div3d {
    /*padding: 15px;*/
    box-shadow: 10px 10px 5px grey;
}

.effect_3D {
    box-shadow: 5px 5px 5px grey;
}



.smallIconButton {
    margin-left: 5px;
    margin-top: 8px;
    width: 25px;
}

.smHeight {
    height: 20px;
}

.widgetBorder {
    /*border:solid; 
     border-width:1px; 
     border-color:lightgray;*/
    box-shadow: 10px 10px 5px grey;
    border-radius: 5px;
    margin-bottom: 10px;
}

.datepicker {
    background-color: black !important;
    color: white !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: black !important;
    color: white !important;
    border-color: #2b3135;
    width: 100%;
}

    .bootstrap-datetimepicker-widget.dropdown-menu:after,
    .bootstrap-datetimepicker-widget.dropdown-menu:before {
        display: none !important;
    }

    .bootstrap-datetimepicker-widget.dropdown-menu .arrow {
        display: none !important;
    }

        .bootstrap-datetimepicker-widget.dropdown-menu .arrow:after,
        .bootstrap-datetimepicker-widget.dropdown-menu .arrow:before {
            display: none !important;
        }

    .bootstrap-datetimepicker-widget.dropdown-menu a span:hover,
    .bootstrap-datetimepicker-widget.dropdown-menu a span:focus {
        background-color: #32aa62 !important;
        color: #fff !important;
    }




.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: white;
}

::-webkit-scrollbar-thumb {
    background-color: dimgray;
}

::-webkit-scrollbar-button {
    background-color: white;
}


.modal.modal-wide .modal-dialog {
    width: 90%;
}

.modal-wide .modal-body {
    overflow-y: auto;
}

/* irrelevant styling */
body {
    text-align: center;
}

    body p {
        max-width: 400px;
        margin: 20px auto;
    }

#tallModal .modal-body p {
    margin-bottom: 900px;
}