/* home Lib */
#lastItemsZone{height:364px;background-color:#f8f8f8;margin-left:0px;margin-right:0px;padding-left:30px;overflow:hidden}
#lastItemsZone span{font-size:20px;display:block;margin:30px 0 20px 15px;font-weight:bold}
#lastItemsZone .itemLast{display:block;width:160px;height:230px;float:left;background-size:cover;margin:15px 15px 30px 15px}
.slick-list.draggable{margin: 0 0 0 -50px}
.slick-dots{display:none!important}

#slider-lastitems-ow{position:relative}
.tns-controls button{position: absolute;height: 240px;top:0;width: 50px;z-index: 10;background-color: #23d2e2;border: none;outline:none;}
.tns-controls button[data-controls="prev"]{left: -15px;border-radius: 15px 0 0 15px}
.tns-controls button[data-controls="next"]{right: -15px;border-radius: 0 15px 15px 0}

.lib-bloc-title {display: block;position: relative;width: 63%;height: 71%;margin: 5px;float: left;background-size: cover;font-size: 35px;color: #FFF;text-align: center;border-radius: 15px}
.lib-bloc-title span {position: absolute;bottom: 15px;display: block;width: 100%;left: 0;font-size: 0.8em;font-weight: bold}
.lib-bloc-title b{margin-top:70%;display:block;position:relative}
.lib-bloc-title span{position:absolute;bottom:15px;display:block;width:100%;left:0;font-size:18px}
.lib-bloc-small {display: block;width: 30%;height: 34%;margin: 5px;float: left;background-size: cover;border-radius: 15px}

.cache-lib{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.4);border-radius:15px}
.viewList{width:100%;display:block;cursor:pointer;height:100%}

.panel.panel-filter{
    -moz-box-shadow: 0px 0px 10px rgba(101, 101, 101, 0.1);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(101, 101, 101, 0.1);
    -o-box-shadow: 0px 0px 10px 2px rgba(101, 101, 101, 0.1);
    box-shadow: 0px 0px 10px 2px rgba(101, 101, 101, 0.1);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(101, 101, 101, 0.1), Direction=NaN, Strength=10);
}
.bloc-univ{justify-content: center;display: flex;height: 330px;margin-bottom:40px;}
.slick-prev,.slick-next{display:block;background-color:#dc2471;border:0;position:absolute;top:90px;height:80px;width:48px;color:#FFF;font-size:20px;z-index:1;font-family:"FontAwesome"}
.slick-prev{position:absolute;left:-2px;border-radius:5px 0 0 5px}
.slick-next{position:absolute;right:30px;border-radius:0 5px 5px 0}

.addempty{font-size: 3em;display: flex;align-items: center;justify-content: center}

#countItemsZone{max-width:1000px;margin:20px auto}
#countItemsZone .title{font-size:20px;display:block;margin:20px 0 30px 15px;font-weight:bold}

.nobodyFriends{  font-size:24px;color:#dcdcdc;display:block;text-align:center;padding:50px 0 50px;width:100%}

/* LIST */
table{border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed;border-collapse: separate;
    border-spacing: 0 10px;}
table td:first-child { border-top-left-radius: 10px; }
table td:first-child { border-bottom-left-radius: 10px; }
table td.tdnote{border-radius:0 15px 15px 0}

table caption{font-size:1.5em;margin:.5em 0 .75em}
table tr{padding:.35em}
table th,table td{padding:.625em;text-align:center}
table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}

tbody td{background-color:#fff;min-height:100px}
tbody tr td:first-child{padding:0}

.noteLibrary{background-color: #e22470;color: #FFF;padding: 10px 10px;display: block;text-align:center;margin:15px 5px 0 5px}
.noteLibrary:hover{text-decoration:none;background-color:#f5f5f5;color:#e22470;cursor:pointer}

.titleElement{font-size:16px;color:#000;display:block;margin:20px 0 0 0}
#datatable {width:100%;margin:10px 0}
#datatable .hidden{display:none}
thead tr{display:none}
.valign{vertical-align:middle!important}

.additemSerie{background-color:#e22470;color:#FFF;padding:10px 0px;display: block;text-align:center;margin:0 15px 0 0}
.btDel{background-color:#e22470;color:#FFF;padding:0 10px 0 8px;display: block;text-align:center;margin:15px 15px 0 0}
.btDel:after{content:"+";display:block;font-size:26px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.btDel:hover{text-decoration:none;background-color:#f5f5f5;color:#e22470;cursor:pointer}
#btBack{font-family: "FontAwesome";display:block;width:46px;padding:5px 0;float:left;background-color:#010817;color:#FFF;text-align:center;font-size: 22px;font-weight: bold;padding: 8px 0;position:absolute;left:6%;top:0;cursor:pointer}
#btBack:hover{text-decoration:none;opacity:0.5}
.title-listLibrary{text-align: center;font-size: 18px;padding-top: 20px;display:block;color:#e22470}

.filter-tab{width:100px}
.filter-tabs .filter-tab:before, .filter-tabs .filter-tab:last-child:after {content: "";width: 1px;height: 20px;background-color: #eaeaf5;position: absolute;top: 38px}
.section-filters-bar .section-filters-bar-actions .form+.filter-tabs {
    margin-left: 80px;
}

.section-filters-bar .filter-tabs {
    height: 96px;
}

#viewSerieUnfinished,#viewLibrary{display: block;float: right;padding: 10px;color:#e22470;border: 1px solid #e22470}
#viewSerieUnfinished:hover,#viewLibrary:hover{color:#4c2e8b;border:1px solid #4c2e8b;text-decoration:none;cursor:pointer}

.auth{color:#e22470}

.dataTable{float:left;margin-bottom:5px}
.dataTable div.checker,.dataTable div.radio{display:inherit}
.dataTables_wrapper{float:left;width:100%}
.dataTables_length{width:50%;float:left;padding:0 0 5px;font-size:12px}
.dataTables_length label,.dataTables_filter label{padding:0;line-height:26px;height:auto;margin:0;font-weight:400}
.dataTables_length select{width:70px;display:inline;margin:0 5px}
.dataTables_filter{width:50%;float:right;padding:0 0 5px;font-size:12px}
.dataTables_filter label{float:right}
.dataTables_filter label input{width:150px;display:inline;margin-left:5px}
td.dataTables_empty{font-size:11px;text-align:center;color:#333}
.dataTables_info{float:left;font-size:12px;padding:0;line-height:30px}
.dataTables_paginate{padding:0;text-align:right;float:right}
.dataTables_paginate a.paginate_disabled_previous,.dataTables_paginate a.paginate_disabled_next,.dataTables_paginate a.paginate_button,.paginate_enabled_next,.paginate_active,.paginate_enabled_previous{padding:5px 10px;font-size:12px;border-radius:3px;float:left;text-decoration:none;background-color:#fff;border:1px solid #ddd;color:#22262e;margin-left:3px;cursor:pointer}
.dataTables_paginate .paginate_enabled_next:hover,.dataTables_paginate a.paginate_button:hover,.dataTables_paginate .paginate_enabled_previous:hover{background-color:#eee;border-color:#ddd;color:#222}
.dataTables_paginate .paginate_button.current,.dataTables_paginate .paginate_button.current:hover{background:#1b1e24;color:#FFF;border-color:#1b1e24}
.dataTables_paginate a.paginate_disabled_previous,.dataTables_paginate a.paginate_button_disabled,.dataTables_paginate a.paginate_disabled_next{cursor:default;color:#ccc}
.dataTables_paginate a.paginate_button_disabled:hover{box-shadow:none;color:#ccc}
#univers{display:none}
.zoneUpdateSteam2{position:relative;background-color:#f9f9f9;padding:10px;margin:10px 0 40px 0;border-radius:5px;float:left;width:100%}
#updateGamesLibSteam2{display: block;float: right;padding: 10px;color: #e22470;border: 1px solid #e22470;position:absolute;right:15px;top:17px}
#updateGamesLibSteam2:hover{cursor:pointer;text-decoration:none;opacity:0.8}

.libraryEmpty{background-color: rgba(226, 36, 112,0.9);font-size:14px;color: #FFF;float: left;width: 100%;margin-bottom:40px;line-height: 21px;border-radius: 5px;padding: 15px}
#datatable svg{stroke: #e12470;width:15px;margin:2px}
#datatable .checkmark{stroke-width:3px}

.triList{width:70px;margin: 5px}
.triList svg{width:25px}

.tdimg{position:relative;overflow:hidden}
.tdimg img{position:absolute;top:0;left:0;border-radius:15px 0 0 15px}

.listSmall .dataTable{border:0}
.listSmall .titleElement{font-size: 20px}
.listSmall.cellules table caption{font-size:1.3em}
.listSmall.cellules table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.listSmall.cellules table tr{border:0;padding:0;display:block;margin-bottom:.625em;width:47.5%;display:inline-block;float:left;margin:10px;border-radius:15px;background-color: #fff;position:relative}
.listSmall.cellules table td{border:0;font-size:.8em;text-align:right;background-color:#fff;min-height:auto}
.listSmall.cellules table td::before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}
.listSmall.cellules table td:last-child{border-bottom:0}
.listSmall.cellules table td.tdimg{float:left;display:inline-block;border-radius:15px 0 0 0}
.listSmall.cellules table td.tdimg img{border-radius:15px 0 0 0;position:relative;height:100px}
.listSmall.cellules table td.tdtitle{float:left;display:inline-block;text-align: left;padding:10px 20px}
.listSmall.cellules table td.tdcategory{display:inline-block;text-align:left;padding:10px;position:absolute;top:0;right:15px}
.listSmall.cellules table td.tdtype{width:100%;display:inline-block;text-align:left;border-top:1px solid #dad8d8;margin-top:-12px}
.listSmall.cellules table td.tdcategory span,#listTab.cellules table td.tdtype span{background-color:#23d2e2;padding:5px 10px;margin:0 10px;border-radius:10px;color:#fff}
.listSmall.cellules table td.tdauth{border-bottom:0;display:inline-block;float:right;text-align:left;width:45.5%}
.listSmall.cellules table td.tdeditor{border-bottom:0;display:inline-block;float:left;text-align:left;width:45.5%;padding: 0 0 0 15px;}
.listSmall.cellules table td.tdnote{width:100%;border-top: 1px solid #efefef;display: inline-block;background-color: #f1f1f1;border-radius: 0 0 15px 15px;padding:0;margin: 15px 0 0 0}
.listSmall.cellules table td.tdnote .noteLibrary{width:50%;float:left;background-color:rgba(0,0,0,0);padding:0;margin:0;border-right:1px solid #c7c7c7;height:50px;display:inline-flex;align-items:center;justify-content:center}
.listSmall.cellules table td.tdnote .btDel{width:50%;height:50px;float:right;background-color:rgba(0,0,0,0);margin:0;display:inline-flex;align-items:center;justify-content:center}

.listMini .dataTable{border:0}
.listMini .titleElement{font-size:18px}
.listMini.cellules table caption{font-size:1.3em}
.listMini.cellules table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.listMini.cellules table tr{border:0;padding:0;display:block;margin-bottom:.625em;width:31%;display:inline-block;float:left;margin:10px;border-radius:15px;background-color: #fff}
.listMini.cellules table td{border:0;font-size:.7em;text-align:right;background-color:rgba(255, 255, 255, 0);min-height:auto}
.listMini.cellules table td::before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}
.listMini.cellules table td:last-child{border-bottom:0}
.listMini.cellules table td.tdimg{float:left;display:inline-block;border-radius:15px 0 0 0}
.listMini.cellules table td.tdimg img{border-radius:15px 0 0 0;position:relative;height:100px}
.listMini.cellules table td.tdtitle{float:left;display:inline-block;text-align: left;padding:10px 20px;width:75%}
.listMini.cellules table td.tdcategory,
.listMini.cellules table td.tdtype,
.listMini.cellules table td.tdauth,
.listMini.cellules table td.tdeditor{display:none}
.listMini.cellules table td.tdnote{width: 100%;display: inline-block;padding:0;border-top: 1px solid #efefef;background-color: #efefef;border-radius: 0 0 15px 15px}
.listMini.cellules table td.tdnote .noteLibrary{width:50%;height:35px;float:left;background-color:rgba(0,0,0,0);padding:0;margin:0;border-right:1px solid #c7c7c7;display:inline-flex;align-items:center;justify-content:center}
.listMini.cellules table td.tdnote .btDel{width:50%;height:35px;float:right;background-color:rgba(0,0,0,0);margin:0;display:inline-flex;align-items:center;justify-content:center}

@media screen and (max-width: 1000px) {
	.listSmall.cellules table tr{width:100%;margin:10px 0}
	.listSmall.cellules table td.tdtitle{width:80%}
	
	.listMini.cellules table tr{width:45%;margin:10px 2%}
	.listMini.cellules table td.tdtitle{width:80%}
}
@media screen and (max-width: 800px) {
	.listSmall.cellules table tr{width:100%;margin:10px 0}
	.listSmall.cellules table td.tdtitle{width:80%}
	
	.listMini.cellules table tr{width:100%;margin:10px 0}
	.listMini.cellules table td.tdtitle{width:80%}
}
@media screen and (max-width: 700px) {
	table{border:0}
	table caption{font-size:1.3em}
	table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
	table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}
	table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}
	table td::before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}
	table td:last-child{border-bottom:0}
}