body
{
    /*font-family: 'Roboto', serif !important;*/
    font-size: 16px !important;
    background-color: #f2f2f2 !important;
    color: black !important; 
      /*overflow: hidden;*/
}
header{
    background-color: #f2f2f2 !important;
}
.md-requests-list {
  margin-top: 38px !important;
  overflow:initial;
}
.textWarning{
   color: red !important;
}

.cmd-data-above-main-content-area {
  position: absolute;
  top: -40px;
  display: flex;
  align-items: center;
  left: 0;
  width: 100%;
  min-height: 38px !important;
  padding: 0px 8px;
}
.full-width
{
    width:100% !important;
    }
.width-50
{
    width:50%!important;
    }
.ellipsis-after-two-lines
{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}   

             /*===================Mouse pointers============*/
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}
.md-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.followupDetailsBox {
    padding: 8px;
    background: #edd8d8;
    border-radius: 25px;
    margin: 8px;
}


                        /*===================Background color============*/
                        
.cmd-bg-white
{
    background: white;
    }
.cmd-bg-grey
{
    background: rgb(226, 226, 226) !important;
    }
.cmd-bg-slight-grey 
{
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    background: #f3f3f3!important;    
    }
.cmd-bgcolor-secondary-theme
{
    background: #fbecf1;
     }

                        /*===================TYPOGRAPHY============*/
                    
                    
.primary-text
{
    color:rgb(4, 133, 163);
    font-size:20px;
    
     }
.secondary-text
{
    color:rgb(4, 133, 163);
    font-size:16px;
    padding-bottom:16px;
    
     }
.label
{
    font-size:14px !important;
    font-weight:600!important;
    color: #0485a3!important;
    margin-bottom:4px!important;
    }
.label-secondary
{
    font-size:12px !important;
    font-weight:600!important;
    color: #0485a3!important;
    
    }
.cmd-txt.tb {
  font-weight: bold !important;
}
.cmd-txt.tb-noimp {
  font-weight: bold;
}
.cmd-txt.tn {
  font-weight: normal !important;
}
.cmd-txt.tt {
  font-weight: 300 !important;
}
.cmd-txt.tt400 {
  font-weight: 400 !important;
}
.cmd-txt.ttm {
  font-weight: 500 !important;
}
.cmd-txt.ti {
  font-style: italic !important;
}
.cmd-txt.tac {
  text-align: center !important;
}
.cmd-txt.tar {
  text-align: right !important;
}
.cmd-txt.tal {
  text-align: left !important;
}
.cmd-txt.ttu {
  text-transform: uppercase !important;
}
.cmd-txt.ttlowercase {
  text-transform: lowercase !important;
}
.cmd-txt.ttcapitalize {
  text-transform: capitalize !important;
}
.cmd-txt.ttnormal {
  text-transform: none !important;
}
.cmd-txt.tep {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
/*width inherit*/
/*display -moz-box  */
/* for firefox new version  */
}
.cmd-txt.tdu {
  text-decoration: underline;
}
.cmd-txt.primary-font {
  font-size: 16px !important;
}
.cmd-txt.primary-font-noimp {
  font-size: 16px;
}
.cmd-txt.secondary-font {
  font-size: 14px !important;
}
.cmd-txt.secondary-font-noimp {
  font-size: 14px;
}
.cmd-txt.custom-h3-title {
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
  font-family: "brandon-grotesque", "sans-serif" !important;
  font-weight: 300 !important;
}
.cmd-txt.small-font {
  font-size: 12px !important;
}
.cmd-txt.small-font-noimp {
  font-size: 12px;
}
.cmd-txt.txs {
  font-size: 10px !important;
}
.cmd-txt.tss {
  font-size: 11px !important;
}
.cmd-txt.tsm {
  font-size: 13px !important;
}
.cmd-txt.tsl {
  font-size: 15px !important;
}
.cmd-txt.ts16 {
  font-size: 16px;
}
.cmd-txt.tsxl {
  font-size: 19px !important;
}
.cmd-txt.smaller {
  font-size: smaller;
}
.cmd-txt.xxlarge {
  font-size: xx-large;
}
.cmd-txt.xlarge {
  font-size: x-large;
}
.cmd-txt.large {
  font-size: large;
}
     
   /*===================colors============*/    
     
.cmd-txt.tcb {
  color: rgba(0,0,0,0.87) !important;
}
.cmd-txt.tcprimary
{
     color:rgb(2,119,189);
    }
.cmd-txt.tcwhite
{
    color:White !important;
    }
/*===================Graphics============*/
.cmd-data-list
{     
    font-size: 14px; 
    min-height:41px !important;  
    } 
.cmd-data-list:hover
{
    background:  #e0e0e0;    
    }
footer {
    background: #18aacc!important;
}
footer p {
    color: #ffffff!important;
}
footer a {
    color: #ffffff!important;
}
                    /*===================Structures============*/
/* -------------------Border-----------------------*/
 .border-bottom
 {
  border-bottom: 1px solid #ccc;
         } 
 .border-top
 {
  border-top: 1px solid #ccc;
         }                   
                    
/* -------------------Overflow-----------------------*/
.cmd-ohy-auto
{
    overflow:auto !important;
    }
.visibilty-hidden
{
    visibilty: hidden;
    }
/* -------------------Padding-----------------------*/

.no-padding {
  padding: 0px;
}
.cmd-padding.pa0 {
  padding: 0px !important;
}
.cmd-padding.pa {
  padding: 16px;
}

.cmd-padding.pt {
  padding-top: 16px !important;
}
.cmd-padding.pr {
  padding-right: 16px;
}
.cmd-padding.pr-imp {
  padding-right: 16px !important;
}
.cmd-padding.pb {
  padding-bottom: 16px;
}
.cmd-padding.pl {
  padding-left: 16px !important;
}
.cmd-padding.pah {
  padding: 8px!important;
}
.cmd-padding.pth {
  padding-top: 8px !important;
}
.cmd-padding.prh {
  padding-right: 8px !important;
}
.cmd-padding.pr12 {
  padding-right: 12px !important;
}
.cmd-padding.pbh {
  padding-bottom: 8px !important;
}
.cmd-padding.plh {
  padding-left: 8px !important;
}
.cmd-padding.pt0 {
  padding-top: 0px !important;
}
.cmd-padding.pr0 {
  padding-right: 0px !important;
}
.cmd-padding.pb0 {
  padding-bottom: 0px !important;
}
.cmd-padding.pl0 {
  padding-left: 0px !important;
}
.cmd-padding.pv {
  padding-top: 16px;
  padding-bottom: 16px;
}
.cmd-padding.pvh {
  padding-top: 8px;
  padding-bottom: 8px;
}
.cmd-padding.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.cmd-padding.ph {
  padding-left: 16px;
  padding-right: 16px;
}
.cmd-padding.phh {
  padding-left: 8px;
  padding-right: 8px;
}
.cmd-padding.ph24 {
  padding-left: 24px;
  padding-right: 24px;
}
.cmd-padding.ph0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cmd-padding.pa4 {
  padding: 4px;
}
.cmd-padding.ph4 {
  padding-left: 4px;
  padding-right: 4px;
}
.cmd-padding.pv4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.cmd-padding.pt4 {
  padding-top: 4px !important;
}
.cmd-padding.pb4 {
  padding-bottom: 4px !important;
}
.cmd-padding.pr4 {
  padding-right: 4px !important;
}
.cmd-padding.pl4 {
  padding-left: 4px !important;
}
.cmd-padding.pl24 {
  padding-left: 24px;
}
.cmd-padding.pa24 {
  padding: 24px;
}
.cmd-padding.pa24-sm16 {
  padding: 24px;
}
.cmd-padding.pt24 {
  padding-top: 24px;
}
.cmd-padding.pb24 {
  padding-bottom: 24px;
}
.cmd-padding.pr24 {
  padding-right: 24px !important;
}
.cmd-padding.pr32 {
  padding-right: 32px;
}
.cmd-padding.pl2 {
  padding-left: 2px;
}
.cmd-padding.pt2 {
  padding-top: 2px;
}


    /* -------------------Position-----------------------*/
    
    
.pos-abs {
  position: absolute !important;
}
.pos-rel {
  position: relative !important;
}
.pos-static {
  position: static;
}
.pos-fixed {
  position: fixed;
}



/* -------------------Margin-----------------------*/



.no-margin {
  margin: 0px;
}
.cmd-margin.ma {
  margin: 16px;
}
.cmd-margin.mah {
  margin: 8px;
}
.cmd-margin.ma0 {
  margin: 0px !important;
}
.cmd-margin.mt {
  margin-top: 16px !important;
}
.cmd-margin.mr {
  margin-right: 16px !important;
}
.cmd-margin.mb {
  margin-bottom: 16px !important;
}
.cmd-margin.ml {
  margin-left: 16px !important;
}
.cmd-margin.mth {
  margin-top: 8px !important;
}
.cmd-margin.mrh {
  margin-right: 8px !important;
}
.cmd-margin.mbh {
  margin-bottom: 8px !important;
}

.cmd-margin.mlh {
  margin-left: 8px !important;
}
.cmd-margin.mt0 {
  margin-top: 0px !important;
}
.cmd-margin.mr0 {
  margin-right: 0px !important;
}
.cmd-margin.mb0 {
  margin-bottom: 0px !important;
}
.cmd-margin.ml0 {
  margin-left: 0px !important;
}
.cmd-margin.mv {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.cmd-margin.mvh {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.cmd-margin.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cmd-margin.mh {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.cmd-margin.mhh {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.cmd-margin.mh0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cmd-margin.mh4 {
  margin-left: 4px;
  margin-right: 4px;
}
.cmd-margin.mv4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.cmd-margin.ml2 {
  margin-left: 2px !important;
}
.cmd-margin.mr2 {
  margin-right: 2px !important;
}
.cmd-margin.mt2 {
  margin-top: 2px !important;
}
.cmd-margin.mb2 {
  margin-bottom: 2px !important;
}
.cmd-margin.ml4 {
  margin-left: 4px;
}
.cmd-margin.mr4 {
  margin-right: 4px;
}

.cmd-margin.mt4 {
  margin-top: 4px;
}
.cmd-margin.mt6 {
  margin-top: 6px;
}
.cmd-margin.mb4 {
  margin-bottom: 4px;
}

.cmd-margin.mt12 {
  margin-top: 12px;
}
/* -------------------general MD-OVerrides----------------------*/  

                /* -------------------md-input-container----------------------*/
 md-input-container
    {
        margin-bottom: 0px;
        }
    ._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
    right: 30px;
    left: auto;
    width: calc(100% - 84px);
}
md-input-container .md-errors-spacer {
    display:none;
}
.Placeholder-color > md-input-container .md-input
{
    color:White!important;
    }
/* do not group these rules */
.Placeholder-color > md-input-container > input::-webkit-input-placeholder {
    color: #FFF;
}
.Placeholder-color > md-input-container > input:-moz-placeholder {
    /* FF 4-18 */
    color: #FFF;
}
.Placeholder-color> md-input-container > input::-moz-placeholder {
    /* FF 19+ */
    color: #FFF;
}
.Placeholder-color > md-input-container > input:-ms-input-placeholder {
    /* IE 10+ */
    color: #FFF;
}
/* -------------------md-Tabs----------------------*/
md-tabs .md-tab.md-active
{
    color: rgb(2,119,189) !important;
        
}
[role="tabpanel"], md-tabs
{
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    transition-timing-function: ease-in-out;
    overflow: hidden;
}   
.transition
{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.z-index-top
{
    z-index: 99999;
}

.hover-shadow:hover
{
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}
.hover-opacity:hover
{
    opacity: 0.7;
}
   
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
min-height: 6rem !important;
}


md-tab-content
{
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    }
md-tab-content div
{
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    }
.detailsBox{
    /*max-height: 250px;*/
    overflow: auto;
    /*z-index: 999999;*/
    top: 41px;
    /*background: #fbecf1;*/  
    /*position:absolute;*/ 
    width:100%; 
}
.disp-none
{
    display:none;
    }

.disp-web-kit-box
{
    display: -webkit-inline-box !important;
    }
.disp-webkit-box
{
    display: -webkit-box;
    }
.disp-inline-block
{
    display: inline-block;
    }
.disp-inline-flex
{
    display: inline-flex;
    }
.disp-flex
{
    display: flex !important;
    }
.shadow-card
{
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    }
div:focus {
    outline: none;
    border: 0;
 }
 /* -------------------Media-queries-----------------------*/   

        /*=========== SMALL SCREEN(0-599px)==========================*/
        
        
@media (max-width: 599px) 
{
    
    .cmd-padding.pa24-sm16 {
        padding: 16px;
      }
    .sm-disp-block
    {
        display:block;
        }
    .sm-no-margin
    {
        margin:0px!important;
        }
    
}
    
            /*=========== MEDIUM SCREEN(599px-960px)==========================*/
            
@media (min-width: 599px) and (max-width: 960px) 
{
    .md-disp-block
    {
        display:block;
        }
}