* {
    box-sizing: border-box;
    
    padding:0;margin:0px;
    
  }
  .title1
  {
      
      font-size:30px;
      margin-top:10px;
      margin-bottom:10px;
  }
  
  .title2
  {
      font-size:20px;
      margin-top:10px;
      margin-bottom:10px;
  }
  .title3
  {
      line-height:2;
      font-size:16px
  }
  
  
  
  
.divContent
{
     height:auto;
     color:#686161;

}
.Mybtn {
 
  border: none;
  color: white;
  padding:8px 12px;
  font-size: 14px;
  cursor: pointer;
    cursor: pointer;
  -webkit-transition: all .55s ease-in-out;
  -moz-transition: all .55s ease-in-out;
  -o-transition: all .55s ease-in-out;
  transition: all .4s ease-in-out;
  line-height: 10px;
 background-color: black;
}
.pageContainer
{
    border-top: 1px solid #e4e4e4;
    border-left: 3px solid #e4e4e4;
    border-right: 3px solid #e4e4e4;
    border-bottom: 3px solid #e4e4e4;
    background-color:white;
    height:auto;
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    margin-bottom:100px;
    
    border-radius:20px;
}

.page-round
{
    box-shadow: 0 1px 2px 0 #a57b79, 0 1px 1px 0 #a57b79;
    border-radius:20px;
}
.gridRow
{
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 0px;
}

.gridColumn5
{
  -ms-flex: 19%; /* IE10 */
  flex: 19%;
  max-width: 19%;
  margin:5px;
  margin:auto;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}


.gridColumn4
{
  -ms-flex: 23%; /* IE10 */
  flex: 23%;
  max-width: 23%;
  margin:10px;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}

.gridColumn3
{
  -ms-flex: 31.5%; /* IE10 */
  flex: 31.5%;
  max-width: 31.5%;
  margin:0px;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  
}

.gridColumn2
{
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  margin:0px;
  max-width: 50%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;

}

.gridColumn1
{
  -ms-flex: 100%; /* IE10 */
  flex: 100%;
  max-width: 100%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}

.gridColumn10
{
  -ms-flex: 10%; /* IE10 */
  flex: 10%;
  max-width: 10%;
  padding-top:10px;
  padding-bottom:10px;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}

.gridColumn20
{
  -ms-flex: 20%; /* IE10 */
  flex: 20%;
  max-width: 20%;
  padding-top:10px;
  padding-bottom:10px;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}

.gridColumn30
{
  -ms-flex: 30%; /* IE10 */
  flex: 30%;
  padding-top:10px;
  padding-bottom:10px;
  max-width: 30%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}
.gridColumnW40
{
  -ms-flex: 40%; /* IE10 */
  flex: 40%;
  
  background-color:#5a625a;
  max-width: 40%;
  
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}
.gridColumnW50
{
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  padding-top:10px;
  padding-bottom:10px;
  max-width: 50%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}
.gridColumnW60
{
  -ms-flex: 60%; /* IE10 */
  flex: 60%;
  padding-top:10px;
  padding-bottom:10px;
  max-width: 60%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}

.gridColumn70
{
  -ms-flex: 70%; /* IE10 */
  flex: 70%;
  padding-top:10px;
  padding-bottom:10px;
  max-width: 70%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}
.gridColumn80
{
  -ms-flex: 80%; /* IE10 */
  flex: 80%;
  padding-top:10px;
  padding-bottom:10px;
  max-width: 80%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}
.gridColumn90
{
  -ms-flex: 90%; /* IE10 */
  flex: 90%;
  padding-top:10px;
  padding-bottom:10px;
  max-width: 90%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}
.gridColumn100
{
  -ms-flex: 100%; /* IE10 */
  flex: 100%;
  max-width: 100%;
  transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}
.gridColumnBorder
{
  border: 1px solid #956982;  
  padding:10px;
}
.gridColumnShadow
{
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);  
}

.gridColumnHeader
{
    
    background-color:#245c8d;
    padding:10px;
    color:#ecd5dd;
    
    line-height:1.5;
}
.gridColumnContent
{
    
    padding:10px;
    color:#51182c;
    
    line-height:1.5;
}

.gridColumn img 
{
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19)
}


.width100
{
    width:100%;
}
.width90
{
    width:90%;
}
.width50
{
    width:50%;
         margin:auto;
}
.width80
{
    width:80%;
         margin:auto;
}
.paddingLeftRight20
{
    padding-left:20px;
    padding-right:20px;
}
.paddingLeftRight10
{
    padding-left:10px;
    padding-right:10px;
}
.padding10
{
    padding:10px;
}
.padding20
{
    padding:20px;
}
.padding30
{
    padding:30px;
}
.padding40
{
    padding:40px;
}
.padding50
{
    padding:50px;
}


.designTopHeader
{
    
    background-color:#cfe0cc;
    padding:10px;
    color:#062800;
    
    line-height:1.5;
}
.designCompanyLogo
{
    width:250px;
    margin-left:20px;
    float:left;
    z-index:99;
      
}
.designHeaerRight
{
    float:right;
}
.designMenuBar
{
    display:inline-block;
    height:auto;
    padding-left:20px;
    padding-right:20px;
    background-color:black;
    
}

.designMenuItemResponsive
{
        width:100%;
        display:inline-block;
        background-color:Yellow;
}

.designMenuItemSeparator
{
    color:#c8c9c8;
    float:left;
    padding-top:15px;
    padding-bottom:15px;
    height:100%;
    margin-right:0px;
}
.menuBar a 
{
   text-decoration:none;
   color:#e6e8ef;
   float:left;
   padding:15px;
   height:100%;
   color:White;
}

.menuIcon
{
    cursor:pointer;
    display:none;
}

.menuBar a:not(:first-child):hover
{
    border-bottom: 3px solid #c8c9c8;
}
.designHeader
{
    background-color:#0e2f44;
    background: linear-gradient(to right, #004c4c,#004c4c );
        color:White;
        width:100%;
        padding:10px;
    
    line-height:2;
}
.designFooter
{
    background-color:#2a2a2a;
        color:#cccccc;
        width:100%;
    background-color:#553c4a;

    
    line-height:1.2;
}
.designFooterIcon
{
    margin:2px;
    font-size:30px
}
.designCopyRight
{
    background-color:#545454;
    color:#cbbeb5;
    line-height:2;
    
}


@media (max-width: 800px) 
{
 .designTopHeader
 {
     height:auto;
     text-align:center;
 }
 
 .designHeaerRight
{
    float:left;
    width:100%;
    
}
.designCompanyLogo
{
    float:none;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
 .designMenuItemSeparator{display:none}
 
.menuBar a:not(:first-child){display:none}

.menuIcon
{
    display:inline-block;
}
.Responsive a:not(:first-child) {display: inline-block; width:100%;}         
}


.designBanner
{
    background-color:black;
    padding-top:0px;
    padding-bottom:10px;
}
.designSectionTitle
{
    font-family: 'Oleo Script', cursive;
    font-size:24px;
}
.content-header{
  font-family: 'Oleo Script', cursive;
  color:#587774;
  font-size: 20px;
  text-align:left;
  width:100%;
  
}


.designAboutUs
{
    background-color:#f3f7f3;
    color:#655f5a;
    
    line-height:2;
    text-align:justify;
    padding:40px;
    margin:auto;
    
}
.designReadMore
{
    color:#157f8d;
    font-style:italic;
    
}

.designBar
{
    padding:0px;
    padding-right:10px;
    margin:auto;
    
    line-height:2;
    
    
}
.designBarBox
{
    margin:0px;
    width:auto;
    padding:0px;
    margin-bottom:15px;
    background-color:#f4f2f0;

}
.designProduct
{
    background-color:#c4e4d7;
    
    line-height:2;
    text-align:justify;
    
}
.designItem
{
    color:#35423c;
}
.designTestimonial
{
    margin:auto;
    width:40%;
    padding:30px;
font-family: 'Oleo Script', cursive;
    font-style:normal;
    line-height:2;
    background-color:#0c4c54;
    background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ff8585 , #ffb3b3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:#5c5c5f;
    border: 2px solid #ff8585;
  border-top-left-radius: 75px;
  border-bottom-right-radius: 75px;
}
.designTestimonialWriter
{
    color:#2e2e2f;
    padding-right:20px;
    font-style:italic;
    font-family: 'Oleo Script', cursive;
}

@media (max-width: 800px) 
{

}


.designInquiryForm
{
            font-family: 'Oleo Script', cursive;
            display:inline-block;
            padding-top:30px;
            width:60%;
            height:auto;
            background: #3a6186; /* fallback for old browsers */
            color : #fff;    
}
.designAddress
{
    font-family: 'Teko', sans-serif;
    width:30%;
    height:350px;
    float:left;
    line-height:2;
    font-size:14px;
    background-color:#f2f1f0;
    color:#170d26;
}

.designMap
{
    width:70%;float:left;
}



input[type=text],input[type=password], select, textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}


.btnHeader
{
     background-color: #425e4a;
  color: #ffffff;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btnNormal
{
     background-color: #238076;
  color: #d7f6f3;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


input[type=button]:hover {
  background-color: #ffc966;
  color:black;
}



.designFooter
{
    background-color:#2a2a2a;
    color:White;
    height:auto;
    
    line-height:2;
}
.designFooterIcon
{
    margin:2px;
    font-size:30px
}
.designCopyRight
{
    background-color:#545454;
    color:#cbbeb5;
    line-height:2;
    
}
.textLeft
        {
            text-align:left;
        }
.textRight
        {
            text-align:right;
        }
.textCenter
{
    text-align:center;
}

.textJustify
        {
            text-align:justify;
        }
        
.imgRound50
        {
            border-radius: 50%;
        }


.imgCard
{
     width: 100%;
     color:#475851;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}        


.designServiceSection
{
    margin:auto;
    width:100%;
    padding:30px;
font-family: 'Oleo Script', cursive;
    font-style:normal;
    line-height:2;
    background-color:#0c4c54;
    background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ff8585 , #ffb3b3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background:white;
    color:#5c5c5f;
  
  margin-bottom:15px;
}

.imgService
{
     width: 100%;
     color:#475851;
    text-align:left;
    box-shadow: 0 4px 8px 0 #cecece , 0 6px 20px 0 #e5e5e5;
}


/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) 
{
   .gridColumn4,.gridColumn3,.gridColumn2
    {
        -ms-flex: 50%; /* IE10 */
        flex: 50%;
        max-width: 50%;
        padding:10px;
        
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
    }
    .width50, .width80
    {
        width:100%;
    }
  
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .gridColumn4,.gridColumn3,.gridColumn2
    {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;
        max-width: 100%;
        
        padding:10px;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
    }
    .width50, .width80
    {
        width:100%;
    }
}

.bkgGradientR
{
    
 
    line-height:2;
 background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ff8585 , #ffb3b3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.bkgGradientL
{
    
 
    line-height:2;
 background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #ff8585 , #ffb3b3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.hero {
    /* Sizing */
    width: 100vw;
    height: 100vh;
    
    /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
    
    /* Background styles  background-image: url(https://codetheweb.blog/assets/img/posts/full-image-hero/image.jpg);*/
    background-image: url(/images/general/bkg2.jpeg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}



/* Parent Container */
.contentFeature
{
 position: relative;
 width: 500px;
 height: 500px;
 float: left;
 margin-right: 15px;
 margin-bottom:15px;
  filter: grayscale(0) blur(0);

 }


@-webkit-keyframes flash {
	0% {
		opacity: .4;
		
	}
	100% {
		opacity: 1;
		background-color:Black;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Hover on Parent Container */
.contentFeature:hover{
 cursor: pointer;

	-webkit-animation: flash 1.5s;
	animation: flash 1.5s; 
 
}

.contentFeature:hover div
{
 padding: 8px 15px;
 opacity: 0.9; 
}
.TitleChart
 {
 background-color:#ff6289;
 
 color:#fbfaf9;
 height:50px;
 font-size:medium;
 
 }

.FooterChart
 {
 /*box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);*/
 
 color:#fbfaf9;
 height:auto;
 font-size:medium;
 }


 .Status76100
 {
    border-bottom: 3px solid #54863f;     
 }
 .Status5175
 {
    border-bottom: 3px solid #d2e4ca;     
 }
 .Status2650
 {
    border-bottom: 3px solid #efb2b2;     
 }
 .Status0125
 {
    border-bottom: 3px solid red;     
 }
 
 .TitleChartAlert
 {
 /*box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);*/
 background: linear-gradient(to right, #ee7191 , #f39ab0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 color:#edf9fe;
 height:50px;
 }
 
 .TitleChartDown
 {
 /*box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);*/
 background: linear-gradient(to right, #ff0000 , #ff7f7f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 color:#edf9fe;
 height:50px;
 }
 
.design0
 {
 
 background: linear-gradient(to left, #fafafa , #fdfdfd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 
 .design1
 {
 
 background: linear-gradient(to left, #ff6f94 , #ff98b3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }

 .design2
 {
 
 background: linear-gradient(to left, #d0dd7d , #dee7a2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 
 .design3
 {
 
 background: linear-gradient(to left, #a04486 , #b3699e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 
 .design4
 {
 
 background: linear-gradient(to left, #007bae , #185875); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
 color:#e5f1f6; 
 }
 .design44
 {
 
 background: linear-gradient(to left, #e9f4f9 , #e9f4f9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
 color:#e5f1f6; 
 }
 
 .design5
 {
 
 background: linear-gradient(to left, #622444 , #814f69); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 
 .design6
 {
 
 background: linear-gradient(to left, #cae1ff , #d4e7ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 .designShadow
 {
     box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
     border-radius: 5px;
 }
 .design7
 { 
    background: linear-gradient(to left, #eabba0 , #eec8b3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
    color:#5d4a40;   
 }
 
 .design8
 {
 
 background: linear-gradient(to left, #babc99 , #c7c9ad); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 
 .design9
 {
 
 background: linear-gradient(to left, #ffffff , #fbfbfb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 .design10
 {
 
 background: linear-gradient(to left, #ececec , #f2f2f2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 
 .design11
 {
 
 background: linear-gradient(to left, #e9e2dd , #e0d7cf); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 
 .design12
 {
 background: linear-gradient(to left, #8a8d8e , #767979); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 }
 
 .design13
 {
 background: linear-gradient(to left, #8a8d8e , #c6cacb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 color:#373838;
 }
 
 .design14
 {
 background: linear-gradient(to left, #f2ce72 , #f4d78e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 color:#796739;
 }
 
 .design15
 {
 background: linear-gradient(to left, #f4ddcf , #f8eae2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
 color:#796739;
 }
 
 .design16
 {

 background-image: linear-gradient(to top left, white , red);
 color:#dde3d6;

 }
 
 
/* Child Text Container */
.txtBkg
{
    width:100%;
    text-align:center;
 position: absolute;
 padding: 8px 15px;
 padding:20px;
 right: 0;
 background: white;
 color: #545454;
 
 
}

.posMiddle
{
  top: 45%;  ;
}

.posBottom
{
  bottom: 0;  
}


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

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

.fldMandatory
{
    color:red;
}

.hero-image {
  background-image: linear-gradient(rgba(255,173,96, 0.2), rgba(255,173,96, 0.2)), url("../Images/Designs/2522854.jpg");
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.inputField
{
    height:30px;
    font-size:medium;
    color:#545d8b;
    margin-top:5px;
    padding-left:10px;
    width:100%;
    autocomplete="off";
    border-left:10px solid #dde3dd;
}

.footer {
  position: fixed;

  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #eac086;
  color: #2e261a;
  font-size:small;
  text-align: center;
  background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,165,0,1) 0%, rgba(255,201,102,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,201,102,0.2) 0%, rgba(255,201,0,1) 0%, rgba(255,201,102,1) 100%);
background-image: -webkit-gradient(
  linear, left top, left bottom, from(rgba(50,50,50,0.8)),
  to(rgba(80,80,80,0.2)), color-stop(.5,#333333)
);

background-image: -moz-linear-gradient(
  rgba(255,201,102, 0) 10%, rgba(255,165,0, 0.9) 90%
  
);

}

.numberBkg
{
    border-radius: 50px;
    width:50px;
  background: #1e626f;
  padding: 5px; 
  font-size:medium;
  text-align:center;


}



.pageHeader
{
    border-top-left-radius:0px;
    border-bottom-right-radius:0px;
    padding:10px;
    height:auto;
    width:100%;margin:auto;
    background: linear-gradient(to left, #4ca2c6 , #185875); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
 color:#e5f1f6; 
    
}

.pageHeaderViolation
{
    border-top-left-radius:0px;
    border-bottom-right-radius:0px;
    padding:10px;
    height:auto;
    width:100%;margin:auto;
    background: linear-gradient(to left, #e45573,#c72648); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
 color:#e5f1f6; 
    
}

.dashboardCard
{
    border-radius:0px;
    border-left: 0px solid #3b5998;
    min-height:120px;
    font-size:medium;
    padding:0px;
    height:auto;
    margin:5px;
    
}

.dashboardCardDesign1 
{
    color:#ffffff;
    background: linear-gradient(to left, #e588a1 , #ffa2ba); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
    
}
.dashboardCardDesign2
{
    color:#ffffff;
    background: linear-gradient(to left, #878777 , #abab9f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
    
}
.dashboardCardDesign3
{
    color:#ffffff;
    background: linear-gradient(to left, #9e1163 , #bb5891); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
    
}
.dashboardCardDesign4
{
    color:#ffffff;
    background: linear-gradient(to left, #587943 , #8dc26b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
}

.dashboardCardDesign5
{
    color:#ffffff;
    background: linear-gradient(to left, #484570 , #65619d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
}
.dashboardCardDesign6
{
    color:#ffffff;
    background: linear-gradient(to left, #f8f7f5 , #f5f3f0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
}
.dashboardCardDesign7
{
    color:#c72648;
    background: linear-gradient(to left, #fffbf7 , #fff9f2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
}