/* 
Blue/Primary: 40a0ff
Silver: f8f9fa
light-grey: e9ecef rgb(233, 236, 239);
Grey: 6c757d

--blue:#40a0ff;
--indigo:#6610f2;
--purple:#6f42c1;
--pink:#e83e8c;
--red:#dc3545;
--orange:#fd7e14;
--yellow:#ffc107;
--green:#01cf38;
--teal:#20c997;
--cyan:#01a9cf;
--white:#fff;
--gray:#6c757d;
--gray-dark:#343a40;
--primary:#40a0ff;
--secondary:#6c757d;
--success:#01cf38;
--info:#01a9cf;
--warning:#ffc107;
--danger:#dc3545;
--light:#f8f9fa;
--dark:#343a40;


*/
.blue, .primary {background-color: #40a0ff;}
.silver {background-color: #f8f9fa}
.light-grey {background-color: #e9ecef;}
.grey {background-color:#6c757d;}
.blue {background-color:#40a0ff;}
.indigo {background-color:#6610f2;}
.purple {background-color:#6f42c1;}
.pink {background-color:#e83e8c;}
.red {background-color:#dc3545;}
.orange {background-color:#fd7e14;}
.yellow {background-color:#ffc107;}
.green {background-color:#01cf38;}
.teal {background-color:#20c997;}
.cyan {background-color:#01a9cf;}
.white {background-color:#fff;}
.gray {background-color:#6c757d;}
.gray-dark {background-color:#343a40;}
.primary {background-color:#40a0ff;}
.secondary {background-color:#6c757d;}
.success {background-color:#01cf38;}
.info {background-color:#01a9cf;}
.warning {background-color:#ffc107;}
.danger {background-color:#dc3545;}
.light {background-color:#f8f9fa;}
.dark {background-color:#343a40;}
.darker {background-color:#222;}
.container-fluid {padding:0px;}
.p-more {padding:10px;}
.hidden{display:none;}
.group-box2-border {background-color:#ffffff;margin:10px;}
.group-box2-work {background-color:#fff;margin:10px;}
.group-box-border {background-color:#e9ecef;margin:10px;}
.group-box-work {background-color:#fff;margin:10px;}
.p-extra {
	padding:15px;
}
.box-blue{background-color:#40a0ff;color:#fff;}
.box-indigo{background-color:#6610f2;}
.box-purple{background-color:#6f42c1;color:#fff;}
.box-pink{background-color:#e83e8c;color:#fff;}
.box-red{background-color:#dc3545;color:#fff;}
.box-orange{background-color:#fd7e14;color:#fff;}
.box-yellow{background-color:#ffc107;}
.box-green{background-color:#01cf38;color:#fff;}
.box-teal{background-color:#20c997;}
.box-cyan{background-color:#01a9cf;}
.box-white{background-color:#fff;}
.box-gray{background-color:#6c757d;color:#fff;}
.box-gray-dark{background-color:#343a40;color:#fff;}
.box-primary{background-color:#40a0ff;color:#fff;}
.box-secondary{background-color:#6c757d;color:#fff;}
.box-success{background-color:#01cf38;}
.box-info{background-color:#01a9cf;}
.box-warning{background-color:#ffc107;color:#fff;}
.box-danger{background-color:#dc3545;color:#fff;}
.box-light{background-color:#f8f9fa;}
.box-dark{background-color:#343a40;color:#fff;}
.form-horizontal .form-group{
    display: flex;
    align-items: center;
}
/* Carousel Overrides Start */
.carousel-indicators li {background-color:#40a0ff;}
#playButton, #pauseButton {margin-top:10px;}
.carousel-inner img { margin: auto;}
/* Carousel Overrides End */
/* Navbar Override - start  */
nav.mainmenu, nav.submenu, nav.stubmenu {padding-top:0px;padding-bottom:0px;}
nav.mainmenu .active {background-color:#8dc6ff;}
nav.mainmenu .navbar-nav .nav-link {color:#fff;}
nav.submenu .navbar-nav .nav-link {color:#fff;}
nav.submenu .active > .nav-link {color:#40a0ff; background-color:#f8f9fa;}
nav.stubmenu .active > .nav-link {background-color:#ffffff;}
nav.fullmenu li {list-style:none;}
/* Navbar Override - finish */
/* Modal Overrides - Start */
.modal-full {
    min-width: 100%;
    margin: 0;
}
.modal-full .modal-content {
    min-height: 100vh;
}
/* Modal Overrides - finish */

/* Back to Top - Start */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #e9ecef;
    color: #40a0ff;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}
/* Back to Top - Finish */

/* Responsive Breakpoint overrides */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.p-extra {
		padding:20px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.p-extra {
		padding:60px;
	}
	.navbar-nav .nav-link {
		min-height: 50px;
		padding-top:13px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.p-extra {
		padding:100px;
	}
	.navbar-nav .nav-link {
		min-height: 60px;
		padding-top:18px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.p-extra {
		padding:150px;
	}
}