/*

  COLORS
  
  text-color: #202124;
  
  head-text-color: #4d5055
  head-text-color-bluer: bfcdda



  line-color: #d1d3d8;
  

  input background color: #f1f3f4
  input background color bluer:f5f7fa
*/


@font-face{font-family:"ProductSans";font-weight:400;font-style:normal;src:url("/serdelia/public/fonts/ProductSans/ProductSans.woff2") format("woff2")}
@font-face{font-family:"ProductSans";font-weight:400;font-style:italic;src:url("/serdelia/public/fonts/ProductSans/ProductSansItalic.ttf") format("truetype")}
@font-face{font-family:"ProductSans";font-weight:800;font-style:normal;src:url("/serdelia/public/fonts/ProductSans/ProductSansBold.ttf") format("truetype")}
@font-face{font-family:"ProductSans";font-weight:800;font-style:italic;src:url("/serdelia/public/fonts/ProductSans/ProductSansBoldItalic.ttf") format("truetype")}
* {-webkit-font-smoothing: antialiased;}

/* @font-face{font-family:"glyphicons";font-weight:300;font-style:normal;src:url("/serdelia/public/bootstrap/fonts/glyphicons-halflings-regular.ttf") format("truetype")} */

body {  
  font-family: 'ProductSans', sans-serif;
  color: #202124;
  font-size:14px;
  background-color: #fff;  
  padding:0;
}

.serdelia-body
{  
  margin-top:156px;
  background-color: #f5f7fa;   
  min-height:calc(100vh - 160px);
}

.serdelia-body--no-header
{  
  margin-top:58px;
  min-height:calc(100vh - 58px);
}

.serdelia-bg-color
{  
  background-color: #f5f7fa;   
}

.serdelia-body-full
{  
  background-color: #f5f7fa;   
}

.serdelia-body-nofix
{  
  background-color: #f5f7fa;   
}

.serdelia-body-edit
{  
  margin-top:136px;
  background-color: #f5f7fa;   
  min-height:calc(100vh - 136px);
}

.serdelia-body-edit-lightbox
{  
  margin-top:0px;
  padding-top:10px;
  min-height: calc(100vh - 40px);
}

.form-control
{
    font-size:14px;
}

body.no-menu
{
  background-color: #fff !important;
}


body .header
{
  padding-top: 50px;
}




/* material design icons fixes */

.mdi, .material-icons {
  top: 2px;
}

.mdi-pull-up
{
  top:0px;
}

.mdi.pull-left {
  top: 3px;
  margin-right: .3em; }

.mdi.pull-left-far {
  margin-right: 1em; }

.mdi-15x, .mdi-size-15x {
  font-size: 1.5em; }

.mdi-175x, .mdi-size-175x {
  font-size: 1.75em; }

.card-title .mdi
{
  top: 3px;
}

/*----------------------------------------------------------------------*/
/* TABS
/*----------------------------------------------------------------------*/

.nav-tabs
{
  font-size:14px;
}

.nav-item
{
  background-color: none;
}

.nav-item a
{
  color: #202124;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link
{
  background-color: #f5f7fa;
  border-color: #dee2e6 #dee2e6 #f5f7fa;
}

/*----------------------------------------------------------------------*/
/* NAV BAR
/*----------------------------------------------------------------------*/

.navbar
{
  padding: 0.5rem 1.5rem;
  background:#fff;
  border-bottom: 1px solid #d1d3d8;
  font-size:14px;
}

.navbar-nav li
{
  font-size:14px;
}

.navbar-brand
{
  max-width: 100px;
}

.navbar-brand img
{
  max-height:30px;
  max-width: 100px; 
}

.navbar a
{
  color:#4d5055;
}  

.nav-item
{
  padding-right: 10px;
}

.form-control-search
{
  width:250px;
  height:40px;
  border: 0px;
  background-color: #f5f7fa;
  padding: 0.375rem 1.5rem;
  border-radius: 0.5rem;

  padding-left: calc(2.5em + .75rem);
  background-image: 
        url('data:image/svg+xml;utf8,<svg focusable="false" height="24px" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M20.49,19l-5.73-5.73C15.53,12.2,16,10.91,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.41,0,2.7-0.47,3.77-1.24L19,20.49L20.49,19z M5,9.5C5,7.01,7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14S5,11.99,5,9.5z"></path><path d="M0,0h24v24H0V0z" fill="none"></path></svg>');
  background-repeat: no-repeat;
  background-position: center left calc(.75em + .1875rem);
  background-size: calc(1em + .5rem) calc(1em + .5rem);
  font-size: 14px;
}
.form-control-search-small
{
  width:200px;
}

.serdelia-edit-field-search
{
  padding-left: calc(2.5em + .75rem);
  background-image: 
        url('data:image/svg+xml;utf8,<svg focusable="false" height="24px" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M20.49,19l-5.73-5.73C15.53,12.2,16,10.91,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.41,0,2.7-0.47,3.77-1.24L19,20.49L20.49,19z M5,9.5C5,7.01,7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14S5,11.99,5,9.5z"></path><path d="M0,0h24v24H0V0z" fill="none"></path></svg>');
  background-repeat: no-repeat;
  background-position: center left calc(.75em + .1875rem);
  background-size: calc(1em + .5rem) calc(1em + .5rem);
}

/*----------------------------------------------------------------------*/
/* PAGINATION
/*----------------------------------------------------------------------*/


.page-link
{
  background-color: #fff;
  color: #202124 !important;
}

.page-item .page-link
{
  font-size:10px;
}

.page-item.active .page-link
{
  background-color: #007bff;
  border-color: #007bff;
  color: #fff !important;
}

.page-item.disabled .page-link
{
    background-color: #fff;
    color: #d1d3d8 !important;

}

/*----------------------------------------------------------------------*/
/* PAGE HEADER 
/*----------------------------------------------------------------------*/

.page-margin-top
{
  margin-top:64px !important;
  padding-top:12px;
}

.page-header-fixed
{
  position:fixed;
  padding-top:16px;
  padding-bottom: 8px;

  color:#202124;
  top:58px;
  min-height:98px;  
  border-bottom: 1px solid #d1d3d8;
  background-color: #fff;
  z-index:1000;
  width:100%;
  
}

.page-header
{
  margin-top:75px;
  color:#202124;
  min-height:64px;  
  padding-bottom: 8px;
  border-bottom: 1px solid #d1d3d8;
  xbackground-color: #f0f0f0;
}

.page-header-edit
{
  min-height:80px;
}

.page-header a
{
  color:#f00;
}


.page-header .btn:hover
{
  opacity:1;  
}

.page-header .pull-right .btn
{
  min-width:70px;
}

.page-header .alert-danger
{
  background: #f00;
  color:#fff;
}

.page-header h3
{
  font-size:22px;  
}
.page-header-fixed h3
{
  font-size:22px;  
}


.page-header h2
{
  font-size:22px;  
}

.page-header-fixed h2
{
  font-size:22px;  
}

.marketing
{
  min-height: calc(100vh - 160px);
}
.marketing h4
{
  font-size:18px;
}

/*----------------------------------------------------------------------*/
/* input forms autofill colors */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #e1e3e4;
  -webkit-box-shadow: 0 0 0px 1000px #f5f7fa inset;  
}
/*----------------------------------------------------------------------*/

body a {
  /*
  color: %style_background-color%;
  */
}
.navbar
{
  /*
  border-bottom: 1px solid %style_background-color%;
  font-size:%style_navbar_font_size%;
  */
}
.navbar a
{
  /*color:%style_text-color%;*/
}  

.containter-body
{
 /* background: %style_body-background-color%;*/
  min-height: 100%;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

/*----------------------------------------------------------------------*/

/* html,body{height:100%;} */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/*----------------------------------------------------------------------*/

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin .first {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin .last {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin .middle {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin select {
  margin-bottom: 10px;
  height: 42px !important;

}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/


table th, table th a
{
  font-size:12px;
  border-bottom: 1px !important;
  border-top:0px !important;
  
  font-weight:800;
}

table th a
{
  color:#90a0af;
}

table
{
  font-size:14px;
}

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #e8f1fd;
}




/*----------------------------------------------------------------------*/

tr.serdelia-highlight
{
    background-color: #ffde00;
}

.serdelia-highlight .thumbnail-null

{
  border: 2px solid #ffde00;
}

.serdelia-highlight img,.serdelia-highlight .grid-image-background

{
  border: 5px solid #ffde00;
}

.serdelia-page
{
  padding-top:20px;
  padding-bottom:20px;
}


.serdelia-page-color
{
    width:20px;
    height:20px;
    border: 2px solid #ccc;
}

.serdelia-edit
{
  padding-top:20px;
  padding-bottom:20px;
}

.serdelia-edit-pair-tr
{
  cursor:move; 
}

.serdelia-edit-pair-tr td
{
  vertical-align: middle;
}

.serdelia-edit-pair-remove
{
  padding:3px;
  font-size:10px;
  float:right;
}

.serdelia-edit-pair-tr-edit
{
  background-color:yellow;
  pointer-events:none;
}

.serdelia-edit-toggle-lang
{
 text-transform: uppercase;
}

.serdelia-edit-fields-lang
{
 text-transform: uppercase;
 pointer-events: none;
}

/*----------------------------------------------------------------------*/

.serdelia-edit-image-saveedit
{
  display:none;
}

.serdelia-edit-image-utils
{
  font-size:12px;
  margin-right:10px;
}

.serdelia-edit-image-utils-checkbox
{
  height:12px;
}

.serdelia-edit-images
{
  margin-bottom:10px;
  width:100%;
}

.serdelia-edit-image-thumb
{
  display:inline-block;
  padding-right:5px;
  xxx-padding-bottom:10px;
  min-width:100px;
}

.serdelia-edit-image-thumb img:hover
{
  opacity:0.5;
}

.serdelia-edit-image-thumb-size
{
  position:absolute;
  left:0px;
  top:0px;
  font-size: 12px;
  padding:5px;
  background: #000;
  color:#fff;
  z-index:-999;
}

.serdelia-edit-image-thumb
{
  position:relative;
  left:0px;
  top:0px;
}

.serdelia-edit-imageUploadThumb small
{
  word-break: break-word;
}

.serdelia-edit-imageUploadThumb,.serdelia-edit-imageUploadThumb-nomove
{
  display: inline-block;
  position:relative;
  vertical-align: top;
  padding: 0px 10px 10px 0px;
  margin-top:10px;
}

.serdelia-edit-imageUploadThumbLinear
{
  display: block;
}

.serdelia-edit-imageUploadThumb img
{
  cursor:move;
}
.serdelia-edit-imageUploadThumb canvas
{
  cursor:move;
  height:100px;
}

.serdelia-edit-imageUploadThumb img:hover, .serdelia-edit-imageUploadThumb-nomove img:hover, .serdelia-edit-imageUploadThumb canvas:hover
{
  outline:3px solid #f80;
  a {
    display: none;
  }
}

.serdelia-edit-imageUploadThumb > ax,
.serdelia-edit-imageUploadThumb > spanx
{
    display: none;
    } 

.serdelia-edit-imageUploadThumb:hover > a,
.serdelia-edit-imageUploadThumb:hover > span
.serdelia-edit-imageUploadThumbFile >a,
{
    display: block;

    } 


.serdelia-edit-imageUploadThumb.caption1 { padding-bottom:30px }
.serdelia-edit-imageUploadThumb.caption2 { padding-bottom:60px; }
.serdelia-edit-imageUploadThumb.caption3 { padding-bottom:90px }
.serdelia-edit-imageUploadThumb.caption4 { padding-bottom:120px; }
.serdelia-edit-imageUploadThumb.caption5 { padding-bottom:150px }
.serdelia-edit-imageUploadThumb.caption6 { padding-bottom:180px; }



.serdelia-edit-imageUploadThumb-wide
{
  width:100%;
}

.serdelia-edit-imageUploadThumb-wide-info
{
  padding-left:10px;
}


.serdelia-edit-imageUploadRemove
{
  opacity:0.5;
  background-color: #fff;
  border-radius: 3px;
  color: black;
  text-align:left;
  padding-top:3px;
  padding-left:3px;
  width:19px;
  // right:12px;
  height:19px;
  top:1px;
  // position:absolute;
}

.serdelia-edit-imageUploadRemove:hover
{
  background-color: #f00;
  color:#fff;
  opacity:1;
}

.serdelia-edit-elements-remove
{
  opacity:0.5;
  background-color: #fff;
  border-radius: 3px;
  color: black;
  text-align:left;
  padding-top:3px;
  padding-left:3px;
  width:19px;
  right:12px;
  height:19px;
  top:1px;
  position:absolute;
}

.serdelia-edit-elements-remove:hover
{
  background-color: #f00;
  color:#fff;
  opacity:1;
}

.serdelia-edit-elements-remove--simple
{
  position:relative;
  left:5px;
}

.serdelia-edit-elements--simple
{
  display:inline-block;
  padding:3px 10px;
  width:auto;
  background-color:white;
  border:1px solid #aaa;
}

.serdelia-edit-media-tool
{
  opacity: 0.5;
  color: black;
  padding-right:4px;
  text-align:left;
  
}

.serdelia-edit-imageUploadView
{
  opacity:0.5;
  color: black;
  padding-top:4px;
  padding-left:3px;
  text-align:left;
  width:20px;
  // right:30px;
  height:21px;
  top:0px;
  // position:absolute;
}

.serdelia-edit-imageUploadView:hover
{
  color: red;
  text-decoration: none;
  opacity:1;
}

.serdelia-edit-imageUploadCaptions
{
  left:0px;
  padding-left:0px;
  top:100px;
  position:absolute;  
  width:100%;
}

.serdelia-edit-imageUploadCaption
{
  border:0px;
  background: #ddd;
  color:#444;
  height:30px;
  width:calc(100% - 10px);
  border-radius: 0px;
}

.serdelia-edit-imageUploadCaption:focus {
    width:calc(300% - 20px);
    background: #fff;
    border: #888;
}

.serdelia-edit-imageUploadCaption:focusout {
    width:calc(100% - 10px);
    border:0px;
}

.serdelia-edit-imageUploadCaptionLinear
{
  border:0px;
  background: none;
  border-bottom: 1px dotted #d1d3d8;
  color:#4d5055;
  height:30px;
  padding:0;
  width:calc(100%);
  border-radius: 0px;
}

.serdelia-edit-imageUploadCaptionLinear-label
{
  display:inline-block;
  color:#4d5055;
  temp-height:30px;
  width:80px;
}

.serdelia-edit-imageUploadCaptionLinear-short
{
  display:inline-block;
  border:0px;
  background:none;
  temp-font-family: 'Courier New', Courier, monospace;
  border-bottom: 1px dotted #d1d3d8;
  color:#4d5055;
  height:30px;
  padding:0 6px 0 6px;
  width:calc(100% - 80px);
  border-radius: 0px;
}

.serdelia-edit-media-vimeo
{
  background-image: url("../img/edit_images_vimeo_small.png");
  width:20px;
  height:20px;
  left:0px;
  top:0px;
  position:absolute;
}

.serdelia-edit-media-mp4
{
  background-image: url("../img/edit_images_mp4_small.png");
  width:20px;
  height:20px;
  left:0px;
  top:0px;
  position:absolute;
}

.serdelia-edit-media-file
{
  background-image: url("../img/edit_images_file_small.png");
  width:20px;
  height:20px;
  left:0px;
  top:0px;
  position:absolute;
}

.serdelia-edit-field-hidden
{
  display:none;
}

/*----------------------------------------------------------------------*/

.serdelia-elements-double-inputs {
  border-style:dashed;
  border-radius: 5px;
  border-width: 1px;padding: 10px 5px;border-color: #ccc;
  }
  
/*----------------------------------------------------------------------*/

.serdelia-drag-upload {
border-style:dashed;border-radius: 5px;-moz-border-radius: 5px;border-width: 1px;padding:10px;border-color: #ccc;
}

/*----------------------------------------------------------------------*/

.png_rollover_black
{
  transition: all 0.5s ease-out;
}


.png_rollover_black:hover
{
  background: #303030;
  transition: all 0.5s ease-out;
}

/*----------------------------------------------------------------------*/

.btn
{
  font-size:14px;
}

.btn-sm
{
  font-size:12px;
}


.btn-default
{
  border: 1px solid #d1d3d8;
  color: #202124;
}

.btn-default:hover
{
  border: 1px solid #202124;
}

.btn-default-dark
{
  border: 1px solid #aaa;
  color: #aaa;
}

.btn-default-dark:hover
{
  border: 1px solid #fff;
  color: #fff;
}

.btn-black {
  color: #808080;
  background-color: #202020;
  border-color: #808080;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
  color: #ffffff;
  background-color: #202020;
  border-color: #ffffff;
}
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled:active,
.btn-black.disabled.active,
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled]:active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active {
  background-color: #000000;
  border-color: #808080;
}


/*----------------------------------------------------------------------*/

.tr_sortable
{
  cursor: move;
}

.table td, .table th {
    min-width: 100px;
}

.grid_sortable
{
  cursor: move;
}


.homepage {
  text-align: center;
  padding-top:20px;
  padding-bottom:20px;
}

.fullscreen
{
  height:calc(100% - 20px);
}



.serdelia-edit-right
{
  float:right;
  
}


.breadcrumb {background: none; border: 0px; display: block;padding: 10px 0px 0px 0px;margin-bottom:-10px;}
.breadcrumb li {font-size: 10px;}
.breadcrumb>.active {color: rgba(255, 255, 255, 0.5);}

.serdelia_page_search
{
  background:rgba(255, 255, 255, 0.5);
  padding:20px;
  margin:10px 0 20px 0;
  display:none
}

.serdelia_page_search-control
{
  display:none;
}

.serdelia-grid-on-rollover
{
 display:none; 
}

.serdelia-grid-on-rollover span
{
  background-color:#fff;
  color:#000;
  opacity:0.75;
  padding:3px;
  border-radius: 10px;
}

.serdelia-grid-on-rollover span:hover
{
  background-color:#f00;
  color:#fff;
  opacity:1;
}


.grid-tile-wrapper img:hover
{
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1);
}

.grid-tile-wrapper-order
{
  cursor:move;
}

.grid-image-background
{
  width:160px;
  height:100px;
  background-repeat: no-repeat;
  background-size: cover;
}

.serdelia-grid-on-rollover-copy span:hover
{
  background-color:#f80;
  color:#fff;
}

.serdelia-grid-remove
{
 position:absolute;right:22px;top:5px;
}
.serdelia-grid-edit
{
 position:absolute;right:45px;top:5px;
}

.grid-smaller .thumbnail
{
  font-size:14px;
}
.grid-tile
{
  text-align:center;
  display:table-cell;
  vertical-align: middle; 
  width:184px;height:132px;
}


/*-- bootstrap loader icon --------------------------------------------------------------------*/

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s 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);}
}

.serdelia-tip {
  border: 1px solid #337ab7;
  background: #cbeeff;
  padding: 13px 17px;
  display: block;
  font-size: 11px;
  border-radius: 5px;
}
.serdelia-tip .label {
  font-size: 10px;
}

/*-- bootstrap select --------------------------------------------------------------------*/
.media-object
{
  max-height:100px;
}


.container--header-langs
{
  z-index:9999;
  width:100%;
  margin-top:120px;
  margin-bottom:15px;
  xxx-background:#fff;
  height:42px;
}
.header-langs
{
  margin-top:2px;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:15px;
}

.container--header-langs--lightbox
{
  position: fixed;
  top:0px;  
  margin-top:0px;  
  border-bottom: 1px solid #d1d3d8;
}

.container--header-langs--lightbox h3
{
  font-family:;font-size:16px;
  font-size: 18px;
  margin-top: 2px;
  font-weight:600;
}

.serdelia-table-cell
{
  padding:20px !important;
}

.serdelia-table-cell-nr
{
  min-width:50px !important;
  height:40px;
  font-size:12px;
  vertical-align: middle;
  text-align: center;
}

.serdelia-table-tr
{
  height:40px;
  vertical-align: center;
}

.serdelia-table-cell-remove
{
  min-width: 0px !important;
}

.serdelia_table_cell_placeholder_parent
{
  cursor:text;
}

.serdelia_table_cell_placeholder_parent_selected
{
  border-bottom: 1px solid black;
}


.serdelia_table_input
{
  background-color: transparent;
  border:none;
  outline:0px !important;
  -webkit-appearance:none;
  width:calc(100%);
}

.marketing
{
  padding-top:50px;
}


.thumbnail-null
{
  min-height:110px !important;
}


.tooltip-inner 
{
  font-size:12px;
}



.btn-group-xs > .btn, .btn-xs {
    padding  : .25rem .25rem;
    font-size  : .75rem;
    line-height  : .5;
    border-radius : .2rem;
}

.serdelia-source-searched
{
  cursor: pointer;
}

a.widget,
a.widget:hover {
  color: inherit;
}

.card:hover
{
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1);
}

.spinner-serdelia
{
  margin-right:5px;
}

.serdelia-lightbox-closer
{
  float:right;margin:10px ;
}

.serdelia-lightbox-button
{
  float:right ;
  margin-top:10px;
  margin-left:10px;
}