html{
    overflow: hidden;
    transform-origin: 0 0;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
:root {
    --theme-primary-color: #52B54B;
    --theme-primary-text-color: #52B54B;
    --theme-primary-color-lightened: #5EC157;
    --theme-icon-focus-background: rgba(82, 181, 75, 0.2);
    --theme-background: #141414;
    --button-background: #242424;
    --theme-body-secondary-text-color: rgba(255, 255, 255, .6);
    --window-inset-top: 0px;
    --window-inset-bottom: 0px;
    --window-inset-left: 0px;
    --window-inset-right: 0px;
}
body{
    font-size: 1em;
}
.cadre{ 
    background-image: url("/images/gren-tatoo_menu.png");
    background-repeat: repeat;
    background-size: 25% 50%;
    background-color: black;
    bottom: 0;
    display: block;
    height: 100%;
    overflow: auto;
    position: unset;
    width: 100%;
    z-index: 2;
}
.nav.navbar-nav .dropdown-menu.show button{
    text-align: left;
    width: 100%;
}
.nav.navbar-nav .dropdown-menu.show{
    width: 12em;
    z-index: 5000;
}
.global{
    z-index: 1;
    height: 93.5vh;
    overflow: auto;
}

/* navbar */
.nav > li {
    position: relative;
    display: inline-block;
}

fieldset {
    margin-top: -1vh;
}

/* sections */
section:not(:last){
    padding-bottom: 2vh;
    padding-top: 8vh;
    vertical-align: top;
    height: 94%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    text-shadow: none;
    z-index: 1000;
}
.logs_global{
    padding : 2vh;
}
.logs_resume{
    margin-left: 4vh;
    width: 29%;
}
section.global_info{
    overflow: hidden;
}

/* player */
div.jp-video-270p {
    width: auto;
}
a.jp-video-pause-icon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
/*    margin-left: -56px;
    margin-top: -50px;
    left: 0%;
    top: 12%;*/
    background-image: url("/images/pause_button.png");
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: center;
}
div.jp-video-pause:hover a.jp-video-pause-icon {
	/*background: url("/images/pause_button.png") 0 -100px no-repeat;*/
}
div.jp-video-270p div.jp-video-pause {
    margin-top: -270px;
    height: 270px;
}
div.jp-video-pause {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    opacity: 0.3;
}
div.jp-controls-holder {
    width: auto;
}
.global_player{
    right: 0px; top: 20%; width: auto; height: auto; z-index: 1015; text-shadow: none;
}
#cd-panel {
	right: auto;
        display: none;
} 
#cd-panel.is-visible {
	visibility: visible;
	transition: visibility 0s 0s;
}
.global_player .card-header {
        background: black;
	position: relative;
	top: 0px;
	width: 100%;
	height: -50px;
	transition: top 0.3s 0s;
        padding: 1%;
        color: grey;
        
}
.global_player .card-body {
    padding: 0;
}
.is-visible .global_player .card-header {
	top: 0;
	transition: top 0.3s 0.3s;
}
#cd-panel-container {
	height: 50%;
	bottom: 0;
}
.is-visible #cd-panel-container {
	transform: translate3d(0, 0, 0);
	transition-delay: 0s;
}

/* chat */
.chat-table{
/*    display: inline;*/
/*    background: green;*/
    white-space:pre-line;
    padding: 0px;
/*    margin-left: 25px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: 20px;
    font-weight: bold;
    font-size: 0.8em;
    font-style: normal;
    text-align: left;
    text-shadow: none;
    vertical-align: top;
    text-decoration: none;
    font-size:10px;
    color:#000000;
    position:relative;
/*    width: 30%;*/
/*    height: 620px;*/
/*    margin-top:1%;*/
    right:0;
    /*height: 60%;*/
    left:auto;
    overflow: auto;
    bottom: 12%;
    position: absolute;
/*    background-color: #003300;*/
    background:#7f7f7f;
    background:rgba(255,255,255,0.5);
/*    background:silver;*/
    border:2px solid black;
/*    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    behavior: url(/PIE.htc);*/
    z-index: 5;
}
.global_chat{
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 50000;
/*    margin-bottom: 1%;*/
    margin-right: 2%;
/*    height: 60%;*/
/*    opacity : 0.2;
	-moz-opacity : 0.2;
	-ms-filter: "alpha(opacity=20)";
	filter: alpha(opacity=20);*/
}
.chat_user_list{
    border: 1px solid black;
    background-color: wheat;
    cursor: pointer;
}
.chat_user_list:hover{
    border:5px dotted green;cursor:pointer;background:greenyellow;
}
.chat_user_list.selected{
    border:2px solid green;cursor:pointer;background:greenyellow;
}
.user_message{
    border: 2px solid #AEAEAE;
    border-radius: 15px;
    padding: 2px 10px; 
    margin: 2px 10px; 
    color: whitesmoke;
    background-color: blue;
    display: inline-block;
    width: 70%;
    vertical-align: top;
    font-size: 1.1em;
    overflow: hidden;
    display: block;
}
.chat_user_mess_dest{
    margin-left: 25%;
    background-color: #A9F5BC;
    color: black;
}
.chat_user_mess_env{
    margin-left: 15%;
    background-color: #A9D0F5;
    color: black;
}
.chat_user_mess_null{
    background-color: #A9D0F5;
    color: grey;
    width: 100%;
}
.chat_user_mess_before{
    background-color: black;
    color: white;
    font-size: small;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}
.chat_user_mess_before:hover{
    cursor: pointer;
}

/* panel */
/*.panel{
    width: 65vh;
    text-shadow: none;
}
.panel-body{
    white-space:pre-wrap;
}*/
#tabs li .ui-icon-close,.ui-icon-plus { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }

/* gallery */
.gallery_albums_centrale{
    font-size: 16px;
    margin-top: 1%;
    /*margin-left: 2%;*/
    /*font-weight: bold;*/
    overflow: auto;
    height: 700px;
    /*width:30%;*/
    /*color: wheat;*/
}
.gallery_albums_centrale .active{
    border: 1mm ridge rgba(170, 50, 220, .6);
    padding: 5px;
}
.gallery_portfolio_link{
/*    display: inline;*/
    height:auto;
    width: 300px;
    border:5px solid grey;
    margin-right:2%;
    margin-left:2%;
    margin-bottom:2%;
    margin-top:1%;
    background:#F6CECE;
    opacity:0.9;
    filter:alpha(opacity=90);
    color:black;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
}
.gallery_portfolio_link > a > img{
    height:140px;
    width: 100%;
    display: block;
}
.gallery_portfolio_link > a > img:hover{
    cursor:pointer;
}
.gallery_portfolio_link.selected{
    border:5px solid black;
}
.gallery_portfolio_link:hover{
    background: white;
}

/* modal */
.modal{
    overflow: auto;
    max-height: none;
}
/*.modal-backdrop
{
    opacity:0.8 !important;
}*/
#ModalBlog.modal-backdrop {
    opacity: 1!important;
    overflow: auto;
}
.global .modal{
    position: inherit;
}
.modal-dialog{
/*    overflow: auto;*/
/*    height: 650px;*/
    top: 5%;
    text-shadow: none;
}
.modal-header{
    padding: 2vh 2vh;
    background-color: whitesmoke;
}
.modal-header h5{
    text-align: center;
    font-weight: bold;
}
#profileModal > .modal-dialog {
/*    margin: 30px auto;*/
/*    width: auto;*/
}
#profileModal .avatar-img.avatar_profil{
    width: 25em;
    height: 25em;
    cursor: pointer;
    padding: 1em;
    margin: auto;
    margin: 1em;
    margin-left: 1em;
    margin-left: 5em;
    border-radius: 7% !important;
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
    vertical-align: middle;
    border-style: none;
}
#historiqueModal{
/*     margin-left:2vh;
     width:98%;
     margin-top:2vh;*/
     margin: 1em;
 }
#profileModal{
/*     margin-left:2vh;
     width:98%;
     margin-top:2vh;*/
     margin: 1em;
 }
#searchModal > .modal-dialog {
/*    margin: 30px auto;*/
    width: 70%;
    position: absolute;
    left: 1em;
}
#loginModal{
    /*margin-top: 4%;*/
    /*display: none;*/
}

/* datatables */
.dataTables{
    /*z-index: 10;*/ 
    /*position: absolute;*/
/*    top: 7vh;
    left: 0px; */
    /*width: 70%;*/
    /*height: 100%;*/
    overflow: auto;
    display: none;
}
table.dataTable > thead > tr {
    background-color: #ecf6ce;
    color: black;
}
table.none tbody tr {
    background-color: wheat!important;
    color: black;
}
.dataTables_filter input {
  background-color: wheat !important;
}
.dataTables_length select {
  background-color: wheat !important;
}
.playlist_button {
    cursor: pointer;
}
td.center {
  text-align: center;
}
th.center {
  text-align: center;
}
.toolbar_categories_admin,
.toolbar_medias_categories_videos,
.toolbar_medias_categories_zic,
.toolbar_medias_categories_medias,
.toolbar_categories_logs,
.toolbar_user_temp_data,
.toolbar_logs_choice{
    float: left;
    margin-left: 5%;
    margin-top: 0.5em;
    width: 20%;
/*    display: inline-flex;*/
}
.toolbar_user_temp_data span{
    margin-left: 2%;
    margin-right: 2%;
}
.toolbar_logs_choice span{
    margin-left: 2%;
    margin-right: 2%;
}
.dataTables_length{
    padding-top: 0.5em;
    margin-left: 1em;
}
.toolbar_medias_news,
.toolbar_medias_task,
.toolbar_medias_refresh,
.toolbar_medias_keyboard,
.toolbar_logs_refresh,
.toolbar_medias_reset,
.toolbar_medias_refresh_ldap,
.toolbar_medias_multi,
.toolbar_medias_time{
    float: right;
    margin: 8px 1.5%;
    /*padding: 1px;*/
}
.toolbar_medias_options{
    float: right;
    margin: 2px;
    /*padding: 1px;*/
}
.paging_input input{
    width: 10%;
}
.dataTables_wrapper 
.dataTables_length, 
.dataTables_wrapper 
.dataTables_filter, 
.dataTables_wrapper 
.dataTables_info, 
.dataTables_wrapper 
.dataTables_processing {
    color: #eacd86!important;
    float: left;
}
.dataTables_filter{
    margin-top: 3px;
    margin-right: 3px;
}
.dataTables_wrapper{
    background: #A9F5BC;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: wheat!important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate a {
    color: wheat!important;
}

/*table.dataTable > tbody > tr {
    background-color: #ecf6ce;
    color: black;*/
/*}*/
td.details-control {
    background: url('/images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown > td.details-control {
    background: url('/images/details_close.png') no-repeat center center;
}
.toolbar_medias_options_active{
    border: dashed 1px whitesmoke;
    border-radius: 30%;
    -webkit-box-shadow: 0px 0px 3px blue;
    -moz-box-shadow: 0px 0px 3px blue;
    box-shadow: 0px 0px 3px blue;
}
.toolbar_medias_options > div > a {
    border: none;
}

.datatablerowhighlight {
    background-color: #F7F2E0 !important;
}
.datatablerowhighlight:hover {
    cursor: pointer;
}
.datatablerowhighlight_select {
    background-color: #ECFFC3 !important;
}
.dataTables_info{
    margin-left: 1em;
}
.dataTables_filter{
    margin-top: 3px;
    margin-right: 3px;
}

div.medias_news {
    top: 55px;
    display: inline-block;
    color:white;
    overflow: auto;
    position: absolute;
/*    margin-left: auto;
    margin-right: 30%; */
    padding: 5px;
    width: 52%;
    left:25%;
    border: 2px solid;
    height: 80%;
    z-index: 1110;
    background: black;
    text-shadow: none;
}
div.control_user_refresh_ldap {
    top: 55px;
    display: inline-block;
    color:white;
    overflow: auto;
    position: absolute;
/*    margin-left: auto;
    margin-right: 30%; */
    padding: 5px;
    width: 52%;
    left:25%;
    border: 2px solid;
    height: 80%;
    z-index: 1110;
    background: black;
}
#medias_options a{
    display: inline-block;
}
.boxclose{
    float: right;
    margin-top: -30px;
    margin-right: -30px;
    margin: 4px;
    cursor: pointer;
    color: #fff;
    border: 2px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    line-height: 3px;
    padding: 12px 7px 9px;     
}

.boxclose:before {
    content: "×";
}
.boxclose:hover {
    text-decoration: none;
    color:white;
}
.boxclosetag{
    float:right;
    position: relative; 
    top: 1px; 
    left: 8px; 
    display: none;
    margin: -4px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 10px;
    background: #605F61;
    font-size: 11px;
    font-weight: bold;
/*    display: inline-block;*/
    line-height: 0px;
    padding: 5px 2px 6px;       
}

.boxclosetag:before {
    content: "×";
}
.boxclosetag:hover {
    text-decoration: none;
    color:white;
}
.tag_content{
    background-color: blue;
    color: white;
    border: 2px solid #AEAEAE;
    border-radius: 30px;
    padding: 1px 10px;
    width: auto;
    display: inline-block;
}
.tag_content:hover .boxclosetag{
    display:block;
}
.media_label_result{
    border: 2px solid grey;
    margin-left: 5px;
    background: white;
}
.media_info_delete{
    display: contents;
}
.form-tag{
    margin-top: 10px;
}
.form-check-inline{
    display: inline;
    margin-right: 1em;
}
div.modia {
    top: 20%;
    color:white;
    position: absolute;
    margin-left: auto;
    margin-right: auto; 
    padding: 5px;
    width: 29%;
    left:25%;
    border: 2px solid;
/*    height: 68%;*/
    z-index: 3111110;
    background: black;
}
.nbr_task{
    color:red;
    display: inline-block;
    margin-right: 10px;
}
div#media_info{
    margin-left: 9vh;
}
div#media_info label{
    color: wheat;
}
div#media_info span{
    color: white;
    margin-left: 1vh;
}
/*div.task_on {
    top: 75px;
    bottom: 43px;
    display: inline-block;
    color:white;
    overflow: auto;
    position: absolute;
    margin-left: auto;
    margin-right: 30%; 
    padding: 5px;
    width: auto;
    left:75px;
    right: 75px;
    border: 2px solid;
    height: auto;
    z-index: 1110;
    background: black;
    text-shadow: none;
}*/
div.task_on_title{
    background: wheat;
    line-height: 6vh;
    display: inline-flex;
    padding-left: 2vh;
    font-weight: bold;
}
div.multi_title{
    /*line-height: 6vh;*/
    display: inline-flex;
    padding-left: 2vh;
/*    padding-right: 2vh;
    font-weight: bold;*/
}
div.multi_title_truc{
    background: wheat;
    line-height: 6vh;
    /*display: inline-flex;*/
    padding-left: 2vh;
    padding-right: 2vh;
    font-weight: bold;
}
.multi_name_error{
    color: red !important;
    border-color: yellow !important;
}

/* accueil log video */
.logs_resume{
    position: fixed;
    display: inline-block;
    font-weight: bold;
    background-color: rgba(255,0,0,0.3);
    /*padding: 1em;*/
}
.logs_centrale{
    display: block;
    font-weight: bold;
    background-color: rgba(255,0,0,0.3);
    /*padding: 1em;*/
}
.logs_global div.jcarousel div.jp-video-play{
    position: relative;
    margin-right: auto;
    margin-left: auto;
    top: 10em;
    margin-top: auto;
    margin-bottom: auto;
    opacity: 0.9;
    width: 5.5em;
    z-index: 51;
}
/*.jcarousel-control-next {
    right: -50px;
}
.jcarousel-control-prev {
    left: -50px;
}*/
/*.portfolio-item .btn-message-media{
    cursor: pointer;
}*/
.logs_global .jcarousel-wrapper{
    border: 5px solid #fff;
}
.logs_global .video_carousel_link.portfolio-item .media_cat {
    display: inline-block;
    margin-right: 2vh;
}
.logs_global .video_carousel_link.portfolio-item .media_note {
    display: inline-block;
    margin-right: 2vh;
}
.video_portfolio_link{
/*    display: inline;*/
    height:auto;
    /*width: 300px;*/
    border:5px double grey;
/*    margin-right:4%;
    margin-left:2%;
    margin-bottom:2%;
    margin-top:1%;*/
    /*margin: 0.1%;*/
/*    text-shadow: none;*/
    background:wheat;
    opacity:0.9;
    filter:alpha(opacity=90);
    color:black;
    padding: 5px;
    /*font-size: 0.8vw;*/
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
    border: 6px solid grey;
}
/*.video_portfolio_link h4,.zic_portfolio_link h4 {
    font-size: 0.9vw !important;
}
@media screen and (min-width: 601px) {
    .video_portfolio_link h4,.zic_portfolio_link h4 {
        font-size: 1em;
    }
}else{
    .video_portfolio_link h4,.zic_portfolio_link h4 {
        font-size: 0.8em;
    }
}*/
/*
@media screen and (min-width: 954px) {
  .video_portfolio_link,.zic_portfolio_link h4 {
    font-size: 1vw !important;
  }
}*/
/*p {font-size: 2vmin;}*/

/*h4 {font-size: 1.5vh;}*/

/*h2 {font-size: 4vh;}*/

/*h3 {font-size: 3vmin;}*/
.video_portfolio_link > div > .ui-icon{
    cursor: pointer;
}
.video_portfolio_link > a > img{
    height:140px;
    width: 100%;
    display: block;
    cursor: grab;
}
.video_portfolio_link > .jp-video-play:hover{
    cursor:default;
}
.video_portfolio_link > .jp-video-play-icon > a:hover{
    cursor:pointer;
}
.video_portfolio_link.selected{
    border:6px solid forestgreen!important;
}
.video_portfolio_link.last-selected{
    border:6px solid cornflowerblue;
}
.logs_global .jcarousel{
    height: 100%;
}
#myFoliogallery img{
    height:140px;
    width: 100%;
    display: block;
    cursor: grab;
}
/*.video_carousel_link > img{
    height:250px;
    width: 100%;
    max-width: 110%;
    display: block;
}
.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}*/
/*.carousel-inner > .item > img {
    height: 250px;
    margin: 0 auto;
    width: 650px;
}*/
.logs_global .video_carousel_link{
/*    display: inline;*/
    height:auto;
    width: auto;
    border:5px double grey;
    margin-right:0px;
    /*margin-bottom:15px;*/
    background:wheat;
    opacity:0.9;
    filter:alpha(opacity=90);
    color:black;
    /*padding: 5px;*/
    font-size: 12px;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
}
.logs_global .video_carousel_link > img{
    height:250px;
    width: 100%;
    max-width: 110%;
    display: block;
}
.logs_global .video_carousel_link:hover .image-caption{
    /*background-color: window;*/
    background: white;
    border: 2px solid white;
}
.logs_global .video_carousel_link > .jp-video-play:hover{
    cursor:default;
}
.logs_global .video_carousel_link > div:first-child > .jp-video-play:hover{
    cursor: pointer;
}
.logs_global .video_carousel_link.selected{
    border:5px solid black;
}
/* accueil log zic */
.logs_global .zic_carousel_link{
/*    display: inline;*/
    height:auto;
    width: auto;
    border:5px double grey;
    margin-right:15px;
    margin-bottom:15px;
    background:wheat;
    opacity:0.8;
    filter:alpha(opacity=40);
    color:black;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
}
.logs_global .zic_carousel_link > img{
    height:250px;
    width: 100%;
    max-width: 110%;
    display: block;
}
.logs_global .zic_carousel_link > .jp-video-play:hover{
    cursor:default;
}
.logs_global.zic_carousel_link > div:first-child > .jp-video-play:hover{
    cursor: pointer;
}
/*.zic_carousel_link > img:hover{
    cursor: pointer;
 }*/
.logs_global .zic_carousel_link:hover{
    background: white;
}
.logs_global .zic_carousel_link.selected{
    border:5px solid black;
}

.zic_portfolio_link{
/*    display: inline;*/
    height:auto;
    /*width: 300px;*/
    border:5px double grey;
/*    margin-right:4%;
    margin-left:2%;
    margin-bottom:2%;
    margin-top:1%;*/
    background:wheat;
    opacity:0.9;
    filter:alpha(opacity=90);
    color:black;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
}
.zic_portfolio_link > div > .ui-icon{
    cursor: pointer;
}
.zic_portfolio_link > a > img{
    height:140px;
    width: 100%;
    display: block;
    cursor: default;
}
.zic_portfolio_link > .jp-video-play:hover{
    cursor:default;
}
.zic_portfolio_link > .jp-video-play-icon > a:hover{
    cursor:pointer;
}
/*.zic_carousel_link > a > img:hover{
    cursor: pointer;
}*/
.zic_portfolio_link.selected{
    border:6px solid forestgreen!important;
}
.zic_portfolio_link.last-selected{
    border:6px solid cornflowerblue;
}
.zic_portfolio_link:hover{
    background: white;
}

/* divers */
.fullscreen{
    display:block;
    background:black;
    background-position:center;
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    left:0;
    overflow: hidden;
    opacity : 0.5;
	-moz-opacity : 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
    width:100%;
    height:100%;
    z-index:2100000;
}
.fullscreen_datatable{
    display:block;
    background:black;
    background-position:center;
    background-repeat: no-repeat;
    position:relative;
    top:0;
    left:0;
    overflow: hidden;
    opacity : 0.5;
	-moz-opacity : 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
    width:100%;
    height:100%;
    z-index:2100000;
}
.screen_image{
    position: absolute;
    background-position: top center;
    top: 50%;
    left: 50%;
    z-index:1200;
}
.mapping{
    cursor: pointer;
}
.mapping.active{
    text-decoration: underline;
}
.ui-page-active{
    background-image: url("/images/gren-tatoo_menu.png");
    background-repeat: repeat;
    background-size: 100% 100%;
    bottom: 0;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2; 
}
.ui-content{
    background: transparent;
}

/* spinning */
.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
.badge.spinning {
    animation: spin 3s infinite linear;
    -webkit-animation: spin2 3s infinite linear;
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

/* horlogue */
#namosw_clock{
    /*margin-top: 1em;*/
    /*margin-left: 1%;*/
    font-size: 0.7em;
}

/* liens */
a{
    cursor: pointer;
    outline: 0;
 }
.global_search label {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
}

/* buttons */
button, input, optgroup, select, textarea {
    color: black;
}
button:hover,#modal-ins,#modal-restore-pass,.avatar_profil {
    cursor: grab!important;
}
.modal-header h1{
    width: 100%;
}
.btn_return_login{
    position: absolute;
    width: 2em;
    margin: 2em;
}
.btn_return_login:hover{
    cursor: grab;
}
#navbarSupportedContent .dropdown-menu.show{
    position: absolute;
}
/* blueimp */
.blueimp-gallery > .slides > .slide > .text-content {
    overflow: auto;
    margin: 60px auto;
    padding: 0 60px;
    max-width: 920px;
    text-align: left;
}

/* SEARCH */
.portfolio_selected{
    border: 5px solid yellow;
}
.video_portfolio_link .media_cat{
    position: absolute;
    background: wheat;
    margin: 1%;
    color: black;
    padding: 1%;
}
.zic_portfolio_link .media_cat {
    position: absolute;
    background: wheat;
    margin: 1%;
    color: black;
    padding: 1%;
}
section.global_info{
    margin-left: 3vh;
    margin-bottom: 2vh;
    margin-top: 6vh;
    overflow: unset;
    position: relative;
    text-shadow: none;
    width: 40%;
}
section.global_search{
    margin-bottom: 2vh;
    margin-top: 2vh;
    overflow: unset;
    position: relative;
    text-shadow: none;
}
/*section.global_search .jp-video-play-serie .btn-serie{
    left: 10vh;
    position: absolute;
    height: 3vh;
    top: 5vh;
}*/
section.global_gallery{
    margin-bottom: 2vh;
    margin-top: 2vh;
    overflow: unset;
    position: relative;
    text-shadow: none;
}
section.global_search .card-footer .row{
    margin-right: 0;
    margin-left: 0;
}
section.global_search .card-footer .row:first-child{
    margin-bottom: 1vh;
}
/* Form Toggle */
.slow .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }
.fast .toggle-group { transition: left 0.1s; -webkit-transition: left 0.1s; }
.quick .toggle-group { transition: none; -webkit-transition: none; }
.toggle{
    cursor: pointer;
    outline: 0;
 }
 
 /* MODIF MEDIAS */
.modif_video{
    background: wheat;
    font-size: small;
    padding: 1vh;
    color:black;
    font-weight: bold;
}
.modif_video #input_mod_video{
    font-size: 1em;
}
.image-caption{
    padding: 0.5vh;
    /*font-size: 1.2em !important;*/
    /*position: absolute;*/
    margin-top: -48px;
    /*top: 1vh;*/
    background: antiquewhite;
    color: black;
    z-index: 50;
    margin-left: 1vh;
    margin-right: 1vh;
    opacity: 0.7;
    /*width: 1%;*/
}
.logs_global .jcarousel ul {
    /*width: auto;*/
}
/*.image-caption > h3{
    margin-top: 9px;
    font-size: 20px;
}
.jcarousel .image-caption > .jp-video-play{
    position: absolute;
    bottom: 18vh;
    overflow: inherit;
}*/
.image-caption .h4, .h5, .h6, h4, h5, h6 {
    margin-top: 4px;
    margin-bottom: 4px;
}
/*.image-caption h5 {
    font-size: 0.8vw !important;
    font-weight: 700;
}*/
/* Tabs */
#tabs_central_resume{
/*    width: 97%;
    margin: 1vh;*/
}
#tabs_central_resume-2{
    padding: 0.5em 0.5em;
}

.jp-playlist .jp-playlist-current li {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 100%;
  color: black;
  display: list-item;
  /*list-style-image: url(/images/avatar/grenserv.jpg);*/
}
.jp-title,.ui-body-b {
    text-shadow: none;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

/* Search */
/*#myFolioSearch{
    overflow-Y: scroll;
    height: 50vh;
}*/
.video-folio{
    display: inline-block;
}
.serie-folio,.video-folio{
    padding-right: 0px;
    padding-left: 0px;
}
.serie-folio .portfolio-item,.video-folio .portfolio-item{
    margin:0.3em;
}
.global_search_facebook .panel-search{
    background-color: transparent;
}
.global_search_facebook .card-body{
    opacity: 0.5;
}
.card.panel-search{
    /*margin-left:2vh;*/
    /*width:69%;*/
}
.global_search .card.panel-search .card-body{
    padding:0px;
}
.btn-circle {
    border-radius: 100%;
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.search_migrate_btn{
    display: inline-flex;
    margin-left: 1em;
    margin-right: 1em;
}
.search_saved_btn{
    display: inline-flex;
    margin-left: 1em;
}
.search_save_btn{
    display: inline-flex;
    margin-right: 1em;
}
.search_reset_btn{
    display: inline-flex;
}
.ui-page-theme-a{
    text-shadow: none;
}
.logs_global .portfolio-item,.global_search .portfolio-item button{
    /*background: revert;*/
}

/* button scroll */
#button_scroll_top {
  display: none;
  background-color: grey;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  margin: 10px;
  position: fixed;
  bottom: 10px;
  right: 30px;
  transition: background-color .3s;
  z-index: 1000;
  opacity: 0.1
}
#button_scroll_top:hover {
  cursor: pointer;
  background-color: #333;
  opacity: 0.8
}
#button_scroll_top:active {
  background-color: #555;
}
#button_scroll_top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
.logs_global.jcarousel-pagination a {
    text-indent: initial;
}

/* wigets */
.ui-widget {
    font-size: 1em;
}
.ui-widget-header {
  color: #eacd86!important;
  font-weight: bold;
}

/* lity */
.lity-wrap{
    overflow: auto;
}
.lity-content .modal{
    display: block;
    position: relative;
    overflow: hidden;
}
.lity .lity-close{
    margin-right: 0.6em;
    margin-top: 0.2em;
}
/* EMBY */
.global_search_emby .card{
    margin-bottom: 0;
}
.toggle:disabled :hover > .toggle-group label{
    cursor: not-allowed;
}

.vertical-center {
  margin-bottom: 1em;
  text-align: center;
}

/* BLOG */
.navbar-nav .nav-brand .btn-info-logs .btn{
    float: none;
}
.global_search_blog{
    width: auto;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
}
.global_search_blog .badge-username,#modal_blog_max .badge-username{
    position: absolute;
    top: auto;
    right: 2em;
}
.global_search_blog main .card.panel-default.container,#modal_blog_max .card.panel-default.container{
    margin-bottom: 1em;
    padding: 1em;
}
.global_search_blog .card-footer{
    background-color: burlywood;
    opacity: 0.9;
}
.global_search_blog .card-footer article header div.blog_muted,#modal_blog_max article header div.blog_muted {
    background-color: papayawhip;
    margin-bottom: 1em;
}
.global_search_blog .panel-footer figure{
    background-color: darkseagreen;
}
.global_search_blog .card-footer figure {
    font-size: x-large !important;
    resize:  none;
    overflow: hidden;
    overflow-wrap: break-word;
    width: 100%;
    padding: 0.2em !important;
    border: 0.2em outset grey;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0.5em;
    background-color: whitesmoke;
}
.global_search_blog .card-footer .blog_tags > * {
    margin-right: 0.5em;
}
.global_search_blog .card-footer section,#modal_blog_max section {
    font-size: medium !important;
    resize:  none;
    overflow: hidden;
    overflow-wrap: break-word;
    width: 100%;
    padding: 0.2em !important;
    border: 0.2em outset grey;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0.5em;
}
.global_search_blog .card-footer figure img,#modal_blog_max figure img {
    cursor: pointer;
    padding: 0.5em;
    display: inline-block;
    border-radius: 0.5em;
}
.global_search_blog .card-footer .container .row{
    border-radius: 3em;
}
.global_search_blog .card-footer .container .blog_section,#modal_blog_max .blog_section{
    background-color: whitesmoke;
    padding: 1em !important;
    margin: 0.2em !important;
    border-radius: 0.2em!important;
}
.global_search_blog section.hover,#modal_blog_max section.hover{
    /*background-color: black;*/
    display:block;
    background:grey;
    background-position:center;
    background-repeat: no-repeat;
    /*position:absolute;*/
    top:0;
    left:0;
    overflow: hidden;
    opacity : 0.5;
	-moz-opacity : 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
    width:100%;
    height:100%;
    z-index:2100000;
    color: white;
}
.global_search_blog section.hover,#modal_blog_max section.hover div.blog_section{
    color: black;
}
#ModalBlog #blog-tags > *{
   margin-right:0.5em;
}
.badge .close {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: -5px;
    font-size: inherit;
    color: inherit;
    text-shadow: none;
}

.card.panel-default{
    /*background-color: peru !important;*/
    opacity: 0.9;
}
.card-header{
    background-color: whitesmoke !important;
}
.card-body{
    background-color: beige;
    opacity: 0.9;
}
.logs_resume .card-body{
    background-color: inherit!important;
}

/* dashboard */
.global_dashboard .timeline .timeline-item {
  display: flex;
  align-items: flex-start;
}
.global_dashboard .timeline .timeline-item .timeline-item-marker {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.global_dashboard .timeline .timeline-item .timeline-item-marker {
  flex-direction: row;
  transform: translateX(1.625rem);
  margin-bottom: 0;
}
.global_dashboard .timeline.timeline-xs .timeline-item .timeline-item-marker {
  transform: translateX(0.5625rem);
}
.global_dashboard .timeline .timeline-item .timeline-item-marker .timeline-item-marker-text {
  font-size: 0.875rem;
  width: 6rem;
  color: #a7aeb8;
  text-align: center;
  margin-bottom: 0.5rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.global_dashboard .timeline .timeline-item .timeline-item-marker .timeline-item-marker-text {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.global_dashboard .timeline.timeline-xs .timeline-item .timeline-item-marker .timeline-item-marker-text {
  width: 3rem;
  font-size: 0.7rem;
}
.global_dashboard .timeline .timeline-item .timeline-item-marker .timeline-item-marker-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  background-color: #f2f6fc;
  border-radius: 100%;
}
.global_dashboard .timeline.timeline-xs .timeline-item .timeline-item-marker .timeline-item-marker-indicator {
  height: 0.875rem;
  width: 0.875rem;
  font-size: 0.875rem;
  border: 0.125rem solid #fff;
  margin-top: -0.125rem;
}
.global_dashboard .timeline .timeline-item .timeline-item-content {
  padding-top: 0;
  padding-bottom: 2rem;
  padding-left: 1rem;
  width: 100%;
}
.global_dashboard .timeline .timeline-item .timeline-item-content {
  padding-top: 0.75rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  border-left: solid 0.25rem #f2f6fc;
}
.global_dashboard .timeline.timeline-xs .timeline-item .timeline-item-content {
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
}
.global_dashboard .text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.global_dashboard .fw-bold {
  font-weight: 500 !important;
}

.global_dashboard .card-header-actions .card-header {
  height: 3.5625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}

.global_dashboard .bs-write {
  opacity: 0.6;
  background-color: white;
}
.global_dashboard .bg-green {
  opacity: 0.6;
  background-color: green !important;
}
.global_dashboard .bg-red {
  opacity: 0.6;
  background-color: red !important;
}
.global_dashboard .bg-blue {
  opacity: 0.6;
  background-color: blue !important;
}
.global_dashboard .bg-purple {
  opacity: 0.6;
  background-color: purple !important;
}
.global_dashboard .bg-yellow {
  opacity: 0.6;
  background-color: yellow !important;
}

.global_dashboard .text-white {
  --bs-text-opacity: 1;
  color: white!important;
}
.global_dashboard .bg-orange {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}
.global_dashboard .bg-primary {
  --bs-bg-opacity: 1;
  background-color: cornflowerblue!important;
}
.global_dashboard .bg-success {
  --bs-bg-opacity: 1;
  background-color: cadetblue!important;
}
.global_dashboard .bg-danger {
  --bs-bg-opacity: 1;
  background-color: #dc3545!important;
}
.global_dashboard .bg-warning {
  --bs-bg-opacity: 1;
  background-color: peru!important;
}
.global_dashboard .card {
  --bs-card-spacer-y: 1.35rem;
  --bs-card-spacer-x: 1.35rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: rgba(33, 40, 50, 0.125);
  --bs-card-border-radius: 0.35rem;
  --bs-card-inner-border-radius: 0.35rem;
  --bs-card-cap-padding-y: 1rem;
  --bs-card-cap-padding-x: 1.35rem;
  --bs-card-cap-bg: rgba(33, 40, 50, 0.03);
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative!important;
  display: flex!important;
  flex-direction: column!important;
  min-width: 0!important;
  height: var(--bs-card-height)!important;
  word-wrap: break-word!important;
  background-color: var(--bs-card-bg);
  background-clip: border-box!important;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color)!important;
  border-radius: var(--bs-card-border-radius)!important;
}
.global_dashboard .card {
  box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
  margin-top: 1em;
}
.global_dashboard .global_dashboard .card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  /*color: var(--bs-card-color);*/
}
.global_dashboard .card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.global_dashboard .card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.global_dashboard .small {
    font-weight: bold!important;
}
.global_dashboard .panel-dashboard {
    margin-top: 1em;
}
.global_dashboard {
    width: auto;
    margin-left: 1em;
    margin-right: 1em;
}   
.global_dashboard main {
    background-color: burlywood;
}
.global_dashboard main .row:first-child {
    padding-top: 1em;
}

/* Bootstrap Toggle */
.toggle-handle.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}