/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*body.busy-cursor {
    cursor: progress;
}*/
/*.blank_row {
    height: 20px !important;*/ /* overwrites any other rules */
    /*background-color: #FFFFFF;
}*/
/*.fa fa-undo { title:"Undo";
}*/
/*.EmailStyle {
    height: 10px;
    font-family: 'proxima nova', 'century gothic', 'arial', 'verdana', sans-serif;
    font-size: 14px;
    color: #5e5e5e;
    width: 98%;
    max-width: 600px;
    float: none;
    margin: 0 auto;
    border: 1px solid;
}
.EmailLogo {
    padding-top: 30px;
    padding-bottom: 30px
}
.EmailTable {*/
   /* background-color: #ffffff;*/
    /*line-height: 20px;
    padding: 20px;
    border: 2px solid;
    border-color: #f0f0f0;
    padding: 0;
}
.EmailLogoImg {
    width: 150px;
    height: 40px;
}*/
.styled-span {
    display: inline-block; /* Ensures it behaves like a box for styling */
    padding: 5px 5px; /*Adds space inside the box around the text */
    /*background-color: #007bff;*/ /* Bootstrap primary blue color */
    background-color: #838990;
    color: white; /* Makes text stand out on the blue background */
    font-weight: bold; /* Highlights the text more */
    /*border-radius: 4px;*/ /* Rounds the corners slightly */
    text-align: center; /* Centers text inside the span */
    border: 1px solid #838990; /* Adds border color */
}


.btn-Cancel {
    background-color: var(--ssRed);
}
.btn-Delete {
    background-color: var(--ssBlue);
}
.btn-No {
    background-color: var(--ssRed);
}
.btn-Yes {
    background-color: var(--ssBlue);
}
.DeleteMessage {
    color: var(--ssRed);
}
.modal-title {
    background-color: var(--ssOrange);
      color: black;
}
.modal-header {
    background-color: var(--ssOrange);
}
#spinner {
    visibility: hidden;
}

body.busy .spinner {
    visibility: visible;
}
select.customDropdown {
    width: 200px;
}

/*input.likeLabel {
    border : none;
    border-color: transparent;
    background-color : #eee ;
    box-shadow :none;
    
   }*/
/*.no-outline:focus {
    outline: none;
}*/
/*input[type=checkbox] {
   
    width: 15px;
    height:15px;
}

.checkbox {
    
    position: relative;
}

    .checkbox input {
        float: right;
        margin-left:20px;
        margin-top:5px;
    }
*/

.FormLabelPadding {
    padding-right: 10px;
}

:root {
    /* Def of Colors */
    --ssDarkBlue: #2E3192;
    --ssBlue: #4672C4;
    --ssRed: #ED1C24;
    --ssGreen: #006837;
    --sysBlack: #212529;
    --coolBlue: #0366d6;
    --buttonBlue: #1b6ec2;
    --ssWhite: #ffffff;
    --ssYellow: #f7f500;
    --ssOrange: #faa809;
    --ssWhite: #ffffff;

    /* Menu Card Colors TWILGIHT 2021-01-24 
    --ssColor1: #f17925;
    --ssColor2: #004753;
    --ssColor3: #ccaa14;
    --ssColor4: #4b4c4e;
    --ssColor5: #d82c20;
    --ssColor6: #a3d0d4;
    --ssColor7: #536F18;
    --ssColor8: #46abb0;  */

    /* Menu Card Colors HIGH CONTRAST 2021-01-24
    --ssColor1: #107C10;
    --ssColor2: #002050;
    --ssColor3: #A80000;
    --ssColor4: #5C2D91;
    --ssColor5: #004B50;
    --ssColor6: #0078D7;
    --ssColor7: #D83B01;
    --ssColor8: #B4009E; */

    /* Menu Card Colors CUSTOM  2021-01-24 */
    --ssColor1: #3c6e71;
    --ssColor2: #219ebc;
    --ssColor3: #023047;
    --ssColor4: #ffb703;
    --ssColor5: #f88500;

    /* https://coolors.co/03045e-023e8a-0077b6-0096c7-00b4d8-48cae4-90e0ef-ade8f4-caf0f8   (BLUE) */
    /* https://coolors.co/f8f9fa-e9ecef-dee2e6-ced4da-adb5bd-6c757d-495057-343a40-212529 (GRAY) */
    /* https://coolors.co/353535-3c6e71-ffffff-d9d9d9-284b63  (Blue/Gray) */
    /* https://coolors.co/8ecae6-219ebc-023047-ffb703-fb8500  (ORANGE/BLUE) */

    /* Assign Colors */
    --buttonBGColor: var(--coolBlue); /* Button Background Color */
    --pageTitleColor: var(--coolBlue); /* Individual Page Title Color */
    --paginationArrowColor: var(--coolBlue); /* Pagination Arrow Colors */
    --listTitleIconColor: var(--coolBlue); /* List Caption/Title Color */
    --listEditColor: var(--coolBlue); /* List Edit Icon Color */
    --listDeleteColor: var(--coolBlue); /* List Delete Icon Color */
    --listDetailColor: var(--coolBlue); /* List Detail Icon Color */
    --pageIconColor: var(--coolBlue); /* Individual Page Icon Color */
    --MenuPageIconColor: var(--ssDarkBlue); /* Controls Menu Page Icon Colors - Default */
    --MenuPageTitleTextColor: var(--ssColor3); /* Menu Page Title Text Color - Default */
}
/*.overflow-ellipsis {
    width: 50px;
    BoTH of the following are required for text-overflow 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
.NoofRowsOnPage {
    font-size: 17px;
    font-weight: 700;
    color: var(--pageTitleColor);
}
.pageTitle {
    font-size: 24px;
    font-weight:600;
    color: var(--pageTitleColor);
}
/*.disabled {
   
    cursor: not-allowed !important;
    color:#6aa3de;
}*/
tr.rowStyle{
    height : 10px;
}

td.SpaceBetweenButton{
    width: 10px;
}

i.paginationArrow {
    color: var(--paginationArrowColor);
    font-size : 12px;
  }

/* List Caption */
i.listTitleIcon {
    color: var(--listTitleIconColor);
    font-size: 12px;
}

/* List Edit Icon */
i.listEdit {
    color: var(--listEditColor);
    font-size: 15px;
}
i.listEditdisable {
    color: var(--listEditColor);
    font-size: 15px;
    opacity: 0.5;
    pointer-events: none;
}

/* List Delete Icon */
i.listDelete {
    color: var(--listDeleteColor);
    font-size: 15px;
}
i.listDeletedisable {
    color: var(--listDeleteColor);
    font-size: 15px;
    opacity: 0.5;
    pointer-events: none;
}

/* List Detail Icon */
i.listDetail {
    color: var(--listDetailColor);
    font-size: 15px;
}
i.listDetaildisable {
    color: var(--listDetailColor);
    font-size: 15px;
    opacity: 0.5;
    pointer-events: none;
}

/* individual Page Icon */
i.pageIcon {
    color:var(--pageIconColor);
    font-size: 28px;
}

/* Memu Page Icons (associated with each Menu Item)*/
i.MenuPageIcon {
    color:var(--MenuPageIconColor);
    font-size:40px;
}

/* Menu Page Icon - White */
i.MenuPageIconWhite {
    color: var(--ssWhite);
    font-size: 40px;
}


h5.menuPageTitleText {
    color: var(--MenuPageTitleTextColor);
}

.text-color1 {
    color: var(--ssColor1);
}
.bg-color1 {
    background-color: var(--ssColor1);
}
.text-color2 {
    color: var(--ssColor2);
}
.bg-color2 {
    background-color: var(--ssColor2);
}
.text-color3 {
    color: var(--ssColor3);
}
.bg-color3 {
    background-color: var(--ssColor3);
}
.text-color4 {
    color: var(--ssColor4);
}
.bg-color4 {
    background-color: var(--ssColor4);
}
.text-color5 {
    color: var(--ssColor5);
}
.bg-color5 {
    background-color: var(--ssColor5);
}

/*.pagination-first:after {
    font-family: 'Glyphicons Halflings';
    content: '\fe079';
   
}*/
a.link-button {
    background-color: #6aa3de;
    box-shadow: 2px -2px black;
    display: inline-block;
    font-weight: 400;
    color: var(--sysBlack);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input.link-button {
    background-color: #6aa3de;
    box-shadow: 2px -2px black;
    display: inline-block;
    font-weight: 400;
    color: var(--sysBlack);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: var(--coolBlue);
}

.btn-primary {
  color: #fff;
  background-color: var(--buttonBGColor);
  border-color: #1861ac;
}
.btn-primary-Green {
    color: #fff;
    background-color: var(--ssGreen);
    border-color: #1861ac;
}
.btn-primary-Yellow {
    color: #fff;
    background-color: var(--ssYellow);
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 12px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}