/******************************* Admin Portal CSS***********************************/
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"),
        url("../fonts/Montserrat.ttf") format("truetype");
}


::-webkit-scrollbar{
    width:10px !important;
    background-color:transparent;
    z-index:-9999 !important;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
    background: #C0C0C0;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover
{
    background: #808080;
}


html, body
{
   
    font-family: 'Montserrat', 'Tahoma';
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    background-color:Transparent;
    position: relative;
    overflow-y:auto !important;
    overflow-x:hidden;
}
a {
  color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

input:focus
{
    outline: none;
}

/*********Background colors *************/

.WhiteBg
{
  background-color:White!important;
}

.Mainbg
{
    background-color: #D7D2CB;
    overflow:hidden !important;
}

.DarkGreyBg
{
    background-color: #666666 !important;
}

.MediumGreyBg
{
    background-color: #999999  !important;
}

.GreyBg
{
    background-color: #F3F3F3 !important;
}

.BlueBg
{
  background-color:#333F48!important;
}

.LightBlueBg
{
    background-color: #5A98FE !important;
}

.SubHeadingLabel
{
    color: #000000;
    font-size: 13px;
    font-weight: normal;
}

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

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

.textMedium
{
    font-size: 14px !important;
    font-family: 'Montserrat', 'Tahoma' !important;
}

.textNormal
{
    font-size: 13px !important;

}

.textbold
{
    font-weight: bold;
}

.textlight
{
    font-weight: lighter;
}

.textNormalFont
{
    font-weight: normal !important;
}


/*****************************************/

/****************************Login Page *************************/

.Login-TextBox
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #333F48;
    background-color: transparent !important;
    color: #000000 !important;
    height: 30px;
    font-size: 14px;
}

.Login-Error-Message
{
    font-size: 13px;
    color: #CB2C30;
}

.Login-TextBox-Error
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #CB2C30;
    background-color: transparent !important;
    font-size: 14px;
}

.Login-Button
{
    border-color: #CB2C30;
    border-width: 1px;
    font-size: 18px;
    width: auto;
    color: #E8E1D0;
    background-color: #CB2C30;
    text-align: center;
    font-weight: bolder;
}

.Login-HyperLink
{
    font-weight: normal;
    color: #000000;
    font-size: 13px;
}

.Login-HyperLink:hover
{
    font-weight: normal;
    color: #CB2C30;
    font-size: 13px;
}

.Login-Bg
{
    height:100vh; 
    background-color:#EEEFEA;
}
 
.Login-Header
{
    height: 20vh;
}
 
.Login-Body
{
    height: 45vh;
}
 
.Login-Footer
{
    height: 25vh;
    background-image: url("../images/login-bg.png?14");
    background-repeat: repeat-x;
    background-position: top center;
    background-size: auto 200px;
    z-index:-9999 !important;
    position: fixed;
    bottom: 0;
}

/**************************************************/


/**********Dashboard items **********************/

.dashboardBox
{
    background-color: #FFFFFF;
    padding: 20px;
    margin: 10px;
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow-x:hidden !important;

}
 
/* Hide scrollbar for Chrome, Safari and Opera */
.dashboardBox::-webkit-scrollbar{
    width:3px !important;
    background-color:transparent;
}

.dashboardBox::-webkit-scrollbar-thumb
{
    background: #CCCCCC !important;
    border-radius: 10px;
}

.dashboardBox::-webkit-scrollbar-thumb:hover
{
    background: #808080 !important;
}

.dashboardBoxGraph
{
    background-color: #FFFFFF;
    padding: 20px;
    margin: 10px;
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow-y:hidden;
}

.dashboardBoxGraph::-webkit-scrollbar{
    width:3px !important;
    height:5px !important;
    background-color:transparent;
}

.dashboardBoxGraph::-webkit-scrollbar-thumb
{
    background: #CCCCCC;
    border-radius: 10px;
}

.dashboardBoxGraph::-webkit-scrollbar-thumb:hover
{
    background: #808080;
}

.dashboardHeader
{
    height: 25px;
    color: #CB2C30;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    background-color: white;
    z-index: 10;
    text-decoration: underline;
}

.dashboardBigText
{
    color :  #CB2C30;
    font-size:18px;
    font-weight:bold;
}

.dashboardLink
{
    border: 1px solid #EEEFEA; /*  background-color: #008EA8;*/
    color: #000000;
    height: 40px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    min-width: 120px !important;
    text-decoration: underline;
}


.dashboardLink:hover
{
    text-decoration: underline;
    cursor:pointer;
    color: #000000;
    font-size: 14px;
}


.dashboardText
{
    color : #000000;
    font-size:13px;
}

.dashboardLabel
{
    color : #000000;
    font-size:13px;
}

.dashboardItemLeft
{
    width:65%;
    display:inline-block;
    text-align:left;
}

.dashboardItemRight
{
    width:30%;
    display:inline-block;
    text-align:right;
}

.dashboardItem
{
    width:95%;
    display:inline-block;
    text-align:left;
}

.height260
{
    height:270px;
}

.height360
{
    height:370px;
}



/****************************************************/

.bottomLine
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #D3D3D3;
}

.NormalLabel
{
    color: #000000;
    font-size:13px;
    font-weight: normal;
}

.FooterLabel
{
    font-size:12px;
    font-weight: normal;
}

.NsmallLabel
{
    font-weight: normal;
    font-size: 5px !important;
}


.SiteHeight
{
    min-height:600px !important;
    margin-bottom:20px !important; 
    height:auto !important;
   
}
  
.Page-Header
{
    height: 34px;
    color: #EEEFEA !important;
    font-size: 16px;
    padding-top: 2px;
    font-weight:bold;
    z-index:1;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    vertical-align: middle !important; /*background-color: #014289;*/
    /*background-image: linear-gradient(to bottom, rgb(160,205,251),rgb(1,66,137)) !important;*/
    background-color: #CB2C30;
    margin-left: 30px !important;
    margin-right: 30px!important;
    width:calc(100% - 60px);
}

.Page-Content
{
    margin-top:-18px;
}

.Page-Content-2
{
    margin-top:50px;
}

/******************* Page Footer *****************/

.Page-Footer
{
    min-height: 30px;
    position: fixed;
    background-color: #333F48;
    z-index: 100 !important;
    bottom: 0;
    color: #EEEFEA;
}

.PageFooterText
{
    color: #EEEFEA;
    font-size: 12px !important;
}

.PageFooterText:hover
{
    text-decoration: underline;
}


/****************************************************/


.Subbox
{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/*************************Text colors ***********************/

.WhiteText
{
    color: #FFFFFF !important;
}

.RedText
{
    color: #800000 !important;
}

.BlackText
{
    color: #000000!important;
}

.BlueText
{
    color: #000000 !important;
    
}

.GreyText
{
    color: #333F48 !important;
}

.DarkGreyText
{
    color: #000000 !important;
}

.LightGreyText
{
    color: #919D9D !important;
}

.HotRedText
{
    color: #CB2C30;
}


.DarkTealText
{
    color: #333F48;
}

.CharcoalText
{
    color: #2D2926;
}

.SteelGreyText
{
    color: #919D9D;
}

.WolfGreyText
{
    color: #D7D2CB;
}

.CarraraText
{
    color: #EEEFEA;
}

.LightGreyBg
{
    /* border: 1px solid #014289;*/
    background-color: #F5F5F5;
}

.BlueBottomline
{
    border-bottom-style: solid;
    border-bottom-width: .5px !important;
    border-bottom-color: #014289;
}

.SmallShadow
{
   box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15) !important;
}

/******************************************************/


/******************* Site Master Controls ********************/

.Site-Header
{
    overflow: hidden;
    background-color: transparent;
    transition: 0.4s;
    width: 100%;
    height:auto;
    z-index: 2;
    position:fixed;
    vertical-align:middle !important;
    margin-bottom:5px !important;
   
}

.SiteHeaderleft
{
    width:250px !important; 
    display:inline !important;
}

.SiteHeadercenter
{
    width:calc(95%-250px) !important;
    display:inline !important;
    margin-left:300px !important;
    background-image: url("../images/login-bg.png?1");
}

.SiteHeaderright
{
    width:50px;
      display:inline !important;
    margin-left:calc(98%-300px) !important;
}

.SiteHeaderImage
{
    background-image: url("../images/LandlordHeader.png?1");
    width: 100%;
    height:30px;
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: auto 100% !important;
    z-index :10px !important;
    vertical-align:bottom !important;
     
}


.LandlordLabel
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:90%;
    font-weight:bold;
    font-size:13px;
    cursor:pointer;
    color:#333F48;
}

.TransparentButton
{
    border-style: none;
    height: 25px;
    background-color: Transparent !important;
    font-size: 13px;
    width: auto;
}

.Site-Main {
    top:70px  !important;
  }

.SiteItemLeft
{
    width:250px !important; 
    display:inline-block;
    text-align:left;
    vertical-align:top;
    top:70px;
    z-index:10;
    position: fixed; 
    height:auto !important; 
    max-height:calc(98% - 120px) !important; 
    overflow-x:hidden !important;
 
}

/* Hide scrollbar for IE and Edge 
.SiteItemLeft {
    -ms-overflow-style: none;
}*/

/* Hide scrollbar for Chrome, Safari and Opera */
.SiteItemLeft::-webkit-scrollbar{
    width:3px !important;
    background-color:transparent;
}

.SiteItemLeft::-webkit-scrollbar-thumb
{
    background: #C0C0C0 !important;
    border-radius: 10px;
}

.SiteItemLeft::-webkit-scrollbar-thumb:hover
{
    background: #808080 !important;
}
 

.SiteItemRight
{
    width:calc(98% - 250px)!important;
    display:inline-block !important;
    margin-left:250px !important;
}

.SiteItemRightfull
{
    width:calc(98%) !important;
    display:inline-block !important;
    margin-left:0px !important;
}

.UserMenu
{
    list-style:none;
    width:100%;
    height:auto !important;
}

.UserMenu > li
{
    width: 100% !important;
    height: 30px !important;
    background-color: white;
    padding: 2px 20px 5px 12px;
    margin-bottom: 1px;
    text-align: left;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    font-size: 13px !important;
    list-style: none;
    cursor: pointer;
    color: #666666 !important;
    
}

.UserMenu > li:hover, .UserMenu > li:focus
{
    text-decoration: underline;
}


.divGrid
{
    width:100% !important;
    height:auto !important;
    overflow-x:visible !important;
}

/*********************************************************/

.smallLabel
{
    font-weight:normal;
    font-size:x-small;
}

.EmailLabel
{
    color: #000000;
    font-size:12px !important;
    font-weight: normal;
}

.PagePopupLabel
{
    height: 40px;
    color: #000000 !important;
    font-size: 18px;
    padding-top: 2px;
    vertical-align:middle;
}

.PopupBg
{
    background-color: #FFFFFF;
}


.top-buffer-1 { margin-top:1px; }
.top-buffer-5 { margin-top:5px; }
.top-buffer-10 { margin-top:10px; }
.top-buffer-20 { margin-top:20px; }
.top-buffer-25 { margin-top:25px; }
.top-buffer-30 { margin-top:30px; }
.top-buffer-40 { margin-top:40px; }
.top-buffer-50 { margin-top:50px; }
.top-buffer-80 { margin-top:80px; }


.bottom-buffer-1 { margin-bottom:1px; }
.bottom-buffer-5 { margin-bottom:5px; }
.bottom-buffer-10 { margin-bottom:10px; }
.bottom-buffer-20 { margin-bottom:20px; }
.bottom-buffer-25 { margin-bottom:25px; }
.bottom-buffer-30 { margin-bottom:30px; }
.bottom-buffer-40 { margin-bottom:40px; }
.bottom-buffer-50 { margin-bottom:50px; }

.left-buffer-1 { margin-left:10px; }
.left-buffer-5 { margin-left:50px; }
.left-buffer-10 { margin-left:10px; }
.left-buffer-15 { margin-left:15px; }
.left-buffer-20 { margin-left:20px; }
.left-buffer-25 { margin-left:25px; }
.left-buffer-30 { margin-left:30px; }
.left-buffer-40 { margin-left:40px; }
.left-buffer-50 { margin-left:50px; }

.no-padding {
  padding: 0px !important;
}


.Rounded
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.Button
{
    height: 30px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    min-width:100px;
}

.HotRed
{
    background-color: #CB2C30;
    border: 1px solid #CB2C30;
    color:  #EEEFEA;
}


.DarkTeal
{
    background-color: #333F48;
    border: 1px solid #333F48;
    color:  #EEEFEA;
}

.Charcoal
{
    background-color: #2D2926;
    border: 1px solid #2D2926; 
    color: #EEEFEA;
}

.SteelGrey
{
    background-color: #919D9D;
    border: 1px solid #919D9D;
    color:  #EEEFEA;
}

.Wolfgrey
{
    background-color: #D7D2CB;
    border: 1px solid #D7D2CB;
    color: #333F48;
}


.Carrara
{
    background-color: #EEEFEA;
    border: 1px solid #EEEFEA;
    color: #333F48;
}




.BlueButton
{
    border: 1px solid #333F48; /*  background-color: #008EA8;*/
    color: #FFFFFF;
    height: 30px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #333F48;
    min-width:100px;
}

.BlueButton:hover
{
    box-shadow: 0 0.2rem .3rem rgba(0, 0, 0, 0.50) !important;
}

.LightBlueButton
{
    border: 1px solid #919D9D; /*  background-color: #008EA8;*/
    color: #FFFFFF;
    height: 30px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #919D9D;
}

.LightBlueButton:hover
{
    box-shadow: 0 0.2rem .3rem rgba(0, 0, 0, 0.15) !important;
}

.GreyButton
{
    border: 1px solid #666666; /*  background-color: #008EA8;*/
    color: #FFFFFF;
    height: 30px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #999999;
}

.GreyButton:hover
{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;  
}

.YellowButton
{
    border: 1px solid #f77462; /*  background-color: #008EA8;*/
    color: black;
    height: 30px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #f77462;
}

.YellowButton:hover
{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;  
}

.smallbutton
{
    border: 1px solid #666666; /*  background-color: #008EA8;*/
    color: #FFFFFF;
    height: 25px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    background-color: #999999;
}

.MaxHeight200
{
    max-height:200px !important;
    overflow-x :hidden !important;
}

.MaxHeight300
{
    max-height:300px !important;
    overflow:scroll !important;
}


.AutoHeight  
{  
    height: auto !important;  
    
}  

.MaxHeight300
{
    max-height:300px !important;
    overflow:scroll !important;
}

.MinHeight300
{
    min-height:300px !important;
}


.AutoWidth
{  
    width: auto !important;  
}  

.MaxHeightNoScroll300
{
    max-height:300px !important;
}


.col1,
.col2,
.col3 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 30%;
    line-height: 14px;
    float: left;
}

.SubHeader
{
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: normal;
    height: 25px !important;
    background-color: #CB2C30 !important;
}

.ContactBorder
{
    border: 0px solid #EEEFEA;
}


/**Contact Tab strip */


.contact-container .RadTabStrip {
}
 
.contact-container .RadTabStrip .rtsLevel1 {
    border: none;
}
 
.contact-container .RadTabStrip .tab
{
    background-color: #919D9D;
    height: 25px;
    width: 100%;
    border-right: 1px solid #FFF;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}
 
.contact-container .RadTabStrip .tab.GeneralTab {
    border-top-left-radius: 5px;
}

.contact-container .RadTabStrip .tab.selectedTab {
    background-color: #333F48;
     color:#FFFFFF;
}
 
.contact-container .RadTabStrip .tab.hoveredTab
{
    background-color:#2D2926;
    color:#FFFFFF;
}
 
.contact-container .RadTabStrip .tab.hoveredTab.selectedTab {
    background-color: #333F48;
    color:#FFFFFF;
}

.contact-container .RadTabStrip .tab .rtsTxt {

    font-size: 13px;
}


/**Contact Popup Tab strip */
.contactpopup-container .RadTabStrip {
}
 
.contactpopup-container .RadTabStrip .rtsLevel1 {
    border: none;
}
 
.contactpopup-container .RadTabStrip .tab1
{
    background-color: #EEEFEA;
    height: 30px;
    border-right: 1px solid #FFF;
    text-align: center !important;
    vertical-align: middle !important;
}
 
.contactpopup-container .RadTabStrip .tab1.GeneralTab1 {
    border-top-left-radius: 5px;
}

.contactpopup-container .RadTabStrip .tab1.selectedTab1 
{
    background-color: #D7D2CB;
    
}
 
.contactpopup-container .RadTabStrip .tab1.hoveredTab1
{
    background-color: #919D9D;
}
 
.contactpopup-container .RadTabStrip .tab1.hoveredTab.selectedTab1 {
    background-color: #D7D2CB;
}

.contactpopup-container .RadTabStrip .tab1 .rtsTxt {
    color: #000000 !important;
    font-size: 13px;
}

.boxborder{
    border : 0.25px solid #D7D2CB;
    outline: 0;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

.boxborderdarkgrey{
    border : 0.25px solid #666666;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.1rem rgba(202,202,202, 0.5);
    box-shadow: 0 0 0 0.1rem rgba(202,202,202, 0.5);
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

.NoRecord
{
    height: 50px;
    color: #CB2C30;
    background-color: white;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Montserrat', 'Tahoma';
}

.NoRecordSmall
{
    height: 40px;
    color: #999999;
    background-color: white;
    padding-top: 10px;
    font-size: 13px;
    font-weight: normal;
}

.MsgSuccessText
{
    font-size: 13px;
    color: #000000;
    white-space:normal;
    font-weight:normal;
     font-family: 'Montserrat', 'Tahoma';
}

.MsgErrorText
{
    font-size: 13px;
    color: #CB2C30;
    white-space: normal;
    font-weight: normal;
     font-family: 'Montserrat', 'Tahoma';
}

.MsgWarningText
{
    font-size: 13px;
    color: #CB2C30;
    white-space: normal;
    font-weight: normal;
     font-family: 'Montserrat', 'Tahoma';
}

.MsgBox
{
    padding: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 30px !important;
    background-color: transparent;
}

.msgclose
{
    border: none;
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
    background-color: transparent !important;
}

.TrasparentButtonBlue
{
    background-color: transparent!important;
    font-size: 13px;
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
    border-radius: 10px;
    min-width: 100px;
    height: 30px;
    margin-top: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #333F48 !important;
    color: #333F48 !important;
}

.TrasparentButtonBlue:hover
{
    background-color:#333F48 !important;
    color: white !important;
}

.ContactTrasparentButton
{
    border: 1px solid #333F48 !important;
    background-color: white!important;
    color: #000000 !important;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    width: 120px;
    height: 40px;
    margin-top: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.ContactTrasparentButton:hover
{
    background-color:#000000 !important;
    color: white !important;
}

.ContactTrasparentButton:focus
{
    background-color:#000000 !important;
    color: white !important;
}

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

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

.textMedium
{
    font-size: 14px !important;
}

.GridNoRecord
{
    margin: 5px;
    height: 25px;
    color: #CB2C30;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
        font-family: 'Montserrat', 'Tahoma';
}
 
 .RadGridHeader
 {
    color: #333333 !important;
    background-color: #F2F2F2 !important;
 }
 
  .RadGridGreyHeader
 {
    color: #333333 !important;
    background-color: #DADADA !important;
    font-weight:bold !important;
 }
 
 .DocViewButton
{
    border: none;
    background-color: transparent !important;
    color: #666666;
    font-size: 13px;
    text-align: left;
    padding-left: 0px;
    margin-left: 0px;
}

.DocViewButton:hover
{
    text-decoration: underline;
}

.DocRemoveButton
{
    border: none;
    background-color: transparent !important;
    color: #990000;
    font-size: 10px;
}

.DocRemoveButton:hover
{
    border: 1px solid #990000;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.DataListLine
{
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-color: #D7D7D7;
    padding-top: 2px;
    padding-right: 15px;
    padding-left: 15px;
}

.bottomborder
{
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #999999;
}

.bottomdivider
{
    margin: 10px 17px;
    border-bottom-style: solid;
    border-bottom-width: 0.2rem;
    border-bottom-color: #014289;
    width: calc(100% - 34px);
}

.NormalTextBox
{
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-bottom-color: #CCCCCC;
    color: #595959;
    font-size: 13px;
    height: 25px !important;
    background-color: transparent !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.Greyboxborder
{
    border-style: solid solid solid solid;
    border-width: 0.50px;
    border-color: #CCCCCC;
    outline: 0;
    padding-left: 1px;
    padding-right: 1px;
    
}
/******************************************************************************/
.modalProgressOLD
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: transparent;
    filter: alpha(opacity=60);
    opacity: 0.8;
    -moz-opacity: 0.8;
}
.centerProgressOLD
{
   z-index: 1000;
   /*  margin: 200px 220px; */
   margin : 15% 30%;
  /*   padding: 10px;
   width: 100px; */
    background-color: transparent;
     border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.centerProgressOLD img
{
    height: 120px;
  /*width: 98px; */
}


.centerProgressNewOLD
{
   z-index: 1000;
   /*  margin: 200px 220px; */
   margin : 15% 30%;
  /*   padding: 10px;
   width: 100px; */
    background-color: transparent;
     border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
   
}

.centerProgressNewOLD img
{
    height: 100px;
   /* width: 100px;*/
}
/******************************************************************************/
.modalProgress
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
/*    background-color: Gray !important;*/
background-color: transparent !important;
    filter: alpha(opacity=60);
    opacity: 0.8;
    -moz-opacity: 0.8;
}
.centerProgress
{
   z-index: 1000;
   width: 100% !important;
  min-height:600px !important;
    margin-bottom:20px !important; 
    height:100% !important;
     background-color: transparent !important;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
   margin-top:70px  !important;
}
.centerProgress img
{
    height: 100px;
    background: transparent !important;
   /* width: 100px;*/
    margin-top:15% !important;
    margin-left:30% !important;
}


.centerProgressNew
{
  z-index: 1000;
     width: 100% !important;
  min-height:600px !important;
    margin-bottom:20px !important; 
    height:100% !important;
     background-color: transparent !important;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
   margin-top:70px  !important;
}

.centerProgressNew img
{
    height: 100px;
    background: transparent !important;
   /* width: 100px;*/
    margin-top:15% !important;
    margin-left:30% !important;
}


.MainButtonBar
{
    width:100% !important;  
    height:40px;      
}
   
.LeftBar
{
    width:calc(100%-30px) !important;
    position: absolute;
    left: 0;
    
}
   
.RightBar
{
    width:30px !important;
    position: absolute;
    left: calc(100% - 30px);
    
   
}

.RightButton
{
    border: 1px solid #CB2C30; /*  background-color: #008EA8;*/
    color: #FFFFFF;
    height: 30px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #CB2C30;
}

.ButtonMargin
{
    margin: 2px 0px 0px 0px;
}


.HistoryBoder
{
    border: 1px solid #B7B7B7 !important;
    color: #333333;
    font-size: 13px;
}

.BlueButtonsmall
{
    border: 1px solid #014289; /*  background-color: #008EA8;*/
    color: #FFFFFF;
    height: 25px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #014289;
    min-width:100px;
}
.BlueHighlight
{
    border: 1px solid black;
    background-color: #014289;
    color: #FFFFFF;
}

.WhiteHighlight
{
    border: 1px solid black;
    background-color: #FFFFFF;
    color: #014289;
}

.supSuccessImage
{
    background-position: left top;
    background-image: url('../Images/GreenCircle.png?1');
    background-repeat: no-repeat;
    vertical-align: super;
    font-size: smaller;
    width: 5px !important;
    height: 5px !important;
   
}

.supWarningImage
{
    vertical-align: super;
    font-size: smaller;
    background-position: left top;
    background-image: url('../Images/GreyCircle.png?1');
    background-repeat: no-repeat;
    width: 5px !important;
    height: 5px !important;
}

.supFailureImage
{
    vertical-align: super;
    font-size: smaller;
    background-position: left top;
    background-image: url('../Images/RedCircle.png');
    background-repeat: no-repeat;
    width: 5px !important;
    height: 5px !important;
}

.supFailureImage .tooltip
{
    color: #6E598F;
    border: 1px solid #FFFFFF;
    visibility: hidden;
    width: auto;
    height: auto;
    background-color: #FFFFFF;
    color: #008080;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px; /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 100 !important;
    font-size: 11px;
}

.MailContent
{
    background-color: #FFFFFF;
    width:100%;
    height:100% !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow-x:scroll !important;
}
 
/* Hide scrollbar for Chrome, Safari and Opera */
.MailContent::-webkit-scrollbar{
    width:3px !important;
    background-color:transparent;
}

.LightGreyBg
{
    /* border: 1px solid #014289;*/
    background-color: #F5F5F5;
}

.BlueBottomline
{
    border-bottom-style: solid;
    border-bottom-width: .5px !important;
    border-bottom-color: #014289;
}

.SmallShadow
{
   box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15) !important;
}

.smallLabelH
{
    font-weight:normal;
    font-size:11px;
}
.smallLabelbold
{
    font-weight:bold;
    font-size:12px;
}
.HotRedText
{
    color: #CB2C30;
}


.Forgot-Button
{
    border-color: #CB2C30;
    border-width: 0px 0px 0px 0px;
    font-size: 18px;
    width: auto;
    color: #CB2C30;
    text-align: center;
    font-weight: bolder;
    background-color:##FCFAF10;
}


input:-ms-input-placeholder:-webkit-autofill,
            input:-ms-input-placeholder:-webkit-autofill:hover, 
            input:-ms-input-placeholder:-webkit-autofill:focus, 
            input:-ms-input-placeholder:-webkit-autofill:active  {
                    background-color:#EEEFEA !important;
            }
                
            input:-webkit-autofill,
            input:-webkit-autofill:hover, 
            input:-webkit-autofill:focus,
            textarea:-webkit-autofill,
            textarea:-webkit-autofill:hover,
            textarea:-webkit-autofill:focus,
            select:-webkit-autofill,
            select:-webkit-autofill:hover,
            select:-webkit-autofill:focus {
                    border-style: none none solid none;
                    border-width: 1px;
                    border-color: #333F48;
                -webkit-text-fill-color: #333F48!important;
                -webkit-box-shadow: 0 0 0px 1000px #EEEFEA inset;
                transition: background-color 5000s ease-in-out 0s;
                font-size: 14px;
                    font-family: 'Montserrat', 'Tahoma';
            }
input:-webkit-autofill::first-line {font-size: 14px;font-family: 'Montserrat', 'Tahoma';}

.DashboardBackgroundImage
{
    background-image: url('../Images/DashboardImage.jpg');
     background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 90vh;
     opacity: .5;
}
    
 .fontSize12
{
    font-size: 12px;
}   

.bringfront
{
   z-index:999 !important;
}
 .HotRedButtonextrasmall
{
    border: 1px solid #CB2C30; /*  background-color: #008EA8;*/
    color: #FFFFFF;
    height: 20px; /*   background-image: linear-gradient(to bottom, rgb(0,214,251),rgb(0,142,168)) !important; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #CB2C30;
    min-width:100px;
}   

    
.Authenticate-Button
{
    border-color: #CB2C30;
    border-width: 1px;
    font-size: 14px;
    width: auto;
    color: #E8E1D0;
    background-color: #CB2C30;
    text-align: center;
    font-weight: bolder;
}

.Authenticate-msglabel
{
    border: 0px solid #333F48;
    font-size: 11px;
    width: auto;
    color: #000000;
    text-align: left;
    font-weight: normal;
}

.OTP
{
    font-size: 14px;
    width: 100%;
    color: #333F48;
    text-align: center;
    font-weight: bold;

}

.OTPError
{
    font-size: 11px;
    width: 100%;
    color: #CB2C30;
    text-align: center;
    font-weight: normal;
}

.AstecoOrangeText
{
    color:#CB2C30;
}