body, label {
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    color: #2a2a32;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}
.label {
    padding: .2em .5em;
}
#content {
    background-color: #2a2a32;
}
#logo img{
    display:block;
    width:260px;
    margin:0 auto;
} 


#message_count {
    font-size: 1.5em;
    font-weight: lighter;
}

#list_features{
	padding:100px 0;
	margin: 0 !important;
	background:#4c9bd6;
}
.titulo h1{
	 color:white;
	 font-size:4.5em;
}
.titulo{
	color:white;
}
.elem_list{
	margin-bottom:18px;
}
	.link_a{
		font-size:24px;
	    line-height: 46px;
	}
	.elem_list	.link_a a{
		color:white;
		font-weight:bold;
	}
	.link_a p{
		font-size:0.75em;
		line-height:1.2;
		color:#f9f9f9;
		font-weight:300;
	}
	.elem_list .con_icon{
		margin-left: 10px !important;
		color:white;
	}
	.elem_list .con_icon i{
		float:right;
        border-radius:50%;
	}
	.elem_list .con_iconright{
		margin-right: 10px !important;
		color:white;
	}
    .elem_list .con_iconright i{
	    border-radius:50%;
	}
		.icono{
			width:46px !important;
			height:46px !important;
			margin:0 !important;
			line-height: 46px !important;
		}
        .icono:hover {
            background-color: #2F70A0;
            color: white;
            font-weight: lighter;
            text-shadow: none;
        }
.borderraidus{
	height: 54px;
}
.forinputbtn{
	width: 142px;
    padding-top: 4px;
    background-color: #4c9bd6;
}
#login-form .forinputbtn:hover{
	background-color: #00ffb1 !important;
	color: #18181c;
	border: 0;
	text-shadow: none;
}
.button.button-3d {
     border-radius: 0px; 
     border-bottom: 0; 
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
label {
    display: inline-block;
    font-weight: 700;
    text-transform: none; 
    letter-spacing:normal; 
    color: #18181c;
    margin-bottom: 10px;
    cursor: pointer;
}

#linkplan {
    margin: 10px auto 0;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}
#linkplan:hover {
    color:#efefef;
}
#checkmarck {
    display: block;
    margin: 40px auto 60px;
}
.validation-summary-errors {
    color: red;
}


/*Change General Style*/
.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    padding-top: 0;
    padding-bottom:0;
}
.content {
    overflow: auto;
    padding-top: 0;
}
.panel {
    border-top: 3px solid #d2d6de;
    border-radius: 0;
}
.panel-footer {
    background-color: transparent;
    border-top: 0;
    border-radius: 0;
}
.box {
    border-radius: 0;
    margin:0;
    padding:0;
}
#containermap,
#containermap iframe{
    padding: 0;
}
.timeline:before{
    display:none;
}
.timeline > li{
    margin-right:0;
}
    .timeline > li > .timeline-item{
        margin:0;
    }

/*dashboard normal user*/
#title_section {
    padding: 0 10px;
    margin: 10px 0;
}

    #title_section h1 {
        display: inline-block;
        margin-left: 10px;
    }

#Upcomingevent {
    padding: 10px;
    border: 2px solid #ccc;
    border-top: 4px solid #4C9BD6;
    margin: 0 10px;
    background: white;
}

    #Upcomingevent h6 {
        text-transform: uppercase;
    }

    #Upcomingevent hr {
        margin-top: 0;
        border-color: #efefef;
    }

    #Upcomingevent p {
        font-size: 12px;
    }

.container-fluid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
}

    .container-fluid .row {
        width: 100%;
    }






.Detailevents {
    padding: 20px 10px;
    min-height: 90px;
    background-color: rgba(239,239,239,0.26);
    cursor: pointer;
    border-radius: 16px;
}

    .Detailevents img {
        margin: 0 0 0 10px;
    }

    .Detailevents p {
        color: white;
        text-align: left;
    }

    .Detailevents .picon {
        text-align: right;
    }

    .Detailevents .eventname {
        font-size: 14px;
        font-weight: bold;
        color:white;
    }
    .Detailevents .FontN {
        font-weight: normal !important;
        font-size: 14px;
        color: white;
    }


    .Detailevents .city {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .Detailevents .Dayevent {
        font-size: 12px;
        font-weight: bold;
        padding: 8px 12px 6px;
        color: white;
        background-color: #4084BF;
        display: inline-block;
        border-radius: 15px;
    }

/*Owl correction style*/
    .owl-theme .owl-nav {
        display: none;
    }

    .owl-dots {
        background: rgba(204, 204, 204, 0.4);
        display: inline-block;
        margin: 0 auto;
        float: none;
        padding: 4px 10px 0px;
        border-radius: 18px;
        margin-top: 16px;
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #60bcff !important;
    }

    .owl-theme .owl-dots .owl-dot span {
        background: #ffffff !important;
    }

    .owl-carousel.owl-loaded {
        display: flex;
        flex-direction: column;
    }

/*top menu*/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background: #2a2a32;
}
/*Admin Menu*/
    #adminmenu {
        list-style: none;
        padding-left: 8px;
        margin-top: 10px;
    }
    #adminmenu li{
        margin-bottom:6px;
    }
    .skin-blue .sidebar-menu > li.header {
        background: #2a2a32;
    }
#basicinfo{
    margin-bottom:20px;
}
#basicinfo h5 {
    font-size: 15px;
}
#basicinfo .box-body strong{
    font-size:12px;
}
#basicinfo hr{
    margin:10px 0;
}
#basicinfo #workinfo p{
    font-size:12px;
}


/*List style*/
.bottonadd {
    margin-top: 20px;
    /*background: darkgrey;*/
}

    .bottonadd a {
        font-size: 28px;
        padding: 10px 20px;
        border: 2px solid #3c8dbc;
        display:none;
    }

#tableinfodetail th {
    font-size: 12px;
    color: darkgray;
    font-weight: normal;
}

.detailinfoevent {
    background-color: #f7f7f8;
    padding: 10px;
}
    .detailinfoevent .icon_btn a {
        background: #3c8dbc;
        width: 42px;
        height: 42px;
    }
        .detailinfoevent .icon_btn a img {
            width: 18px;
            height: 18px;
            margin: 0 auto;
            display: block;
            margin-top: 8px;
        }
    .detailinfoevent .titlespan {
        font-weight:bolder;
    }
    .detailinfoevent h4 {
        display: inline-block;
    }

    .detailinfoevent table {
        border: 1px solid #efefef;
        width: 100%;
    }

        .detailinfoevent table td {
            padding: 10px;
            border-bottom: 1px solid #efefef;
        }
.btn_action {
    display: none;
    opacity: 0;
    transition: all .3s ease .15s;
    float: left;
}
.detailinfoevent:hover .btn_action {
    display: block;
    opacity:1;
    transition: all .3s ease .15s;
}
.btn_action a{
    color:gray;
}
/* table price style */
.pricing {
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #efefef;
}

.pricing-active {
    border: 3px solid #4084BF;
    margin-top: -10px;
    box-shadow: 7px 7px rgba(64, 132, 191, 0.2);
}

.pricing:hover {
    border: 3px solid #4084BF;
}

    .pricing:hover h4 {
        color: #4084BF;
    }

.pricing-head {
    text-align: center;
}

    .pricing-head h3,
    .pricing-head h4 {
        margin: 0;
        line-height: normal;
    }

        .pricing-head h3 span,
        .pricing-head h4 span {
            display: block;
            margin-top: 5px;
            font-size: 14px;
            font-style: italic;
        }

    .pricing-head h3 {
        font-weight: 300;
        color: #fafafa;
        padding: 12px 0;
        font-size: 27px;
        background: #4C9BD6;
        border-bottom: solid 1px #4C9BD6;
    }

    .pricing-head h4 {
        color: #2a2a32;
        padding: 5px 0;
        font-size: 54px;
        font-weight: bold;
        background: #efefef;
        border-bottom: solid 1px #f5f9e7;
    }

.pricing-head-active h4 {
    color: #4084BF;
}

.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}

.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
    font-weight: 400;
}

/*Pricing Content*/
.pricing-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #ccc;
}

/*Pricing Footer*/
.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
    z-index: 9;
}

    .price-active h4 {
        color: #36d7ac;
    }

.no-space-pricing .pricing:hover {
    transition: box-shadow 0.2s ease-in-out;
}

    .no-space-pricing .price-active .pricing-head h4,
    .no-space-pricing .pricing:hover .pricing-head h4 {
        color: #36d7ac;
        padding: 15px 0;
        font-size: 80px;
        transition: color 0.5s ease-in-out;
    }

.yellow-crusta.btn {
    color: #FFFFFF;
    background-color: #4084BF;
}

    .yellow-crusta.btn:hover,
    .yellow-crusta.btn:focus,
    .yellow-crusta.btn:active,
    .yellow-crusta.btn.active {
        color: #FFFFFF;
        background-color: #4C9BD6;
    }

.btn {
    border-radius: 0rem;
}

/*Status Calendar*/

    .canceled,
    .tentative,
    .newevent,
    .confirmed {
        padding: 3px;
    }

    .canceled {
        background: #dd4b39;
        border-color: #a94442;
    }

    .tentative {
        background: #f39c12;
        border-color: #ca8312;
    }

    .confirmed {
        background: #00a65a;
        border-color: #3c763d;
    }

    .newevent {
        background: #4C9BD6;
        border-color: #4084BF;
    }



/*corrections style admin lte*/
.dropdown-toggle::after {
    display: none;
}
    .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
        .navbar-nav li{
            padding:0 4px;
        }
.navbar {
    padding: 0;
}

.img-circle {
    border-radius: 50%;
}

h5, .h5 {
    font-size: 14px;
}

/* Small devices (landscape phones, 320px and up) */
@media (max-width: 320px) {
    .Detailevents .row,
    .Detailevents .row .col-md-6:first-child,
    .Detailevents .row .col-md-6:last-child,
    .Detailevents .row .col-md-12 {
        padding: 0 !important;
    }
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
@media (max-width: 992px) {
    #logo {
        display: block;
        height: 62px;
        float: none;
        margin-bottom: 20px !important;
    }
    #Options_menu .contiteammenudash {
        padding: 10px 0 0 0 !important;
    }

    .showme {
        display: block !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .blueback {
        max-width: 20%;
        width: 20%;
    }

    #lastevents .blueback {
        max-width: 20%;
        width: 20%;
    }
}

@media (max-width: 1366px) {
    .titulo h1 {
        font-size: 3.5em;
    }

    .titulo p {
        padding: 0 30px;
    }

    #newsletter {
        margin-bottom: 0 !important;
    }
}


@media print {
    a[href]:after {
        content: none !important;
    }
}
@media (max-width: 767px) {
    .table-responsive {
        overflow-x: auto;
        overflow-y: auto;
    }
}

@media (min-width: 767px) {
    .table-responsive {
        overflow: inherit !important; /* Sometimes needs !important */
    }
}