/* ------------------------------------
 * ----- NORMALIZER -------------------
 * ----------------------------------*/

body {
    padding-top: 60px;
}

a,
a:hover,
a:active,
a:focus,
button,
button:hover,
button:active,
button:focus {
    color: inherit;
    text-decoration: none;
    outline: none;                             /* Fix for webkit browsers */
    -webkit-tap-highlight-color: transparent;  /* Fix for Android devices */
}

a:hover {
    color: #337AB7;
}

* {
    -webkit-tap-highlight-color: transparent
}

hr { /* hr normalizer */
    border : 0;
    height : 1px;
    background : 50% 0 no-repeat;
    margin : 1em 0;
	clear:both;
}

.light {
    font-weight: 200;
}

h3.top-margin {
    margin-top: 0px;
}



/* ------------------------------------
 * ----- CUSTOM -----------------------
 * ----------------------------------*/

.select2-choice {
    border-radius: 0;
}

.blue {
    color: #428bca;
}

.label {
    padding: .8em .8em .8em;
}

.help-fixed {
    overflow: auto;
    transition: margin-top 200ms;
    transition-timing-function: ease-in-out;
    border: dashed 1px lightgrey;
    padding: 20px;
}

.vign_video {
    width: 100%;

    background-color: #ff0;
}
.vign_video img{
    width: 100%;
    height: auto;
    cursor: pointer;
}

.btn-margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.nopaddingleft {
   padding-left: 0 !important;
   margin-left: 0 !important;
}

.nopaddingright {
   padding-right: 0 !important;
   margin-right: 0 !important;

}

#main-container {
    margin-bottom: 40px;
}

footer{
    margin-top: 20px;
    margin-bottom: 20px;
}

footer a{
    font-weight: normal;
}

.help > ul > li{
    margin-top: 12px;
}

.hidden-row {
    padding: 0 !important;
}
.hidden-row .accordian-body {
    padding-left: 40px;
    padding-right: 40px;
}
.hidden-row .accordian-body h4 {
    margin-top: 0px;
}
.hidden-row .screen-url {
    padding: 20px 10px;
    display: inline-block;
    vertical-align: top;
    width:20%;
}

.bgwidth {
    width: 100%;
}

.bgheight {
    height: 100%;
}

html.template-visual {
    padding: 0;
    margin: 0;
    background: black;
}

html.template-visual body{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}



.campaign.fa.fa-caret-down,
.campaign.fa.fa-caret-down {
    display: inline-block;
    margin-left: 6px;
    transition: all 200ms;
}

tr.accordion-toggle {
    cursor: pointer;
}

tr.accordion-toggle.list {

}
tr.accordion-toggle.collapsed {

}
.bootstrap-switch-on > div,
.bootstrap-switch-off > div  {
    -webkit-transform: none;
}

.alert a {
    text-decoration: underline;
}

label.error{
	color: #e74c3c;
	padding:3px 0;
}

.select-margin {
    margin-right: 10px;
}
.select-margin.select {
    min-width: 100px;
}
.campaign-search-input {
    width: 200px;
    margin-right: 10px;
    height: 34px;
}

#search-campaign {
    margin-top: 20px;
    margin-bottom: 20px;
}

.navbar-brand a:hover {
    color: white;
}

.help-fixed h3 {
    margin-top: 5px;
}



/* ------------------------------------
*  ----- LOGIN ------------------------
*  ----------------------------------*/

#logo-welcome {
    max-width: 80%;
    display: block;
    margin: auto;
}
.infoBox a {
    white-space: normal;
}

.infoBox {
    text-align: center;
    margin: 0px 0px;
}

.infoBox h4 {
    font-weight: inherit;
    margin: 0px;
    font-size: 16px;
}
.infoBox.title h4 {
    font-size: 18px;
}
.infoBox img {
    width: 100%;
    height: auto;
}
.infoBox.title {
    margin-bottom: 20px;
}
.infoBox.title h4, .infoBox.title h1 {
    width: 65%;
    margin: 2px auto 0px auto;
    font-weight: inherit;
    margin-bottom: 0px;
}
#welcome-infos {
    margin-top: 20px;
    margin-bottom: 10px;
}
#welcome-infos h2 {
     width: 50%;
    margin: 0px auto 5px auto;
    text-align: center;
}

/* ------------------------------------
 * ----- TABLES -----------------------
 * ----------------------------------*/



/* ------------------------------------
 * ----- MENU -------------------------
 * ----------------------------------*/

.navbar-inverse .navbar-brand {
    color: white;
    cursor: default;
    background-repeat: no-repeat;
    background-image: url('../img/app/logo_header.png');
    background-position: 10px center;
    background-size: 26px;
    padding: 16px 15px 16px 15px;
    font-size: 16px;
}

.navbar-inverse .navbar-brand a {
    display: inline-block;
    padding-left: 30px;
}

.admin-usermenu {
    opacity: 0;
    transition: all 200ms;
}

.admin-usermenu:hover {
    opacity: 1;
}

ul.users-list {
    overflow-y: auto;
    max-height: 350px;
}

.nav .fa {
    display: inline-block;
    margin-right: 6px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu>li>a {
    transition: none;
}



/* ------------------------------------
 * ----- FORMS & INPUTS ---------------
 * ----------------------------------*/

#add-visual {
    margin-§ttom: 20px;
}

input.btn[type='file'] {
    width: 100%;
}

.has-error .btn-default {
    color: #e74c3c;
    border: solid 2px;
    border-color: #e74c3c;
    box-shadow: none;
    background: white;
}

button.label {
    border: 0;
    color: white;
}

table.table td form {
    display: inline-block;
}

label, input[type="radio"],
input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
    line-height: initial;

}

.label-small {
    width: 88px;
}

.margin-bottom {
    margin-bottom: 40px;
}

textarea.form-control.campaign-description {
    height: 100px;
    max-width: 100%;
}

/* ------------------------------------
 * ----- VISUALS ----------------------
 * ----------------------------------*/

.separator {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #dedede;
}
.separator-campaign {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    border-bottom: 1px solid #dedede;
}
.visual {
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.visual.visualmanage {
    padding-top: 0px;
    padding-bottom: 0px;
}
.manage-description {
    margin-bottom: 20px;
}

#calendar-options {
    margin-bottom: 20px;
}

.no-margin {
    margin:0px;
}
.no-padding-left {
    padding-left:0px;
}
.align-right {
    text-align: right;
}
#live-visual{
    margin-top: 10px;
}
.visual-img {
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-bottom: 5px;
    position: relative;
    min-width: 0;
}
.visual-img.select:hover {
    opacity: 0.6;
}

.visual-img.live {
    width: 304px;
    height: 215px;
    margin-top: 12px;
    margin-left: 12px;

}

.cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0px;
}

.visual-img .toolbar {
    transition: all 200ms;
    color: #DDD;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    padding: 10px 15px;
    cursor: default;
    font-size: 18px;
}

.visual-img:hover .toolbar {
    opacity: 1;
}

.visual-img .toolbar .toolbar-action {
    cursor: pointer;
    margin-right: 5px;
}

.visual-img:hover .toolbar .toolbar-action:hover{
    color: white;
    text-shadow: 0 0 5px white;
}

.visual_list_dashboard {
    width: 120px;
    height: 80px;
    border: 0px;
    display: inline-block;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-position: center;
}

#visuals-select {
    display: none;
}
#visuals-select-container {
    padding: 20px;
    width: 100%;
    text-align: left;
}
.label-success-faded {
    background-color: #5cb85c;
    opacity: 0.7;
    width: 100%;

}

.label-success-faded:hover {
    opacity: 1;
}

.nomargin {
    margin: 0px !important;
}

#fullpage-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 1000;
    text-align: center;
}

#fullpage-overlay-content {
    background-color: transparent;
    margin: auto;
    margin-top: 100px;
    min-height: 400px;
    max-width: 80%;
    min-width: 640px;
    max-height: 80%;
    position: relative;
    text-align: center;
    background-color: white;
    display: inline-block;
    font-size: 0;
    overflow-y: auto;
}

#fullpage-overlay-content iframe {
    font-size: initial;
    width: 646px;
    height: 454px;
}



/* ------------------------------------
 * ----- VISUAL@show ------------------
 * ----------------------------------*/

#visual {
    height: 224px;
    width: 326px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: solid 1px #CCC;
}

#visual.show-campaign {
    border: none;
}



/* ------------------------------------
 * ----- CAMPAIGNS@index --------------
 * ----------------------------------*/
#labels-infos {
    margin-top: 40px;
}

.fa.campaign-disabled,
.fa.campaign-timedout,
.fa.campaign-coming-soon,
.fa.campaign-pending,
.fa.campaign-active {
    font-size: 10px;
    vertical-align: middle;
}

.fa.campaign-active,
#labels-infos .campaign-active {
    color: #5cb85c;
    cursor: default;
}

.fa.campaign-timedout,
#labels-infos .campaign-timedout {
    color: #a2a2a2;
    cursor: default;
}

.fa.campaign-coming-soon,
#labels-infos .campaign-coming-soon {
    color: #428bca;
    cursor: default;
}

.fa.campaign-disabled,
#labels-infos .campaign-disabled {
    color: orange;
    cursor: default;
}

.fa.campaign-pending,
#labels-infos .campaign-pending {
    color: #5cb85c;
    cursor: default;
}

.copy-url {
    cursor: pointer;
}



/* ------------------------------------
 * ----- CAMPAIGNS@manage -------------
 * ----------------------------------*/

table.manage-campaign {
    table-layout: fixed;
}

table.manage-campaign th:nth-child(1) {
    width: 5%;
}

table.manage-campaign th:nth-child(2) {
    width: 10%;
}

table.manage-campaign th:nth-child(3) {
    width: 15%;
}

table.manage-campaign th:nth-child(4) {
    width: 70%;
}

#pagination {
    width: 100%;
    text-align: center;
}
.pagination {
    margin-top: 0px;
    margin-bottom: 30px;
}
.screen:hover {
    cursor: pointer;
    color: #428bca;
}
#pagination .pagination li {
    margin-right: 0px;
}
.campaign-infos {
    table-layout: fixed;
}


/* REFACTOR THIS */
.row-daily,
.row-daytime,
.row-halfday, {
    margin-right: -7px;
}

.row-daily,
.row-halfday {
    padding-bottom: 10px;
    border-bottom: solid 1px #DDD;
    margin-bottom: 10px;
}

select.nice-select {
    margin-bottom: 5px;
    padding: 8px 16px;
    color: #fff;
    background-color: #428bca;
    border: solid 1px #357ebd;
    font-size: 12px;
    -webkit-transition: all 200ms;
            transition: all 200ms;
}

select.nice-select[disabled] {
    box-shadow: none;
    opacity: .25;
    cursor: not-allowed;
}

select.nice-select option,
select.nice-select optgroup {
    background: white;
    color: black;
}

.row-daily label,
.row-halfday label,
.row-daytime label {
    padding-left: 5px;
    font-size: 90%;
}

.row-daily input[type='radio'],
.row-halfday input[type='radio'],
.row-daytime input[type='radio'],
.row-daily label,
.row-halfday label,
.row-daytime label {
    cursor: pointer;
}

label.daytime-label {
    color: #777;
}

#labels-infos .fa {
    margin-left: 15px;
    margin-right: 5px;
}

.label-live {
    font-size: 11px;
    padding: .2em .6em .3em;
    vertical-align: super;
    margin-left: 5px;
}

#live-img {
    position: absolute;

}
.light-border-right {
    border-right: solid 1px lightgrey;
}

.light-border-left {
    border-left: solid 1px lightgrey;
}

.campaign-disabled-button {
    background-color: #BBB;
    cursor: default;
}

.campaignwell {
    margin-top: 10px;
    min-height: 20px;
    padding: 19px 19px 19px 30px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
}

.campaignwell h3 {
    margin-top: 10px;
}

.campaign-options {
    padding-top: 25px;
}

.campaign-options a {
    float: right;
    margin-left: 10px;
}



/* ------------------------------------
 * ----- CLIENT DASHBOARD -------------
 * ----------------------------------*/

#campaigns-container {
    width: 100%;
    background: #f0f0f0;
    padding-bottom: 20px;
}
#arrow-separator {
    width: 100%;
    height: 30px;
    background-image: url('../img/app/arrow_separator.png');
    background-repeat: no-repeat;
        background-position: center;
}
#campaigns-container .table {
    margin-bottom: 0px;
}
#campaigns-container h3 {
    margin-bottom: 20px;
}
#user-admin-info h3 {
    text-align: center;
    font-weight: 200;
    margin-bottom: 0px;
    margin-top: 20px;
}
.expander {
    cursor: pointer;
}

.expander .fa{
    font-size: 80%;
    opacity: .6;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: all 200ms;
}
.warning-visual {
    color: #eba610;
    padding: 5px 0px;
    display: block;
}
.expandable.not-expanded {
    display: none;
}

h3.expander:hover {
    color: #428bca;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f5f5f5;
}

.dashboard-stripped>tbody>tr>td {
    background-color: #ebebeb;
}

/* disable responsiveness */

/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */

/* Account for fixed navbar */
body {
  padding-top: 70px;
  padding-bottom: 30px;
}

body:not(.visual-show),
.navbar-fixed-top,
.navbar-fixed-bottom {
  min-width: 1170px;
}

/* Don't let the lead text change font-size. */
.lead {
  font-size: 16px;
}

/* Finesse the page header spacing */
.page-header {
  margin-bottom: 30px;
}
.page-header .lead {
  margin-bottom: 10px;
}


/* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  width: 1170px;
  max-width: none !important;
}

/* Demonstrate the grids */

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

/* Undo form expansion */
.navbar-form {
  float: left;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.navbar-form .form-control-static {
  display: inline-block;
}

.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}

.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}

.navbar-form .input-group > .form-control {
  width: 100%;
}

.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}

.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}

#fullpage-overlay-content body{
	min-width:inherit!important;
}

.tableVisuel{
	margin-top:20px;
	font-size:12px;
	text-align:left;
}

.tableVisuel .avertissement{
	padding-left:39px;
	height:24px;
	line-height:24px;
	display:block;
	color:#ea5641;
	background:url(../img/app/warning-supprimer.png) no-repeat left center;
}

.tableVisuel thead{
	padding:5px 20px;
	color:#000000;
	background:#e3e3e3;
}

.tableVisuel td.textConfirm{
	color:#a2a2a2;
	font-size:11px;
}

.tableVisuel tbody td{
	padding:0 5px;
}

.tableVisuel tbody .colorBack td:first-child{
	padding:5px 20px;
}

.tableVisuel tbody .colorBack{
	margin-bottom:10px;
}

.tableVisuel .delete-visuel{
	padding:0px 29px;
	line-height:29px;
	display:inline-block;
	float:right;
	color:#ffffff;
	background:#e94b35;
}

#visual-appercu-container{
	padding-top:20px;
}

#mini-clndr{
	height:280px;
}

.days .day.visuel{
	background:#deefc5 url(../img/app/visuel_vert.jpg) no-repeat right bottom !important;
}

span.visuel_perso{
	background:url(../img/app/visuel_vert_blanc.jpg) no-repeat right center;
	display:inline-block; padding-right:25px; height:25px; line-height:25px;
	font-size:11px; float:right;
}

.ver{
	display:none;
}

.verrouiller .ver{
	display:block!important; z-index:2;
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; content: ' ';
	opacity:0.5;
}

.verrouiller .ver + select{
	opacity:0.5;
}

.noVisuals{
	display:block;
	padding-left:59px;
	margin-top:40px;
	font-size:14px;
	color:#000000;
	background:url(../img/app/au-visuel.jpg) no-repeat left top !important;
}

.noVisuals h3{
	font-weight:600;
}

.noVisuals span{
	display:block;
	color:#1869ab;
	font-weight:600;
}

#fullpage-overlay-content .btn-primary {
    background-color: #5cb85c;
    border-color: #5cb85c;
	margin-top:20px;
	display:inline-block;
	width:auto;
	padding-left:50px;
	padding-right:50px;
}

#fullpage-overlay-content .btn-primary:hover {
    background-color: #46a946;
    border-color: #46a946;
}

.btn-urls-new{
	width:100%;
	padding-bottom:10px;
}

.btn-urls-new .btn-primary{
	width:100%;
}

.gestionUrl {
    background: #3071a9;
    clear: both;
    color: #ffffff;
    position: absolute;
    top: 34px;
    width: 100%;
    z-index: 20;
}

.gestionUrl .accordian-body{
	padding:0 0 5px 0;;
}

.gestionUrl .screen-url {
    background: #558cbc;
    display: block;
    margin: 9px auto 0;
    overflow: hidden;
    padding: 2px 4px;
    width: 90%;
	border-radius:4px;
	text-align:center;
}

.gestionUrl h4{
	padding:0 4px 0 0;
	display:inline-block;
	line-height:27px;
	margin:0;
	font-size:13px;
}

.gestionUrl .label-default{
	background:#558cbc;
	display:inline-block;
	border-radius:3px;
    transition: all 200ms;
}

.gestionUrl .label-default:hover{
	background:#3472a8;
}

.visualsArchive {
  background-color:#428BCA;
  border-color:#357EBD; padding:5px 15px;
  color:#FFFFFF; display:inline-block; margin:0 0 15px 15px;
}