/*header*/

body.default-layout #masthead {
    position: fixed;
    width: 100%;
    z-index: 999;
}


#masthead {
height: 60px;
background-color: black;
color: white;
-webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 5px 0 rgba(0,0,0,0.2);
}


#masthead .grid {
position: relative;
}


#masthead .brand {
    margin-right: 20px;
    padding: 0 10px;
    position: relative;
    top: 18px;
}

#masthead .brand {
    top: 14px;
}

body.default-layout #masthead .brand {
    float: left;
}
body.default-layout #masthead .menu {
padding-left: 1em;
height: 60px;
line-height: 60px;
margin-left: 140px;
}

body.default-layout #masthead .menu {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
position: relative;
margin-left: 100px;
height: 60px;
line-height: 60px;
padding-left: .65em;
}



#masthead .brand .logo {
position: relative;
display: block;
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-position: 0 -459px;
background-image: url(//supercolegas.com/central/media/images/icons/logowwork.png);
background-repeat: no-repeat;
-webkit-background-size: 201px auto;
-moz-background-size: 201px auto;
-o-background-size: 201px auto;
background-size: 201px auto;
background-position: 0 -229.5px;
}

#masthead .brand .logo {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-position: 0 -388px;
height: 46px;
width: 214px;
background-image: url(//supercolegas.com/central/media/images/icons/logowwork.png);
background-repeat: no-repeat;
-webkit-background-size: 201px auto;
-moz-background-size: 201px auto;
-o-background-size: 201px auto;
background-size: 201px auto;
background-position: 0 -191px;
width: 107px;
height: 33px;
}


#masthead .brand .beta {
position: absolute;
top: -1px;
left: 74px;
z-index: 1;
line-height: 1;
font-size: 5pt;
font-family: arial, verdana, sans-serif;
letter-spacing: 1px;
background-color: #000;
color: #fcb514;
}

body.default-layout #masthead .menu .nav.site {
position: absolute;
 /* right: 345px; when the search box starts to work then enable this*/
  right: 75px;
}

body.default-layout #masthead .menu .nav.site li.notifications {
background-image: url(//supercolegas.com/central/media/images/icons/weworkicons.png);
background-position: 0 -337.5px;
background-repeat: no-repeat;
-webkit-background-size: 35px auto;
-moz-background-size: 35px auto;
-o-background-size: 35px auto;
background-size: 35px auto;
width: 25px;
height: 25px;
}


body.default-layout #masthead .menu .nav.site li.messages {
background-image: url(//supercolegas.com/central/media/images/icons/weworkicons.png);
background-position: 0 -615.5px;
background-repeat: no-repeat;
-webkit-background-size: 35px auto;
-moz-background-size: 35px auto;
-o-background-size: 35px auto;
background-size: 35px auto;
width: 26px;
height: 24px;
}



body.default-layout #masthead .menu .search {
position: absolute;
right: 83px;
display: block;
}

body.default-layout #masthead .menu .nav {
float: left;
}

body.default-layout #masthead .menu .search form {
position: relative;
top: -1px;
}
body.default-layout #masthead .menu .nav.user {
top: 10px;
}

body.default-layout #masthead .menu .nav.user {
position: absolute;
right: 24px;
top: 9px;
cursor: pointer;
}

body.default-layout #masthead .menu .nav.user .menu-toggle {
width: 40px;
height: 40px;
overflow: hidden;
background-color: #fff;
}

body.default-layout #masthead .menu .nav.user img {
display: inline-block;
width: 100%;
}

body.default-layout #masthead .menu .search form input[type=search] {
width: 250px;
border: 0;
padding: 5px;
font-size: 12px;
-webkit-transition-property: width;
-moz-transition-property: width;
-o-transition-property: width;
transition-property: width;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
}

body.default-layout #masthead .menu .nav.user .menu-toggle .arrow {
position: absolute;
top: 50%;
right: -20px;
background-image: url(//supercolegas.com/central/media/images/icons/weworkicons.png);
background-position: 0 -1201px;
background-repeat: no-repeat;
-webkit-background-size: 35px auto;
-moz-background-size: 35px auto;
-o-background-size: 35px auto;
background-size: 35px auto;
width: 17px;
height: 13px;
margin-top: -6px;
}

input[type=text], input[type=password], input[type=search], input.string, input.password {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
background-color: #fff;
padding: 7px;
border: 1px solid #777;
border-radius: 0;
color: #333;
font-size: 10pt;
}


body.default-layout #masthead #nav {
position: absolute;
top: 80px;
left: 0;
z-index: 999;
width: 100%;
display: none;
background-color: #000;
color: #eee;
}




body.default-layout #masthead #nav {
top: 75px;
left: auto;
right: 0;
width: 200px;
}


body.default-layout #masthead #nav .user_action_menu {
position: static;
border-top: 5px solid #000;
}

body.default-layout #masthead #nav .user_action_menu li {
font-size: 10pt;
border-bottom: 1px solid #444;
}

body.default-layout #masthead #nav .user_action_menu .edit {
float: right;
}

body.default-layout #masthead #nav .user_action_menu li a {
display: block;
padding: 12px 18px;
}

body.default-layout #masthead #nav a, body.default-layout #masthead #nav a:link, body.default-layout #masthead #nav a:visited {
color: white;
line-height: 1em;
}

body.default-layout #masthead #nav:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #000;
border-width: 10px;
right: 10px;
}


body.default-layout #masthead #nav .user_action_menu li a:hover {
background-color: #333;
}




body.default-layout #masthead .menu .nav.site li {
opacity: .3;
}



#masthead .menu .nav.user li {
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}


body.default-layout #masthead .menu .nav.site li, body.default-layout #masthead .menu .nav.user li {
position: relative;
top: 4px;
display: inline-block;
margin-right: 10px;
cursor: pointer;
}

body.default-layout #masthead .menu .nav.site li .count {
display: none;
text-align: center;
position: absolute;
background-color: #fcb514;
color: #000;
padding: 2px 3px;
border-radius: 10px;
min-width: 13px;
line-height: 1;
font-size: 6pt;
}

body.default-layout #masthead .popovers {


    display:none; /* deshabilita este*/


    top: 60px;
   left: auto;
right: 136px;
}

body.default-layout #masthead .popovers {
position: absolute;
z-index: 99;
top: 60px;
}



body.default-layout #masthead .popovers .popover-menu .load-msg {
/*display: none;*/
margin-bottom: 3px;
padding: 5px 0;
text-align: center;
font-size: 10pt;
}

body.default-layout #masthead .popovers .popover-menu {
width: 293px;
padding: .5em;
line-height: 1.25;
background-color: #fcb514;
color: #000;
}


body.default-layout #masthead .popovers .popover-menu.messages {
margin-left: 50px;
}

body.default-layout #masthead .popovers .popover-menu {
width: 300px;
}





body.default-layout #masthead .popovers .popover-menu::before {
bottom: 100%;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border: solid transparent;
border-bottom-color: #fcb514;
border-width: 10px;
left: 101px;
}


body.default-layout #masthead .popovers .popover-menu.notifications::before {
left: 19px;
}


body.default-layout #masthead .menu .nav.site li.active, body.default-layout #masthead .menu .nav.site li.has-count {
  opacity: 1;
}



#my_sections header .h2 {
    line-height: 1;
    text-align: center;
    font-weight: bold;
}



.fileinput-button {
position: relative;
overflow: hidden;
}



#fileupload {
font-size: 12px;
}
#fileupload {
margin-top: 10px;
height: 80px;
}
.fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
transform: translate(-300px, 0) scale(4);
font-size: 23px;
direction: ltr;
cursor: pointer;
}
input[type="file"] {
display: block;
}
.fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
transform: translate(-300px, 0) scale(4);
font-size: 23px;
direction: ltr;
cursor: pointer;
}
input[type="file"] {
display: block;
}