/* Header */
a.navbar-brand, .navbar-slogan, .navbar-nav > li > a {line-height: 45px;}
.navbar-slogan {height:45px; color:#999;}
.navbar-toggle {height:45px; line-height: 45px;}

.btn.btn-default {border: 1px solid #ccc;}
.btn.btn-default:hover {background: #eee; border: 1px solid #ccc; color:#333;}

.pagetitle .dropdown h1 {background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; margin: 0 5px 0 0; padding: 4px 10px;}
.pagetitle .dropdown > a::after {content: none;}
.pagetitle .dropdown-menu {background-color: #fff; border: 1px solid #ddd; border-radius: 5px; left: 0; top: calc(100% + 1px);}
.pagetitle .breadcrumb {margin-top:5px;}
.pagetitle form {margin-bottom:0px; margin-left:15px;}
.pagetitle form .fa {color:#fff;}

.clienti .mesi i {color:#fb4700;}


/* Calendar */

.linkmesi .btn.btn-default {font-size: 24px; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.linkmesi .btn.btn-default i {font-size: 16px; padding-bottom: 1px; padding-left: 7px;}

.calendar {margin-top:10px !important; padding:0px; margin-bottom:30px !important;}
.calendar table {table-layout: fixed;}
.calendar .table-responsive {margin-left:30px; margin-right:30px;}
.calendar .btn-primary {overflow:visible;}
.calendar .btn-primary.focus, .calendar .btn-primary:active, .calendar .btn-primary:focus, .calendar .btn-primary:hover, .calendar .open > .dropdown-toggle.btn-primary {background: #333;}

.calendar th.festivo {color:#fb4700; border-bottom-color:#fb4700;}
.calendar col.festivocol {background:#fafafa;}
.calendar col.today {background:#fbf5fa;}

.calendar .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding:0px; text-align: center;}
.calendar .table > tbody > tr > td {position: relative; width: 42px; }
.calendar .table > tbody > tr.unknown-row > td {padding-bottom:10px; }
.calendar .table > tbody > tr > td.riga {position: relative; padding-bottom:15px; padding-top:15px; width: 60px; text-align: center;}

/* Pulsante Crea Nuovo Post */
.calendar .InputfieldForm {margin: 0 auto; position: relative; width: 30px;}
.calendar .InputfieldForm ul, .calendar .InputfieldForm li {margin:0px;}
.calendar .InputfieldForm button {font-weight: bold;  border-bottom-left-radius:50px; border-bottom-right-radius:50px; width:100%; margin:0px 0px 5px; border:none; background:#eee; color:#aaa;}
.calendar .InputfieldForm button:hover {width:100%;  border:none; background:#fb6700; color:#fff;}
.calendar .InputfieldForm button span {height: 15px;}
/* FINE Pulsante Crea Nuovo Post */

.calendar .unknown-row, .calendar .create-row {border-bottom:3px dashed #eee;}
.calendar .unknown-row .riga {background: #fb6700;}
.calendar .blog-row .riga {background: #6bb5c2;}
.calendar .facebook-row .riga {background: #295396;}
.calendar .facebook-locations-row .riga {background: #234986;}
.calendar .instagram-row .riga {background: #b161a6;}
.calendar .ads-row .riga {background: #a5b919;}
.calendar .riga h2 {color:#fff;}
.calendar .riga small {color: #fff; font-size: 12px;}
/* done row */
.calendar .done-row {border-top:5px solid #eee;}
.calendar .table > tbody > tr.done-row > td.riga {padding-top:5px; padding-bottom:5px; background: #fbca00;}

.calendar .unknown-row .btn-primary {background: #fb6700;} .calendar .unknown-row .btn-primary:hover {background: #fb8431;}
/*.calendar .unknown-row .btn-primary::after {bottom: -16px; left:10px; color: #fb6700; content: "\f0d7"; font-family: FontAwesome; position: absolute;}*/
.calendar .unknown-row .btn-primary.lightbulb-o {background: #fba600;} .calendar .unknown-row .btn-primary.lightbulb-o:hover {background: #fb8431;}
.calendar .unknown-row .btn-primary.lightbulb-o::after {color: #fba600;}
.calendar .blog-row .btn-primary {background: #6bb5c2;} .calendar .blog-row .btn-primary:hover {background: #7fc1cd;}
.calendar .facebook-row .btn-primary {background: #295396;} .calendar .facebook-row .btn-primary:hover {background: #426db2;}
.calendar .facebook-locations-row .btn-primary {background: #234986;} .calendar .facebook-locations-row .btn-primary:hover {background: #214e96;}
.calendar .instagram-row .btn-primary {background: #b161a6;} .calendar .instagram-row .btn-primary:hover {background: #c26bb6;}
.calendar .ads-row .btn-primary {background: #a5b919;} .calendar .ads-row .btn-primary:hover {background: #b2c71b;}
.calendar .done-row .donecell {background: #ffd145; color:#fff; height:40px;}
.calendar .done-row .donecell .fa {padding-top:12px;}
.calendar .done-row .donecell.empty {background: #fff;}

.calendar .btn-primary {margin: 6px 3px 0; padding:0 7px; width:30px; height: 34px; text-align:center; font-size: 15px; }
.calendar .btn-primary i {margin-right:0; top: -4px;}
.calendar .btn-primary small {font-size: 9px; position: absolute; bottom: -7px; left: 0; width: 30px; text-align: center; text-transform: uppercase;}

.calendar .btn.done {border-bottom: 5px solid #fbca00; height: 39px;}
.calendar .btn.sponsored::after {background: #a5b919; border: 2px solid #fff; border-radius: 15px; color: #fff; content: "\f153"; font-family: FontAwesome; font-size: 12px; font-weight: normal; line-height: 9px; padding: 3px 4px; position: absolute; right: -15px; top: 9px;}
.calendar .btn.approved::after {background: #30cb6c; border: 2px solid #fff; border-radius: 15px; color: #fff; content: "\f00c"; font-family: FontAwesome; font-size: 10px; font-weight: normal; line-height: 9px; padding: 3px 2px; position: absolute; right: -13px; top: 9px;}
.calendar .btn.hidetoclient::after {background: #aaa; border: 2px solid #fff; border-radius: 15px; color: #fff !important; content: "\f070"; font-family: FontAwesome; font-size: 12px; font-weight: normal; line-height: 9px; padding: 3px 2px; position: absolute; right: -15px; top: 18px;}
.calendar .btn.notecliente {border-top: 3px solid #e33;}

.calendar .btn.t-immagine::before,
.calendar .btn.t-gallery::before,
.calendar .btn.t-carosello::before,
.calendar .btn.t-link::before,
.calendar .btn.t-copertina::before,
.calendar .btn.t-video::before {color: #fff; font-family: FontAwesome; font-size: 14px; font-weight: normal; line-height: 9px; position: absolute; left: 0px; top: 6px; width: 100%;}

.calendar .btn.t-immagine::before {content: "\f03e";}
.calendar .btn.t-gallery::before {content: "\f009";}
/*.calendar .btn.t-carosello::before {content: "\f04c";}*/ 
.calendar .btn.t-carosello::before {content: "\f08b";}    
.calendar .btn.t-link::before {content: "\f0c1";}
.calendar .btn.t-copertina::before {content: "\f2d0";}
.calendar .btn.t-video::before {content: "\f03d";}


/* Calendar List View */
.calendar .table.listview th {padding:7px; white-space: normal; background: #fff; font-size: 14px; text-transform: uppercase; }
.calendar .table.listview td {padding:7px; white-space: normal; font-size:12px;}
.calendar .table.listview td.narrow {padding:3px 0px;}
.calendar .table.listview td.dati p {margin-top:6px; margin-bottom:15px;}
.calendar .table.listview td.dati p.createdUser b {text-transform: capitalize;}
.calendar .table.listview td.dati .color {color:#fd5940;}
.calendar .table.listview td.dati .tag {display:block; margin-top:2px; background: #e0fbc4; padding: 2px 7px; border-radius: 3px; color: #000; border: 1px solid #fff;}
.calendar .table.listview .thumbs {word-wrap: break-word;}
.calendar .table.listview .thumbs img {margin: 5px 8px 5px 0px;}
.calendar .table.listview .thumbs a {line-height: 14px;}
.calendar .table.listview td.notes {font-style: italic; color:#555; word-wrap: break-word;}
.calendar .table.listview td.notecliente {font-style: italic; color:#fd5940; font-size: 13px; word-wrap: break-word;}
.calendar .table.listview td.notes div, .calendar .table.listview td.notecliente div {margin-bottom:10px;}
.calendar .table.listview .feel {opacity: 1; padding:3px 0;}

.calendar table.listview .btn-primary, .calendar table.listview .btn-success, .calendar table.listview .btn-info {margin: 6px 3px; padding:7px 8px; line-height: 16px; width:30px; height: 34px; text-align:center; font-size: 15px; }
.calendar .table.listview td.narrow .btn-primary i {top: 0px;}
.calendar .table.listview tr.approved {background: #e3faec;}

.header-sidebar {width: 400px;}
.header-sidebar.newproposal .sidebar-wrap {padding:15px;}
.header-sidebar.newproposal textarea, .header-sidebar.newproposal input {background: #fff;}
.header-sidebar .sidebar-close {color:#ddd;}
.header-sidebar .sidebar-wrap {height: calc(100% - 15px);}

/* END Calendar */


/* Modal box */
.modal-backdrop.in {opacity:0 !important;}
.modal.in .modal-dialog {transform: translate(0px, 0px); box-shadow:0px 3px 3px rgba(0,0,0,0.4);}
.modal.fade .modal-dialog {transform: translate(0px, 0px); transition: transform 0s ease-out 0s;}
.fade {opacity: 0; transition: opacity 0.1s linear 0s;}
.modal-header .icon {position: absolute; left: 20px; top: 20px;}
.modal-header h2, .modal-header h6 {color:#fff;}
.modal-header.color0 {background: #fb6700;}
.modal-header.color1 {background: #295396;}
.modal-header.color2 {background: #b161a6;}
.modal-header.color3 {background: #6bb5c2;}
.modal-header.color4 {background: #a5b919;}
.modal-header.color6 {background: #295396;}

.modal-title {margin:0 0 0 70px;}
.modal .feel {color:#fff; display: block; width: 100%; padding:10px 0; margin-left:0px; opacity: 1;}
.modal .feel:hover {color:#fff;}
.modal .deleteform {margin-bottom:0px; display: inline-block;}
.modal .deleteform .btn-danger {padding:0 15px; margin:0 5px 5px;}
.modal .btn {margin:0 5px 5px; text-align: center;}
.modal-md .modal-body-inside {padding:10px 3pc 50px;}
.modal .modal-body-inside div {margin-bottom:20px;}
.modal-md .modal-body-inside .bodytext {text-align: left;}
.modal-md .modal-body-inside .images span {font-size: 13px; display: inline-block; padding:2px 7px; margin:4px; background: #eee; border-radius:3px;}
.modal-body.actions-wrapper {background: #fafafa;}
.modal-body.approved-wrapper {background: #e3faec;}
.modal-body blockquote {margin: 0 0px 30px;}
blockquote.notecliente p  {color:#fd5940;}

.modal .thumbs.clearfix ul {margin:0px;}
.modal .thumbs.clearfix li {border: 1px solid #ddd;	padding: 10px;text-align: left; margin-bottom:7px; border-radius:4px;}
.modal .thumbs.clearfix li .divcell img {margin-right:15px; border:1px solid #ddd;}
.modal .thumbs.clearfix li .divcell p {line-height: 14px; font-size: 12px; margin-bottom:10px;}
.modal .thumbs.clearfix li .divcell .btn {margin-left:0px; margin-top:15px;}

/* FINE Modal box */



.monthconcepts .conceptblock.col-md-12 {padding-left:0px; padding-right:0px; border-left:none !important;}
.monthconcepts .conceptblock img {width:100%; padding:10px 0;}
.monthconcepts .conceptblock span {line-height: 38px; padding:2px 6px 3px; border:1px solid #ddd; border-radius:5px; margin:5px;}
.monthconcepts .conceptblock ul li {list-style: disc; line-height: 18px; margin-bottom: 10px;}
.monthconcepts .conceptblock p {color:#555; margin-bottom:10px;}
.monthconcepts p,.monthconcepts h1,.monthconcepts h2,.monthconcepts h3,.monthconcepts h4,.monthconcepts h5,.monthconcepts span,.monthconcepts ul li {color:#555 !important;}

.brandconcepts .conceptblock.col-md-12 {padding-left:0px; padding-right:0px;}
.brandconcepts .conceptblock img {width:100%; padding:10px 0;}
.brandconcepts .conceptblock h2 {font-size: 36px; margin-bottom:30px;}
.brandconcepts .conceptblock h3 {font-size: 28px;}
.brandconcepts .conceptblock h4 {font-size: 22px;}
.brandconcepts .conceptblock span {line-height: 38px; padding:2px 6px 3px; border:1px solid #ddd; border-radius:5px; margin:5px;}
.brandconcepts .conceptblock ul li {list-style: disc; line-height: 18px; margin-bottom: 10px;}
.brandconcepts .conceptblock p {margin-bottom:18px;}



/* Single Post */

.backtocalendar {margin-right:15px; padding:0 10px;}

.post-facebook {border-radius:3px;}
.post-wrapper .row {margin:0;}
.content .post-wrapper .row + .row {margin-top:0px;}
.post {border:1px solid #ddd; padding:0px;}
.post .col-md-12.padding {padding:15px 15px 0;}
.post .brand-logo {height: 48px;}
.post .brand-name {padding-left:10px; color:#000; font-size: 14px;}
.post-header small {color:#777;}
.post .post-text {padding:15px 0;}
.post-wrapper .post-text a {color:#365899; font-weight: normal;}
.post-wrapper .post-text a:hover {color:#365899; text-decoration: underline;}
.post .post-visual {margin:0 0 15px 0;}
.post .post-actions {color: #7f7f7f; font-size:13px; font-weight: bold; margin:0 0 15px 0; padding-top:10px; border-top:1px solid #ddd;}
.post .post-actions .pull-left {margin-right:20px;}
.post .post-actions .fa {color:#afb4bd;}
.post .user-logo {height: 43px;}
.post .post-footer {background:#f6f7f9;}
.post .post-footer .fa-gratipay {margin-bottom:10px; color:#5890ff}
.post .post-footer form {margin-bottom:10px;}
.post .post-footer form input {background:#fff; color:#ccc; margin-left:5px;}

.post .single-img {border:1px solid #ddd; box-shadow: 0px 2px 2px #ddd;}

.post .doc-text {font-size: 14px;}

.post .linkpost {border:1px solid #ddd; box-shadow: 0px 2px 2px #ddd;}
.post .linkpost img {border-bottom:1px solid #ddd;}
.post .linkpost img:hover {cursor:pointer;}
.post .linkpost h3 {font-size:18px; font-family:Georgia, serif; font-weight: normal !important; padding:15px;}
.post .linkpost h3 a, .post .linkpost .button a {font-weight: normal !important;}
.post .linkpost .dati {padding:0 15px;}
.post .linkpost .button {margin-bottom:10px; padding:0 5px; background: #fafafa; border:1px solid #ddd; color:#888; font-weight: bold; font-size: 14px; font-family: Arial, sans-serif;}

.post .linkpost .domain {margin-bottom:10px;font-size: 14px; text-transform: uppercase; color:#888;}

.post-info .feel {color:#fff; display: block; width: 100%; padding:10px 0; margin-left:0px; opacity: 1;}
.post-info .feel:hover {color:#fff;}
.post-info li.thumbs ul {margin-left:0px; margin-top:10px;}
.post-info li.thumbs ul li {float:left; margin:0 5px 5px 0; text-align:center; border:1px solid #ddd; border-radius:4px; padding:5px;}
.post-info li.thumbs ul li small {font-size: 12px;  display: block;}
.post-info li.thumbs ul li .btn {padding:0 10px; margin-left: 10px;}
.post-info li.thumbs ul li .btn i {margin:0px;}

.gallery-wrapper img {width:100%; margin:1px; border:1px solid #ddd;}
.third {width:33.3%;}

.post .slider {padding-bottom:3pc; }
.post .slider .single {display:block; max-height: 800px; overflow-y: hidden;}
.post .slider .single:hover {cursor: pointer;}
/* .post[class*="col-"] .slider {margin-bottom:-10px;} */
.slider li {
    margin: 0px 3px;
	padding:2px;
	border:1px solid #ddd;
	background: #fafafa;
	border-radius:3px;
}
.slider li p {margin:5px; font-weight: bold; font-size: 13px;}
.slider-arrow {background: #fafafa; color:#555; border: 1px solid #ccc;}
.slider-arrow.disabled, .slider-arrow.disabled:focus, .slider-arrow.disabled:hover {display:none !important;}


/* Post Instagram */
.post.instagram .post-actions {font-size: 22px; border:none; padding-top:0px;}
.post.instagram .post-actions > .padding {padding-top:0px;}
.post.instagram .post-text {font-size: 12px; padding-bottom: 15px; line-height: 16px;}
.post.instagram .instalikes {font-size:12px; padding-top:10px; border-top:1px solid #ddd;}
.post.instagram .brand-logo {height: 35px; margin:10px 0 10px 10px;}
.post.instagram .brand-name {font-size: 12px; line-height: 16px; padding-left: 16px; padding-top: 10px;}
.post.instagram .post-header {margin-bottom:7px;}
.post.instagram .post-footer {background:#fff; padding-top:0px;}

.post.instagram .slider li {
    margin: 0px;
	padding:0px;
	border:none;
	background: #fff;
	border-radius:0px;
}
.post.instagram .slider li p {margin:5px; font-weight: bold; font-size: 13px;}
.post.instagram .slider-arrow {background: rgba(255,255,255,0.5); color:#555; border: none; border-radius:50px;}


@media (max-width: 767px) {
	.pagetitle .fa-calendar {display: none;}
	.pagetitle .dropdown h1 .fa {display: inline-block; line-height: 32px; margin-right:0px;}
	.pagetitle h1 {font-size: 16px;}
	.col-md-12.proponi {text-align:center;}
	.post.facebook .post-actions {font-weight: normal; font-size: 11px;}
	.post.facebook .post-actions .pull-left {margin-right:10px;}
	.post .slider .single {max-height: 480px;}
	.container.post-wrapper {padding: 3px; margin-bottom:25px;}
	.calendar table {table-layout: fixed;}
	.calendar .table-responsive {margin-left:0px; margin-right:0px;}
	.calendar .btn-primary {display: block;}
	.modal .deleteform {padding-top:20px;}
	.modal .btn {text-align: center; width: 150px;}
	.modal .feel {width:auto;}
	.mfp-iframe-scaler {padding-top: 500%}
	.mfp-wrap:not(.mfp-gallery) .mfp-content {max-width:100% !important;}
	.modal-md .modal-body-inside {padding:30px 0pc 50px;}
	.col-md-7.post-preview {padding-left:2px; padding-right: 2px;}
	
	.header-sidebar {width: 100%;}
}


.pt {padding-top:1em;}
.pb {padding-bottom:1em;}
.pl {padding-left:1em;}
.pr {padding-right:1em;}
.no-pt {padding-top:0 !important;}
.no-pb {padding-bottom:0 !important;}
.no-mt {margin-top:0 !important;}
.no-mb {margin-bottom:0 !important;}
.block {display:block;}
.hidden-pos {height:0px; width: 0px; position: absolute; top:-9999px;}

.col-xs-31,
.col-sm-31,
.col-md-31,
.col-lg-31 {
    position: relative;
    min-height: 1px;
    padding-right: 1px;
    padding-left: 1px;
}

.col-xs-31 {
    width: 3.2%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-31 {
        width: 3.2%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-31 {
        width: 3.2%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-31 {
        width: 3.2%;
        float: left;
    }
}
