* {
  margin: 0;
  padding: 0;
  font-family: Montserrat, Tahoma;
  
}
label {
  color: #333F48;
}
 .white-body 
   {
     background-color: #fff; 
        max-width: 55%;
        min-height: 40%;
    }
    
    .label-controls {
    font-size: 1.75rem;
  }
   /* mobile */
@media screen and (max-width: 425px) and (min-width:25px) {
  body {
  /* background-color: rgb(230, 244, 241);*/
   background-image: url("../resources/img/artwork1@2x.png?1");
   background-size: cover;
   min-height:100vh;
   background-repeat:no-repeat;
  }


  .img-center {
    display: block;
    min-width: 100vw;
   /* background: linear-gradient(#fff, #95B0B1);*/
  
    margin-left: auto;
    margin-right: auto;
  }

   .responsive-text {
    font-size: 5vw;
  }
  
  .form-div {
   min-width: 100%;
    margin-left:auto;
    margin-right:auto;
  }
  input {
     max-width:100%;
  }
  .resize-logo {
    max-width:50vw;  
  }
   main {
    min-height: calc(100vh - 460px);
  }
   
    form {
    margin: 0px;
    padding: 0px;
  }
      
}
  /*tab*/
@media only screen and (max-width: 768px) and (min-width:426px) {
  body {
    background-image: url("../resources/img/artwork1@2x.png?1");
    background-size: cover;
    min-height:100vh;
    margin-right:auto;
background-repeat:no-repeat;
  }
  
  .form-div {
    min-width: 70vw;
    margin-left:auto;
    margin-right:auto;
  }
 main {
    min-height: calc(100vh - 360px);
  }

input {
   min-width:100%;
  }
}
  /* large screens */
@media only screen and (min-width: 769px) {
  body {
    min-height: 100vh;
    background-image: url("../resources/img/artwork1@2x.png?1");
    background-size: cover;
 margin-right:auto;
 background-repeat:no-repeat;
  }
  
 .form-div {
    max-width: 50vw;
  }
 main {
    min-height: calc(100vh - 260px);
  }
  input {
    min-width: 95%;
  }
}

/*-----------------Footer Start--------------------------------*/


.footer-distributed{
	/*box-sizing: border-box;*/
	text-align: left;
	/*font: normal 16px 'open sans',sans-serif;*/
	font: normal 14px Montserrat, Tahoma;
	/*padding: 45px 50px;*/
	padding: 20px 22px;
 position :relative;
  left: 0;
  bottom: 0;
  /*height: 100px;*/
  height: 125px;
  width: 100% !important;
}

.footer-distributed .footer-left p{
	color:  #333F48;
	font-size: 14px;
  margin: 0;
  bottom: 0px;
}

/* Footer links */

.footer-distributed p.footer-links{
	/*font-size:18px;*/
	font-size:14px;
	font-weight: bold;
	color:  #202121;
	margin: 0 0 10px;
	padding: 0;
}

.footer-distributed p.footer-links a{
	display:inline-block;
	line-height: 1rem;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-right{
	float: right;
    max-width: 500px;
    text-align: right;
}

.footer-distributed .footer-right a{
	display: block;

	font-size: 1rem;
	color: #202121;
	text-align: right;
	line-height: 35px;
	margin-left: 3px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

	.footer-distributed .footer-left,
	.footer-distributed .footer-right{
		text-align: center;
	}

	.footer-distributed .footer-right{
		float: none;
		margin: 0 auto 20px;
	}

	.footer-distributed .footer-left p.footer-links{
		line-height: 1.8;
	}
}


/*-----------------Footer END--------------------------------*/

/*@media only screen and (min-width: 769px) {
  body {
    min-height: 100vh;
    background-image: url("../resources/img/artwork1@2x.png?1");
    background-size: cover;
    background-repeat: no-repeat;  
  }
  div {
    max-width: 50vw;
  }

  input {
    min-width: 80vw;
  }
}*/

/*
  .btn {
        display: inline-block;
        font-weight: 400;
        color: #333F48;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        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;
      }
      */
   
/* ADDED BY Reena on  13 th march 2020 for rad numeric */
html body .RadInput input.riTextBox{
  border-color: rgba(33, 37, 41, 0.15);
  color: #333F48;
  background-color: #ffffff; }
  
 
  
  html body .RadInput input.riTextBox {
  height: calc( 2px + 0.75rem + 1.5em);
  padding: 0.375rem 0.75rem; 
    border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
 /* width: 12.4em;*/
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  font: inherit;
  font-size: 1rem;
  line-height: 1.5;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  -webkit-appearance: none;
  
  }
  
  html body .RadInput input.riTextBox:focus {
 
   border-color: #919D9D;
    box-shadow: none; 
  
   }
   
  
  html body .RadInput input.riTextBox {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }

 html body .RadInput input.riTextBox::selection
   {
    background-color: #CB2C30;
    color: #ffffff; }
    
    /******************Text Area**********************/
   
   
   
   html body .RadInput textarea {
  border-color: rgba(33, 37, 41, 0.15);
  color: #333F48;
  background-color: #ffffff; }
  
 
  
  html body .RadInput textarea {

  padding: 0.375rem 0.75rem; 
    border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
 /*  width: 12.4em ;*/
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  font: inherit;
  /*font-size: 1rem;*/
  font-size: inherit;
  /*line-height: 1.5;*/
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  -webkit-appearance: none;
  
  }
  
  html body .RadInput textarea:focus{
 
   border-color: #919D9D;
    box-shadow: none; 
  
   }
   
  
  html body .RadInput textarea{
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }

 html body .RadInput textarea::selection
   {
    background-color: #333F48;
    color: #ffffff; }
    
    html body .RadInput textarea.riTextBox
   {
    font: inherit;
  font-size: 1rem;

    }

.rdchkForecolor
{
   color:#333F48;
    }
    
   .text-bold {
    font-weight: bold;}
    
/* ADDED BY Reena on  21st May 2020  for aspdropdowlist */
.aspddlist {
  border-color: rgba(33, 37, 41, 0.15);
  color: #333F48;
  background-color: #ffffff; 
  height: calc( 2px + 0.75rem + 1.5em);
  padding: 0.375rem 0.75rem; 
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-radius: 0.25rem;

  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  font: inherit;
  font-size: 1rem;
  line-height: 1.5;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  -webkit-appearance: none;

  }
  
 .select-selected {
  background-color: #333F48;
}
  

  /* ------------------Jyothsna June2020 *******************/
  .blackText
  {
  color: #333F48;
  background-color: #ffffff;
  }
  
  .TealText
  {
  color: #333F48;
  background-color: #ffffff;
  }
  
  .bgTeal
  {
  color: #ffffff;
  background-color: #919D9D ;
  }
  
/* RadUpload Control CSS*/
html body form .RadUpload .ruInputs
{
    border-style: none none none none;
    border-width: 1px;
    border-color: #CCCCCC;
    color: #FFFFFF;
    height: 40px !important;
     max-width :150px;
     min-width :120px;
} 

html body form .RadUpload .ruButton
{
    color: #FFFFFF;
    background-color: #CB2C30;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 25px !important;
     border: 1px solid #CB2C30 !important;
    font-size: 12px;
  /*  width: auto; */
     max-width :150px;
     min-width :120px;
    float:right;
} 

html body form .RadUpload .ruInputs li
{
    float: left !important;
    font-size: 12px;
    padding-right:5px;
      max-width :150px;
     min-width :120px;
    color: #595959;
}

.UploadDropArea
{
    height: 50px;
    background-color: transparent !important;
    border-color: #CCCCCC;
    color: #767676;
    text-align: center;
    font-size: 12px;
    color: #666666;
}

/* RadUpload Ends here*/

.DataList
{
  
  border-color: rgba(33, 37, 41, 0.15);
  color: #333F48;
  background-color: #ffffff; 
  padding: 0.125rem 0.75rem; 
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-radius: 0.25rem;

  box-sizing: border-box;
  border-width: 1px;
  border-style: groove;
  outline: 0;
  font: inherit;
  font-size: 1rem;
  line-height: 1.5;
   display: inline-flex;
  vertical-align: middle;
  position: relative;
  -webkit-appearance: none;
}
  
  html body form .RadDatePicker
{
    border-style: none none none none;
    border-width: 1px;
     border-color: rgba(33, 37, 41, 0.15);
    color: #FFFFFF;
    height: 30px !important;
    width: auto;
} 

/* RadWindow Control CSS */
html body div.RadWindow .rwDialogText
{
   color: #333F48;
   font-size: 12px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius:  5px 5px 5px 5px;
    border-radius:  5px 5px 5px 5px;
}
html body div.RadWindow table .rwTitlebar
{
    border-style: none none double none;
    border-width: 0px 0px 1px 0px;
    border-color: #CB2C30;
    background-color: #CB2C30;
    color: #CB2C30;
}
html body div.RadWindow  .rwTitleRow em
{
    color: #CB2C30 !important;
}


html body div.RadWindow .rwIcon
{
    background-position: left center;
    background-image: url('../resources/img/astecologosm.png?1'); /* background-image :none;*/
    background-repeat: no-repeat;
    width: 80px;
    height: 20px;
    margin-left: 10px;
}
html body div.RadWindow .rwCloseButton,html body div.RadWindow .rwMaximizeButton,html body div.RadWindow .rwMinimizeButton
{
    border: 1px solid #CB2C30  !important;
    background-color: #CB2C30  !important;
    color: #FFFFFF !important;
    font-size: 13px;
}
html body div.RadWindow .rwCloseButton:hover,html body div.RadWindow .rwMaximizeButton:hover,html body div.RadWindow .rwMinimizeButton:hover
{
    background-color: #CB2C30  !important;
    border: 1px solid #CB2C30  !important;
}

html body div.RadWindow .rwPopupButton
{
    border: 1px solid #CB2C30 !important;
    background-color: #CB2C30 !important;
    color: white !important;
     -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius:  5px 5px 5px 5px;
    border-radius:  5px 5px 5px 5px;
    height:25px;
}

html body div.RadWindow .rwPopupButton.rwText
{
    color:White !important;
}

html body div.RadWindow
{
    /*width:auto !important;
    height:auto !important;*/
  
}

html body div.RadWindow .rwWindowContent.radalert
{
    background-image: none !important;
}

html body div.RadWindow.rwWindowContent.radConfirm
{
   background-image: none !important; 
}



html body div.RadWindow .rwCorner .rwTopLeft, html body div.RadWindow .rwCorner .rwTopRight, html body div.RadWindow table .rwTopLeft, 
html body div.RadWindow table .rwTopRight, html body div.RadWindow .rwFooterLeft, html body div.RadWindow .rwFooterRight, html body div.RadWindow .rwFooterCenter, 
html body div.RadWindow .rwBodyLeft, html body div.RadWindow .rwBodyRight, html body div.RadWindow .rwTopResize,html body div.RadWindow .rwControls,
html body div.RadWindow .radConfirm
/*,html body div.RadWindow .rwPopupButton*/
{
    display: none !important;
}

/* RadWindow Ends here*/