/*

WIWET.com - ASP.NET Templates

GestionaleEventi Template

*/

@media only screen and (max-width: 1441px){
    .top-bar a#menu-toggle{
    	display: inline-block;
    }
	.sidebar-nav > .sidebar-brand{
		/*display: none;*/
	}
	#wrapper.toggled {
        padding-left: 0 !important;
    }
	#sidebar-wrapper{
		margin-top: 94px;
	}
	.invoice .invoice-header h2.company-name {
    	font-size: 38px;
	}
	.list-item > div:last-child a {
    	margin: 0px 5px;
	}
	.under-search > div:first-child > div {
    	padding-right: 10px;	
    	padding-left: 10px;
    	padding-top: 10px;
	}
	.under-search > div:first-child .dropdown .btn{
		padding-left: 0px;
		padding-right: 0px;
	}
	.user-stats .row .row i {
    	font-size: 30px;
    	width: 55px;
    	height: 55px;
    	line-height: 55px;
	}
	.user-stats .row .row p {
    	font-size: 14px;
    }
	.user-stats .row .row > div:last-child{
		padding-right: 0px;
	}
	.wiwet-dash1 > div:first-child{
		margin-bottom: 20px;
	}
	.wiwet-dash1 > div{
		width: 100%;
	}
	.wiwet-dash2 .engagement h5{
		margin-top: 10px;
	}
	.wiwet-dash2 .engagement p{
		margin-top: 10px;
	}
	.wiwet-dash2 .engagement > div > .row:last-child > div{
		padding-left: 5px;
		padding-right: 5px;
	}
	.wiwet-dash3 > div{
		width: 100%;
	}
/*	.wiwet-dash4 > div,
	.wiwet-dash5 > div{
		width: 50%;
	}*/
	.wiwet-dashboard .wiwet-forecast .wiwet-temperature .day-temp div:last-child{
		padding: 0px;
	}
	.wiwet-dashboard .wiwet-forecast .wiwet-temperature h4 span{
    	display: inline-block;
    	width: 29%;
    	font-size: 12px;
	}
	.graph-page > .row > div > div{
		min-height: 0px;
		padding: 10px;
	}
	.graph-page .donut-inner {
    	top: -32px;
	}
	#sidebar-wrapper {
		position: absolute;
	}
	.sign-box{
		margin-top: -300px;
	}
	.user-about-block, .user-friends-block, .user-projects-block{
		padding: 15px;
	}
	.user-projects-block > .row > div:first-child{
		padding-right: 5px;
	}
	.powered-by{
		margin-top: 20px;
		position: static;
	}
	.invoice .invoice-header h2.company-name img{
		width: 100%;
		padding-left: 5px;
	}



}
@media only screen and (max-width: 1025px){
	.wiwet-dashboard .wiwet-forecast .wiwet-temperature h3{
		font-size: 32px;
	}
	.wiwet-dashboard .wiwet-forecast .wiwet-temperature h3 span {
    	font-size: 25px;
    }
    .wiwet-dashboard .wiwet-forecast .wiwet-date a, .wiwet-dashboard .wiwet-forecast .wiwet-temperature a{
    	margin-right: 0px;
    	padding-right: 5px;
    }
    .wiwet-dashboard .wiwet-forecast .wiwet-temperature h4{
    	height: auto;
    	line-height: 32px;
    	padding: 15px 0px;
    }
    .wiwet-dashboard .wiwet-forecast .wiwet-temperature h4 span{
    	width: 100%;
    	font-size: 16px;
    }
    .list-item a.move-icon{
    	margin-right: 6px;
    }
    .user-profile h1{
    	font-size: 20px;
    }
    span.priority{
    	margin-left: 5px;
    }
    .to-do-page {
    	padding-left: 0px;
    	padding-right: 0px;
	}
	.to-do-page > h1{
		padding-left: 32px;
	}
	.to-do-left .dropdown .btn i{
		margin-left: 5px;
	}
	.to-do-left{
		padding: 20px 10px;
	}
	.profile-completion h4{
		margin: 5px 0px;
	}
	.panel-user-friends .panel-title h4 span{
		margin-bottom: 10px;
		display: block;
	}
	.user-update-right .nav-tabs>li:active>a, .user-update-right .nav-tabs>li:hover>a, .user-update-right .nav-tabs>li>a{
		font-size: 14px;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 992px){
	.wiwet-dashboard .wiwet-forecast{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 60px;
		margin-right: 60px;
		margin-bottom: 30px;
		border: 1px solid #d1d1d1;
	}
	.wiwet-dashboard .wiwet-forecast .wiwet-temperature h4 span{
    	width: 32%;
    }
    .list-item a.move-icon{
    	margin-right: 15px;
    }
    .user-stats > .row >div:nth-child(1),
    .user-stats > .row >div:nth-child(2){
    	margin-bottom: 20px;
    }
    .invoice .invoice-header h2.company-name {
    	font-size: 30px;
	}
	.profile-completion img {
    	width: 50%;
	    margin: 10px auto;
    	display: block;
	}
	.panel-user-friends .panel-title h4 span{
		display: inline-block;
	}
}
@media only screen and (max-width: 767px){
	.wiwet-wildomar{
	    text-align: center;
    	color: #FFF;
    	background: #2078dc;
    	font-size: 47px;
    	font-weight: bold;
    	line-height: 95px;
    	margin: 0px;
	}
    .sign-box{
    	width: 100%;
    	position: static;
    	margin: 0px;
    	padding: 0px 0px 35px;
    	box-shadow: none;
    	border-radius: 0px;
    }
    .sign-box h3,.register-forgot{
    	margin-left: -15px;
    	margin-right: -15px;
    	margin-top: 0px;
    	margin-bottom: 20px;
    	padding-top: 20px;
    }
    .sign-box form{
    	padding-left: 20px;
    	padding-right: 20px;
    	border-radius: 0px;
    }
	.top-bar-mobile{
		background: #262b33;
		line-height: 38px;
		height: 38px;
	}
	.top-bar-mobile .row{
		margin: 0px;
	}
	.top-bar-mobile a{
		color: #FFF;
	}
	.top-bar-mobile p{
		margin: 0px;
		font-size: 15px;
		color: #FFF;
		text-align: right;
	}
	#wrapper.toggled {
        padding-left: 0 !important;
    }
	#sidebar-wrapper{
		margin-top: 132px;
	}
	.sidebar-nav li{
		line-height: 40px;
	}
	.user-header{
		height: auto;
		line-height: normal;
		padding-top: 20px;
	}
	.user-header img{
		display: block;
		margin-left: 20px;
	}
	.user-header > a{
		margin-top: 17px;
		margin-bottom: 92px;
	}
	.user-header > a:nth-child(2){
		margin-left: 20px;
	}
	.user-header .user-numbers{
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
		line-height: normal;
		padding-left: 20px;
	}
	.user-header .user-numbers a:nth-child(1),
	.user-header .user-numbers a:nth-child(2){
		margin-bottom: 10px;
		display: inline-block;
	}
	.user-stats {
    	padding: 5px 20px 30px;
	}
	.user-stats .row .row{
		box-shadow: none;
		margin-bottom: 5px;
	}
	.user-stats > .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.user-stats > .row > div{
		padding: 0px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.user-stats .table-responsive{
		padding: 10px 0px 10px;
		margin-top: 20px;
		box-shadow: none;
	}
	.invoice{
		box-shadow: none;
		margin: 0px;
		padding: 20px 0px 0px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 50px;
	}
	.invoice .row{
		margin: 0px;
	}
	.invoice .invoice-header .invoice-code{
		margin-left: -15px;
		padding: 20px 60px 0px 40px;
		margin-bottom: 40px;
	}
	.invoice-address{
		margin-top: 20px;
	}
	.invoice .invoice-header h1,
	.invoice .invoice-header h3.invoice-number,
	.invoice .invoice-header .company-address p,
	.invoice .invoice-header h2.company-name{
		text-align: center;
	}
	.invoice .invoice-header h3.invoice-number{
		padding-bottom: 25px;
	}
	.invoice .invoice-header .company-address{
		padding-left: 0px;
		padding-right: 15px;
	}
	.invoice .invoice-header .company-address p{
		text-align: right;
		margin-left: -10px;
	}
	.invoice .invoice-under-header div:last-child{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.invoice .invoice-under-header div:last-child p{
		text-align: left;
	}

	.table.main-invoice-table>tbody>tr>th:nth-child(3),
	.table.main-invoice-table>tbody>tr>td:nth-child(3){
		display: none;
	}
	.invoice .invoice-buttons a{
		padding: 15px 20px;
	}
	.table.main-invoice-table>tbody>tr>td, .table.main-invoice-table>tbody>tr>th{
		padding: 10px 3px;
		font-size: 12px;
	}
	.noBorder{
		border: none;
	}
	.todo{
		padding-right: 15px;
	}
	.list-item a.move-icon{
		margin-left: 15px;
		margin-right: 10px;
	}
	.list-item:last-child{
		border: none;
	}
	.under-search > div:last-child{
		padding-bottom: 10px;
	}
	.search-box{
		margin-top: 0px;
	}
	.search-box i{
		margin-left: 30px;
	}
	.search-box input{
		width: 75%;
	}
	.wiwet-dashboard{
		padding-top: 0px;
		margin-left: -15px;
		margin-right: -15px;
	}
	.wiwet-dashboard > div{
		padding-left: 0px;
		padding-right: 0px;
	}
	.wiwet-dash1 > div:first-child .above-graph p{
		font-size: 13px;
		padding-bottom: 10px;
	}
	.wiwet-dashboard > div:first-child{
		margin-bottom: 15px;
	}
	.wiwet-dash1 > div:last-child > .row > div > div{
		margin-top: 7px;
		margin-bottom: 0px;
	}
	.wiwet-dash3 > div > div,
	.wiwet-dash1 > div:last-child > .row > div > div:last-child{
		margin-bottom: 40px;
	}
	.wiwet-dash2 > div > div,
	.wiwet-dash4 > div > div,
	.wiwet-dash5 > div > div{
		margin-bottom: 40px;
	}
	.engagement canvas{
		margin-bottom: 70px;
	}
	.wrap-chart .donut-inner {
    	top: -100px;
    	margin-top: -80%;
	}
	.wiwet-dash4,
	.wiwet-dash5{
		/*margin: 0px;*/
	}
	.wiwet-dashboard .wiwet-forecast{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
		border: 1px solid #d1d1d1;
	}
	footer{
		line-height: 24px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;
	}
	.wiwet-dash2 > div > div{
		height: auto !important;
	}
	.engagement .donut-inner{
		margin-bottom: 0px;
	}
	.wiwet-dash4 > div, .wiwet-dash5 > div {
    	width: 100%;
	}
	.sidebar-nav{
	overflow: scroll;
	height: 100%;
	height: auto;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}
	.sidebar-nav::-webkit-scrollbar { width: 0 !important }
	#sidebar-wrapper{
		margin-top: 0px;
		height: 100%;
		position: fixed;
	}
	.menu-toggle-close{
		background: #222831;
		color: #FFF;
		position: fixed;
		right: 0px;
		z-index: 9999;
		height: 125px;
		line-height: 125px;
		/*width: 125px;*/
		text-align: center;
		visibility: hidden;
	}
	.toggled #menu-toggle{
		visibility: visible;
	}
	.top-bar{
		height: auto;
		border-bottom: none;
		background: #222832;
	}
	.top-bar a{
		margin: 0px 3px;
	}
	.top-bar .username{
		color: #FFF;
	}
	.mobile-bar{
		background: #1c2128;
		line-height: 96px;
		text-align: center;
	}
	.mobile-bar .row{
		margin: 0px;
	}
	.mobile-bar .row > div:nth-child(1){
		background: #13171b;
	}
	.mobile-bar .row > div:nth-child(2){
		background: #15191e;
	}
	.mobile-bar a{
		display: block;
		color: #FFF;
	}
	.mobile-bar img{
		width: 100%;
		margin-top: -15px;
	}
	.user-projects-block{
		margin-bottom: 20px;
	}
	.update-status {
     	margin-left: 0px; 
    	padding: 20px 15px 0px;
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
	}
	.update-status .row div:first-child button{
		margin-bottom: 20px;
	}
	.timeline > h4{
		padding-left: 15px;
	}
	.sign-box form + p.copyright{
		margin-bottom: 40px;
	}
	.scrumboard-page {
    	padding: 0px 15px;
	}	
	.to-do-left .row .btn,
	.to-do-left .row .blue-btn{
		font-size: 12px;
		margin: 0px;
	}
	.to-do-page {
    	padding-left: 10px;
    	padding-right: 10px;
	}
	.to-do-list .dropdown .btn{
		margin-right: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.to-do-list .dropdown .btn i{
		margin-left: 5px;
		margin-right: 5px;
	}
	.to-do-list hr { background-color: #c6c6c6; height: 1px; border: 0; margin: 15px -15px;}
	.filters-trigger.blue-btn{
		color: #FFF;
		display: inline-block !important;
		width: auto;
		padding-left: 12px;
		padding-right: 12px;
		margin: 0px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}
	#filtersBox.in,
	#filtersBox.collapsing {
	    display: block!important;
	}
	.list-item > div{
		padding: 0px 5px;
	}
	.list-item .custom-check{
		display: block;
		float: left;
		margin-bottom: 50px;
	}
	span.priority{
		position: static;
	}
	.to-do-list .row.list-item div:first-child span.label{
		display: inline-block !important;
		margin: 0px;
	}
	.to-do-page .nano > .nano-pane{
		right: 4px;
	}
	.list-item > div:last-child {
    	padding-right: 10px;
	}
	.style-buttons button {
    	margin-right: 20px;
	}
	.new-task-bottom button i {
    	margin-right: 5px;
	}
	.dashboard {
    	padding: 0px 0px 32px;
	}
	.dashboard .bar-chart, .dashboard .area-chart, .edit-profile, .chart-example, .project-review, .schedule{
		min-height: 0px;
	}
	.project-review {
    	padding: 25px 10px 25px;
	}
	.project-review .donut-inner {
    	top: -20px;
    	    margin-top: -55px;
	}
	#carousel-project-review .carousel-indicators {
    	bottom: -15px;
	}
	.dashboard .advanced > .row > div, .dashboard .tasks > .row > div{
		padding: 0px;
	}
	.dashboard .advanced .table-responsive1,
	.dashboard .tasks .table-responsive1{
		margin-left: -25px;
		margin-right: -25px;
	}
	.dashboard .tasks .table>tbody>tr>td:nth-child(3){
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		width: 90px;
		line-height: 38px;
	}
	.dashboard .table>tbody>tr>th:first-child, .dashboard .table>tbody>tr>td:first-child {
    	padding-left: 10px;
	}
	.dashboard .advanced .pagination>li>a, .dashboard .advanced .pagination>li>span{
		padding: 0px 4px;
	}
	.dashboard .advanced .row:first-child .text-right{
		text-align: left;
	}
	.dashboard .table>tbody>tr>th a{
		margin-right: 10px;
	}
	.dashboard .table>tbody>tr>td span.status{
		width: 80%;
	}
	.dashboard > .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.chart-example {
    	padding: 25px 15px 40px;
	}
	.profile-left-container{
		background: transparent;
	}
	.user-about-block, .user-friends-block, .user-projects-block, .update-status,.timeline1{
		background: #FFF;
	}
	.user-projects-block{
    background: #FFF;
    border-radius: 5px;
    border-bottom: 2px solid #e6e6e6;
	}
	.timeline{
		padding-left: 0px;
		margin-left: 0px;
		border: none;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.timeline > h4{
		margin-top: -10px;
		padding-top: 40px;
	}
	.main-sidebar .sidebar-nav ul li a .fa{
		line-height: 40px;
	}
	.header .main-sidebar-toggle .text{
		display: block;
		font-weight: 700;
		text-transform: uppercase;
	}
	.header .main-sidebar-toggle{
	    background: #1a2020;
	    position: static;
	    display: block;
	    width: 100%;
	}
	.main-sidebar-open #page-wrapper {
     -webkit-transform: translateX(0px); 
    	 transform: translateX(0px); 
	}
	.main-sidebar-open #page-content .main-sidebar{
		left: 0px;
		top: 50px;
		z-index: 9999;
	}
	.header .main-sidebar-toggle:hover {
     -webkit-transform: scale(1); 
    	 transform: scale(1); 
	}
	.wiwet-weather-info{
		background: #cccccc;
		line-height: 40px;
		font-weight: 700;
		color: #222322;
	}
	.wiwet-weather-info a{
		color: #222322;
	}
	.copyright{
		display: block;
		text-align: center;
		color: #747474;
		font-weight: 700;
		font-size: 18px;
		line-height: 60px;
		margin-bottom: 30px;
	}
	.todo .btn {
    	margin-bottom: 20px;
	}
	#page-content .page-content{
		padding: 30px 5px 0;
	}
	.invoice .invoice-header h2.company-name img {
    	width: 40%;
    	padding-left: 0px;
    	margin-top: 15px;
	}
	.invoice .invoice-buttons {
    	padding: 20px 0px;
	}
	.panel.yellow-panel .panel-content, .panel.red-panel .panel-content, .panel.green-panel .panel-content, .panel.blue-panel .panel-content{
		min-height: 0px;
	}
	.user-update-right .nav-tabs,
	.user-update-right .nav-tabs > li{
		float: none;
	}
	.timeline .timeline-feed {
	    margin-left: 20px;
    	padding-top: 20px;
    	padding-left: 30px;
    	padding-right: 0px;
	}
	.timeline-post > span{
		left: -41px;
	}
	.timeline-post:last-child:after{
		left: -32px;
	}
	.widget-revenue .panel-content p{
		text-align: left;
		padding: 15px 0 0;
	}
	.panel-sidebar-blue.panel-primary.panel-filled .panel-content{
		padding: 10px 10px 20px !important;
	}
	.wiwet-dash4 .sales-goals .panel-content a{
		width: 86%;
	}
	.wiwet-sign-up-box h1 + div {
    	padding: 0px 15px;
	}
	.wiwet-sign-up-box input[type=submit], .wiwet-sign-up-box a.submit{
		width: 240px;
	}
}
@media only screen and (max-width: 325px){
	.top-bar .top-bar-right{
		padding: 0px;
	}

}
@media(min-width:1441px) {
    #wrapper {
        padding-left: 280px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 280px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

}