﻿body {
	background: #f3f5f6; /* Old browsers */
	background: -moz-linear-gradient(top, #5899ae 0%,#a1cfd5 700px, #f3f5f6 700px, #f3f5f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5899ae 0%,#a1cfd5 700px, #f3f5f6 700px,#f3f5f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5899ae 0%,#a1cfd5 700px, #f3f5f6 700px,#f3f5f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5899ae', endColorstr='#f3f5f6',GradientType=0 ); /* IE6-9 */
	background-attachment: fixed;
	color: #474747;
}	

a {color: #e71c19;}
a:hover{color:#B41613;}

.blue-link{color: #5899ae;}
.blue-link:hover{color: #3E6C7B;}

.gray-link{color:#bbb;}
.gray-link:hover{color:#999;}

.bg-grey {
	background: #ececec;
}

.bg-header {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-bottom: 1px;
}


.text-gray {color: #aaa;}

.btn-primary {
	background: #e71c19;
	border-color: #e71c19;
	color: #fff;
	box-shadow: 0px 10px 15px -5px rgba(0,0,0,.2);
}

.btn-primary:hover, .btn-outline-primary:hover, .btn-primary:focus, .btn-outline-primary:focus {
	background:  #B41613;
	border-color:  #B41613;
	color: #fff;
}

.btn-outline-primary {
	border-color: #e71c19;
	color: #e71c19;
	background: transparent;
	
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle ,  .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #B41613;
    border-color: #B41613;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(231,28,25,.5);
}

.btn-secondary {
	background: #5899AE;
	border-color: #5899AE;
	color: #fff;
	box-shadow: 0px 10px 15px -5px rgba(0,0,0,.2);	
}

.btn-secondary:hover, .btn-outline-secondary:hover, .btn-secondary:focus, .btn-outline-secondary:focus {
	background:  #3E6C7B;
	border-color:  #3E6C7B;
	color: #fff;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled).active,  .btn-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-secondary.dropdown-toggle, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #3E6C7B;
    border-color: #3E6C7B;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(88,153,174,.5);
}

.btn-outline-secondary {
	border-color: #5899AE;
	color: #5899AE;
	background: transparent;
}

.btn-cancel {
	color: #777;
	background: transparent;
	text-decoration: underline;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #5a6268;
}

.alert > a {
	color: inherit;
	text-decoration: underline;
	font-weight: 500; 
}

.form-control-icon{
	position:relative;
}

.form-control-icon .icon-control {
    position: absolute;
    right: .5rem;
    top: 50%;
    margin-top: -12px;
}

.form-control-icon .form-control{
	padding-right: 2.5rem;
}

.img-carousel{
	position:relative;
}

.img-carousel-btns {
	position:absolute;
	top: .2rem;
	left: .2rem;

}

.img-carousel-btns a {
	display:block;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align:center;
	color: #fff;
	background: #474747;
	display:inline-block;
	margin-right: .2rem;
}

.modal-bann {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 3rem;
    background: rgba(0,0,0,.7);
    z-index: 999;
}

.modal-bann.active {
	display:block;
}

.modal-bann-content {
    max-height: 100%;
    overflow: auto;
}

.modal-bann-header {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1.2rem;
    background: #f5f5f5;
}

#closeImgModalBtn {
	color: #aaa;
	font-size: 1.4rem;
}

#bannArea .img-carousel {
	display:none;
}

#bannArea.bannSelected .img-carousel {
	display:block;
}

#bannArea.bannSelected #selectBannBtn {
	display:none;
}

.form-del-container {
	overflow: auto; 
	max-height: 500px; 
	column-count: 6	;
	column-gap : 15px;
}
