table{
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  word-wrap:break-word;
}
.collapsible, nav ,.card-panel , .z-depth-1,.side-nav{
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
#text-logo{
    font-weight: 300;
}
.number-text{
    font-weight: 300;
}
.side-nav li.active {
    background-color: rgba(0, 0, 0, 0.05);
    border-right: 3px solid black;
}
.iconBtn{
    vertical-align: sub;
}
.aBeforeIcon{
        padding: 0px 5px;
        font-size:  smaller;
}
.body{
    min-width: 1024px;
}
#sideBarDivContentHidden li{
    border-bottom: ghostwhite 1px solid;
}
.miniIcons{
    padding: unset !important;
    margin: 0 0 0 0px !important;
    line-height: 30px !important;
    height: 20% !important;
}
.notifications-block{
    margin: 3px 0px 0px 10px;
    white-space:  normal;
    line-height: 1.5;
    border-left: 5px #6395ed solid;
    padding: 10px;
}
.visibleTextTxnPage{
    color: #ff1493; 
    font-family: monospace;
}
.visibleText{
    text-align: center; 
    color: #ff1493; 
    font-family: monospace;
}
.visibleTextTxn{
    text-align: center; 
    color: #9932cc; 
    font-family: monospace;
}
.visibleDateText{
    text-align: center; 
    color: #a0522d; 
    font-family: monospace;
}
.visibleMoneyText{
    text-align: center;
    font-size: large;
    color: #000;
    font-family: monospace;
    font-weight: 900;
}
.clearFormat{
    padding:  unset;
    margin:  unset;
}
.miniIconsText{
    height: 25px;
    float: left;
    width: 75px;
    font-size:9.85px !important;
    margin: unset !important;
    padding: unset !important;
    margin-left: -25px !important;
    text-align: center;
}
.tabs .indicator { 
    position: absolute;
    height: 2px;
    /*width: 50%;*/
    background-color: gray;
    will-change: left, right;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 3px;
    height: 0px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #37474f;
    border: 0px solid #37474f;
}
#nav li.active{
    color: black;
    border-bottom: 3.5px solid black;
    background-color: rgba(0, 0, 0, 0.01);
    height: -webkit-fill-available;
}
#nav li a:hover{
    border-bottom: 3.5px solid black;
    background-color: rgba(0, 0, 0, 0.01);
    z-index: -10;
    height: -webkit-fill-available;
}
#nav li a:active,a:hover{
    background-color: rgba(0, 0, 0, 0.01);
}
#nav li a{
    font-size: small;

}
#nav li.active > a {
    color: black !important;
}
#nav li > a {
    color: grey !important;
}

#profile-dropdown li > a{
    color: black !important;
}

img {
    object-fit: cover;
    image-orientation: from-image;
}
.MainContent
{
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

pre[class*="language-"] {
    padding: 25px 12px 7px 12px;
    border: solid 1px rgba(51,51,51,0.12);
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
    background: #f5f2f0;
}
pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

code[class*="language-"], pre[class*="language-"] {
    color: black;
    /* text-shadow: 0 1px white; */
    font-family: 'Inconsolata', Monaco, Consolas, 'Andale Mono', monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.4;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

code, pre {
    position: relative;
    font-size: 1.1rem;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    overflow: auto;
}

.price-container{
    text-align: -webkit-center;
    position: relative;
    margin-top: -3%;
    margin-left: 90%;
    border: 1px solid black;
    padding: 0.15em;
}
.infocontainer{
    margin: auto !important;     margin-bottom: -15px !important;
}
.homeview{
    background-image: linear-gradient(#8b9da9, #fff6e4);
    box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
    min-height: 87.75vh;
    min-width: 98vw;
}
.sweet-morning{
    min-height: 87.75vh;
    min-width: 98vw;
    background: #FF5F6D;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.gray-delight{
    min-height: 87.75vh;
    min-width: 98vw;
    background: #ECE9E6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.dark-grey-delight{
    min-height: 87.75vh;
    min-width: 98vw;
    background: #232526;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.sylvia{
    min-height: 87.75vh;
    min-width: 98vw;
    background: #ff4b1f;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff9068, #ff4b1f);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff9068, #ff4b1f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.haikus{
    min-height: 87.75vh;
    min-width: 98vw;
    background: #fd746c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff9068, #fd746c);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff9068, #fd746c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.master-card{
    min-height: 87.75vh;
    min-width: 98vw;
    background: #f46b45;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #eea849, #f46b45);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #eea849, #f46b45); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.firewatch{
    min-height: 87.75vh;
    min-width: 98vw;
    background: #cb2d3e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ef473a, #cb2d3e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.gray-punch{
    min-height: 87.75vh;
    min-width: 98vw;
    background: #FCFCFC;  /* fallback for old browsers #FCFCFC */
    background: -webkit-linear-gradient(to right, #FCFCFC, #f5f6fa);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FCFCFC, #f5f6fa); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

#circle-red {
    border: 1px dashed gray;
    position: absolute;
    width: 18px;
    height: 18px;
    background: red;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 20px;
}
#circle-green {
    border: 1px dashed gray;
    position: absolute;
    width: 18px;
    height: 18px;
    background: greenyellow;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 20px;
}
.page-footer {
    padding-top: 0px;
}

.ai_left{
    margin-top: 10px;
    background-color: #f8f8f9;
    min-height: 83vh !important;

}
.ai_right{
    margin-top: 10px;
    background-color: #dfe3e7;
    min-height: 83vh !important;
}
.betabuild-blue{
    background-color: #6495ed;
}
.materialiconfix{
    padding: inherit;
}
.paddingfix{
    padding: inherit;
}
.materialinehieghtfix{
    line-height: inherit !important;
}
.marginfix{
    margin: initial;
    margin-right: 0px !important;
}
#HeaderControllBar{
    padding: 0px 10px 0px 10px;
    margin-top: 5px;
}
.lineclamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}
.width100
{
    width: 100%;
}

.picker__date-display {
    background-color:#e91e63; 
}
.picker__weekday-display{
     background-color:#e91e63; 
}
.picker__close, .picker__today {
     background-color:#e91e63;
     color: white;
}
.picker__day--selected,.picker--focused .picker__day--selected{
   background-color:#e91e63; 
}
.inputtextcss{
    border-bottom-color:#e91e63;
    box-shadow:#e91e63;
}
select-dropdown{
    display: block;
}
.redcolor{
    background-color: red;
}
.redcolor:hover{
    background-color: red;
}

.greencolor{
    background-color: #8bc34a;
}

.greencolor:hover{
    background-color: #8bc34a;
}
i.material-icons.prefix {
    color: #e91e63;
}
@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width: 600px) {
  #fixedbtn {
    display: block !important;
  }
  #sidermenu {
    display: none !important;
  }
  #menutxt{
      display: none !important; 
  }
  #ContentBox{
      margin-left:0px !important;
  }
  a.btn.purple.card.waves-effect.waves-light.right,a.btn.green.card.waves-effect.waves-light.right{
      width:220px !important;
  }
  div.dataTables_wrapper div.dataTables_filter input {
      margin-left: -2.5em !important;
  }
  div#CustomersDataTable_info,div#MessagableUsersLists_info,div#DriverDataTable_info,div#AllBookingsDataTable_info,div#WebsiteBookingsDataTable_info ,div#LaterBookingsDataTable_info,div#CompletedTripsDataTable_info,div#SentMessages_info,div#FailedMessages_info {
      margin-top: 20px !important;
}
}