/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
/*@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);*/
@import url(https://uploads.staticjw.com/sp/spadam/didact-gothic2.css);
@import url(https://fonts.googleapis.com/css?family=Kreon);
* {margin:0;padding:0;}
html {font-size: 100.01%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
:focus {outline:0;}
address {font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a < img { border: none; }
iframe{ width: 100%; }
/* BASE *****************/
a {color:#09b; text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {color:#31373a; font-weight:normal;}
h1 {font-size:2.5em; padding:0 0px 7px;}
h2 {color:#6ca101; font-size:1.5em;margin-top:5px;}
h3 {font-size:1.67em;}
h4 {font-size:1.25em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
p {padding-bottom:13px;}
input, textarea, select { font-size:14px; font-family:Arial, Helvetica, sans-serif; }
textarea { background:#fff; color:#686e71; }
input.inputText {background:#fff; color:#686e71;padding:2px 2px 2px 2px;}
select { background:#fff; color:#686e71; padding:1px; }
select option { padding:1px 4px; }
body {
    background: url(https://images.staticjw.com/spa/6815/bg-tarot.png) repeat scroll 0 0 transparent;
    color:#4c5356;
    font-family: 'Didact Gothic',sans-serif;
}
.all-page {
    margin:15px auto;
    width:996px;
    background: url(https://images.staticjw.com/spa/7980/textur.png) repeat scroll 0 0 #f1f1f5;
}
.container {box-shadow: 0 12px 15px 0 rgba(0,0,0,0.2),0 17px 30px 0 rgba(0,0,0,0.7); /*box-shadow: 0 0 20px black;*/ }

#content {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
}
#header-content {
    height: 188px;
    padding:0px 28px;
}
#header-img
{
    margin:-15px 18px 15px;text-align:center;
}
.left-header {
    float: left;
    margin-left: 0px;
    width: 58% !important;
}
.right-header {
    float: right;
    margin-right: 10px;
    width: 39.56666% !important;
}

/* frames */
.frameT, .frameB, .frameT i, .frameB i {background:url(https://staticjw.com/n/templates/baza/images/b_edf1f2.gif) no-repeat;}
.frameT, .frameB {
    height:5px;
    position:relative; left:-1px;
    width:100%;
}
    .frameT i, .frameB i {
        font-size:0;
        line-height:0;
        position:absolute; top:0; left:-3px; margin-left:100%; 
        height:5px;
        width:5px;
    }
.sideBar p{padding-bottom:0px !important;}
.frameT {background-position:-5px 0; top:-1px;}
.frameB {background-position:-5px -5px; height:5px; bottom:-1px;}
    .frameB i {background-position:0 -5px;}
.bFrameT, .bFrameB {
    height:5px;
    position:relative; left:-1px;
    width:100%;
}
    .bFrameT i, .bFrameB i {
        font-size:0;
        line-height:0;
        position:absolute; top:0; left:-3px; margin-left:100%; 
        height:5px;
        width:5px;
    }
.bFrameT {background-position:-5px 0; top:-1px;}
.bFrameB {background-position:-5px -5px; height:5px; bottom:-1px;}
    .bFrameB i {background-position:0 -5px;}

/* HEADER **************/

#header {
    background: url(https://images.staticjw.com/spa/2524/shadow-001.png) repeat-x scroll center top transparent;
    padding: 7px 32px 10px;
}
    #header .website-name {
    font-size:3.25em;
    padding-top: 13px;
    }
    
    .website-name a { color: #40c2de;}

    #header .slogan {
        font-size:1.25em;
        font-style:italic;
        font-weight:normal;
        height:58px;
        width:359px;
    }
        #header .slogan {
            color:#4c5356;
            display:block;
            height:18px;
            padding:0 0 0 30px;
        }
            #header .slogan a:hover {text-decoration:none;}
    #header .enter {
        display:inline;
        font-size:1.17em;
        float:right;
        margin-right:-11px;
        overflow:hidden;
        padding:25px 0 17px;
    }
        #header .enter li {
            border-left:1px solid #c5c9cb;
            float:left;
            padding:0 12px;
            margin-left:-1px;
        }
    #header .btns {clear:right; float:right;}
        #header .btns li {
            display:inline;
            float:left;
            line-height:1.5;
            margin-left:7px;
            padding:0;
        }
            #header .btns a {
                color:#fff;
                display:block;
                font-size:1.5em;
                font-weight:bold;
                height:28px;
                text-align:center;
                width:161px;
            }
                #header .btns a:hover {text-decoration:none;}
            #header .btns .addBtn {background:url(https://staticjw.com/n/templates/baza/images/btn_green.png) 0 0 no-repeat; padding-left:8px; width:153px;}
            #header .btns .promBtn {background:url(https://staticjw.com/n/templates/baza/images/btn_blue.png) 0 0 no-repeat;}
.responsive-logo{display:block;margin:0 auto;}

/* NAVIGATION **********/
#nav {border-bottom: 4px solid #DED4DE;margin-left: 11px;margin-right: 19px;font-family: 'Noto Sans', sans-serif;}
#nav ul {background:#743166;*display:none;}
#nav li {position:relative;background: url(https://images.staticjw.com/spa/9863/fondo-button.jpg) repeat-x scroll 0 0 transparent;color: #FFF;display: inline-block;*display: inline;font-size: 16px;*margin-left:3px;line-height: 20px;padding:0;border-radius: 5px 5px 0 0;}
#nav a {color:#fff;padding:6px 4px;}    
#nav a:hover span {cursor:pointer;}
#nav li:hover{background:url(https://images.staticjw.com/spa/3151/fondo-button-hover.jpg) repeat-x 0 0 transparent;}
#nav #active{background:url(https://images.staticjw.com/spa/3151/fondo-button-hover.jpg) repeat-x 0 0 transparent!important;}
li#active a,#nav a:hover {color: #E8C9E8;text-decoration:none;cursor:pointer;}
#nav li ul li {display: block;width: 133px;background:none;border-radius:0 0 0 0;}
#nav li ul li a {padding: 0 90px 0 5px;}
nav ul a{padding: 0 14px;}
#nav ul a:hover {color: #E8C9E8;text-decoration:none;}
#nav li ul li:hover {cursor: pointer;display: block;}
#nav li ul li:last-child {border-radius: 3px 3px 3px 3px;}
/* Drop Down Menu */
#pull {display: none;background:#762A70;height:35px;padding-top:8px;}
#pull a {color:#FFF;}   
            
/* SUBMENUS*************/           
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu ul li:last-child a{border-radius:0 0 4px 4px;}
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin:-2;
    opacity: 0; 
    position: absolute;
    top: 21px;
    z-index:10;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    background:none!important;
    height: 0; /* no son visibles */
    overflow: hidden;border-radius:0;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
.mi-menu ul li:hover{background:#510146!important;}
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    margin: 0;
    padding: 5px 20px;
    width: 100%;
  }
/* CONTENT *************/

#content {
    overflow:hidden;
    font-size:14px;
}

    /* sidebar *************/
    .sideBar {float:left;padding-bottom:50px;padding-left:10px;width:24%;}
        .sideBar .nav {margin-bottom:9px;}
        .sideBar #legend{background:#DED4DE;margin:5px auto;display:block; height: 21px;padding:2px 30px;width:180px;}
        #legend span {display: block;padding: 2px 10px;width: 60px;}
        #legend span#free{padding-left:10px;}
        #legend #free{float: left;height: 20px;position: relative;text-indent: 22px;width: 58px;}
        #legend #busy{background: url("https://content.spadam.se/status.png") no-repeat scroll 5px center transparent;float: left;height: 20px;text-indent: 22px;width: 63px;margin-left: 20px;}
        #legend #out-line{float: left;height: 20px;text-indent: 22px;width: 60px;margin-left: 37px;position:relative;}
    
#free .online {
    background:#479d46;
    border-radius: 40px;
    display: block;
    height: 20px;
    position: absolute;
    width: 20px;
}
#out-line .offline {
    background:#d6464b;
    border-radius: 40px;
    display: block;
    height: 20px;
    position: absolute;
    width: 20px;
}

.sideBar .nav ul .sidebar-list {
    color: #7cb500;
    margin: 3px 15px 18px;
}

.sideBar .nav .sidebar-list li {
    background: url(https://images.staticjw.com/spa/3568/001-50.png) no-repeat scroll left top transparent;
    padding-bottom: 7px;
    padding-left: 32px;
    border-bottom: 1px dashed #CCCCCC;
    margin-top:2px;
}

.sideBar .nav .sidebar-list li a {
    font-size: 1.25em;
}

            .sideBar .nav .bFrameB {margin-top:-5px;}
            .sideBar .nav h4 {
background: url(https://images.staticjw.com/spa/9558/hojitap.png) no-repeat scroll left top transparent;
    border-bottom: 1px solid #E793E5;
    color: #792773;
    font-size: 1.50em;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 4px;
    padding: 4px 0;
    text-indent: 39px;
    text-shadow: 1px 2px 1px #999999;}
            .sideBar .nav p{
                /* margin:10px;*/
            }
                .sideBar .nav h4 span {
                    background:url(https://staticjw.com/n/templates/baza/images/sidebar_title_bg.gif) no-repeat 0 0;
                    display:block;
                    height:28px;
                    padding:0 10px;
                }
                
            
    /* content *************/
    
    #content h1{
    color:#6ca101;
    font-size:2.17em; 
    }
    .main-content{color: #6CA101;float: left;}
    .main-content {border: 1px solid #ccc;margin:5px 5px 0px;padding:3px 5px;width:51%;}
    .main-content ul {margin-left: 7px!important;}
        .post h1 {
            border-bottom:2px solid #d7dadc;
            margin-bottom:10px;
            }

        .content h1 {
            padding:0 0px 7px;
        }
                            
        .content .mainTxt {padding:5px 15px 18px;}
            .content .mainTxt h3 {padding-bottom:15px;}
            .content .mainTxt p {font-size:1.08em; line-height:1.3;}
        .content .fanBlockWrap {border:1px solid #D7DADC; margin-bottom:20px;}
            .content .fanBlock {padding:4px 15px 7px;}
                .content .fanBlock h3 {font-size:1.5em; padding-bottom:3px;}
                .content .fanBlock p {font-size:1.08em; line-height:1.3;}
                .content .fanBlock .socialBtns {overflow:hidden;}
                    .content .fanBlock .btn {float:left; margin-right:5px;}
        
        .addComment {margin-bottom:20px;}   
            .addComment h3 {padding:0 15px 9px;}
            #respond {background:#EDF1F2; border:1px solid #D7DADC; padding: 10px 20px;}
                #respond .formBox {padding:14px 15px 0 103px;}
                    .addComment .form p {position:relative;}
                         #commentform label {font-size:1.17em; padding-right: 7px;}
                         #commentform input {margin-bottom:3px; width:152px;}
                         #commentform p em {color:#c00; font-style:normal;}
                         #commentform textarea {height:80px; width:487px;}
                    #form-submit {color:#8f9699;}
                        .addComment #form-submit strong {color:#777e81;}
#content-spadams{text-align: center;}
#spadam-description {display: inline;height: auto;width: auto;padding:4px 8px;}
#spadam-description img {background-color: #fff;border: 1px solid #ccc;box-shadow: 0 18px 5px -14px #666;margin: 10px 5px 5px 0;padding: 4px;}

/* Bottom NAVIGATION **********/
#bottomNav {
    overflow:hidden;
    padding:7px 32px 7px 18px;
}
    #bottomNav dl {
        float:left;
        padding-right:15px;
        width:140px;
    }
        #bottomNav dt {
            font-size:1.2em;
            font-weight:bold;
            padding-bottom:5px;
        }
        #bottomNav dd {padding-bottom:3px;}
    #bottomNav .btns {clear:right; float:right;}
        #bottomNav .btns li {line-height:1.5; padding:3px 0 7px;}
            #bottomNav .btns a {
                color:#fff;
                display:block;
                font-size:1.5em;
                font-weight:bold;
                height:28px;
                text-align:center;
                width:161px;
            }
                #bottomNav .btns a:hover {text-decoration:none;}
            #bottomNav .btns .addBtn {background:url(https://staticjw.com/n/templates/baza/images/btn_green.png) 0 0 no-repeat; padding-left:8px; width:153px;}
            #bottomNav .btns .promBtn {background:url(https://staticjw.com/n/templates/baza/images/btn_blue.png) 0 0 no-repeat;}
#right-content #content-social{float: right; width: 100%;margin:5px 0;height:32px}
#content-social{float: left; width: 48%;}
#content-social span {padding-left: 1px;}
#content-social2{float:right;width:48%;}
#presentation-content #left-content {display: block;
    float: left;
    height: 310px;
    width: 300px;}

#presentation-content #right-content {
    display: block;
    float: right;
    left: 350px;
    width: 56.5%;
}
/* FOOTER **************/
#footer {
    color:#8f9699;
    margin:0 18px;
    overflow:hidden;
    padding:12px 0 10px;
}
    #footer .copyright {float:left;}
    #footer .menu ul  {overflow:hidden;}
        #footer .menu ul li {
            border-left:1px solid #c5c9cb;
            float:left;
            padding:0 9px;
            margin-left:-1px;
        }

/*new style*/
.entryContent {
    font-size: 17px;
    line-height: 1.35;
}
.post {margin-left: 25px;width: 70%;float: left;}
.post p {font-size: 17px;}
#payson{margin-left: 15px;float: left;width:300px;}
/*
#message{ background: none repeat scroll 0 0 #E8C9E8;
    color: #551C49;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;box-shadow: 2px 2px 4px #333333;
    padding: 15px;}
#message h2 {line-height: 29px;}
*/
/*Custom style*/
s {color: #000;}
.clear {clear: both;}
img {margin: 0; height: auto;}

#content img {background:#fff;padding:0px;margin-right:7px;}

.credits {margin-top: 15px; font-size: 9px; text-align: right;}

.entryContent h1 {font-size:2.2em;}
.entryContent ul {margin:0}
.entryContent ol {margin: 5px 0 7px 25px; list-style-type:decimal;}
.entryContent ul li, .entryContent ol li {padding-left:0;}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {clear: both;}
/*facebookstyles*/
#content-facebook #fb-root {
    display: none;
}

/* To fill the container and nothing else */

#content-facebook .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    /*width: 100% !important;*/
}
/*table*/
.content table {
    border: 1px solid #e7e7e7;
    text-align: left;
    margin: 0 -1px 24px 0;
    width: 100%;
}
.content tr th,
.content thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
.content tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
}
.content tr.odd td {
    background: #F2F7FC;
}

/*other*/

dl {
    margin:0 0 24px 0;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 18px;
}
strong {
    font-weight: bold;
}
cite,
em,
i {
    font-style: italic;
}
big {
    font-size: 131.25%;
}
ins {
    background: #ffc;
    text-decoration: none;
}
blockquote {
    font-style: italic;
    padding: 1em 3em;
    background:#f5f5f5;
    margin-bottom:10px;
}
blockquote cite,
blockquote em,
blockquote i {
    font-style: normal;
}
pre {
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
#content li {/*margin-bottom:7px;*/}
fieldset#contact-form {
background-color: #fff;
border: 1px solid #ccc;
margin-bottom: 5px;
border-radius: 15px 15px 15px 15px;
/*box-shadow: 1px 1px 4px 0 #ccc inset;*/
font-family: sans-serif;
font-size: 14px;
padding: 15px;
width: 100%;
max-width: 400px
}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {
background-color: #fff;
border: 1px solid #B3B3B3;
border-radius: 2px 2px 2px 2px;

padding: 5px 6px 5px 5px;
width: 95%;     height: 40px;
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, #contact-form textarea:focus {background-color: #F2F2F2;}
#contact-form input[type="text"]:hover, #contact-form input[type="email"]:hover, #contact-form textarea:hover{background-color: #F2F2F2;}
#contact-form input[type="submit"] {
background-color: #522d58;
color: #FFFFFF;
margin-top: 5px;
border: none;
border-radius: 10px 10px 10px 10px;
/*box-shadow: 0 0 2px 0 #ccc;*/
float: right;
font-size: 17px;
padding: 7px 20px;
font-family: 'Didact Gothic',sans-serif;
}
#contact-form input[type="submit"]:hover {background-color: #A2A2A2;color:#fff}
.content a{ color:#0099BB; text-decoration:none;}
.content a:hover{ text-decoration:underline; color:#000;}
.content a:visited{color:#6611CC;}
.sideBar a:link{color: #666666; text-decoration:none;}
.sideBar a:hover{text-decoration:underline; color:#000;}
.sideBar a:visited{color:#690b7a;}
#content-left{float: left;width: 48%;}
#content-facebook{margin:5px;float:left;width:44%}
.content-slider{margin-right:0px;}
#tittle-slider{background: none repeat scroll 0 0 #000000;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: block;
    margin-left: 326px;
    opacity: 0.7;
    padding: 0 15px;
    position: absolute;
    text-align: left;
    top: 100px;
    max-width: 250px;}
    #tittle-slider h1{color:#FFF;}
    #tittle-slider h3{color:#FFF;font-family: 'Kreon',Arial,sans-serif;font-size: 23px;padding-top: 8px;text-align: center;font-weight: lighter;margin-top: -4px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}
    #tittle-slider span {color: #f5f5f5;font-size: 15px;font-weight: 400;}
    #tittle-slider p{text-align:right;margin-bottom:0;}
    #tittle-slider a{color:#c8a690!important;}
    #tittle-slider a:hover{text-decoration:underline!important;color:#fff;}
    #tittle-slider a:visited{color:#ccc;}
/*
#message{background: url(https://images.staticjw.com/spa/8833/ribbon.png) no-repeat scroll left 0 #E8C9E8;
    color: #551C49;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 22px;
    padding: 30px 0 28px 50px;
    text-align: center;}
    
#message h2 {
    line-height: 29px;}
*/
#header .website-name{display:none;}
/*
 * jQuery FlexSlider v2.0
 * https://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * https://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative;width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(https://images.staticjw.com/spa/7804/bg-direction-nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* others styles */
.dsq-widget-title {padding-top: 20px;}
#content-spadams iframe {width: 100%;height: 1385px; }

/* media querys */
@media screen and (max-width: 1120px) {
#tittle-slider {margin-left: 320px;top: 99px;max-width:240px;}
#tittle-slider a {position: relative;top: 0px;}
#content-spadams {height:1355px!important;}
}
@media screen and (max-width: 1100px) {
.all-page{width:90%}
#map-img {
    width: 100%;
}
#mainNav {width: 100%;}
#nav li {margin-bottom: 5px;}
#nav {border:none;}
.sideBar{width: 22%;min-width:199px;}
.sideBar .nav h4 {font-size: 1.3em;}
.post{width: 68%;}
img { max-width: 100%;}
#tittle-slider {margin-left: 300px;top:53px;max-width:200px;}
.sideBar #legend{height:21px; width: 87%;padding:2px 2px;}
#legend #free {float: left;width: 70px;}
#content-social{float: left;width: 52%;}
#content-social2{float: left;width: 40%;}
#presentation-content #right-content {width:50%;}
.main-content {width:100%;}
#content-facebook{width:99%;}
#content-spadams {height:1280px!important;}
#nav li {font-size: 15px;}
}
@media screen and (max-width: 1065px) {
#content-spadams {height:1195px;}
}
@media screen and (max-width: 1025px) {
#presentation-content #right-content {width:49%;}
#content-spadams {height:1175px;}
#nav li {font-size: 14px;}
}
@media screen and (max-width: 994px) {
#calendar{margin-top:32px;}
#left-content iframe{width:100%!important;}
#content-spadams {height: 1160px!important;}
}
@media screen and (max-width: 980px) {
.all-page{width:88%}

#mainNav{width: 100%;}
#nav li {font-size: 13px;}
.post{width: 63%;margin-left:10px;}
.sideBar .nav h4{background:none;text-indent:9px;}
#tittle-slider{margin: 0 auto;max-width:470px;position: relative;top: 5px;}
#presentation-content #right-content {float:none;width:100%;}
#presentation-content #left-content {float:none;width:100%;}
#content-spadams {height: 1060px!important;}
}
@media screen and (max-width: 973px){
    .right-header {
        width: 39.1667% !important;
    }
}

@media screen and (max-width: 948px){
    #header-content {
        height: 159px;
    }

}

@media screen and (max-width: 850px) {
#content-spadams {height: 937px!important;}
}

@media screen and (max-width: 835px){
    #header-content {
        height: 140px;
    }
    
}

@media screen and (min-width: 320px) and (max-width: 800px) {
#map #header-img .hidde{display: block;}
#map #header-img .visible{ display: none;}
.right-header {
    width: 38% !important;
}
.all-page{width: 680px;}

#nav {width: 100%;display:block;height:auto;}
#nav li {float: left;margin-right: 10px;position: relative;min-width: 323px;}
#nav ul {border-radius: 0 0 0 0;min-width: 323px;}
#nav li ul li {border-radius: 0 0 0 0;min-width: 323px;}
.post {min-width: 57%;}
#content h1 {font-size: 2em;}
#tittle-slider {min-width: 100%;position: relative;top: 7px;margin:0 auto;}
.main-content {margin:0;padding:5px;}
#content-facebook{height:auto;margin:10px 0;padding:0;}
#header-content{height:135px;}
#content-social {float: left;width: 100%;}
#presentation-content #left-content {float: none;}
#content-spadams {max-height:878px;}
#content-spadams iframe {margin-left: 1%;}
#calendar{margin-top:38px;}
.flexslider .flex-direction-nav{display: none;}
}
iframe.payment {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    height: 305px;
    overflow: visible;
    padding-top: 18px;
}
.entryContent hr {
    border-color: #C6C6C6 -moz-use-text-color #F7F7F7;
    border-style: solid none;
    border-width: 1px medium;
}
iframe.pay {
    border: medium none;
    height: 285px;
    overflow: hidden;
    width: 320px;
}

iframe.pay-1 {
    border: medium none;
    height: 326px;
    overflow: hidden;
    width: 323px;
}
ul.list-payments li {
    border: medium none;
    display: inline !important;
    float: left;
    margin: 2px;
    padding: 1px 1px;
    text-align: center;
}
}
body{display:block;margin:0;padding:0}div.list-spadams{list-style:none outside none;margin:0;padding:0;text-align: left;}div.list-spadams .content-spadam{display:inline-block;margin:2px 4px;position: relative; width: 31%;}div.list-spadams div.content-spadam a{display:block}.cover-link img{box-shadow: 0 7px 4px -5px #585858;border:1px solid #D9D9D9;display:block;width:100% !important;margin:0;padding:0}img.load-content{display:block;left:50%;position:fixed;top:50%}span.active {background: none repeat scroll 0 0 #139523;border-radius: 0 0 5px 0;color: #FFFFFF;font-family: sans-serif;left: 0;padding: 1px 12px;position: absolute;top: 0;}span.busy {background: #FF9D1F;border-radius: 0 0 5px 0;color: #FFFFFF;font-family: sans-serif;left: 0;padding: 1px 12px;position: absolute;top: 0;}.ui-tooltip, .arrow:after {background: black;border: 2px solid white;}.ui-tooltip {color: white;border-radius: 5px;font: 14px "Helvetica Neue", Sans-Serif;text-transform: capitalize;box-shadow: 0 0 7px black;}
form.form-send {float: right;color: #fff;padding: 1px 0px 2px 0px;}
        form.form-send input {
            background: none repeat scroll 0 0 #FFFFFF;
            border: 1px solid #929292;
            color: #5C5A5A;
            font-size: 14px;
            padding: 2px 3px 3px 2px;
        width: 135px;
        }
        form.form-send button {
            background: none repeat scroll 0 0 #C755EF;
            border: 1px solid #A91BB8;
            color: #FFFFFF;
            font-size: 13px;
            padding: 2px 8px;
        cursor: pointer;
        }

div#status-spadam {
    background: #551A48;
    padding: 2px;
    margin-top:-13px;
}
div#result {
    background: none repeat scroll 0 0 #E974FF;
    border-bottom: 1px solid #EA8DFC;
    border-left: 1px solid #EA8DFC;
    border-right: 1px solid #EA8DFC;
    color: #FFFFFF;
}
div#empty {
    background: url("https://content.spadam.se/status.png");
    display: block;
    float: left;
    height: 20px;
    margin-left: 2px;
    margin-right: 11px;
    margin-top: 1px;
    width: 20px;
}
.available {
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
}
.busy {
    background-position: 0px -20px !important;
    background-repeat: no-repeat !important;
}
.offduty{
    background-position: 0 -40px !important;
    background-repeat: no-repeat !important;
}
.container2 > div#telephone-1 {
    color: #FFFFFF;
    font-family: sans-serif;
    float:left;
    margin-top: 2px;
}
#result img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.container2 {position: relative;}
.container2 a{ float:right;}
.container2 a img {
    background: transparent !important;
    position: absolute;
    right: 0;
    top: 3px;
}
.container2 a.payson img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    position: absolute;
    right: 56px;
    top: 3px !important;
}
.payson img {
    top: -20px !important;
}
map {
    display: block;
}
img[usemap] {
    border: medium none;
    height: auto;
    max-width: 100%;
    width: auto;
}

.main-header {margin: 0 auto;padding: 0;position: relative;width: 100%;}
.header-draw {display: block;width: 100%;}
.main-header .general-links {position: absolute;cursor: pointer;display: block;}
.main-header .general-links:first-child {content: "";}
.main-header .header-logo {height: 100%;width: 44.5%;}
.main-header .payment {height: 100%;margin-left: 45.5%;width: 14%;}
.main-header .first-number {height: 20.8666%;margin-top: 5.6855%;right: 0;width: 39.5%;}
.main-header .second-number {height: 20.8666%;margin-top: 10.386%;right: 0;width: 39.5%;}
.main-header .three-number{height: 20.8666%;margin-top: 15.286%;right: 0;width: 39.5%;}

.main-footer-image {margin: 0 auto;padding: 0;position: relative;width: 100%;max-width:577px;}
.main-footer-image .header-draw {display: block;width: 100%;max-width:577px;}
.main-footer-image .general-links {position: absolute;cursor: pointer;display: block;}
.main-footer-image .general-links:first-child {content: "";}
.main-footer-image .first-number {height: 20.8666%;left: 0;margin-left: 15.6%;margin-top: 13.686%;width: 64.7778%;}
.main-footer-image .second-number {height: 20.8666%;left: 0;margin-left: 15.6%;margin-top: 21.386%;width: 64.7778%;}

.entryContent .payment-form button.pure-button.button-block.button-small {
    border-radius: 5px;
}
/*++++++++++++++++++++++++++++++++++++++++++++*/


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.paternBackground{
background-color: #522d58;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjUnIGhlaWdodD0nMjUnIHZpZXdCb3g9JzAgMCAzMCAzMCc+CjxkZWZzPgoJPGcgaWQ9J2N1cnZlcyc+CgkJPHBhdGggc3Ryb2tlPScjMzAxYjMzJyBzdHJva2Utd2lkdGg9JzEuMjcnIGQ9J00wIDBjMCwzMCwgMzAsMzAgMzAsMCcvPgoJCTxwYXRoIGZpbGw9JyM1MjJkNTgnIHN0cm9rZT0nIzQ4Mjg0ZCcgc3Ryb2tlLXdpZHRoPScxJyBkPSdNMCAwYzAsMzAsIDMwLDMwIDMwLDAnLz4KCTwvZz4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9JyM1MjJkNTgnLz4KCTx1c2UgeD0nMTUnIHk9JzE1JyB4bGluazpocmVmPScjY3VydmVzJyAvPgoJPHVzZSB4PSctMTUnIHk9JzE1JyB4bGluazpocmVmPScjY3VydmVzJyAvPgoJPHVzZSB4PScwJyB5PScwJyB4bGluazpocmVmPScjY3VydmVzJyAvPiAgCgk8dXNlIHg9JzE1JyB5PSctMTUnIHhsaW5rOmhyZWY9JyNjdXJ2ZXMnIC8+Cgk8dXNlIHg9Jy0xNScgeT0nLTE1JyB4bGluazpocmVmPScjY3VydmVzJyAvPgo8L3N2Zz4=');
background-repeat:repeat;
margin: 0; padding: 0;
}
h1{color: #479d46; font-size: 28px; margin: 0px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
h2 {
    color: #479d46;
    font-size: 24px;
    margin: 10px 0 5px 0;
}
a:hover {
    text-decoration: none;
}

.mainContainer{
    margin: auto;
    background-color: #fff;
    width: 100%;
    max-width: 996px;
    padding: 12px;

}
#containerHeader{
    margin-top: 20px;
}

.btnMain{
    background-color: #522D58;
}

.btnSecond{
background-color: #A2A2A2;
}

.btnOK{background-color:#479d46;}

.headerLogo{
    
}
.btn:hover, .btn-large:hover{background-color: #A2A2A2;}

.btnPhones a{width: 100%; margin: 5px; text-align: left; height: 40px; line-height: 40px;}

.headerInfo{text-align: center;}
.headerInfo span{color: #333; font-size: 14px; margin-left: 15px;}
.headerInfo img{margin: auto; margin-top: 25px;}
.headerInfo .chip{background-color: #479d46; color: #fff;}
/*STYLES FOR MENU*/
nav{
        background-color: #522D58;
        height: 45px;
        line-height: 45px;
}
nav .nav-wrapper i {height: 45px; line-height: 47px;}
.dropdown-content li>a{color: #522D58;}
i.right{margin-left: 0px;}

.toc-wrapper{
    position: relative;
    z-index: 991;
}
.fixedHeaderBar{ width: 100%; height: 45px; background-color: #522D58;}


/*LIST AGENTS*/
.onlineAgents{color: #479d46;}
.offlineAgents{color: #D6464B;}
.infoLine{
    padding: 0px;
    text-align: center;
    background-color: #ededed;
    border: 1px solid #E2E2E2;
    height: 32px;
}
.statesHeader {
    font-size: 16px;
    width: 33%;
    float: left;
    text-align: center;
    margin-top: 3px;
}
.statesHeader i {
    font-size: 22px;
    vertical-align: middle;
    margin-top: -4px;
}
.btnAgentList {
    width: 100%;
    border-bottom: #dddddd 1px solid;
    padding-top: 5px;
    padding-bottom: 3px;
    cursor: pointer;
    user-select: none;
    color: #222;
}
.imgAgent {
    border: #d9d9d9 solid 2px;
    width: 100%;
    height: 100%;
    max-width: 42px !important;
    max-height: 42px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 8px;
}
.btnAgentList i{
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}
#btnNumOnline{
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 120%;
    height: 45px;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    background-color: #479d46;
    color: #fff;
    font-size: 30px;
    line-height: 18px;
    padding-top: 8px;
}
#btnNumOnline span{font-size: 8px;}
#phonesBar{
    display: block;
    width: 100%;
    font-size: 22px;
    text-align: center;
    color: #fff;
    line-height: 18px;
}
#phonesBar span{font-size: 14px;}
/*CONTENT STYLES*/
.contentContainer{
padding-left: 20px !important;
padding-right: 20px !important;
}

#btnMenuMobile{
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 45px;
    background-color: #522d58;
    color: #fff;
    font-size: 30px;
    line-height: 10px;
    padding-top: 10px;
    
}
.toc-wrapper-menu.pinned{ position: inherit !important;}

.listAgents{
    background-color: #fff;
}
.headerListAgentsMobile{margin-bottom: 0px;}
.headerListAgentsMobile .btn-floating{margin-top: 15px;}

.showListAgent{
    left: 0px !important;
}
.hideListAgent{
    left: -450px !important;
}
#bgList{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: none; z-index: 991;}

footer{
    padding: 10px;
    color: #fff;
    max-width: 996px;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
}
footer a{color: #fff; font-size: 16px;}
footer h5{
    width: 100%;
    display: block;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
}
footer li{margin-bottom: 16px; line-height: 14px;}
.formFooter{
    text-align: center;
    /*max-width: 400px;*/
    width: 70%;
    margin: auto;
   margin-bottom: 10px;
}
.inputFooter
{
        background-color: rgba(56, 23, 62,0.65) !important;
        
}
.formFooter .btn{background-color: #222; padding: 6px 25px;  height: 47px;}

/*========= CARD AGENTS STYLES  =======*/
.cardAgent{
    margin: 0 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
    height: 500px;
}
.cardAgentHeader{
    position: relative;
    max-height: 250px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
.cardAgentHeader > img{
    display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
.cardAgentHeader span{
    margin-left: 15px;
    line-height: 145px;
    font-size: 28px;
    text-shadow: 2px 2px 4px #000;
}
 .cardAgentHeader .cardAgentTitle{
    color: #fff;
    position: absolute;
    top: 35px;
    left: 0;
    padding: 20px;
    font-size: 24px;
    font-weight: 300;
    width: 100%;
    padding-bottom: 0px;
}
.cardAgentTitle img{
    width: 150px;
    height: 150px;
    border: rgba(182, 182, 182, .4) solid 7px;
    /*float: left;*/
    max-width: 150px;
}
.cardAgentContent{
    max-height: 45%;
    overflow: hidden;
    margin: 0;
    padding: 20px;
    border-radius: 0 0 2px 2px;
}
.cardAgentFooter{
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+71&0+0,1+71 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    margin-top: -140px;
    padding: right;
    text-align: right;
    padding: 5px;
    height: 165px
}
.cardAgentFooter .chip{
    background-color: #479d46;
    color: #fff;
    margin-top: 122px;
    margin-right: 15px;
    font-size:17px;
}
.tabsProfile{
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
}
.tabsProfile .tab a{
    color: #222;
    font-weight: bold;
}
.tabsProfile .tab a:hover{color: #522d58;}
.tabsProfile .indicator{
    height: 5px;
    background-color: #479d46;
}
.borderForm{
    border: 1px solid #ccc;
    margin: 20px;
    border-radius: 10px;
    padding: 20px;
}
.appsBtn{
    position: absolute;
    bottom: -5px;
    right: 1px;
}
.appsBtn img{
    width: 100px; height: auto;
    border-radius: 20px;
    border: 3px solid rgba(221, 221, 221, 0.45);
}
#containerPopupAgentInfo .appsBtn img{
    width: 80px; height: auto;
    border-radius: 20px;
    border: 3px solid rgba(221, 221, 221, 0.45);
}

.cardContainerImg{
    /*position: absolute;*/
    text-align: center;
}
.cardContainerImg a{
    /*position: absolute;
    bottom: 0px;
    left: 87px;*/
    margin-top: -25px; 
    background-color: #522d58;
    margin-left: 5px;
}
.cardAgentTitle .cardName{
    padding-top: 50px; 
    text-shadow: 2px 2px 4px #000;
    border-bottom: none;
    color: #fff;
    font-size: 32px;
}
.btn-floating:hover{background-color: #85578c;}

#expandContentAgent{cursor: pointer;}
#containerPopupAgentInfo{ 
    position: fixed; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 992;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    overflow-y: auto;
}
#containerPopupAgentInfo .popupAgentInfo{ width: 90%; margin: 30px auto;}
#containerPopupAgentInfo .cardAgentHeader {    max-height: 195px !important;}
#containerPopupAgentInfo .cardAgentHeader .cardAgentTitle
{
    padding: 5px !important;
    font-size: 20px !important;
    
}
#containerPopupAgentInfo .cardAgentTitle .cardName{font-size: 20px; margin-top: -22px; line-height: 22px;}
#containerPopupAgentInfo .cardContainerImg a {margin-top: -20px;}
#containerPopupAgentInfo .appsBtn{bottom: -5px;}

.btnCall {
    background-color: #479d46;
    width: 100%;
    max-width: 200px;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-large .iconBtnProfile{ float: left;}
.btnBuy {
    background-color: #522d58;
    width: 100%;
    max-width: 200px;
    padding-left: 15px;
    padding-right: 15px;
}
#containerPopupAgentInfo .cardAgentContent{padding: 15px 5px 10px 5px !important;}
#lineInfoAgent a{
    width: 100%;
    background-color: #ededed;
}
.typeLine {
    font-size: 22px;
    color: #479d46;
    font-weight: bold;
}
.numLine {
    font-size: 18px;
    color: #5f004c;
    font-weight: 600;
    line-height: 20px;
}
.infoLine {
    padding-top: 0px;
    width: 100%;
    text-align: left;
}
#lineInfoAgent .material-icons {
    color: #bcbcbc;
    padding-top: 10px;
    font-size: 40px;
}
#containerPopupAgentInfo .infoLine {border: none !important;}
#containerPopupAgentInfo #lineInfoAgent{margin-bottom: 15px;}
#containerPopupAgentInfo .cardAgentContent{    max-height: initial;}
.btnClose{    position: absolute;
    right: 0px;
    top: 0px;}
.btnClose a{
    color: #fff;    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 28px;
}    
.iconsApps{
    width: 100px; height: auto;
    border-radius: 20px;
    border: 3px solid rgba(221, 221, 221, 0.45);
}
.contentContainer p{font-size: 17px;}
.btnGreen{background-color: #479d46;
    color: #fff;}
.headerRing{height: 165px; padding-top: 40px !important; text-align: center;}
.headerRing .btn-floating{width: 80px; height: 80px;}
.headerRing .btn-floating.btn-large i{line-height: 80px;    font-size: 40px;}

#fixContainerListAgent{max-width:250px; width: 100%; overflow-y: auto; height: 100%;}
::-webkit-scrollbar {
    width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); */
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: rgba(204,204,204,0.8); 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(204,204,204,0.4); 
}


.btnShowListAgentsOff{float: right; margin-top: 10px;}
.btnShowListAgentsOff .chip i{float: right; margin-top: 4px;}
#fixContainerListAgent.hideList{display: none;}

.statusOnline{border: rgba(71, 157, 70, 0.6) solid 8px !important;}
.statusOffline{border: rgba(214, 70, 75, 0.6) solid 8px !important;}
.statusBusy{border: rgba(255, 193, 7, 0.6) solid 8px !important;}

#widget-agent-status-profile{float: left; margin-top: 108px; margin-left: 10px;}
#widget-agent-status-profile .widget-spadam-container{background-color: initial; border: none; text-align: left;     margin-top: 10px;}
#widget-agent-status-profile .widget-spadam-container .widget-spadam-left{    
    padding-top: 3px;
    padding-right: 15px;
    border-right: 1px solid #ccc;
    height: 35px;
}
#widget-agent-status-profile .widget-spadam-container .widget-spadam-right{padding-left: 15px; padding-top: 0px;     text-align: right;}
#widget-agent-status-profile .widget-spadam-container .widget-spadam-right .widget-spadam-btn{border-radius: 16px;
    padding: 3px 15px 3px 15px;
    background-color: #522d58;
    border: none;
    font-size: 17px;
    font-family: 'Didact Gothic',sans-serif;
    height: 32px;
}
#widget-agent-status-profile .widget-spadam-container .widget-spadam-right .widget-spadam-input{    height: 26px;     width: 160px;}
.btnNumHeader small{
position: absolute;
    right: 5px;
    bottom: -8px;
}
#contact-form textarea{width: 98%;  height: 200px;}
#contact-form label{font-family: 'Didact Gothic',sans-serif; font-size: 17px;}
.payment-form .payment-input {background-color: #fff;}
/*++++++++++++++++++++++++++++++ RENE'S STYLES +++++++++++++++++++++++++++++++*/
.close {
            background-color: #ffffff;
            border: 1px solid #fff;
            border-radius: 17px;
            float: right;
            height: 30px;
            width: 30px;
        }
        .sr-only {
            display: none;
        }
        .alert {
            background-color: #ee6e73;
            border-radius: 3px;
            margin-top: 20px;
            padding: 9px;
        }
        .alert ul li {
            color: #fff;
        }
        .content-btn button[class^="btn-"] {
            border: medium none;
            display: block;
            margin: 0 auto;
            padding: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#b3b0b3)"; /*IE 8*/
            -moz-box-shadow: 3px 3px 0px #b3b0b3; /*FF 3.5+*/
            -webkit-box-shadow: 3px 3px 0px #b3b0b3; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
            box-shadow: 3px 3px 0px #b3b0b3; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
            filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#b3b0b3); /*IE 5.5-7*/
        }

        .content-btn button[class^="btn-"]:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#640a67)"; /*IE 8*/
            -moz-box-shadow: 3px 3px 0px #640a67; /*FF 3.5+*/
            -webkit-box-shadow: 3px 3px 0px #640a67; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
            box-shadow: 3px 3px 0px #640a67; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
            filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#640a67); /*IE 5.5-7*/
        }

        .content-btn button[class^="btn-"] img {
            border: 1px solid #cfcfcf;
            display: block;
        }
#list_events .btn.btn-now{background: #522d58;}
#list_events .btn-right{background: #522d58;}
#list_events .btn-left{background: #522d58;}

        @media (min-width: 260px) and (max-width: 325px) {
            .row .col.xs12 {
                width: 100%;
            }
        }
#containerServices.withoutNumber{padding-top: 15px;margin-bottom: -11px;}
#containerServices.withoutNumber span{font-size:18px !important;}

.cardAgentFooter #widget-agent-status-profile .widget-spadam-left{border-right: 0px;}

#header-image-site-footer{ border: 1px solid #ddd;}
.tabsProfile .tab a{margin-top: 4px; line-height: 16px; font-size: 14px;color: #522d58;}

.tabsProfile {height:60px;}
.tabsProfile .tab a i{font-size:30px;}
.bannerNumbers{
    background: linear-gradient(180deg, #fbfbfb 0%, #eaeaea 100%);
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px !important;
    padding: 7px;
    text-align: center;
    margin: 20px 0px;
}
.bannerNumbers .titleBanner{
    font-size: 30px;
    line-height: 30px;
    margin: 20px 10px;
    color: #479d46;
}
.bannerNumbers .textFooter{
    font-size: 20px;
    margin: 5px;
}
.bannerNumbers .numbersBanner{
    text-align: center;
    padding: 0px 10%;
}

.bannerNumbers .numbersBanner a{
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    text-align: left;
}
.tabsProfile .tab a.active{color: #479d46;}
#containerPopupAgentInfo .cardAgentContent .row { margin-bottom: 10px !important;}
#containerPopupAgentInfo .cardAgentContent #textAgent{padding-left: 0px; padding-right: 0px;}
#containerPopupAgentInfo .footerPopup{line-height: 14px; font-size: 14px;  margin-top: 12px;}

.formMailv2 .payment-form-email-reply .left-form{padding-right: 0px !important; position: initial !important;}
.formMailv2 .payment-form-email-reply .description-spadam{    border: 0px !important;  background: initial !important; margin: 0px !important; padding: 0px !important; text-align: center;}
.formMailv2 .payment-form-email-reply .profile-spadam{border: 0px !important; background: initial !important;}
.formMailv2 .payment-form-email-reply .profile-spadam img.spadam-img{border-radius: 50% !important; border: 8px solid #e8e8e8!important;}
.formMailv2 .payment-form-email-reply .pure-form input[type=text]{background-color: #fff !important;font-size: 16px;}
.formMailv2 .pure-form textarea{font-size: 16px; height:90px;}

.modal-calendar.modal{
background-color: initial;
max-height: initial;
width: auto;
}
.modal-calendar.modal .modal-sm{ width: 90% !important;   max-width: 400px;}
#modal_event .modal-calendar .group-input .input{height: 35px; font-size:16px;}
#kop-tid .fa-thumbs-down:before{display:none;}
#mail .content-btn button[class^="btn-"]{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
/*
#mail input[type="text"], #mail input[type="email"], #mail textarea {
    padding: 7px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    margin-top: 10px;
}
*/
/*
#mail textarea{padding: 10px 10px; overflow: auto;}
*/
#mail .input-field label.active {font-size:17px;}
#mail textarea.materialize-textarea:focus:not([readonly])+label {
    color: #479d46;
}
#mail input[type=text]:focus:not([readonly])+label, 
#mail textarea.materialize-textarea:focus:not([readonly])+label, 
#mail input[type=email]:focus:not([readonly])+label
{color: #479d46;}
#widget-content-status .content-list-main .list-spadam .spadam .online{background:#479d46 !important;}
#widget-content-status .content-list-main .list-spadam .spadam{border: 0px !important;  box-shadow: none !important;}
#widget-content-status .content-list-main .list-spadam .spadam img{border-radius: 50%; border: #e4e4e4 solid 8px !important;}
#widget-content-status .content-list-main .list-spadam .spadam span.status{
border-radius: 14px 14px !important;
top: initial !important;
bottom: 0px;
left: 36% !important;
width: 65px;
text-align: center;
}

#modal_event .modal-form .group-input:nth-child(1){    margin-left: -12px; width: 50% !important;}
#modal_event .modal-form .group-input:nth-child(2){    margin-left: 0px; width: 50% !important;}

.formMailv2 .payment-form-email-reply button.btn-no-padding{
    width: auto;
    margin: 15px 30px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border: 1px solid #e4e4e4;
background-color: #e4e4e4;
}
.formMailv2 .payment-form-email-reply .left-form{min-height: auto;}
.formMailv2 .description-spadam strong{font-size: 14px;}
.modal-calendar .group-input .input{    font-size: 16px !important;     height: 34px !important;}
.modal-calendar .modal-footer{background-color: transparent !important;}
.alert-icon.green {    background-color: initial !important;}
#widget-agent-status-profile .widget-spadam-container-payson {display:none;}
#widget-agent-status-profile .widget-spadam-container-paypal {display:none;}

.payment-form-email-reply input.news-pay[type=checkbox]{    position: initial;  left: initial;   opacity: 1;}
ul.rss-feed{padding-bottom: 2px;}
.iconListAgents
{
    float: left;
    color: #fff;
    font-size: 32px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: -18px;
}
#containerNavMenu{padding: 0px;}
/*----------------------------------------------------------------*/

/*====================================MEDIA=====================================================================*/

@media screen and (min-width: 768px) and (max-width: 1023px){
.btnPhones a {
    width: 100%;
    margin: 3px;
    text-align: left;
}
.btn-large{
    height: 40px;
    line-height: 40px;
}
nav ul a{
    font-size: 0.9rem;
    padding: 0 10px;
}
.flexslider{width: 95%;}
.imgAgent{
    max-width: 36px !important;
    max-height: 36px;
    margin-right: 0px;
}
.formFooter{ width: 90%;}
} /*---- END OF 768 - 1023 WIDTH*/
@media screen and (min-width: 601px) and (max-width: 767px){
.formFooter{ width: 100%;}
}
@media screen and (max-width: 600px){
#containerHeader{
    margin-top: 0px;
    
    padding-top: 3px;
    padding-bottom: 0px;
}
#containerHeader .col{padding: 0px;}
#containerHeader .headerInfo{padding: 10px 5px 5px 5px; line-height: 14px;}
#widget-master-sidebar{
    position: fixed;
    top: 0px;
    /*left: 0px;*/
    width: 90%;
    height: 100%;
    z-index: 999;
    /*max-width: 280px;*/
    background-color: #fff;
    transition: all .3s ease-out;
    max-width: 288px;
}

#containerNavMenu{    
margin-top: -30px; display: none;
    /*padding-top: 20px;
    display: none;
    position: absolute;
    top: 120px !important;*/
}
#nav-mobile{
    background-color: #522D58;
    /*position: absolute;	*/
}
#nav-mobile li{width: 100%;}

.toc-wrapper-menu{
    position: relative;
    z-index: 990;
}
.toc-wrapper-menu.pinned{ position: fixed !important;    margin-top: 45px !important;}
footer li{margin-bottom: 20px; line-height: 16px;}
.cardAgentTitle .cardName{padding-top: 25px; text-align: center;
    margin-top: -30px;}
.cardAgentTitle img{
    width: 100px;
    height: 100px;
    border: rgba(182, 182, 182, .4) solid 7px;
    /*float: left;*/
    max-width: 100px;
}
.cardAgentHeader .cardAgentTitle{ margin: 0px; top:0px;}
.headerInfo span {
    font-size: 12px;
    margin-left: 0px;
}
.formFooter{ width: 100%;}
.headerRing
{   height: auto;
    padding-top: 0px !important;
    text-align: center;
    font-size: 13px;
}
.headerRing .btn-floating{width: 50px; height: 50px;}
.headerRing .btn-floating i{line-height: 50px;}
#fixContainerListAgent{max-width: 288px; height: 100%; padding-right: 12px;}
#fixContainerListAgent.hideList{display: block;}
h1{font-size: 24px;}
.inputFooter{font-size: 12px !important;}
.cardAgentTitle .cardName{font-size:26px;}
.appsBtn{bottom: 7px;}

#widget-agent-status-profile{width: 100%;
    margin-left: 0px;}
#widget-agent-status-profile .widget-spadam-left{
    width: 20%;
}
#widget-agent-status-profile .widget-spadam-right 
{
    width: 75%;
}
#widget-agent-status-profile .widget-spadam-right .widget-spadam-input
{
    width: 45% !important;
    margin-bottom: 5px;
}
#expandContentAgent
{
    position: absolute;
    right: -6px;
    margin-top: 85px;
}
#widget-agent-status-profile .widget-spadam-container .widget-spadam-left .widget-spadam-status-container .status
{
    height: 15px !important;
    width: 15px !important;
}
#widget-agent-status-profile .widget-spadam-container .widget-spadam-left{border-right: initial; text-align: center; padding-right: 0px;}

.modal-calendar .group-input .title{margin-top: 0px !important;}
.modal-calendar .group-input .input{font-size: 14px !important; padding: 10px 8px !important; height: auto;}
.modal-calendar .group-input .input{    font-size: 16px !important;     height: 18px !important;}
.modal .modal-content{padding: 18px !important;}

.showDesktop{display:none;}
.tabsProfile .tab a{font-size:12px;}
.tabs .tab{min-width:initial;}
.bannerNumbers .numbersBanner{    padding: 0px 0%;}
.bannerNumbers .numbersBanner a{font-size: 16px; padding-left: 10px; padding-right: 10px;}
.bannerNumbers .btnNumHeader small{bottom: -17px;}
.bannerNumbers .titleBanner{font-size: 26px; line-height: 28px;  margin: 15px 10px;}
#widget-content-status .content-list-main .list-spadam .spadam span.status{left: 25% !important; font-size: 10px !important;     width: 55px;}
.formMailv2 .payment-form-email-reply button.btn-no-padding{width: 42%; margin: 10px 10px;}
.modal .modal-footer .btn{    width: 130px;}
} /* +++++++++++++  END max 600px +++++++++++++*/


@media screen and (max-width: 330px){
.cardAgentTitle .cardName{font-size: 18px;}
}
.responsiveCal {
    position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
}
 
.responsiveCal iframe {
    position: absolute; top:0; left: 0; width: 100%; height: 100%;
}
#containerRing, #containerKop{text-align: center;}

@media screen and (min-width: 601px) and (max-width: 689px){
#fixContainerListAgent{ max-width: 170px;}
}
@media screen and (min-width: 690px) and (max-width: 777px){
#fixContainerListAgent{ max-width: 190px;}

}
@media screen and (min-width: 778px) and (max-width: 970px){
#fixContainerListAgent{ max-width: 220px;}
}
@media screen and (min-width: 750px) and (max-width: 770px){
.statesHeader{font-size: 13px; margin-top: 5px;}
}
@media screen and (min-width: 601px) and (max-width: 829px){
.fixedHeaderBar{ height: 90px;}
}
@media screen and (min-width: 601px) and (max-width: 768px){
.btnPhones a{padding: 0px 10px; font-size: 14px;}
.btnNumHeader small{right: 2px; bottom: -14px; font-size: 10px;}
.btnAgentList{font-size: 12px;}
.imgAgent{max-width: 30px !important; max-height: 30px;}
.btnAgentList i{font-size: 18px;}
.statesHeader {font-size: 10px;}
.statesHeader i{font-size: 19px;}
#widget-content-status .content-list-main .list-spadam .spadam span.status{left: 29% !important;}
}
#list_events {
    width: 100%;
    display: block;
    height: auto;
    min-height: 337px;
}
/*Image for widget emails reply START*/
.input-field.col.s6.WM_Image_Content {
    min-height: 298px;
}
img[name="Price_Image"] {
    display: block;
    margin-top: 44px !important;
}
/*Image for widget emails reply END*/

/*Form claim booking*/
.spadam-main-form .validate-input .pure-input-1 {
    background-color: #fff;
}
h1.title-header-booking {
    font-weight: bold;
}
#widget-content-status .content-list-main .list-spadam .spadam span.status{top: auto !important;}

@media only screen and (max-device-width : 768px) {

        .MasterPayment__ButtonVersion,
        .MasterPayment__ButtonVersion {
            text-align: center;
            padding: 0;
        }
}

@media only screen and (max-device-width : 375px) {
        .WidgetMaster__WeekCalendar__MainPanel_ContentTab .valid {
            font-size: 13px;
        }
}

@media only screen and (max-device-width : 414px) {
        .btn.waves-effect.waves-light.btn-large.WidgetMaster_WeekCalendar_Submit {
            font-size: .8em;
            padding: 0;
        }

        .WidgetMaster__EmailReply__FormContainer .row:nth-child(6) .col.s6 {

            width: 100%;
        }
}
@media only screen and (max-device-width : 414px) {
  .WidgetMaster__WeekCalendar__MainPanel_ContentTab .row .col.s4 {
    width: 100%;
  }
}

@media screen and (max-width: 601px){
    .flexslider{min-height: 300px;}
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSliderWrapper input[type=checkbox].CybotCookiebotDialogBodyLevelButton
{    appearance: checkbox;
    position: initial;
    left: initial;
}
.dsq-widget-list{display:none;}