/*******************************/
/* Enhancing Skills Global CSS */
/* Global Changes for the Site */
/*******************************/

/* textbox, dropdownlist etc ... */
.e-input-group {
    box-shadow: 1px 2px 2px 0px lightgray; /* Horiz, Vert, Blur Radius, Spread */
}

    .e-input-group.e-corner {
        border-radius: 8px;
    }

.e-btn {
    box-shadow: 1px 1px 1px 0px lightgray;
}

.e-grid {
		/* border: 1px; */
    box-shadow: 1px 1px 1px 0px lightgray;
}

    .e-grid .e-headercell {
        background-color: #d3e4f8;
    }

    .e-grid .e-columnheader {
        color: black;
    }

    .e-grid .e-headercelldiv {
        font-size: 13px;
        font-weight: normal;
    }

    .e-grid .e-rowcell {
        font-size: 13px;
    }

/*
    .e-grid td.e-selectionbackground {
        background-color: #00b7ea;
    }

    .e-grid td.e-cellselectionbackground {
        background-color: lightcyan;
    }

    .e-grid .e-gridheader {
        border: 2px solid green;
    }
*/

.e-card {
    box-shadow: 1px 1px 1px 0px lightgray;
}

.validation-message {
    font-size: 12px;
}

/* ESFeedback */
.e-message {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 3px;
}

/*
.e-tab {
	border: 5px solid Lime;
}

	.e-tab .e-tab-header .e-toolbar-items {
	    background: #9faed8;
	    border: 2px solid blue;
	}
*/

.e-fab {
    font-size: 10px;
}
    .e-fab.e-btn {
	    border-color: lightgrey;
	    border-width: 2px;
    }
	      .e-fab.e-btn .e-btn-icon{
				margin-top:0;
				font-size:28px
	      }

/* The on-screen container font-size */
.e-ddl.e-input-group.e-control-wrapper {
    font-size: 13px;
}

/* The popup container font-size */
.e-ddl.e-popup .e-list-item {
    font-size: 13px;
}

/* The popup container font-size */
.e-ddl.e-popup .e-list-group-item {
    font-size: 13px;
}

/************************************/
/*   Enhancing Skills Global CSS    */
/* These effect ES components only  */
/************************************/

.es-banner {
    font-family: Dosis, Arial, Helvetica;	
    box-shadow: 2px 1px 1px 0px lightgray;
}

.es-banner-gradient-light {
    background: #5092e2;
    background: -webkit-linear-gradient(to bottom, #5092e2, #91bbed);
    background: linear-gradient(to bottom, #5092e2, #91bbed);
}

.es-banner-gradient-medium {
    background: #206ac5;
    background: -webkit-linear-gradient(to bottom, #206ac5, #5092e2);
    background: linear-gradient(to bottom, #206ac5, #5092e2);
}

.es-banner-gradient-dark {
    background: #154784;
    background: -webkit-linear-gradient(to bottom, #154784, #206ac5);
    background: linear-gradient(to bottom, #154784, #206ac5);
}