/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 8, 2018, 10:58:24 PM
    Author     : Administrator
*/

.accprofilebox_main
{
    display:inline-block;
    vertical-align: top;
    width:18.5em;
    height:100vh;
    overflow:hidden;
    
    font-size:1em;
    
}

.accprofilebox_base
{
    left:1em;
    top:1.5em;
    border-radius: 5px;
    width:100%;
}


.accprofilebox_innerbase
{
    position:relative;
    
    /*height:24em;*/
    height:88vh;
    width:100%;
    
    box-shadow: 0px 0px 1px 0px grey;
    background-color: white;
    
    overflow:hidden;
    
    border-radius: inherit;
        
}

.accprofilebox_picture_edit
{
    font-size:0.6em;
    bottom:0.1em;
    padding-bottom: 0.5em;
    text-align: center;
    width:100%;
    background-color: rgba(200,200,200,0.0);
    
}

.accprofilebox_picture_edit span
{
    font-family: Gotham-Medium;
    
    visibility:hidden;
}

.accprofilebox_picture_edit:hover
{
    cursor:pointer;
    background-color: rgba(200,200,200,0.5);
}

.accprofilebox_picture_edit:hover span
{
    visibility:visible;
}

.accprofilebox_picture
{
    position:absolute;

    top:2em;
    left:1em;

    width:4em;
    height:5em;

    background-color: #F0F0F0;
    border-radius: 10px;

    overflow:hidden;
}

.accprofilebox_picture_inner
{
    position:relative;
    
    width:100%;
    height:100%;
    border:0px solid grey;
    text-align: center;
}

/* icon / image*/
.accprofilebox_picture_inner > div
{
    color:grey;
    padding-top:0.4em;
}

.accprofilebox_cap
{
    height:4em;
    width:100%;
    border-bottom:1px solid lightgrey;

    /*background: linear-gradient(to bottom right, rgba(93, 53, 110, 0.7) , rgba(93, 53, 110, 0.6), rgba(93, 53, 110, 0.6), rgba(93, 53, 110, 0.5) );*/
    background-color: #DF6166;
    background-color: rgb(162 28 175);/* tailwind: bg-fuchsia-700 */
    background-color: rgb(192 38 211);/* tailwind: bg-fuchsia-600 */
}

.accprofilebox_linename
{
    padding-left:6em;
    border:0px solid red;
}

.accprofilebox_linename_username
{
    border:0px solid red;
    width:100%;
    height:1.1em;
    overflow:hidden;
    margin-top:0.5em;
}

.accprofilebox_linename_username > a
{
    font-family: Gotham-Medium;
    font-size:1.1em;
    color:#4C205F;
    
    cursor:pointer;
}

.accprofilebox_linename_location
{
    height:1em;
}

.accprofilebox_linename_location > a
{
    font-family: Gotham-Regular;
    font-size:0.8em;
    color:grey;
}

.accprofilebox_linevisitors
{
    margin-top:1em;
    border:0px solid red;
    padding-left:1em;
}

.accprofilebox_linevisitors_header
{
    
}

/* header label VISITORS */
.accprofilebox_linevisitors_header > a
{
    font-family: OpenSans-regular;
    color:#383838;    
}

.accprofilebox_linevisitors_content_main
{
    /*padding-left:1em;*/
    border:0px solid red;
}

.accprofilebox_linevisitors_content
{
    margin-top: 0.5em;
    font-family: Gotham-Light;
}

.accprofilebox_linevisitors_content > a:nth-of-type(1)
{
    font-size:1.1em;
    color:#337ab7;
    padding-right: 0.2em;
    cursor:pointer;
}

.accprofilebox_linevisitors_content > a:nth-of-type(2)
{
    color:grey;
    font-size:0.9em;
    padding-left:0.2em;
}

.accprofilebox_linefollowing
{
    margin-top:1em;
    border:0px solid red;
}

.accprofilebox_linefollowing_header
{
    padding-left:1em;
}

.accprofilebox_linefollowing_header > a
{
    font-family: OpenSans-Semibold;
    color:#383838;
}

.accprofilebox_linefollowing_content
{
    /*text-align: center;*/
    padding-left:1em;
    font-family: Gotham-Light;
}

.accprofilebox_linefollowing_content_inner
{
    margin-top: 0.5em;
}

.accprofilebox_linefollowing_content_inner > a:nth-of-type(1)
{
    font-size:1.1em;
    color:#337ab7;
    padding-right: 0.2em;
    cursor:pointer;
}

.accprofilebox_linefollowing_content_inner > a:nth-of-type(2)
{
    color:grey;
    font-size:0.9em;
    padding-left:0.2em;
}

.accprofilebox_lineitems
{
    margin-top:1.5em;
    border:0px solid red;
}

.accprofilebox_lineitems_header
{
    padding-left:1em;
    font-family: OpenSans-Semibold;
}

.accprofilebox_lineitems_header > a:nth-of-type(1)
{
    color:#383838;
    padding-right: 0.2em;
}

.accprofilebox_lineitems_content
{
    /*text-align: center;*/
    padding-left:1em;
}


.accprofilebox_lineitems_content_4sale
{
    margin-top: 0.5em;
    font-family: Gotham-Light;
}

.accprofilebox_lineitems_content_4sale > a:nth-of-type(1)
{
    
    font-size:1.1em;
    color:#337ab7;
    padding-right: 0.2em;
    cursor:pointer;
}

.accprofilebox_lineitems_content_4sale > a:nth-of-type(2)
{
    color:grey;
    font-size:0.9em;
    padding-left:0.2em
}


.accprofilebox_lineitems_content_2buy
{
    margin-top: 0.5em;
    font-family: Gotham-Light;
}

.accprofilebox_lineitems_content_2buy > a:nth-of-type(1)
{
    font-size:1.1em;
    color:#337ab7;
    padding-right: 0.2em;
    cursor:pointer;
}

.accprofilebox_lineitems_content_2buy > a:nth-of-type(2)
{
    color:grey;
    font-size:0.9em;
    padding-left:0.2em;
}

.accprofilebox_lineN
{
    margin-top:1.5em;
    border:0px solid red;
}

.accprofilebox_line_header
{
    padding-left:1em;
    /* font-size:0.9em;*/
    font-size:0.9em;
}

.accprofilebox_line_header > a
{
    font-family: OpenSans-Regular;
    font-size: 1.1em;
    color:#383838;
    color:rgba(140,140,140,1);
}

.accprofilebox_line_content
{
    /*text-align: center;*/
    padding-left:1em;
    
}

.accprofilebox_line_content_inner
{
    margin-top: 0.5em;
    font-family: Gotham-Light;
    font-size:0.75em;
    
}

.accprofilebox_line_content_inner span
{
    font-size:0.8em;
}

.accprofilebox_line_content_inner > a
{
    font-size:1.3em;
    color:inherit;
}

.accprofilebox_line_content_inner > a:nth-of-type(1)
{
    
    color:#337ab7;
    color:#484848;
    color:inherit;
    
    padding-right: 0.2em;
    cursor:pointer;
    
    font-family: Opensans-Semibold;
}

.accprofilebox_line_content_inner > a:nth-of-type(2)
{
    color:grey;
    color:inherit;
    font-size:1.1em;
    padding-left:0.2em;
    
    font-family:Opensans-Regular;
    
}

.accprofilebox_line_content_inner_det
{
    margin-top: 0.5em;
    /*padding-left:1em;*/
    font-family: Gotham-Light;
    
    color:rgba(50,50,50,1);
    font-size:1em;
}

.accprofilebox_line_content_inner_det a
{
    /*color:rgba(50,50,50,1);*/
    color:inherit;
}

.accprofilebox_line_content_inner_det a:nth-of-type(1)
{
    font-family: Opensans-Regular;
    
}

.accprofilebox_linebrands_content_addlink
{
    font-size: 0.7em;
    color:#337ab7;
    
    cursor:pointer;
    
    font-family:OpenSans-Semibold;
    
    padding-top: 0.3em;
}

.accprofilebox_linebtnedit
{
    position:absolute;
    bottom:0;
    width:100%;

    margin-top:1em;
    border-top:0px solid red;
    background-color: rgba(245,245,245,1);
}

.accprofilebox_linebtnedit_inner
{
    text-align:center;
    padding-top: 1em;
    height:3em;
    color:#5D356E;
}

.accprofilebox_linebtnedit_inner:hover
{
    color:#337ab7;
    cursor:pointer;
    
    background-color: rgba(217,70,239,0.9);
    color:white;

}

.accprofilebox_linebtnedit_inner > a
{
    font-family:OpenSans-Semibold;
    cursor:pointer;
    color:inherit;
    text-decoration:none;
}


/* mobile - portrait (must be max width)*/
@media (max-width: 480px)
{
    .accprofilebox_main
    {
        width:0;
        height:0;

    }
}

/* This is a patch for smart handset models between phone and tablets*/
@media (min-width: 480px) and (max-width: 768px) 
{
    .accprofilebox_main
    {
        font-size:0.8em
    }
}

@media (min-width: 768px) 
{
    /* Styles for tablets and small laptops */
    .accprofilebox_main
    {
        font-size:0.8em
    }

    .accprofilebox_innerbase
    {
        /*height:52em;*/
    }
    
    @media (min-width: 768px) and (max-width: 991px) and (orientation: landscape)
    {
        /* inner query for max-phone landscape and table portrait distinguish */
    }
}

@media (min-width: 992px) 
{
    /* Styles for medium-sized laptops and desktops */
    .accprofilebox_main
    {
        font-size:0.85em;
    }
    
    .accprofilebox_innerbase
    {
        /*height:51.5em;*/
    }

}

@media (min-width: 1200px) 
{
    /* Styles for large desktops and high-resolution displays */
    .accprofilebox_main
    {
        font-size:0.85em;
    }
    
    .accprofilebox_innerbase
    {
        /*height:51.5em;*/
    }
}