/*
    Video server manager || Cloud edition
    
    videoserver/_manager/styles.css  
    14/07/2016
---------------------------------------- */ 

@font-face {
  font-family: 'dms';
  src:  url('/assets/fonts/dms.eot?p8d55a');
  src:  url('/assets/fonts/dms.eot?p8d55a#iefix') format('embedded-opentype'),
    url('/assets/fonts/dms.ttf?p8d55a') format('truetype'),
    url('/assets/fonts/dms.woff?p8d55a') format('woff'),
    url('/assets/fonts/dms.svg?p8d55a#dms') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dms' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dailymotion-footer:before {
  content: "\e915";
  color: #FFFFFF;
}
.icon-dailymotion:before {
  content: "\e913";
  color: #0066dc;
}
.icon-vimeo:before {
  content: "\e905";
  color: #1ab7ea;
}
.icon-youtube:before {
  content: "\e907";
  color: #f00;
}
.icon-facebook:before {
  content: "\e908";
  color: #1877f2;
}
.icon-facebook-grey:before {
  content: "\e909";
  color: #808080;
}
.icon-vimeo-grey:before {
  content: "\e90a";
  color: #b0b0b0;
}
.icon-youtube-grey:before {
  content: "\e90b";
  color: #808080;
}
.icon-dailymotion-grey:before {
  content: "\e90c";
  color: #808080;
}
.icon-home:before {
  content: "\e900";
}
.icon-compose:before {
  content: "\e901";
}
.icon-pencil2:before {
  content: "\e906";
}
.icon-image:before {
  content: "\e90d";
}
.icon-images:before {
  content: "\e90e";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-music:before {
  content: "\e911";
}
.icon-play:before {
  content: "\e912";
}
.icon-video-camera:before {
  content: "\e914";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-profile:before {
  content: "\e923";
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-files-empty:before {
  content: "\e925";
}
.icon-file-document:before {
  content: "\e926";
}
.icon-file-photo:before {
  content: "\e927";
}
.icon-file-audio:before {
  content: "\e928";
}
.icon-file-play:before {
  content: "\e929";
}
.icon-file-video:before {
  content: "\e92a";
}
.icon-file-zip:before {
  content: "\e92b";
}
.icon-stack:before {
  content: "\e92e";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-folder-download:before {
  content: "\e933";
}
.icon-folder-upload:before {
  content: "\e934";
}
.icon-address-book:before {
  content: "\e944";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-download:before {
  content: "\e960";
}
.icon-upload:before {
  content: "\e961";
}
.icon-search:before {
  content: "\e986";
}
.icon-zoom-in:before {
  content: "\e987";
}
.icon-zoom-out:before {
  content: "\e988";
}
.icon-equalizer:before {
  content: "\e992";
}
.icon-equalizer2:before {
  content: "\e993";
}
.icon-cog:before {
  content: "\e994";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars2:before {
  content: "\e99d";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-menu2:before {
  content: "\e9be";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-checkmark2:before {
  content: "\ea11";
}
.icon-enter:before {
  content: "\ea13";
}
.icon-play2:before {
  content: "\ea15";
}
.icon-volume-medium:before {
  content: "\ea27";
}
.icon-arrow-right:before {
  content: "\ea34";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-move-up:before {
  content: "\ea46";
}
.icon-move-down:before {
  content: "\ea47";
}
.icon-sort-alpha-asc:before {
  content: "\ea48";
}
.icon-sort-alpha-desc:before {
  content: "\ea49";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-filter:before {
  content: "\ea5b";
}
.icon-share:before {
  content: "\ea7d";
}
.icon-mail4:before {
  content: "\ea86";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-images3:before {
  content: "\e940";
}
.icon-cart4:before {
  content: "\ea01";
}
.icon-cart5:before {
  content: "\ea02";
}
.icon-cart-add:before {
  content: "\ea03";
}
.icon-cart-add2:before {
  content: "\ea04";
}
.icon-cart-remove:before {
  content: "\ea05";
}
.icon-envelop5:before {
  content: "\ea35";
}
.icon-interset:before {
  content: "\eab7";
}
.icon-paperplane:before {
  content: "\ec09";
}
.icon-cross1:before {
  content: "\ed6c";
}
.icon-arrow-up:before {
  content: "\edb7";
}
.icon-arrow-right1:before {
  content: "\edbb";
}
.icon-arrow-down:before {
  content: "\edbf";
}
.icon-arrow-left1:before {
  content: "\edc3";
}
.icon-arrow-right7:before {
  content: "\edd6";
}
.icon-arrow-down7:before {
  content: "\edd8";
}
.icon-facebook-footer:before {
  content: "\eef0";
}
.icon-instagram-footer:before {
  content: "\eef1";
}
.icon-twitter-footer:before {
  content: "\eef5";
}
.icon-youtube-footer:before {
  content: "\eefc";
}
.icon-linkedin-footer:before {
  content: "\ef28";
}
.icon-user:before {
  content: "\e971";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-cheveron-down:before {
  content: "\e910";
}
.icon-cheveron-left:before {
  content: "\e902";
}
.icon-cheveron-right:before {
  content: "\e903";
}
.icon-cheveron-up:before {
  content: "\e904";
}

body, .form-control {
  font-size: 0.9rem;
}


.manager-icon {
    font-size: 18px;
    padding-right: 10px !important;
}

.manager-icon.icon-compose {
    color: #323232;
}

.manager-icon.icon-bin {
    color: #FF0000;
}

td.table-tools {
    text-align: right;
}

a:hover {
	text-decoration: none;
}

a.icon {
	color: #323232;	
	margin: 0 4px;
	font-size: 1rem;
}

a.disable i {
	color: #D9D9D9;
}

a.delete {
	color: #CC0000;
	text-decoration:none;
}

a.delete:hover, a.handle:hover {
	text-decoration:none;
}

a.delete:hover {
	color: #EE0000;
}


/** {
  margin: 0;
  padding: 0;
}
img {
	border: none;
}
a {
text-decoration: none;
color: #222;
}
a:hover{
text-decoration: underline;
}
.hand {
cursor: pointer;
}
div {
  position: relative;
}
.center {
  text-align: center;
}
.left-align {
  text-align: left;
}
*/h1{
  font-size: 2em;
  text-align: left;
}
h1 a{
  color: #999;
}
h4 a {
  color: #f36422;
}
h4 a:hover{
  color: #CF1313;
}
h5 {
  position: absolute;
  font-size: 0.9em;
  font-weight: bold;
  top:-15px;
  right: 20px;
}

.btn-primary {
	color: #fff;
    background-color: #F16530;
    border-color: #F16530;
    margin-bottom: .5rem!important;
}

.btn-secondary {
    margin-bottom: .5rem!important;
}

nav.bg-primary {
    color: #fff;
    background-color: #F16530 !important;
    padding-top : 0;
    padding-bottom : 0;
}

nav.bg-primary a {
    color: #fff;
}

nav.bg-primary li ul a {
    color: #323232;
}

#mainTable_wrapper {
	padding: 0;
}

.table {
  font-size: 0.9em;
  border-collapse: collapse !important;
  table-layout:fixed;
}

.w-20 {
  width: 20%;
}

.w-10 {
  width: 10%
}

.w-15 {
  width: 15%
}

.w-35 {
  width: 35%
}

.w-40 {
  width: 40%;
}

.table td {
  font-size: 0.9em;
  border-collapse: collapse !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.table td.fixed {
  font-size: 0.9em;
  border-collapse: collapse !important;
  text-overflow: clip;
  white-space: normal;
  overflow: auto;
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 1.2em;
}

.dataTables_info {
	display: inline;
    float: left;
}

.selected {
    background-color: #cecece;
}

/*.message {
  position: absolute;
  top: 27px;
  text-align: center;
  width: 100%;
}
#choix_site + div.message {
	top: 104px;
}
div.message + h1 {
	margin-top: 35px;
}
.message span{
  background-color: #007ff0;
  padding: 3px 12px;
  color: #fff;
  border: 1px solid #007ff0;
}
.flash span{
  background-color: red;
}*/
/* Main blocks
---------------------------------------- */
/*body {
  font-size: 0.9rem;
  font-size:11px;
  text-align: center;
  height: 100%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  background: #fff;
  color: #222;
}*/
#alert{
	display: none;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
}
#contener {
  width: 1180px;   
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;  
  background: #fff;
  border: 1px solid #ddd;
}
#content {
  position: relative;
  min-height: 228px;
  padding: 20px 3px 10px 3px;
}
/* Top menu
---------------------------------------- */
#top_menu {  
  width: 1180px;   
  margin-left: auto;
  margin-right: auto;
  font-size: .8em;
  padding-right: 5px;
  height: 18px;
}
#top_menu a:hover{ 
  text-decoration :none;
}
#quit a {
  display: block;  
  text-decoration :none;
  background: url(/assets/img/picto_quit.png) no-repeat 100% 2px;
  padding: 5px 15px 0 0 ; 
  height: 16px;
  width: 50px;
  float: right;
}
#top {
  position : relative;
  background: #fff;
  height: 135px;
}
#index ul {
  font-size: 2.4em;
  font-weight: bold;
  text-align: left;
  color: #fff;
  margin: 90px 0 90px 280px;
  list-style-image: url(/assets/img/puce_asterix.png);
}
#index ul a {
  text-decoration: none;
}
#index ul a:hover {
  color: #333;
}
#index li {
  margin-bottom: 60px;
}

#thumb img{
  float: left;
  margin-bottom: 12px;
}


/* Admin
---------------------------------------- */
#admin_menu {
margin: 20px 100px 0 0 ;
  text-align: right;
  font-size: 1em;
}
#admin_menu a {
  border: 1px solid #ddd;
  padding: 6px;
}
#admin_menu a:hover {
  background-color: #E1FB9A;
}
#admin_menu img {
  vertical-align: middle;
  padding-right: 3px;

}
.admin_seq {
  position: absolute;
  right:10px;
  top: 22px;
}
.admin_seq img {
  border: none;
  padding-right: 4px;
}

.admin hr {
  border: 0;
  height: 1px;
  display: block;
  margin-bottom: 5px;
  _margin: -0.5em 0;
  color: #ff5a00;
}

/* Form
---------------------------------------- */
/*form {
  text-align: left;
}
fieldset {
  border: none;
}
fieldset.button{
  margin: 0 0 22px 220px;
}
label {
  text-align: right;
  padding: 0 3px 0 0;
  display: block;
  float: left;
  clear: both;
  height: 19px;
}
textarea {
	margin-bottom: 5px;
	font-size:11px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
legend{
  padding: 10px 0 4px 0;
  font-weight: bold;
}
input[type="text"],input[type="email"],input[type="password"], textarea, select {
  display: block;
  border: 1px solid #B27E75;
}
input[type="submit"], input[type="button"] {
    cursor: pointer;
    font-size: 1.1em;
    padding: 2px;
    display: inline;
    margin: 0 8px;
    background-color:#e3e3e3;
    border: 1px solid #c89E99;
}
input[type="button"].submit {
background-color: #e3e3e3;
}
select {
	width: 250px;
}
#top_form select
{
  display: inline;
  width: 140px;
}*/

fieldset {
	border: #F16530 1px solid;
	padding: 20px;
	margin: 20px 0;
	position: relative;
}

fieldset legend {
	background-color: #F16530;
	color: #FFF;
	padding: 4px 8px;
	font-size: 1rem;
}

.corner_menu {
  position: absolute;
  right: 25px;
  top: 0px;
  width: 50px;
  padding-left: 5px;

}

.managerMenu fieldset a {
  color: #2b3151;
}

.managerMenu fieldset li {
  list-style-type: circle;
}

fieldset.secondary {
	border: #2b3151 1px solid;
}

fieldset.secondary legend {
	background-color: #2b3151;
}


/* identification
---------------------------------------- */
form#identification {
  margin-left: 20px; 
  margin-right: 20px; 
  padding-bottom: 20px;
}
#identification label {
  width: 220px;
}
#identification input {
  margin-bottom: 5px;
}
#identification input[type="email"],#identification input[type="password"] {
  width: 260px;
}
input[type="submit"].recover {
	background-color:transparent;
	border: none;
	color: inherit;
	font-size:0.9em;
	visibility: hidden
}
/* inscription
---------------------------------------- */
form#inscription   {
  margin-left: 20px; 
  margin-right: 20px; 
  padding-bottom: 20px;
}
.inscription label {
  width: 220px;
}
#inscription input {
  margin-bottom: 5px;
}
#inscription select {
  margin-left: 225px;
}
.inscription td input[type="checkbox"] {
margin :0
}
.inscription select {
  margin-bottom: 3px;
}
.inscription input[type="checkbox"]{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 6px;
  margin-left: 4px;
}

.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

navbar div .show .abs-center-x {
    position: relative;
    left: auto;
    transform: none;
}

.tooltip-inner {
    background-color: #0e2542;
    color: #FFF;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #0e2542;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #0e2542;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #0e2542;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #0e2542;
}

.input-group>.fixed-size-20 {
    flex: 0 0 20%;
}

.input-group>.fixed-size-25 {
    flex: 0 0 25%;
}

.input-group>.fixed-size-30 {
    flex: 0 0 30%;
}

.input-group>.fixed-size-25 .input-group-text, .input-group>.fixed-size-30 .input-group-text, .input-group>.fixed-size-20 .input-group-text {
    width:100%;
}

.input-group-append .btn {
    width: 100%;
    text-align: right;
}

#edition hr {
  margin: 5px 0 7px 0;
  border: none;
  border-top: 1px dotted #aaa;
  clear: both; 
} 

.card-img-top {
  object-fit: contain !important;
  height: auto !important;
  background-color: #CCCCDD;
  max-height: 180px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-deck .card-header {
  height:32px;
  background-color: #0e2542;
}

/*fieldset#form1, fieldset#form2{
  position: relative;
  margin : 10px 0 0 40px;
  padding-top: 8px;
  border: 1px solid #aaa;
  width: 650px;
}*/
.sort legend{
  margin-left: 20px;
  padding: 5px;
}
#format_visio input[type="checkbox"]{
  margin: 4px 0 9px 4px;
}
.checkboxall input[type="checkbox"]{
  margin: 0;
}  

.card-deck .star .setCover i, .edit i, .delete i {
	text-shadow: 1px 1px 2px #0e2542;
}

.card-deck .star .setCover i.icon-star-full {
	color: #e2011a;
}



/* Table
---------------------------------------- */
/*table{
  margin: 10px 0;
  font-size: 0.9em;
  border-top: 1px solid #ddd;
  border-collapse: collapse;
  width: 100%;
}
table input[type="text"] {
  border-color : #fff;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}
td{
  padding: 6px 2px;
  text-align: center;
}
th{
  padding: 4px 2px;
  border-bottom: 1px solid #ddd;
}
th.center {
  text-align: center;
}
input.radio {
  text-align: center;
}
.media_list tr{
  border: 1px solid #f3f3f3;
  padding: 6px 0;
}
.media_list td{
  height: 30px;
  padding: 2px 0;
}
.media_list img{
  float: left;
  padding-left: 15px;
}
.media_list .legende{
  text-align : left;
  margin-left: 85px;
}
.hand img{
float: none;
  padding-left: 6px;
}
table input[type="checkbox"]{
  margin-right: 10px;
}*/
.sous-total {
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
  font-size: 0.9em;
}

#mediaTable .job {
  color: #FFF;
  padding: 2px 4px;
}

.processing {
  background-color: #8e5f00;
}
.annule {
  background-color: #8e1880;
}
.fini {
  background-color: #138213;
}
.erreur {
  background-color: #970b0b;
}
.inscription td input[type="checkbox"] {
margin :0
}

fieldset.bouton label{
	float: none;
	text-align: left;
	display: inline;
	margin-left: 95px;
}
input[type="image"]
{
  vertical-align: middle;
}
/* Parametrage
---------------------------------------- */
.parametrage h3 {
text-align: left;
font-size: 1.1em;
font-weight: bold;
padding: 15px 0 8px 10px;
}

.parametrage ul {
  text-align: left;
  list-style: square;
}
.parametrage li {
  margin: 8px 50px;
}
.id {
  color: #777;
  font-style: italic;
}
.ajout select {
  display: inline;
  margin-bottom: 5px;
}
.listing {
  /*text-align: left;
  height: 34px;
  width: 500px;
  margin-left: 50px;
  border-bottom : 1px dotted white;
  border-top : 1px dotted white;
  margin-bottom: -1px;*/
}
.listing img {
  padding: 0 2px;
  cursor: pointer;
}
.item {
	float: left;
	width: 350px;
	margin-top: 8px;
}
.move, .edit, .supp{
	float: left;
	width: 50px;
	margin-top: 8px;
	text-align: center
}
.edit{
	margin-top: 3px;
}
.supp{
	width: 30px;
}
#choix_site{
	position:relative;
	padding: 0 0 10px 30px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #aaa;
}
#choix_site input {
	display: inline;
	margin: 0 20px 0 0;
}
#choix_site label {
	display: inline;
	line-height: 25px;
	float: none;
	font-size: 1.2em;
	font-weight: bold;
}

fieldset.button_onglet{
	margin: 6px 0 12px 195px;
}

/* statistiques
---------------------------------------- */ 
.stat fieldset {
  margin: 10px 0 30px 40px;
}
.stat label{
	display: inline;
	float: none;
}
.stat select {
	display: inline;
	padding: 2px;
}
.stat input[type="text"] {
	margin-right: 10px;
	padding: 3px 0;
	display: inline;
	text-align: center;
	width: 90px;
}

/* reseaux sociaux
---------------------------------------- */
#content.rs {
	text-align: left;
}
#content.rs a{
	text-decoration: underline;
}
.rs p{
	margin-left: 60px;
}
.rs form{
	margin-left: 50px;
}
h1.rs {
	margin: 20px 0 0 0;
}
/* jauge
---------------------------------------- */ 
#jauge {
  text-align: left;
  float: right;
  margin: 0 20px 0 0;
}
#jauge_graph {
  width: 120px;
  height: 12px;
  border: 1px solid #666;
  background-image: url(/assets/img/jauge.png);
  text-align: right;
  float: left;
  margin-right: 5px;
}
/* infobulle
---------------------------------------- */ 
a.infobulle span{
  display: none;
  padding: 5px;
  border: 1px solid grey;
}
a.infobulle:hover span{
  display: inline;
  position: absolute;  
  background-color: white;
}
/* Pagination
---------------------------------------- */
ul.paginate {
  list-style-type: none;
  margin: 12px 0 0 0;
}
.paginate li {
  display: inline;
  margin: 6px;
}
.paginate a {
  text-decoration: none;
  border: 1px solid #000;
  padding: 2px 6px 2px 6px;
  color: #000;
  cursor: pointer;
}
.paginate a:hover {
  border: 1px solid #333;
  padding: 2px 6px 2px 6px;
  color: #333;
  background-color: #0a0;
}
.paginate li.courant { 
  border: 1px solid #555;
  padding: 2px 6px 2px 6px;
  background-color: #f36321;
  color: #fff;
  font-weight: bold;
}
/*back
-----------------------*/
.back, .haut, .bas {
text-align: left;
margin: 5px 0 5px 5px;
}
.back a {
color: green;
background: url(/assets/img/ui-button-navigation-back.png) no-repeat;
padding:0 9px 0 20px;
}
/*navigation dans la page
-----------------------*/
.bas a {
color: green;
background: url(/assets/img/ui-button-navigation-footer.png) no-repeat;
padding:0 9px 0 20px;
}
.haut a {
color: green;
background: url(/assets/img/ui-button-navigation-top.png) no-repeat;
padding:0 9px 0 20px;
}
/*footer
-----------------------*/

    
#footer img{
  display: inline-block;
  margin: 0 50px;
  vertical-align: middle;
}

html, 
body {
    height: 100%;
}

html {
  height: 100%;
}
body {
  min-height: 100%;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  font-size: 0.9rem;
  /* Margin bottom by footer height */
  
}
#footer {
  position: fixed;
    bottom: 0;
    width: 100%;
    padding: 12px 15px 12px 15px;
    margin: 0;
    background-color: #f5f5f5;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.4em;
    color: #666;
    background : #f4f4f4;
}
/* lightbox stats
-----------------------*/
#stats {
  min-height: 228px;
  background: #fff;
  padding: 20px 20px;
}

#identification .btn-primary {
	margin-bottom: 0 !important;
}

.nav-user .dropdown-menu {
	position: absolute;
    right: 0px;
    left: inherit;
}

.fileuploader-items .fileuploader-item .column-title div {
   white-space: normal !important;
}

.fileuploader-theme-dragdrop .fileuploader-input {
    padding: 23px 0 !important;
}

.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-main-icon {
    margin-bottom: 0 !important;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 {
        position: unset !important;
}

.fileuploader-action-edit {
  display: none !important;
}

.ftp_file_list .column-actions {
    display: none !important;
}

.custom-file .custom-file-control:lang(fr)::before {
  content: "";
}

.custom-file .custom-file-control:lang(fr)::after {
  content: "Parcourir";
}

.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
  background: #2b3151 !important;
}

.fileuploader-main-icon {
    color: #2b3151 !important;
}

#mediaTable {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap:break-word;
}

#mediaTable thead th {
  /*background-color: #2b3151 !important;*/
  color: #2b3151;
  font-weight: normal;
  border: 1px solid #FFF
}

table.dataTable thead>tr>th:before,
table.dataTable thead>tr>th:after {
  display: none !important;
}

table.dataTable.table-sm>thead>tr>th {
  padding: .2rem .6rem .2rem .2rem;
}

table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:after {
  display: block !important;
  top: 3px !important;
  right: 1px !important;
}

.dataTables_info, .dataTables_filter, .dataTables_length, .dataTables_paginate {
  font-size : 0.9rem !important;
}

#mediaTable_wrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 50px;
}

#mediaTable_filter, #mediaTable_info, #mediaTable_length, #mediaTable_paginate {
  position: absolute;
}

#mediaTable_filter {
  top: 0;
  right: 0;
}

#mediaTable_info {
  top: 0;
  left: 0;
}

#mediaTable_length {
  bottom: -24px;
  left: 46%;
  transform: translate(-50%, -50%);
}

#mediaTable_paginate {
  bottom:  0;
  right: 0;
}

#mediaTable .min_width {
  min-width: 150px !important;
}

#mediaTable a.deleteJob {
  font-size: 0.3rem;
  line-height: 18px;
  color: #0e2542;
}

#mediaTable a.deleteJob:hover {
  color: #e2011a;
}

table.dataTable img {
    max-width: 48px;
    max-height: 27px;
    width: auto;
    height: auto;
}

table.table-album td {
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow: none !important;
}

table.dataTable img.albumThumb {
  max-width: 200px;
  max-height: 150px;
}

table.dataTable img.sharing {
  width: 22px;
}

.bulkThumb {
  max-height: 62px;
}

.bulk_ck {
  margin-right: 12px;
}

body.body-local {
	border-top: #c3e6cb 8px solid;
}

body.body-dev {
	border-top: #b8daff 8px solid;
}

#managerModal .modal-header {
  background-color: #0e2542;
  color: #FFF !important;
}

#managerModal  h2.modal-title {
  font-size: 1.3rem;
}

#managerModal  h2.modal-title span {
  font-size: 1rem;
}

#managerModal  h3 {
  font-size: 1.1rem;
}

#managerModal  .btn-link {
  padding: 0;
  font-size: 1rem;
  color: #0e2542;
}

#managerModal .close {
  color: #FFF;
}

#managerModal .close:focus, #managerModal .close:hover {
    color: #DDD;
}

.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
  -webkit-appearance: button !important;
  -moz-appearance: button !important; 
  cursor: pointer;
}

@media (max-width: 1024px) {
  #mediaTable_length {
    bottom: -48px;
    left: 0;
    transform: none;
  }

  #content {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 855px) {
  #mediaTable_length {
    bottom: -48px;
    left: 0;
    transform: none;
  }

  #mediaTable_paginate {
    bottom:  -86px;
    right: auto;
    left: 0;
  }

  #mediaTable_filter {
  top: -20px;
  left: 0;
  text-align: left;
}

  #content {
    padding-bottom: 100px !important;
  }
}